@charset "UTF-8";
/****************************/
/*登录*/
.sign { height: 100%; min-height: 600px; text-align: center; font-size: 14px; position: absolute; width: 100%; top: 0px; left: 0px; background-color: #f8f8f8 }
.sign:before { content: ""; display: inline-block; height: 85%; vertical-align: middle }
.sign .logo { position: absolute; top: 40px; margin-left: 50px }
.sign .logo img { width: 100px }
.sign .main { width: 580px; margin: 60px auto 0; padding: 50px 50px 30px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 8px #ddd; vertical-align: middle; display: inline-block }

.main .title { display: block; text-align: center; }
.main .title a { color: #999999; margin: 0px 30px; overflow: hidden; font-size: 28px; letter-spacing: 1px; padding: 0px 10px; line-height: 60px; font-weight: 500; display: inline-block; vertical-align: top; position: relative; }
.main .title a::after { content: ' '; position: absolute; bottom: 0px; left: -100%; width: 100%; height: 4px; background-color: #ea6f5a; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; }
.main .title a::after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main .title a.active, .main .title a:hover { color: #000 }
.main .title a.active::after, .main .title a:hover::after { left: 0px; }

.js-sign-in-container { margin: 50px 30px 30px; }
.js-sign-in-container .input-prepend { position: relative; width: 100%; margin-top: 20px; }
.js-sign-in-container .input-prepend input { width: 100%; height: 50px; margin-bottom: 0; padding: 4px 12px 4px 40px; letter-spacing: 1px; border-radius: 5px; background-color: #eeeeee; vertical-align: middle; border: 0px; color: #333333; font-size: 18px; }
.js-sign-in-container .input-prepend i { position: absolute; top: 12px; left: 10px; font-size: 22px; color: #969696 }
.js-sign-in-container .input-prepend span { color: #333 }
.js-sign-in-container .input-prepend .ic-show { top: 18px; left: auto; right: 8px; font-size: 12px }
.js-sign-in-container input:-internal-autofill-previewed,
.js-sign-in-container input:-internal-autofill-selected { transition-delay: 9999999s; transition: color 9999999s ease-out, background-color 9999999s ease-out; -webkit-transition-delay: 9999999s; -webkit-transition: color 9999999s ease-out, background-color 9999999s ease-out; -webkit-text-fill-color: #333333; }

.js-sign-in-container .remember-btn { display: block; margin: 5px; color: #666666; font-size: 15px; }
.js-sign-in-container .remember-btn > label { float: left; line-height: 30px; margin: 10px 0 }
.js-sign-in-container .remember-btn span { margin-left: 5px; vertical-align: middle; line-height: 21px; }
.js-sign-in-container .forget-btn { float: right; position: relative; margin: 10px 0; font-size: 14px }
.js-sign-in-container .forget-btn a { color: #999; cursor: pointer; }
.js-sign-in-container .forget-btn a:hover { color: #333 }

.js-sign-in-container .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 210px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; }
.js-sign-in-container .forget-btn.open .dropdown-menu { display: block; }
.js-sign-in-container .dropdown-menu { top: 16px; left: auto; right: 0; border-radius: 4px; padding: 12px 0px; }
.js-sign-in-container .dropdown-menu li a { padding: 8px 20px; font-size: 14px; line-height: 24px; display: block; }
.js-sign-in-container .dropdown-menu li a:hover { background-color: #f5f5f5 }

/*登录注册按钮*/
.js-sign-in-container .sign-in-button, .js-sign-in-container .sign-up-button { margin-top: 20px; width: 100%; padding: 15px 18px; font-size: 18px; border: none; border-radius: 25px; color: #fff; background: #EA6F5A; cursor: pointer; outline: none; display: block; clear: both }
.js-sign-in-container .sign-in-button:hover, .js-sign-in-container .sign-up-button:hover { background: #ff5d5b }
.js-sign-in-container .sign-in-button { background: #ff5d5b }
.js-sign-in-container .sign-in-button:hover { opacity: 0.8 }
.js-sign-in-container .F_CPOa { color: #999999; font-size: 14px; line-height: 20px; margin-top: 3px; text-align: center; }
.js-sign-in-container .F_CPOa a { color: #ff5d5b; }
.js-sign-in-container .F_CPOa a:hover { color: #ff5d5b; text-decoration: underline; }

/*社交账号直接注册*/
.js-sign-in-container .more-sign { margin-top: 40px }
.js-sign-in-container .more-sign .more-sign_Title { position: relative; margin: 0 0 10px; font-size: 14px; text-align: center; display: block; }
.js-sign-in-container .more-sign .more-sign_Title:after { content: ' '; position: absolute; z-index: 0; top: 14px; border-top: 1px solid #8a8a8a; left: 0px; width: 100%; }
.js-sign-in-container .more-sign .more-sign_Title span { display: inline-block; z-index: 1; position: relative; padding: 0px 25px; vertical-align: top; line-height: 30px; background-color: #ffffff; color: #666666; letter-spacing: 0.6px; }

.js-sign-in-container .more-sign ul { margin-bottom: 10px; list-style: none; margin-top: 25px; }
.js-sign-in-container .more-sign ul li { margin: 0 10px; display: inline-block }
.js-sign-in-container .more-sign ul a { width: 50px; height: 50px; cursor: pointer; line-height: 50px; display: inline-block; text-align: center; border-radius: 50%; }
.js-sign-in-container .more-sign ul i { font-size: 28px; color: #FFFFFF }
.js-sign-in-container .more-sign a.weibo { background-color: #ff5050 }
.js-sign-in-container .more-sign a.weixin { background-color: #50b674 }
.js-sign-in-container .more-sign a.qq { background-color: #32a6d4 }

.js-sign-in-container .more-sign .weibo-loading { pointer-events: none; cursor: pointer; position: relative }
.js-sign-in-container .more-sign .weibo-loading:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff }
.js-sign-in-container .more-sign .weibo-loading:before { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 10px; border: 2px solid #e05244; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rolling .8s infinite linear; animation: rolling .8s infinite linear; z-index: 1 }



.js-sign-in-container .Verification { width: 100%; margin-bottom: 0; }
.js-sign-in-container .Verification .DataCode { text-align: center; width: auto; height: 34px; padding: 0px 18px; min-width: 108px; line-height: 32px; border-radius: 12px; border: 0px; position: absolute; right: 6px; top: 8px; background-color: #ff5d5b; font-size: 13px; color: #ffffff; cursor: pointer; }
.js-sign-in-container .Verification .DataCode:hover { opacity: 0.8 }
.js-sign-in-container .Verification .VerificationCode { padding-right: 120px }

@media (max-width: 755px) {
    .js-sign-in-container .Verification .DataCode { top: 5px; right: 5px; }
}

@media (max-width: 680px) {
    .js-sign-in-container .input-prepend i { top: 6px !important; }
    .js-sign-in-container .Verification .DataCode { font-size: 13px; height: 28px; line-height: 28px; top: 4px; padding: 0px 10px; min-width: 100px; }
    .js-sign-in-container .Verification .VerificationCode { padding-right: 100px; }
}