.page-bg { position:fixed;top:0;left:0; width:100%; height:100%;}
.main-content { position:absolute; top:25%; width:400px; left:50%; margin-left:-200px; background:#fff; border-radius:15px; box-shadow:0px 0px 20px #333; padding:1.5% 1% 2%;}
.logo { margin-bottom:4%; text-align:center; padding-bottom:5%;}
.logo img { max-height:60px; max-width:100%;}
.show-pic { text-align: center; padding: 0 3%;}
.show-pic img{ max-width:100%; max-height:100%;}
.form-area h1 { font-size:28px; color:#297fca; text-align:center; margin-bottom:6%;}
/**表单区域样式**/
.login-form { padding: 0 3%;}
.form-list li { position:relative; line-height:44px; border:1px #eee solid; border-radius:5px; padding-left:40px; margin-bottom:10%;}
.form-list li input { line-height: 40px; border: none; width: 95%;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
.form-list li .icon { display:block; width:23px; height:23px; position:absolute; top:10px; left:8px;}
.form-list li.active { border-color:#88aaff;}
.icon-count { background:url(/Images/c1.png) no-repeat;}
.icon-user { background:url(/Images/c2.png) no-repeat;}
.icon-lock { background:url(/Images/c3.png) no-repeat;}
.form-list li.active .icon-count { background:url(/Images/c1_1.png) no-repeat;}
.form-list li.active .icon-user { background:url(/Images/c2_1.png) no-repeat;}
.form-list li.active .icon-lock { background:url(/Images/c3_1.png) no-repeat;}
.form-list .vcode { position:absolute;top:0;right:0;line-height:inherit; text-align:center;}
.form-list .vcode img { vertical-align:inherit}
.form-list .vcode .loginffspan { margin-top:-18px; line-height:16px;}
.login-fromver { display:none;}
/**提交按钮**/
.btn-area { padding-bottom:3%;text-align: center;}
.btn-area button { width:48%; border:none; background:none; font-size: 18px; padding: 3% 0; border-radius: 30px; cursor:pointer;}
.btn-area #btn-login { background:#58aaf1; color:#fff; width: 94%;}
.btn-area #btn-register { color:#58aaf1; border:#58aaf1 1px solid;}
.icon-area { text-align:center;}
.icon-area a { padding:0 2%; cursor:inherit;}
.fixed-footer { position:fixed; bottom:0; left:0; width:100%; background:#fff; line-height:40px; text-align:center;}
@media screen and (max-width:768px) {
    .main-content { width:90%; left:4%; margin-left:0;}
}