*{box-sizing:border-box;margin:0;padding:0;font-family:PingFang SC,Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei,sans-serif}html{overflow:auto}body{background-color:#fff;min-width:1000px;margin:0;padding:0}#app{-webkit-overflow-scrolling:touch;flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:10px;display:block}::-webkit-scrollbar-thumb{background:#aaa;border-radius:5px}::-webkit-scrollbar-track{background:#f1f1f1}.hero-section{background:url(https://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/new_login/new_login_background_1475f40.jpg) 50%/cover no-repeat;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.page-container{z-index:2;flex-direction:column;flex:1;width:1000px;display:flex;position:relative}.exmail_header_wrap{justify-content:space-between;align-items:center;width:1000px;padding-top:20px;display:flex}.logo-area{align-items:center;display:flex}.logo-img{width:137px;height:19px}.header-links{color:#2b2b2b;font-size:13px}.header-links a{color:#333;margin:0 4px;text-decoration:none}.header-links span{color:#2b2b2b;margin:0 4px}.main-content{align-items:center;width:100%;height:540px;display:flex;position:relative;top:45px}.slogan-area{z-index:2;margin-top:-22px;margin-left:0;position:relative}.slogan-text{color:#384049;text-shadow:0 2px 24px #ffffff80;font-size:36px;font-weight:400;line-height:1.4}.login-card-wrap{z-index:3;background:#fff;border-radius:2px;width:338px;padding:38px 0 20px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 2px 4px #00000026,0 10px 10px #0000001f}.login-title{text-align:center;color:#10141a;margin-bottom:8px;font-size:18px;font-weight:600}.login-subtitle{color:#0b121a99;text-align:center;margin-bottom:34px;font-size:12px}.login-title,.login-subtitle,#loginForm{margin-left:30px;margin-right:30px}.input-group{margin-bottom:2px}.input-field{border:1px solid #c9c9c9;border-radius:2px;outline:none;width:100%;height:48px;padding:14px 10px 14px 18px;font-size:14px;transition:border .3s}.input-field:hover{border:1px solid #a0aab4}.input-field:focus{border:1px solid #2984ef}.input-field::-webkit-input-placeholder{color:#aaa}.login-options{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.login-options a{color:#186fd5;font-size:12px}.login-options a:hover{text-decoration:underline}.remember-me{color:#0b121a99;cursor:pointer;align-items:center;display:flex}.remember-me input{width:14px;height:14px;margin-right:8px}.forget-link{color:#3882e5;text-decoration:none}.btn-login{color:#fff;text-align:center;cursor:pointer;background:#2984ef;border:none;border-radius:2px;width:100%;height:40px;font-size:16px;font-weight:500}.btn-login:hover{opacity:.9}.login-tabs{border-top:1px solid #f2f2f2;justify-content:space-between;align-items:center;height:30px;margin-top:30px;padding-top:15px;display:flex}.tab-item{color:#333;white-space:nowrap;align-items:center;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.tab-item svg{color:#333;margin-right:0}.tab-item.active{color:#267ef0}.tab-item:hover{opacity:.8}.tab-separator{color:#e5e5e5;-webkit-user-select:none;user-select:none;font-size:12px}.page-footer{text-align:center;color:#828282;background:#fff;flex-direction:row;justify-content:center;width:100%;margin-top:0;padding:15px 20px 40px;font-size:12px;line-height:35px;display:flex}.page-footer .flink{color:#999;cursor:pointer;margin:0 1px}.page-footer span{margin:0 5px}.item_error .input-field{border:1px solid #f15a5a!important}.signup_item_content_tips_error{color:#f15a5a;visibility:hidden;text-align:left;margin-top:3px;margin-bottom:3px;font-size:12px}#errorContainer{color:#f15a5a;background-color:#fff2f2;border-top:1px solid #ffccd0;border-bottom:1px solid #ffccd0;border-radius:2px;align-items:center;margin-bottom:20px;margin-right:-.1px;padding:8px 10px;font-size:12px;display:none}.loader_spin{box-sizing:border-box;vertical-align:middle;border:2px solid #fff;border-bottom-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}