body { height: 100vh; background-color: #FBFBFB; }
body .login .formBox { width: 4.32rem; margin: 0 auto; margin-top: 2rem; margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
body .login .formBox .title { margin-bottom: 0.52rem; font-size: 0.32rem; font-weight: bold; text-align: center; }
body .login .formBox .content { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
body .login .formBox .content .way { width: 100%; display: flex; justify-content: center; align-items: center; }
body .login .formBox .content .way .phoneWay, body .login .formBox .content .way .messageWay { width: 2.16rem; padding-bottom: 0.13rem; border-bottom: 2px solid #DDDDDD; text-align: center; color: #666666; cursor: pointer; }
body .login .formBox .content .way .phoneWay.active, body .login .formBox .content .way .messageWay.active { border-bottom: 2px solid #123b97; color: #333333; }
body .login .formBox .content .input { width: 100%; margin-top: 0.4rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
body .login .formBox .content .input > div { width: 100%; margin-bottom: 0.2rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
body .login .formBox .content .input > div .area, body .login .formBox .content .input > div .number, body .login .formBox .content .input > div .code { border: 0.01rem solid #D0D0D0; outline: none; padding: 0.09rem; border-radius: 0.05rem; font-size: 0.14rem; }
body .login .formBox .content .input > div .area { width: 1.6rem; height: 0.48rem; margin-right: 0.12rem; color: #000000; }
body .login .formBox .content .input > div .number { width: 2.6rem; height: 0.48rem; color: #999999; }
body .login .formBox .content .input > div .code { width: 4.32rem; height: 0.48rem; color: #999999; }
body .login .formBox .content .input > div .warning { width: 100%; margin-top: 0.1rem; color: red; font-size: 0.12rem; padding-left: 0rem; }
body .login .formBox .content .input > div .way_code { position: relative; }
body .login .formBox .content .input > div .way_code .changType { position: absolute; width: 0.18rem; height: 0.12rem; right: 0.29rem; top: 0.18rem; cursor: pointer; background-image: url("../images/eye_close.png"); background-size: 0.18rem 0.12rem; background-repeat: no-repeat; }
body .login .formBox .content .input > div .way_code .changType.active { width: 0.18rem; height: 0.12rem; background-image: url("../images/eye_open.png"); background-size: 0.18rem 0.12rem; background-repeat: no-repeat; }
body .login .formBox .content .input > div .way_code span { position: absolute; width: 1rem; height: 0.11rem; right: 0rem; top: 0.17rem; font-size: 0.14rem; color: #2669FF; cursor: pointer; }
body .login .formBox .content button { width: 100%; height: 0.5rem; margin-top: 0.11rem; margin-bottom: 0.21rem; background-color: #123B97; border: none; outline: none; border-radius: 0.04rem; font-size: 0.16rem; font-weight: 400; color: #FFFFFF; letter-spacing: 0.1rem; cursor: pointer; }
body .login .formBox .content .tips { width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 0.14rem; color: #2669FF; }
body .login .formBox .content .tips .reg, body .login .formBox .content .tips .modify, body .login .formBox .content .tips .forget { cursor: pointer; }
body .login .formBox .content .tips span { margin-left: 0.2rem; }

/*# sourceMappingURL=login.css.map */