@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","Microsoft YaHei",simsun,"Helvetica Neue",Verdana,Arial,Helvetica,sans-serif}
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}
.art-content li,.art-content ul{list-style:inherit}
a{text-decoration:none}
a:hover{text-decoration:none}
small{font-size:.9em}
input,textarea,button{outline:0}
h1,h2,h3,h4,h5,h6{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%}
em,i{font-style:normal;}

/*==========global color=========*/
html{color:#333;background:#f1f1f1}
a{color:#1a1a1a}
a:hover{color:#009a61}
::selection{background:#009a61;color:#fff}
::-moz-selection{background:#009a61;color:#fff}

/*==========public class=========*/

.fcinp{border: 1px solid #ddd;min-width:200px;height:30px;padding:2px 5px;background: #f6f6f6;}
.fcinp:hover{border:1px solid #ccc;background-color:#eee;}
.fcbtn{position:relative;border: solid 1px #ddd;background: transparent;display:inline-block;line-height: 1.5;text-align:center;cursor:pointer;font-size:14px;padding: .375em 1em;}
.fcbtn[class*='bg-']{color: #fff !important;border-color: transparent !important;}
.fcbtn[class*='bg-']:hover::before {position: absolute;content: "";width:100%;height:100%;top: 0;left: 0;background-color: rgba(0,0,0,.05);border-radius: inherit;}
.fcbtn-mini{padding: .125em .5em;font-size:12px;}
.fcbtn-big{padding: .625em 1.25em;font-size:16px;}
.fcbtn-block {display: block;width: 100%;}
.fcbtn[disabled]{pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}

.btngroupmr10 .fcbtn{margin-right:10px;margin-bottom:10px;}
.btngroupmr20 .fcbtn{margin-right:20px;margin-bottom:10px;}

.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.ofh{overflow:hidden;}
.xddw{position:relative;}
.jddw{position:absolute;}
.noview{display:none;}
.mousehand{cursor:pointer}
.clear{clear:both;}
.clear:after{display:block;clear:both;visibility:hidden;height:0;font-size:0;content:".";}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.yj5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bd1{border:1px solid #ddd;}
.bdbt1{border-bottom: 1px solid #ddd;}
.bdbt2{border-bottom: 1px dashed #ddd;}
.nobd{border:none !important;}
.fontnm{font-weight:400 !important;font-style:normal !important;}
.fontbd{font-weight:700 !important;}
.f10{font-size:10px !important;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f24{font-size:24px !important;}
.f30{font-size:30px !important;}
.f36{font-size:36px !important;}
.lh14{line-height:14px !important;}
.lh18{line-height:18px !important;}
.lh24{line-height:24px !important;}
.lh30{line-height:30px !important;}
.lh36{line-height:36px !important;}
.lh48{line-height:48px !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.bgfff{background:#fff !important;}
.bg-main{background:#0a8 !important;}
.bg-blue{background:#0ae !important;}
.bg-yellow{background:#f60 !important;}
.bg-red{background:#f00 !important;}
.bg-green{background:#2c7 !important;}
.bg-black{background:#000 !important;}
.bg-gray{background:#999 !important;}
.text-fff{color:#fff !important;}
.text-main{color:#0a8 !important;}
.text-blue{color:#0ae !important;}
.text-yellow{color:#f60 !important;}
.text-red{color:#f00 !important;}
.text-green{color:#2c7 !important;}
.text-black{color:#000 !important;}
.text-gray{color:#999 !important;}


.basetable{margin:5px auto;line-height:26px;}
.basetable td{border:1px solid #ccc;padding:8px 5px;}

.codetest pre{margin-bottom:20px;}

.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}
.sb{box-shadow:0 1px 3px rgba(26,26,26,.2);background:#fff}
.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}
/*单行文本溢出省略*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
/*两行文本溢出省略*/
.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%)}
/*hover时提升按钮颜色明度*/
.brightness:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
/*修改不同视口下公共类属性的值*/
@media screen and (max-width:1200px){
.mb{margin-bottom:10px}
.m-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
.m-multi-ellipsis{position:relative;line-height:1.4em!important;height:2.8em!important;overflow:hidden}
.m-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%)}
}
/*不同视口下对html的显隐*/
.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}}
/*你懂的*/
.fuck-ie{position:fixed;z-index:1;left:0;right:0;top:0;bottom:0;background:#fff;z-index:99}
.fuck-ie .tips{position:absolute;width:700px;height:100px;color:#c57602;border: 1px solid #fe9219;text-align:center;line-height:100px;left:50%;top:50%;margin-left:-350px;font-size:16px;margin-top:-50px;background:#fffedc;z-index:999}
/*animate.css*/
@-webkit-keyframes fadeInUpMenu{from{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:1;visibility:visible;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpMenu{from{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{visibility:visible;opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpMenu{-webkit-animation-name:fadeInUpMenu;animation-name:fadeInUpMenu}
.animated-fast{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}
}
/*==========【复用模块】图片放大transform=========*/
.img-post img,#aside_hot_comment img,#aside_new img,#aside_random img,.double-list .item img,.recommend-b .thumbnail img,
.article-list .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-list: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)}
/*==========【复用模块】图片左移transform===========*/
/*
.article-list .figure img,.full-post .figure img,.recommend-a .item img,.related-item .img{position:relative;max-width:none;width:calc(100% + 40px);-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
.article-list:hover img,.full-post .img-list:hover img,.recommend-a .item:hover img,.related-item:hover img{filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}*/
/*========【复用模块】模块标题栏样式========*/
.double-list,.flink,.full-post,.text-post,.img-post,.post-comment,.recommend-a,.recommend-b,.recommend-c,.related-art,.widget{padding:1.5em}
.c-title{font-size:18px;border-bottom:1px solid #eee;padding-bottom:.5em;margin-top:-.5em;position:relative}
.c-title:after{content:"";background-color:#009a61;left:1px;width:34px;height:2px;bottom:-1px;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.double-list:hover .c-title::after,.flink:hover .c-title::after,.full-post:hover .c-title::after,.text-post:hover .c-title::after,.img-post:hover .c-title::after,.new-post:hover .c-title::after,.post-comment:hover .c-title::after,.recommend-a:hover .c-title::after,.recommend-b:hover .c-title::after,.recommend-c:hover .c-title::after,.related-art:hover .c-title::after,.widget:hover .c-title::after{width:70px}

/*========header========*/
.header{height:80px;font-size:100%;width:100%;position:fixed;top:0;left:0;z-index:9}
.header i{font-size: 20px;font-weight: 500;}
.h-wrap{height:80px;position:relative}
.logo-area{padding-top:15px;padding-right:40px}
.logo-area .img{max-height:50px;}

.pc-nav{max-width:80%;height:80px;font-size:14px;margin-right:10px}
.pc-nav li{position:relative;list-style:none;display:block;float:left}
.pc-nav li a{height:80px;line-height:80px;padding:0 20px;font-size:16px;display:block;text-transform:none;}
.pc-nav li a:after{content: "\f107";font-family:FontAwesome!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav li a:only-child::after{content:""}

.pc-nav li .sub-nav{text-align:left;position:absolute;top:80px;display:none;background:#fff;border: 1px solid #eaeeef;}
.pc-nav li .sub-nav:before{content:"";height:15px;width:15px;background-color:#fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);border-left:0;border-bottom:0;position:absolute;top:-8px;left:44px;border-top:1px solid #eee;border-right:1px solid #eee}
.pc-nav li .sub-nav a:hover{color:#009a61}
.pc-nav .nav-ul>li:hover>.sub-nav{display:block;padding:10px 0;}

.pc-nav li .sub-nav li{float:none;height:40px;min-height:40px}
.pc-nav li .sub-nav li a{line-height:40px;height:40px;padding:0 30px;color:#1a1a1a;white-space:nowrap;min-width:110px}

.m-nav-btn,.nav-sousuo,span.toggle-btn{display:none}

#search-area{position:absolute;bottom:-84px;right:0;z-index:20;width:28%;background:rgba(255,255,255,1)}
.header .contribute .a{display:block;margin:24px 20px;height:36px;line-height:36px;padding:0 1em;text-align:center;border-radius:4px;background-color:#009a61;color:#fff}
.header .login{width:60px;height:80px;line-height:80px;text-align: center;margin-right:-15px;}
.header .login a{display:block;color:#333;}
.header .login i{font-size:24px;}
.search-button{cursor:pointer;width:60px;height:80px;line-height:80px;display:block;text-align:center}
.search-button i{font-size:20px}
.search-button i.icon-close{font-size:34px}
.search-button i.icon-close:before{content: "\f62a";}
.searchform{width:100%}
.s-input{width:78%;border:none;background:0 0;font-weight:400;padding:1.2em;color:#333}
.s-button{width:20%;border:none;cursor:pointer;height:60px;line-height:60px;background-color:#009a61;color:#fff;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.mask-hidden{position:fixed;z-index:3;left:0;right:0;top:0;bottom:0;opacity:0;background:#000;visibility:hidden}
.mask-show{visibility:visible;opacity:.4}

/*========幻灯片======*/
.banner { width: 100%; height: 380px; margin-bottom: 20px!important;}

.Slide{position: relative;overflow: hidden;width:100%;height: 100%;}
.slide-cont{position: relative;overflow: hidden;width: 100%;height: 100%;}
.slide-item{position: absolute;left: -665px;width: 100%;height: 100%;}
.slide-item a{display: block;width: 100%;height: 100%;}
.slide-item img{width: 100%;height: 100%;}
.slide-txt{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 50px;}
.slide-txt .txt_bg{width: 100%;height: 50px;background: rgba(0, 0, 0, 0.5);}
.slide-txt a{position: absolute;top: 0;left: 0;display: inline-block;overflow: hidden;width: 100%;height: 50px;color: #ddd;font-size: 20px;line-height: 50px;text-indent: 2%;}
.slide-txt a:hover{color: #fff;}
.slide-nav{position: absolute;right: 20px;bottom: 19px;z-index: 2;display: inline-block;overflow: hidden;width: auto;height: 11px;}
.slide-nav a{float: left;display: block;overflow: hidden;margin-left: 5px;width: 11px;height: 11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #929292;text-indent: -99em;cursor: pointer;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-ms-transition: all .5s ease;}
.slide-nav .nownav{width: 21px;background: #009a61;}
#prev, #next{position: absolute;top:50%;margin-top:-30px;display: none;width: 50px;height: 60px;line-height: 60px;background: rgba(0, 0, 0, 0.3);text-align: center;}
#prev{left: 0}
#next{right: 0}
#prev i, #next i{font-size: 48px;color: rgba(255, 255, 255, 0.5);font-weight:normal;font-style:normal;line-height: 60px;}
#prev:hover, #next:hover{background: #009a61}
#prev:hover i, #next:hover i{color: rgba(255, 255, 255, 1);}

@media screen and (max-width:1200px){
	.banner {width: 100%; height: 0;padding-bottom:50%;position:relative;}
	.Slide {display: block;height: 100%;width: 100%;position:absolute;top:0;left:0;overflow: hidden;}
	.slide-txt{height: 36px;}
	.slide-txt .txt_bg{height: 36px;}
	.Slide .slide-txt a{height: 36px;line-height: 36px;font-size:14px}
	.slide-nav{bottom: 12px;}
}
/*========主内容区域======*/
.index-breadcrumb{height:1px;padding-top:104px}
.breadcrumb{padding:94px 0 8px 0;color:#888}
.breadcrumb a{color:#888}
#mainbox{width:70.4%}
.full-width-box{width:100%!important}
#index-main{width:100%}

/*--首页推荐模块A--*/
.recommend-a .item i{color:#666}
.recommend-a .item:nth-child(3n+0){margin-right:0}
.recommend-a .item{width:31.2%;margin-top:1.5em;margin-right:3.2%;position:relative}
.recommend-a .thumbnail{height:160px;width:100%;display:block;overflow:hidden;margin-bottom: 1em}
.recommend-a .thumbnail img{height:160px;width:100%}
.recommend-a .num{padding:0 5px;color:#999}
.recommend-a .category{position:absolute;top:.5em;left:.5em;z-index:1;background-color:#009a61;opacity:.9;padding:.1em .5em;color:#fff;font-size:12px}
.recommend-a .item .title{width:100%;font-weight:400;padding:0 5px;font-size:16px}
.recommend-a .author,.recommend-a .comment,.recommend-a .thumb,.recommend-a .view{padding-right:1em;max-width:8em}
.recommend-a .thumb{padding-right:0}
.recommend-a time{padding-top:2px}
/*--首页推荐模块B--*/
.recommend-b .item{width:48.4%;margin-top:1.5em;margin-right:3.2%;position:relative}
.recommend-b .item:nth-of-type(even){margin-right:0}
.recommend-b .category{border:1px solid #009a61;padding:.1em .5em;color:#009a61;font-size:12px;max-width: 80px;}
.recommend-b .category:hover{background-color:#009a61;color:#fff}
.recommend-b .title-wrap{font-size:16px;margin-bottom:10px}
.recommend-b .title{padding:.1em .5em;font-weight:400;max-width:80%}
.recommend-b .intro{color:#999;background:#f8f8f8;padding:1em;height:80px;position:relative}
.recommend-b .intro:before{content:"";height:10px;width:10px;background-color:#f8f8f8;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);border-left:0;border-bottom:0;position:absolute;top:34px;left:-5px}
.recommend-b .fr-wrap{margin-left:80px}
.recommend-b .thumbnail{display:block;overflow:hidden;width:80px;height:80px}
.recommend-b .thumbnail img{width:80px;height:80px}
/*--首页推荐模块C--*/
.recommend-c .more{position:absolute;right:0;height:35px;line-height:35px}
.recommend-c .more i{font-size:24px}
.recommend-c .img-list{width:100%;margin-right:4%}
.recommend-c .img-list:nth-of-type(even){margin-right:0}
.recommend-c .figure{width:180px;height:120px;overflow:hidden}
.recommend-c .thumbnail{overflow:hidden}
.recommend-c .figure img{height:100%;width:100%}
.recommend-c .content{margin-left:200px;color:#888}
.recommend-c .content .title{font-size:18px;font-weight:400}
.recommend-c .intro{padding:.5em 0}
.recommend-c .list{padding-top:.6em;width:47.99%;margin-right:4%}
.recommend-c .list .bi{font-size:14px;padding-right:2px;color:red}
.recommend-c .list .a{max-width:76%}
.recommend-c .list:nth-of-type(even){margin-right:0}
.recommend-c .list-time,.full-post .time{color:#999}
/*--最新文章+文章列表[多页面共用]--*/
.article-list{width:100%;padding:1.5em;position:relative}
.article-list: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-list .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-list .figure{width:240px;height:160px;overflow:hidden}
.article-list .thumbnail{display:block;overflow:hidden}
.article-list .figure img{height:160px;width:100%}
.article-list .content{margin-left:260px;color:#888}
.article-list span a{color: #888;}
.article-list .content-no-img{margin-left:0!important}
.article-list .content .title{font-size:20px;font-weight:400}
.article-list .content i{padding-right:5px;color:#666}
.article-list .intro{padding:1em 0}
.article-list .category,.article-list .time,.article-list .view{padding-right:1em;}
.article-list .tag{max-width:22em}
.article-list .tag a{color:#666;padding-right:8px}
.article-list .tag a:hover{color:#333;text-decoration:underline}
/*--网格布局的文章列表--*/
.full-width-box .article-list{width:23.6%;margin-right:1.8%}
.full-width-box .article-list:nth-child(4n+4){margin-right:0}
.full-width-box .article-list .content{margin-left:0}
.triple-overflow{height:5.4em;overflow:hidden}
.full-width-box .article-list .intro{padding:0}
.full-width-box .article-list .content .title{margin: 5px 0}
.full-width-box .article-list p.clearfix{padding-top:0.5em}
.full-width-box .article-list .figure{width:120px;height:120px;padding:20px;border:1px solid #ddd;border-radius: 50%;margin:10px auto 20px;}
.full-width-box .article-list .figure img{width:100%;height:100%;}
.full-width-box .article-list .time{display:none;}
/*--首页双栏文章--*/
.double-list{width:48.81%}
.double-list:nth-of-type(even){margin-right:0}
.double-list .more{position:absolute;right:0;height:35px;line-height:35px}
.double-list .more i{font-size:24px}
.double-list .item .title{height:3em;line-height:3em;font-size:16px;width:100%;font-weight:400;padding:0 5px;color:#fff;position:relative;border-bottom:1px solid rgba(255,255,255,.4)}
.double-list .icon-quote{position:absolute;top:80px;left:1em;color:rgba(255,255,255,.8)!important;z-index:2}
.double-list .item i{padding-right:5px;color:#eee}
.double-list .thumbnail{position:relative;color:#eee;display:block;overflow:hidden}
.double-list .thumbnail img{display:block;width:100%;height:200px}
.double-list .absolute{width:100%;padding:.5em 1em;position:absolute;bottom:0;left:0;z-index:2}
.double-list .mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-image:linear-gradient(180deg,rgba(0,0,0,.01) 30%,rgba(0,0,0,.65))}
.double-list .num{padding-top:5px}
.double-list .comment,.double-list .thumb,.double-list .view{padding-right:1em;max-width:8em}
.double-list .thumb{padding-right:0}
.double-list .ul .title{line-height:2.4em}
.double-list .ul .time{color:#999;line-height:2.4em}
/*--首页通栏文章--*/
.full-post .more{position:absolute;right:0;height:35px;line-height:35px}
.full-post .more i{font-size:24px}
.full-post .img-list{width:47.99%;margin-right:4%}
.full-post .img-list:nth-of-type(even){margin-right:0}
.full-post .figure{width:180px;height:120px;overflow:hidden}
.full-post .thumbnail{overflow:hidden}
.full-post .figure img{height:100%;width:100%}
.full-post .content{margin-left:200px;color:#888}
.full-post .content .title{font-size:18px;font-weight:400}
.full-post .content i{padding-right:5px;color:#666}
.full-post .intro{padding:.5em 0}
.full-post .author,.full-post .time,.full-post .view{padding-right:1em}
.full-post .read-more{border:1px solid #009a61;border-radius:100px;padding:.1em 1em;text-align:center;color:#009a61;font-size:12px}
.full-post .read-more:hover{background-color:#009a61;color:#fff}
.full-post .list{padding-top:.6em;width:47.99%;margin-right:4%}
.full-post .list {font-size:14px;padding-right:2px}
.full-post .list .a{max-width:76%}
.full-post .list:nth-of-type(even){margin-right:0}
.full-post .list-time,.full-post .time{color:#999}
/*--首页三栏文章--*/
.text-post-wrap{width:100%}
.text-post {width:32.262%;margin-right:1.6%}
.text-post:nth-child(3n+0){margin-right:0}
.text-post .more{position:absolute;right:0;height:35px;line-height:35px}
.text-post .more i{font-size:24px}
.text-post .list{padding-top:.6em;width:100%;margin-right:4%}
.text-post .list {font-size:14px;padding-right:2px}
.text-post .list .a{max-width:76%}
.text-post .list:nth-of-type(even){margin-right:0}
.text-post .list-time,.full-post .time{color:#999}
/*--首页多图模块----*/
.img-post .more{position:absolute;right:0;height:35px;line-height:35px}
.img-post .more i{font-size:24px}
.img-post .img{display: block}
.img-post article .a{position:relative;display:block}
.img-post .mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-image:linear-gradient(180deg,rgba(0,0,0,.01) 80%,rgba(0,0,0,.85))}
.img-post .title{position:absolute;bottom:0;left:0;z-index:2;color:#fff;padding:1em;font-weight:normal;width: 100%}
.img-post .left{width:30%;overflow:hidden}
.img-post .left .img{width:100%;height:480px}
.img-post .top-wrap{width:100%;height:220px}
.img-post .top{width:33.19%;margin-left:1.8%;overflow:hidden}
.img-post .top .img{width:100%;height:220px}
.img-post .bottom{width:21.52%;margin-left:1.8%;margin-top:20px;overflow:hidden}
.img-post .bottom:nth-child(3n+0){margin-right:0}
.img-post .bottom .img{width:100%;height:240px}


/*========侧边栏======*/

.sidesort{}
.sidesort ul{padding:10px;overflow:hidden;}
.sidesort ul a{display:inline-block;width:45%;height:35px;line-height:35px;margin:5px 0 5px 3%;text-align:center;font-size:14px;border-radius:18px;background:#f5f5f5;}
.sidesort ul a:hover{background:#666;color:#fff;}
.sidesort ul a.on{background:#666;color:#fff;}

.night .sidesort ul a{background:#272e37;color:#b4c2e1;}
.night .sidesort ul a.on,.night .sidesort ul a:hover{background:#009a61;color:#fff;}

#sidebar,#sidebar2{width:28%}
#sidebar .aside_ad,#sidebar2 .aside_ad{display:block;line-height:0;margin:-1.5em}
#sidebar .aside_ad img,#sidebar2 .aside_ad img{width:100%}
#divCatalog li{width:50%;display:inline-block}
#divCatalog li:nth-of-type(even){text-align:right}
#divCatalog li a{width:96%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divCatalog li a:hover{background-color:#009a61;color:#fff;border:1px solid #009a61}
#divPrevious li{list-style:circle;list-style-position:inside;border-bottom:1px dashed #ddd;padding:.5em 0}
#divPrevious li:last-child{border:none;padding-bottom:0}
#divPrevious li:first-child{padding-top:0}
#divTags li,#aside_hot_tag li{display:inline-block}
#divTags .tag-count,#aside_hot_tag .tag-count{font-size:12px;font-weight:100}
#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.divTags,ul.aside_hot_tag{margin-top:-.5em}
#divTags li a:hover,#aside_hot_tag li a:hover{background-color:#009a61;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}
#divMisc li{display:inline-block;padding-right:5%}
#divAuthors li,#divFavorites li,#divLinkage li{display:inline-block;padding-right:1em}
#divArchives li,#divNavBar li,#divStatistics li{display:inline-block;width:49.2%}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{width:48.3%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{background-color:#009a61;color:#fff;border:1px solid #009a61}
#tbCalendar{width:100%}
#tbCalendar a{width:40px;height:40px;color:#009a61;padding:2px}
#tbCalendar tbody a{display:inline-block;background-color:#009a61;color:#fff;border-radius:3px}
#tbCalendar caption{height:60px;line-height:60px}
#tbCalendar td,#tbCalendar th{width:40px;height:40px;line-height:40px}
#tbCalendar caption{font-size:18px}
#tbCalendar tbody{text-align:center}
#divSearchPanel input[type=text]{width:78%;border:none;background:0 0;font-weight:400;padding:.5em;color:#333;border:1px solid #ddd;border-radius:3px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
#divSearchPanel input[type=submit]{width:21.9%;border:none;cursor:pointer;padding:.5em;background-color:#009a61;color:#fff;border:1px solid #009a61;border-radius:3px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-6px}

/*personal*/
#aside_personal{position:relative;padding: 0!important;}
#aside_personal .userbg{display:block;background-size:100% 100%;padding-bottom:50%;margin:-1px;background-image:url(userbg1.jpg);}
#aside_personal .avatar{margin:-20% auto 0;width:43%;position:relative;z-index:2;text-align:center;}
#aside_personal .avatar img{border-radius:50%;border:5px solid #fff;background:#fff;}
#aside_personal .intro{text-align:center;padding:15px;}
#aside_personal .name{font-size:18px;line-height:1.5em;color:#172b4c;margin-bottom:5px;}
#aside_personal .job {font-size:14px;color:#7e8299;line-height:2em;}
#aside_personal .contact{overflow:hidden;padding:20px;border-top:1px solid rgba(133,153,171,0.2);}
#aside_personal .contact span{display:block;}
#aside_personal .contact a{display:block;width:80%;margin:0 auto;border-radius:4px;color:#fff;font-size:14px;text-align:center;line-height:36px;line-height:36px;}
#aside_personal .contact a:hover{opacity:.85;}
#aside_personal .contact .btn11{background-color:#ff562f;}
#aside_personal .contact .btn22{background-color:#3796f6;}
#aside_personal .contact i{display:inline-block;background:no-repeat left center;background-size:auto 14px;font-style:normal;margin-right: 5px;}

/*--站点信息--*/
#aside_about{padding:0;}
#aside_about .bg{width:348px;height:142px}
#aside_about .avatar{width:100%;text-align:center;margin-top:-42px}
#aside_about .img{width:70px;height:70px;margin:0 auto;border-radius:100px;border:5px solid rgba(255,255,255,.8)}
#aside_about .wrap{padding-top:0}
#aside_about .title{text-align:center;font-size:20px;color:#333}
#aside_about .info{color:#666;padding-top:5px;line-height:26px;overflow:hidden}
#aside_about .ul{position:relative;margin-top:17px}
#aside_about .line{position:absolute;left:46%;top:5px;z-index:1;color:#aaa;font-size:22px}
#aside_about .li{width:49.5%;text-align:center}
#aside_about .num{text-align:center;font-size:22px;font-weight:100;line-height:10px}
#aside_about small{display:block;color:#999}
/*--热门文章--*/
#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{margin-left:25px;display:block}
#aside_hot .list{float:left;font-size:16px;font-style:italic;color:#888;font-weight:800}
#aside_hot .list-1,#aside_hot .list-2,#aside_hot .list-3{color:#009a61}
/*--随机图文--*/
#aside_random .list{padding:.6em 0}
#aside_random li:first-child{padding-top:0}
#aside_random li:last-child{padding-bottom:0}
#aside_random .comment,#aside_random .time{color:#999;padding-right:1em}
#aside_random .comment i,#aside_random .time i{padding-right:2px}
#aside_random .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#aside_random .random-img{width:100px;height:70px}
#aside_random .random-text{margin-left:115px}
#aside_random .title{line-height:1.6em}
/*--最新文章--*/ 
#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,#aside_new .view i{margin-right:3px}
#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}


/*--热门评论--*/ 
#aside_hot_comment .list{padding:.6em 0}
#aside_hot_comment li:first-child{padding-top:0}
#aside_hot_comment li:last-child{padding-bottom:0}
#aside_hot_comment .time,#aside_hot_comment .view{color:#999;padding-right:1em}
#aside_hot_comment  i{padding-right:2px}
#aside_hot_comment .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#aside_hot_comment .random-img{width:100px;height:70px}
#aside_hot_comment .new-text{margin-left:115px}
#aside_hot_comment .title{line-height:1.6em}
/*--最新留言--*/
#divComments .list{padding:.6em 0}
#divComments li:first-child{padding-top:0}
#divComments li:last-child{padding-bottom:0}
#divComments .avatar{float:left;display:block}
#divComments .avatar img{width:50px;height:50px;border-radius:100px;border:2px solid #fff;box-shadow:2px 2px 3px #efefef;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out}
#divComments li:hover .avatar img{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}
#divComments .title{margin-left:70px}
#divComments .title .a{display:block}
#divComments .info i{padding-right:5px}
#divComments .info{color:#999}
#divComments .author{padding-right:.5em}
/*--文章页作者信息--*/ 
#widget_aside_author .title{margin:-1.5em;background:#f8f8f8;padding:1.5em;background-size:100%!important}
#widget_aside_author .img{border-radius:100px;width:70px;height:70px;margin:0 auto;display:block;border:5px solid rgba(255,255,255,.8)}
#widget_aside_author .avatar{margin-top:50px;display:block}
#widget_aside_author .name{font-size:22px;text-align:center}
#widget_aside_author .level{font-size:12px;background-color:#009a61;padding:2px 6px;color:#fff;text-align:center;display:inline-block;vertical-align:middle}
#widget_aside_author .intro{color:#888;text-align:center}
/*--首页友情链接--*/ 
.flink{margin-bottom:20px}
.flink .rule{font-size:14px;font-weight:400;padding-left:2em;color:#999}
.flink .f-list li{float:left;padding-right:2em}
.flink .f-list li a{font-size:14px;}

/*--兼容图片灯箱插件（ID: fancybox）--*/
.art-content .md-image{width:100%!important}

/*--文章详情页--*/
.art-main{padding:2em 3em}
.art-main img{max-width:100%!important;height:auto!important;}
.art-main .art-title{font-size:24px}
.art-main .head-info{color:#999;padding-top:10px}
.art-main .head-info i{margin-right: 5px;}
.art-main .head-info a{color: #999;}
.art-main .head-info .category,.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:#009a61}
.art-content a:hover{border-bottom:1px dashed #009a61}
.art-content h1,.art-content h2,.art-content h3,.art-content h4{padding-left: 10px;line-height: 1.2;border-left: 4px solid #009a61;margin: 30px 0 20px;font-weight:700;color:#333;font-size:1.1em}
.art-content h5,.art-content h6{font-size:1em}
.art-content blockquote{color:#666;font-weight:400;border-left:4px solid #e5e5e5;padding:.5em 1em;background-color:#f3f3f3}
.art-content img{height:auto;margin: 10px auto;display: block;}
.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 ul p,.art-content ol p{margin-bottom:0}
.art-content blockquote p{margin-top:5px;margin-bottom:5px;}
.art-content li{margin-left:1.2em}
.art-content ol.list-paddingleft-2 li{list-style: decimal;}
.art-content ul.list-paddingleft-2 li{list-style: none;margin-left:0;}
.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:#009a61;color:#fff;border:1px solid #009a61}
.art-copyright{background:#f8f8f8;padding:10px 0;}
.art-copyright a.fcbtn{display:inline-block;}
.art-copyright .copyright,.art-copyright .from{font-weight:700;padding-top:10px}
.prev-next{padding:1.5em;position:relative}
.prev-next strong{font-weight:400}
.prev-next .post-next,.prev-next .post-prev{width:46%;color:#999;font-size:16px}
.prev-next .post-next{text-align:right}
.prev-next .next,.prev-next .prev{display:block;font-size:14px}

.appminh{min-height:680px;}

/*--点赞--*/
.thumbs-up-widget{padding-top:6px}
.thumbs-btn{border-radius:100px;border:1px solid #009a61;text-align:center;padding:.3em 2em;color:#009a61;cursor:pointer}
.thumbs-btn .num{padding-left:3px}
.thumbs-btn:hover{color:#fff;background-color:#009a61}
.thumbs_done{background-color:#009a61;color:#fff!important;opacity:.8}
.thumbs_btn:hover{color:#fff;opacity:.8}

/*--相关文章--*/
.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}

/*========广告位======*/
.airgg a{display:block;line-height:0}
.airgg img{width:100%;display:block;}

/**********分页********/
.pagination {clear:both;text-align:center;margin:auto;padding:10px 0;overflow:hidden;margin-bottom:20px;}
.pagination li{display:inline-block;height:28px;line-height:28px;margin:3px;box-shadow: 0 1px 3px rgba(26,26,26,.2);}
.pagination a{display:block;font-size:12px;padding:0 10px;background:#fff;color:#666;}
.pagination a:hover,.pagination li.active a{color:#fff;background:#009a61;}


/* 注册登录切换 */
#laylogin{display:none;}
#laylogin .padding-large{padding:30px 20px 20px;}
#laylogin .title{margin-bottom:20px;}
#laylogin .title li{margin:0 20px;color:#555;display:inline-block;position:relative;font-size:16px;width:auto;cursor:pointer;}
#laylogin .title li.cur{color:#626066;font-size:18px;font-weight: 600}
#laylogin .bnt-login{text-align:center;margin:70px 0 50px;}
#laylogin .bnt-login a{display:inline-block;color:#EAEAEB;font-size:36px;width:72px;height:72px;line-height:72px;text-align:center;margin:0 15px;border-radius:50%}
#laylogin .bnt-login a:hover{opacity:0.8}
#laylogin .bnt-login a.weixin{background:#6ccd10}
#laylogin .bnt-login a.qq{background:#5ea8ff}
#laylogin .link-login{position:absolute;right:0;bottom:0;line-height: 40px;width:100%;background:#f5f5f5;}

/*footer*/
footer { background: #1e232b; width: 100%; padding: 30px 0px 20px; color: #888b98; font-size: 14px;overflow: hidden }
footer .wp{ text-align: center; padding: 0 10px; clear: both; line-height: 30px;}
footer a { color: #888b98; }
footer a:hover { color:#fff; }

/*--贴边工具栏--*/
.toolbar{bottom:80px;position:fixed;right:0;margin-right:15px;cursor:pointer}
#totop{display:none}
.toolbar i{color:rgb(123, 123, 123);font-size:38px}
.toolbar i:hover{color: #009a61;}

.appsidesort{padding:120px 0 30px;text-align:center;}
.appsidesort a{display:inline-block;font-size:16px;line-height:30px;padding:3px 30px;margin:0 15px;border-radius:20px;border:1px solid #ddd;background:#fff;}
.appsidesort a:hover,.appsidesort a.on{background:#0a8;color:#fff;border:1px solid #0a8;}

@media screen and (max-width: 768px) {
footer{padding-bottom:70px;}
.footbar{width:100%;float:left;height:50px;background:#fff;position:fixed;left:0;bottom:0;z-index:900;box-shadow: 0 -2px 3px 0 rgba(0,0,0,.12);}
.footbar a {width:25%;float:left;height:50px;text-align:center;padding-top:5px;font-size:14px;line-height:20px;color:#666;text-decoration: none;}
.footbar a:hover{background:#ddd;text-decoration: none;}
.footbar span{display:block;width:100%;height:20px;font-size:18px;padding:0px}
.night .footbar{background:#1e232b;}
.show-l{display: block!important;}
.appminh{min-height:550px;}
/*.full-width-box .article-list{width:95% !important;margin-left:2.5%;margin-right:2.5%;}*/
.full-width-box .article-list .content .title{font-size: 18px;}

.appsidesort{padding:80px 0 15px;text-align:center;}
.appsidesort a{display:inline-block;font-size:14px;line-height:24px;padding:3px 15px;margin:0 5px;border-radius:6px;border:1px solid #ddd;background:#fff;}

}

@media screen and (max-width: 460px) {
.appsidesort a{padding:3px 10px;margin:0 2px;}
}

@media screen and (max-width: 350px) {
.appsidesort a{padding:3px 6px;}
}

@media screen and (min-width: 768px) {
.footbar{display:none;}
}

.night .appsidesort a{background:#2b333e;border:1px solid #2b333e;color:#b4c2e1;}
.night .appsidesort a:hover,.appsidesort a.on{background:#0a8;color:#fff;border:1px solid #0a8;}

.night .fcinp,.night pre{background: #1e232b!important;border:1px solid #2b333e;color: #ccc;}

/*==========responsive==========*/
@media screen and (max-width:1200px){
#sidebar,#sidebar2{width:100%;}
#aside_about .bg{width:100%;height:auto;}
#widget_aside_author .avatar{margin-top:20vw;}
.h-wrap,.header{height:60px}
.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}
.logo-area .img{width:80pt}

.m-nav-btn{display:block;height:0}
.m-nav-btn i{position:absolute;top:0;left:0;font-size:24px;cursor:pointer;width:60px;height:60px;line-height:56px;text-align:center}
.m-nav-btn i.active{font-size: 34px;color:#fff;z-index:10}
.pc-nav{margin-right:0}
.responsive-nav{width:75%;height:100%;position:fixed;left:0;top:0;bottom:0;background-color:rgba(0,0,0,.92);overflow-x:hidden;overflow-y:auto;z-index:9;display:none}

.m-nav{margin-top:70px;width:100%}
.nav-sb{box-shadow:none}
.nav-ul>li{line-height:38px;position:relative;width:100%;display:inherit;margin-right:0;text-align:left}
.nav-ul>li:first-child{border-top:none}
.nav-ul>li>a{height:50px;font-size:16px;display:block;text-indent:4vw;color:#fff;line-height:50px;border-bottom:1px solid rgba(255,255,255,.1)}
.nav-ul>li>a.active{color:#009a61}

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{color:#eee;font-size:18px}
.toggle-btn .active:before{content:"\f106"}

.m-nav .sub-nav{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{color:#fff;display:block;height:50px;font-size:16px;text-indent:2em}
.m-nav .sub-nav>li ul li>a{text-indent:3em}

.m-sub-nav{display:none;overflow:hidden;}

.index-breadcrumb{padding-top:70px}
.breadcrumb,.breadcrumb2{padding:66px 0 5px 10px!important;color:#888}
.header .login{position:absolute;top:0;right:60px;z-index:1;height:60px;width:60px;line-height: 60px;display:block}
.search-button{position:absolute;top:0;right:0;z-index:1;height:60px;width:60px;display:block}
.search-button i{height:60px;width:60px;line-height:60px;text-align:center;display:block;font-size:24px}
.search-button i.icon-close{font-size: 34px;}
#search-area{left:0;width:96%;bottom:-70px}
.double-list,.flink,.full-post,.post-comment,.recommend-a,.recommend-b,.related-art,.widget{padding:20px 15px 15px 15px}
#mainbox{width:100%}
.swiper-container{margin-bottom:10px!important;width:100%;height:45vw}
.swiper-slide .p{font-size:16px;bottom:1em}
.swiper-container-horizontal>.swiper-pagination{top:90%}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
.swiper-pagination-bullet{width:.5em;border-radius:100px}
.recommend-a .item{width:48.4%;display:none}
.recommend-a .item:nth-child(-n+2){display:block}
.recommend-a .item:nth-child(2){margin-right:0}
.recommend-a .thumbnail{height:30vw}
.recommend-a .thumbnail img{height:30vw}
.recommend-a .item .title{font-size:14px}
.recommend-b .item{width:100%}
.recommend-b .intro{padding:2.8vw;line-height:1.5}
.recommend-c .figure{width:34%;height:24vw;margin-right: 4%}
.full-width-box .article-list{width:100%}
.full-width-box .article-list p.clearfix{padding-top:0}
.full-width-box .article-list .figure{width:100px;height:100px;margin:10px auto;}
.article-list .figure{width:34%;height:24vw}
.article-list .figure img{height:25vw}
.article-list .content{margin-left:38%;padding-top:5px}
.article-list .content-no-img{margin-left:0!important}
.article-list{padding:3vw}
.article-list .content .title{font-size:16px;white-space:unset;line-height:1.6}
.article-list .data{padding-top:1vw}
.double-list{width:100%}
.double-list .ul .a{max-width:80%}
.double-list .ul .title{list-style-type:none}
.recommend-c .wrap{margin-top:20px;}
.recommend-c .img-list{border-bottom:1px solid #eee;padding-bottom:10px}
.recommend-c .img-list,.full-post .img-list{width:100%}
.full-post .figure{width:30%;height:20vw}
.recommend-c .content{margin-left:0}
.full-post .content{margin-left:34%}
.recommend-c .content .title,.full-post .content .title{font-size:16px;white-space:unset}
.full-post .info{padding-top:1vw}
.recommend-c .list,.full-post .list{width:100%}
.text-post {width:100%}
.img-post .left,.img-post .top,.img-post .bottom{width:100%;overflow:hidden;}
.img-post .title{padding:0 1em 1.5em 1em;}
.img-post .top,.img-post .bottom{margin-left:0;}
.img-post .top{margin-top:20px;}
.flink{margin-bottom:10px}
.f-about{width:100%}
.f-contact{width:100%;padding:3% 0}
.f-qr{width:100%}
.art-main{padding:4vw}
.art-main .art-content{font-size:16px}
.art-main .art-title{font-size:22px}
#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}

.fcbtn-block {width: 98%;margin-left:auto;margin-right:auto;}
.mbnoview{display:none;}
}


/*--专题详情页--*/
.f-14{font-size:14px;width: calc(100% - 10px);}
.topic-main a{color:#444;}
.topic-main a:hover{color:#009a61;}
.blur {-webkit-filter: blur(30px);-moz-filter: blur(30px);-ms-filter: blur(30px);filter: blur(30px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=30, MakeShadow=false);}
.blur-layer {width: 100%;height: inherit;background:#f8f8f8;}
.topic-content .title-topic{margin-bottom: 1rem}
.title-topic {display: inline-block;background: #f2f5f9;border-radius: 55px;height: 35px;position: relative;padding-left: 35px;padding-right: 15px;line-height: 35px;overflow: hidden;font-size:18px;}
.title-topic .i {display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;position: absolute;left: 10px;top: 8px;overflow: hidden;background-color: #009a61;color: #fff;font-size: 14px;}
.topic-main figure{position:absolute;top:1.5em;left:1.5em;z-index:2;width:80px;height:80px;margin-right:15px;}
.topic-main figure img{width:80px;height:80px;border: rgba(255,255,255,.5);box-shadow: 1px 1px 3px #fff;}
.topic-main .download{width:60px;height: 24px;line-height: 24px;display:block;color: #fff;background-color: #009a61;text-align: center;border-radius: 100px;opacity:.7;}
@media screen and (max-width:1200px){
.topic-main figure{position:absolute;top:1.5em;left:1em;z-index:2;width:70px;height:70px;margin-right:15px;}
.topic-main figure img{width:70px;height:70px;border: rgba(255,255,255,.5);box-shadow: 1px 1px 3px #fff;}    
}
.topic-main .download:hover{opacity:1;}
.topic-main .main{position:absolute;top:1.5em;right:.5em;width:66.6%;z-index:2;}
.full-width-box .topic-main .main{position:absolute;top:1.5em;right:.5em;width:auto;z-index:2;}
.topic-main .main h2{font-size:18px;width:92%;font-weight:normal;margin-top: 0;margin-bottom: 5px;}
.topic-main .main li{width:50%;font-size:12px;}
.topic-main .head-info{width:48%;height:120px;position:relative;z-index:1;}
.topic-main .head-info:nth-child(even){float:right;}
@media screen and (max-width:1200px){
.topic-main .head-info{width:100%;}
.topic-main .main{top:1em;right:1em;}
.topic-main .head-info{height:110px;}
.topic-main .main h2{width:100%}
}
#aside_hot .list-1,#aside_hot .list-2,#aside_hot .list-3,#cancel-reply,#tbCalendar a,.art-content a,.comment-at,.flink a:hover,.full-post .read-more,.night a:hover,.pc-nav .active,.pc-nav .sub-nav a:hover,.recommend-b .category,.thumbs-btn,a:hover{color:#009a61}
#divCatalog li a:hover,#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover,#divSearchPanel input[type=submit],.art-content .tags:hover,.full-post .read-more,.recommend-b .category,.thumbs-btn{border:1px solid #009a61}
.art-content a:hover{border-bottom:1px dashed #009a61}
::-moz-selection,::selection{background:#009a61}
#divCatalog li a:hover,#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover,#divSearchPanel input[type=submit],#divTags li a:hover,#qr:hover,#tbCalendar tbody a,#widget_aside_author .level,.art-content .tags:hover,.btn.qq:hover,.c-title::after,.com-submit,.dropdown-nav .active a,.dropdown-nav .active a:hover,.dropdown-nav li a:hover,.full-post .read-more:hover,.header .contribute .a,.m-nav .sub-nav,.page-numbers,.recommend-a .category,.recommend-b .category:hover,.s-button,.swiper-pagination-bullet-active,.thumbs-btn:hover,.thumbs_done,.toolbar .btn:hover,a.page-numbers:hover{background-color:#009a61}
.night .title-topic{background-color:#232931;}
.night .topic-main .head-info {border:1px solid #39435b;}

.full-downlist-box {width: 100%!important;}
.full-downlist-box .article-list{width:23.6%;margin-right:1.8%}
.full-downlist-box .article-list:nth-child(4n+4){margin-right:0}
.full-downlist-box .article-list .content{margin-left:0}
.full-downlist-box .article-list .intro{padding:0;height:30px;line-height:30px;color:#333;}
.full-downlist-box .article-list p.clearfix{padding-top:0.5em}
.full-downlist-box .article-list .figure{width:100%;;height:0;padding-bottom:135%;margin-bottom:10px;border:1px solid #dfdfdf;overflow:hidden;position:relative;}
.full-downlist-box .article-list .figure img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
@media screen and (max-width:768px){
.full-downlist-box .article-list{width:48%;margin-left:1%;margin-right:1%}
}

.aboutxzapp h3{padding-left: 10px;line-height:1.2;border-left: 4px solid #009a61;margin: 20px 0 20px;font-weight:700;color:#333;font-size:1.1rem;}
.aboutxzapp .article-list{width:48% !important;margin-left:1%;margin-right:1%;margin-bottom:15px;border-radius:5px;border:1px solid #ddd;padding: 1em;}
.aboutxzapp .article-list:nth-child(4n+4) {margin-right:1%;}
.aboutxzapp .article-list .figure {width: 60px;height: 60px;padding: 5px;border: 0px solid #ddd;margin: 10px 10px 10px 0;float:left;border-radius:0px;}
.aboutxzapp .article-list .content {margin-left: 70px;margin-right:70px;padding-top:0;position:relative;}
.aboutxzapp .article-list .content .title{font-size: 14px;text-align:left;font-weight:bold;}
.aboutxzapp .article-list .content .intro {padding: 0;font-size:12px;height:40px;line-height:20px;text-align:left;}
.aboutxzapp .article-list p.clearfix {position:absolute;top:18px;right:-70px;}
.aboutxzapp .article-list p.clearfix .view{font-size:12px;border:1px solid #0a8;padding:3px 5px;border-radius: 3px;}


@media screen and (max-width: 640px) {
.full-width-box .article-list{width:98% !important;margin-left:1%;margin-right:1%;margin-bottom:15px;border-radius:5px;padding: 3vw;}
.full-width-box .article-list .figure {width: 60px;height: 60px;padding: 5px;border: 0px solid #ddd;margin: 10px 10px 10px 0;float:left;border-radius:0px;}
.full-width-box .article-list .content {margin-left: 70px;margin-right:70px;padding-top:0;position:relative;}
.full-width-box .article-list .content .title{font-size: 14px;text-align:left;font-weight:bold;}
.full-width-box .article-list .content .intro {padding: 0;font-size:12px;height:40px;line-height:20px;text-align:left;}
.full-width-box .article-list p.clearfix {position:absolute;top:24px;right:-70px;}
.full-width-box .article-list p.clearfix .view{font-size:12px;border:1px solid #0a8;padding:3px 5px;border-radius: 3px;}
.full-width-box .article-list p.clearfix .view i{display:none;}
}