@charset "utf-8";
/* 全局 */
html{font-size:100px;}
html,body{height:100%;}
html,body,div,h1,h2,h3,h4,h5,h6,p,span,em,a,img,ul,li,ol,form,button,input,textarea,dl,dt,dd,iframe{margin:0;padding:0;}
body{background: #0d0d0d;text-align:left;font:14px/1.5 Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;color:#666;}
a{cursor:pointer;color: #c6c6c6;text-decoration:none;outline:0 none;}
a:hover,a:focus{text-decoration:none;color: #fff;outline:none;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;}
h1,h2,h3,h4,h5,h6,em{font-size:16px;font-weight:normal;}
ol,ul{list-style:none;}
em{font-style:normal;}
img{border:0;vertical-align:middle;}
img,a{-webkit-touch-callout:none;}
.clearfix:after{content:'';display:block;clear:both;visibility:hidden;height:0;}
.clearfix{zoom:1;}
.wrap{margin:0 auto;width:1000px;overflow:hidden;}
.pc{display:inline;}
.mt{display:none;}
@font-face{
    font-family:'Voltaire';
    font-style:normal;
    font-weight:400;
    src:url('../fonts/voltaire.eot'); /* IE6-8 */
    src:local('Voltaire'),url('../fonts/voltaire.woff2') format('woff2'); /* Chrome */
    src:local('Voltaire'),url('../fonts/voltaire.woff') format('woff'); /* IE9-11 */
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
    font-family:"iconfont";
    src:url('../fonts/iconfont.eot'); /* IE9 */
    src:url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/439c901780434009b48e24c2acb7ca23.woff') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
[class*='icon-'],[class^='icon-']{font-family:'iconfont' !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-top:before{content:"\e63c";}
.icon-home:before{content:"\e611";}
.icon-close:before{content:"\e624";}
.icon-apple:before{content:"\e646";}
.icon-android:before{content:"\e68c";}
.icon-desktop:before{content:"\e772";}
.icon-url:before{content:"\e656";}
.icon-email:before{content:"\e826";}
.icon-bs-menu:before{content:"\e608";color:#ffbf00;}
.icon-bs-more:before{content:"\e606";color:#ffbf00;}
.icon-safari:before{content:"\e668";color:#ffbf00;}

/* Nav */
.nav-wrap{background: linear-gradient(130deg,#42A5F5, #9cd3ff);}
.nav{box-sizing:border-box;width:1300px;margin:0 auto;}
.nav li{padding:0 10px;box-sizing:border-box;}
.nav .logo{float:left;min-width:22%;/* margin-top:19px; */overflow:hidden;}
.nav .logo .domain{text-align:center;font-size:30px;font-weight:600;text-transform:lowercase;}
.nav .logo .domain a{color: #000;}
.nav .logo .domain a:hover{color:hsla(0,0%,100%,.8);}
.nav .logo .url{line-height:32px;text-align:center;color:#797B84;}
.nav .logo .url span{display:block;margin:1px;border-radius:5px;border:1px solid rgba(255,255,255,.08);padding:0 10px;height:44px;line-height:44px;background:#151d33;color:#c5cde9;text-transform:lowercase;}
.nav .logo .url i{font-style:normal;color:#ffbf00;}
.nav .btn-icon{float:right;width:75%;padding:10px 0;}
.nav .btn-icon li{width:20%;text-align:center;height: 30px;float:left;position:relative;display:inline-block;line-height: 30px;}
.nav .btn-icon li i{display:block;height: 30px;line-height: 30px;font-size: 31px;margin:0 auto;padding:5px 0 10px 0;}
.nav .btn-icon li span{display:block;height:30px;line-height:30px;font-weight:600;}
.nav .btn-icon li span.subtitle{color: #00bcd4;}
.nav .btn-icon li a{display:block;width:100%;height: 30px;color: #222;line-height: 30px;}
.nav .btn-icon li:hover{background: #bbdefb;border-radius:5px;}
.nav .btn-icon li:hover i{color: #00bcd4;}
.nav .btn-icon li:hover span.title{color: #000;}
.nav .btn-icon li:hover .tips{display:block;}
.nav .btn-icon li .tips{display:none;position:absolute;left:50%;margin-left:-120px;margin-top:33px;box-sizing:border-box;box-shadow:0 2px 5px rgba(0,0,0,.3);border-radius:5px;padding:12px;min-width:240px;line-height:26px;background-color: rgb(255 255 255);color:#a3abc7;white-space:nowrap;}
.nav .btn-icon li .tips:before,.tips:after{content:"";position:absolute;display:block;border-width:8px;border-style:solid;width:0;height:0;}
.nav .btn-icon li .tips:before{left:50%;margin-left:-8px;top:-16px;border-color: transparent transparent #ffffff transparent;}
.nav .btn-icon li .tips:after{left:50%;margin-left:-8px;top:-16px;border-color:transparent transparent transparent transparent;}
.nav .btn-icon li .tips p{color:#ffbf00;}
.nav .btn-icon li .tips em{padding:0;font-style:normal;font-weight:normal;font-size:14px;}
.nav .btn-icon li .tips span{display:none;}


/* HF */
.adHF,.adHF1,.adHF3,.adHF4,.adHF5,.adHF6{margin-bottom: 2px;}
.adHF img{
    width:100%;
    height:6.122vw;;
    min-height: 30px;
    max-height: 80px;
}

.adHF1 img{
    width:100%;
    height:12.244vw;;
    min-height: 60px;
    max-height: 160px;
}

.adHF3 img{
    width:100%;
    height:24.488vw;;
    min-height: 90px;
    max-height: 240px;
}

.adHF4 img{
    width:100%;
    height:30.488vw;;
    min-height: 120px;
    max-height: 320px;
}

.adHF5 img{
    width:100%;
    height:36.488vw;;
    min-height: 150px;
    max-height: 400px;
}

.adHF6 img{
    width:100%;
    height:42.488vw;;
    min-height: 180px;
    max-height: 480px;
}


.share-url {
    padding:5px 0
}
.share-url .share-fun {
    background-repeat:no-repeat;
    background-size:contain;
    height:195px;
    margin:0 auto;
    min-width:310px;
    width:950px
}
.share-url .share-fun .url-share-link {
    color:#fff;
    font-size:45px;
    font-weight:700;
    height:195px;
    line-height:195px;
    padding:0 10px;
    text-align:right
}

.player{
    margin-left: 1px;
    margin-right: 1px;
    height: 500px;
}

.imgplayer{
    margin-left: 10px;
    margin-right: 10px;
    height: auto;
    text-align: center;	}
.imgplayer img{

    max-width:100%;   }
}
.book{

    text-align: center;
}
.book p{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 18px;
    color:#333;}
@media screen and (max-width:738px) {
    .share-url .share-fun .url-share-link {
        font-size:20px;
        line-height:85px;
        height:75px;
    }

    .player{
        height:220px
    }

    .share-url {
        padding:5px 0
    }
    .share-url .share-fun {
        height:85px;
        width:100%
    }


    .share-url .share-fun span {
        font-size:14px;
        padding:0 8px
    }
}

@media (max-width:374px) {

    .share-url .share-fun {
        width:0%
    }
    .share-url .share-fun span {
        font-size:12px;
        padding:0 8px
    }
    .share-url .share-fun div {
        font-size:12px
    }
}


/* Menu */
.menu{margin:5px 5px 5px;border-radius:15px;box-sizing:border-box;background: #222;}
.menu dl{float:left;width:100%;padding:5px 0;}
.menu dl:first-child{border-top:0;}
.menu dl,#subMenuBox dl{border-top: 1px solid rgb(123 123 123 / 30%);}
.menu dt,.menu dd{float:left;line-height:40px;text-align:center;}
.menu dt{width:8%;font-size:16px;}
.menu dt,.menu dt a{color: #000000;background: linear-gradient(120deg,#42A5F5, #9cd3ff);border-radius:5px;}
.menu dt a:hover{color: #000;}
.menu dt:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background: rgb(0 212 9 / 16%);}
.menu dt .cur,.menu dd .cur{color:#e74c3c;}
.menu dd{width:11.5%;font-size:16px;}

/* Mod */
.mod{margin-top:10px;}
.mod .title{width:100%;height:40px;margin:1px 0;border-radius:3px;border-bottom: 1px solid #aaa;background-color: #42A5F5;}
.mod .title h3{float:left;font-size:16px;color:#000;line-height:40px;margin-left: 15px;}
.mod .title h3 a{color: #424242;}
.mod .title h3 a:hover{color: #2196f3;}
.mod .title h3 em{font-size:26px;padding-right:5px;color:#e74c3c;}
.mod .title .tags{float:right;}
.mod .title .tags a{float:left;display:block;margin:5px 0 0 10px;border-radius:100px;padding:5px 10px;background:#eee;}
.mod .title .tags a:hover{background:#2b3655;color:#fff;}
.mod .title .tags h2{float:left;font-size:14px;}
.mod .title .more{float:right;}
.mod .title .total{float:right;line-height:40px;font-size:14px;text-align:right;}
.mod .title .total a{float:right;font-size:16px;color:#000;line-height:40px;margin-right: 15px;}
.mod .title .total em{padding:0 5px;color: #00bcd4;font-weight:bold;}
.mod .row dl{position:relative;display:block;float:left;}
.mod .row dt{position:relative;width:100%;background:#eee;}
.mod .row dt img,.mod .row li img{position:absolute;left:0;top:0;width:100%;height:100%;}
.mod .row dd a{display:block;width:100%;height:40px;line-height:40px;text-align:center;overflow:hidden;background-color: #252525;}
.mod .row dl:hover dd a{color: #fff;}
.mod .col2,.mod .col3,.mod .col4,.mod .co2{margin-right:-20px;}
.mod .col2 dt a,.mod .col3 dt a,.mod .col4 dt a,.mod .co3 dt a,.mod .co2 dt a{display:block;width:100%;height:100%;}
.mod .co3 img,.mod .co2 img{object-fit:cover;}
.mod .col2 dl{margin:10px 20px 10px 0;width:640px;}
.mod .col2 dt{height:150px;}
.mod .col2 dd,.mod .col3 dd,.mod .col4 dd,.couplet-left span,.couplet-right span{display:block;position:absolute;z-index:6;right:2px;bottom:2px;padding:0 4px;border-radius:3px;background:rgba(0,0,0,.4);color:hsla(0,0%,100%,.8);font-size:12px;cursor:pointer;}
.mod .col3 dl{margin:10px 20px 10px 0;width:420px;}
.mod .col3 dt{height:180px;}
.mod .col4 dl{margin:10px 20px 10px 0;width:310px;}
.mod .col4 dt{height:150px;}
.mod .co3{margin-right:-12.5px;}
.mod .co3 dl{margin:5px 12.5px 5px 0;width:240px;border-radius: 5px;overflow: hidden;}
.mod .co3 dt{height:170px;}
.mod .co3 dt a:hover:before{background:url(../images/play.png) center no-repeat;}
.mod .co3 dt i{position:absolute;right:0;bottom:0;left:0;width:auto;height:20px;padding:10px 10px 4px;overflow:hidden;background:linear-gradient(0deg,#000,#000 25.5%,#000 70%,#000);background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.3) 25.5%,rgba(0,0,0,.08) 70%,rgba(0,0,0,0));color: #ffffff;font-size:12px;font-style:normal;letter-spacing:normal;line-height:20px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#00000000", endColorstr="#ff000000")}
.mod .co2 dl{margin:5px 13px 2px 0;width:240px;}
.mod .co2 dt{padding-bottom:130%;}
.mod .co2 dt i{display:block;position:absolute;z-index:2;right:5px;top:5px;padding:0 4px;border-radius:3px;background:rgba(255,191,0,.7);color:hsla(0,0%,0%,.9);font-size:13px;font-style:normal;letter-spacing:normal;}
.mod .col2 dt a:hover:before,.mod .col3 dt a:hover:before,.mod .col4 dt a:hover:before,.mod .co3 dt a:hover:before,.mod .co2 dt a:hover:before{content:"";position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.mod .col4 dl h3,.mod .co3 dl h3,.mod .co2 dl h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mod .col ul{margin:20px 0;}
.mod .col li:nth-of-type(odd){background: #222;}
.mod .col li{width:100%;}
.mod .col li a{display:block;box-sizing:border-box;padding:0 30px;height:60px;line-height:60px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);font-size:16px;}
.mod .col li a:first-child{border-top: 1px solid #333;}
.mod .col li a:visited{color:#999;}
.mod .col li a:hover{background-color:hsla(0,0%,0%,.15);color: #fff;}
.mod .col li em{float:left;display:block;width:30px;color:#42A5F5;font-size:20px;text-align:center;}
.mod .col ul{counter-reset:list 0}
.mod .col ul li{counter-increment:list}
.mod .col ul li em:before{content:counter(list,decimal-leading-zero)"."}
.mod .col li h3{padding:0 20px;font-style:normal;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mod .col li span{float:right;font-size:12px;}
.book{box-sizing: border-box;background: #151515;color: #ddd;padding: 0 10px;    font-size: 16px;    line-height: 30px;}

/* page */
.stui-page__item{ margin: 20px 0 20px;}
.stui-page__item li{ display: inline-block; padding: 0 5px;}
.stui-page__item li a{ display: inline-block; padding: 6px 15px; border-radius: 4px; background-color: #42A5F5; color: #000;}
.stui-page__item li.active a,.stui-page__item li.active span{ background-color: #eee; color: #000;}
.stui-page__item li a:hover{ color: #604f09;}
.stui-page__item li.num{ display: none;}
.stui-page__all a{ position: absolute; top: 50%; margin-top: -40px; display: block; width: 80px; height: 80px; text-align: center; line-height: 80px;}
.stui-page__all a .iconfont{ font-size: 50px; color: #757575;}
.stui-page__all a:hover .iconfont{ color: #06a918;}
.stui-page__all a.left{ left: 0;}
.stui-page__all a.right{ right: 0;}
.text-center{ text-align: center;}

/* Content */
.main h1{padding:20px 0;color:#42A5F5;font-size:36px;text-align:center;overflow:hidden;}
.main h2{color: #fff;font-size: 14px; text-align: center;overflow: hidden;border-bottom: 1px solid #292929;}
.main .content{border-top: 1px solid rgb(2 47 52);border-bottom: 1px solid rgb(2 47 52);padding:30px 0;line-height:40px;text-align:left;font-size:18px;}
.main .content::first-letter{display:block;float:left;margin:0 10px 0 -1.3em;font-size:320%;line-height:80px;}
.main .content img{display:block;margin:20px auto;width:expression(this.width> 1300 ? 1300 : true);background:#eee;}
.main .content p{padding:10px 0;}
.main .content br{display:inline;line-height:30px;}
.main .content ul{width:100%;margin-top:20px;}
.main .content li{float:left;margin-right:10px;font-size:14px;}
.main .content li a{display:blcok;padding:8px 14px;border-radius:3px;background:#eee;}
.main .content li a:visited{color:#999;}
.main .content li a:hover{background:#2b3655;color:#fff;}
.main .content .player{width:100%;margin:0 auto;position:relative;}
.main .content .player-wrap{padding-bottom:56.25%;width:100%;height:0;}
.main .content .player-box{position:absolute;left:0;top:0;width:100%;height:100%;}
.main .post-link{margin:20px 0 10px 0;height:40px;line-height:40px;font-size:16px;}
.main .post-link h2{display:inline;}
.main .post-link a{overflow:hidden;}
.main .post-link .prev{float:left;text-align:left;}
.main .post-link .next{float:right;text-align:right;}
.pic img{max-width: 97%;    max-height: 100%;    width: expression(this.width > 700 && this.height < this.width ? 700:true);    height: auto;    margin: 10px auto;    display: block;    padding: 1px;}
/* Search */
#vodss {
    width: 100%;
    height: 20px;
    margin: 5px auto;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    display: block;
}
#vodss .seach {
    width: 100%;
    float: center;
    height: 20px;
}
#vodss .seach form {
    height: 20px;
}
#vodss .seach input {
    border-radius:5px;
    display: block;
    width: 70%;
    float: left;
    border: 1px solid #444;
    padding-top: 10px;
    padding-bottom: 10px;
    text-indent: 0.2em;
    background: #333;
}
#vodss .seach button {
    border: none;
    background: #63baff;
    color: #111;
    display: block;
    width: 27%;
    float: right;
    padding-top: 1px;
    border-radius: 4px;
    cursor: pointer;
    height: 38px;
}
/* Search */

/* pannel */
.stui-pannel{ position: relative; margin-bottom: 10px; padding: 10px 0; overflow: hidden;border-bottom: 1px solid #2c2c36;}
.stui-pannel:last-child{ margin-bottom: 0; border-bottom: 0;}
.stui-pannel:last-child:before{ display: none;}
.stui-pannel-left{ float: left; width: 70%;}
.stui-pannel-side{ float: left; width: 30%;}
.stui-pannel__head{ padding: 0 5px; margin-bottom: 5px; line-height: 25px;}
.stui-pannel__head .title{ margin: 0; color: #969696}
.stui-pannel__head .title em{color:#fff;font-style: normal;}

/* Sponsor */
input{
    outline-style: none ;
    border: 1px solid #ccc;
    border-radius: 1px;
    padding: 3px 4px;
    width: 80%;
    font-size: 14px;
    font-weight: 80%;
    font-family: "Microsoft soft";
}
input[type=submit] {
    padding:2px 6px;
    background:#ccc;
    width: 100px;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#topBox .mod,#btmBox .mod{margin:0 auto;}
.player-tips{position:absolute;z-index:10000;padding-bottom:56.25%;width:100%;height:0;background:rgba(0,0,0,0.8);font-size:16px;text-align:center;}
.player-tips dl{position:absolute;left:50%;top:50%;margin-left:-300px;margin-top:-200px;box-sizing:border-box;width:600px;height:400px;padding:20px 0;}
.player-tips a{position:absolute;display:block;z-index:8;width:100%;height:100%;}
.player-tips .title{font-size:26px;color:#ffbf00;}
.player-tips .sub-title{color:#6f7894;}
.player-tips .icon{margin:0 auto;margin-top:20px;width:200px;height:200px;background:url(../images/khsp.png) no-repeat 0 0 / 100% 100%;}
.player-tips .icon a{display:block;width:200px;height:200px;}
.player-tips .download{margin-top:16px;text-align:center;font-size:14px;}
.player-tips .download span{padding:8px 30px;background:#2b3655;color:#fff;border-radius:20px;}
.player-tips .download a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.player-tips .btn-close{position:absolute;cursor:pointer;z-index:9;top:0;right:0;width:48px;height:48px;line-height:48px;color:hsla(0,0%,100%,.8);font-size:20px;text-align:center;}
.couplet-left,.couplet-right{position:fixed;top:30%;margin:5px;z-index:70;}
.couplet-left img{width:150px;height:350px;}
.couplet-left{left:0;}
.couplet-right{right:0;}
.couplet-right img{width:150px;height:350px;}
.couplet-left li,.couplet-right li{position:relative;width:150px;height:350px;}
.couplet-left a,.couplet-right a{position:absolute;z-index:3;width:150px;height:350px;background:#eee\9;filter:alpha(opacity=0)\9;opacity:0\9;}
.couplet-left a:hover,.couplet-right a:hover{background:#000;filter:alpha(opacity=30,finishopacity=30,style=1);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;outline:none;-webkit-transition: all .3s linear;-moz-transition:all .3s linear;-ms-transition: all .3s linear;transition: all .3s linear;}
.couplet-left .btn-close,.couplet-right .btn-close{position:absolute;cursor:pointer;top:0;right:0;padding:2px 5px;background:#000;color:#fff;opacity:.8;z-index:5;}

/* Footer */
.footer{margin-top:30px;padding:60px 0;background: #151515;border-top:1px solid #292929;color:#969696;line-height:30px;text-align:center;}
@keyframes fade{from{opacity:1.0;}50%{opacity:0.8;color:rgba(0,0,0,0.8);;}}to{opacity:1.0;}}
@-webkit-keyframes fade{from{opacity:1.0;}50%{background:#fff;color:rgba(252,48,118,1);}to{opacity: 1.0;}}
.app-tips{position:relative;cursor:pointer;margin-top:10px;border-radius:5px;background:#ffbf00;padding:8px;color:rgba(0,0,0,0.8);font-size:14px;line-height:24px;text-align:center;animation:fade 600ms infinite;-webkit-animation:fade 600ms infinite;}
.app-tips .btn-close{position:absolute;cursor:pointer;z-index:9;right:0;padding:2px;margin-right:10px;color:hsla(0,0%,0%,.8);font-size:14px;line-height:20px;}

/* Other */
.nav .domain,.mod .title .count em,.mod .row i,.mod .col li em,.mod .col li span,.pagination .mobile{font-family:'微软雅黑','Book Antiqua';}
.guide{position:fixed;display:block;left:50%;margin-left:660px;bottom:20px;z-index:90;}
.guide a{display:block;margin-top:10px;width:48px;height:48px;line-height:48px;background: #00bcd4;opacity:.9;border-radius:100px;box-shadow:rgba(5,24,74,.37) 0px 2px 6px 0px;color: #ffffff;font-size:20px;text-align:center;}
.guide a:hover{background:#2b3655;color:#fff;}
.mask{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);overflow-y:scroll;cursor:pointer;}
.pop{position:fixed;left:50%;top:50%;margin-left:-160px;margin-top:-200px;border-radius:12px;width:320px;height:400px;background:-webkit-gradient(linear,0 0,0 100%,from(#212c4b),to(#6f7894));background:-webkit-linear-gradient(top,#212c4b,#6f7894);background:-moz-linear-gradient(top,#212c4b,#6f7894);background:-o-linear-gradient(top,#212c4b,#6f7894);background:-ms-linear-gradient(top,#212c4b,#6f7894);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#212c4b,endColorstr=#6f7894);font-size:14px;text-align:center;z-index:11001;}
.pop dt{margin-top:20px;height:40px;line-height:40px;font-size:20px;color:hsla(0,0%,100%,.8);}
.pop dd{margin:13px;}
.pop .sub-title{line-height:26px;color:hsla(0,0%,100%,.5);}
.pop .url{cursor:pointer;margin:10px 20px;border-radius:5px;padding:0 10px;height:34px;line-height:34px;background:#212c4b;color:hsla(0,0%,100%,.8);text-transform:lowercase;}
.pop .url:hover{background:#151d33;}
.pop em{color:#ffbf00;font-size:14px;}
.pop .all{margin-top:26px;text-align:center;}
.pop .all a{padding:8px 30px;background:#2b3655;color:#fff;border-radius:20px;}
.pop .all a:hover{background:#151d33;}
.pop .btn-close{margin:0 auto;margin-top:50px;width:48px;height:48px;line-height:48px;}
.pop .btn-close a{display:block;background:rgba(255,255,255,.9);color:hsla(0,0%,0%,.6);font-size:20px;text-align:center;border-radius:100px;}

@media screen and (max-width:1366px){
    .guide{left:unset;right:0;margin:0 1.5% 0;bottom:20px;}
    #couplet{display:none;}
    .couplet-left,.couplet-right{margin:0 33px;}
}
@media screen and (max-width:1280px){
    a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;}
    .pc{display:none;}
    .mt{display:inline;}
    .wrap{width:100%;}
    .nav,.menu,.mod,.main{width:97%;margin-left:1.5%;margin-right:1.5%;}
    .nav .logo{min-width:25%;margin-top:9px;}
    .nav .btn-icon{width:68%;padding:10px 0;}
    .nav .btn-icon li{height:110px;}
    .nav .btn-icon li .tips{left:0;margin-left:0;}
    .nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after{left:60px;margin-left:0;top:-16px;}
    .nav .btn-icon li:last-child .tips{left:unset;right:0;}
    .nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after{left:unset;right:60px;margin-left:0;top:-16px;}
    .menu{margin-top:20px;}
    .menu dt:after{margin:13px 2.1% 0;}
    .mod .row a:hover:before{display:none;}
    .mod .col2{margin:0;}
    .mod .col2 dl{width:48.5%;}
    .mod .col2 dt{padding-bottom:23.43%;}
    .mod .col3{margin:0;}
    .mod .col3 dl{width:31.83%;}
    .mod .col3 dt{padding-bottom:42.86%;}
    .mod .col4{margin-top:0;}
    .mod .col4 dl{width:23.5%;}
    .mod .col4 dt{padding-bottom:48.38%;}
    .mod .co3 dl{width:31.83%;}
    .mod .co3 dt{padding-bottom:56.25%;}
    .mod .co2 dl{width:23.5%;}
    .mod .co2 dt{padding-bottom:140%;}
    .mod .col2,.mod .col3,.mod .col4,.mod .co3,.mod .co2{margin-right:-1.5%;}
    .mod .col2 dl,.mod .col3 dl,.mod .col4 dl,.mod .co3 dl,.mod .co2 dl{margin:0.75% 1.5% 0.75% 0;}
    .mod .col2 dt,.mod .col3 dt,.mod .col4 dt,.mod .co3 dt,.mod .co2 dt{width:100%;height:0;}
    .mod .col2 dd,.mod .col3 dd,.mod .col4 dd{display:none;}
    .index-list .co3 dl:nth-last-child(-n+1){display:none;}
    .channel-list .co3 dl:nth-last-child(-n+2){display:none;}
    .play-list .co3 dl:nth-last-child(-n+1){display:none;}
    .pagination{margin:30px 0 20px 0;}
    .main h1{font-size:30px;}
    .main .content img{max-width:100%;}
    .footer{margin-top:20px;}
    .couplet-left,.couplet-right{margin:0 1.5% 3% 1.5%;}
    .couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:10vw;height:23vw;}
}

@media screen and (max-width:760px){
    .mobile{display:none;}
    .guide a{width:40px;height:40px;line-height:40px;}
    .nav li{padding:0 0;}
    .nav .logo{width:100%;}
    .nav .url{float:none;text-align:center;}
    .nav .btn-icon{width:100%;display:block;}
    .nav .btn-icon li{height:34px;}
    .nav .btn-icon li i{height:50px;line-height:50px;font-size:50px;padding:5px 0 10px 0;}
    .nav .btn-icon li .tips{margin-top:20px;}
    .nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after{left:30px;}
    .nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after{right:30px;}
    .menu{margin:5px 5px 10px;border-radius:0;padding:0;width:100%;}
    .menu dl{padding:1px 0;}
    .menu dt{width:14%;line-height:50px;font-size:13px;font-weight:bold;}
    .menu dt:after{margin:22px 1% 0;}
    .menu dd{width:21.5%;line-height:25px;font-size:14px;}
    .mod .title h3{font-size:16px;}
    .mod .row span,.couplet-left span,.couplet-right span{display:none;}
    .mod .col li a{padding:0 10px;}
    .mod .col li h3{padding:0 10px;font-size:16px;}
    .mod .col2{margin:4px 0;}
    .mod .col2 dl{width:100%;margin:4px 0;}
    .mod .col2 dt{padding-bottom:23.43%;width:100%;height:0;}
    .mod .col2 dd{display:none;}
    .mod .col3 dl:first-child{width:98.5%;}
    .mod .col3 dl:first-child dt{padding-bottom:48%;}
    .mod .col3 dt{padding-bottom:56.25%;}
    .mod .col4{margin-top:0;}
    .mod .col4 dt{padding-bottom:56.25%;width:100%;height:0;}
    .mod .co3 dl h3,.mod .co2 dl h3{font-size:14px;}
    .mod .co3 dt{padding-bottom:56.25%;width:100%;height:0;}
    .mod .co3 dl:first-child dt{padding-bottom:56%;}
    .mod .col4,.mod .co3,.mod .co2{margin-right:-1.5%;}
    .mod .col3 dl,.mod .col4 dl,.mod .co3 dl,.mod .co2 dl{width:48.5%;margin:1% 1.5% 1% 0;}
    .mod .co2 dt{padding-bottom:140%;width:100%;height:0;}
    .index-list .co3 dl:first-child,.channel-list .co3 dl:nth-child(5n+1){width:98.5%;}
    .index-list .co3 dl:nth-last-child(-n+2),.index-list .co2 dl:nth-last-child(-n+2),.channel-list .co3 dl:nth-last-child(-n+2),.play-list .co3 dl:nth-last-child(-n+1){display:block;}
    .index-list .co3 dl:nth-last-child(-n+1){display:none;}
    .main h1{font-size:20px;padding:5px 0;}
    .main .content{line-height:30px;font-size:16px;}
    .main .content::first-letter{font-size:300%;line-height:50px;}
    .main .post-link{height:40px;line-height:40px;font-size:14px;}

    /* page */
    .stui-page__item li{ display: block; float: left; width: 20%; margin: 0; padding: 0;}
    .stui-page__item li.num{ display: block;}
    .main .post-link a:visited{background:#000;color:#4d5672;}
    .main .post-link .prev{float:left;text-align:center;}
    .main .post-link .next{float:right;text-align:center;}
    .hidden-xs{ display: none !important;}

    .footer{margin-top:10px;padding:40px 0;}
    .player-tips{font-size:0.8em;}
    .player-tips dl{position:static;left:0;top:0;margin-left:0;margin-top:0;width:100%;height:100%;padding:0;}
    .player-tips .title{font-size:1.4em;padding-top:10px;}
    .player-tips .icon{margin-top:10px;width:64px;height:64px;}
    .player-tips .icon a{width:64px;height:64px;}
    .couplet-left,.couplet-right{top:unset;bottom:16%;}
    .couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:20vw;height:46vw;}
}


.detail{
    display: flex;
    margin: 0 auto;
    background-color: #0d0d0d;
    padding: 5px;
}
.detail .detail_left{
    width: 40%;
    margin-right: 18px;
    height: 270px;
    overflow: hidden;
}
.detail .detail_left img{
    width: 100%;
}
.detail .detail_right{
    flex: 1;
}
.detail .detail_right h1{
    padding: 0px 0;
    font-size: 16px;
    text-align: left;
    color: #9cd3ff;
    font-weight: bold;
}
.detail .detail_right .info{
    font-size: 16px;
    color: #c6c6c6;
}
.detail .detail_right .info .nyzhuy{
    display: flex;
    margin: 9px 0;
}

.detail .detail_right  dt{}
.detail .detail_right  dt dd{}
.detail .detail_right  dt dd a{}
.detail .detail_right .info .fn-left{
    display: flex;
    padding: 5px 0;
}
.detail .detail_right .info .fn-right{
    display: flex;
}

/* textlink */
.textlink {
    background: #151515;
    margin-top: 10px;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    /* margin-bottom: 5px;*/
}
.textlink a {
    color: #fff;
}
/* textlink */

/* play */
.play-group {text-align: left;padding: 5px 0;display: flex;border-bottom: 1px solid #292929;overflow: hidden;}

.play-group .item {cursor: pointer;text-align: center;border-radius: 7px;padding: 1px;color: #fff;background: linear-gradient(120deg,#42A5F5, #9cd3ff);margin: 5px;width: 30%;max-width: 100px;display: inline-block;flex-direction: column;justify-content: space-between;line-height: 40px;}
.play-group .item a{color: #000;}
.play-group .durl a{color: #fff;}
.play-group .durl {cursor: pointer; text-align: center; border-radius: 7px; padding: 1px; color: #fff; background: #333;margin: 5px; min-width: 100px; display: inline-block; flex-direction: column; justify-content: space-between;
}
.search-dl{
    float: left;
    width: 100%;
    padding: 15px 0;
    background-color: #f7f7f7;
    text-align: center;
}
.search-dl .search-box{
    width: 40%;
    margin: auto;
    position: relative;
    margin: 6px auto 0;
    animation: home-fade .6s ease-in-out 1;
    height: 40px;
    /* border: 1px solid #0000006b; */
    background: rgb(255 255 255);
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 9px;
    text-align: left;
    padding: 0 4px;
    font-size: 18px!important;
}
.search-dl .search-box .search-input{
    background-color: #f0f8ff00;
    border: none;
    width: 100%;
    height: 100%;
    padding: 0px 12px;
    color: #00bcd4;
}
.search-dl  form{

    width: 100%;

    display: contents;
}
.search-dl .search-button{
    padding: 7px 6px;
    background: #00bcd4;
    width: 100px;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 6px;
    color: white;
}

.sui-result {
    list-style: none;
    padding: 24px 0;
    text-decoration: none;
    display: block;
    border: 1px solid #005b60;
    background: #022f3475;
    border-radius: 4px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.1);
    overflow-wrap: break-word;
    overflow: hidden;
}
.sui-result+.sui-result {
    margin-top: 20px;
}
.sui-result__body {
    line-height: 1.5;
    margin-top: 0;
    display: flex;
}
.sui-result__image {
    padding-top: 12px;
    padding-left: 24px;
    flex-basis: 300px;
    height: 230px;
}
.sui-result__image img {
    max-width: 100%;
    display: block;
    height: auto;
}
.sui-result__details {
    flex: 1 1;
    list-style: none;
    padding: 12px 24px;
    margin: 0;
}
.sui-result__title {
    font-size: 1.8em;
    font-weight: 400;
    color: #00bcd4;
    text-decoration: none;
}
.sui-result em {
    position: relative;
    color: #3a56e4;
    font-weight: 700;
    font-style: inherit;
}
.sui-result__value {
    font-weight: 400;
    font-size: 14px;
    color: #009daf;
}




@media screen and (max-width:760px){
    .detail {
        flex-direction:column
    }
    .detail .detail_left{
        width: 100%;
        height: 215px;
        margin-bottom: 0px;
    }
}