body {font-size:11px ;color:#444; min-width: 1200px; font-family: '微软雅黑'}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}
td,th,caption { font-size:13px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;}
a { text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none; }
img { border:none; vertical-align: middle;}
ol,ul,li { list-style:none; }
input, textarea, select, button {font-family:'微软雅黑';font-size:13px; outline:none;color:#666;}
input[type=text],input[type=password]{box-sizing: border-box;padding: 0 5px;}
table { border-collapse:collapse;border-spacing:0;  }
body,html{width: 100%;height: 100%;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.bg{
	width: 100%;
	height: 100%;
	background-image: url(../imagesbm/bg.jpg);
	background-repeat: no-repeat;
	background-position: center -178px;
	background-size: 100%;
	position: relative;
}
.mid{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 1060px;
	height: 690px;
	text-align: center;
}
.mid .biaoti{
	margin-bottom: 40px;
}
.mid .form1{
	width: 370px;
	height: 460px;
	display: inline-block;
	padding: 15px;
	background-image: url(../imagesbm/border.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
.mid .bottom{
	position: absolute;
	left: -332px;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	width: 1079px;
	height: 154px;
	background-image: url(../imagesbm/caodi.png);
	background-repeat: no-repeat;
	background-position: center;
}
.banquan{
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
.mid .form1 form{
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 3px;
	padding: 30px;
	box-sizing: border-box;
}
.mid .form1 form .input{
	width: 100%;
	height: 50px;
	margin-top: 15px;
	border:1px solid #ddd;
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 40px;
	border-radius: 3px;
}
.mid .form1 form .input:focus{
	border:1px solid #017ddd;
	border-radius: 3px;
}
.mid .form1 form .input.username{background-image: url(../imagesbm/username.png);}
.mid .form1 form .input.pwd{background-image: url(../imagesbm/pwd.png);}
.mid .form1 form .input.code{
	width: 176px;
	height: 50px;
	margin-right: 10px;
	background-image: url(../imagesbm/code.png);
}
.mid .form1 form .pic{
    width:120px;
	height:50px;
	display: inline-block;
	position: relative;
	bottom: 2px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #cad4da;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #cad4da;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #cad4da;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #cad4da;
}
.mid .form1 form .sub{
	width: 100%;
	height: 50px;
	background-color: #017ddd;
	border-radius: 3px;
	border:0;
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
}
.mid .form1 form .last{
	font-size: 12px;
	color: #888;
	line-height: 25px;
	margin-top: 8px;
}
.mid .form1 form .last .jizhu{float: left;}
.mid .form1 form .last .jizhu input[type=checkbox]{position: relative;top: 2px;margin-right: 5px;}
.mid .form1 form .last .zc{float: right;}

.mid2{height: 710px}
.mid .form2{
	width: 660px;
	height: 710px;
	background-color: #fff;
	display: inline-block;
	text-align: center;
}
.mid .form2 .bottom{
	left: -7px;
}
.mid .form2 .head{
	width: 520px;
	height: 100px;
	border-bottom: 1px solid #ccc;
	padding: 0 70px;
	line-height: 100px;
}
.mid .form2 .head .l{
	float: left;
	font-size: 26px;
	color: #222;
}
.mid .form2 .head .r{
	float: right;
	font-size: 14px;
	color: #999;
}
.mid .form2 .head .r a{color: #017ddd}
.mid .form2 .input{
	width: 330px;
	height: 45px;
	border:1px solid #ddd;
	font-size: 15px;
	padding-left: 10px;
	border-radius: 3px;
	margin-top: 20px;
}
.mid .form2 .input:focus{
	border:1px solid #017ddd;
}
.mid .form2 .sub{
	width: 330px;
	height: 45px;
	color: #fff;
	font-size: 16px;
	background-color: #017ddd;
	margin-top: 20px;
	border:0;
	border-radius: 3px;
}