.code-active{border:1px solid var(--color-main)!important}.code-box{width:100%;position:relative;overflow-x:hidden}.code-box>.code-input{position:absolute;width:300%;left:-200%;z-index:-1;opacity:0}.code-box>.code-all{padding:30px 0;display:flex;align-content:space-between;justify-content:center}.code-box>.code-all>.code-item{width:57px;height:57px;border-radius:10px;font-size:24px;line-height:60px;text-align:center;margin:0 10px;background:transparent;border:1px solid var(--color-border);outline:none;color:#fff}.code-box>.code-all .code-item.code-password{position:relative}.code-box>.code-all .code-item.code-password:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#000;border-radius:50%}.pay-modal-title{text-align:left;font-weight:400;font-size:16px;color:var(--color-black)}.pay-modal-content{align-items:flex-start!important}.pay-modal-content .el-button{width:100%;max-width:450px;height:50px}.pay-modal-content .pay-modal-btn{width:100%;text-align:center}.pay-modal-content .pay-button-view{display:flex;justify-content:space-between}