.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; }