.reg-page-email{display:flex;justify-content:center;align-items:center;flex:1 1;width:100%;padding-bottom:40px;margin-top:108px;box-sizing:border-box;.email-reg-container{width:500px;height:454px;.title{color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.form{width:100%;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:37px;margin-top:30px;.field{position:relative;width:100%;height:56px;box-sizing:border-box;.icon{width:22px;height:22px}.password-control-icon{width:20px;height:20px}.input-area{border:1px solid #eee;border-radius:4px;padding:10px 15px;width:100%;height:100%;display:flex;align-items:center;gap:10px;position:relative;i{background:#ddd;width:1px;height:12px}svg{width:22px;height:22px}input{width:100%;outline:none;border:none;padding:0}}.password-control-area{position:absolute;right:-30px;top:50%;transform:translateY(-50%)}.error-txt{position:absolute;left:0;display:flex;justify-self:flex-start;gap:3px;span{font-size:12px;font-style:normal;font-weight:400;line-height:normal}span,svg{color:#fd502a}svg{width:16px;height:16px}}.tip{color:#999;font-size:12px;font-weight:400;line-height:normal}.code-btn,.tip{font-style:normal}.code-btn{cursor:pointer;width:124px;height:56px;line-height:56px;border-radius:4px;background:#fd502a;color:#fff;text-align:center;font-size:14px;font-weight:500}.code-btn:hover{opacity:.9}.bggrey{color:#999;background:#eee}}.code-area{width:100%;margin-top:18px;position:relative;.code{display:flex;justify-content:space-between;align-items:center;.input-area{width:366px}}.error-txt{position:absolute;left:0;top:66px;display:flex;justify-self:flex-start;gap:3px;span{font-size:12px;font-style:normal;font-weight:400;line-height:normal}span,svg{color:#fd502a}svg{width:16px;height:16px}}}.field.email .error-txt{top:66px}.field.password .error-txt{top:82px}}.login-btn{margin:60px 0 15px;button{width:100%;border-radius:32px;background:#fd502a;display:flex;height:44px;padding:10px 122px;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:normal}button.invalid{opacity:.3}}.go-login{margin-bottom:106px;color:#666;text-align:center;font-size:12px;font-style:normal;font-weight:600;line-height:normal;span{font-size:12px;cursor:pointer;font-weight:400;color:#fd502a}span:hover{text-decoration:underline;text-decoration-thickness:1px}}}.rule-area{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:100%;color:#999;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;a{color:#000;text-decoration:underline}a:hover{color:#999!important}}}