html{font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:transparent;} 
html,body{font-family:'Microsoft Yahei',PingFangSC-Regular,"PingFang TC","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,Helvetica,Arial,sans-serif,"Microsoft Jhenghei","Heiti TC";/* min-width:320px; */background-color:rgb(17,19,25);color: #e0e0e0;overflow-x: hidden;} 
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,figure,menu,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select,th,td,div{margin:0;padding:0;outline:0;font-size: 0.17rem;} 
h1,h2,h3,h4,h5,h6{font-weight:normal;} 
h2{font-size:14px;} 
h3{font-size:14px;} 
h1,h4,h5,h6{font-size:100%;} 
address,cite,dfn,em,i,var{font-style:normal;} 
strong{font-weight:normal;} 
ul,ol{list-style:none;} 
button,input,select,textarea{font-family:inherit;font-size:100%;} 
button:focus,input:focus,select:focus,textarea:focus{outline:none;} 
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;} 
textarea{overflow:hidden;vertical-align:top;} 
input,textarea{-webkit-appearance:none;} 
input::-ms-clear,textarea::-ms-clear{display:none;} 
input::-ms-reveal,textarea::-ms-reveal{display:none;} 
input[type="search"]{-webkit-appearance:none;} 
input[type="search"]::-ms-clear{display:none;} 
input[type="search"]::-ms-reveal{display:none;} 
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none;} 
img{border:none;vertical-align:top;} a{-webkit-text-decoration:none;text-decoration:none;} 
a:link,a:visited,a:hover,a:active{-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;}
a:hover {
   text-decoration: none;
   color: #00c234;
}
.clearfix:before, .clearfix:after {
   clear: both;
   display: table;
   content: " ";
}
.my20{
    margin: 20px 0;
}
.dt-svg-library{
   display: none;
}
.dt-ad{}
.dt-ad img{width: 100%;}
.pull-right {float:right}
.text-muted{ color: #999999;}
.text-size{ font-size: 0.14rem;}
.txtHide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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;
}
.ddetail{
    position: relative;
    display: flex;
    justify-content: flex-start; /* 水平居中 */
    align-items: flex-start;     /* 垂直居中 */
    margin-top: 1rem;
}

.ddetail .detail-pic{

    width: 3rem;
}

.ddetail .detail-pic img{
    width: 100%;
}
/* 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; }

@media screen and (max-width:480px){
    html{font-size:75px;}
} 
@media screen and (min-width:481px) and (max-width:768px){
   html{font-size:87.5px;}
} 
@media screen and (min-width:769px) and (max-width:1024px){
   html{font-size:87.5px;}
} 
@media screen and (min-width:1025px) and (max-width:1280px){
   html{font-size:100px;}
} 
@media screen and (min-width:1281px) and (max-width:1680px){
   html{font-size:100px;}
} 
@media screen and (min-width:1681px){
   html{font-size:100px;}
}

#app .row-block {
   margin: 0px auto;
   /* position: relative; */
   width: 90%;
}
.modal-Wrapper{
   display: none
}
:root {
   --primary-color: rgb(0, 194, 52);
   --primarydark-color: rgb(0, 194, 52);
   --black-color: #221f1f;
   --dark-color: #161616;
   --secondary-color: #cecfd1;
   --grey-color: #f5f5f1;
   --white-color: #ffffff;
   --body-fonts: 'Roboto', sans-serif;
   --title-fonts: 'Jost', sans-serif;
}

.HeaderWrapper{
   width: 100%;
   height: 70px;
   position: fixed;
   z-index: 100;
   top: 0px;
   vertical-align: middle;
   transition: background-color 0.5s linear 0s;
   background-image: linear-gradient(0deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.75) 100%);
}
.header-container {
   width: 100%;
   height: 70px;
   position: fixed;
   z-index: 100;
   top: 0px;
   vertical-align: middle;
   transition: background-color 0.5s linear 0s;
   background-image: linear-gradient(0deg, rgba(51, 51, 51, 0) 0%, rgb(17 19 25 / 69%) 100%);
}

.play-page .header-container{
    background-color: rgb(26, 28, 34);
}
.header-inner {
   height: 100%;
   margin: 0px auto;
   position: relative;
   vertical-align: top;
   box-sizing: border-box;
   padding: 0px 30px;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
}

.menu-button {
   padding: 14px 0px;
   vertical-align: top;
   cursor: pointer;
   display: none;
}
.logo-wrap {
   font-size: 0px;
   position: relative;
   height: 70px;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
}
.top-logo {
   width: 150px;
   height: 40px;
   padding: 15px 0px;
   display: inline-block;
}
.top-logo img{
   width: 100%
}
.NavWrapper{
   position: relative;
    height: 100%;
}
.trigger{
   display: flex;
   position: relative;
   float: left;
   overflow: hidden;
   height: 100%;
   margin-right: 40px;
}
.channel {
   position: relative;
   font-size: 0.16rem;
   margin: 0px 0px 0px 40px;
   display: inline-block;
   line-height: 0.7rem;
}
.chanel-link.selected {
   color: var(--primary-color);
}
.chanel-link {
   color: rgb(255, 255, 255);
   opacity: 0.7;
   display: inline-block;
   cursor: pointer;
   font-size: 16px;
   line-height: 24px;
}
.chanel-link:hover {
   opacity: 1;
}
.channel a.selected {
   color: rgb(255, 255, 255);
   opacity: 1;
}
.header-inner .right-header {
   position: absolute;
   right: 20px;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
}

.SearchBoxWrapper{
   width: 264px;  
   cursor: pointer;
}
.search-box {
   position: relative;
   display: flex;
   width: 100%;
   height: 36px;
   border-radius: 4px;
   box-sizing: border-box;
   z-index: 1;
}
.search-box .search_input{
   width: 264px;
   height: 36px;
   padding: 0px 70px 0px 15px;
   box-sizing: border-box;
   border-radius: 4px;
   display: block;
   background: rgba(255, 255, 255, 0.15);
   border: 1px solid rgba(255, 255, 255, 0.15);
   color: rgb(255, 255, 255);
   font-size: 14px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.search-box .submit{
    position: absolute;
    right: 11px;
    top: 5px;
    width: 24px;
    height: 24px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #f0f8ff00;
    border: none;
    z-index: 100;
}
.search-box .search-btn{
    position: absolute;
    right: 11px;
    top: 5px;
    width: 24px;
    height: 24px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.search-list-container {
   position: absolute;
   left: 0px;
   top: 40px;
   width: 100%;
   border: 1px solid rgba(255, 255, 255, 0.5);
   border-radius: 4px;
   overflow: hidden;
   background: rgb(26, 28, 34);
}
.search-list-container.hidden{
   display: none;
}
.history-title, .hotSearch-title {
   position: relative;
   width: 100%;
   height: 32px;
   line-height: 32px;
   font-size: 12px;
   color: rgb(153, 153, 153);
   padding: 0px 12px;
   box-sizing: border-box;
}
.history-title .trash-btn,  .hotSearch-title .trash-btn {
   position: absolute;
   right: 12px;
   top: 6px;
   width: 16px;
   height: 16px;
   background-image: url(../images/history_cash.png);
   background-size: 16px 16px;
   background-repeat: no-repeat;
   opacity: 0.5;
}

.library-tag-container {
   display: flex;
   flex-wrap: wrap;
   height: 30px;
   overflow: hidden;
   padding: 6px 12px 0px;
}
.search-box .library-tag-container {
   height: 84px;
}
.library-tag-container .tag-item {
   height: 30px;
   margin-right: 12px;
   margin-bottom: 12px;
   padding: 0px 12px;
   font-size: 14px;
   line-height: 30px;
   background: rgb(35, 37, 43);
   border-radius: 4px;
}
.library-tag-container .tag-item:first-child {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
}
.library-tag-container .tag-item > svg {
   margin-right: 8px;
}

.library-tag-container .tag-item a {
   display: block;
   max-width: 160px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: rgb(204, 204, 204);
}
.list-item.hotSearch-item {
   display: flex;
}
.list-item {
   position: relative;
   height: 40px;
   line-height: 40px;
   padding: 0px 28px 0px 12px;
   font-size: 14px;
   color: rgb(204, 204, 204);
   transition: all 0.2s ease 0s;
}
.list-item.hotSearch-item i {
   height: 40px;
   line-height: 40px;
}
.list-item.hotSearch-item:nth-of-type(1) > i {
   color: rgb(240, 17, 17);
}
.list-item.hotSearch-item:nth-of-type(2) > i {
   color: rgb(255, 132, 34);
}
.list-item.hotSearch-item:nth-of-type(3) > i {
   color: rgb(255, 174, 0);
}
.list-item p {
   color: rgb(204, 204, 204);
   margin-left: 8px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   width: 85%;
   height: 40px;
   line-height: 40px;
}
.list-item {
   position: relative;
   height: 40px;
   line-height: 40px;
   padding: 0px 28px 0px 12px;
   font-size: 14px;
   color: rgb(204, 204, 204);
   transition: all 0.2s ease 0s;
}
.list-item.normal {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.list-item:hover, .list-item.select {
   background: rgba(255, 255, 255, 0.05);
}
.list-item .delete-icon:hover {
   opacity: 1;
}
.list-item:hover .delete-icon, .list-item.select .delete-icon {
   display: block;
}
.list-item .delete-icon {
   display: none;
   position: absolute;
   right: 12px;
   top: 12px;
   width: 16px;
   height: 16px;
   background-image: url(../images/history_delete.png);
   background-size: 16px 16px;
   opacity: 0.5;
}
.library-tag-container .tag-item:hover a {
   color: rgb(255, 255, 255);
}

.searchBarWrapper{
   width: 100%;
   background: rgb(26, 28, 34);
   margin-top: 60px;
   margin-bottom: 50px;
   text-align: center;
   margin-top: 70px;
}
.searchBarWrapper .has-result{
   padding: 30px 0px 16px;
   color: rgb(236, 236, 236);
   font-size: 20px;
}
.searchBarWrapper .has-result span{
    
font-weight: bold;
}
.searchBarWrappe .has-result span {
   color: rgb(255, 255, 255);
   font-weight: bold;
}
.searchBarWrapper .search-feedback{
   font-size: 16px;
   line-height: 19px;
   font-weight: 400;
   padding-bottom: 30px;
}
.searchBarWrapper .search-feedback-desc{
   color: rgb(130, 131, 135);
}
.searchBarWrapper .search-feedback-enter{
   color: rgb(28, 199, 73);
}

.grid-card-container{} 
.grid-card-container .type_name{
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 20px;
    opacity: 0.6;
    font-weight: 500;
    margin-bottom: 10px;
}
.grid-card-container .vo_detail{
    position: relative;
    display: flex;
    margin-bottom: 70px;
}
.grid-card-container .vo_pic{
    position: relative;
    width: 212px;
    height: 282px;
    border-radius: 4px;
    background: 50% center / cover no-repeat;
    overflow: hidden;
}
.grid-card-container .vo_pic img{
    width: 100%;
}
.grid-card-container .vo_info{
    position: relative;
    margin-top: 4px;
    margin-left: 20px;
    color: rgb(255, 255, 255);
    flex: 1 1 0%;
}
.grid-card-container .vo_info h5{
    font-size: 24px;
    min-height: 33px;
    max-height: 66px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.grid-card-container .vo_info h5 a:hover{
   color: #0bbe06;
}
.grid-card-container .vo_info .group{
    position: relative;
    font-size: 14px;
    color: rgb(255, 255, 255);
    min-height: 19px;
    line-height: 19px;
    max-width: 745px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.grid-card-container .vo_info .label{
    margin-right: 3px;
    font-weight: bold;
    color: rgb(153, 153, 153);
}
.grid-card-container .vo_info .val{
    color: rgb(230, 230, 230);
}
.grid-card-container .more-list{
    position: relative;
}
.grid-card-container .more-list .series-block{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    /* max-width: 745px; */
    margin-top: 16px;
}
.grid-card-container .more-list .drama-item{
    border-radius: 4px;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    line-height: 44px;
    color: rgb(255, 255, 255);
    width: 75px;
    height: 44px;
    background: rgb(24, 26, 31);
    margin-right: 10px;
    opacity: 0.8;
    margin-bottom: 10px;
}
.grid-card-container .more-list .drama-item a{}



.grid-card-container .vo_info .more{
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 22px;
    color: rgb(0, 204, 54);
    text-align: right;
    cursor: pointer;
    position: absolute;
    right: 0;
}
.grid-card-container .vo_info .more a{
    color: rgb(0, 204, 54);
}







.qrcode-wrap {
   margin-left: 16px;
   width: 36px;
   height: 65px;
   -webkit-box-align: center;
   align-items: center;
   -webkit-box-pack: center;
   justify-content: center;
   position: relative;
   display: flex;
}
.qrcode-wrap i {
   display: flex;
   box-sizing: border-box;
   -webkit-box-align: center;
   align-items: center;
   -webkit-box-pack: center;
   justify-content: center;
   outline: none;
   background: rgba(0, 0, 0, 0.2);
   width: 36px;
   height: 36px;
   border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: 50%;
}
.user-side-wrap .user-info-list {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
}
.user-side-wrap .user-info-list .login-button{
   box-sizing: border-box;
   width: 30px;
   height: 30px;
   border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: 50%;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   -webkit-box-pack: center;
   justify-content: center;
}
.user-side-wrap .user-info-list .login-button img{
    border-radius: 100%;
    width: 100%;
    height: 100%;
}
.vip-tag {
   width: 101px;
   margin-left: 16px;
}  
.user-level-tag {
   display: block;
   width: 88px;
   height: 36px;
   border-radius: 4px;
}
/* 轮播 */
.index-banner{
   position: relative;
   height: 8rem;
   overflow: hidden;
}
.index-banner .slide-link{
   /* height: 664px; */
   position: relative;
   display: block;
   margin: 0 auto;
   background: #282832;
   background-position: center;
   background-size: cover;
   overflow: hidden;
}
.index-banner .slide-link img{
    width: 100%;
    height: 8rem;
}
.index-banner .bottom_shade{
    position: absolute;
    left: 0;
    height: 200px;
    width: 100%;
    bottom: 0;
    z-index: 10;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,26,0)),to(#16161a));
    background: -webkit-linear-gradient(top,rgba(22,22,26,0),#111319 100%);
    background: linear-gradient(180deg,rgba(22,22,26,0),#111319 100%);
    pointer-events: none;
}
.slide-info{
    position: absolute;
    z-index: 999;
    font-size: 0.4rem;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 2rem;
    background: linear-gradient(to right, rgb(17 19 25) 0%,rgb(34 31 31 / 0%) 100%);
}
.slide-info .slide-text{
    color: white;
    width: 9rem;
    /* background-color: rgb(0 0 0 / 50%); */
    padding: 0.2rem;
    border-radius: 0.1rem;
    position: relative;
    padding-left: 0;
}
.slide-info .gen-tag-line{
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px 0;
    border-left: 4px solid #0bbe06;
    padding: 0 0 0 15px;
}
.slide-info h5{
    font-size: 0.62rem;
    line-height: 0.7rem;
    text-transform: uppercase;
    margin: 0.2rem 0;
}
.slide-info .item-labels{
    font-weight: 600;
}
.slide-info .item-labels .item-year{}
.slide-info .item-labels .item-area{}
.slide-info .item-labels .item-score{
    display: inline-flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
}
.slide-info .item-labels .item-score .douban{
    background-color: #0bbe06;
    font-size: 0.13rem;
    border-radius: 0.07rem;
    width: 0.23rem;
    height: 0.23rem;
    display: inline-flex;
    text-align: center;
    justify-content: center; /* 水平居中 */
    align-items: center;
    margin-right: 0.05rem;
}
.slide-info .item-desc{
    font-size: 0.18rem;
    line-height: 0.3rem;
    margin-top: 0.1rem;
}
.slide-info .gen-meta-info{
    margin-top: 0.17rem;
}

.slide-info .gen-meta-after-excerpt{
    margin: 0 0 0.2rem;
    padding: 0;
}
.slide-info  .gen-meta-after-excerpt li{
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
    color: white;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.slide-info  .gen-meta-after-excerpt li  strong {  
   color: #0bbe06;
   font-weight: 600;
}

.gen-movie-action a.play-go{
    text-transform: uppercase;
    position: relative;
    width: auto;
    font-weight: 400;
    background: #0bbe06;
    color: white;
    font-size: 0.18rem;
    line-height: 2;
    vertical-align: middle;
    border: none;
    display: inline-block;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 0.12rem 0.3rem;
}
.gen-movie-action .play-button{ 
   margin-right: 10px;
}
.gen-movie-action .play-button svg{
   
width: 3.51562vw;
   
height: 3.51562vw;
   
align-items: flex-start;
   
max-width: 68px;
   
max-height: 68px;
}
.thumb-player{
   pointer-events: none;
   cursor: default;
}
.slide-info .row-info{
    display: flex;
    justify-content: space-between; /* 水平居中 */
}
.slide-info .slide-player{
    width: 7rem;
    overflow: hidden;
    height: 4rem;
    margin-top: 0.9rem;
}
.slide-player .yu-player{
   position: absolute;
   z-index: 99;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: black;
}



.slide-info .gen-front-image{position: relative;height: 100%;}
.slide-info .gen-front-image img{
    width: 100%;
}
.slide-info  .gen-front-image a{
    margin: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
}
.slide-info .gen-front-image a svg {
   height: 90px;
   width: auto;
}
.playBut .triangle {
   -webkit-transition: all 0.7s ease-in-out;
   stroke-dasharray: 240;
   stroke-dashoffset: 480;
   stroke: #ffffff;
   transform: translateY(0);
}

.circle {
   stroke: #ffffff;
   stroke-dasharray: 650;
   stroke-dashoffset: 650;
   -webkit-transition: all 0.5s ease-in-out;
   opacity: 0.3;
}
.gen-front-image a span {
   color: #ffffff;
   margin: 15px 0 0 0;
   padding: 0;
   font-size: 24px;
   line-height: normal;
   display: flex;
}


/* 轮播动画效果 */

.swiper-slide-active .slide-info .gen-tag-line{
   -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
}
.swiper-slide-active .slide-info  h5{
   -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
   animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
}

.swiper-slide-active .slide-info .item-desc,.swiper-slide-active .slide-info .item-labels{
   -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}

.swiper-slide-active .slide-info .gen-meta-info{
   -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.8s both;
   animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.8s both;
}
.swiper-slide-active .slide-info .gen-movie-action{
   -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.9s both;
   animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.9s both;
}

.swiper-slide-active .slide-info .slide-player{
   -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}


@-webkit-keyframes fade-in-right {
   0% {
       -webkit-transform: translateX(50px);
       transform: translateX(50px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}

@keyframes fade-in-right {
   0% {
       -webkit-transform: translateX(50px);
       transform: translateX(50px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}
@-webkit-keyframes fade-in-left {
   0% {
       -webkit-transform: translateX(-50px);
       transform: translateX(-50px);
       opacity: 0;
   }

   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}

@keyframes fade-in-left {
   0% {
       -webkit-transform: translateX(-50px);
       transform: translateX(-50px);
       opacity: 0;
   }

   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}

.row-title{margin: 0.3rem 0;display: flex;justify-content: flex-start; /* 水平居中 */align-items: flex-end;}
.row-title h2{
   font-size: 0.28rem;
   line-height: 0.32rem;
   color: rgb(255, 255, 255);
   font-weight: 600;
}
.row-title .hasTurnBtn{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
}
.row-title .hasTurnBtn .slash{
    font-size: 0.12rem;
    color: #616161;
}
.row-title .hasTurnBtn .crumb-li{padding: 0rem 0.1rem;font-size: 0.15rem;}
.row-title .hasTurnBtn .crumb-li .txt-link{transition: color .1s ease-in-out;    color: hsla(0,0%,100%,.92);}
.row-title .hasTurnBtn .crumb-li .txt-link:hover{color: #00cc4c;}
.row-block .row-list{}
.row-block .video-item{
    margin-right: 16px;
    width: calc((90% + 50px) / 8);
}
.row-block .slider-move{
   /* margin-right: 16px; */
   width: calc((90% + 50px) / 8);
   padding-left: 10px;
   margin-bottom: 20px;
}
.row-block .video-item .pic-box a, .row-block .slider-move a.cover-area{
    border-radius: 5px;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 145%;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #23252b;
}
 
 
.slider-move .time-wrapper{
    position: relative;
    margin-top: 6px;
    margin-bottom: 14px;
}
.slider-move .time-wrapper .timeline-line{
    width: 200%;
    height: 2px;
    background: rgb(45, 47, 52);
}
.slider-move .time-wrapper .timeline-point{
    position: absolute;
    width: 10px;
    height: 10px;
    top: -6px;
    left: 50%;
    margin-left: -14px;
    background: rgb(130, 131, 135);
    border: 2px solid rgb(17, 19, 25);
    border-radius: 50%;
}
.slider-move .time-wrapper .unit-time-wrapper{
    height: 42px;
    margin-left: -14px;
    margin-top: 12px;
    text-align: center;
}
.slider-move .time-wrapper .unit-date{
    font-size: 14px;
    color: rgb(188, 189, 190);
}
.slider-move .time-wrapper .unit-day{
    font-size: 14px;
    color: rgb(130, 131, 135);
}








.row-block .video-item .thumb-box{
   
position: absolute;
   
left: 0px;
   
top: 0px;
   
width: 100%;
   
z-index: 100;
   
transition: all 0.3s ease 0s;
   
border-radius: 4px;
   
transform: translate3d(0px, 0px, 0px);
   
height: 78%;
   
overflow: hidden;
}
.row-block .video-item  .dt-remarks,.row-block .slider-move .dt-remarks{

position: absolute;

right: 0px;

top: 0px;

width: 44px;

height: 24px;

background-color: #f2bf83;

color: #111319;

font-size: 0.16rem;

text-align: center;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

height: auto;
}
.row-block .video-item .dt-wrapper{
    box-sizing: border-box;
    position: absolute;
    padding: 0px 0px 0px 16px;
    display: flex;
    bottom: 20px;
    width: 100%;
    z-index: 100;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-end;
}
.row-block .video-item .dt-Section{
    flex: 1;
}
.row-block .video-item .dt-hover-title{
    color: #e0e0e0;
}
.row-block .video-item .dt-BUttonWrapper{
    display: flex;
    justify-content: space-around; /* 水平居中 */
    align-items: center;
    width: 25%;
    padding-right: 0.08rem;
}

.row-block .video-item .dt-BUttonWrapper span{}
.row-block .video-item .dt-BUttonWrapper img{
    width: 0.4rem;
    height: 0.4rem;
}
.row-block .video-item.cur .pic-box{
    
position: relative;
    
z-index: 0;
}
.row-block .video-item  .thumb-box a{
   width: 100%;
   height: 100%;
   display: block;
   border-radius: 5px;
   background-repeat: no-repeat;
   background-size: 100%;
}
.row-block .video-item .text-box,.row-block .slider-move .text-box{
    position: relative;
    line-height: 0.2rem;
    padding: 0.1rem 0px 0px;
    font-size: 0.16rem;
    transition: color 0.3s ease 0s;
    height: 68px;
}
.row-block .yuyue-wrap{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.row-block .yuyue-wrap .sub{
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #999;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.row-block .yuyue-wrap .mac_ulog{
    display: inline-block;
    box-sizing: border-box;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background-color: #16e07a;
    background-image: linear-gradient(
90deg,#16e05a,#16e09d);
    background-repeat: repeat-x;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.row-block .video-item:hover{
   color: rgb(11, 190, 6);
}
.horizontal {
   transition: all 0.3s ease 0s;
}
 
.update-info-layer{
    background-image: linear-gradient(
0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
    border-radius: 0px 0px 4px 4px;
    height: 48px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 300;
}

.update-info-mask{
    font-size: 14px;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-weight: 500;
    position: absolute;
    left: 8px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dt-layer{
   width: 100%;
    height: 84px;
    background-image: linear-gradient(
-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 80%);
    position: absolute;
    bottom: 0px;
}

.dt-block{
    position: relative;
    display: block;
}
.dt-block .arrow{
   position: absolute;
   user-select: none;
   cursor: pointer;
   bottom: calc(50% - 0.14rem);
   margin-top: -0.27rem;
   height: 0.54rem;
   width: 0.54rem;
   border-radius: 50%;
   background-color: transparent;
   box-sizing: border-box;
   padding: 0.16rem;
   z-index: 10;
}

.dt-block.move .arrow{
    margin-top: -0.27rem;
    top: calc(50% - -0.1rem);
}

.dt-block .arrow.arrow-left{
    left: -0.5rem;
}
.dt-block .arrow.arrow-right{
    right: -0.4rem;
}

.dt-block .arrow svg{
    width: 28px;
    height: 28px;
}
.dt-block .arrow-left svg {
   transform: rotate(180deg);
}

.topic-page{
    margin-top: 70px;
}
.page-title{
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: rgb(255, 255, 255);
    font-weight: 600;
}
.topic-item{
    margin-right: 16px;
    width: calc((110% + 67px) / 6);
}
.topic-list .topic-item{
    
float: left;
    
margin-bottom: 20px;
}
 .topic-item .cover-area{
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 50%;
    background-position: 50% 50%;
    background-size: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
 .topic-item .topic_tags{
    position: absolute;
    top: 10px;
    left: 10px;
}
 .topic-item .alpha{}
 .topic-item .text-box{
    box-sizing: border-box;
    height: 88px;
    padding: 0px 12px 0px 0px;
    background: rgb(33, 35, 43);
    border-radius: 0px 0px 4px 4px;
    display: flex;
    -webkit-box-align: center;
    flex-direction: column;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    position: relative;
}

.dateil-topic{
   position: relative;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   margin-top: 4rem;
   flex-direction: column;
}
.topic-head{
    /* display: flex; */
    justify-content: center; /* 水平居中 */
    align-items: center;
    width: 100%;
}
.topic-head h1 {
   font-size: 0.6rem;
   font-weight: 700;
   color: white;
}
.topic-info{
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
}
.topic_text{}


.SoonPopWrapper{
    position: absolute;
    width: 320px;
    visibility:hidden;
    z-index: 10;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 10px 0px;
    overflow: hidden;
    opacity: 0;
}
.actor_swiper_row{
    padding-top: 1rem;
}
.actor_swiper{}
.actor_swiper .swiper-slide{}
.actor_swiper .slide-head{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    margin-bottom: 0.3rem;
}
.actor_swiper .slide-head .head_left{
    width: 100px;
}
.actor_swiper .slide-head .head_left img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: aliceblue;
}
.actor_swiper .slide-head .head_info{
    flex: 1;
    margin-left: 0.1rem;
}
.actor_swiper .slide-head .head_info h5{
    font-size: 0.5rem;
    display: flex;
    line-height: 34px;
    margin-bottom: 0.1rem;
}
.actor_swiper .slide-head .head_info h5 a.actor_detail_btn{
    font-size: 0.17rem;
    background-color: #00c234;
    padding: 3px 23px;
    border-radius: 30px;
    display: inline-block;
    margin-left: 0.3rem;
}
.actor_swiper .slide-head .head_info .info-row{}
.actor_swiper .slide-head .head_info .info-row span{}
.actor_swiper .actor_video{
    /* display: flex; */
    width: 100%;
}
.actor_swiper .video-item{
    float: left;
    width: calc((69% + 58px) / 8);
}
 








.SoonPopWrapper.hover{
   opacity:1;
   visibility:visible;
   /* animation: 0.25s ease 0s 1 normal none running sacleImg; */
   will-change:transform;
   will-change:opacity;
   animation:sacleImg 0.25s ease both;
}

.SoonPopWrapper .bgk-bottom{
    position: absolute;
    bottom: 0px;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    height: 68px;
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(rgba(26, 28, 34, 0) 1%, rgb(26, 28, 34) 100%);
}
.SoonPopWrapper .bgk-bottom .play-button{}
.SoonPopWrapper .bgk-bottom .play-button svg{
    margin-right: 10px;
    width: 40px;
    height: 40px;
}

@keyframes sacleImg {
   0% {
      transform:translateZ(0.5rem) scale(.93);
      opacity:0
   }
   50% {
      opacity:1
   }
   to {
      transform:translateZ(0.5rem) scale(1);
      opacity:1
   }
}


.SoonPopWrapper.hover{
   opacity: 1;
}
.SoonPopWrapper .pop-wrapper{
   display: flex;
    flex-wrap: wrap;
    font-size: 0px;
    border-radius: 4px;
    overflow: hidden;
}
.pop-wrapper .poster-unit-wrapper{

width: 100%;

background: rgb(26, 28, 34);

position: relative;
}
.pop-wrapper .poster-unit-wrapper .poster-img {
    padding-top: 57%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}


.pop-wrapper .episode-info-wrapper{
    width: 100%;
    padding: 3px 12px;
    background: rgb(26, 28, 34);
    box-sizing: border-box;
    min-height: 190px;
}
.pop-wrapper .episode-detail-wrapper {
   display: flex;
   flex-flow: row wrap;
   -webkit-box-pack: end;
   place-content: flex-start flex-end;
   width: 100%;
   margin-top: 14px;
}
.pop-wrapper .detail-tag {
   width: 100%;
   margin-bottom: 6px;
   font-size: 14px;
   color: rgb(255, 255, 255);
   line-height: 20px;
   font-weight: 400;
   white-space: normal;
}
.pop-wrapper .director-tag {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.pop-wrapper .cast-tag {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}
 
.pop-wrapper  .description-tag {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   line-height: 20px;
   overflow: hidden;
}
.pop-wrapper  .episode-title {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   width: 100%;
   font-size: 20px;
   color: rgb(255, 255, 255);
   line-height: 24px;
   white-space: break-spaces;
}

.pop-wrapper  .episode-tag-list {
   display: flex;
   flex-wrap: wrap;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   margin-top: 12px;
   height: 24px;
   overflow: hidden;
}
.pop-wrapper .episode-tag-item {
   padding: 2px 4px;
   margin-right: 8px;
   margin-bottom: 6px;
   font-size: 13px;
   color: rgb(236, 236, 236);
   font-weight: 500;
   background: rgb(55, 56, 61);
   border-radius: 2px;
}

@media screen and (min-width: 1680px){
   .chanel-link .tab-bar {
      width: 100%;
      height: 3px;
      background: rgb(0, 194, 52);
      display: none;
   }
   .chanel-link .tab-bar.selected {
      display: block;
   }
   .chanel-link .tab-bar {
      margin-top: 19px;
   }

}
.align-self-center {
   -ms-flex-item-align: center!important;
   align-self: center!important;
}
.row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.col-md-12{
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
}
@media (min-width: 768px) {
   .col-md-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}
@media (min-width: 1200px) {
   .col-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }
  .col-md-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}

/* 详情页 */

.dt-detail-bg{
    height: 7rem;
    background-size: cover !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
    cursor: default;
}
.dt-detail-bg iframe{
   height: 700px;
}
.dt-detail-bg .dt-detail-player{}
.dt-detail-bg .bg-bottom{
    width: 100%;
    height: 3rem;
    background-image: linear-gradient( 
-180deg, rgba(0, 0, 0, 0) 0%, rgb(17 19 25) 80%);
    position: absolute;
    bottom: 0px;
}
.detail{
    position: relative;
    display: flex;
    justify-content: flex-start; /* 水平居中 */
    align-items: flex-start;     /* 垂直居中 */
    margin-top: 3rem;
}

.detail .detail-pic{

width: 3rem;
}

.detail .detail-pic img{
    width: 100%;
}
.row-info-text{flex: 1;padding-left: .2rem;max-width: 82%;}
.play-page .row-info-text{
    padding: 0;
    margin-top: 10px;
}
.row-info-text h1{
    font-size: 0.6rem;
    font-weight: 700;
    color: white;
}
.play-page .row-info-text h1{
    font-size: 0.4rem;
    font-weight: 700;
    color: white;
}
.play-page .row-info-text h1 .vod_sub{
    
font-size: 0.3rem;
}
.row-info-text h1 .vod_sub{
    font-size: 0.4rem;
    font-weight: 700;
    color: white;
}
.row-info-text .intl-play-time{
    padding-top: 16px;
    font-size: 14px;
    color: rgb(230, 230, 230);
    letter-spacing: 0px;
    line-height: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    }    
.row-info-text .icon_mark{
    display: inline-block;
    font-size: 12px;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    line-height: 14px;
    border-radius: 2px;
    text-align: center;
    padding: 3px 4px;
    background: rgb(11 190 6);
    color: rgb(255 255 255);
    margin-right: 0px;
}
.row-info-text .broken-line{
    width: 1px;
    height: 10px;
    border: none;
    background: rgb(226 226 226);
    color: rgb(230, 230, 230);
    margin: 0px 8px;
    display: inline-block;
}
.row-info-text .play-score{
    display: flex;
    color: white;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    height: 44px;
}
.row-info-text .intl-play-tag {
    margin-top: 0.1rem;
}
.row-info-text .intl-play-tag .tag-inline{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
}
.row-info-text .intl-play-tag .tag-inline .tag-line{
    margin-right: 0.1rem;
}

.row-info-text .intl-play-tag label,.intl-play-des label{
    color: rgb(149, 149, 149);
    margin-right: 0.1rem;
}
.row-info-text .play_menu_container{
    position: relative;
    display: flex;
    margin: 14px 0px 36px;
    height: 40px;
    color: rgb(255, 255, 255);
}
 
.row-info-text .play_menu_container .btn {
   margin-right: 12px;
   border-radius: 4px;
   padding: 0px 16px;
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   align-items: center;
   background: rgb(35, 37, 43);
   text-align: center;
   position: relative;
}
.play_menu_bottom_line{
   height: 1px;
   background: rgb(55, 56, 61);
   margin-right: 60px;
   margin-top: 2px;
   margin-bottom: 18px;
}
.row-info-text .play_menu_bottom_line{
   margin-top: 36px;
   margin-bottom: 18px;
}

.all-score-info{
    cursor: pointer;
    position: relative;
    padding: 14px 0px 10px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}
.all-score-info .score-info-number{
    font-size: 18px;
    font-weight: 700;
    color: rgb(236, 236, 236);
    font-family: "SFProText-Bold;";
    letter-spacing: 0px;
    margin: 0px 4px 0px 0px;
}
.all-score-info .score-info-greenStar{
    display: inline-block;
    box-sizing: border-box;
}
.all-score-info .grade{
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.all-score-info .grade .grade-box{
    position: relative;
    display: flex;
    height: 22px;
    overflow: hidden;
    width: 121px;
}
.all-score-info .grade .grade-box-item{
    position: relative;
    height: 40px;
    padding: 0px 2px;
}
.all-score-info .grade .grade-box-item-active{
}
.all-score-info .grade .grade-box-item svg{
    height: 20px;
    width: 20px;
     /* 水平居中 */
         /* 垂直居中 */
    margin: 0;
    padding: 0;
}
.play-score .score-person-ratio-wrap {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
}
.play-score .score-person-num-wrap {
   padding: 14px 0px 10px;
}
.play-score .play-score-vertical {
   margin: 8px 10px 0px;
   display: inline-block;
   height: 12px;
   width: 1px;
   background: rgb(45, 47, 52);
}
.play-score .score-person-num-wrap .score-info-person-number {
   font-size: 14px;
   color: rgb(130, 131, 135);
}   
.play-score .own-score-info {
   position: relative;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   padding: 14px 0px 10px;
   height: 22px;
   cursor: pointer;
}
.play-score .own-score-info .own-score-info-text {
   font-size: 14px;
   color: rgb(28, 199, 73);
   font-weight: 400;
   padding-top: 5px;
}
.play-score .own-score-info .own-score-info-arrow {
   vertical-align: middle;
   margin-left: 4px;
   margin-top: 2px;
   color: rgb(0, 204, 54);
}
.play-score .own-score-info .own-score-info-arrow svg {
   position: relative;
   top: 2px;
}
#info-arrow-svg rect {
   fill: rgb(0, 204, 54);
   margin-top: 6px;
}
.dt-row{
    display: flex;
}
.dt-row .dt-con-left{flex: 1;width: 71%;}
.dt-row .dt-con-right{
    width: 23.3%;
    padding-left: 3%;
}
.dt-clear{
    margin-top: 0.1rem;
    position: relative;
    z-index: 9999;
    display: block;
}
.dt-clear .bread-crumbs{
    justify-content: left;
    align-items: center;
    display: flex;
}
.dt-clear .bread-crumbs li{
    margin-right: 0.1rem;
    justify-content: left;
    align-items: center;
    display: flex;
    color: #797979;
}
.dt-clear a{
   color: #797979;
}

#playNumTab{
    display: flex;
    position: absolute;
    right: 13px;
}
#playNumTab .Tab {
    padding: 10px 16px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: rgb(35, 37, 43);
    /* margin-right: 0.1rem; */
    font-size: 0.13rem;
}

#playNumTab .Tab:last-child {
   border-bottom-right-radius: 15px;
}

#playNumTab .Tab:first-of-type {
   border-top-left-radius: 15px;
}

#playNumTab .Tab.active{
    background: var(--primarydark-color);
}

#downNumTab{
    display: flex;
    position: absolute;
    right: 13px;
}
#downNumTab .Tab {
    padding: 10px 16px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: rgb(35, 37, 43);
    /* margin-right: 0.1rem; */
    font-size: 0.13rem;
}

#downNumTab .Tab:last-child {
    border-bottom-right-radius: 15px;
}

#downNumTab .Tab:first-of-type {
    border-top-left-radius: 15px;
}

#downNumTab .Tab.active{
    background: var(--primarydark-color);
}

.tabContainer {
   display: inline-block;
   width: 100%;
    margin-bottom: 20px;
}

#tabContainer>div ,.tabContainer>div{
   display: none;
}
#tabContainer>div.active,.tabContainer>div.active {
   display:block;
   animation:hideIndex 0.3s;
   -moz-animation:hideIndex 0.3s;/* Firefox */
 -webkit-animation:hideIndex 0.3s;/* Safari and Chrome */
 -o-animation:hideIndex 0.3s;/* Opera */
}

.tabContainer_down {
    display: inline-block;
    width: 100%;
}

#tabContainer_down>div ,.tabContainer_down>div{
    display: none;
}
#tabContainer_down>div.active,.tabContainer_down>div.active {
    display:block;
    animation:hideIndex 0.3s;
    -moz-animation:hideIndex 0.3s;/* Firefox */
    -webkit-animation:hideIndex 0.3s;/* Safari and Chrome */
    -o-animation:hideIndex 0.3s;/* Opera */
}


.playNumList {
   width: 100%;
   display: inline-block;
}

.playNumList li {
   float: left;
   width: calc((100% + 0.9rem) / 14);
}
.playNumList li a {
   position: relative;
   display: inline-block;
   min-width: 74%;
   height: 0.36rem;
   margin: 0;
   padding: 0rem 0.1rem;
   overflow: hidden;
   font-size: 0.14rem;
   line-height: 0.36rem;
   white-space: nowrap;
   text-align: center;
   border: none;
   border-radius: 0.02rem;
   color: #9e9e9e;
   margin-bottom: 0.05rem;
   margin-right: 0.05rem;
   letter-spacing: .04em;
   vertical-align: middle;
   background: rgb(35, 37, 43);
}

.playNumList li a:hover{
   background-color: var(--primarydark-color);
   color: #ffffff;
}

.downNumList {
    width: 100%;
    display: inline-block;
}

.downNumList li {
    float: left;
    width: 98%;
}
.downNumList li a {
    position: relative;
    display: inline-block;
    min-width: 98%;
    height: 0.36rem;
    margin: 0;
    padding: 0rem 0.1rem;
    overflow: hidden;
    font-size: 0.14rem;
    line-height: 0.36rem;
    white-space: nowrap;
    text-align: left;
    border: none;
    border-radius: 0.02rem;
    color: #9e9e9e;
    margin-bottom: 0.05rem;
    margin-right: 0.05rem;
    letter-spacing: .04em;
    vertical-align: middle;
    background: rgb(35, 37, 43);
}

.downNumList li a:hover{
    background-color: var(--primarydark-color);
    color: #ffffff;
}

.slide-actor{
    padding: 10px 0;
}

.dt-block.actor-block .arrow{
    bottom: calc(50% - 0.4rem);
}
.slide-actor .actor-item{
    width: calc((100% + 00.1rem) / 9);
    margin-right: 37px;
}

.slide-actor .actor-item:hover{
   transition: all 0.3s ease 0s;
    transform: scale(1.05);
    color: var(--primarydark-color)
}
.slide-actor .dt-actor-item{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
    flex-direction: column;
}
.slide-actor .dt-actor-item img{
    width: 100%;
    border-radius: 100%;
    background-color: #7d8490;
}
.slide-actor .dt-actor-item .actor-text{
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.slide-actor .dt-actor-item:hover .actor-text{
   color: var(--primarydark-color);
}
.slide-actor .dt-actor-item .slider-item-name{
    font-weight: 600;
}
 
.slide-actor .dt-actor-item .slider-item-type{
    color: #9e9e9e;
}

.swiper-photos{
    width: 100%;
    overflow: hidden;
}
.swiper-photos .gallery{}
.swiper-photos .gallery .dgallery-main{
    width: auto;
    display: inline-block;
}
.swiper-photos .gallery .dgallery-main img{width: 100%;height: 200px;}
.plot{
   background: #23252b;
   padding: 10px 20px 30px;
   border-radius: 8px;
}
.aMore_left{
    position: absolute;
    right: 0;
}
.plotList{
    flex-direction: column;
    display: flex;
}
.plotList .sTit{
    float: left;
    line-height: 32px;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    padding: 22px 0 0 0;
    width: 100%;
    height: 32px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start; /* 水平居中 */
    align-items: center;
}
.plotList .sTit .aPlay{
    font-size: 14px;
    color: var(--primarydark-color);
    margin-left: 10px;
    font-weight: 600;
}
.plotList .sTit .plot_name{
    font-size: 0.19rem;
    color: #e0e0e0;
}
.plotList .pic{
    width: 210px;
    height: 126px;
    overflow: hidden;
    border-radius: 6px;
}
.plotList .plot_bottom{
    position: relative;
    display: flex;
}
.plotList .pic img{
    width: 100%;
    height: 100%;
}
.plotList .pic .aPlayBtn_s{
    position: absolute;
}
.plotList .txt{
    flex: 1;
    padding-left: 10px;
}
.plotList .txt p{
    line-height: 22px;
    height: 67px;
    overflow: hidden;
    word-break: break-all;
    color: #bdbdbd;
}
.plotList .txt .aDramaMore{
    position: absolute;
    bottom: 1px;
    right: 0;
    line-height: 22px;
    height: 22px;
    width: 100px;
    text-align: right;
    color: var(--primarydark-color);
}
.plot-detail{
    display: flex;
    padding-top: 1.1rem;
}
.plot-detail .plot-pic{
    width: 1rem;
}
.plot-detail .plot-pic img{
    width: 100%;
}
.plot-detail .plot-title{
    flex: 1;
    margin-left: 0.14rem;
}
.plot-title .intl-play-tag {}
.plot-title .intl-play-tag .tag-inline{
    font-size: 16px;
    color: white;
    margin: 4px 0px;
}
.plot-title .intl-play-tag .tag-inline label{
    color: #787777;
}
.plot-title .intl-play-tag .tag-inline .slash{
    margin: 0px 6px;
    color: #9e9e9e;
}
.plot-title .intl-play-tag .tag-inline a{}


.plot-detail .plot-title h1{
    font-size: 0.5rem;
    /* font-weight: 700; */
    color: white;
}
.plot_ul{}
.plot_ul li{
    float: left;
    width: calc((100% + 0.9rem) / 14);
}
.plot_ul li a{
    position: relative;
    display: inline-block;
    min-width: 74%;
    height: 0.36rem;
    margin: 0;
    padding: 0rem 0.1rem;
    overflow: hidden;
    font-size: 0.14rem;
    line-height: 0.36rem;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 0.02rem;
    color: #9e9e9e;
    margin-bottom: 0.05rem;
    margin-right: 0.05rem;
    letter-spacing: .04em;
    vertical-align: middle;
    background: rgb(35, 37, 43);
}

.plot_ul li a:hover,.plot_ul li a.cur{
   
background-color: #00c234;
   
color: white;
}

.plot_detail_content{
    padding: 30px;
    background: #191c22;
}
.plot_detail_content p{
    text-indent: 30px;
    margin-top: 20px;
    letter-spacing: 1px;
    color: #bbbbbb;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: normal;
    word-wrap: break-word;
    text-align: justify;
}
.plotNextPrev{
    display: flex;
    justify-content: space-between; /* 水平居中 */
    align-items: center;
}
.plotNextPrev .aPrev,.plotNextPrev .aNext{
    border-radius: 5px;
    background-color: #111319;
    padding: 12px 10px;
    color: #c9c9c9;
    margin: 0 15px;
}
.plotNextPrev .aPrev:hover,.plotNextPrev .aNext:hover{
   background-color: #00c234;
   color: white;
}
  
 .backTop{
   bottom: 80px;
   right: 40px;
   position: fixed;
   background: rgb(49, 52, 57);
   box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 16px 0px;
   border-radius: 32px;
   z-index: 200;
   opacity: 0;
 }
  .backTopOpen .backTop{
   opacity: 1;
  }
 .backTop .backTopItem{
   right: 40px;
   width: 56px;
   height: 56px;
   background: rgb(49, 52, 57);
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   -webkit-box-pack: center;
   justify-content: center;
   border-radius: 50%;
   z-index: 9999;
 }

 .backTop .backTopItem.book:hover  {
   background-color: rgba(255, 255, 255, 0.05);
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
 }
 .backTop .backTopItem.return:hover  {
   background-color: rgba(255, 255, 255, 0.05);
   border-top-right-radius: 0px;
   border-top-left-radius: 0px;
 }


 .backTop .backTop-wrapper > svg {
   height: 32px;
   width: 32px;
}
.backTop .line {
   opacity: 0.08;
   background: rgb(255, 255, 255);
   border-radius: 1px;
   width: 16px;
   height: 1px;
   margin: 0px auto;
   width: 20px;
}

.link-list{}
.link-list a{}
.slide-tab {
   display: none;
}
.slide-tab.cur {
   display: block;
}
.row-block .movie-list  .video-item{
   width: calc((90% + 60px) / 6);
   margin-right: 12px;
}
.row-block .rank-tab{
    margin-left: 10px;
    position: relative;
    margin-bottom: 8px;
    font-size: 15px;
    position: absolute;
    right: 0;
}
.row-block .rank-tab a{
    color: #9e9e9e;
    position: relative;
    margin-right: 13px;
}
.row-block .rank-tab a.cur{
   
color: white;
}
.row-block .rank-tab a.cur:after{
   content: '';
   position: absolute;
   bottom: -7px;
   left: 0;
   right: 0;
   height: 3px;
   border-radius: 2px;
   background: #0bbe06;
   background: -webkit-linear-gradient(left,#0bbe06 0,#0bbe06 100%);
   background: linear-gradient(to right,#0bbe06 0,#0bbe06 100%);
   }
.reply_box{
   margin-top: 106px;
}


.reply_box .row{}
.reply_box .row .col-sm-8{
    width: 70%;
}
.reply_box .row .col-sm-3{
    width: 28%;
    margin-left: 2%;
}
/* 评论样式 */

.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.2rem;
   color:#b3b3b3;
   vertical-align:middle;
}
.area-opt-emojitext{
   color:#999;
   margin-left:0.04rem;
   display:inline-block;
   vertical-align:middle;
}
.area .font-nums{
   margin-right:0.1rem;
   color:#999;
}
.area-button{
   padding:0.02rem 0.14rem;
   color: #f3fbfe;
   background: #0bbe06;
   font-size:0.14rem;
}
.area-button[disabled]{
   cursor:not-allowed;
}
.comment_verify{
   margin-right:0.1rem;
   display:flex;
   justify-content:left;
   align-items:center;
   flex-direction:row;
}
.comment_verify .cmt_text{
   height: 0.35rem;
   background-color:#6f6f6f;
   color:white;
   padding-left:0.08rem;
   width: 1.3rem;
}
.comment_verify .mac_verify_img{
   height:0.33rem;
   margin-left: 0.05rem;
   width:1.1rem;
}
.comment_verify .cmt_text::placeholder{
   opacity:1;
   color:rgb(83, 83, 83);
}
.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.02rem 0.07rem;
   border-radius:0.05rem;
   position:absolute;
   top:-0.38rem;
}
.comment_face_box img{
   width:0.25rem;
}
.second-time{
   color:#666;
   margin-left:0.1rem;
   font-size:0.14rem;
}
.author-link{
   background-color:#eee;
   background-image:url('../images/user_avatar.png');
   border-radius:50%;
   position:relative;
   width:0.4rem;
   height:0.4rem;
   margin-right:0.15rem;
}
.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:0.01rem solid #303030;
   border-radius:0.06rem;
   overflow:hidden;
   padding:0 0.08rem 0.08rem;
   background-color:#303030;
}
.comment-list .comment_form{
   margin-top:0.16rem;
   margin-left:4%;
}
.mac_pop_msg .pop-msg{
   color:black;
}
.area-input{
   display:block;
   min-height:0.8rem;
   max-height:0.8rem;
   overflow:auto;
   padding:0.08rem 0;
   width:100%;
   background-color:transparent;
   font-size:0.14rem;
}
.comment{
   margin-top:0.2rem;
  /* width:10rem;
   */
   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.3rem;
   margin-bottom:0.24rem;
}
.comment-title-num{
   font-size:0.16rem;
   color:#666 
}
.comment-first{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex 
}
.comment-useravatar{
   position:absolute;
   left:0;
   top:0.15rem 
}
.comment-list.second{
   border-radius:0.08rem;
   background: #1c1f28;
   padding:0 0.16rem;
}
.comment-item{
   padding-top:0.2rem;
   margin-top:0.2rem 
}
.comment-item-info{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex 
}
.comment-item-text{
   margin-top:0.1rem;
   word-break:break-all;
   word-break:break-word;
   white-space:pre-wrap;
   font-family:inherit;
   overflow:unset;
   font-size:0.16rem;
   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.1rem 0 0 0.49rem;
   color:#666 
}
.comment-second{
   margin-left:0.49rem;
   border-radius:0.05rem 
}
.comment-author{
   color:#000;
   font-size:0.18rem;
   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.04rem;
   width:0.3rem;
   height:0.16rem;
   background:url('../images/zz_icon.png') no-repeat;
   background-size:100% 100% 
}
.commentList-footer{
   padding:0.14rem 0;
   color:#999;
   font-size:0.14rem;
   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.12rem;
   margin-right:0.15rem;
   cursor:pointer;
   min-width:0.6rem 
}
.comment_emoji{
   padding:0.08rem 0rem;
}
.comment-item-text .emoji_icon{
   font-style:initial;
   font-size:0.3rem;
}
.area-top .emoji_icon{
   font-style:initial;
   font-size:0.3rem;
   padding:0 0;
   margin:0.04rem;
   display:block;
   float:left;
}
.area-opt-emoji svg{
    width: 0.32rem;
    height: 0.32rem;
}

.rank-tab-list{
    flex-direction: column;
    overflow: hidden;
}
.rank-tab-list .rank-item{
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    box-sizing: border-box;
    /* background-color: #fff; */
    border-bottom: 1px solid rgba(24,25,30,.04);
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
}
.rank-tab-list .rank-item .rank-img-link{
    position: relative;
    display: block;
    border-bottom: 1px solid rgb(255 255 255 / 6%);
}
.rank-tab-list .rank-img-link .default-item{
    display: block;
    overflow: hidden;
    padding: 4px 0;
}
.rank-tab-list .rank-img-link .dt-rank-no{
    display: none;
    position: absolute;
    left: 3px;
    bottom: 11px;
    font-family: Impact;
    font-size: 32px;
    line-height: 1;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-align: center;
    transform: skew(
-10deg);
    background-image: -webkit-linear-gradient(
-90deg,hsla(0,0%,100%,.1) 11%,hsla(0,0%,100%,0));
}

.rank-tab-list .rank-item.dt-rank-1 .dt-rank-num {
   color: #ff473a;
   background-image: -webkit-linear-gradient(#ff5d52,#ff3e30);
}
.rank-tab-list .rank-item.dt-rank-2 .dt-rank-num {
   color: #f73;
   background-image: -webkit-linear-gradient(#ff7e3d,#ff6619);
}
.rank-tab-list .rank-item.dt-rank-3 .dt-rank-num {
   color: #ffa82e;
   background-image: -webkit-linear-gradient(#ffa424,#ff9500);
}
.rank-tab-list .dt-rank-1 .dt-rank-no,.rank-tab-list .dt-rank-2 .dt-rank-no,.rank-tab-list .dt-rank-3 .dt-rank-no{display: block;}


.rank-tab-list .rank-img-link .dt-rank-num{
    float: left;
    position: relative;
    margin-right: 10px;
    width: 40px;
    color: rgba(24,25,30,.2);
    font: 600 40px Impact;
    line-height: 50px;
    text-align: center;
    transform: skew(
-10deg);
    position: relative;
    background-image: -webkit-linear-gradient(#484848,#1d1d1d);
}
.rank-tab-list .rank-item .dt-rank-num {
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
}
.rank-tab-list .rank-img-link .rank-content{
    overflow: hidden;
}
.rank-tab-list .rank-img-link .rank-title{
    display: block;
    line-height: 24px;
    font-size: 17px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: hsla(0,0%,100%,.92);
}
.rank-tab-list .rank-img-link .rank-detail{
    line-height: 18px;
    margin-top: 6px;
    overflow: hidden;
}
.rank-tab-list .rank-img-link .rank-mes{
    float: left;
    max-width: 60%;
    font-size: 13px;
    color: rgba(24,25,30,.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rank-tab-list .rank-img-link .rank-mes.score{
    color: #f77200;
}
.rank-tab-list .rank-img-link .rank-hot{
    display: inline-block;
    height: 18px;
    color: rgba(24,25,30,.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: right;
    max-width: 40%;
}
.rank-tab-list .rank-img-link .rank-hot .svg{}
.rank-tab-list .rank-img-link .rank__hotscore{
    margin-left: 4px;
    font-size: 13px;
    vertical-align: 1px;
    color: #9e9e9e;
}

.rank-tab-list .rank-img-link .hover-item{
   display: none;
   justify-content: center; /* 水平居中 */
   align-items: flex-start;
}
.rank-tab-list .current .hover-item{
   display: inline-flex;
}

.rank-tab-list .current .rank-img-link{
   border-bottom: 1px solid rgb(0 0 0 / 0%);
}

.hover-item .picture{
    width: 150px;
    height: 210px;
    overflow: hidden;
}
.rank-tab-list .rank-img-link .hover-item .picture .dt-rank-num{
   
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;
}
.rank-tab-list .current .default-item{
   display: none;
}



/* 播放页样式 */
.intl-play-area-wrap{
   
margin-top: 1rem;
   
overflow: hidden;
}
.intl-play-area-wrap .intl-play-area {
   display: table;
   width: 100%;
}
.intl-play-area-wrap .intl-play-left {
   position: relative;
   display: table-cell;
}

.intl-play-area-wrap .intl-video-wrap {
   position: relative;
   width: 100%;
}
.intl-play-area-wrap .intl-video-wrap::before {
   content: "";
   display: block;
   padding-top: 50%;
}
.intl-play-area-wrap .intl-video-area {
   font-size: 12px;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
}
.intl-play-area-wrap .MacPlayer{
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 651px;
}
.intl-play-area-wrap .intl-play-h5-center {
   background-image: url(//www.iqiyipic.com/lequ/20210616/blowPlayerAppBg.png);
   background-size: 100%;
   background-repeat: no-repeat;
   border-radius: 4px;
   margin: 16px 15px 0px;
   font-size: 14px;
   color: rgb(17, 19, 25);
   text-align: center;
   padding: 14px 16px;
   display: none;
}

.intl-play-area-wrap .intl-play-right {
   position: relative;
   display: table-cell;
   width: 400px;
   background: rgb(26, 28, 34);
   overflow-x: hidden;
   overflow-y: scroll;
}
.intl-play-area-wrap .intl-play-right::-webkit-scrollbar {
    width: 6px;
    height: 9px;
    background-color: #1a1c22;
}
.intl-play-area-wrap .intl-play-right::-webkit-scrollbar-thumb {
   background-color: #454548;
   background-clip: padding-box;
   min-height: 28px;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
}


.right_row {
   font-size: 14px;
   position: absolute;
   inset: 0px;
   padding: 10px;
}
.right_row .intl-juji-list{
    /* background-color: #454649; */
    /* padding-top: 14px; */
}
.right_row .intl-play-scroll-content {}
.intl-play-main-title {
   margin: 5px 0px;
}
.intl-play-main-title .main-title {
   line-height: 1.25;
   font-size: 20px;
   color: rgb(255, 255, 255);
   text-align: left;
   font-weight: 700;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.intl-play-list-title {
   padding: 6px 0px;
}
.intl-play-list-title .sub-title {
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
}
.intl-episodes-list{
}
.intl-episodes-list .v-li{
    float: left;
    min-width: calc((100% + 40px) / 5);
    margin-bottom: 5px;
    margin-left: 8px;
}
.intl-episodes-list .v-li .drama-item{position: relative;display: inline-block;min-width: 74%;height: 0.36rem;margin: 0;padding: 0rem 0.1rem;overflow: hidden;font-size: 0.14rem;line-height: 0.36rem;white-space: nowrap;text-align: center;border: none;border-radius: 0.02rem;color: #9e9e9e;margin-bottom: 0.05rem;margin-right: 0.05rem;letter-spacing: .04em;vertical-align: middle;background: rgb(35, 37, 43);}
.intl-episodes-list .v-li .drama-item.alpha,.intl-episodes-list .v-li .drama-item:hover{
    color: #0bbe06;
}
#playPageTab{
    font-size: 15px;
    height: 40px;
    margin-bottom: 8px;
}
#playPageTab a{
    width: auto;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
}
#playPageTab a.active,#playPageTab a:hover{
    /* background-color: #454649; */
    color: #0bbe06;
}
.right_row #tabContainer>div{
}
.right_row #tabContainer>div.active,.right_row .tabContainer>div.active{
   display:block;
   animation:hideIndex 0.3s;
   -moz-animation:hideIndex 0.3s;/* Firefox */
 -webkit-animation:hideIndex 0.3s;/* Safari and Chrome */
 -o-animation:hideIndex 0.3s;/* Opera */
}
.right_row #tabContainer_down>div{
}
.right_row #tabContainer_down>div.active,.right_row .tabContainer_down>div.active{
    display:block;
    animation:hideIndex 0.3s;
    -moz-animation:hideIndex 0.3s;/* Firefox */
    -webkit-animation:hideIndex 0.3s;/* Safari and Chrome */
    -o-animation:hideIndex 0.3s;/* Opera */
}
@keyframes hideIndex{
   0%{opacity:0;
      transform:translate(2.5rem,0)
   }
   100%{opacity:1;
      transform:translate(0,0)}
}

#listNumTab_2{
    padding: 0 10px;
    margin-bottom: 20px;
}
#listNumTab_2 a{
    font-size: 14px;
    margin-right: 10px;
}
#listNumTab_2 a.active{
    color: #0bbe06;
}


/* 分类页 */

.type_banner{
   background: url(../images/slider-bg.jpg) no-repeat;
   background-position: center;
   text-align: center;
   background-size: cover;
   position: relative;
   padding-top: 200px;
   padding-bottom: 50px;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   margin-bottom: 0.3rem;
}

.type_swiper{}
.type_swiper .card--big{
    width: calc((100% + 16px) / 8);
    margin-right: 16px;
}
.type_swiper .card--big img{
    width: 100%;
}

.card__content{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: flex-start;     /* 垂直居中 */
    flex-direction: column;
    padding: 16px 0px;
}
.card__content .card__title{
    font-weight: 400;
    color: #fff;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 22px;
}
.card__content .card__category{
    font-size: 15px;
    color: #0bbe06;
}
.card__content .card__rate{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 0px;
}
.card__content .card__rate svg{
    width: 20px;
    height: 20px;
}
.card__content .card__rate .vod_score{
    margin-left: 10px;
    font-weight: bold;
}

.type_swiper .arrow{
    position: absolute;
    z-index: 10;
    top: 28%;
    background-color: #0bbe06;
    padding: 8px 8px;
}
.type_swiper .arrow.arrow-left{
    left: 0px;
}
.type_swiper .arrow.arrow-right{
    right: 0px;
}
.type_swiper .arrow svg {
    width: 20px;
    height: 25px;
}
.type_swiper .arrow-left svg {
   transform: rotate(
180deg);
}
.type_h1{
    font-size: 0.4rem;
    margin-bottom: 0.12rem;
    font-weight: bold;
}
.library-row{
  
padding: 0px;
  
margin: 0px auto 48px;
  
height: 36px;
  
display: flex;
  
flex-wrap: wrap;
  
overflow: hidden;
  
box-sizing: border-box;
}
.library-row li{
  
font-size: 14px;
  
height: 36px;
  
margin-right: 12px;
  
padding: 0px 17px;
  
line-height: 36px;
  
background: rgb(35, 37, 43);
  
border-radius: 4px;
}
.library-row li a{}

.show-page{
   padding-top: 70px;
}


.show-page .label-filter-channel {
   box-sizing: border-box;
   border-bottom: 1px solid rgb(45, 47, 52);
}
.show-page .label-filter-chnWrap {
   position: relative;
   overflow: hidden;
}
.show-page .channel-name {
   display: inline-block;
   padding: 12px 0px;
   margin-right: 24px;
   color: rgb(169, 169, 172);
   font-size: 16px;
   cursor: pointer;
   position: relative;
}
.show-page .channel-name a{
       color: rgb(169, 169, 172);
}
.show-page .channel-name.check a ,.show-page .channel-name:hover a{
   color: rgb(255, 255, 255);
}
.show-page .channel-name.check::after,.show-page .channel-name:hover::after{
   content: " ";
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 2px;
   background: #0bbe06;
   left: 0;
}
.show-page .tabLine {
   position: absolute;
   height: 2px;
   bottom: 0px;
   transform: translate(0px, 0px);
   background: rgb(0, 204, 54);
   pointer-events: none;
}
.show-page .second-label-level {
   display: flex;
   align-items: flex-start;
   margin-top: 8px;
}
.show-page .second-label-level:first-child {
   margin-top: 24px;
}
.show-page .second-label-classify {
   opacity: 0.4;
   font-size: 16px;
   color: rgb(255, 255, 255);
   text-align: right;
   max-width: 140px;
   margin-right: 24px;
   flex-shrink: 0;
   line-height: 36px;
}
.show-page .second-label-every {
   display: flex;
   overflow: hidden;
   align-items: flex-start;
   flex-wrap: wrap;
   cursor: pointer;
}
.show-page .second-label-current {
   box-sizing: border-box;
   padding: 10px 12px;
   font-size: 14px;
   color: rgb(169, 169, 172);
   line-height: 16px;
   background: rgb(35, 37, 43);
   border-radius: 4px;
   margin-right: 16px;
   margin-bottom: 12px;
}
.show-page .second-label-current a{
    color: rgb(169, 169, 172);
}
.show-page .second-label-current.check a,.show-page .second-label-current:hover a{
   opacity: 1;
   color: rgb(28, 199, 73);
}
.show-page .second-label-level {
   display: flex;
   align-items: flex-start;
   margin-top: 8px;
}
  
.row-block .list{
   margin-top: 0.1rem;
   width: 100%;
}
.row-block .list li.slider-move
{
   float: left;
   padding-left: 0;
   margin-right: 16px;
}


.row-block .list li.slider-move:nth-child(8n) {
   margin-right: 0;
}










.dx_pages{display:flex;justify-content:center;align-items:center;margin:0.2rem 0;}
.dx_pages .page_tip{margin-right:0.14rem;}
.dx_pages .page_info{display:flex;}
.dx_pages .page_info ul{display:flex;}
.dx_pages .page_info span{vertical-align:text-bottom;text-align:center;line-height:0.35rem;margin-right:0.12rem;}
.dx_pages .page_link{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.35rem;text-decoration:none;overflow:hidden;width: 0.49rem;height:0.36rem;border:0;border-radius:0.06rem;background-color: #434343;color:#ffffff;margin-right:0.12rem;}
.dx_pages .page_link i{width:0.32rem;height:0.32rem;display:inline-block;margin-top:0.01rem;}
.dx_pages .page_link i.left{background-image:url(../images/left.svg);background-size:cover;}
.dx_pages .page_link i.right{background-image:url(../images/right.svg);background-size:cover;}
.dx_pages .page_link.page_current,.dx_pages .page_link:hover{
    background-color: #0db917;
}
.dx_pages .page_link.page_total{padding: 0px 20px;}
.dx_pages .page_input{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.35rem;text-decoration:none;overflow:hidden;width: 0.56rem;height:0.36rem;border:0;border-radius:0.06rem;background-color:#d8d8d8;color:#ffffff;margin-right:0.12rem;}
.dx_pages .page_btn{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.35rem;text-decoration:none;overflow:hidden;width:0.36rem;height:0.36rem;border:0;border-radius:0.06rem;background-color: #0db917;color:#ffffff;}
.page-top{background:url(../images/top-back.svg) no-repeat;background-size:100%;}
.top-head{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;padding:0.88rem 0;}

.video-filter-noData {
   min-height: 400px;
}
.empty-history {
   color: rgb(255, 255, 255);
   width: 100%;
   text-align: center;
}
.empty-history img {
   width: 130px;
   height: auto;
   margin-top: 100px;
}
.empty-history .empty-title {
   font-size: 22px;
   opacity: 0.87;
   margin-top: 20px;
   margin-bottom: 10px;
}

.show-page .second-label-classify{
   width: 32px;
}
/*================================================
页脚
================================================*/

footer#gen-footer {
   background: var(--black-color);
   display: inline-block;
   width: 100%;
   float: left;
   margin-top: 0.5rem;
}

footer#gen-footer .gen-footer-top {
   padding: 60px 0 0;
}

footer#gen-footer .gen-copyright-footer {
   padding: 15px 0;
   background: var(--primary-color);
}

footer#gen-footer .gen-copyright-footer .gen-copyright {
   text-align: center;
   display: inline-block;
   width: 100%;
}

footer#gen-footer .gen-copyright-footer .gen-copyright a {
   color: var(--white-color);
}

footer#gen-footer .gen-copyright-footer .gen-copyright a:hover {
   color: var(--white-color);
   text-decoration: underline;
}

/*===== Footer Widget =====*/
footer#gen-footer .widget {
   background: transparent;
   padding: 0;
   box-shadow: none;
   border: none;
   margin-bottom: 45px;
}

footer#gen-footer .widget .footer-title {
   margin-bottom: 15px;
   padding: 0;
   font-size: 26px;
   position: relative;
   line-height: 34px;
}

footer#gen-footer .widget ul {
   padding: 0;
   margin: 0;
}

footer#gen-footer .widget ul li a {
   padding: 0;
}

footer#gen-footer .widget ul li a:hover {
   color: var(--primary-color);
}

footer#gen-footer table td,
footer#gen-footer table th {
   border: 1px solid #222d42;
}

footer#gen-footer .calendar_wrap table caption {
   caption-side: inherit;
   padding: 0 0 10px;
   font-weight: 600;
   color: var(--secondary-color);
}

footer#gen-footer .calendar_wrap td#today {
   background: var(--primary-color);
   color: var(--white-color);
}

footer#gen-footer .calendar_wrap td#today a {
   color: var(--white-color);
}

footer#gen-footer ul li a.rsswidget {
   padding-left: 0;
   font-size: 16px;
   color: var(--secondary-color);
   font-weight: 600;
   font-family: var(--title-fonts);
}

footer#gen-footer ul li .rss-date {
   font-size: 14px;
   color: var(--primary-color);
   line-height: 1;
   float: left;
   display: inline-block;
   width: 100%;
   margin: 5px 0;
}

footer#gen-footer ul li cite {
   font-weight: 600;
   margin-top: 5px;
   display: inline-block;
   width: 100%;
}

footer#gen-footer .search-form {
   position: relative;
}

footer#gen-footer .search-form .search-submit {
   background: var(--primary-color);
   border: none;
   position: absolute;
   text-align: center;
   line-height: 54px;
   height: 54px;
   width: 54px;
   top: 0;
   right: 0;
   transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

footer#gen-footer .search-form .search-submit:before {
   content: "\f002";
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   color: #ffffff;
}

footer#gen-footer .search-form .search-submit:hover {
   background: var(--dark-color);
}

footer#gen-footer .search-form input {
   background: var(--white-color);
   border-color: var(--white-color);
   color: var(--secondary-color);
}

footer#gen-footer .tagcloud .tag-cloud-link {
   font-size: 14px !important;
   color: var(--white-color);
   background: var(--dark-color);
   margin: 0 10px 10px 0;
   display: inline-block;
   float: left;
   padding: 2px 12px;
   border-radius: 0;
   border: 1px solid var(--dark-color);
   transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
}

footer#gen-footer .tagcloud .tag-cloud-link:hover {
   border-color: var(--primary-color);
   background: var(--primary-color);
   color: var(--white-color);
}

footer#gen-footer .widget ul.menu li a,
footer#gen-footer .gen-widget-menu .gen-service li a {
   position: relative;
   border: none;
   padding: 5px 0 5px 15px;
   display: inline-block;
   width: 100%;
}

footer#gen-footer .widget ul.menu li a:hover,
footer#gen-footer .gen-widget-menu .gen-service li a:hover {
   color: var(--primary-color);
}

footer#gen-footer .widget ul.menu li a:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 5px;
   height: 5px;
   display: inline-block;
   background: var(--primary-color);
   margin: auto 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

footer#gen-footer .wp-calendar-nav .wp-calendar-nav-prev,
footer#gen-footer .wp-calendar-nav .wp-calendar-nav-next {
   background: transparent;
}

footer#gen-footer .wp-caption p.wp-caption-text {
   color: var(--secondary-color);
}

footer#gen-footer .gen-widget-menu .gen-service li a:before {
   content: "";
   position: absolute;
   top: 18px;
   bottom: 0;
   left: 0;
   width: 5px;
   height: 5px;
   display: inline-block;
   background: var(--primary-color);
   margin: 0;
}

footer#gen-footer .widget #recentcomments--1 li.recentcomments span a {
   color: var(--primary-color);
}

/*=========*/
footer#gen-footer .gen-footer-style-1 .widget .footer-title,
footer#gen-footer .gen-footer-style-1 .widget ul.menu li a,
footer#gen-footer .gen-footer-style-1 .gen-widget-menu .gen-service li a,
footer#gen-footer .gen-footer-style-1 .widget ul li a {
   color: var(--white-color);
}
footer#gen-footer .gen-footer-style-1 .widget .footer-title{
   
text-transform: capitalize;
   
font-weight: 600;
   
letter-spacing: 0.02em;
   
-ms-word-wrap: break-word;
   
word-wrap: break-word;
}
footer#gen-footer .gen-footer-style-1 .widget ul li a:hover {
   color: var(--primary-color);
}

#gen-footer .gen-footer-style-1 .widget p{
    margin-bottom: 9px;
    font-size: 15px;
    color: #9e9e9e;
}

footer#gen-footer .gen-footer-style-1 .gen-copyright-footer {
   background: var(--primary-color);
}

#gen-footer .gen-footer-style-1 .widget:first-child {
   margin-bottom: 45px;
}

#gen-footer .gen-footer-style-1 .gen-footer-logo {
   height: 60px;
   margin-bottom: 15px;
}

footer#gen-footer .gen-footer-style-1 .widget ul.menu li {
   margin-bottom: 0;
   width: calc(50% - 8px);
   display: inline-block;
}

#gen-footer .social-link {
   margin: 0;
   padding: 0;
}

#gen-footer .social-link li {
   list-style: none;
   float: left;
   margin-right: 30px;
}

#gen-footer .social-link li:last-child {
   margin-right: 0;
}

#gen-footer .social-link li a {
   color: var(--white-color);
   font-size: 18px;
   line-height: normal;
   text-align: center;
   display: inline-block;
   margin-right: 0 !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

#gen-footer .social-link li a:last-child {
   margin-right: 0px;
}

#gen-footer .social-link li a:hover {
   color: var(--primary-color);
}

.gen-playstore-logo {
   height: 45px;
   display: inline-block;
   float: left;
}

.gen-appstore-logo {
   height: 45px;
   display: inline-block;
   float: left;
   margin-left: 15px;
}

#history-list{
    position: absolute;
    top: 70px;
    width: 300px;
    background: rgb(26, 28, 34);
    box-sizing: border-box;
    display: none;
    background-color: rgb(26, 28, 34);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    padding: 8px 10px 16px;
    text-align: center;
    font-size: 12px;
    color: rgb(230, 230, 230);
    left: 50%;
    transform: translateX(-50%);
}
.open #history-list{
   display: block;
}
 
#history-list::after{
   display: block;
   box-sizing: border-box;
   content: "";
   z-index: -1;
   height: 12px;
   width: 12px;
   position: absolute;
   top: -1px;
   left: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
   background-color: rgb(26, 28, 34);
   border-left: 1px solid rgba(255, 255, 255, 0.25);
   border-top: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: 4px 0px 0px;
}


#history-list .his-head{
   display: flex;
   justify-content: space-between; /* 水平居中 */
   align-items: center;     /* 垂直居中 */
   margin-bottom: 10px;
   color: #16e061;
   font-size: 14px;
}
 
#history-list .his-head .iconfont{
    width: unset;
    height: unset;
    background: unset;
    border: unset;
    display: unset;
}

#history-list ul{
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#history-list ul::-webkit-scrollbar {
  display: none;
 }
#history-list ul li{
    height: 50px;
    margin-bottom: 13px;
    overflow: hidden;
}
#history-list ul li a{
    display: flex;
    justify-content: flex-start; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}
#history-list ul li .pic{
    width: 100px;
    background-color: black;
    height: 50px;
    overflow: hidden;
}
#history-list ul li img{
   width: 100%;
}
#history-list ul li .his_name{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;/*行数，2的话就是第二行溢出省略。*/
    -webkit-box-orient: vertical;
    font-size: 14px;
    margin-left: 10px;
    flex: 1;
    height: 100%;
    text-align: left;
}

.qrcode-wrap .qrcode {
   position: absolute;
   box-sizing: border-box;
   top: 71px;
   display: none;
   background-color: rgb(26, 28, 34);
   border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: 4px;
   padding: 8px 10px 16px;
   text-align: center;
   font-size: 12px;
   color: rgb(230, 230, 230);
   left: 50%;
   transform: translateX(-50%);
}
.qrcode-wrap .qrcode.show {
   display: block;
}
.qrcode-wrap .header-download-btn {
   display: inline-block;
   width: 248px;
   height: 36px;
   margin: 8px auto 0px;
   font-size: 13px;
   color: rgb(255, 255, 255);
   text-align: center;
   line-height: 36px;
   background: rgb(28, 199, 73);
   border-radius: 4px;
   box-sizing: border-box;
   white-space: nowrap;
   position: relative;
}
.qrcode-wrap  .header-download-btn:hover {
   background: rgb(72, 209, 108);
}
.qrcode-wrap .qrcode::after {
   display: block;
   box-sizing: border-box;
   content: "";
   z-index: -1;
   height: 12px;
   width: 12px;
   position: absolute;
   top: -1px;
   left: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
   background-color: rgb(26, 28, 34);
   border-left: 1px solid rgba(255, 255, 255, 0.25);
   border-top: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: 4px 0px 0px;
}
.qrcode-wrap .header-download-wrapper {
   display: flex;
   flex-wrap: wrap;
}
.qrcode-wrap .header-download-wrapper .header-download-item {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   text-align: left;
   width: 280px;
   height: 44px;
   padding: 0px 16px;
   box-sizing: border-box;
}
.qrcode-wrap  .header-download-wrapper .header-download-item-title {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   overflow: hidden;
   -webkit-box-orient: vertical;
   margin-left: 8px;
   width: max-content;
   font-size: 14px;
   line-height: 16px;
   color: rgb(169, 169, 172);
}
.qrcode-wrap .download-item-icon .iconfont{
   width: unset;
   height: unset;
   background: unset;
   border: unset;
   display: unset;
   color: #1cc749;
}
.search-wrapper{
   display: none;
}

@media screen and (max-width: 767px){
   .row-title .hasTurnBtn{
      width: 84%;
      overflow: scroll;
      white-space: nowrap;
      position: absolute;
      right: 0;
      justify-content: flex-start;
   }
   .search-box .submit{
      display: none;
   }
   .search-list-container{
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      bottom: 0;
      position: fixed;
      z-index: 99999;
      border: none;
   }
   .search-wrapper{display: block; padding-bottom: 10px;border: 1px solid rgb(43 47 56);}
   .search-header{
      padding: 8px 78px 0px 16px;
      margin: 0px auto;
      width: 100%;
      box-sizing: border-box;
      position: relative;
   }
   #search_Form {
         position: relative;
   }
   .search-wrapper .search-header input {
      width: 100%;
      height: 28px;
      margin: 0px auto;
      background: rgba(255, 255, 255, 0.16);
      border-radius: 4px;
      padding: 0px 0px 0px 12px;
      border: 1px solid rgba(255, 255, 255, 0.5);
  }

   .cancel-btn {
      position: absolute;
      right: 0px;
      top: 2px;
      text-align: right;
      font-size: 14px;
      line-height: 16px;
      padding: 14px;
      color: rgb(204, 204, 204);
      outline: none;
   }
   .search-wrapper .search-btn{
    right: -5px;
    top: 2px;
}

   #app .row-block{   
      max-width: 95%;
   }
   .iq-md-block{
      display: block
   }
   .iq-md-none{
      display: none
   }
   .menu-button {
      padding: 10px 0px;
      margin-right: 16px;
   }
   .menu-button svg {
      width: 20px;
      height: 20px;
   }
   .search-box .search_input{
      background-color: transparent;   
      border: transparent;  
      display: none;
   }
   .header-inner{ 
      padding: 0px 12px;
   }
   .row-block .row-list{
      display: block;
   }
   .move-container .row-list{
      display: flex;
   }
   .move-container .slider-move{
      width: calc((90% + 50px) / 3);
   }

   .row-block .video-item{
      float: left;
      width: calc((100% + -22px) / 3);
      margin-right: 11px;
   }
   .row-block .video-item:nth-child(3n){
      margin-right:0px;
   }
   .dt-block .arrow,.slide-info .gen-tag-line,.slide-info .item-desc,.slide-info .item-labels,.gen-movie-action{
      display: none;
   }
   .slide-info h5{
      font-size: 0.3rem;
      line-height: 0.3rem
   }
   .index-banner,.index-banner .slide-link img{
      height: 3rem;
   }
   .slide-info{
      padding-top: 1.6rem;
      background: linear-gradient(to top, rgb(0 0 0 / 48%) 0%,rgb(0 0 0 / 0%) 100%);
      overflow: hidden;
   }
   .slide-info .gen-meta-after-excerpt li{
      font-size: 15px;
   }
   .row-block .video-item .text-box h5, .row-block .slider-move .text-box h5{
      overflow: hidden;      
      text-overflow: ellipsis;  
      display: -webkit-box;
      -webkit-line-clamp: 2;/*行数，2的话就是第二行溢出省略。*/
      -webkit-box-orient: vertical;
      height: auto;
   }
   .HeaderWrapper{
      height: 50px;
   }
   .header-container{
      background-image: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 69%) 100%);  
      height: 50px;
   }
   .row-title .hasTurnBtn .crumb-li:nth-child(n+16),.row-title .hasTurnBtn .slash:nth-child(n+15){
      display: none;
   }
   /* 详情页 */
   
   .detail{
      flex-direction: column;
      margin-top: 1rem;
   }
   .dt-detail-bg{
      height: 6rem;
   }
   .detail .detail-pic{
      position: relative;
      left: 25%;
      width: 2.2rem;
      margin-bottom: 0.5rem;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 59%);
   }
   .dt-detail-bg iframe{
      height: 6rem;
      width: 15rem;
      position: relative;
      margin-left: -6rem;
   }
   .row-info-text h1{
      font-size: 0.3rem;
   }
   .row-info-text h1 .vod_sub{
      font-size: 0.2rem;
   }
   .row-info-text{
      max-width: 95%;   
      padding-left: 0rem;
   }
   .dt-row{
      flex-direction: column;
   }
   .dt-row .dt-con-left{
      width: 100%;
   }
   .dt-row .dt-con-right{
      width: 100%;
      padding-left: 0;
   }
   .row-block .movie-list .video-item{    
      width: calc((90% + 16px) / 3);
   }
   .row-block .movie-list .video-item:nth-child(3n){
      margin-right: 12px;
   }
   .playNumList{
      display: block;
      margin: 0;
      padding: 0;
   }
   .playNumList li{
      width: 15%;
      margin-left: 5px;
   }
   /* 播放页 */
   .intl-play-area-wrap .intl-play-area{
      display: flex;
      flex-direction: column;
   }
   .intl-play-area-wrap .MacPlayer{  
      font-size: 12px;
      position: relative;    
      top: 0px;  
      left: 0px;   
      width: 100%;       
      height: 250px;
   }
   .intl-play-area-wrap .intl-play-left{
      display: flex;
      width: 100%;
   }
   .intl-play-area-wrap .intl-play-right{   
      display: flex;     
      width: 100%;
   }
  .intl-play-area .right_row{
      position: relative;
   }
   .intl-play-area-wrap .intl-video-wrap::before{
      display: none;
   }
   .intl-episodes-list .v-li{    
      width: auto;
   }
   /* 分类帅选 */
   .show-page .second-label-classify{
      width: 32px;
      margin-right: 13px;
   }
   .show-page .second-label-current{
      padding: 6px 10px;  
      margin-right: 6px;   
      margin-bottom: 8px;
   }
   .row-block .list li.slider-move{
      width: calc((100% + -20px) / 3);
      margin-right: 10px;
   }
   .row-block .list li.slider-move:nth-child(8n){
      margin-right: 10px;
   }
   .row-block .list li.slider-move:nth-child(3n){
      margin-right: 0;
   }
   .dx_pages .page_link.d-sm-block{
     display: none;
  }
  .dx_pages{
   flex-direction: column;
  }
  .dx_pages .page_info{
      flex-direction: column;
  }
  .dx_pages .page_tip{
     margin-bottom: 0.2rem;
  }
  .dx_pages .page_fun{
     margin-top: 0.2rem;
     text-align: center;
  }
  .mac_comment{ 
   /* width: 93vw; */
  }
  .checked .NavWrapper{
      display: block;
      position: fixed;
      z-index: 100;
      width: 300px;
      top: 0;
      left: 0;
      bottom: 0;
      background-color: #111319;
  }
  .NavWrapper .trigger{
      display: block;
  }
  .NavWrapper .trigger .channel{ 
      width: 100%;
  }
  .checked .modal-Wrapper{
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background-color: rgb(0 0 0 / 76%);
   }
   .type_banner{
      padding-top: 62px;
      padding-bottom: 0;
   }
   .type_swiper .card--big{
      width: calc((100% + 16px) / 1);
   }
   .type_swiper .arrow{
      top: 35%;
   }
   .grid-card-container .vo_pic{
      width: 95px;
      height: 133px;
   }
   .grid-card-container .vo_info{
      margin-left: 10px;
   }
   .grid-card-container .vo_info h5{
      font-size: 18px;
   }
   .grid-card-container .more-list{
   display: none;
   }
   .grid-card-container .vo_detail{
      margin-bottom: 10px;
   }
   .searchBarWrapper .has-result{
      font-size: 15px;
   }
   .plot_ul li{
      width: calc((100% + 1rem) / 5);
   }
   .plot-detail .plot-title h1{
      font-size: 20px;
   }
   .plot-title .intl-play-tag .tag-inline{
      font-size: 14px;
      color: #00c234;
   }
   .plot-title .intl-play-tag .tag-inline a{
      font-size: 14px;
      color: #00c234;
   }
}