.section-register{width:100%;max-width:480px;border-radius:8px;background:#fff;padding:24px;margin:auto}.section-register .register-title{font-size:24px;font-weight:700;color:#005598;text-align:center}.section-register .register-desc{font-size:18px;font-weight:700;text-align:center;margin:16px 0}.section-register .section-teenager-radio{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:14px}.section-register .section-teenager-radio .label-radio{display:flex;justify-content:center;align-items:center;gap:8px;width:50%;padding:8px 16px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.section-register .section-teenager-radio .label-radio.active{border-color:#005598;color:#005598}.section-register .register-item{display:flex;flex-direction:column}.section-register .register-item .register-label{align-self:flex-start;margin-bottom:8px;color:#666}.section-register .register-item .register-input{outline:none;border:1px solid #ccc;height:40px;font-size:14px;line-height:40px;padding:0 16px;border-radius:4px}.section-register .register-item .register-input:focus{border-color:#005598}.section-register .register-item .register-input:disabled{background:#ccc;cursor:not-allowed}.section-register .register-item .register-error-msg{display:inline-block;text-align:left;height:20px;font-size:14px;margin:4px 0;overflow:hidden;color:red}.section-register .register-item.error-item .register-input{border-color:red}.section-register .register-block{padding:16px;background:#eee;border-radius:4px}.section-register .register-icon-loading{text-align:center;font-size:24px}.section-register .register-icon-loading i{color:#005598;animation:rotation 1s infinite linear}.section-register .register-phone{display:flex;flex-direction:column;gap:8px}.section-register .register-phone input{flex-grow:1}.section-register .section-register-policy-content{display:flex;align-items:center;gap:8px;font-size:14px}.section-register .register-send-btn{font-size:14px;outline:none;border:none;color:#fff;background:#005598;padding:10px 24px;border-radius:4px;cursor:pointer;transition:.4s opacity}.section-register .register-send-btn:hover{opacity:.8}.section-register .register-send-btn:disabled{background:#ccc;cursor:not-allowed}.section-register .register-submit-btn{display:block;font-size:16px;outline:none;border:none;color:#fff;background:red;padding:8px 24px;margin:auto;border-radius:24px;cursor:pointer;transition:.4s opacity}.section-register .register-submit-btn:hover{opacity:.8}.section-register .register-submit-btn:disabled{background:#ccc;cursor:not-allowed}@media screen and (min-width: 768px){.section-register .register-phone{flex-direction:row;align-items:center}}@media screen and (min-width: 1024px){.section-register .register-title{font-size:30px}.section-register .register-desc{margin:24px 0}}.register-mask{position:fixed;top:0;left:0;z-index:100;width:max(100%,100dvw);height:max(100%,100dvh);background-color:rgba(0,0,0,.4)}.register-mask .register-modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:720px;max-width:90%;max-height:80dvh;line-height:1.3;overflow:hidden;background:#fff;padding:16px;border-radius:10px;background-color:#fff}.register-mask .register-modal-title{position:relative;font-size:18px;font-weight:700;padding:0 16px 8px 0;margin:0 0 16px;border-bottom:1px solid #ccc}.register-mask .register-modal-title .register-mask-icon-close{position:absolute;right:-4px;top:-4px;cursor:pointer}.register-mask .register-modal-content{position:relative;max-height:calc(80dvh - 160px);border-bottom:1px solid #ccc;margin:16px 0;overflow:auto;overscroll-behavior:contain;text-align:left}.register-mask .register-modal-content-title{font-size:18px;font-weight:700;text-align:center;margin:0 0 16px}.register-mask .register-modal-content ul{margin-top:.5rem;margin-bottom:.5rem;padding-left:1rem}.register-mask .register-modal-content ul li{margin-top:.5rem;margin-bottom:.5rem;list-style-type:disc}.register-mask .register-modal-content ul li ul li{list-style-type:circle}.register-mask .register-modal-content-box{padding:16px 0 0;margin:16px 0 0;border-top:1px dotted #ccc}.register-mask .register-modal-content-version{text-align:right;margin:8px 0}.register-mask .register-modal-content .register-modal-icon-bottom{position:fixed;right:16px;bottom:64px;z-index:20;font-size:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;color:#fff;border:2px solid #fff;background:rgba(0,0,0,.6);transition:colors .4s;cursor:pointer}.register-mask .register-modal-content .register-modal-icon-bottom:hover{background:#000}.register-mask .register-modal-footer{display:flex;justify-content:center;gap:8px;font-weight:700}@media screen and (min-width: 768px){.register-mask .register-modal-content .register-modal-icon-bottom{font-size:36px}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}