body,html{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:.37rem}
#app{overflow-x:hidden}
a:active,a:link,a:visited{text-decoration:none;user-select:none;color:#fff}
a{text-decoration:none}
a:hover{color:rgb(0 168 255)}
li,ol,ul{list-style:none;margin:0;padding:0}
*,::after,::before{box-sizing:border-box}
.clearfix:after,.clearfix:before{clear:both;display:table;content:" "}
.ellipsis-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.font-35{font-size:.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:.875rem;margin:.625rem 0 .25rem;text-align:center;font-size:.625rem;color:#03a9f4;font-family:"黑体","microsoft yahei";letter-spacing:.125rem}
.verify_submit{background:#b0eead;border:.025rem solid #23c319;color:#22c318;padding:.125rem .625rem;display:inline-block;font-size:.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:.5rem;max-height:18.75rem;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:.625rem;z-index:130;border-radius:.2rem;background-color:#fff;box-shadow:0 .075rem .45rem rgba(0,0,0,.5)}
.mac_pop .pop_top{height:1rem;width:100%;border-bottom:.025rem #e5e5e5 solid}
.mac_pop .pop_top h2{float:left;display:block;margin:0;font-size:.45rem;font-weight:400;font-family:"microsoft yahei"}
.mac_pop span.pop_close{float:right;width:.575rem;height:.575rem;font-size:0;cursor:pointer;font-weight:700;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:.025rem #e5e5e5 solid;text-align:right}
.mac_pop .pop-cancel,.pop-ok{padding:.2rem .375rem;margin:.375rem .125rem;border:none;border-radius:.125rem;background-color:#337ab7;color:#fff;cursor:pointer}
.mac_pop .pop-cancel{background-color:#fff;border:.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:.5rem;padding-left:.5rem;font-size:.4rem;line-height:.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:.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:.5rem;max-height:18.75rem;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;padding:.625rem;z-index:130;border-radius:.2rem;background-color:#fff;box-shadow:0 .075rem .45rem rgba(0,0,0,.5)}
.mac_pop_msg .pop-msg{text-align:center;font-size:.35rem}
.mac_login{padding:.75rem;width:10rem;height:8.75rem;background:#fff;box-sizing:border-box;font-family:"microsoft yahei"}
.mac_login h3{font-weight:400;color:#333;margin:0 0 .75rem}
.mac_login .mac_login_form .login_form_group{margin-top:.5rem}
.mac_login .mac_login_form .login_form_group input{padding:.1rem .25rem .1rem .9rem;width:100%;height:.95rem;line-height:.95rem;border:.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 .175rem .2rem;background-size:7% 60%}
.mac_login .mac_login_form .login_form_group input.mac_u_pwd{background:url(../images/u_pwd.png) .19rem .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) .2rem .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:.95rem;border:.025rem solid #cacaca;box-sizing:border-box;cursor:pointer}
.mac_login .mac_login_form .login_form_link{margin-top:.25rem;text-align:right}
.mac_login .mac_login_form .login_form_link a{font-size:.3rem;color:#333;margin-left:.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:.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 .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:.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:.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:.125rem;left:0;bottom:.125rem;z-index:-1}
.popup-main{padding-bottom:.5rem}
.popup-main p{padding:.3rem 0 0}
.popup-main p a{color:#ff2a14}
.popup strong{color:#ff2a14}
.popup-footer{padding:.25rem 0 .75rem;text-align:center}
.popup-btn-o{color:#ff2a14;font-weight:700;width:100%;cursor:pointer}
.btn-large,.load-all,.page-number,.popup-btn,.popup-btn-o{padding:0 .375rem;line-height:1rem;font-size:.35rem;display:inline-block;border-radius:.25rem}
.popup-btn-o::after{border-color:#ff2a14;border-radius:1.25rem}
.border::after,.btn-aux-o::after,.btn-block-o::after,.grid-more-link::after,.popup-btn-o::after{border:.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% - .5rem);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:.45rem .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:.65rem;font-weight:700;margin:.625rem 0;position:relative;color:#00abff}
.page-title{color:#fff;font-size:.9rem}
.page-web .channel-row .MenuRow h2::after{content:'';position:absolute;bottom:-.25rem;width:1.5rem;left:.025rem;height:.15rem;background:#0070ff;background:linear-gradient(90deg,#00afff,#006dff)!important;border-radius:1.25rem}
.website_list ul{padding:.025rem .625rem}
.website_list ul li{font-size:.4rem;list-style:circle;line-height:1.88}
.website_list ul li em{font-style:normal;font-weight:600}
.app-download .download-btn{border-radius:1.25rem;font-weight:900;color:#fff;margin-right:.25rem;padding:.05rem .625rem;background-image:linear-gradient(90deg,#00b3ff 0,#0060ff 100%);line-height:1rem;font-size:.35rem;display:inline-flex;justify-content:center;align-items:center}
.app-download .download-btn i{width:.6rem;height:.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:.05rem;background:#e3e6eb;border:none;margin:1rem 0}
.none{display:none!important}
.dx-btn{border-radius:1.25rem;padding:0 .75rem;color:#fff;cursor:pointer}
.play-btn{font-size:.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:.25rem;position:absolute;z-index:99;border-radius:.1rem;margin:0;width:8.75rem;max-height:9rem;top:1.6rem;left:-4.95rem;display:none;color:#e4e4e4;box-shadow:0 .075rem .3rem rgb(0 0 0 / 18%);background-color:#25252b;overflow-x:hidden;overflow-y:scroll;transition-duration:.3s}
.history-vod::before{width:0;height:0;border-left:.175rem solid transparent;border-right:.175rem solid transparent;border-bottom:.2rem solid rgba(7,7,10,.92)}
.history-vod::before{content:'';border-bottom-color:#fff;position:absolute;top:-.2rem;z-index:20;right:2.875rem}
.history-vod::before{border-bottom-color:hsl(240deg 7% 16%)}
.history-vod.alpha{display:block}
.hi-head{display:flex;justify-content:center;align-items:center;height:1rem;color:#fbfbfb;padding-bottom:.37rem;border-bottom:.025rem solid #363640;margin-bottom:.37rem}
.hi-head span{font-size:.4rem;position:absolute;left:.45rem}
.hi-head .hi-Clear{position:absolute;right:.45rem;color:#8c8c8c!important}
.video-header .header-inner .nav-item.current:after{content:'';height:.05rem;background-color:#fbdd88;border-radius:.2rem;position:absolute;bottom:20%;left:30%;right:30%}
.video-header .header-inner .nav-item .history-vod ul{display:inline-block;width:100%;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:.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:.125rem}
.hs-pic img{width:100%;height:auto}
.hs-info{width:60%;padding-left:.5em;height:2.1rem;line-height:initial;justify-content:center;align-items:start;display:flex;flex-direction:column}
.nav-item .hs-info p{margin:.18rem 0;padding:0;display:block;width:100%}
.hs-info p:nth-child(1){font-size:.4rem}
.history-vod ul li{width:100%;height:2.1rem;display:flex;align-items:center;margin-bottom:.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:#09f}
.container{width:80%;margin-right:auto;margin-left:auto}
.header{position:fixed;z-index:1900;top:0;left:0;width:100%;height:1.5rem;transition:.5s ease-out 0s;background:#000}
.page-index .header{background:#1a1a1a00;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%)}
.TopRoll .header{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}
.header .header-inner{width:80%;margin:0 auto;display:block;pointer-events:initial}
.header .dx-logo{float:left;height:100%;display:flex}
.header .logo-link{display:flex;align-items:center;justify-content:center;height:1.2rem}
.header .logo-link img{width:30px;height:30px}
.header .logo-link span{font-size:25px;font-weight:800;color:#fff;padding-right:15px}
.header .dx-user{float:right;display:block}
.header .dx-search{float:right;display:block}
.header-inner .search-area{margin-top:.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:.5rem;padding-right:.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:.3rem;color:hsla(0,0%,100%,.8);background:0 0;border:0 none;outline:0 none}
.searchinput::-webkit-input-placeholder{color:hsla(0,0%,100%,.8);font-size:.35rem;transform: translateY(-2px);}
.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:.5rem;border-radius:0 .5rem .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:.37rem;display:flex;justify-content:center;align-items:center;color:#0177ff!important}
.search-right-entry i.top{margin-right:.1rem;background:url(../images/top.svg);width:.4rem;height:.4rem;background-size:cover}
.search-icon{display:flex;justify-content:center;align-items:center;width:.4rem;height:.4rem;background:url(../images/search.svg);background-size:cover}
.search-enter{border:none;background:0 0;cursor:pointer;color:#fff}
.search-list{position:absolute;z-index:100;width:-webkit-calc(100% - 1.55rem);width:calc(100% - 1.55rem);background:#2a2a32;box-shadow:0 0 .6rem 0 rgb(0 0 0 / 22%),0 .6rem .6rem 0 rgb(0 0 0 / 30%);border-radius:.1rem;left:.5rem}
.search-list .hot-search-list{margin:.4rem 0}
.search-list .title{color:hsla(0,0%,100%,.6);font-size:.35rem;font-weight:400;margin:0;padding:.2rem .4rem}
.search-list .hot-item{height:.9rem;line-height:.9rem;font-size:.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:.4rem;text-align:left;width:.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:.3rem;margin-top:.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:.6rem;height:.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:.2rem;position:absolute;line-height:initial;padding:.05rem .125rem;font-style:normal;min-width:1.2rem;text-align:center;border-top-left-radius:.225rem;border-bottom-right-radius:.225rem;right:-.975rem;top:.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}
.header .header-inner .nav-item{float:left;display:block;width:auto;padding:0 .4rem;position:relative}
.header .header-inner .nav-item{float:left;display:block;width:auto;padding:0 .4rem;position:relative}
.header .header-inner .nav-item a{display:block;height:1.2rem;line-height:1.2rem;font-size:.35rem;vertical-align:-webkit-baseline-middle}
.header .header-inner .nav-item a:hover,.header .header-inner .nav-item.current a{color:#09f}
.header .header-inner .nav-item.current:after{content:'';height:.08rem;background-color:#09f;border-radius:.2rem;position:absolute;bottom:14%;left:33%;right:33%}
.header .header-inner .nav-item .user-link:hover{color:#f0f8ff}
.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:.575rem}
.thumbs-wrapper{padding:.25rem .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:.15rem;height:1.85rem;width:3.7rem}
.gallery-thumbs .swiper-slide{opacity:.8;border:.05rem solid #c4c7ce00}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:.05rem solid #c4c7ce}
.thumbs-button-next,.thumbs-button-prev{position:absolute;top:50%;width:.675rem;height:1.1rem;margin-top:-.55rem;z-index:10;cursor:pointer;background-size:.675rem 1.1rem;background-position:center;background-repeat:no-repeat}
.thumbs-button-next{right:.25rem;left:auto;background-image:url(../images/right.svg)}
.thumbs-button-prev{left:.25rem;right:auto;background-image:url(../images/left.svg)}
.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:.2rem;flex-direction:row}
.box-head .row-icon{width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-right:.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:.55rem;background-size:1rem .5rem;color:#fff;font-weight:500}
.box-head .row-h4{font-size:.35rem;background-size:1rem .5rem;color:#2D2D2D}
.box-head .row-h4 a{color:#A9A9A9}
.box-head .more{font-size:.3rem;margin-left:.2rem;color:#7b7b7b;margin-top:.2rem}
.box-head .more .newNum,.box-head .newNum{color:#00a6ff}
.box-head .row-tab{display:flex;-webkit-align-items:center;height:1.4rem;margin-bottom:.2rem;flex-direction:row}
.row-tab .tab-li{display:flex;justify-content:center;align-items:center}
.row-tab .tab-li a{font-size:.4rem;padding:.1rem .325rem;box-sizing:border-box;background:#252525;border-radius:.75rem;color:#fff;font-size:.3rem;line-height:.45rem;margin-right:.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% - .131rem)!important;float:left;cursor:pointer;margin-right:.27rem;margin-bottom:.8rem;position:relative}
.dx-top .dx-vod:last-child{display:none}
.tx-top .dx-vod:last-child{}
.dx-left .dx-vod{width:calc(16% - .09rem)!important}
.dx-vod .vod_remarks{position:absolute;z-index:10;top:.1rem;left:.1rem;background-image:linear-gradient(90deg,#00b3ff 0,#0060ff 100%);color:#fff;font-size:.3rem;padding:.1rem .18rem;border-radius:.1rem}
.dx-vod .cover-area{border-radius:.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}
.tx-top .dx-vod:nth-child(7n){margin-right:0}
.dx-left .dx-vod:nth-child(6n){margin-right:0}
.dx-title-wrap{margin:.2rem 0}
.dx-title-wrap .title{color:#fff;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;min-width:49.5%}
.dx-ad .ad-link .ad-tip{font-size:.3rem;position:absolute;z-index:11;top:0;right:0;background-color:rgb(0 0 0 / 60%);padding:.075rem .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:.175rem 0;padding:0 .2rem;border-radius:.2rem;box-shadow:0 .025rem 0 0 hsl(0deg 0% 56% / 22%)}
.rank-ul .rank-item:hover{background-color:#20202742;color:#00a4ff}
.rank-ul .rank-num{width:.875rem;font-family:Impact;font-size:.75rem;color:#c6c6c6;position:relative;text-align:center;margin-right:.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:.75rem;cursor:pointer;display:block;width:80%}
.rank-ul .rank-name{padding:0;margin:0;display:block;width:100%;font-size:.36rem;font-weight:600;max-width:5.525rem;color:#fff}
.rank-ul .rank-detail{margin-top:.1rem;height:.45rem;display:flex;align-items:center}
.rank-ul .hot-remarks{color:#999;font-size:.325rem}
.topic-item{float:left;cursor:pointer;margin-right:.28rem;margin-bottom:.8rem;width:calc(25% - .21rem)!important}
.topic-item .cover-area{border-radius:.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:.25rem}
.topic-item:nth-child(4n){margin-right:0}
.hr-dashed-content,.hr-fade-content,.hr-mid-border-content,.hr-solid-content{color:#a2a9b6;border:0;font-size:.3rem;padding:1em 0;position:relative;overflow:hidden}
.hr-fade-content{-webkit-mask-image:linear-gradient(to right,transparent,#000,transparent);mask-image:linear-gradient(to right,transparent,#000,transparent)}
.hr-dashed-content::before,.hr-fade-content::before,.hr-mid-border-content::before,.hr-solid-content::before{content:attr(data-content);position:absolute;padding:0 1ch;line-height:.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:.2rem;margin-right:.28rem;width:calc(26% - .21rem)!important}
.page-top .hits-item{margin-bottom:.3rem}
.page-top .row-hits .hits-item:nth-child(4n){margin-right:.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:-.2rem;margin-top:-.2rem;margin-right:-.2rem;padding:.2rem}
.row-hits .hits .hits-link{display:flex;justify-content:flex-start;align-items:center;padding:.3rem .2rem;margin:0 -.2rem}
.row-hits .hits .hits-link:hover{background:rgb(26 26 26);color:#0d9bff}
.row-hits .hits .hits-num{width:.55rem;font-size:.37rem;color:#c6c6c6;position:relative;text-align:center;margin-right:.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:.408rem;font-weight:500;color:#fff}
.hits-tit .row-icon{width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-right:.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:.45rem}
.dx-view::before{content:'';bottom:-.125rem;left:.45rem;width:calc(100% - .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}
.dx-view::after{content:'';bottom:-.4rem;left:.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;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:.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 h1{margin:0;color:#fff;font-weight:500}
.obj-info h1 .score{margin-left:.5rem;font-size:.4rem;color:#ff9800}
.obj-info h1 .score b{font-size:.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:.3rem 0}
.video-info .tag-link{padding:0 .25rem;line-height:.7rem;font-size:.35rem;border-radius:.25rem;display:inline-block;margin-left:.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:.45rem;height:.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 .175rem;color:#d7dae1}
.slash:first-child{display:none}
.slash:last-child{display:none}
.info-items{display:flex;padding-bottom:.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:.15rem 0}
.icon-play{line-height:.5rem;background:url(../images/play-icon-go.svg) no-repeat;height:.5rem;width:.5rem;background-size:cover;display:inline-block;margin-right:.1rem}
.icon-play img{height:100%;line-height:1rem}
.head-score{height:.9rem;display:flex;justify-content:center;align-items:center;background-color:#484853;padding:0 .4rem}
#rating{justify-content:left;align-items:center;display:flex}
.rating{display:flex}
.rating li{padding:0 .2rem}
.rating li.active{background:url(../images/rating.png) 0 -.45rem no-repeat;background-size:80%}
#rating .label{font-size:.375rem}
#rating .rating li{cursor:pointer;float:left;overflow:hidden;width:.6rem;height:.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 -.45rem no-repeat;background-size:80%}
#rating .vod_score{color:#e29a0a}
.dx-code{padding:.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:.5rem 0 0 0}
.vod_content{line-height:.7rem}
.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:.55rem;font-weight:500;color:#fff}
.playlist .list-box .play-title span{margin-left:.3rem}
.playlist .list-box .play_li{font-size:0}
.playlist .list-box .play_li a{background:#6e6e6e;color:rgb(255 255 255 / 68%);margin:.125rem;text-align:center;position:relative;line-height:.875rem;font-size:.35rem;display:inline-block;border-radius:.15rem;min-width:calc(10% - .25rem);padding:0 .25rem}
.playlist .list-box .play_li a:hover{background:#006aff;background:linear-gradient(90deg,#00acff,#0069ff)!important}
.detail-list .dx-vod{width:calc(15% - -.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;padding:.1rem .25rem;border-radius:.175rem;color:rgb(156 156 156)}
.order .asc{background:url(../images/order-asc.svg) no-repeat;width:.35rem;height:.35rem;background-size:cover;display:inline-block;margin-right:.18rem;margin-top:.09rem}
.order .desc{background:url(../images/order-desc.svg) no-repeat;background-size:cover;display:inline-block;margin-right:.18rem;width:.35rem;height:.35rem;margin-top:.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:.9rem}
.dx-play-row .dx-play-btn a{position:relative;width:100%;height:100%;text-align:center;padding:.35rem 0;display:flex;justify-content:center;align-items:center;color:#bfbfbf}
.dx-play-row .dx-play-btn a::before{content:"";width:.025rem;height:.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:.5rem;height:.5rem;display:inline-block;margin-right:.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:.3rem;display:flex;justify-content:center;align-items:center}
.drop-qrcode img{width:2rem;height:2rem;margin-right:.3rem}
.qrcode-name{text-align:center}
.qrcode-name p{padding:0;margin:0;font-size:.3rem}
.playNumPage{height:1.5rem;display:flex;justify-content:flex-start;align-items:center;border-bottom:.025rem solid #636363}
.playNumPage .Tab{margin-right:.25rem;font-size:.4rem;font-weight:600;position:relative;height:1.5rem;display:flex;justify-content:center;align-items:center}
.playNumPage .Tab::after{content:" ";height:.08rem;background-color:#09f;border-radius:.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:.5rem;height:.5rem;display:inline-block;background-size:cover;margin-right:.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:.5rem;margin-top:.5rem}
.tabContainer>div{display:none}
.tabContainer>div.active{display:block;animation:hideIndex .3s;-moz-animation:hideIndex .3s;-webkit-animation:hideIndex .3s;-o-animation:hideIndex .3s}
@keyframes hideIndex{0%{opacity:0;transform:translate(0,2.5rem)}
100%{opacity:1;transform:translate(0,0)}
}
.playNumList li{float:left;background:#6e6e6e;color:rgb(255 255 255 / 68%);margin:.125rem;text-align:center;position:relative;line-height:.875rem;font-size:.35rem;display:inline-block;border-radius:.15rem;width:calc(9% - .25rem)}
.playNumList li a{background:#6e6e6e;color:rgb(255 255 255 / 68%);text-align:center;position:relative;line-height:.875rem;font-size:.35rem;display:inline-block;border-radius:.15rem;width:100%;height:100%}
.playNumList li a.alpha,.playNumList li a:hover{background:#006aff;background:linear-gradient(90deg,#00acff,#0069ff)!important}
.channel-row{background-color:#25252b;margin-bottom:.9rem;border-radius:.35rem;position:relative;z-index:0}
.channel-row .MenuRow{padding:.5rem;background-color:#25252b;border-radius:.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:.45rem}
.channel-row::before{content:'';left:.45rem;width:calc(100% - .75rem);z-index:-2;background:#fff;bottom:-.175rem}
.channel-row::after{content:'';bottom:-.325rem;width:calc(100% - 1.85rem);z-index:-10;left:.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 .6s ease 0s}
.channel-row.menu-open .channel-type{max-height:10rem}
.channel-row .channel-type .type-item{overflow:hidden;margin-bottom:.5rem;display:flex;height:auto}
.channel-row .type-item .item-list{display:flex;flex-wrap:wrap}
.channel-row .type-item .item-list .item{float:left;margin-right:.35rem;width:auto}
.channel-row .type-item .type-title a{display:block;color:#fff;height:.55rem;line-height:.55rem;font-size:.35rem;padding: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:.55rem;line-height:.55rem;font-size:.35rem;padding:0 .15rem;text-decoration:none;margin-bottom:.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:.55rem;line-height:.55rem;color:#fff;font-size:.35rem;background-color:#7f7f8c;padding:0 .25rem;margin-right:.25rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.channel-row .type-item .type-title{float:left;margin-right:.35rem;margin-bottom:.15rem}
.channel-row .showSwiper{flex:1;display:flex;height:fit-content}
.channel-row .channel-foot{border-top:.025rem solid #636363;display:flex;justify-content:center;align-items:center;padding:.5rem;position:relative}
.channel-row .channel-foot a{position:absolute;right:.2rem;display:flex;justify-content:center;align-items:center}
#showOpen i{width:.7rem;height:.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:.45rem;border-radius:.25rem}
.gbook-content .comment_content{background-color:#f5f5f5;color:#999;border:.025rem solid #eee;display:block;width:100%;font-size:.3rem;line-height:.5rem;border-radius:.1rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:auto;padding:.25rem}
.gbook-content .info-btn{display:flex;justify-content:space-between;align-items:center;margin:.35rem 0}
.pull-right{float:right;display:flex;justify-content:center;align-items:center;position:relative}
.pull-right .cmt_text{background-color:#f5f5f5;color:#999;border:.025rem solid #eee;width:2.25rem;text-align:center;margin-right:.25rem;height:.875rem;padding:0 .25rem;font-size:.3rem;line-height:.5rem;border-radius:.1rem}
.pull-right .gbook_btn{display:inline-block;padding:.225rem .75rem;font-size:.3rem;background-color:#00a5ff;background:linear-gradient(to right,#00adff 0,#0068ff 100%);border-radius:.125rem;line-height:.45rem}
.pull-right .mac_verify_img{position:absolute;left:-3rem;width:2.8rem}
.gbook-list{background-color:#ffffff21;padding:.45rem;border-radius:.25rem;margin-top:.375rem}
.gbook-list .s-item{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-bottom:.5rem}
.gbook-list .s-item .avatar{float:left;width:1.5rem}
.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:.25rem;border-radius:.2rem}
.dx_pages{display:flex;justify-content:center;align-items:center;margin:.5rem 0}
.dx_pages .page_tip{margin-right:.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:.875rem;margin-right:.3rem}
.dx_pages .page_link{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:.875rem;text-decoration:none;overflow:hidden;width:.9rem;height:.9rem;border:0;border-radius:.15rem;background-color:#434343;color:#fff;margin-right:.3rem}
.dx_pages .page_link i{width:.8rem;height:.8rem;display:inline-block;margin-top:.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:.875rem;text-decoration:none;overflow:hidden;width:.9rem;height:.9rem;border:0;border-radius:.15rem;background-color:#d8d8d8;color:#fff;margin-right:.3rem}
.dx_pages .page_btn{display:inline-block;vertical-align:text-bottom;text-align:center;line-height:.875rem;text-decoration:none;overflow:hidden;width:.9rem;height:.9rem;border:0;border-radius:.15rem;background-color:#00acff;color:#fff}
.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:2.2rem 0}
.topic-index{margin-top:1.9rem}
.top-head h1{margin:0;font-size:.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 .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:.6rem;margin-top:.6rem}
.footer{background-color:#252525;margin-top:2.5rem;padding-bottom:1rem}
.footer .link h5{font-size:.48rem;color:#fff}
.footer .link .link-item{float:left;margin-right:.5rem;margin-bottom:.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 h5{font-size:.48rem;color:#fff;margin:.48rem 0}
.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 .map{text-align:center}
.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 .025rem .15rem 0 rgb(0 0 0 / 10%);border-radius:.1rem;display:none}
.TopRoll .fixed_bar{display:block}
.fixed_bar .bar-list{padding:.125rem .25rem}
.fixed_bar .bar-list .bar-item{border-bottom:.025rem solid #434343;box-sizing:border-box;position:relative}
.fixed_bar .bar-list .bar-item .list-link{display:block;padding:.2rem .2rem;line-height:.55rem;font-size:.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:.75rem;height:.75rem;background-size:cover;background-position:center;margin:.15rem auto}
.fixed_bar .bar-list .bar-item .list-link#book-bar:hover{background:url(../images/book-hover.svg) no-repeat;width:.75rem;height:.75rem;background-size:cover;background-position:center;margin:.15rem auto}
.fixed_bar .bar-list .bar-item .list-link#top-bar{background:url(../images/bar-top.svg) no-repeat;width:.7rem;height:.7rem;background-size:cover;background-position:center;margin:.1rem auto}
.fixed_bar .bar-list .bar-item .list-link#top-bar:hover{background:url(../images/bar-top-hover.svg) no-repeat;width:.7rem;height:.7rem;background-size:cover;background-position:center;margin:.1rem auto}
.tipText{position:absolute;right:-1.91rem;background-color:#262626;padding:.1rem .3rem;border-radius:.5rem;top:-.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 span{margin-left:.2rem}
.hover-card{width:5.25rem;background-color:#25252b;border-radius:.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(.5rem) scale(.93);opacity:0}
50%{opacity:1}
to{transform:translateZ(.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:.25rem}
.hover-card .hover-tit{display:flex;justify-content:space-between;align-items:center}
.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;-webkit-box-orient:vertical;line-height:.6rem}
@media (min-width:19.2rem){.vi-nav{width:auto}
}