.phone-validate{padding:.36rem}.phone-validate .title{font-size:.36rem;color:#000;margin-bottom:.6rem;font-weight:500}.phone-validate .input-wrapper{display:flex;position:relative}.phone-validate .input-wrapper .error-msg{color:#eb5451;font-size:.24rem;position:absolute;bottom:-.48rem}.phone-validate .input-wrapper .code-input{border-radius:.08rem;border:1px solid #e0e0e0;outline:none;font-size:.32rem;flex:1;padding-right:50%;padding-left:.24rem;width:100%;height:.96rem;box-sizing:border-box;-webkit-appearance:none}[dir=rtl] .phone-validate .input-wrapper .code-input{padding-left:50%;padding-right:.24rem}.phone-validate .input-wrapper .code-input:focus{border:1px solid #417ff9;color:#000}.phone-validate .input-wrapper .code-input::-webkit-input-placeholder{color:rgba(0,0,0,.3);font-size:.32rem;font-weight:400}.phone-validate .input-wrapper .handle-and-timer{display:flex;align-items:center;justify-content:center;position:absolute;right:.24rem;top:0;height:100%;font-size:.32rem}[dir=rtl] .phone-validate .input-wrapper .handle-and-timer{right:unset;left:.24rem}.phone-validate .input-wrapper .handle-and-timer .code-timer{color:#b2b2b2}.phone-validate .input-wrapper .handle-and-timer .code-btn{color:#417ff9}.phone-validate .input-wrapper .handle-and-timer .delete-btn{width:.3rem;height:.3rem;position:relative;z-index:10;margin-right:.24rem}[dir=rtl] .phone-validate .input-wrapper .handle-and-timer .delete-btn{margin-right:unset;margin-left:.24rem}.phone-validate .btn-wrapper .send-btn{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.32rem;font-weight:400;background-color:#417ff9;width:100%;height:.84rem;border-radius:.06rem;margin-top:.96rem}.phone-validate .btn-wrapper .disabled{opacity:.2}