/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, input{
	margin: 0;
	padding: 0;}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome.eot") format("embedded-opentype"), url("../fonts/fontawesome.woff") format("woff"), url("../fonts/fontawesome.ttf") format("truetype"), url("../fonts/fontawesome.svg#fontawesomeregular") format("svg");}
ol,ul,li{list-style: none;}
img, fieldset {
	border: 0;}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */}
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {background:#fff;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";font-size:16px;}
::-moz-selection{background:#0062b0;color:#fff;}
::selection{background:#0062b0;color:#fff;}
a {
	color:#333;
	text-decoration: none;
	outline: none;}
a:hover {
	color: #0062b0;
	text-decoration:none;}
h1, h2, h3, h4, h5{font-weight:normal;}
.f-my{
	font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53" !important;}
.mt{margin-top:20px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt5{margin-top:5px !important;}
.mt-10{margin-top:-10px !important;}
.mb{margin-bottom:20px !important;}
.ad-1000{
	margin:0 auto;
	width:1000px;
	height:90px;}
.ad-640{
	float:left;
	width:640px;}
.ad-320{
	float:left;
	width:320px;}
/************************************************************************************
                                                TOP STRUCTURE
*************************************************************************************/
/**************************************Header**************************************/
.znl-header{
	background:#0062b0;
	width:100%;
	margin-top:0;}
.header-wrap{
	margin:0 auto;
	width:980px;
	padding:0 10px;
	position:relative;}
.logo-area{
	float:left;
	height:80px;
	width:400px;}
.logo-area-inner{
	float:left;
	height:60px;
	width:100px;}
.logo-area h1{
	float:left;
	margin-top:16px;
	background:url("../images/logo.png") no-repeat;
	_background:url("../images/logoie6.png") no-repeat;
	height:50px;
	width:90px;
	text-indent:-9999em;
	cursor: pointer;}
.logo-area-inner h1{
	float:left;
	margin-top:10px;
	background:url("../images/logo-s.png") no-repeat;
	height:40px;
	width:72px;
	text-indent:-9999em;
	cursor: pointer;}

.logo-area span{
	float:left;
	display:block;
	margin:28px 0 0 56px;
	background:url("../images/slug.png") no-repeat;
	_background:url("../images/slugie6.png") no-repeat;
	height:28px;
	width:190px;
	text-indent:-9999em;}

.search-area{
	float:right;
	/*height:80px;*/}
.searchform{
	float:left;
	margin-top:24px;
	margin-right: 10px;
	_width:321px;}
.searchform-inner{
	margin-top:0;}
.searchform .s{
	float:left;
	border: 1px solid #fff;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	color: #777;
	font-size:15px;
	line-height:22px;
	_height:24px;
	width: 190px;
	_width: 271px;
	padding: 3px 7px;
	height:22px\0;
	font-family:"\5FAE\8F6F\96C5\9ED1";}
.searchform .s:focus{
	font-style: normal;
	background: #fff;
	font-family:"\5FAE\8F6F\96C5\9ED1";}
.searchform .submit{
	float: right;

	background: #fff url("../images/search.png") no-repeat 0 -1px;
	width:34px;
	height:30px; 
	_height:32px; 
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border: 1px solid #fff;
	border-left: none;
	cursor: pointer;
	text-indent:-9999em; }

.search-area-inner{
	float:left;
	/*height:80px;*/}

.searchform-inner{
	float:left;
	margin-top:0px;
	_width:320px;}
.searchform-inner .s{
	float:left;
	border: 1px solid #ccc;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right:none;
	color: #777;
	font-size:15px;
	line-height:26px;
	_height:26px;
	width: 270px;
	padding: 3px 7px;
	height:26px\0;
	font-family:"\5FAE\8F6F\96C5\9ED1";}
.searchform-inner .s:focus{
	font-style: normal;
	background: #fff;
	font-family:"\5FAE\8F6F\96C5\9ED1";}
.searchform-inner .submit{
	float: right;
	background: #fff url("../images/search.png") no-repeat 0 0;
	width:34px;
	height:32px; 
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border: 1px solid #ccc;
	border-left: none;
	cursor: pointer;
	text-indent:-9999em; }

.passport-entry{
	float:left;
	margin-top:24px;
	height:32px;
	line-height:32px;
	margin-left:10px;}
.passport-entry span{
	float:left;
	margin:0 5px;
	_margin:0 2px;}
.passport-entry span a, .passport-entry span{
	color:#fff;
	font-size:12px;}
.passport-entry span a:hover{
	color:#fbfbfb;}
.passport-entry2{
	position:absolute;
	top:0;
	right:0;
	height:60px;
	line-height:60px;
	margin-top:0;
	font-size:14px;}
.passport-entry2 span{
	float:left;
	margin:0 6px;}
.passport-entry2 span a.hello{
	color:orange;
}
.passport-entry span a img{margin-top:5px;float:left;}
.passport-entry2 span a img{margin-top:18px;float:left;}
.passport-entry2 span .social-log-q{
	padding-left:22px;}
.passport-entry2 span social-log-s{
}
/**************************************Menu**************************************/
.znl-menu{
	background:#fbfbfb;
	height:48px;
	width:100%;
	border-bottom:1px solid #ccc;}
.menu-wrap{
	margin:0 auto;
	height:48px;
	width:1000px;}
.menu-wrap ul{
	padding:0 10px}
.menu-wrap ul li{
	line-height:46px;
    float: left;
    font-size: 18px;
    margin-right: 50px;
    position: relative;}
.menu-wrap ul li.current-item{
	padding-bottom:1px;
	border-bottom:2px solid #0062b0;}
.menu-wrap ul li:hover{
	padding-bottom:1px;
	border-bottom:2px solid #0062b0;}

.menu-wrap-inner{
	height:60px;}
.menu-wrap-inner ul{
	padding:0 10px}
.menu-wrap-inner ul li{
	line-height:60px;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    position: relative;}
.menu-wrap-inner ul li a{
	color:#fff;
	padding:4px 16px;
	-webkit-border-radius:20px; 
	-moz-border-radius:20px; 
	border-radius:20px;	}
.menu-wrap-inner ul li a.current-item{
	color:#fff;
	background:#02559c;
	-webkit-border-radius:20px; 
	-moz-border-radius:20px; 
	border-radius:20px;
	-moz-box-shadow: inset 0 2px 3px #003f9c;
    -webkit-box-shadow: inset 0 2px 3px #003f9c;
    box-shadow: inset 0 2px 3px #003f9c;}
.menu-wrap-inner ul li a:hover{
	color:#fff;
	background:#02559c;
	-moz-box-shadow: inset 0 1px 2px #003f9c;
    -webkit-box-shadow: inset 0 1px 2px #003f9c;
    box-shadow: inset 0 1px 2px #003f9c;}
/************************************************************************************
                                                MAIN STRUCTURE
*************************************************************************************/
.main-wrap{
	margin:0 auto;
	width:1000px;}
/**************************************Left part**************************************/
.znl-left-part{
	float:left;
	width:640px;
	/*background:#f5f5f5;*/}

.znl-focus { position: relative; width: 640px; height: 320px; overflow: hidden; font-size:18px; text-align: left; background: white; }
.znl-focus .pic img { width: 640px; height: 320px; display: block; }
.znl-focus .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 60px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.znl-focus .txt { position: absolute; bottom: 0; z-index: 2; height: 60px; width:100%; overflow: hidden; }
.znl-focus .txt li{ height:60px; line-height:60px; width:500px;overflow:hidden;position:absolute; bottom:-60px;}
.znl-focus .txt li a{ display: block; color: white; padding: 0 0 0 15px; font-size: 24px; text-decoration: none; }
.znl-focus .num { position: absolute; z-index: 3; bottom: 20px; right: 8px; }
.znl-focus .num li{ float: left; position: relative; width: 16px; height: 16px; overflow: hidden; text-align: center; margin-right: 12px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; cursor: pointer;text-indent:-999em; }
.znl-focus .num li a,.znl-focus .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.znl-focus .num li span { z-index: 1; background:#fff; filter: alpha(opacity=75); opacity: 0.75; }
.znl-focus .num li.on a,.znl-focus .num a:hover{ background:#f93;  }

.post-scroll{
	float:left;}
.archive-title{
	float:left;
	height:46px;
	width:640px;
	border-bottom:1px solid #ccc;}
.archive-title h2{
	float:left;
	line-height:46px;
	height:45px;
	font-size:18px;
	border-bottom:2px solid #0062b0;}
.archive-title span a{
	background:url("../images/view-more.png") no-repeat 0 16px;
	padding-left:25px;
	font-size:14px;
	line-height:46px;
	display:inline-block;
	float:right;}

.post-query{
	float:left;
	padding:0 5px 20px;
	border-bottom:1px solid #e5e5e5;
	width: 630px;
    overflow: hidden;
	}
.post-query h3{
	float:left;
	line-height:60px;
	font-size:22px;
	width:100%;
	max-height: 60px;
    overflow-y: hidden;
	}

.post-query a.tit{
	    width: auto;
    height: 60px;
    display: block;
}
.post-query .post-img{
	float:left;
	height:114px;
	margin-right:20px;
	overflow:hidden;
	width:150px;}
.post-query .post-preview em{
	margin-top:-7px;
	font-style:normal;
	color:#888;}
.post-query .post-preview p{
	color:#888;
	min-height:56px;
	overflow:hidden;}
.post-query .post-preview span{
	margin-right:20px;
	color:#888;}
.post-query .post-preview{
    position: relative;
	font-size:14px;
	line-height:28px;}


.post-query dl, .post-query dt, .post-query dd{
	float:left;
	display:block;}
.post-query dl{
	width:630px;}
.post-query dl dt{
	height:100px;
	width:150px;}
.post-query dl dd{
	padding: 0 0px 0 20px;
    position: relative;
    width: 460px;
	font-size:14px;
	line-height:28px;}
.post-query dl dd em{
	display:block;
	margin-top:-7px;
	font-style:normal;
	color:#888;}
.post-query dl dd p{
	color:#888;}
.post-query dl dd span{
	float:left;
	margin-right:20px;
	color:#888;}


/**************************************Right part**************************************/
.znl-right-part{
	float:right;
	width:320px;
	background:#fff;}

.sidebar-title{
	float:left;
	height:46px;
	width:320px;
	border-bottom:1px solid #ccc;}
.sidebar-title h2{
	float:left;
	line-height:46px;
	height:45px;
	font-size:18px;
	border-bottom:2px solid #0062b0;}
.sidebar-title span a{
	background:url("../images/icon-more.png") no-repeat right 15px;
	padding-right:25px;
	font-size:14px;
	line-height:46px;
	display:inline-block;
	float:right;}
.sidebar-title span a:hover{
	background-position: right -61px;}

.hot-news{
	float:left;
	width:320px;}
.hot-news dl, .hot-news dt, .hot-news dd{
	float:left;
	display:block;}
.hot-news dl{
	margin-top:20px;
	height:66px;}
.hot-news dl dt{
	width:100px;
	height:66px;}
.hot-news dl dd{
	background:#f5f5f5;
	padding:6px 10px;
	height:54px;
	width:200px;}
.hot-news dl dd a{
	line-height:26px;}
.hot-news ul{
	float:left;
	width:100%;
	padding-top:10px;}
.hot-news ul li a{
	background: url("../images/hn-icon.png") no-repeat 1px 13px;
    display: block;
    line-height: 32px;
	height: 32px;
    overflow: hidden;
    padding-left: 15px;}
.hot-news ul li a:hover{
	background: #f5f5f5 url("../images/hn-icon.png") no-repeat 1px -20px;}

.tags-box{
	float:left;
	width:320px;}
.tags-box ol{
	float:left;
	width:100%;
	padding-top:10px;}
.tags-box ol li{
	float:left;
	margin:12px 12px 0 0;
	padding:0 8px 2px 10px;
	background:#fff;
	border:1px solid #ccc;
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px;	}
.tags-box ol li a{
	font-size:14px;
	height:28px;
	line-height:28px;
	margin-right:3px;}
.tags-box ol li span{
	margin-left:3px;
	color:#f60;}
.tags-box ol li:hover{
	background:#0062b0;
	border:1px solid #0062b0;}
.tags-box ol li:hover a{
	color:#fff;}
.tags-box ol li:hover span{
	color:#f90;}

.tags-box-index{
	float:left;
	width:640px;}
.tags-box-index ol li a{
	font-size:18px;
	height:36px;
	line-height:36px;
	margin-right:3px;}
.tags-box-index ol li{
	float:left;
	margin:18px 15px 0 0;
	padding:0 10px 2px 14px;
	background:#fff;
	border:1px solid #ccc;
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px;	}

.znl-special{
	float:left;
	width:320px;
	padding:20px 0;}
.special-box { position: relative; width: 320px; height: 200px; text-align: left; background: white; overflow:hidden;}
.special-box .pic img { width: 320px; height: 200px; display: block; }
.special-box .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background:url("../images/special-bg.png") no-repeat; _background:#333; overflow: hidden; }
.special-box .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.special-box .txt li{ z-index: 3;height:36px; line-height:36px; position:absolute; bottom:0px;width:100%;text-align:center;}
.special-box .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.special-box .prev,
.special-box .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url("../images/slider-arrow.png") -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.special-box .next{ left:auto; right:3%; background-position:8px 5px; }
.special-box .prev:hover,
.special-box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.special-box .prevStop{ display:none;  }
.special-box .nextStop{ display:none;  }

.top-posts{
	float:left;
	width:320px;
	overflow:hidden;
	padding-bottom:15px;}
.top-posts dl, .top-posts dt, .top-posts dd{
	float:left;
	display:block;}
.top-posts dl{
	margin-top:20px;
	height:66px;}
.top-posts dl dt{
	width:66px;
	height:66px;}
.top-posts dl dd{
	height:66px;
	padding-left: 20px;
	width:234px;}
.top-posts dl dd h4{
	font-size:14px;
	margin-top:-7px;
	line-height:28px;}
.top-posts dl dd p{
	color:#888;
	font-size:14px;
	line-height:28px;}
.top-posts dl dd p span{
	color:#f60;
	background:url("../images/comments-icon.png") no-repeat 0 8px;
	padding-left:20px;
	float:right;}


.znl-pagenavi {
    clear: both;
    float: left;
    padding: 18px 0;
    width: 640px;}
.znl-pagenavi .loading {
    color: #0062b0;
    display: block;
    height: 18px;
    padding-bottom: 25px;
    text-align: center;}
.znl-pagenavi ul {
    display: block;
    height: 34px;
	margin:0 auto;
    width: 470px;}
.znl-pagenavi ul span.pageinfo{
	display:none;
}
.znl-pagenavi ul a.homepage{
	display:none;
}
.znl-pagenavi ul a.endpage{
	display:none;
}
.znl-pagenavi ul a{
    height: 34px;
	float:left;}
.znl-pagenavi ul a {
	height: 34px;
	float:left;
    border: 1px solid #d9d9d9;
    color: #0062b0;
    display: inline-block;
	line-height:32px;
    margin-right: 6px;
    padding: 0 13px;}
.znl-pagenavi ul a:hover {
    border: 1px solid #0062b0;
    color: #0062b0;
    text-decoration: none;}
.znl-pagenavi ul a.curpage {
    background-color: #0062b0;
    border: 1px solid #0062b0;
    color: #fff;
    text-decoration: none;}
.znl-pagenavi ul .curpage:hover {
    color: #fff;}
.znl-pagenavi ul a.prepage {
    background: url("../images/pagenavi-prev.png") no-repeat scroll 10px center rgba(0, 0, 0, 0);
    padding: 0 0 0 15px;
    text-align: center;
    width: 60px;}
.znl-pagenavi ul a.nextpage {
    background: url("../images/pagenavi-next.png") no-repeat scroll 56px center rgba(0, 0, 0, 0);
    padding: 0 15px 0 0;
    text-align: center;
    width: 60px;}


.znl-links ul{
	float:left;
	width:990px;
	padding:10px 5px;}
.znl-links ul li{
	float:left;
	margin-right:30px;}
.znl-links ul li a{	}

.znl-footer{
	width:100%;
	border-top:3px solid #0062b0;}
#footer {
    overflow: visible;
    width: 100%;}
#footer .footer_container {
    margin: 0 auto;
    overflow: visible;
    width: 990px;
	height:200px;}
#footer .info-box {
    float: right;
    margin-top: 30px;}
#footer .info-box div {
    display: block;
    margin-bottom: 10px;}
#footer .col {
	float:left;
    display: inline-block;
    margin-top: 30px;
	height:150px;
	width:160px;}
#footer ul {
    display: inline-block;
    margin: 8px 7px 0 0;
    overflow: visible;
    vertical-align: top;
    width: 150px;}
#footer ul li {
    margin: 5px 0;
    position: relative;}
#footer ul li .fa {
    width: 25px;}
#footer ul li:hover .qrcode {
    opacity: 1;
    z-index: 9;}
#footer a {
    color: #888;
    font-size: 13px;}
#footer a:hover {
    color: #666;}
#footer p {
    color: #888;
    font-size: 13px;
    line-height: 1.7em;
    width: 200px;}
#footer .qrcode {
    height: 150px;
    margin: -180px 0 0;
    opacity: 0;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 150px;
    z-index: -1;}
#footer .qrcode img {
    box-shadow: 0 0 40px #aaa;
    height: auto;
    width: 100%;}
#footer .qrcode p {
    background: #333;
    border-radius: 8px;
    color: #ccc;
    font-size: 12px;
    left: 50%;
    margin-left: -110px;
    padding: 9px 13px;
    position: relative;
    top: -230px;
    width: 200px;}
#footer .qrcode p::after {
    border-color: #333;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    bottom: -16px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 0;}
#footer .fa-rss {
    font-size: 1.2em;}
#footer .fa-envelope {
    font-size: 1.1em;
    position: relative;
    top: -1px;}
#footer .fa-weixin {
    font-size: 1.1em;}


.breadcrumb {
    border-bottom: 1px solid #ccc;}
.breadcrumb {
	 border: none;
    display: block;
    float: left;
    font: 16px/48px "\5B8B\4F53";
    outline: medium none;
    text-decoration: none;
}
.breadcrumb span {
    border: none;
    display: block;
    float: left;
    font: 16px/48px "\5B8B\4F53";
    outline: medium none;
    text-decoration: none;}
	.breadcrumb a {
    border: none;
    display: block;
    float: left;
    font: 16px/48px "\5B8B\4F53";
    outline: medium none;
    text-decoration: none;}
.breadcrumb span a {
    border: medium none;
    display: block;
    float: left;
    font: 16px/48px "\5FAE\8F6F\96C5\9ED1";
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;}

.post-title {
    clear: both;
    float: left;
    padding: 10px 0 15px;
    width: 640px;
	border-bottom: 1px solid #ccc;}
.post-title h1 {
    font: 30px/50px "Microsoft Yahei";}
.post-author {
    color: #999;
    display: block;
    font: 14px/28px "Hiragino Sans GB",simsun,sans-serif;
	width: 640px;}
.post-author span {
    display: inline-block;
    margin-right:30px;}
.post-content {
	float:left;
	padding:0;}
.post-content p{
	text-align:justify;
	text-indent:2em;
	font-size:16px;
	line-height:32px;
	margin:16px 0;}
.post-content h3{
	text-indent:1.9em;
	font-size:18px;
	font-weight:bold;}
.post-content p img {
    margin-left: -2em;}
.post-content p.img-info {
    margin-left: -2em;
	margin-top:-16px;
	text-align:center;
	color:#666;}
.post-abstract{
	background:#f8f8f8;
	border:1px solid #e5e5e5;
	padding:10px 15px;
	margin-top:20px !important;}



.p-footer {
    color: #999;
    font-size: 1.3rem;
    padding: 30px 0;
    text-align: center;
	margin:0 auto;
	width:1000px;}
.p-footer p{width:1000px !important;}
.p-footer a {
    color: #999;
    margin: 0 10px;}
.p-footer a:hover {
    color: #666;}

.p-footer .about {
    margin-bottom: 10px;}
.p-footer .about .line {
    border-left: 1px solid #d7d7d7;
    display: inline-block;
    height: 14px;
    line-height: 20px;
    margin-top: -2px;
    vertical-align: middle;}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;}
.share {
    float: left;
    overflow: visible;
    position: relative;}
.share a {
border-radius: 0;
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin: 0 4px 0 0;
    padding: 4px 10px;
    width: auto;}
.share a i {
    left: 1px;
    margin: 0;
    position: relative;
    top: 0px;
	_top: 4px;
	color:#fff;}
.share a.sina_weibo {
    background: none repeat scroll 0 0 #d52b2a;}
.share a.sina_weibo:hover {
    background: none repeat scroll 0 0 #e05454;}
.share a.weixin {
    background: none repeat scroll 0 0 #8dc61f;}
.share a.weixin:hover {
    background: none repeat scroll 0 0 #a3d642;}
.share a.renren {
    background: none repeat scroll 0 0 #2daae2;}
.share a.renren:hover {
    background: none repeat scroll 0 0 #54c6f9;}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-qq:before{content:"\f1d6"}
.fa-weixin:before{content:"\f1d7"}
.fa-tencent-weibo:before{content:"\f1d5"}

.znl-comment {
	float:left;
	width:640px;}
.znl-comment .h2 {
    height: 30px;
    line-height: 30px;
	margin:15px 0;
	font-size:14px !important;}
.znl-comment .submit .sub {
    font-size: 12px;
    padding-top: 14px;}
.znl-comment .submit textarea {
    border: 1px solid #e5e5e5;
    color: #888;
    font-size: 14px;
    height: 60px;
    padding: 15px;
    resize: none;
    width: 610px;}
.znl-comment .submit .sub button {
    background:  #0062b0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline;
    float: right;
    font-size: 14px;
    padding: 10px 30px;
    transition: all 0.3s ease-out 0s;}
.znl-comment .submit .sub button:hover {
    background: none repeat scroll 0 0 #0062c2;}




/**/
.bingleft {
	float:left;
    display: inline;
    overflow: hidden;
    width: 678px;
    margin-left: 40px;
    padding: 140px 0 165px;}

.bingleft h1 {
    font-size: 30px;
    color: #333333;
    display: block;
    float: left;
    font: 30px/34px "Microsoft YaHei";
    height: 34px;
    overflow: hidden;}
.bingleft h1 span {
    color: #666;
    display: inline;
    font-size: 14px;
	line-height:34px;
    margin-left: 15px;}
.bingleft h1 span a {
    color: #0f4784;
	font-size: 14px;
	line-height:34px;}
.regsiterdl {
    clear: both;
    display: block;
    float: left;
    width: 100%;}
.regsiterdl dt.w_64 {
    width: 64px;}
.regsiterdl dt {
    color: #333;
    font: 16px/36px 'Microsoft YaHei,Arial,HELVETICA';}
.regsiterdl dt {
    color: #666666;
    display: block;
    float: left;
    font: 14px/36px "ËÎÌå";
    height: 40px;
    margin-top: 16px;
    padding-right: 15px;
    text-align: right;
    width: 60px;}

.regsiterdl dd .currenwrong {
    border: 1px solid #cc0000;}
.regsiterdl dd {
    width: 540px;
    display: block;
    float: left;
    height: 40px;
    margin-top: 16px;
    text-align: left;}
.regsiterdl dd input {
    border: 1px solid #d9d9d9;
    color: #333;
    float: left;
    font: 14px/35px "ËÎÌå";
    height: 35px;
    margin-right: 10px;
    padding: 0 10px;
    width: 218px;}
.regsiterdl dd span {
    color: #999;
    display: block;
    float: left;
    font: 14px/36px "ËÎÌå";}

.regsiterdl dd .buta {
    color: #fff;
    font-size: 18px;
    background-color: #0062b0;
    display: block;
    height: 40px;
	line-height:40px;
    text-align: center;
    width: 240px;
	margin-left:4px;}
.regsiterdl dd .msgspan {
    color: #999;
    display: block;
    float: left;
	font-size:12px;
	line-height:14px;}
.regsiterdl dd .msgspan input {
    margin-right: 3px;
    border: none;
    height: auto;
    overflow: hidden;
    padding: 0;
    width: 20px;}
.bingright {
    margin-top: 170px;
    padding-bottom: 12px;
    padding-left: 40px;
    width: 200px;
    border-left: 1px solid #e1e1e1;
    float: right;}
.bingright .p {
    color: #999;
	margin-bottom:8px;
    font-size: 12px;
    display: block;
    float: left;
    width: 100%;}
.otherlogin {
    display: block;
    float: left;
}
.otherlogin li {
    display: block;
    margin-top: 8px;
}
.error404{
	padding-top:200px;
	height:300px;
	text-align:center;}
.error404 h1{
	font-size:40px;}
.error404 p{
	font-size:20px;}