/*
 * @Author: 大图模板 
 * @Date: 2020-10-16 10:33:33 
 * @Last Modified by: 金刚狼
 * @Last Modified time: 2021-09-05 21:54:11
 * 模板css样式文件，高端模板定制【大图模板】http://www.datll.com
 */

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: #15161b;
   margin: 0;
   padding: 0;
   color: #9e9e9e;
   font-size: 0.37rem;
}
#app{
   overflow-x: hidden;
}
a:link, a:visited,a:active {
   text-decoration: none;
   user-select: none;
   color: rgb(255, 255, 255);
}
a {
   text-decoration: none;
}
 a:hover{
   color: rgb(0 168 255);
 }

ol, ul, li {
   list-style: none;
   margin: 0;
   padding: 0;
}
*, ::after, ::before {
   box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
   clear: both;
   display: table;
   content: " ";
}
.ellipsis-txt{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.font-35{
   font-size: 0.35rem;
}
.w-10{width: 10%!important;}
.w-15{width: 15%!important;}
.w-20{width: 20%!important;}
.w-25{width: 25%!important;}
.w-30{width: 30%!important;}
.w-35{width: 35%!important;}
.w-40{width: 40%!important;}
.w-45{width: 45%!important;}
.w-50{width: 50%!important;}
.w-55{width: 55%!important;}
.w-60{width: 60%!important;}
.w-65{width: 65%!important;}
.w-70{width: 70%!important;}
.w-75{width: 75%!important;}
.w-80{width: 80%!important;}
.w-85{width: 85%!important;}
.w-90{width: 90%!important;}
.w-95{width: 95%!important;}
.w-100{width: 100%!important;}
.msg_jump_tit{width:100%;height:0.875rem;margin:0.625rem 0 0.25rem;text-align:center;font-size:0.625rem;color:#03a9f4;font-family:"黑体","microsoft yahei";letter-spacing:0.125rem;}
.verify_submit{background:#b0eead;border:0.025rem solid #23c319;color:#22c318;padding:0.125rem 0.625rem;display:inline-block;font-size:0.35rem;cursor:pointer;font-weight:500;}
.mac_pop_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
.mac_pop{z-index:99998;display:none;min-height:0.5rem;max-height:18.75rem;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:0.625rem;z-index:130;border-radius:0.2rem;background-color:#fff;box-shadow:0 0.075rem 0.45rem rgba(0,0,0,.5);}
.mac_pop .pop_top{height:1rem;width:100%;border-bottom:0.025rem #E5E5E5 solid;}
.mac_pop .pop_top h2{float:left;display:block;margin:0;font-size:0.45rem;font-weight:normal;font-family:"microsoft yahei";}
.mac_pop span.pop_close{float:right;width:0.575rem;height:0.575rem;font-size:0;cursor:pointer;font-weight:bold;display:block;background:url("../images/background.png") no-repeat;background-size:cover;}
.mac_pop .pop-foot{height:1.25rem;line-height:1.25rem;width:100%;border-top:0.025rem #E5E5E5 solid;text-align:right;}
.mac_pop .pop-cancel,.pop-ok{padding:0.2rem 0.375rem;margin:0.375rem 0.125rem;border:none;border-radius:0.125rem;background-color:#337AB7;color:#fff;cursor:pointer;}
.mac_pop .pop-cancel{background-color:#FFF;border:0.025rem #CECECE solid;color:#000;}
.mac_pop .pop-content{height:9.5rem;}
.mac_pop .pop-content-left{float:left;}
.mac_pop .pop-content-right{width:7.75rem;float:left;padding-top:0.5rem;padding-left:0.5rem;font-size:0.4rem;line-height:0.875rem;}
.mac_pop .bgPop{display:none;position:absolute;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
.mac_pop .pop-msg{text-align:center;font-size:0.35rem;}
.mac_pop_msg_bg{position:fixed;z-index:129;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
.mac_pop_msg{z-index:99999;display:none;min-height:0.5rem;max-height:18.75rem;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:0.625rem;z-index:130;border-radius:0.2rem;background-color:#fff;box-shadow:0 0.075rem 0.45rem rgba(0,0,0,.5);}
.mac_pop_msg .pop-msg{text-align:center;font-size:0.35rem;}
.mac_login{padding:0.75rem;width:10rem;height:8.75rem;background:#fff;box-sizing:border-box;font-family:"microsoft yahei";}
.mac_login h3{font-weight:normal;color:#333;margin:0 0 0.75rem;}
.mac_login .mac_login_form .login_form_group{margin-top:0.5rem;}
.mac_login .mac_login_form .login_form_group input{padding:0.1rem 0.25rem 0.1rem 0.9rem;width:100%;height:0.95rem;line-height:0.95rem;border:0.025rem solid #cacaca;box-sizing:border-box;}
.mac_login .mac_login_form .login_form_group input.mac_u_name{background:url("../images/u_name.png") no-repeat 0.175rem 0.2rem;background-size:7% 60%;}
.mac_login .mac_login_form .login_form_group input.mac_u_pwd{background:url("../images/u_pwd.png") 0.19rem 0.2rem no-repeat;background-size:7% 60%;}
.mac_login .mac_login_form .login_form_group input.mac_u_verify{float:left;width:50%;background:url("../images/u_verify.png") 0.2rem 0.225rem no-repeat;background-size:13% 60%;}
.mac_login .mac_login_form .login_form_group img.mac_verify_img{float:left;margin-left:1%;width:2.2rem;height:0.95rem;border:0.025rem solid #cacaca;box-sizing:border-box;cursor:pointer;}
.mac_login .mac_login_form .login_form_link{margin-top:0.25rem;text-align:right;}
.mac_login .mac_login_form .login_form_link a{font-size:0.3rem;color:#333;margin-left:0.375rem;}
.mac_login .mac_login_form .login_form_link a:hover{color:#2fa5ff}
.mac_login .mac_login_form input.login_form_submit{background:#2fa5ff;color:#fff;font-size:0.35rem;line-height:normal;border:none;cursor:pointer;}
.mac_login .mac_login_form input.login_form_submit:hover{background:#1d94ef;}
.popup{box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important;padding:0 0.75rem;background:#fff;width:9.25rem;position:fixed;top:50%;left:50%;z-index:999999;transform:translateX(-50%) translateY(-50%);margin:0 auto;border-radius:0.45rem;}
.popup{background:#25252b}
.popup-icon{width:100%;text-align:center;height:5rem;margin:-1.5rem 0 0;}
.popup-icon img{height:5rem;}
.popup-header{line-height:1rem;text-align:center;}
.popup-title{position:relative;font-size:0.45rem;font-weight:900;display:inline-block;}
.popup-title::after{background:#32323c;}
.popup-title::after{content:'';position:absolute;width:100%;height:20%;background:#fde6dd36;border-radius:0.125rem;left:0;bottom:0.125rem;z-index:-1;}
.popup-main{padding-bottom:0.5rem;}
.popup-main p{padding:0.3rem 0 0;}
.popup-main p a{color:#ff2a14;}
.popup strong{color:#ff2a14;}
.popup-footer{padding:0.25rem 0 0.75rem;text-align:center;}
.popup-btn-o{color:#ff2a14;font-weight:700;width:100%;cursor:pointer;}
.btn-large,.load-all,.popup-btn,.popup-btn-o,.page-number{padding:0 0.375rem;line-height:1rem;font-size:0.35rem;display:inline-block;border-radius:0.25rem;}
.popup-btn-o::after{border-color:#ff2a14;border-radius:1.25rem;}
.border::after,.btn-block-o::after,.btn-aux-o::after,.grid-more-link::after,.popup-btn-o::after{border:0.025rem solid #d7dae1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;}
.close-popup{position:absolute;right:calc(50% - 0.5rem);/* border:0.025rem solid #fff;*/
 border-radius:1.25rem;bottom:-1.25rem;width:1rem;line-height:1rem;height:1rem;text-align:center;cursor:pointer;background:url(../images/background.png) no-repeat;background-size:cover;}
.popup::after{content:'';height:2rem;width:100%;background:#eaedf1;position:absolute;top:0;left:0;z-index:-1;border-radius:0.45rem 0.45rem 0 0;}
.popup-btn-o{position:relative;}
.page-web{margin-top:1.5rem;}
.page-web .channel-row .MenuRow{min-height:7rem;background-size:100%;background-image:url(../images/top-back.svg);background-repeat:no-repeat;background-color:#1f1f25;}
.page-web .channel-row .MenuRow h2{font-size:0.65rem;font-weight:700;margin:0.625rem 0;position:relative;color:#00abff;}
.page-title{color:white;font-size:0.9rem;}
.page-web .channel-row .MenuRow h2::after{content:'';position:absolute;bottom:-0.25rem;width:1.5rem;left:0.025rem;height:0.15rem;background:#0070ff;background:linear-gradient( 90deg,#00afff,#006dff)!important;border-radius:1.25rem;}
.website_list ul{padding:0.025rem 0.625rem;}
.website_list ul li{font-size:0.4rem;list-style:circle;line-height:1.88;}
.website_list ul li em{font-style:normal;font-weight:600;}
.app-download{}
.app-download .download-btn{border-radius:1.25rem;font-weight:900;color:#fff;margin-right:0.25rem;padding:0.05rem 0.625rem;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);line-height:1rem;font-size:0.35rem;display:inline-flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.app-download .download-btn i{width:0.6rem;height:0.6rem;display:inline-block;}
.app-download .download-btn i.Android{background:url(../images/Android.svg) no-repeat;background-size:cover;}
.app-download .download-btn i.ios{background:url(../images/IOS.svg) no-repeat;background-size:cover;}
.website_list hr{height:0.05rem;background:#e3e6eb;border:none;margin:1rem 0;}
.none{display:none!important;}
.dx-btn{border-radius:1.25rem;padding:0 0.75rem;color:#fff;cursor:pointer;}
.play-btn{font-size:0.4rem;background:#006aff;background:linear-gradient(90deg,#00acff,#0069ff)!important;line-height:1rem;display:inline-flex;justify-content:center;/* 水平居中 */
 align-items:center;}
html{font-size: 40px;}
@media screen and (min-width:42.025rem){html{font-size:1rem;}
}
/* 播放历史 */
 .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;left:-4.95rem;display:none;color:#e4e4e4;box-shadow:0 0.075rem 0.3rem rgb(0 0 0 / 18%);background-color:#25252b;/* opacity:0;*/
 /* -webkit-transform:translate3d(0,-100%,0);*/
 /* transform:translate3d(0,-100%,0);*/
 overflow-x: hidden;
    overflow-y: scroll;
 transition-duration:300ms;}
.history-vod::before{width:0;height:0;border-left:0.175rem solid transparent;border-right:0.175rem solid transparent;border-bottom:0.2rem solid rgba(7,7,10,.92);}
.history-vod::before{content:'';border-bottom-color:#fff;position:absolute;top:-0.2rem;z-index:20;right:2.875rem;}
.history-vod::before{border-bottom-color:hsl(240deg 7% 16%);}
.history-vod.alpha{display:block;/* transform:translateZ(0);*/
 /* -webkit-transform:translateZ(0);*/
 /* opacity:1;*/
}
.hi-head{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;height:1rem;color:#fbfbfb;padding-bottom:0.37rem;border-bottom:0.025rem solid #363640;margin-bottom:0.37rem;}
.hi-head span{font-size:0.4rem;position:absolute;left:0.45rem;}
.hi-head .hi-Clear{position:absolute;right:0.45rem;color:#8c8c8c!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:0.125rem;}
.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;}
.nav-item .hs-info p{margin:0.18rem 0;padding:0;display:block;width:100%;}
.hs-info p:nth-child(1){font-size:0.4rem;}
.history-vod ul li{width:100%;height:2.1rem;display:flex;align-items:center;margin-bottom:0.2rem;}
.header .header-inner .nav-item .history-vod ul a{display:flex;justify-content:center;align-items:center;height:2.1rem;width:100%;color:#e0e0e0;}
.header .header-inner .nav-item .history-vod ul a:hover{color:#0099FF;}
.container{width:80%;margin-right:auto;margin-left:auto;}
.main-content{}
/* 头部导航 */
 .header{position:fixed;z-index:1900;top:0;left:0;width:100%;height:1.5rem;/* transition:background-color 0.5s linear 0s;*/
 transition:.5s ease-out 0s;;background:#000000;}
.page-index .header{background:#1a1a1a00;background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);}
.TopRoll .header{-webkit-backdrop-filter:blur(0.25rem);backdrop-filter:blur(0.25rem);}
.header .header-inner{width:80%;margin:0 auto;display:block;pointer-events:initial;}
.header .dx-logo{float:left;/* padding:0.1rem 0 0.1rem 0rem;*/
 height:100%;display:flex;/* 水平居中 */
}
.header .logo-link{
 width:2.8rem;
 display:flex;/* 水平居中 */
 align-items:center;
 justify-content:center;/* 水平居中 */
 height: 1rem;
 }
.header .logo-link img{width:100%;height:74%;}
.header .dx-user{float:right;display:block;}
.header .dx-search{float:right;display:block;}
.header-inner .search-area{margin-top: 0.2rem;position:relative;}
.header-inner .search-area .input-area{width:10.5rem;height:1.01rem;position:relative;background-color:hsla(0,0%,100%,.3);border-radius:1rem;padding-left:0.5rem;padding-right:0.9rem;}
.header-inner .search-area .input-area form{display:flex;}
.header-inner .search-area .input-area .searchinput{display:inline-block;width:100%;height: 1rem;line-height: 1rem;font-size:0.3rem;color:hsla(0,0%,100%,.8);background:none;border:0 none;outline:0 none;}
.searchinput::-webkit-input-placeholder{color:hsla(0,0%,100%,.8);font-size:0.35rem;}
.header-inner .search-box-out{position:absolute;right:0;top:0;cursor:pointer;width:2.25rem;height:1rem;line-height:1rem;box-sizing:border-box;text-align:center;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);border-radius:0.5rem;border-radius:0 0.5rem 0.5rem 0;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.search-right-entry{position:absolute;right:2.2rem;cursor:pointer;width:2.25rem;height:1rem;font-size:0.37rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;color:#0177ff!important;}
.search-right-entry i.top{margin-right:0.1rem;background:url(../images/top.svg);width:0.4rem;height:0.4rem;background-size:cover;}
.search-icon{display:flex;justify-content:center;align-items:center;width:0.4rem;height:0.4rem;background:url(../images/search.svg);background-size:cover}
.search-enter{border:none;background:none;cursor:pointer;color:white;}
.search-list{position:absolute;z-index:100;width:-webkit-calc(100% - 1.55rem);width:calc(100% - 1.55rem);background:#2a2a32;box-shadow:0 0 0.6rem 0 rgb(0 0 0 / 22%),0 0.6rem 0.6rem 0 rgb(0 0 0 / 30%);border-radius:0.1rem;left:0.5rem;}
.search-list .hot-search-list{margin:0.4rem 0;}
.search-list .title{color:hsla(0,0%,100%,.6);font-size:0.35rem;font-weight:400;margin:0;padding:0.2rem 0.4rem;}
.search-list .hot-item{height:0.9rem;line-height:0.9rem;font-size:0.35rem;color:hsla(0,0%,100%,.87);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-right:1rem;}
.search-list .hot-item .order{position:absolute;left:0.4rem;text-align:left;width:0.3rem;}
.search-list .hot-item .order.one-1{color:#fc4274;}
.search-list .hot-item .order.one-2{color:#ff8155;}
.search-list .hot-item .order.one-3{color:#fcb80a;}
.search-list .hot-item .hot-word{margin-left:1.05rem;}
.hot-search-list .hot-item:hover{background:rgba(32,32,32,.5);color:#0d9bff;}
.hidden{display:none;}
.nav-item p{padding:0;margin:0;line-height:initial;font-size:0.3rem;margin-top:0.08rem;}
.header .header-inner .nav-item a.u-link{display:flex;flex-direction:column;justify-content:center;/* 水平居中 */
 align-items:center;}
.header .header-inner .nav-item .dx-icon{display:flex;width:0.6rem;height:0.6rem;}
.header .header-inner .nav-item .dx-icon.app-icon{background:url(../images/app-down.svg) no-repeat;}
.header .header-inner .nav-item .dx-icon.alink{background:url(../images/alink.svg) no-repeat;}
.header .header-inner .nav-item .dx-icon.icon-history{background:url(../images/icon-history.svg) no-repeat;}
.header .header-inner .nav-item a:hover .dx-icon.app-icon{background:url(../images/app-down-hove.svg) no-repeat;}
.header .header-inner .nav-item a:hover .dx-icon.alink{background:url(../images/alink-hove.svg) no-repeat;}
.header .header-inner .nav-item a:hover .dx-icon.icon-history{background:url(../images/icon-history-hove.svg) no-repeat;}
.header .header-inner .nav-item .user-link{position:relative;}
.header .header-inner .nav-item .login-state{background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);display:block;font-size:0.2rem;position:absolute;line-height:initial;padding:0.05rem 0.125rem;font-style:normal;min-width: 1.2rem;text-align:center;border-top-left-radius:0.225rem;border-bottom-right-radius:0.225rem;right:-0.975rem;top:0.175rem;}
.header .header-inner .nav-item .user_portrait{width:1rem;height:1rem;border-radius: 1rem;}
.header .vi-nav{float:left;width:100%;}
.header .dx-nav-wrap{float:left;margin:0;}
.header .header-inner .nav-item{float:left;display:block;width:auto;padding:0 0.4rem;position:relative;}
.header .header-inner .nav-item{float:left;display:block;width:auto;padding:0 0.4rem;position:relative;}
.header .header-inner .nav-item a{display:block;height: 1.2rem;line-height: 1.2rem;font-size:0.35rem;vertical-align:-webkit-baseline-middle;}
.header .header-inner .nav-item.current a,.header .header-inner .nav-item a:hover{color:#0099FF;}
.header .header-inner .nav-item.current:after{content:'';height:0.08rem;background-color:#0099FF;border-radius:0.2rem;position:absolute;bottom:14%;left:33%;right:33%;}
.header .header-inner .nav-item .user-link:hover{color:aliceblue;}
/* 首页轮播 */
 .index-banner{position:relative;height:15rem;overflow:hidden;}
.banner-thumbs{position:absolute;z-index:10;left:0;right:0;height:2.5rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;bottom:0.575rem;}
.thumbs-wrapper{padding:0.25rem 0.15rem;background-color:#0000005e;width:60%;position:relative;border-radius:1.25rem;}
.gallery-thumbs{width:94%;}
.swiper-slide.thumbs-img{background-size:cover;background-position:center;border-radius:0.15rem;height:1.85rem;width:3.7rem;}
.gallery-thumbs .swiper-slide{opacity:0.8;border:0.05rem solid #c4c7ce00;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:0.05rem solid #c4c7ce;}
.thumbs-button-next,.thumbs-button-prev{position:absolute;top:50%;width:0.675rem;height:1.1rem;margin-top:-0.55rem;z-index:10;cursor:pointer;background-size:0.675rem 1.1rem;background-position:center;background-repeat:no-repeat;}
.thumbs-button-next{right:0.25rem;left:auto;background-image:url(../images/right.svg);}
.thumbs-button-prev{left:0.25rem;right:auto;background-image:url(../images/left.svg);}
.slide-link{}
.slide-link img{width:100%;height:100%;}
/* 板块 */
 .box-left{width:84%;float:left;}
.box-right{width:16%;float:left;}
.box-head{display:flex;justify-content:space-between;/* 水平居中 */
 align-items:center;}
.box-head .row-title{display:flex;-webkit-align-items:center;height:1.4rem;margin-bottom:0.2rem;flex-direction:row;}
.box-head .row-icon{width:0.7rem;height:0.7rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;margin-right:0.2rem;}
.box-head .row-icon.movie{background:url(../images/movie.svg) no-repeat;}
.box-head .row-icon.tops{background:url(../images/top.svg) no-repeat;background-size: cover;}
.box-head .row-icon.tv{background:url(../images/tv.svg) no-repeat;}
.box-head .row-icon.zy{background:url(../images/zy.svg) no-repeat;}
.box-head .row-icon.dm{background:url(../images/dm.svg) no-repeat;}
.box-head .row-icon.default{background:url(../images/default.svg) no-repeat;background-size:cover;}
.box-head .row-icon.topic{background:url(../images/topic.svg) no-repeat;}
.box-head .row-icon.new{background:url(../images/new.svg) no-repeat;background-size: cover;}
.box-head .row-h2{font-size:0.55rem;background-size:1rem 0.5rem;color:white;font-weight:500;}
.box-head .more{font-size:0.3rem;margin-left:0.2rem;color:#7b7b7b;margin-top:0.2rem;}
.box-head .more .newNum{color:#00a6ff;}
.box-head .row-tab{display:flex;-webkit-align-items:center;height:1.4rem;margin-bottom:0.2rem;flex-direction:row;}
.row-tab .tab-li{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.row-tab .tab-li a{font-size:0.4rem;padding:0.1rem 0.325rem;box-sizing:border-box;background:#252525;border-radius:0.75rem;color:#ffffff;font-size:0.3rem;line-height:0.45rem;margin-right:0.325rem;cursor:pointer;}
.row-tab .tab-li.active a,.row-tab .tab-li:hover a{background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);}
/* 封面 */
 .dx-list{margin:0;padding:0;}
.dx-vod{width:calc(14% - 0.131rem)!important;float:left;cursor:pointer;margin-right:0.28rem;margin-bottom:0.8rem;position:relative;}
.dx-top .dx-vod:last-child{display:none;}
.dx-left .dx-vod{width:calc(16% - 0.09rem)!important;}
.dx-vod .vod_remarks{position:absolute;z-index:10;top:0.1rem;left:0.1rem;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);color:white;font-size:0.3rem;padding:0.1rem 0.18rem;border-radius:0.1rem;}
.dx-vod .dx-mod-link{}
.dx-vod .cover-area{border-radius:0.125rem;position:relative;display:block;overflow:hidden;padding-top:145%;background-position:50% 50%;background-size:cover;}
.dx-top .dx-vod:nth-child(7n){margin-right:0;}
.dx-left .dx-vod:nth-child(6n){margin-right:0;}
.dx-title-wrap{margin:0.2rem 0;}
.dx-title-wrap .title{color:white;font-weight:500;margin:0;}
.dx-title-wrap .info{color:#9e9e9e;}
/* 横幅广告位 */
 .dx-ad{flex-wrap:wrap;justify-content:space-between;display:flex;}
.dx-ad .ad-link{position:relative;display:inline-block;/* width:49.5%;*/
 min-width:49.5%;}
.dx-ad .ad-link .ad-tip{font-size:0.3rem;position:absolute;z-index:11;top:0;right:0;background-color:rgb(0 0 0 / 60%);padding:0.075rem 0.15rem;}
.dx-ad .ad-link img{width:100%;}
/* 右侧列表 */
 .rank-ul{margin:0;padding-left:0;}
.rank-ul .rank-item{background-color:#1E1E23;height:1.625rem;width:100%;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;position:relative;margin:0.175rem 0;padding:0rem 0.2rem;border-radius:0.2rem;box-shadow:0rem 0.025rem 0rem 0rem hsl(0deg 0% 56% / 22%);}
.rank-ul .rank-item:hover{background-color:#20202742;color:#00a4ff;}
.rank-ul .rank-num{width:0.875rem;font-family:Impact;font-size:0.75rem;color:#c6c6c6;position:relative;text-align:center;margin-right:0.2rem;z-index:1;cursor:pointer;}
.rank-ul .rank-num.rank-top-1{color:#FF473A;}
.rank-ul .rank-num.rank-top-2{color:#FF8154;}
.rank-ul .rank-num.rank-top-3{color:#FCB80B;}
.rank-ul .rank-info{height:0.75rem;cursor:pointer;display:block;width:80%;}
.rank-ul .rank-name{padding:0;margin:0;display:block;width:100%;font-size:0.36rem;font-weight:600;max-width:5.525rem;color:white;}
.rank-ul .rank-detail{margin-top:0.1rem;height:0.45rem;display:flex;align-items:center;}
.rank-ul .hot-remarks{color:#999;font-size:0.325rem;}
/* 专题列表 */
 .row-list{}
.topiclist{}
.topic-item{float:left;cursor:pointer;margin-right:0.28rem;margin-bottom:0.8rem;width:calc(25% - 0.21rem)!important;}
.topic-item .cover-area{border-radius:0.125rem;position:relative;display:block;overflow:hidden;padding-top:45%;background-position:50% 50%;background-size:cover;}
.topic-item .topic-info{background-color:#25252B;/* 水平居中 */
 text-align:center;padding:0.25rem;}
.topic-item .topic-info .title{}
.topic-item:nth-child(4n){margin-right:0;}
.hr-solid-content,.hr-dashed-content,.hr-fade-content,.hr-mid-border-content{color:#a2a9b6;border:0;font-size:0.3rem;padding:1em 0;position:relative;overflow:hidden;}
.hr-fade-content{-webkit-mask-image:linear-gradient(to right,transparent,black,transparent);mask-image:linear-gradient(to right,transparent,black,transparent);}
.hr-solid-content::before,.hr-dashed-content::before,.hr-fade-content::before,.hr-mid-border-content::before{content:attr(data-content);position:absolute;padding:0 1ch;line-height:0.025rem;border:solid #d0d0d5;border-width:0 99vw;width:fit-content;white-space:nowrap;left:50%;transform:translateX(-50%);}
.row-hits{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.page-top .row-hits{flex-wrap:wrap;}
.detail-hits .row-hits{flex-direction:column;}
.row-hits .hits-item{background-color:#25252B;padding:0.2rem;margin-right:0.28rem;width:calc(26% - 0.21rem)!important;}
.page-top .hits-item{margin-bottom:0.3rem;}
.page-top .row-hits .hits-item:nth-child(4n){margin-right:0.28rem;}
.page-top .row-hits .hits-item:nth-child(3n){margin-right:0;}
.detail-hits .hits-item{width:100%!important;margin-bottom:1rem;}
.row-hits .hits-item:nth-child(4n){margin-right:0;}
.row-hits .hits-tit{display:flex;justify-content:flex-start;/* 水平居中 */
 align-items:center;background-color:#2A2A32;margin-left:-0.2rem;margin-top:-0.2rem;margin-right:-0.2rem;padding:0.2rem;}
.row-hits .hits{}
.row-hits .hits .hits-li{}
.row-hits .hits .hits-link{display:flex;justify-content:flex-start;align-items:center;padding:0.3rem 0.2rem;margin:0 -0.2rem;}
.row-hits .hits .hits-link:hover{background:rgb(26 26 26);color:#0d9bff;}
.row-hits .hits .hits-num{width:0.55rem;font-size:0.37rem;color:#c6c6c6;position:relative;text-align:center;margin-right:0.1rem;z-index:1;cursor:pointer;display:block;}
.row-hits .hits .hits-num.num-1{color:#FF473A;}
.row-hits .hits .hits-num.num-2{color:#FF8154;}
.row-hits .hits .hits-num.num-3{color:#FCB80B;}
.row-hits .hits .hits-name{cursor:pointer;display:block;width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.row-hits .hits .hits-score{color:#00acff;}
.hits-tit .row-h2{margin:0;font-size:0.408rem;font-weight:500;color:white;}
.hits-tit .row-icon{width:0.6rem;height:0.7rem;display:flex;justify-content:center;align-items:center;margin-right:0.2rem;}

.hits-tit .row-icon.movie{background:url(../images/movie.svg) no-repeat;}
.hits-tit .row-icon.tv{background:url(../images/tv.svg) no-repeat;}
.hits-tit .row-icon.zy{background:url(../images/zy.svg) no-repeat;}
.hits-tit .row-icon.dm{background:url(../images/dm.svg) no-repeat;}
.hits-tit .row-icon.default{background:url(../images/movie.svg) no-repeat;}

/* 影片详情 */
 .dx-view{position:relative;margin-top:1.5rem;z-index:999;margin-bottom:1rem;}
.dx-view::after,.dx-view::before{height:100%;position:absolute;border-radius:0.45rem;}
.dx-view::before{content:'';bottom:-0.125rem;left:0.45rem;width:calc(100% - 0.925rem);z-index:-1;background:#fff;}
.dx-view::before{background:rgba(37,37,43,.1);}
.dx-view::after,.dx-view::before{background:#3b3b4491;}
.dx-background{background-color:#2A2A32;border-bottom-right-radius:200%;border-bottom-left-radius:200%;/* 水平居中 */
 width:200%;position:absolute;z-index:-1;bottom:0;left:-50%;right:-50%;top:0;/* margin-left:-8rem;*/
 /* margin-right:-15rem;*/
}
.dx-view::after{content:'';bottom:-0.4rem;left:0.95rem;width:calc(100% - 1.85rem);z-index:-2;}
.detail{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;}
.detail-objs{display:flex;justify-content:space-between;align-items:flex-start;/* margin-left:3rem; */max-width: 31rem;}
.detail-objs .obj-pic{width:6rem;}
.detail-objs .obj-pic a{height:100%;display:block;width:100%;position:relative;}
.detail-objs .obj-pic a::before{content:'';background:#0000;position:absolute;top:0;bottom:0;left:0;right:0;}
.detail-objs .obj-pic a::after{content:'';background:url(../images/play-icon.svg) no-repeat;width:1rem;height:1rem;background-size:cover;z-index:99999;position:absolute;top:3.5rem;left:2.5rem;opacity:0;transform:scale(.6);transition:all .3s ease-in;}
.detail-objs .obj-pic a:hover::before{background:rgba(0,0,0,.28);}
.detail-objs .obj-pic a:hover::after{opacity:1;transform:scale(.9);}
.detail-objs .obj-pic img{width:100%;border:0.025rem solid rgb(136 136 136);}
.detail-objs .obj-info{margin-left:.6rem;}
.info-share{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;flex-direction:column;background-color:#1d1d21;}
.obj-info{}
.obj-info h1{margin:0;color:white;font-weight:500;}
.obj-info h1 .score{margin-left:0.5rem;font-size:0.4rem;color:#ff9800;}
.obj-info h1 .score b{font-size:0.7rem;}
.obj-info h2{margin:0;font-size:.33rem;}
.video-info{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;margin:0.3rem 0;}
.video-info .tag-link{padding:0 0.25rem;line-height:0.7rem;font-size:0.35rem;border-radius:0.25rem;display:inline-block;margin-left:0.125rem;overflow:hidden;}
.video-info .tag-link{background:#1b1b1f;color:hsla(0,0%,100%,.6);}
.video-info .tag-link:first-child{background:#fef0e5;margin-left:0;}
.video-info .video-tag-icon{color:#212121;display:flex;justify-content:center;align-items:center;flex-direction:row;}
.video-info .video-tag-icon i{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;flex-direction:row;width:0.45rem;height:0.45rem;}
.video-info .video-tag-icon i.ds{background:url(../images/tv-icon.svg) no-repeat;}
.video-info .video-tag-icon i.dy{background:url(../images/dy-icon.svg) no-repeat;}
.video-info .video-tag-icon i.zy{background:url(../images/zy-icon.svg) no-repeat;}
.video-info .video-tag-icon i.dm{background:url(../images/dm-icon.svg) no-repeat;}
.slash{padding:0 0.175rem;color:#d7dae1;}
.slash:first-child{display:none;}
.slash:last-child{display:none;}
.info-items{display:flex;padding-bottom:0.125rem;line-height:1.7;}
.info-items label{min-width: 1.2rem;}
.info-items .video-info-actor{
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-footer{margin:0.15rem 0;}
.icon-play{line-height:0.5rem;background:url(../images/play-icon-go.svg) no-repeat;height:0.5rem;width:0.5rem;background-size:cover;display:inline-block;margin-right:0.1rem;}
.icon-play img{height:100%;line-height:1rem;}
.info-footer strong{}
.head-score{height:0.9rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;background-color:#484853;padding:0 0.4rem;}
#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%;}
#rating .vod_score{color:#e29a0a;}
.dx-code{padding:0.9rem;width:6rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;flex-direction:column;}
.dx-code img{width:100%;height:100%;display:block;}
.dx-code p{padding:0;margin:0.5rem 0rem 0rem 0;}
.vod_content{line-height:.7rem;}
/* 详情页播放地址 */
 .playlist{}
.playlist .list-box{}
.playlist .list-box .play-title{display:flex;justify-content:space-between;/* 水平居中 */
 align-items:center;}
.playlist .player_info{display:flex;justify-content:space-between;/* 水平居中 */
 align-items:center;}
.playlist .list-box .play-title h2{font-size:0.55rem;font-weight:500;color:white;}
.playlist .list-box .play-title span{margin-left:0.3rem;}
.playlist .list-box .play_li{font-size:0;}
.playlist .list-box .play_li a{background:#6E6E6E;color:rgb(255 255 255 / 68%);margin:0.125rem;text-align:center;position:relative;line-height:0.875rem;font-size:0.35rem;display:inline-block;border-radius:0.15rem;min-width: calc(10% - 0.25rem);padding: 0rem 0.25rem;}
.playlist .list-box .play_li a:hover{background:#006aff;background:linear-gradient( 90deg,#00acff,#0069ff)!important;}
.detail-list{}
.detail-list .dx-vod{width:calc(15% - -0.24rem)!important;}
.detail-list .dx-vod:nth-child(6n){margin-right:0;}
.play-title .order{justify-content:center;align-items:center;flex-direction:row;display:flex;/* background-color:#00000063;*/
 padding:0.1rem 0.25rem;border-radius:0.175rem;color:rgb(156 156 156);}
.order .asc{background:url(../images/order-asc.svg) no-repeat;width:0.35rem;height:0.35rem;background-size:cover;display:inline-block;margin-right:0.18rem;margin-top:0.09rem;}
.order .desc{background:url(../images/order-desc.svg) no-repeat;background-size:cover;display:inline-block;margin-right:0.18rem;width:0.35rem;height:0.35rem;margin-top:0.09rem;}
.detail-hits{padding-left:1rem;}
/* 播放页 */
 .dx-play-row{background-color:#252525;padding-top:1.9rem;}
.dx-play-row .dx-player{height:20.5rem;}
.dx-play-row .dx-play-btn{background-color:#1a1a1f;display:flex;justify-content:space-around;/* 水平居中 */
 align-items:center;/* 垂直居中 */
 margin-bottom:0.9rem;}
.dx-play-row .dx-play-btn a{position:relative;width:100%;height:100%;text-align:center;padding:0.35rem 0;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;color:#bfbfbf;}
.dx-play-row .dx-play-btn a::before{content:"";width:0.025rem;height:0.45rem;background-color:#4c4c4c;display:block;position:absolute;right:0;}
.dx-play-row .dx-play-btn a:last-child:before{display:none;}
.dx-play-row .dx-play-btn .digg_num{font-style:normal;}
.dx-play-row .dx-play-btn i{width:0.5rem;height:0.5rem;display:inline-block;margin-right:0.15rem;}
.dx-play-row .dx-play-btn i.favs{background:url(../images/favs.svg);background-size:cover;}
.dx-play-row .dx-play-btn a:hover i.favs{background:url(../images/favs-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn i.refresh{background:url(../images/refresh.svg);background-size:cover;}
.dx-play-row .dx-play-btn a:hover i.refresh{background:url(../images/refresh-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn i.up{background:url(../images/up.svg);background-size:cover;}
.dx-play-row .dx-play-btn a:hover i.up{background:url(../images/up-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn i.down{background:url(../images/up.svg);background-size:cover;transform:rotateX(180deg);}
.dx-play-row .dx-play-btn a:hover i.down{background:url(../images/up-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn i.share{background:url(../images/share.svg);background-size:cover;}
.dx-play-row .dx-play-btn a:hover i.share{background:url(../images/share-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn i.qr-code{background:url(../images/qr-code.svg);background-size:cover;}
.dx-play-row .dx-play-btn a:hover i.qr-code{background:url(../images/qr-code-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn i.pre{background:url(../images/pre.svg);background-size:cover;}
.dx-play-row .dx-play-btn a:hover i.pre{background:url(../images/pre-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn i.next{background:url(../images/pre.svg);background-size:cover;transform:rotateX(180deg);}
.dx-play-row .dx-play-btn a:hover i.next{background:url(../images/pre-n.svg);background-size:cover;}
.dx-play-row .dx-play-btn a:hover{background-color:#131317;color:rgb(0 168 255);}
.drop-qrcode{position:absolute;height:4rem;width:7rem;background-color:#1a1a1f;padding:0.3rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.drop-qrcode img{width:2rem;height:2rem;margin-right:0.3rem;}
.qrcode-name{text-align:center;}
.qrcode-name p{padding:0;margin:0;font-size:0.3rem;}
.qrcode-name strong{}
.playNumPage{height:1.5rem;display:flex;justify-content:flex-start;/* 水平居中 */
 align-items:center;border-bottom:0.025rem solid #636363;}
.playNumPage .Tab{margin-right:0.25rem;font-size:0.4rem;font-weight:600;position:relative;height:1.5rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.playNumPage .Tab::after{content:" ";height:0.08rem;background-color:#0099FF;border-radius:0.2rem;position:absolute;bottom:0;left:33%;right:33%;opacity:0;}
.playNumPage .Tab.active,.playNumPage .Tab:hover{color:#01aaff;}
.playNumPage .Tab.active::after,.playNumPage .Tab:hover::after{opacity:1;}
.playNumPage .Tab .play-show{background:url(../images/play-show.svg) no-repeat;width:0.5rem;height:0.5rem;display:inline-block;background-size:cover;margin-right:0.2rem;}
.playNumPage .Tab.active .play-show,.playNumPage .Tab:hover .play-show{background:url(../images/play-show-on.svg) no-repeat;background-size:cover;}
.tabContainer{margin-bottom:0.5rem;margin-top:0.5rem;}
.tabContainer>div{display:none;}
.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 */
}
@keyframes hideIndex{0%{opacity:0;transform:translate(0,2.5rem)}
100%{opacity:1;transform:translate(0,0)}
}
.playNumList{}
.playNumList li{float:left;background:#6E6E6E;color:rgb(255 255 255 / 68%);margin:0.125rem;text-align:center;position:relative;line-height:0.875rem;font-size:0.35rem;display:inline-block;border-radius:0.15rem;width:calc(9% - 0.25rem);}
.playNumList li a{background:#6E6E6E;color:rgb(255 255 255 / 68%);text-align:center;position:relative;line-height:0.875rem;font-size:0.35rem;display:inline-block;border-radius:0.15rem;width:100%;height:100%;}
.playNumList li a.alpha,.playNumList li a:hover{background:#006aff;background:linear-gradient( 90deg,#00acff,#0069ff)!important;}
/* 片库 */
 .channel-row{/* padding:0.5rem;*/
 background-color:#25252B;margin-bottom:0.9rem;border-radius:0.35rem;position:relative;z-index:0;}
.channel-row .MenuRow{padding:0.5rem;background-color:#25252B;border-radius:0.35rem;}
.wrap{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.wrap h1{color:#5f5f5f;}
.channel-row::after,.channel-row::before{height:100%;position:absolute;border-radius:0.45rem;}
.channel-row::before{content:'';left:0.45rem;width:calc(100% - 0.75rem);z-index:-2;background:#fff;bottom:-0.175rem;}
.channel-row::after{content:'';bottom:-0.325rem;width:calc(100% - 1.85rem);z-index:-10;left:0.95rem;}
.channel-row::before{background:rgba(37,37,43,.1);}
.channel-row::after,.channel-row::before{background:#35353e82;}
.page-show{margin-top:1.7rem;}
.channel-row .channel-type{max-height:2rem;overflow:hidden;transition:max-height 0.6s ease 0s;}
.channel-row.menu-open .channel-type{max-height:10rem;}
.channel-row .channel-type .type-item{overflow:hidden;margin-bottom:0.5rem;display:flex;height:auto;}
.channel-row .type-item .item-list{display:flex;flex-wrap:wrap;/* height:0.9rem;*/
}
.channel-row .type-item .item-list .item{float:left;margin-right:0.35rem;width:auto;}
.channel-row .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-row .type-item .item-list .item a:hover,.channel-row .type-item .type-title.cur a{color:#fff;background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);border-radius:2rem;}
.channel-row .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;margin-bottom:0.3rem;}
.channel-row .type-item .item-list .item.cur a{background-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);color:#fff;border-radius:2rem;}
.channel-row .type-tip{float:left;height:0.55rem;line-height:0.55rem;color:#ffffff;font-size:0.35rem;background-color:#7F7F8C;padding:0rem 0.25rem;margin-right:0.25rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}
.channel-row .type-item .type-title{float:left;margin-right:0.35rem;margin-bottom:0.15rem;}
.channel-row .showSwiper{flex:1;display:flex;height:fit-content;}
.channel-row .channel-foot{border-top:0.025rem solid #636363;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;padding:0.5rem;position:relative;}
.channel-row .channel-foot a{position:absolute;right:0.2rem;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
#showOpen{}
#showOpen i{width:0.7rem;height:0.6rem;display:inline-block;}
#showOpen i.open{background:url(../images/left.svg);transform:rotate(270deg);background-size:cover;}
#showOpen i.off{background:url(../images/left.svg);transform:rotate(90deg);background-size:cover;}

/* 留言本 */
.gbook-detail{margin-top:1.9rem;}
.gbook-head{background-color:#ffffff21;padding:0.45rem;border-radius:0.25rem;}
.gbook-content{}
.gbook-content .gbook_form{}
.gbook-content .comment_content{background-color:#F5F5F5;color:#999999;border:0.025rem solid #eee;display:block;width:100%;font-size:0.3rem;line-height:0.5rem;border-radius:0.1rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:auto;padding:0.25rem;}
.gbook-content .info-btn{display:flex;justify-content:space-between;/* 水平居中 */
 align-items:center;margin:0.35rem 0;}
.gbook-content .gbook_remaining{}
.pull-right{float:right;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;position:relative;}
.pull-right .cmt_text{background-color:#F5F5F5;color:#999999;border:0.025rem solid #eee;width:2.25rem;text-align:center;margin-right:0.25rem;height:0.875rem;padding:0 0.25rem;font-size:0.3rem;line-height:0.5rem;border-radius:0.1rem;}
.pull-right .gbook_btn{display:inline-block;padding:0.225rem 0.75rem;font-size:0.3rem;background-color:#00a5ff;background:linear-gradient(to right,#00adff 0,#0068ff 100%);border-radius:0.125rem;line-height:0.45rem;}
.pull-right .mac_verify_img{position:absolute;left:-3rem;width:2.8rem;}
.gbook-list{background-color:#ffffff21;padding:0.45rem;border-radius:0.25rem;margin-top:0.375rem;}
.gbook-list .s-item{display:flex;justify-content:space-between;/* 水平居中 */
 align-items:flex-start;position:relative;margin-bottom:0.5rem;}
.gbook-list .s-item .avatar{float:left;width:1.5rem;}
.gbook-list .s-item .avatar a{}
.gbook-list .s-item .avatar a img{}
.gbook-list .data{flex:1;}
.gbook-list .data h5{padding:0;margin:0;}
.gbook-list .data h5 .font-bold{font-weight:700;}
.gbook-list .data .content{background-color:#00000036;padding:0.25rem;border-radius:0.2rem;}

/* 分页 */
 .dx_pages{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;margin:0.5rem 0;}
.dx_pages .page_tip{margin-right:0.35rem;}
.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.875rem;margin-right:0.3rem;}
.dx_pages .page_link{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.875rem;text-decoration:none;overflow:hidden;width:0.9rem;height:0.9rem;border:0;border-radius:0.15rem;background-color:#434343;color:#ffffff;margin-right:0.3rem;}
.dx_pages .page_link i{width:0.8rem;height:0.8rem;display:inline-block;margin-top:0.03rem;}
.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-image:linear-gradient( 90deg,#00b3ff 0%,#0060ff 100%);}
.dx_pages .page_input{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.875rem;text-decoration:none;overflow:hidden;width:0.9rem;height:0.9rem;border:0;border-radius:0.15rem;background-color:#d8d8d8;color:#ffffff;margin-right:0.3rem;}
.dx_pages .page_btn{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:0.875rem;text-decoration:none;overflow:hidden;width:0.9rem;height:0.9rem;border:0;border-radius:0.15rem;background-color:#00acff;color:#ffffff;}
.page-top{/* margin-top:1.6rem;*/
 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:2.2rem 0;}
.top-head .top-logo{}
.topic-index{margin-top:1.9rem;}
.top-head h1{margin:0;font-size:0.6rem;}
.topic-detail{margin-top:1.9rem;}
.topic-head{display:flex;justify-content:flex-start;/* 水平居中 */
 align-items:flex-start;}
.topic-head .topic-img{width:11rem;margin-right:.6rem;}
.topic-head .topic-img img{width:100%;}
.topic-head .topic-info{flex:1;}
.topic-head .topic-info .topic_h1{margin-top:0;}
.topic-head .topic-info .topic_info{}
.topic-head .topic-info .topic_info span{}
.topic-head .topic-info .topic_info .digg_link{}
.topic-head .topic-info .topic_info .digg_num{font-style:normal;}
.blank-area{display:flex;justify-content:center;/* 水平居中 */
 align-items:center;flex-direction:column;padding:1rem;}
.blank-area img{width:3rem;}
.blank-area div{font-size:0.6rem;margin-top:0.6rem;}
.blank-area p{}
/* 页脚 */
 .footer{background-color:#252525;margin-top:2.5rem;padding-bottom:1rem;}
.footer .link{}
.footer .link .link-tit{}
.footer .link h5{font-size:0.48rem;color:white;}
.footer .link .link-list{}
.footer .link .link-item{float:left;margin-right:0.5rem;margin-bottom:0.25rem;}
.footer .link .link-item a{color:#bdbdbd;}
.footer .link .link-item a:hover{color:rgb(0 168 255);}
.footer .fo-menu{display:flex!important;justify-content:flex-start;align-items:center;}
.footer .fo-menu .fo-menu-item{width:25%;}
.footer .fo-menu .item-tit{}
.footer .fo-menu h5{font-size:0.48rem;color:white;margin:0.48rem 0;}
.footer .fo-menu .fo-menu-class{}
.footer .fo-menu .fo-menu-li{width:20%;float:left;}
.footer .fo-menu .fo-menu-li a{color:#e0e0e0;}
.footer .fo-menu .fo-menu-li a:hover{color:rgb(0 168 255);}
.footer .copyright{text-align:center;margin-top:1rem;}
.footer .copyright p{}
.footer .map{text-align:center;}
.footer .map a{}
/* 固定菜单 */
 .fixed_bar{position:fixed;bottom:50%;right:5.5%;margin-bottom:-4.975rem;z-index:1000;text-align:center;background:hsla(0,0%,100%,.05);box-shadow:0 0.025rem 0.15rem 0 rgb(0 0 0 / 10%);border-radius:0.1rem;display:none;}
.TopRoll .fixed_bar{display:block;}
.fixed_bar .bar-list{padding:0.125rem 0.25rem;}
.fixed_bar .bar-list .bar-item{border-bottom:0.025rem solid #434343;box-sizing:border-box;position:relative;}
.fixed_bar .bar-list .bar-item .list-link{display:block;padding:0.2rem 0.2rem;line-height:0.55rem;font-size:0.35rem;color:hsla(0,0%,100%,.6);}
.fixed_bar .bar-list .bar-item .list-link:hover{color:#00acff;}
.fixed_bar .bar-list .bar-item.top-bar{border-bottom:none;}
.fixed_bar .bar-list .bar-item .list-link#book-bar{background:url(../images/book.svg) no-repeat;width:0.75rem;height:0.75rem;background-size:cover;background-position:center;margin:0.15rem auto;}
.fixed_bar .bar-list .bar-item .list-link#book-bar:hover{background:url(../images/book-hover.svg) no-repeat;width:0.75rem;height:0.75rem;background-size:cover;background-position:center;margin:0.15rem auto;}
.fixed_bar .bar-list .bar-item .list-link#top-bar{background:url(../images/bar-top.svg) no-repeat;width:0.7rem;height:0.7rem;background-size:cover;background-position:center;margin:0.1rem auto;}
.fixed_bar .bar-list .bar-item .list-link#top-bar:hover{background:url(../images/bar-top-hover.svg) no-repeat;width:0.7rem;height:0.7rem;background-size:cover;background-position:center;margin:0.1rem auto;}
.tipText{position:absolute;right:-1.91rem;background-color:#262626;padding:0.1rem 0.3rem;border-radius:0.5rem;top:-0.025rem;}
.baseline{position:relative;display:flex;justify-content:center;/* 水平居中 */
 align-items:center;}
.baseline .base-row{position:absolute;bottom:-2.5rem;display:flex;justify-content:center;align-items:center;}
.baseline img{}
.baseline span{margin-left:0.2rem;}
/* 悬浮卡片 */
 .hover-card{width:5.25rem;background-color:#25252b;border-radius:0.15rem;overflow:hidden;position:absolute;visibility:hidden;z-index:999;opacity:0;}
.hover-card.hover{visibility:visible;opacity:1;will-change:transform;will-change:opacity;animation:video-card-small .2s ease both;}
@keyframes video-card-small{0%{transform:translateZ(0.5rem) scale(.93);opacity:0}
50%{opacity:1}
to{transform:translateZ(0.5rem) scale(1.09);opacity:1}
}
.hover-card .cover-area{position:relative;display:block;overflow:hidden;padding-top:70%;background-position:50% 50%;background-size:cover;}
.hover-card .cover-area::before{content:'';background:rgb(0 0 0 / 24%);position:absolute;top:0;bottom:0;left:0;right:0;}
.hover-card .cover-area::after{content:'';background:url(../images/play-icon.svg) no-repeat;width:1rem;height:1rem;background-size:cover;z-index:99999;position:absolute;top:1.275rem;left:2.2rem;opacity:0;transform:scale(.6);transition:all .3s ease-in;}
.hover-card .cover-area:hover::after{opacity:1;transform:scale(.9);}
.hover-card .small_content{background-color:#25252b;padding:0.25rem;}
.hover-card .hover-tit{display:flex;justify-content:space-between;/* 水平居中 */
 align-items:center;}
.hover-card .hover-tit a{}
.hover-card .hover-tit span{color:#FF5C38;}
.hover-card .small_content p{font-size:.33rem;color:#9e9e9e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;/*行数，2的话就是第二行溢出省略。*/
 -webkit-box-orient:vertical;line-height:.6rem;}
@media (min-width:19.2rem){.vi-nav{width:auto;}
}