.vertify-fill{
padding: 0 .32rem;
&-bd{
display: flex;
}
&-list{
position: relative;
display: flex;
}
&-item{
margin-right: .7rem;
width: 100%;
width: .56rem;
height: 1rem;
line-height: 1rem;
text-align: center;
border: none;
background: none;
border-bottom: solid 3px #e0e0e0;
font-size: .72rem;
font-family: 'DIN';
color: $color-text-1;
&:last-child{
margin-right: 0;
}
&.cur{
border-bottom-color: #faad41;
}
}
&-txt{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
outline: none;
color: transparent;
border: none;
background: none;
-webkit-appearance: none;
text-shadow: 0 0 0 transparent;
width: 200%;
margin-left: -100%;
}
.vertify-status{
padding:.85rem .32rem 0;
.icon-statu{
display: block;
margin: 0 auto .3rem;
width: .72rem;
height: .72rem;
}
&.correct{
.icon-statu{
background:url(./../../../img/account/icon_correct.png) no-repeat;
background-size:100% 100%;
}
}
&.error{
.icon-statu{
background:url(./../../../img/account/icon_error.png) no-repeat;
background-size:100% 100%;
}
}
&-desc{
text-align: center;
}
}
// 可以输入验证码
&.inputing{
.vertify-fill-item{
border-bottom-color:#999 ;
&.cur{
border-bottom-color: #faad41;
}
}
}
// 验证码错误
&.correct{
.vertify-fill-item{
color: #54c11e;
border-bottom-color: #54c11e!important;
}
&-desc{
color: #54c11e;
}
}
// 验证码正确
&.error{
.vertify-fill-item{
color: #f25f42;
border-bottom-color: #f25f42!important;
}
&-desc{
color: #f25f42;
}
}
}
@font-face {
font-family: 'DIN';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAASYAA0AAAAACUQAAARBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCQhEICoYYhHgLHAABNgIkAyIEIAWEbwc8G6IHyB6DbTt5DEc64RQJAcGP+Yi+36+359z7AYOoVq8LECgWPjpqszLlY2QiDAsDaCSwfAbUabOtN0nJTVwHFXiBa2/PyYF4CXwCeLb0///ncnoBrufzY0s00Syg26OxKBoT07gMAtzDFtjYYImFmgV6/gVA4UBT68n4KAS+7BDaAW8OfBoF+HpU8wnBMjaDEs2y6Cj0CqzTsKYeW5gAT4z2+UPqJYywJsAzJzzkXmJxdX1Ik9/+u0uBWHcCUAsW17EXgYaGnQhwmKVgJyt7QdcFB4ZgPNBPfBIgsxBAChQKHpXWrW1sH37wF4DukSELsAK2g3XgG2QfgA4KlPDk1H6+6lZMpq3XyJFaY2/vSNo52rfUkvVNJMFQTz42PSUs6WfmJ7jV6Ium86jJBfMlFmldSdQwWExCf46gL5Km21h89IxhfoLJ49RKVhq01/60mrHxTu0jgn5IkkSEXGLvJrH5kc9mVj5Rk1gMk2hg1DIIBqqpSbxPmsofZrE/WTKH7Ec76sSkJQvLXsmRpAfN0OiapOxuZsaTSvqh6f7kA/OjlkZSXkiU9X4k/7SuqcnKavDgpReTsfoBhVqyYQeZAJPkx0LO8druDypngxXXTLNNeH9HNdp1dKxLFaoaC5HRjejgoLDXxX9Cg0J/F7/Gw2nikrEFeOQpfDnQZx95KVh0PojvI56SD3fOUAx0yMXstCVX37ni2x3dZJtSPmWAYcpqDwrJiAjLjHDtcg07LwoJzGd5TonGkbZG+VBXva4spEGMac0J7ZiWO/L7/SJ6nJWzx2an4ev3NO+qzLVq3TyOjWKKrCkU6k4VT9ZkBA0sW9VHra3Iqpru8zP9aP/F0V59ZsLQStmi5fzawML2HloeISoXKoR8Df6VvytfiI6nO0ffXsFv6fXJzqvUSaOtjS+JOT7efnyM0GiaZLHAtZArEHIKXewjbs5X+s0rx7ef2fEDq2QL88t09Mir0OnV5m+LI0TlAAThxNeG7XLHxL92DMsP65dT9gwK9VbMKxDa/0EKCZvUcsr1ofd7AOQKUHvE0EsQLFAcMalQMgRWjFiCQgTHAauegsjcd7btIVp4UHqk0GyIHLr5zIYZc9nEzQ4bfhyW0u3BcwAQs/GDMh8RNKPEQLc2PTBjNYu4WczbNb0XJVOfXmoGnE+rh5Feu3iUNK1UtLr1CpNPqR2lVIcOrUJRJOLEiRIOcx/VPkY9DLQ0KCpDKNk6tOtVQeYOnXxeN14oxtiVehmJON4qIa1hcHTTau2v1EOLIhEFVwgh/+uPRN0zKhuWr2z/PRn4U1w07A/AT9bFt6o3brCJQbhLbV3fXRIFnJanGE5fKAZO6tBKA6cJ04OVMCYZT2KbogNjyUSJEYun48Mm/ka8RBIdHSuLiomNVZkESWBsuyTCiXMYjyXhYuviyY1ihBy4aqRXWN3usoEbdx48efHmw5cfAAAA) format('woff2'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-style: normal;
}
