*{
	margin:0;
	padding:0;
}

html,body{
	font-family:"微软雅黑";
}

body ::-webkit-input-placeholder {
  font-family:"微软雅黑";
  font-size:12px;
  color:#888;
  font-weight:300;
}

body ::input-placeholder {
  font-family:"微软雅黑";
  font-size:12px;
  color:#888;
  font-weight:300;
}

.join{
	width:100%;
	min-width:1200px;
	background-color:#F8F8F8;
	border-bottom:1px solid #E0E0E0;
}

.joinUs{
	width:1200px;
	margin:0 auto;
}

.topTitleL{
	padding:30px 0 22px 0;
}

.title1{
	font-size:28px;
	margin-bottom:6px;
}

.title2{
	color:#7B7B7B;
	font-size:17px;
}

.personalInform{
	width:100%;
	padding:24px;
	border:1px solid #E0E0E0;
	background-color:#FFF;
	box-sizing:border-box;
}

.inform{
	position:relative;
	color:#878787;
	margin-bottom:20px;
}

.box{
	vertical-align:top;
	display:inline-block;
	width:162px;
	font-size:16px;
	padding:6px 0;
	color:#878787;
	line-height:28px;
}

#phoneBtn{
	vertical-align:top;
	display:inline-block;
	margin-left:20px;
	width:156px;
	height:36px;
	color:#f2b705;
	font-size:16px;
	line-height:36px;
	text-align:center;
	border:1px solid #f2b705;
	border-radius:4px;
}

#phoneBtn:hover{
	cursor:pointer;
}

.inform input{
	width:424px;
	font-size:14px;
	color:#222;
	padding:10px 10px;
	display:inline-block;
	outline:none;
	border:1px solid #888;
	box-sizing:border-box;
	-webkit-transition-duration:0.26s;
	   -moz-transition-duration:0.26s;
		 -o-transition-duration:0.26s;
			transition-duration:0.26s;
}

.inform input:focus{
	border:1px solid #209cd8;
}

.inform textarea{
	height:112px;
	width:424px;
	color:#222;
	font-size:14px;
	padding:10px 10px;
	display:inline-block;
	outline:none;
	border:1px solid #888;
	-webkit-transition-duration:0.26s;
	   -moz-transition-duration:0.26s;
		 -o-transition-duration:0.26s;
			transition-duration:0.26s;
}

.inform textarea:focus{
	border:1px solid #f2b705;
}

.inform select{
	display:inline-block;
	width:220px;
	font-size:14px;
	color:#888;
	padding:10px 10px;
	outline:none;
	border:1px solid #888;
	-webkit-transition-duration:0.26s;
	   -moz-transition-duration:0.26s;
		 -o-transition-duration:0.26s;
			transition-duration:0.26s;
}

.inform select:focus{
	border:1px solid #f2b705;
}

.redSpan{
	color:red;
}

.error{
	vertical-align:bottom;
	display:inline-block;
	opacity:0;
	width:300px;
	font-size:12px;
	color:red;
}

.error2{
	vertical-align:bottom;
	display:inline-block;
	opacity:0;
	width:300px;
	font-size:12px;
	color:red;
}

.warn{
	vertical-align:top;
	display:inline-block;
	width:300px;
	font-size:12px;
	color:red;
}

.submit{
	width:100%;
	text-align:center;
	padding:42px 0px;
	box-sizing:border-box;
}

#btn{
	margin:0 auto;
	width:128px;
	padding:10px 16px;
	font-size:16px;
	color:#209cd8;
	border:1px solid #209cd8;
	border-radius:3px;
	-webkit-transition-duration:0.26s;
	   -moz-transition-duration:0.26s;
	     -o-transition-duration:0.26s;
			transition-duration:0.26s;
}

#btn:hover{
	cursor:pointer;
	color:#fff;
	background-color:#209cd8;
}

.foot{
	width:100%;
	text-align:center;
}


.footBq{
	padding:24px 0;
	font-size:12px;
	color:#888;
}

.tk{
	display:none;
	position:fixed;
	z-index:10;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-50px;
	width:200px;
	height:100px;
	max-height:200px;
	padding:24px;
	background-color:#F8F8F8;
	border-radius:6px;
	color:#888;
	font-size:16px;
}

.tkBtn{
	width:80%;
	padding:9px 0;
	text-align:center;
	margin-top:20px;
	margin-left:10%;
	color:#f2b705;
	border:1px solid #f2b705;
	border-radius:6px;
	-webkit-transition-duration:0.24s;
	   -moz-transition-duration:0.24s;
		 -o-transition-duration:0.24s;
			transition-duration:0.24s;
}

.tkBtn:hover{
	cursor:pointer;
	background-color:#a1e3ef;
}

.tkBlack{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:8;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.7;
}

.LTip{
	margin-top:42px;
	color:#999;
	font-size:12px;
	line-height:18px;
}
.LTip p{margin-bottom:6px;}

@media screen and (min-width: 300px) and (max-width: 820px){
	.joinUs,.join{width:100%;min-width:0px;}
	.inform input{width:100%;}
}