@charset "utf-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{background:#f5f5f5;color:#666;font-size:14px;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;line-height:1.42857143}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
nav ul{list-style:none}
ul.nav{margin-left:24px;}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
a{margin:0;padding:0;background:0 0;color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:focus,a:hover{color:#111;text-decoration:none;cursor:pointer}
img{margin:0;padding:0;height:auto;max-width:100%}
ins{background-color:#ff9;color:#323841;text-decoration:none}
mark{background-color:#ff9;color:#323841;font-weight:700;font-style:italic}
.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}
.mt10{margin-top:10px}
.mr0{margin-right:0!important}
.container{margin:0 auto;padding:0 20px;max-width:1200px}
.containe{position:relative;margin:0 auto;color:#fff}
.header{display:block;width:100%;background-size:100% 100%}
.logo{float:left}
.logo img{height:54px}
.blog-info{padding-top:18px;color:#5c5c5c}
.blog-name{margin-bottom:15px;color:#fff;font-weight:800;font-size:26px;line-height:26px;width:60%;float:left}
.blog-text{color:#ccc;font-size:14pxQ? overflow:hidden!important;text-overflow:ellipsis;margin-bottom:60px;width:60%;float:left;height:40px;line-height:28px}
.blog-data{color:#ccc}
.blog-data .blog-num{margin-right:26px;font-size:14px;line-height:42px}
.blog-data .blog-num b,.blog-data .blog-time b,.blog-data .blog-view b{margin-left:15px;color:#111;font-size:26px}
.blog-data .blog-view{margin-left:30px;font-size:14px;line-height:42px}
.blog-data .blog-time{margin-left:50px;font-size:14px;line-height:42px}
.blog-login{position:absolute;top:87px;right:0;display:block}
.blog-login .btn{display:inline-block;padding:0 30px;height:40px;border-radius:20px;background:#111;color:#fff;font-size:16px;line-height:40px}
.blog-login .btn i{padding-right:5px}
h1.logo{padding-top:12px}
.header-nav{position:relative;z-index:9999;width:100%;background-color:#fff}
#nav-box{height:80px;position:fixed;top:0;left:0;box-shadow:2px 2px 10px #e7e7e7;}
.index-breadcrumb{padding-top:80px}
.breadcrumb{margin-top:80px!important}
.breadcrumb .fa-home{padding-right:4px;}
/*
#monavber{height:80px;position:fixed;top:0;left:0}
.breadcrumb{margin-top:80px!important}
.index-breadcrumb{padding-top:80px}
.navbar li a{-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.navbar li a::before,.navbar li.active::before{position:absolute;top:20px;left:50%;color:transparent;content:'?;text-shadow:0 0 transparent;font-size:1.2em;-webkit-transition:text-shadow .3s,color .3s;-moz-transition:text-shadow .3s,color .3s;transition:text-shadow .3s,color .3s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}
.navbar li.active::before{top:47px}
.navbar li a:focus::before,.navbar li a:hover::before{color:#111;text-shadow:10px 0 #111,-10px 0 #111}
.navbar li a:focus,.navbar li a:hover{color:#111}
.navbar li.active::before{color:#111;text-shadow:10px 0 #111,-10px 0 #111}
.header-nav{position:relative;z-index:9999;width:100%;background-color:#fff}
.navbar{position:relative;z-index:1;float:left}
.navbar li{position:relative;float:left;display:block;text-align:center}
.navbar li a{font-size:16px;}
.navbar > li > a{display:block;padding:0 20px;color:#111;font-weight:500;font-size:16px;height:80px;line-height:80px}
.navbar li.active a,.navbar li.on a{color:#111}
.navbar li a:hover,.navbar li.current-menu-item a,.navbar li.current-post-parent a,.navbar li.current_page_item a{color:#111}
*/
/*
.header .moble-bars{display:none}
.header #monavber>div>ul>li:hover>ul{display:block;box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);}
.header #monavber>div>ul>li>ul{position:absolute;top:100%;right:-40%;display:none;width:140%;background-color:#fff;text-align:center;transition:.3s all}
.header #monavber>div>ul>li>ul>li a{float:none;display:block;}
.header #monavber>div>ul>li>ul>li,.header menu>ul>li>ul>li>a{margin:0;padding:0;width:100%;color:#686967!important;font-size:14px;line-height:50px;height:50px;}
.header #monavber>div>ul>li>ul{padding:20px 0;}
.header #monavber>div>ul>li>ul>.on{}
.header #monavber>div>ul>li>ul>.on a{}
*/
.header .nav-bar {float:left;}
.header .nav-bar li {display:inline-block;height:80px;line-height:80px;position:relative;vertical-align:top;}
.header .nav-bar li a {display:inline-block;padding:0 15px;color:#333;font-size:16px;position:relative;z-index:2;min-width:68px;text-align:center}
.header .nav-bar li em[class*="dot"] {display:inline-block;position:relative;left:-10px;z-index:1;width:16px;}
.header .nav-bar li em[class*="dot"] .fa {color:#111;font-size:16px;width:16px;display:block;}
.header .nav-bar li.active a,.header .nav-bar li a:hover {opacity:1;}
.header .nav-bar li a{-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.header .nav-bar li a::before,.nav-bar li.active::before{position:absolute;top:20px;left:50%;color:transparent;content:'?;text-shadow:0 0 transparent;font-size:1.2em;-webkit-transition:text-shadow .3s,color .3s;-moz-transition:text-shadow .3s,color .3s;transition:text-shadow .3s,color .3s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}
.nav-bar li a:focus::before,.nav-bar li a:hover::before{color:#111;text-shadow:10px 0 #111,-10px 0 #111}
.nav-bar li a:focus,.nav-bar li a:hover{color:#111}
.header .nav-bar li.active::before{color:#111;text-shadow:10px 0 #111,-10px 0 #111}
/*二高亮*/
.header .nav-bar ul li>ul {width:140%;padding:10px 0;min-width:110px;position:absolute;top:100%;left:50%;transform:translateX(-50%);right:0;background:#fff;z-index:888;visibility:hidden;opacity:0;box-shadow:0px 8px 20px 0px rgba(0,0,0,0.2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .nav-bar ul li>ul li {width:100%;height:44px;line-height:44px;display:block;}
.header .nav-bar ul li>ul li a {width:100%;text-align:center;height:42px;line-height:42px;font-size:15px;color:rgba(0,0,0,0.8);opacity:1}
.header .nav-bar ul li>ul li.on a,.header .nav-bar ul li>ul li.on a:hover {background:#fff;}
.header .nav-bar ul li.on>ul {visibility:visible;opacity:1;}
.header .nav-bar ul li>ul li em[class*="dot"] {position:absolute;right:5px;left:auto;top:10px;z-index:3;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.header .nav-bar ul li.on>ul li em[class*="dot"] .fa {color:rgba(255,255,255,0.8);}
/*三高亮*/
.header .nav-bar ul li>ul li .sub-nav {visibility:hidden;opacity:0;display:none;left:-100%;transform:none;}
.header .nav-bar ul li>ul li.on .sub-nav {right:-100%;left:auto;top:0;visibility:visible;opacity:1;display:block;}
.header .nav-bar ul li>ul li.on .sub-nav li a,.header .nav-bar ul li>ul li.on .sub-nav li a:hover {background:rgba(0,0,0,0);color:rgba(255,255,255,0.8);}
.header .nav-bar ul li>ul li.on .sub-nav li.on a,.header .nav-bar ul li>ul li.on .sub-nav li.on a:hover {background:#ff4b4b;color:rgba(255,255,255,0.8);}
/*Ud?/
.m-btn {position:absolute;top:0;bottom:0;left:5px;padding:0 15px;height:100%;display:none;line-height:48px;cursor:pointer;}
.m-btn i {color:#111;opacity:0.7;font-size:20px;line-height:48px;}
.m-btn:hover i {opacity:1}
.m-nav {width:190px;background:#111;position:fixed;top:0;bottom:0;left:-190px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:999}
.m-nav .m-btn {height:48px;line-height:48px;left:auto;right:-45px;display:none;}
.m-nav ul {padding-top:0px;}
.m-nav li {width:100%;position:relative;}
.m-nav li a {padding:0 25px;line-height:48px;color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,0.08);}
.m-nav li a:hover {background:rgba(0,0,0,0.1);}
.m-nav ul li>ul {display:none;}
.m-nav li em[class*="dot"] {position:absolute;top:0px;right:0px;width:48px;height:48px;text-align:center;border-left:1px solid rgba(255,255,255,0);cursor:pointer;}
.m-nav li em[class*="dot"] .fa {font-size:18px;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;width:48px;line-height:48px;top:0;left:0;}
.m-nav li em[class*="dot"] .fa.open {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.m-nav ul li>ul li {background:rgba(0,0,0,0.15);}
.m-nav ul li>ul li a {border-bottom:1px solid rgba(255,255,255,0.05);opacity:0.8;font-size:12px;text-indent:1em}
.mnav{display:none;}
select{margin:0;width:100%;height:25px;background:#fff;line-height:25px}
.pull-right{position:relative;float:right!important;margin-top:20px}
.pull-right form input{padding:5px 35px 5px 25px;width:130px;height:38px;outline:0;border:1px solid #e7e7e7;border-radius:25px;background:#fff;font-size:14px;transition:width .3s linear}
.pull-right form input:focus{width:180px}
.pull-right form button{position:absolute;top:10px;right:15px;margin:0;padding:0;outline:0;border:none;background:0 0;color:#111;font-weight:300;font-size:17px;line-height:normal;cursor:pointer}
.login,.register{width:70px;float:right;margin-left:16px;}
.login span a,.register span a{display:block;height:80px;line-height:80px;}
.login span a i,.register span a i{font-size:14px;color:#111;font-style:normal;border:1px solid #efefef;padding:8px 20px;border-radius:30px;}
.breadcrumb{clear:both;overflow:hidden;margin:0 auto;padding:10px 20px;height:35px;max-width:1200px;line-height:35px}
.fa-angle-right,.fa-bullhorn{margin:0 4px;font-size:30pxQ}
.slider{overflow:hidden;margin:0 auto;max-width:1200px;height:300px!important;margin-bottom:20px}
.slider .slideBox{position:relative;margin-bottom:20px;width:100%;height:300px}
.slider .slideBox .bd{position:relative;z-index:0;height:300px!important}
.slideBox .bd ul li,.slider .slideBox .bd ul{width:100%!important}
.slider .slideBox .bd img{width:100%;height:300px!important}
.slideBox .next,.slideBox .prev{position:absolute;top:40%;z-index:10;width:38px;height:60px;line-height:60px;font-size:30px;color:#fff;background:#000;cursor:pointer;opacity:0.5;}
.slideBox .prev{left:0;border-radius:0 200px 200px 0;padding-left:10px;}
.slideBox .next{right:0;border-radius:200px 0 0 200px;padding-left:12px;}
.slideBox .next:hover,.slideBox .prev:hover{opacity:.8}
.slideBox .hd{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:60px;text-align:center;line-height:60px}
.slideBox .hd ul li{display:inline-block;margin:0 4px 5px 4px;width:11px;height:11px;opacity:.8;cursor:pointer;color:#fff}
.slideBox .hd ul .on{opacity:1;color:#111;opacity:.8}
.recommend{margin-bottom:0px}
.first_pro{width:48.73%;background-color:#fff;border:1px solid #eee;margin:0 20px 20px 0}
.first_pro:nth-child(2n+0){margin-right:0}
.first_pro .first_pic{width:100%;height:260px;position:relative;overflow:hidden}
.first_pro .first_pic img{display:block;height:260px;width:100%}
.first_pro .first_article{position:relative;left:0;bottom:165px;background:rgba(255,255,255,.7);padding:15px;margin:15px}
.first_pro .first_article h2{font-size:22px;line-height:28px}
.first_pro .first_article h2 a{font-size:20px}
.first_pro .first_article h2 a:hover{font-size:20px;}
.first_pro .first_article p{font-size:14px;color:#444;line-height:20px;padding:10px 0 8px}
.first_article .article_bottom span{padding-right:10px;color:#666;font-size:12px}
.first_article .article_bottom span i{padding-right:8px}
.content-wrap{float:left;width:100%;margin-top:20px}
.article{margin-right:370px;min-height:600px}
.archive-head{position:relative;overflow:hidden;margin-bottom:20px;padding:20px;border-top:1px solid #eee;background-color:#fff}
.headline h1{float:left}
.headline span{float:left}
.headline{position:relative;margin-bottom:16px;padding-bottom:10px;height:40px;border-bottom:2px solid #ecedee;color:#2a363c;font-weight:700;font-size:16px;line-height:28px}
i.fa.fa-folder-open{float:left;margin-right:10px;width:28px;height:28px;background-color:#2a363c;color:#FFF;text-align:center;font-size:14px;line-height:28px}
i.fa-rss{float:right;margin:6px 0 0 20px;color:#111}
.headline:before{position:absolute;bottom:-2px;left:0;width:28px;height:2px;background-color:#2a363c;content:""}
.archive-list p{line-height:22px}
.post{position:relative;overflow:hidden;margin-bottom:16px;padding:30px;border:1px solid #eee;border-radius:2px;background-color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease}
.post:hover{box-shadow:6px 6px 16px rgba(0,0,000,.3)}
.article_top{color:red;padding-right:5px}
.istop{padding:15px 30px}
.post header{position:relative}
.post header h2{padding-bottom:16px;font-size:18px;line-height:24px;}
.istop .post-title{font-size:18px}
.post-img{position:relative;float:left;margin-right:3%;height:174px;width:280px}
.post-img img{height:174px;width:280px}
.post-img .mask-tags{position:absolute;top:0;left:0;z-index:50;display:block;padding:5px 10px;background-color:#111;color:#fff;font-size:12px;opacity:.8;}
.post-img .mask-tags a{color:#fff}
.post-text{display:block;font-size:14px;line-height:24px;color:#888}
.post footer{margin:8px 0 0;height:auto;color:#999}
.post footer span{display:inline-block;margin-right:10px;color:#c5c5c5;font-size:13px}
.post footer span a{color:#999}
.post footer span .fa{display:inline-block;margin-right:4px;width:13px;font-size:13px}
#content-index-control{position:absolute;top:3px;right:5px;color:red;cursor:pointer}
#content-index-wrap{position:relative;float:right;margin:10px 0 0;max-width:280px;background:#fff;font-size:14px}
#content-index{float:right;margin-left:5px;padding:0 6px 0 10px;min-width:120px;border:1px solid #DEDFE1;background:#F7F7F7;line-height:24px}
#content-index b{display:block;font-weight:700;line-height:30px}
#index-ul{margin:0;padding-bottom:5px;border-top:1px dashed #DDD}
#index-ul li{margin:3px 0 3px 20px;padding:0;background:none repeat scroll 0 0 transparent;list-style-type:decimal}
#index-ul li:before{content:""}
#index-ul a{text-decoration:none}
.pagination{padding:24px 0 30px;text-align:center}
.pagination ul{display:inline-block;margin-left:0;margin-bottom:0;padding:0}
.pagination ul>li{display:inline}
.pagination ul>li>a,.pagination ul>li>span{margin:0 5px;float:left;padding:8px 20px 7px;text-decoration:none;background-color:#ddd;color:#666;opacity:.7}
.pagination-multi ul>li>a,.pagination-multi ul>li>span{padding:8px 13px;margin:0 6px;font-size:12px;border-radius:100px}
.pagination ul>li>a:focus,.pagination ul>li>a:hover{opacity:1}
.pagination ul>.active>a,.pagination ul>.active>span{background-color:#111;color:#fff;border-radius:100px}
.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}
.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span,.pagination ul>li>span{color:#999;background-color:transparent;cursor:default}
.pagination ul>li.next-page>a{background-color:#111;color:#fff}
@media(max-width:767px){
.pagination-multi ul>li>a{padding:8px 20px}
}
.sidebar{position:relative;float:left;margin-left:-350px;width:350px;margin-top:20px}
.function{overflow:hidden;margin-bottom:20px;padding:20px;border:1px solid #eee;background-color:#fff}
#divComments li{padding-bottom:16px;border-bottom:1px solid #eee}
#divComments li:last-child{border-bottom:none;}
.function_t{position:relative;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #ebebeb;font-size:16px;color:#444}
.function_t:after{position:absolute;bottom:-1px;left:0;width:70px;height:1px;background:#e5e6e0;content:""}
.function ul{margin:0;list-style:none}
.divCatalog li{float:left;width:33.33333%}
#aside_hot li,#aside_new li,#aside_random li{position:relative;overflow:hidden;margin-top:20px}
#aside_hot li .previous-one-img,#aside_new li .previous-one-img,#aside_random li .previous-one-img{position:relative;float:left;margin-top:3px;width:75px;height:auto;max-height:75px}
#aside_hot li .previous-one-img img,#aside_new li .previous-one-img img,#aside_random li .previous-one-img img{width:76px;height:60px}
#aside_hot li .previous-recent-title,#aside_new li .previous-recent-title,#aside_random li .previous-recent-title{margin-left:90px}
#aside_hot li .previous-recent-title h4,#aside_new li .previous-recent-title h4,#aside_random li .previous-recent-title h4{margin-bottom:0;font-weight:400;font-size:14px;line-height:1.6}
#aside_hot li .previous-recent-title span,#aside_new li .previous-recent-title span,#aside_random li .previous-recent-title span{color:#9A9A9A;font-size:12px}
.social .ul{text-align:center;margin-top:10px;}
.social p.title{position:relative;overflow:initial;margin:0 10px;margin-bottom:35px;padding:0;border-bottom:solid 1px #EAEAEA;color:#444;text-align:center;font-size:16px}
.social p.title span{position:relative;bottom:-11px;padding:0 10px;background:#FFF}
.social a.social_a{display:inline-block;width:60px;height:60px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:25px;color:#666;text-align:center;font-size:20px;line-height:50px;margin-right:10px}
.ul_distance{margin:10px 0;}
.social a.social_contact{border:1px solid #363636;border-radius:50%;margin-right:32px;width:40px;height:40px;line-height: 36px;}
.f-contact{font-size:18px !important;}
.social a.social_contact:last-child{margin-right:0;}
.fa-envelope-o,.fa-qq,.fa-star,.fa-users,.fa-wechat{font-size:20px}
.fa-star{font-size:20px}
.social a.social_weixin:hover .weixin{display:block;}
.social a.social_weixin:hover .wechat{background:#464646;}
.social a.social_weixin .weixin{position:absolute;top:130px;left:80px;z-index:999;display:none;padding:4px;width:130px;height:130px;box-shadow: 0 1px 8px 0 rgba(165, 165, 165, 0.8);}
.social a.social_weixin .wechat{top:88px;}
.social a.social_weixin .wechat img{width:100%;height:122px;}
.widget-thumb{margin:10px 0;height:auto;min-height:55px}
.widget-thumb .post-thumbnail{float:left;margin:0 10px 0 0}
.widget-thumb .post-thumbnail img{padding:4px;width:55px;height:55px;border:1px solid #eee;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;background:#fff;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
.widget-thumb .post-thumbnail:hover img{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.widget-thumb a{line-height:24px}
.widget-thumb span.date{margin:5px 0 0 10px;color:#AAA;font-size:85%}
#comment{background:#fff;padding-top:40px;margin-bottom:22px}
#comments-title{padding-top:100px;margin-top:-100px}
.c-title{font-size:18px;font-weight:500;color:#222}
.comment-disable{padding:1.5em;color:#888;text-align:center}
.comment-disable i.iconfont{padding-right:5px;color:#666;font-size:18px}
.comment-num{color:#999;font-size:16px}
.comment-num .emphasize{color:#f33}
.no-comment{color:#999;text-align:center}
.no-comment i.iconfont{font-size:60px;color:#ddd;display:block;margin-top:-20px;height:90px}
.comment-msg{padding:1.5em 0;overflow:hidden;border-top:1px solid #ddd}
.comment-list .ul{list-style:none;border-top:1px solid #ededed}
.comment-list .li{overflow:hidden;padding:1em}
.comment-list .li:hover{background:#f8f8f8}
.comment-list .li img{width:50px;height:50px;border-radius:100px;}
.comment-list .li:hover img{}
.comment-list .li .clbody{margin-left:70px}
.comment-list .ul .ul{margin-left:4%}
.comment-list .title{font-size:18px;padding:10px 0;color:#222;}
.compost .com-info{margin-bottom:10px;}
.compost .com-info li{float:left;margin-bottom:1em;width:38.3%;padding-right:3%;position:relative;list-style:none;}
.compost .com-info li:nth-child(2){padding-right:0}
.compost .com-info li .verify{position:absolute;right:0%;top:0;z-index:1;height:40px}
.compost .com-info li .verify img{height:100%;border:1px solid #ddd}
.compost .com-info li input{width:100%;height:40px;line-height:40px;padding-left:4px;border:1px solid #ddd;border-radius:3px;text-indent:10px}
.compost .com-name{padding:1em 0 1em .2em}
#cancel-reply{color:#111}
#txaArticle{border-radius:3px;text-indent:5px;margin:0 0 20px 0;padding:5px;width:98%;border:1px solid #ddd;background:#fff;-webkit-appearance:none;font-size:14px}
.com-submit{border-radius:3px;border:none;cursor:pointer;height:40px;line-height:40px;background-color:#111;color:#fff;padding:0 20px;font-size:14px;opacity:.8;}
.com-submit:hover{opacity:1;}
.comment-list .cinfo{height:20px}
.comment-list .clbody .p{word-wrap:break-word}
.cinfo .author{color:#666}
.c-time{color:#999;font-size:12px}
.comment-at{color:#111}
.reply-a{opacity:.5}
.comment-list li:hover .reply-a{opacity:1}
.divContorPanel ul{text-align:center}
.cp-hello{color:#666;font-size:14px;line-height:35px}
.cp-login{color:#666;font-size:14px;line-height:35px}
.cp-vrs{font-size:14px;line-height:35px}
.divArchives li,.divAuthors li,.divCatalog li,.divFavorites li,.divLinkage li,.divNavBar li,.divStatistics li{margin-bottom:5px;padding-bottom:5px}
.divArchives li a,.divAuthors li a,.divCatalog li a,.divFavorites li a,.divLinkage li a,.divMisc li a,.divNavBar li a,.divStatistics li{margin-right:0;color:#555;font-size:14px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s}
.divArchives li:hover a,.divAuthors li:hover a,.divCatalog li:hover a,.divFavorites li:hover a,.divLinkage li:hover a,.divNavBar li:hover a,.divStatistics li:hover{padding-left:20px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s}
.divMisc a{float:left;margin-right:10px;padding-top:18px;padding-bottom:18px;width:43%}
#divTags a,#aside_hot_tag a{display:inline-block;margin:0 10px 10px 0;padding:0 6px;border:1px solid #e5e5e5;font-weight:400;font-size:12px;line-height:30px;width:30%;float:left;height:30px;overflow:hidden}
#divTags a,#aside_hot_tag a{color:#666;text-align:center}
#divLinkage a{float:left;width:50%;padding-top:10px}
#divTags a:hover,#aside_hot_tag a:hover{background-color:#111;color:#fff;border:1px solid #111}
.function_c ul li,#aside_hot_tag ul li{margin-top:10px}
.divCalendar table{margin-top:10px;width:100%;table-layout:fixed;font-size:13px}
.divCalendar caption{height:35px;border:1px solid #e0e1e2;background-color:#fbfbfb;text-align:center;font-weight:700;font-size:13px;line-height:35px}
.divCalendar caption a{color:#555}
.divCalendar th{height:26px;border:1px solid #e0e1e2;background-color:#fbfbfb;color:#555;text-transform:uppercase}
.divCalendar td{border:1px solid #e0e1e2;color:#666;text-align:center;line-height:30px}
.divCalendar td a{display:block;background:#DC6460;color:#fff;line-height:30px}
.divSearchPanel input[type=text]{margin-left:5px;padding-left:10px;width:70%;height:34px;outline:0;border:1px solid #E8E9E7;background:#fff;vertical-align:bottom}
.divSearchPanel input[type=submit]{padding-right:15px;padding-left:15px;width:27%;outline:0;border:2px solid #e5e6e0;background:#e5e6e0;color:#aaa;font-weight:700;font-size:14px;line-height:28px;cursor:pointer}
.article-container{margin:0 0 20px;padding:20px;border:1px solid #eee;background:#fff}
.article-header{padding:0 20px 10px;border-bottom:1px solid #e3e3e3}
.article-header h2{color:#444}
.article-padding{padding:20px 0 0}
.article-title{margin-top:0;margin-bottom:12px;text-align:center;font-size:26px}
.article-meta{text-align:center}
.article-meta span{display:inline-block;margin-right:16px;color:#999;font-size:13px}
.article-meta span a{display:inline-block;color:#999;font-size:13px}
.article-meta span .fa{display:inline-block;margin-right:4px;width:13px;font-size:13px}
.article-content{overflow:hidden;padding:18px 0 0;word-wrap:break-word;line-height:25px}
.article-content p{color:#555;font-size:14px}
.article-content img{height:auto;max-width:100%}
.article-content h2,.article-content h3,.article-content h4,.article-content h5{margin:25px 0;padding:0;color:#555;font-weight:700;padding:10px 0 10px 10px}
.article-content h2,.article-content h3,.article-content h4,.article-content h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:20px}
.article-content h3{font-size:18px}
.article-content{list-style-type:inherit;}
.article-content h4{font-size:15px}
.article-content h5{font-size:14px}
.article-content ol,.article-content ul{margin:0 0 18px 15px}
.article-content ul{}
.article-content ol{}
.article-content li{margin-bottom:6px}
.article-content p{padding:0 0 8px 0;word-wrap:break-word;line-height:190%}
.article-content pre{word-wrap:break-word}
.article-content table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
.article-content a{color:#333;text-decoration:underline}
.article-content a:hover{color:#111}
.article-content pre,.comment pre{margin:20px 0;padding:10px 15px;border:none;background:#272822;color:#F8F8D4;font:13px/20px 'courier new'}
.article-content blockquote{margin:30px 30px;padding:15px 20px 1px;border-left:5px solid #EEE;color:#999;font-size:16px}
.article-content blockquote p{margin:0;margin-bottom:10px;padding:0}
.post-copyright{margin-top:40px;padding:5px 0;padding-right:30px;background-color:#eee;color:#aaa;text-align:center;font-size:12px}
.article-content embed{display:block;margin-right:auto;margin-left:auto;max-width:100%}
.post-copyright a,.post-copyright a:hover{color:#aaa;text-decoration:none}
.page-post .action-share{margin-bottom:20px;padding:0 0 30px 0;height:50px}
.content-index{position:relative;padding:10px;max-width:30%;border:1px solid #ddd;background:#f8f8f8;font-size:12px;line-height:160%}
.content-index-title{margin:0 0 3px 0;padding:0;font-weight:700;font-size:130%}
.content-index-toctoggle{font-size:9pt}
.content-index ul{margin:0!important;padding:0!important;list-style:none;font-size:100%}
.content-index ul li{margin-bottom:0;list-style:inside}
.content-index li a em{padding-right:5px;font-weight:700;font-style:normal;font-size:68%}
.content-index ul.children{padding-left:0;list-style:none}
.tooltip-trigger{position:relative;text-indent:0}
.tooltip{position:absolute;z-index:99;display:block;visibility:visible;white-space:pre;font-size:12px;line-height:20px;opacity:0;filter:alpha(opacity=0)}
.tin .tooltip-inner{background:#e5e6e0;color:#fff}
.tin .tooltip.top .tooltip-arrow{border-top-color:#e5e6e0}
.tooltip.in{opacity:.8;filter:alpha(opacity=80)}
.tooltip.top{margin-top:-3px;padding:5px 0}
.tooltip.right{margin-left:3px;padding:0 5px}
.tooltip.bottom{margin-top:3px;padding:5px 0}
.tooltip.left{margin-left:-3px;padding:0 5px}
.tooltip-inner{padding:5px 8px;max-width:200px;border-radius:4px;background-color:#000;color:#fff;text-align:center;text-decoration:none}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:1px;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}
.entry-meta{margin-top:10px}
.bdshare{float:right}
.title .post-tag{float:right;margin:5px 0 5px 0}
.title .post-tag a{margin-right:5px;padding:3px 8px;border:1px solid #eee}
.post-navigation{clear:both;overflow:hidden;margin:10px 0 0;padding:20px 0;background-color:#fff}
.post-navigation div{position:relative;display:block;width:42%;color:#999;font-size:14px}
.post-previous{float:left;padding-left:40px}
.post-next{float:right;padding-right:40px;text-align:right}
.post-navigation div span{display:block;color:#999;font-size:80%}
.post-navigation div a:after{position:absolute;top:34%;margin-top:-11px;height:22px;color:#EDEDED;font-size:56px;line-height:22px}
.post-previous a:after{left:0;content:'J'}
.post-next a:after{right:0;content:''}
.tag_boxer{max-width:20%;position:relative;float:left;}
.article_contact .tag_boxer .tag_content{width:100%;white-space:nowrap;overflow:hidden;padding:4px 16px;background-color:#111;color:#fff;border-radius:2px;}
.article_contact .tag_boxer span{display:block;height:0;width:0;font-size:0;position:absolute;top:6px;right:-6px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #111;}
.article_contact .contact_detail{float:left;margin-left:10px;padding-top:4px;letter-spacing:1.05px;width: 78%;overflow: hidden;white-space: nowrap;}
.contact_detail em{color:#ff4b4b;font-style:normal;}
.authorbio,.article_contact{margin:10px 0 0 0;padding:20px 16px 20px 16px;border:1px solid #eee;border-radius:4px;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.04)}
.article_contact{padding:16px;}
.author_info{height:64px;border-bottom:1px solid #ddd;}
.author_info .author_detail .author-name span.author_font{font-size:18px;padding-right:16px;}
.author_info .author_detail .author-name span.author_t{border:1px solid #ff4b4b;padding: 1px 4px;border-radius: 4px;font-size:12px;color: #ff4b4b;}
.author_info .author_detail .author_bref{padding-top:6px;color: #999;font-size: 12px;height: 24px;overflow: hidden;white-space: nowrap;}
.authorbio .author_info .avatar{float:left;margin:0 10px 0 0;padding:0;width:50px;height:50px}
.authorbio .author_info img{float:left;margin:10px;padding:4px;width:64px;height:64px;-webkit-border-radius:37px;-moz-border-radius:37px;border-radius:37px;background:#fff;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
.authorbio img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.spostinfo .author_experience{padding:8px 0 10px 0;color:#888;}
.spostinfo li{margin-top:1px;font-size:14px;line-height:25px}
.spostinfo li{list-style:none;}
.nb{padding:12px 0;border-bottom:none}
#archive-head .follows{width:auto}
#archive-head .follows li{float:left;margin:0;padding:0;width:28px;height:30px;background:0 0}
.widget .nb li{padding:0;width:28px;height:30px;background:0 0}
.widget .nb li.archive,.widget .nb li.donate{width:80px}
.follows{padding:16px 13px 16px 10px}
.follows ul li{background:0 0}
.follows li a{display:block;margin-left:4px;width:24px;height:24px;opacity:.7}
.follows li a:hover{opacity:1}
.follows li.website a{background-position:0 0}
.follows li.sina_weibo a{background-position:0 -68px}
.follows li.qq_weibo a{background-position:0 -102px}
.follows li.rss a{background-position:0 -238px}
.follows li.email a{background-position:0 -170px}
.follows li.qq a{background-position:0 -34px}
.follows li.twitter a{background-position:0 -204px}
.follows li.google_plus a{background-position:0 -136px}
.follows li{float:left;display:inline;margin-right:4px;height:24px;text-align:center;line-height:190%}
.relates{margin-top:20px;background:#fff}
.title{overflow:hidden;margin-bottom:10px}
.title h3{float:left;margin:0;font-weight:500;font-size:18px;color:#111}
.r4{float:left;width:25%}
#related-img{overflow:hidden;margin-bottom:0;background:#fff}
.related-title{overflow:hidden;background:#fff;margin-top:6px;height: 40px;line-height: 20px;}
.related-site{padding:5px;width:auto;height:auto;max-width:100%}
.related-site-img{overflow:hidden;width:178px;height:120px;max-width:100%}
.related-site-img a img{width:178px;height:120px;max-width:100%;-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear}
.related-site-img:hover a img{transition:All .7s ease;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.wenad{margin:0 auto;width:100%;max-width:300px;text-align:center}
.widget-box{position:relative;clear:both;margin-bottom:20px;background:none repeat scroll 0 0 #fff}
.user-center{overflow:hidden;width:100%;border:1px solid #eee}
#user-left{float:left;padding-bottom:10px;width:17.9%}
#user-left .user-avatar{padding:15px;text-align:center}
#user-left .user-avatar img{padding:5px;width:98%;height:auto;max-width:100px;max-height:100px;border:1px solid #eee;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
#user-left .user-avatar img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
#user-menu li{padding:12px 10px;text-align:center}
#user-menu li.current-menu-item{margin:0 -1px;border-left:5px solid #e5e6e0;background:#EEE}
#user-menu li.current-menu-item a{margin-left:-5px;color:#e5e6e0}
#user-menu li i{margin-right:5px}
#user-right{float:left;overflow:hidden;margin:0;padding:10px 1.333333%;width:82%;min-height:600px;border-bottom:none;border-left:1px solid #E1E1E1;background:#fff}
.widget-content{position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1}
#user-right #archive-head{margin:0 -15px;padding:10px 15px;border-bottom:1px solid #E1E1E1;background:#fff}
#archive-head h1{margin-bottom:10px;font-size:20px}
#archive-head .rss-cat-icon i{color:#F74D4D}
#user-right .post-count{padding:15px 10px;border-bottom:1px solid #eee;font-weight:700}
.archive-simple{padding:10px 0;border-bottom:1px solid #eee}
#user-right .archive-simple h2{padding-left:5px;font-size:14px;line-height:40px}
.archive-simple h2{display:inline-block;overflow:hidden;margin:0;width:60%;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;line-height:28px}
.archive-simple h2 a i{margin-right:5px}
.archive-simple p.post-meta{float:right;width:36%}
.post-meta{margin:10px 0;line-height:20px}
.archive-simple span{margin-right:5px}
.post-meta span{margin-right:10px;color:#999}
.post-meta span i{margin-right:3px}
#al_expand_collapse{float:right;width:87px;background:#a3a3a3;color:#fff;text-align:center;text-shadow:0 1px 0 #000;font-size:12px;line-height:25px}
.al_year{margin-top:15px;margin-bottom:10px;padding-top:4px;padding-bottom:4px;text-indent:1em;font-weight:700;font-size:18px;border-top-width:1px;border-bottom-width:1px;border-top-style:dashed;border-bottom-style:dashed;border-top-color:#CCC;border-bottom-color:#CCC}
.al_mon_list li{margin:5px 0}
.al_mon{padding-left:5px}
.fa-book{margin-right:5px}
.al_post_list li{margin:5px 0;padding-left:25px;font-size:14px}
.al_post_list li a{text-decoration:none!important}
.article-content h5{margin-top:10px;margin-bottom:10px;text-indent:.5em;font-size:18px;border-top-width:1px;border-bottom-width:1px;border-top-style:dashed;border-bottom-style:dashed;border-top-color:#CCC;border-bottom-color:#CCC}
.list-unstyled{float:left;margin:25px 0 0 26px;margin:2px;width:100%;color:#000;font-size:14px;line-height:30px;line-height:200%}
.list-unstyled li{float:left;margin:0 10px 0 0;padding:5px;width:100%}
.list-unstyled a{padding:5px 8px;color:#333}
.list-inline{overflow:hidden;padding-top:0;width:100%;list-style:none;text-align:center}
.list-inline li{float:left;background:#111;width:31px;height:31px;line-height:31px;color:#fff;text-align:center;margin:4px;border-radius:2px}
.list-inline li:hover{background:#333d46;color:#fff}
.list-inline a{display:block;color:#fff;text-decoration:none}
.list-inline a:hover{color:#fff}
.ist-inlin a.current{color:#333;text-decoration:none}
#comments,.comment-box,.relatedpost{clear:both;overflow:hidden;margin-top:5px;margin-bottom:10px;padding:15px;border:1px solid #eee;background:#fff}
#comments h4,.relatedpost h3,div.comment-box h4{font-weight:400;font-size:16px}
#comments h4{padding-bottom:12px}
#comment_form{display:block;overflow:hidden;padding:20px 10px 0 0}
.ie6show{display:none;height:3px}
.col1,.col2{margin:0;padding:0}
.col1{float:left;overflow:hidden;padding:0 5px 0;width:30%;background-position:right top}
.col2{float:right;width:68%;height:auto;background-position:0 0}
#comment_form textarea{overflow:auto;margin:0;padding:10px;width:100%;height:164px;color:#222;font-family:Verdana,'Microsoft Yahei',Arial,Helvetica,sans-serif;line-height:17px;resize:none}
.comments ol li{margin:0 0 1em}
input#author,input#email,input#url{padding:4px 10px 4px 50px;color:#333;font-size:12px;line-height:24px}
.com{position:relative}
.com p{margin:0}
.comment-time{padding-top:8px}
.addcomment{position:absolute;left:0;width:26px;height:25px;background-position:0 -124px}
ol.comment-list{position:relative}
div.comment-box,div.comment-box ol,ol.comment-list,ol.comment-list ol{margin:0;list-style:none}
ol.comment-list li{overflow:hidden;margin:0;padding:10px 0 10px 0;border-bottom:1px dashed #eee}
div.comment-box{overflow:hidden;margin:5px 0 10px}
ol.comment-list li .comment-reply{float:right}
ol.comment-list li .comment-reply a{border:none;color:#aaa;font-size:11px}
.children{padding-left:44px!important;}
.comment-reply a{margin-top:-200px}
.comment-meta{padding:5px 0 0 65px;color:#999;font-size:14px}
.avatar{padding:1px;background:#fff}
.comment-author{float:left;display:block;width:56px;text-align:center}
.fn a{overflow:hidden;height:16px;color:#d32}
.fn a:hover{color:#555}
cite.fn{clear:both;padding-right:7px;color:#d32;font-style:normal;font-size:16px}
#comment_form textarea,.post .con .oddli,input#author,input#email,input#url,textarea#comment{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #E8E8E8;-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#eee;-webkit-box-shadow:1px 1px 0 rgba(255,255,255,.5);-moz-box-shadow:1px 1px 0 rgba(255,255,255,.5);box-shadow:1px 1px 0 rgba(255,255,255,.5);-ms-box-sizing:border-box;-o-border-radius:4px;-ms-border-radius:4px;-o-box-shadow:1px 1px 0 rgba(255,255,255,.5)}
.comment-parent{border-top:solid 1px #E8E8E8}
.comment-child{border-top:solid 1px #E8E8E8}
.comment-p{position:relative;overflow:hidden;margin-left:64px;padding:6px 0 10px 0}
.post .con .oddli{padding:6px 10px}
ol.comment-list li .respond{padding:5px 0}
#respond .cancel-comment-reply a{float:right;display:block;height:22px;border:none;color:#aaa;font-size:12px}
#comment_form label{position:absolute;float:left;display:block;margin:0 0 0 10px;margin-top:3px;color:#555;font-size:12px;line-height:30px}
#comment_form label .required{color:#C04E37}
#comment_form .text{width:100%}
#comment_form p{margin-bottom:8px}
.submit{display:block;display:block;margin-top:2px;width:100%;height:37px;border:none;border:none;-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#333d46;color:#fff;color:#fff;font-size:12px;font-size:12px;font-family:'Microsoft Yahei',Verdana,Arial,Helvetica,sans-serif;-o-border-radius:4px;-ms-border-radius:4px}
.submit:hover{background:#111;color:#fff}
.display-none,.form .go{display:none}
.comment_navi{margin:10px 0 10px 0;height:20px;text-align:center;font-size:14px;font-family:Tahoma,Verdana,Arial}
.comment_navi a,.comment_navi a:link,.comment_navi span.current,.comment_navi span.extend,.comment_navi span.pages{margin:0 1px 0 1px;padding:2px 6px 2px 6px!important;border-color:#eee!important;border-style:solid!important;border-width:1px!important;background-color:#fff!important;color:#000!important;text-transform:uppercase}
.comment_navi a:hover,.comment_navi span.current{background-color:#ddd!important;color:#fff!important}
#postnavi .prev,.navigation .nav-previous{float:left}
.comment-author img{float:left;padding:4px;width:56px;height:56px;border:1px solid #eee;-webkit-border-radius:37px;-moz-border-radius:37px;border-radius:37px;background:#fff;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
.comment-author img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.post-password-form{padding:10px 0;line-height:30px}
.author-info img{float:left;padding:4px;width:42px;height:42px;border:1px solid #eee;-webkit-border-radius:37px;-moz-border-radius:37px;border-radius:37px;background:#fff;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
.author-info img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.archive-search h1{font-size:20px}
.archive-search,.post-search p{position:relative;overflow:hidden;margin-bottom:20px;padding:20px;border:1px solid #eee;border-radius:2px;background-color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease}
.post-search p:hover{box-shadow:0 0 8px rgba(46,143,237,.3)}
.post-search p a:first-child{font-size:18px;line-height:30px}
.post-search p a:hover{color:#e5e6e0}
.post-search p strong{color:#e5e6e0}
#gotop{position:fixed;right:10px;bottom:10px;z-index:1000}
#gotop span{position:relative;display:block;margin:5px 0;width:36px;height:36px;background:rgba(0,0,0,.2);color:#fff;cursor:pointer}
#gotop span i{position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px;width:36px;height:36px;color:#fff;text-align:center;font-style:inherit;font-size:20px;line-height:36px}
#gotop a{display:block;color:#fff;cursor:pointer}
#gotop span:hover{background:#777}
.ads{overflow:hidden;margin-bottom:10px;padding:15px;border:1px solid #eee;background-color:#fff}
.footer{clear:both;margin-top:10px;padding:15px 0;width:100%;background:#333;color:rgba(204,204,204,1);padding:20px}
.footer a{color:#aaa;padding:0 8px}
.footer a:hover{color:#eee;}
.footer-ju{position:relative;overflow:hidden;margin:0 auto;max-width:1160px;background:#333;color:rgba(204,204,204,1)}
.footer-ju p{text-align:center;line-height:28px}
.link{margin:0 auto;margin-top:10px;margin-bottom:20px;max-width:1160px}
.link span{float:left;font-size:14px}
.link ul li{display:inline;padding:0 5px}
#mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6); z-index: 899;display: none;}
.fa-remove{color:#fff !important;}
/*侧栏关于W二U样?/
#about_intro{padding:0;padding-bottom:10px;}
.about_img{position:relative;}
.about_img .about_bg{width:100%;height:140px;overflow:hidden;}
.about_img .about_bg img{width:100%;height:auto;}
.about_img .about_avatar{position:absolute;left:40%;bottom:-32px;}
.about_img .about_avatar img{width:60px;height:60px;border-radius:50%;border:3px dotted #000;}
.about_name{margin-top:40px;margin-bottom:24px;text-align:center;font-size:18px;color:#333;}
.about_name span{display:inline-block;margin-left:8px;font-size:10px;color:#333;padding:3px 8px;border:1px solid #333;border-radius:20px;}
#about_intro .function_c p{padding:10px 30px;}
#about_intro .function_c p.about_tag{width:100%;line-height: 1.75em;padding-bottom: 16px;}
#about_intro .function_c p.about_weix{margin-top:-10px;}
#about_intro .function_c p strong{font-size:16px;}
/*
@media screen and (max-width:1024px){
.navbar li a{padding:15px 16.5px}
.none{display:none!important}
.header #monavber>div>ul>li>ul{display:block;padding:0;}
.header #monavber>div>ul>li>ul li{height:40px;line-height:40px}
#monavber .sub-menu{text-indent:20px;}
}
*/
@media screen and (max-width:1200px){
.first_pro{width:100%;}
.tag_boxer{width:30%;}
.article_contact .tag_boxer .tag_content{white-space:normal;padding:4px 8px;}
.article_contact .contact_detail{width: 65%;white-space:normal;}
}
@media screen and (max-width:980px){
.header{height:auto}
.slider,.recommend{margin-bottom:10px;}
.navbar li a::before, .navbar li.active::before{content:none;}
.none{display:block!important}
.containe{padding:0}
.first_pro{width:100%;}
.first_pro .first_article h2 a,.first_pro .first_article h2 a:hover{font-size:16px;}
.first_pro .first_article h2{white-space: nowrap}
.slideBox .next, .slideBox .prev{height:40px;width:30px;line-height:40px;padding-left:6px;}
.first_pro .first_article p{font-size:12px;}
.first_pro .first_pic,.first_pro .first_pic img{height: 50vw;}
.index-breadcrumb{padding-top:20px;}
.content-wrap{margin-top:0px;}
.pagination ul>li{display:none;}
.pagination ul li.active,.pagination ul li.next-page{display:inline-block!important;}
.slider,.slider .slideBox .bd img,.slider .slideBox .bd,.slider .slideBox{height:40vw!important;}
.slideBox .hd{bottom:0px;height:30px;line-height:30px;}
.logo{top:0px;left:10px;padding-top:0!important;}
.blog-text{margin-bottom:0}
.header-nav{height:50px!important}
.logo img{height:50px;}
.blog-info{padding-left:135px}
.blog-name{margin-bottom:10px}
.ellipsis{white-space: normal;}
.post-navigation div{width:46%}
.post footer .view,.post footer .time,.post footer .view .fa,.post footer .time .fa{display:inline-block!important;}
.header .moble-bars{display:block;padding:10px;width:50px;border-bottom:0;color:#111;font-size:14px;line-height:28px;float:right}
.header .moble-bars i{padding-top:5px;font-size:22px}
.header .moble-bars span{float:right}
.navbar{position:absolute;top:49px;left:0;z-index:99999;display:none;overflow:inherit!important;width:100%;border-top:1px solid #e5e6e0}
.navbar li{float:none;width:100%;height:40px;border-top:1px solid #5F5F5F;border-bottom:1px solid #353535;background:#4c4c4c;text-align:left;line-height:40px}
.navbar li a{display:inline-block;padding:0 0 0 10px;width:100%;height:auto;color:#fff;font-size:16px;line-height:40px;}
.navbar li a:hover,.navbar li.current-menu-item a,.navbar li.current-post-parent a,.navbar li.current_page_item a{background-color:#2D77BB}
.navbar li>ul{top:-1px;right:100%;border-top:none}
.header menu>div>ul>li>ul{position:relative;top:0;right:0;display:none;width:100%;text-align:center}
.header menu>div>ul>li>ul>li a{padding:0 0 0 35px;color:#fff;line-height:40px;height:40px}
.pull-right{margin-top:9px;float:right!important}
.pull-right form input{height:32px;color:#bbb;}
.pull-right form button{top:6px}
.sidebar{display:none}
.article{margin-right:0}
.footer-ju,.link{padding:0 20px 0 20px}
#user-left,#user-right{float:none;width:100%}
.compost .com-info li{width:100%;}
.compost .com-info li{padding-right:0;}
.breadcrumb { margin-top: 10px!important;}
.tag_boxer{max-width:30%;margin-top:10px;}
}
@media screen and (max-width:768px){.link,.page-number,.r-hide{display:none}
}
@media screen and (max-width:667px){.blog-data,.post-text,.subscribe-wrap{display:none}
.post-img{width:160px;height:97px}
.pagenavi{display:block;margin-top:8px;margin-bottom:8px}
.loading{min-height:97px}
.blog-info{padding:25px 10px 18px 145px}
#user-right .archive-simple p{display:none}
}
@media screen and (max-width:480px){.pull-right{padding-right:10px}
.breadcrumb{padding:10px 10px 14px;height:auto;line-height:20px}
.pull-right form button{right:20px}
.navbar{left:0}
.logo{top:25px}
.container{padding:0}
.blog-info{padding:25px 10px 18px 115px}
.slider .slideBox{margin-bottom:5px;border:0;border-bottom:1px solid #eee;background:#fff}
.archive-head{margin-bottom:0;padding:10px;border-bottom:1px solid #eee}
.post{position:relative;margin-bottom:5px;padding:10px;border:0;border-bottom:1px solid #eee}
.post-img,.post-img img{width:100px;height:68px}
.loading{min-height:68px}
.post header h2{padding-bottom:0;font-size:16px}
.post footer{margin:5px 0 0}
.post footer .time i,.post footer span,.post-img .mask-tags{display:none}
.post footer .time{display:block;font-size:12px}
.article-container{margin-bottom:10px;padding:0 10px}
#author-box{margin:10px 0}
#author-box h3{padding:10px}
.author-info{padding:0 0 10px 0}
.relates{margin-bottom:10px;}
.col1,.col2{float:none;width:100%}
.mkcomments{margin-bottom:10px;padding:10px}
.article-header{padding:16px 20px}
.r4{width:50%}
.article-title{font-size:20px}
.ads img{width:100%;height:auto}
.ads{margin-top:2px;margin-bottom:2px}
.footer-ju,.link{padding:0 10px 0 10px}
.article-meta span{margin-right:10px}
}
@media screen and (max-width:420px){.logo{top:15px;left:5px}
.blog-info{padding:25px 10px 18px 100px}
}
@media screen and (max-width:384px){.logo{top:25px}
}
@media screen and (max-width:350px){.blog-name{font-size:22px}
}
.subscribe-wrap{position:fixed;left:0;bottom:0;z-index:9999;padding-top:0;width:288px;border-top-right-radius:6px;border-top-left-radius:6px;background-color:#fff;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px 2px rgba(0,0,0,.1);box-shadow:0 0 3px 2px rgba(0,0,0,.1)}
.subscribe-wrap p{color:#666;font-size:14px;line-height:26px}
.open-subscribe{cursor:pointer}
#start-subscribe-btn{padding:10px;border-top-right-radius:5px;border-top-left-radius:5px;background-color:#111;color:#f0f0f0;text-align:center;font-size:15px}
.add_light .dingyue{background-color:#111!important}
.add_light{left:0;width:120px!important}
.add_light #start-subscribe-btn{padding:8px!important}
.modalWindow{display:none;padding:15px}
.form-group{margin-bottom:15px}
.form-group p{display:inline-block;margin-bottom:5px;max-width:100%;color:#666;font-weight:700;font-size:15px}
.subscribe-foot-form{line-height:32px}
.subscribe-foot-form label{color:#666;font-size:14px}
.subscribe-foot-form input[type=text]{border-radius:3px}
.form-control{display:block;padding:6px 12px;width:232px;height:24px;border:1px solid #ccc;border-radius:4px;background-color:#fff;background-image:none;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;font-size:14px;line-height:1.42857143;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.btn{display:inline-block;margin-top:20px;margin-bottom:0;padding:6px 12px;width:100%;border:1px solid transparent;border-radius:3px;background-color:#bbb;color:#333;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.5;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
.form-control{display:block;width:258px;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.hot,.new{z-index:9999;display:block}
.hot{background:url(../image/hot-ico.gif) right 8px no-repeat scroll transparent!important}
.new{background:url(../image/new-ico.gif) right 8px no-repeat scroll transparent!important}
.post-like{float:left}
.post-like a{overflow:hidden;background-color:#111;border-radius:3px;color:#fff;font-size:15px;padding:8px 26px;text-decoration:none;outline:0;height:36px;line-height:36px}
.post-like a.done{background-color:#111;color:#fff}
.post-like a.done:hover,.post-like a:hover{background-color:#333d46}
.post-like a.done{cursor:not-allowed}
.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7,.vp{background:url(../image/vip.png) no-repeat;display:inline-block;overflow:hidden;border:none}
.tag-wrap{float:left;margin-top:10px}
.tag-wrap .fa-tags{padding-right:4px;}
.tag-wrap .padding{padding-right:10px;}
.bdsharebuttonbox{float:right;padding-top:5px;}
.bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more{background-image:none!important;}
.bdsharebuttonbox .fa{padding-left:10px;font-size:20px;color:#999}
.bdsharebuttonbox .fa:hover{color:#666}
.vp{background-position:-515px -2px;width:16px;height:16px;margin-bottom:-3px}
.vp:hover{background-position:-515px -22px;width:16px;height:16px;margin-bottom:-3px}
.vip{background-position:-494px -3px;width:16px;height:14px;margin-bottom:-2px}
.vip:hover{background-position:-494px -22px;width:16px;height:14px;margin-bottom:-2px}
.vip1{background-position:-1px -2px;width:46px;height:14px;margin-bottom:-1px}
.vip1:hover{background-position:-1px -22px;width:46px;height:14px;margin-bottom:-1px}
.vip2{background-position:-63px -2px;width:46px;height:14px;margin-bottom:-1px}
.vip2:hover{background-position:-63px -22px;width:46px;height:14px;margin-bottom:-1px}
.vip3{background-position:-144px -2px;width:46px;height:14px;margin-bottom:-1px}
.vip3:hover{background-position:-144px -22px;width:46px;height:14px;margin-bottom:-1px}
.vip4{background-position:-227px -2px;width:46px;height:14px;margin-bottom:-1px}
.vip4:hover{background-position:-227px -22px;width:46px;height:14px;margin-bottom:-1px}
.vip5{background-position:-331px -2px;width:46px;height:14px;margin-bottom:-1px}
.vip5:hover{background-position:-331px -22px;width:46px;height:14px;margin-bottom:-1px}
.vip6{background-position:-441px -2px;width:46px;height:14px;margin-bottom:-1px}
.vip6:hover{background-position:-441px -22px;width:46px;height:14px;margin-bottom:-1px}
.vip7{background-position:-611px -2px;width:46px;height:14px;margin-bottom:-1px}
.vip7:hover{background-position:-611px -22px;width:46px;height:14px;margin-bottom:-1px}
.r-hide{position:fixed;background:rgba(0,0,0,.2);right:10px;bottom:55px;z-index:1000;font-size:18px;width:36px;padding:8px}
.r-hide a{color:#fff}
.r-hide:hover{background:#777}
.widget-area{display:none}
.themesmore{font-size:12px;float:right;font-weight:400;margin-top:5px}
#backtoTop{position:fixed;right:-100px;bottom:0;width:45px;height:45px;border-radius:100%;background-color:#333d46;-webkit-transition:.5s;transition:.5s}
#backtoTop.button--show{right:0}
.per{position:absolute;top:0;width:45px;height:45px;color:#fff;text-align:center;font-size:16px;line-height:45px;cursor:pointer}
.per:before{content:attr(data-percent)}
.per:hover:before{content:"?;font-size:22px;line-height:0}
.tagslist{overflow:hidden;list-style:none;padding:20px 0;margin:0}
.tagslist li{float:left;width:25%;font-size:12px;overflow:hidden;color:#999;border-bottom:1px solid #eee;padding:10px 0}
.tagslist .tagname{display:inline-block;margin-right:5px;background-color:#e6e6e6;color:#666;padding:2px 7px;margin-bottom:4px}
.tagslist a{color:#666;margin-right:10px;display:inline-block}
/*侧边?/
/*日历*/
#tbCalendar{width:100%;}
#tbCalendar caption a{width:50px;height:50px;line-height:50px;font-size:18px;}
#tbCalendar tr{text-align:center;}
#tbCalendar td{padding:5px;}
#tbCalendar td a{background-color:#111;color:#fff;padding:5px;border-radius:100px;}
/*D?/
#divNavBar ul li{
float:left;
padding:2px 8px;
}
#divNavBar ul li a{
padding:0 4px;
}
/*控制面板*/
#divContorPanel .cp-hello{text-align:center;}
#divContorPanel span.cp-login a ,#divContorPanel span.cp-vrs a{
padding:2px 8px;
display:inline-block;
border:1px solid #e5e5e5;
margin-bottom:8px;
width:48%;
text-align:center;
}
#divContorPanel span.cp-login a:hover,#divContorPanel span.cp-vrs a:hover{
border:1px solid #111;
background-color:#111;
color:#fff;
}
/*|站分类*/
#divCatalog a{
display:inline-block;
float:left;
padding:3px 8px;
}
/*搜烦*/
#divSearchPanel input[type="text"]{
width:75%;
padding:0.6em;
border:1px solid #e5e5e5;
border-radius:3px;
}
#divSearchPanel input[type="submit"]{
width:20%;
padding:0.6em;
border-radius:3px;
border:none;
cursor: pointer;
background-color:#111;
opacity:.8;
color:#fff;
}
#divSearchPanel input[type="submit"]:hover{
color:#fff;
opacity:1;
}
/*最q发?/
#divPrevious ul li{
padding: 5px;
border-bottom: 1px dotted #d5d5d5;
}
#divPrevious ul li:last-child{
border-bottom:none;
}
/*作者列?/
#divAuthors li a{
display:inlin-block;
display:inline-block;
padding:4px 8px;
border:1px solid #e5e5e5;
}
#divAuthors li a:hover{
border:1px solid #111;
background-color:#111;
color:#fff;
}
/*|站收藏,文章归*/
#divFavorites li,#divArchives li{
display:inline-block;
}
#divFavorites li a,#divArchives li a{
padding:0 10px 10px;
}
/*站点信息*/
#divStatistics li{
display:inline-block;
padding-right:60px;
width: 48%;
}
/*q回剙*/
#topcontrol .fa{color:#fff;font-size:22px;text-align:center;background-color:#111;width:40px;height:40px;line-height:40px;opacity:.8;}
#topcontrol .fa:hover{opacity:1;}
@media only screen and (max-width:1359px) {
.wrapper,.header .container,.crumb {padding:0 15px;}
}
@media only screen and (max-width:991px) {
body{padding-top:54px;}
.wrapper,.header .container {padding:0 15px;}
.header .logo a {min-width:140px;}
.header,.header .logo {height:56px;}
.search i.fa,.header .nav-bar li {height:56px;line-height:56px;}
.header {position:fixed;top:0;width:100%;z-index:898;}
.pull-right form input{padding-left:14px;}
.header .logo{width:100%;}
.pull-right{position:absolute;right:5px;top:0;}
.pull-right form input{width:100px;}
.mnav{display:block;}
.login,.register{display:none;}
}
@media only screen and (max-width:919px) {
body {padding-top:46px;position:relative;left:0;overflow-x:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.header,.header .logo {height:48px;display:inline-block;float:none;margin:0 auto;font-size:0;}
.header .container {text-align:center;}
.header .logo a {min-width:130px;max-width:130px;}
.nav {display:none;}
.search i.fa,.header .nav-bar li {height:48px;line-height:48px;}
.m-btn {display:block;}
body.open .m-nav {left:0px;}
body.open .m-btn {display:none;}
body.open .m-nav .m-btn {display:block;}
}
@media only screen and (max-width:599px) {
body {padding-top:48px;}
.wrapper,.header .headBox,.m-btn {padding:0 10px;}
.m-nav .m-btn {right:-38px;}
}
国产A级毛片一区二区-国产不卡区二区三区四区-日韩精品人妻无码一二三蜜臀-国产精品视频一区二区三区四