/* CSS Document */
*{
  margin :0;padding:0;}

div,address,b,big,blockquote,body,center,cite,code,dd,del,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td,input {
  margin: 0;padding: 0;}
div,dl,dt,dd,form,input,button,textarea,p,ul,li,ol,table,tr,td,header,footer,aside,nav,h1,h2,h3,h4,h5,h6,section{
  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body{ font-size: 14px;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
  padding: 0px;
  margin: 0px;
}
/*字体*/
a{text-decoration:none;color:#FFFFFF;cursor: pointer}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover{color: #00e9e9;text-decoration: none;}
i,em{font-style:normal;}
b,strong{font-weight:100;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal}
/*列表 表单*/
button:foucs{ outline: none !important; border: 0;}	
button::-moz-focus-inner {border-color: transparent;}
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}  
ul,ol{list-style:none;}
img{border:none !important;vertical-align:middle}
input{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],button,select {-webkit-appearance: none;outline:none;}
textarea {-webkit-appearance: none;outline:none}
.clear:after{content:'';display: block;clear:both;}
.fl{ float: left;}
.fr{ float: right;}
/* 登录注册头部 */
.login_top{ display: flex; justify-content: flex-start; align-items: center; }
.login_top .logo{ flex: 1; padding-right: 30px; display: flex; align-items: center; justify-content: flex-start; height: 100px;}
.login_top .logo img {
  padding: 0;
  margin: 0;
  max-height: 80px;

}
.login_top .top_txt { flex: 5; display: flex; align-items: center; justify-content: space-between; }
.login_top .top_txt .login_welcome b{ font-size: 20px; font-weight: bold; color: #333}
.login_top .top_txt .login_welcome  a{ display: block; color: #00e9e9; font-weight: bold; font-size: 18px; }
.login_top .top_txt p { font-size: 17px;}
.login_top .top_txt p a { color: #00e9e9; padding-left: 5px;}

@media (max-width: 840px){
.login_top{ display:block; justify-content: flex-start; align-items: center; }
.login_top .logo{ width:100%; align-items: center; justify-content: flex-start; height:auto;}
.login_top .top_txt { width:100%; align-items: center; justify-content: space-between; padding:10px 0; }

.login_top .top_txt .login_welcome b{ font-size:16px; font-weight: bold; color: #333}
.login_top .top_txt .login_welcome  a{ display: block; color: #00e9e9; font-weight: bold; font-size: 14px; }
.login_top .top_txt p { font-size: 14px;}

}
/* 登录样式 */
.login {
  width: 100%;
  height:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: url(../images/login-banner.png) center no-repeat;
  background-size: cover;
  


}
.login_box { padding:8% 0; display: flex; align-items: stretch;  }
.login .login_left {

  font-size: 48px;
  color: #555555;
  font-weight: bold;
  width: 60%;
  padding: 30px;
  background: rgba(255,255,255,.8); 

}

.login .login_left img{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}
.login .login_left b { display: block;  padding: 20px 0;}
@media (max-width: 840px){
.login .login_left{ display:none;}
}
.login .login_right {
  width:40%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background:#fff;
  padding:90px 50px;
}

.login .login_right b {
  color: #333333;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 45px;
}

.login .login_right .logtxt {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom:15px;
}

.login .login_right .logtxt .name_txt {
  width: 60px;
  line-height: 32px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}

.login .login_right .logtxt .name_input {
  width: calc(100% - 80px);
  height: 32px;
  border: 1px solid #CDCDCD;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
}

.login .login_right .logtxt .name_input input {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  padding: 0 10px;
}

.login .login_right .yanzhengma .fr {
  float: left;
  width: calc(100% - 230px);
  margin-left: 18px;
}

.login .login_right .yanzhengma img {
  display: block;
  float: left;
  margin-left: 20px;
}
.login .login_right .logbtn_box {  margin-left:80px; margin-top: 30px; margin-bottom: 30px;}
.login .login_right .logbtn {
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border: none;
  background: #00e9e9;
  color: #fff;
  font-size: 18px;
  border-radius: 8px;
}

@media (max-width: 840px){
.login .login_right {
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background:#fff;
  padding:50px 40px;
}
.login .login_right .logbtn_box {  margin-left:0; margin-top: 30px; margin-bottom: 30px;}
.login .login_right .yanzhengma .fr {
  float: left;
  width: calc(100% - 80px);
  margin-left: 18px; margin-bottom:5px;
}
.login .login_right .yanzhengma img {
  display: block;
  float: left;
  margin-left: 80px;
}
.login .login_right .logbtn {
  width: 80%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border: none;
  background: #00e9e9;
  color: #fff;
  font-size: 16px; float:left; margin:0 1px;
  border-radius: 8px;
}

}
.login_code
{
	 font-family:Arial;
	 font-style:italic;
	 color:666;
	 font-size:20px;
	 border:0;
	 letter-spacing:3px;
	 font-weight:bolder;            
	 float:left;           
	 cursor:pointer;
	 width:90px;
	 margin-left: 10px;
	 height:32px;
	 line-height:32px;
	 text-align:center;
	 vertical-align:middle;
	 background-color:#f5f5f5;
 }

.other_login { margin:10px auto; text-align: center; width: 100%;}
.other_login p { color: #999; font-size: 14px;}
.other_login img { width: 40px; margin-top: 15px;}

/* 注册样式 */
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../images/jiantou.png) no-repeat scroll right center transparent !important;
}
.register {   
  width: 100%;

  overflow: hidden;
  background: #f1f1f1;
  background-size: 100%;
}
.register .register_box { margin:80px 0; display: flex; align-items: stretch;}
.register .register_box .reg_fl { flex: 3; background: #fff; border-radius:10px; padding: 60px 0;}
.register .register_box .reg_fr { flex: 1; background: rgba(255,255,255,.8);border-radius:10px; padding:50px 20px 30px 20px; margin-left: 1px;}
.register .register_box .reg_fr .item { margin-top: 10px;}
.register .register_box .reg_fr .biaoti {
	width: 100%;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	overflow: hidden;
}

.register .register_box .reg_fr .biaoti img {
	display: block;
	margin-top: 2px;
	margin-right: 6px;
}

.register .register_box .reg_fr .con {
	padding-bottom: 30px;
	padding-top: 15px;
	overflow: hidden;
}
.register .register_box .reg_fr .con a{  margin-right: 30px; margin-top: 20px; color: #666;}
.register .register_box .reg_fr .con a:hover { color: #00e9e9;}
.register .register_box .reg_fr .jieshao {
	position: relative;
	width:calc(50% - 20px) ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 18px;
	color: #666666;
	padding-left: 20px;
	margin-right: 20px;
}

.register .register_box .reg_fr .fudong {
	width: 100%;
}

.register .register_box .reg_fr .jieshao:before {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	background: #666666;
	border-radius: 50%;
	left: 0;
	top: 10.5px;
}
.register .register_box .reg_fl .buzhou {
	position: relative;
	width: 80%;
	padding: 0 10%;
	height: 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
}

.register .register_box .reg_fl .buzhou .xian {
	position: absolute;
	left:0; right:0; top:0; bottom:-20px;
	margin:auto;
	width: 70%;
	height: 6px;
	background: #f8f8f8;
}

.register .register_box .reg_fl .buzhou .item {
	position: relative;
	width:33.3%;
	height: auto;
	color: #888888;
	overflow: hidden;
	font-size: 16px;
	text-align: center;
	z-index: 99;
	line-height: 30px;
	font-weight: bold;
	cursor: pointer;
}

.register .register_box .reg_fl .form {
	width: 80%;
	padding:30px 10%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
	margin: 0 auto;

}

.register .register_box .reg_fl .form .item {
	margin-bottom: 20px;
	overflow: hidden;
}

.register .register_box .reg_fl .form .item .fl {
	width: 80px;
	line-height: 32px;
	text-align: right;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

.register .register_box .reg_fl .form .item .youbian {
	float: left;
	width: calc(100% - 92px);
	height: 32px;
	border: 1px solid #cdcdcd;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin-left: 10px;
	font-weight: bold;
}


.register .register_box .reg_fl .form .item .youbian input::-webkit-input-placeholder {
	color: #999999;
}

.register .register_box .reg_fl .form .item .youbian input,
select {
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	font-size: 14px;
	/* color: #999999; */
	font-weight: bold;
}

.register .register_box .reg_fl .form .anniu {display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.register .register_box .reg_fl .form .anniu .btn {
	width: 155px !important;
	height: 48px !important;
	background:#00e9e9;
	outline: none!important;
	color: #fff;
}

.register .register_box .reg_fl .form .anniu .btn2 {
	background: #f5f6fa !important;
	margin-left: 15px !important;
	outline: none!important;
	color: #333333;
	font-size: 16px;
}

.register .register_box .reg_fl .form .item img {
	display: block;
	margin-left: 10px;
	margin-top: 2.5px;
}

.register .register_box .reg_fl .form .items {
	overflow: hidden;
	padding-left: 68px;
	font-size: 12px;
	color: #333333;
	line-height: 30px;
}
.register .register_box .reg_fl .form .xybbtn_box{margin-top: 30px; margin-bottom: 30px;}
.register .register_box .reg_fl .form .xybbtn {
	width: 100%;
	height: 48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	border: none;
	background: #00e9e9;
	color: #fff;
	font-size: 18px;
	border-radius: 8px;
}

.register .register_box .reg_fl .form .items input {
	margin-top: 9px;
	display: block;
	float: left;
	margin-right: 5px;
}

.register .register_box .reg_fl .form .items a {
	color: #115fad;
}


.register .register_box .reg_fl .form .item .youbian2 {
	float: right;
	margin-bottom: 5px;

}

.register .register_box .reg_fl .buzhou .reg2 {
	
}

.register .register_box .reg_fl .buzhou .item3 {
	float: right;
}

.register .register_box .reg_fl .buzhou .act {
	color: #00e9e9 !important;
}

.register .register_box .reg_fl .buzhou .act span {
	color: #00e9e9 !important;
	border: 1px solid #00e9e9 !important;
}

.register .register_box .reg_fl .buzhou .item span {
	display: block;
	width: 36px;
	height: 36px;
	margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1.5px solid #d2d2d2;
	background: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #666666;
}

.register .register_box .reg_fl .form .biaoti {
	text-align: center;
	margin: 0 auto;
	width: 125px;
	height: 13px;
	background: url(../images/zhuce6.png) no-repeat 100% 100%;
	line-height: 13px;
	color: #666666;
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: bold;
}