@charset "UTF-8";

/* (c) WWW.SEOWHY.COM
 * setTime: 2013-08-31
 * version: 1.0.2
 * author: ZJL <zjl@seowhy.com>

 * 最新版本更新于: 2015-5-22  作者：张家梁  */

/* 重置浏览器样式 */
html{color:#333;background:#f6f8fb;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body,button,input,select,textarea{font-family: 'Helvetica Neue', 'STHeiti', 'Microsoft YaHei', Helvetica,Arial,sans-serif;font-size: 13px;line-height:1.7;word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em,i{font-style:normal;font-weight:normal;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border:0;padding:0;margin:0;}
img{border: 0;vertical-align: middle;}
a img{border-width:0;vertical-align:middle;}
a{cursor:pointer}a:link{color:#428bca;text-decoration:none;}a:visited{color:#5698da;text-decoration:none;}a:hover{color:#568ABE;text-decoration:underline;}a:active{color:#568ABE;text-decoration:none;}

.cGray{color:#333;}.cCcc{color:#ccc;}.f14px{font-size:14px;}.cRed{color: #c33;}
.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}
.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}
.mlr5{margin:0 5px;}

/* 浮动与清除 */
.fleft{float:left;}
.fright{float:right;}
.clearfix:after{clear:both;content:".";display:block;height:0;font-size:0;visibility:hidden;}
.clearfix{*zoom:1;}

/***************************************
* 搜外网 - 整站公用部分
***************************************/


/* (公用)主导航 */
.hd{background: #f4f5f8 url(images/hd-bg.png) repeat-x;height: 100%;border-bottom: 2px solid #5698da;}
.hd-top , .hd-menu{width: 960px;margin: 0 auto;}
.hd-top{height: 98px;}
.hd-menu{font-size: 14px;}
.hd-top .logo{width: 180px;height: 65px;float: left;background: url(images/logo.png) no-repeat;}
.hd-top .slogan{width: 200px;float: left;color: #888;}
.hd-top .nav{width: 300px;float: left;font-size: 16px;}
.hd-top .search{width: 480px;float: left;position: relative;margin:20px 0 0 20px;}
.hd-top .logo a{display: block;width: 100%;height: 100%;overflow: hidden;text-indent: -2000em;}
.hd-top .nav li{float: left;height: 85px;line-height: 85px;margin: 0 0 0 15px;}
.hd-top .nav li a{color: #5698da;display: block;}
.hd-top .search .search-input{float: left;height: 32px;line-height: 32px;vertical-align: middle;color: #666;background: #fff;border: 1px solid #999;border-radius: 3px;outline: none;margin: 0;display: block;padding: 0 10px;}
.hd-top .search .search-btn{width: 60px;height: 32px;border: none;position: absolute;top: 0;right: 0;background-color: #568abe;color: #fff;border-radius: 0 3px 3px 0;}
.hd-menu .left{float: left;}
.hd-menu .right{float: right;}
.hd-menu li{float: left;padding-right: 5px;width: 100px;text-align: center;}
.hd-menu li a{display: block;background-color: #5698da;color: #fff;height: 32px;line-height: 32px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.hd-menu li a:hover{background-color: #568abe;text-decoration: none;color: #fff;}
.hd-menu .left .hmain .harrow_a{border-radius: 0;}
.hmain{position: relative;}
.hmain ul{position: absolute;top: 32px;left: 0;display:none;z-index: 2000;}


/* (公用)布局容器 */
/***************************************/
.sw-main{width: 960px;margin: 30px auto 0;}
.sw-w670{width: 670px;}
.sw-w270{width: 270px;}

.sw-widget{position: relative;background: #fff;padding: 18px;border: 1px solid #e8eef6;border-top: 0;}
.sw-widget-ad{margin-top:15px; background: #fff;padding: 9px;border: 1px solid #e9e9e9;border-radius: 4px;}
.sw-modBox{background: #fff;font-size:14px;padding: 30px;margin: 0 0 20px;border: 1px solid #e8eef6;}
.sw-modBox h1{font-size:18px;color:#5698da;margin-bottom:5px;font-weight: 700;word-break: break-all;}
.sw-modBox h2,.sw-modBox h3,.sw-modBox h4{margin: 0 0 10px;font-weight: 700;}
.sw-modBox p{margin: 5px 0;line-height: 28px;}
.sw-modBox p img{ max-width:100%;}
.sw-modBox ol{list-style: decimal;margin-left: 20px;}
.sw-modBox li{line-height: 28px;}
.sw-modBox li span{color: #c30;}

/* (公用)纵向菜单 
.sw-menu{background: #fff;font-size:14px;}
.sw-menu ul li span{color: #999;font-size:13px;margin-left:8px;}
.sw-menu ul li a,.sw-menu ul li a:visited{display: block;color: #555;padding: 10px 20px;height: 20px;line-height:20px;border: 1px solid #e8eef6;border-top: 0;}
.sw-menu ul li a:hover{text-decoration: none;background: #f8fbff;border-left:1px solid #5698da;}
.sw-menu ul li a.active{color: #5698da;background: #f8fbff;}*/
/**/
.sw-menu {background: #fff;font-size:14px;position:relative;background:#fff;z-index:2;}
.sw-menu ul {margin:0;padding:0;list-style:none;position:relative}
.sw-menu ul li {list-style:none;position:relative;}
.sw-menu ul li a,.sw-menu ul li a:visited {display: block;color: #555;padding: 10px 20px;height: 20px;line-height:20px;border: 1px solid #e8eef6;border-top: 0;}
.sw-menu ul li a:hover{text-decoration: none;background: #f8fbff;border-left:1px solid #5698da;}


.sw-menu .sign {border-top:5px solid transparent;border-left:6px solid rgb(207,207,207);border-bottom:5px solid transparent;position:absolute;top:15px;right:20px;}
.sw-menu ul li ul {position:absolute;z-index:3;left:270px;top:0;padding:0;width:180px;display:none;background:#fff;-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);  -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}

ul.sub-menu {}
.sw-menu ul li ul li {float:none;display:block;color:#666;background:#fff;}
.sw-menu ul li ul li a,.sw-menu ul li ul li a:visited {padding: 10px 20px;height: 20px;line-height:20px;color: #555;background:#fff;}
.sw-menu ul li ul li a:hover,.sw-menu ul li ul li.current-menu-item a {background:#fafafa;color:#32a5e7;background-image:none}
.sw-menu ul li:hover ul {display:block}
.sw-menu ul .active a,.sw-menu ul .active a:hover,.sw-menu ul .active a:focus {color:#B3B3B3;text-decoration:none}

/**/


.widget_archive{background: #fff;font-size:14px;}
.widget_archive ul li span{color: #999;font-size:13px;margin-left:8px;}
.widget_archive ul li a{display: block;color: #555;padding: 10px 20px;height: 20px;line-height:20px;border: 1px solid #e8eef6;border-top: 0;}
/*.widget_archive ul li a,.sw-menu ul li a:visited{display: block;color: #555;padding: 10px 20px;height: 20px;line-height:20px;border: 1px solid #e8eef6;border-top: 0;}*/
.widget_archive ul li a:hover{text-decoration: none;background: #f9f9f9;}
.widget_archive ul li a.active{color: #555;background: #f9f9f9;/*border-left:1px solid #5698da;*/}

/* (公用)面包屑 */
.sw-crumb{padding:0px 8px 0 20px;height:42px;line-height:42px;color: #999;background: #fff;border: 1px solid #e8eef6;overflow: hidden;}
.sw-crumb li{display: inline;padding-right:5px;}
.sw-crumb li.active{color: #999;}
.sw-crumb li a{display: inline-block;}
#search{padding:6px 0;}
#search .se-input{/*background:url(images/sw-se-bg.png) #fff no-repeat;*/width: 118px;padding: 6px 10px 6px;overflow: hidden;border: 1px solid #cccccc;float: left;display: inline;height: 14px;line-height: 15px;outline: none;}
#search .se-input:hover{border: 1px solid #428bca;}
#search .se-btn{/*background:url(images/sw-se-btn.png) #fff no-repeat;*/background:#428bca url(images/btn-msearch.png) no-repeat center;text-indent: -2000px;width: 42px;height: 28px; border-radius: 1px; overflow: hidden;border: none;cursor: pointer;float: left;margin-left: 5px;display: inline;zoom: 1;}


/* (教程栏目)文章列表 */
.sw-list h3,.sw-listRank h3,.sw-menu h3,.widget_archive h3{color: #fff;font-size:14px;background: url(images/tit_bg.png) no-repeat;height: 42px;line-height: 42px;text-indent: 20px;}
.sw-list ol{list-style: decimal;margin-left: 18px;}
.sw-list li{margin-bottom:8px;word-wrap:break-word; word-break:break-all;}
.c-title{font-size:20px;color:#5698da;margin-bottom:5px;}

/* (教程栏目)文章列表-排行 */
.sw-listRank ol{background:#FFF;/*background:url(images/sw-listrank.png) #fff no-repeat 30px 30px;*/color:#999;padding: 18px;border: 1px solid #e8eef6;border-top: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.sw-listRank ol li{width:100%;/*width: 160px;*/margin-bottom:8px;overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/}

.shu{color:#fff;border-radius:2px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-right:5px; font-family:Verdana, Geneva, sans-serif;}
.shu1{background:#d9534f;}
.shu2{background:#f0ad4e;}
.shu3{background:#5cb85c}
.shu4{background:#428bca}
.shu5{background:#5bc0de}
.shu6{background:#5bc0de}
.shu7{background:#5bc0de}
.shu8{background:#5bc0de}
.shu9{background:#999999}
.shu10{background:#999999}
/*footer*/
.footer{font-size: 14px;border-top: 1px solid #ededed;margin-top: 20px;}
.footer h5{font-size: 16px;margin-bottom: 2px;letter-spacing: 2px;}
.footer-top{background-color: #fafafa;padding: 35px 0;}
.footer-top-in,.footer-bot-in{width: 980px;margin: 0 auto;overflow: hidden;}
.footer-solution,.footer-link,.footer-trade{float: left;background: url(images/footer-icon.png) no-repeat;padding-left: 45px;margin-right: 25px;}
.footer-solution{background-position: 0 12px;}
.footer-link{background-position: 0 -88px;}
.footer-trade{background-position: 0 -188px;}

.footer-bot{background-color: #f2f2f2;height: 46px;line-height: 46px;color: #9a9a9a;font-size: 12px;}
.footer-bot span{display: inline-block;float: right;font-family: tahoma,arial,sans-serif;}
.footer-bot .footer-ul{float: left;}
.footer-ul{overflow: hidden;}
.footer-ul li{float: left;margin-right: 8px;}
.footer a{color: #888;}
.footer-bot a{color: #9a9a9a;}


.aw-inbox .mod-footer{margin:0 20px;}
.aw-inbox-read h2 a{font-size: 12px;font-weight: normal;}
.aw-inbox-read .mod-body{position: relative;padding:15px 60px;}
.aw-inbox-read .mod-body .aw-user-img{position: absolute;right: 20px;}
.aw-inbox-read .mod-body .aw-user-img img{width: 32px;height: 32px;}
.aw-inbox-read .mod-body textarea{min-height: 100px;}
.aw-inbox-read .mod-body p{margin-top:10px;text-align: right;}
.aw-inbox-read .mod-footer{margin:0 0 20px;}
.aw-inbox-read .mod-footer li{position: relative;padding:15px 70px;}
.aw-inbox-read .mod-footer li .aw-item{position:relative;padding:5px 15px;background: #fafafa;border:1px solid #e6e6e6;border-radius: 5px;}
/*.aw-inbox-read .mod-footer li .aw-item p:first-child{margin-bottom: 10px;}*/
.aw-inbox-read .mod-footer li .aw-item p {word-wrap: break-word;line-height: 1.7;}
.aw-inbox-read .mod-footer li .i-private-replay-triangle{position: absolute;right: -9px;top: 10px;border-left:1px solid #fafafa;}
.aw-inbox-read .mod-footer li .aw-user-img{position:absolute;top:15px;right: 18px;}
.aw-inbox-read .mod-footer li .aw-user-img img{width: 32px;height: 32px;border-radius: 50%;}
.aw-inbox-read .mod-footer li.active .aw-item{background: #f5fafe;border:1px solid #dcecf9;}
.aw-inbox-read .mod-footer li.active .aw-user-img{left:18px;top:15px;}
.aw-inbox-read .mod-footer li.active .i-private-replay-triangle{background: url('images/icon-angle-left.png') no-repeat;left:-7px;border-left:none;border-right: 1px solid #f5fafe;}
.i-private-replay-triangle{width: 8px;height: 10px;background: url('images/icon-angle-right.png') no-repeat;}


.dssay-mod{margin: 10px 0;padding: 30px;border:1px solid #eee;position: relative;}
.dssay-mod h3{font-size: 22px;margin: 0;text-align: center;color: rgb(86, 152, 218);}
.dssay-mod h4{text-align: center;font-size: 18px;margin-bottom: 20px;color: rgb(86, 152, 218);}
.dssay-mod p{margin: 0;line-height: 24px;}

.dssay-peo{margin: 30px 0 20px;position: relative;}
.dssay-peo .dssay-peo-hd{height: 38px;line-height: 38px;background-color: rgb(86, 152, 218);color: #fff;text-indent: 60px;}
.dssay-peo img{width: 60px;height: 60px;position: absolute;top: -20px;left: -20px;border:4px solid #fff;border-radius: 50%;}
.dssay-peo .dssay-peo-bd{padding: 30px;border:1px solid #eee;border-top: none;}
.dssay-peo .dssay-peo-bd p{text-indent: 2em;}

/*pagebar*/
.content-page{margin:5px 20px;font-size:13px;background-color:#F4FCFF;background-color:white;height:36px;line-height:36px;text-align:center;overflow:hidden;padding:1em 4px 4px;clear:both}
.content-page a{padding:3px 8px;margin:2px;text-decoration:none}
.content-page a.current,.content-page a:hover{font-weight:400;color:white;background-color:#428bca}
/*post-top*/
.w960{width: 960px;margin: 0 auto;}
.seo_hd{height: 50px;padding: 30px 0;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.06);}
.seo_logo{width: 140px;float: left;margin-right: 30px;}
.seo_logo a{display: block;background: url(images/logo.png) no-repeat;text-indent: -2000em;width: 200px;height: 60px;}
.seo_info{float: right;text-align: right;color: #666; }
.seo_qr{float: left;margin-left: 120px;margin-top: -15px;}
.seo_qr img{width: 75px;float: left;}
/*link*/
.sw-link{background: #fff;font-size:14px;padding: 30px;margin: 0 0 20px;border: 1px solid #e8eef6;}
.sw-link h3{margin: 0 0 10px;font-weight: 700;}
.sw-li li{display: inline;padding-right:5px;}
.sw-li li.active{color: #999;}
.sw-li li a{display: inline-block;}
/*文章列表*/
.little{}
/*面包屑*/
.dangqian{margin-right:-5px;}
/*返回顶部*/
.scroll{
position:fixed;
right:30px;
bottom:50px;
cursor:pointer;}

/*高亮*/
/*.activee{color: #5698da;background: #f8fbff;border-left:2px solid #5698da;}*/
.active{color: #5698da;background: #f8fbff;border-left:1px solid #5698da; overflow:hidden;}
/************评论发表用的样式*************/
#divCommentPost{
    width:98%;
    margin:0 0 0 0;
    padding:5px 1% 15px 1%;
}

#divCommentPost p{margin-top:10px;}
#divCommentPost label{margin-top:5px;}

#divCommentPost p.posttop{
color:#3c6da7;
}

#divCommentPost img{margin-bottom:-0.5em;}
#cancel-reply{float:right;margin-right: 2em;}
div.reply-frm{
    background:#f0f0f0;
    box-shadow: 0 0 15px #666;
    margin:1em 1% !important;
    padding:.3em .8em !important;
    min-width:330px;
}

input.text{
border:1px solid #d7d7d7;
line-height:20px;
height:24px;
padding:2px 5px 2px 5px;
}
#txaArticle{padding:5px;width:95%;height:150px;border:1px solid #d7d7d7;}
input.button {color:#FFFFFF; font-size:14px; width:100px; height:32px; background:#5698da; border:1px solid #5698da;cursor: pointer;}

/*---------------------------引用\评论----------------------------------*/
ul.msg{
    width:98%;
    margin:10px 0 20px 0;
    padding:5px 1% 5px 1%;
    text-align:left;
    list-style-position : outside;
    table-layout: fixed;
    word-wrap:break-word;
    list-style-type: none;
}

li.msgname{
    padding:0 0 10px 5px;
    margin:0px;   
    font-weight: bold;
    font-size:1em;
}

li.msgname *{

}

li.msgurl{
    text-align:right;
    padding:2px 10px 2px 10px;
    margin:0;
    font-size:1em;
}


li.msggravatar{
    display:block;
    float:left;
    margin-right:5px;
}

li.msgarticle{
    list-style-position : outside;
    padding:10px;
    margin:0;
    line-height:160%; 
    background:#FFF;
    padding-left:55px;
    border-bottom:1px solid #eaeaea;
}
li.msgtime{
    padding:5px 0 0 0;
    font-weight: normal; 
    font-size:0.8em;
}
img.avatar{
    width:40px;
    height:40px;
    float:left;
    padding:4px;
    border:1px solid #eaeaea;
}
ul.msg ul.msg{
    padding:10px 0 0 0;
    margin:20px 0 0 0;
    border-top:1px solid #eaeaea;
    border-bottom:none;
}
ul.msg ul.msg li.msgarticle{
    padding-bottom:0px;
    border-bottom:0px solid #eaeaea;
}

ul.msg ul.msg li.msgname{
    padding:0px;
}
/****************/
@media screen and (max-width:860px) {
	.seo_logo{ margin-left:5%;}
	.seo_qr,.seo_info,.sw-crumb,.sw-w270,.Power{ display:none;}
	.seo_hd,.w960,.sw-main{ width:100%;}
    .footer-bot{height: auto;line-height: 24px;padding: 5px 0;}
	.footer-bot-in{ width:95%;}
	.footer-bot-in span{ display:block;float: none;}
	.sw-w670{ width:98%; margin:auto;}
	.fright,.footer{ float:none;}
	.clearfix em{ display:none;}/*id*/
}
/****手机端菜单****/
.main-phonedown{display:none;}
#mmenu,.mmenu{display: none;}
@media (max-width: 860px){
	#mmenu{display: block;}
.main-phonedown{ float:right; display:inherit; margin-right:5%;}
}
#mnav { 
line-height:24px; list-style-type: none;
} 
#mnav li { 
float: left;
border-bottom:1px solid #e8eef6;
border-right:1px solid #e8eef6;
}
#mnav li ul { 
z-index:999; margin-left:-136px;
line-height: 27px;  list-style-type: none;text-align:left; 
left: -999em; /*width: 180px;*/ position: absolute; 
} 
#mnav li ul li{ padding:
float: left; width: 180px; 
background: #f8fbff;

border-left:2px solid #5698da;
line-height:36px;
} 
#mnav li ul li a{ color:#555555;}
#mnav li ul a{font-size:16px; wedisplay: block; width: 156px;text-align:left;padding-left:24px; 
} 
#mnav li:hover ul { 
left: auto; 
} 
#mnav li.sfhover ul { 
left: auto; 
}
/*==============重写的===============*/
#mmenu{
  width: 32px;height: 6px;
  border-top: 6px solid rgba(86,152,218,.99);
  border-bottom: 6px solid rgba(86,152,218,.99);
  padding: 5px 0;
  background-color:rgba(86,152,218,.99);
  background-clip: content-box;
position: absolute;top: 35px;right: 5%;font-size: 14px;
}
.mmenu{display: none; width: 100%;position: absolute;top: 95px;bottom: 0; background-color: #fff;text-align: right;font-size: 16px;}
.mmenu ul{list-style: none;text-align: center}
.mmenu li{display: block;width: 100%;line-height: 36px;}
/****手机端菜单END****/

/*图文模式*/
.newpost{font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #f3f3f3; }
.cmsr{ margin-top: -20px;}
.cmsr .article{ width: 100%; padding: 20px 0; border-bottom: 1px solid #f3f3f3; overflow: hidden}
.aleft{float: left; width: 73%;}
.aleft h2{font-size: 18px; color: #373737;}
.aleft p{color: #575757;}
/*.aleft span{color: #e731bb;}*/
.aleft .atime{color: #b7b7b7;}
.aright{float: right; width: 25%; text-align: right;}

@media screen and (max-width:520px) {
    .sw-modBox{padding: 10px;}
	.aleft{width: 53%;}
	.aright{ width: 45%;}
	.aright img{width: 100%;height: 100%;object-fit: cover;}
    .aleft h2{font-size: 16px; line-height: 26px;max-height: 78px;overflow: hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
	.aleft h2 a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
    .aleft p{display: none;}

	.aleft .atime{display: inline-block;}
	.aleft .atime span{display: none;}
}