@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;}
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(https://www.seowhy.com/faq/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(https://www.seowhy.com/faq/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: 1235px;margin: 30px auto 0;}
.sw-w670{width: 715px;}
.sw-w270{width: 250px;}
.sw-w270.fleft {width: 240px;}
.sw-widget{position: relative;background: #fff;padding: 20px;border: 1px solid #e8eef6;border-top: 0;}
.sw-widget-ad{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:#333;margin-bottom:5px;font-weight: 700;}
.sw-modBox h2,.sw-modBox h3,.sw-modBox h4{margin: 0 0 10px;font-weight: 700;}
.sw-modBox p{margin: 5px 0;line-height: 24px;}
.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;}
.sw-menu ul li a.active{color: #5698da;background: #f8fbff;border-left:2px solid #5698da;}

.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:2px solid #5698da;}

/* (公用)面包屑 */
.sw-crumb{padding:0px 8px 0 20px;height:42px;line-height:42px;color: #999;background: #fff;border: 1px solid #e8eef6;white-space: nowrap;}
.sw-crumb>ul{overflow: hidden; text-overflow: ellipsis;float: inherit;}
.sw-crumb li{display: inline;padding-right:5px;}
.sw-crumb li.active{color: #999;}
.sw-crumb li a{display: inline-block;}
#search{position:relative;float: left;padding:0px 0;}
#search .se-input{width: 308px;padding: 7px 10px 6px;overflow: hidden;border: 1px solid #e8eef6;float: left;display: inline;height: 20px;line-height: 20px;outline: none;}
.se-btn{
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background-color: #59b0ff;
position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    margin: 5px;
    padding: 2px 6px;
}
.se-input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.se-input {
    padding: 6px;
    resize: none;
    border-color: #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(144,164,174,0.1);
}

/***************************************
* 搜外网 - 教程栏目
***************************************/

/* (教程栏目)文章列表 */
.sw-list h3,.sw-listRank h3,.sw-menu h3,.widget_archive h3{color: #fff;font-size:14px;background: url(/templets/mb/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;}
.c-title{font-size:20px;color:#333333;margin-bottom:5px;}

/* (教程栏目)文章列表-排行 */
.sw-listRank ol{background:url(https://www.seowhy.com/faq/images/sw-listrank.png) #fff no-repeat 20px 20px;color:#999;padding: 20px 20px 20px 68px;border: 1px solid #e8eef6;border-top: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.sw-listRank ol li{width: 160px;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;line-height: 19px;height: 40px;}

/*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,.footer-contact{width: 1205px;margin: 0 auto;overflow: hidden;}
.footer-solution,.footer-link,.footer-trade{float: left;background: url(/static/common/footer-icon.png) no-repeat;padding-left: 45px;/*margin-right: 25px;*/margin-right: 105px;}
.footer-solution{background-position: 0 12px;}
.footer-link{background-position: 0 -88px;}
.footer-trade{background-position: 0 -188px;}
.footer-contact span{padding-right: 20px;color: #888;}

.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('https://ask.seowhy.com/static/css/default/img/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('https://ask.seowhy.com/static/css/default/img/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;}
.article{
    position:relative;
}
.article img{
    max-width: 100%;
}
.sw-w270.right-box.fright .mt15 ol li a {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    line-height: 20px;
    height: 40px;
    font-size: 14px;
}


.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}