@CHARSET "UTF-8";
body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
    user-select:none;
}
html,body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
    position: relative;
    /* min-width: 990px;
    min-height: 750px; */
}
/* admin页面 */
body.admin{
    background: url(../../images/newBJ.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size:100% 100%;     
	-o-background-size:100% 100%;
    background-size:  100%  100%;
    /* background-position:center; */
}
/* body.admin .login_content .login_box{
	    float:left;
	    background:#fff;
} */
a{
	text-decoration: none;
}
/*===== 清除浮动  =====*/
.clearfix:before,.clearfix:after{
	display:table;
	content:"";
}
.clearfix:after{
	clear:both;
}
.footer{
	width:100%;
	text-align:center;
	color:#333;
	font-size:16px;
	position: absolute;
    bottom: 16px;
}
.footer span{
	margin-right:5px;
}
.login_content{
	width:1200px;
	height:600px;
	 position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -320px;
    margin-left: -560px; 
    background: url(../../images/border-box.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size:100% 100%;     
	-o-background-size:100% 100%;
    background-size:  100%  100%;
}
.logoImg{
	text-align:center;
	margin: 30px 0 20px -50px;
}
.logoTitle{
	color: #333;
	width: 100%;
	font-size: 42px;
	text-align: center;
	font-weight: 700;
	/* margin-left:-50px; */
	margin-bottom: 10px;
}
.bothBox{
	width:75%;
	margin:0 auto;
	/*  webkit-box-shadow: #8DD6D5 0px 0px 30px;
	-moz-box-shadow: #8DD6D5 0px 0px 30px;
	box-shadow: #8DD6D5 0px 0px 30px; */
	 border-radius:16px;
}
.login_content .loginImg{
	width:50%;
	height:100%;
	/*background: linear-gradient(left,#00A0C2,#2CB9CB);
	background: -webkit-linear-gradient(left,#00A0C2,#2CB9CB);
	background: -o-linear-gradient(left,#00A0C2,#2CB9CB);
	background: -moz-linear-gradient(left,#00A0C2,#2CB9CB);*/
	background: url(../../images/organizationImg/C-jianbian.png) no-repeat;
	background-size: 100% 100%;
	 border-top-left-radius:16px;
	 border-bottom-left-radius:16px;
	float:left;
	
}
.loginImg .xylLogo{
	margin:25px auto 0 auto;
	display: block;
}
.form_title{
	font-size:22px;
	width: 100%;
	display:inline-block;
	text-align: center;
	color: #F98848;
	font-weight: normal;
    margin: 15px auto 35px auto;
}
.form_title .paswdLogin{
	float: left;
	margin-left: 80px;
	color: #ED6F21;
}
.form_title .phone_verification{
	float: right;
	margin-right: 80px;
	color: #8F9199;
}
.login_content .loginImg .login_xin{
	margin:40px auto 30px auto;
	display:block;
}
.login_content .loginImg .loginTitle{
	width:330px;
	margin:45px auto;
	
	text-align:center;
}
.loginImg .loginTitle>p{
	font-size:30px;
	color:#fff;
	line-height:45px;
	height:45px;
	margin:0;
	
}
.login_content .login_box{
	 width:100%;	
	 height:100%;
	 /* margin-left: -48px; */
}
.login_form{
	width:430px;
	margin:0 auto;
	margin-top:10px;
}
.phone_form{
	width:430px;
	margin:0 auto;
	margin-top:50px;
	display: none;
}

.phone_form .enterbtn{
	color:#fff;
	border-radius:4px;
	background: #FE8444;
	width: 430px;
}
.login_box.Teacher .box_header span{
	color:#737373;
	text-align: center;
	display:block;
	margin-top:5px;
}
.login_box.School .box_header span{
	color:#feb4c7;
	margin-left:2px;
}
.login_box.Education .box_header span{
	color:#fa7070;
	margin-left:2px;
}
div.code_img{
	width:80px;
	height:41px;
	display:inline-block;
	float:left;
	margin-left:10px;
	text-align: center;
	line-height: 41px;
	float:right;
}
div.group{
	padding:2px 6px;
    background: #EEEFF4;
    border-radius: 20px;
	margin-bottom: 10px;
}
div.group.code{
	width:330px;
	display:inline-block;
	float:left;
}

div.group.code input{
	width:150px;
}

input:-webkit-autofill { 　-webkit-text-fill-color: #000 !important;　-webkit-text-fill-color: #ffffff;
transition: background-color 5000s ease-in-out 0s; }
div.group span{
	width:26px;
	height:26px;
	display:block;
	float:left;
	margin-right:10px;	
	margin-top: 6px;
	margin-left:10px;
}
div.group span.username{
	background: url("../../images/organizationImg/C-user.png") no-repeat;
	-webkit-background-size: auto 100%;
    background-size: auto 100%;
}
div.group span.password{
	background: url("../../images/organizationImg/C-pasw.png") no-repeat;
	-webkit-background-size: auto 100%;
    background-size: auto 100%;
}
div.groups span.codespan{
	width:26px;
	height:26px;
	float: left;
	margin-right:10px;	
	margin-top: 6px;
	background: url("../../images/organizationImg/C-check.png") no-repeat;
	-webkit-background-size: auto 100%;
    background-size: auto 100%;
}
div.group span.phoneSpan{
	background: url("../../images/organizationImg/phone.png") no-repeat;
	-webkit-background-size: auto 100%;
    background-size: auto 100%;
}
div.group span.SMS_verification{
	background: url("../../images/organizationImg/C-check.png") no-repeat;
	-webkit-background-size: auto 100%;
    background-size: auto 100%;
}
div.group input{
	border: none; 
	background: transparent;
	width:240px;
	height:40px;
	float:left;
	outline: none;
	font-size: 18px;
}
div.group #dysms{
	width: 240px;
}
div.group .getverfy{
	font-size: 14px;
	color: #F4935D;
	height: 36px;
	line-height: 36px;
}
#code_input{
	width: 180px;
	height: 36px;
	background: #FFFFFF;
    outline: none;
    font-size: 18px;
    border: none;
    outline: none;
}
.codeParent {
	width: 330px;
	margin: auto;
	overflow: hidden;
}
.code {
	float: left;
	padding: 5px 6px;
}
.code_img{
	float: right;
	display: inline-block;
    float: left;
    margin-left: 10px;
    text-align: center;
    height: 40px!important;
    line-height: 40px!important;
    margin-left: 22px;
}
.forgetPaswd{
	color: #EC6F20;
	margin-left: 40px;
}
.btn{
	margin-top:30px;
	display: inline-block;
	width:140px;
	height:50px;
	text-align: center;
	line-height: 50px;
	font-size:18px;
	cursor: pointer;
}
.btn.enter{
	color:#fff;
	border-radius:4px;
	background: #FE8444;
}
.btn.registered{
	background: #FFB603;
	float: right;
	color: #FFFFFF;
	border-radius:4px;
}
/*.butBox .BUTTON{
	background: linear-gradient(left,#00A0C2,#2CB9CB) !important;
	background: -webkit-linear-gradient(left,#00A0C2,#2CB9CB) !important;
	background: -o-linear-gradient(left,#00A0C2,#2CB9CB) !important;
	background: -moz-linear-gradient(left,#00A0C2,#2CB9CB) !important;
}*/
.registerBox{
	text-align:center;
	font-size:14px;
	margin-top: 5px;
}
/*验证*/
.errorText{
	min-height:15px;
	color:#fc4343;
	font-size:12px;
	margin:1px 5px;
}
.errorText i{
	margin-right:2px;
}
/*注册页面样式*/
.register_top{
    margin: 25px auto 20px auto;
}
.registerTitle{
	color: #ED6302;
	font-size: 28px;
}
#registerBtn{
	color:#fff;
	border-radius: 25px;
	background: #FE8444;
	width: 430px;
}
.foot{
	text-align: right;
	margin-right: 20px;
	margin-top: 15px;
}
.foot>a{
	color: #EB6000;
	font-size: 14px;
}
/* 不同分辨率显示 */
@media only screen and (min-width: 1280px) and (max-width: 1550px) {
	.login_content{
	width:1100px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -280px;
    margin-left: -559; 
}

}
@media only screen and (min-width: 960px) and (max-width: 1280px) {
	.login_content{
	width:1000px;
	height:520px;
	 position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -500px; 
}
.logoTitle {
    color: #333;
    width: 100%;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    /* margin-left: -50px; */
    margin-bottom: 10px;
    margin-top:-30px;
}
div.group {
    width: 390px;
    padding: 2px 6px;
    margin:0 auto 10px;
   
	}
	.codeParent{
		width:280px;
		margin:0 auto;
		padding: 2px 6px;
	} 
	div.group.code.inp_left_l {
    width: 190px!important;
    float: left;
    margin-left:0!important;
    padding-left:0!important;
}
	div.group.code input {
    width: 126px!important;
}
.bothBox {
    width: 900px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
	}
div.group.code {
    width: 280px;
    display: inline-block;
   
     margin-left:17px;
	}
#code_input{
	width: 140px;
	height: 36px;
	background: #FFFFFF;
    outline: none;
    font-size: 18px;
    border: none;
    outline: none;
}
.butBox{
	text-align:center;
	width: 390px;
	margin: 30px auto 0 auto;
	overflow: hidden;
}
.butBox .registered{
	width:98%!important;
}
 .errorText {
    min-height: 15px;
    color: #fc4343;
    font-size: 12px;
    margin: 1px 17px;
}
.btn {
	margin:10px auto 0 auto;
    display: inline-block;
    width: 42%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    cursor: pointer;
    
 }
 .enter{
 	float: left;
 }
 .back{
 	float: right;
 }
 .form_top{
 	position:relative;
 }
 .proBox{
 	position:absolute;
 	right:0px;
 	top: 0;
 }
}