zycp-ddxcx/pages/login/verification/verification.acss

97 lines
1.6 KiB
Plaintext
Raw Normal View History

2022-03-09 15:06:54 +08:00
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
color: #dedede;
}
/* 手机验证码 */
.verification-txt{
padding: 1.2rem .4rem 0;
border-top: .02rem solid #FAFAFA;
}
.verification-txt>.p{
font-size: .4rem;
line-height: 1.5;
}
.verification-txt>.span{
display: block;
font-size: .26rem;
line-height: 1.5;
color: #999999;
margin-top: .2rem;
}
/* 输入验证码 */
.security-code-wrap {
overflow: hidden;
padding: .2rem 0;
position: relative;
}
.security-code-container {
display: flex;
justify-content: space-between;
2022-03-14 19:57:16 +08:00
width: 3.82rem;
2022-03-09 15:06:54 +08:00
}
.field-wrap {
list-style: none;
display: block;
width: .72rem;
height: 1rem;
line-height: 1rem;
font-size: .64rem;
background-color: #fff;
border-bottom: .02rem solid #e0e2e4;
}
.char-field {
display: block;
width: 100%;
text-align: center;
font-style: normal;
}
.input-code {
position: absolute;
left: 0;
top: 0;
2022-03-14 19:57:16 +08:00
width:3.82rem;
2022-03-09 15:06:54 +08:00
height: 1rem;
opacity: 0;
overflow: visible;
z-index: 1;
}
/* 重获验证码 */
.getCode{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: .8rem;
margin-top: .4rem;
background-color: #348bff;
border-radius: .16rem;
font-size: .32rem;
color: #FFFFFF;
}
/* 提示框 */
.toast{
width: 3rem;
padding: .2rem .25rem;
background-color: rgba(255,255,255,.8);
color: #333333;
border-radius: .1rem;
font-size: .28rem;
line-height: 1.4;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 999;
}
.addr-select-bg{
width: 100vw;
height: 100%;
background-color: rgba(0,0,0,.5);
position: fixed;
top: 0;
left: 0;
z-index: 998;
}