@charset "utf-8";
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
body,button,input,select,textarea{font:400 14px/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li,ul{list-style:none}
a{text-decoration:none;display: inline-block;}
a:hover{text-decoration:none}
small{font-size:.9em}
input,textarea,button{outline:0}
h1,h2,h3,h4,h5,h6{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-size:100%;font-weight:600;color:#000;line-height:1.35}
code,pre,pre tt{font-family:Courier,'Courier New',monospace}
pre{background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch}
hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}
.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}
.textwrap-table{table-layout:fixed}
.serif{font-family:Palatino,Optima,Georgia,serif}
img{max-width:100%}
/*==========global color=========*/
html{color:#333;background:#f7f7f7}
a{color:#1a1a1a}
a:hover{color:#11c1eb}
::selection{background:#11c1eb;color:#fff}
::-moz-selection{background:#11c1eb;color:#fff}
@media screen and (min-width:1200px){
.border {
    border-bottom: 1px solid #e7e7e7;
}

}
.hidden{display:none}
@media screen and (max-width:1200px){.hidden-sm-md-lg{display:none!important}}
@media screen and (max-width:768px){.hidden-sm{display:none!important}}
@media screen and (min-width:769px) and (max-width:992px){.hidden-md{display:none!important}}
@media screen and (min-width:993px) and (max-width:1200px){.hidden-lg{display:none!important}}
@media screen and (min-width:1201px){.hidden-xl{display:none!important}}
/*==========public class=========*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.bn{border:none!important}
.pd{padding:1.5em}
.mb{margin-bottom:20px}
.mt{margin-top:20px}
.mr{margin-right:20px}
.br{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.nav-sb{box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);background:#fff}
.container{max-width:1240px;margin:0 auto}
.transition{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.img-cover{object-fit:cover}

.header{height:80px;font-size:100%;width:100%;}
.logo{padding-top:12px;padding-right:40px}
.logo .img{width:60%}
.nav{max-width:80%;height:80px;font-size: 16px;
    margin-right: 10px;}
.nav-ul>li,.nav-ul>li>li{float:left}
.nav li a {
	text-transform: none;
    line-height: 80px;
    height: 80px;
    padding: 0 18px;
    display: block;
}
.mainbox {
    width: 70.4%;
}
.article{width:100%;padding:1.5em;position:relative}
.article:hover{box-shadow:0 6px 12px rgba(26,26,26,.1);-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.article .istop{color:#f33;padding:0 5px;border:1px solid #f33;border-radius:4px;font-size:14px;vertical-align:middle;display:inline-block;margin-right:5px;line-height: 1.5em;}
.article .figure{width:240px;height:160px;overflow:hidden}
.article .thumbnail{display:block;overflow:hidden}
.article .figure img{height:160px;width:100%}
.article .content{margin-left:260px;color:#888}
.article .content-no-img{margin-left:0!important}
.article .content .title{font-size:20px;font-weight:400}
.article .intro{padding:1em 0}
.article .author,.article .time,.article .view{padding-right:1em}
.article .tag{max-width:22em}
.article .tag a{color:#666;padding-right:8px}
.article .tag a:hover{color:#333;text-decoration:underline}
#sidebar,#sidebar2{width:28%}
#aside_hot li{border-bottom:1px dashed #ddd;padding:.5em 0}
#aside_hot li:first-child{padding-top:0}
#aside_hot li:last-child{border:none;padding-bottom:0}
#aside_hot li a{display:block}
#aside_hot_tag li{display:inline-block}
#aside_hot_tag .tag-count{font-size:12px;font-weight:100}
#aside_new .list{padding:.6em 0}
#aside_new li:first-child{padding-top:0}
#aside_new li:last-child{padding-bottom:0}
#aside_new .time,#aside_new .view{color:#999;padding-right:1em}
#aside_new .time i.iconfont,#aside_new .view i.iconfont{padding-right:2px}
#aside_new .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#aside_new .random-img{float:left;width:100px;height:70px}
#aside_new .new-text{margin-left:115px}
#aside_new .title{line-height:1.6em}
#divTags li a,#aside_hot_tag li a{border-radius:2px;display:inline-block;text-align:center;background:#f1f1f1;padding:.2em .6em;margin:.5em .2em 0 0}
#aside_hot_tag li a{margin:.5em .5em 0 0}
ul.aside_hot_tag{margin-top:-.5em}
#aside_hot_tag li a:hover{background-color:#11c1eb;color:#fff;-webkit-transition:all ease .2s;-moz-transition:all ease .24s;-ms-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s}
.c-title{font-size:18px;border-bottom:1px solid #ddd;padding-bottom:.5em;margin-top:-.5em;position:relative}
.c-title:after{content:"";background-color:#11c1eb;left:1px;width:34px;height:2px;bottom:-1px;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.footer {
    width: 100%;
    background: #252d38;
    color: #888b98;
	display: inline-block;
}
.footer small ,.footer a{
    color: #6e6f7d;
}
.art-main img{max-width:100%!important;height:auto!important;}
.art-main .art-title{font-size: 36px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 27px;}
.art-main .head-info{color:#999;font-size:13px;padding-bottom: 14px;}
.art-main .head-info .author{color:#333;}
.art-main .head-info i.iconfont{padding-right:2px}
.art-main .head-info .author,.art-main .head-info .comment,.art-main .head-info .edit,.art-main .head-info .time,.art-main .head-info .view{padding-right:1em}
.art-main .art-content{padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
.art-content a{color:#eba911}
.art-content a:hover{border-bottom:1px dashed #eba911}
.art-content h1,.art-content h2,.art-content h3,.art-content h4,.art-content h5,.art-content h6{margin:10px 0}
.art-content h1{font-size:1.8em}
.art-content h2{font-size:1.6em}
.art-content h3{font-size:1.4em}
.art-content h4{font-size:1.2em}
.art-content h5{font-size:1em}
.art-content h6{font-size:0.8em}
.art-content blockquote{color:#666;font-weight:400;border-left:4px solid #eba911;padding:.5em 1em;background-color:#f9f9f9}
.art-content img{height:auto}
.art-content table {border-collapse:collapse;empty-cells:show;border-spacing:0;width:100%;}
.art-content table tr.firstRow{font-weight:bold;background-color:#f8f8f8;text-align:left}
.art-content table th,.art-content table td{padding:.3em .5em;margin:0;vertical-align:top;border:1px solid #ddd}
.art-content blockquote,.art-content dl,.art-content form,.art-content hr,.art-content ol,.art-content p,.art-content pre,.art-content table,.art-content ul{font-weight:400;margin-bottom:1rem}
.art-content blockquote p,.art-content ul p{margin-bottom:0}
.art-content li{margin-left:1.2em}
.art-content hr{border:none;margin-top:1.5rem;margin-bottom:1.5rem;border-top:1px solid #eee;height:1px;background:0 0}
.art-content audio,.art-content img,.art-content video{}
.art-content b,.art-content strong{font-weight:700;}
.art-content .padding{padding-right:.5em}
.art-content .art-copyright,.art-content .tag-wrap{font-size:14px}
.art-content .tags{border:1px solid #ddd;padding:.1em .5em;text-align:center;color:#333}
.art-content .tags:hover{background-color:#eba911;color:#fff;border:1px solid #eba911}
.related-art{position:relative;z-index:2}
.related-item{width:31%;margin-right:3.4%}
.related-item .span{height: 160px;display: block;overflow: hidden;margin-bottom: 5px}
.related-item a{display:block}
.related-item .img{height:160px;width:100%}
.related-item .titile{height:3.2em;overflow:hidden}
.related-item:nth-child(3n+0){margin-right:0}
.img-post img,#aside_hot_comment img,#aside_new img,#aside_random img,.double-list .item img,.recommend-b .thumbnail img,
.article .figure img,.recommend-c .figure img,.full-post .figure img,.recommend-a .item img,.related-item .img{-webkit-transition:all .4s;transition:all .4s}
.img-post .a:hover img,#aside_hot_comment .list:hover img,#aside_new .list:hover img,#aside_random .list:hover img,.double-list .item:hover img,.recommend-b .item:hover img,.article:hover img,.recommend-c .img-list:hover img,.full-post .img-list:hover img,.recommend-a .item:hover img,.related-item:hover img{border-radius:0;-webkit-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2)}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width:1200px){
.multi-ellipsis{position:relative;line-height:1.4em!important;height:2.8em!important;overflow:hidden}
.multi-ellipsis:after{content:"";font-weight:700;position:absolute;bottom:0;right:0;padding-left:20px;background:-webkit-linear-gradient(left,transparent,#fff 62%);background:-o-linear-gradient(right,transparent,#fff 62%);background:-moz-linear-gradient(right,transparent,#fff 62%);background:linear-gradient(to right,transparent,#fff 62%)}
.header{display:none;}
.head{display:contents;}
.art-main .art-title{
    line-height: 35px;}
#sidebar,#sidebar2,.mainbox{width:100%;margin-top: 0 }
#aside_about .bg{width:100%;height:auto;}
#widget_aside_author .avatar{margin-top:20vw;}
.h-wrap,.header{height:60px}
.logo{text-align: center;float: none;padding-right: 0;border-bottom: 1px solid #e7e7e7;}
.logo .img{width: 60%;}
.m-nav-btn{display:block;height:0}
.nav-sb{box-shadow:none}
.nav{max-width:100%!important;height: auto;margin-right:0}
.nav-ul>li{line-height:46px;width:33%}
.nav-ul>li:first-child{border-top:none}
.nav-ul>li>a{height:46px;font-size:16px;display:block;text-align:center;color:#333;line-height:46px;}
span.toggle-btn{position:absolute;height:50px;width:50px;line-height:50px;color:#aaa;text-align:center;top:0;right:0;cursor:pointer;z-index:100;border-left:1px solid rgba(255,255,255,.1);display:block}
span.toggle-btn i.iconfont{color:#eee;font-size:18px}
.m-nav-btn .active:before{content:"\e639"}
.toggle-btn .active:before{content:"\e61f"}
.m-nav .sub-nav{background-color:rgba(0,119,230,.8);text-align:left;position:relative;left:0;min-width:100%;z-index:10;font-size:14px;top:0;border-radius:0}
.m-nav .sub-nav>li{position:relative;text-align:left;line-height:50px;float:left;width: 100%;border-bottom:1px solid rgba(255,255,255,.1)}
.sub-nav li:last-child{border-bottom:0 solid transparent}
.m-nav .sub-nav>li>a{text-indent:1.5em;color:#fff;display:block;height:50px;font-size:16px;text-indent:2em}
.m-nav .sub-nav>li ul li>a{text-indent:3em}
.index-breadcrumb{padding-top:70px}
.breadcrumb,.breadcrumb2{padding:66px 0 5px 10px!important;color:#888}

.article{width:100%}
.article .figure,.article .figure img{height:40vw}
.article p.clearfix{padding-top:0}
.article .figure{width:34%;height:24vw}
.article .figure img{height:25vw}
.article .content{margin-left:38%;padding-top:5px}
.article .content-no-img{margin-left:0!important}
.article{padding:3vw}
.article .content .title{font-size:16px;white-space:unset;line-height:1.6}
.article .data{padding-top:1vw}
.art-main{padding:4vw}
.art-main .art-content{font-size:18px}
.art-main .art-title{font-size:24px}
.art-main h1,.art-main h2,.art-main h3{font-size:20px}
#reward-img{margin:45% 5%}
.reward-widget{position:static;margin-bottom:20px}
.quick-prev-next .next,.quick-prev-next .prev{background:rgba(255,255,255,.8);color:#333;font-size:24px;text-align:center;width:40px;box-shadow:0 1px 3px rgba(26,26,26,.2)}
.quick-prev-next .prev{border-radius:0 100px 100px 0}
.quick-prev-next .next{border-radius:100px 0 0 100px}
.related-art .ul{margin-bottom:3vw}
.related-item{width:48.4%;margin-right:3%}
.related-item .span{height: 100px;}
.related-item a{display:block}
.related-item .img{height:100px}
.related-item:nth-child(2n+0){margin-right:0}
.related-item:nth-child(3){margin-right:3%}
.page-numbers{margin-top:10px}
.compost .com-info li{width:100%;padding-right:0%}
.compost .com-info li .verify{right:0}
.footer .main{padding:1em}
}