/*
主题: 随然Air
QQ: 201825640
作者: 随然
*/
/*导航加动效美化*/
/*
.pc-nav li a.active:before,.pc-nav li:before{position: absolute;content: '';background: #ff3366;width: 0;height: 3px;left: 0px;right:0;margin:0px auto;bottom:18px;transition: all 500ms ease;-webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, 0.24) 50%, #f43737 50%, rgba(0,0,0,1) 70%);-webkit-mask-size: 200%;animation: shine 2s infinite;}
.pc-nav li a.active:after,.pc-nav li:after{position: absolute;content: '';background:#fff;width: 6px;height: 3px;right: 32%;bottom:18px;transition: all 300ms ease;}
.pc-nav li ul li a.active:after,.pc-nav li ul li:after{background:none;height:0;width:0}
.pc-nav li:hover:before,.pc-nav li a.active:before{width: 30px;}
.pc-nav li ul li:hover:before,.pc-nav li ul li a.active:before{width:0;}
@-webkit-keyframes shine {from{-webkit-mask-position: 150%;}to{-webkit-mask-position: -50%;}}
*/
body.night{color:#edeef0;background:#232931;}
body.night a:hover{color:#0084ff}
.dark-mode{cursor:pointer;width:60px;height:80px;line-height:80px;display:block;text-align:center}
.dark-mode i.iconfont-air{font-size:24px}
.dark-mode,.dark-mode:hover{color:#666;}
/*logo处理*/
.dark-logo-area{padding-top:12px;padding-right:40px}
.dark-logo-area .img{width:90%}
@media only screen and (max-width:1200px) {
.dark-logo-area{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);padding:5px 0 0 0}
.dark-logo-area .img{width:80pt}
}
.header .dark-logo-area{display:none;}
body.night .header .logo-area{display:none;}
body.night .header .dark-logo-area{display:block;}
/*暗夜模式*/
@media only screen and (max-width:1200px) {
.night .m-nav a:hover,.night .pagebar a:hover{color:#fff}    
body.night .m-nav-btn i.iconfont-air{color:#b4c2e1}
.dark-mode{position:absolute;top:0;left:60px;height:60px;line-height:60px;}
}
body.night .double-list a.thumbnail:hover{color:#fff;}
body.night a,body.night a.page-numbers,body.night .cinfo .author,body.night .quick-prev-next .next:hover,body.night .quick-prev-next .prev:hover,body.night .art-content .tags{color:#c8cdd7;}
body.night .page-numbers.current{background:none;box-shadow: 0 0 0 #232931;}
body.night .sb{background:#2b333e}
body.night #totop{}
body.night .footer,body.night .recommend-b .intro{background:#1e232b}
body.night #aside_about .title{color:#dbe0e8;}
body.night h1,body.night h2,body.night h3,body.night h4,body.night h5,body.night h6{color:#e3e7f0;}
body.night .article-list .content{color:#737a8a;}
body.night .art-content p{color:#c7cbd2}
body.night .art-content h1,body.night .art-content h2,body.night .art-content h3,body.night .art-content h4,body.night .art-content h5,body.night .art-content h6{color:#fff;}
body.night .header{background: #232931;box-shadow: 0 1px 3px rgba(255, 255, 255, 0);border-bottom: 1px solid #2c333c;}
body.night .search-button,body.night .header .login a{color:#b4c2e1;}
body.night .pc-nav li a.active:after,body.night .pc-nav li:after,body.night #divTags li a,body.night #aside_hot_tag li a{background:#1e232b;}
body.night .recommend-b .intro::before{background-color:#1e232b;}
body.night .article-list .intro,body.night .toolbar i.iconfont-air,body.night .art-main .head-info,body.night .recommend-b .intro,body.night .recommend-a .num,body.night .recommend-a .item i.iconfont-air,body.night .recommend-c .intro,body.night .recommend-c .list-time,body.night .full-post .time,body.night .full-post .intro,body.night .full-post .author,body.night .full-post .time,body.night .full-post .view,body.night .full-post .list-time,body.night .full-post .time,body.night .double-list .ul .time,body.night .double-list .ul .time,body.night .text-post .list-time,body.night .full-post .time,body.night .flink .rule,body.night #divComments .author ,body.night #divComments .time,body.night #aside_hot_comment .comment,body.night #aside_hot_comment .time,body.night #widget_aside_author .intro,body.night .breadcrumb2,body.night #aside_hot .list,body.night .article-list .content i.iconfont-air{color: #a0a4ac;}
body.night #divSearchPanel input[type="text"]{border: 1px solid #1e232b;background: #1e232b;}
body.night .article-list .data,body.night .article-list .data i,body.night .breadcrumb,body.night .breadcrumb a{color: #a0a4ac;}
body.night .article-list .tag a,body.night .article-list .tag a:hover{color: #a0a4ac;}
body.night #aside_about .info,body.night #aside_new .time,body.night #aside_new .view{color: #a0a4ac;}
body.night #aside_hot li{border-bottom: 1px dashed #39444f;}
body.night .comment-list .ul {border-top: 1px solid #39444f;}
body.night .c-title{border-bottom: 1px solid #39444f;}
body.night .flink .iconfont-air{color:inherit}
body.night #qr:hover i,body.night .btn.qq:hover i,body.night .toolbar .btn:hover i {color:#fff;}
body.night .header .contribute .a {background-color: #2b333e;}
body.night #divComments .avatar img,body.night .comment-list .li img{box-shadow: 2px 2px 3px #221e2f;}
body.night .comment-list .li:hover,body.night .art-copyright{background:#232931;opacity: .5;}
body.night .art-content .tags{border: 1px solid #2b333e}
body.night #txaArticle,body.night .compost .com-info li input{background:#1e232b;color: #69748c;border: 1px solid #3b434f;}
body.night .compost .com-info li .verify img{border:1px solid #3b434f}
body.night .art-main .art-title{color:#c6cacc;}
body.night .art-content blockquote {background: #1e232b;}
body.night .ias-trigger-next a{background: #2b333e;color: #737a8a;}
/*打赏*/
body.night .reward-box,
body.night .payment-img .qrcode-tip{background:#303135;}
body.night .reward-title{border-bottom: 1px solid #444546;}

body.night .product .btn1:hover,body.night .product .btn2:hover{color:#fff;}
body.night #divSearchPanel input[type="text"]{color:#eee;}
body.night .searchform{background: #2b333e;}
body.night .s-input{color:#eee;}
@media screen and (max-width: 1200px) {
  body.night .recommend-c .img-list {border-bottom: 1px solid #39444f;}
  body.night .responsive-nav{box-shadow: 20px 2px 33px rgba(0, 0, 0, 0.5);}
}  
.night .title-topic{background-color:#232931;}
.night .topic-main .head-info {border:1px solid #39435b;}