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; width: 3.82rem; } .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; width:3.82rem; 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; }