body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font:10px"Microsoft YaHei","宋体","Arial Narrow",HELVETICA;color:#606266;background:#fff;-webkit-text-size-adjust:100%;} 
html,body{height:100%;}

.height100{height: 100%;display:flex;display:-webkit-flex;justify-content: center; align-items: center; background: url(../images/login.jpg) center top;}
.loginbox{max-width: 850px;width: 80%;display:flex;display:-webkit-flex;}
.login_form{padding:35px 0 30px 0;background: #fff;}
.login_form h3{font-size:1.8rem;text-align: center; color: #27a68b;margin-bottom: 35px;}
.form{width:60%;margin:0 auto; font-size: 1.4rem;}
.form-group{margin-bottom:20px;}
.login_form .button{display:flex;display:-webkit-flex;justify-content: space-around;flex-wrap: nowrap;margin-bottom: 30px;}
.shuom{text-align:center;color: #909399;}
.logo{display:flex;display:-webkit-flex;justify-content: center; align-items: center; background: #1a9c7f;}
.logo img{max-width: 90%;}

@media (max-width:768px) {
	.loginbox{flex-direction: column-reverse; align-items: center;}
	.login_form{width:100%;}
	.logo{width:100%;padding:20px 0;}
}

@media (min-width:768px) {
	.loginbox{justify-content: space-between;align-items: stretch;}
	.login_form{width:60%;}
	.logo{width:40%;}
}