@charset "utf-8";
/*==========reset=========
作者：宋九九
    网站：<a href="https://songjiujiu.com/" title="宋九九" target="_blank">songjiujiu.com</a><br/>
    zblog主题插件分享网站：<a href="https://songjiujiu.cc/" target="_blank">zblog主题</a><br/>
     seo优化：<a href="http://www.chunpou.com/" title="SEO" target="_blank">SEO</a><br/>
    联系微信：402658829<br/>
    联系QQ：402658829<br/>

*/
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}
.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-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%}
/*移除ios默认样式*/
input,textarea,button{outline-style:none;-webkit-appearance:none;}
/*==========global color=========*/
html{color:#333;background:#f2f5f9}
a{color:#333}
a:hover{color:#21b47c}
::selection{background:#21b47c;color:#fff}
::-moz-selection{background:#21b47c;color:#fff}
/*==========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:25px}
.mb10{margin-bottom:10px}
.mt{margin-top:25px}
.mr{margin-right:25px}
.br{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
/*=====header背景=====*/
.sb{box-shadow: 1px 1px 1px #e6e6eb;border-bottom: 1px solid #eef1f5;background:#FFFFFF }
.sb a:link {text-decoration:none}
/*=====通栏背景=====*/
.tonglan {
  background: #007d65;
  margin-top: 20px;
  width: 100%;
}
.comtonglan {
  height: inherit;
  margin-top: 10px;
  font-size:20px;
  color:#FFFFFF;
  text-align: center;
}
.comtonglan1 {
  height: inherit;
  margin-top: 10px;
  font-size:12px;
  color:#FFFFFF;
  text-align: center;
}
.comtonglan1 .span1{border:1px solid #F00;}
.comtonglan1 a:link{color:#FFFFFF;text-decoration:none}
.comtonglan1 a:visited{color:#FFFFFF;text-decoration:none}

/*=====内容背景=====*/
.nr{box-shadow: 1px 1px 1px #e6e6eb;border-bottom: 1px solid #eef1f5;background:#fff}

.nav-sb{box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);background:#fff}
.nav-nr{box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);background:#fff}
/*=====内容页面大小=====*/
.container{max-width:90%;margin:0 auto;font-size:16px}
.containeryd{max-width:100%;margin:0 auto;font-size:16px}
/*=====框中文字=====*/
.kzwz{
width:30px;
height:25px;
padding:1px 2px; 
margin:2px;
border:1px solid #ebcbbe;
}
.kzwz.kzwztitle{
display:block;
width:30px;
height:25px;
position:relative;
top:0px;
text-align: center;
background: white;
}



.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}
/*=====渐变扫光=====*/
.gradient{background-image: -webkit-linear-gradient(-30deg, #539FF1, #f00 30%, #002DBF 70%, #539FF1);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-background-size: 200% 100%;-webkit-animation: text-background-animation 2s infinite linear;}
@-webkit-keyframes text-background-animation {0% {background-position:20% 0}100% {background-position:-120% 0}}
@keyframes text-background-animation {0% {background-position:20% 0}100% {background-position:-120% 0}}
/*单行文本溢出省略*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*两行文本溢出省略*/
.multi-ellipsis{position:relative;line-height:1.6em!important;height:3.2em!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-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}
.comtonglan {
  height: inherit;
  margin-top: 10px;
  font-size:12px;
  color:#FFFFFF;
  text-align: center;
}
}
@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}
}
/*========标题栏组件样式========*/
.flink,.full-post,.related-art,.widget,#left_1,#left_2,#left_3,#middle_1,#middle_2,#full-post,#full-app,.related-item,.comment-list,.comment-submit{padding:1.5em}
.c-title{font-size:18px;padding-bottom:.5em;margin-top:-.5em;position:relative;padding-left:16px;}
.c-title:after{content:"#";color:#21b47c;opacity:.7;left:0;width:5px;height:20px;top:0;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
/*========图片缩放效果========*/
#left_2 .thumbnail img,#aside_hot_comment .list img,#full-post .thumbnail img,.article-list img{-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
#left_2 .thumbnail:hover img,#aside_hot_comment .list:hover img,#full-post .thumbnail:hover img,.article-list:hover img{-webkit-transform: rotate(3deg) scale(1.2);-moz-transform: rotate(3deg) scale(1.2);-ms-transform: rotate(3deg) scale(1.2);-o-transform: rotate(3deg) scale(1.2);transform: rotate(3deg) scale(1.2);}
/*========animated========*/
.animated {-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideDown {0% {-webkit-transform:translateY(-80px)}100% {-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown {0% {-moz-transform:translateY(-80px)}100% {-moz-transform:translateY(0)}}
@-o-keyframes slideDown {0% {-o-transform:translateY(-80px)}100% {-o-transform:translateY(0)}}
@keyframes slideDown {0% {transform:translateY(-80px)}100% {transform:translateY(0)}}
.animated.slideDown {-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideUp {0% {-webkit-transform:translateY(0)}100% {-webkit-transform:translateY(-80px)}}
@-moz-keyframes slideUp {0% {-moz-transform:translateY(0)}100% {-moz-transform:translateY(-80px)}}
@-o-keyframes slideUp {0% {-o-transform:translateY(0)}100% {-o-transform:translateY(-80px)}}
@keyframes slideUp {0% {transform:translateY(0)}100% {transform:translateY(-80px)}}
.animated.slideUp {-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}
/*========header========*/
.header-fixed{position:fixed;z-index:10;right:0;left:0;top:0;}
.header{height:80px;font-size:100%;width:100%;z-index:9;}
.h-wrap{height:80px;position:relative}
.header-top{height:34px;line-height:34px;overflow:hidden;color:#eee;background-color:#333}
.header-top a{color:#fff;display: inline-block;padding:0 0.5em;}
.header-top .iconfont{}
.header-top a:hover{color:#fff;background-color:#21b47c}
.header-top .line{width:1px;height:10px;background-color:#ccc;display:inline-block;padding:0;}
.header-top .collect,.header-top .text{margin-left:1.5em}
.logo-area{padding-top:18px;padding-right:40px}
.logo-area .img{width:80%}
.pc-nav{max-width:80%;height:80px;}
.pc-nav li{float:left}
.pc-nav li a{height:80px;line-height:80px;padding:0 20px;font-size:16px;display:block}
.pc-nav li a:after{content:"\e8a8";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:after{content:"\e8a9";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:hover{color:#21b47c}
.pc-nav li a {position: relative;}
.pc-nav li a::before,.pc-nav .active::before{content: "";position: absolute;left: 50%;bottom: 0;width: 20%;height: 2px;opacity: 0;background-color: #21b47c;transform: translate(-50%, 0);transition: all 0.3s ease-in-out;}
.pc-nav li ul li a::before,.pc-nav li ul li a.active::before{height:0;}
.pc-nav li a:hover::before,.pc-nav .active::before {width: 50%;opacity: 1;}
.pc-nav .dropdown-nav .active::before{background-color: #fff;}
.pc-nav li a:only-child::after{content:""}
.pc-nav .li-cate{position:relative}
.pc-nav .active{color:#21b47c;}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0}
.dropdown-nav{position:absolute;top:44px;left:0;z-index:1000;display:none;float:left;margin:0;padding:0;background-color:#323841;list-style:none}
.dropdown-nav .active a,.dropdown-nav .active a:hover,.dropdown-nav li a:hover{background-color:#21b47c;color:#fff}
.pc-nav{font-size:14px;margin-right:10px}
.pc-nav li{position:relative;list-style:none;display:block;float:left}
.pc-nav li .iconfont{color:red;}
.pc-nav li a{text-transform:none;line-height:80px;height:80px;padding:0 18px;display:block}
.pc-nav li a i.fa{padding-right:3px;position:relative;top:0}
.pc-nav li .sub-nav{text-align:left;position:absolute;top:78px;left:-17px;display:none;background:#fff;border: 1px solid #eaeeef;}
.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 35px;color:#1a1a1a;white-space:nowrap;min-width:110px}
.pc-nav li .sub-nav li a i.iconfont{padding-right:3px}
.pc-nav li .sub-nav li a:hover{background:0 0}
.pc-nav .active a,.pc-nav .active a:focus{color:#fff}
.pc-nav li>ul>li a.current-menu-item{background:0 0}
.pc-nav li.current-menu-ancestor a,.pc-nav li.current-menu-item a,.pc-nav li.current-post-ancestor a,.pc-nav li:hover a{position:relative}
.pc-nav li .icons{margin-right:5px;font-size:17px;top:1px;position:relative}
.pc-nav .nav-ul>li:hover>.sub-nav{display:block;padding:15px 0}
.nav-ul>li,.nav-ul>li>li{float:left}
.pc-nav .nav-ul li ul li:hover>.sub-nav{display:block;padding:15px 0}
.pc-nav li ul li .sub-nav{top:-16px;left:100%}
.pc-nav li ul.sub-nav li>a.menu-th3:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-left:4px solid;border-bottom:4px solid transparent;border-top:4px solid transparent;position:relative;left:5px;overflow:hidden}
.pc-nav .has-child>a:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;position:relative;left:5px;overflow:hidden}
.m-nav-btn,.nav-sousuo,span.toggle-btn{display:none}
#search-area{position:absolute;bottom:23px;right:0;z-index:2;width:22%}
.search-button{cursor:pointer;width:60px;height:66px;line-height:66px;margin-right:-15px;text-align:center}
.search-button i.iconfont{font-size:24px}
.searchform{width:100%;position:relative}
.s-input{width:100%;text-indent: 1.2em;border:none;background:#f8f8f8;border:1px solid #f1f1f1;font-weight:400;height:34px;line-height:34px;color:#333}
.s-button{position:absolute;right:0;top:0;z-index:1;width:20%;border-radius:100px;border:none;cursor:pointer;height:34px;line-height:34px;color:#333;background:none;}
.mask-hidden{position:fixed;z-index:1;left:0;right:0;top:0;bottom:0;opacity:0;background:#000;visibility:hidden}
.mask-show{visibility:visible;opacity:.2}
/*========content======*/
#index-content{padding-top:105px;}

/*========主内容区域======*/
.index-breadcrumb{height:0;}
.breadcrumb{padding:55px 0 10px 10px;opacity:.8;}
.breadcrumb i{padding:0 5px;}
#mainbox{width:85%}
#index-left{width:22%;}
#index-middle{width:52%;}
#index-right{width:22%;}

/*--文章列表[多页面共用]--*/
.article-list{width:100%;padding:1.5em;position:relative}
.article-list:hover{background-color:#fcfcfc;-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 3px;border:1px solid #f33;border-radius:2px;font-size:14px;vertical-align:middle;display:inline-block;margin-right:5px;font-weight:200}
.article-list .figure{width:210px;height:130px;overflow:hidden}
.article-list .thumbnail{display:block;overflow:hidden}
.article-list .figure img{height:130px;width: 210px;}
.article-list .content{margin-left:240px;color:#888}
.article-list .content .title{font-size:20px;}
.article-list .content i.iconfont{padding-right:5px;}
.article-list .intro{padding:.3em 0 .2em 0;line-height:1.6em;}
.article-list .author,.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}


/*--文章页作者信息--*/ 
#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:#21b47c;padding:2px 6px;color:#fff;text-align:center;display:inline-block;vertical-align:middle}
#widget_aside_author .intro{color:#888;text-align:center}
    
/*--文章详情页--*/
.art-head{text-align:left;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.art-main{padding:3em}
.art-main .art-title{font-size:26px;font-weight: normal;color:#333;}
.art-main .head-info{color:#999;padding-top:5px;overflow: hidden;color:#666;}
.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:#21b47c}
.art-content a:hover{border-bottom:1px dashed #21b47c}
.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 #21b47c;padding:.5em 1em;background-color:#f9f9f9}
.art-content img{}
.art-content table {border-collapse:collapse;empty-cells:show;border-spacing:0}
.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;list-style: normal;}
.art-content hr{border:none;margin-top:1.5rem;margin-bottom:1.5rem;border-top:1px solid #eee;height:1px;background:0 0}
@media screen and (max-width:1200px){
    .art-content audio,.art-content img,.art-content video{height: auto !important;}
}
.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:#21b47c;color:#fff;border:1px solid #21b47c}
.art-copyright{background:#f8f8f8;padding:1em 1.5em}
.art-copyright .copyright{font-weight:700;padding-top:10px}

/*评论*/
#divCommentPost label{margin-top:5px}
#divCommentPost img{margin-bottom:-0.5em}
#divCommentPost .hook{float:none!important;}
#cancel-reply{float:none!important;margin-right:2em}
div.reply-frm{background:#fff;box-shadow: 0 4px 14px rgba(0,0,0,.1);margin-top:1em;padding:.3em .8em!important;min-width:600px;border-radius: 3px;}
#cancel-reply small{font-size:16px;color: #ff6666;margin-left: 1em;}
#divCommentPost input.text{border:1px solid #d7d7d7;line-height:38px;height:38px;padding:10px;width: 96%;border-radius: 3px;}
.verify-wrap{position:relative;}
.verify-wrap img{border-radius: 3px;position:absolute;right:0;top:0;height: 38px!important;width: 100px!important;border: 1px solid #d7d7d7;background:#6b7386;}
#txaArticle{margin-top: 10px;color: #6b7386;padding:10px;width:100%;height:130px;border:1px solid #d7dae0;border-radius: 3px;}
#divCommentPost input.button{border:1px solid #21b47c;color:#fff;background-color:#21b47c;text-align:center;height:42px;line-height:42px;border-radius:3px;width:120px;display:block;margin-top: 10px;cursor:pointer;opacity:.7;}
#divCommentPost input.button:hover{opacity:1;}
ul.msg{list-style: none;margin: 10px 0;position:relative;text-align:left;list-style-position:outside;table-layout:fixed;word-wrap:break-word}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em}
li.msggravatar{display:block;float:left;margin-right:5px}
li.msgarticle{list-style-position:outside;padding:5px;padding-right:0;margin:0;/*border-bottom:1px solid #eaeaea*/}
ul.msg li.msgarticle{margin-left:60px;}
li.msgtime{padding:5px 0 0 0;font-weight:400;font-size:.8em}
.msg img.avatar{width:60px;height:60px;float:left;padding:2px;border-radius: 10px;border: 1px solid #fff;box-shadow: 2px 2px 3px #efefef;}
ul.msg ul.msg{padding:10px 0 0 0;/*margin:20px 0 0 0;border-top:1px solid #eaeaea;*/border-bottom:none}
ul.msg ul.msg li.msgarticle{padding-bottom:0;border-bottom:0 solid #eaeaea;}
li.msgname .commentname{padding-left:1.5%;padding-top: 1%;display: inline-block;}
.comment-main{display:inline-block;padding: 10px 15px;background: #f2f5f9;border-radius: 5px;margin-left:1.5%;}
.comment-main .time{font-size:12px;opacity:.6;}
.commentname a{color:#21b47c;}
.comment-main .content{font-size: 16px;line-height: 1.6;padding-top:5px;word-break: break-all;}
.revertcomment {font-size: 14px;padding-left:1em;white-space: nowrap;}
.revertcomment a{opacity:.4;}
.input-wrap{margin:10px 0;}
.input-wrap .name,.input-wrap .mail,.input-wrap .site,.input-wrap .verify{width:25%;}
/*ajax第二层，刷新后恢复原背景色*/
li.msgarticle .comment-main .comment-main{background:#fff;min-width: 340px;}
/*--分页--*/
.pagebar{text-align:center;background: #fff;padding: 1.5em;z-index: 1;position: relative;}
.page-numbers{padding:0 1em;line-height:34px;text-align:center;margin:0 0 0 5px;display:inline-block;background-color:#21b47c;color:#fff}
a.page-numbers{background:#fff ;color:#1a1a1a;border: 1px solid #eee;}
a.page-numbers:hover{background-color:#21b47c;color:#fff}
.ias-spinner{background:url(../image/loading.gif) no-repeat center;float:inherit;width:98%;margin:0 auto;height:35px}
.ias-trigger-next{cursor:pointer;float:inherit;text-align:center;padding:1.5em 0}
.ias-trigger-next a{background:#fff;color:#333;padding:.8em 2em;line-height:100%;border-radius:2px;box-shadow:0 1px 2px 0 rgba(51,51,51,.3)}
.ias-trigger-next a:hover{box-shadow:0 3px 2px 0 rgba(51,51,51,.2)}
.ias-trigger-next i{margin-right:5px}

/*========footer======*/
.footer{width:100%;color:#888;padding:0 1.5em;font-size:.9em;}
.footer i{font-style:normal;padding:0 5px;opacity:.6}
.footer a{color:#888}
.footer a:hover{color:#21b47c}
.footer small .icp{padding-left:1em;}
.f-about{padding:1% 0 3% 0;}
.footer .icp,.footer .contact{padding-left:8px;}
/*--回顶部--*/
.toolbar{z-index:1;bottom:80px;position:fixed;right:0;margin-right:15px;cursor:pointer}
#totop{display:none}
.toolbar i.iconfont{color:#fff;font-size:24px;opacity:1}
.toolbar .btn{margin-bottom:18px;width:40px;height:40px;line-height:40px;vertical-align:middle;text-align:center;background-color:#21b47c;opacity:.7;}
.toolbar .btn:hover{opacity:1;}

/*==========responsive==========*/
@media screen and (max-width:1200px){
.s-input,.s-button{height:50px;line-height:50px;background:#fff;}
.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}
.pc-nav{margin-right:0}
.responsive-nav{width:75%;height:100%;position:fixed;left:0;top:60px;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:9;display:none;background: url(../image/nav_bg.png) repeat 200%  #007d65;}
.nav-sb{box-shadow:none}
.nav-nr{box-shadow:none}
.m-nav{width:100%;margin-top: 20px;}
.m-nav-btn i.iconfont{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{color:#333;z-index:10}
.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;}
.nav-ul>li>a i.fa{font-size:1em;padding-right:3px}
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;display:block}
span.toggle-btn i.iconfont{color:#eee;font-size:18px}
.m-nav-btn .active:before{content:"\e630"}
.toggle-btn .active:before{content:"\e626"}
.m-nav .sub-nav{background-color:#21b47c;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}
.search-button{position:absolute;top:0;right:14px;z-index:1;height:60px;width:60px;display:block}
.search-button i.iconfont{height:60px;width:60px;line-height:60px;text-align:center;display:block;font-size:24px}
#search-area{left:0;width:96%;bottom:-60px;display:none;}

#index-content{padding-top:0;}
#index-left,#index-middle{width:100%;}
#index-left,#index-middle{margin-right:0;}
#left_2,.flink,#full-post,#full-app,.post-comment,#middle_1,.recommend-b,.related-art,.widget{padding:20px 15px 15px 15px}
#mainbox{width:100%}
#left_2 .thumbnail img{height:45vw;}
.swiper-container{margin-bottom:20px!important;width:100%;height:35vw;border-radius:0!important;}
.swiper-container img{height:35vw;}
#middle_1 .item{width:23%;display:none;padding: .5em 0;}
#middle_1 .item:nth-child(6){margin-right:2%!important;}
#middle_1 .item:nth-child(11){margin-right:2%!important;}
#middle_1 .item:nth-child(-n+13){display:block;}
#middle_1 .item:nth-child(4n+1){margin-right:0}
#middle_1 .item:hover .download{display:none;}
#middle_1 .item:hover .sub{opacity:1;}
#middle_1 .item .title{font-size:14px}
#middle_2 .item{width:100%;margin-right:0;}
#middle_2 .item{display:none;}
#middle_2 .item:nth-child(-n+6){display:block;}
#full-post .item{width:100%;margin-top:3%!important;}
#full-app .item{width:100%;padding:20px 5px;}
#full-app .item:nth-child(2),#full-app .item:nth-child(3),#full-app .item:nth-child(4),#full-app .item:nth-child(5){margin-top:2%;}
#full-app .item:last-child{border:none;}
.app-list{padding:1em}
.app-list .figure{margin-left:0;}
.app-list .content{width:50%;margin-left:10px;}
.app-list .download{margin-right:0;padding: 0.3em .7em;}
.app-main{padding:1em}
.app-main .head-info{position:relative;}
.app-main figure{width:80px;height:80px;}
.app-main figure img{width:80px;height:80px;border-radius:10px;}
.app-main figure .download{width:100px;position:absolute;top:15px;right:0;}
.app-main figure .size{width:50%;position:absolute;top:28px;left:95px;}
.app-main figure .num{width:50%;position:absolute;top:48px;left:95px;}
.app-main .main{width:100%;position:relative;}
.app-main .main h1{position:absolute;top: -76px;left: 95px;max-width:46%;font-size:18px;}
.app-main .main li:nth-child(2n+1){width:40%;}
.app-main .main li{width:58%;}

.related-art li{width:100%;}
.related-item{width:100%;margin-right:2%}
#top_recommend li{width:23.6%;margin-right: 1.8%;border:none;}
#top_recommend li:nth-child(4n){margin-right:0;}
#top_recommend li:nth-child(5){margin-right: 1.8%;}
#top_recommend .tips{font-size:12px;}
#top_recommend::after {border-top: 50px solid#f65220;border-right: 50px solid transparent;}
.related-item .item{width:23.6%;display:none;padding: .5em 0;}
.related-item .item:nth-child(5){margin-right:2%!important;}
.related-item .item:nth-child(-n+8){display:block;}
.related-item .item:nth-child(4n+0){margin-right:0}
.related-item .item:hover .download{display:none;}
.related-item .item:hover .sub{opacity:1;}
.related-item .item .title{font-size:14px}
.input-wrap .name,.input-wrap .mail,.input-wrap .site,.input-wrap .verify{width:100%;margin-top:10px;}
#divCommentPost input.text{width:100%;}
ul.msg{margin:5px 0}
.msg img.avatar{width:42px;height:42px;}
ul.msg li.msgarticle{margin-left: 42px;padding-top: 0}
.footer .diy{display:block;float:none;}

.article-list .figure{width:34%;height:24vw}
.article-list .content{margin-left:38%;padding-top:5px}
.article-list{padding:3vw}
.article-list .content .title{font-size:16px;white-space:unset;line-height:1.6}
.article-list .data{padding-top:1vw}
#left_2{width:100%}
#left_2 .ul .title{list-style-type:none}
#left_2 .item .p-title,#left_2 .a,#left_1 .intro,#middle_2 .item .title a,#full-post .absolute{font-size:16px;}
.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}
.art-main h1,.art-main h2,.art-main h3{font-size: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}
.page-numbers{margin-top:10px}
.compost .com-info li{width:100%;padding-right:0%}
.compost .com-info li .verify{right:0}
}



/*========相关文章======*/
.boxxiangguan {
  background: #FFFFFF;
  margin-top: 20px;
  width: 100%;
}
.boxxiangguan ul {
  overflow: hidden;
  margin-left: 0px;
  background: #FFFFFF;
}
.boxxiangguan ul li {
  width: 50%;
  height: 100%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.boxxiangguan ul li .xiangguan {
  height: inherit;
  background: #FFFFFF;
  font-size:16px;
  
}

/*========文章一行1列======*/
.boxyilie {
  background: #FFFFFF;
  margin-top: 20px;
  width: 100%;
}
.boxyilie ul {
  overflow: hidden;
  margin-left: 0px;
  background: #FFFFFF;
}
.boxyilie ul li {
  width: 100%;
  height: 100%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.boxyilie ul li .comyilie {
  height: inherit;
  font-size:16px;

}

/*========文章一行2列======*/
.boxerlie {
  background: #FFFFFF;
  margin-top: 20px;
  width: 100%;
}
.boxerlie ul {
  overflow: hidden;
  margin-left: 0px;
  background: #FFFFFF;
}
.boxerlie ul li {
  width: 50%;
  height: 100%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.boxerlie ul li .comerlie {
  height: inherit;
  font-size:16px;

}
/*========圆形图片======*/
#yxtp{ margin:0px auto} 
#yxtp img{ border-radius:50%;width:30px;height:30px;vertical-align:middle;} 

/*========颜色定义======*/
#wzys{color:#0000FF;} 
/*========文字边距======*/
#wzbj{padding-left: 50px;} 

/*========文字右对齐======*/
#wzydq{float:right; padding-right:50px;} 
/*========文字左对齐======*/
#wzzdq{float:left; padding-left:30px;} 
/*========function_t样式定义======*/
.function_t{font-weight:bold;margin-top:10px;text-decoration:underline;} 
.divPrevious{font-weight:bold;margin-top:10px;text-decoration:underline;} 
.tag-count{font-size:12px;font-weight:100}
/*========左侧竖条样式定义===== =*/
.zcst{ border-left: 5px solid red;padding-left: 10px;margin-top: 10px;}
/*========查看全文======*/
.quanwen{position:absolute;right:0px; bottom:0px;}
.quanwen a{color:#fff;padding:0px 10px;border:1px solid #018e64;background:#018e64;border-radius:3px 3px 0 0;margin:0 10px;height:25px;line-height:25px; display:block;}
.quanwen a:hover{color:#018e64;background:#ddd;border:1px solid #ddd;}

/*========20%css======*/
.box20 {
  background: #FFFFFF;
  margin-top: 100px;
  width: 25%;
  
}
.box20 ul {
  overflow: hidden;
  border:1px solid #AAAAAA;
}
.box20 ul li {
  width: 100%;
  height: 100%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.box20 ul li .box20ys {
  height: inherit;
  font-size:16px;

}



/*========移动css======*/
.boxyd {
  background: #FFFFFF;
  margin-top: 70px;
  width: 100%;
  border:1px solid #AAAAAA;
}
.boxyd ul {
  overflow: hidden;
}
.boxyd ul li {
  width: 100%;
  height: 100%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.boxyd ul li .yd {
  height: inherit;
  font-size:16px;

}


/**FOOT1**/
.foot1{margin-top:10px;text-align:center;clear:both;overflow:hidden;line-height:22px;font-size:13px;background:#239b34; padding:10px 0; color:#fff;}
.foot1 a{color:#fff;}
#shangxia{position:fixed;bottom:53px;right:50%;display:block;margin-right:-555px;z-index:30;background:#fff;border-radius:5px;padding:0 5px 0 5px;}
#shang,#comt,#xia{position:relative;cursor:pointer;height:25px;width:29px;margin:10px 0 0 0;}
#comt{background-position:left -30px!important;height:32px;display:block;}
#comt1{height:20px;display:block;}
#xia{background-position:0 -68px !important;}
#comt:hover{background-position:right -30px!important;}
#shang:hover{background-position:right 0}
#xia:hover{background-position:right -68px!important;}
#shang,#comt,#xia{background:url(../images/shangxia.png) no-repeat;}