@supports (bottom: env(safe-area-inset-bottom)){.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}}.ellipsis-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.flex{display:flex}.flex-1{flex:1}.flex-align{display:flex;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-evenly{display:flex;justify-content:space-evenly;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-col{display:flex;flex-direction:column}.flex-center-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.retain-wrap{display:flex;flex-direction:column;height:100vh}.retain-wrap .main{width:100%;padding-top:130px;padding-left:8%;padding-right:8%;display:flex;justify-content:space-between;align-items:flex-start;background:url(/assets/bg1.c1a4977a.png) no-repeat;background-size:cover}.retain-wrap .content{color:#fff;margin-right:40px;margin-left:8%}.retain-wrap .h1{font-family:HarmonyOS Sans SC;font-size:54px;font-weight:700}.retain-wrap .desc{color:#fff;line-height:1.6;font-size:20px;white-space:nowrap}.retain-wrap .h1-wrap{position:relative;white-space:nowrap}.retain-wrap .radius{position:absolute;top:-16px;right:-30px;width:70px;transform:rotate(3deg)}.retain-wrap .form{margin-bottom:40px;flex-shrink:0;width:480px;border-radius:8px 114px 8px 8px;box-shadow:0 8px 20px 2px #3763aa1a;position:relative;background-color:#fff;background-image:url(/assets/bg2.71b8471a.png);background-size:100%;background-position:40px -30px;background-repeat:no-repeat}.retain-wrap .form .top-icon{position:absolute;top:-91px;right:14px;width:196px}.retain-wrap .form .top-icon img{width:100%}.retain-wrap .form .form-content{height:100%;padding:86px 60px 25px;display:flex;flex-direction:column;align-items:center}.retain-wrap .form .form-content .code-text{font-size:16px;font-weight:400;color:#3b66e7;cursor:pointer}.retain-wrap .form .form-content .code-text.is-disabled{color:#a8abb2}.retain-wrap .form .form-content .diy-input{width:100%}.retain-wrap .form .form-content .diy-input .el-input__wrapper{width:100%;height:59px;padding:18px 30px;border-radius:100px;border:1px solid #dcdcdc;font-size:18px;line-height:1;margin-bottom:10px;box-shadow:none;background:none}.retain-wrap .form .form-content .diy-input .el-input__wrapper::placeholder{color:#999}.retain-wrap .form .form-content .diy-input .prefix{color:#999}.retain-wrap .form .form-content .input{width:100%;height:59px;padding:18px 30px;border-radius:100px;border:1px solid #dcdcdc;font-size:18px;line-height:1;margin-bottom:10px}.retain-wrap .form .form-content .el-select__wrapper{width:100%;height:59px;padding:18px 30px;border-radius:100px;font-size:18px;line-height:1;margin-bottom:10px}.retain-wrap .form .title{width:100%;font-size:30px;font-weight:700;color:#222;margin-bottom:30px;text-align:left}.retain-wrap .form .agreement{margin-top:14px}.retain-wrap .form .agreement .tips{margin-top:4px;margin-left:8px;max-width:308px;font-size:14px;color:#999}.retain-wrap .form .submit-btn{margin-top:28px;width:100%;background:#3B66E7;height:54px;border-radius:100px;font-size:24px;color:#fff}.retain-wrap .checkbox{margin-right:8px}.retain-wrap .checkbox .el-checkbox__inner{border-radius:50%}.retain-wrap .img-code{width:110px}.retain-wrap .img-code img{width:100%}@media screen and (max-width: 1440px){.retain-wrap .main{padding-left:6%;padding-right:6%}.retain-wrap .content{margin-left:0}}@media screen and (max-width: 1300px){.retain-wrap .main{padding-left:4%;padding-right:4%}.retain-wrap .content{margin-left:0}}@media screen and (min-height: 950px){.main{height:100%}}