body{background:#121212;font:13px/20px pingfang SC,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",helvetica,arial,verdana,tahoma,sans-serif}
img{object-fit:cover}
a{color:hsla(0,0%,100%,.87)}
a:hover{color:#61f6ff}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
.scrollbar::-webkit-scrollbar{width:5px;background-color:#2a2a32;}
.scrollbar::-webkit-scrollbar-thumb{background-color:#4a4a4a;}
.ads{width: 100%;margin: 5px auto;}
.ads img{width: 100%;}
.pay1{position:absolute;color:#733306;font-size:12px;z-index:15;display:block;height:18px;line-height:18px;right:0;top:0;background:#ffdd9a;text-align:center;border-radius:0 7px 0 7px;padding:0 4px}
.pay2{position:absolute;color:#fff;font-size:12px;z-index:15;display:block;height:18px;line-height:18px;right:0;top:0;background:#ff008c;text-align:center;border-radius:0 7px 0 7px;padding:0 4px}
.hide{display:none}
.yhcms-layui{background-color:#2a2a32!important}
.yhcms-layui .layui-layer-title{color:#fff;border-bottom:1px solid #333}
.yhcms-layui .layui-layer-content{color:#fff}
.yhcms-layui .layui-layer-btn a{border:0;background-color:#3ec0b7;color:#fff}
.yhcms-layui .layui-layer-btn .layui-layer-btn0{background-color:#1e9fff}
.sms-code-box{padding:15px 10px 0;font-size:14px;line-height:normal;position:relative}
.sms-code-box .code-img{width:100%;margin-bottom:16px;position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;height:116px;vertical-align:middle;text-align:center}
.sms-code-box .code-img img{width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e5e5e5;height:100%;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sms-code-box .code-img .points-item{display:block;position:absolute;height:14px;line-height:14px;font-size:12px;text-align:center;width:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#83da35;color:#fff}
.sms-code-box .code-img .refresh{cursor:pointer;height:30px;line-height:30px;width:30px;position:absolute;right:0;bottom:0;background-color:#000;background-color:rgba(0,0,0,.5);-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;text-align:center}
.sms-code-box .code-img .refresh i{font-weight:600;font-size:18px;color:#fff}
.sms-code-box .code-text{margin-bottom:16px;overflow:hidden}
.sms-code-box .code-text .sms-msg{width:160px;float:left}
.sms-code-box .code-text .sms-text{width:95px;float:right;height:45px;line-height:45px;text-align:center;font-size:24px;color:#c80000;background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,#ff8174),color-stop(77%,#ffce70));background:-webkit-linear-gradient(top,#ff8174 6%,#ffce70 77%);background:-moz- oldlinear-gradient(top,#ff8174 6%,#ffce70 77%);background:-o-linear-gradient(top,#ff8174 6%,#ffce70 77%);background:linear-gradient(-180deg,#ff8174 6%,#ffce70 77%);border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.sms-code-box .smspic-btn{cursor:pointer;text-align:center;border-top:1px solid #dcdcdc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;height:45px;line-height:45px;background-color:#fff;color:#666;font-size:14px}
.more-left{display:none;cursor:pointer;position:absolute;background-color:rgba(0,0,0,.4);height:60px;line-height:60px;left:0;top:50%;margin-top:-60px;width:32px;z-index:100;border-radius:0 30px 30px 0}
.more-right{cursor:pointer;position:absolute;background-color:rgba(0,0,0,.4);height:60px;line-height:60px;right:0;top:50%;margin-top:-60px;width:32px;z-index:100;border-radius:30px 0 0 30px}
.more-left i{font-size:24px;margin-left:2px;color:#fff}
.more-right i{font-size:24px;margin-left:8px;color:#fff}
.more-left:hover i,.more-right:hover i{color:#61f6ff}
.yhbox{position:relative;z-index:10;margin:0 auto}
.yhcms-login-bg{width:100%;height:100%;background:#000;opacity:.2;position:fixed;left:0;top:0;z-index:99998}
.yhcms-login-pop{position:fixed;left:50%;top:50%;z-index:99999;background:0 0!important;margin-top:-220px;margin-left:-396.5px;visibility:visible;width:auto!important;min-height:334px}
.yhcms-login-box{position:relative;display:flex;background-color:#2a2a32;width:793px;height:440px;margin:0 auto;border-radius:6px}
.yhcms-login-box .login-close{position:absolute;top:10px;left:10px;width:20px;height:20px;cursor:pointer}
.yhcms-login-box .login-close i{color:#7b7b7f;font-size:20px}
.yhcms-login-box .login-content{width:430px;margin:0;padding:48px;background-image:url(../images/popbg.png);background-size:424px 228px;background-repeat:no-repeat;background-position:top}
.yhcms-login-box .login-content .login-nav{width:100%;text-align:center}
.yhcms-login-box .login-content .login-nav span{font-size:18px;font-weight:500;color:#999;position:relative;padding-bottom:6px;margin-left:0;cursor:pointer}
.yhcms-login-box .login-content .login-nav span.on{font-weight:600;color:#fff}
.yhcms-login-box .login-content .login-nav span.on:after{content:"";display:block;position:absolute;width:32px;height:3px;left:-16px;margin-left:50%;bottom:0;border-radius:1px;background:#fff}
.yhcms-login-box .login-content .login-input{margin-top:40px}
.yhcms-login-box .login-content .login-input .input-plain{border-bottom:1px solid #3b3b42;width:100%;margin-top:15px;position:relative}
.yhcms-login-box .login-content .login-input .input-plain input{color:#fff;background:0 0;border:none;font-size:14px;padding-left:0;width:100%;height:42px;outline:0}
.yhcms-login-box .login-content .login-input .input-plain .codebtn{position:absolute;right:10px;bottom:0;line-height:40px;color:#24a5ff;font-size:14px;cursor:pointer}
.yhcms-login-box .login-content .login-forgot-password{text-align:right;margin:12px 0;line-height:18px}
.yhcms-login-box .login-content .login-forgot-password a{font-size:13px;color:#666}
.yhcms-login-box .login-content .login-btn{width:100%;margin-top:20px}
.yhcms-login-box .login-content .login-btn button{width:100%;height:48px;line-height:48px;text-align:center;border:none;border-radius:30px;font-size:16px;outline:0;cursor:pointer;color:#fff;background-image:linear-gradient(90deg,#00d3ff,#00b7ff)}
.yhcms-login-box .login-content .login-agreement{width:100%;margin-top:15px;height:15px}
.yhcms-login-box .login-content .agreement-text{color:#666}
.yhcms-login-box .login-content .layui-form-checkbox[lay-skin=primary] i{border-radius:50%;background-color:#2a2a32;border-color:#e9e9e9!important}
.yhcms-login-box .login-content .layui-form-checked[lay-skin=primary] i{background-color:#08c;border-color:#08c!important}
.yhcms-login-box .extra-login-content{position:relative}
.yhcms-login-box .login-reg{text-align:right;position:absolute;top:18px;right:18px;z-index:999}
.yhcms-login-box .login-reg a{font-size:14px;color:#fff}
.yhcms-login-box .extra-login-content .qrcode-login{width:360px;height:400px;margin-top:20px;border-left:1px solid #3b3b42}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img{width:170px;height:170px;box-shadow:none;background-color:#fff;border:1px solid #f1f1f1;margin:0 auto;margin-top:70px}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-error,.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-ok{background:rgba(0,0,0,.75);position:absolute;left:93px;top:112px;z-index:9999;width:177px;height:178px}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-error p,.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-ok p{color:#fff;font-size:16px;line-height:22px;margin-top:45px;margin-bottom:8px;text-align:center}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-error .refresh{display:block;text-align:center;margin:0 auto;background:#ff9000;background-image:linear-gradient(90deg,#00d3ff,#00b7ff);border:none;width:100px;height:32px;line-height:32px;color:#fff;border-radius:16px;font-size:14px;cursor:pointer;margin-top:20px}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-ok i{display:block;width:45%;height:45%;background:url(../images/qrcode-ok.png);background-size:100%;margin:0 auto;margin-top:15px}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-ok p{margin-top:10px}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-img .qrcode-ok h4{color:#fff;font-size:12px;line-height:22px;margin-top:10px;text-align:center}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-desc{overflow:hidden;margin:0 auto;width:160px;margin-top:20px}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-desc i{float:left;width:37px;height:37px;background-image:url(../images/scan.png);background-size:100%}
.yhcms-login-box .extra-login-content .qrcode-login .qrcode-desc p{font-size:12px;padding-left:44px;margin:0;color:#999}
.header{position:absolute;z-index:2000;top:0;box-sizing:initial;width:100%;height:70px;background-position:50%;background-repeat:no-repeat;background-size:cover}
.header .a1{display:inline-block;margin-right:0}
.header .a1 .logo{display:inline-block;height:38px;width:180px;background:url(../images/logo.png) 50% no-repeat;background-size:auto 38px;vertical-align:middle;cursor:pointer}
.header .a1 .nav{display:none;vertical-align:middle}
.header .a1 .nav a{display:inline-block;padding:0 10px;color:hsla(0,0%,100%,.87);font-size:14px;line-height:38px;text-decoration:none;zoom:1;position:relative;transition:color 0s;-webkit-transition:color 0s}
.header .a1 .nav a.on{color:#61f6ff}
.header .a2{display:inline-block;height:40px;margin:16px auto;text-align:left}
.header .a2 .input{position:relative;height:40px;border-radius:21px;border:1px solid hsla(0,0%,100%,0);background:-webkit-gradient(linear,left top,right top,from(rgba(114,214,245,.2)),color-stop(50%,rgba(200,193,221,.2)),to(rgba(255,148,179,.2)));background:-webkit-linear-gradient(left,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2));background:-o-linear-gradient(left,rgba(114,214,245,.2) 0,rgba(200,193,221,.2) 50%,rgba(255,148,179,.2) 100%);background:linear-gradient(90deg,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2));border-radius:100px;width:100%;white-space:nowrap;box-shadow:0 2px 4px 0 transparent}
.header .a2 .input input{background:rgba(255,25,255,0);border:0;width:calc(100% - 140px);font-size:14px;color:hsla(0,0%,100%,.6);outline:0 none;padding:0 0 0 20px;vertical-align:middle;-webkit-appearance:none;height:40px}
.header .a2 .input input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}
.header .a2 .input a.hot{margin:0 12px;display:inline-block;font-size:13px;color:hsla(0,0%,100%,.6);line-height:40px}
.header .a2 .input .hot i{font-size:16px;color:hsla(0,0%,100%,.6);opacity:.8;display:inline-block;margin-right:3px}
.header .a2 .input .btn{width:32px;height:32px;position:absolute;right:4px;top:5px;display:inline-block;font-size:14px;vertical-align:middle;background-color:#ff008c;margin:0 0 0 12px;border-radius:100%;text-align:center;line-height:32px;cursor:pointer}
.header .a2 .input .btn i{color:#fff}
.header .a2 .input .hot-list{position:absolute;z-index:100;width:-webkit-calc(100% - 62px);width:calc(100% - 62px);background:#2a2a32;box-shadow:0 0 24px 0 rgba(0,0,0,.22),0 24px 24px 0 rgba(0,0,0,.3);border-radius:4px;left:20px}
.header .a2 .input .hot-list .history-search-list,.header .a2 .input .hot-list .hot-search-list{margin:16px 0}
.header .a2 .input .hot-list .title{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:400;padding:8px 16px;margin:0}
.header .a2 .input .hot-list .history-search-list .title img{display:inline-block;float:right;cursor:pointer;border:none;height:auto}
.header .a2 .input .hot-list .history-search-list .history-item{height:16px;padding:8px 16px;line-height:16px;font-size:14px;color:hsla(0,0%,100%,.6);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.header .a2 .input .hot-list .history-search-list .history-item:hover{background:#1e1e24;color:#61f6ff}
.header .a2 .input .hot-list .hot-search-list .hot-item{height:32px;line-height:32px;font-size:14px;color:hsla(0,0%,100%,.6);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.header .a2 .input .hot-list .hot-search-list .hot-item:hover{background:rgba(32,32,32,.5);color:#61f6ff}
.header .a2 .input .hot-list .hot-search-list .hot-item .order{position:absolute;left:16px;text-align:left;width:12px}
.header .a2 .input .hot-list .hot-search-list .hot-item .hot-word{margin-left:42px}
.header .a2 .input .hot-list .hot-search-list .hot-item .tag{display:inline-block;margin-left:8px;background-color:#fc4273;font-size:12px;padding:2px;border-radius:2px;line-height:12px;color:#fff;text-align:center;position:relative;top:-1px}
.header .a2 .input .hot-list .hot-search-list .n0{color:#fc4274}
.header .a2 .input .hot-list .hot-search-list .n1{color:#ff8155}
.header .a2 .input .hot-list .hot-search-list .n2{color:#fcb80a}
.header .a3{display:inline-block;float:right;height:70px;margin-right:5px}
.header .a3 .item{position:relative;float:left;width:52px;height:70px;text-align:center;margin-right:2px}
.header .a3 .item .sanjiao{width:100%;height:20px;position:absolute;left:0;top:-16px}
.header .a3 .item .more{display:block;background-color:#ff008c;border-radius:18px;width:100px;height:30px;line-height:30px;color:#fff;border:none;outline:0;cursor:pointer;margin:15px auto}
.header .a3 .item>a{width:40px;height:40px;font-size:12px;line-height:20px;color:hsla(0,0%,100%,.8);display:block;text-align:center;padding-top:15px;padding-bottom:20px}
.header .a3 .item>a i{width:100%;font-size:24px;display:block;margin-bottom:5px;font-weight:700}
.header .a3 .js-user{height:50px;z-index:5}
.header .a3 .item .js-upic{border-radius:100%;width:40px;height:40px}
.header .a3 .item .noligin{position:absolute;bottom:22px;left:31px;width:39px;height:17px;background:url(../images/nologin.png) no-repeat;background-size:100%}
.header.current,.header.fixed{position:fixed;top:0;left:0;z-index:11010;box-shadow:0 2px 6px rgba(0,0,0,.1);background-color:#16161a}
.header.current .a1 .nav,.header.fixed .a1 .nav{display:inline-block}
.header .a3 .js-fav-list,.header .a3 .js-read-list{margin-top:15px;padding-left:15px;line-height:22px;text-align:left;max-height:235px;overflow:hidden;overflow-y:scroll}
.header .a3 .li-item{position:relative;margin-bottom:15px;height:80px;overflow:hidden}
.header .a3 .li-pic{float:left;margin-right:10px;width:60px;height:80px;border-radius:3px}
.header .a3 .li-name{width:150px;margin-top:12px;font-size:14px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .a3 .li-readat,.header .a3 .li-update{width:150px;margin-top:6px;font-size:12px;color:#999;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .a3 .li-update{margin-top:4px}
.header .a3 .li-read{position:absolute;right:15px;top:28px;width:24px;height:34px;font-size:12px;color:#28292d;line-height:18px;text-align:center}
.header .a3 .check-all{display:block;margin-top:10px;width:100%;height:50px;line-height:50px;text-align:center;font-size:12px;color:#666}
.js-user-box{display:none;position:absolute;border-radius:6px;width:329px;top:65px;left:-287px;background:#2a2a32;box-shadow:0 2px 10px 0 rgba(0,0,0,.3)}
.js-user-box .sjiao{position:absolute;width:0;height:0;border:6px solid transparent;border-bottom-color:#2a2a32;left:303px;top:-12px}
.js-user-box .user-info-box{width:100%;height:55px;margin-top:20px;padding:0;color:hsla(0,0%,100%,.6);text-align:left}
.js-user-box .user-info-box .info{width:85%;display:inline-block}
.js-user-box .user-info-box .upic{display:inline-block;vertical-align:middle;margin-left:20px}
.js-user-box .user-info-box .unichen{display:inline-block;vertical-align:middle;margin-left:10px}
.js-user-box .user-info-box .unichen .cion{padding-left:5px}
.js-user-box .user-info-box .logout{float:right;padding-right:10px;cursor:pointer}
.js-user-box .user-info-box .logout:hover{color:#61f6ff}
.js-user:hover .js-user-box{display:block}
.js-fav-box,.js-read-box{display:none;position:absolute;left:-135px;top:78px;background:#2a2a32;border:none;box-shadow:0 12px 23px 0 rgba(0,0,0,.22);width:303px;max-height:320px;border-radius:4px;text-align:center}
.js-fav-box i,.js-read-box i{display:inline-block;position:absolute;border-color:transparent transparent #2a2a32;border-style:solid;border-width:8px 6.5px;width:0;height:0;left:50%}
.js-fav-box .nodata,.js-read-box .nodata{margin:0 auto;width:100%;text-align:center;padding-top:30px}
.js-fav-box .nodata img,.js-read-box .nodata img{display:block;width:170px;height:170px;margin:0 auto}
.js-fav-box .nodata p,.js-read-box .nodata p{opacity:.38;font-family:PingFangSC-Regular;font-size:14px;color:#fff;text-align:center;line-height:14px;margin-top:11px}
.js-fav:hover .js-fav-box,.js-read:hover .js-read-box{display:block}
.js-app-box{display:none;position:absolute;left:-75px;top:78px;background:#2a2a32;border:none;box-shadow:0 12px 23px 0 rgba(0,0,0,.22);width:150px;border-radius:4px;text-align:center}
.js-app-box i{display:inline-block;position:absolute;border-color:transparent transparent #2a2a32;border-style:solid;border-width:8px 6.5px;width:0;height:0;left:58%}
.js-app-box .qrcode{width:100%;text-align:center}
.js-app-box .qrcode img{width:80%;margin-top:15px}
.header .a3 .item .js-app-box .more{margin:10px auto}
.js-app:hover .js-app-box{display:block}
.header .a1 .nav a:hover,.header .a2 .input a:hover,.header .a3 .item>a:hover{color:#61f6ff}
.banner{width:100%}
.banner-box,.banner-box .banner-pic,.banner-box .banner-pic a{width:100%;height:100%;position:relative}
.banner-box .banner-pic a{position:relative;background-color:#16161a;background-repeat:no-repeat;background-position:center top;background-size:cover;display:block}
.banner-box .banner-pic a .common_shade{position:absolute}
.banner-box .banner-pic a .left_shade,.banner-box .banner-pic a .right_shade,.banner-box .banner-pic a .top_shade{width:100%;height:200px;top:0;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,26,0)),to(rgba(22,22,26,.8)));background:-webkit-linear-gradient(top,rgba(22,22,26,0),rgba(22,22,26,.8) 100%);background:linear-gradient(180deg,rgba(22,22,26,0),rgba(22,22,26,.8) 100%);z-index:10;pointer-events:none}
.banner-box .banner-pic a .bottom_shade,.banner-box .banner-pic a .left_shade,.banner-box .banner-pic a .right_shade{height:200px;width:100%;bottom:0;z-index:10;background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,26,0)),to(#16161a));background:-webkit-linear-gradient(top,rgba(22,22,26,0),#16161a 100%);background:linear-gradient(180deg,rgba(22,22,26,0),#16161a 100%);pointer-events:none}
.banner-box .banner-pic a .left_shade{background-image:-webkit-gradient(linear,right top,left top,from(rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(right,rgba(22,22,26,0),#16161a);background-image:linear-gradient(270deg,rgba(22,22,26,0),#16161a);position:absolute;left:0;top:0}
.banner-box .banner-pic a .right_shade{background-image:-webkit-gradient(linear,left top,right top,from(rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(left,rgba(22,22,26,0),#16161a);background-image:linear-gradient(90deg,rgba(22,22,26,0),#16161a);position:absolute;right:0;top:0}
.banner-box .nav-name{position:absolute;top:19%;left:0;height:300px;width:100%;z-index:999;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(22%,rgba(22,22,26,.8)),color-stop(81%,rgba(22,22,26,.8)),to(transparent));background-image:-webkit-linear-gradient(top,transparent,rgba(22,22,26,.8) 22%,rgba(22,22,26,.8) 81%,transparent);background-image:linear-gradient(180deg,transparent,rgba(22,22,26,.8) 22%,rgba(22,22,26,.8) 81%,transparent)}
.banner-box .nav-name a{display:block}
.banner-box .nav-name a .name{width:100%;padding:0 20px;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.banner-box .nav-name a .name h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsla(0,0%,100%,.6)}
.banner-box .nav-name a .name p{display:none;font-size:12px;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.banner-box .nav-name a.on{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.23)),to(hsla(0,0%,100%,.23)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.23),hsla(0,0%,100%,.23));background-image:linear-gradient(270deg,rgba(0,0,0,.23),hsla(0,0%,100%,.23));height:70px;margin-bottom:12px;opacity:1}
.banner-box .nav-name a.on h3{color:#fff!important;opacity:1;display:block;height:44px;line-height:50px;font-size:20px;font-weight:700}
.banner-box .nav-name a.on .name p{display:block;line-height:20px}
.fixedbar-fixed-bar{display:none;position:fixed;bottom:50px;right:10px;z-index:99999;color:#fff;width:60px;opacity:.98;text-align:center;border-radius:3px;background:#2d2d31}
.fixedbar-fixed-bar .fixedbar-anchor-text{display:block;color:hsla(0,0%,100%,.87);font-size:14px;font-weight:400;text-align:center;margin:15px 0 0}
.fixedbar-fixed-bar .fixedbar-anchor-text.on,.fixedbar-fixed-bar .fixedbar-anchor-text:hover{color:#61f6ff}
.fixedbar-fixed-bar .ant-back-top{margin:10px auto 0;width:24px;height:50px;position:relative;bottom:0;right:0;line-height:1;box-sizing:border-box;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum","tnum","tnum";z-index:10;cursor:pointer}
.fixedbar-fixed-bar .ant-back-top .fixedbar-cutline{width:50px;height:1px;border-top:1px solid hsla(0,0%,100%,.1);display:block;margin-left:-13px}
.fixedbar-fixed-bar img{height:24px;width:24px;margin:0 auto}
.fixedbar-fixed-bar .fixedbar-dingbu{width:32px;height:16px;display:inline-block;color:#61f6ff;font-size:14px;font-family:PingFang SC;font-weight:400;line-height:16px;text-align:center;vertical-align:top;margin-left:-4px}
.fixedbar-fixed-bar .fixedbar-top-link{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.clist-box{position:relative;height:80px;width:100%;color:hsla(0,0%,100%,.87);font-size:16px;line-height:24px;margin-top:10px;text-shadow:0 1px 2px rgba(0,0,0,.4);z-index:2;top:-60px}
.clist-box .clist-left{position:relative;display:inline-block}
.clist-box .clist-left .clist-left-tabs{display:block;float:left;position:relative;width:136px;text-align:center}
.clist-box .clist-left .clist-left-tabs .clist-left-tabs-title{display:block;color:#fff;font-size:26px;-webkit-font-family:SimHei;font-family:Alibaba PuHuiTi B,pingfang SC;font-weight:900;text-align:center;pointer-events:auto;position:relative}
.clist-box .clist-left .clist-left-tabs .clist-left-tabs-sub a{display:inline-block;margin:8px 8px 4px 0;max-width:64px;overflow:hidden;white-space:nowrap;color:hsla(0,0%,100%,.6);font-size:15px;font-family:PingFang SC;font-weight:400;text-align:left;pointer-events:auto}
.clist-box .clist-right{height:90px;float:right;width:210px}
.clist-box .clist-right a{display:block;height:90px;float:left;position:relative;width:70px;pointer-events:auto;text-align:center;color:hsla(0,0%,100%,.6)}
.clist-box .clist-right a img{position:absolute;width:32px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);right:0;top:19px}
.clist-box .clist-right a span{display:block;margin-top:54px;font-size:14px}
.clist-box .clist-line-box{display:inline-block;overflow:hidden;position:absolute;height:100px;width:20px;top:6px;right:320px}
.clist-box .clist-line-box .clist-line{width:1px;height:60px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),color-stop(.31,hsla(0,0%,100%,.5)),color-stop(.56,hsla(0,0%,100%,.5)),color-stop(1,hsla(0,0%,100%,0)));background:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5) .31,hsla(0,0%,100%,.5) .56,hsla(0,0%,100%,0) 1);background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.5) .31,hsla(0,0%,100%,.5) .56,hsla(0,0%,100%,0) 1)}
.type-box{position:relative;top:-30px;color:hsla(0,0%,100%,.87);height:100px;width:100%;font-size:16px;line-height:24px;margin:0 0 32px;overflow:hidden;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.type-box .type{display:inline-block;width:25%;vertical-align:top;margin-right:2%}
.type-box .type h3{height:22px;color:#fff;margin-bottom:10px}
.type-box .type h3 a{display:inline-block;font-size:14px;line-height:20px;margin-left:16px}
.type-box .type h3 a i{font-size:12px;margin-left:5px}
.type-box .type ul{width:100%;font-size:0}
.type-box .type ul li{display:inline-block;margin-top:5px;margin-bottom:6px;font-size:16px}
.links-box,.star-box,.vod-list,.vod-list-tv,.vod-topic{width:100%}
.links-box h2,.star-box h2,.vod-list h2,.vod-list-tv h2,.vod-topic h2{width:100%;font-size:26px;font-weight:600;line-height:40px;color:hsla(0,0%,100%,.87)}
.star-box h2 .type,.vod-list h2 .type,.vod-list-tv h2 .type{position:relative;display:inline-block;box-sizing:border-box;margin:0;padding-left:0;list-style:none}
.star-box h2 .type a,.vod-list h2 .type a,.vod-list-tv h2 .type a{margin-left:20px;padding:5px 14px;border-radius:14px;height:28px;line-height:28px;font-size:14px;text-align:center;background-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.6);font-weight:400}
.star-box h2 .type a:hover,.vod-list h2 .type a:hover,.vod-list-tv h2 .type a:hover{background:#ff008c;color:#fff}
.vod-list ul{width:100%;margin-top:15px}
.vod-list ul li{display:inline-block;box-sizing:border-box;vertical-align:top;margin-bottom:46px}
.vod-list ul li .pic{position:relative;text-align:left;padding-top:133.33%;background:#25252b;border-radius:7px;overflow:hidden;width:100%}
.vod-list ul li .pic a{position:absolute;width:100%;height:100%;left:0;top:0;text-decoration:none;color:#fff;z-index:2}
.vod-list ul li .pic a img{display:block;width:100%;height:100%;overflow:hidden;border-radius:7px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.vod-list .name,.vod-list-tv .name{position:relative;padding-top:5px;color:hsla(0,0%,100%,.87);z-index:10;overflow:hidden;max-height:44px;border-radius:0 0 7px 7px}
.vod-list .name h3,.vod-list-tv .name h3{max-height:22px;height:22px;white-space:nowrap;overflow:hidden}
.vod-list .name h3 a,.vod-list-tv .name h3 a{display:block;height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;line-height:22px;font-size:16px}
.vod-list .name h3 a:hover,.vod-list-tv .name h3 a:hover{color:#61f6ff}
.vod-list .name p,.vod-list-tv .name p{color:hsla(0,0%,100%,.38);margin-top:5px;height:20px;line-height:20px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vod-list-tv .vlist{width:100%;margin-top:15px;margin-bottom:35px}
.vod-list-tv .vlist .one,.vod-list-tv .vlist ul,.vod-list-tv .vlist ul li{display:inline-block}
.vod-list-tv .vlist .one{box-sizing:border-box;vertical-align:top;padding:0 6px 0 6px}
.vod-list-tv .vlist .one .pic{position:relative;padding-top:55.74%;overflow:hidden;border-radius:7px 7px 0 0;background:#25252b}
.vod-list-tv .vlist .one .pic a{position:absolute;width:100%;height:100%;left:0;top:0;text-decoration:none;color:#fff;z-index:2}
.vod-list-tv .vlist .one .pic a img{display:block;width:100%;height:100%;overflow:hidden;border-radius:7px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;border-radius:7px 7px 0 0}
.vod-list-tv .vlist .one .name{background-color:#25252b;padding:32px 0 35px 16px}
.vod-list-tv .vlist ul{position:relative;z-index:1}
.vod-list-tv .vlist ul li{display:inline-block;box-sizing:border-box;vertical-align:top;margin-bottom:20px}
.vod-list-tv .vlist ul li .pic{position:relative;padding-top:55.74%;border-radius:7px;background:#25252b;overflow:hidden}
.vod-list-tv .vlist ul li .pic a{position:absolute;width:100%;height:100%;left:0;top:0;text-decoration:none;color:#fff;z-index:2}
.vod-list-tv .vlist ul li .pic a img{display:block;width:100%;height:100%;overflow:hidden;border-radius:7px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.vod-topic ul{width:100%;margin-top:15px}
.vod-topic li{display:inline-block;width:421px;margin-right:15px;height:140px;overflow:hidden;border-radius:4px;position:relative;margin-bottom:15px}
.vod-topic li:last-child{margin-right:0}
.vod-topic li .pic{width:100%;height:100%;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.vod-topic li .text{position:absolute;bottom:0;left:0;text-align:center;color:#fff;width:100%;font-size:16px;background-image:linear-gradient(transparent,rgba(0,0,0,.5));padding-bottom:10px}
.vod-topic li .text p{padding-top:6px}
.vod-list .pic a:hover img,.vod-list-tv .pic a:hover img,.vod-topic li:hover .pic{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.links-box{margin-top:20px}
.links-box ul{margin-top:10px}
.links-box li{display:inline-block;margin-right:20px}
.links-box li a{color:hsla(0,0%,100%,.6)}
.notice{z-index:99999;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.2);display:none}
.notice-bg{width:50%;height:100%;position:relative;top:30%;left:25%;z-index:2}
.notice-bg .notice-box{width:400px;max-height:280px;background-color:#2a2a32;border-radius:10px;margin:0 auto;padding-top:1px;padding-bottom:40px}
.notice-bg .notice-box .title{width:80%;background-color:#fff;height:2px;margin-left:10%;text-align:center;position:relative;margin-top:80px}
.notice-bg .notice-box .title text{color:#fff;position:absolute;background-color:#2a2a32;width:100px;height:30px;text-align:center;bottom:-14px;left:50%;margin-left:-50px;font-size:20px;font-weight:600}
.notice-bg .notice-box .text{width:80%;margin-left:10%;margin-top:30px;max-height:150px;overflow-y:auto;padding-top:5px;font-size:15px;color:#ccc;line-height:23px}
.notice-bg .top{top:-80px;position:absolute;left:50%;z-index:3;width:110px;height:120px;margin-left:-55px}
.notice-bg .del{width:40px;height:100px;text-align:center;margin:0 auto}
.notice-bg .del .line{margin:0 auto;width:2px;height:60px;background-color:#fff}
.notice-bg .del img{width:40px;height:40px;margin-top:-5px;cursor:pointer}
.bottom{width:100%;margin-top:30px;text-align:center;border-top:1px solid hsla(0,0%,100%,.05);padding:10px 0}
.bottom p{font-size:14px;font-weight:300;margin-top:6px;line-height:25px;color:#999}
.bottom p:first-child{margin:15px 0}
.bottom p a{color:#666;font-weight:500}
.bottom p i{padding:0 24px;display:inline-block}
.bottom p a:hover,.clist-box .clist-left .clist-left-tabs .clist-left-tabs-sub a:hover,.clist-box a:hover,.links-box li a:hover{color:#61f6ff}
.nav-m{display:none;position:relative;margin-left:10px}
.nav-m-a{cursor:pointer;color:hsla(0,0%,100%,.8);display:block;font-size:14px;line-height:38px;text-decoration:none;zoom:1;padding-bottom:20px}
.nav-m-a i{font-size:16px;margin-left:2px}
.nav-m .jiao{display:none;position:absolute;border:5px solid transparent;border-bottom-color:#2a2a32;width:0!important;height:0;left:12px;top:44px}
.nav-m-box{display:none;position:absolute;width:310px;min-height:35px;padding:0 6px;left:-130px;top:54px;background:#2a2a32;box-shadow:0 2px 10px 0 rgba(0,0,0,.3)}
.nav-m-box a{color:hsla(0,0%,100%,.87);display:inline-block;line-height:35px;margin-right:22px;width:42px;overflow:hidden;text-overflow:inherit;white-space:nowrap;text-align:center}
.nav-m-box a:last-child{margin-right:0}
.nav-m-box a.on,.nav-m-box a:hover{color:#61f6ff}
.nav-m:hover .jiao,.nav-m:hover .nav-m-box{display:block}
.star{width:100%;margin-top:20px;height:200px;overflow:hidden;position:relative;margin-bottom:20px}
.star ul{height:100%;padding:0 5px;margin-left:0;white-space:nowrap;transition:all .3s ease 0s}
.star li{display:inline-block;width:157px;margin-right:20px;overflow:hidden}
.star li a{display:block}
.star li .pic{border:1px solid #1eb6d8;width:148px;height:148px;border-radius:50%;opacity:.9;overflow:hidden}
.star li .pic img{width:100%;height:100%}
.star li:hover .pic{opacity:1}
.star li .name{padding-top:10px;text-align:center;width:100%;font-size:16px}
.more-box{width:100%;overflow:hidden;position:relative}
.more-box ul{white-space:nowrap;transition:all .3s ease 0s}
.category-box{padding:14px 24px 0;margin-bottom:20px;overflow:hidden;border-radius:7px;background:#25252b}
.category-box dl{position:relative;margin-bottom:10px}
.category-box dl dt{position:absolute;left:0;top:3px}
.category-box dl dt span{display:inline-block;line-height:28px;font-size:14px;color:#fff;padding:0 10px}
.category-box dl dd{margin-left:76px;padding-top:2px;padding-bottom:6px}
.category-box dl dd a{display:inline-block;line-height:28px;height:28px;padding:0 10px;color:#fff;font-size:14px;margin-right:12px;margin-bottom:10px}
.category-box dl dd a.on{background:#32323c;color:#61f6ff;border-radius:14px}
.layui-laypage a,.layui-laypage span{background-color:#25252b;color:hsla(0,0%,100%,.87);padding:0 10px!important;border:0;margin-right:8px}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#03c8d4}
.layui-laypage a:hover{color:#03c8d4!important}
.layui-laypage .layui-laypage-skip{display:none}
.starinfo-box{width:100%;background:#25252b;border-radius:4px;margin-top:15px;margin-bottom:20px;padding:20px 0;position:relative}
.starinfo-box .pic{width:250px;height:300px;left:20px;position:absolute;top:20px}
.starinfo-box .pic img{width:100%;height:100%;border-radius:4px}
.starinfo-box .text{padding-left:290px}
.starinfo-box .text h4{font-size:26px;font-weight:500;color:#fff}
.starinfo-box .text p{width:98%;font-size:16px;font-weight:400;color:rgb(214 214 214 / 87%);padding-top:10px;height:120px;overflow:hidden;line-height:29px}
.starinfo-box .text .row{width:98%;border-bottom:1px dashed #484848;padding-bottom:16px}
.starinfo-box .text .row span{width:33.333%;display:inline-block;padding-top:15px;font-size:15px;font-weight:500;color:rgb(214 214 214 / 87%);overflow:hidden;white-space:nowrap}
.starinfo-box .text .row span.auto{width:100%}
.hot-bg{background-image:url(../images/hot.png);height:242px;background-size:auto 242px;background-position:50%;background-repeat:no-repeat;position:relative;top:57px}
.hot-bg.news{background-image:url(../images/news.png);background-size:auto 242px;background-position:50%;background-repeat:no-repeat}
.hot-box{margin-top:70px;width:100%;font-size:0}
.hot-box ul{margin-bottom: 20px;display:inline-block;width:22.75%;font-size:16px;vertical-align:top;margin-right:3%;background:#1e1e24;border-radius:8px}
.hot-box ul:nth-child(4n){margin-right:0}
.hot-box ul h3{border-radius:8px 8px 0 0;background:#2a2a32;height:60px;line-height:60px;margin:0;font-size:22px;color:hsla(0,0%,100%,.87);font-weight:400;padding:0 24px}
.hot-box ul li{text-decoration:none;display:block;font-size:16px;color:hsla(0,0%,100%,.87);line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot-box ul li a{display:block;width:100%;padding:0 24px;padding-top:15px;padding-bottom:15px}
.hot-box ul li:hover{background:#151517}
.hot-box ul li .num{margin-right:21px;font-size:18px;font-family:Trebuchet MS;font-weight:700;vertical-align:middle;line-height:16px}
.hot-box ul li .num.n1{color:#ff4f34}
.hot-box ul li .num.n2{color:#fa6400}
.hot-box ul li .num.n3{color:#ffb802}
.hot-box ul li .name{vertical-align:middle;line-height:16px}
.vod-player{width:100%}
.vod-player .vod-left{height:860px;width:1428px;background-color:#000;position:relative;display:inline-block}
.vod-player .vod-left .video{width:100%;height:804px}
.vod-player .vod-left .cmd-box{width:100%;height:56px;line-height:56px;background-color:#16161a}
.vod-player .vod-right{position:relative;float:right;height:820px;overflow:hidden;width:316px;padding:20px;padding-right:0;background-color:#1e1e24}
.vod-player .vod-left .full-btn{position:absolute;z-index:1;width:20px;height:40px;line-height:40px;top:40%;right:-20px;background:#323335;border-radius:0 111.11px 111.11px 0;cursor:pointer}
.vod-player .vod-left .full-btn i{font-size:16px;color:hsla(0,0%,100%,.6)}
.vod-player .vod-left .full-btn:hover i{color:#61f6ff}
.vod-player .vod-left .video p{text-align:center;padding:25%;color:#999;font-size:18px}
.vod-player .vod-left .cmd-box{width:100%}
.vod-player .vod-left .cmd-box .right{float:right}
.vod-player .vod-left .cmd-box .right em{font-style:normal}
.vod-player .vod-left .cmd-box span{font-size:14px;height:32px;line-height:32px;background-color:#2a2a32;border-radius:16px;padding:0 12px;display:inline-block;position:relative;margin-right:12px;color:hsla(0,0%,100%,.6);cursor:pointer}
.vod-player .vod-left .cmd-box span.on,.vod-player .vod-left .cmd-box span:hover{color:#03c8d4}
.vod-player .vod-left .cmd-box i{margin-right:3px;font-size:13px}
.vod-player .vod-left .cmd-box em{display:inline-block;margin-right:15px;margin-top:5px;color:#ddd;font-style:normal}
.vod-player .vod-right h3{font-size:16px;font-weight:500;color:hsla(0,0%,100%,.87);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.vod-player .vod-right .text{max-height:34px;width:100%;font-size:12px;line-height:17px;overflow:hidden;margin-top:10px;padding-bottom:20px;color:hsla(0,0%,100%,.6)}
.vod-player .vod-right .text em{color:#61f6ff;font-style:normal}
.vod-player .vod-right .textji{max-height:34px;width:100%;font-size:14px;line-height:17px;overflow:hidden;padding-bottom:10px;color:hsla(0,0%,100%,.6)}
.vod-player .vod-right .play-zu-btn{cursor:pointer;font-size:14px;position:absolute;right:20px;top:20px;color:hsla(0,0%,100%,.87);padding-bottom:20px;padding-left:20px}
.vod-player .vod-right .play-zu-btn i{margin-left:3px;font-size:13px}
.vod-player .vod-right .zu-list{z-index:9;display:none;position:absolute;top:50px;right:0;min-width:90px;background:#16161a;border-radius:2px;text-align:center;padding:10px 0}
.vod-player .vod-right .zu-list li{cursor:pointer;padding:10px 0;color:hsla(0,0%,100%,.87)}
.vod-player .vod-right .zu-list li.on,.vod-player .vod-right .zu-list li:hover{color:#61f6ff}
.vod-player .vod-right .jitab{width:100%;margin:0 0 16px;color:hsla(0,0%,100%,.6);min-height:32px;line-height:32px;border-radius:16px;background-color:#16161a;margin-right:20px;margin-left:-10px}
.vod-player .vod-right .jitab span{cursor:pointer;color:hsla(0,0%,100%,.6);margin-left:18px;white-space:nowrap;display:inline-block}
.vod-player .vod-right .jitab span.on{color:#03c8d4}
.vod-player .vod-right .scrollbar{height:calc(100% - 100px);overflow:hidden;overflow-y:auto}
.vod-player .vod-right .scrollbar .ji-box{display:none;margin-left:10px}
.vod-player .vod-right .scrollbar .jilist{width:100%;display:none;padding-top: 10px;}
.vod-player .vod-right .scrollbar .jilist li{position:relative;display:inline-block;margin:0 23px 12px 0;height:36px;min-width:36px;line-height:36px;font-size:16px;text-align:center}
.vod-player .vod-right .scrollbar .jilist li a{color:hsla(0,0%,100%,.6);width:100%;height:100%;display:inline-block}
.vod-player .vod-right .scrollbar .jilist li a i{font-size:18px;color:#61f6ff;margin-left:5px}
.vod-player .vod-right .scrollbar .jilist li a:hover{color:#61f6ff}
.vod-player .vod-right .scrollbar .jilist li.on2{background-color:#16161a;border-radius:18px}
.vod-player .vod-right .scrollbar .jilist li.on a,.vod-player .vod-right .scrollbar .jilist li.on2 a{color:#61f6ff}
.vod-player .vod-right .scrollbar .jilist li .pay1,
.vod-player .vod-right .scrollbar .jilist li .pay2{transform: scale(0.8);top: -10px;right: -10px;}
.vod-player .vod-right .scrollbar::-webkit-scrollbar{width:4px;background-color:#333}
.vod-player .vod-right .scrollbar::-webkit-scrollbar-thumb{background-color:#666}
.vod-player .qrcode-img{display:none;position:absolute;bottom:40px;left:250px;width:100px;padding:10px;background-color:#1e1e24;z-index:999999;border-radius:5px}
.vod-player .qrcode-img img{width:100%}
.vod-player .qrcode-img p{padding-top:5px;text-align:center;color:#fff;width:100%;font-size:12px;line-height:20px}
.vod-player .qrcode-box{display:block;position:relative;background-color:#323232;border-radius:4px;padding:6px 0;width:92%;height:53px;margin:24px 0;color:hsla(0,0%,100%,.6)}
.vod-player .qrcode-box .img{position:absolute;width:37px;height:30px;top:-17px;left:14px;background:url(../images/a.png);background-size:100%}
.vod-player .qrcode-box img{position:absolute;width:54px;height:54px;border-radius:4px;left:6px}
.vod-player .qrcode-box .info{float:left;margin-left:73px;cursor:pointer}
.vod-player .qrcode-box .info h3{height:22px;line-height:22px;font-size:16px;margin:5px 0;color:hsla(0,0%,100%,.6)}
.vod-player .qrcode-box .info p{font-size:12px;line-height:17px;height:17px;color:hsla(0,0%,100%,.6)}
.vod-player .vod-right .scrollbar .vodlist{margin-top:10px}
.vod-player .vod-right .scrollbar .vodlist h3{max-height:34px;width:100%;font-size:14px;line-height:17px;overflow:hidden;padding-bottom:20px;color:hsla(0,0%,100%,.6)}
.vod-player .vod-right .scrollbar .vodlist ul{display:block;width:100%}
.vod-player .vod-right .scrollbar .vodlist li{width:100%;margin-bottom:12px;height:70px;display:block}
.vod-player .vod-right .scrollbar .vodlist li .pic{width:116px;height:65px;position:relative;display:inline-block;z-index:1}
.vod-player .vod-right .scrollbar .vodlist li .pic img{width:100%;height:100%;border-radius:3px}
.vod-player .vod-right .scrollbar .vodlist li .pic .score{position:absolute;z-index:99;padding:2px 5px;font-size:12px;border-radius:2px;top:5px;left:5px;background-color:#282727;color:#fff}
.vod-player .vod-right .scrollbar .vodlist li .pic .state{width:80%;position:absolute;z-index:99;bottom:0;left:0;padding:5px 10px;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));text-align:right;color:#fff}
.vod-player .vod-right .scrollbar .vodlist li .info{display:inline-block;margin-left:10px;vertical-align:top;max-width:165px}
.vod-player .vod-right .scrollbar .vodlist li .name{font-size:14px;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.vod-player .vod-right .scrollbar .vodlist li .actor{padding-top:5px;font-size:12px;color:#999;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.vod-player .vod-right .scrollbar .vodlist li .hits{padding-top:2px;font-size:12px;color:#999}
.vod-player .vod-right .scrollbar .vodlist li .hits i{font-size:12px;margin-right:5px}
.vod-bottom{width:100%;padding:30px 0 0;position:relative;background:#121212}
.vod-bottom .vod-left{box-sizing:border-box;margin-right:334px}
.vod-bottom .vod-right{width:336px;position:absolute;top:40px;right:0;z-index:12}
.vod-bottom .vod-right .hot{padding-left:30px;display:block;position:relative;right:0;top:0;bottom:0}
.vod-bottom .vod-right .hot h2{display:inline-block;text-align:left;margin:2px 12px 20px 10px;color:hsla(0,0%,100%,.87);font-size:24px;font-weight:500}
.vod-bottom .vod-right .hot li{display:block;position:relative;width:306px;height:72px;border-radius:7px;border-bottom:1px solid hsla(0,0%,100%,.06)}
.vod-bottom .vod-right .hot li img{display:none;float:left;width:44px;height:58px;border-radius:7px;background-color:#d8d8d8;margin:6px}
.vod-bottom .vod-right .hot li .num{float:left;display:block;width:24px;-webkit-transform:skew(-10deg);-ms-transform:skew(-10deg);transform:skew(-10deg);height:35px;font:700 30px Impact;text-align:center;vertical-align:top;margin:13px 12px 0}
.vod-bottom .vod-right .hot li .num.n1{color:#ff4f34}
.vod-bottom .vod-right .hot li .num.n2{color:#fa6400}
.vod-bottom .vod-right .hot li .num.n3{color:#ffb802}
.vod-bottom .vod-right .hot li .info{float:left;width:224px;height:100%;text-align:left}
.vod-bottom .vod-right .hot li .info h4{float:left;color:hsla(0,0%,100%,.87);font-size:16px;width:230px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 2px}
.vod-bottom .vod-right .hot li .info p .left{display:inline-block;color:hsla(0,0%,100%,.38);width:130px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.vod-bottom .vod-right .hot li .info p .right{float:right;color:#ff008c}
.vod-bottom .vod-right .hot li .info p .right i{font-size:12px;margin-right:2px}
.vod-bottom .vod-right .hot li:hover{background-color:hsla(0,0%,84.7%,.07)}
.vod-bottom .vod-right .hot li:hover .info h4{color:#61f6ff}
.vod-bottom .vod-right .hot li:hover .num{display:none}
.vod-bottom .vod-right .hot li:hover img{display:inline-block}
.vod-star{width:100%}
.vod-star h2{color:hsla(0,0%,100%,.87);font-size:24px;line-height:24px;height:24px;font-weight:600;margin:8px 0 20px}
.vod-star h2 .right{float:right}
.vod-star h2 .right span{display:inline-block;width:24px;height:24px;border-radius:999px;cursor:pointer;font-size:12px;line-height:24px;background-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.4);text-align:center}
.vod-star h2 .right span i{font-size:12px}
.vod-star h2 .right span.on,.vod-star h2 .right span:hover{background-color:rgba(0,0,0,0)}
.vod-star h2 .right span:hover i{color:#fff}
.vod-star ul{position:relative;margin-bottom:18px}
.vod-star ul:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#1e1e24}
.vod-star li{display:inline-block;width:227px;position:relative;margin-bottom:18px}
.vod-star li:after{content:"";position:absolute;left:50%;margin-left:-115px;bottom:-18px;height:1px;width:230px}
.vod-star li:last-child{padding-right:0}
.vod-star li .wrap{display:block;background-color:#25252b;position:relative;padding:6px 0 6px 58px;height:48px;border-radius:64px;font-size:0;opacity:.9;cursor:pointer}
.vod-star li .wrap .pic{position:absolute;left:6px;top:6px;border:2px solid hsla(0,0%,100%,.7);border-radius:50%}
.vod-star li .wrap .pic img{display:inline-block;width:44px;height:44px;border-radius:50%;background-color:#f6f6f6}
.vod-star li .wrap .info{border-radius:0 64px 64px 0;overflow:hidden;margin-left:6px}
.vod-star li .wrap .info h3{display:inline-block;max-width:100%;height:26px;line-height:26px;color:hsla(0,0%,100%,.6);font-size:16px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vod-star li .wrap .info p{height:18px;line-height:18px;color:hsla(0,0%,100%,.6);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vod-star li.cid1.on .wrap{background-color:#3cc580;background:linear-gradient(60deg,#00c160,#49c0c7);opacity:1}
.vod-star li.cid2.on .wrap{background-color:#ff008c;background:linear-gradient(60deg,#ff008c,#ff6285);opacity:1}
.vod-star li.on h3,.vod-star li.on p{color:#fff}
.vod-star li .line{display:none;position:absolute;bottom:-25px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:3px;background-color:#18c181;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1}
.vod-star li .line:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:2px;background-color:#121212;-webkit-transform:skew(-15deg,-15deg);-ms-transform:skew(-15deg,-15deg);transform:skew(-15deg,-15deg)}
.vod-star li.cid2 .line{background-color:#ff4d8d}
.vod-star li.on .wrap .info h3,.vod-star li.on .wrap .info p{color:#fff;opacity:1}
.vod-star li.on:after{background-image:linear-gradient(90deg,#1e1e24,#17c080 50%,#1e1e24)}
.vod-star li.cid2.on:after{background-image:linear-gradient(90deg,#1e1e24,#ff8aaf 50%,#1e1e24)}
.vod-star li.on .line{display:block}
.vod-star .star-vlist{margin-bottom:5px}
.vod-star .star-vlist:before{height:0}
.vod-star .star-vlist li{margin-bottom:0}
.vod-star .star-vlist li .pic{width:100%;height:124px;overflow:hidden;position:relative;border-radius:4px}
.vod-star .star-vlist li .pic .state{width:208px;position:absolute;z-index:99;bottom:0;left:0;padding:5px 10px;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgb(0 0 0 / 97%));text-align:right;color:#fff}
.vod-star .star-vlist li .pic img{width:100%;height:100%;border-radius:3px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.vod-star .star-vlist li .pic img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.vod-star .star-vlist li h3{padding-top:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.comment-box{width:100%;display:inline-block;vertical-align:top}
.comment-list{padding-bottom:40px}
.comment-list h3{width:100%;font-size:26px;font-weight:600;line-height:40px;color:hsla(0,0%,100%,.87)}
.comment-list .box{width:100%;height:120px;border-radius:6px;border:0;margin-top:10px;position:relative;background:#25252b}
.comment-list .box .comment-nolog{position:absolute;top:0;left:0;width:100%;height:120px;text-align:center;background:#25252b}
.comment-list .box .comment-nolog p{font-size:14px;line-height:14px;color:#fff;opacity:.9;padding-top:30px}
.comment-list .box .comment-nolog p.login-btn{cursor:pointer;display:inline-block;width:96px;height:30px;line-height:30px;font-size:14px;margin-top:14px;padding-top:0;background-color:#18c182;background-image:linear-gradient(90deg,#17c081,#3cc0b4);background-repeat:repeat-x;border-radius:3px;color:#fff}
.comment-list .box textarea{border:0;width:100%;padding:10px;border-radius:6px;height:83%;background:#25252b;color:#a5a5a5}
.comment-list .box .btn{cursor:pointer;position:absolute;bottom:10px;right:10px;width:69px;height:34px;line-height:34px;background:#ff008c;border-radius:20px;text-align:center;color:#fff}
.comment-list .box .num{position:absolute;bottom:15px;right:90px;font-size:14px;font-weight:400;color:#999}
.comment-list ul{width:100%;margin-top:40px}
.comment-list li{margin-top:20px;width:100%;position:relative;border-bottom:1px solid #25252b;padding-bottom:20px;color:#a5a5a5}
.comment-list li:last-child{border-bottom:0}
.comment-list li .del{position:absolute;top:0;right:0;cursor:pointer}
.comment-list li .pic{position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;overflow:hidden;border:1px solid #e8e8e8}
.comment-list li .pic img{width:100%;height:100%}
.comment-list li .info{padding-left:58px}
.comment-list li .info .nickname{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.6)}
.comment-list li .info .nickname span{font-size:12px;font-weight:400;color:#999;padding-left:20px}
.comment-list li .info .text{font-size:14px;font-weight:400;color:hsla(0,0%,100%,.87);line-height:24px;padding-top:10px}
.comment-list li .info .cmd{padding-top:7px;font-size:12px}
.comment-list li .info .cmd span{display:inline-block;vertical-align:middle;margin-right:30px;cursor:pointer}
.comment-list li .info .cmd img{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:3px}
.comment-list .reply-list{background:#16161a;border-radius:6px;margin-top:14px;padding:2px 10px 10px 10px}
.comment-list .reply-list li{margin-top:15px;border-bottom:1px solid #25252b;padding-bottom:15px}
.comment-list .reply-list li:last-child{border-bottom:0;padding-bottom:0}
.comment-list .reply-list li .pic{width:38px;height:38px}
.comment-list .reply-list li .info{padding-left:52px}
.comment-list .reply-more{padding-top:10px;padding-left:100px;cursor:pointer;color:#999}
.comment-list .reply-more i{font-size:12px;margin-left:3px}
.comment-list .more{cursor:pointer;margin-top:30px;width:100%;height:40px;line-height:40px;background:#25252b;border-radius:43px;text-align:center;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.87)}
.comment-list .more:hover{color:#61f6ff}
.comment-list .nodata{width:100%;padding:100px 0;text-align:center;color:hsla(0,0%,100%,.87)}
.comment-list li .box{width:100%;height:88px;display:none}
.comment-list li .box textarea{width:100%;height:100%}
.comment-list .vod{background:#16161a;border-radius:6px;margin-top:14px;padding:2px 10px 10px 10px;display:block}
.comment-list .vod img{width:26px;height:22px;margin-right:5px}
.user-box{position:relative;min-height:700px;text-align:left;margin-top:120px}
.user-box .user-box-left{background-color:#25252b;float:left;border-radius:7px;margin-top:10px;padding:0!important;width:210px;margin-right:12px}
.user-box .user-box-right{box-sizing:border-box;display:inline-block;width:1542px}
.user-box .user-box-left .user-info-box{position:relative;height:261px;overflow:hidden;text-align:center;border-radius:7px 7px 0 0}
.user-box .user-box-left .user-info-box .user-info-bg{position:absolute;width:100%;height:261px;z-index:11;background:url(../images/user_left.png);background-size:cover;background-repeat:no-repeat}
.user-box .user-box-left .user-info-box .user-info-text{position:relative;z-index:12}
.user-box .user-box-left .user-info-box .pic{border-radius:100%;cursor:pointer;margin:40px auto 12px;width:90px;height:90px}
.user-box .user-box-left .user-info-box .pic img{width:100%;height:100%;border-radius:100%}
.user-box .user-box-left .user-info-box .pic img.vip{position:absolute;top:1px;right:55px;width:22px;height:22px}
.user-box .user-box-left .user-info-box .nickname{width:90%;margin:0 auto;height:22px;line-height:22px;color:hsla(0,0%,100%,.87);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-box .user-box-left .user-info-box .viptxt{opacity:.6;font-size:13px;color:#f7c3a7;text-align:center;padding-top:5px}
.user-box .user-box-left .user-info-box .pay-btn{display:inline-block;margin-top:15px;padding:0 45px;height:40px;line-height:40px;background-color:#ffdd9a;border-radius:20px;color:#732f06;font-size:13px;font-weight:500;text-align:left;vertical-align:top;cursor:pointer}
.user-box .user-box-left .user-tab-box{margin-top:12px;width:210px;background:url(../images/user_left2.png);background-size:auto 100%;background-position:top;height:400px;border-radius:7px}
.user-box .user-box-left .user-tab-box a{position:relative;display:block;text-align:center;font-size:18px;letter-spacing:0;cursor:pointer;line-height:57px;height:57px;color:hsla(0,0%,100%,.87)}
.user-box .user-box-left .user-tab-box a:hover{color:#61f6ff}
.user-box .user-box-left .user-tab-box a.on{color:#61f6ff;font-weight:700;opacity:1}
.user-reg-box{max-width:500px;margin:0 auto;text-align:center;margin-top:50px;color:hsla(0,0%,100%,.87)}
.user-reg-box h3{width:100%;font-size:26px;font-weight:600;line-height:40px;color:hsla(0,0%,100%,.87)}
.user-reg-box .input-box{width:100%;position:relative;margin-top:20px}
.user-reg-box .input-box input{background-color:#2a2a32;border:0;height:45px;color:hsla(0,0%,100%,.87)}
.user-reg-box .input-box .code{position:absolute;right:10px;bottom:0;line-height:40px;color:#24a5ff;font-size:14px;cursor:pointer}
.user-reg-box .tps-log{text-align:right;margin:12px 0;line-height:18px;font-size:13px;color:#666;cursor:pointer}
.user-reg-box .tps-log:hover{color:#61f6ff}
.user-reg-box .reg-btn,.user-reg-box .pass-btn{width:100%;height:48px;line-height:48px;text-align:center;border:none;border-radius:30px;font-size:16px;outline:0;cursor:pointer;color:#fff;background-image:linear-gradient(90deg,#00d3ff,#00b7ff)}
.user-reg-box .reg-agreement{width:100%;margin-top:15px;height:15px}
.user-reg-box .reg-agreement .agreement-text{color:#666}
.user-reg-box .layui-form-checkbox[lay-skin=primary] i{border-radius:50%;background-color:#2a2a32;border-color:#e9e9e9!important}
.user-reg-box .layui-form-checked[lay-skin=primary] i{background-color:#08c;border-color:#08c!important}
.user-box-right .js-data{width:100%;position:relative}
.user-box-right .js-data .nodata{padding-top:10%;text-align:center;width:120px;margin:0 auto}
.user-box-right .js-data .nodata img{width:100%}
.user-box-right .js-data .nodata p{padding-top:10px;font-size:16px;color:#666}
.user-box-right .js-data ul.vod{width:100%}
.user-box-right .js-data ul.vod h3{display:block;padding-top:10px;padding-left:10px;width:100%;height:40px;font-size:22px;font-weight:500;color:hsla(0,0%,100%,.87)}
.user-box-right .js-data ul.vod h3 .right{float:right;font-size:18px;margin-top:5px;margin-right:22px;cursor:pointer}
.user-box-right .js-data ul.vod li{display:inline-block;width:208px;margin-right:12px;margin-bottom:20px;position:relative}
.user-box-right .js-data ul.vod li .xuan{width:100%;height:195px;border-radius:4px;position:absolute;top:0;left:0;z-index:1;background:rgba(0,0,0,.2)}
.user-box-right .js-data ul.vod li .xuan i{color:#fff;float:right;margin-top:5px;margin-right:5px}
.user-box-right .js-data ul.vod li .xuan.on i{color:#fcc800}
.user-box-right .js-data ul.vod li .pic{width:100%;height:132px;border-radius:4px;position:relative}
.user-box-right .js-data ul.vod li .pic img{width:100%;height:100%;border-radius:4px}
.user-box-right .js-data ul.vod li .name{width:100%;padding-top:10px;font-size:16px;font-weight:500;color:hsla(0,0%,100%,.87);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-box-right .js-data ul.vod li a:hover .name{color:#61f6ff}
.user-box-right .js-data ul.vod li .duration{width:100%;padding-top:5px;font-size:14px;font-weight:400;color:#999}
.user-box-right .js-data ul.vod li.mr0{margin-right:0}
.user-box-right .js-data ul.vod .none{display:none}
.user-box-right .js-data ul.vod li .pic .play{opacity:0;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.2) url(../images/play.png) center no-repeat;background-color:rgba(0,0,0,.2);-webkit-transition:all ease-out .35s;transition:all ease-out .35s}
.user-box-right .js-data ul.vod li .pic:hover .play{opacity:1}
.user-box-right .js-data ul.vod .data-more{cursor:pointer;display:block;width:100%;height:40px;line-height:40px;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.87);margin:20px 0;background:#25252b;text-align:center;border-radius:3px}
.user-box-right .js-data ul.vod .data-more i{margin-left:5px}
.user-xuan-cmd{width:100%;z-index:9999;position:fixed;bottom:0;left:0;text-align:center;background:#2a2a32;height:50px;line-height:50px;color:#fff}
.user-xuan-cmd span{cursor:pointer;display:inline-block;width:49%}
.user-xuan-cmd.none{display:none}
.user-info-box{margin:0 auto}
.user-info-box .layui-elem-field{border-color:#2a2a32;color:#fff}
.user-info-box fieldset{margin:20px 0}
.user-info-box .pic{cursor:pointer;font-size:15px;color:hsla(0,0%,100%,.8);display:inline-block}
.user-info-box .pic img{width:96px;height:96px;border-radius:50%;display:inline-block;vertical-align:middle}
.user-info-box .edit{position:absolute;right:0;top:0}
.user-info-box .edit span{cursor:pointer;font-size:14px;font-weight:400;color:#61f6ff;line-height:38px;margin:0 20px}
.layui-input,.layui-input:hover,.user-info-box .layui-form-pane .layui-form-label,.user-info-box .layui-select{background-color:#2a2a32;border-color:#2a2a32!important;color:#fff}
.user-edit-box{max-width:520px;max-height:350px;background:#2a2a32;padding:15px;border-radius:2px;position:relative;border-top:5px solid #61f6ff}
.user-edit-box h3{text-align:center;width:100%;padding:10px 0;font-size:20px;font-weight:500;color:hsla(0,0%,100%,.8)}
.user-edit-box h3 span{float:right;cursor:pointer}
.user-edit-box h3 span i{font-size:24px}
.user-edit-box p{margin-top:20px;width:100%;position:relative}
.user-edit-box p input{padding-left:10px;height:50px;line-height:50px;border-radius:4px;border:1px solid #0d0d0d;color:#999;background-color:#0d0d0d}
.user-edit-box p input:hover{background-color:#0d0d0d;border:1px solid #0d0d0d}
.user-edit-box p span{cursor:pointer;display:inline-block;position:absolute;right:10px;top:10px;text-align:center;width:90px;height:35px;line-height:34px}
.user-edit-box .btn{cursor:pointer;width:100%;margin-top:20px;height:50px;line-height:50px;background-image:linear-gradient(90deg,#00d3ff,#00b7ff);border-radius:8px;font-size:16px;font-weight:500;color:hsla(0,0%,100%,.8);text-align:center}
.user-edit-box button{border:0}
.content-box{width:100%;margin-top:20px}
.content-box h2{font-size:20px;font-weight:700;color:hsla(0,0%,100%,.8);border-left:5px solid #61f6ff;padding-left:15px}
.content-box .text{width:100%;margin-top:10px;padding:10px 5px}
.content-box .text h3{font-weight:600;margin:10px 0}
.appdown-bg{width:100%;height:708px;background:url(../images/bg1.jpg) center no-repeat;background-size:100% 100%}
.appdown-box{width:100%;position:relative}
.appdown-box .bg{position:absolute;top:66px;width:614px;height:632px;background:url(../images/bg2.png) center no-repeat;background-size:100%}
.appdown-box .info{position:absolute;top:160px;right:0;width:50%;text-align:center}
.appdown-box .info h3{color:#f1f1f1;letter-spacing:10px;font-weight:700;font-size:43px}
.appdown-box .info p{letter-spacing:4px;margin-top:40px;color:hsla(0,0%,100%,.6)}
.appdown-box .info .qrcode{width:250px;height:250px;margin:0 auto;margin-top:40px}
.appdown-box .info .qrcode img{width:100%;height:100%;border-radius:5px}
.vod-info{padding:15px;margin-top:20px;background:#232328;border-radius:4px;height:330px;position:relative}
.vod-info .pic{display:inline-block;width:220px;height:330px;vertical-align:top;position:absolute;top:0;left:0}
.vod-info .pic img{width:100%;height:100%}
.vod-info .info{display:inline-block;height:100%;position:relative;padding-left:245px;width:calc(100% - 245px)}
.vod-info .info h3{font-size:24px;font-weight:500;color:hsla(0,0%,100%,.6)}
.vod-info .info p{width:80%;padding-top:15px;font-size:14px;color:hsla(0,0%,100%,.6);overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width: calc(100% - 200px);}
.vod-info .info .text span,.vod-info .info p span{color:hsla(0,0%,100%,.6)}
.vod-info .info p em{padding:0 10px;color:#d9d9d9}
.vod-info .info p a:nth-child(2n+1){margin:0 10px}
.vod-info .info .text{width:80%;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:15px;min-height:80px;font-size:14px;color:hsla(0,0%,100%,.6)}
.vod-info .info .btn{margin-top:20px}
.vod-info .info .btn a{display:inline-block;margin-right:50px;width:144px;height:46px;line-height:46px;background:#fb7f17;box-shadow:0 2px 12px 0 rgba(239,134,45,.45);border-radius:4px;font-size:16px;color:#fff;text-align:center}
.vod-info .info .btn a i{font-size:20px;margin-right:5px;vertical-align:middle}
.vod-info .info .btn a:nth-child(2){background:#f55;box-shadow:0 2px 12px 0 rgba(246,95,92,.49)}
.vod-info .info .qrcode{position:absolute;top:20px;right:10px;width:160px;text-align:center}
.vod-info .info .qrcode .img img{width:100%;border-radius:5px 5px 0 0}
.vod-info .info .qrcode .img p{padding-top:5px;line-height:35px;background:#16161a;text-align:center;color:hsla(0,0%,100%,.6);width:100%;font-size:12px}
.vod-zu{width:100%;color:hsla(0,0%,100%,.87)}
.vod-zu .zu-box{border-bottom:1px solid #232328;height:35px;position:relative}
.vod-zu .zu-box .right{position:absolute;right:0;top:0;cursor:pointer}
.vod-zu .zu-box .right span{display:inline-block;margin-right:2px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.vod-zu .zu-box .right span i{font-size:14px}
.vod-zu .zu-box h2{position:absolute;bottom:5px;left:0;width:100px;color:hsla(0,0%,100%,.87);font-size:24px;line-height:24px;height:24px;font-weight:600}
.vod-zu .zu-box ul{padding-left:120px;line-height:35px}
.vod-zu .zu-box ul li{display:inline-block;margin-right:30px;position:relative;cursor:pointer}
.vod-zu .zu-box ul li.on em{position:absolute;bottom:0;left:5%;height:2px;background:#fb7f17;width:90%}
.vod-zu .ji-box{padding:10px 0;max-height:330px;overflow-y:auto}
.vod-zu .ji-box ul{display:none}
.vod-zu .ji-box li{padding:6px;display:inline-block;width:10%;text-align:center;margin-top:10px;position:relative}
.vod-zu .ji-box li a{display:block;padding:8px;text-align:center;border-radius:5px;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-color:#232328;color:hsla(0,0%,100%,.6)}
.vod-zu .ji-box li a:hover{color:#61f6ff}
.user-pay-box{width: 100%;}
.user-pay-box h3{height:45px;line-height:45px;background:rgba(32,33,35,.9);font-size:14px;color:#fff}
.user-pay-box h3 img{float:left;display:inline-block;width:35px;height:35px;border-radius:50%;margin-left:10px;margin-top:5px;margin-right:5px}
.user-pay-box h3 .cion{margin-left:5px}
.user-pay-box h3 .layui-close{float:right;margin-right:20px;width:15px;height:15px;cursor:pointer;color:#a4a7a7}
.user-pay-box h3 .layui-close i{font-size:20px}
.user-pay-box .pay-box{width:100%}
.user-pay-box .pay-box .tab{width:100%;font-size:0}
.user-pay-box .pay-box .tab span{display:inline-block;width:33.3333%;font-size:16px;text-align:center;height:52px;line-height:52px;cursor:pointer;background:#efefef}
.user-pay-box .pay-box .tab span.on{background:#fff}
.user-pay-box .pay-box .pay-box-p{margin-top:20px;padding-left:3%;height:25px;overflow:hidden}
.user-pay-box .pay-box ul{width:100%;margin-top:5px}
.user-pay-box .pay-box li{position:relative;display:inline-block;width:21.25%;margin-left:3%;text-align:center;height:100px;border:1px solid #e0e0e0;border-radius:2px;cursor:pointer}
.user-pay-box .pay-box li.on{background:#fff7eb;border:1px solid #e8c895}
.user-pay-box .pay-box li .rmb{font-size:12px;color:#896623;margin-top:20px}
.user-pay-box .pay-box li .rmb b{font-size:30px;color:#ebaf5b;font-family:AkrobatWeb;letter-spacing:0}
.user-pay-box .pay-box li .txt{margin-top:10px;font-size:18px;font-weight:700;color:#6b6b6b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.user-pay-box .pay-box .pay-type{width:94%;height:180px;border:1px solid #e7e7e7;overflow:hidden;margin-left:3%;margin-bottom:3%;font-size:0}
.user-pay-box .pay-box .pay-type .pay-type-left{display:inline-block;width:17.5%;height:100%;background:#eeeff3;font-size:14px;vertical-align:top}
.user-pay-box .pay-box .pay-type .pay-type-left span{width:100%;height:38px;line-height:38px;display:block;text-align:center;cursor:pointer}
.user-pay-box .pay-box .pay-type .pay-type-left span.on{background:#fff}
.user-pay-box .pay-box .pay-type .pay-type-rqcode{display:inline-block;width:82.5%;text-align:center;font-size:14px}
.user-pay-box .pay-box .pay-type .pay-type-rqcode .qrcode{margin-top:30px}
.user-pay-box .pay-box .pay-type .pay-type-rqcode .qrcode .pic{position:relative;width:120px;height:120px;background:url(../images/qrcode.png) no-repeat;cursor:pointer;background-size:100%;display:inline-block;vertical-align:middle}
.user-pay-box .pay-box .pay-type .pay-type-rqcode .qrcode .pic img{width:94%;margin-top:3%}
.user-pay-box .pay-box .pay-type .pay-type-rqcode .qrcode .rmb{display:inline-block;vertical-align:middle}
.user-pay-box .pay-box .pay-type .pay-type-rqcode .qrcode .rmb b{font-size:28px;color:#ff6700}
.user-pay-box .pay-box .pay-type .pay-type-rqcode .pay-type-tps{font-size:12px;color:#7b7b7b;line-height:26px;margin-left:-120px}
.user-pay-box .pay-box ul.pay-card-box{margin-left:3%;margin-top:50px;width:97%}
.user-pay-box .pay-box ul.pay-card-box input{background-color:#fff;color:rgba(0,0,0,.85);border-color:#eee!important;width:97%;margin-top:10px}
.user-pay-box .pay-box .card-btn{cursor:pointer;width:97%;margin-top:20px;height:50px;line-height:50px;background-image:linear-gradient(90deg,#00d3ff,#00b7ff);border-radius:8px;font-size:16px;font-weight:500;color:hsla(0,0%,100%,.8);text-align:center}
@media screen and (min-width:1790px){
	.header .a2{width:560px;margin-left:350px}
	.header.current .a2,.header.fixed .a2{margin-left:200px}
	.yhbox{max-width:1764px}
	.vod-list ul li{width:220.5px;padding:0 6px 0 6px}
	.vod-list-tv .vlist .one{width:444px}
	.vod-list-tv .vlist ul{width:1320px}
	.vod-list-tv .vlist ul li{width:220px;padding:0 6px 0 6px}
	.vod-topic li{width:428px;height:250px}
	.clist-box .clist-left .clist-left-tabs{padding:19px 74px 0 0}
	.clist-box .clist-right{width:282px}
	.clist-box .clist-right a{margin-right:36px}
	.clist-box .clist-right a:last-child{margin-right:0}
	.clist-box .clist-left .clist-left-tabs .clist-left-tabs-title{margin-bottom:3px}
	.banner{height:592px}
	.banner-box .banner-pic a .top_shade{height:90px}
	.banner-box .banner-pic a .bottom_shade{height:220px;top:373px}
	.banner-box .banner-pic a .right_shade{width:160px;height:588px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(left,rgba(22,22,26,0),#16161a);background-image:linear-gradient(90deg,rgba(22,22,26,0),#16161a)}
	.banner-box .banner-pic a .left_shade{width:160px;height:588px;background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(right,rgba(22,22,26,0),#16161a);background-image:linear-gradient(270deg,rgba(22,22,26,0),#16161a)}
	.banner-box .nav-name{width:297px;right:0;height:416px;top:19%;left:50%;margin-left:580px}
	.banner-box .nav-name a{height:50px;line-height:50px}
	.banner-box .nav-name a h3{font-size:16px}
	.clist-box .clist-line-box{right:320px}
	.type-box .type.t1{width:15%}
	.type-box .type li{width:16.66666%}
	.type-box .type.t1 li{width:50%}
	.vod-topic li:nth-child(4n){margin-right:0}
	.vod-player .vod-left{height:860px;width:1428px}
	.vod-player .vod-left .video{height:804px}
	.vod-star li{width:230px;margin-right:10px}
	.appdown-box .bg{left:5%}
	.appdown-box .info{right:5%}
}
@media (max-width:1789px) and (min-width:1592px){
	.header .a2{width:560px;margin-left:300px}
	.header.current .a2,.header.fixed .a2{margin-left:150px}
	.yhbox{max-width:1542px}
	.vod-list ul li{width:220px;padding:0 6px 0 6px}
	.vod-list-tv .vlist .one{width:444px}
	.vod-list-tv .vlist ul{width:1098px}
	.vod-list-tv .vlist ul li{width:219.6px;padding:0 6px 0 6px}
	.vod-topic li{width:374.2px;height:200px}
	.clist-box .clist-left .clist-left-tabs{padding:19px 60px 0 0}
	.clist-box .clist-right{width:282px}
	.clist-box .clist-right a{margin-right:36px}
	.clist-box .clist-right a:last-child{margin-right:0}
	.clist-box .clist-left .clist-left-tabs .clist-left-tabs-title{margin-bottom:3px}
	.banner{height:592px}
	.banner-box .banner-pic a .top_shade{height:90px}
	.banner-box .banner-pic a .bottom_shade{height:220px;top:373px}
	.banner-box .banner-pic a .right_shade{width:160px;height:588px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(left,rgba(22,22,26,0),#16161a);background-image:linear-gradient(90deg,rgba(22,22,26,0),#16161a)}
	.banner-box .banner-pic a .left_shade{width:160px;height:588px;background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(right,rgba(22,22,26,0),#16161a);background-image:linear-gradient(270deg,rgba(22,22,26,0),#16161a)}
	.banner-box .nav-name{width:297px;right:0;height:416px;top:19%;left:50%;margin-left:455px}
	.banner-box .nav-name a{height:50px;line-height:50px}
	.banner-box .nav-name a h3{font-size:16px}
	.clist-left .clist-left-tabs:nth-child(6),.vod-del ul li:nth-child(8),.vod-del ul li:nth-child(9),.vod-list-tv ul li:nth-child(11),.vod-list-tv ul li:nth-child(12){display:none}
	.type-box .type.t1{width:15%}
	.type-box .type li{width:16.66666%}
	.type-box .type.t1 li{width:50%}
	.vod-topic li:nth-child(4n){margin-right:0}
	.vod-player .vod-left{height:679px;width:1206px}
	.vod-player .vod-left .video{height:623px}
	.vod-star li{width:232.6px;margin-right:10px}
	.vod-player .vod-right .scrollbar{height:calc(100% - 290px)}
	.vod-star>.more-box{width:99.8%}
	.user-box .user-box-right{width:1320px}
	.user-box-right .js-data ul.vod li{width:208px;margin-right:12px}
}
@media (max-width:1591px) and (min-width:1330px){
	.header .a2{width:440px;margin-left:210px}
	.header.current .a2,.header.fixed .a2{margin-left:60px;width:350px}
	.yhbox{max-width:1230px}
	.vod-list ul li{width:205px;padding:0 6px 0 6px}
	.vod-list-tv .vlist .one{width:414px}
	.vod-list-tv .vlist ul{width:816px}
	.vod-list-tv .vlist ul li{width:204px;padding:0 6px 0 6px}
	.clist-left .clist-left-tabs:nth-child(5),.clist-left .clist-left-tabs:nth-child(6),.vod-del ul li:nth-child(10),.vod-del ul li:nth-child(7),.vod-del ul li:nth-child(8),.vod-del ul li:nth-child(9),.vod-list-tv .vlist ul li:nth-child(10),.vod-list-tv .vlist ul li:nth-child(11),.vod-list-tv .vlist ul li:nth-child(12),.vod-list-tv .vlist ul li:nth-child(9){display:none}
	.vod-topic li{width:296px;height:160px}
	.clist-box .clist-left .clist-left-tabs{padding:19px 52px 0 0}
	.clist-box .clist-right{width:282px}
	.clist-box .clist-right a{margin-right:36px}
	.clist-box .clist-right a:last-child{margin-right:0}
	.clist-box .clist-left .clist-left-tabs .clist-left-tabs-title{margin-bottom:3px}
	.banner{height:446px}
	.banner-box .banner-pic a .top_shade{height:90px}
	.banner-box .banner-pic a .bottom_shade{height:179px;top:267px}
	.banner-box .banner-pic a .right_shade{width:160px;height:446px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(left,rgba(22,22,26,0),#16161a);background-image:linear-gradient(90deg,rgba(22,22,26,0),#16161a)}
	.banner-box .banner-pic a .left_shade{width:160px;height:446px;background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(right,rgba(22,22,26,0),#16161a);background-image:linear-gradient(270deg,rgba(22,22,26,0),#16161a)}
	.banner-box .nav-name{width:228px;height:300px;top:20%;left:50%;margin-left:386px}
	.banner-box .nav-name a{height:30px;line-height:30px}
	.banner-box .nav-name a h3{font-size:13px}
	.banner-box .nav-name a.on h3{font-size:15px}
	.clist-box .clist-line-box{right:310px}
	.type-box .type.t1{width:15%}
	.type-box .type li{width:16.66666%}
	.type-box .type.t1 li{width:50%}
	.vod-topic li:nth-child(4n){margin-right:0}
	.vod-player .vod-left{height:503px;width:894px}
	.vod-player .vod-left .video{height:447px}
	.vod-star li{width:214.9px;margin-right:10px}
	.vod-player .vod-right .scrollbar{height:calc(100% - 460px)}
	.vod-star>.more-box{width:99.7%}
	.user-box .user-box-right{width:1008px}
	.user-box-right .js-data ul.vod li{width:189.6px;margin-right:12px}
	.user-box-right .js-data ul.vod li .pic{height:115px}
}
@media (max-width:1329px) and (min-width:1240px){
	.header .a2{width:440px;margin-left:210px}
	.header.current .a2,.header.fixed .a2{margin-left:60px;width:350px}
	.yhbox{max-width:1140px}
	.vod-list ul li{width:190px;padding:0 6px 0 6px}
	.vod-list-tv .vlist .one{width:384px}
	.vod-list-tv .vlist ul{width:756px}
	.vod-list-tv .vlist ul li{width:189px;padding:0 6px 0 6px}
	.clist-box .clist-left .clist-left-tabs:nth-child(6),.clist-box .clist-left .clist-left-tabs:nth-child(7),.clist-left .clist-left-tabs:nth-child(5),.clist-left .clist-left-tabs:nth-child(6),.vod-del ul li:nth-child(10),.vod-del ul li:nth-child(7),.vod-del ul li:nth-child(8),.vod-del ul li:nth-child(9),.vod-list-tv .vlist ul li:nth-child(10),.vod-list-tv .vlist ul li:nth-child(11),.vod-list-tv .vlist ul li:nth-child(12),.vod-list-tv .vlist ul li:nth-child(9){display:none}
	.vod-topic li{width:273.7px;height:150px}
	.clist-box .clist-left .clist-left-tabs{padding:19px 60px 0 0}
	.clist-box .clist-right{width:276px}
	.clist-box .clist-right a{margin-right:33px}
	.clist-box .clist-right a:last-child{margin-right:0}
	.clist-box .clist-left .clist-left-tabs .clist-left-tabs-title{margin-bottom:3px}
	.banner{height:446px}
	.banner-box .banner-pic a .top_shade{height:90px}
	.banner-box .banner-pic a .bottom_shade{height:179px;top:267px}
	.banner-box .banner-pic a .right_shade{width:160px;height:446px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(left,rgba(22,22,26,0),#16161a);background-image:linear-gradient(90deg,rgba(22,22,26,0),#16161a)}
	.banner-box .banner-pic a .left_shade{width:160px;height:446px;background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(right,rgba(22,22,26,0),#16161a);background-image:linear-gradient(270deg,rgba(22,22,26,0),#16161a)}
	.banner-box .nav-name{width:228px;height:300px;top:20%;left:50%;margin-left:386px}
	.banner-box .nav-name a{height:30px;line-height:30px}
	.banner-box .nav-name a h3{font-size:13px}
	.banner-box .nav-name a.on h3{font-size:15px}
	.type-box .type.t1{width:15%}
	.type-box .type li{width:20%}
	.type-box .type.t1 li{width:50%}
	.vod-topic li:nth-child(4n){margin-right:0}
	.vod-player .vod-left{height:453px;width:804px}
	.vod-player .vod-left .video{height:397px}
	.vod-star li{width:193px;margin-right:10px}
	.vod-player .vod-right .scrollbar{height:calc(100% - 510px)}
	.vod-star>.more-box{width:99.7%}
	.user-box .user-box-right{width:918px}
	.user-box-right .js-data ul.vod li{width:173.6px;margin-right:10px}
	.user-box-right .js-data ul.vod li .pic{height:100px}
}
@media (max-width:1239px){
	.header{width:100%}
	.header .a2{width:350px;margin-left:90px}
	.header.current .a2,.header.fixed .a2{margin-left:60px;width:350px}
	.header .a1 .nav,.header.current .a1 .nav,.header.fixed .a1 .nav{display:none}
	.header .a1 .nav-m{display:inline-block}
	.yhbox{width:960px}
	.vod-list ul li{width:190px;padding:0 6px 0 6px}
	.vod-list-tv .vlist .one{width:384px}
	.vod-list-tv .vlist ul{width:571.2px}
	.vod-list-tv .vlist ul li{width:189px;padding:0 6px 0 6px}
	.clist-box .clist-left .clist-left-tabs:nth-child(6),.clist-box .clist-left .clist-left-tabs:nth-child(7),.clist-left .clist-left-tabs:nth-child(5),.clist-left .clist-left-tabs:nth-child(6),.vod-del ul li:nth-child(10),.vod-del ul li:nth-child(11),.vod-del ul li:nth-child(6),.vod-del ul li:nth-child(7),.vod-del ul li:nth-child(8),.vod-del ul li:nth-child(9),.vod-list-tv .vlist ul li:nth-child(10),.vod-list-tv .vlist ul li:nth-child(11),.vod-list-tv .vlist ul li:nth-child(12),.vod-list-tv .vlist ul li:nth-child(7),.vod-list-tv .vlist ul li:nth-child(8),.vod-list-tv .vlist ul li:nth-child(9){display:none}
	.vod-topic li{width:225px;height:120px}
	.clist-box .clist-left .clist-left-tabs{padding:20px 30px 0 0}
	.clist-box .clist-right{width:270px}
	.clist-box .clist-right a{margin-right:30px}
	.clist-box .clist-right a:last-child{margin-right:0}
	.clist-box .clist-left .clist-left-tabs .clist-left-tabs-title{margin-bottom:3px}
	.banner{height:446px}
	.banner-box .banner-pic a .top_shade{height:90px}
	.banner-box .banner-pic a .bottom_shade{height:179px;top:267px}
	.banner-box .banner-pic a .right_shade{width:160px;height:446px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(left,rgba(22,22,26,0),#16161a);background-image:linear-gradient(90deg,rgba(22,22,26,0),#16161a)}
	.banner-box .banner-pic a .left_shade{width:160px;height:446px;background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(22,22,26,0)),to(#16161a));background-image:-webkit-linear-gradient(right,rgba(22,22,26,0),#16161a);background-image:linear-gradient(270deg,rgba(22,22,26,0),#16161a)}
	.banner-box .nav-name{width:174px;height:300px;top:20%;left:50%;margin-left:290px}
	.banner-box .nav-name a{height:30px;line-height:30px}
	.banner-box .nav-name a h3{font-size:13px}
	.banner-box .nav-name a.on h3{font-size:15px}
	.clist-box .clist-line-box{right:290px}
	.type-box .type.t1{width:15%}
	.type-box .type li{width:20%}
	.type-box .type.t1 li{width:50%}
	.vod-player .vod-left{height:351px;width:624px}
	.vod-player .vod-left .video{height:295px}
	.vod-star li{width:200px;margin-right:10px}
	.vod-player .vod-right .scrollbar{height:calc(100% - 610px)}
	.vod-star>.more-box{width:99.6%}
	.vod-list>.more-box{width:99.6%}
	.user-box .user-box-right{width:738px}
	.user-box-right .js-data ul.vod li{width:173.6px;margin-right:10px}
	.user-box-right .js-data ul.vod li .pic{height:100px}
	.appdown-box .bg{width:500px;height:500px}
	.appdown-box .info{top:120px}
	.appdown-box .info h3{font-size:35px}
	.appdown-box .info .qrcode{width:200px;height:200px}
}