.mask{top:0;height:100%;background-color:rgba(0,0,0,.2);z-index:999}.longinTitle,.mask{position:fixed;left:0;width:100%}.longinTitle{text-align:center;font-size:32px;color:black;top:13%}.loginBody{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.loginBody .loginView{width:480px;height:520px;border-radius:20px;background-color:#ffffff;margin-top:50px;position:relative;padding:30px 37px}.loginView .closeIcon{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#808080}.loginView .logNav{display:flex;justify-content:center;align-items:center;width:100%;color:#333;font-family:Heiti SC;font-size:20px;font-style:normal;font-weight:500;line-height:44px}.loginView .logNav div{padding:0 23px;cursor:pointer;position:relative}.loginView .logNav .xznav{font-size:24px}.loginView .logNav .xznav:after{content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:#4B5EFF;margin-left:-15px}.loginView .loginForm .inputTs{position:relative}.loginView .loginForm .tsCont{position:absolute;bottom:-18px;left:20%;color:red;font-size:14px}.loginView .loginForm .loginInput{margin-top:24px;background-color:#F2F3F5;border-radius:10px;display:flex;align-items:center;height:60px;box-sizing:border-box;overflow:hidden}.loginView .loginForm input{border:none;font-size:16px;outline:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;height:60px;flex:1}.wb50{width:50%}.loginView .loginForm .title{font-size:16px;color:#333;font-family:Heiti SC;font-style:normal;width:20%;text-align:center}.loginView .loginForm .telSelect .ant-select-selector{font-size:16px;color:#1A1A1A}.loginView .loginForm .telSelect .ant-select-selector,.loginView .loginForm .telSelect:hover .ant-select-selector{border:none!important;background-color:transparent!important}.loginView .loginForm .inputView{width:80%;display:flex;align-items:center}.loginView .loginForm .inputView .codets{color:#666;cursor:not-allowed}.loginView .loginForm .picon{font-size:18px}.loginView .loginForm .sx{width:1px;height:20px;background-color:#ccc;margin:0 10px}.loginView .loginForm .wjbtn{color:#4B5EFF;font-family:Heiti SC;font-size:16px;font-style:normal;cursor:pointer;white-space:nowrap;padding-right:15px}.loginBtn{display:flex;justify-content:space-between}.loginBtn button{flex:1;height:60px;line-height:60px;font-size:16px;border-radius:10px;cursor:pointer;margin-top:24px}.loginBtn .btnLeft{margin-right:10px;background-color:#ffffff;border:1px solid #e0e0e0;color:#333}.loginBtn .btnRight{margin-left:10px;background-color:#4B5EFF;border:1px solid #4b5eff;color:#ffffff}.loginBtn .ml0{margin-left:0}.loginBtn .mt-47{margin-top:47px}.other .title{color:#333;text-align:center;font-family:Heiti SC;font-size:16px;font-style:normal;margin-top:30px}.other .options{margin-top:25px}.other .options,.other .options div{display:flex;justify-content:center;align-items:center}.other .options div{width:36px;height:36px;border-radius:8px;border:1px solid #e6e6e6;margin:0 4px;cursor:pointer;text-align:center;line-height:36px;font-size:20px}.other .options .wx{color:#00C900}.other .options .qq{color:#1393E8}.agreement{font-size:14px;color:#808080;text-align:center;margin-top:10px}.agreement .ccb5{color:#4B5EFF;cursor:pointer}.forgot .forgotTitle{font-size:20px;color:#333333;text-align:center;margin-top:10px;display:block}.forgot .forgotTitle .fhdl{cursor:pointer}.c4b5{color:#4B5EFF}.forgot .forgotTitle .jt{padding:0 20px}.step{position:relative;margin-top:50px;margin-bottom:48px}.step .hx{position:absolute;width:70%;height:1px;background-color:#F2F3F5;left:50%;top:20px;transform:translateX(-50%)}.step .stepView{display:flex;justify-content:space-between;position:relative;z-index:100;cursor:pointer}.step .stepView .stepItem{flex:1;display:flex;flex-direction:column;align-items:center}.step .stepView .stepItem .icon{width:40px;height:40px;border-radius:50%;background-color:#ffffff;text-align:center;line-height:40px;font-size:20px;border:1px solid #e5e5e5;margin-bottom:8px;color:#A6A6A6}.step .stepView .stepItem .text{color:#808080;font-family:Heiti SC;font-size:14px;font-weight:300}.step .stepView .stepItemSta .icon{color:#4B5EFF;border:1px solid #4b5eff}.step .stepView .stepItemSta .text{color:#000000;font-weight:500}.forgot .stepComplete{display:flex;flex-direction:column;align-items:center;justify-content:center}.forgot .stepComplete .icon{width:80px;height:80px;border-radius:50%;background-color:#00C800;text-align:center;line-height:80px;font-size:40px;color:#ffffff}.forgot .stepComplete .ts{color:#000;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:36px;margin-top:17px}.wxBody .nav{display:flex;justify-content:center;align-items:center;margin-top:10px}.wxBody .nav div{padding:0 26px;color:#333;font-family:Heiti SC;font-size:20px;font-style:normal;font-weight:400}.wxBody .wxIcon{display:flex;justify-content:center;margin-top:60px}.wxBody .wxIcon .wx{color:#00C900;font-size:26px}.wxBody .wxIcon .qq{color:#1393E8;font-size:26px}.wxBody .code{display:flex;justify-content:center;margin-top:24px}.wxBody .code img{width:160px;height:160px;box-shadow:4px 4px 10px 0 rgba(0,0,0,.25);cursor:pointer}.wxBody .wxts{color:#808080;font-size:14px;margin-top:10px}.wxBody .loginType,.wxBody .wxts{font-family:Heiti SC;font-style:normal;font-weight:300;text-align:center}.wxBody .loginType{color:#4B5EFF;font-size:12px;margin-top:24px;margin-bottom:30px;cursor:pointer}@media (max-width:575.98px){.loginBody .loginView{padding:10px 15px;width:360px;height:420px}.loginView .logNav{font-size:16px}.loginView .logNav .xznav{font-size:18px}.loginView .loginForm .loginInput{height:55px;margin-top:18px}.loginView .loginForm .title,.loginView .loginForm input{font-size:14px}.loginBtn button{height:50px;line-height:50px;font-size:14px}.loginView .loginForm .wjbtn,.other .title{font-size:14px}.other .title{margin-top:15px}.agreement{font-size:12px}.other .options{margin-top:10px}.loginView .loginForm .telSelect .ant-select-selector{padding:0}.wxBody .wxIcon{margin-top:15px}.forgot .forgotTitle{font-size:14px}.step{margin-top:20px;margin-bottom:20px}.loginBtn .mt-47{margin-top:28px}}