body{
/*	background: rgba(242, 242, 242, 1.0); */
	background:#fff url(../imagess/login.jpg) no-repeat;
	background-size: cover;
}
/* clearfix */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}
.login{ width: 360px; background: #fff; margin-left: calc(100% - 360px); margin-top: 10%; border-radius:10px; padding:30px 25px; display:flex; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);}
.login form{ width:100%; }
.login form h4{ font-size:18px; text-align:left; padding-bottom:15px; position: relative; margin-bottom:10px; margin-right:50px; font-weight:500; cursor:pointer; }
.login form>dd{ display:flex; }
.login form h4.active{ font-weight:bold; }
.login form h4.active:after{ content:''; width:60px; height:3px; background:#17528e; border-radius:5px; position:absolute; left:5px; bottom:0px; transition: all 0.5s;}
.login dl { margin-top:20px; width:100%; display: flex; flex-wrap: wrap; background:#f7f7f7;  }
.login dl input{ width:100%; height:40px; line-height:40px; border-radius: 5px; padding:0 10px; border:none; background:#f7f7f7; }
.login dl>button{ width: 100%; border-radius: 45px; border: none; height: 45px; line-height: 45px; text-align: center; color:#fff; background: #17528e; }
.login>form>p{ margin-top:30px; text-align:center; }
.login a{ text-align: center; color: #17528e; margin-top:10px; text-align:center; }
.t2{ display:none; }
.send{ display:flex; width:100%; }
.send dd{ width:100%; }
.send dd div{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; }
.send dd input{ width: 48%!important;}
.send button{ width: 48%!important; border: none; border-left: 1px solid #ddd; height: 20px; line-height: 20px; margin-top: 12px; text-align: center; color:#333; background: none; }

@media (max-width: 767px) {
	body{
/*	background: rgba(242, 242, 242, 1.0); */
	background:#fff url(../imagess/login.jpg) no-repeat;
	background-size: cover;
}
	.container{ padding:0; }
	.login{ width: 100%; background: #fff; margin-left: 0; margin-top: 10%; border-radius:10px; padding:30px 25px; display:flex; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);}
	.login form{ width:100%; }
	.login form h4{ font-size:18px; text-align:left; padding-bottom:15px; position: relative; margin-bottom:10px; margin-right:50px; font-weight:500; cursor:pointer; }
	.login form>dd{ display:flex; }
	.login form h4.active{ font-weight:bold; }
	.login form h4.active:after{ content:''; width:60px; height:3px; background:#17528e; border-radius:5px; position:absolute; left:5px; bottom:0px; transition: all 0.5s;}
	.login dl { margin-top:20px; width:100%; display: flex; flex-wrap: wrap; background:#f7f7f7;  }
	.login dl input{ width:100%; height:40px; line-height:40px; border-radius: 5px; padding:0 10px; border:none; background:#f7f7f7; }
	.login dl>button{ width: 100%; border-radius: 45px; border: none; height: 45px; line-height: 45px; text-align: center; color:#fff; background: #17528e; }
	.login>form>p{ margin-top:30px; text-align:center; }
	.login a{ text-align: center; color: #17528e; margin-top:10px; text-align:center; }
	.t2{ display:none; }
	.send{ display:flex; width:100%; }
	.send dd{ width:100%; }
	.send dd div{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; }
	.send dd input{ width: 48%!important;}
	.send button{ width: 48%!important; border: none; border-left: 1px solid #ddd; height: 20px; line-height: 20px; margin-top: 12px; text-align: center; color:#333; background: none; }

}