@charset "utf-8";

@keyframes fed-anim-upbit {
    0% {
        transform: translate3d(0, 1.875rem, 0);
        opacity: .3
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@font-face {
    font-family: fed-icon-font;
    src: url(../fonts/iconfont_1.eot);
    src: url(../fonts/iconfont_1.eot#iefix) format('embedded-opentype'), url(data:application/x-font-woff2;charset=utf-8;base64,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) format('woff2'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont_1.ttf) format('truetype'), url(../img/iconfont_1.svg#fed-icon-font) format('svg')
}

.fed-icon-font {
    font-family: fed-icon-font !important;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fed-icon-1:before {
    content: "\e601"
}

.fed-icon-4:before {
    content: "\e79a"
}

.fed-icon-daohang:before {
    content: "\e60c"
}

.fed-icon-bofang:before {
    content: "\e61c"
}

.fed-icon-shouye:before {
    content: "\e623"
}

.fed-icon-fenlei:before {
    content: "\e6d1"
}

.fed-icon-fenxiao:before {
    content: "\e61e"
}

.fed-icon-liuyan:before {
    content: "\e612"
}

.fed-icon-yonghu:before {
    content: "\e649"
}

.fed-icon-fenxiang:before {
    content: "\e613"
}

.fed-icon-quanxian:before {
    content: "\e686"
}

.fed-icon-vip:before {
    content: "\e609"
}

.fed-icon-zixun:before {
    content: "\e610"
}

.fed-icon-xiugai:before {
    content: "\e62b"
}

.fed-icon-chongzhi:before {
    content: "\e6e1"
}

.fed-icon-tixian:before {
    content: "\e6e2"
}

.fed-icon-3:before {
    content: "\e618"
}

.fed-icon-sousuo:before {
    content: "\e67a"
}

.fed-icon-lishi:before {
    content: "\e608"
}

.fed-icon-fengge:before {
    content: "\e600"
}

.fed-icon-zuo:before {
    content: "\e727"
}

.fed-icon-you:before {
    content: "\e728"
}

.fed-icon-shang:before {
    content: "\e729"
}

.fed-icon-xia:before {
    content: "\e72a"
}

.fed-icon-top:before {
    content: "\e62c"
}

.fed-icon-ziliao:before {
    content: "\e76f"
}

.fed-icon-2:before {
    content: "\e621"
}

.fed-icon-xiazai:before {
    content: "\e62e"
}

.fed-icon-jilu:before {
    content: "\e61d"
}

.fed-icon-6:before {
    content: "\e604";
}

.fed-icon-5:before {
    content: "\e605";
}

.fed-icon-gonggao:before {
    content: "\e6c1";
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Helvetica, Arial, Microsoft Yahei, sans-serif;
    -webkit-tap-highlight-color: transparent
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #32d4d0
}

a:active,
a:hover {
    outline: 0
}

p {
    line-height: 1.5rem
}

li {
    list-style: none
}

.fed-icon-font,
em,
i {
    font-style: normal
}

hr,
img {
    border: 0
}

hr {
    margin: .625rem 0;
    height: .0625rem;
    border-bottom: .0625rem solid #e2e2e2;
    transform: scaleY(.5);
    transform-origin: 0 0
}

img {
    display: inline-block;
    vertical-align: middle
}

body {
    padding: 5rem 0 0;
    overflow-y: scroll;
    background-color: #f5f5f5;
    font-size: .875rem
}

body,
html {
    height: auto !important
}

input::-ms-clear {
    display: none
}

input::-webkit-search-cancel-button {
    display: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 62.5rem #fff inset !important
}

textarea {
    overflow: hidden;
    height: auto !important
}

table {
    width: 100%;
    color: #666;
    margin: .625rem 0;
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0
}

input[type=submit] {
    cursor: pointer
}

input[type=email],
input[type=password],
input[type=search],
input[type=submit],
input[type=text],
option,
select,
textarea {
    -webkit-appearance: none
}

input,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

table thead {
    height: 1.875rem;
    line-height: 1.875rem;
    background: #e6e6e6
}

table th {
    text-align: left;
    font-weight: 400;
    background-color: #f2f2f2
}

table td,
table th {
    position: relative;
    padding: .3125rem .9375rem;
    min-height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    border: .0625rem solid #e6e6e6
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

::selection {
    background-color: #25879c;
    color: #fff;
}

.cans {
    display: none !important;
}

.cblock {
    display: block;
    overflow: hidden;
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
    clear: both;
}

.split_line {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 1px;
    height: 0.7rem;
    vertical-align: -0.1rem;
    background-color: #d6d6d6;
}

.play_vlist_tag a {
    font-size: 0.325rem;
    color: #878787;
}

/* playpage */
.play_boxbg {
    background: #282832;
}

.player .play_now span i {
    color: #878787;
    padding-right: 0.2rem;
    vertical-align: top;
    font-size: 0.6rem;
}

.player {
    padding: 0;
    overflow: hidden;
}

.player .play_now {
    line-height: 1.9rem;
    float: left;
}

.play_pan.pannel {
    margin: 0 0 1rem .5rem;
}

.play_text {
    display: block;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.player .video_title,
.player .ms_p {
    float: left;
    margin-right: 0.75rem;
}

.player .text_score,
.cblock .text_score {
    color: #00adef;
    font-weight: 700;
    font-size: 0.95rem;
    vertical-align: top;
}

.player .title {
    color: #ccc;
}

.player .no_b {
    float: right;
    line-height: 0.95rem;
    font-size: 0.6rem;
}

.player .split_line {
    background-color: #666;
}

.play_content {
    margin-top: 0.5rem;
    display: block;
    line-height: 1.2rem;
    color: #888;
}

.player a,
.player span {
    color: #888;
}

@font-face {
    font-family: 'iconfont';
    src: url('../img/iconfont.eot');
    src: url('../img/iconfont.eot?#iefix') format('embedded-opentype'), url('../img/iconfont.woff2') format('woff2'), url('../img/iconfont.woff') format('woff'), url('../img/iconfont.ttf') format('truetype'), url('../img/iconfont.svg') format('svg');
}


.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.play_but {
    background: #202026;
}

.play_but li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
}

.play_but a {
    display: inline-block;
    width: 100%;
    line-height: 2.5rem;
    text-align: center;
    color: #878787;
}

.play_but a:hover,
.play_vlist a:hover .play_vlist_title,
.play_vlist_now a:hover {
    color: #3ec6e9;
}

.play_but i {
    font-size: 0.7rem;
    padding-right: 0.25rem;
}

.play_but .btns_disad,
.play_but .btns_disad:hover {
    color: #444 !important;
    pointer-events: none;
    cursor: not-allowed;
}

.play_box_right {
    overflow: auto;
    padding: 0.85rem;
    width: 100%;
    background: #202026;
}

.play_namebox {
    width: 100%;
    border-bottom: 1px solid #282830;
    background: #202026;
    padding: 0.85rem;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.42rem;
    z-index: 10;
}

.play_namebox .title {
    float: left;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0.2rem 0;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #fff;
}

.play_namebox .fenlei {
    padding: 0.1rem 0.3rem;
    border: 1px solid #3edbe1;
    font-size: 0.6rem;
    color: #3edbe1;
    line-height: 0.95rem;
    margin: 0.35rem 0 0.3rem 0.6rem;
    border-radius: 0.7rem;
    overflow: hidden;
    display: inline-block;
}

.play_infobox {
    margin-top: 4.75rem;
}

.play_box_right::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #202026
}

.play_box_right::-webkit-scrollbar-track {
    background-color: #202026
}

.play_box_right::-webkit-scrollbar-thumb {
    background-color: #31313a;
    border-radius: 3px;
}

.play_vlist {
    margin-bottom: 0.8rem;
}

.code_box {
    float: left;
    width: 5rem;
    height: 5rem;
    background: #1d1d21;
    display: block;
    overflow: hidden;
}

.qrcode.code_box img {
    padding: 0.2rem;
    width: 100%;
}

.qrcode_text {
    width: calc(100% - 5rem);
    float: left;
    height: 5rem;
    background: #1d1d21;
    padding: 0.7rem;
}

.qrcode_text p {
    margin: 0.4rem 0;
    line-height: 1.2rem;
}

.play_vlist_thumb,
.zbo .play_vlist_thumb.zboad {
    float: left;
    position: relative;
    display: block;
    width: 7rem;
    height: 4.6rem;
    background: url(../img/load_w.gif) no-repeat #ebebeb;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}

.play_vlist_thumb.vnow::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    border: 3px solid #3ec6e9;
}

.play_vlist_text {
    position: relative;
    width: calc(100% - 7rem);
    float: left;
    height: 4.6rem;
    padding: 0.3rem 0.7rem;
}

.play_clike {
    color: #bbb;
    font-size: 0.8rem;
    margin-bottom: 0.8rem;
}

.play_vlist_title {
    color: #bbb;
    height: 1.2rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.vnow .play_vlist_title {
    color: #3ec6e9;
}

.play_vlist_now {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0.23rem;
    padding-left: 0.7rem;
    font-size: 0.64rem;
    color: #878787;
}

.play_vlist_now a {
    color: #878787;
}

.play_vlist_now a i {
    font-size: 0.3rem;
}

.ad_tips {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.2rem;
    padding: 0 0.1rem;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 0.35rem;
    line-height: 0.35rem;
}

.qrcode_text .qrcode_tips {
    color: #bbb;
}

.pull_right {
    float: right !important;
}

.pannel_head {
    margin: 0.5rem 0;
    line-height: 0.825rem;
}

.ranklist_txt .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.artlist_thumb.no_pic {
    background: #23d2de;
    background-image: linear-gradient(-45deg, #72ecb0 0%, #27b3e1 100%);
}

.arthom_item .artlist_thumb {
    height: auto;
    padding-top: 55%;
}

.artlist_thumb {
    position: relative;
    display: block;
    height: 0;
    padding-top: 56.25%;
    background: url(../../img/load_n.gif) no-repeat #ebebeb;
    background-position: 50% 20%;
    background-size: cover;
    border-radius: 5px !important;
    overflow: hidden;
}

.vodlist_titbox,
.arthom_title,
.topiclist_title {
    width: 100%;
    overflow: hidden;
    font-size: 0.375rem;
    margin: 0.5rem 0;
    line-height: 1.1rem;
    height: 2.25rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.art_date {
    top: 0;
}

.art_date,
.art_from {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0.75rem;
    color: #fff;
}

.art_from {
    bottom: 0;
    font-size: 0.6rem;
}

.day_date {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3rem;
}

.art_date .split_line {
    height: 2rem;
    background-color: hsla(0, 0%, 100%, 0.4);
}

.split_line {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 1px;
    height: 0.7rem;
    vertical-align: -0.1rem;
    background-color: #d6d6d6;
}

.year_month {
    display: inline-block;
}

.mac_pop_bg {
    position: fixed;
    z-index: 999999998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.ikan_content {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999999999;
    width: 85%;
    max-height: 95%;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
}

.ikan_content_hd {
    padding: 2.5rem 0 0;
}

.ikan_content_title {
    font-weight: 400;
    font-size: 0.85rem;
    color: #333;
    margin: 0px;
}

.ikan_content_bd {
    padding: 0.5rem 0 2.5rem;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
}

.ikan_content_bd .info_img {
    display: block;
    margin: auto;
    width: 10rem;
    height: 10rem;
}

.ikan_content_bd p {
    margin: 0.25rem 0;
    line-height: 0.9rem;
}

.ikan_content_ft {
    position: relative;
    line-height: 2.4rem;
    font-size: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ikan_content_ft a {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ikan_content_ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.ikan_content_ft a:first-child:after {
    border-left: none;
}

.ikan_content_ft a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.user a {
    padding: 0.75rem 0.6rem;
    font-size: 1rem;
    display: block;
    line-height: 160%;
}

.user .user_list {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.9rem 1rem;
    text-align: center;
    font-size: 0.9rem;
    color: #999;
    background-color: #fff;
    box-shadow: 0 1px 0.4rem rgba(0, 0, 0, .1);
    border-radius: 0.2rem;
}

.user a.mac_user_g {
    color: #35cce9;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
    padding: 0px 0px 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    width: 100%;
}

.user a.mac_user_n {
    color: #333;
    padding-bottom: 0;
    font-size: 1.2rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user a i {
    padding-right: 0.3rem;
    vertical-align: top;
}

/* 会员header */
.header {
    padding: 0.5rem 0;
    overflow: hidden;
    background-color: #333;
}

/* i-logo */
.logo {
    width: 9rem;
    height: 1.9rem;
    overflow: hidden;
    float: left;
    padding: 0.2rem 0;
}

.user-n span {
    color: #fff;
    margin-left: 0.5rem;
    line-height: 2.1rem;
    float: left;
}

.nav {
    float: right;
    overflow: hidden;
    padding: 0.3rem 0;
}

.nav-item {
    float: left;
    overflow: hidden;
    padding-left: 0.5rem;
}

.nav-link {
    display: block;
    _float: left;
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    font-size: 0.7rem;
    padding: 0 0.375rem;
    background-color: #fff;
    border-radius: 1.6rem;
}


/*banner*/
.head_a,
.head_b,
.wbalist_con,
.adfixed .ads_rmk {
    position: relative;
    width: 90%;
    margin: auto;
}

/* hotbanner */
.hot_banner input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.hot_banner input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.hot_banner input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.hot_banner .head_search i {
    color: rgba(255, 255, 255, 0.5);
}

.hot_banner .head_menu_a a,
.hot_banner .head_user a,
.hot_banner .head_menu_b a.menu,
.hot_banner .head_hot_search a,
.hot_banner .hot_search_tit {
    color: #fff;
}

.hot_banner .head_menu_a a:hover,
.hot_banner .head_user a:hover,
.hot_banner .head_hot_search a:hover,
.hot_banner .head_user li .dropbox.user a:hover {
    color: #35cce9;
    opacity: 1;
}

.hot_banner .head_menu_b:hover a.menu {
    color: #fff;
    opacity: 1;
}

.hot_banner {
    position: relative;
    height: auto;
    min-height: 5.5rem;
    background-color: #f1f1f1;
}

.hot_banner .head_logo .logo {
    background: url(../img/logo_white.png) no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.hot_banner .header::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.hot_banner .head_menu_b .menu {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.hot_banner .head_box {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999992;
}

.hot_list {
    width: 73.125rem;
    position: relative;
    margin: 0 auto;
}

.hot_list li {
    margin: 1.5rem 0;
    width: 20%;
    padding: 0.5rem;
}

.hot_list li.balist_item.swiper-slide-active {
    margin: 1.5rem 0.5rem;
}

.hot_list .vodlist_title {
    color: #fff !important;
    font-size: 0.8rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.hot_list .vodlist_sub {
    color: #ddd;
}

.hot_wlist {
    display: block;
    overflow: hidden;
}

.wbalist_titbox p {
    width: 100%;
    color: #fff;
    line-height: 1.3rem;
    text-indent: 60px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

.wbalist_titbox .vodlist_title {
    font-size: 1.1rem;
}

.wbalist_titbox .wba_ico {
    width: 40px;
    height: 40px;
    display: block;
    background: url(../img/play_b.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.bg_wtop,
.bg_wtop_banner {
    position: absolute;
    width: 100%;
    height: 0rem;
    top: 0;
    left: 0;
    z-index: 2;
}

.bg_wtop {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), transparent);
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), transparent);
}

.bg_wtop_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
    transition: .5s 0s all ease-out;
    -webkit-transition: .5s 0s all ease-out;
}

.hot_banner .head_search .form_control {
    color: #fff;
}

.hot_banner .head_user li a.face_pic,
.hot_banner .head_user li .dropbox.user a {
    opacity: 1;
}

.hot_banner .head_user li .dropbox.user a {
    color: #878787;
}

.hot_banner .head_user li .user a.mac_user_g {
    color: #35cce9;
}

.hot_banner .head_user li .user a.mac_user_n {
    color: #333;
}

.hot_banner .head_search form:hover .form_control,
.hot_banner .head_search form .form_control:focus {
    background: rgba(255, 255, 255, 0.1);
}

.hot_banner_box {
    position: relative;
}

.banner-top,
.banner-wtop {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.banner-top ul {
    margin-left: -0.5rem;
}

.banner-top.opacity-top,
.banner-wtop.opacity-top {
    opacity: 1;
    filter: alpha(opacity=1);
}

.hot_list:hover .banner-arrow,
.hot_wlist:hover .banner-arrow,
.art_banner:hover .banner-arrow {
    display: block;
}

.hot_banner .bgi_box {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 0;
    position: absolute;
    overflow: hidden;
}

.hot_banner .bgi {
    display: block;
    position: absolute;
    left: -5%;
    top: -5%;
    z-index: -1;
    width: 110%;
    height: 110%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 50%;
    filter: blur(60px);
    -webkit-filter: blur(60px);
    transition: .5s 0s all ease-out;
    -webkit-transition: .5s 0s all ease-out;
}

.hot_banner .bgfd {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.balist_thumb {
    position: relative;
    display: block;
    padding-top: 145%;
    background: url(../img/load_1.gif) no-repeat #ebebeb;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden;
}

.balist_thumb .pic_text {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    font-size: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFF;
    padding: 0.2rem 0.35rem;
    z-index: 9;
    line-height: 0.55rem;
}

.balist_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 7rem;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .8));
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-arrow {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    z-index: 99;
    text-align: center;
    line-height: 2.4rem;
    font-size: 0.9rem;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.4);
}

a:hover.swiper-button-next,
a:hover.swiper-button-prev {
    color: #fff;
    background: #35cce9;
}

.swiper-button-next {
    right: 0;
    left: auto
}

.swiper-button-prev {
    left: 0;
    right: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .4;
    margin: 0 0.25rem;
    cursor: pointer;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.4rem;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #35cce9;
}

.hot_list .balist_item.swiper-slide {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.hot_list .balist_item.swiper-slide-active,
.hot_list .balist_item.swiper-slide-duplicate-active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.balist_item.swiper-slide img {
    width: 100%;
    display: none;
}

.wbalist_thumb {
    position: relative;
    display: block;
    max-width: 84rem;
    height: 24rem;
    margin: 0 auto;
    background: #282832;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.wbalist_titbox {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.2rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFF;
}

.fed-back-whits-banner {
    background-color: #f1f1f1 !important;
    color: #333 !important
}

/* 左侧会员导航菜单 */
#member {
    margin: 1rem auto;
    font-size: 0.9rem;
}

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#member .m-nav {
    display: none;
    overflow: hidden;
    background: #fff;
    padding: 0 0.5rem;
    height: 2.25rem;
    text-align: center;
    line-height: 2.25rem;
    margin-bottom: 0.5rem;
}

#member .m-nav .btn-left {
    float: left;
}

#member .m-nav .btn-right {
    float: right;
}

#member .m-nav .mb-title {
    font-size: 0.8rem;
    color: #333;
    width: 80%;
    overflow: hidden;
    display: block;
    margin: 0 10%;
}

#member #left {
    width: 30%;
    float: left;
}

#member #left .tou {
    overflow: hidden;
    background: #fff;
    padding: 2rem 1rem;
    background-color: #fff6f1;
    background-image: url(../img/user_bg.jpg);
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}

#member #left .tou .tou-left {
    margin: 0 auto;
    text-align: center;
}

#member #left .tou .tou-right {
    padding: 0.6rem 0 0 0;
    text-align: center;
}

#member #left .tou .name-tit {
    font-size: 0.9rem;
    color: #333;
    padding-bottom: 0.2rem;
    display: block;
}

#member #left .tou p {
    line-height: 0.9rem;
    font-size: 0.65rem;
    color: #999;
}

#member #left .menber-info {
    background: #fff;
    overflow: hidden;
    padding: 0.5rem 0;
}

#member #left .info-box {
    float: left;
    width: 50%;
    text-align: center;
    border-right: 1px solid #f1f1f1;
    box-sizing: border-box;
}

#member #left .info-box:last-child {
    border: 0;
}

#member #left .menber-info p {
    line-height: 1rem;
}

#member #left .menber-info p.m-points {
    color: #ff6464;
}

#member #left .menber-info p.text-small {
    font-size: 0.6rem;
    color: #999;
}

#member #left .member-ts {
    color: #ff6464;
}

#member #left ul {
    margin-top: 0.5rem;
    background: #fff;
}

#member #left ul li.hover {
    background: #f9f9f9;
}

#member #left ul li a {
    line-height: 2.25rem;
    height: 2.25rem;
    display: block;
    border-bottom: 1px #f1f1f1 solid;
    margin: 0 1rem;
}

#member #left ul li .tuijian-ad a {
    height: auto;
    max-height: 100px;
    margin: 0;
}

#member #left ul li .tuijian-ad a img {
    width: 100%;
    max-height: 100px;
}

#member #left ul li:last-child a {
    border-bottom: none;
}

#member #left ul li a:hover,
#member #left ul li a:hover i {
    color: #35cce9 !important;
}

#member #left ul .hover a,
#member #left ul .hover a i {
    color: #35cce9 !important;
}

#member #left ul li a i {
    font-size: 0.9rem;
    padding-right: 0.4rem;
    vertical-align: bottom;
}

#member #left ul li a i.ico-right {
    padding-right: 0;
    font-size: 0.6rem;
    float: right;
}

#member #left ul li a .user-time {
    font-size: 0.6rem;
    float: right;
    color: #aaa;
    margin-right: 0.2rem;
}

#member #left ul li a i.huiyuan {
    color: #ddaf5a;
}

#member #left ul li a i.yonghu {
    color: #35cce9;
}

#member #left ul li a i.xiugai {
    color: #35cce9;
}

#member #left ul li a i.shouchang {
    color: #f9b62b;
}

#member #left ul li a i.lishi {
    color: #50a9fc;
}

#member #left ul li a i.xiazai {
    color: #2dbd8c;
}

#member #left ul li a i.congzhi {
    color: #ff6464;
}

#member #left ul li a i.chongzhi-jl {
    color: #a2e10a;
}

#member #left ul li a i.jifen-jl {
    color: #ff821c;
}

#member #left ul li a i.tixian-jl {
    color: #6a74ff;
}

#member #left ul li a i.fenxiao {
    color: #ffb424;
}

#member #left ul li a i.yaoqing {
    color: #2dbd8c;
}

#member #left ul li.logout-item {
    text-align: center;
    margin: 0;
}

#member #left .logout-ul {
    display: none;
}

#member #left .user_vip {
    padding-right: 0.2rem;
    color: #ddaf5a;
}

#member #left .panel {
    margin: 0 1rem;
}

#member #left .panel p {
    border-bottom: 1px #f1f1f1 solid;
    line-height: 2.25rem;
}

#member #left .panel p:last-child {
    border: 0;
}

#member #left .panel p.hui {
    color: #888;
    line-height: 1.3rem;
    padding: 0.5rem 0;
}

#member #left .panel i {
    font-size: 0.6rem;
    padding-right: 0.2rem;
}

#member #left .xiang {
    width: 50%;
    display: inline-block;
    text-align: left;
    color: #666;
}

#member #left .member-input {
    height: 2.25rem;
    width: 100%;
    color: #999;
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#member #left .bind-a {
    float: right;
    color: #35cce9;
    width: 40%;
    text-align: center;
    border-left: 1px solid #eee;
    margin-right: -1px;
    margin: 0;
}

.face-upload {
    width: 3.3rem;
    height: 3.3rem;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 100%;
    color: #fff;
    font-size: 150%;
}

.co-cg {
    color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 7.4rem;
    overflow: hidden;
    background-color: rgba(25, 25, 25, 0.8);
    border-radius: 2.5rem;
    padding: 0.6rem 0.5rem;
    font-size: 0.75rem;
    text-align: center;
}


/* 右侧内容 */
#member #right {
    width: 68%;
    float: right;
}

#member #right .co-right {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 1rem;
}

#member #right .co-right-bg {
    min-height: calc(100vh - -0.35rem);
}

#member #right .co-bottom {
    margin-top: 0.5rem;
}

#member #right .co-bottom-bg {
    min-height: calc(100vh - 18.3rem);
}

#member #right .sjhy-ts .fen {
    line-height: 2rem;
}

#member #right h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

#member #right .kuang {
    background: #e2e2e2;
    padding: 0 0.5rem;
    line-height: 1.5rem;
    display: inline-block;
    border-radius: 0.15rem;
}

#member #right .member-input {
    height: 1.4rem;
    width: 80%;
    border: 0;
}

#member #right .search-button {
    background: #35cce9;
    border: none;
    border-radius: 0.15rem;
    width: 50%;
    line-height: 1.8rem;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin-top: 0.75rem;
    float: left;
}

#member #right .lan2,
#member #right .fen {
    color: #35cce9;
}

#member #right #copy-sz i,
#member #right #copy-sz textarea {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -10;
}

/* tab切换 */
#member #right #tab {
    margin: 0.5rem 0;
}

#member #right .list ul {
    display: inline-block;
    width: 100%;
}

#member #right .list li {
    float: left;
    border-left: 1px #ffffff solid;
    line-height: 2rem;
    cursor: pointer;
    width: 33.333333%;
    text-align: center;
    background: #f8f8f8;
    box-sizing: border-box;
}

#member #right .list li:hover {
    color: #35cce9;
}

#member #right .list li.cur {
    background: #4ba1f1;
    color: #fff;
}

#member #right #listCon,
#member #right #listCon2 {
    padding: 0.5rem 0;
}

#member #right #listCon div,
#member #right #listCon2 div {
    line-height: 1rem;
    opacity: 0;
    filter: alpha(opacity=0);
}

#member #right #listCon div.cur,
#member #right #listCon2 div.cur {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999;
}

#member #right #listCon .tishi img {
    width: 1rem;
    padding: 0 0.25rem 0 0.5rem
}

#member #right #listCon .tishi2 img {
    width: 1rem;
    padding: 0 0.25rem 0 0
}

#member #right #listCon .xiang,
#member #right #listCon2 .xiang {
    width: 18%;
    display: inline-block;
    text-align: left;
    padding-right: 2%;
    color: #333;
}

#member #right #listCon .wjmm {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    width: 50%;
    margin-top: 0.75rem;
    line-height: 1.8rem;
}

#member #right .wt-input {
    width: 60%;
}

#member #right .bind-a {
    float: right;
    color: #35cce9;
    width: 20%;
    text-align: center;
    border-left: 1px solid #eee;
    margin-right: -1px;
}

#member #right #listCon p,
#member #right #listCon2 p {
    border-bottom: 1px #f1f1f1 solid;
}

#member #right #listCon p:last-child,
#member #right #listCon2 p:last-child {
    border: 0;
}

#member #right #listCon p.pay_ewm {
    text-align: center;
    padding-top: 2rem;
    border-bottom: 0;
}

#member #right #listCon p.pay_tips {
    text-align: center;
    border-bottom: 0;
}

#member #right .quanxian {
    color: #333;
    font-weight: 700;
}

#member #right .you,
#member #right .wu {
    display: inline-block;
    width: 18%;
    padding: 0 1%;
    margin: 0.5rem 2% 0.5rem 0;
    background: #f8f8f8;
    text-align: center;
    line-height: 1.6rem;
    border-radius: 0.2rem;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

#member #right .qx-right {
    font-size: 0.6rem;
    float: right;
}

#member #right .i-you {
    color: #2dbd8c;
    padding-left: 0.2rem;
}

#member #right .i-wu {
    color: #ff2d2d;
    padding-left: 0.2rem;
}

#member #right .i-sm {
    padding-left: 0;
    padding-right: 0.2rem;
    vertical-align: middle;
}

#member #right .table {
    background: #e2e2e2;
}

#member #right .table .pad {
    padding-left: 0.5rem;
}

#member #right .table .delete {
    border: 1px #e2e2e2 solid;
    padding: 0.1rem 0.5rem;
}

#member #right .gong {
    margin: 0.5rem 0;
    border: 1px #e2e2e2 solid;
    width: 100%;
    display: inline-block;
    height: 1.8rem;
}

#member #right .gong a {
    border-right: 1px #e2e2e2 solid;
    width: 25%;
    line-height: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    margin-right: -0.2rem;
    text-align: center;
}

#member #right .gong a:last-child,
#member #right .shengji li:last-child {
    border: 0;
}

#member #right .member-page {
    text-align: center;
}

#member #right .shengji li {
    border-bottom: 1px #f1f1f1 solid;
}

#member #right .shengji a {
    line-height: 2.25rem;
    height: 2.25rem;
    display: block;
}

#member #right .shengji .sj-right {
    float: right;
    font-size: 0.65rem;
}

#member #right .shengji .hyico-right {
    float: right;
    font-size: 0.6rem;
    padding-left: 0.2rem;
}

#member #right .huang {
    color: #ddaf5a;
}

#member #right .lan {
    color: #2dbd8c;
}

#member #right .hong {
    color: #35cce9;
}

#member #right .zi {
    color: #50a9fc;
}

#member #right .hui {
    color: #888;
    line-height: 1.2rem;
    padding: 0.5rem 0;
}

#member #right p.hui {
    border: 0 !important;
}

#member #right .jifen-input {
    background: #fff;
    text-align: center;
    border: 1px #ddd solid;
    height: 1.4rem;
    width: 6rem;
}

#member #right .jifen2-button {
    background: #ff6600;
    border: none;
    border-radius: 0.15rem;
    width: 6rem;
    line-height: 1.8rem;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin-top: 0.5rem;
    margin-left: 4.25rem;
}

/* ranklist */
.ranklist_item {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0.7rem 0 !important;
    border-top: 1px solid #2b2a2a;
}

.ranklist_item a:hover .title {
    color: #fc4949;
}

.ranklist_img {
    width: 6rem;
    float: left;
}

li.ranklist_item {
    padding: 0.35rem 0
}

.ranklist_thumb {
    position: relative;
    display: block;
    height: 7.95rem;
    background: url(../img/load.gif) no-repeat #ebebeb;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: .25rem;
    overflow: hidden;
}

.ranklist_txt {
    width: calc(100% - 6rem);
    float: left;
    padding: 0.375rem 0 0 0.75rem;
}

.ranklist_txt .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.2rem;
    line-height: 1.65rem;
}

.ranklist_txt span.text_muted {
    color: #ff536b;
    line-height: 1.1rem;
}

.ranklist_txt span i,
.part_eone .renqi i {
    font-size: 0.6rem;
}

.ranklist_txt p {
    line-height: 1.5rem;
}

.ranklist_item .part_nums {
    position: absolute;
    top: 0;
    left: 0;
}

.vodlist_sub {
    color: #999;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
    clear: both;
}

.vodlist_wi {
    width: calc(100% + 0.25rem);
    margin-left: -0.125rem;
}

/* rank */
.part_nums {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    top: 0px;
    font-size: 0.6rem;
    font-weight: 700;
    border-radius: 4px 0 4px 4px;
    line-height: 1rem;
    margin-right: 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #999;
    width: 1rem;
    height: 1rem;
}

.part_num1 {
    background-color: #ff0d29 !important;
}

.part_num2 {
    background-color: #ff920b !important;
}

.part_num3 {
    background-color: #ffc600 !important;
}

.part_eone {
    display: block;
    padding: 0.7rem 0 !important;
    border-top: 1px solid #2b2a2a;
    line-height: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.part_eone .renqi {
    color: #00adef;
    font-size: 0.7rem;
}

.ranklist_r {
    padding-top: 0.2rem;
    border-top: 1px solid #f8f8f8;
}

.ranklist_r li {
    width: 100%;
    float: left;
    padding: 0.5rem 0;
    border: 0;
}

.rankpage .tabs .content {
    margin-top: 0;
}

.rankpage .tab_rank {
    position: relative;
    float: left;
    width: 33.3333333%;
    text-align: center;
    background: #fff;
}

.rankpage .tab_rank::after {
    content: " ";
    position: absolute;
    height: 1rem;
    right: 0;
    top: 1rem;
    z-index: 9;
    border-right: 1px solid #f1f1f1;
}

.rankpage .tab_rank:last-child::after {
    border: 0;
}

.rankpage .tab_rank label {
    padding: 1rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.rank_info {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
    width: 33.333333%;
    padding: 0.5rem;
    margin-top: 1rem;
    background: #fff;
}

.list_info {
    padding: 0.8rem;
}

/* pannel */
.pannel {
    position: relative;
    padding: 0.5rem 0 0;
}

.hom_sm_list li {
    position: relative;
    float: left;
    width: 33.333333%;
    padding: 0.125rem;
}

.hom_sm_list .smlist_box {
    position: relative;
    background: #f8f8f8;
    line-height: 1.75rem;
    height: 1.75rem;
    border-radius: 32px;
    overflow: hidden;
}

.smlist_box marquee {
    margin: 0 0.8rem 0 2.1rem;
}

.notice .nico {
    position: absolute;
    top: 0;
    left: 0.625rem;
    text-align: center;
    color: #35cce9;
    z-index: 2;
}

.list_m {
    display: block;
    padding: 0 0.5rem;
}

.list_m a {
    position: relative;
    overflow: hidden;
    float: left;
    text-align: center;
    width: 15.2%;
    padding: 0 0.1rem;
}

.list_m a.text_muted {
    width: 23%;
    margin-right: 1%;
    padding-left: 2rem;
    text-align: left;
    font-size: 0.375rem;
    font-weight: 700;
}

.list_m a.text_muted:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 0.9rem;
    margin-top: -6px;
    background-color: #ccc;
    content: "";
}

.list_m a i {
    font-weight: normal;
    color: #35cce9;
    margin-right: 0.35rem;
    top: 0;
    left: .45rem;
    position: absolute;
}

@media (max-width: 1280px) {

    .list_m a {
        width: 18%;
    }

    .list_m a.text_muted {
        width: 27%;
    }

}

@media (max-width: 991px) {
    #play_page .hot_banner {
        height: 5.5rem;
    }

    .hot_list {
        width: 37.5rem;
    }

    .hot_list,
    .left_row,
    .right_row,
    .input_row,
    .commlist_row,
    .topiclist_con,
    .topiclist_text {
        width: 100%;
    }

    .list_m a {
        width: 20.666666%;
    }

    .list_m a.text_muted {
        width: 37%;
    }

    .list_m {
        padding: 0 0.7rem;
    }

    .notice .nico {
        left: 0.95rem;
    }
}



@media (max-width:820px) {
    .play_pan.pannel {
        margin: 0.5rem;
    }

    .pannel {
        padding: 0.5rem 0 0;
    }

    .hom_sm_list li {
        width: 100%;
        padding: 0.5rem 0.3rem;
        margin: 0;
    }

    .notice .nico {
        left: 0.65rem;
    }

    .play_boxbg,
    .play_but {
        background: none;
    }

    .play_but {
        padding: 0 1.1rem;
    }

    .play_but a {
        font-size: 1rem;
    }

    .play_but a,
    .player a,
    .player span {
        color: #666;
    }

    .play_but .btns_disad,
    .play_but .btns_disad:hover {
        color: #ccc !important;
    }

    .player .split_line {
        background-color: #d6d6d6;
    }

    .hot_list .balist_thumb .pic_text {
        line-height: 1rem;
    }

    .hot_list .vodlist_title {
        font-size: 0.75rem;
    }

    .hot_list .balist_thumb .vodlist_sub {
        font-size: 0.55rem;
    }

    .hot_list .vodlist_wi .vodlist_titbox,
    .vodlist_sm .vodlist_title {
        text-align: center;
    }

    .pannel {
        padding: 0.5rem 0 0;
    }

    .pannel h2.title i {
        font-size: 1rem;
        margin-right: 0.2rem;
        font-weight: normal;
    }

    .pannel_head h2.title,
    .pannel_head h3.title,
    .tabs .tab-det span {
        font-weight: 700;
    }

    .content_detail .pannel_head h2.title,
    .pannel_head.down_title h2.title,
    .search_box .pannel_head h3.title {
        font-weight: normal;
    }

    .pannel .search_tips {
        line-height: 1.2rem;
        font-size: 0.75rem;
    }

    .head_b,
    .content_min.content_btn {
        width: 100%;
        padding: 0;
    }

    .vodlist_thumb,
    .arthom_list .artlist_thumb,
    .zbvodlist_box,
    .topiclist_thumb,
    .balist_thumb {
        border-radius: 0;
        border: 0;
    }

    .content_thumb .vodlist_thumb,
    .vodlist_sm .vodlist_thumb,
    .vodlist_sh .vodlist_thumb,
    .searchlist_item .vodlist_thumb,
    .artlist_thumb,
    .ranklist_thumb,
    .play_vlist_thumb,
    .art_relates .artlr_pic,
    .ads {
        border-radius: 3px;
    }

    .pannel_head,
    .link_text,
    .title_nav,
    .content_playlist,
    .down_list,
    .down_context,
    .art_relates,
    .content_desc,
    .wrapper_fl .scroller,
    .vodlist_smt ul,
    .wrapper_tm,
    .art_list_row,
    .page,
    .comm_list_box,
    .search_tips,
    .zbo.vodlist,
    .play_vlist_box {
        padding: 0 0.75rem;
    }


    /* header */
    .hot_banner .bgi {
        filter: blur(40px);
        -webkit-filter: blur(40px);
    }

    .hot_banner .bgfd {
        background: rgba(0, 0, 0, .2)
    }

    .hot_banner .head_search .form_control {
        background: rgba(255, 255, 255, 0.1);
    }

    .hot_list li.vodlist_item {
        margin: 0.5rem 0;
        padding: 0.2rem;
        width: 40%;
    }

    .hot_list li.vodlist_item:first-child {
        margin-left: 0.55rem;
    }

    .hot_list li.vodlist_item:last-child {
        margin-right: 0.55rem;
    }

    .hot_list li {
        width: 36%;
        padding: 0;
        opacity: 0.6;
        filter: alpha(opacity=0.6);
        -webkit-transition: all ease-out .35s;
        transition: all ease-out .35s;
    }

    .hot_list li.swiper-slide-active {
        opacity: 1;
        filter: alpha(opacity=1);
    }

    .wbalist_thumb {
        height: 12rem;
    }

    .head_a,
    .head_b,
    .wbalist_con,
    .adfixed .ads_rmk {
        position: relative;
        width: 100%;
        margin: auto;
    }

    .wbalist_titbox p {
        text-indent: 15px;
    }
}


@media (max-width: 820px) and (min-width: 481px) {
    .hot_banner .header.nav_fixed {
        background: none;
    }

    .wbalist_con {
        width: 100%;
        margin: auto;
    }
}

.fed-hidden {
    display: none
}

.fed-visible {
    display: block
}

.fed-hide {
    display: none !important
}

.fed-show {
    display: block !important
}

.fed-pull-left {
    float: left
}

.fed-pull-right {
    float: right
}

.fed-hide-kind {
    display: none
}

.fed-show-kind {
    display: block
}

.fed-hide-tall {
    display: none !important
}

.fed-show-tall {
    display: block !important
}

.fed-text-left {
    text-align: left !important
}

.fed-text-right {
    text-align: right !important
}

.fed-text-center {
    text-align: center !important
}

.fed-col-lg1,
.fed-col-lg2,
.fed-col-lg3,
.fed-col-lg4,
.fed-col-lg5,
.fed-col-lg6,
.fed-col-lg7,
.fed-col-lg8,
.fed-col-lg9,
.fed-col-lg10,
.fed-col-lg11,
.fed-col-lg12,
.fed-col-md1,
.fed-col-md2,
.fed-col-md3,
.fed-col-md4,
.fed-col-md5,
.fed-col-md6,
.fed-col-md7,
.fed-col-md8,
.fed-col-md9,
.fed-col-md10,
.fed-col-md11,
.fed-col-md12,
.fed-col-sm1,
.fed-col-sm2,
.fed-col-sm3,
.fed-col-sm4,
.fed-col-sm5,
.fed-col-sm6,
.fed-col-sm7,
.fed-col-sm8,
.fed-col-sm9,
.fed-col-sm10,
.fed-col-sm11,
.fed-col-sm12,
.fed-col-xs1,
.fed-col-xs2,
.fed-col-xs3,
.fed-col-xs4,
.fed-col-xs5,
.fed-col-xs6,
.fed-col-xs7,
.fed-col-xs8,
.fed-col-xs9,
.fed-col-xs10,
.fed-col-xs11,
.fed-col-xs12 {
    position: relative;
    display: block
}

.fed-col-xs1,
.fed-col-xs2,
.fed-col-xs3,
.fed-col-xs4,
.fed-col-xs5,
.fed-col-xs6,
.fed-col-xs7,
.fed-col-xs8,
.fed-col-xs9,
.fed-col-xs10,
.fed-col-xs11,
.fed-col-xs12 {
    float: left
}

.fed-col-xs1 {
    width: 8.33333333%
}

.fed-col-xs2 {
    width: 16.66666667%
}

.fed-col-xs3 {
    width: 25%
}

.fed-col-xs4 {
    width: 33.33333333%
}

.fed-col-xs5 {
    width: 41.66666667%
}

.fed-col-xs6 {
    width: 50%
}

.fed-col-xs7 {
    width: 58.33333333%
}

.fed-col-xs8 {
    width: 66.66666667%
}

.fed-col-xs9 {
    width: 75%
}

.fed-col-xs10 {
    width: 83.33333333%
}

.fed-col-xs11 {
    width: 91.66666667%
}

.fed-col-xs12 {
    width: 100%
}



@media (max-width:48rem) {
    .fed-hide-xs {
        display: none !important
    }

    .fed-text-xs-left {
        text-align: left !important
    }

    .fed-text-xs-right {
        text-align: right !important
    }

    .fed-text-xs-center {
        text-align: center !important
    }

    .fed-show-xs-block {
        display: block !important
    }

    .fed-show-xs-inline {
        display: inline !important
    }

    .fed-show-xs-inline-block {
        display: inline-block !important
    }

    .head_logo {
        width: 7.5rem;
        height: 3rem;
        background: url('/static/images/logo.png') center no-repeat;
        background-size: 6.5rem;
    }

    #member #left,
    #member #right {
        width: 100%;
        float: none;
    }

    #member .m-nav {
        display: block;
        padding: 0 0.75rem;
        position: fixed;
        width: 100%;
        box-sizing: border-box;
        top: 0;
        border-bottom: 1px solid #f1f1f1;
        z-index: 999;
    }

    #member .m-nav {
        background: #fff6f1;
        border: 0;
    }

    #member .m-nav.fd-nav {
        background: #fff;
        border-bottom: 1px solid #f1f1f1
    }

    .day_date {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2rem;
    }

    .year_month p {
        line-height: 1rem
    }

    #member #right #listCon .xiang,
    #member #right #listCon2 .xiang,
    #member #right .bind-a {
        width: 25%;
    }

    #member #right .member-input {
        width: 73%;
    }

    #member #right .wt-input {
        width: 48%;
    }

    #member #right .list li.w50 {
        width: 50%;
    }

    #member #right h2 {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    #member #right .list li {
        border: 1px #f8f8f8 solid;
    }

    #member #right .list li.cur {
        background: #fff;
        color: #35cce9;
        border: 1px #35cce9 solid;
    }

    #member #right .co-right-bg {
        min-height: calc(100vh - 11.5rem);
    }

    #member #right .co-bottom-bg {
        min-height: calc(100vh - 16rem);
    }

    .mac_pop,
    .ikan_content {
        overflow: auto;
    }
}

@media (min-width:48rem) {
    .fed-part-case {
        width: 46.875rem !important
    }

    .fed-hide-sm {
        display: none !important
    }

    .fed-text-sm-left {
        text-align: left !important
    }

    .fed-text-sm-right {
        text-align: right !important
    }

    .fed-text-sm-center {
        text-align: center !important
    }

    .fed-show-sm-block {
        display: block !important
    }

    .fed-show-sm-inline {
        display: inline !important
    }

    .fed-show-sm-inline-block {
        display: inline-block !important
    }

    .fed-col-sm1,
    .fed-col-sm2,
    .fed-col-sm3,
    .fed-col-sm4,
    .fed-col-sm5,
    .fed-col-sm6,
    .fed-col-sm7,
    .fed-col-sm8,
    .fed-col-sm9,
    .fed-col-sm10,
    .fed-col-sm11,
    .fed-col-sm12 {
        float: left
    }

    .fed-col-sm1 {
        width: 8.33333333%
    }

    .fed-col-sm2 {
        width: 16.66666667%
    }

    .fed-col-sm3 {
        width: 25%
    }

    .fed-col-sm4 {
        width: 33.33333333%
    }

    .fed-col-sm5 {
        width: 41.66666667%
    }

    .fed-col-sm6 {
        width: 50%
    }

    .fed-col-sm7 {
        width: 58.33333333%
    }

    .fed-col-sm8 {
        width: 66.66666667%
    }

    .fed-col-sm9 {
        width: 75%
    }

    .fed-col-sm10 {
        width: 83.33333333%
    }

    .fed-col-sm11 {
        width: 91.66666667%
    }

    .fed-col-sm12 {
        width: 100%
    }

    .ikan_content {
        max-width: 24.5rem;
    }
}

@media (min-width:62rem) {
    .fed-part-case {
        width: 60.625rem !important
    }

    .fed-hide-md {
        display: none !important
    }

    .fed-text-md-left {
        text-align: left !important
    }

    .fed-text-md-right {
        text-align: right !important
    }

    .fed-text-md-center {
        text-align: center !important
    }

    .fed-show-md-block {
        display: block !important
    }

    .fed-show-md-inline {
        display: inline !important
    }

    .fed-show-md-inline-block {
        display: inline-block !important
    }

    .fed-col-md1,
    .fed-col-md2,
    .fed-col-md3,
    .fed-col-md4,
    .fed-col-md5,
    .fed-col-md6,
    .fed-col-md7,
    .fed-col-md8,
    .fed-col-md9,
    .fed-col-md10,
    .fed-col-md11,
    .fed-col-md12 {
        float: left
    }

    .fed-col-md1 {
        width: 8.33333333%
    }

    .fed-col-md2 {
        width: 16.66666667%
    }

    .fed-col-md3 {
        width: 25%
    }

    .fed-col-md4 {
        width: 33.33333333%
    }

    .fed-col-md5 {
        width: 41.66666667%
    }

    .fed-col-md6 {
        width: 50%
    }

    .fed-col-md7 {
        width: 58.33333333%
    }

    .fed-col-md8 {
        width: 66.66666667%
    }

    .fed-col-md9 {
        width: 75%
    }

    .fed-col-md10 {
        width: 83.33333333%
    }

    .fed-col-md11 {
        width: 91.66666667%
    }

    .fed-col-md12 {
        width: 100%
    }

}

@media (max-width: 62rem) {
    .fed-hide-xs-add {
        display: none !important
    }
}

@media (min-width:75rem) {
    .fed-part-case {
        width: 73.125rem !important
    }

    .fed-hide-lg {
        display: none !important
    }

    .fed-text-lg-left {
        text-align: left !important
    }

    .fed-text-lg-right {
        text-align: right !important
    }

    .fed-text-lg-center {
        text-align: center !important
    }

    .fed-show-lg-block {
        display: block !important
    }

    .fed-show-lg-inline {
        display: inline !important
    }

    .fed-show-lg-inline-block {
        display: inline-block !important
    }

    .fed-col-lg1,
    .fed-col-lg2,
    .fed-col-lg3,
    .fed-col-lg4,
    .fed-col-lg5,
    .fed-col-lg6,
    .fed-col-lg7,
    .fed-col-lg8,
    .fed-col-lg9,
    .fed-col-lg10,
    .fed-col-lg11,
    .fed-col-lg12 {
        float: left
    }

    .fed-col-lg1 {
        width: 8.33333333%
    }

    .fed-col-lg2 {
        width: 16.66666667%
    }

    .fed-col-lg3 {
        width: 25%
    }

    .fed-col-lg4 {
        width: 33.33333333%
    }

    .fed-col-lg5 {
        width: 41.66666667%
    }

    .fed-col-lg6 {
        width: 50%
    }

    .fed-col-lg7 {
        width: 58.33333333%
    }

    .fed-col-lg8 {
        width: 66.66666667%
    }

    .fed-col-lg9 {
        width: 75%
    }

    .fed-col-lg10 {
        width: 83.33333333%
    }

    .fed-col-lg11 {
        width: 91.66666667%
    }

    .fed-col-lg12 {
        width: 100%
    }
}

.fed-margin {
    margin: .3125rem
}

.fed-margin-x {
    margin: .625rem 0
}

.fed-margin-o {
    margin: 0 !important
}

.fed-mabm-v {
    margin-bottom: 5px
}

.fed-margin-bottom {
    margin-bottom: .625rem
}

.fed-mart-v {
    margin-right: 5px
}

.fed-matp-v {
    margin-top: 5px
}

.fed-padding,
.fed-padding-v {
    padding: .3125rem
}

.fed-padding-x {
    padding: .625rem
}

.fed-padding-xo {
    padding: .5rem 0
}

.fed-deta-info.fed-list-arti span,
.fed-padding-top {
    padding-top: .3125rem
}

.fed-min-width {
    min-width: 20rem
}

.fed-font-size {
    font-size: 0
}

.fed-font-xii {
    font-size: .75rem !important
}

.fed-font-xiv {
    font-size: .875rem !important
}

.fed-font-xvi {
    font-size: 1rem !important
}

.fed-font-xviii {
    font-size: 1.125rem !important
}

.fed-font-xxiv {
    font-size: 1.5rem !important
}

.fed-back-whits {
    background-color: #fff !important;
    color: #333 !important
}

.fed-back-xigua {
    background-color: #ffffff96 !important;
    color: #333 !important;
}

.fed-back-black,
.fed-back-green {
    background-color: #1e1e1e !important;
    color: #fff !important
}

.fed-back-green {
    background-color: #35cce9 !important
}

.fed-back-ashen {
    background-color: #f7f7f7 !important;
    color: #333 !important
}

.fed-back-gules {
    background-color: #ff0d29 !important;
    color: #fff !important
}

.fed-back-masks {
    background-color: rgba(0, 0, 0, .5) !important;
    z-index: 9998 !important
}

.fed-text-bold {
    font-weight: 700
}

.fed-text-line {
    line-height: 1.125rem
}

.fed-text-linex {
    line-height: 1.25rem
}

.fed-text-white {
    color: #fff !important
}

.fed-text-black {
    color: #333 !important
}

.fed-text-muted {
    color: #666 !important
}

.fed-text-green {
    color: #35cce9 !important
}

.fed-text-gules {
    color: #ff0d29 !important
}

.fed-text-disad {
    pointer-events: none;
    cursor: not-allowed;
    color: #666 !important
}

.fed-line-bottom:after,
.fed-line-top:before {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    content: "";
    height: .0625rem;
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.fed-line-top:before {
    top: 0;
    border-top: .0625rem solid #e2e2e2
}

.fed-line-bottom:after {
    bottom: 0;
    background-color: #e2e2e2
}

.fed-line-left:before,
.fed-line-right:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    width: .0625rem;
    transform-origin: 100% 0;
    transform: scaleX(.5)
}

.fed-line-left:before {
    left: 0;
    border-left: .0625rem solid #e2e2e2
}

.fed-line-right:after {
    right: 0;
    border-right: .0625rem solid #e2e2e2
}

.fed-edge-info {
    margin-left: .3125rem;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border: .375rem dashed transparent;
    overflow: hidden
}

.fed-edge-top {
    top: -.25rem;
    border-bottom-color: #999;
    border-bottom-style: solid
}

.fed-edge-bottom {
    top: .125rem;
    border-top-color: #999;
    border-top-style: solid
}

.fed-btns-info {
    padding: .5rem 0;
    color: #666;
    line-height: 1.125rem;
    text-align: center;
    cursor: pointer;
    margin-top: 150px;
}

.fed-btns-info:hover {
    border-color: #35cce9 !important;
    opacity: .8;
    filter: alpha(opacity=80)
}

.fed-btns-green,
.fed-btns-gules,
.fed-btns-info:hover {
    background-color: #35cce9 !important;
    color: #fff !important
}

.fed-btns-gules {
    background-color: #ff0d29 !important
}

.fed-btns-disad,
.fed-btns-disad:hover {
    background-color: #eee !important;
    color: #aaa !important;
    border-color: #e2e2e2 !important;
    pointer-events: none;
    cursor: not-allowed
}

.fed-form-info {
    display: block;
    padding: 0 .625rem;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #f5f5f5
}

.fed-form-comp {
    position: relative;
    width: auto !important;
    top: .125rem;
    margin-right: .625rem
}

.fed-form-area {
    padding: .625rem;
    line-height: 1.25rem
}

.fed-rims-info {
    border: .0625rem solid #e2e2e2;
    border-radius: .1875rem
}

.fed-rims-redr {
    border-color: #ff0d29 !important
}

.fed-part-case {
    position: relative;
    margin: 0 auto
}

.fed-part-layout {
    padding: .3125rem;
    margin-top: .625rem
}

.fed-part-rows {
    position: relative;
    overflow: hidden;
    top: 20px;
}

.fed-part-both:after,
.fed-part-rows:after,
.fed-part-rows:before {
    content: "";
    display: block;
    clear: both
}

.fed-part-over {
    overflow: visible
}

.fed-part-zero {
    padding: 0
}

.fed-part-curs {
    cursor: pointer
}

.fed-part-tips {
    position: absolute;
    right: .9375rem
}

.fed-part-2by1 {
    padding-top: 50%
}

.fed-part-3by2,
.fed-part-5by2 {
    padding-top: 45%
}

.fed-part-5by3 {
    padding-top: 60%
}

.fed-part-2by3 {
    padding-top: 150%
}

.fed-part-16by9 {
    padding-top: 56.25%
}

.fed-part-height {
    min-height: 21.25rem;
    height: calc(100vh - 14.25rem)
}

.fed-part-search {
    margin: .625rem;
    border-width: .5px;
    border-radius: 1.875rem;
    line-height: 1.625rem
}

.fed-part-nums {
    position: relative;
    top: -.0625rem;
    font-size: .75rem;
    padding: .0625rem .3125rem;
    border-radius: .125rem;
    margin-right: .3125rem;
    color: #fff;
    background-color: #8cb7f7
}

.fed-part-num1 {
    background-color: #ff0d29 !important
}

.fed-part-num2 {
    background-color: #ff920b !important
}

.fed-part-num3 {
    background-color: #ffc600 !important
}

.fed-part-left {
    left: -100% !important
}

.fed-part-roun {
    border-radius: 100%
}

.fed-part-both {
    clear: both;
    zoom: 1
}

.fed-part-both:after {
    zoom: 1;
    height: 0
}

.fed-part-eone {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.fed-part-esan,
.fed-part-etwo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.fed-part-esan {
    -webkit-line-clamp: 3
}

.fed-part-move {
    transition: all .2s;
    -webkit-transition: all .2s
}

.fed-part-core {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 .625rem;
    width: 100%;
    transform: translate(-50%, -50%)
}

.fed-part-full {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.fed-part-mask {
    height: 100%;
    background-color: #f6f6f6;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

.fed-part-advs {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    width: 20px;
    height: 20px;
    line-height: 20px;
    z-index: 998
}

.fed-marg-top {
    margin-top: 0
}

.fed-marg-tops {
    margin-top: .625rem
}

.fed-anim {
    animation-duration: .3s;
    animation-fill-mode: both
}

.fed-anim-upbit {
    animation-name: fed-anim-upbit
}

.fed-head-info {
    position: fixed;
    top: 0;
    width: 100%;
    height: 3.125rem;
    z-index: 1000
}

.fed-head-info .fed-icon-font {
    font-size: 1.25rem
}

.fed-menu-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.fed-menu-info .fed-menu-logo {
    padding: .3125rem .625rem;
    margin-right: .9375rem
}

.fed-logo:before {
    content: "";
    position: absolute;
    width: 140px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: blink 1.5s ease-in 1.5s infinite;
    animation: blink 1.5s ease-in 1.5s infinite;
}

@-webkit-keyframes blink {
    from {
        left: 10px;
        top: 0;
    }

    to {
        left: 100px;
        top: 0;
    }
}

@-o-keyframes blink {
    from {
        left: 10px;
        top: 0;
    }

    to {
        left: 100px;
        top: 0;
    }
}

@-moz-keyframes blink {
    from {
        left: 10px;
        top: 0;
    }

    to {
        left: 100px;
        top: 0;
    }
}

@keyframes blink {
    from {
        left: -100px;
        top: 0;
    }

    to {
        left: 100px;
        top: 0;
    }
}

.fed-menu-info .fed-menu-title {
    line-height: 3.125rem
}

.fed-head-info .fed-navs-right {
    position: absolute;
    top: 0;
    right: 0
}

.fed-head-info .fed-navs-right a {
    float: left;
    line-height: 3.125rem;
    font-size: 1.2rem;
    padding-left: 1rem;
    color: #626262
}

.fed-head-info .fed-navs-right a:last-child {
    margin-right: 1rem
}

.fed-head-info .fed-navs-search {
    position: relative;
    padding: .625rem 3.5rem .625rem 0;
    margin-left: 7.1875rem;
    z-index: 99
}

.fed-head-info .fed-navs-search .fed-navs-form {
    position: relative
}

.fed-head-info .fed-navs-search .fed-navs-cuts {
    position: absolute;
    line-height: 30px;
    left: 10px
}

.fed-head-info .fed-navs-search .fed-navs-input {
    display: block;
    width: 100%;
    padding: 0 2.5rem 0 15px;
    height: 1.875rem;
    line-height: 1.875rem;
    color: #bdbdbd;
    border: .0625rem solid #eee;
    border-radius: 1.875rem
}

.fed-head-info .fed-navs-search .fed-navs-input:focus,
.fed-head-info .fed-navs-search .fed-navs-input:hover {
    border-color: #35cce9 !important
}

.fed-head-info .fed-navs-search .fed-navs-submit {
    position: absolute;
    top: .0625rem;
    bottom: .0625rem;
    right: .0625rem;
    background-color: transparent;
    color: #666;
    border: 0;
    padding: .3125rem .625rem;
    display: block;
    border-radius: 100%;
    text-align: center;
    cursor: pointer
}

.fed-head-info .fed-navs-search .fed-navs-submit .fed-icon-font {
    font-size: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem
}

.fed-head-info .fed-navs-search .fed-navs-close {
    position: absolute;
    right: 1rem;
    top: 0;
    text-align: center;
    line-height: 3.125rem;
    color: #444
}

.fed-head-info .fed-pops-title {
    font-size: .875rem;
    position: relative;
    padding: 0 .9375rem;
    line-height: 2.5rem
}

.fed-head-info .fed-pops-btns {
    position: absolute;
    top: .0625rem;
    right: 0;
    bottom: .0625rem;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    z-index: 1;
    box-shadow: -.3125rem 0 .3125rem -.3125rem rgba(0, 0, 0, .1)
}

.fed-head-info .fed-pops-list li {
    position: relative;
    line-height: 2.1875rem
}

.fed-head-info .fed-pops-list li.fed-line-bottom {
    line-height: 2.5rem
}

.fed-head-info .fed-pops-list li.fed-line-bottom:after {
    left: .9375rem
}

.fed-head-info .fed-pops-list li:last-child.fed-line-bottom:after {
    height: 0
}

.fed-head-info .fed-pops-list a {
    display: block;
    padding: 0 .9375rem;
    font-size: .875rem;
    height: 2.25rem;
    line-height: 2.25rem
}

.fed-head-info .fed-pops-navbar {
    position: fixed;
    width: 100%;
    /* top: 2.5rem */
}

.fed-head-info .fed-pops-navbar ul {
    padding: 0 .625rem;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.fed-head-info .fed-pops-navbar li {
    margin-right: .9375rem;
    display: inline-block
}

.fed-head-info .fed-pops-navbar li:last-child {
    margin-right: 3.125rem
}

.fed-head-info .fed-pops-navbar li a {
    padding: 0;
    height: 2.5rem;
    line-height: 2.5rem
}

.fed-head-info .fed-pops-navbar .fed-this a {
    color: #35cce9;
    font-weight: 700
}

.fed-head-info .fed-pops-navbar .fed-this a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .75rem;
    height: .25rem;
    border-radius: 3.125rem;
    background-color: #6de0f3;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 10
}

.fed-head-info .fed-pops-navbar .fed-pops-tops {
    margin-top: .6875rem
}

.fed-head-info .fed-pops-navbar .fed-pops-open {
    margin-top: 3.125rem;
    padding: 0;
    white-space: normal
}

.fed-head-info .fed-pops-navbar .fed-pops-open li {
    text-align: center;
    width: 25%;
    margin-right: 0
}

.fed-head-info .fed-pops-navbar .fed-pops-open li a {
    padding: 0 .625rem
}

.fed-head-info .fed-pops-navbar .fed-pops-open li a:before {
    position: initial
}

.fed-head-info .fed-pops-channel {
    position: absolute;
    top: .625rem;
    background: #fff;
    width: 100%;
    padding: 0 .625rem;
    line-height: 2.5rem
}

.fed-head-info .fed-pops-weixin {
    position: relative;
    top: 2.5rem;
    padding: .625rem 0 1.25rem
}

.fed-head-info .fed-pops-search {
    position: relative;
    z-index: 99
}

.fed-head-info .fed-pops-search .fed-pops-case {
    background-color: #f6f6f6
}

.fed-head-info .fed-pops-search .fed-pops-key .fed-pops-title,
.fed-head-info .fed-pops-search .fed-pops-rec {
    margin-bottom: .625rem
}

.fed-head-info .fed-pops-search .fed-pops-hot ul,
.fed-head-info .fed-pops-search .fed-pops-rec ul {
    padding: .5rem 0;
    font-size: 0
}

.fed-head-info .fed-pops-search .fed-pops-back {
    background-color: #f7f7f7
}

.fed-head-info .fed-pops-code,
.fed-head-info .fed-pops-record {
    position: relative;
    top: 3.125rem
}

.fed-head-info .fed-pops-code img {
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.fed-head-info .fed-pops-cont {
    margin: 0 auto;
    padding: 1.25rem 0;
    max-width: 80%;
    height: auto
}

.fed-head-info .fed-pops-cuts li {
    display: table-cell;
    width: 1%;
    border-left: 1px solid #eee
}

.fed-head-info .fed-pops-cuts li:first-child {
    border-left: 0
}

.fed-head-info .fed-pops-user {
    position: absolute;
    right: 0;
    padding: .3125rem;
    min-width: 12.5rem;
    text-align: center
}

.fed-head-info .fed-pops-user li a {
    border-bottom: .0625rem solid #f6f6f6;
    padding: 0 .9375rem
}

.fed-head-info .fed-pops-user li:last-child a {
    border-bottom: 0
}

.fed-head-info .fed-pops-user a:hover {
    color: #35cce9;
}

.fed-tabr-advs,
.fed-tabr-info {
    width: 100%;
    position: fixed;
    z-index: 999
}

.fed-tabr-info {
    bottom: 0
}

.fed-tabr-info li {
    display: table-cell;
    width: 1%
}

.fed-tabr-info span {
    display: block;
    line-height: 1.25rem;
    padding-bottom: .3125rem
}

.fed-tabr-info .fed-icon-font {
    display: block;
    padding-top: .3125rem;
    line-height: 1.5625rem;
    font-size: 1.5rem
}

.fed-tabr-advs {
    bottom: 3.4375rem
}

.fed-foot-info {
    padding: .625rem
}

.fed-foot-maps *,
.fed-list-head li {
    display: inline-block
}

.fed-goto-info {
    position: fixed;
    right: .625rem;
    bottom: 4.0625rem;
    z-index: 99
}

.fed-goto-info a {
    font-size: 1.25rem;
    box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .1);
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    border-radius: .1875rem
}

.fed-swip-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fed-swip-slide {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.fed-swip-title {
    position: absolute;
    bottom: 0;
    padding: 1.875rem .625rem .625rem;
    width: 100%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .6))
}

.fed-swip-head {
    margin-bottom: .3125rem
}

.fed-swip-next,
.fed-swip-prev {
    position: absolute;
    top: 50%;
    width: 1.875rem;
    height: 3.125rem;
    line-height: 3.125rem;
    margin-top: -1.5625rem;
    border-radius: .125rem;
    background: rgba(0, 0, 0, .6)
}

.fed-swip-prev {
    left: 1.25rem;
    right: auto
}

.fed-swip-next {
    right: 1.25rem;
    left: auto
}

.fed-swip-pagin {
    position: absolute;
    right: .3125rem;
    bottom: .3125rem;
    width: 100%
}

.fed-swip-bullet {
    margin: 0 .0625rem;
    width: .3125rem;
    height: .0625rem;
    display: inline-block;
    background: #fff;
    opacity: .2;
    cursor: pointer
}

.fed-swip-this {
    background-color: #3edbe1;
    opacity: 1
}

.fed-topi-head {
    margin-bottom: .625rem;
    padding-bottom: .625rem
}

.fed-topi-back {
    padding: 1.25rem 0;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5))
}

.fed-goto-info a,
.fed-topi-back span {
    margin-top: .625rem
}

.fed-page-info {
    padding: 1.25rem 0 .9375rem
}

.fed-page-info a,
.fed-page-info input {
    padding: .5rem;
    margin: .125rem
}

.fed-page-info input {
    margin-top: 15px;
    width: 150px;
    background-color: #eee
}

.fed-play-info .fed-play-boxs {
    border-top: .0625rem solid #e2e2e2
}

.fed-play-info .fed-play-boxs .fed-form-info {
    height: 36px;
    line-height: 36px
}

.fed-play-info .fed-play-boxs .fed-padding {
    padding: .3125rem
}

.fed-play-info .fed-play-text {
    padding: .5rem 0;
    line-height: 1.125rem;
    border: .0625rem solid transparent
}

.fed-play-info .fed-play-box {
    border-top: .0625rem solid #e2e2e2;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.fed-play-info .fed-play-top {
    margin-top: 1.25rem
}

.fed-play-info .fed-play-pays a {
    display: inline-block;
    margin-top: 1.25rem;
    width: 6.25rem
}

.fed-drop-info .fed-drop-this:before,
.fed-play-info .fed-play-advs {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9
}

.fed-play-info .fed-play-tips {
    padding: 0 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .6);
    border-radius: 28px;
    height: 28px;
    line-height: 28px;
    z-index: 99
}

.fed-drop-info .fed-drop-sort {
    padding: 5px 10px;
    border-radius: 3px
}

.fed-drop-info .fed-drop-head {
    margin-bottom: 5px;
    border-top: 1px solid #eee;
    border-bottom: .0625rem dashed #eee;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.fed-drop-info .fed-drop-this:before {
    content: "";
    height: .125rem;
    background-color: #35cce9;
    z-index: 10
}

.fed-drop-info .fed-drop-tops {
    border-top: 1px solid #f8f8f8;
    padding-top: 5px
}

.fed-list-head {
    line-height: 1.5rem
}

.fed-list-head h2 a {
    margin-right: .3125rem
}

.fed-list-head .fed-part-tips {
    top: 0;
    right: 0
}

.fed-list-head .fed-more {
    padding-right: 0;
    margin-right: .3125rem
}

.fed-list-info .fed-list-play {
    position: absolute;
    display: none;
    top: 0;
    width: 100%;
    height: 100%
}

.fed-list-info .fed-list-arts {
    background: rgba(0, 0, 0, .3)
}

.fed-list-info .fed-list-pics:hover .fed-list-play {
    display: block
}

.fed-list-info .fed-list-score {
    position: absolute;
    top: .3125rem;
    left: -.3125rem;
    padding: 0 .3125rem
}

.fed-list-info .fed-list-score:before {
    content: "";
    position: absolute;
    left: .0625rem;
    bottom: -.25rem;
    border-top: .25rem solid #35cce9;
    border-left: .25rem solid transparent
}

.fed-list-info .fed-list-remarks {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .3125rem 0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5))
}

.fed-list-info .fed-list-title {
    margin-top: .375rem;
    line-height: 1.125rem
}

.fed-list-info .fed-list-desc {
    margin-top: .3125rem;
    line-height: 1rem
}

.fed-list-pics {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0OERDMzI5QzMyNUMxMUU4ODg4MDgwOTUyRUFDMEMzRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0OERDMzI5RDMyNUMxMUU4ODg4MDgwOTUyRUFDMEMzRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4REMzMjlBMzI1QzExRTg4ODgwODA5NTJFQUMwQzNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ4REMzMjlCMzI1QzExRTg4ODgwODA5NTJFQUMwQzNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9ZdGEAAAAA9JREFUeNpi+Pz5M0CAAQAFtgLaHYxUFQAAAABJRU5ErkJggg==);
    background-position: 50% 50%;
    background-size: cover
}

.fed-list-play {
    position: absolute;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3) url(data:image/png;base64,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) center no-repeat
}

.fed-deta-info .fed-deta-images {
    width: 7.5rem
}

.fed-deta-info .fed-deta-content {
    position: absolute;
    left: 8.125rem
}

.fed-deta-info .fed-deta-content li {
    padding-top: .3125rem;
    line-height: 1.375rem
}

.fed-deta-info .fed-deta-button {
    position: absolute;
    left: 8.125rem;
    bottom: .3125rem
}

.fed-deta-info .fed-deta-play {
    margin-right: .625rem;
    width: 6.25rem
}

.fed-deta-info .fed-deta-down {
    margin: 0;
    width: 3.4375rem
}

.fed-deta-info.fed-deta-padding {
    padding: .625rem 0 .3125rem
}

.fed-deta-info.fed-deta-padding .fed-deta-button {
    bottom: .625rem
}

.fed-list-rank li {
    padding: .9375rem 2.5rem 0 1.25rem;
    line-height: 1.125rem
}

.fed-list-rank .fed-list-head {
    padding: 0;
    margin: 0
}

.fed-list-rank .fed-list-ones {
    padding-top: .9375rem
}

.fed-list-rank .fed-part-tips {
    right: 0
}

.fed-rank-info .fed-list-rank li {
    padding: .9375rem 2.5rem 0 0
}

.fed-side-info .fed-list-head a {
    margin: 0
}

.fed-side-info .fed-side-list {
    padding-top: .625rem;
    padding-bottom: 1.25rem
}

.fed-side-info .fed-side-list:first-child {
    padding-top: .625rem;
    border-top: 0
}

.fed-side-info .fed-side-list:last-child {
    padding-bottom: .625rem
}

.fed-side-info .fed-side-list li {
    padding-left: 0
}

.fed-side-info .fed-side-item {
    margin-top: .625rem
}

.fed-side-info .fed-side-code {
    padding: .9375rem 0;
    height: 14.375rem
}

.fed-side-code .fed-side-text {
    padding: 0 15px 10px
}

.fed-casc-info,
.fed-scre-list {
    padding: .625rem
}

.fed-casc-list .fed-this {
    cursor: not-allowed;
    pointer-events: none
}

.fed-casc-list dl,
.fed-scre-list dl {
    padding: .9375rem 0;
    border-top: .0625rem dashed #e2e2e2;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.fed-casc-list dl:first-child,
.fed-scre-list dl:first-child {
    border: 0
}

.fed-casc-list dt,
.fed-scre-list dt {
    padding: 0 .625rem 0 0
}

.fed-casc-list dd,
.fed-casc-list dt,
.fed-scre-list dd,
.fed-scre-list dt {
    display: inline-block
}

.fed-casc-list dd a,
.fed-scre-list dd a {
    display: block;
    padding: 0 .3125rem
}

.fed-arti-head span {
    margin-right: .625rem
}

.fed-arti-head,
.fed-arti-head h1 {
    padding-bottom: .625rem
}

.fed-arti-info .fed-arti-content {
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.fed-arti-info .fed-arti-content h2 {
    margin-bottom: .9375rem
}

.fed-arti-info .fed-arti-content li {
    margin-left: .9375rem;
    list-style: inherit
}

.fed-arti-info .fed-arti-content img {
    margin: .625rem 0;
    max-width: 100%;
    height: auto
}

.fed-arti-info .fed-arti-content span {
    line-height: 1.875rem
}

.fed-comm-form .fed-comm-code {
    width: 100%
}

.fed-comm-list .fed-comm-head {
    padding: .625rem 0 .3125rem
}

.fed-comm-list .fed-part-tips {
    right: 0
}

.fed-comm-list .fed-comm-avat {
    position: absolute;
    top: .625rem;
    left: 0;
    width: 2.5rem;
    height: 2.5rem
}

.fed-comm-list .fed-comm-cont {
    padding-bottom: .3125rem;
    word-wrap: break-word
}

.fed-comm-list .fed-comm-tops {
    margin-top: .625rem
}

.fed-comm-list .fed-comm-each {
    padding-left: 3.125rem
}

.fed-comm-list .fed-comm-fory {
    margin: 0 -.3125rem
}

.fed-comm-list .fed-comm-form {
    margin-left: -3.4375rem
}

.fed-comm-list .fed-comm-action {
    padding-top: .3125rem
}

.fed-comm-list .fed-comm-action a {
    padding-left: .3125rem
}

.fed-comm-reply {
    position: relative;
    margin-left: -.9375rem;
    padding: 0 .625rem .625rem 3.75rem
}

.fed-comm-reply .fed-comm-cont {
    padding-bottom: 0
}

.fed-comm-reply .fed-part-tips {
    right: .625rem
}

.fed-comm-reply .fed-comm-avat {
    left: .625rem
}

.fed-user-text {
    padding: .625rem;
    margin-top: .3125rem;
    line-height: 1.5rem;
    border: 0;
    border-bottom: .0625rem solid #e2e2e2
}

.fed-user-verify {
    padding: 0 0 .3125rem
}

.fed-user-brief span,
.fed-user-tips {
    line-height: 1.25rem
}

.fed-user-list a,
.fed-user-list span {
    line-height: 1.5rem
}

.fed-user-list li:last-child.fed-line-bottom:after {
    background-color: transparent
}

.fed-user-list i {
    font-size: 1.5rem
}

.fed-user-title .fed-more {
    margin: 0
}

.fed-user-input label {
    margin-right: .9375rem
}

.fed-user-input input {
    width: 100%;
    border: 0;
    line-height: 24px
}

.fed-user-input select {
    width: 10.625rem;
    height: 1.25rem;
    border: 0
}

.fed-user-input input[type=radio] {
    vertical-align: text-top;
    margin-top: .0625rem;
    width: auto;
    margin-right: .3125rem
}

.fed-user-width {
    width: 18.75rem
}

.fed-user-form {
    margin: 1.25rem auto 0
}

.fed-user-code {
    padding: 0
}

.fed-user-login {
    padding: 20px
}

.fed-user-info {
    margin: 0
}

.fed-user-image {
    position: relative;
    margin: 0 auto
}

.fed-user-alter {
    background: rgba(0, 0, 0, .5);
    border: 0;
    color: #fff;
    font-size: 1.875rem
}

.fed-user-ring {
    width: 4rem;
    height: 4rem
}

.fed-user-submit {
    margin-bottom: .3125rem
}

.fed-vfed-boxs {
    margin-top: .625rem
}

.fed-vfed-btns a {
    margin: 0 .3125rem;
    display: inline-block;
    padding: .625rem 1.25rem
}

.fed-jump-info {
    width: 18.75rem;
    padding: 0
}

.fed-jump-info h3 {
    padding-bottom: .9375rem;
    border-bottom: .0625rem solid #d0d0d0
}

.fed-jump-info h3 span {
    font-size: 1.875rem;
    margin-right: 1.25rem
}

.fed-jump-tips {
    line-height: 2.8125rem;
    padding: 1.5625rem 0 0 .625rem
}

.fed-jump-tips p {
    line-height: 2.5em
}

.fed-mode-info .fed-mode-close {
    position: absolute;
    right: .9375rem;
    top: .3125rem;
    font-size: 1.875rem;
    z-index: 9
}

.fed-colo-info .fed-colo-white {
    color: #35cce9
}

.fed-colo-info .fed-colo-black,
.fed-colo-info .fed-colo-golds {
    background-color: #444;
    color: #999;
    border-color: #2b2a2a
}

.fed-colo-info .fed-colo-golds {
    color: #ffe28a
}

.fed-colo-info .fed-colo-glass {
    color: #999
}

.fed-colo-info .fed-colo-green {
    color: #0bbe06
}

.fed-colo-info .fed-colo-blues {
    color: #2196f3
}

.fed-colo-info .fed-colo-pinks {
    color: #fc91ba
}

.fed-colo-info .fed-colo-gules {
    color: #d22222
}

.fed-colo-info .fed-colo-colou {
    background: linear-gradient(to right, #feac5e, #c779d0, #4bc0c8 100%);
    color: #fff
}

.fed-rage-info {
    position: absolute;
    right: -500px;
    display: inline-block;
    width: 500px;
    z-index: 999
}

.fed-rage-boxs {
    background-color: rgba(0, 0, 0, .5);
    height: 24px;
    display: inline-block;
    border-radius: 25px;
    transition: all .3s
}

.fed-rage-boxs a {
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.fed-tips-info {
    width: 300px
}

.fed-tips-info img {
    max-width: 60%
}

.fed-tips-btns {
    margin: auto;
    width: 80%;
    border-radius: 20px;
    box-shadow: 0 6px 6px #ffd1ce
}

.fed-tips-info .fed-tips-close {
    position: absolute;
    right: .9375rem;
    top: .3125rem;
    font-size: 1.875rem;
    z-index: 9
}

@media (max-width:47.9375rem) {
    body {
        padding-bottom: 3.4375rem
    }

    .fed-head-info .fed-pops-navbar {
        display: block !important
    }

    .fed-head-info .fed-pops-navbar.fed-edge-top:before,
    .fed-head-info .fed-pops-user {
        display: none !important
    }

    .fed-play-info .fed-comm-report .fed-part-layout {
        margin-top: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%)
    }

    .fed-play-info .fed-comm-text {
        height: 5.625rem !important
    }
}

@media (max-width:23.375rem) {
    .fed-head-info .fed-pops-navbar .fed-pops-open li a {
        padding: 0
    }

    .fed-play-info .fed-comm-text {
        height: 3.75rem !important
    }

    .fed-play-foll {
        display: none
    }
}

@media (min-width:48rem) {
    .head_logo {
        width: 7.5rem;
        height: 4.3rem;
        background: url('/static/images/logo.png') left center no-repeat;
        background-size: 6.5rem;
    }

    .fed-tips-info {
        width: 600px
    }

    .fed-mart-v {
        margin-right: 15px
    }

    .fed-margin {
        margin: .625rem
    }

    .fed-padding {
        padding: .625rem
    }

    .fed-padding-top {
        padding-top: .625rem
    }

    .fed-box-shadow {
        box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .1)
    }

    .fed-part-layout {
        padding: .9375rem;
        margin-top: 1.25rem
    }

    .fed-part-5by2 {
        padding-top: 32%
    }

    .fed-part-left {
        left: 0 !important
    }

    .fed-marg-top,
    .fed-marg-tops {
        margin-top: 1.25rem
    }

    .fed-head-info {
        height: 5rem
    }

    .fed-menu-info {
        z-index: 1
    }

    .fed-menu-info .fed-menu-logo {
        padding: .9375rem 0;
        width: 7.5rem
    }

    .fed-menu-info .fed-menu-logo img {
        width: 7.5rem;
        height: 3.125rem
    }

    .fed-menu-info .fed-menu-title {
        line-height: 5rem;
        padding: 0 .625rem
    }

    .fed-head-info .fed-navs-search {
        padding: 1.375rem 12.1875rem 1.375rem 15%;
        z-index: 0
    }

    .fed-head-info .fed-navs-search .fed-navs-cuts {
        line-height: 36px;
        left: 15px
    }

    .fed-head-info .fed-navs-search .fed-navs-input {
        height: 2.25rem;
        line-height: 2.25rem;
        padding: 0 2.8125rem 0 15px
    }

    .fed-head-info .fed-navs-search .fed-navs-submit {
        top: .1875rem;
        right: .3125rem
    }

    .fed-head-info .fed-navs-right a {
        line-height: 5rem
    }

    .fed-head-info .fed-navs-right a:last-child {
        margin-right: 0
    }

    .fed-head-info .fed-pops-navbar {
        -webkit-animation-name: fed-anim-upbit;
        animation-name: fed-anim-upbit;
        position: relative;
        top: 0
    }

    .fed-head-info .fed-pops-navbar.fed-edge-top:before {
        left: 15.9375rem;
        display: block
    }

    .fed-head-info .fed-pops-navbar.fed-line-bottom:after {
        height: 0
    }

    .fed-head-info .fed-pops-navbar .fed-this a:before {
        width: 0
    }

    .fed-head-info .fed-pops-navbar .fed-pops-open {
        margin-top: 0
    }

    .fed-head-info .fed-pops-navbar ul {
        padding: 0;
        margin: 0
    }

    .fed-head-info .fed-pops-navbar li,
    .fed-head-info .fed-pops-navbar li:last-child {
        margin: 0
    }

    .fed-head-info .fed-pops-cuts {
        top: 0;
        margin-left: 7.1875rem;
        padding: 0 11.875rem 0 15%;
        padding-bottom: 0
    }

    .fed-head-info .fed-pops-search {
        margin-left: 7.1875rem;
        padding: 0 11.875rem 0 15%;
        z-index: 0
    }

    .fed-head-info .fed-pops-code,
    .fed-head-info .fed-pops-record {
        top: 0;
        margin-left: 55%
    }

    .fed-head-info .fed-pops-record.fed-edge-top:before {
        right: 6rem
    }

    .fed-head-info .fed-pops-navbar .fed-pops-list {
        border-top: .03125rem solid #e2e2e2
    }

    .fed-head-info .fed-pops-navbar .fed-pops-list li a {
        text-align: center;
        height: 3.125rem;
        line-height: 3.125rem;
        border-right: .03125rem solid #e2e2e2;
        border-bottom: .03125rem solid #e2e2e2
    }

    .fed-foot-info {
        padding: 1.5625rem 0
    }

    .fed-foot-info p {
        line-height: 2.125rem
    }

    .fed-text-foot-height {
        line-height: 1.5rem;
    }

    .fed-goto-info a {
        font-size: 1.375rem;
        width: 2.875rem;
        height: 2.875rem;
        line-height: 2.875rem
    }

    .fed-swip-title {
        padding: 1.875rem 1.25rem 1.25rem
    }

    .fed-swip-pagin {
        right: .625rem;
        bottom: .625rem
    }

    .fed-swip-bullet {
        margin: 0 .15625rem;
        width: 1.875rem;
        height: .1875rem
    }

    .fed-deta-info .fed-deta-images {
        width: 8.75rem
    }

    .fed-deta-info .fed-deta-button,
    .fed-deta-info .fed-deta-content {
        left: 9.6875rem
    }

    .fed-deta-info.fed-deta-padding {
        padding: .9375rem 0 .3125rem
    }

    .fed-list-arti .fed-deta-images {
        width: 13.75rem
    }

    .fed-list-arti .fed-deta-content {
        left: 14.6875rem
    }

    .fed-list-arti h3 a {
        font-size: 1.25rem;
        font-weight: 400;
    }

    .fed-list-arti p,
    .fed-list-arti span {
        padding-top: .625rem
    }

    .fed-play-info .fed-play-box {
        padding: 3.125rem;
        border-top: 0
    }

    .fed-play-info .fed-play-box h2 {
        padding: 0 0 .625rem
    }

    .fed-play-info .fed-play-chat {
        width: 500px
    }

    .fed-list-head h2 {
        font-size: 1.125rem
    }

    .fed-list-head li a {
        padding: 0 .625rem
    }

    .fed-list-head .fed-more {
        margin-right: 0
    }

    .fed-scre-list dl {
        padding: .9375rem;
        border-top: 0;
        border-left: .0625rem solid #e2e2e2;
        white-space: normal
    }

    .fed-scre-list dl:first-child {
        padding-left: 0;
        border: 0
    }

    .fed-scre-list dt {
        display: block;
        padding: 0 .625rem
    }

    .fed-scre-list dd a {
        padding: .625rem .625rem 0;
        line-height: 1.125rem
    }

    .fed-casc-head {
        position: absolute;
        background-color: #f4f3f3;
        z-index: 99;
        top: 0;
        left: 0;
        width: 7.5rem;
        height: 100%;
        overflow: auto
    }

    .fed-casc-head a {
        display: block;
        padding: .9375rem 0;
        border-bottom: .0625rem solid #e2e2e2
    }

    .fed-casc-list dl {
        padding: .9375rem 0 0 3.75rem;
        white-space: normal
    }

    .fed-casc-list dt {
        margin: 0 .625rem .9375rem -3.25rem
    }

    .fed-casc-list dd {
        margin: 0 .625rem .9375rem 0
    }

    .fed-page-info a,
    .fed-page-info input {
        padding: .625rem .9375rem;
        margin: .125rem .25rem
    }

    .fed-page-info input {
        margin-top: 0;
        width: 90px
    }

    .fed-arti-info .fed-arti-content {
        padding: 1.875rem
    }

    .fed-comm-list .fed-comm-tops {
        margin-top: .9375rem
    }

    .fed-comm-list .fed-comm-head {
        padding: .9375rem 0 .625rem
    }

    .fed-comm-list .fed-comm-avat {
        top: .9375rem;
        left: 0
    }

    .fed-comm-list .fed-comm-each {
        padding-left: 3.4375rem
    }

    .fed-comm-list .fed-comm-fory {
        margin: 0 -.625rem
    }

    .fed-comm-list .fed-comm-form {
        margin-left: -4.0625rem
    }

    .fed-comm-reply {
        margin-left: -1.25rem;
        padding: 0 .9375rem .9375rem 4.375rem
    }

    .fed-comm-reply .fed-part-tips {
        right: .9375rem
    }

    .fed-comm-reply .fed-comm-avat {
        left: .9375rem
    }

    .fed-user-width {
        width: 20rem
    }

    .fed-user-title h2 {
        padding-left: 0;
        padding-right: 0
    }

    .fed-user-title .fed-part-tips {
        padding-right: 0
    }

    .fed-jump-info {
        width: 28.125rem
    }

    .fed-mode-info .fed-user-login {
        padding: 1.875rem
    }

    .fed-vfed-info {
        margin-top: 0
    }

    .fed-vfed-boxs {
        margin: 0
    }

    .fed-tabs-info .fed-tabs-btns {
        font-size: 1.125rem
    }

    .fed-drop-info .fed-padding {
        padding: .3125rem
    }

    .fed-drop-info .fed-drop-boxs {
        padding: 5px
    }

    .fed-drop-info .fed-drop-btms {
        margin-top: 0;
        padding-top: 0
    }
}

@media (min-width:62rem) {
    .fed-part-19by9 {
        padding-top: 49%
    }

    .fed-part-3by2 {
        padding-top: 57.79%
    }

    .fed-part-5by3 {
        padding-top: 60%
    }

    .fed-margin-right {
        margin-right: 1.25rem
    }

    .fed-head-info .fed-navs-search {
        padding: 1.375rem 11.875rem 1.375rem 39%
    }

    .fed-head-info .fed-pops-cuts,
    .fed-head-info .fed-pops-search {
        padding: 0 11.875rem 0 39%
    }

    .fed-head-info .fed-pops-code,
    .fed-head-info .fed-pops-record {
        margin-left: 65%
    }

    .fed-list-rank {
        padding-top: 1.125rem
    }

    .fed-list-rank.fed-side-list {
        padding-top: 1.25rem
    }

    .fed-user-ring {
        width: 6.25rem;
        height: 6.25rem
    }
}

.module-ad::after {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 0px;
    bottom: -1px;
    /*content: "广告";*/
    transform: translateY(-3px) scale(0.75);
    /*opacity: 0.6;*/
    /*color: rgb(255, 255, 255);*/
    /*background-color: rgba(0, 0, 0, 0.3);*/
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
}

@media (min-width:75rem) {
    .fed-width-x {
        width: 10%
    }

    .fed-head-info .fed-navs-search {
        padding: 1.375rem 11.875rem 1.375rem 48%
    }

    .fed-head-info .fed-pops-search {
        padding: 0 11.875rem 0 48%
    }

    .fed-head-info .fed-pops-cuts {
        margin-left: 7.1875rem;
        padding: 0 11.875rem 0 48%
    }

    .fed-head-info .fed-pops-code,
    .fed-head-info .fed-pops-record {
        margin-left: 70%
    }

    .fed-list-rank {
        padding-top: 1.25rem
    }

    .fed-list-rank li {
        padding-top: 1rem
    }
}


.fed-col-pad {
    padding: 10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*添加面包屑导航使用*/

.logo {
    background: url(/upload/site/20200320-1/84bbd80b0bd8adb6d65d44160fb3d854.png) no-repeat;
    width: 120px;
    height: 50px;
    float: left;
    padding: .3125rem .625rem;
    margin-right: .9375rem;

}

.logo a {
    width: 120px;
    height: 50px;
    display: block;
    text-indent: -999em;
}


/*添加*/

.vodlist_item:hover a {
    color: #35cce9;
}

.vodlist_item {
    position: relative;
    float: left;
    padding: 0.125rem;
    margin: 0.125rem 0;
    width: 16.666666%;
}

.vodlist_thumb {
    position: relative;
    display: block;
    padding-top: 145%;
    background: #ebebeb;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden;
}

.vodlist_thumb .play {
    background: rgba(0, 0, 0, 0.4) url(../img/play.svg) center no-repeat;
}

.vodlist_thumb .play {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: 25% 25%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 300ms linear;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all ease-out .35s;
    transition: all ease-out .35s;
}

.vodlist_thumb:hover .play {
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.vodlist_thumb .pic_text {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.125rem 0.25rem;
    text-align: right;
    font-size: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
    color: #FFFFFF;
}

.vodlist_thumb .text_dy {
    color: #ff5f00;
    font-weight: 700;
}

.vodlist_item .vodlist_sub {
    font-size: 0.325rem;
    line-height: 100%;
    margin: 0.15rem 0 0;
    color: #999;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vodlist_hb .vodlist_item {
    position: relative;
    float: left;
    padding: 0.125rem;
    margin: 0.125rem 0;
    width: 25%;
}

/* vodlist_sh */
.vodlist_sh {
    width: calc(100% + 0.25rem);
    margin-left: -0.125rem;
}

.vodlist_sh .vodlist_item,
.vodlist_sh .zbvodlist_item {
    width: 25%;
}

.vodlist_sh .vodlist_thumb,
.vodlist_hb .vodlist_thumb {
    padding-top: 60%;
}

/* vodlist_sh_add */
.vodlist_sh_add .vodlist_item {
    width: 20%;
}

.down_vodl .vodlist_thumb {
    padding-top: 0;
    height: 1.875rem;
}


@media (max-width:820px) {

    a:focus,
    a:hover,
    a:active,
    .vodlist_item:hover a {
        color: #111;
    }


    .vodlist {
        padding: 0 0.375rem;
    }

    .vodlist_wi .vodlist_item:nth-child(3n),
    .vodlist_hb .vodlist_item:nth-child(2n) {
        padding: 0;
    }

    /* vodlist_sh */
    .vodlist_thumb {
        border-radius: 0;
        border: 0;
    }

    .content_thumb .vodlist_thumb,
    .vodlist_sm .vodlist_thumb,
    .vodlist_sh .vodlist_thumb {
        border-radius: 3px;
    }

    .actor_hom .vodlist_sh {
        width: 100%;
        padding: 0 0.15rem;
        margin: 0;
    }

    .actor_hom.vodlist_sh .vodlist_thumb {
        border-radius: 100%;
    }

    .vodlist_sh,
    .vodlist_hb {
        width: 100%;
        margin: 0;
    }

    .hot_list li.vodlist_item {
        margin: 0.5rem 0;
        padding: 0.1rem;
        width: 40%;
    }

    .hot_list li.vodlist_item:first-child {
        margin-left: 0.275rem;
    }

    .hot_list li.vodlist_item:last-child {
        margin-right: 0.275rem;
    }

    /* vodlist */
    .vodlist_item {
        padding: 0.125rem;
        width: 33.333333%;
        margin: 0.1rem 0;
    }

    .vodlist_wi .vodlist_item {
        padding: 0 0.5% 0 0;
        margin: 0.2rem 0;
        width: 33%;
        box-sizing: content-box;
    }

    .vodlist_item .vodlist_sub,
    .topiclist_blurb {
        margin: 0.1rem 0 0;
    }

    .list_scroll {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .list_scroll .vodlist_item,
    .list_scroll .zbvodlist_item {
        display: inline-block;
        float: none;
        width: 30%;
        padding: 0.125rem 0.05rem;
    }

    .list_scroll.vodlist_sh .vodlist_item,
    .list_scroll.vodlist_sh .zbvodlist_item {
        width: 40%;
    }

    .vodlist_sh .vodlist_title {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vodlist_sh .vodlist_item:first-child,
    .vodlist_sh .zbvodlist_item:first-child,
    .actor_vlist li:first-child {
        margin-left: 0.37rem;
    }

    .vodlist_sm .vodlist_item:last-child,
    .vodlist_sh .vodlist_item:last-child,
    .vodlist_sh .zbvodlist_item:last-child {
        margin-right: 0.37rem;
    }


    .down_vodl .vodlist_thumb {
        border-radius: 3px;
    }


    .vodlist_hb .vodlist_item {
        width: 49.75%;
        padding: 0 0.5% 0 0;
        margin: 0.2rem 0;
        box-sizing: content-box;
    }


}

@media (min-width: 991px) {
    .vodlist_sm .vodlist_item {
        width: 20%;
    }

    .vodlist_sm li:last-child,
    .vodlist_sm li:nth-last-child(2) {
        display: none !important;
    }

    .vodlist_item,
    .arthom_item,
    .topiclist_item,
    .zbvodlist_item {
        width: 25%;
    }
}

@media (max-width: 1280px) {

    .vodlist_sh_add .vodlist_item,
    .vodlist_item,
    .zbvodlist_item {
        width: 25%;
    }

    .vodlist_hb .vodlist_item,
    .zbvodlist_hom .zbvodlist_item {
        width: 25%;
    }
}

.fed-swip-title,
.fed-list-pics,
.fed-part-layout,
.fed-list-info .fed-list-remarks,
.fed-list-info .fed-list-play {
    border-radius: 5px
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.fed-list-pics {
    background-image: url("../img/load.gif");
    background-position: 50% 50%;
    background-size: cover
}

.fed-part-case h5 {
    display: block;
    background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%, #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: masked-animation 4s infinite linear;
}

@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.dui-left,
.dui-right {
    position: fixed;
    left: 10px;
    top: 50%;
    margin-top: -150px;
    z-index: 99999999999;
    width: 120px;
    height: 320px;
    background-color: #FFF;
    overflow: hidden;
}

.dui-left a,
.dui-right a {
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.dui-left img,
.dui-right img {
    width: 100%;
    height: 100%;
}

.dui-left .cl,
.dui-right .cl {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: '宋体';
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: gray;
    overflow-y: hidden;
}

.dui-right {
    left: auto;
    right: 10px;
}

.dui-left,
.dui-right {
    position: fixed;
    top: 50%;
    margin-top: -150px;
    z-index: 99999999999;
    width: 120px;
    height: 320px;
    background-color: #FFF;
    overflow: hidden;
}

.dui-left a,
.dui-right a {
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.dui-left img,
.dui-right img {
    width: 100%;
    height: 100%;
}

.dui-left .cl,
.dui-right .cl {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: '宋体';
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: gray;
    overflow-y: hidden;
}

@media (max-width: 768px) {
    .dui-left {
        display: none !important;
    }

    .dui-right {
        display: none !important;
    }
}

.none {
    display: none;
}

.btn-warm,
.btn-primary,
.btn-danger,
.btn-info {
    color: #fff;
}

.btn {
    display: inline-block;
    padding: 8px 30px;
    font-size: 12px;
    border-radius: 8px;
}

.btn-warm {
    background-color: #ff9900;
    background: linear-gradient(to right, #ff5593 0, #ff9f16 100%);
    box-shadow: 0 5px 10px rgb(255 111 0 / 25%);
}

.nav1 li.active a {
    border-color: #ff9900;
    color: #ff9900;
}

.playon a {
    color: #fff;
    background: #cc0000;
}

.btn-default {
    background-color: #eee;
    color: #333;
    background: linear-gradient(to right, #eeeeee 0, #f6f6f6 100%);
    box-shadow: 0 5px 10px rgba(246, 246, 246, .25);
}

.btn-warm {
    background-color: #ff9900;
    background: linear-gradient(to right, #ff5593 0, #ff9f16 100%);
    box-shadow: 0 5px 10px rgba(255, 111, 0, .25);
}

.btn-primary {
    background-color: #4fb1f7;
    background: linear-gradient(to right, #4fb1f7 0, #6bb8ee 100%);
    box-shadow: 0 5px 10px rgba(107, 184, 238, .25);
}

.btn-danger {
    background-color: #fc000c;
    background: linear-gradient(to right, #fc000c 0, #f9444d 100%);
    box-shadow: 0 5px 10px rgba(249, 68, 77, .25);
}

.btn-info {
    background-color: #5bc0de;
    background: linear-gradient(to right, #5bc0de 0, #7cc1d6 100%);
    box-shadow: 0 5px 10px rgba(124, 193, 214, .25);
}

.btn-gray {
    background-color: #282828;
    color: #ddd;
    background: linear-gradient(to right, #282828 0, #3b3b3b 100%);
    box-shadow: 0 5px 10px rgba(59, 59, 59, .25);
}

.btn-warm,
.btn-primary,
.btn-danger,
.btn-info {
    color: #fff;
}

.btn-warm:hover,
.btn-primary:hover,
.btn-danger:hover,
.btn-info:hover,
.btn-gray:hover {
    color: #fff;
}

.btn.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.btn {
    display: inline-block;
    padding: 8px 30px;
    font-size: 12px;
    border-radius: 8px
}

.btn.btn-xs {
    padding: 4px 15px;
}

.btn.btn-sm {
    padding: 6px 20px;
}

.btn.btn-md {
    padding: 8px 25px;
}

.btn.btn-lg {
    padding: 12px 30px;
}

.btn.btn-block {
    display: block;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.btn.disabled {
    cursor: not-allowed;
}

.nav1 li.active a {
    border-color: #ff9900;
    color: #ff9900;
}

.nav-tabs li .dropdown-box .item li a {
    color: #333;
}

.nav-tabs li .dropdown-box .item li.active a {
    color: #ff9900;
}

.wrap {
    width: 100%;
}

.box {
    width: 100%;
    position: relative;
    background: black;
}

.box p {
    width: 100%;
    height: 100%;
    position: absolute;
    color: #000000;
}

.video {
    height: 570px;
}

@media (max-width:1200px) {
    .video {
        height: 500px;
    }
}
@media (max-width:990px) {
    .video {
        height: 250px;
    }
}