2 lines
3.4 KiB
CSS
2 lines
3.4 KiB
CSS
|
.login-container[data-v-506393aa]{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;background-color:#eff1fc;position:relative}.login-container .title[data-v-506393aa]{display:flex;margin-top:3.75rem;align-items:center}.login-container .title .title-imge[data-v-506393aa]{width:3.4375rem;height:3.4375rem;margin-right:.9375rem}.login-container .title .title-font[data-v-506393aa]{font-size:1.09375rem;font-weight:500}.login-container .photo-imge[data-v-506393aa]{position:absolute;top:3.75rem;left:0;width:100%;height:34.375rem}.login-container .old-imge[data-v-506393aa]{position:absolute;left:50%;transform:translate(-50%,-50%);top:17.1875rem;width:12.5rem;height:12.5rem}.login-container .under-container[data-v-506393aa]{position:absolute;left:0;bottom:0;width:100%;height:21.25rem;background-color:#fff;border-top-left-radius:1.5625rem;border-top-right-radius:1.5625rem;box-shadow:.3125rem .3125rem .625rem rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}.login-container .under-container .radio-circle[data-v-506393aa],.login-container .under-container .radio-circle-target[data-v-506393aa]{position:relative;margin-top:.0625rem;width:1.25rem;height:1.25rem;border-radius:50%;border:.0625rem solid #C0C5D9;background-color:transparent}.login-container .under-container .radio-circle-target[data-v-506393aa]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.9375rem;height:.9375rem;background-color:#00c9ff;border-radius:50%}.under-container-title[data-v-506393aa]{display:flex;margin-top:1.875rem;margin-bottom:.9375rem;align-items:center;justify-content:center;font-size:.78125rem;font-weight:500;width:100%}.under-container-title .radio-circle-blue[data-v-506393aa]{color:#0083ff;margin-top:.09375rem}.under-container-title .radio-circle-font[data-v-506393aa]{color:#5a607f;margin-left:.5625rem;margin-top:.09375rem}.under-container-title .under-container-input[data-v-506393aa]{width:80%;display:flex;align-items:center;height:3.125rem;border-radius:1.34375rem;color:#5a607f;font-size:1.03125rem;border:.0625rem solid #C0C5D9}.under-container-title .under-container-input .input-left[data-v-506393aa]{margin:0 .9375rem}.button-gray[data-v-506393aa]{width:80%;display:flex;justify-content:center;align-items:center;height:3.125rem;border-radius:1.34375rem;background-color:#bcbcbc;color:#fff;font-size:1.03125rem;margin-bottom:.9375rem}.button-white[data-v-506393aa]{width:80%;display:flex;justify-content:center;align-items:center;height:3.125rem;border-radius:1.34375rem;color:#5a607f;font-size:1.03125rem;margin-bottom:.9375rem;border:.0625rem solid #C0C5D9}.button-blue[data-v-506393aa]{width:80%;display:flex;justify-content:center;align-items:center;height:3.125rem;border-radius:1.34375rem;background:linear-gradient(to right,#00c9ff,#0076ff);color:#fff;font-size:1.03125rem;margin-bottom:.9375rem}.bubble[data-v-506393aa]{transition:opacity 1s ease-out;position:absolute;left:.78125rem;top:-.15625rem;background-color:#000;color:#fff;padding:.3125rem;border-radius:.3125rem;font-size:.71875rem;box-shadow:.0625rem .0625rem .15625rem rgba(0,0,0,.2);pointer-events:none;opacity:1}.bubble[data-v-506393aa]:after{transition:opacity 1s ease-out;content:"";position:absolute;left:50%;bottom:-.25rem;border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.3125rem solid black;transform:translate(-50%)}.bubble.hidden[data-v-506393aa]{opacity:0}
|