@charset "utf-8";
/*by clanlan 2018-01-24*/
*,*:before,*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
*{margin:0; padding:0; list-style:none;}  
html {font-family: "微软雅黑", Arial;
	overflow-y: scroll;
	height: 100%;
	font-size:62.5%; /* 10÷16=62.5% */} 
body {
	background:#f5f5f5;
	-webkit-font-smoothing: antialiased;	
	width: 100%;
	height:100%;
	margin: 0px auto;
	-webkit-text-size-adjust: 100%;	
	color: #999;
	-webkit-appearance: none;
	font-size:14px; /* 12÷10=1.2*/}

a,a:visited {
	color:#555;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s
}

a:hover,a:focus{color:#F60;}
.clearfix{ *zoom: 1; }
.clearfix:before,.clearfix:after{display: table; line-height: 0; content: ""; }
.clearfix:after{clear:both;}
.warpper{width:1000px; margin:0px auto;}
.warpper:after,.logbox:after,.formcont:after{content: " "; display: block; clear: both;}
input,select,textarea{outline:medium; padding:0; margin:0; border:none; font-family:"微软雅黑", Arial;}
input[type="button"],input[type="submit"], input[type="reset"]{ cursor: pointer; -webkit-appearance: none; }
.header{padding:5px 0px; position:fixed; left:0; top:0; background:#f5f5f5; width:100%;}
.logo{float:left;}

.logbox{background:url(loginbg.jpg) no-repeat bottom center #543f72; height:100%; padding-top:10%;}

.logcont{width:340px; background: url(bgwhite.png); border-radius:5px; float:right; padding:20px 30px;}
.logcont h1{font-size:20px; line-height:40px; color:#222; font-weight: normal;}
.logcont .bdbox{border:1px solid #ccc; border-radius:5px; height:42px; width:100%; padding-right:10px; font-size:16px; float:left;}
.logcont .phone{background:url(../images/login_phone.png) no-repeat 8px 9px #fff; padding-left:40px;}
.logcont .mm{background:url(../images/login_mm.png) no-repeat 8px 9px #fff; padding-left:40px;}
.logcont .name{background:url(../images/login_name.png) no-repeat 8px 9px #fff; padding-left:40px;}
.logcont .yanz{background:url(../images/login_yz.png) no-repeat 8px 9px #fff; padding-left:40px; width:54%;}
.logcont .duanx{background:url(../images/login_dx.png) no-repeat 8px 9px #fff; padding-left:40px; width:54%;}
.logcont .err{border:1px solid #e33;}
.logcont .but{width:40%; height:40px; float:left; margin:0px 5%; background:#e33; color:#fff; border-radius:5px; display:block; line-height:40px;  font-size:18px; text-align:center;}
.logcont .but:hover{background:#d33;}

.formcont{padding:8px 0px; position:relative;}
.formcont p{background:#fcb200; position:absolute; top:-22px; left:0px; padding:5px 10px; border-radius:5px; color:#fff; display:none;}
.formcont:hover p{display:block;}
.formcont p em{width:10px; height:10px; background:#fcb200; position:absolute; left:40px; bottom:-5px;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); }
.formcont .yzm{float:left; width:30%; height:42px; margin:0px 3%;}
.formcont .yzm img{width:100%; height:42px;}
.formcont .refresh{float:left; width:10%; height:42px; background:url(../images/ico_refresh.png) no-repeat center center; text-indent:-999px;  overflow:hidden;}
.formcont .gen{float:left; line-height:40px; color:#555; margin-right:20px; font-size:16px;}
.formcont .gen input{margin:12px 5px 0px 0px; float:left;width:16px; height:16px;}


@media screen and (max-width:768px)
{ /*手机页面*/   
    .header{padding:5px 10px; position:fixed; background:#f5f5f5; top:0; left:0; z-index:999; width:100%;} 
	.logo{float:none; text-align:center;}
	.logo img{max-width:90%;}
	.warpper{width:100%;}
	.logbox{background:url(loginbg2.jpg) no-repeat top center; background-size:100%;padding-top:40%;width:100%; position:absolute; height:100%; top:0; left:0; z-index:1;}
	.logcont{width:80%; float:none; margin:0 auto;}
	
	
}