.page-background.data-v-b237504c{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .body.data-v-b237504c{ display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; z-index: 1; } .title.data-v-b237504c{ display: flex; align-items: center; justify-content: space-between; padding: 20px; padding-bottom: 0px; color: #2B303A; } .title .h1.data-v-b237504c{ font-size: 30px; } .title .h2.data-v-b237504c{ font-size: 20px; } .title .logo.data-v-b237504c{ width: 76px; } .logo-wrap.data-v-b237504c{ flex: 1; display: flex; align-items: center; justify-content: center; } .logo-wrap .bg.data-v-b237504c{ width: 100%; } .footer.data-v-b237504c{ font-size: 14px; color: #999; padding: 0 35px 80px 35px; } .submit.data-v-b237504c{ display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; font-size: inherit; border-radius: 100pc; background-color: #04C262; color: #fff; } .submit.data-v-b237504c::after{ display: none; } .submit[disabled].data-v-b237504c{ background-color: #ddd; } .submit text + text.data-v-b237504c{ margin-left: 10px; } .submit text.ax.data-v-b237504c{ font-size: 30px; } .cancel.data-v-b237504c{ font-size: 12px; text-align: center; margin: 15px 0; } .agreement.data-v-b237504c{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; } .agreement .mask.data-v-b237504c{ display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; font-size: 16px; border-radius: 100%; border: 2px solid #3EB6F8; vertical-align: middle; margin-right: 10px; } .agreement .mask .ax.data-v-b237504c{ color: #fff; font-size: 10px; } .agreement .mask.active.data-v-b237504c{ background-color: #3EB6F8; } .agreement .mask.active .ax.data-v-b237504c{ display: block; } .agreement .em.data-v-b237504c{ color: #3EB6F8; }