@charset "utf-8";
.login-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/login/login-bg.jpg) center center no-repeat; background-size: 100% 100%; }
.login-main { position: absolute; left: 50%; top: 50%; margin: -303px 0 0 -607px; width: 1214px; height: 606px; }
.login-left { width: 600px; height: 605px; }
.login-left img { margin-top: 180px; }
.login-right { width: 496px; height: 575px; background: rgba(207, 235, 255, .6); border-radius: 30px; position: relative; padding: 28px; }
.login-right:before { position: absolute; background: url(/images/login/login-leaf.png); width: 74px; height: 91px; display: block; top: 10px; right: -74px; content: ''; }
.login-right:after { position: absolute; background: url(/images/login/shadow.png); width: 476px; height: 20px; display: block; bottom: -10px; left: 10px; content: ''; }
.login-form { height: 515px; background: #fff; padding: 35px; border-radius: 30px; }
.login-logo { border-bottom: #f1f1f1 solid 1px; text-align: center; padding: 0 0 32px 0; }
.login-logo img { width: 222px; height: 80px; }
.login-form-part { margin-top: 30px; height: 48px; border: #d5d095 solid 1px; background: #fffcdb; border-radius: 6px; padding: 13px; position: relative; }
.password-part { background: #e6f5bc; border: #b9d36d solid 1px; }
.verifly-part { background: #f3f1f1; border: #d6d4d4 solid 1px; width: 213px; }
.login-icon { display: inline-block; vertical-align: middle; background: url(/images/login/login-icon.png); width: 22px; height: 22px; padding-right: 9px; border-right: #d9d9d9 solid 1px; box-sizing: content-box; }
.icon-user { background-position: 0px 0px; }
.icon-password { background-position: 0px -20px; }
.icon-verifly { background-position: 0px -40px; }
.login-form-part input { font-size: 14px; border: none; height: 22px; line-height: 22px; padding: 0 10px 0 10px; width: 305px; background: none; outline: none; }
.verifly-part input { width: 149px; }
.login-form-part .error { position: absolute; top: -30px; line-height: 30px; overflow: hidden; left: 0; }
.verifly-img { width: 150px; height: 35px; position: absolute; left: 223px; top: 5px; cursor: pointer; }
.verifly-img img { width: 107px; height: 35px; border: #c6c4c4 solid 1px; }
.remember-user { line-height: 45px; font-size: 14px; }
.remember-user label { cursor: pointer; }
.remember-user input { vertical-align: middle; }
.login-form-part-sub { line-height: 50px; }
.login-form-part-sub input { width: 100%; height: 50px; background: #ff9313; color: #fff; font-size: 20px; text-align: center; line-height: 50px; border: none; outline: none; border-radius: 5px; transition: all .4s; }
.login-form-part-sub input:hover { background: #fd9f31; }
.login-form-part-sub input:active { background: #ed860b; }

.footer{ position: fixed; left: 0; bottom: 0;width:100%; height:40px; line-height: 40px; text-align:center;}
.footer a{ padding:0 10px; color:#333; text-decoration: none;}

@media only screen and (max-width:750px) {
/*��¼ҳ���ֻ����*/
.footer,.login-left{ display:none;}
.login-box,.login-main{ position: relative;}
.login-main{margin:0;width:100%;height:auto;left:0; top:0}
.login-right{ width:100%; height:auto;}
.login-form-part{width:259px;}
.verifly-part{width:167px;}
.login-form-part input{ width:172px;}
.verifly-part input{width:103px;}
.verifly-img{left:169px;}
.login-form{border-radius��0;}

}