/* 全局 */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:#eee;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:#0086CF;}
a{cursor:pointer;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:1300px;overflow:hidden;color:#aaa;}
.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('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),	url('fonts/iconfont.woff') format('woff'),	url('fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */	url('https://4hu.tv/static/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:#003366;}
.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:10px;overflow:hidden;}
.nav .logo .domain{text-align:center;font-size:25px;text-transform:capitalize;}
.nav .logo .domain a{color:#ffbf00;}
.nav .logo .domain a:hover{color:hsla(0,0%,100%,.8);}
.nav .logo .url{line-height:32px;text-align:center;}
.nav .logo .url span{display:block;margin:1px;border-radius:5px;border:1px solid rgba(255,255,255,.08);padding:0 10px;height:34px;line-height:34px;background:#0086cf;color:#eee;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%;float:left;position:relative;display:inline-block;}
.nav .btn-icon li i{display:block;height:60px;line-height:60px;font-size:60px;margin:0 auto;padding:5px 0 10px 0;}
.nav .btn-icon li span{display:block;height:20px;line-height:20px;}
.nav .btn-icon li span.subtitle{color:#eee;    font-size: 8px;}
.nav .btn-icon li a{color:#eee;display:block;width:100%;}
.nav .btn-icon li:hover{color:#eee;background:#024384;border-radius:5px;}
.nav .btn-icon li:hover i{color:#FFCC00;}
.nav .btn-icon li:hover span.title{color:#FFCC00;}
.nav .btn-icon li:hover .tips{display:block;}
.nav .btn-icon li .tips{display:none;position:absolute;left:50%;margin-left:-120px;margin-top:23px;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:rgba(48,59,90,.9);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 #0080ff 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:#FFCC00;}
.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;}

.qrcode img { width: 100%;max-width: 400px;}
.help { font-size: 14px;color: #0086cf;margin-left: 10px;}
/* pannel */
.pannel{position: relative; margin-bottom: 20px;background: #ffffff;margin-top: 10px; padding: 15px;line-height: 25px;border-radius: 7px;}
.pannel h3.title {font-size: 14px;color: #333;font-weight: 600;padding-bottom: 10px;}
.pannel p.data a {font-size: 14px;color: #0086cf;}
.pannel p {font-size: 14px;color: #333;}
.pannel span.text-muted {color: #333;font-size: 14px;}
.pannel span.text-tag {color: #333;font-size: 14px;}
.pannel p.tag a {color: #0086cf;border: #0086cf solid 1px;margin: 5px;padding: 5px;font-size: 14px;}
.pannel p.tag a:hover{color: #0086cf;border: #0086cf solid 1px;margin: 5px;padding: 5px;font-size: 14px;}

/* local */
.textlink {
    background: #ffffff;
    margin-top: 10px;
    padding: 10px;
    color: #000;
    font-size: 13px;
   /* margin-bottom: 5px;*/
}
.textlink a {
    color: #000;
}
/* play */
.play-group {text-align: left; padding: 10px 0; display: flex; border-bottom: 2px solid #ccc; overflow: hidden;}

.play-group .item {cursor: pointer; text-align: center; border-radius: 7px; padding: 1px; color: #fff; background: #0086cf; margin: 5px; width: 30%;max-width: 100px; display: inline-block; flex-direction: column; justify-content: space-between;
}
.play-group .item a{color: #fff;}
.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;
}
@media (max-width: 738px){
.play-btn-group .item .durl {
    min-width: 55px;
	margin:3px;
}

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


.down-group .item {
    cursor: pointer; /* text-align: center; */
    border-radius: 7px; padding: 7px; /* border: 1px solid #ccc; margin: 5px;*/ color: #333; background: #ffffff; font-weight: bold;  min-width: 98%; display: inline-block; flex-direction: column; justify-content: space-between; word-wrap: break-word; word-wrap: break-word;padding-left: 15px;
}
.down-group .item h4{font-size: 14px;color: #000;font-weight: bold;}
.down-group .item a{font-size: 14px;color: #000;font-weight: bold;}
}
@media (max-width: 738px){
.play-btn-group .item {
    min-width: 55px; margin: 3px;
}
}
@media (max-width: 738px){
.down-group .item {
    cursor: pointer; /* text-align: center; */
    border-radius: 7px; padding: 15px; /* border: 1px solid #ccc;margin: 5px; */ color: #333; background: #ffffff; font-weight: bold; min-width: 0; display: inline-block; flex-direction: column; justify-content: space-between; word-wrap: break-word; word-wrap: break-word;
}}

.download a {
    background-color: #333;font-size: 14px;
    color: #fff;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 7px;
}
.download p {
    word-wrap: break-word;font-size: 14px;
    word-break: break-all;
}
/* search */
.search {
	margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
    /* line-height: 30px; */
    padding: 10px 10px;
    margin-top: 10px;
    width: 1300px;
    /* overflow: hidden; */
    color: #333;
    background: #0086CF;}

/* @media screen and (max-width:1280px){
.search {width: 97%;margin-left: 1.5%;margin-right: 1.5%;margin: 0 auto;box-sizing: border-box;padding: 10px 10px;overflow:hidden;color: #333;background: #fff;line-height: 30px;display: block !important;}
.search strong {font-size: 14px;color: #333;}
.search input a{color: #0086cf;padding-left: 5px;}
.search  input{font-size: 14px;color: #333;padding: 5px;}
.search h2.r { color: #ff0000;margin: 10px;}
.search  input #keyboard {width: 25%;}
.search  table {border-bottom: #eee solid 1px;}
.search select { padding: 5px;}
}
@media (max-width: 738px){
.search {margin: 0 auto;box-sizing: border-box;background: #ffffff;padding: 10px 10px;width:100%;overflow:hidden;color: #333;background: #fff;line-height: 30px;display: block !important;}
.search strong {font-size: 14px;color: #333;}
.search input a{color: #0086cf;padding-left: 5px;}
.search  input{font-size: 14px;color: #333;padding: 5px;}
.search h2.r { color: #ff0000;margin: 10px;}
.search  input #keyboard {width: 25%;}
.search  table {border-bottom: #eee solid 1px;}
.search select { padding: 5px;}
} */


/* Menu */.menu{margin-top:30px;border-radius:5px;box-sizing:border-box;background:#0086CF;padding:0 20px;}
.menu dl{float:left;width:100%;padding:15px 0;}
.menu dl:first-child{border-top:0;}
.menu dl,#subMenuBox dl{border-top:1px solid rgba(255,255,255,.1);}
.menu dt,.menu dd{float:left;line-height:40px;text-align:center;}
.menu dt{width:8%;font-size:15px;}
/*.menu dt,.menu dt a{color:#c5cde9;}
*/.menu dt a {color:#fff;}
.menu dt a:hover{color:#fff;}
.menu dt:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.2);}
.menu dt .cur,.menu dd .cur{color:#ffbf00;}
.menu #subMenuBox {display: none;}

.menu dt2,.menu dd{float:left;line-height:40px;text-align:center;}
.menu dt2{width:8%;font-size:15px;}
/*.menu dt,.menu dt a{color:#c5cde9;}
*/.menu dt2 a {color:#fff;}
.menu dt2 a:hover{color:#fff;}
.menu dt2:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.2);}
.menu dt2 .cur,.menu dd .cur{color:#ffbf00;}


.menu dd{width:11.5%;font-size:15px;color:#fff;}
.menu dd a {color:#fff;text-overflow: ellipsis; white-space: nowrap;}
.menu dd a:hover{color:#fff;}
/* Mod */.mod{margin-top:20px;}
.mod .title{width:100%;height:40px;margin:10px 0;border-bottom: 1px solid #aaa;background-color: #0086cf;}
.mod .title h3{float:left;font-size:16px;color:#fff;line-height:40px;margin-left: 15px;}
.mod .title h3 a{color:#fff;}
.mod .title h3 a:hover{color:#fff;}
.mod .title h3 em{font-size:26px;padding-right:5px;color:#ffbf00;}
.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:#0086CF;}
.mod .title .tags a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.mod .title .tags h2{float:left;font-size:14px;}
.mod .title .more{float:right;}
.mod .title .total{color: #333;float:right;line-height:40px;font-size:14px;text-align:right;margin-right: 10px;}
.mod .title .total em{padding:0 5px;color:#ffbf00;font-weight:bold;}
.mod .row dl{position:relative;display:block;float:left;}
.mod .row dt{position:relative;width:100%;background:#ccc;}
.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;color:#000;}
.mod .row-book dl {display: flex;flex-wrap: nowrap;    padding: 13px 5px 13px 5px;    border-bottom: dashed 1px #aaa;}
.mod .row-book dt {display: flex;width:100%;justify-content: flex-start;overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.mod .row-book dt h3{color:#333;}
.mod .row-book dd {justify-content: end;display: flex;width: 120px;color:#333;}
.mod .row-book{box-sizing: border-box;background: #ffffff;padding: 0 10px;}
.book{box-sizing: border-box;background: #ffffff;color: #333;padding: 0 10px;    font-size: 16px;    line-height: 30px;}
.mod .row dl:hover dd a{color:#000;background: #ccc;}
/*.mod .col2,.mod .col3,.mod .col4,.mod .col6{margin-right:-20px;}
*/.mod .col2 dt a,.mod .col3 dt a,.mod .col4 dt a,.mod .col5 dt a,.mod .col6 dt a{display:block;width:100%;height:100%;}
.mod .col5 img,.mod .col6 img{object-fit:cover;}
.mod .col2 dl{margin:5px;width:640px;}
.mod .col2 dt{height:120px;}
.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:5px 0;width:420px;}
.mod .col3 dt{height:180px;}
.mod .col4 dl{margin: 0px;;width:1300px;}
.mod .col4 dt{height:120px;}
.mod .col5{margin-right:-12.5px;}
.mod .col5 dl{margin:15px 12.5px 15px 0;width:250px;}
.mod .col5 dt{height:140px;}
.mod .col5 dt a:hover:before{background:url(images/play.png) center no-repeat;}
.mod .col5 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:#fff;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 .col6 dl{margin: 8px;width:200px;}
.mod .col6 dt{height:280px;}
.mod .col6 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 .col5 dt a:hover:before,.mod .col6 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 .col5 dl h3,.mod .col6 dl h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mod .col ul{margin:20px 0;}
.mod .col li:nth-of-type(odd){background:#1c2746;}
.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 rgba(255,255,255,.05);}
.mod .col li a:visited{color:#c0c0c0;}
.mod .col li a:hover{background-color:hsla(0,0%,0%,.2);color:#ffbf00;}
.mod .col li em{float:left;display:block;width:30px;color:#ffbf00;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;}
.pagination{margin:30px 0 10px 0;}
.pagination b {color:#0086ff;}
.pagination{height:50px;line-height:25px;text-align:center;}
.pagination a{color:#eee;display:inline-block;margin:10px;padding:10px;border-radius:3px;background:#333;}
.pagination a:visited{background:#333;color:#ffffff;}
.pagination a:hover,.pagination strong{background:#0086ff;color:hsla(0,0%,0%,.8);}
.pagination strong{display:inline-block;margin:0 2px;padding:0 12px;border-radius:3px;height:32px;line-height:32px;font-weight:normal;}
/* Content */.main h1{padding:20px 0;color:#111;font-size:36px;text-align:center;overflow:hidden;}
.main h2{color: #444;font-size: 14px; text-align: center;overflow: hidden;border-bottom: 1px solid #aaa;}
.main .content{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);/*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;}
.main .content p{padding:5px 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:#263150;}
.main .content li a:visited{background:#0086CF;color:#4d5672;}
.main .content li a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.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:700; height: auto;    margin: 10px auto;    display: block;    padding: 1px;}
/* Sponsor */#topBox{background:#eee;}
#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 .icon{margin:0 auto;margin-top:20px;width:200px;height:200px;background:url(../static/images/kdsp.html) 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:#0086CF;color:hsla(0,0%,100%,.8);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{left:0;}
.couplet-right{right:0;}
.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;filter:alpha(opacity=0);opacity:0;}
.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;line-height:30px;text-align:center;background:#333;}
#appBox{position:fixed;display:none;left:0;bottom:0.62rem;right:0;width:100%;min-height:0.2rem;z-index:11001;}
#appBox.show{display:block;animation:fadein 0.3s,fadeout 0.5s 11.7s;}
@keyframes fadein{from{opacity:0;bottom:0;}
to{opacity:1;bottom:30px;}
}
@keyframes fadeout{from{bottom:30px;opacity:1;}
to{bottom:0;opacity:0;}
}
@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:system-ui;}
.guide{position:fixed;display:block;left:50%;margin-left:660px;bottom:120px;z-index:90;}
.guide a{color: #fff;display:block;margin-top:10px;width:48px;height:48px;line-height:48px;background:#0086CF;font-size:20px;text-align:center;opacity:.9;border-radius:100px;box-shadow:rgba(5,24,74,.37) 0px 2px 6px 0px;}
.guide a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.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;border: #eee solid 1px;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(#0086CF),to(#0086CF));background:-webkit-linear-gradient(top,#0086CF,#0086CF);background:-moz-linear-gradient(top,#0086CF,#0086CF);background:-o-linear-gradient(top,#0086CF,#0086CF);background:-ms-linear-gradient(top,#0086CF,#0086CF);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0086CF,endColorstr=#0086CF);font-size:14px;text-align:center;z-index:11001;}
.pop dt{margin-top:20px;height:40px;line-height:40px;font-size:20px;font-weight: 500;color: #ffcc00;}
.pop dd{margin:13px;}
.pop .sub-title{line-height:26px;color: #ffcc00;}
.pop .url{cursor:pointer;margin:10px 20px;border-radius:5px;padding:0 10px;/*height:34px;*/line-height:34px;background:#0086CF;color:#fff;text-transform:lowercase;}
  .pop .url:hover{background:#0086CF;}
.pop em{color:#ffbf00;font-size:14px;}
.pop .all{margin-top:26px;text-align:center;}
.pop .all a{padding:8px 30px;background:#0086CF;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;}
.copy .url {      cursor: pointer; margin: 5px; border-radius: 5px; padding: 0 10px; font-size: 12px; /* max-width: 90%; */padding: 10px;
    /* min-width: 90%; */
    /* line-height: 40px; */
    background: #222; color: hsla(0,0%,100%,.8); text-transform: lowercase; overflow: hidden; word-wrap: break-word;}
.copy em{color:#ffbf00;font-size:12px;}
@media screen and (max-width:1366px){	.guide{left:unset;right:0;margin:0 1.5% 0;bottom:120px;}
	/*#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%;}
	.guide a:hover{background:#0086CF;color:#a3abc7;}
	.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;margin-top:30px;}
	.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;}
	.menu dt2{width:14%;line-height:34px;font-size:16px;font-weight:bold;}
	.menu dt2:after{margin:9px 3% 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:100%;height: auto;}
	.mod .col4 dt{padding-bottom:56.25%;width:100%;height:0;}
	.mod .col4 dt img{height: 80px;}
/*	.mod .col4{margin:-1%;}
*/	.mod .col5 dl{width:31.83%;}
	.mod .col5 dt{padding-bottom:56.25%;}
	.mod .col6 dl{width:23.5%;}
	.mod .col6 dt{padding-bottom:140%;}
	.mod .col3 dl,.mod .col5 dl,.mod .col6 dl{margin:1.5% 1.5% 1.5% 0;}
	.mod .col2,.mod .col3,.mod .col5,.mod .col6{margin-right:.5%;}
	.mod .col2 dt,.mod .col3 dt,.mod .col4 dt,.mod .col5 dt,.mod .col6 dt{width:100%;height:0;}
	.mod .col2 dd,.mod .col3 dd,.mod .col4 dd{display:none;}
	.index-list .col5 dl:nth-last-child(-n+1){display:none;}
	.channel-list .col5 dl:nth-last-child(-n+2){display:none;}
	.play-list .col5 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;font-size: 12px;}
	.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;}
	.pagination .pc_pagination {display:block}
	.pagination .moble_pagination {display:none}
}
@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:90px;}*/
	.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:20px 0 0;border-radius:0;padding:0;width:100%;}
	.menu dl{padding:6px 0;}
	.menu dt{width:14%;line-height:60px;font-size:14px;}
	.menu dt:after{margin:22px 3% 0;}
	.menu dt2{width:14%;line-height:30px;font-size:15px;font-weight:500;}
	.menu dt2:after{margin:7px 3% 0;}
	.menu #subMenuBox {display: block !important;}
	.menu dd{width:21.5%;line-height:30px;font-size:13px;}
	.mod .title h3{font-size:15px;}
	.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:0px;}
	.mod .col2 dl{width:100%;margin:0px 1px 1px 1px;height: 80px;}
	.mod .col2 dl img {height: 80px;}
	.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 dl{width:100%;height: auto;}
	.mod .col4 dt{padding-bottom:56.25%;width:100%;height:0;}
	.mod .col4 dt img{height: 40px;}
/*	.mod .col4{margin:-1%;}
*/	.mod .col5 dl h3,.mod .col6 dl h3{font-size:14px;}
	.mod .col5 dt{padding-bottom:56.25%;width:100%;height:0;}
	.mod .col5 dl:first-child dt{padding-bottom:56%;}
	.mod .col5,.mod .col6{margin-right:-1%;}
	.mod .col3 dl,.mod .col5 dl,.mod .col6 dl{width:48.5%;margin:1.5% 1.5% 1.5% 0;}
	.mod .col6 dt{padding-bottom:140%;width:100%;height:0;}
	/*.index-list .col5 dl:first-child,.channel-list .col5 dl:nth-child(5n+1){width:98.5%;}
*/	.index-list .col5 dl:nth-last-child(-n+2),.index-list .col6 dl:nth-last-child(-n+2),.channel-list .col5 dl:nth-last-child(-n+2),.play-list .col5 dl:nth-last-child(-n+1){display:block;}
	/*.index-list .col5 dl:nth-last-child(-n+1){display:none;}
*/	.main h1{font-size:20px;padding:20px 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;}
	.main .post-link a{width:49.25%;display:block;border-radius:5px;background:#263150;color:#a3abc7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.main .post-link a:visited{background:#0086CF;color:#4d5672;}
	.main .post-link .prev{float:left;text-align:center;}
	.main .post-link .next{float:right;text-align:center;}
	.footer{margin-top:10px;padding:40px 0;font-size: 10px;}
	.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:30%;}
	.couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:20vw;height:46vw;}
	.pagination{margin:30px 0 30px 0;}
    .pagination{height:auto;line-height:35px;text-align:center;max-height: 150px;}
    .pagination a{margin: 4px 7px;
        padding: 7px 12px;
        display: inline-block;
        border-radius: 3px;}
	.pagination .pc_pagination {display:none}
	.pagination .moble_pagination {display:block}
	.preview-item:before{display:block !important;}
}
.preview-video {position:absolute;z-index:0;}
.preview-item {position: relative;z-index:9;}
.preview-item:before{
	content: " ";
	width: 20px;
	height: 20px;
	z-index: 1;
	display: none;
	position: absolute;
	border-radius: 50%;
	background-color: rgb(0 0 0 / 30%);
	background-position: center;
	background-size: 10px 10px;
	background-image: url(images/touch_app.png);
	margin-top: 5px;
	margin-left: 5px;
	background-repeat: no-repeat;
}
.changePageOptions{
	height:44px;
	margin-left:10px;
}

@media (max-width: 414px){
.pagination a{margin: 2px 5px;
    padding: 0px 12px;
    display: inline-block;
    border-radius: 3px;}
.changePageOptions{margin-left:5px;}

}


.Thenovelisunderlined a {
    height: 50px;
    font-size: 20px;
    white-space: nowrap;
    font-weight: bold;
}

.Thenovelisunderlined {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 15px 10px;
}



.gap10 {
	margin-top: 20px;
    gap: 15px;
    margin-bottom: 20px;
}
.fl {
    display: flex;
}

.aaf5d2ae7f {
    cursor: pointer; 
    text-align: center;
     border-radius: 7px;
      padding: 1px; color: #fff;
    background: #0086cf;
     margin: 5px; 
     width: 30%;
     max-width: 100px; 
     display: inline-block; 
     flex-direction: column; 
     justify-content: space-between;
     width: 102px;
     height: 40px;
}
.aaf5d2ae7f a{
    color:#fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 40px;
    font-size: 18px;
}


.container {
    float: left;
    width: 49%;
    height: 60px;
    margin: 15px 1% 10px 0%;
    position: relative;
    /* padding: 0 0 0 0%; */
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.container>div {
    float: left;
}

.container .logo {
    width: 100%;
    height: 120px;
    margin: 0 auto 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 120px;
}

.container .input {
    position: relative;
    float: left;
    width: 80%;
    /* color: #ffe2e2; */
    /* width: 500px; */
    /* height: 44px; */
    border-top: #ffbf00 solid 1px;
    border-right: none;
    border-bottom: #ffbf00 solid 1px;
    border-left: #ffbf00 solid 1px;
    border-radius: 4px 0 0 4px;
    /* background-color: #ba6565; */
}

.container .input>input {
    float: left;
    width: 70%;
    height: 46px;
    outline: none;
    border: none;
    padding: 0 10px 0 10px;
    margin: 0;
    /* height: 44px; */
    /* width: 383px; */
    color: #ffffffe8;
    background-color: #151d33;
    font-size: 16px;
    border-radius: 4px 0 0 4px;
    font-weight: bold;
}

.container .input>input::-webkit-input-placeholder {
    color: #999;
}

.container .input .picker {
    float: left;
    width: 30%;
    height: 46px;
    /* width: 97px; */
    padding-right: 7px;
    position: absolute;
    top: 0;
    right: 0;
    /* height: 100%; */
    line-height: 44px;
    background-color: #151d33;
    cursor: pointer;
    color: #ffffffe8;
    font-size: 15px;
    text-align: right;
    background-position: 88% center;
    background-repeat: no-repeat;
    user-select: none;
    /* background-color: #999; */
    font-weight: bold;
}

.container .input .picker-list {
    list-style: none;
    padding: 5px 0;
    width: 120px;
    position: absolute;
    right: 0;
    top: 50px;
    margin: 0;
    line-height: 33px;
    font-size: 15px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    background-color: #151d33;
    display: none;
    z-index: 9999;
    font-weight: bold;
    font-weight: bold;
}

.container .input .picker-list>li {
    padding-left: 44px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #fff;
}

.container .input .picker-list>li:hover {
    background-color: #ebf1f5;
    color: #000;
    cursor: pointer;
}

.container .input .hot-list {
    padding: 10px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    background-color: #151d33;
    display: none;
    z-index: 9999;
}

.container .input .hot-list>a {
    display: block;
    color: #e5e0e0;
    text-decoration: none;
    padding: 0 10px;
    overflow: hidden;
    font-weight: bold;
}

.container .input .hot-list>a:hover {
    background-color: #f3f3f3;
}

.container .input .hot-list>a>div {
    float: left;
}

.container .input .hot-list>a>div.number {
    text-align: center;
    width: 40px;
}

.container .searchs {
    float: left;
    width: 18%;
    /* width: 90px; */
    height: 48px;
    background-color: #ffbf00e0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

.searchotword {
    overflow: hidden;
    float: left;
    width: 50%;
    height: 53px;
    font-size: 15px;
    color: #f9f9f9;
    border-radius: 2px;
    margin: 12px 0 0 0;
}

.searchotword a {
    float: left;
    /* background: #151d33; */
    border-radius: 5px;
    border: 1px solid #c48822;
    margin: 0px 6px 4px 0px;
    padding: 0 5px;
    font-weight: bold;
	color:#fff
}


.searchotword a:hover {
	color:#000
}

.TheCurrentSearchBox {
    float: left;
    width: 10%;
    height: 43px;
    border: 0;
    border-radius: 5px;
    color: #000;
    font-size: 20px;
    background-color: #c48822;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.OtherSearchBoxes {
    float: left;
    width: 10%;
    height: 42px;
    border: 0;
    border: 1px solid #00a4ff;
    border-radius: 5px;
    color: #f9f9f9;
    font-size: 20px;
    background-color: rgb(30 53 92);
    font-weight: bold;
    margin: 0 10px 0 0;
}

.icon-searchsarrows:before {
    content: "\e75a";
    color: #00a4ff;
}

.icon-fire {
    content: "\e63c";
}

.icon-searchs {
    content: "\e955";
}



.icon-searchs:before {
    content: "\e955";
    color: #fff;
    line-height: 50px;
    font-size: 27px;
    margin: 0px 1px 0px -4px;
}

.icon-searchsarrows:before {
    content: "\e75a";
    color: #fff;
}

.icon-fire:before {
    content: "\e63c";
}

.icon-searchs {
    content: "\e955";
    width: 50px;
    height: 58px;
    padding: 15px 22px 15px -6px;
    margin: 41% 23px 54% 40%;
}


[class*='icon-'],
[class^='icon-'] {
    font-family: 'iconfont' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width:760px) {
    .mobile {
        display: none;
    }
    #topBox {
        background: rgb(38 49 80 / 0%);
        /* margin: 120px 0 0 0; */
    }
    .wrap {
        /* margin: 0 auto; */
        /* width: 1300px; */
        overflow: hidden;
    }

    .popupmask {
        position: fixed;
        width: 100%;
        height: 100%;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
        overflow-y: scroll;
        cursor: pointer;
        text-align: center;
    }


    .TheCurrentSearchBox {
        float: left;
        width: 20%;
        height: 43px;
        border: 0;
        border-radius: 5px;
        color: #f9f9f9;
        font-size: 20px;
        background-color: #c48822;
        font-weight: bold;
    }

    .OtherSearchBoxes {
        float: left;
        width: 20%;
        height: 42px;
        border: 0;
        border: 1px solid #00a4ff;
        border-radius: 5px;
        color: #f9f9f9;
        font-size: 20px;
        background-color: rgb(30 53 92);
        font-weight: bold;
    }

    .container {
        float: left;
        height: 53px;
        margin: 15px 2% 0px 2%;
        position: relative;
        width: 100%;
        /* padding: 0 0 0 0%; */
    }

    .searchotword {
        overflow: hidden;
        float: left;
        width: 100%;
        height: 90px;
        font-size: 15px;
        color: #f9f9f9;
        border-radius: 2px;
        margin: 5px 5px 30px 2px;
        padding: 0px 10px -2px 10px;
    }

    .searchotword a {
        float: left;
        background: #151d33;
        border-radius: 5px;
        border: 1px solid #c48822;
        margin: 5px 8px 12px 11px;
        padding: 0px 5px;
        font-weight: bold;
    }

    .guide a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media (max-width: 738px){
	.search {margin: 0 auto;box-sizing: border-box;padding: 10px 10px;width:100%;overflow:hidden;color: #333;background: #0086CF;line-height: 30px;display: block !important;}
	.search strong {font-size: 14px;color: #333;}
	.search input a{color: #0086cf;padding-left: 5px;}
	.search  input{font-size: 14px;color: #333;padding: 5px;}
	.search h2.r { color: #ff0000;margin: 10px;}
	.search  input #keyboard {width: 25%;}
	.search  table {border-bottom: #eee solid 1px;}
	.search select { padding: 5px;}

	
    .main .content {
        line-height: 20px;
        font-size: 16px;
        height: 300px;
    }
}


/* Logo 字体 */
@font-face {
    font-family: "iconfont";
    src: url('./fonts/iconfont1.woff2') format('woff2'), url('./fonts/iconfont1.woff') format('woff'), url('./fonts/iconfont1.ttf') format('truetype');
}


[class*='icon-'],
[class^='icon-'] {
    font-family: 'iconfont' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#player1{height: 75%;}
video{
    width: 100%;
    height: 100%;
}
#copyurl{
    margin-top: 30px;
}
/* .plyr__volume{
    width: 100%;
    max-width: none;
} */
@media (max-width: 738px){
    video{
        width: 100%;
        height: 100%;
    }
	#xl{margin-top: 0px}
	#player1{height: 70%;}
    
#copyurl{
    margin-top: 0px;
}
    
    .xsshow{
        height: auto!important;
        min-height: 300px;
    }
    .gap10{
        margin-top: 0px;
    }

    .plyr__volume{
        /* left:50px */
        min-width: auto;
        width: auto;
    }
}
@media screen and (max-width:760px){
    .plyr--video {
        max-height: 277px;
    }
}