/*
 * @Author: 大图模板 www.datll.com
 * @Date: 2020-10-16 10:33:33 
 * @Last Modified by: 大图模板
 * @Last Modified time: 2022-02-13 15:17:54
 * 超级模板主题样式表
 */

.site_name{
    font-size: 0.75rem;
}
button,html,input,optgroup,select,textarea {
   font: 40px/1.5 Arial,PingfangSC,Microsoft YaHei,sans-serif;
   -webkit-text-size-adjust: 100%;
}
html .iconMy{
    font-size: 0.45rem;
}
body,button,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,input,ol,optgroup,p,select,textarea,th,ul {
   margin: 0;
   padding: 0;
   font-weight: 400;
   font-size: 100%;
   color: inherit;
}

article,aside,canvas,details,figcaption,figure,footer,header,main,menu,nav,section {
   display: block
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

code,kbd,pre,samp {
   font-family: monospace;
   font-size: 1em
}

a {
   background-color: transparent
}
.btn, a, a:active {
   text-decoration: none;
}

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

abbr[title] {
   border-bottom: none;
   text-decoration: underline
}

dfn {
   font-style: italic
}

mark {
   background-color: none
}

small {
   font-size: 80%
}

sub,sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

audio,progress,video {
   display: inline-block;
   vertical-align: baseline;
   width: 100%;
}

[hidden],audio:not([controls]),template {
   display: none;
   height: 0
}

img {
   border: 0
}

svg:not(:root) {
   overflow: hidden
}

a,span{font-size: 0.375rem;}


::-webkit-scrollbar{width:6px;height:9px;border-radius:50%;background-color:transparent}
::-webkit-scrollbar-track{width:6px;background-color:#171819;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
::-webkit-scrollbar-thumb{background-color:#606d71;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
::-webkit-scrollbar-thumb:hover{background-color:#fcd16a}

.mac_search{
   background-color: rgb(240 248 255 / 0%);
}
button,input {
   overflow: visible;
}

button,select {
   text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
   -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
   border-style: none;
   padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
   outline: 1px dotted ButtonText
}

fieldset {
   border: none
}

legend {
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal
}

textarea {
   overflow: auto;
   resize: none
}

[type=checkbox],[type=radio] {
   box-sizing: border-box;
   padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,input[type=text],textarea {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

summary {
   display: list-item
}

table {
   border-spacing: 0
}

ol,ul,li{
   list-style: none
}

ov {
   -webkit-tap-highlight-color: transparent
}

input:-ms-input-placeholder,input::-moz-placeholder,input::-webkit-input-placeholder,input::placeholder,textarea:-ms-input-placeholder,textarea::-moz-placeholder,textarea::-webkit-input-placeholder,textarea::placeholder {
   color: #ccc
}

.hide {
   position: absolute;
   left: -10000px
}

.clearfix:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   zoom:1;
   }

.clearfix {
   *zoom:1}



body{
   background-color: #1f1f25;
   color: #a7a7a7;
}
body a{
    color: #797979;
}
.social-login{
    display: flex;
}
.social-login a{
   color: #000;
   background-color: #fcd16a;
   flex: 1;
   margin: 0 0.05rem;
   display: inline-block;
   margin-bottom: 0;
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 0.15rem 0.3rem;
   font-size: 0.3rem;
   line-height: 1.42857143;
   border-radius: 0.125rem;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.btn-User{
   height: 1.3rem;
   line-height: 1.3rem;
   font-size: 0.35rem;
   vertical-align: -webkit-baseline-middle;
   color: #fff;
   float: left;
   display: block;
   width: auto;
   padding-left: 0.35rem;
}
.btn-User img{
   width: 0.75rem;
   height: 0.75rem;
   border-radius: 2.475rem;
   margin-right: 0.2rem;
}
.mod_quick_pop {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   display: none;
   z-index: 10;
   position: absolute;
   top: 1.625rem;
   width: 7.75rem;
   user-select: none;
   right: -3.75rem;
}
.pop_user.mod_quick_pop{
   display: block;
}
.mod_pop_user {
   right: -0.5rem;
   width: 9.9rem;
}
.mod_quick_pop .pop_info_content {
   z-index: 2;
   position: relative;
   border-radius: 0.1rem;
   background: #fff;
   box-shadow: 0 0.7rem 1.25rem rgba(25,24,40,.35);
}
.mod_pop_user .quick_pop_user {
   color: #999;
   font-size: 0.35rem;
   line-height: 0.65rem;
}

.mod_pop_user .quick_pop_user_hd {
   position: relative;
   height: 1.99rem;
   padding: 0.033rem 0.33rem 0;
   overflow: hidden;
   border-radius: 0.33rem 0.33rem 0 0;
   background: url('../images/pop_user_bg.png') 0 0 no-repeat;
   background-image: -webkit-image-set(url('../images/pop_user_bg@2x.png') 2x);
}
.mod_pop_user .account_type {
   display: inline-block;
   padding-right: 0.13rem;
   color: #111;
   font-size: 0.35rem;
   letter-spacing: normal;
   vertical-align: top;
}
.mod_pop_user .user_name {
   display: inline-block;
   max-width: 10em;
   padding-right: 5px;
   overflow: hidden;
   color: #111;
   font-size: 0.35rem;
   letter-spacing: normal;
   text-overflow: ellipsis;
   vertical-align: top;
   white-space: nowrap;
}
 
.mod_pop_user .link_change, .mod_pop_user .link_quit {
   position: absolute;
   top: 0.03rem;
   right: 1.33rem;
   color: #999;
}
.mod_pop_user .link_quit {
   right: 0.33rem;
}
 
.mod_pop_user .quick_vip_meta {
   position: absolute;
   right: 0.33rem;
   bottom: 0.33rem;
   left: 0.33rem;
}
.mod_pop_user .vip_now {
   float: left;
   color: #111;
   line-height: 0.53rem;
}
.mod_pop_user .vip_next {
   float: right;
}
.mod_pop_user .btn_em, .mod_pop_user .btn_vip_em, .mod_pop_user .btn_vip_normal {
   display: inline-block;
   min-width: 0.53rem;
   padding: 0 0.53rem;
   border-radius: 1rem;
   background: #e3b54c;
   color: #fff;
   line-height: 0.63rem;
   text-align: center;
}
.mod_pop_user .quick_pop_user_bd {
   padding-bottom: 0.02rem;
}
.mod_pop_user .quick_features {
   margin: 0.53rem 0 0.53rem;
   min-height: 2.5rem;
}
.mod_pop_user .quick_features .feature_item {
   width: 24.5%;
   float: left;
   color: #111;
   text-align: center;
   cursor: pointer;
}
.mod_pop_user .icon_feature {
   margin: 0 auto 0.35rem auto;
   font-size: 0.8rem;
   width: 1.5rem;
   line-height: 1.5rem;
   height: 1.5rem;
   background: rgba(254, 244, 229, 1);
   box-shadow: 0px -1px 8px 0px rgb(74 42 0 / 3%);
   color: #CD7501;
   border-radius: 50%;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   display: flex;
}

.mod_pop_user .quick_features .icon_text {
   display: block;
   font-size: 0.35rem;
   white-space: nowrap;
}

.cf:after,.cf:before {
   display: table;
   content: "";
}




.social-login a:first-child {
   margin-left: 0;
}
.social-login a i{
    margin-right: 10px;
}
.mac_login{
    background: #fff0;
}
.mac_login .mac_login_form .login_form_group input{
    border: 1px solid #fcd16a;
}
.mac_pop .pop_top h2{
   color: #fcd16a;
}
.mac_login .mac_login_form input[type="button"]{
   padding: 4px 10px 4px 10px;
    border-radius: 1rem;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    color: #000;
    background: #fcd16a;
}
.mac_login .mac_login_form input[type="button"]:hover{
   background: #d4b05b;
}
.mac_pop_bg{background: rgb(0 0 0 / 77%);}
.backimage{
   background-color: #2a2a32;
   background-image: url('../images/LoginBg.png');
}
.backimage.mac_pop .pop_top{

border-bottom: 1px #fcd16a96 solid;
}
.mac_login .mac_login_form .login_form_link a{
   
color: #fcd16a;
   
margin-left: 0.375rem;
}

.white{}
   /* 头部 */
.video-header {
   position: fixed;
   z-index: 100;
   top: 0;
   left: 0;
   width: 100%;
   height: 1.5rem;
   background: transparent;
}

.video-header-index {
   height: 3.075rem;
   background: -webkit-linear-gradient(top,#000,#000);
   background: linear-gradient(180deg,rgb(0 0 0 / 66%) 0,transparent);
   pointer-events: none;
}

.video-header-fix {
   height: 1.5rem;
   position: fixed;
   background: rgb(0 0 0 / 41%);
   animation: header-ani .8s;
   z-index: 99999;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
}
.video-header-hix{
   height: 123px;
   background: -webkit-linear-gradient(top,#000,#000);
   background: linear-gradient(180deg,rgba(0,0,0,.7) 0,transparent);
   animation: header-ani .8s;
}
@keyframes header-ani {
   0% {
       top: -1.5rem;
       opacity: .6
   }

   to {
       top: 0;
       opacity: 1
   }
}
.video-header .header-inner {
   width: 80%;
   margin: 0 auto;
   display: block;
   pointer-events: initial;
}
 
 

.vi-logo{
   float: left;
   margin: 0.25rem 0;
   padding: 0.1rem 0 0.1rem 0rem;
}
.vi-logo a{
   width: 2.8rem;
   height: 0.75rem;
   display: block;
}
.vi-logo a img{
   width: 100%;
   height: 100%;
}
.vi-list{
    float: right;
    display: block;
}
.vi-search{
    float: right;
    display: block;
}
.vi-nav-wrap{float: left;margin: 0;}
.vi-nav{
    float: left;
    width: 100%;
}
.vi-nav-wrap .vi-nav li:nth-child(3n):before{
   content: "";
   width: 0.025rem;
   height: 0.45rem;
   background-color: #fcd16a;
   display: block;
   position: absolute;
   top: 0.55rem;
   right: 0;
}

.vi-more{
   position: relative;
   right: auto;
   float: left;
   display: block;
   height: 1rem;
   line-height: 1.5rem;
}
.open-menu{
   padding: 0 0.3rem;
   color: #fcd16a;
}
.sidinfo-loginfo{
   float: left;
   position: relative;
}
.history{
   position: relative;
}
.new-icon{
   display: inline-block;
   font-size: 0.3rem;
   text-align: center;
   background-color: #FF5722;
   color: #fff;
   width: 0.2rem;
   height: 0.2rem;
   padding: 0;
   border-radius: 50%;
   position: absolute;
   top: 40%;
   margin: -0.15rem 0.375rem 0;
}
.searchinput::-webkit-input-placeholder {
   color: rgb(252 209 106);
   font-size: 0.35rem;
}

  

.menus{
   height: 0;
   opacity:0;
   z-index: -999999999999;
   position: absolute;
   left: 0;
   width: 100%;
   padding: 5px 0 10px;
   background-color: rgb(0 0 0 / 95%);
   box-shadow: 0 28px 1.25rem rgba(25,24,40,.35);
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -o-transition: .5s;
   transition:  .5s;
   -ms-transition: .5s;
   /* pointer-events: none; */
}
 
.head_nav .menus{
   display:block;
   height:auto;
   opacity:1;
   padding-bottom: 0.875rem;
   z-index: 1;
   pointer-events:initial;
}



.menus-item{
   margin: 0.1rem 0;
}
.menus-item .menus-title{
}
.menus-item .menus-title a{
   color: #fbdc86;
   font-size: 0.42rem;
   font-weight: bold;
}
.menus-item .menus-title span{
   color: white;
}
.menus-item ul{
   display: flex;
   margin-top: 0.05rem;
   flex-wrap: wrap;
}
.menus-item ul li{
   margin: 0 0.25rem;
   height: 0.75rem;
   line-height: 0.75rem;
}
.menus-item ul li a{
   color: #c5c5c5;
   width: 100%;
   display: block;
   padding: 0rem 0.125rem;
   height: 100%;
}
.menus-item ul li a:hover{
   background-color: #fd7445;
   color: #fff;
   border-radius: 0.075rem;
}
.menus-item.one{
   float: left;
   margin-right: 0.575rem;
}
.menus .close{
   position: absolute;
   font-size: 0;
   opacity: 1;
   left: 0;
   right: 0;
   display: flex;
   justify-content: center;
  /* 水平居中 */
   align-items: center;
   bottom: 0.25rem;
   text-shadow: none;
}
.menus .close a{
   padding: 0.15rem 1.275rem;
   background-color: #ffffff1a;
   border-radius: 0.1rem;
   font-size: 0.375rem;
}


/* 播放历史 */
.history-vod{
   padding: 0.25rem;
   position: absolute;
   z-index: 99;
   border-radius: 0.1rem;
   margin: 0;
   width: 8.75rem;
   max-height: 9rem;
   top: 1.6rem;
   background-color: rgb(255 255 255);
   left: -4.275rem;
   display: none;
   color: #313131;
}
.history-vod.alpha{
   display: block;
}
.hi-head{
   display: flex;
   justify-content: center;
  /* 水平居中 */
   align-items: center;
   height: 1rem;
   color: #313131;
}
.hi-head span{
   font-size: 0.4rem;
}
.hi-head .hi-Clear{
   position: absolute;
   right: 0.45rem;
   color: #292929!important;
}
.video-header .header-inner .nav-item.current:after{
   content: '';
   height: 0.05rem;
   background-color: #fbdd88;
   border-radius: 0.2rem;
   position: absolute;
   bottom: 20%;
   left: 30%;
   right: 30%;
}
.video-header .header-inner .nav-item .history-vod ul{
   display: inline-block;
   width: 100%;
   /* overflow: auto; */
   max-height: 7.5rem;
   overflow-x: hidden;
   overflow-y: scroll;
}

.video-header .header-inner .nav-item .history-vod ul::-webkit-scrollbar {
   width: 0;
}
.hi-head:after{
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   zoom:1
}
.video-header .header-inner .nav-item .history-vod ul li{
    width: 100%;
    height: 2.1rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}
.video-header .header-inner .nav-item .history-vod ul a{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
    height: 2.1rem;
    width: 100%;
    color: #545454;
}
.video-header .header-inner .nav-item .history-vod ul a:hover{
   color: #FF5722;
}
.hs-pic{
    width: 40%;
    height: 2.1rem;
    overflow: hidden;
    border-radius: 5px;
}
.hs-pic img{
    width: 100%;
    height: auto;
}
.hs-info{
    width: 60%;
    padding-left: 0.5em;
    height: 2.1rem;
    line-height: initial;
    justify-content: center;
    align-items: start;
    display: flex;
    flex-direction: column;
}
.hs-info p{
    margin: 0.18rem 0;
    padding: 0;
}
.hs-info p:nth-child(1){
    font-size: 0.4rem;
}

.video-header .header-inner .nav-item {
   float: left;
   display: block;
   width: auto;
   padding: 0 0.4rem;
   position: relative;
}
.video-header .header-inner .nav-item a {
   display: block;
   height: 1.5rem;
   line-height: 1.5rem;
   font-size: 0.35rem;
   vertical-align: -webkit-baseline-middle;
   color: #fcd16a;
}
.video-header .header-inner .nav-item a:hover{
   color: #FF9800;
}
 
.video-header .header-inner .search-area {
   margin-top: 0.35rem;
   position: relative;
}
.video-header .header-inner .search-area .input-area {
   width: 5.5rem;
   height: 0.8rem;
   position: relative;
   background-color: hsla(0,0%,100%,.3);
   border-radius: 1rem;
   padding-left: 0.5rem;
   padding-right: 0.9rem;
}
.video-header .header-inner .search-area .input-area form{
    display: flex;
}

.video-header .header-inner .search-area .input-area .searchinput {
   display: inline-block;
   width: 100%;
   height: 0.8rem;
   line-height: 0.8rem;
   font-size: 0.3rem;
   color: hsla(0,0%,100%,.8);
   background: none;
   border: 0 none;
   outline: 0 none;
}
.video-header .header-inner .search-area .input-area .search-enter {
   position: absolute;
   width: 0.45rem;
   height: 0.45rem;
   top: 0.15rem;
   right: 0.25rem;
   /* background-image: url('../images/search_icon.png'); */
   /* background-size: 100% auto; */
}
.video-header .header-inner .search-area .input-area i {
   position: absolute;
   right: 0.15rem;
   font-size: 0.5rem;
   color: #ddb478;
}
.video-header .header-inner .search-area .input-area .delete-input {
   position: absolute;
   width: 11px;
   height: 11px;
   right: 1rem;
   top: 10px;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAk0lEQVQYlXXQPQoCMRAG0OfiubS09+cYgmCjnTaCjRbeQFs9gJ2CxXZeSQKJZMMm5eR9M5kM2rb9YoOn+hlh12CJKyYVGuAD+4A/mFUCCc7xbmKxL9CBodBkXfLANsJFgiVOgSMOOOOVX5Z4HLuusSp3yHGA9zj6hClueSDhHKbR4UmdQMB9MN/hHxiGz67AboDLD2FhJzL0pM3vAAAAAElFTkSuQmCC);
   background-size: 100% auto;
}
.video-header .header-sidinfo {
   font-size: 0;
   position: relative;
   float: left;
}


.video-header .header-sidinfo .sidinfo-loginfo {
   padding-top: 15px;
}
.sidinfo-loginfo a{
   display: block;
   height: 1.5rem;
   line-height: 1.5rem;
   vertical-align: -webkit-baseline-middle;
   color: #fcd16a;
   padding-left: 0.35rem;
}
.sidinfo-loginfo a i{
   font-size: 0.5rem;
}
.video-header .header-sidinfo .btn-openvip {
   position: relative;
   display: inline-block;
   min-width: 3rem;
   height: 0.75rem;
   line-height: 0.75rem;
   border-radius: 0.75rem;
   box-sizing: border-box;
   padding: 0 0.5rem;
   text-align: center;
   background-color: #fcd16a;
   color: #000;
   margin-left: 0.25rem;
   font-size: 0.35rem;
}
.channel{
   margin-top: 1.75rem;
   position: relative;
   z-index: 3;
}
.channel .channel-type {
   padding-top: 0.375rem;
}

.channel .channel-type .type-item {
   overflow: hidden;
   margin-bottom: 0.35rem;
}
.channel .type-item .type-tip {
   float: left;
   height: 0.55rem;
   line-height: 0.55rem;
   color: #969696;
   font-size: 0.35rem;
}

.channel  .showSwiper{
    float: left;
}
.channel .type-item .type-title {
   float: left;
   margin-right: 0.35rem;
   margin-bottom: 0.15rem;
}
.channel .type-item .item-list {
   overflow: hidden;
}
.channel  .type-item .item-list .item {
   float: left;
   margin-right: 0.2rem;
   width: auto;
}

.channel .type-item .item-list .item a {
   display: block;
   color: #fff;
   height: 0.55rem;
   line-height: 0.55rem;
   font-size: 0.35rem;
   padding: 0 0.15rem;
   text-decoration: none;
}
.channel .type-item .item-list .item.cur a {
   background-color: #fd7445;
   color: #fff;
   border-radius: 0.075rem;
}

.channel .type-item .type-title a {
   display: block;
   color: #fff;
   height: 0.55rem;
   line-height: 0.55rem;
   font-size: 0.35rem;
   padding: 0 0.25rem;
}
.channel .type-item .item-list .item a:hover, .channel .type-item .type-title.cur a {
   background-color: #fd7445;
   color: #fff;
   border-radius: 3px;
}

.channel .check-area {
   margin: 0 auto;
   padding-top: 0.575rem;
   padding-bottom: 0.3rem;
   border-bottom: 0.025rem solid #7b7b7b;
   overflow: hidden;
}

.channel .check-area .check-item {
   float: left;
   height: 0.35rem;
   line-height: 0.35rem;
   margin-right: 0.35rem;
   display: block;
}
.check-area .check-item *, .page-list .page-item, .video-list .m-listitem {
   cursor: pointer;
}
.channel  .check-area .check-item span {
   position: relative;
   float: left;
   width: 0.5rem;
   height: 0.35rem;
   margin-right: 0.15rem;
}
.channel .check-area .check-item span:after {
   content: "";
   position: absolute;
   width: 14px;
   height: 14px;
   background-image: url('../images/choice_icon1.png');
   background-size: 100% auto;
   border-radius: 3px;
}
.channel .check-area .check-item span.checked:after {
   background-image: url('../images/choice_icon2.png');
}
.channel  .check-area .check-item label {
   float: left;
   font-size: 0.35rem;
   color: #7b7b7b;
}
.channel .check-area .check-item span.checked+label {
   color: #fd7445;
}
.type-menu{
    display: flex;
}
.type-menu li{
 
}

.TypeSwiper{height: 13.55rem;padding-top: 2.375rem;position: relative;overflow: hidden;}
 
.TypeSwiper .swiper-slide {
   width:70%;
   height: 10.2rem;
   border-radius: 0.2rem;
   overflow: hidden;
}


.TypeSwiper .swiper-slide img{
    height: 100%;
    width: 100%;
}
.TypeSwiper .pagination .swiper-pagination-bullet{
   width: 1rem;
   height: 0.1rem;
   display: inline-block;
   border-radius: initial;
   margin: 0rem 0.075rem;
}

.TypeSwiper  .banner_bg{
   filter: blur(1rem) saturate(1.6) brightness(0.4);
}
.TypeSwiper .slide-tit{
   position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 10px 15px;
    width: 100%;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    padding: 1rem;
}
.TypeSwiper .slide-tit .tit-type{
   background-color: rgb(252 209 106);
   display: inline-block;
   margin-bottom: 5px;
   padding: 0.01rem 0.3rem;
   border-radius: 2px;
   text-shadow: none;
   font-size: 0.35rem;
   line-height: 0.55rem;
   color: black;
}
.TypeSwiper .slide-tit .tit-name{
    font-size: 0.65rem;
    line-height: 0.95rem;
    color: aliceblue;
}
.TypeSwiper .slide-tit .tit-remarks{
    margin-top: 0.2rem;
    font-size: 0.35rem;
    color: #FF9800;
}
.type-menu li a{
   min-width: 0.55rem;
   justify-content: center;
   align-items: center;
   display: flex;
   margin: 0 0.25rem;
   font-size: 0.35rem;
   padding: 0.1rem 0.55rem;
   border-radius: 1rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   background: #16161a;
   color: #fbdc84;
}
.type-menu li a:hover{
   background-color: #ffe9ac;
   color: black;
}

.chr{
   height: 0.025rem;
   background-color: #616161;
   margin: 0.375rem 0;
}



/* 轮播 */
.index{
   width: 100%;
   padding-bottom: 2.5rem;
   overflow-x: hidden;
}

.banner-wrap {
   width: 100%;
   background-color: #000;
   margin-bottom: 25px;
}
.banner-wrap .inner {
   position: relative;
   width: 100%;
   margin: 0 auto;
   height: 15rem;
}
.banner-wrap .banner-list {
   width: 100%;
   height: 100%;
}

.left-bg{
   position: absolute;
   z-index: 10;
   width: 55%;
   top: 0;
   left: 0;
   bottom: 0;
   background-color: rgb(6 16 19);
   background: linear-gradient(to right, rgb(6,16 ,19), rgba(6,16 ,19, 1),rgba(6,16 ,19, 0.5), rgba(6,16 ,19, 0), transparent);
   pointer-events: none;
}
.left-right{
   position: absolute;
   z-index: 10;
   width: 50%;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: rgb(6 16 19);
   background: linear-gradient(to left, rgb(6,16 ,19), rgba(6,16 ,19, 1),rgba(6,16 ,19, 0.5), rgba(6,16 ,19, 0), transparent);
   pointer-events: none;
}
.banner-wrap .banner-list .banner-item {
   display: inline-block;
   width: 100%;
   height: 100%;
   position: relative;
   cursor: pointer;
}
.banner-wrap .banner-list .banner-item .banner-inner {
   position: relative;
   width: 80%;
   height: 100%;
   margin: 0 auto;
}
.banner-wrap .banner-list .banner-item img {
   display: block;
   width: 100%;
   height: 100%;
   opacity:0
}

.banner-wrap .banner-list .banner-item.swiper-slide-active img{ opacity:1}
 .common-action, .movie-info-list .info-list, .nav-wrap,  .sys-banner-box, .type-wrap, .wp-fixbom .fixbom-inter {
   width: 80%;
}
 .movie-info-list {
   position: absolute;
   width: 100%;
   padding-bottom: 10px;
   bottom: 0;
   left: 0;
}
 .movie-info-list .info-list {
   display: flex;
   height: 100%;
   margin: 0 auto;
   align-items: flex-start;
   -webkit-align-items: flex-start;
   flex-direction: column;
}
 
.singlemovie-info{cursor: pointer;width: 100%;}
.ellipsis-txt {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.movie-info-list .info-list .singlemovie-info .txt {
   flex: 1;
}
.movie-info-list .info-list .singlemovie-info .moviename {
   font-size: 0.9rem;
   font-weight: 700;
   color: #fff;
   line-height: 0.92rem;
   padding-bottom: 13px;
}
.movie-info-list .info-list .singlemovie-info .info {
   font-size: 0.42rem;
   line-height: 1rem;
   color: #fff;
   padding-bottom: 0.42rem;
}
.movie-info-list .info-list .movielist-slider {
   display: flex;
   height: 100%;
   align-items: center;
   -webkit-align-items: center;
}
.movie-info-list .info-list .movielist-slider .movielist-box {
   overflow: hidden;
}
.movie-info-list .info-list .movielist-slider .movielist {
   font-size: 0;
}
.movie-info-list .info-list .movielist-slider .item {
   position: relative;
   display: inline-block;
   width: 3rem;
   height: 1.5rem;
   box-sizing: border-box;
   border-radius: 0.1rem;
   overflow: hidden;
   margin: 0 0.075rem 0 0.05rem;
}

.movie-info-list .info-list .movielist-slider .item.cur {
   border: 0.05rem solid #fccf64;
}

.movie-info-list .info-list .movielist-slider .item img {
   position: absolute;
   left: 50%;
   width: 3.75rem;
   height: 100%;
   margin-left: -1.875rem;
}

.movie-info-list .info-list .movielist-slider .item:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: rgba(0,0,0,.3);
}

.vod_ajax{
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    pointer-events: none;
}
.vod_ajax a{
    color: #fcd16a;
    border: 1px #fcd16a solid;
    padding: 0.15rem 0.39rem;
    border-radius: 1rem;
    pointer-events: all;
}
.vod_ajax a:hover{
   background-color: #fcd16a;
   color: #000;
}
.personal-info-wrap {
   position: absolute;
   width: 76%;
   height: 100%;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   margin: 0 auto;
   z-index: 8;
   pointer-events: none;
}
.personal-info {
   position: absolute;
   width: 7.5rem;
   height: 7.5rem;
   top: 4.5rem;
   right: -0.5rem;
   border-radius: 0.25rem;
   background-color: rgba(0,0,0,.7);
   pointer-events: all;
   border: 1px solid #272727;
   box-sizing: border-box;
}

.personal-info .user-area {
   width: 6.1rem;
   margin: 0 auto;
   padding-top: 0.5rem;
   overflow: hidden;
   /* display: flex; */
}
.personal-info .user-area .user-head {
   float: left;
   width: 1rem;
   height: 1rem;
   border-radius: 1rem;
   margin-right: 0.2rem;
}
.personal-info .user-area .user-info{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.personal-info .user-area .user-info .name-area .user-name {
   display: inline-block;
   font-size: 0.4rem;
   line-height: 0.4rem;
   margin-right: 0.1rem;
   max-width: 3.3rem;
   vertical-align: middle;
   color: #fff;
}
.personal-info .user-area .user-info .name-area{
   display: flex;
}
.personal-info .user-area .user-info .name-area i {
   vertical-align: middle;
}

.icvip {
   display: inline-block;
   width: 1.05rem;
   height: 0.3rem;
   background: url('../images/ic_vip.png') no-repeat 0 999em;
   overflow: hidden;
   vertical-align: -0.025rem;
   margin: 0 0 0 0.05rem;
   background-image: -webkit-image-set(url('../images/ic_vip.png') 1x, url('../images/ic_vip_2x.png') 2x);
   background-size: 11.3rem 4.05rem;
}
.icvip00hui {
   width: 0.9rem;
   background-position: 0rem -0.45rem;
}
.icvip00hui.user_vip{
   background-position: 0rem -0.9rem;
}
.icnianhui {
   width: 0.3rem;
   height: 0.3rem;
   background-position: 0rem -3.2rem;
}
.personal-info .user-area .user-info .validity-area {
   height: 0.4rem;
   line-height: 0.4rem;
   font-size: 0.32rem;
   color: #999;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.personal-info .user-area .login-btn {
   display: block;
   height: 0.95rem;
   line-height: 0.95rem;
   border-radius: 0.5rem;
   border: 1px solid #fcd16a;
   text-align: center;
   margin: 0 auto;
   font-size: 0.4rem;
   color: #fbe08f;
}
.personal-info .privilege-list {
   padding: 0.675rem 0.75rem 0.6rem;
}

.personal-info .privilege-list .list-title {
   display: block;
   font-size: 0.4rem;
   line-height: 0.4rem;
   color: #fff;
}
.personal-info .privilege-list ul {
   display: flex;
   flex-wrap: wrap;
   padding-top: 0.5rem;
}
.personal-info .privilege-list ul li {
   width: 50%;
   font-size: 0.4rem;
   color: #999;
   margin: 0.1rem 0;
}
.personal-info .privilege-list ul li i.icon.icon-zspk {
   background-image: url('../images/vid_icon.png');
   background-size: 100%;
}
.personal-info .privilege-list ul li i.icon.icon-hldp {
   background-image: url('../images/favs_icon.png');
   background-size: 100%;
}
.personal-info .privilege-list ul li i.icon.icon-zsdbq {
   background-image: url('../images/play_icon2.png');
   background-size: 100%;
}
.personal-info .privilege-list ul li i.icon.icon-zgbs {
   background-image: url('../images/guan_icon.png');
   background-size: 100%;
}


.personal-info .renew-vip {
   position: relative;
   display: block;
   width: 5rem;
   height: 1rem;
   border-radius: 1rem;
   text-align: center;
   line-height: 1rem;
   margin: 0 auto;
   font-size: 0.4rem;
   color: #000;
   background: #fcd16a;
}
.personal-info .privilege-list ul li i.icon {
   display: inline-block;
   vertical-align: middle;
   width: 0.6rem;
   height: 0.45rem;
}

.personal-info .privilege-list ul li:nth-of-type(2n) {
   text-align: right;
}

.personal-info .privilege-list ul li p {
   display: inline-block;
   vertical-align: middle;
   line-height: 0.5rem;
}



/* 轮播2 */

.common-action {
   margin: 0 auto 25px;
   position: relative;
}
.common-action {
   margin: 0 auto 35px;
   position: relative;
}
.m-title {
   display: flex;
   align-items: center;
   -webkit-align-items: center;
   height: 1.4rem;
   margin-bottom: 0.2rem;
   flex-direction: row;
    /* 水平居中 */
}
.m-title h2 {
   font-size: 0.5rem;
   color: #fcd16a;
   margin-bottom: initial;
}
.m-title .more {
   margin-left: auto;
   font-size: 0.35rem;
   color: #646464;
}

.m-title .new-tit {
   padding-left: 1.32rem;
   background: url('../images/vip_icon2.png') no-repeat 0;
   font-size: 0.55rem;
   background-size: 1rem 0.5rem;
}

.m-title .rank-tab {
   font-size: 0;
   margin-left: 0.65rem;
}

.m-title .rank-tab .rank-tab-item {
   display: inline-block;
   width: 2rem;
   height: 0.7rem;
   line-height: 0.7rem;
   text-align: center;
   border-radius: 1rem;
   background: #f0f0f0;
   font-size: 0.35rem;
   margin-right: 0.36rem;
   cursor: pointer;
   background: rgb(0 0 0 / 16%);
   color: #fbdc84;
}
.m-title .rank-tab .rank-tab-item.cur, .m-title .rank-tab .rank-tab-item:hover {
   background: #fcd067;
   color: black;
}
.common-action .slide-box {
   position: relative;
   width: 100%;
   margin-left: 0;
   font-size: 0;
   text-align: center;
}

.common-action .slide-tab{display: none;}
.common-action .slide-tab.cur {display: block;}
.common-action.type-row{
   margin-bottom: 0.975rem;
}
.common-action .tv-area{
   margin-top: 0.5rem;
}

.play .common-action .slide-box,.detail .common-action .slide-box{
    max-width: 100%;
    margin-left: 0;
}
.play .common-action .slide-box .movie-list ,.detail .common-action .slide-box .movie-list{
    max-width: 100%;
}

.common-action .slide-box .rank-control {
   position: absolute;
   display: inline-block;
   width: 0.5rem;
   height: 0.475rem;
   background-image: url('../images/left_icon.png');
   background-size: 100% auto;
   left: -0.55rem;
   top: 2.775rem;
   vertical-align: top;
   z-index: 999;
}
.common-action .slide-box .next-rank {
   background-image: url('../images/right_icon.png');
   left: auto;
   right: -0.55rem;
}
.common-action .slide-box .movie-list {
   display: inline-block;
   width: 100%;
   padding-top: 0.5rem;
   margin-top: -0.5rem;
   overflow: hidden;
}
.common-action .list {
   margin-top: -0.35rem;
   padding-bottom: 0.45rem;
}

.common-action .slide-box .movie-list .list {
   width: 100%;
   transition: transform .3s;
}
.list .m-item {
   margin-right: 0.28rem;
   width: calc(13% - 0.44rem);
}
.list .m-item:hover {
   transform: translateY(-0.125rem);
}
.list .m-item, .list .m-item-topic {
   float: left;
   cursor: pointer;
   transition: transform .3s;
   margin-top: 0.5rem;
}
.list .m-item.swiper-slide:last-child, .list .m-item.swiper-slide:nth-child(8n) {
   margin-right: 0.25rem;
}
.daily-rank .swiper-slide {
   width: calc(13% - 0.425rem)!important;
}

.list .m-item .cover-area {
   border-radius: 5px;
   position: relative;
   display: block;
   overflow: hidden;
   padding-top: 145%;
   background-position: 50% 50%;
   background-size: cover;
   background-color: #dbdbdb;
}
.list .m-item .cover-area span{
    position: absolute;
    bottom: 0;
    right: 0;
    color: aliceblue;
    left: 0;
    text-align: right;
    padding: 0.25rem;
}
.list .m-item .cover-area.img {
   display: block;
   width: 100%;
   height: 6rem;
   background-color: #9E9E9E;
}
.list .m-item .cover-area img {
   display: block;
   width: 4.5rem;
   height: 6rem;
}
.list.actor .m-item .cover-area img{
   height: 4.975rem;
   background-color: aliceblue;
}
.list .m-item .cover-area .rank-flag {
   position: absolute;
   width: 0.75rem;
   height: 0.75rem;
   top: 0;
   left: 0;
}
.list .m-item .cover-area .rank-flag i,.list .m-item .cover-area .rank-flag i {
   position: absolute;
   color: #fff;
   font-size: 0.35rem;
   top: 0;
   left: 0.125rem;
   font-style: normal;
}
.list .m-item .cover-area .rank-flag:before,.list .m-item .cover-area .rank-flag:before {
   content: "";
   position: absolute;
   width: 1.125rem;
   height: 1.125rem;
   top: -0.55rem;
   left: -0.575rem;
   background-color: #a0a0a0;
   transform: rotate(45deg);
}

.list .m-item .cover-area .rank-flag.rankone:before,.list .m-item .cover-area .rank-flag.rankone:before {
   background-color: #fe4937;
}

.common-action .cover-area:before {
   content: "";
   width: 1.25rem;
   height: 1.25rem;
   background: url('../images/playicon.png') no-repeat 50%;
   background-size: cover;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   display:none;
   position: absolute;
}
.common-action .cover-area:hover:before{
   display: block;
}

.common-action .cover-area.vip:after {
   content: "";
   position: absolute;
   width: 0.775rem;
   height: 0.425rem;
   top: 0.1rem;
   right: 0.1rem;
   background-image: url('../images/vip_icon.png');
   background-size: 100% auto;
}
.list .m-item .txt-area {
   margin-top: 0.15rem;
   height: 1.025rem;
}
.list .m-item .txt-area .title {
   height: 0.55rem;
   line-height: 0.55rem;
   color: #fff;
   display: flex;
   font-size: 0;
}

.list .m-item .txt-area .title p,.list .m-item .txt-area .title a{
   flex: 1;
   width: 0;
   color: #fff;
   font-size: 0.35rem;
   margin-right: 0.2rem;
   text-align: left;
}


.list .m-item .txt-area .title .score {
   display: inline-block;
   font-size: 0.4rem;
   color: #fd7445;
}
.list .m-item .txt-area .info {
   max-width: 100%;
   height: 0.475rem;
   line-height: 0.475rem;
   color: #646464;
   font-size: 0.32rem;
   text-align: left;
}
.common-action .list:after, .list:after {
   content: "";
   clear: both;
   display: table;
}
.movie-area:after {
   clear: both;
   content: "";
   display: table;
}
.movie-area .movie-item {
   float: left;
   width: 4.6rem;
   height: 5.7rem;
   margin-right: 0.575rem;
   border-radius: 0.125rem;
}
.movie-area .movie-item.movie-m {
   width: 23.803166%;
   margin-bottom: 0.75rem;
}
.topic_tags{
    position: absolute;
    top: 0.1rem;
    left: 0.2rem;
    font-size: 0;
}
.topic_tags span{
   height: 0.475rem;
   display: inline-block;
   line-height: 0.475rem;
   padding: 0 0.125rem;
   border-radius: 0.075rem;
   background: rgb(252 209 106);
   color: black;
   font-size: 0.3rem;
   margin-right: 0.1rem;
}
.topic_tags i{
    font-size: 0.30rem;
}

.movie-area .movie-item.movie-m:nth-child(4n){
   margin-right: 0;
}
.topic{
   margin-top: 2.25rem;
}
.play_bgk {
   position: absolute;
   height: 15rem;
   top: 0;
   left: 0;
   right: 0;
   z-index: -1;
}
.pic_slide {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   width: 100%;
   height: 15rem;
}

.videocoverheader_overlay_shadow {
   position: absolute;
   /* background: linear-gradient(to bottom, transparent, transparent, #141414); */
   background: linear-gradient(to bottom, rgb(31 31 37), rgb(31 31 37 / 83%), rgb(31 31 37));
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
}
.play_bgk img {
   transform-origin: 100% 0%;
   width: 100%;
   object-fit: cover;
   max-height: 20rem;
   height: 20rem;
   object-position: top;
}

.animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
}
@keyframes fadeIn {
   0% {
       opacity: 0
   }

   to {
       opacity: 1
   }
}
.topic-list-module{
    z-index: 99999;
}
.topic_h1{
   color: white;
   font-size: 0.75rem;
   margin: 0.375rem 0;
}
.topic_info{
}
.topic_info span{
   margin-right: 0.25rem;
}
.topic_pic{
   height: 5rem;
}
.topic_pic img{
   width: 100%;
   height: 100%;
}


.movie-area .cover-area {
   position: relative;
   width: 100%;
   height: 100%;
   border-radius: 5px;
   overflow: hidden;
   cursor: pointer;
   transition: transform .3s;
   padding-top: 55%;
   background-position: 50% 50%;
   background-size: cover;
}
.movie-area .cover-area img {
   display: block;
   width: 100%;
   height: 100%;
}
.movie-area .cover-area .alpha {
   height: 30%;
   padding: 0 7%;
   width: 100%;
   box-sizing: border-box;
   position: absolute;
   display: flex;
   flex-direction: column;
   -webkit-justify-content: center;
   justify-content: center;
   bottom: 0;
   left: 0;
   background-color: rgba(0,0,0,.6);
}
.movie-area .cover-area .alpha .title {
   font-size: 0.35rem;
   color: #fff;
}
 
.star-area{}
.star-tab{
    position: absolute;
    white-space: nowrap;
    z-index: 10;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.star-box{
   width: 5.375rem!important;
   position: relative;
   display: inline-block;
   text-align: center;
   height: 1.7rem;
   margin-bottom: 0.75rem;
}
.star-box .star_itme{
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: 4.25rem auto;
   width: calc(100% - 0.3rem);
   height: 1.7rem;
   display: flex;
   justify-content: left;
  /* 水平居中 */
   align-items: center;
   background-color: rgb(0 0 0 / 55%);
   border-radius: 0.95rem;
}

.star-box .star_ico{
    position: relative;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    margin: 0.175rem 0.1rem;
    padding-top: 30%;
    background-position: 50% 50%;
    background-size: cover;
    background-color: aliceblue;
    width: 1.5rem;
    height: 1.5rem;
}
.star-box .star_ico img{
    width: 100%;
    background-color: aliceblue;
}
.star-box .star_info{
    /* margin-left: 8px; */
}
.star-box .star_info .star_name{
   font-size: 0.42rem;
   cursor: pointer;
   color: #fff;
}
.star-box .star_info .star_remarks{
   font-size: 0.32rem;
   color: #fff;
   margin-top: 0.075rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: left;
   opacity: .38;
}

.star-box.active.star-box .star_itme{
    /* background-color: rgb(252 209 106); */
    background: linear-gradient(to right, rgb(252 209 106),rgb(252 209 106 / 30%));
}
.star-box.active:after {
   content: "";
   position: absolute;
   display: inline-block;
   border: 9px solid rgba(0,0,0,0);
   border-bottom-color: rgb(249 205 127 / 76%);
   width: 0!important;
   height: 0;
   left: 44%;
   bottom: -0.45rem;
   transform: rotateX(180deg);
}

.star-tab-container{
    margin-top: 0;
}
.common-action .star-tab-container .slide-box, .star-tab-container .slide-box{display: none;}
.common-action .star-tab-container .slide-box.active,.star-tab-container .slide-box.active{display: block;}
.list.swiper-wrapper .m-item:last-child, .list.swiper-wrapper .m-item:nth-child(7n) {
   margin-right: 0.25rem;
}

.tv-area .list .m-item:nth-child(8n){
    margin-right: 0;
}
 .news-list{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.art-list{
    position: relative;
}
.art-list .feed-common{
   margin: 0.225rem 0;
   padding: 0.2rem 0rem;
   border-bottom: 0.025rem #3c3c3c solid;
   display: flex;
   justify-content: left;
   align-items: center;
}

.art-list .feed-common .feed-attr-click{}
.art-list .feed-common .feed-four-title{
    color: white;
}
.art-list .feed_img{
   width: 38.5%;
   margin-right: 0.375rem;
   overflow: hidden;
   height: 4rem;
   margin-right: 0.38rem;
}
.art-list .comment_img{
   width: 50px;
   margin-right: 10px;
   overflow: hidden;
   height: 2rem;
}

.art-list .feed_img a{
    display: block;
}
.art-list .feed_img a img{
   width: 100%;
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
}

.art-list .feed_info{
    width: 100%;
}


.art-list .feed-common .feed-four-title a{
    display: block;
    color: white;
    font-weight: bold;
    font-size: 0.49rem;
}
.art-list .feed-common .feed-blurb{
   max-width: 100%;
   line-height: 0.475rem;
   color: #646464;
   font-size: 0.35rem;
   text-align: left;
   margin-top: 0.375rem;
}
.art-list .feed-common .feed-blurbs{
   max-width: 100%;
   line-height: 0.475rem;
   color: #646464;
   font-size: 0.35rem;
   text-align: left;
   margin-top: 0.375rem;
}
/* hts
*/

.video-detail #downNumTab a{
   font-size: 0.355rem;
   display: inline-block;
   text-align: center;
   border-radius: 0.6rem;
   background: #f0f0f0;
   /* margin-right: 0.25rem;
   */
   cursor: pointer;
   background: #16161a;
   color: #fbdc84;
   padding: 0.075rem 0.25rem;
}

.video-detail #downNumTab a:hover,.video-detail #downNumTab a.active{
   background: #fcd067;
   background: linear-gradient(90deg,#fcd067 0,#fbdf8c);
   color: black;
}

.tabContainer_down{
   display: inline-block;
}
.tabContainer_down>div{
   display: none;
}
.tabContainer_down>div.active{
   display: block;
}
#tabContainer_down{
   margin-top: 0.75rem;
   width: 100%;
}
.video-detail #tabContainer_down{
   margin-top: 0rem;
}
#tabContainer_down>div{
   display: none;
}
#tabContainer_down>div.active{
   display:block
}
.downNumList{
   width: 100%;
   display: inline-block;
   margin-top: 0.25rem;
}
.downNumList li{
   width: 100%;
   float: left;
}
.downNumList li a{
   position: relative;
   display: inline-block;
   min-width: 95%;
   height: 0.9rem;
   margin: 0;
   padding: 0rem 0.25rem;
   overflow: hidden;
   font-size: 0.35rem;
   line-height: 0.9rem;
   white-space: nowrap;
   text-align: left;
   border: none;
   border-radius: 0.05rem;
   color: #ffffff;
   margin-bottom: 0.125rem;
   margin-right: 0.125rem;
   /* letter-spacing: .04em;
   */
   vertical-align: middle;
   background-color: rgb(98 98 98 / 35%);
}
.downNumList li a:hover{
   background-color: #fcd16a;
   color: #09090b;
}
.txtHide {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.pull-right {float:right}
.text-muted{ color: #999999;}
.down-span {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 50px;
   margin-right: 8px;
   font-family: ByteNumber-center;
   font-size: 12px;
   line-height: 24px;
   color: #999;
   text-align: center;
}
.hover-item .picture{
   width: 150px;
   height: 210px;
   overflow: hidden;
}
hover-item .picture{

   position: absolute;
}
.hover-item .picture img{

   width: 100%;
}
.hover-item .hover-info{
   padding-left: 11px;
   flex: 1;
}
.hover-item .hover-info p{
   color: #ffffff;
   margin: 6px 0;
   font-size: 0.15rem;
   line-height: 22px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}
.hover-item .hover-info p.rank-blurb{
   color: #9e9e9e;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   line-height: 20px;
   overflow: hidden;
}
.hover-item .hover-info label{
   color: #9e9e9e;
   font-weight: 600;
}
.hover-item .hover-info .hover-name{
   font-size: 0.2rem;
   font-weight: 600;
   display: flex;
   justify-content: flex-start; /* 水平居中 */
   align-items: center;
}
.hover-item .hover-info .vod_name{
   margin-right: 12px;
}
/* downinfo */
.fileTree li { padding: 3px 0 2px 16px; }
.fileTree li.expandable span.folder { background: url(../img/folder-closed.gif) 0 0 no-repeat; }
.fileTree li small{font-size:11px;color:#999;padding-left:5px}
.fileTree span{padding-left:18px;}
.fileTree span.video { background: url(../img/video.gif) 0 0 no-repeat; }
.fileTree span.torrent { background: url(../img/torrent.gif) 0 0 no-repeat;}
.fileTree span.document { background: url(../img/document.gif) 0 0 no-repeat; }
.treeview, .treeview ul { padding: 0;  margin: 0;  list-style: none;}
.treeview ul {background-color: white;  margin-top: 4px;}
.treeview li {  margin: 0;  padding: 3px 0pt 3px 16px; }
.treeview a.selected { background-color: #eee; }
.treeview .hover { color: red; cursor: pointer;}
.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.dtstyle dl{ margin-left:15px;margin-right:15px;}
.dtstyle dl dt {float:left;  font-weight:bold;  margin-right:10px;  padding:5px;}
.dtstyle dl dd {padding:5px 0;  margin: 0;}
.down-btn{margin-top:20px;margin-left:20px;}
.margin_top20 { margin-top: 20px; }
.margin_bottom20 { margin-bottom: 20px; }


.art-list .feed-common .feed-pic{
   margin-top: 0.375rem;
   display: flex;
  /* flex-direction: row;
   */
  /* justify-content: flex-end;
   */
}
.art-list .feed-common .feed-pic img{
   height: 4.25rem;
   margin-right: 0.125rem;
   width: calc(26% - 0.44rem);
   min-width: 5.1rem;
}
.art-list .feed-common .feed-pic img:nth-child(1){
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
}
.art-list .feed-common .feed-pic img:nth-child(4){
   border-bottom-right-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
}
.art-list .feed-common .feed-pic img.count{
   border-bottom-right-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
}

.art-list .feed-common .feed-no-info{
   color: #9E9E9E;
   margin: 0.25rem 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.art-list .feed-common .feed-no-info a{
    color: #fcd16a;
}
.article{}
.article h1{
   font-size: 0.8rem;
   font-weight: 700;
   line-height: 1rem;
   color: #fff;
}
.article .article-meta{
   margin: 0.25rem 0;
}
.article .article-meta span{
   margin-right: 0.375rem;
}
.article article{
   font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
   line-height: 1.75;
   margin-bottom: 0.6rem;
   height: 12.5rem;
   overflow: hidden;
   position: relative;
   font-size: 0.375rem;
}

.article  .article-content.details{
    height: auto;
}
.article .article-content.details img{max-width: 100%;}
.article article p{}
.article article span{
    color: #a9a9a9 !important;
}
.news-list{}

.art-type{
    position: absolute;
}
.art-index{
   margin-top: 2.5rem;
}
#art-nav{
   margin-top: 0.5rem;
   background-color: rgb(0 0 0 / 16%);
   padding: 0.375rem 0;
   border-radius: 0.125rem;
   height: min-content;
   overflow: hidden;
   width: 3rem;
}
.art-nav-item{
   text-align: center;
   position: relative;
   margin: 0.45rem 0;
}

.art-nav-item a{
    display: block;
    color: #fcd16a;
    font-weight: bold;
    font-size: 0.45rem;
}
.header-fix{
   position: fixed;
   top: 1.325rem;
}

.ads {
    width: 100%;
}
.ads a{
    display: block;
}
.ads a img{
    width: 100%;
}
.tui-list{}
.tui-list .list-top{}
.tui-list .title{
    font-size: 0.5rem;
    color: #fcd16a;
}
.tui-list ul{
   margin-top: 0.25rem;
}

.tui-list ul li{
    margin: 0.45rem 0;
    /* border-bottom: 1px #333333 solid; */
}
.tui-list ul li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tui-list .art_tit{}
.tui-list .art_tit b{
    display: block;
    color: #9E9E9E;
    font-weight: bold;
    font-size: 0.35rem;
}
.tui-list .art_tit p{}
.tui-list .art_pic{
}
.tui-list .art_pic img{
    width: 2.8rem;
    height: 1.62rem;
}
.load{
    height: 5.5rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: rgb(31 31 37);
    background: linear-gradient(to top, rgb(31,31,37), rgba(31,31,37, 1),rgb(31 31 37 / 71%), rgb(31 31 37 / 0%), transparent);
    display: flex;
    justify-content: center;
    align-items: center;
}
.load .ajaxbtn{
   color: #fcd16a;
   border: 1px #fcd16a solid;
   padding: 0.125rem 0.25rem;
   border-radius: 0.45rem;
   margin-top: 6%;
}

.footer{
    background-color: #09080a;
    padding-top: 0.5rem;
    color: #757575;
    border-top: 1px #fcd16a solid;
}
.footer a{
    color: #BDBDBD;
}
.footer .link {}
.footer .link ul{}
.footer .link ul li{
   float: left;
   margin-right: 0.5rem;
   margin-bottom: 0.25rem;
}

.footer .link ul li a{
    font-size: 0.35rem;
}
.footer .copyright{
   margin-top: 0.5rem;
}

.footer .map{}
.footer .map a{
    font-size: 0.40rem;
}

.aside-container {
   background: #151617 !important;
}
.aside-container {
   position: fixed;
   right: 0;
   top: 0;
   bottom: 0;
   height: 100%;
   z-index: 99;
   display: flex;
   flex-flow: wrap;
}
.aside-bar {
   background-color: #171819 !important;
}
.aside-bar {
   width: 1rem;
   height: 100%;
   position: relative;
   background-color: #fff;
   box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 2px 8px 0 rgba(0,0,0,.04);
}
.bar-middle {
   position: absolute;
   top: 20%;
   bottom: 45%;
   right: 0;
   z-index: 100;
   left: 0;
}
.aside-bar div>div {
   border-bottom: 1px solid #18191a !important;
   background-color: #171819 !important;
}
.bar-item{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0.4rem 0px;
}
.bar-item i {
   font-size: 0.5rem;
   font-weight: 700;
   color: #fcd16a;
   position: relative;
   z-index: 2;
}

.detail-bg{
   height: 7.5rem;
   width: 100%;
   position: absolute;
   overflow: hidden;
   top: -1.05rem;
   left: 0;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   z-index: -1;
}
.detail-bg .blurbg{
   position: absolute;
   background-size: cover;
   background-position: 50%;
   width: 110%;
   min-width: 28rem;
   height: 12.4rem;
   top: 50%;
   left: 50%;
   margin: -6.5rem -55%;
   z-index: 10;
   background-repeat: no-repeat;
   -webkit-filter: blur(1rem);
   -moz-filter: blur(1rem);
   -ms-filter: blur(1rem);
   filter: blur(1rem) saturate(1.6) brightness(0.4);
   filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false);
}

.common-action{
   margin: 0 auto 0.25rem;
   position: relative;
   width: 80%;
}
.detail-info{
   margin-top: 3.75rem;
   height: 9.5rem;
   color: #bfbfbf;
   display: flex;
}

.detail-info .container-left{
    width: 19%;
    height: 100%;
    display: flex;
}
.detail-info .poster{
   width: 100%;
}
.detail-info .picHover{
    display: block;
    height: 100%;
}
.detail-info .picHover img{
    width: 100%;
    height: 100%;
}
.detail-info .container-right{
   width: 80%;
   position: relative;
   padding-left: 0.5rem;
}
.detail-info .container-right h1{
   font-size: 0.75rem;
   color: #fff;
   padding-top: 0.4rem;
   padding-bottom: 6px;
   margin: 0;
   line-height: 1.2;
   min-height: 1.175rem;
   font-weight: bold;
   max-width: 25rem;
}
.detail-info .container-right h1 span{
   font-family: Verdana;
   font-size: 0.625rem;
   font-weight: 400;
   margin-left: 0.4rem;
}

.detail-info .container-right h2{
   font-size: 0.525rem;
   color: #fff;
   line-height: 0.6rem;
   padding-top: 0.25rem;
   padding-bottom: 0.05rem;
   margin: 0;
   font-weight: 400;
   min-height: 0.65rem;
   font-family: Verdana;
   width: 70%;
}
.detail-info .container-right .score{
   padding-left: 0.25rem;
   font-size: 0.675rem;
   color: #b28850;
   line-height: 1rem;
   padding-top: 0;
   padding-bottom: 0;
   margin: 0;
}
.detail-info .score b{
   font-size: 0.925rem;
   font-weight: 400;
}
.detail-info .detail-tags{
   margin-top: 0.3rem;
}

.detail-info .detail-tags a{
    color: aliceblue;
}
.detail-tags .info-item{
   margin-right: 0.25rem;
   font-size: 0.375rem;
}
.bread-crumb-nav{
   margin-top: 0.5rem;
   position: relative;
   z-index: 9999;
   display: block;
}
.detail-info .Star{
   display: flex;
   margin-top: 0.325rem;
}

.detail-info .Star .Star-item{
    justify-content: center; /* 水平居中 */
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 1rem;
}
.detail-info .Star .item-img{
   width: 1.75rem;
   margin: 0rem 0.125rem;
   border-radius: 100%;
   overflow: hidden;
   height: 1.75rem;
}
.detail-info .Star .item-img img{
   width: 100%;
   background-color: #9E9E9E;
}
.detail-info .Star .item-tit{
   justify-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
   margin-top: 0.25rem;
}
.detail-info .Star .item-tit b{
   font-size: 0.375rem;
   color: white;
}

.detail-info .Star .item-tit p{
    color: #9E9E9E;
}

.code-in{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   justify-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
}
#code img{
   width: 5rem;
   border: 1px solid rgb(235 235 235);
}

.video-detail{}
.detail-content{
}

.video-detail #playNumTab a{
   font-size: 0.355rem;
   display: inline-block;
   text-align: center;
   border-radius: 0.6rem;
   background: #f0f0f0;
   /* margin-right: 0.25rem;
   */
   cursor: pointer;
   background: #16161a;
   color: #fbdc84;
   padding: 0.075rem 0.25rem;
}

.video-detail #playNumTab a:hover,.video-detail #playNumTab a.active{
   background: #fcd067;
   background: linear-gradient(90deg,#fcd067 0,#fbdf8c);
   color: black;
}


.video-detail .m-title {
   display: flex;
   align-items: center;
   -webkit-align-items: center;
   height: 1rem;
   margin-bottom: 0.15rem;
   width: 100%;
}
.video-detail .m-title h2 {
   flex: 1;
   font-size: 0.5rem;
   color: #fcd16a;
   background-size: auto;
}
.detail-content .guess-like .guess-list .list {
   font-size: 0;
}
.detail-content .list .m-item {
   display: inline-block;
   margin-right: 0.25rem;
   margin-bottom: 0.825rem;
   cursor: pointer;
   transition: transform .3s;
   vertical-align: top;
   width: calc(17% - 0.325rem)!important;
}
 .slide-box .list .m-item {
   
}

.detail-content .list .m-item .cover-area {
   position: relative;
   border-radius: 0.125rem;
   overflow: hidden;
}
.detail-content .list .m-item .cover-area.vip:after {
   content: "";
   position: absolute;
   width: 0.775rem;
   height: 0.425rem;
   top: 0.1rem;
   right: 0.1rem;
   background-image: url('../images/vip_icon.png');
   background-size: 100% auto;
}
.detail-content .list .m-item .txt-area {
   margin-top: 0.15rem;
}
.detail-content .list .m-item .txt-area .title {
   max-width: 100%;
   height: 0.55rem;
   line-height: 0.55rem;
   color: #b7b7b7;
   font-size: 0.35rem;
}
.detail-content .list .m-item .cover-area img {
   display: block;
   width: 100%;
   height: 6rem;
}

.container-row{
   padding-bottom: 0.325rem;
}
.info-bottom{
   margin-top: 0.3rem;
   justify-content: left;
   align-items: center;
   display: flex;
   flex-direction: row;
}

#rating{
    justify-content: left;
    align-items: center;
    display: flex;
}
.rating{
    display: flex;
}
.rating li{
   padding: 0rem 0.2rem;
}
.rating li.active{
   background: url('../images/rating.png') 0 -0.45rem no-repeat;
   background-size: 80%;
}
#rating .label{
   font-size: 0.375rem;
}
#rating .rating li {
   cursor: pointer;
   float: left;
   overflow: hidden;
   width: 0.6rem;
   height: 0.45rem;
   text-indent: -2.475rem;
   background: url('../images/rating.png') 0 0 no-repeat;
   background-size: 80%;
}
#rating .rating li.active, #rating .rating li.hover {
   background: url('../images/rating.png') 0 -0.45rem no-repeat;
   background-size: 80%;
}
.Digg {
   margin-left: 0.25rem;
}
.Digg .digg_link{
   font-size: 0.375rem;
}
.Digg .digg_link .digg_num{
   font-style: initial;
}


.btns {
   margin-top: 0.375rem;
}
.btns a{
   position: relative;
   display: inline-block;
   min-width: 3rem;
   height: 0.875rem;
   line-height: 0.9rem;
   border-radius: 0.125rem;
   box-sizing: border-box;
   padding: 0 0.5rem;
   text-align: center;
   color: #000;
   font-size: 0.35rem;
   background-color: #fcd16a;
   margin-right: 0.25rem;
}
.btns a.playGo{
   background-color: #F44336;
   color: white;
}
.btns a.favsaGO{
   background-color: #fcd16a;
}
.btns a .iconMy{
   margin-right: 0.125rem;
}


#ratewords{
   color: #b28850;
   font-size: 0.45rem;
}
.bread-crumbs{
   justify-content: left;
   align-items: center;
   display: flex;
}
.bread-crumbs li{
   margin-right: 0.25rem;
   justify-content: left;
   align-items: center;
   display: flex;
}
.juqing{
   justify-content: center;
   align-items: end;
   display: flex;
   flex-direction: row;
   padding: 0.5rem 0.25rem;
   /* border: 1px solid #525263; */
   border-radius: 0.225rem;
   position: relative;
   margin: 0.5rem 0;
   background-color: rgb(106 106 106 / 15%);
}
.juqing .ju-title{
   width: 2.25rem;
   justify-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
}
.juqing .ju-title p{
   color: #fcd16a;
   font-size: 0.5rem;
   font-weight: bold;
   margin-top: 0.25rem;
}
.juqing .ju-blurb{
   max-height: 2.375rem;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   text-indent: 2em;
   width: 90%;
}


.juqing.whole .ju-blurb{
   height: auto;
   -webkit-line-clamp: initial;
   max-height: fit-content;
}
.xiushi{
   position: absolute;
   top: -0.375rem;
   left: 0;
   font-size: 1rem!important;
}
.xiushi:nth-child(2){
   position: absolute;
   top: initial;
   right: 0;
   font-size: 1rem!important;
   left: initial;
   bottom: -0.325rem;
   transform: rotate(180deg);
}

.juqing .more{
   position: absolute;
   bottom: 0rem;
   z-index: 99;
}
.juqing .more a{
   color: #fcd16a;
   padding: 0.125rem 0.25rem;
   border-radius: 0.125rem;
}
.tabContainer{
   display: inline-block;
}
.tabContainer>div{
   display: none;
}
.tabContainer>div.active{
   display: block;
}
.urlsTab{
   padding: 0 0.175rem;
   font-size: 0.35rem;
   line-height: 0.8rem;
   text-align: center;
   vertical-align: top;
   cursor: pointer;
}
.urlsTab.active{
   color: #ff5c38;
}



.playNumList{
   width: 100%;
   display: inline-block;
   margin-top: 0.25rem;
}
.playNumList li{
   min-width: 8.1%;
   float: left;
}
.playNumList li a{
   position: relative;
   display: inline-block;
   min-width: 95%;
   height: 0.9rem;
   margin: 0;
   padding: 0rem 0.25rem;
   overflow: hidden;
   font-size: 0.35rem;
   line-height: 0.9rem;
   white-space: nowrap;
   text-align: center;
   border: none;
   border-radius: 0.05rem;
   color: #ffffff;
   margin-bottom: 0.125rem;
   margin-right: 0.125rem;
   /* letter-spacing: .04em;
   */
   vertical-align: middle;
   background-color: rgb(98 98 98 / 35%);
}
.playNumList li a:hover{
   background-color: #fcd16a;
   color: #09090b;
}




.photos{
 
position: relative;
}
 

.photos_more{
   flex-direction: column;
   height: 3.75rem;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -0.125rem;
   background: rgb(31 31 37);
   background: linear-gradient(to top, rgb(31,31,37), rgba(31,31,37, 1),rgb(31 31 37 / 71%), rgb(31 31 37 / 0%), transparent);
   display: flex;
   justify-content: center;
   align-items: center;
}
.photos_more a{
   color: #fcd16a;
   padding: 0.125rem 0.25rem;
   border-radius: 0.45rem;
   margin-top: 6%;
   font-size: 0.4rem;
}
.gallery{
   max-height: 10.525rem;
   overflow: hidden;
   position: relative;
}
.whole .gallery{
   height:auto;
   padding-bottom: 1.25rem;
   max-height: 100%;
}
.whole .photos_more{
   height: 2.75rem;
}
.gallery .dgallery-main{
   height: 3.125rem;
   width: 21.3%;
   float: left;
   overflow: hidden;
   margin-right: 0.125rem;
   margin-bottom: 0.125rem;
   position: relative;
}
.gallery figure{
   display: none;
}
.gallery .dgallery-main.key{
   width: 34.1999%;
   height: 12.85rem;
}
.gallery .dgallery-main:nth-of-type(n+14){
   height: 3.625rem;
   width: 24.3%;
   margin: 0.125rem 0.075rem;
}
.gallery.noKey .dgallery-main{
   width: 24.1999%;
   height: 4rem;
}

.gallery.noKey .dgallery-main:nth-of-type(n+14){
   
}
.gallery .dgallery-main img{
    width: 100%;
    height: 100%;
}

.detail .pswp{
    z-index: 999999;
}


 /* 评论样式 */
 .mac_comment{
    background: none;
    border: none;
    padding: 0;
}
 button, input, optgroup, select, textarea {
   margin: 0;
   color: inherit;
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;
}
textarea {
   resize: none;
}
[type=button], [type=reset], [type=submit], [type=text], button, label, select, textarea {
   border: none;
   outline: none;
}

.area-opt {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.area-opt-click {
   cursor: pointer;
   display: flex;
   justify-content: left;
   align-items: center;
   flex-direction: row;
}
[class*=" icon-"], [class^=icon-] {
   font-family: hkfont;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.area-opt-emoji {
   font-size: 0.5rem;
   color: #b3b3b3;
   vertical-align: middle;
}
.area-opt-emojitext {
   color: #999;
   margin-left: 0.1rem;
   display: inline-block;
   vertical-align: middle;
}

.area .font-nums {
   margin-right: 0.25rem;
   color: #999;
}
.area-button {
   padding: 0.05rem 0.35rem;
   color: #1f1f25;
   background: #fcd16a;
   font-size: 14px;
}
.area-button[disabled] {
   cursor: not-allowed;
}
.comment_verify{margin-right: 10px;display: flex;justify-content: left;align-items: center;flex-direction: row;}
.comment_verify .cmt_text{
    height: 0.7rem;
    background-color: #6f6f6f;
    color: white;
    padding-left: 0.2rem;
}
.comment_verify .mac_verify_img{
    height: 33px;
    margin-left: 10px;
    width: 110px;
}

.comment_verify .cmt_text::placeholder{
   opacity: 1;
color: #fff;
}
.comment_verify .cmt_text::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: #fff; opacity: 1;
}
.comment_verify .cmt_text::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff; opacity: 1;
}
.comment_verify .cmt_text::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff; opacity: 1;
}
.comment_verify .cmt_text::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff; opacity: 1;
}
.comment_face_box{
   background-color: white;
   padding: 0.05rem 0.175rem;
   border-radius: 0.125rem;
   position: absolute;
   top: -0.95rem;
}
.comment_face_box img{
   width: 0.625rem;
}


.second-time {
   color: #666;
   margin-left: 0.25rem;
   font-size: 0.35rem;
}

.author-link {
   background-color: #eee;
   background-image: url('../images/user_avatar.png');
   border-radius: 50%;
   position: relative;
   width: 1rem;
   height: 1rem;
   margin-right: 0.39rem;
}

.author-link,.vip {
   display: block;
   background-repeat: no-repeat;
   background-size: contain;
}
.area {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}
.area-top {
   border-radius: 0.15rem;
   overflow: hidden;
   padding: 0 0.2rem 0.2rem;
   background-color: rgb(0 0 0 / 16%);
   border: 1px solid rgb(255 255 255 / 0%);
}
.comment-list .comment_form{
   margin-top: 0.4rem;
   margin-left: 4%;
}

.mac_pop_msg .pop-msg{
    color: black;
}

.area-input {
   display: block;
   min-height: 2rem;
   max-height: 2rem;
   overflow: auto;
   padding: 0.2rem 0;
   width: 100%;
   background-color: transparent;
   font-size: 0.35rem;
}
.comment {
   margin-top: 0.5rem;
   /* width: 1000px; */
   overflow: hidden;
   margin: auto;
}


.comment-title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   font-size: 0.75rem;
   margin-bottom: 0.6rem;
}
.comment-title-num {
   font-size: 0.4rem;
   color: #666 
}


.comment-first {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.comment-useravatar {
   position: absolute;
   left: 0;
   top: 0.375rem 
}
.comment-list.second {
   border-radius: 0.2rem;
   background: #0e0e0e;
   padding: 0 0.4rem;
}
.comment-item {
   padding-top: 0.5rem;
   margin-top: 0.5rem 
}


.comment-item-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.comment-item-text {
   margin-top: 0.25rem;
   word-break: break-all;
   word-break: break-word;
   white-space: pre-wrap;
   font-family: inherit;
   overflow: unset;
   font-size: 0.4rem;
   color: #959595;
}

.comment-item-text img {
   margin: 0!important
}

.comment-item-title {
   color: #666;
   line-height: 1;
   margin: 0;
   font-weight: 500;
   box-sizing: border-box;
   font-size: initial;
}

.comment-item-details {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.comment-interaction,.comment-item:hover .first-icon .i-delete {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.comment-interaction {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0.25rem 0 0 1.225rem;
   color: #666 
}
.comment-second {
   margin-left: 1.225rem;
   border-radius: 0.125rem 
}

.comment-author {
   color: #000;
   font-size: 0.45rem;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center 
}
.comment-author a{
   text-decoration:none;
}
.comment-author-icon {
   display: inline-block;
   margin-left: 0.1rem;
   width: 0.75rem;
   height: 0.4rem;
   background: url('../images/zz_icon.png') no-repeat;
   background-size: 100% 100% 
}


.commentList-footer {
   padding: 0.35rem 0;
   color: #999;
   font-size: 0.35rem;
   text-align: center;
   font-weight: 500;
}

.iconmessage {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 0.3rem;
   margin-right: 0.375rem;
   cursor: pointer;
   min-width: 1.5rem 
}
.comment_emoji{
   padding: 0.2rem 0rem;
}
.comment-item-text .emoji_icon{
   font-style: initial;
   font-size: 0.75rem;
}

.area-top  .emoji_icon{
   font-style: initial;
   font-size: 0.75rem;
   padding: 0 0;
   margin: 0.1rem;
   display: block;
   float: left;
}

.ads{
    overflow: hidden;
}
.ads a{}
.ads a img{width: 100%;}

.guess-list{}
.guess-list li{
    margin-bottom: 12px;
    float: left;
    width: 33.333333%;
}
.guess-list li .pic-link{
   margin-right: 0.125rem;
   height: 3.975rem;
   position: relative;
   display: block;
}

.guess-list li:nth-child(3n) .pic-link{

margin-right: 0;
}
.guess-list li a img{
    width: 100%;
    height: 100%;
}
 
.hits-list{}
.hits-list ul{}
.hits-list ul li{
    margin: 16px 0;
}
.hits-list ul li a.link_item{}


.hits-list ul li:nth-child(1) .link_item .num{
    background-color: #FF5722;
} 
.hits-list ul li:nth-child(2) .link_item .num{
    background-color: #FF9800;
} 
.hits-list ul li:nth-child(3) .link_item .num{
    background-color: #FFC107;
} 
.hits-list ul li:nth-child(4) .link_item .num{
    background-color: #FFEB3B;
} 
.hits-list .link_item{
    display: flex;
    justify-content: left;
    align-items: center;
}
.hits-list .link_item .num{
   width: 0.625rem;
   height: 0.625rem;
   justify-content: center;
   align-items: center;
   display: flex;
   background-color: #303038;
   margin-right: 0.25rem;
   border-radius: 0.1rem;
   display: flex;
   color: white;
}
.hits-list .link_item .tit{
   font-size: 0.375rem;
   font-weight: bold;
   width: 90%;
}

.play{
    background-color: #121215;
}
.play .video-header .header-inner{
    width: 85%;
}
.play .common-action{
    width: 85%;
}
.tips-box {
   transform: translateZ(0);
   -webkit-transform: translateZ(0);
   position: absolute;
   top: 0;
   left: 0.39rem;
   padding: 0 0.3rem;
   z-index: 1;
   width: calc(100% - 0.4rem);
   background: rgba(0, 0, 0, .38);
   backdrop-filter: saturate(0%) blur(0.25rem);
   -webkit-backdrop-filter: saturate(100%) blur(0.25rem);
}
.close-btn {
   position: absolute;
   right: 0.125rem;
   top: 0.125rem;
   text-align: center;
   width: 0.75rem;
   cursor: pointer;
   z-index: 2;
}
.close-btn i {
   transform: scale(.68);
   font-size: 0.25rem;
   color: rgba(255, 255, 255, .5);
   font-weight: 900;
   line-height: 0.75rem;
}
.tips-list {
   width: 100%;
   height: 1rem;
   overflow: hidden;
}
.tips-list li {
   max-width: 90%;
   height: 1rem;
   line-height: 1rem;
   font-size: 0.3rem;
   color: #e3e6eb;
}
.tips-list span {
   margin-right: 0.2rem;
}
.tips-list span {
   padding: 0 0.125rem;
   line-height: 0.5rem;
   font-size: 0.3rem;
   border-radius: 0.125rem;
   display: inline-block !important;
}
.btn-main, .popup-btn {
   background: #ff2a14;
   color: #fff;
}
.tips-box.up {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
   top: 0;
}
.btn-yellow {
   background: #ff9800;
   color: #fff;
}
.play .player-box{
   margin-top: 1.75rem;
   position: relative;
   z-index: 1;
   margin-bottom: 0.625rem;
}
.play .player{
   display: block;
   height: 17.35rem;
   overflow: hidden;
   padding-right: 0;
}

.play .video-header-index{
    background: none;
}
.play .video-header-fix{
    height: 1.5rem;
    position: fixed;
    background: rgba(0,0,0,.7);
    z-index: 99999;
}

.play .player_right{
   position: absolute!important;
   top: 0;
   right: 0;
   z-index: 0;
   padding-right: 0.25rem;
   padding-left: 0.3rem;
}
.play .playNumPage{
   padding-right: 0.25rem;
}


.play .playNumPage a:hover,.play .playNumPage a.active{
   color: #fcd16a;
}
.play .player_right .vi_paly_lis{
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}
.play .player_right .vi_paly_lis h3{
   font-weight: bold;
   font-size: 0.45rem;
   color: #fcd16a;
   margin-bottom: initial;
}

.play .playNumList li{min-width: 24.966667%;}
.play .player_right .playNumList li a{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: 0.125rem;
   background: #2f2f2f;
}

.play .player_right .playNumList li a.alpha,.play .player_right .playNumList li a:hover{
    background-color: #fcd16a;
    color: #09090b;
}
.play .tabContainer{
   margin: 0.375rem 0;
   width: 100%;
}

.play .vi-leve-list{}
.play .vi-leve-list ul{}
.play .vi-leve-list ul li{margin: 0.15rem 0.1rem;}
.play .vi-leve-list ul li a{
    display: flex;
    justify-content: left;
    align-items: center;
}
.play .vi-leve-list .pic{
   width: 41%;
   height: 2.25rem;
   overflow: hidden;
   position: relative;
}
.play .vi-leve-list .pic span{
   position: absolute;
   left: 0.125rem;
   color: #000000;
   bottom: 0.225rem;
   background-color: #fcd16a;
   padding: 0.05rem 0.125rem;
   font-size: 0.3rem;
}
.play .vi-leve-list .pic img{
   width: 100%;
}
.play .vi-leve-list .tit{
   padding-left: 0.25rem;
   width: 60%;
   overflow: hidden;
   text-overflow: ellipsis;
}
.play .highlights{
   height: 17.75rem;
   overflow-x: hidden;
   overflow-y: scroll;
}
.play .highlights::-webkit-scrollbar {
  /* width: 0;
   */
}


.play .video-inner .video-base {
   overflow: hidden;
   height: 1.25rem;
   line-height: 0.95rem;
   padding-top: 0.4rem;
   margin-bottom: 0.275rem;
   flex: 0 0 76%;
   max-width: 76%;
}
.play .video-inner .video-base .video-title {
   float: left;
   height: 0.95rem;
   line-height: 0.95rem;
   font-size: 0.6rem;
   color: #fff;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 12rem;
}
.play .video-inner .video-base .vip {
   float: left;
   width: 0.775rem;
   height: 0.425rem;
   background-image: url('../images/vip_icon.png');
   background-size: 100% auto;
   margin-left: 0.125rem;
   margin-top: 0.25rem;
}
.play .video-info-wrap .con-info {
   position: relative;
   float: left;
   width: 2rem;
   height: 0.625rem;
   border-radius: 0.1rem;
   background-color: #323232;
   text-align: center;
   font-size: 0;
   margin-right: 0.2rem;
   line-height: 0.625rem;
   margin-bottom: 0.125rem;
}
.play .video-info-wrap .con-info .icon-arrow-up {
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 3.0.125rem 0.1rem;
   border-color: transparent transparent #969696;
   display: inline-block;
   vertical-align: middle;
}
.play .video-info-wrap .con-info span {
   display: inline-block;
   font-size: 0.3rem;
   color: #969696;
   vertical-align: middle;
   margin-right: 0.125rem;
}
.play .video-info-wrap .video-tags {
   float: left;
}
.play .video-info-wrap .video-tags a {
   height: 0.625rem;
   padding: 0 0.2rem;
   background-color: #323232;
   color: #969696;
   border-radius: 0.1rem;
   font-size: 0.3rem;
   float: left;
   margin-right: 0.175rem;
   line-height: 0.625rem;
}
.play .nextprev{
   position: absolute!important;
   top: 0.425rem;
   right: 0.35rem;
   z-index: 9;
}
.play .nextprev a{
   height: 0.625rem;
   padding: 0.125rem 0.375rem;
   background-color: #323232;
   color: #969696;
   border-radius: 0.1rem;
   font-size: 0.35rem;
   margin-right: 0.05rem;
}
.ads_right{
   position: absolute!important;
   top: 0.375rem;
   right: 0;
}
.play .vod_info{
   display: flex;
   background-color: #09080a7a;
   margin: 0;
   height: 0;
   overflow: hidden;
}
.play .vod_info .vi_pic{
   float: left;
   display: block;
   padding-right: 0.5rem;
   width: 4rem;
}

.play .vod_info .vi_pic img{
    width: 100%;
}
.play .vod_info ul{
   float: left;
   display: block;
   width: calc(100% - 4rem);
}

.play .vod_info li{
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: 0.125rem;
   float: left;
}
.play .vod_info li.vod_blurb{
   white-space: revert;
}
.play .vod_info .vi_vod-name{
   font-size: 0.5rem;
}
.play .vod_info .vi_vod-name h2,.play .vod_info .vi_vod-name a{
   font-weight: bold;
   color: white;
   font-size: 0.5rem;
}

.play .vod_info  .vi-text{
    font-style: inherit;
}
.play .vod_info.open{
   padding: 0.5rem;
   margin: 0.25rem 0;
   height: auto;
   margin-left: 0.375rem;
}

.play .relevant{background-color: #1f1f25;padding-top: 0.5rem;margin-bottom: -0.25rem;}


/* 明星 */
.mod-slider{
   padding-top: 2.375rem;
   overflow: hidden;
   position: relative;
   height: 12rem;
}

.mod-slider .pic a {
   display: block;
}
.mod-slider .pic a img{width: 100%;background-color: rgba(255,255,255,.8);height: 8rem;}
.mod-slider .pic .pic-text {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1.25rem;
   line-height: 1.25rem;
   text-align: center;
   font-size: 0.35rem;
   color: #fff;
   background: #000;
   background: rgba(0,0,0,0.6);
   height: 1.25rem;
}


.actor-detail{
}
 .mod_star_head {
     position: relative;
     width: 100%;
     height: 10rem;
     background: url(../images/mingxing_bg.png) #13110f center center no-repeat;
     margin-bottom: 0.5rem;
}
 .mod_inner{
     top: 3.5rem;
     justify-content: left;
     align-items: center;
     display: flex;
     flex-direction: row;
}
 .mod_inner .star_pic{
     width: 14%;
}
 .mod_inner .star_pic img {
     background-color: rgba(255,255,255,.8);
     border-radius: 100%;
     width: 5rem;
     height: 5rem;
}
 

.star_info{
    padding-left: 15px;
    width: 60%;
}
.star_info .star_name{
   font-size: 1.125rem;
   color: white;
   position: relative;
}
.star_info .actor_hits{
   font-size: 0.5rem;
   color: #fcd16a;
}
.star_info .actor_hits i{
   font-size: 0.5rem;
   color: #fcd16a;
}
.star_info .star_alias{
   font-size: 0.875rem;
   color: #BDBDBD;
   min-width: 5rem;
}
.star_info .mac_ulog{
   position: relative;
   display: inline-block;
   height: 0.75rem;
   line-height: 0.75rem;
   border-radius: 0.75rem;
   box-sizing: border-box;
   padding: 0 0.5rem;
   text-align: center;
   background-color: #fcd16a;
   color: #000;
   font-size: 0.35rem;
}
.star_right {
   padding-left: 0.375rem;
   width: 50rem;
}
.star_digg{
   margin-bottom: 0.25rem;
}
.star_digg .digg_link{
   border: 1px #fcd16a solid;
   display: inline-block;
   width: 3rem;
   height: 0.9rem;
   line-height: 0.85rem;
   border-radius: 0.45rem;
   font-size: 0.4rem;
   color: #fcd16a;
   box-sizing: border-box;
   cursor: pointer;
   text-align: center;
   margin-right: 0.375rem;
}
.star_digg .digg_link:hover{
   background: #ff00a0;
   background: -webkit-linear-gradient(left,#fcd16a 0,#fcd16a 100%);
   background: linear-gradient(to right,#fcd16a 0,#fcd16a 100%);
   color: #000;
}
.star_digg .digg_link .digg_num{
   font-style: initial;
   padding-left: 0.125rem;
}
.mod_page_tab{
}
#starNumTab{
   font-size: 0.5rem;
   color: #666;
   line-height: 1.45rem;
   border-bottom: 0.025rem solid #424242;
   z-index: 2;
}
#starNumTab a{
   display: inline-block;
   margin-right: 1.075rem;
   cursor: pointer;
   color: #BDBDBD;
}
#starNumTab a.active, #starNumTab a:hover {
   position: relative;
   color: #f90032;
   background: -webkit-linear-gradient(left,#ecc463 0,#e7c061 100%);
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
}
#starNumTab a.active:after {
   content: '';
   position: absolute;
   bottom: -0.05rem;
   left: 0;
   right: 0;
   height: 0.075rem;
   border-radius: 0.05rem;
   background: #ff00fc;
   background: -webkit-linear-gradient(left,#ff00fc 0,#f90032 100%);
   background: linear-gradient(to right,#eec664 0,#eac263 100%);
}
#tabContainer{
   margin-top: 0.75rem;
   width: 100%;
}
.video-detail #tabContainer{
   margin-top: 0rem;
}
#tabContainer>div{
   display: none;
}
#tabContainer>div.active{
   display:block 
}
.actor_content{
   margin-top: 0.5rem;
}
.page-table {
   text-align: center;
   font-size: 0;
}
.page-table .last-page.disabled, .page-table .next-page.disabled {
   cursor: default!important;
}
.page-table .last-page,.page-table .next-page {
   position: relative;
   display: inline-block;
   width: 0.75rem;
   height: 0.75rem;
   background-color: #f2f2f2;
   text-align: center;
   line-height: 0.75rem;
   border-radius: 0.075rem;
   margin-right: 0.25rem;
   vertical-align: middle;
}
.page-table .page-list {
   display: inline-block;
}
.page-table .page-item {
   position: relative;
   display: inline-block;
   width: 0.75rem;
   height: 0.75rem;
   background-color: #f2f2f2;
   text-align: center;
   line-height: 0.75rem;
   border-radius: 0.075rem;
   margin-right: 0.25rem;
   font-size: 0.3rem;
   vertical-align: middle;
}
.page-table .page-item.cur,.page-table .page-item:hover {
   background-color: #fcd16a;
}
.page-table .page-item a {
   color: #1f1f1f;
   text-decoration: none;
   display: block;
}
.go-page {
   display: inline-block;
   margin-left: 0.625rem;
   font-size: 0;
}
.go-page span {
   display: inline-block;
   font-size: 0.3rem;
   color: #fff;
   vertical-align: middle;
}
.go-page input {
   display: inline-block;
   width: 1.1rem;
   height: 0.75rem;
   line-height: 0.75rem;
   border: 1px solid #ccc;
   font-size: 0.35rem;
   color: #1f1f1f;
   text-align: center;
   vertical-align: middle;
   border-radius: 0.075rem;
   margin: 0 0.125rem;
}
.go-page span {
   display: inline-block;
   font-size: 0.3rem;
   color: #fff;
   vertical-align: middle;
}
.go-page .page_btn{
   display: inline-block;
   width: 1.1rem;
   height: 0.75rem;
   line-height: 0.75rem;
   border: 1px solid #fcd16a;
   font-size: 0.35rem;
   color: #000000;
   text-align: center;
   vertical-align: middle;
   border-radius: 0.075rem;
   margin: 0 0.125rem;
   background-color: #fcd16a;
}
.blank-area {
   width: 100%;
   text-align: center;
   padding: 2.5rem 0;
}
.blank-area img {
   margin-bottom: 0.5rem;
   width: 4.5rem;
}

.blank-area div {
   color: #fff;
   font-size: 0.45rem;
   margin-bottom: 0.35rem;
}
.blank-area p {
   font-size: 0.35rem;
   color: #9c9c9c;
}  
.slider-next-prev{
   position: absolute;
   top: 4rem;
   margin-top: -1.35rem;
   height: 2.7rem;
   line-height: 2.7rem;
   text-align: center;
   font-size: 0.36rem;
   color: #fff;
   background: #000;
   background: rgba(0,0,0,0.3);
   cursor: pointer;
   z-index: 10;
   zoom: 1;
   outline:none;
   border-radius: 0.175rem;
   width: 2rem;
}

.slider-prev{
   left: -7%;
}
.slider-next{
   right: -7%;
}
.banner_bg{
   position: absolute;
   top: -10%;
   left: -10%;
   z-index: -1;
   display: block;
   width: 120%;
   height: 120%;
   background-size: cover;
   background-repeat: no-repeat;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   background-position-y: 50%;
   filter: blur(100px) saturate(180%);
   -webkit-filter: blur(100px) saturate(180%);
   -ms-transform: translateZ(0);
   transition: .5s 0s all ease-out;
   -webkit-transition: .5s 0s all ease-out;
}
.pagination{justify-content: center;align-items: center;display: flex;flex-direction: row;margin-top: 20px;}
.pagination .swiper-pagination{
 
}
.pagination .swiper-pagination-bullet {
   margin: 0 4px;
}
.pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background: #fcd16a;
}

.actor-index .hot{
    position: relative;
    top: 0;
}
.hits_week{
   background-color: #141419;
   margin-bottom: 0.875rem;
}
.hot .list {
   position: relative;
   margin-top: auto;
   padding-top: 0.4rem;
   padding-left: 2.675rem;
}
.hot .flag {
   position: absolute;
   top: 0;
   left: 0;
   width: 1.6rem;
   height: 2.55rem;
   padding-top: 0.25rem;
   text-align: center;
   font-size: 0.45rem;
   color: #f9f9f9;
   background: url('../images/icon.png') no-repeat;
   _background: url('../images/icon.gif') no-repeat;
   background-position: -2.15rem 0;
   background-size: 235% 100%;
}

.hot .list li {
   float: left;
   margin-right: 1rem;
   height: 2.875rem;
   width: 2rem;
   text-align: center;
   _width: 2rem;
}
.hot .list .avatar {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background: #757575;
   overflow: hidden;
}
.hot .list .avatar img {
   width: 100%;
}
.hot .list .name {
   display: block;
   margin-top: 0.25rem;
   text-align: center;
   font-size: 0.4rem;
   color: #666;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.rank_list{
}
.rank_list .list_item{
   position: relative;
   height: 3.5rem;
   justify-content: left;
   align-items: center;
   display: flex;
   flex-direction: row;
}

.rank_list .list_item:nth-child(1) .rank{
   color: #ff00a0;
}
.rank_list .list_item:nth-child(2) .rank{
   color: #a387c8;
}
.rank_list .list_item:nth-child(3) .rank{
   color: #c97560;
}


.rank_list .list_item .star .pic .icon_crown {
   z-index: 2;
   position: absolute;
   top: -0.38rem;
   left: -0.15rem;
   width: 2.725rem;
   height: 2.85rem;
   background-image: url('../images/sprite_crown.svg');
   background-position: 249.975rem 249.975rem;
   background-repeat: no-repeat;
   background-size: 94%;
}
.rank_list .list_item:nth-child(1) .star .pic .icon_crown{
   background-position: 0 0;
}
.rank_list .list_item:nth-child(2) .star .pic .icon_crown{
   background-position: 0 -2.85rem;
}
.rank_list .list_item:nth-child(3) .star .pic .icon_crown{
   background-position: 0rem -5.675rem;
}
.rank_list .list_item:nth-child(1) .star .pic{
   border: 5px solid #f92dda;
}
.rank_list .list_item:nth-child(2) .star .pic{
   border: 5px solid #a387c8;
}
.rank_list .list_item:nth-child(3) .star .pic{
   border: 5px solid #c97560;
}
.rank_list .rank{
   display: inline-block;
   width: 1.15rem;
   color: #aaa;
   font-size: 1rem;
   text-align: left;
   vertical-align: top;
}
.rank_list .star{
   display: inline-block;
   width: 2.5rem;
   height: 2.5rem;
   margin-right: 0.5rem;
   vertical-align: top;
}
.rank_list .list_item .star .pic {
   display: inline-block;
   position: relative;
   width: 100%;
   height: 100%;
   vertical-align: top;
   border: 5px solid #525252;
   border-radius: 100%;
}
.rank_list .list_item .star .pic img {
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 100%;
   background: #b7bec5;
}
.rank_list .name{
}
.rank_list .list_item .grade .tit, .rank_list .list_item .name .tit {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   word-wrap: break-word;
   display: block;
   display: -webkit-box;
   overflow: hidden;
   font-size: 0.45rem;
   line-height: 1rem;
   white-space: normal;
   word-break: break-all;
   color: #ffffff;
}
.rank_list .list_item .name .tit:hover{
   color: #E91E63;
}
.rank_list .list_item .item_right{
   justify-content: space-between;
   align-items: center;
   display: flex;
   flex-direction: row;
   width: 64%;
   border-bottom: 0.025rem solid #4e4e4e;
   padding-bottom: 0.375rem;
}
.mouse{
   position: relative;
}
.mouse img{
   width: 100%;
   top: 0;
   position: relative;
   left: 0;
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: -webkit-transform 0.3s;
   -moz-transition: -moz-transform 0.3s;
   -o-transition: -o-transform 0.3s;
   transition: transform 0.3s;
}
.mouse:hover img{
   -webkit-filter: blur(0.05rem);
   filter: blur(0.05rem);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}
.mouse .ovrly {
   background: rgba(0, 0, 0, 0.5);
   height: 100%;
   left: 0;
   top: 0;
   position: absolute;
   width: 100%;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
.mouse:hover .ovrly {
   opacity: 1;
}
.mouse .buttons{
   position: absolute;
   top: 52%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.mouse .buttons i{
   background: rgb(0 0 0 / 40%);
   -webkit-box-shadow: 0 0 0.025rem rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 0.025rem rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 0.025rem rgba(0, 0, 0, 0.3);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: rgb(255 255 255 / 90%);
   display: inline-block;
   margin: 0 0.025rem;
   line-height: 1rem;
   font-size: 0.525rem;
   text-align: center;
   text-decoration: none;
   width: 1rem;
   height: 1rem;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   opacity: 0;
}

.mouse:hover .buttons i {
   opacity: 1;
}
.top_banner .banner_main {
   height: 6.1rem;
   background: #fa6147;
}
.top_banner .container_inner {
   position: relative;
   height: 100%;
}
.top_banner .banner_title {
   z-index: 2;
   position: absolute;
   top: 2.1rem;
   left: 50%;
   width: 10.1rem;
   height: 2.7rem;
   margin-left: -4.9rem;
   overflow: hidden;
   background-image: -webkit-image-set(url('../images/rank_title@2x.png') 2x);
   line-height: 9999;
}
.top_banner .banner_img {
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 80%;
   height: 7.1rem;
   margin-left: -17.9rem;
   background-position: 0 100%;
   background-repeat: no-repeat;
   background-size: 100%;
}
.top_head{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0.475rem 0;
   border-bottom: 0.025rem solid #ffffff54;
   padding: 0rem 0;
}

.top_head .th-item{
   font-size: 0.5rem;
   color: #fff;
   padding: 0px 0.6rem;
   position: relative;
   padding-bottom: 0.3rem;
}
.top_head .th-item:hover,.top_head .th-item.cur{
 color: #fcdd86;
}
.top_head .th-item:hover:after,.top_head .th-item.cur:after {
   display: block;
   position: absolute;
   right: 0;
   bottom: -0.06rem;
   left: 0;
   width: 0.8rem;
   height: 0.1rem;
   margin: auto;
   background: #fcdd86;
   content: "";
}
.top_list{}
.top_list li{
   display: flex;
   margin: 0.5rem 0;
   justify-content: space-between;
  /* 水平居中 */
   align-items: center;
   border-bottom: 0.025rem solid #ffffff54;
   padding-bottom: 0.425rem;
}

.top_list li .item-pic{
    width: 3rem;
    position: relative;
}
 
.top_list li .vod_pic{
   width: 3rem;
   height: 4.15rem;
   background-color: #9E9E9E;
   border-radius: 0.125rem;
   position: relative;
   display: block;
   overflow: hidden;
   padding-top: 92%;
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}
.top_list li .item-num{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9;
   padding: 0 0.25rem;
   background-color: #fcd16a;
   color: black;
}

.top_list li .item_left{
    display: flex;
    min-width: 30%;
}
.item-title a{
    font-size: 0.43rem;
    color: white;
    font-weight: bold;
}
.top_list li .item_div{
   min-width: 10%;
   padding: 0 0.25rem;
}
.item-content{
   justify-content: center;
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   padding: 0 0.25rem;
   width: 100%;
}
.item-content .tag{
   display: inline-block;
   margin-left: 0.2rem;
   font-size: 0.3rem;
   padding: 0.05rem;
   line-height: 0.3rem;
   color: #fff;
   text-align: center;
   position: relative;
   vertical-align: middle;
   border-radius: 0.05rem;
   background-color: #E91E63;
}

.top_list li .vod_blurb{
    min-width: 23%;
}
.top_list .top_hits{justify-content: center;align-items: center;display: flex;flex-direction: column;padding-left: 10px;}
.top_list .hits{
    font-size: 0.73rem;
    color: #fcd16a;
}

.top_list .item-content p{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.top_list .vod_score{
    color: #FF5722;
    font-size: 0.43rem;
}
.top_list p{

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;
}
.time_list li{
   /* margin: 0.25rem 0;
    */
    padding: 0.25rem;
    border: 1px solid #2a2a31;
}
.time_list .te_pic{
    flex: 0 0 5.333333%;
    max-width: 5.333333%;
    margin-right: -0.375rem;
}
.time_list .te_pic img{
    width: 100%;
    height: 1.75rem;
    background-color: #9E9E9E;
}

.time_list .tlink{}
.time_list .tlink>div{
    justify-content: left;
    align-items: center;
    display: flex;
    flex-direction: row;
}
.time_list .v-t{
    color: #FF5722;
}
.time_list .v-t b{font-size: 0.45rem;color: white;margin-right: 0.3rem;}

.time_list li:nth-child(odd), .time_list li:hover{
   background-color: #2a2a31;
}
.kanNum{
    height: 100%;
    width: 100%;
    background-color: black;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
    flex-direction: column;
}
.kanNum .title{
   font-size: 0.75rem;
   color: #fcd16a;
}
.kanNum .tit{
   color: aliceblue;
   font-size: 0.4rem;
   margin: 0.375rem 0rem;
}
.kanNum p a{
   font-size: 0.35rem;
   line-height: 1.5;
   padding: .175rem .275rem;
   margin-right: 0.15rem;
   border-radius: .15rem;
}
.view-dialog.Dialogkan{
    width: 24%;
    top: 30%;
}



/* 弹出层设计 */
.view-overlay{
   position: fixed;
   top: -125rem;
   right: -125rem;
   bottom: -125rem;
   left: -125rem;
   z-index: 2000;
   background: rgba(0,0,0,.4);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   visibility: hidden;
   opacity: 0;
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-transition-property: opacity,visibility;
   transition-property: opacity,visibility;
   will-change: opacity;
}
.view-overlay-show {
   visibility: visible;
   opacity: 1;
}
.view-dialog{
   position: fixed;
   right: 0;
   left: 0;
   z-index: 6000;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 92%;
   min-width: 4.5rem;
   max-width: 18.2rem;
   max-height: 90%;
   margin: auto;
   overflow: hidden;
   color: #000;
   background-color: #fff;
   border-radius: 0.05rem;
   -webkit-transform: scale(.95);
   transform: scale(.95);
   opacity: 0;
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-transition-property: opacity,visibility,-webkit-transform;
   transition-property: opacity,visibility,-webkit-transform;
   transition-property: transform,opacity,visibility;
   transition-property: transform,opacity,visibility,-webkit-transform;
   will-change: top,opacity,transform;
   -webkit-box-shadow: 0 0.275rem 0.375rem -0.175rem rgba(0,0,0,.2), 0 0.6rem 0.95rem 0.075rem rgba(0,0,0,.14), 0 0.225rem 1.15rem 0.2rem rgba(0,0,0,.12);
   box-shadow: 0 0.275rem 0.375rem -0.175rem rgba(0,0,0,.2), 0 0.6rem 0.95rem 0.075rem rgba(0,0,0,.14), 0 0.225rem 1.15rem 0.2rem rgba(0,0,0,.12);
   z-index: 99999999;
}


.dialog-open {
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 1;
   display: block;
   top: 12%;
}

.view-dialog .title{
   padding: 0.6rem 0.6rem 0.5rem 0.6rem;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-weight: 500;
   font-size: 0.5rem;
   line-height: 0.6rem;
   text-align: left;
}

.view-dialog .content{
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0.6rem;
   overflow-y: auto;
   color: rgba(0,0,0,.7);
   font-size: 0.375rem;
   line-height: 1.5;
   -webkit-overflow-scrolling: touch;
}

.view-dialog .dialog-actions{
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0.2rem;
   text-align: right;
}

.view-dialog .layer-btn{
   position: relative;
   display: inline-block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   min-width: 2.2rem;
   height: 0.9rem;
   margin: 0;
   padding: 0 0.4rem;
   overflow: hidden;
   color: inherit;
   font-weight: 500;
   font-size: 0.35rem;
   line-height: 0.9rem;
   letter-spacing: .04em;
   white-space: nowrap;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   vertical-align: middle;
   background: 0 0;
   border: none;
   border-radius: 0.05rem;
   outline: 0;
   cursor: pointer;
   -webkit-transition: all .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
   transition: all .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
   transition: all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1);
   transition: all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   will-change: box-shadow;
   zoom: 1;
   -webkit-user-drag: none;
}

.jiexi_page{
   margin-top: 2.25rem;
}

.jiexi_form{
    flex-wrap: nowrap !important;
}
#jx-select{
    background-color: #5a5a5c;
    background-clip: padding-box;
    border: 1px solid #5a5a5c;
    color: #fcd16a;
}
#jx-select option{
    color: #fcd16a;
}
#jiexi_url{
   margin: 0px 7px;
   width: 84%;
   background-color: #5a5a5c;
   background-clip: padding-box;
   border: 1px solid #5a5a5c;color:  #fcd16a;
}
 

#jiexi_url::placeholder{
   opacity: 1;
color:  #fcd16a;
}
#jiexi_url::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:  #fcd16a; opacity: 1;
}
#jiexi_url::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:  #fcd16a; opacity: 1;
}
#jiexi_url::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:  #fcd16a; opacity: 1;
}
#jiexi_url::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:  #fcd16a; opacity: 1;
}


.jiexi_page #jiexi_go{
   margin: 0;
   width: 7%;
   background-color: #fcd16a;
   border-color: #ffc107;
}
.jiexi_player{
   height: 15.4rem;
   width: 100%;
   background-color: black;
   margin-top: 0.5rem;
}

.jx-text{
   border-color: #212127;
   background: #212127;
   color: #fcd16a;
   padding: 0.225rem 0.5rem;
   text-align: center;
}
.jx-logo{}
.jx-logo a{
    /* background-color: aliceblue; */
}
.jx-logo a img{background-color: aliceblue;width: 100%;height: 2rem;padding: 7px 9px;}
.jx_right{
}
.jx_right .highlights{
   background-color: #212127;
   padding-top: 0.25rem;
   padding-left: 0.25rem;
   padding-right: 0.25rem;
}

.jiexi_page.play .player{
   height: 17.775rem;
}

.ad-wrap{
   margin: 0.25rem auto 0.25rem;
   position: relative;
   width: 36rem;
   text-align: center;
}

#roll_top{
    position: fixed;
    z-index: 9999;
    right: 3%;
    bottom: 7%;
    opacity: 0;
}
#roll_top i{
    font-size: 1rem;
    color: #fcd16a;
}
.TopRoll #roll_top{
   opacity: 1;
}
.foot-logo{
   width: 5rem;
   margin-bottom: 0.25rem;
}