.name-info{ width: 100%; } .name-input { padding: 0.15rem 0.3rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F5F5F5; height: 0.78rem; } .name-inputBox { display: flex; align-items: center; font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(41,41,41,1) } .name-inputBox>img{ width: 0.3rem; height: 0.3rem; margin-right: 0.23rem; } .name-input>input{ font-size:0.28rem; font-family:PingFang SC; font-weight:400; color:rgba(169,169,169,1); outline: 0; border: 0; height: 0.5rem; width: 4rem; text-align: right; } .save{ width:5rem; height:0.8rem; background:rgba(33,177,235,1); border-radius:0.4rem; font-size:0.32rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); line-height: 0.8rem; text-align: center; margin: 0.3rem auto 0 auto; } .remove-info{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-family:PingFang SC; } .remove-title{ margin-top: 1.2rem; font-size:0.4rem; font-weight:500; color:rgba(33,177,235,1); } .remove-input { width: 3.6rem; height: 0.78rem; font-size: 0.28rem; margin-top: 0.52rem; color: #292929; font-size: 0.24rem; font-weight: 400; } .remove-input>div:last-child{ margin-top: 0.28rem; } .save{ margin-top: 1.2rem; width:5rem; height:0.8rem; background:rgba(33,177,235,1); border-radius:0.4rem; font-size:0.32rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); line-height: 0.8rem; text-align: center; } .loginPhTwo{ width: 100%; font-family:PingFang SC; } .login-box{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .login-input{ margin-top: 0.6rem; width: 5.5rem; height: 0.8rem; display: flex; align-items: center; justify-content: center; background:rgba(245,245,245,1); border-radius:0.4rem; } .login-input>img{ width: 0.42rem; height: 0.42rem; } .login-input>input{ font-size: 0.28rem; border: 0; outline: 0; height: 0.6rem; width: 4rem; margin-left: 0.16rem; background-color: rgba(245,245,245,1); } .login-input>input::placeholder{ color: #A9A9A9; } .login-code{ margin-top: 0.6rem; display: flex; align-items: center; justify-content: center; } .login-code>input{ width: 3rem; height: 0.8rem; background-color: #F5F5F5; border-radius: 0.4rem; font-size: 0.28rem; text-align: center; border: 0; outline: 0; } .login-code>input::placeholder{ text-align: center; color: #A9A9A9; } .login-code>div{ width: 2.3rem; height: 0.8rem; background-color: #389AED; font-size: 0.28rem; color: #FFFFFF; border-radius: 0.4rem; margin-left: 0.2rem; text-align: center; line-height: 0.8rem; } .login-btn{ margin-top: 0.6rem; width: 5.5rem; height: 0.8rem; background-color: #389AED; border-radius: 0.4rem; font-size: 0.32rem; color: #fff; text-align: center; line-height: 0.8rem; outline: 0; border: 0; } .forget-text{ font-size: 0.24rem; color: #292929; margin-top: 0.3rem; font-weight: 400; text-align: center; line-height: 0.4rem; } .forget-text a{ color: #389AED; font-size: 0.24rem; font-weight: 400; margin-left: 0.1rem; cursor: pointer; }