html,body,#root{height:100%;width:100%;margin:unset;background-color:#f0f4f9}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;box-shadow:0 6px 10px #bfbfbf;width:100%;height:100%;min-height:300px}.login-page-block-area{height:20%}.login-page-divider{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;min-width:250px;max-width:350px;margin:24px 0}.login-page-divider:after{content:"";position:absolute;width:100%;height:1px;background-color:#bfbfbf}.login-page-divider span{background-color:#fff;padding:16px;color:#bfbfbf;z-index:1}.login-page-input{position:relative;width:50%;min-width:250px;max-width:350px;margin-bottom:40px}.login-page-input .login-page-animation-placeholder{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:max-content;transition:all .2s ease;pointer-events:none;color:#999;font-size:12px;z-index:2}.login-page-input .login-page-animation-placeholder-focused{top:0;color:#1677ff;background-color:#fff}.login-page-input .login-page-animation-placeholder-has-input{opacity:0}.login-page-input .error-input-tip{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:max-content;transition:all .2s ease;pointer-events:none;color:#ff4d4f;font-size:12px;opacity:0}.login-page-input .error-input-tip-no-validate{top:100%;transform:unset;opacity:1}.login-page-input .edit-icon{width:20px}.login-basic-button{display:flex;flex-direction:row;align-items:center;justify-content:center;width:50%;height:48px;min-width:250px;max-width:254px;font-size:16px;font-weight:600;border-radius:4px}.google-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;height:36px;width:36px;background-color:#fff;border-radius:4px;margin-right:16px}.google-icon img{height:24px}.verification-code-input{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff;border-radius:8px;min-height:300px}.verification-code-input .verification-code-back-icon{position:absolute;top:32px;left:32px;cursor:pointer;font-size:20px;font-weight:600;background:linear-gradient(to right,#2978ff,#4da6ff) no-repeat bottom right;background-size:0 2px;transition:background-size .2s linear}.verification-code-input .verification-code-back-icon:hover{background-position:bottom left;background-size:100% 2px}.verification-code-input .verification-code-error-tip{position:absolute;transform:translateY(100%);width:max-content;opacity:0;transition:all .2s ease-in-out;pointer-events:none;font-size:14px}.verification-code-input .verification-code-error-tip-active{transform:translateY(150%);opacity:1;color:#ff4d4f}.verification-code-input .verification-code-resend-icon{position:absolute;top:32px;right:32px;cursor:pointer;font-size:20px;font-weight:600;background:linear-gradient(to right,#2978ff,#4da6ff) no-repeat bottom right;background-size:0 2px;transition:background-size .2s linear;color:#bfbfbf;pointer-events:none}.verification-code-input .verification-code-resend-icon-active{color:#1f1f1f;pointer-events:auto}.verification-code-input .verification-code-resend-icon-active:hover{background-position:bottom left;background-size:100% 2px}.verification-code-input .verification-code-input-item-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-width:250px;max-width:250px;margin-bottom:40px}.verification-code-input .verification-code-input-item-container .verification-code-input-item-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.verification-code-input .verification-code-input-item{padding:unset;background-color:transparent;height:36px;width:36px}.verification-code-input .verification-code-input-item .ant-input-number-input-wrap,.verification-code-input .verification-code-input-item .ant-input-number-input-wrap input{height:100%}.verification-code-input-item .ant-input-number-input{color:#333;text-align:center}.self-card-layout{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:auto}.card-layout{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:auto;width:50%;height:50%;min-height:300px}@media screen and (max-width: 768px) and (orientation: portrait){.card-layout{margin-left:16px;margin-right:16px;width:100%;min-height:50%;max-height:100%}}@media screen and (max-height: 500px){.card-layout{height:auto}}.self-line-loading{position:absolute;height:2px;top:0;left:0;right:0;background:linear-gradient(to right,#2978ff50,#2978ff,#2978ff50) no-repeat,linear-gradient(to left,#2978ff50,#2978ff,#2978ff50) no-repeat;background-size:50% 2px,50% 2px;animation:bgColorTransition 2s infinite linear;z-index:10000}.self-loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff80;z-index:9999}@keyframes bgColorTransition{0%{background-position:0 0,-200% 0}to{background-position:200% 0,0 0}}.user-operation-page{width:100%;background:#fff;border-radius:8px;box-shadow:0 6px 10px #bfbfbf;padding:16px}.user-operation-page .del-page-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:400;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word;color:#1f1f1f;margin-bottom:16px}.user-operation-page .user-operation-check-area{border:1px solid #e1e3e1}.del-info-confirm-checkbox{display:inline-flex;flex-direction:row;justify-content:center;align-items:center}.del-info-confirm-checkbox span{display:inline-block}.del-info-confirm-checkbox .ant-checkbox{align-self:flex-start;margin-top:2px}.del-info-confirm-checkbox .ant-checkbox .ant-checkbox-inner{width:18px;height:18px}.del-confirm-information{font-size:16px;font-weight:400;letter-spacing:0;line-height:24px;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word;color:#444746;margin-bottom:32px}.del-confirm-operation-wrap{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.del-confirm-modal-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.del-confirm-modal{top:unset;padding:unset}.del-confirm-modal .ant-modal-content{position:relative}.del-confirm-modal-title{margin:0;color:#1f1f1f}.del-confirm-modal-title span{font-weight:400;font-size:24px}.del-cancel-modal-button span{color:#4096ff}@media screen and (max-width: 768px){.del-confirm-information{font-size:14px;margin-bottom:8px}}.self-text-input{position:relative}.self-text-input-main{font-size:1rem}.self-text-input-placeholder{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:max-content;pointer-events:none;color:#999;font-size:1rem;z-index:2;transition:all .2s ease-in-out}.self-text-input-placeholder-focused,.self-text-input-placeholder-not-empty{top:0;font-size:.8rem;color:#1677ff;background-color:#fff}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.self-layout{display:flex;flex-direction:column;width:100%;height:100%}.self-layout-header{display:flex;flex-direction:row;align-items:center;left:0;right:0;height:56px;background-color:#fff;padding:0 16px;border-bottom:1px solid rgb(218,220,224)}@media screen and (min-width: 768px){.self-layout-header-title{line-height:2.25rem;font-size:1.75rem;letter-spacing:0;font-weight:400}.app-logo{width:48px;border-radius:16px;margin-right:8px}}@media screen and (max-width: 768px){.self-layout-header-title{font-size:1rem;letter-spacing:0;font-weight:400}.app-logo{width:32px;border-radius:8px;margin-right:8px}}.del-success-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff}.self-ol-list{padding-left:16px}.high-light-info{font-weight:700}
