/*
 *交友护航 beta v0.1
 *作者：长征
 *2013-04-25———
*/
/*---------重置和全局使用的基本定义---------*/
html{font-size: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;	*overflow:auto;_overflow-x:hidden;}
body{ background:#FAFAFA;margin:0;color:#333;	/* padding-top:65px; */ _padding-top:0;}
p,ul,ol,dl,h1,h2,h3,h4{ margin-top:0; margin-bottom:0;}
ul{padding-left:0;*margin-left:0;list-style-type: none;}
ul li{*zoom:1;*vertical-align:bottom;}
img{border:none;width: auto\9; height:auto; max-width: 100%; vertical-align: middle;-ms-interpolation-mode: bicubic;}
blockquote,q{quotes:none; margin:0px;}
a{text-decoration:none; font-size:14px; color:#385679;}
a:hover{ color:#385679;}
body,a{font-size:14px;font-family:Tahoma,Arial,Helvetica,STHeiti;}
.hide{ display:none;}.vhide{ visibility:hidden;}

.inbox,.main{width:980px; margin:0 auto; }
/*---------头部---------*/
.header{width:100%; height:45px; background-color:#2D57A1; box-shadow:0 0 4px #333; position:fixed; z-index:1000; left:0; top:0;
	_margin-bottom:20px;}
.logo{ 	float:left;}
.logo a{display:inline-block;*display:inline;*zoom:1;}
.logo img{ margin-top:10px;_width:150px;_height:40px;}
.nav{ 	float:right;}
.nav a{	line-height:45px; color:#fff; font-weight:700; padding:0 5px;
		display:inline-block;*display:inline;*zoom:1;}
/*.nav a:hover{background-color: #476AA5;}*/
.nav .charge{ background:#4C70AF; border-radius:5px; line-height:26px;vertical-align:middle; margin-top:-2px; padding:0 10px;}
.nav .charge:hover{ background-color: #476AA5;}
/*---------单页---------*/
.onepage,content_a,.content_b{background:#fff;border:#ddd solid 1px;padding:20px 30px 70px 30px;line-height:1.75;
border-radius:4px; _padding-bottom:40px;}
.main h1{ display:inline-block;font-size:28px; text-align:center;margin-top:0;padding-bottom:6px;cursor: pointer;}
.title_box{border-bottom: 1px solid #ccc;padding: 0 200px;margin-bottom: 16px;}
.title_active{color: #2f569f}
.onepage h3,.onepage strong{ font-size:16px; margin-top:18px; margin-bottom:2px; display:block;}
.onepage p{ margin-top:0; margin-bottom:8px;}
.onepage ol li{ margin-bottom:8px;}
/*---------图片列表---------*/
.it-pos{ overflow:hidden; margin-right:-30px;	_zoom:1;}
.it-pos li {width:50%; float:left;height:180px; overflow:hidden; margin-top:20px; color:#666;_zoom:1;}
.it-pos li .inner{padding-left:150px;padding-right:30px;position:relative;z-index:1;_zoom:1;}
.it-pos .iti{width:130px;  height:170px; padding:3px; border:#ddd solid 1px; text-align:center;
	position:absolute;z-index:1; left:0; top:0;}
.it-pos .iti img{display:inline; _width:100%;}
.it-pos .iti i{width:0;height:100%; display:inline-block;*display:inline;*zoom:1; vertical-align:middle;}

.it-pos li p{ margin-top:0; margin-bottom:4px;}
.it-pos .des{ color:#888}

.it-pos .limore{padding-left:6px;}

.it-pos .show{clear:left;height:auto; overflow:visible;background-color:#FAFAFA;width:97%;position:relative;
	border:#ddd solid 1px; margin-top:16px;+margin-top:20px;
	transition:all .1s ease-in .1s;
}

.it-pos .show .jiao{position:absolute;left:6%; top:-24px;}
.it-pos .show .TA{ border-bottom-color:#ddd; 	position:absolute; 	left:0; top:0; 		z-index:10;}
.it-pos .show .TA2{border-bottom-color:#FAFAFA;	position:absolute;	left:0; top:2px; 	z-index:11;}
.it-pos .show_even .jiao{ left:58%}

.it-pos .show .inner{padding:20px; margin-bottom:0; position:relative; z-index:9;}
.it-pos .x{ width:20px; height:20px; line-height:20px; display:block; 
	position:absolute; z-index:10; top:2px; right:2px; font-size:22px; color:#999;}
.it-pos .x:hover{ color:#2D57A1}

.loadmore{ display:block; background:#FAFAFA; border:#ddd solid 1px;text-align:center; 
	margin-top:26px; font-size:16px;}
.loadmore:hover{ background:#EAEAEA;}
.loadmore span{ height:32px; display:block;padding:10px 20px; cursor:pointer;
background-image:url(../images/loading.gif); background-repeat:no-repeat; background-position:center -1000px;}

.loading span{ background-position:center center;}
.loading span{ text-indent:-999999px;}
/*---------底部---------*/
.footer{ width:100%; line-height:45px; text-align:center; background:#FAFAFA; position:fixed; z-index:1000; left:0; bottom:0;	_position:static;_height:45px;_margin-top:30px;}
.footer .inbox{border:#ddd solid 1px;}

blockquote{ background:#FAFAFA; border:#ddd solid 1px; padding:10px;}

.btn{display:inline-block;*display:inline;*zoom:1;line-height:16px; padding:6px 12px; font-family:Arial,Helvetica, sans-serif}
.btn:hover{}
.btn_def{background:#2D57A1; color:#fff;}
.btn_def:hover{background:#274B8A;color:#fff;}

/*---------css三角---------*/
.A{width:0; height:0;line-height:0; font-size:0;border:solid 12px;_border-style:dotted;
	 display:inline-block;*display:inline;*zoom:1;	border-color:#030 #009 #300 #000;}
.TA{ border-color:transparent transparent red transparent;	_border-bottom-style: solid;}
.RA{ border-color:transparent transparent transparent red;	_border-left-style: solid;}
.BA{ border-color:red transparent transparent transparent;	_border-top-style: solid;}
.LA{ border-color:transparent red transparent transparent;	_border-right-style: solid;}

/*
 *结构的改变会牵扯到js，暂时关闭
@media screen and (max-width:768px){
	
	.inbox,.main{width:720px; margin:0 auto;}
	.it-pos li{ width:100%; float:none;}	
}*/
.it-pos .test{ width:100%; clear:both; height:1000px; background-color:#CCC}

/*使用手册*/
.content_b{
	display: none;
	padding-left: 150px;
}
.content_b img{
	width: 100%;
	margin-bottom: 20px;
}
.fontBig{
	font-weight: bold;
	font-size: 20px;
}
.fontMid{
	font-weight: bold;
}
#maodian{
	position: fixed;top: 160px;width: 140px;text-align: center
}
.maodian_a{
	color: #474747;width: 100%;height: 42px;line-height: 42px;display: block;cursor: pointer;
}
.maodian_active{
	color: #fff;
	background: #2E559F;
}
.maodian_active:hover{
	color: #fff !important;
}