@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,video,ul,li,ol,form,button,input,textarea,dl,dt,dd,iframe{margin:0;padding:0;}
input,button{font-family:'\5FAE\8F6F\96C5\9ED1',system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,sans-serif;}
body{background:#1f1f29;text-align:left;font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,sans-serif;color:rgba(255,255,255,.4);}
a{cursor:pointer;color:rgba(255,255,255,.85);text-decoration:none;outline:0 none;}
a:hover,a:focus{text-decoration:none;color:#ffbf00;outline:none;-webkit-transition: all .3s linear;-moz-transition:all .3s linear;-ms-transition: all .3s linear;transition: all .3s linear;}
h1,h2,h3,h4,h5,h6,em{font-size:14px;font-weight:normal;}
ol,ul{list-style:none;}
em{font-style:normal;}
img,video{border:0;vertical-align:middle;overflow-clip-margin:content-box;overflow:clip;}
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:1800px;padding:0 20px;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;
}

/* Header */
.nav-wrap{background:rgb(15,15,20);}
.nav{padding:10px 0;box-sizing:border-box;width:1800px;margin:0 auto;}
.nav li{padding:0 10px;box-sizing:border-box;}
.nav .domain{height:60px;line-height:60px;text-align:center;font-size:32px;text-transform:uppercase;font-weight:bold;}
.nav .domain a{color:#ffbf00;width:fit-content;text-transform:uppercase;color:#0000;background:radial-gradient(1.13em at 50% 1.6em,#d96d00 99%,#ffbf00 101%) calc(50% - 1.6em) 0/3.2em 100% text,radial-gradient(1.13em at 50% -0.8em,#0000 99%,#000 101%) 50% .8em/3.2em 100% repeat-x text; animation:dm 2s linear infinite;}
.nav .domain a:hover{color:#fff;}
@keyframes dm{to{background-position:calc(50% + 1.6em)0,calc(50% + 3.2em).8em}}
.search{text-align:center;display:flex;justify-content:center;}
.search .search-box{position:relative;width:600px;height:42px;}
.search .search-input{width:100%;height:42px;line-height:42px;padding:0 56px;padding-right:90px;border:none;background:rgba(46,46,61,.74);box-sizing:border-box;transition:all 0.3s;font-size:16px;border-radius:21px;position:absolute;left:0;top:0;list-style:none;outline-style:none;color:#898989;}
.search .search-icon{position:absolute;top:22px;left:20px;}
.search .search-icon:before{content:'';width:16px;height:16px;border:2px solid rgba(0,0,0,0.6);border-radius:50%;display:block;position:absolute;top:-14px;transition:border 0.32s linear;}
.search .search-icon:after{content:'';width:2px;height:8px;background-color:rgba(255,255,255,0.6);display:block;position:absolute;top:3px;right:-19px;transform:rotate(-45deg);transition:background-color 0.32s linear;}
.search .search-input:hover,.search .search-input:focus,.search .search-input:valid{border:none;outline:none;}
.search .search-input:focus{color:#000;box-shadow: 0 0 0 2px #ffbf00,0 0 40px #f9de74;background:#fff;}
.search .search-input:valid+.search-icon:before{border:2px solid rgba(255,255,255,0.6);}
.search .search-input:valid+.search-icon:after{background-color:rgba(0,0,0,0.6));}
.search button{position:absolute;top:0;right:0;border-radius:0 50px 50px 0;width:80px;background:rgba(46,46,61,1);color:rgba(255,255,255,0.6);line-height:42px;outline:none;border:none;font-size:16px;cursor:pointer;}
.search button:hover,.search button:focus,.search input:focus~button{background:#ffbf00;color:#000;}
.search .search-input:focus+.search-icon::before{border:2px solid rgba(0,0,0,0.6);}
.search .search-input:focus+.search-icon::after{background:rgba(0,0,0,0.6);}
.mb-wrap{display: none;}

/* Menu */
.menu{margin:30px 0 20px 0;box-sizing:border-box;padding:0;overflow:hidden;background-image:linear-gradient(90deg,#1f1f29,#272633,#1f1f29);}
.menu dl:nth-child(odd){background-image:linear-gradient(90deg,#1f1f29,rgba(0,0,0,.6),#1f1f29);}
.menu dl{float:left;width:100%;padding:15px 10px;}
.menu dl:first-child{border-top:0;}
.menu dl:nth-child(odd):hover{background-image:linear-gradient(90deg,#1f1f29,rgba(0,0,0,1),#1f1f29);}
.menu dl:hover{background-image:linear-gradient(90deg,#1f1f29,rgba(0,0,0,.2),#1f1f29);}
.menu dt,.menu dd{float:left;line-height:40px;text-align:center;}
.menu dt{width:8%;font-size:20px;}
.menu dt,.menu dt a{color:rgba(255,255,255,.9);}
.menu dt a:hover{color:#ffbf00;}
.menu dd,.menu dd a{color:rgba(255,255,255,.65);}
.menu dd a:hover{color:#ffbf00;}
.menu dt:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.15);}
.menu dt .cur,.menu dd .cur{color:#ffbf00;}
.menu dd{width:11.5%;font-size:16px;}

/* Mod */
.mod{margin-top:20px;}
.mod .title{width:100%;height:40px;margin:10px 0;}
.mod .title h3{float:left;font-size:24px;color:#fff;line-height:40px;}
.mod .title h3 a{color:#fff;}
.mod .title h3 a:hover{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:rgba(46,46,61,.84);}
.mod .title .tags a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.mod .title .tags h2{float:left;}
.mod .title .more{float:right;}
.mod .title .total{float:right;line-height:40px;text-align:right;color:rgba(255,255,255,.6);}
.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:#1b1b24;}
.mod .row dt img,.mod .row li img,.mod .col1 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;}
.mod .row dl:hover dd a{color:#fff;}
.mod .row li{position:relative;display:block;float:left;overflow:hidden;}
.mod .row li a{display:block;width:100%;height:100%;overflow:hidden;}
.mod .row li .inner{position:relative;width:100%;background:#1b1b24;overflow:hidden;}
.mod .row li h3{display:block;width:100%;height:60px;line-height:60px;font-size:16px;text-align:center;overflow:hidden;}
.mod .col ul{margin:20px 0;background-image:linear-gradient(90deg,#1f1f29,#272633,#1f1f29);counter-reset:list 0;}
.mod .col li{width:100%;counter-increment:list}
.mod .col li:nth-of-type(odd){background-image:linear-gradient(90deg,#1f1f29,rgba(0,0,0,.6),#1f1f29);}
.mod .col li:nth-child(odd):hover{background-image:linear-gradient(90deg,#1f1f29,rgba(0,0,0,1),#1f1f29);}
.mod .col li a{display:block;box-sizing:border-box;padding:0 30px;height:60px;line-height:60px;overflow:hidden;}
.mod .col li a:visited{color:#888;}
.mod .col li a:hover{background-image:linear-gradient(90deg,#1f1f29,rgba(0,0,0,.2),#1f1f29);color:#ffbf00;}
.mod .col li em{float:left;display:block;width:30px;color:#bbb;font-family:'Book Antiqua','Voltaire';font-size:18px;text-align:center;}
.mod .col li:hover em{color:#ffbf00;}
.mod .col li em:before{content:counter(list,decimal-leading-zero)"."}
.mod .col li h3{padding:0 10px;font-style:normal;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mod .col li span{float:right;font-size:12px;color:#888;}
.mod .col1{margin-right:-20px;}
.mod .col1 dl{margin:5px 0 5px 0;width:1300px;}
.mod .col1 dt{height:180px;}
.mod .col2 dl{margin:20px 20px 10px 0;width:890px;}
.mod .col2 dt{height:200px;}
.mod .col2 img {opacity:1;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;}
.mod .col2 a:hover img{opacity:.5;}
.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 .col5 li,.mod .col5 li .inner,.mod .col5 img,.mod .col5 video,.mod .col6 li,.mod .col6 li .inner,.mod .col6 img,.mod .col6 video,.mod .col6 dl a:hover:before{border-radius:4%;}
.mod .col5{margin-right:-12.5px;}
.mod .col5 li{margin:15px 12.5px 15px 0;width:350px;}
.mod .col5 li .inner,.mod .col6 li a:hover i{height:196px;}
.mod .col5 li i{position:absolute;right:0;bottom:0;left:0;width:auto;height:20px;padding:0 10px;overflow:hidden;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);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 .col5 a:hover:before{background:url(../images/play.png) center no-repeat;content:"";position:absolute;z-index:1;width:100%;height:200px;}
.mod .col6 li{margin:15px 12px 15px 0;width:290px;}
.mod .col6 li .inner{height:440px;}
.mod .col6 li 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 .col5 li a:hover i,.mod .col6 li a:hover i{display:none;}
.mod .col5 li a:hover .nature,.mod .col6 li a:hover .nature{transform:scale(1.4);filter:contrast(1.2) saturate(1.3);-webkit-filter:contrast(1.2) saturate(1.3);}
.mod .col5 img,.mod .col6 img{object-fit:cover;}
.mod .col8{margin-right:-20px;}
.mod .col8 dl{margin:10px 20px 10px 0;width:145px;}
.mod .col8 dl a,.mod .col8 img,.mod .col8 dl a:hover:before,.mod .col10 dl a,.mod .col10 img,.mod .col10 dl a:hover:before{border-radius:15%;}
.mod .col8 dl a:hover img,.mod .col10 dl a:hover img{transform:scale(1.1,1.1);background:#000;filter:alpha(opacity=50,finishopacity=50,style=1);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;outline:none;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;}
.mod .col8 dt{background-color:transparent;height:145px;}
.mod .col8 dd,.mod .col10 dd{text-align:center;margin-top:10px;line-height:20px;}
.mod .col8 dl  p,.mod .col10 dl  p{height:28px;line-height:28px;text-align:center;white-space:nowrop;overflow:hidden;}
.mod .col8 dl  .name,.mod .col10 dl  .name{font-size:18px;}
.mod .col10{margin-right:-10px;}
.mod .col10 dl{margin:10px 10px 10px 0;width:171px;}
.mod .col10 dt{background-color:transparent;height:171px;}
.mod .col10 dl:nth-child(n+11) {display:none;}
.mod .col1,.mod .col2 dt a,.mod .col3 dt a,.mod .col4 dt a,.mod .col5 dt a,.mod .col6 dt a,.mod .col8 dt a,.mod .col10 dt a{display:block;width:100%;height:100%;}
.mod .col1 dd,.mod .col2 dd,.mod .col3 dd,.mod .col4 dd,.mod .col5 li span,.mod .col6 li span,.mod .col10 span,.couplet-left span,.couplet-right span,.splashDiv .tips{display:block;position:absolute;z-index:6;right:2px;bottom:2px;padding:0 2px 0 4px;border-radius:3px;background:rgba(0,0,0,.4);color:hsla(0,0%,100%,.8);font-size:12px;letter-spacing:2px;cursor:pointer;-webkit-transform:scale(0.8);}
.mod .col2,.mod .col3,.mod .col4,.mod .col6{margin-right:-20px;}
.mod .col4 dl h3,.mod .col5 dl h3,.mod .col6 dl h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.index-list,.channel-list,.text-list{margin-top:40px;}
.pagination{margin:30px 0 10px 0;}
.pagination{height:32px;line-height:32px;text-align:center;}
.pagination a,.pagination .is-disabled,.pagination .is-current,.pagination .is-ellipsis{display:inline-block;margin:0 2px;padding:0 12px;border-radius:3px;height:32px;line-height:32px;box-sizing:border-box;}
.pagination a{background:rgba(46,46,61,.84);}
.pagination a:hover,.pagination .is-current{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.pagination .is-disabled{background:rgba(46,46,61,.45);color:rgba(255,255,255,.35);cursor:default;}
.pagination .is-ellipsis{padding:0 4px;background:transparent;color:rgba(255,255,255,.45);}

/* Content */
.main{text-align:center;}
.main h1{display:inline-block;text-align:left;padding:40px 0;color:#fff;font-size:36px;/*font-weight:lighter;*/}
.main .content{padding:0 0 30px 0;line-height:40px;color:#999;}
.main .content img{margin:20px auto;max-width:100%;width:expression(this.width> 1300 ? 1300 : true);background:#1b1b24;}
.main .content img:last-child{margin:0;}
.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:rgba(46,46,61,.84);}
.main .content li a:visited{background:rgba(46,46,61,.6);color:#888;}
.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 .novel{background:rgba(0,0,0,0.3);padding:60px;border-radius:9px;box-shadow:inset 0 -3em 3em #1f1f29,0 0 0 2px #272633,0 0 1.2em #000;font-size:20px;line-height:2;word-break:break-word;text-align:justify;}
.main .novel p{margin-bottom:1.6em;}
.post-link{display:flex;position:relative;background:#272633;border-radius:8px;padding:20px 0;}
.post-link .prev,.post-link .next{position:relative;width:45%;line-height:30px;padding:0 2.5%;}
.post-link .prev{float:left;text-align:left;}
.post-link .next{float:right;text-align:right;}
.post-link .prev:before{content:"";position:absolute;top:4px;bottom:4px;right:0;width:1px;background:rgba(255,255,255,.15);}
.post-link .prev-arrow{float:left;}
.post-link .next-arrow{float:right;}
.post-link .arrow-icon{stroke:#ffffff;margin-top:7px;width:16px;height:16px;cursor:pointer;transition:transform 0.2s ease;}
.post-link a:hover .arrow-icon{stroke:#ffbf00;}

/* Sponsor */
.splashDiv{position:fixed;top:50%;left:50%;font-size:14px;text-align:center;z-index:11001;transform:translate(-50%,-50%);}
.splashDiv dt{width:500px;}
.splashDiv .btn-close{position:absolute;left:50%;z-index:6;margin-top:40px;transform:translate(-50%,-50%);}
.splashDiv .btn-close a,.splashDiv .btn-close button{display:block;width:42px;height:42px;line-height:42px;border:0;border-radius:100px;background:rgba(46,46,61,.84);color:rgba(255,255,255,.85);font-size:20px;cursor:pointer;}
.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(../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: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;bottom:25%;margin:5px 20px;z-index:70;}
.couplet-left{left:0;}
.couplet-right{right:0;}
.couplet-left li,.couplet-right li{position:relative;margin-top:10px;}
.couplet-left a,.couplet-right a{position:absolute;z-index:3;width:150px;height:150px;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 img,.couplet-right img{border-radius:10%;width:150px;height:150px;}
.couplet-left .btn-close,.couplet-right .btn-close{height:40px;text-align:center;}
.couplet-left .btn-close a,.couplet-right .btn-close a,.couplet-left .btn-close button,.couplet-right .btn-close button{position:static;margin:0 auto;display:block;width:40px;height:40px;line-height:40px;border:0;background:#fff;color:#666;font-size:20px;text-align:center;opacity:.7;border-radius:100px;cursor:pointer;}
.couplet-left .btn-close a:hover,.couplet-right .btn-close a:hover,.couplet-left .btn-close button:hover,.couplet-right .btn-close button:hover{background:#fff;color:#000;opacity:1;}
#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;}}
@keyframes fade1{from{opacity:1.0;}50%{background:#fff;color:rgba(252,48,118,1);}to{opacity:1.0;}}
@-webkit-keyframes fade1{from{opacity:1.0;}50%{background:#fff;color:rgba(252,48,118,1);}to{opacity:1.0;}}
.app-wrap{position:absolute;margin:0 auto;top:0px;left:12px;right:12px;max-width:400px;height:0.74rem;border-radius:0.09rem;box-shadow:rgba(5,24,74,.37) 0px 2px 6px 0px;background:rgb(255,255,255);color:rgb(34,34,34);font-size:0.16rem;overflow:hidden;}
.app-wrap .icon{position:absolute;display:inline-block;top:0.13rem;left:0.2rem;width:0.48rem;height:0.48rem;border-radius:0.07rem;border-image:initial;vertical-align:middle;}
.app-wrap .text{position:absolute;top:0.15rem;left:0.8rem;width:1.92rem;line-height:0.22rem;}
.app-wrap .close-bg{position:absolute;top:-0.32rem;right:-0.3rem;width:0.56rem;height:0.56rem;border-radius:0.28rem;background:rgb(242,246,251);}
.app-wrap .close{position:absolute;z-index:8;top:0.01rem;right:0.01rem;width:0.18rem;height:0.18rem;border:0;background:url(../images/icon_tips_close.svg) center center no-repeat;cursor:pointer;}
.app-wrap .download{position:absolute;top:0.23rem;right:0.2rem;width:0.80rem;height:0.30rem;border:0;border-radius:0.25rem;background:rgb(252,48,118);color:rgb(255,255,255);font-size:0.14rem;text-align:center;line-height:0.30rem;cursor:pointer;}
.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;border:0;background:transparent;color:hsla(0,0%,0%,.8);font-size:14px;line-height:20px;}

/* Footer */
.footer{margin-top:30px;height:120px;text-align:center;background:#272633;}
.footer ul{margin-top:60px;display:flex;position:absolute;left:50%;transform:translate(-50%, -50%);}
.footer ul li {list-style:none;margin:0 15px;}
.footer ul li a {position:relative; display:block;width:60px;height:60px;text-align:center;line-height:60px;background:#1b1b24;border-radius:50%;font-size:30px;transition:.5s;}
.footer ul li a::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#ffbf00;transition:.5s;transform:scale(.9);z-index:-1;}
.footer ul li a:hover::before {transform:scale(1.1);box-shadow:0 0 15px #ffbf00;}
.footer ul li a:hover {color:#ffbf00;box-shadow:0 0 5px #ffbf00;text-shadow:0 0 5px #ffbf00;}
.footer svg{width:32px;height:32px;margin:14px 0 0 -1px;fill:rgba(255,255,255,.85);stroke:none;}
.footer a:hover svg{fill:#ffbf00;}

/* Other */
.nav .domain,.mod .title .total em,.mod .row i,.mod .col li span,.pagination .mobile{font-family:'Voltaire','Book Antiqua';}
.guide{position:fixed;display:block;left:50%;margin-left:920px;bottom:20px;z-index:90;}
.guide a{display:block;margin-top:10px;width:48px;height:48px;line-height:48px;background:rgba(46,46,61,.84);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);}
.guide svg{width:22px;height:22px;vertical-align:middle;margin-top:-2px;}
.mask{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);overflow-y:scroll;cursor:pointer;}
.app-down{display:grid;margin-top:20px;grid-template-columns:repeat(4, 1fr);gap:20px;list-style:none;}
.app-down li{display:flex;align-items:center;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);transition:box-shadow 0.2s;}
.app-down li a{display:flex;align-items:center;width:100%;padding:14px;background:rgba(46,46,61,.84);border-radius:10px;}
.app-down li a:hover{background:rgba(0,0,0,.5);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);}
.app-down .logo{flex-shrink:0;width:72px;}
.app-down img{display:block;width:100%;border-radius:15px;object-fit:cover;}
.app-down .text{flex:1;min-width:0;padding:0 14px;}
.app-down .text .name{font-size:16px;line-height:1.8;}
.app-down .text .desc{color:#888;line-height:1.4;}
.app-down .btn-down{flex-shrink:0;padding:6px 18px;background:#ffbf00;color:rgba(0,0,0,.8);border-radius:20px;font-weight:500;transition:background 0.2s;cursor:pointer;user-select:none;}

@media screen and (max-width:1440px){
	.couplet-left,.couplet-right{bottom:20%;margin:0 60px;}
}

@media screen and (max-width:1840px){
	.guide{left:unset;right:0;margin:0 1.5% 0;bottom:20px;}
	.couplet-left,.couplet-right{bottom:20%;margin:0 33px;}
}
@media screen and (max-width:1840px){
	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%;padding:0;}
	.guide a:hover{background:#2b3655;color:#a3abc7;}
	.nav,.menu,.mod,.main,.app-down{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 .col1{margin:4px 0;}
	.mod .col1 dl{width:100%;margin:4px 0;}
	.mod .col1 dt{padding-bottom:15.38%;width:100%;height:0;}
	.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 .col5 li{width:23.5%;margin:0.75% 1.5% 0.75% 0;}
	.mod .col5 li .inner{width:100%;height:0;padding-bottom:56.25%;}
	.mod .col6 li{width:18.5%;margin:1.5% 1.5% 1.5% 0;}
	.mod .col6 li .inner{width:100%;height:0;padding-bottom:140%;}
	.mod .col8 dl{width:11%;margin:1.5% 1.5% 1.5% 0;}
	.mod .col8 dt{padding-bottom:100%;width:100%;height:0;}
	.mod .col8 dl  .name{font-size:16px;}
	.mod .col10 dl{width:8.5%;}
	.mod .col10 dt{padding-bottom:100%;}
	.mod .col10 .name{font-size:14px;}
	.mod .col2,.mod .col3,.mod .col4,.mod .col5,.mod .col6,.mod .col8,.mod .col10{margin-right:-1.5%;}
	.mod .col2 dl,.mod .col3 dl,.mod .col4 dl,.mod .col5 dl,.mod .col6 dl,mod .col8 dl,.mod .col10 dl{margin:0.75% 1.5% 0.75% 0;}
	.mod .col2 dt,.mod .col3 dt,.mod .col4 dt,.mod .col5 dt,.mod .col6 dt,.mod .col8 dt,.mod .col10 dt{width:100%;height:0;}
	.index-list .col6 li:nth-last-child(-n+2){display:none;}
	.pagination{margin:30px 0 20px 0;}
	.main h1{font-size:30px;}
	.main .content img{max-width:100%;}
	.footer{margin-top:20px;}
	#couplet{display:none;}
	.couplet-left,.couplet-right{margin:0 1.5% 3% 1.5%;}
	.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:10vw;height:10vw;}
	.app-down{max-width:100%;grid-template-columns:repeat(3, 1fr);}
}

@media screen and (max-width:760px){
	*{-webkit-tap-highlight-color: transparent;}
	.mt0{margin-top:0}
	.mobile a{display:none;}
	.guide a{width:40px;height:40px;line-height:40px;}
	.nav li{padding:0 0;}
	.search{flex-direction:column;}
	.search .search-box{width:100%;}
	.search .search-input,.search button{font-size:14px;}
	.pop{position:fixed;top:50%;left:50%;font-size:14px;text-align:center;z-index:11001;transform:translate(-50%,-50%);border-radius:12px;padding:30px 20px 20px;background:-webkit-gradient(linear,0 0,0 100%,from(#212c4b),to(#6f7894));background:-webkit-linear-gradient(top,#272633,#4d4a64);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);}
	.pop dt{font-size:20px;color:hsla(0,0%,100%,.8);}
	.pop .btn-close{position:absolute;top:0;right:0;margin:0;}
	.pop .btn-close a{display:block;padding:10px 14px;font-size:18px;}
	.pop dd{margin:13px;}
	.pop .sub-title{line-height:26px;color:hsla(0,0%,100%,.5);white-space: nowrap;}
	.pop .text{cursor:pointer;margin:10px;border-radius:100px;padding:0 20px;height:34px;line-height:34px;background:#1f1f29;color:hsla(0,0%,100%,.8);text-transform:lowercase;}  
	.pop .text:hover{background:#1b1b24;}
	.pop .text em{display:none;}
	.pop .text i{font-style:normal;}
	.pop .text span{color:#ffbf00;font-size:14px;}
	.pop .btn-copy{margin-top:26px;text-align:center;}
	.pop .btn-copy a{padding:8px 30px;background:#ffbf00;color:#000;border-radius:20px;}
	.pop .btn-copy a:active{background:#e2e2e2;}
	.splashDiv{width:80%;}
	.splashDiv dt{width:100%;}
	.mb-wrap{display:block;background:rgb(15,15,20);padding:10px 1.5%}
	.btn-icon{display:flex;align-items:center;justify-content:space-around;gap:6px;}
	.btn-icon li{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0 4px;border-radius:0;transition:all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);cursor:pointer;background:transparent;color:#bdc3d4;font-size:14px;font-weight:500;gap:4px;flex:1;text-decoration:none;}
	.btn-icon li svg{display:block;height:32px;line-height:32px;margin:0 auto;transition: transform 0.2s ease, filter 0.2s ease;}
	.btn-icon li span{display:block;height:20px;line-height:20px;margin-top:10px;}
	.btn-icon li a{display:block;height:100%;}
	.btn-icon li:hover,.btn-icon .cus{border-radius:5px;background: rgba(255, 255, 255, 0.06);}
	.btn-icon .cus a{color:#ffbf00;}
	.btn-icon li .solid-circle{fill:#ffffff;stroke:none;}
	.btn-icon li .plus-icon{stroke:#0a0c10;stroke-width:1.6;stroke-linecap:round;}
	.btn-icon li:hover .solid-circle{fill:#ffbf00;}
	.menu{margin:20px 0 0;border-radius:0;padding:0;width:100%;}
	.menu dl{padding:6px 0;}
	.menu dt{width:14%;line-height:62px;font-size:16px;}
	.menu dt:after{margin:22px 3% 0;}
	.menu dd{width:21.5%;line-height:34px;font-size:14px;}
	.mod .title h3{font-size:20px;}
	.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 .col1{margin:4px 0;}
	.mod .col1 dl{width:100%;margin:4px 0;}
	.mod .col1 dt{padding-bottom:20%;width:100%;height:0;}
	.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 .col3 dl:first-child,.mod .col3 dl:last-child{width:98.5%;}
	.mod .col3 dl:first-child dt,.mod .col3 dl:last-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 .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 .col6 dt{padding-bottom:140%;width:100%;height:0;}
	.mod .col10 dl{width:23.5%;}
	.mod .col10 dl  .name{font-size:14px;}
	.mod .col10 dl  .desc{display:none;}
	.mod .col3 dl,.mod .col4 dl,.mod .col5 dl,.mod .col6 dl{width:48.5%;margin:1.5% 1.5% 1.5% 0;}
	.mod .col4,.mod .col5,.mod .col6,.mod .col8,.mod .col10{margin-right:-1.5%;}
	.mod .col10 dl:nth-child(n+9) {display:none;}
	.mod .col5 li h3,.mod .col6 li h3{font-size:14px;}
	.mod .col5 li,.mod .col6 li{width:48.5%;margin:1.5% 1.5% 1.5% 0;}
	.index-list .col5 li:nth-child(5n+1),.channel-list .col5 li:nth-child(5n+1){width:98.5%;}
	.main h1{font-size:26px;padding:20px 0;word-break:break-word;text-align:justify;}
	.main .content{line-height:30px;font-size:18px;}
	.main .novel{padding:30px;}
	.post-link{font-size:14px;}
	.post-link .prev{width:40%;padding:0 7% 0 3%;}
	.post-link .next{width:40%;padding:0 3% 0 7%;}
	.post-link h2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	.footer{margin-top: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{bottom:30%;}
	.couplet-left li,.couplet-right li{margin-top:10px;}
	.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:20vw;height:20vw;}
	.couplet-left .btn-close,.couplet-right .btn-close{height:8vw;}
	.couplet-left .btn-close a,.couplet-right .btn-close a,.couplet-left .btn-close button,.couplet-right .btn-close button{width:8vw;height:8vw;line-height:8vw;font-size:4vw;}
	.app-down{max-width:100%;margin-top:10px;grid-template-columns:1fr;gap:16px;}
}