﻿/*Theme ID:oogpsAuthor:AnduinAuthor URI:http://www.oogps.com/*/
@charset "utf-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{background:#eee;}
body{color:#333;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
nav ul{list-style:none}
li{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
a{margin:0;padding:0;background:0 0;color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;font-family:"Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif}
a:hover{color:#1A96FF;}
img{margin:0;padding:0;max-width:100%;height:auto;vertical-align:middle}
.container{margin:0 auto;width:100%;}
#top{margin-top:58px;}
.background{background:#FFF;overflow:hidden}
.shijie{text-align:center;}
.shijie h3{font-size:28px;line-height:60px;font-weight:bold;color:#2a8adb}
.shijie p{line-height:32px;}
.shijie p span{color:#2a8adb}
/*----------- header -----------*/
.header{display:block;height:58px;background:#1A96FF;position:fixed;left:0;top:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:700;width:100%;}
.header .logo{float:left;overflow:hidden;height:58px;}
.header .logo h1,.header .logo div{height:100%;display:block;margin:0 50px;}
.header .logo a{width:122px;height:100%;display:block;position:relative;font-size:0;overflow:hidden;}
.header .logo a img{height:40px;position:absolute;top:50%;transform:translateY(-50%);left:0;}
.header .nav-bar{float:left;}
.header .nav-bar li{display:inline-block;height:58px;line-height:58px;position:relative;vertical-align:top;}
.header .nav-bar li a{display:inline-block;padding:0 15px;color:#fff;opacity:1;font-size:16px;position:relative;z-index:2;min-width:130px;text-align:center}
.header .nav-bar li em[class*="dot"]{display:inline-block;position:relative;left:-10px;z-index:1;width:16px;}
.header .nav-bar li em[class*="dot"] .fa{color:#fff;font-size:16px;width:16px;display:block;}
.header .nav-bar li.active a,.header .nav-bar li a:hover{opacity:1;}
.header .nav-bar li a:hover{opacity:.8;}
.header .nav-bar li.active{background-color:#2A8ADB;}
.header .nav-bar li.active:before{width:20px;height:3px;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);/*background-color:#2A8ADB;*/
 content:'';border-radius:50px;}
/*二级高亮*/
.header .nav-bar ul li>ul{/* width:100%;*/
 min-width:110px;position:absolute;top:100%;left:50%;transform:translateX(-50%);/* right:0;*/
 background:#1A96FF;z-index:888;visibility:hidden;opacity:0;box-shadow:0px 8px 20px 0px rgba(0,0,0,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .nav-bar ul li>ul li{width:100%;height:42px;line-height:42px;display:block;/* overflow:hidden;*/
}
.header .nav-bar ul li>ul li a{width:100%;text-align:center;height:42px;line-height:42px;font-size:14px;color:rgba(255,255,255,0.9);opacity:1;white-space:nowrap;text-align:left;}
.header .nav-bar ul li>ul li.on a,.header .nav-bar ul li>ul li.on a:hover{background-color:#2A8ADB;}
.header .nav-bar ul li.on>ul{visibility:visible;opacity:1;}
.header .nav-bar ul li>ul li em[class*="dot"]{position:absolute;right:5px;left:auto;top:10px;z-index:3;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.header .nav-bar ul li.on>ul li em[class*="dot"] .fa{color:rgba(255,255,255,0.8);}
/*三级高亮*/
.header .nav-bar ul li>ul li .sub-nav{visibility:hidden;opacity:0;display:none;left:-100%;transform:none;}
.header .nav-bar ul li>ul li.on .sub-nav{right:-100%;left:auto;top:0;visibility:visible;opacity:1;display:block;}
.header .nav-bar ul li>ul li.on .sub-nav li a,.header .nav-bar ul li>ul li.on .sub-nav li a:hover{background:rgba(0,0,0,0);color:rgba(255,255,255,0.8);}
.header .nav-bar ul li>ul li.on .sub-nav li.on a,.header .nav-bar ul li>ul li.on .sub-nav li.on a:hover{background-color:#2A8ADB;color:rgba(255,255,255,0.8);}
/*移动端*/
.m-btn{position:absolute;top:0;bottom:0;left:5px;padding:0 15px;height:100%;display:none;line-height:48px;cursor:pointer;}
.m-btn i{color:#fff;opacity:0.7;line-height:56px;font-size:24px;}
.m-btn:hover i{opacity:1}
.m-nav{width:220px;background-color:#15161a;position:fixed;top:0;bottom:0;left:-220px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:999}
.m-nav .m-btn{height:48px;line-height:48px;left:auto;right:-45px;display:none;}
.m-nav ul{padding-top:0px;}
.m-nav li{width:100%;position:relative;}
.m-nav li a{padding:0 15px;line-height:48px;color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,0.08);}
.m-nav li a:hover{background:rgba(0,0,0,0.1);}
.m-nav ul li>ul{display:none;}
.m-nav li em[class*="dot"]{position:absolute;top:0px;right:0px;width:48px;height:48px;text-align:center;border-left:1px solid rgba(255,255,255,0);cursor:pointer;}
.m-nav li em[class*="dot"] .fa{font-size:18px;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;width:48px;line-height:48px;top:0;left:0;}
.m-nav li em[class*="dot"] .fa.open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.m-nav ul li>ul li{background:rgba(0,0,0,0.15);}
.m-nav ul li>ul li a{border-bottom:1px solid rgba(255,255,255,0.05);opacity:0.8;font-size:12px;text-indent:1em}
/*搜索*/
.s-form{position:relative;}
.search-wrapper{position:absolute;-webkit-transform:translate(-34%,-46%);-moz-transform:translate(-34%,-46%);transform:translate(-34%,-46%);top:29px;right:-20px;z-index:9;}
.search-wrapper.active{}
.search-wrapper .input-holder{overflow:hidden;height:42px;background:rgba(255,255,255,0);border-radius:6px;position:relative;width:70px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.search-wrapper.active .input-holder{border-radius:50px;width:230px;background:rgba(255,255,255,1);-webkit-transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570);}
.search-wrapper .input-holder .search-input{width:100%;height:24px;padding:0px 50px 0 20px;opacity:0;position:absolute;top:0px;left:0px;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;font-family:Microsoft Yahei,"Open Sans",Arial,Verdana;font-size:16px;font-weight:400;line-height:20px;color:#212236;-webkit-transform:translate(0,60px);-moz-transform:translate(0,60px);transform:translate(0,60px);-webkit-transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
.search-wrapper.active .input-holder .search-input{opacity:1;-webkit-transform:translate(0,10px);-moz-transform:translate(0,10px);transform:translate(0,10px);}
.search-wrapper .input-holder .search-icon{width:42px;height:42px;border:none;border-radius:6px;background:#1A96FF;padding:0px;outline:none;position:relative;z-index:2;float:right;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.search-wrapper.active .input-holder .search-icon{width:42px;height:42px;margin-right:4px;border-radius:30px;background:#fff !important;}
.search-wrapper .input-holder .search-icon span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);-moz-transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650);}
.search-wrapper.active .input-holder .search-icon span{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after{position:absolute;content:'';}
.search-wrapper .input-holder .search-icon span::before{width:3px;height:11px;left:9px;top:19px;border-radius:2px;background:#ddd;}
.search-wrapper .input-holder .search-icon span::after{width:22px;height:22px;left:0px;top:0px;border-radius:16px;border:3px solid #ddd;}
.search-wrapper .close{position:absolute;z-index:1;top:12px;right:20px;width:25px;height:25px;cursor:pointer;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);-moz-transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s;}
.search-wrapper.active .close{right:-50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .6s cubic-bezier(0.000,0.105,0.035,1.570);-moz-transition:all .6s cubic-bezier(0.000,0.105,0.035,1.570);transition:all .6s cubic-bezier(0.000,0.105,0.035,1.570);-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;transition-delay:0.5s;}
.search-wrapper .close::before,.search-wrapper .close::after{position:absolute;content:'';background:#ddd;border-radius:2px;}
.search-wrapper .close::before{width:4px;height:22px;left:6px;top:3px;}
.search-wrapper .close::after{width:22px;height:4px;left:-3px;top:12px;}
.search-wrapper .result-container{width:100%;position:absolute;top:80px;left:0px;text-align:center;font-family:Microsoft Yahei,"Open Sans",Arial,Verdana;font-size:14px;display:none;color:#B7B7B7;}
#mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:899;display:none;}
.content{width:100%;background:#fff;padding:20px;overflow:hidden;}
/*----------- breadcrumb -----------*/
.breadcrumb{margin-top:58px;height:35px;line-height:35px;margin-bottom:10px;padding:0 20px;clear:both;background:#fff;overflow:hidden}
.breadcrumb a{color:#1A96FF;}
.fa-angle-right,.fa-bullhorn{font-size:16px;margin:0 4px}
.d1{margin-top:6px;text-align:center;clear:both;border-radius:5px;}
#d1{text-align:center;clear:both;border-radius:5px;}
.bnn{margin-top:20px;height:90px;}
/*----------- slider -----------*/
.slider{margin:0 auto;max-width:1200px;overflow:hidden}
.slider .slideBox{width:100%;height:100%;margin-bottom:20px;border:1px solid #eee;position:relative}
.slider .slideBox .bd{position:relative;height:100%;z-index:0}
.slideBox .bd ul li,.slider .slideBox .bd ul{width:100%!important}
.slider .slideBox .bd img{width:100%;height:300px;display:block}
.slideBox .next,.slideBox .prev{width:60px;height:90px;margin:-60px 0 0;display:none;background:url(../images/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:.2}
.slideBox .prev{left:0}
.slideBox .next{background-position:0 -90px;right:0}
.slideBox .next:hover,.slideBox.prev:hover{filter:alpha(opacity=50)!important;opacity:.5!important}
.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center}
.slideBox .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:11px;height:11px;margin:4px;background:url(../images/dot-black.png) 0 0;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:.4}
.slideBox .hd ul .on{filter:alpha(opacity=100);opacity:1}
/*----------- article -----------*/
.content-wrap{width:100%;background:#fff;padding:20px;overflow:hidden;}
.article{padding:10px;width:100%}
.archive-head{margin-bottom:20px;padding:15px 20px;overflow:hidden;background-color:#fff;border:1px solid #eee;position:relative}
.archive-head h1{margin-bottom:10px;font-size:20px}
.archive-list p{line-height:22px}
.post{margin-bottom:20px;padding:20px;overflow:hidden;background-color:#fff;border:1px solid #eee;border-radius:2px;-webkit-transition:all .4s ease;transition:all .4s ease;position:relative}
.post h2 a:hover{color:#1A96FF}
.istop{padding:15px 30px}
.post header{position:relative}
.post header h2{padding-bottom:10px;font-size:18px;line-height:24px}
/*----------- post -----------*/
.istop .post-title{font-size:18px}
.post-img{float:left;margin-right:2.8169014084507%;margin-left:0;max-width:330px;width:40%;height:auto;position:relative}
.post-img .mask-tags{position:absolute;top:0;left:0;color:#fff;padding:2px 10px;font-size:12px;display:block;z-index:50}
.post-text{font-size:14px;line-height:24px;display:block}
.meta span img{width:25px;height:25px;margin-right:10px;border-radius:100%}
.post .meta{color:#999;height:auto;margin:5px 0 10px 0}
.post .meta span{font-size:13px;color:#999;margin-right:10px;display:inline-block}
.post .meta span a{color:#999}
.post .meta span .fa{width:13px;display:inline-block;margin-right:4px;font-size:13px}

/*----------- pagination -----------*/
.pagination{margin:20px 0 20px;padding:20px;text-align:center;display:block;border:1px solid #eee;-webkit-transition:all .4s ease;transition:all .4s ease}
.pagination a{text-align:center;display:inline-block;color:#fff;background:#1A96FF;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:0 5px;padding:2px 8px;}
.pagination a i{width:36px;height:36px;line-height:36px}
.pagination a:hover{background:#505050;text-decoration:none;color:#fff}
.pagination .page-number{background:#1A96FF;color:#fff;margin:0 3px;display:inline-block;line-height:36px;padding:0 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
/*----------- article -----------*/
.article-container{padding:0 20px;border:1px solid #eee}
.article-header{margin:0 -20px 10px -20px;padding:15px 20px 15px 20px;border-bottom:1px solid #eee}
.article-padding{padding:20px 0 0}
.article-title{margin-top:0;margin-bottom:10px;font-size:20px}
.article-meta span{font-size:13px;color:#999;margin-right:10px;display:inline-block}
.article-meta span a{font-size:13px;color:#999}
.article-meta span .fa{width:13px;display:inline-block;margin-right:4px;font-size:13px}
.article-content{position:relative;width:auto;color:#444;font-size:14px;line-height:200%;}
.article-content img{margin:5px 0;max-width:100%;height:auto}
.article-content h2,.article-content h3,.article-content h4,.article-content h5{padding:0;margin:20px 0;color:#555;font-weight:700}
.article-content h2{font-size:18px;line-height:20px;font-weight:700;border-left:5px solid #FF6B57;padding:0 0 0 10px}
.article-content h3{font-size:16px}
.article-content h4{font-size:15px}
.article-content h5{font-size:14px}
.article-content ol{margin:0 0 18px 46px}
.article-content ul{list-style:disc}
.article-content ol{list-style:decimal}
.article-content li{margin-bottom:6px}
.article-content p{margin:5px 0 10px;color:#666;font-size:14px;line-height:180%;word-wrap:break-word}
.article-content pre{word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content a{color:#FF6B57}
.article-content a:hover{color:#FF6B57}
.article-content pre,.comment pre{margin:20px 0;font:13px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none}
.article-content blockquote{margin:30px 30px;padding:1px 20px 1px;font-size:14px;color:#666;border-left:2px solid #FF6B57;}
.article-content blockquote p{margin:0;padding:0;margin-bottom:10px}
.article-content .post-copyright{margin:20px 0;font-size:16px}
.article-content .post-copyright a{text-decoration:underline}
.article-content embed{display:block;margin-left:auto;max-width:100%;margin-right:auto}
.page-post .action-share{padding:0 0 30px 0;margin-bottom:20px;height:50px}
/*----------- content-index -----------*/
.content-index{padding:10px;border:1px solid #ddd;background:#f8f8f8;line-height:160%;max-width:30%;font-size:12px;position:relative}
.content-index-title{margin:0 0 3px 0;padding:0;font-size:130%;font-weight:700}
.content-index-toctoggle{font-size:9pt}
.content-index ul{padding:0!important;margin:0!important;list-style:none;font-size:100%}
.content-index ul li{margin-bottom:0;list-style:inside}
.content-index li a em{font-size:68%;font-style:normal;font-weight:700;padding-right:5px}
.content-index ul.children{padding-left:0;list-style:none}
/*----------- post-tag -----------*/
.entry-meta{margin:0 -20px 0 -20px;padding:15px 20px 15px 20px;border-top:1px solid #eee}
.entry-meta .post-tag{margin-bottom:15px}
.entry-meta .post-tag a{display:inline-block;padding:3px 7px 2px;margin:0 2px;color:#fff;font-size:12px;background-color:#f2f2f2}
.entry-meta .post-tag a:hover{color:#fff;background-color:#FF6B57}
.entry-meta .post-tag a:nth-child(5n){background-color:#4A4A4A}
.entry-meta .post-tag a:nth-child(5n+1){background-color:#28c2a0}
.entry-meta .post-tag a:nth-child(5n+2){background-color:#5CB85C}
.entry-meta .post-tag a:nth-child(5n+3){background-color:#D9534F}
.entry-meta .post-tag a:nth-child(5n+4){background-color:#F0AD4E}
.bdshare h5{float:left;line-height:26px;margin-right:10px;margin:5px 10px 10px 0}
/* Post Navigation */
.post-navigation{padding:20px;clear:both;overflow:hidden;border:1px solid #eee;border-top:0;}
.post-navigation div{position:relative;display:block;width:42%;color:#999;font-size:14px;}
.post-previous{float:left;padding-left:40px;}
.post-next{float:right;padding-right:40px;text-align:right;}
.post-navigation div span{display:block;color:#999;font-size:80%;}
.post-navigation div a:after{position:absolute;top:34%;margin-top:-11px;height:22px;color:#EDEDED;font-size:56px;line-height:22px;line-}
.post-previous a:after{left:0;content:'«';}
.post-next a:after{right:0;content:'»';}
/*----------- relates -----------*/
.relates{overflow:hidden;background-color:#fff;border:1px solid #F2F2F2;border-top:0;margin-bottom:0}
.mkcomments{padding:0 20px 20px 20px;margin-bottom:20px;background:#fff;border:1px solid #eee;border-top:none}
.relates h3{font-size:15px;line-height:15px;border-bottom:1px dotted #e4e4e4;padding:15px 20px 10px;margin-bottom:0}
.mkcomments h3{font-size:15px;line-height:15px;border-bottom:1px dotted #e4e4e4;padding:15px 20px 15px 20px;margin:0 -20px 15px -20px}
.relates ul{margin-left:20px;margin-right:20px;padding:0 0 15px 20px;overflow:hidden;font-size:14px}
.relates li{margin-top:15px;list-style:inherit}
.relates time{font-size:12px;margin-left:20px;color:#bbb}
/*----------- sidebar -----------*/
.sidebar{float:left;margin-left:-360px;width:360px;margin-top:20px;padding:0 20px 20px 0;position:relative}
.widget{background-color:#fff;border:1px solid #eee;overflow:hidden;padding:15px 20px 10px 20px;margin-bottom:20px}
.widget-tie h3{padding-bottom:10px;margin-bottom:21px;border-bottom:1px solid #ebebeb;font-size:15px;position:relative}
.widget-tie h3:after{content:"";width:70px;height:1px;background:#1A96FF;position:absolute;left:0;bottom:-1px}
.widget ul{margin:0;list-style:none}
/*divPrevious*/
.divPrevious li{position:relative;margin-top:20px;overflow:hidden}
.divPrevious li.previous-1{margin-bottom:0}
.divPrevious li.previous-1 .previous-recent-title{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);padding:5px 15px;margin-left:0}
.divPrevious li.previous-1 .previous-one-img{float:none;width:auto;height:auto;max-height:initial;position:relative;margin-top:0}
.divPrevious li.previous-1 .previous-one-img img{width:320px;height:180px;vertical-align:middle}
.divPrevious li.previous-1 .previous-recent-title h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.divPrevious li.previous-1 .previous-recent-title h4 a{color:#E4E4E4}
.divPrevious li.previous-1 .previous-recent-title span{color:#CCC}
.divPrevious li .previous-one-img{float:left;width:75px;height:auto;max-height:75px;position:relative;margin-top:3px}
.divPrevious li .previous-one-img img{width:75px;height:auto}
.divPrevious li .previous-recent-title{margin-left:85px}
.divPrevious li .previous-recent-title h4{font-size:13px;font-weight:400;line-height:1.6;margin-bottom:0}
.divPrevious li .previous-recent-title span{font-size:12px;color:#9A9A9A}
/*social*/
.social ul{text-align:center;margin-bottom:15px}
.social p.title{padding:0;border-bottom:solid 1px #EAEAEA;position:relative;text-align:center;margin:0 10px;margin-bottom:35px;font-size:15px;color:#666;overflow:initial}
.social p.title span{position:relative;bottom:-12px;padding:0 10px;background:#FFF}
.social a.social_a{background:#222;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;font-size:16px;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center}
.social a.social_weibo{background:#F52C71}
.social a.social_tencent{background:#00A2FF}
.social a.social_qq{background:#00C5FF}
.social a.social_email{background:#FF6B00}
.social a.social_weixin{background:#01C271}
.social a.social_qun{background:#8A3BFF}
.social a.social_weixin:hover .weixin{display:block}
.social a.social_weixin .weixin{display:none;position:absolute;top:120px;left:145px;width:200px;height:200px;padding:5px;background:#01C271;z-index:999}
/*----------- widget-thumb -----------*/
.widget-thumb{margin:10px 0;min-height:55px;height:auto;}
.widget-thumb .post-thumbnail{float:left;margin:0 10px 0 0;}
.widget-thumb .post-thumbnail img{padding:4px;width:55px;height:55px;border:1px solid #eee;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;background:#fff;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out;}
.widget-thumb .post-thumbnail:hover img{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);-webkit-rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);-}
.widget-thumb a{line-height:24px;}
.widget-thumb span.date{margin:5px 0 0 10px;color:#AAA;font-size:85%;}

/*----------- commentlist -----------*/
.commentlist .msg{padding-top:10px}
ul.msg{width:100%;margin-bottom:5px}
ul.msg li{width:100%;overflow:hidden;clear:both;margin:0;padding:0;list-style:none}
.msgarticle{padding:10px 2px}
.avatar{float:left;box-shadow:0 1px 1px rgba(255,255,255,.75);position:relative;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;margin-right:15px}
.avatar img{width:50px;height:50px;border-radius:27px;-webkit-border-radius:27px;-moz-border-radius:27px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out}
.avatar img:hover{box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}
.comment-body{position:relative;margin-left:62px;border:1px solid #ddd;padding:0 10px 10px!important;border-radius:2px}
.comment-body:before{border-right-color:#dedede!important;z-index:1}
.comment-body:after{border-right-color:#f8f8f8!important;margin-left:1px;z-index:2}
.comment-body:after,.comment-body:before{position:absolute;top:8px;left:-8px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid dotted;border-width:8px 8px 8px 0;pointer-events:none}
.comment-header{background-color:#f8f8f8;padding:10px;margin-left:-10px;margin-right:-10px;border-bottom:1px solid #eee;font-weight:500;margin-bottom:10px;font-size:14px}
.comment-header a{color:#999;font-size:13px;margin-right:8px}
.comment-body p{font-size:13px;color:#000;line-height:2em;margin:.5em 0;word-wrap:break-word}
.comment-footer{margin-top:15px;font-size:13px;line-height:1.5em}
.comment-time{font-size:12px;margin-right:8px;color:#999}
.post-reply{font-size:12px;color:#999}
ul.children,.msgname .msgname{margin-left:38px}
ul.children .avatar,ul.children .avatar img,.msgname .msgname .avatar,.msgname .msgname .avatar img{width:30px;height:30px;margin-left:8px;}
#divCommentPost p.posttop{position:relative;z-index:5;font-size:12px;padding:8px 0;width:100%;clear:both;overflow:hidden}
#divCommentPost p a{float:right;line-height:1.5em;margin-right:6px;cursor:pointer;text-decoration:none;color:#777}
#divCommentPost p.posttop small{float:right;position:relative;font-size:12px;cursor:pointer;text-align:right;line-height:18px;padding-bottom:3px;width:75px}
.pinglun{width:auto;font-size:12px;z-index:3;margin:8px 0;padding:0 0 0 60px;position:relative;clear:both;padding:0;margin:0;vertical-align:baseline;font:inherit;line-height:inherit;background:0 0;width:auto;float:none;transition:none;overflow:hidden;}
.textarea-wrapper{border:1px solid #ddd;background:none;border-radius:3px;}
.rounded-top{-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px}
#txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:10px;height:140px;min-height:140px;margin:0;resize:none;outline:0;/*color:#B3B3B3;*/
 width:100%;min-width:100%;font-family:"STHeiti Light",华文细黑,"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",STHeiti,MingLiu}
.post-toolbar{margin-top:10px;width:100%;}
input.button{height:32px;width:100%;text-align:center;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;text-shadow:none;font-weight:700;border:none;color:#FFF;background-color:#1A96FF;border-radius:2px;background-image:none;box-shadow:none;cursor:pointer}
input.button:hover{background:#8463A9;}
.post-terinfo{padding:20px 0 0;color:#777}
.post-terinfo ul li{margin-bottom:5px;text-align:center}
input.text{margin-right:10px;position:relative;border:none;border:1px solid #ddd;border-radius:2px;height:35px;padding:3px 5px;outline:0;color:#B3B3B3;width:100%;box-shadow:none}
.post-terinfo ul li label{color:#B3B3B3}
/*CommentPost-navigation*/
.navigation{text-align:right;padding:10px;clear:both;line-height:1em}
.navigation nav a,.navigation nav>span{cursor:pointer;text-decoration:none;color:#777;font-size:12px;margin:0 3px;padding:2px 5px;border:1px solid transparent;-webkit-border-radius:3px;border-radius:3px;background-color:rgba(0,0,0,.03)}
.navigation nav>span{font-weight:700;color:#00B5EE}
.navigation ul{display:inline-block;margin-left:0;margin-bottom:0}
#infscr-loading,#infscr-loading div{position:absolute;bottom:10px;width:100%;text-align:center;font-size:1.5em;font-weight:700;color:#3498db}
/*----------- search -----------*/
.archive-search h1{font-size:20px}
.archive-search,.post-search p{margin-bottom:20px;padding:20px;overflow:hidden;background-color:#fff;border:1px solid #eee;border-radius:2px;-webkit-transition:all .4s ease;transition:all .4s ease;position:relative}
.post-search p:hover{box-shadow:0 0 8px rgba(46,143,237,.3)}
.post-search p a:first-child{font-size:18px;line-height:30px}
.post-search p a:hover{color:#e94c3d}
.post-search p strong{color:#e94c3d}
/*----------- gotop -----------*/
#gotop{position:fixed;right:30px;bottom:50px;z-index:1000}
#gotop span{cursor:pointer;background:rgba(0,0,0,.2);width:36px;height:36px;color:#fff;display:block;position:relative;margin:5px 0}
#gotop span i{text-align:center;color:#fff;width:36px;height:36px;font-size:20px;font-style:inherit;line-height:36px;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px}
#gotop a{color:#fff;display:block;cursor:pointer}
#gotop span:hover{background:#777}
#godown{position:fixed;right:30px;bottom:13px;z-index:1000}
#godown span{cursor:pointer;background:rgba(0,0,0,.2);width:36px;height:36px;color:#fff;display:block;position:relative;margin:5px 0}
#godown span i{text-align:center;color:#fff;width:36px;height:36px;font-size:20px;font-style:inherit;line-height:36px;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px}
#godown a{color:#fff;display:block;cursor:pointer}
#godown span:hover{background:#777}
/*----------- footer -----------*/
.footer{position:relative;z-index:9;clear:both;padding:40px 30px;line-height:22px;text-align:center;color:#666;font-size:12px}
.footer a{color:#666}
.both{clear:both}

/*media*/
@media screen and (max-width:640px){.post-text{display:none}
.post-img{width:160px;height:97px}
.loading{min-height:97px}
.post-navigation div{width:100%}
#user-right .archive-simple p{display:none}
}
@media screen and (max-width:480px){.pull-right{margin-top:-42px;padding-right:10px}
.pull-right form button{right:20px}
.container{padding:0}
.slider .slideBox{margin-bottom:0;background:#fff;padding:10px;border:0;border-bottom:1px solid #eee}
.slideBox .hd{bottom:10px}
.slideBox .next,.slideBox .prev{display:none!important}
.archive-head{margin-bottom:0;padding:10px;border-bottom:1px solid #eee}
.post{margin-bottom:0;padding:10px;border:0;border-bottom:1px solid #eee;position:relative}
.post:hover{box-shadow:0}
.post-img,.post-img img{width:100px;height:68px}
.loading{min-height:68px}
.post header h2{padding-bottom:0;font-size:16px}
.post .meta .time i,.post .meta span,.post-img .mask-tags{display:none}
.post .meta .time{display:block;font-size:12px}
.article-container{padding:0 10px;margin-bottom:10px}
.post-navigation{padding:10px;margin:0 0 10px}
#author-box{margin:10px 0}
#author-box h3{padding:10px}
.author-info{padding:0 0 10px 0}
.relates{padding:0 10px 10px 10px;margin-top:-10px}
.mkcomments{padding:0 10px 10px 10px;margin-top:-10px;margin-bottom:10px;border-top:1px solid #F2F2F2}
.ads{display:none}
.pagination{margin:0;border:0}
.footer{line-height:22px;padding:20px 10px 0 10px}
}
#allmap{width:100%;height:600px}
.row{}
.row:after,.row:before{content:"";display:table}
.row:after{clear:both}
.col-lg-12,.col-md-12,.col-sm-12,.col-xl-12,.col-xs-12{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-12{float:left;width:100%}
@media (min-width:768px){.col-sm-12{float:left;width:100%}
}
@media (min-width:992px){.col-md-12{float:left;width:100%}
}
@media (min-width:1200px){.col-lg-12{float:left;width:100%}
}
@media (min-width:1620px){.col-xl-12{float:left;width:100%}
}
.col-lg-11,.col-md-11,.col-sm-11,.col-xl-11,.col-xs-11{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-11{float:left;width:91.666666666667%}
@media (min-width:768px){.col-sm-11{float:left;width:91.666666666667%}
}
@media (min-width:992px){.col-md-11{float:left;width:91.666666666667%}
}
@media (min-width:1200px){.col-lg-11{float:left;width:91.666666666667%}
}
@media (min-width:1620px){.col-xl-11{float:left;width:91.666666666667%}
}
.col-lg-10,.col-md-10,.col-sm-10,.col-xl-10,.col-xs-10{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-10{float:left;width:83.333333333333%}
@media (min-width:768px){.col-sm-10{float:left;width:83.333333333333%}
}
@media (min-width:992px){.col-md-10{float:left;width:83.333333333333%}
}
@media (min-width:1200px){.col-lg-10{float:left;width:83.333333333333%}
}
@media (min-width:1620px){.col-xl-10{float:left;width:83.333333333333%}
}
.col-lg-9,.col-md-9,.col-sm-9,.col-xl-9,.col-xs-9{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-9{float:left;width:75%}
@media (min-width:768px){.col-sm-9{float:left;width:75%}
}
@media (min-width:992px){.col-md-9{float:left;width:75%}
}
@media (min-width:1200px){.col-lg-9{float:left;width:75%}
}
@media (min-width:1620px){.col-xl-9{float:left;width:75%}
}
.col-lg-8,.col-md-8,.col-sm-8,.col-xl-8,.col-xs-8{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-8{float:left;width:66.666666666667%}
@media (min-width:768px){.col-sm-8{float:left;width:66.666666666667%}
}
@media (min-width:992px){.col-md-8{float:left;width:66.666666666667%}
}
@media (min-width:1200px){.col-lg-8{float:left;width:66.666666666667%}
}
@media (min-width:1620px){.col-xl-8{float:left;width:66.666666666667%}
}
.col-lg-7,.col-md-7,.col-sm-7,.col-xl-7,.col-xs-7{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-7{float:left;width:58.333333333333%}
@media (min-width:768px){.col-sm-7{float:left;width:58.333333333333%}
}
@media (min-width:992px){.col-md-7{float:left;width:58.333333333333%}
}
@media (min-width:1200px){.col-lg-7{float:left;width:58.333333333333%}
}
@media (min-width:1620px){.col-xl-7{float:left;width:58.333333333333%}
}
.col-lg-6,.col-md-6,.col-sm-6,.col-xl-6,.col-xs-6{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-6{float:left;width:50%}
@media (min-width:768px){.col-sm-6{float:left;width:50%}
}
@media (min-width:992px){.col-md-6{float:left;width:50%}
}
@media (min-width:1200px){.col-lg-6{float:left;width:50%}
}
@media (min-width:1620px){.col-xl-6{float:left;width:50%}
}
.col-lg-5,.col-md-5,.col-sm-5,.col-xl-5,.col-xs-5{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-5{float:left;width:41.666666666667%}
@media (min-width:768px){.col-sm-5{float:left;width:41.666666666667%}
}
@media (min-width:992px){.col-md-5{float:left;width:41.666666666667%}
}
@media (min-width:1200px){.col-lg-5{float:left;width:41.666666666667%}
}
@media (min-width:1620px){.col-xl-5{float:left;width:41.666666666667%}
}
.col-lg-4,.col-md-4,.col-sm-4,.col-xl-4,.col-xs-4{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-4{float:left;width:33.333333333333%}
@media (min-width:768px){.col-sm-4{float:left;width:33.333333333333%}
}
@media (min-width:992px){.col-md-4{float:left;width:33.333333333333%}
}
@media (min-width:1200px){.col-lg-4{float:left;width:33.333333333333%}
}
@media (min-width:1620px){.col-xl-4{float:left;width:33.333333333333%}
}
.col-lg-3,.col-md-3,.col-sm-3,.col-xl-3,.col-xs-3{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-3{float:left;width:25%}
@media (min-width:768px){.col-sm-3{float:left;width:25%}
}
@media (min-width:992px){.col-md-3{float:left;width:25%}
}
@media (min-width:1200px){.col-lg-3{float:left;width:25%}
}
@media (min-width:1620px){.col-xl-3{float:left;width:25%}
}
.col-lg-2,.col-md-2,.col-sm-2,.col-xl-2,.col-xs-2{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-2{float:left;width:16.666666666667%}
@media (min-width:768px){.col-sm-2{float:left;width:16.666666666667%}
}
@media (min-width:992px){.col-md-2{float:left;width:16.666666666667%}
}
@media (min-width:1200px){.col-lg-2{float:left;width:16.666666666667%}
}
@media (min-width:1620px){.col-xl-2{float:left;width:16.666666666667%}
}
.col-lg-1,.col-md-1,.col-sm-1,.col-xl-1,.col-xs-1{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-1{float:left;width:8.3333333333333%}
@media (min-width:768px){.col-sm-1{float:left;width:8.3333333333333%}
}
@media (min-width:992px){.col-md-1{float:left;width:8.3333333333333%}
}
@media (min-width:1200px){.col-lg-1{float:left;width:8.3333333333333%}
}
@media (min-width:1620px){.col-xl-1{float:left;width:8.3333333333333%}
}
.art-item{background:#fff;margin-bottom:20px;border-radius:5px;padding-bottom:10px;box-shadow:0px 1px 6px 0px rgba(65,106,123,0.1);}
.art-item h2{margin:10px 20px;height:21px;line-height:21px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.art-item:hover{background:#fff;box-shadow:0px 15px 28px 0px rgba(65,106,123,0.2);border-radius:5px;}
.art-item .art-a img{width:100%;height:200px;border-radius:5px;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.art-item p{margin:10px 20px;color:#abb0bd;font-size:12px;height:3em;line-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:1240px){.quick-nav{display:none;}
.art-item h3{height:42px;}
.art-item .art-a img{height:92px;}
.art-item h3{font-size:14px}
.art-item h3,.art-item p{margin:10px;margin-top:0;}
}
/*----------- 响应式 -----------*/
@media screen and (max-width:992px){#top{margin-top:0;}
.breadcrumb{margin-top:0;}
.search-wrapper.active .input-holder{width:200px;}
.search-wrapper{top:-29px;}
.search-wrapper .input-holder .search-icon{margin-right:-10px;margin-top:-7px;}
.search-wrapper .close{margin-right:-7px;margin-top:-6px;}
.search-wrapper .input-holder{height:36px;padding-top:5px;}
.search-wrapper.active .input-holder .search-icon{margin-top:-10px;}
.search-wrapper .input-holder .search-input{height:18px;}
body{padding-top:46px;position:relative;left:0;overflow-x:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.header,.header .logo{height:48px;display:inline-block;float:none;margin:0 auto;font-size:0;}
.header .container{text-align:center;}
.nav-bar{display:none;}
.search i.fa,.header .nav-bar li{height:48px;line-height:48px;}
.m-btn{display:block;}
body.open .m-nav{left:0px;z-index:1200}
body.open .m-btn{display:none;}
body.open .m-nav .m-btn{display:block;}
body{padding-top:48px;}
.wrapper,.header .headBox,.m-btn{padding:0 10px;}
.m-nav .m-btn{right:-38px;}
}
@media only screen and (max-width:1200px){.wrapper,.header .container,.crumb{padding:0 15px;}
}
@media only screen and (max-width:1300px){.header .nav-bar li a{min-width:80px;padding:0 10px;}
}
