@charset "UTF-8";

/* (c) WWW.SEOWHY.COM
 * explain: The CSS file is built on the basis of SWUI
 * setTime: 2013-08-31
 * version: 1.0.2
 * author: ZJL 

 * 最新版本更新于: 2013-10-21  作者：张家梁  */


/* 重置浏览器样式 */
html{color:#333;background:#F4F4F4;}
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',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:#69c;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;}

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

/* (公用)迷你导航 */
.mininav{background:#2C2C2C;font-family:Arial, tahoma, "宋体";}
.mininav_inner{width:100%;height:30px;}
.nav_list{float:left;margin:0 0 0 10px;}
.myinfo{float:right;margin:0 10px 0 0;}
.nav_list li{float:left;height:30px;}
.nav_list li img{width: 18px;height: 18px;vertical-align: -5px;margin-right: 8px;border-radius: 2px;}
.nav_list li a{display:inline-block;height:28px;line-height:30px;padding:0 10px;text-decoration:none;color:darkGray;font-size:12px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.nav_list li a:visited{color:darkGray;}
.nav_list li a:hover{color:white;background-color:#212121;text-decoration:none;}
.nav_list li a.active{background-color:#212121;color:white;}

/* (公用)主导航 */
.hd{background: #f4f5f8 url("hd-bg.png") repeat-x;height: 108px;border-bottom: 2px solid #69c;}
.hd-top , .hd-menu{width: 960px;margin: 0 auto;}
.hd-top{height: auto;}
.hd-menu{font-size: 14px;}
.hd-top .logo{width: 180px;height: 65px;float: left;background: url("logo.png") no-repeat;}
.hd-top .slogan{width: 200px;float: left;margin-top: 15px;color: #888;}
.hd-top .nav{width: 300px;float: left;font-size: 16px;}
.hd-top .search{
	width: 480px;
	float: left;
	position: relative;
	margin-top: auto;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 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: #69c;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: #69c;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;}
.harrow{padding-right: 5px;background: url("harrow.png") no-repeat 78px 14px;}

/* (公用)页尾 */
.SW_footer{width:100%;height:100%;margin-top:40px;background-color:#444;color:#999;font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;}
.SW_footer .layout{width: 960px;margin: 0 auto;}
.SW_footer .h1_slogan{height:36px;line-height:36px;background:#3B3B3B;font-size:14px;color:#ccc;}
.SW_footer .h1_slogan span{display: block;height:40px;width:960px;margin:0 auto;letter-spacing:2px;}
.ft{position: relative;padding: 40px 0 30px 0;width:960px;}
.ft .slogan{float:left;width: 260px;height: 61px;margin-top: 20px;}
.ft .slogan a{display:inline-block;width: 185px;height:75px;background:url("sw-footer-sprite.png") no-repeat 0 0;}
.ft .ft_item{float:left;width:140px;line-height:22px;}
.ft .ft_item a{color:#999;}
.ft h4{height:25px;width:80px;text-indent:-9999px;margin-bottom:10px;background:url("sw-footer-sprite.png")no-repeat;}
.ft .a1{background-position: 0 -75px;}
.ft .a2{background-position: -97px -75px;}
.ft .a3{background-position: -198px -75px;}
.ft .a4{background-position: 0 -105px;}
.ft .a5{background-position: -97px -105px;}
.SW_footer .cp{width:850px;margin:0 auto;padding-bottom:20px;text-align:center;}
.SW_footer .beian{width:850px;margin:0 auto;padding-bottom:20px;text-align:center;}

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

.sw-widget{position: relative;background: #fff;padding: 30px;border: 1px solid #e9e9e9;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 #e9e9e9;border-radius: 4px;}
.sw-modBox h1{font-size:18px;color:#69c;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: 28px;}
.sw-modBox ol{list-style: decimal;margin-left: 20px;}
.sw-modBox li{line-height: 28px;}
.sw-modBox li span{color: #999;margin-left: 5px;font-size:13px;}

/* (公用)纵向菜单 */
.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 #e9e9e9;border-top: 0;}
.sw-menu ul li a:hover{text-decoration: none;background: #f9f9f9;}
.sw-menu ul li a.active{color: #555;background: #f9f9f9;border-left:2px solid #69c;}

.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,.sw-menu ul li a:visited{display: block;color: #555;padding: 10px 20px;height: 20px;line-height:20px;border: 1px solid #e9e9e9;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 #69c;}

/* (公用)面包屑 */
.sw-crumb{padding:0px 8px 0 20px;height:42px;line-height:42px;color: #999;background: #fff;border: 1px solid #e9e9e9;border-radius: 4px;}
.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("sw-se-bg.png") #fff no-repeat;width: 118px;padding: 7px 10px 6px;overflow: hidden;border: 1px solid #fafafa;float: left;display: inline;height: 15px;line-height: 15px;outline: none;}
#search .se-btn{background:url("sw-se-btn.png") #fff no-repeat;text-indent: -2000px;width: 64px;height: 28px;overflow: hidden;border: none;cursor: pointer;float: left;margin-left: 5px;display: inline;zoom: 1;margin-top: 1px;}


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

/* (教程栏目)文章列表 */
.sw-list h3,.sw-listRank h3,.sw-menu h3,.widget_archive h3{color: #fff;font-size:14px;background-color: #69c;border-top-right-radius: 4px;border-top-left-radius: 4px;padding: 8px 20px;}
.sw-list ol{list-style: decimal;margin-left: 18px;}
.sw-list li{margin-bottom:8px;}
.c-title{font-size:20px;color:#69c;margin-bottom:5px;}

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

/***************************************
* 搜外网 - 资讯栏目
***************************************/

/* (资讯栏目)文章摘要 */
.sw-excerpt-hd,.sw-article-excerpt-hd{margin: 0 0 10px;}
.sw-excerpt-hd h2{font-size:16px;margin: 0;}
/*.sw-excerpt-hd .sw-btn,.sw-article-excerpt-hd .sw-btn{margin-right: 10px;}*/
.sw-excerpt-hd .sw-btn a,.sw-article-excerpt-hd .sw-btn a{font-size: 14px;display: inline-block;height:28px;line-height:27px;padding-left:10px;vertical-align: middle;text-align: center;font-size: 14px;color: #fff;text-decoration:none;background-position: 0 0;margin-right: 10px;}
.sw-excerpt-hd .sw-btn a span,.sw-article-excerpt-hd .sw-btn a span{display: inline-block;cursor: pointer;height:27px;padding-right:9px;background-position: right 0;}
.sw-excerpt-bd{margin: 0 0 10px;}
.sw-excerpt-ft{font-size:13px;color: #999;}
.sw-excerpt-ft span{margin-right: 10px;}
.sw-excerpt-hd .sw-btn a,.sw-excerpt-hd .sw-btn a span,.sw-article-excerpt-hd .sw-btn a,.sw-article-excerpt-hd .sw-btn a span{background-image: url("sw-btn-bg.png");background-repeat: no-repeat;}

/* (资讯栏目)文章内页 */
.sw-article{position: relative;}
.sw-article-excerpt-bg{width: 670px;height: 200px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.sw-article-excerpt{position: absolute;top:30px;left: 0px;padding: 0 30px;}
.sw-article-excerpt-hd h1{font-size:30px;margin: 0;color: #fff;font-weight: 700;text-shadow: 0 0 3px black;font-family: 'Microsoft YaHei';}
.sw-article-excerpt-bd{color: #fff;width: 610px;margin: 0 0 10px;text-shadow: 0 0 3px black;}
.sw-article-excerpt-ft{color: #fff;width: 610px;text-shadow: 0 0 3px black;}
.sw-article-excerpt-ft span{margin-right: 8px;}
.sw-article-thumbnail img{border-top-left-radius: 4px;border-top-right-radius: 4px;}
.sw-article-main{background: #fff;padding: 10px 30px 30px;border: 1px solid #e9e9e9;border-top: 0;font-size: 14px;line-height: 28px;}
.sw-article-main h2{padding: 15px 0;font-weight: 700;font-size: 18px;border-left: 4px solid #69c;margin-left: -31px;padding-left: 26px;}
.sw-article-main p{margin: 10px 0;text-indent: 2em;}
.sw-article-main hr{display: block;width: 30%;margin: 30px auto;border: 1px solid #e9e9e9;}
.sw-article-content,.sw-article-interaction{margin-bottom: 20px;}
.sw-article-tags{font-size: 13px;padding-top: 10px ;border-top: 1px solid #e9e9e9;color: #666;}
.estimated-reading-time{height:36px;line-height: 36px;padding: 0 30px;border: 1px solid #e9e9e9;border-top:0;border-bottom:0;font-size: 13px;border-radius: 2px;background-color: #f6f6f6;color: #999;}
.sw-cat-date{margin-left: 5px;margin-top:3px;background-color: #428BCA;color: #fff;height: 21px;line-height: 20px;padding: 0 8px;border-radius: 2px;}
.sw-column p{font-size:13px;line-height: 24px;}

.sw-article-content hr{display: block;width: 30%;margin: 50px auto;border: 1px solid #dededc;}
.sw-article-content h3{font-weight: bold;}
.sw-article-content .img-center{text-align: center;text-indent: 0;}

/* (资讯下属建站频道)文章内页 */
.site-article-main{background: #fff;border: 1px solid #e9e9e9;padding: 30px;font-size: 14px;line-height: 28px;}
.site-article-main h1{font-size: 22px;color: #333;}
.site-article-main h2{padding: 15px 0;font-weight: 700;font-size: 18px;border-left: 4px solid #69c;margin-left: -31px;padding-left: 26px;}
.site-article-main h3{font-weight: bold;}
.site-article-hd{border-bottom: 1px solid #e9e9e9;padding-bottom: 20px;}
.site-article-hd p{font-size: 13px;color: #999;}
.site-article-hd span{margin-right: 5px;}
.site-article-bd{padding: 20px 0;}
.site-article-bd p{margin: 10px 0;text-indent: 2em;}
.site-article-bd hr{display: block;width: 30%;margin: 30px auto;border: 1px solid #e9e9e9;}
.site-article-ft{font-size: 13px;padding-top: 10px ;border-top: 1px solid #e9e9e9;color: #666;}

/* (资讯栏目)代码高亮 */
pre .pln{color:#000;}pre .str{color:#080;}pre .kwd{color:#008;}pre .com{color:#800;}pre .typ{color:#606;}pre .lit{color:#066;}pre .pun,pre .opn,pre .clo{color:#660;}pre .tag{color:#008;}pre .atn{color:#606;}pre .atv{color:#080;}pre .dec,pre .var{color:#606;}pre .fun{color:#F00;}pre.prettyprint{border:1px solid #ccc;font-size:12px;line-height:16px;margin:15px 0px;padding:15px;word-wrap:normal;overflow:auto;width:95%;}
ol.linenums li{line-height:16px;margin:0px;padding:0px;list-style:none;}ol.linenums li:before,ol.linenums li:after{content:none;}ol.linenums{margin:0;padding-left:27px;}
ol.linenums li.L0,ol.linenums li.L1,ol.linenums li.L2,ol.linenums li.L3,ol.linenums li.L4,ol.linenums li.L5,ol.linenums li.L6,ol.linenums li.L7,ol.linenums li.L8,ol.linenums li.L9{list-style-type:decimal;}
ol.linenums li.L1,ol.linenums li.L3,ol.linenums li.L5,ol.linenums li.L7,ol.linenums li.L9{list-style-type:decimal;background:#eee;}

/* (资讯栏目)搜索页面 */
.sw-search-bd h1{padding-bottom: 20px;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px;}
.sw-search-bd li{margin-bottom: 5px;}
.sw-search-bd li span{text-align: right;margin-right: 2px;}

/* (资讯栏目)文章评论 */
.sw-comment{margin-top: 20px;}
.sw-comment-hd{color: #fff;font-size: 14px;background-color: #69c;border-top-right-radius: 4px;border-top-left-radius: 4px;padding: 8px 30px;}
.sw-comment-hd a,.sw-comment-hd a:visited,.sw-comment-hd a:hover{color:#FFFCB2;text-decoration:none;}
.sw-comment-hd a:hover{text-decoration:underline;}
.sw-comment .sw-widget{padding-top:10px;}

/* CSS 图片精灵 */
.sw-icon-time,
.sw-icon-views,
.sw-icon-blue,
.sw-icon-link,
.sw-icon-comment{
	background:url("sw-icon.png");
	background-repeat: no-repeat;
	display: inline-block;
	width:12px;
	height:12px;
	margin-right: 3px;
	font-size: 0;
}

.sw-icon-time{background-position: 0px 0px;}
.sw-icon-views{width:16px;background-position: -20px 0px ;}
.sw-icon-comment{background-position: -40px 0px ;}
.sw-icon-blue{background-position: -60px 0px ;}
.sw-icon-link{width:16px;background-position: -80px 0px ;}

.sw-icon-a1,
.sw-icon-a2,
.sw-icon-a3,
.sw-icon-a4{
	background:url("sw-icon.png");
	background-repeat: no-repeat;
	display: inline-block;
	width:16px;
	height:16px;
	margin-right: 5px;
	font-size: 0;
	vertical-align: text-top;
	_vertical-align: -1px;
}

.sw-icon-a1{background-position: 0px -20px;}
.sw-icon-a2{background-position: -20px -20px;}
.sw-icon-a3{background-position: -40px -20px;}
.sw-icon-a4{background-position: -60px -20px;}