@charset "utf-8";
ul,li,div,body,html,img,i,b,a,ol,span,p,em,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0;}
li{ list-style:none}
a{ text-decoration: none; color: #000000;}
img{ border: 0;}
body{
	width: 100vw;
	height: 100vh;
	width: 100%;
	height: 100%;
	background:url(../img/loginbackground.png) no-repeat left top;
	background-size: cover;
}
a,button,input{ 
outline: none;

}
#jump{
	display: none;
	margin-top: 100px;
	text-align: center;
}
#jump h3{
	font-size: 20px;
	margin-top: 50px;
	color: #E9322D;
}
#jump h4{
	font-size: 20px;
	margin-top: 30px;
}
#jump p{
	margin-top: 30px;
	font-size: 16px;
}
#jump span{
	color: #E9322D;
}
.signform{
	position: absolute;
	width: 400px;
	background: rgba(255,255,255,0.8);
	top: 130px;
	border-radius:10px;
	padding: 30px;
	right: 200px;
}
.signform img{
	display: block;
	margin: 0 auto;
	margin-top: 14px;
}
.signform .loginnav{
	height: 40px;
	width: 400px;
}
.signform .loginnav span{
	display: block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: 90px;
	float: left;
	font-size: 20px;
	color: #666666;
}

.signform .loginnav .loginnavheight{
	border-bottom: 3px solid #009688;
	color:#009688;
	font-weight: bold;
}
.signform #verifyimg{
	margin-top: 5px;
}
/*登录*/
#login1{
	display: block;
}
#login1 p{
	text-align: center;
	font-size: 16px;
	color: #ED6B75;
	display: block;
}
#login1 .form-horizontal,#resetnumber .form-horizontal{
	margin-top: 20px;
}

#login1 .form-horizontal .control-label,
#cloudreset .form-horizontal .control-label,
#cloudnext .form-horizontal .control-label,
#resetnumber .form-horizontal .control-label {
	width:93px;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px 0 0 4px;
	border-right:none;
	background: #FFFFFF;
	color: #666666;
	/*margin-left: 4px;*/
}
#login1 .form-horizontal .controls,
#cloudreset .form-horizontal .controls,
#cloudnext .form-horizontal .controls,
#resetnumber .form-horizontal .controls {
	position: relative;
	margin-left: 94px;
  margin-left: -2px\9;
  left: -8px\9;
}
#login1 .form-horizontal .controls span,
#cloudreset .form-horizontal .controls span,
#cloudnext .form-horizontal .controls span,
#resetnumber .form-horizontal .controls span {
	position: absolute;
	display: none;
	left:204px;
	font-size: 16px;
	color: #ED6B75;
	top:6px;	
}
#login1 .form-horizontal .controls #usernameis,
#login1 .form-horizontal .controls #passwordis,
#login1 .form-horizontal .controls #loginoneis {
	left: -80px;
	left: 10px\9;
	top: 54px;
	width:400px;
}
#cloudnext .form-horizontal .controls #resetusernameis,
#cloudnext .form-horizontal .controls #resetpasswordis,
#cloudnext .form-horizontal .controls #companynameis {
	left: -84px;
	top: 56px;
	width:410px;
}
#cloudnext .form-horizontal .controls #oneis{
	left: -178px;
	top: 56px;
	width:410px;
}
#cloudreset .form-horizontal .controls #phonenumberis{
	left: -94px;
	left: 10px\9;
	width: 400px;
	top:54px;
}
.information #phoneverifyis{
	top: 54px;
	left: 0px;
	width:120px;
}
#login1 .form-horizontal .controls .yuming,
#cloudnext .form-horizontal .controls .yuming {
	font-size: 16px;
	display: block;
	color:#333333;
	right: 76px;
	top: 16px;
	margin-left: 44px\9;
	left: 295px\0;
}


#login1 .form-horizontal .control-group{
	margin-top: 16px;
}
#login1 .form-horizontal .control-group p{
	height: 20px;
	min-width: 40px;
}
#login1 .form-horizontal .controls input,
#cloudreset .form-horizontal .controls input,
#cloudnext .form-horizontal .controls input,
#resetnumber .form-horizontal .controls input {
	width: 266px;
	height: 30px;
	border: 1px solid #CCCCCC;
	border-left:none ;
	border-radius: 0 4px 4px 0;
	padding:10px 20px;
	font-size: 16px;
	outline: none;
	box-shadow: none;
   outline-style: none;
	margin-left: 8px\0;
	position: absolute;
}
input:hover{
	outline: none;
}
#login1 .form-horizontal .controls #userhttp,
#cloudnext .form-horizontal .controls #resetuserhttp {
	padding-right:114px ;
	width:172px;
}
#tipCheckbox{
	display: none;
	height: 36px;
	text-align: center;
}
.cheskgroup{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
}
.cheskgroup span{
	display: block;
	font-size: 14px;
	color: #999999;
}
#tipCheckbox #tipStyle{
	font-size: 14px;
	color: #ED6B75;
}
.cheskgroup span a{
	color: #999999;
}
#remembercode,#agree{
	width: 20px;
	cursor: pointer;
	height: 20px;
	margin-right: 10px;
}
#agree{
	/* margin-left: 90px; */
}
.checkno{
	background: url("../img/rememberno.png") no-repeat center center;
}
.checkyes{
	background: url("../img/rememberyes.png") no-repeat center center;
}
#forgetcode{
	float: right;
	text-decoration: underline;
	margin-right: 60px;
	cursor: pointer;
}
#login1 #btn{
	width: 300px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 4px;
	font-size: 20px;
	color: #FFFFFF;
	border: none;
	background-color: #36C6D3;
	margin-left: 50px;
}
/*注册*/
#cloudreset .form-horizontal .controls #verifyimgis {
	display: none;
	top: 54px;
	width: 400px;
	left: -94px;
	left: 10px\9;
}
#phoneverifyis{
	position: absolute;
	font-size: 16px;
	color: #ED6B75;
	top: 52px;
	left: 123px;
	left: 10px\9;
	display: none;
}

#cloudreset,#resetyes{
	display: none;
	height:360px;
	width: 428px;
	padding-top: 40px;
}
#cloudreset .form-horizontal .controls{
	position: relative;
}
#cloudreset .form-horizontal .controls #verify{
	width: 130px;
}
#cloudreset .form-horizontal .controls .verifyspan{
	display: block;
	background: #FFFFFF;
	position: absolute;
	width: 120px;
	height: 50px;
	left: 178px;
	left: 282px\9;
	top:0;
	border-radius: 4px;
	border: 1px solid #CCCCCC;
	margin-left: 8px;
}
#cloudreset .information input{
	height: 42px;
	width: 146px;
	font-size: 16px;
	padding: 4px 20px;
	border-radius: 0;
	border: 1px solid #CCCCCC;
	border-left: none;
	outline: none;
	box-shadow: none;
    outline-style: none;
	border-right:none;
}
#cloudreset .information input:hover{
	outline: none;
	box-shadow: none;
    outline-style: none;

}
#cloudreset .information span{
	display:block;
	position: absolute;
	top: 0px;
	left: 289px;
	width: 120px;
	height: 52px;
	font-size: 16px;
	border-radius: 0 4px 4px 0;
	background-color:#36C6D3;
	color: #FFFFFF;
	line-height: 52px;
	text-align: center;
	border: none;
	margin-left: -6px;
	cursor: pointer;
}
.information{
	position: relative;
}
#cloudreset .information #time{
	position: absolute;
	top: 0px;
	left: 289px;
	display:none;
}
 .nextgobtn{
	width: 300px;
	height: 50px;
	border-radius: 4px;
	color: #FFFFFF;
	background-color: #36C6D3;
	font-size: 18px;
	border: none;
	line-height: 50px;
	text-align: center;
	margin-left: 50px;
}
/*注册的下一步*/
#cloudnext{
	display: none;
	
}
#cloudnext .martop{
	margin-top: 30px;
}
#resetyes{
	text-align: center;
	font-size: 30px;
	color: #666666;
}
#oneis{
	color: #ED6B75;
	margin-left: 100px;
	display: none;
}

/* IE10 Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  #cloudreset .form-horizontal .controls .verifyspan {
    left: 282px;
  }
  
  #login1 .form-horizontal .controls .yuming,
  #cloudnext .form-horizontal .controls .yuming {
    margin-left: 44px;
  }
}

/* IE11 Hack */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, #login1 .form-horizontal .controls .yuming,
  #cloudnext .form-horizontal .controls .yuming {
    left: 191px;
  }
  
  *::-ms-backdrop, 
  #login1 .form-horizontal .controls input,
  #cloudreset .form-horizontal .controls input,
  #cloudnext .form-horizontal .controls input,
  #resetnumber .form-horizontal .controls input {
  	margin-left: 0;
  }
  *::-ms-backdrop, #cloudreset .form-horizontal .controls .verifyspan{
  	left: 178px;
  }
  *::-ms-backdrop, #cloudreset .information span{
  	top: -2px;
  }
  
  /* error tip msg */
  #login1 .form-horizontal .controls #usernameis,
  #login1 .form-horizontal .controls #passwordis,
  #login1 .form-horizontal .controls #loginoneis {
    left: -94px;
    left: 10px\9;
  }
  #login1 .form-horizontal .controls,
  #cloudreset .form-horizontal .controls,
  #cloudnext .form-horizontal .controls,
  #resetnumber .form-horizontal .controls {
    left: -8px\9;
  }
}