|
.wrap { font-size: 14px;
|
.content { width: 350px; margin: 40px auto 0;
|
.title { text-align: center; font-size: 25px; font-weight: 500; margin-bottom: 50px; }
|
input { text-align: left; margin-bottom: 5px; padding-bottom: 3px; }
|
.tips { color: $u-type-info; margin-bottom: 30px; margin-top: 4px; }
|
|
.alternative { color: $u-tips-color; display: flex; justify-content: space-between; margin-top: 15px; }
|
}
|
.buttom {
|
.loginType { display: flex; padding: 75px 75px 15px 75px; justify-content: center;
|
.item { display: flex; flex-direction: column; align-items: center; color: $u-content-color; font-size: 14px; }
|
}
|
|
.hint { padding: 10px 20px; font-size: 11px; color: $u-tips-color;
|
|
.link { color: $u-type-warning; }
|
}
|
}
|
.getCaptcha { background-color: rgb(253, 243, 208); color: $u-tips-color; border: none; font-size: 15px; padding: 6px 0; width: 100%;
|
&::after { border: none; }
|
}
|
}
|
|
.agreement-checked-view { position: relative; padding: 10px 0px 10px 15px; display: flex; align-items: center; margin: 5px 0; font-size: 12px; justify-content: center; }
|
|
|
.wrapkey { padding: 40px 35px; }
|
.box { margin: 15px 0; font-size: 15px; color: 555; }
|
.key-input { padding: 15px 0;
|
text { display: none; }
|
.error { display: block; color: red; font-size: 15px; margin: 10px 0; }
|
}
|
.title { font-size: 25px; color: #333; }
|
.key-input .tips { font-size: 15px; color: #333; margin-top: 10px; margin-bottom: 30px; }
|
.captcha { color: $u-type-warning; font-size: 15px; margin-top: 20px;
|
.noCaptcha { display: block; }
|
.regain { display: block; }
|
}
|