@charset "utf-8";
html {
	font-size: 10px;
	width: 100%;
}

body {
	width: 100%;
}
body,input,button{
	font-family: "microsoft yahei";
}
html,
body,
div,
ul,
li,
header,
section,
footer,
h2,
span,
p,
img ,a,input,label,button{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	
}

ul li {
	list-style: none;
}

h2 {
	font-size: .25rem;
	font-weight: normal;
}

p {

	font-weight: normal;
}

dl,dt,dd{padding:0; margin: 0;}
button{
	border: 0;
	outline: none;
}
button:focus{
	outline: none;
}
a{
	text-decoration: none;
}
a:hover{
	cursor: pointer;
}
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-text-size-adjust: none;
}
input{
	border: none ; 
	outline: none;
}
header{width:90%; margin: 0 auto;}
section{width:100%; height: 600px; background: url(../img/bg.jpg) no-repeat top center; min-width: 1200px;}
.wraplogin{width:950px; height: 430px; float: right; margin-right: 5%; margin-top: 70px; background: rgba(0,0,0,0.6) none repeat scroll !important;background: #000;filter: Alpha(opacity=60); border-radius: 10px;}
.wraplogin .left{width:550px; text-align: center; float: left; background: url(../img/leftbg.png) no-repeat top right;}
.wraplogin .left img{margin: 20% auto;}
.wraplogin .right{width:300px; float: right; margin-right: 50px; }
.wraplogin .right ul{margin-top:100px;margin-bottom: 60px;}
.wraplogin .right ul li{margin-bottom: 10px; background:url(../img/user.png) no-repeat 10px 15px #fff; width: 300px; height: 56px;}
.wraplogin .right ul li input{width:200px; border: 0; background: #fff; height: 36px; line-height: 36px; margin-left: 50px; margin-top: 10px; font-size: 16px;}
.twoinput{background:url(../img/password.png) no-repeat 10px 15px #fff !important}
.wraplogin .right button{background: #ff8700; height: 56px; width: 300px; border-radius: 5px; color: #fff; font-size: 22px; cursor: pointer;}
footer{ margin: 30px; text-align: center; color: #828282; font-size: 16px; line-height: 24px;}