html{border:0;line-height:1.5;margin:0;padding:0}
body{padding: 62px 0 0 0;line-height:1.5;margin:0;}
div,span,object,iframe,img,caption,thead,tfoot,article,aside,canvas,details,figure,hgroup,menu,nav,footer,header,section,summary,mark,audio,video{border:0;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cit,code,del,dfn,em,ins,q,samp,small,strong,sub,sup,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,legend,label{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}
table{
border-collapse:separate;
border-spacing:0;
border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0
}
tr{ border-color: #000;
border-width: 1px;}
td{ border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;line-height:35px;padding:10px 5px; }
table caption,table th,table td{text-align:left;vertical-align:middle;}
a img{border:0}
:focus{outline:0}
@font-face{font-family:'icomoon';src:url(static/fonts/icomoon-MBT.eot);src:url(static/fonts/icomoon-MBT.eot?#iefix) format("embedded-opentype"),url(static/fonts/icomoon-MBT.woff) format("woff"),url(static/fonts/icomoon-MBT.ttf) format("truetype"),url(static/fonts/icomoon-MBT.svg#icomoon) format("svg");font-weight:normal;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-qr:before{content:"\e607"}
.icon-add:before{content:"\e604"}
.icon-play-circle-outline:before{content:"\e605"}
.icon-evernote:before{content:"\e600"}
.icon-comment:before{content:"\e603"}
.icon-renren:before{content:"\e601"}
.icon-douban:before{content:"\e602"}
.icon-star:before{content:"\f005"}
.icon-twitter:before{content:"\f099"}
.icon-facebook:before{content:"\f09a"}
.icon-rss:before{content:"\f09e"}
.icon-weibo:before{content:"\f18a"}
.icon-qq:before{content:"\f1d6"}
.icon-linkedin:before {content: "\e603";}
.icon-weixin:before{content:"\f1d7"}
.icon-arrow-up:before{content:"\e60f"}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#cccccc}
.mfp-preloader a:hover{color:white}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444444}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.sitetips{padding:20px; background: #ffffd2; color:#94463f;text-align: center;}
.archiver-title{display:none}
.ps-container{overflow:hidden !important}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}
.ps-container.ps-in-scrolling{pointer-events:none}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}
.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}
.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:4px}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#bbb;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:4px}
.ps-container:hover.ps-in-scrolling{pointer-events:none}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}
.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}
.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}
.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
html,body{background:#e9eaec;-webkit-font-smoothing:antialiased;font-size:13px}
*{box-sizing:border-box;font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
[placeholder]::-webkit-input-placeholder,[placeholder]::-moz-placeholder,[placeholder]:-ms-input-placeholder{font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif}
a{color:#333333;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;text-decoration:none}
a:hover{color:#0B619C}
.container{margin:0 auto}
@media (min-width:1200px){.container{width:1170px}
}@media (min-width:800px) and (max-width:1200px){.container{width:1000px}
}@media (max-width:800px){.container{width:auto}
}.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both;height:0}
.rows{*zoom:1}
.rows:after{content:'';display:block;clear:both;height:0}
@media (min-width:1200px){.rows{margin-top:30px}
}@media (min-width:800px) and (max-width:1200px){.rows{margin-top:20px}
}.col-sub{float:left}
@media (min-width:1200px){.col-sub{width:330px;margin-right:30px}
}@media (min-width:800px) and (max-width:1200px){.col-sub{width:280px;margin-right:20px}
}@media (max-width:800px){.col-sub{float:none}
}.col-main{float:right}
@media (min-width:1200px){.col-main{width:810px}
}@media (min-width:800px) and (max-width:1200px){.col-main{width:700px}
}@media (max-width:800px){.col-main{float:none}
}.brand-link{color:#0B619C}
.brand-link:hover{color:#2c79b0}
.badge-base{position:relative}
.badge-base:after{position:absolute;top:0;left:0;color:#ffffff;padding:2px 10px;font-size:12px;display:block}
@media (max-width:800px){.badge-base:after{padding:0px 6px;font-size:10px;line-height:1.6}
}
.ad-wrapper{position:relative}
.ad-wrapper:before{content:"推广";display:block;position:absolute;top:0;right:0;font-size:12px;color:#fff;background:#7c91c2;padding:0px 10px}
@media (max-width:800px){.ad-wrapper:before{padding:0px 6px;font-size:10px;line-height:1.6}
}.radius-box{box-shadow:0 1px 2px rgba(0,0,0,0.05)}
@media (max-width:800px){.mobile-hide{display:none !important}
}.mobile-show{display:none}
@media (max-width:800px){.mobile-show{display:block}
}.fast-section .tabs{background:#f4f4f4;*zoom:1}
@media (max-width:800px){.fast-section .tabs{display:none !important}
}.fast-section .tabs:after{content:'';display:block;clear:both;height:0}
.fast-section .tabs a{display:block;height:40px;line-height:40px;text-align:center;border-bottom:solid 1px #e9eaec;background:#f4f4f4}
.fast-section .tabs a:first-of-type{float:left;width:50%;border-right:solid 1px #e9eaec}
.fast-section .tabs a.active{background:#fff;border-bottom:solid 1px transparent;color:#333333;cursor:default}
.fast-section .list{border-radius: 2px;box-shadow:0 1px 2px rgba(0,0,0,0.05);overflow:hidden;background:#fff}
.fast-section .list .wrap{overflow:auto;position:relative;margin:4px 0}
@media (max-width:800px){.fast-section .list .wrap{margin:0}
}.fast-section .list .panel>section{padding:25px 25px 15px;background:#ffffff;border-bottom:solid 1px #e9eaec;cursor:pointer}
.fast-section .list .panel>section:last-of-type{border-bottm:0}
.fast-section .list .panel>section h3{line-height:20px;margin-bottom:6px;text-align:left;font-weight:600}
.fast-section .list .panel>section h3 span{display:inline-block;vertical-align:middle;color:#ffffff;background:#2eb971;padding:0 8px;margin-right:4px;font-size:12px;line-height:16px;margin-top:-2px}
.fast-section .list .panel>section .desc{display:block;color:#666666;font-size:12px;line-height:18px;height:36px;overflow:hidden;text-overflow:ellipsis;text-align:left}
.fast-section .list .panel>section .desc a{color:#0B619C}
.fast-section .list .panel>section .desc a:hover{color:#2c79b0}
.fast-section .list .panel>section .info{*zoom:1;margin-top:10px;font-size:12px;color:#aaaaaa}
.fast-section .list .panel>section .info:after{content:'';display:block;clear:both;height:0}
.fast-section .list .panel>section .info .time{float:left}
.fast-section .list .panel>section .info .share{float:right;visibility:hidden;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0;-webkit-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);vertical-align:middle}
.fast-section .list .panel>section .info .share .share-group{vertical-align:middle}
.fast-section .list .panel>section .info .share .share-group a{margin-left:8px;position:relative;top:-1px}
.fast-section .list .panel>section .info .share .share-group a i{width:18px;height:18px;line-height:18px;text-indent:0;font-size:13px}
.fast-section .list .panel>section.active{background-color:#FBF7F3;cursor:default}
.fast-section .list .panel>section.active .desc{display:block;overflow:visible;height:auto;min-height:60px}
.fast-section .list .panel>section.active .info .share{visibility:visible;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
.fast-section .list .panel>section.product h3{font-size:16px;margin-left:-25px;padding-left:23px;border-left:solid 2px #fd9827}
.fast-section .list .panel>section.product h4{margin:15px 0 10px}
.fast-section .list .panel>section.product p{color:#666666}
.fast-section .list .panel>section.product .pic{width:157px;margin-top:15px;margin-bottom:10px}
.fast-section .list .panel>section.product .pic img{display:block;width:100%;cursor:-webkit-zoom-in;cursor:zoom-in}
@media (max-width:800px){.fast-section .list .panel>section.product{margin-top:10px;box-shadow:0 1px 2px rgba(0,0,0,0.1);border:0}
.fast-section .list .panel>section.product:first-of-type{margin-top:0}
}.fast-section .list .panel>section.product:hover{background-color:#f3f7fb}
.fast-section .list .panel>section.product .info .share{visibility:visible;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
.fast-section a.ad{width:100%;overflow:hidden;display:block}
.fast-section a.ad img{width:100%;margin-top:20px;height:120px;display:block}
.fast-section .load-more{height:36px;line-height:36px;text-align:center;background:#f2f2f2;display:block}
.fast-section .load-more:before{content:'加载更多';display:inline-block}
.fast-section .load-more:hover{background:#ffffff}
.fast-section .load-more.loading,.fast-section .load-more.loading:hover{background:#ffffff;cursor:default}
.fast-section .load-more.loading:before,.fast-section .load-more.loading:hover:before{content:"正在加载..."}
.fast-section .load-more.loading:after,.fast-section .load-more.loading:hover:after{content:" ";width:16px;height:16px;background:url("static/img/ajax-loader.gif") no-repeat;background-size:cover;display:inline-block;vertical-align:middle;margin-left:10px}
.fast-section .load-more.no-data,.fast-section .load-more.no-data:hover{cursor:not-allowed;color:#aaaaaa;background:#f4f4f4}
.fast-section .load-more.no-data:before,.fast-section .load-more.no-data:hover:before{content:"没有更多数据了"}
.mobile-nav{display:none;background:#f4f4f4;*zoom:1}
@media (max-width:800px){.mobile-nav{display:block}
}.mobile-nav:after{content:'';display:block;clear:both;height:0}
.mobile-nav ul{list-style:none}
.mobile-nav ul li{float:left;width:20%}
.mobile-nav a{display:block;height:43px;line-height:43px;text-align:center;border-bottom:solid 1px #cddce7;background:#f3f6f8;padding:0 10px;border-right:solid 1px #cddce7;color:#4b5d69;font-size:14px}
.mobile-nav .current-menu-item a{background:#fff;color:#333333;cursor:default}
.article-list .list-head-ad{margin-top:20px}
.article-list .list-head-ad img{width:100%;max-height:80px;display:block}
.article-list .articles article{*zoom:1;padding:20px;background:#fff;margin-bottom:20px;border-radius: 2px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;position:relative}
.article-list .articles article:after{content:'';display:block;clear:both;height:0}
.article-list .articles article .info_cat{background:#0B619C;position:absolute;top:0;left:0;color:#ffffff;padding:2px 10px;margin:20px 0 0 20px;font-size:12px;display:block}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate .info_cat{background:#0B619C;position:absolute;top:0;left:0;color:#ffffff;padding:2px 10px;margin:20px 0 0 20px;font-size:12px;display:block}
@media (min-width:1200px){.fuwu-list{width: 370px;
float: left;
margin-left:10px; margin-right:10px;
margin-bottom: 30px;background:#fff;}}
@media (max-width:800px){ .fuwu-list{width: 100%;
float: left;
margin-bottom: 30px;background:#fff;} }
.fuwu-list a.fuwu-img {
position: relative;
width: 100%;
height: 220px;
display: block;
background: no-repeat center center;
background-size: cover;
}
.fuwu-title{
margin-bottom: 20px;
margin-top: 20px;
height: 40px;
line-height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fuwu-title a { display: inline-block;
text-align: center;
width: 230px;
line-height: 40px;
font-size: 13px;
color: #fff;
background: #4285f4;
border-radius: 3px;
margin: 10px auto;}
.fuwu-p{background: #f4f7fd;
height: 40px;
line-height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.fuwu-p p{ display: inline-block;
text-align: center;
line-height: 40px;
height:40px;
font-size: 13px;
border-radius: 3px;
margin: 10px auto;}
.hezuo-title {
font-size: 20px;
line-height: 20px;
text-align: center;
color: #333;
margin-bottom: 40px;
}
.extreme-cotainer{ padding-top:50px; background:#000; width:100%; padding-bottom:50px;}
.extreme-cotainer h1 {color: #fff;
font-size: 20px;
line-height: 1;
text-align: center;
white-space: nowrap;
margin: 0;}
.extreme-cotainer p { color: #fff; margin-top: 25px;
font-size: 16px;
text-align:center; }
@media (max-width:800px){.article-list .articles article{margin-top:10px;padding:15px 10px}
.article-list .articles article .info_cat{display:none}
.info_cat{display:none}
}.article-list .articles article:hover{box-shadow:0 0px 8px rgba(229,162,97,0.3)}
.article-list .articles article .pic{float:left;margin-right:20px;width:165px;height:120px;background:no-repeat center center;background-size:cover}
@media (max-width:800px){.article-list .articles article .pic{width:90px;height:65px;margin-right:10px}
}.article-list .articles article .desc{overflow:hidden}
@media (max-width:800px){.article-list .articles article .desc{position:relative;top:-2px}
}.article-list .articles article .desc .title{font-size:18px;font-weight:600;word-break:break-all;word-wrap:break-word}
@media (max-width:800px){.article-list .articles article .desc .title{font-size:15px;line-height:18px;max-height:36px;display:block;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-align:left}
}.article-list .articles article .desc .author{margin:15px 0 8px;color:#aaaaaa}
@media (max-width:800px){.article-list .articles article .desc .author{margin:11px 0 0}
}.article-list .articles article .desc .author a{color:#0B619C}
.article-list .articles article .desc .author a:hover{color:#2c79b0}
.article-list .articles article .desc .author .avatar{vertical-align:middle;display:inline-block;width:25px;height:25px;background:no-repeat center center;background-size:cover;margin-right:6px;border-radius:50%}
@media (max-width:800px){.article-list .articles article .desc .author .avatar{width:20px;height:20px;position:relative;top:-2px;margin-right:3px}
}.article-list .articles article .desc .brief{color:#666666}
@media (max-width:800px){.article-list .articles article .desc .brief{display:none !important}
}.article-list .articles article.ad-wrapper .title{display:inline-block;margin-bottom:10px}
.article-list .load-more{box-shadow:0 1px 2px rgba(0,0,0,0.05);margin-top:20px;height:36px;line-height:36px;text-align:center;background:#cdd8e3;display:block;box-shadow:none;color:#6483a2}
@media (max-width:800px){.article-list .load-more{margin-top:10px}
}.article-list .load-more:hover{background:#bccbd9}
.article-list .load-more.loading,.article-list .load-more.loading:hover{background:#ffffff;cursor:default}
.article-list .load-more.loading:before,.article-list .load-more.loading:hover:before{content:"正在加载..."}
.article-list .load-more.loading:after,.article-list .load-more.loading:hover:after{content:" ";width:16px;height:16px;background:url("static/img/ajax-loader.gif") no-repeat;background-size:cover;display:inline-block;vertical-align:middle;margin-left:10px}
.article-list .load-more.no-data,.article-list .load-more.no-data:hover{cursor:not-allowed;color:#aaaaaa;background:#f4f4f4}
.article-list .load-more.no-data:before,.article-list .load-more.no-data:hover:before{content:"没有更多数据了"}
.share-group{display:inline-block;vertical-align:middle;font-size:16px;white-space:nowrap}
.share-group a{display:inline-block;margin-left:10px;position:relative;vertical-align:middle}
.share-group a i{width:28px;height:28px;border-radius:50%;display:inline-block;color:#ffffff;background:#aaaaaa;line-height:28px;text-align:center;font-size:14px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.share-group a .icon-weibo{background:#d04340;font-size:16px}
.share-group a .icon-qq{background:#5ca3e1}
.share-group a .icon-facebook{background:#2f4485}
.share-group a .icon-linkedin {background: #0076B7;}
.share-group a .icon-twitter{background:#5bbce5;font-size:16px}
.share-group a .icon-weixin{background:#75d172}
.share-group a .icon-douban{background:#208a25}
.share-group a .icon-renren{background:#00378e}
.share-group a .icon-evernote{background:#266800}
.share-group a .panel-weixin{visibility:hidden;-webkit-transform:translate(0,10px);-ms-transform:translate(0,10px);transform:translate(0,10px);opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:absolute;bottom:100%;margin-bottom:10px;right:-35px;width:250px;height:110px;padding:15px;box-shadow:0 1px 2px rgba(0,0,0,0.05);*zoom:1;border:solid 1px #e9eaec;background:#ffffff}
.share-group a .panel-weixin:after{content:'';display:block;clear:both;height:0}
.share-group a .panel-weixin section.weixin-section{float:left;width:80px;height:80px;margin-right:10px;white-space:normal}
.share-group a .panel-weixin section.weixin-section img{width:80px}
.share-group a .panel-weixin h3{font-size:13px !important;font-weight:normal !important;white-space:normal}
.share-group a:hover .panel-weixin{visibility:visible;-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);transform:translate(0,0px);opacity:1;color:#666666}
.share-group a.external{width:0;overflow:hidden;margin:0}
.share-group a.external i{-webkit-transform:translate(0px,0px) rotate(180deg);-ms-transform:translate(0px,0px) rotate(180deg);transform:translate(0px,0px) rotate(180deg);opacity:0}
.share-group a.icon-add{width:16px;height:16px;background:url('static/img/icon-plus.png') no-repeat;content:" ";vertical-align:middle;margin-left:6px;opacity:0.8;background-size:cover;text-indent:-200px;overflow:hidden}
@media (max-width:800px){.share-group a.icon-add{display:none}
}.share-group a.icon-add:hover{opacity:1}
.pre-load-ads{display:none}
html,body{background:#e9eaec;-webkit-font-smoothing:antialiased;font-size:13px}
*{box-sizing:border-box;font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
[placeholder]::-webkit-input-placeholder,[placeholder]::-moz-placeholder,[placeholder]:-ms-input-placeholder{font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif}
a{color:#333333;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;text-decoration:none}
a:hover{color:#0B619C}
.container{margin:0 auto}
@media (min-width:1200px){.container{width:1170px}
}@media (min-width:800px) and (max-width:1200px){.container{width:1000px}
}@media (max-width:800px){.container{width:auto}
}.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both;height:0}
.rows{*zoom:1}
.rows:after{content:'';display:block;clear:both;height:0}
@media (min-width:1200px){.rows{margin-top:30px}
}@media (min-width:800px) and (max-width:1200px){.rows{margin-top:20px}
}.col-sub{float:left}
@media (min-width:1200px){.col-sub{width:330px;margin-right:30px}
}@media (min-width:800px) and (max-width:1200px){.col-sub{width:280px;margin-right:20px}
}@media (max-width:800px){.col-sub{float:none}
}.col-main{float:right}
@media (min-width:1200px){.col-main{width:810px}
}@media (min-width:800px) and (max-width:1200px){.col-main{width:700px}
}@media (max-width:800px){.col-main{float:none}
}.brand-link{color:#0B619C}
.brand-link:hover{color:#2c79b0}
.ad-wrapper{position:relative;padding:0 !important;background:none !important;}
.ad-wrapper:hover{box-shadow:none}
.ad-wrapper img{max-width:100%;height:auto}
.radius-box{box-shadow:0 1px 2px rgba(0,0,0,0.05)}
@media (max-width:800px){.mobile-hide{display:none !important}
}.mobile-show{display:none}
@media (max-width:800px){.mobile-show{display:block}
}html{height:100%}
body{min-height:100%;position:relative;}
@media (max-width:800px){body{padding-bottom:173px}
}.fixed-tools{position:fixed;right:20px;top:80%}
@media (max-width:800px){.fixed-tools{display:none !important}
}.fixed-tools a{display:block;width:40px;height:40px;margin-top:-1px;color:#8e9ca9;font-size:30px;line-height:40px;text-align:center;background:#ffffff;visibility:hidden;opacity:0;position:relative}
.fixed-tools a .qr{position:absolute;right:50px;top:0;padding:0px;background:#ffffff;overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)}
.fixed-tools a .qr img{width:80px;display:block}
.fixed-tools a:first-of-type{margin-top:0;font-size:20px;line-height:36px}
.fixed-tools a:last-of-type{line-height:36px}
.fixed-tools a:hover{color:#ffffff;background:#0B619C}
.fixed-tools a:hover .qr{visibility:visible;opacity:1;-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);transform:translate(0,0px)}
.fixed-tools.show a{visibility:visible;opacity:1}
footer.common-footer{ z-index: 50;background:#2d3237;bottom:0;left:0;height:auto;width:100%}
footer.common-footer:after{content:'';display:block;clear:both;height:0}
@media (max-width:800px){footer.common-footer{height:auto}
}footer.common-footer ul{padding-left:0}
footer.common-footer a{color: #6b6e81;}
.links a{color:#6b6e81;
opacity: 0.75;
font-size: 16px;
margin-bottom: 20px;display:block; }
footer.common-footer a:hover{color:#F09D61}
footer.common-footer .sections{margin:0 auto;*zoom:1;padding:20px 0 5px}
@media (min-width:1200px){footer.common-footer .sections{width:1170px; }
footer.common-footer .website {
padding: 20px 0 5px;
text-align: center;
}
footer.common-footer .website .website-con {
display: inline-block;
}
footer.common-footer .website .website-con .website-txt {
font-size: 16px;
font-weight: bold;
color: #5a5f6a;
height: 28px;
line-height: 28px;
display: inline-block;
}
footer.common-footer .website .website-con .website-ico{ display: inline-block;
height: 28px;
margin: 0 12px;
font-size:15px;}
footer.common-footer .website .website-con a{ display: inline-block;
height: 28px;
margin: 0 12px;
font-size:15px;}
}@media (min-width:800px) and (max-width:1200px){footer.common-footer .sections{width:1000px}
}
footer.common-footer .sections:after{content:'';display:block;clear:both;height:0}
footer.common-footer .sections section{float:left}
footer.common-footer .sections section h3{font-size:16px;color:#ffffff;font-weight:600;margin-bottom:20px;margin-top:0}
footer.common-footer .sections section.widget-foot{width:20%;color:#aaaaaa}
.share{ float:right;}
.share a { border-radius: 50%;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 28px;
line-height: 28px;}
.about{ float:left;}
.about a { margin-right: 10px;}
@media (min-width:800px) and (max-width:1200px){footer.common-footer .sections section.widget-foot{width:42%}
}@media (max-width:800px){footer.common-footer .sections section.widget-foot{float:none;width:100%;text-align:center}
}footer.common-footer .sections section.widget-foot:nth-child(2){width:20%;}
@media (min-width:800px) and (max-width:1200px){footer.common-footer .sections section.widget-foot:nth-child(2){padding-right:80px}
}footer.common-footer .sections section.widget-foot:nth-child(2) h3{margin-bottom:20px}
@media (max-width:800px){footer.common-footer .sections section.widget-foot:nth-child(2){display:none !important} footer.common-footer .sections{display:none !important}
}footer.common-footer .sections section.widget-foot ul{*zoom:1;list-style:none}
footer.common-footer .sections section.widget-foot ul:after{content:'';display:block;clear:both;height:0}
footer.common-footer .sections section.widget-foot ul li{display:inline-block;vertical-align:middle;margin-right:30px;margin-bottom:10px}
footer.common-footer .sections section.widget-foot ul li a{opacity:0.6}
footer.common-footer .sections section.widget-foot ul li a:hover{opacity:1}
footer.common-footer .sections section.qr-section{float:right;color:#aaaaaa;font-size:12px;position:relative;}
@media (max-width:800px){footer.common-footer .sections section.qr-section{display:none !important}
}footer.common-footer .sections section.qr-section img{width:86px;height:86px;margin-bottom:5px;position:relative}
footer.common-footer .bottom{background:#23282d;line-height:40px;height:40px;color:#666;position:relative}
@media (max-width:800px){footer.common-footer .bottom{text-align:center;height:40px;line-height:40px}
}footer.common-footer .bottom .container{position:relative}
footer.common-footer .bottom .law{margin-left:20px}
footer.common-footer .bottom .share{position:absolute;right:0;top:0}
@media (max-width:800px){footer.common-footer .bottom .share{display:none !important}
}footer.common-footer .bottom .share a{color:#fff;display:inline-block;width:24px;height:24px;vertical-align:middle;border-radius:50%;background:#3b4148;margin-left:10px;line-height:24px;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
footer.common-footer .bottom .share a.icon-weibo:hover{background-color:#d04340}
footer.common-footer .bottom .share a.icon-twitter:hover{background-color:#5bbce5}
footer.common-footer .bottom .share a.icon-facebook:hover{background-color:#2f4485}
footer.common-footer .bottom .share a.icon-rss:hover{background-color:#e9640e}
.article{font-size:17px;line-height:1.8;word-break:break-all;word-wrap:break-word}
@media (max-width:800px){.article{font-size:16px;line-height:1.8;overflow:hidden}
}.article a{color:#0B619C}
.article a:hover{color:#2c79b0}
.article u{text-decoration:none}
.article h3{border-left:4px solid #0B619C;padding-left:10px}
.article p,.article h3,.article h4,.article h5,.article h6,.article pre,.article pre,.article ul,.article ol,.article dl,.article form,.article table,.article blockquote,.article iframe{margin-bottom:30px; line-height:30px;}
@media (max-width:800px){.article p,.article h3,.article h4,.article h5,.article h6,.article pre,.article pre,.article ul,.article ol,.article dl,.article form,.article table,.article blockquote,.article iframe{margin-bottom:30px}
}.article img{max-width:100%;height:auto;}
.article .single-page-title{text-align:center;font-size:24px;margin-bottom:20px;}
.article ul,.article ol{list-style:square;margin-left:20px}
.article blockquote{margin: 30px 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 5px solid #EEE;}
.article hr{border:0;height:1px;width:20%;margin:50px auto;border-top:1px solid #e4e4e4}
.article img{margin:0 auto;display:block}
.article em{background:#f6f6f6;border-bottom:1px solid #e4e4e4;font-style:normal}
.article strong,.article b{font-weight:600}
.pages-wrap{padding-top:40px;background:#fff;overflow:hidden;margin-bottom:-30px}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip {
text-align: center;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip .inner {
display: inline-block;
margin-top: 30px;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip div {
color: #666;
margin-top: 4px;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip .top-tip-shap {
border: 2px solid #ececec;
border-radius: 100%;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip a {
display: block;
width: 58px;
height: 58px;
border: 1px solid #f1b60e;
border-radius: 100%;
line-height: 58px;
color: #fff;
font-size: 24px;
background: #fccd60;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fccd60), color-stop(100%, #fbae12), color-stop(100%, #2989d8), color-stop(100%, #207cca));
background: -webkit-linear-gradient(top, #fccd60 0%, #fbae12 100%, #2989d8 100%, #207cca 100%);
background: linear-gradient(to bottom, #fccd60 0%,#fbae12 100%,#2989d8 100%,#207cca 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fccd60', endColorstr='#207cca', GradientType=0);
position: relative;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip .code {
position: absolute;
padding: 10px;
border: 1px solid #e6e6e6;
background-color: #fff;
line-height: 14px;
top: -180px;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
display: none;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip .code img {
width: 120px;
height: 120px;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.to-tip .code b {
color: #333;
font-size: 12px;
font-weight: normal;
}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-tags a {
background-color: #0B619C;
color: #fff;
padding: 3px 5px;
border-radius: 2px;
margin-right: 10px;
margin-top:10px;
}
.single-post-tags{ margin-top:10px;}
@media (max-width:800px){.pages-wrap{padding:20px 0}
}.pages-wrap .job-title{margin-bottom:30px}
.pages-wrap figure.big{margin:0 -227px 30px}
@media (max-width:800px){.pages-wrap figure.big{margin:0 0px 30px}
}.pages-wrap .content-wrapper{width:700px;margin:0 auto}
@media (max-width:800px){.pages-wrap .content-wrapper{width:100%;padding:20px}
}#intercom-container{display:none}
.badge-MBT{position:relative}
.search_none_info{margin-top:30px}
header.common-header{font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;top:0;left:0;width:100%;background:#ffffff;height:62px;z-index:999;box-shadow:0 1px 1px rgba(0,0,0,0.1);box-sizing:content-box}
header.common-header html,header.common-header body,header.common-header div,header.common-header span,header.common-header applet,header.common-header object,header.common-header iframe,header.common-header h1,header.common-header h2,header.common-header h3,header.common-header h4,header.common-header h5,header.common-header h6,header.common-header p,header.common-header blockquote,header.common-header pre,header.common-header a,header.common-header abbr,header.common-header acronym,header.common-header address,header.common-header big,header.common-header cite,header.common-header code,header.common-header del,header.common-header dfn,header.common-header em,header.common-header img,header.common-header ins,header.common-header kbd,header.common-header q,header.common-header s,header.common-header samp,header.common-header small,header.common-header strike,header.common-header strong,header.common-header sub,header.common-header sup,header.common-header tt,header.common-header var,header.common-header b,header.common-header u,header.common-header i,header.common-header center,header.common-header dl,header.common-header dt,header.common-header dd,header.common-header ol,header.common-header ul,header.common-header li,header.common-header fieldset,header.common-header form,header.common-header label,header.common-header legend,header.common-header table,header.common-header caption,header.common-header tbody,header.common-header tfoot,header.common-header thead,header.common-header tr,header.common-header th,header.common-header td,header.common-header article,header.common-header aside,header.common-header canvas,header.common-header details,header.common-header embed,header.common-header figure,header.common-header figcaption,header.common-header footer,header.common-header header,header.common-header hgroup,header.common-header main,header.common-header menu,header.common-header nav,header.common-header output,header.common-header ruby,header.common-header section,header.common-header summary,header.common-header time,header.common-header mark,header.common-header audio,header.common-header video{margin:0;padding:0;border:0;vertical-align:baseline}
header.common-header article,header.common-header aside,header.common-header details,header.common-header figcaption,header.common-header figure,header.common-header footer,header.common-header header,header.common-header hgroup,header.common-header main,header.common-header menu,header.common-header nav,header.common-header section{display:block}
header.common-header body{line-height:1}
header.common-header ol,header.common-header ul{list-style:none}
header.common-header blockquote,header.common-header q{quotes:none}
header.common-header blockquote:before,header.common-header blockquote:after,header.common-header q:before,header.common-header q:after{content:'';content:none}
header.common-header a:hover,header.common-header a:active{outline:none}
header.common-header table{border-collapse:collapse;border-spacing:0}
header.common-header input,header.common-header button,header.common-header textarea{border:0;padding:0;margin:0}
header.common-header input:focus,header.common-header textarea:focus{outline:none}
header.common-header [placeholder]::-webkit-input-placeholder{font-size:13px;color:#ccc}
header.common-header [placeholder]::-moz-input-placeholder{font-size:13px;color:#ccc}
header.common-header [placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0.5}
header.common-header [placeholder]:focus::-moz-input-placeholder{transition:opacity 0.5s ease;opacity:0.5}
header.common-header input::-ms-clear{display:none}
header.common-header *,header.common-header *:before,header.common-header *:after{box-sizing:border-box}
header.common-header *{font-size:15px;-webkit-transition:none;transition:none}
@font-face{font-family:'icomoon-header';src:url('static/fonts/icomoon-MBT-header.eot');src:url('static/fonts/icomoon-MBT-header.eot') format('embedded-opentype'),url('static/fonts/icomoon-MBT-header.woff') format('woff'),url('static/fonts/icomoon-MBT-header.ttf') format('truetype'),url('static/fonts/icomoon-MBT-header.svg') format('svg');font-weight:normal;font-style:normal}
body [class^="headericon-"],body [class*=" headericon-"]{font-family:'icomoon-header';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body .headericon-header-msg:before{content:"\e600"}
body .headericon-header-app:before{content:"\e601"}
body .headericon-header-user:before{content:"\e602"}
body .headericon-header-search:before{content:"\e603"}
body .headericon-apple:before{content:"\eabf"}
body .headericon-android:before{content:"\eac1"}
body .headericon-header-menu:before{content:"\e606"}
body .headericon-arrow-drop-down:before{content:"\e604"}
body .headericon-close:before{content:"\e605"}
header.common-header.scrolling{box-shadow:0 2px 2px rgba(0,0,0,0.1);border-bottom:0}
header.common-header a,header.common-header a:focus,header.common-header a:visited{color:#333333;text-decoration:none}
header.common-header a:hover{color:#0B619C}
header.common-header .container{max-width:1170px;margin:0 auto;position:relative}
@media (min-width:820px) and (max-width:1200px){header.common-header .container{padding:0 10px}
}header.common-header .logo{height:60px;position:absolute;top:0;left:0}
header.common-header .logo img{width:138px; height:60px;}
@media (min-width:820px) and (max-width:1200px){header.common-header .logo{left:10px}
}@media (max-width:820px){header.common-header .logo{left:10px}
}@media (min-width:820px){.triggers{display:none}
header.common-header > .triggers{display:none}
header.common-header nav{padding-left:162px}
header.common-header nav a.headericon-header-menu{display:none}
header.common-header nav ul li{float:left;position:relative}
header.common-header nav ul li .headericon-arrow-drop-down{font-size:18px;position:relative;top:2px;left:-5px;color:#999}
header.common-header nav ul li a{display:block;padding:0 15px;margin:0 5px;line-height:62px;height:62px;overflow:hidden;box-sizing:border-box}
header.common-header nav > ul > li.current-menu-item > a,header.common-header nav > ul > li.current-menu-parent > a{color:#ffffff;background:#0B619C;font-weight:600}
header.common-header nav > ul > li > ul > li.current-menu-item > a,header.common-header nav > ul > li > ul > li.current-menu-parent > a{color:#0B619C;}
header.common-header nav ul li.current-menu-item a:hover{cursor:default}
header.common-header nav ul li .sub-menu{right:-55px;-webkit-transform-origin:40% 0;-ms-transform-origin:40% 0;transform-origin:40% 0;padding:10px 14px;min-width:150px}
header.common-header nav ul li .sub-menu:before{right:86px}
header.common-header nav > ul > li.menu-item-has-children > a:after{content: "\e604";font-family: 'icomoon-header';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
header.common-header .pop-up,header.common-header .sub-menu{-webkit-transition:none;transition:none;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:90% 0;-ms-transform-origin:90% 0;transform-origin:90% 0;visibility:hidden;position:absolute;min-width:180px;right:14px;top:62px;background:#ffffff;border:solid 1px #ddd;padding:20px;box-shadow:0 2px 3px rgba(0,0,0,0.1)}
header.common-header .pop-up:before,header.common-header .sub-menu:before{width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background:#ffffff;border:solid 1px #ddd;border-width:1px 1px 0 0;position:absolute;top:-6px;right:15px;content:" "}
header.common-header li:hover > a,header.common-header li.stay > a{color:#0B619C}
header.common-header li:hover > a i,header.common-header li.stay > a i{color:#0B619C !important}
header.common-header li:hover .pop-up,header.common-header li.stay .pop-up,header.common-header li:hover .sub-menu,header.common-header li.stay .sub-menu{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:100;-webkit-transition:all 0.3s cubic-bezier(0.31,0.57,0.68,1.36);transition:all 0.3s cubic-bezier(0.31,0.57,0.68,1.36)}
header.common-header .sub-menu a{display:block;height:36px;line-height:36px;border-top:solid 1px #eee;padding:0 6px;font-size:13px;min-width:100px}
header.common-header .menu a{display:block;height:36px;line-height:36px;border-top:solid 1px #eee;padding:0 6px;font-size:13px}
header.common-header .menu a:first-child{border-top:0}
header.common-header .sub-menu a span{background:#ec3e3e;float:right;color:#ffffff;padding:0 4px;border-radius:10px;line-height:20px;height:20px;font-size:12px;font-weight:bold;position:relative;top:8px}
header.common-header .sub-menu li:first-child a{border-top:0}
header.common-header .sub-nav{float:right;height:62px;margin-right:-20px}
header.common-header .sub-nav > li{float:left;position:relative;height:62px}
header.common-header .sub-nav > li > a{padding:17px 15px;display:block}
header.common-header .sub-nav > li > a i{font-size:20px;position:relative;top:3px;color:#666666}
header.common-header .sub-nav > li > a.login-link{color:#0B619C}
header.common-header .sub-nav > li > a.login-link i{color:#0B619C}
header.common-header .sub-nav .headericon-header-msg{position:relative}
header.common-header .sub-nav .headericon-header-msg.point:after{content:" ";width:6px;height:6px;border-radius:6px;background:#ec3e3e;position:absolute;top:0px;right:-2px;display:block}
header.common-header .sub-nav > li .search-wrap{right:0;-webkit-transform-origin:20% 0;-ms-transform-origin:20% 0;transform-origin:20% 0;width:284px;}
header.common-header .sub-nav > li .search-wrap:before{right:25px}
header.common-header .sub-nav > li .mobile-wrap:before{right:18px}
header.common-header .sub-nav > li .msg-wrap{padding:10px 20px}
header.common-header .sub-nav > li .msg-wrap:before{right:10px}
header.common-header .sub-nav .searchbar{height:32px;overflow:hidden;white-space:nowrap;word-spacing:0}
header.common-header .sub-nav .searchbar button{width:30px;height:30px;box-sizing:border-box;background:#0B619C;color:#ffffff;vertical-align:middle;border-radius:0 2px 2px 0;font-size:18px}
header.common-header .sub-nav .searchbar input{width:210px;height:30px;float:left;border:solid 1px #F4B88E;border-right:0;border-radius:2px 0 0 2px;background:#ffffff;box-sizing:border-box;overflow:hidden;padding:2px 10px;line-height:25px;vertical-align:middle}
header.common-header .sub-nav .mobile-wrap{width:260px}
header.common-header .sub-nav .mobile-wrap .qr{height:90px;float:left;margin-right:15px}
header.common-header .sub-nav .mobile-wrap .btns{overflow:hidden}
header.common-header .sub-nav .mobile-wrap .btns span{display:block;font-size:13px}
header.common-header .sub-nav .mobile-wrap .btns a{display:block;height:25px;line-height:25px;background:#0B619C;color:#ffffff;border-radius:2px;padding:0px 10px;margin-top:11px;font-size:12px}
header.common-header .sub-nav .mobile-wrap .btns a i{font-size:16px;position:relative;top:3px;margin-right:4px}
header.common-header .sub-nav .mobile-wrap .btns a:hover{background:#F27A0F}
header.common-header .sub-nav .head-avatar{overflow:hidden;display:block;position:relative;padding:0 20px;top:15px}
header.common-header .sub-nav .head-avatar img{width:100%;height:100%;display:block;width:30px;height:30px;border-radius:30px}
header.common-header .sub-nav > li .menu-wrap{padding:15px 20px 5px 20px}
header.common-header .sub-nav > li .menu-wrap .brief{padding-bottom:10px;display:block;border-bottom:solid 1px #eee}
header.common-header .sub-nav > li .menu-wrap .brief img{float:left;width:35px;height:35px;border-radius:30px;margin-right:10px}
header.common-header .sub-nav > li .menu-wrap .brief span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;height:40px;line-height:40px}
}@media (min-width:820px) and (min-width:820px) and (max-width:1200px){header.common-header nav ul li a{padding:0 10px;margin:0 3px}
}.mobile-show{display:none}
body.header-fixed header.common-header {position:fixed;}
@media (max-width:820px){.mobile-show{display:block}
}@media (max-width:820px){.mobile-hide{display:none}
}
@media (max-width:820px){body{-webkit-transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease}
body:after{width:100%;height:100%;position:absolute;top:0;left:-130px;z-index:1000;content:" ";display:block;background:#000;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;visibility:hidden}
html.holding,body.holding{height:100%;overflow:hidden}
html.holding footer,body.holding footer{display:none}
html.holding header.common-header,body.holding header.common-header{z-index:1001}
body.holding-right{margin-right:-130px;padding-right:130px}
body.slide-left{-webkit-transform:translate(-130px,0);-ms-transform:translate(-130px,0);transform:translate(-130px,0)}
body.slide-left:after{visibility:visible;opacity:0.3;z-index:1002}
body.slide-left .J_navList .sub-menu{display:none}
header.common-header{box-shadow:none !important;border-bottom:solid 1px #cddce7 !important;position:relative;height:auto;z-index:999}
body.header-fixed header.common-header {position:fixed;}
body.slide-left header.common-header {position:relative;}
body.header-fixed.slide-left header.common-header {position:relative;margin-top: -62px;}
header.common-header .triggers{display:block;word-spacing:0;height:62px;text-align:right}
header.common-header .triggers > a{display:inline-block;border-left:solid 1px #cddce7;width:62px;height:62px;line-height:62px;text-align:center;font-size:28px;color:#9ab8d0}
header.common-header .triggers > a.headericon-header-search{text-indent:4px}
header.common-header .trigger-hide{display:none}
header.common-header nav{display:none}
header.common-header .sub-nav li{display:none}
header.common-header.show-search{-webkit-transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;-webkit-transform:translate(0,-63px);-ms-transform:translate(0,-63px);transform:translate(0,-63px);height:2000px;background:#f2f2f2;z-index:999;position:absolute;top:0;left:0;width:100%}
header.common-header.show-search .sub-nav{position:relative}
header.common-header.show-search .sub-nav li.search-item{display:block;height:62px;position:relative}
header.common-header.show-search .sub-nav li.search-item form{border-bottom:solid 1px #cddce7}
header.common-header.show-search .sub-nav li.search-item > a{display:none}
header.common-header.show-search .sub-nav li.search-item button{display:inline-block;border-left:solid 1px #cddce7;width:62px;height:62px;line-height:62px;text-align:center;font-size:28px;color:#9ab8d0;background:none;position:absolute;right:0;top:0}
header.common-header.show-search .sub-nav li.search-item button.search-icon{right:62px;border-left:0}
header.common-header.show-search .sub-nav li.search-item button.close-icon{color:#aaa}
header.common-header.show-search .sub-nav li.search-item input{border:0;width:100%;height:62px;padding-left:20px;padding-right:124px;border-top:solid 1px #cddce7;-webkit-appearance:none;box-sizing:border-box}
header.common-header.show-search .sub-nav li.search-item [placeholder]::-webkit-input-placeholder{font-size:16px;color:#ccc}
header.common-header.show-search .sub-nav li.search-item [placeholder]::-moz-input-placeholder{font-size:16px;color:#ccc}
header.common-header.show-menu .sub-nav li.login-actions{display:block}
header.common-header.show-menu .sub-nav li.login-actions a{display:block;width:130px;height:62px;position:absolute;left:100%;top:0;line-height:62px;color:#fff;text-align:left;padding-left:14px}
header.common-header.show-menu .sub-nav li.login-actions a i{font-size:26px;vertical-align:middle}
header.common-header.show-menu .sub-nav li.user-menu{display:block}
header.common-header.show-menu .sub-nav li.user-menu > a{display:none}
header.common-header.show-menu .sub-nav li.user-menu .menu{display:none}
header.common-header.show-menu .sub-nav li.user-menu .brief{display:block;max-width:130px -10px;white-space:normal;overflow:hidden;text-overflow:ellipsis;width:130px;height:62px;position:absolute;left:100%;top:0;line-height:62px;color:#fff;text-align:left;padding-left:14px}
header.common-header.show-menu .sub-nav li.user-menu .brief img{width:30px;height:30px;border:solid 2px rgba(255,255,255,0.3);border-radius:50%;vertical-align:middle;display:inline-block;margin-right:3px}
header.common-header.show-menu nav{display:block;width:130px;height:2000px;background:#3c3c44;padding-top:62px;position:absolute;left:100%;top:0}
header.common-header.show-menu nav li a{height:43.4px;line-height:43.4px;display:block;text-align:left;border:solid 1px transparent;border-width:1px 0;color:#fff;padding-left:20px}
header.common-header.show-menu nav li a.trigger-hide{display:none}
header.common-header.show-menu nav li.active a{background:#474750;border-color:#555560}
}@media (max-width:800px){.ad-wrapper:before{padding:0px 6px;font-size:10px;line-height:1.6}
}.radius-box{border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
@media (max-width:800px){.mobile-hide{display:none !important}
}.mobile-show{display:none}
@media (max-width:800px){.mobile-show{display:block}
}.article-detail-wrap{margin:0 auto}
@media (max-width:800px){.article-detail-wrap{padding:10px}
}@media (min-width:1200px){.article-detail-wrap{width:1170px}
}@media (min-width:800px) and (max-width:1200px){.article-detail-wrap{width:1000px}
}@media (max-width:800px){.article-detail-wrap{width:auto}
}.article-detail-wrap .main-section{*zoom:1}
.article-detail-wrap .main-section:after{content:'';display:block;clear:both;height:0}
@media (min-width:1200px){.article-detail-wrap .main-section{margin-top:30px}
}@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section{margin-top:20px}
}.article-detail-wrap .main-section .content-wrapper{float:left}
@media (min-width:1200px){.article-detail-wrap .main-section .content-wrapper{width:810px}
}@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .content-wrapper{width:700px}
}@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper{float:none}
}.article-detail-wrap .main-section .content-wrapper.focus-edition{
float:none;
margin-top: 0;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
.article-detail-wrap .main-section .content-wrapper article.single-post{background:#ffffff;padding:35px;border-radius: 2px;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .content-wrapper article.single-post{padding:25px}
}@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper article.single-post{padding:20px 15px}
}.article-detail-wrap .main-section .content-wrapper article.single-post header h1{font-size:24px;font-weight:600;margin-bottom:20px;text-align:left}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .content-wrapper article.single-post header h1{margin-bottom:15px}
}@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper article.single-post header h1{font-size:17px}
}.article-detail-wrap .main-section .content-wrapper article.single-post .author{margin:15px 0 8px;color:#aaaaaa}
.article-detail-wrap .main-section .content-wrapper article.single-post .author a{color:#0B619C}
.article-detail-wrap .main-section .content-wrapper article.single-post .author a:hover{color:#2c79b0}
.article-detail-wrap .main-section .content-wrapper article.single-post .author span.item{margin-left:10px;}
.article-detail-wrap .main-section .content-wrapper article.single-post .author .avatar{vertical-align:middle;display:inline-block;width:25px;height:25px;background:no-repeat center center;background-size:cover;margin-right:6px;border-radius:50%}
@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper article.single-post .author .avatar{width:20px;height:20px;position:relative;top:-2px;margin-right:3px}
}.article-detail-wrap .main-section .content-wrapper article.single-post .single-post-header__headline{text-align:center;margin:20px 0;position:relative}
.article-detail-wrap .main-section .content-wrapper article.single-post .single-post-header__headline img{width:100%;display:block;margin:0 auto}
.article-detail-wrap .main-section .content-wrapper article.single-post .single-post-header__headline small{position:absolute;left:0;bottom:0;padding:0 5px;background:rgba(0,0,0,0.5)}
.article-detail-wrap .main-section .content-wrapper article.single-post .single-post-header__headline small a{color:#fff;font-size:12px}
.article-detail-wrap .main-section .content-wrapper article.single-post section.ad{font-size:15px;margin:25px 0 0;color:#666666}
@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper article.single-post section.ad{font-size:13px}
}.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share{*zoom:1;padding:25px 0 0;margin-top:25px;border-top:solid 1px #f4f4f4}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share:after{content:'';display:block;clear:both;height:0}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions{float:left;*zoom:1}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions:after{content:'';display:block;clear:both;height:0}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li{list-style:none;float:left;margin-right:70px}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a{display:block;position:relative;box-shadow:none}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a i{width:28px;height:28px;background:#7791b0;display:block;text-align:center;line-height:28px;color:#ffffff;border-radius:50%;font-size:17px;position:relative}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a i:nth-of-type(2){position:absolute;top:0;left:0;background:none !important}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a.is-favorite i{color:#fff133}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a.icon-fly i:nth-of-type(2){-webkit-transition:all 0.6s ease;transition:all 0.6s ease;opacity:0;-webkit-transform:translate(-8px,-30px) scale(2) rotate(-45deg);-ms-transform:translate(-8px,-30px) scale(2) rotate(-45deg);transform:translate(-8px,-30px) scale(2) rotate(-45deg)}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a:hover i{background:#6378b0}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a span{position:absolute;left:100%;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);padding:0 5px;background:#f4f4f4;border:solid 1px #e9eaec;border-radius:3px;margin-left:10px;line-height:24px;color:#666666;font-family:arial,sans-serif}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share ul.actions li a span:after{position:absolute;top:8px;left:-4px;content:" ";width:6px;height:6px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:solid 1px #e9eaec;border-width:0 0 1px 1px;background:#f4f4f4}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share .single-post-share-list{float:right;color:#666666;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;white-space:nowrap}
.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share .single-post-share-list.hide-external{width:184px;overflow:hidden}
@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper article.single-post section.single-post-share .single-post-share-list.hide-external{width:auto}
}.article-detail-wrap .main-section .content-wrapper section.mobile-author{display:none;margin-top:15px}
@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper section.mobile-author{display:block}
}.article-detail-wrap .main-section .content-wrapper section.mobile-author .author{padding:25px;background:#f3f7fb;margin-bottom:20px;word-spacing:0;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.05);white-space:nowrap}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .content-wrapper section.mobile-author .author{padding:15px}
}.article-detail-wrap .main-section .content-wrapper section.mobile-author .author .avatar{display:inline-block;width:60px;height:60px;border-radius:50%;background:#aaaaaa no-repeat center center;background-size:cover;margin-right:15px;vertical-align:top}
.article-detail-wrap .main-section .content-wrapper section.mobile-author .author .desc{overflow:hidden;display:inline-block;width:200px;vertical-align:middle;white-space:normal}
.article-detail-wrap .main-section .content-wrapper section.mobile-author .author .desc .name{font-size:17px;font-weight:600;display:inline-block}
.article-detail-wrap .main-section .content-wrapper section.mobile-author .author .desc .badge{font-size:12px;color:#fff;background:#6b9edb;padding:0px 3px;border-radius:2px;margin-left:4px;position:relative;top:-2px;vertical-align:middle}
.article-detail-wrap .main-section .content-wrapper section.mobile-author .author .desc .brief{margin-top:5px;color:#666666}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate{margin-top:0px}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul{*zoom:1;list-style:none; margin:0 -10px;}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul:after{content:'';display:block;clear:both;height:0}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li{
float:left;
width:254px;
padding:20px;
border-radius:2px;
box-shadow:0 1px 2px rgba(0,0,0,0.05);
background:#ffffff;
*zoom:1; margin-top: 0px;
margin-right: 11px;
margin-bottom: 20px;
margin-left: 11px;
position:relative;
}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li:after{content:'';display:block;clear:both;height:0}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li{width:220px;margin-left:20px;padding:15px}
}
@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li{float:none;margin:10px;width:auto;padding:15px}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li>a{float:left;width:90px;height:65px;margin-right:10px}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li>a .image{height:65px}
}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li .image{height:140px;overflow:hidden;width:100%}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li .image img{min-width:100%;height:100%;display:block}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li .title{margin:10px 0;height:48px;overflow:hidden;line-height:24px}
.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li .title h3 a{font-size:15px;font-weight:600}
@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper section.single-post-relate ul li .title{overflow:hidden;margin-top:8px;height:44px;line-height:22px}
}.article-detail-wrap .main-section .content-wrapper section.single-post-comment{background:#ffffff;margin-top:20px;margin-bottom:20px;padding:30px;border-radius: 2px;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment ul{list-style:none}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .content-wrapper section.single-post-comment{padding:20px}
}@media (max-width:800px){.article-detail-wrap .main-section .content-wrapper section.single-post-comment{padding:20px}
}.article-detail-wrap .main-section .content-wrapper section.single-post-comment h2{margin-bottom:15px;font-size:15px;font-weight:600}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment a{color:#0B619C}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment a:hover{color:#2c79b0}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .textarea{width:100%;background:#FBF7F3;border:solid 1px #ebeff5;padding:10px;resize:none;height:120px;font-size:15px;-webkit-transition:all 1s ease;transition:all 1s ease;-webkit-appearance:none}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .textarea::-moz-placeholder,.article-detail-wrap .main-section .content-wrapper section.single-post-comment .textarea::-webkit-input-placeholder{color:#aaaaaa;font-size:15px}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .textarea:focus{background:#ffffff}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom{margin-top: 25px;padding-bottom: 30px;border-bottom: solid 1px #f4f4f4;text-align: center;color: #aaaaaa;font-size: 16px;}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom:after{content:'';display:block;clear:both;height:0}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom .meta{float:left}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom .meta .avatar{width:28px;height:28px;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle;background:#aaaaaa no-repeat center center;background-size:cover}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom .meta .username,.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom .meta .username:hover{cursor:default;color:#333333}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom button{float:right;width:100px;height:30px;background:#0B619C;color:#ffffff;text-align:center;line-height:30px;cursor:pointer;border:0;padding:0;font-size:13px;border-radius: 2px;}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .bottom button:hover{background:#F27A0F}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .children{padding-left:40px}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details{padding-bottom:15px;padding-top:15px;border-bottom:1px solid #f4f4f4;*zoom:1}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details:after{content:'';display:block;clear:both;height:0}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .avatar{float:left;margin-right:10px}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .avatar a{width:40px;height:40px;position:relative;border-radius:50%;overflow:hidden;display:block;cursor:default}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .avatar a img{width:100%;height:100%;overflow:hidden;display:block;border-radius:50%}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .comment-wrapper{overflow:hidden}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .comment-wrapper .postmeta{font-size:12px;margin-bottom:4px;color:#aaaaaa}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .comment-wrapper .postmeta .comment-reply-link{float:right}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .comment-wrapper .postmeta a,.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .comment-wrapper .postmeta a:hover{cursor:pointer;color:#333333}
.article-detail-wrap .main-section .content-wrapper section.single-post-comment .comment_details .comment-wrapper .comment-main{font-size:15px}
.article-detail-wrap .main-section .article-side{float:right}
@media (min-width:1200px){.article-detail-wrap .main-section .article-side{width:330px;margin-left:30px}
}@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .article-side{width:280px;margin-right:20px}
}@media (max-width:800px){.article-detail-wrap .main-section .article-side{float:none}
}.article-detail-wrap .main-section .article-side .block.ad{width:330px;margin-bottom:20px}
@media (max-width:800px){.article-detail-wrap .main-section .article-side .block.ad{display:none !important}
}.article-detail-wrap .main-section .article-side .block.ad a{width:100%;height:100%;display:block;background:no-repeat center center;background-size:cover}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .article-side .block.ad{width:100%;height:260px}
}.article-detail-wrap .main-section .article-side .author{padding:25px;background:#fff;margin-bottom:20px;word-spacing:0;border-radius: 2px;box-shadow: 0 1px 2px rgba(0,0,0,0.05);white-space:nowrap}
.article-detail-wrap .main-section .article-side #article-latestArticles .author {margin-bottom: 0;}
@media (max-width:800px){.article-detail-wrap .main-section .article-side #article-latestArticles{display:none !important}
}@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .article-side .author{padding:15px}
}.article-detail-wrap .main-section .article-side .author .avatar{display:inline-block;width:60px;height:60px;border-radius:50%;background:#aaaaaa no-repeat center center;background-size:cover;margin-right:15px;vertical-align:top}
.article-detail-wrap .main-section .article-side .author .desc{overflow:hidden;display:inline-block;width:200px;vertical-align:middle;white-space:normal}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .article-side .author .desc{width:160px}
}.article-detail-wrap .main-section .article-side .author .desc .name{font-size:17px;font-weight:600;display:inline-block}
.article-detail-wrap .main-section .article-side .author .desc .badge{font-size:12px;color:#fff;background:#6b9edb;padding:0px 3px;border-radius:2px;margin-left:4px;position:relative;top:-2px;vertical-align:middle}
.article-detail-wrap .main-section .article-side .author .desc .brief{margin-top:5px;color:#666666}
.article-detail-wrap .main-section .article-side .author .article-number-infor {
*zoom:1;
padding:30px 0 10px
}
.article-detail-wrap .main-section .article-side .author .article-number-infor:after {
content:'';
display:block;
clear:both;
height:0
}
.article-detail-wrap .main-section .article-side .author .article-number-infor>div {
display:block;
float:left;
width:40%;
margin:0 5%;
text-align:center;
border-radius:2px;
border:1px solid #eee;
background:#fff;
padding:15px 0;
color:#999999
}
.article-detail-wrap .main-section .article-side .author .article-number-infor .article-total, .article-detail-wrap .main-section .article-side .author .article-number-infor .read-number {
font-size:28px;
color:#333333
}
.article-detail-wrap .main-section .article-side .latest-articles {
border-radius:2px;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
padding:20px 25px;
background:#fff;
margin-bottom:20px
}
.article-detail-wrap .main-section .article-side .latest-articles h3 {
display:block;
overflow:hidden
}
.article-detail-wrap .main-section .article-side .latest-articles h3 i {
position:relative;
display:block;
width:100%;
bottom:10px;
margin-left:62px;
border-bottom:1px solid #efefef
}
.article-detail-wrap .main-section .article-side .latest-articles article{
*zoom:1;
margin-top:20px
}
.article-detail-wrap .main-section .article-side .latest-articles article:after{
content:'';
display:block;
clear:both;
height:0
}
@media (min-width: 800px) and (max-width: 1200px) {
.article-detail-wrap .main-section .article-side .latest-articles article{
margin-top:15px
}
}
.article-detail-wrap .main-section .article-side .latest-articles article .pic{
width:80px;
height:60px;
background:#666666 no-repeat center center;
background-size:cover;
margin-right:10px;
float:left
}
.article-detail-wrap .main-section .article-side .latest-articles article .desc{
overflow:hidden
}
.article-detail-wrap .main-section .article-side .latest-articles article .desc .title{
display:inline-block;
max-height:60px;
line-height:20px;
font-weight:600;
overflow:hidden
}
.article-detail-wrap .main-section .article-side .latest-articles .more-article {
display:block;
padding:10px 0;
text-align:right;
font-size:14px
}
.article-detail-wrap .main-section .article-side .latest-articles .more-article a {
color:#0B619C
}
.article-detail-wrap .main-section .article-side .vendor-links{border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.05);padding:20px 25px;background:#ffffff;margin-bottom:20px}
@media (max-width:800px){.article-detail-wrap .main-section .article-side .vendor-links{display:none !important}
}@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .article-side .vendor-links{padding:15px}
}.article-detail-wrap .main-section .article-side .vendor-links h3{font-size:13px;font-weight:600}
.article-detail-wrap .main-section .article-side .vendor-links article{*zoom:1;margin-top:20px}
.article-detail-wrap .main-section .article-side .vendor-links article:after{content:'';display:block;clear:both;height:0}
@media (min-width:800px) and (max-width:1200px){.article-detail-wrap .main-section .article-side .vendor-links article{margin-top:15px}
}.article-detail-wrap .main-section .article-side .vendor-links article .image{float:left;margin-right:15px}
.article-detail-wrap .main-section .article-side .vendor-links article a{margin-top:5px}
.pagination{padding-left:0;margin:18px 0;float:left;}
.pager li,.pagination>li{display:inline; }
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#000;background-color:#fff;margin-left:-1px}
.badge,.label{text-align:center;font-weight:700;line-height:1;vertical-align:baseline;white-space:nowrap}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#ffffff;background-color:#0B619C}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#0B619C;border-color:#0B619C;cursor:default}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:0 40px;font-size:15px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:14px;margin: 0 4px; border-radius: 2px;}
.pager{padding-left:0;margin:18px 0;list-style:none;text-align:center}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#e9eaee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}
.widget{background:#ffffff;padding:0px;margin-bottom:20px;border-radius: 2px;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.widget h3{font-size:13px;font-weight:600;padding-top:10px; padding-left:10px;padding-right:10px;}
.widget .tagcloud{overflow:hidden;padding-bottom:10px;padding-right:10px;padding-left:10px;}
.widget .tagcloud a{
float: left;
margin: 10px 5px 0 0;
color: #0B619C;
padding: 2px 4px;
border-radius: 2px;
font-size:14px !important;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #333;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #333;
}
.widget .tagcloud a:hover{background:#0B619C;color:#fff}
.widget .textwidget{padding:0px;position:relative;overflow:hidden;margin-bottom:10px;}
.widget.widget_archive ul{margin-top:20px;list-style:none}
.widget.widget_archive ul li{text-align:right;border-bottom:solid 1px #e9eaec;padding:5px 0}
.widget.widget_archive ul li a{float:left}
.widget.widget_recent_entries ul{margin-top:20px;list-style:none}
.widget.widget_recent_entries ul li a{display:inline-block;max-height:60px;line-height:20px;font-weight:600;overflow:hidden}
.widget.mbt_comments ul{margin-top:20px;list-style:none}
.widget.mbt_comments ul li a{display:block;border-radius:2px;padding:8px 10px;background:#f4f4f4;margin-top:10px;margin-bottom:10px;position:relative;margin-top:-2px;margin-left:50px}
.widget.mbt_comments ul li a:before{content:" ";height:0;width:0;border-color:transparent;border-style:solid;border-width:7px;border-right-color:#F5F5F5;position:absolute;left:-13px;top:10px}
.widget.mbt_comments ul li .avatar{border-radius:50%;float:left;margin:0 4px 0 0}
.widget.top-articles{padding:20px 25px;background:#ffffff;margin-bottom:20px}
.apply{ margin:0; width:330px;}
.apply img{ width:330px;height:234px;}
.mbt_comments{ padding:10px 25px;}
@media (max-width:800px){.widget.top-articles{display:none !important}
}@media (min-width:800px) and (max-width:1200px){.widget.top-articles{padding:15px}
}.widget.top-articles h3{font-size:13px;font-weight:600}
.widget.top-articles article{*zoom:1;margin-top:20px}
.widget.top-articles article:after{content:'';display:block;clear:both;height:0}
@media (min-width:800px) and (max-width:1200px){.widget.top-articles article{margin-top:15px}
}.widget.top-articles article .pic{width:80px;height:60px;background:#666666 no-repeat center center;background-size:cover;margin-right:10px;float:left}
.widget.top-articles article .desc{overflow:hidden}
.widget.top-articles article .desc .title{display:inline-block;max-height:60px;line-height:20px;font-weight:600;overflow:hidden}
.ad{max-width:100%;overflow:hidden;margin-bottom:20px}
.ad img{max-width:100%;height:auto}
.ad.ad-single{margin-top:20px;margin-bottom:15px;}
.fadeIn #sign{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#sign,#sign a{font-size:12px !important;line-height:1.5}
#sign{position:fixed;z-index:9999;top:80px;left:50%;width:400px;margin-left:-200px;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(0,-600px,0);-moz-transform:translate3d(0,-600px,0);-o-transform:translate3d(0,-600px,0);transform:translate3d(0,-600px,0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px}
#sign .part{border-radius:2px;min-height:425px;position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding:40px 40px 30px 40px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none}
#sign.sign .part.loginPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign.sign .part.registerPart{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0;display:block}
#sign.register .part.loginPart{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0;display:block}
#sign.register .part.registerPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign #login.wxlogin{text-align:center}
#sign form h3{font-size:18px;margin-bottom:20px}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form .status .error{color:#ea4c89}
#sign form .status .success{color:#00c3b6}
#sign form p{margin:10px auto;position:relative}
#sign form p.status{white-space:nowrap}
#sign form #captcha_inline label.error{right:auto;left:0;top:45px}
#sign form p#captcha_inline .inline{float:left}
#captcha_inline #captcha{width:100px;margin-right:5px;padding-right:10px}
#captcha_inline .captcha-clk{padding: 9px 5px;border: 1px solid #ddd;background:#ddd;color:#444;cursor:pointer}
#captcha_inline input.submit{float:right !important;width:100px}
#sign form label.error{color:#FFF;background-color:#7656E8;padding:0 4px;position:absolute;z-index:5;right:10px;top:11px}
#sign form label.icon{position:absolute;right:10px;top:5px;color:#999;font-size:20px;color:rgba(0,0,0,.3)}
#sign form label.icon i{width:20px;text-align:center}
#sign form input{border:1px solid #ddd;padding:10px;width:100%;box-sizing:border-box}
#sign::-webkit-input-placeholder{color:#999}
#sign form input:focus{border:1px solid #0B619C}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{padding-right:35px}
#sign form .submit{cursor:pointer;background-color:#0B619C;color:#FFF;border:0 none;font-size:14px}
#sign form .submit:focus{border:0 none}
#sign form .safe{color:#999;margin-top:20px}
#sign form .rememberme{width:inherit;margin-right:3px}
#sign form .lost{float:right}
#sign form .close{position:absolute;right:25px;top:0;width:50px;height:50px;border-radius:0 0 50px 50px;text-align:center;line-height:50px;background-color:#444;font-size:16px;color:#FFF;cursor:pointer}
#sign form .close i{-webkit-transition:all ease-out .3s;-moz-transition:all ease-out .3s;-o-transition:all ease-out .3s;transition:all ease-out .3s}
#sign form .close:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#sign .other-sign{border-top:1px solid rgba(0,0,0,.1);margin:20px -50px auto -50px;padding:0 50px}
.other-sign p{margin:10px auto 10px auto;text-align:center}
.other-sign a,.local-account a{display:inline-block;padding:6px 10px;border-radius:2px;width:100%}
.other-sign a:hover,.local-account a:hover{color:#fff}
.other-sign a i,.local-account a i{margin-right:5px}
.other-sign .qqlogin{background-color:#4a9cf8;color:#FFF}
.other-sign .weibologin{background-color:#e14d4c;color:#FFF}
.other-sign .weixinlogin{background-color:#2faf16;color:#FFF}
#sign .other-sign div{width:33%;text-align:center;float:left;padding:5px}
#sign .switch{color:#999;cursor:pointer;margin:15px auto;display:inline-block}
#sign .switch i{margin-right:5px;color:#1cbdc5}
.sign-tips{position:absolute;bottom:0;background-color:#FD6E6E;left:0;right:0;height:0;line-height:29px;padding:0 50px;color:#fff;font-size:12px;overflow:hidden}
.overlay{background:#000;opacity:.8;filter:alpha(opacity=80);position:fixed;width:100%;height:100%;left:0;top:0;z-index:9998}
.ft-container{
background: #454545;
display: block;
height: 55px;
padding: 9px 15px 9px 10px;
position: fixed;
box-sizing: border-box;
bottom: 0;
width: 100%;
left: 0;
z-index: 1000;
-webkit-transition: all 0.8s;
transition: all 0.8s;
display: none;
}
.ft-container.hide {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
}
.ft-container .container {
margin: 0 auto;
overflow: hidden;
}
.ft-container .headericon-close {
color: #aaa;
float: right;
margin-left: 8px;
position: relative;
top: 12px;
font-size: 16px;
}
.ft-container .icon-close:before{content: "\e605";}
.ft-container .button {
float: right;
padding: 5px 10px;
border-radius: 4px;
background: #0B619C;
color: #fff;
font-size: 14px;
margin-top: 4px;
}
.ft-container .text {
font-size: 14px;
color: #fff;
line-height: 30px;
position: relative;
top: 3px;
}
.ft-container .container > * {
vertical-align: middle;
display: inline-block;
}
@media (max-width:480px){
.pagination>li{display:none}
.pagination>li.next-page, .pagination>li.prev-page{display:block; float:left;}
}
/* 幻灯片CSS */
.orbit-wrapper { position: relative; margin: 0 auto; }
#featured { position: relative; width: 680px; height: 382px; overflow: hidden; background: #fff url(images/loading.gif) 50% no-repeat; }
.orbit > img { display: none; position: absolute; top: 0; left: 0; border: 0 none; }
.orbit > a { display: none; position: absolute; top: 0; left: 0; line-height: 0; border: 0 none; }
.orbit > div { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.orbit-item { background-color: #f5f5f5; }
/* 标题 */
.orbit-caption { display: none; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 75px; font: 20px/50px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(0,0,0,.6); }
/* 导航 */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: 0px; left: 50%; margin: 15px 0 15px -50px; padding: 0; }
.orbit-bullets li { float: left; margin: 0 5px; cursor: pointer; width: 10px; height: 10px; overflow: hidden; text-indent: -9999px; background-color: #000; }
.orbit-bullets li.active { background-color: #49CFF1; }
.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }
.slider-nav { display: block }
.slider-nav span { width: 75px; height: 75px; text-indent: -9999px; position: absolute; z-index: 1000; bottom: 0; cursor: pointer; }
.slider-nav span.right { background: url(images/arrow.png) right 0; right: 0; }
.slider-nav span.left { background: url(images/arrow.png) 0 0; left: 0; }
.slider-nav span.right:hover { background-position: right bottom; }
.slider-nav span.left:hover { background-position: 0 bottom; }
/* 定时器 */
.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; }
.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(images/rotator-black.png) no-repeat; z-index: 3; }
.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
.rotator.move { left: 0; }
.mask.move { width: 40px; left: 0; background: url(images/timer-black.png) repeat 0 0; }
.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(images/pause-black.png) no-repeat; z-index: 4; opacity: 0; }
.pause.active { background: url(images/pause-black.png) no-repeat 0 -40px; }
.timer:hover span.pause, span.pause.active { opacity: 1; }
img.alignnone{ display:inline; }
.single-post-relate ul {
list-style: none;
margin: 0 -10px;
}
section.single-post-relate ul li {
float: left;
width: 395px;
padding: 15px;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
background: #ffffff;
margin: 0px 10px 15px 10px;
position: relative;
}
section.single-post-relate ul li .image {
height: 60px;
width: 80px;
overflow: hidden;
margin-right: 10px;
}
section.single-post-relate ul li .title {
margin: 10px 0;
height: 48px;
overflow: hidden;
line-height: 24px;
}
section.single-post-relate ul li .title h3 a {
font-size: 15px;
font-weight: 600;
}
@media( min-width:1200px){.top-news{ width: 810px; float: left;}}
@media(max-width:800px){.top-id{ display:none}}
sup {
vertical-align: super;
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
}
.index-wrap{ padding-bottom:10px;width:100%;height:auto;}
.index-wrap .main-section .index-side .author {
margin-bottom: 0;
padding: 25px;
background: #fff;
margin-bottom: 20px;
word-spacing: 0;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
white-space: nowrap;
}
.index-wrap .main-section .index-side .author .avatar {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
background: #aaaaaa no-repeat center center;
background-size: cover;
margin-right: 15px;
vertical-align: top;
}
.index-wrap .main-section .index-side .author .desc {
overflow: hidden;
display: inline-block;
width: 200px;
vertical-align: middle;
white-space: normal;
}
.index-wrap .main-section .index-side .author .desc .name {
font-size: 17px;
font-weight: 600;
display: inline-block;
}
.index-wrap .main-section .index-side .author .desc .badge {
font-size: 12px;
color: #fff;
background: #6b9edb;
padding: 0px 3px;
border-radius: 2px;
margin-left: 4px;
position: relative;
top: -2px;
vertical-align: middle;
}
.index-wrap .main-section .index-side .author .desc .brief {
margin-top: 5px;
color: #666666;
}
.index-wrap .main-section .index-side .author .article-number-infor {
padding: 30px 0 10px;
}
.index-wrap .main-section .index-side .author .article-number-infor>div {
display: block;
float: left;
width: 40%;
margin: 0 5%;
text-align: center;
border-radius: 2px;
border: 1px solid #eee;
background: #fff;
padding: 15px 0;
color: #999999;
}
.index-wrap .main-section .index-side .author .article-number-infor .article-total,.index-wrap .main-section .index-side .author .article-number-infor .read-number {
font-size: 28px;
color: #333333;
}
.top-title {
border-radius: 2px;
height: 40px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
z-index: 100;
margin-bottom: 20px;
}
.top-title a {
background: #0B619C;
color: #ffffff;
float: left;
line-height: 40px;
display: inline-block;
padding: 0 20px;
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.index-wrap .main-section .top-news .top-id section.single-post-relate ul li .image{ float:left;}
@media(min-width:1200px){.user_content ul{ width:700px; margin: 0 auto;}}
.user_content{
width:100%;
margin: 0 auto;
padding: 40px 0;
color: #808080;
background:#FFF}
.wp-pagenavi {
margin: 30px 0;
font-size: 13px;
text-align: center;
line-height: 24px;
width: 100%;
}
.wp-pagenavi > span,
.wp-pagenavi > a {
margin: 4px 6px 4px 0;
padding: 4px 12px;
text-decoration: none;
background-color: #fff;
border: 1px #f4f4f4 solid;
color: #666;
display: inline-block;
}
.wp-pagenavi a:hover,
.wp-pagenavi > .current{
background-color: #0B619C;
border-color: #0B619C !important;
color: #fff;}
/*********作者列表*********/
.user_content ul li{
display: block;
width: 100%;
border-bottom: 1px #eee solid;
padding: 20px 50px 20px 60px;
overflow: hidden;
position: relative;
}
.user_content img{
position: absolute;
border-radius: 50%;
margin-right:20px;
}
/*头像*/
.user_content img{
width: 60px;
height:60px;
left: 0;
border: 1px #f4f4f4 solid;
padding: 10px;
background-color: #f8f8f8;
}
/*名称与文章*/
.user_content h1{ text-align:center;font-size:16px;}
.user_content ul li a{
display: block;
padding:5px 20px;
}
.user_content .author_name{
font-size: 17px;
}
.user_list .new_post{
font-size: 14px;
color: #999;
}
.kind {
width: 100%;
line-height: 38px;
margin: 0 auto;
margin-bottom: 18px;
background-color: #FFF;
text-align: center;
background-color: #F6F6F6;
font-size: 16px;
font-size: 1.3rem;
}
.kind .line {
height: 14px;
display: inline-block;
vertical-align: middle;
border-right: 1px solid #d7d7d7;
}
.kind .current {
color:#e73c31;font-size:600;
}.kind a {
color: #808080;
margin: 0 36px;
}
.panel p{ font-size:16px;
color: #333;
line-height: 30px;}
.list-group .menu-item{ border-bottom: 1px solid #fff;}
.zhibo-content{ margin-top:0px;}
@media(min-width:1200px){.zhibo-bofang{ height: 500px; margin-bottom:20px; width:100%}}
.clear {
clear: both;
}
.partner-section{ width: 46%;}
footer.common-footer .sections section.partner-section ul {
list-style: none;
}
footer.common-footer .sections section.partner-section ul li {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 20px;
width: 160px;
}
footer.common-footer .sections section.partner-section ul li a {
opacity: 0.6;color:#6b6e81;
font-size: 16px;}footer.common-footer .sections section.partner-section ul li a img {
width: 90px;
height: 40px;
}
/**d*******作者列表end*********/