﻿
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-appearance: none;
border-radius: 0;
} 
textarea {
    resize: none;
}
input:focus, textarea:focus {
    outline: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
input::-ms-clear {
    display: none;
}

.enterprise_login { padding: 70px 0 162px; background: url(../images/enterprise_login_bg.jpg) no-repeat top center; }
.login_con { width: 80%; margin: 0 auto; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0 5px 0 #d0d2d5; }
.login_more { float: left; width: 40%; padding: 50px 50px 74px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #dbe8f2; }
.login_more h3 { font-size: 24px; font-weight: normal; margin-bottom: 30px; padding-bottom: 18px; background: url(../images/login_more_h3.png) no-repeat left bottom; }
.login_more ul { margin-right: -20px; margin-left: -20px; }
.login_more li { margin-bottom: 35px; padding-left: 35px; }
.login_more li:before { display: inline-block; overflow: hidden; width: 16px; height: 20px; background: url(../images/e-icon.png) no-repeat -580px -0; }
.login_more li a { display: block; }
.login_more li img { vertical-align: bottom; }
.login_more li p { font-size: 16px; line-height: 1; margin: 10px 0 0; color: #666; }
.login_more li a:hover p,
.login_more li a:hover { color: #0166fe; }
.login_form { position: relative; float: left; width: 60%; padding: 50px 77px 120px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #fff; }
.help_link { font-size: 12px; position: absolute; top: 17px; right: 36px; display: inline-block; width: 50px; min-height: 17px; padding-left: 24px; color: #333; background: url(../images/help_link_icon.png) no-repeat left; }
.help_link:hover { color: #0166fe; }
.login_form h3 { font-size: 26px; font-weight: normal; margin-bottom: 30px; }
.form_block { position: relative; height: 48px; margin-bottom: 18px; padding-left: 50px; border: 1px #d4d4d4 solid; }
.input_icon { position: absolute; top: 16px; left: 15px; display: block; width: 16px; height: 16px; }
.username_icon { background: url(../images/form_user_icon.png) no-repeat left; }
.password_icon { background: url(../images/form_password_icon.png) no-repeat left; }
.form_block input { font-size: 14px; line-height: 46px; width: 100%; height: 46px; padding: 0 10px 0 10px; border: none; outline: none; -webkit-outline: none; }
.form_login_btn { font-size: 18px; line-height: 43px; width: 100%; height: 50px; text-align: center; color: #fff; border: none; background: #d20a2c; }
.form_login_btn:hover { background: #d70226; }
.form_login_btn.disabled { color: #e7e7e7; background: #ccc; }
.login_else_info { margin-top: 10px; }
.login_else_info span { font-size: 14px; float: left; }
.login_else_info span label { display: inline-block; margin: 0 10px; color: #adadad; }
.login_else_info span a { color: #333; }
.need_reg { font-size: 12px; float: right; color: #666; }
.need_reg a { font-size: 14px; font-weight: bold; color: #d20a2c; }
.login_else_info a:hover { color: #0166fe; }
.tips_error { font-size: 14px; margin-bottom: 15px; text-align: center; color: #d20a2c; }
.popup_login { position: fixed; z-index: 1005; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/alpha60.png) repeat\9; }
:root .popup_login { background-color: rgba(0, 0, 0, .5); }
.popup_login .login_form { position: fixed; z-index: 1006; top: 50%; left: 50%; float: none; width: 480px; margin: 0 auto; margin-top: -200px; margin-left: -240px; padding-right: 38px; padding-bottom: 40px; padding-left: 38px; border-radius: 0; }
.close_popup { position: absolute; top: 15px; right: 20px; display: block; width: 28px; height: 28px; background: url(../images/close_popup.png) no-repeat; }

/*==S 1101 login xwx282787*/
.other-sign-in-methods { margin-top: 30px; padding-top: 20px; border-top: 1px solid #d6d7d7; }
.other-sign-in-methods p { font-size: 14px; display: inline-block; margin-right: 30px; vertical-align: middle; color: #333; }
.other-sign-in-methods a { display: inline-block; width: 32px; height: 32px; margin-right: 20px; -webkit-transition: .5s; transition: .5s; vertical-align: middle; }
.other-sign-in-methods a.qq { background: url(../images/qq.png) no-repeat center center; }
.other-sign-in-methods a.in { background: url(../images/in-out.png) no-repeat center center; }
.other-sign-in-methods a.qq:hover { background: url(../images/qq-hover.png) no-repeat center center; }
.other-sign-in-methods a.in:hover { background: url(../images/in-hover.png) no-repeat center center; }
.login_form { background: #fbfcfc; }
.login_con { background: #dbe8f1; }



@media (max-width:750px) {
    .popup_login {position: absolute;}
    .popup_login .login_form{ width: 90%;
    left: 5%;
    top: 20px;
    margin-left: 0;
    margin-top: 0;
    position: relative;}
    .need_reg,.login_else_info span{float:none;}
}
/*==S 1101 login*/
