1 line
2.5 KiB
CSS
1 line
2.5 KiB
CSS
.login[data-v-6dd061c0]{width:100%;max-width:500px;margin:0 auto;background-color:#fefefe;min-height:100%;position:relative;overflow:hidden}.login .title-bg-box[data-v-6dd061c0]{position:absolute;width:120%;transform:rotate(-30deg);top:-2rem;left:-3.2rem}.login .title-bg-box .title-bg[data-v-6dd061c0]{width:90%;height:6rem;background-image:linear-gradient(to bottom right,#f0da4b,#ff005e);border-radius:1rem;position:absolute}.login .title-bg-box .title-bg1[data-v-6dd061c0]{top:0;left:0}.login .title-bg-box .title-bg2[data-v-6dd061c0]{top:2rem;left:0}.login .title-bg-box .title-bg3[data-v-6dd061c0]{top:3rem;left:1rem}.login header[data-v-6dd061c0]{width:85%;margin:0 auto;height:1rem;margin-top:.5rem;color:#fff;font-size:.8rem;display:flex;align-items:center;position:relative;z-index:3}.login .logo-box[data-v-6dd061c0]{width:2.7rem;height:2.7rem;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1);margin:0 auto;margin-top:2rem;position:relative;z-index:1}.login .logo-box img[data-v-6dd061c0]{width:2.5rem;height:2.5rem;border-radius:50%}.login .login-box[data-v-6dd061c0]{width:85%;height:8.5rem;background:#fff;margin:0 auto;margin-top:-1rem;border-radius:.2rem;padding:.6rem;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 5px 15px #e5e5e5;position:relative}.login .login-box .title[data-v-6dd061c0]{color:#333;font-size:.6rem;font-weight:600;margin-top:.6rem}.login .login-box .label[data-v-6dd061c0]{font-size:.3rem;margin:.5rem 0 .3rem 0;color:#909399}.login .login-box .tips[data-v-6dd061c0]{font-size:.3rem;margin:.2rem 0;color:#f86b55}.login .login-box input[data-v-6dd061c0]{font-size:.4rem;padding:.1rem;border:none;border-bottom:2px solid #eee;width:100%;box-sizing:border-box}.login .submit-box[data-v-6dd061c0]{height:1.2rem;width:85%;margin:.5rem auto;position:relative}.login .submit-box .submit[data-v-6dd061c0]{float:right;height:1.2rem;width:4rem;background-image:linear-gradient(90deg,#f0da4b,#ff005e);border-radius:.1rem;font-size:.4rem;color:#fff;line-height:1.2rem;text-align:center;position:relative;z-index:1}.login .submit-box .submit[data-v-6dd061c0]:before{content:"";display:block;background:inherit;filter:blur(.1rem);position:absolute;width:100%;height:100%;top:.1rem;left:.1rem;opacity:.4;transform-origin:0 0;border-radius:inherit;transform:scale(1);z-index:-1}.login .copyRight[data-v-6dd061c0]{width:100%;display:flex;align-items:center;flex-direction:column;margin-top:1.5rem}.login .copyRight p[data-v-6dd061c0]{font-size:.3rem;color:#909399} |