@charset "utf-8";
/* CSS Document */


/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td, footer, header, nav, section, pre{margin:0px;padding:0px;}
html,body {height:100%;}
h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ul, ol, li {list-style:none}
em, i {font-style:normal;}
img {border:0 none; vertical-align:bottom}
a {text-decoration:none;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
* {outline:none;-webkit-font-smoothing: antialiased; }

/*clear float*/
.clearfix:after {
	content:'\20';
	display:block;
	height:0;
	clear:both;
}
.clearfix {*zoom:1;}
.fl {float:left;}
.fr {float:right;}
::-webkit-input-placeholder { /* WebKit browsers */
	color: #666;
	font-family:"Microsoft YaHei";
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	font-family:"Microsoft YaHei";
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	font-family:"Microsoft YaHei";
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #666;
	font-family:"Microsoft YaHei";
} 
button, input:focus{ outline:none;}
input:-webkit-autofill {
	background-color: #fff;
	background-image: none;
}

/* common */
body {
	background:#fff;
	color:#333;
	font-family:"Microsoft YaHei";
}
.wrap{
	width:1000px;
	margin:0 auto;
	position:relative;
	}
.title{
	font-size:30px;
	text-align:center
	}
	.title.ft18{ font-size:18px; line-height:36px}
.txt1{
	font-size:18px;
	margin:10px 0 20px 0;
	line-height:36px;
	color:#666;
	text-align:center
	}
	.txt1 strong{font-weight:bold;color:#333;}
.txt2{ 
	text-align:left; 
	padding:10px 0 0 0; 
	color:#999;
	font-size:14px
	}
.txt1 a, .txt2 a{ color:#e9811a}
.txt1 a:hover, .txt2 a:hover{ text-decoration:underline}
.txt3{ padding:30px 0; font-size:20px;}
.shadow{box-shadow:0 0 15px rgba(0,0,0, 0.1);}
.mt40{ margin-top:40px;}
.ul1{ padding-left:180px;}
.ul1 li{ line-height:30px; color:#666; font-size:14px;}
.ul1 li a{ color:#e9811a;}
.ul1 li a:hover{ text-decoration:underline}
.circle{
	width:8px; height:8px;
	background:#f30;
	border-radius:4px;
	position:absolute;
	}
.tip{
	text-align:center; 
	font-size:24px;
	line-height:30px; 
	color:#333; 
	width:1000px; 
	margin:10px auto 0;
	padding:60px 0 20px 0;
	}
	.tip span{
		display:block;
		font-size:18px;
		margin:10px 0 0 0;
		color:#999
		}
	.tip p{
		font-size:14px;
		text-align:left;
		width:560px;
		margin:0 auto
		}
.tip1{ 
	overflow:hidden; 
	clear:both; 
	color:#999; 
	padding:5px 0 0 220px; 
	font-size:14px;
	}
.tip1 a{ color:#e9811a;}
.tip1 a:hover{ text-decoration:underline}
.tip2{ color:#999; font-size:12px; margin:18px 0 0 0}
.tip2 a{ color:#e9811a}
.tip2 a:hover{ text-decoration:underline}
.tip3{ padding:20px 0 0 220px; color:#999; font-size:18px;}
.tip3 strong{display:block; font-weight:bold; margin:5px 0 0 0}
.tip4{ color:#999; font-size:12px; padding:10px 0 0 0}
.align_C{ text-align:center}
.blue{ color:#09f}
.w760{width:760px;float:left; padding:0 0 0 20px;}

/* header nav */
.head{
	height:80px;
	width:100%; min-width:1000px;
	border-bottom:1px solid #f2f2f2;
	*position:relative;
	*z-index:1
	}
	.logo{
		width:260px; height:40px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(../images/icon.png) no-repeat;
		float:left;
		margin-top:20px;
		}
	.nav_menu, .nav_sign{
		height:80px;
		float:right
		}
	.nav_sign{ margin-left:15px;}
	.nav_menu li, .nav_sign li{ float:left;}
	.nav_menu li{ position:relative}
	.nav_menu li a, .nav_sign li a{
		display:block;
		height:80px;
		line-height:80px;
		color:#999;
		padding:0 16px;
		-webkit-transition:all 0.5s;
			-moz-transition:all 0.5s;
				transition:all 0.5s;
		}
		.nav_menu li a:hover, .nav_sign li a:hover{
			background:#f2f2f2;
			color:#e9811a;
			}
		.nav_menu li a.cur{ color:#333;}		
		.nav_sign li a.cur{ color:#e9811a}	
		
		.nav_sign li a.reg{
			color:#e9811a;
			}
.nav_menu .circle{
	top:25px;
	}
/* logined */
.logined{
	float:right;
	position:relative;
	height:80px;
	margin-left:25px;
	width:48px;
	z-index:99;
	}
.logined:after{
	content:"";
	position:absolute;
	top:50%; right:-16px;
	margin-top:-5px;
	width:10px;
	height:10px;
	background:url(../images/logined_icon.png) 0 -272px no-repeat;
	}
.logined .user_head{
	width:48px; height:48px;
	margin-top:16px;
	cursor:pointer;
	border-radius:50%;
	}

.logined ul{
	width:160px;
	background:#fff;
	position:absolute;
	top:80px;
	left:-57px;
	border-radius:0 0 3px 3px;
	display:none;
	z-index:999;
	box-shadow:0 0 15px rgba(0,0,0, 0.2);
	border:1px solid #f2f2f2;
	
	}
.logined li a{
	line-height:45px;
	padding:0 25px 0 60px;
	display:block;
	color:#333;
	background:url(../images/logined_icon.png) no-repeat;
	}
	.logined li a:hover{
		background:#f9f9f9 url(../images/logined_icon.png) no-repeat;
		}
.logined li a.user{ background-position:20px 8px}
.logined li a.status{ background-position:20px -38px}
.logined li a.manage{ background-position:20px -80px}
.logined li a.edit{ background-position:21px -126px}
.logined li a.app{ background-position:20px -159px}
.logined li a.sign_out{ background-position:20px -212px}
.logined li:first-child a{
	padding-top:10px;
	}
.logined li:last-child a{
	border-radius:0 0 3px 3px;
	padding-bottom:10px;
	}
.logined li a.status{ position:relative}
.logined li a.status .circle{top:8px;}	
.notice{
	background:#fff;
	box-shadow:0 0 15px rgba(0,0,0, 0.2);
	border:1px solid #f2f2f2;
	position:absolute;
	width:240px;
	left:-90px;
	text-align:center;
	display:none;
	z-index:999;
	font-size:24px;
	padding:5px 0
	}
.notice ul{ padding:10px 0 0 0; }
.notice li{ margin:0 0 10px 0; text-align:left }
.notice li a{ height:auto; line-height:20px;color:#666; font-size:14px}
.notice li a:hover{ background:none; }


/* scrollable */
#main{
	position:relative;
	padding:60px 0 0 0;
	margin: 0 auto;
	overflow:hidden;
	}
#item{width:20000px; clear:both; position:relative;}
.page{width:1000px; float:left;}

.box{width:640px; margin:30px auto 0; padding:0 20px; overflow:hidden;}

.box1{ padding:20px 0 0 220px;}
.box2{
	text-align:center;
	border-top:1px solid #e4e4e4;
	padding:20px 0
	}
	.box2 a{
	height:50px; line-height:50px;
	border:none;
	cursor:pointer;
	margin-right:10px;
	width:150px;
	background:#cacaca;
	border-radius:3px;
	font-size:18px;
	font-family:"Microsoft YaHei";
	color:#fff;
	display:inline-block;
	text-align:center;
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
	.box2 a:hover{
		background:#aeaeae;
		color:#fff;
		}
	.box2 a.disabled{
		cursor:default;
		background:#cacaca;
		color:#f2f2f2
		}
	.box2 a.disabled:hover{
		cursor:default;
		background:#cacaca
		}
	.box2 a.orange{
		background:#e9811a;
		color:#fff;
		}
	.box2 a.orange:hover{
		background:#ffba00;
		color:#fff;
		}

	
/********* index **************/
.banner{
	width:100%;
	height:720px;
	overflow:hidden;
	min-width:1000px;
	background:#1598e9 url(../images/banner_bg.jpg) top center no-repeat;
	}
.inner{
	width:1000px;
	height:720px;
	margin:0 auto;
	position:relative;
	}
	.inner p{
		position:absolute;
		left:0; top:180px;
		height:210px;
		width:520px;
		}
	.inner p a.apple-pay{
		display:inline-block;
		color:#fff;
		display:block;
		font-size:3em;
		}
	.inner p strong{ 
		color:#fff;
		display:block;
		font-size:4em;
		font-family:"微软雅黑";
		}
	.inner p span{
		font-size:2em;
		color:#fff;
		display:block
		}
	.inner p span em{ width:20%; display:inline-block}
	.inner a.reg-btn{
		width:300px;
		display:block;
		padding:12px 0;
		text-align:center;
		border:1px solid #fff;
		border-radius:3px;
		text-align:center;
		color:#fff;
		font-size:24px;
		position:absolute;
		top:450px;
		transition:all 0.5s ease; 
		-webkit-transition:all 0.5s ease; 
		}
		.inner a.reg-btn:hover{
			background:#fff;
			color:#E7689F
			}
.banner_pic{
	position:absolute;
	right:0;
	bottom:0;
	}
	
.h_txt{
	font-size:30px;
	text-align:center;
	padding:50px 0;
	}
.container{
	background:#f2f2f2;
	width:100%;
	min-width:1000px;
	margin:0 auto
	}
.quick{
	padding-bottom:50px;
	}	
.quick li{
	float:left;
	width:33%;
	height:135px;
	background:url(../images/icon.png) no-repeat;
	}
	.quick li.step1{
		background-position:-294px -126px;
		}
	.quick li.step2{
		background-position:-294px -296px;
		}
	.quick li.step3{
		background-position:-294px -458px;
		}
	.quick li h3,
	.quick li span{
		display:block;
		padding-left:100px;
		}
	.quick li h3{
		margin:35px 0 5px 0;
		font-size:20px;
		color:#333
		}
	.quick li span{
		color:#666;
		font-size:14px;
		}

/* index features */		
.features{
	overflow:hidden;
	padding-bottom:50px;
	}
.features li{
	float:left;
	width:23%;
	text-align:center;
	padding:0 1%;
	}
.features li h3{
	color:#333;
	font-size:20px;
	padding:15px 0
	}
.features li p{
	font-size:14px;
	color:#666;
	line-height:25px;
	padding:0 5px;
	}
.features li i{
	display:block;
	width:58px; height:58px;
	margin:0 auto;
	background:url(../images/icon.png) no-repeat;
	}
	.features li i.ic1{
		background-position:-332px 0 ;
		}
	.features li i.ic2{
		background-position:-412px 0 ;
		}
	.features li i.ic3{
		background-position:-493px 0 ;
		}
	.features li i.ic4{
		background-position:-577px 0 ;
		}
/* index faq */		
.faq{
	padding-bottom:20px;
	}
.faq dt{
	font-size:18px;
	color:#333;
	}
.faq dd{
	font-size:14px;
	color:#666;
	line-height:25px;
	padding:5px 0 30px 30px
	}
/* index back */		
.bank{
	overflow:hidden;
	padding-bottom:30px;
	text-align:center
	}
.bank h2{
	font-size: 30px;
    padding: 50px 0 20px 0;
    text-align: center;
	}
.bank h3{ 
	text-align:center;
	font-size: 22px;
	}		
.bank p{
	width:640px;
	margin:10px auto 20px;
	line-height:24px;
	font-size:14px;
	}		
/* index partner */		
.partner{
	overflow:hidden;
	}
.partner li{
	width:25%;
	float:left;
	padding-bottom:20px
	}
	.partner a{
		display:block;
		height:58px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(../images/partner.png) no-repeat;
	}
	.partner a.ctrip{
		background-position:0 0;
		}
		.partner a.ctrip:hover{
			background-position:-1px -574px;
		}
	.partner a.jd{
		background-position:10px -160px;
		}
		.partner a.jd:hover{
			background-position:10px -755px;
		}

	.partner a.mgj{
		background-position:60px -299px;
		}
		.partner a.mgj:hover{
			background-position:60px -898px;
		}

	.partner a.shenzhou{
		background-position:80px -434px;
		}
		.partner a.shenzhou:hover{
		background-position:80px -1101px;
		}
	.partner a.uber{
		background-position:9px -74px;
		}
		.partner a.uber:hover{
			background-position:9px -655px;
		}

	.partner a.qihu360{
		background-position:15px -226px;
		}
		.partner a.qihu360:hover{
		background-position:16px -820px;
		}
		
	.partner a.cp500{
		background-position:60px -366px;
		}
		.partner a.cp500:hover{
		background-position:59px -961px;
		}
	
	.partner a.tc58{
		background-position:80px -492px;
		}
		.partner a.tc58:hover{
		background-position:77px -1032px;
		}

	
	

/* register */
.reg_box{
	overflow:hidden;
	clear:both;
	margin:0 auto;
	margin-top:60px;
	width:980px;
	}
.email_txt{
	width:740px;
	height:80px; 
	line-height:100%; /* for Safari */
	line-height:80px\0;  /* ie8+ie9 */
	*line-height:80px; /* ie6+ie7 */
	border-radius:3px 0 0 3px;
	background:#f2f2f2;
	border:none;
	padding:0 20px;
	float:left;
	font-size:24px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
	.email_txt:focus{
		background:#e4e4e4;
		}
	

.form-box h3{ font-size:20px; margin:30px 0 0 0}
.form_list{ 
	padding-top:25px; 
	clear:both
	}
.form_list label{ 
	width:200px; 
	height:50px; 
	line-height:50px; 
	text-align:right; 
	float:left;
	color:#333;
	font-size:14px;
	}
.form_list .i_text{ 
	float:left; 
	height:48px;line-height:48px; 
	border:1px solid #cdcdcd; 
	width:320px; 
	padding:0 10px; 
	border-radius:3px; 
	display:inline; 
	margin:0 0 0 20px;
	color:#333;
	font-size:18px; font-family:"Microsoft YaHei";
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
}
.form_list .i_text.w740{ 
	width:740px; 
	height:66px; 
	line-height:30px; 
	resize:none; 
	font-size:16px; 
	}
.form_list .i_text.w100{
	width:100px;
	border-radius:3px 0 0 3px;
	margin-right:0
	}
.form_list .i_text.w135{
	width:135px;
	border-radius:3px;
	margin-right:0
	}
.form_list .i_text.w480{
	width:480px;
	}
.form_list .i_text.m0{ margin:0}
.form_list .i_text:hover,
.form_list .i_text:focus{ 
	background:#f8f8f8; 
	border:1px solid #cacaca
	}
.form_list .err_tip{ 
	float:left; 
	line-height:50px; 
	color:#f00; 
	font-size:14px;
	margin-left:10px;
	}
.btn_box{
	padding:40px 0 0 220px;
	overflow:hidden
	}
.div_line{height:50px;
	line-height:50px;
	float:left;
	margin:0 10px;
	}

/* select */	
.select_box, .credentials {
	 float:left;
	 position:relative;
	 display:inline;
	 margin:0 10px 0 20px;
	 }
.select_box input,
.credentials input {
	display:block; 
	line-height:48px; 
	height:48px; 
	overflow:hidden;
    background:url(../images/icon.png) 310px -36px no-repeat;
	border:1px solid #cdcdcd;
	padding:0 10px;
	font-size:18px;
	width:320px;
	font-size:18px;
	float:left;
	border-radius:3px;
	font-family:"Microsoft YaHei";
	color:#333
	 }
.select_box input:focus,
.credentials input:focus{
	background:#f2f2f2 url(../images/icon.png) 310px -83px no-repeat;
	}	
	 
.select_box ul,
.credentials ul {
	width:340px; 
	position:absolute;
	top:51px; 
	left:0px;
	border:1px solid #cdcdcd; 
	background:#fff; 
	overflow: hidden;
	display:none; 
	background:#f9f9f9; 
	z-index:99999;
	border-radius:3px;
	}
.select_box ul li,
.credentials ul li {
	display:block;
	padding:5px 20px;
	line-height:25px;
	overflow:hidden;
	width:100%;
	cursor:pointer;
	}
.select_box ul li:hover,
.credentials ul li:hover{
	background:#f2f2f2;
	}

		
/* upload */

.uploadfile{
	margin:8px 0 0 0px;
	}
.uploadfile ul{
	clear:both;
	}
.uploadfile li{
	float:left;
	margin:20px 0 0 0;
	margin-right:10px;
	}
.uploadfile img{ width:300px;}
.uploadbtn{
	padding:6px 20px;
	border-radius:3px;
	border:1px solid #cdcdcd;
	background:#fff;
	cursor:pointer;
	color:#999;
	font-size:16px;
	font-family:"Microsoft YaHei";
	text-decoration:none;
	float:left
	}
.uploadbtn:hover{ background:#f2f2f2; color:#666}
.uploadfile .delete{ cursor:pointer; color:#e9811a}
.uploadfile .delete:hover{ text-decoration:underline}
.uploadfile .err_tip{ 
	color:#f00; 
	font-size:14px;
	margin-left:10px;
	line-height:35px;
	}

.example{ position:absolute; left:50%; top:50%; z-index:10001; margin:-290px 0 0 -383px}
.example span{
	border:2px solid #f30;
	position:absolute;
	display:block;
	height:30px;
	-webkit-animation:showHide 1s infinite;
	-moz-animation:showHide 1s infinite;
	-o-animation:showHide 1s infinite;
	-ms-animation:showHide 1s infinite;
	animation:showHide 1s infinite;
	}
.example.pic0 span{top:124px; left:396px;width:210px;}  
.example.pic1 span{top:496px; left:320px;width:350px;} 
.example.pic2 span{top:411px; left:428px;width:100px;} 
.example.pic3 span{top:392px; left:228px;width:100px;}

@keyframes showHide
{
	0%{ opacity:1}
	100%{ opacity:0}
}	
@-webkit-keyframes showHide{
	0%{ opacity:1}
	100%{ opacity:0}
}

/*  select city */	
#citySelect{
	float:left;
	margin-left:20px;
	display:inline;
	}		
.select{
	border: 1px solid #cdcdcd;
    border-radius: 3px;
    display: inline;
    float: left;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    transition: all 0.2s ease-out 0s;
    width: 220px;
	margin-right:10px;
	position:relative;
	}
.select.w108{
	width:108px;
	}
.select.w280{
	width:280px;
	}
.select h2{
	overflow:hidden;
	color:#333333; 
	font-size:18px; 
	font-family:"Microsoft YaHei";
	padding: 0 10px;
	background:url(../images/icon.png) 190px -37px no-repeat;
	}
.select h2.pos80{
	background-position:80px -37px
	}
.sub{ 
	position:absolute; 
	top:48px; left:-1px;
	border:1px solid #cdcdcd;
	background:#fff; 
	width:220px; 
	display:none; 
	max-height:200px;
	-height:200px; 
	overflow-x:hidden; 
	overflow-y:auto;
	border-radius:0 0 3px 3px
	}
.sub.w108{
	width:108px;
	}
.sub li{
	line-height:30px;
	padding-left:10px;
	font-size:16px;
	}
.sub li:hover{ 
	background:#f2f2f2;
	cursor:pointer;
	}
.detailAdd{
	clear:both;
	padding:10px 0 0 200px;
	}	
	
/* Select Industry */
#select_industry{
	width:760px;
	margin:0 0 0 220px;
	}
	#select_industry a{
		padding:0 20px;
		background: #fff;
    	border: 1px solid #cdcdcd;
		border-radius: 3px;
		color: #999;
		cursor: pointer;
		font-family: "Microsoft YaHei";
		font-size: 16px;
		height:48px; line-height:48px;
		text-decoration: none;
		display:inline-block
		}
	#select_industry a:hover{ background:#f2f2f2}
#mask{
	position:absolute;
	left:0;
	top:0;
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
	min-width:100%;
	width:100%;
	height:100%;
	display:none;
	z-index:998
	}
.select_industry{ 
	position:fixed; 
	margin-left:-490px;
	width:940px;
	left:50%;top:50%;
	background:#fff;
	border-radius:3px;
	overflow:hidden;
	box-shadow:0 0 10px rgba(0,0,0, 0.3);
	display:none;
	z-index:999;
	padding:20px 30px 10px 30px;
	}

.list_wrap{
	overflow:hidden;
	clear:both;
	}
.list_wrap dl{
	overflow:hidden;
	float:left;
	width:20%;
	padding:10px 0;
	}
.list_wrap dt{
	font-size:18px;
	padding:0 0 10px 5px;
	}
.list_wrap dd{
	font-size:14px;
	cursor:pointer;
	color:#666;
	padding:0 5px 10px 5px;
	}
.list_wrap dd:hover,
.list_wrap dd.cur{
	color:#e9811a;
	}
			
/* sdk download \ Select business type */
.box3{
	overflow:hidden;
	}
.box3 div{
	width:488px;
	height:300px;
	}
.box3 a{
	display:block;
	width:488px;
	height:300px;
	background:#f2f2f2;
	overflow:hidden;
	color:#333;
	text-align:center;
	}
	.box3 a:hover{
		background:#ececec;
		color:#000
		}
.box3 a.not-open{ cursor:default; color:#999}
.box3 a.not-open:hover{background:#f2f2f2; color:#999}
.box3 i{
	width:90px;
	height:58px;
	display:block;
	background:url(../images/icon.png) no-repeat;
	overflow:hidden;
	margin:80px auto 20px;
	}
	.box3 i.c_icon{
		background-position:0 -174px ;
		}
	.box3 i.s_icon{
		background-position:0 -239px ;
		}
	.box3 i.rmb_icon{
		background-position:0 -346px ;
		width:114px; height:114px;
		}
	.box3 i.wb_icon{
		background-position:-126px -346px ;
		width:114px; height:114px;
		}

	
.box3 h3{
	font-size:24px;
	}
.box3 p{
	font-size:18px;
	}
	
/* Contract Download */

#contract{
	margin:20px 0;
	padding:20px 30px 0 30px;
	background:#f2f2f2;
	height:410px;
	}	
#contract p{
	line-height:24px;
	font-size:14px;
	padding:0 10px 15px 0;
	color:#666
	}
#contract p strong{
	color:#333;
	font-weight:bold;
	}
#contract h3{
	color:#333;
	font-size:18px;
	padding-bottom:15px;
	}
.contract_tip{
	line-height:25px;
	font-size:14px;
	}
.contract_tip p a{ color:#e9811a}
.down_contract{
		display:block;
		margin:20px auto;
		border-radius:3px;
		width:360px; height:50px; line-height:50px;
		background:#e9811a;
		color:#fff;
		font-size:20px;
		text-align:center;
		-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
		}
		.down_contract:hover{
			text-decoration:none;
			background:#ffba00
			}	
			
/* Technical Documents */
#side_nav{
	width:150px;
	float:left;
	}
	#side_nav h3{
		padding:0 0 15px 0;
		cursor:pointer;
		}
	#side_nav h3 a{
		color:#333;
		display:block;
		}
	#side_nav h3 a:hover,
	#side_nav h3 a.current{
		color:#e9811a;
		}
	#side_nav ul{
		padding-bottom:10px;
		display:none
		}
	#side_nav li a{
		color:#666;
		display:block;
		padding:0 0 10px 20px;
		}
		#side_nav li:hover a,
		#side_nav li.current a{
			color:#e9811a;
			}
	#side_nav h4{ padding:0 0 10px 20px; color:#666}
	#side_nav li.pl30{ padding-left:30px;}
.fixer{ 
	position:fixed; 
	top:0px;
	_position:absolute;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight+10 + "px");
	}
.content{
	min-height:640px;
	width:810px;
	float:right;
	padding:0 0 0 20px;
	border-left:1px solid #f2f2f2;
	}
.content h3{
	margin-bottom:10px;
	}
.content h3.tit{ margin:30px 0 10px 0;}
.content p{
	line-height:25px;
	color:#666;
	font-size:14px;
	margin-bottom:15px;
	}
.content p a, .content dd a{
	color:#333;
	padding:0 5px;
	text-decoration:underline
	}
.content p a:hover, .content dd a:hover{
	text-decoration:none;
	}
.content dl{ margin-top:15px;}
.content dt{
	color:#333;
	margin-bottom:5px
	}
.content dd{
	color:#666;
	line-height:25px;
	font-size:14px;
	margin-bottom:20px
	}

.content dd p strong{
	display:block;
	color:#333;
	margin:10px 0 0 0
	}
.content div pre{
	word-break: break-all;
    word-wrap: break-word;
	}
.content p strong{
	display:block;
	font-size:18px;
	color:#333;
	}			
/* footer */	
.foot{
	border-top:1px solid #f2f2f2;
	padding:30px 0;
	text-align:center;
	width:1000px;
	color:#999;
	font-size:14px;
	margin:0 auto;
	margin-top:80px;
	}	


/* i-text  input */
.i-text{
	width:600px;
	height:80px; 
	line-height:100%; /* for Safari */
	line-height:80px\0;  /* ie8+ie9 */
	*line-height:80px; /* ie6+ie7 */
	border-radius:3px;
	background:#f2f2f2;
	border:none;
	padding:0 20px;
	font-size:24px;
	color:#333;
	display:block;
	font-family:"Microsoft YaHei";
	-webkit-transition:all 0.2s ease-out 0s;
	-moz-transition:all 0.2s ease-out 0s;
		transition:all 0.2s ease-out 0s;
	}
	.i-text:focus{
		background:#e4e4e4;
	}
	.i-text.mt20{ margin-top:20px;}

/* btn */
.btn_wrap{overflow:hidden; clear:both; padding:20px 0 0 0;}
.btn{
	height:50px; line-height:50px;
	border:none;
	cursor:pointer;
	margin-right:20px;
	width:160px;
	background:#e9811a;
	border-radius:3px;
	font-size:18px;
	font-family:"Microsoft YaHei";
	color:#fff;
	display:block;
	text-align:center;
	float:left;
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
	.btn:hover{
		background:#ffa42d;
		color:#fff;
		}
	.btn.disabled{
		cursor:default;
		background:#cacaca;
		color:#f2f2f2
		}
	.btn.disabled:hover{
		cursor:default;
		background:#cdcdcd
		}
	.btn.loading{
		background:#cacaca url(../images/loading_s.gif) 112px 8px no-repeat;
		cursor:default
		}

.reg_btn{
	width:200px;
	height:80px;
	float:left;
	border:none;
	background:#cacaca;
	color:#fff;
	font-size:24px;
	font-family:"Microsoft YaHei";
	cursor:pointer;
	border-radius:0 3px 3px 0 ;
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
	.reg_btn:hover{
		background:#aeaeae;
		}
	.reg_btn.disabled,
	.reg_btn.disabled:hover{
		color:#e4e4e4;
		cursor:default;
		background:#cacaca;
		}
	.reg_btn.loading{
		background:#cacaca url(../images/loading_s.gif) 130px center no-repeat;
		}

.pwd_btn{
	float:right;
	height:80px; line-height:80px;
	text-align:center;
	border:none;
	background:#cacaca;
	color:#fff;
	font-size:24px;
	font-family:"Microsoft YaHei";
	cursor:pointer;
	border-radius:3px;
	width:220px;
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
	.pwd_btn:hover{background:#aeaeae;}

.countdown_btn{
	height:50px;
	float:left;
	border:none;
	background:#e9811a;
	color:#fff;
	text-align:center;
	cursor:pointer;
	font-size:18px;
	width:120px;
	font-family:"Microsoft YaHei";
	border-radius:0 3px 3px 0;
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
	.countdown_btn:hover{background:#ffa42d;}
	.countdown_btn.disabled{
		cursor:default;
		background:#cdcdcd;
		color:#f2f2f2
		}
	.countdown_btn.disabled:hover{background:#cdcdcd;}

.border_btn{
	display:block;
	height:50px;
	line-height:50px;
	border:1px solid #d5d5d5;
	text-align:center;
	border-radius:3px;
	width:240px;
	margin:30px auto 20px;
	font-size:18px;
	color:#666;
	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
	.border_btn:hover{
		background:#cacaca;
		border:1px solid #cacaca;
		color:#fff;
		}
.border_btn.dis{
	background:#e1e1e1;
	border:1px solid #e1e1e1;
	color:#fff
	}
.border_btn.dis:hover{
	border:1px solid #e1e1e1;
	}

	
/* animation */

.shake {
	-webkit-animation: 0.1s ease 0s normal none 3 running shake;
		-moz-animation: 0.1s ease 0s normal none 3 running shake;
			-o-animation: 0.1s ease 0s normal none 3 running shake;
				animation: 0.1s ease 0s normal none 3 running shake;
}

@-webkit-keyframes shake {
	0% {
		transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
	}
	50% {
		transform: translate(-10px, 0px);
		-webkit-transform: translate(-10px, 0px);
		-moz-transform: translate(-10px, 0px);
		-o-transform: translate(-10px, 0px);
		-ms-transform: translate(-10px, 0px);
	}
	100% {
		transform: translate(10px, 0px);
		-webkit-transform: translate(10px, 0px);
		-moz-transform: translate(10px, 0px);
		-o-transform: translate(10px, 0px);
		-ms-transform: translate(10px, 0px);
	}
}

@-moz-keyframes shake {
	0% {
		transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
	}
	50% {
		transform: translate(-10px, 0px);
		-webkit-transform: translate(-10px, 0px);
		-moz-transform: translate(-10px, 0px);
		-o-transform: translate(-10px, 0px);
		-ms-transform: translate(-10px, 0px);
	}
	100% {
		transform: translate(10px, 0px);
		-webkit-transform: translate(10px, 0px);
		-moz-transform: translate(10px, 0px);
		-o-transform: translate(10px, 0px);
		-ms-transform: translate(10px, 0px);
	}
}
@-ms-keyframes shake {
	0% {
		transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
	}
	50% {
		transform: translate(-10px, 0px);
		-webkit-transform: translate(-10px, 0px);
		-moz-transform: translate(-10px, 0px);
		-o-transform: translate(-10px, 0px);
		-ms-transform: translate(-10px, 0px);
	}
	100% {
		transform: translate(10px, 0px);
		-webkit-transform: translate(10px, 0px);
		-moz-transform: translate(10px, 0px);
		-o-transform: translate(10px, 0px);
		-ms-transform: translate(10px, 0px);
	}
}
@keyframes shake {
	0% {
		transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
	}
	50% {
		transform: translate(-10px, 0px);
		-webkit-transform: translate(-10px, 0px);
		-moz-transform: translate(-10px, 0px);
		-o-transform: translate(-10px, 0px);
		-ms-transform: translate(-10px, 0px);
	}
	100% {
		transform: translate(10px, 0px);
		-webkit-transform: translate(10px, 0px);
		-moz-transform: translate(10px, 0px);
		-o-transform: translate(10px, 0px);
		-ms-transform: translate(10px, 0px);
	}
}

		
/*
Back to top button 
*/
#back-top {
	position: fixed;
	*position: absolute;
	bottom: 15px;
	right:15px;
	z-index:999
}
#back-top a {
	width: 72px;
	display: block;
	text-align: center;
	font: 12px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #f8755f;
}
/* arrow icon (span tag) */
#back-top span {
	width: 72px;
	height: 72px;
	display: block;
	margin-bottom: 7px;
	background: #cdcdcd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #f8755f;
}



/* alert layer */
#mask_div{
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
	height:100%;
	width:100%;
	min-width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10000;
	animation:0.3s ease farwards;
	-webkit-animation:0.3s ease farwards;
	-moz-animation:0.3s ease farwards;
	-webkit-animation:0.3s ease farwards;
	-o-animation:0.3s ease farwards;
	-ms-animation:0.3s ease farwards;
}
#mask{
	position:absolute;
	left:0;
	top:0;
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
	min-width:100%;
	width:100%;
	height:100%;
	display:none;
	z-index:998
	}

@keyframes fade_out{
	0%{ opacity:0.3;}
	100%{ opacity:0;}	
}
@-webkit-keyframes fade_out{
	0%{ opacity:0.3;}
	100%{ opacity:0;}	
}
@-o-keyframes fade_out{
	0%{ opacity:0.3;}
	100%{ opacity:0;}	
}
@-ms-keyframes fade_out{
	0%{ opacity:0.3;}
	100%{ opacity:0;}	
}

#box{
	background:#fff;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0, 0.3);
	position:fixed;
	width:480px;
	height:auto;
	left:50%;
	top:50%;
	overflow:hidden;
	z-index:10000;
	animation:0.3s ease farwards;
	-webkit-animation:0.3s ease farwards;
	-ms-animation:0.3s ease farwards;
	-moz-animation:0.3s ease farwards;
	
}

#box_title{
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #cdcdcd;
	position:relative;
}
#box_title h2{		
	font-size:18px;
	display:inline-block;
	font-family:"Microsoft YaHei";
	font-weight:normal;
	color:#333
}
#close{
	position:absolute;
	right:24px; top:24px;
	width:24px; height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/icon.png) -2px -726px no-repeat;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
#close:hover{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	background-position:-2px -726px;
	}

/* login */
.login{
	text-align:center;
	padding:20px 0 30px 0
	}
.login h2{
	font-size:24px;
	font-weight:normal;
	font-family:"Microsoft YaHei";
	}
.login p{
	padding:10px 0 20px 0;
	color:#666;
	}
.form_wrap{
	width:80%;
	margin:0 auto;
	}
.form_item{
	padding-bottom:20px;
	overflow:hidden;
	position:relative;
	}
.form_item .err_tip{ position:absolute; display:block; text-align:left; font-size:14px; color:#f30}
.form_item .i_text{
	width:96%;
	height:50px; line-height:50px;
	border:2px solid #f1f1f1;
	border-radius:3px;
	font-family:"Microsoft YaHei";
	font-size:18px;
	padding-left:2%;
	-webkit-transition:all 0.2s ease-out 0s;
	-moz-transition:all 0.2s ease-out 0s;
		-ms-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;
	}
.form_item .i_text:focus{
	border:2px solid #cdcdcd;
	}
.form_item .i_text.err{
	border:2px solid #ec7063;
	box-shadow:0 0 3px rgba(236,112,99, 0.8);
	}
.form_item .i_text.w240{width:180px; float:left}
	
.sub_btn{
	height:54px;
	line-height:54px;
	text-align:center;
	border-radius:3px;
	border:none;
	background:#e9811a ;
	width:100%;
	color:#fff;
	font-family:"Microsoft YaHei";
	font-size:20px;
	-moz-user-select:none;
	vertical-align: middle;
    white-space: nowrap;
	cursor:pointer;
	transition:all 0.5s ease;
	}
.sub_btn:hover{
	background:#ffa42d;
	}
.sub_btn.dis{
		background:#e1e1e1;
		cursor:default;
	}
.sub_btn.err{
		background:#ec7063;
		cursor:default;
	}
	
.link{
	width:334px;
	margin:0 auto;
	}
.link a{
	font-size:18px;
	color:#666;
	}
.link a:hover{
	color:#e9811a;
	}
.verify_img{
	width:120px;
	height:50px;
	float:left;
	margin-left:10px;
	}
	
/* my center */
	
.app_list{
	overflow:hidden;
	text-align:center;
	padding:30px 0;
	}
.app_list li{
	height:320px;
	width:280px;
	padding:20px 10px 0 10px;
	border:1px solid #f1f1f1;
	display:inline-block;
	overflow:hidden;
	margin:0 10px 30px 10px;
	border-radius:1px;
	vertical-align:top;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	}
.app_list li:hover{
	border:1px solid #ddd;
	box-shadow:0 0 15px rgba(0,0,0, 0.3);
	}
.app_pic{
	width:48px; height:48px;
	margin:20px auto 5px;
	overflow:hidden;
	background:url(../images/icon.png) -137px -492px no-repeat;
	}
.eidt_ic{
	background:url(../images/logined_icon.png) 3px -136px no-repeat;
	width:24px;
	height:24px;
	overflow:hidden;
	display:inline-block;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.3s ease;
	}	
.eidt_ic.alpha50{
	opacity:0.5;
	filter:alpha(opacity=50);
	}	
.app_name{position:relative; margin-bottom:30px;}
.app_name input{
	padding:4px 0;
	border:2px solid #fff;
	border-radius:3px;
	color:#000;
	font-size:20px;
	font-family:"Microsoft YaHei";
	padding-left:4px;
	width:260px;
}
.app_name input:focus,
.app_name input:hover,
.app_name input.on{border:2px solid #f2f2f2;}
.app_name .eidt_ic{ top:8px; right:12px;}
.app_name:hover .eidt_ic{
	opacity:0.5;
	filter:alpha(opacity=50);
	transition:all 0.3s ease;
	}		


.app_id{ text-align:left; margin-bottom:20px; padding:0 0 0 10px;font-size:12px;font-family:Arial, Helvetica, sans-serif}
.app_id strong{ font-size:12px; color:#999; padding-bottom:4px; display:block}
.app_id p{ font-size:16px; line-height:16px;word-break:break-all;word-wrap:break-word; }
.app_id p a{ color:#333}
.app_id p a:hover{ color:#e9811a}
.app_status{
	border-top:1px solid #e4e4e4;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	text-align:center
	}
.app_status a{
	display:inline-block;
	line-height:40px;
	color:#e9811a;
	padding:0 5px;
	}
.app_status a:hover{text-decoration:underline;}
.app_status p{color:#999;}


.quick_nav{padding:30px 0;}
.quick_nav li{
	float:left;
	margin-right:48px;
	}
.quick_nav a{
	color:#000;
	height:30px; line-height:30px;
	display:inline-block;
	background:url(../images/logined_icon.png) no-repeat;
	padding-left:32px;
	}
.quick_nav a.unfinished{ background-position:0 -395px}
.quick_nav a.unfinished:hover{ background-position:0 -451px}
.quick_nav a.trade_manage{background-position:0 -90px}
.quick_nav a.trade_manage:hover{background-position:0 -564px}
.quick_nav a:hover{color:#e9811a;}
.addApp a{
	display:block;
	font-size:24px;
	color:#666;
	text-align:center;
	height:320px;
	overflow:hidden
	}	
.addApp a i{
	width:56px;
	height:56px;
	font-size:56px;
	display:block;
	margin:80px auto 0;
	text-align:center
	}
.addApp a p{ padding:10px 0 0 0}


.hidePanel{
	border:1px solid #f2f2f2;
	border:1px solid #ddd;
	background:#fff;
	box-shadow:0 0 15px rgba(0,0,0, 0.3);
	padding:5px 20px;
	min-width:120px;
	max-width:240px;
	text-align:center;
	position:absolute;
	z-index:99;
	top:66px;
	display:none;
	}
.hidePanel a{ color:#333; background:none; padding:0; height:auto; line-height:24px}	
.hidePanel p{text-align:left; margin:10px 0px; font-size:14px;}
.hidePanel p span{ color:#999}


/* basic info */
.basic_info{width:700px; margin:0 auto}
.basic_info p{line-height:50px;}
.basic_info p span{
	display:inline-block;
	width:120px;
	text-align:left;
	}
.basic_info p strong{
	display:inline-block;
	padding-left:20px;
	}
.basic_info .bd{
	border-bottom:1px solid #f2f2f2;
	padding-bottom:20px;
	margin-bottom:20px
	}
.basic_info strong a{
	color:#e9811a;
	text-decoration:none
	}
.basic_info strong a:hover{
	text-decoration:underline
	}

/*  application status */
.application_status{position:relative;}
.application_status li{
	border-bottom:1px solid #f2f2f2;
	padding:20px 0;
	}
.application_status li:nth-child(1){ padding-top:0}
.application_status li div.status{ text-align:right}
.application_status li div.status span{ display:block; position:relative}
.application_status li div.status span.red{ color:#f30; position:relative}
.application_status h3{font-size:18px;}
.application_status p{
	color:#999;
	margin-top:5px;
	font-size:14px;
	}
.application_status p.red{ color:#f30;}
.application_status span{
	color:#999;
	font-size:14px;
	}
.application_status a{
	color:#e9811a;
	font-size:14px;
	}
.application_status a:hover{
	text-decoration:underline;
	}
.application_status .tips{
	color:#09f;
	padding:20px 0;
	}
.application_status .failure{
	position:absolute;
	background:#fff;
	border:1px solid #e4e4e4;
	top:0;
	right:0;
	z-index:999;
	padding:10px;
	text-align:left;
	max-width:480px;
	min-width:320px;
	box-shadow:0 0 10px rgba(0,0,0, 0.1);
	display:none;
	color:#f30;
	word-break:break-all;
	word-wrap:break-word;
	}
.failure pre{
	white-space: pre-wrap;       
	white-space: -moz-pre-wrap;  
	white-space: -pre-wrap;      
	white-space: -o-pre-wrap;    
	word-wrap: break-word;  
	}
.show_tip{ color:#f30; cursor:pointer}	
.app-status{ padding:10px 0 0 0}
.app-status p{
	overflow:hidden;
	width:100%;
	line-height:30px;
	color:#666
	}
.app-status p em{ float:right; color:#999}	
.app-status p:hover,.app-status p:hover em{ color:#333}


/* find password */
.form_box{overflow:hidden}
.form_box .tips{
	padding:0 0 30px 0;
	}
.way li{
	padding:20px;
	border:1px solid #e4e4e4;
	margin:0 auto;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
	transition:all 0.5s ease;
	outline:1px solid #fff;
	}
.way li:hover{
	border:1px solid #e4e4e4;
	outline:1px solid #e4e4e4;
	}
.way li h3{
	float:left;
	font-size:18px;
	font-family:"Microsoft YaHei";
	margin:0 0 0 10px;
	height:48px;line-height:48px;
	}
.way li i{width:48px; height:48px; float:left;background:url(../images/icon.png) no-repeat;}	
.way li i.phone{ background-position: 10px -568px;}
.way li i.email{background-position: 6px -492px;}		
.way li i.cs{background-position: 4px -648px;}
.way li span{
	float:right;
	font-size:18px;
	font-family:"Microsoft YaHei";
	font-weight:normal;
	height:38px;
	line-height:38px;
	}	
			
.way li a{
	float:right;
	width:100px;
	height:38px;
	line-height:38px;
	margin-top:6px;
	font-size:14px;
	}

.textLink{
	height:50px;
	line-height:50px;
	color:#e9811a;
	font-size:14px;
	}
	.textLink:hover{
		text-decoration:underline;
		}
/* 404 */		
.page404{
	padding:100px 0 50px 0;
	text-align:center
	}
	.page404 p{
		font-size:18px;
		color:#999;
		padding:0 0 30px 0
		}
	.page404 img{
		display:block;
		margin:0 auto
		}
.page404 a{
	border: 1px solid #d5d5d5;
    border-radius: 3px;
    color: #666;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin: 40px auto 0px;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    width: 160px;
	}
.page404 a:hover {
    background: #d5d5d5 none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    color: #fff;
}

/* result */
.result{
	padding:60px 0px 100px 0;
	overflow:hidden;
	border:1px solid #f2f2f2;
	margin:20px auto 0;
	}

.result .icon{
	width:64px;
	height:64px;
	background:url(../images/icon02.png) no-repeat;
	float:left;
	margin:0 20px 0 120px;
	}

.result.error .icon{
	background-position:0 0;
	}
.result.suc .icon{
	background-position:0 -85px;
	}	
.result .txt{
	float:left;
	margin:10px 0 0 0;
	width:700px;
	}
.result .txt h3{font-size:26px;color:#333;}
.result .txt h4{ margin:12px 0 30px 0; font-size:18px;}
.result .txt h4 span{ color:#09f}
.result .txt a{color:#e9811a;}
.result .txt a:hover{color:#f30;text-decoration:underline;}
.result .txt p{ color:#999;}
.result p.pl150{ padding-left:234px;}	
/****** browser version ******/
#version_tip{
	text-align:center;
	background:#fc0;
	padding:20px 0;
	font-size:14px;
	}
#version_tip a{
	text-decoration:underline;
	padding:0 5px;
	color:#333
	}
#version_tip a:hover{
	text-decoration:none;
	}
	
	
/****** ******/
.jscrollbar {position: relative}
.jscrollbar .x, .jscrollbar .y{position: absolute; background: #484642;background: rgba(0,0,0,.3);}
.jscrollbar .x{width: 100%; left: 0; bottom:0}
.jscrollbar .y{height: 100%; top: 0; right: 0}

.jscrollbar .x .thumb, .jscrollbar .y .thumb{position: absolute; background: #1E1E1C;background: rgba(0,0,0,.6); border-radius: 5px}
.jscrollbar .x .thumb{height: 100%; bottom:0}
.jscrollbar .y .thumb{width: 100%; left:0}


/*qq online service */
#divBox {
    position: absolute;
    right:10px;
    z-index: 99999;
	background:#fff;
	border: 1px solid #e7e7e7;
	border-bottom:none;
	box-shadow:0 0 10px rgba(0,0,0, 0.1);
}
#divBox a{
	display:block;
	width:80px;
	height:80px;
	border-bottom:1px solid #e7e7e7;
	text-align:center;
	color:#999;
	font-size:14px;
	}
#divBox a i{
	display:block;
	width:80px;
	height:50px;
	background:url(../images/icon.png) no-repeat;
	}
#divBox a.qq i{ background-position:-476px -720px}
#divBox a.tel i{ background-position:-286px -718px}

#divBox a:hover{
	color:#ff6600;
	}
#divBox a.qq:hover i{background-position:-567px -720px}
#divBox a.tel:hover i{background-position:-376px -718px}

#divBox a.tel{ position:relative;}
#divBox a.tel div{
	position:absolute;
	right:96px; top:-10px;
	background:#fff;
	padding:15px 20px;
	text-align:left;
	border:1px solid #e7e7e7;
	display:none
	}
#divBox a.tel div h3{ font-size:18px;}
#divBox a.tel div p{
	background:url(../images/icon.png) -93px -727px no-repeat;
	height:24px;
	width:132px;
	overflow:hidden;
	text-indent:-9999px;
	}
#divBox a.tel div span{ font-size:12px;}
#divBox a.tel:hover div{ color:#999}
#divBox a.tel div:after{
	content:"";
	position:absolute;
	width:12px;
	height:23px;
	right:-11px;
	top:50%;
	margin-top:-12px;
	background:url(../images/icon.png) -222px -787px no-repeat;
	}

#divBox a.goTop{
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/icon.png) 28px -760px no-repeat;
	display:none
	}
#divBox a.goTop:hover{
	background:url(../images/icon.png) -64px -760px no-repeat;
	}


/* calendar */
#calendarPanel{ width:320px;}
#calendarPanel td{ padding:5px; border-collapse:collapse; border:1px solid #fff;}



/* apple pay upload */
.tab_title{
	background:#f7f7f7;
	border:1px solid #f2f2f2;
	border-bottom:none;
	overflow:hidden;
	} 
.tab_title li{
	width:25%;
	*width:24.9%;
	float:left;
	text-align:center;
	padding:20px 0;
	position:relative;
	}
.tab_title li.w33{ width:33.33%; *width:33%; }
.tab_title li span{
	display:block;
	width:40px;
	height:40px; line-height:40px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background:#cdcdcd;
	margin:0 auto;
	border-radius:40px;
	position:relative;
	z-index:9;
	border:10px solid #f7f7f7;
	overflow:hidden;
	}
.tab_title li strong{ color:#666}
.tab_title .step_line{ height:2px; width:100%; background:#cdcdcd; position:absolute; top:40%; left:0}
.tab_title .step_line.first{width:50%; left:50%}
.tab_title .step_line.last{width:50%; left:0}
.tab_title li.cur span{ background:#23b738}
.tab_title li.actived span{ background:#23b738 url(../images/icon.png) -600px -818px; text-indent:-9999px}
.tab_con{
	border:1px solid #f2f2f2;
	border-top:none;
	overflow:hidden;
	padding:30px 0 50px 0
	}
	
a.btn_gray{
	border:1px solid #e4e4e4;
	border-radius: 3px;
	color: #999;
	display: block;
	font-size: 20px;
	width: 360px;
	height: 50px; 
	line-height: 50px;
	text-align:center;
	-webkit-transition:all 0.2s ease-out 0s;
	-moz-transition:all 0.2s ease-out 0s;
		transition:all 0.2s ease-out 0s;
	
	}
a.btn_gray:hover{
	text-decoration:none;
	color:#fff;
	background:#e9811a;
	border:1px solid #e9811a
}

.box5{padding:30px 0 0 220px}
.box5 h3{ font-size:24px; margin-bottom:5px;}
.box5 p{ padding:5px 0 20px 0; color:#999; font-size:18px;}
.box5 p a{ color:#e9811a}
.box5 p a:hover{ text-decoration:underline}
.box5 p.ft14{ font-size:14px;}
.box5 p.ft18{ font-size:18px; color:#09f}

.box5 p.file-name{padding:20px 0 0 0; text-align:left; font-size:20px; color:#333}
.box5 p.file-name a{ color:#e9811a; padding:0 0 0 10px}
.fileList li{ text-align:center; font-size:18px}

.prev_txt{ float:left; height:50px; line-height:50px; color:#999; font-size:12px}
.prev_txt:hover{ text-decoration:underline}

@keyframes fadeBottom{
	0%{  top:55%; opacity:0; }
	100%{opacity:1;}
	
}	
@-webkit-keyframes fadeBottom{
	0%{top:55%;  opacity:0; }
	100%{opacity:1;}	
}	
@-moz-keyframes fadeBottom{
	0%{ top:55%; opacity:0; }
	100%{opacity:1;}	
}
@-ms-keyframes fadeBottom{
	0%{ top:55%; opacity:0; }
	100%{opacity:1;}	
}
@-o-keyframes fadeBottom{
	0%{ top:55%; opacity:0; }
	100%{opacity:1;}	
}

@keyframes fadeToBottom{
	0%{opacity:1; }
	100%{opacity:0; top:55%}
	
}	
@-webkit-keyframes fadeToBottom{
	0%{opacity:1; }
	100%{opacity:0; top:55%}
}	
@-moz-keyframes fadeToBottom{
	0%{opacity:1; }
	100%{opacity:0; top:55%}
}
@-ms-keyframes fadeToBottom{
	0%{opacity:1; }
	100%{opacity:0; top:55%}	
}
@-o-keyframes fadeToBottom{
	0%{opacity:1; }
	100%{opacity:0; top:55%}	
}

.box4{ text-align:center; padding:50px  30px; overflow:hidden}
.box4 h3{ color:#333; font-size:18px;}
.box4 p{ padding:15px 0}
.box4 a{display:inline-block; padding:8px 20px; background:#e9811a; margin:0 5px; color:#fff; font-size:16px; border-radius:3px;	-webkit-transition:all 0.2s ease-out 0s;
		-moz-transition:all 0.2s ease-out 0s;
			transition:all 0.2s ease-out 0s;}
.box4 a:hover{ background:#ffba00}
.box4 a.gray_btn{ background:#cacaca}
.box4 a.gray_btn:hover{ background:#aeaeae}
.box4 a.txt_btn{ background:none; color:#e9811a;font-size:18px; padding:0}
.box4 a.txt_btn:hover{ text-decoration:underline}

.progress_bar{ display:block; height:18px; border:1px solid #8fc7fc; margin:10px 0 0 0; overflow:hidden; position:relative}
.progress_bar i{ display:block; background:#add6ff; width:0%; height:18px; position:absolute; left:0}


.table-ui{ border-collapse:collapse}
.table-ui th{ background:#f1f1f1}
.table-ui th, .table-ui td{ border:1px solid #e4e4e4; padding:5px; text-align:center}
.table-ui td{ color:#666}
.table-ui tr:hover td{ background:#f7f7f7}

.table-ui.l td{ text-align:left; font-size:14px;word-break:break-all;word-wrap:break-word;}
.table-ui.l th{ min-width:80px;}
.table-ui.l td a{color:#333;text-decoration:underline}
.table-ui.l td a:hover{ text-decoration:none}



/* 常见问题 */
.question{
	width:60px;
	float:left;
	}
.question h3{
	padding:0 0 15px 0;
	cursor:pointer;
	}
.question h3 a{
	color:#333;
	display:block;
	}
.question h3 a:hover,
.question h3 a.cur{
	color:#e9811a;
	}
.q_con{
	min-height:640px;
	width:900px;
	float:right;
	padding:0 0 0 20px;
	border-left:1px solid #f2f2f2;
	}
.q_item{
	display:none;
	}
.q_item dt{
	color:#333;
	font-weight:bold;
	margin:0 0 10px 0;
	}
.q_item dd{
	line-height:25px;
	margin-bottom:30px;
	font-size:14px;
	color:#666
	}
.q_item dd p{ margin-bottom:15px;}
.q_item dd a{color:#333;text-decoration:underline}
.q_item dd a:hover{ text-decoration:none}

.imgBox{
	position:absolute;
	left:50%; top:50%;
	z-index:1000001
	}
	
/* 2016-1-28 联动菜单 */
.arrow{background-image:url(../images/icon.png);}
.sb{
	border:solid 1px #cfcfcf;
	cursor:pointer;
	background:#ffffff;
	position:relative;
	float:left;
	margin:0 10px 0 0;
	display:inline-block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0 10px 0 0
}
.sb_active{
	border:solid 1px #cacaca;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
}
.sb{color:#333;cursor:pointer;background:#fff;}
.sb .opts{ padding:0 5px; min-width:80px;border:1px solid #cacaca;cursor:pointer;display:none;height:auto;left:0;max-height:145px;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:auto;z-index:99; background:#fff}
.sb > .selected{
	padding:0 20px 0 10px;
	overflow:hidden;
	position:absolute;
	cursor:pointer;
	left:0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sb .opts a{ color:#333;width:auto;height:24px;line-height:24px;cursor:default;outline:none;white-space:nowrap;text-decoration:none;display:block;cursor:pointer;}
.sb .opts a.selected{background:#ffffe1;}
.sb .opts a.none{background:#fff;}
.sb .opts a:hover{background:#ffffe1;cursor:pointer;}
.sb .sb_icon{width:16px;height:8px;overflow:hidden;position:absolute;cursor:pointer;right:8px;}
.sb .arrow{background-position:0px -58px;}
.sb_active .arrow{background-position:-499px -852px;	}

.longTime{float:left;}
.longTime label{ width:auto; margin-left:10px;}
.longTime input{ vertical-align:middle;}


.typr_of_cer{float:left; padding-left:10px}
.typr_of_cer label{
	display:block;
	float:none;
	width:600px;
	height:25px;line-height:25px;
	text-align:left;
	vertical-align:middle;
	}
.typr_of_cer input{  
	vertical-align: text-bottom;
	margin-bottom: 2px;
	*margin-bottom: -2px;
}

.appStore{ float:left;padding-left:10px}
.appStore label{
	text-align:left;
	vertical-align:middle;
	width:160px;
	}
.appStore input{
	vertical-align: text-bottom;
	margin-bottom: 2px;
	*margin-bottom: -2px;
	}
.hide{ display:none}
.show{ display:block}

.i-pwd{
    height: 48px;
    line-height: 48px;
    width:100%;
	}
.i-pwd a{
	display:block;
	line-height:48px;
}