.login .head{height:.631579rem;background:#fff;color:#333;width:100%}.login .head>div{width:4.736842rem;margin:0 auto}.login .head>div img{cursor:pointer;height:.389474rem;float:left;margin-top:.131579rem}.login .head>div .login-ent a{cursor:pointer;display:inline-block;float:right;width:.421053rem;color:#333;text-align:center;font-size:.094737rem;margin:.263158rem 0}.login .head>div .login-ent a:nth-child(2){border-right:.005263rem solid #333;margin-left:.789474rem}.login .alignmiddle{width:100%;margin:0 auto;height:3.684211rem;font-size:.073684rem}.login .alignmiddle .login-bg{width:100%;height:100%;background:url(../img/loginBg.f8af0238.png) no-repeat 50%}.login .alignmiddle .login-bg .reg-login{position:relative;margin:0 auto;width:5.263158rem;height:100%}.login .alignmiddle .login-bg .reg-login .left-toppike{position:absolute;top:.373684rem;left:0;width:.947368rem;height:2.857895rem}.login .alignmiddle .login-bg .reg-login .left-toppike .top-y{display:inline-block;margin-left:.973684rem;height:100%;border:.005263rem solid #fff;-webkit-box-shadow:0 0 .052632rem #fff;box-shadow:0 0 .052632rem #fff}.login .alignmiddle .login-bg .reg-login .left-toppike .top-title{height:100%;width:91%;position:absolute;top:0}.login .alignmiddle .login-bg .reg-login .left-toppike .top-title li{height:30%;line-height:9;text-align:center}.login .alignmiddle .login-bg .reg-login .left-toppike .top-title li a{color:#fff;font-size:.084211rem;text-decoration:none}.login .alignmiddle .login-bg .reg-login .left-toppike .top-title li .top-quan{display:inline-block;float:right;width:.189474rem;height:.189474rem;margin-top:.3rem}.login .alignmiddle .login-bg .reg-login .login{position:absolute;top:15%;left:26%;background-color:#fff;width:2.789474rem;border:.010526rem solid #e6e6e6;border-radius:.052632rem;text-align:center;padding-top:.263158rem}.login .alignmiddle .login-bg .reg-login .login .el-loading-mask{position:inherit}.login .alignmiddle .login-bg .reg-login .login>div{margin-bottom:.105263rem;position:relative}.login .alignmiddle .login-bg .reg-login .login>div input{width:1.368421rem;height:.242105rem;border:1PX solid #e9e1e1;border-radius:.052632rem;font-size:.084211rem;color:#333;padding:0 .315789rem}.login .alignmiddle .login-bg .reg-login .login>div img{position:absolute;left:.473684rem;top:.042105rem}.login .alignmiddle .login-bg .reg-login .login>div:nth-child(3) input{width:1.052632rem;padding:0 .105263rem;margin-right:.726316rem}.login .alignmiddle .login-bg .reg-login .login>div:nth-child(3) canvas{width:.573684rem;height:.263158rem;border-radius:.052632rem;position:absolute;right:.384211rem}.login .alignmiddle .login-bg .reg-login .login>div:nth-child(4){text-align:left;font-size:.073684rem;margin:0 .421053rem}.login .alignmiddle .login-bg .reg-login .login>div:nth-child(5){cursor:pointer;background:-webkit-gradient(linear,left top,right top,from(#3dc2de),to(#339cea));background:linear-gradient(90deg,#3dc2de,#339cea);color:#fff;font-size:.105263rem;width:2rem;height:.263158rem;line-height:.263158rem;border-radius:.052632rem;margin:.157895rem auto .263158rem auto}.login .alignmiddle .login-bg .reg-login .register{position:absolute;top:8%;left:26%;background-color:#fff;width:2.789474rem;height:2.947368rem;border:.010526rem solid #e6e6e6;border-radius:.052632rem;text-align:center}.login .alignmiddle .login-bg .reg-login .register .el-loading-mask{position:inherit}.login .alignmiddle .login-bg .reg-login .register .phoneCode input{width:1.094737rem;margin-right:.105263rem}.login .alignmiddle .login-bg .reg-login .register .phoneCode button{width:.589474rem}.login .alignmiddle .login-bg .reg-login .register>div{margin-bottom:.105263rem}.login .alignmiddle .login-bg .reg-login .register>div input{width:1.789474rem;height:.242105rem;border:1PX solid #e9e1e1;border-radius:.052632rem;font-size:.084211rem;color:#333;padding:0 .105263rem}.login .alignmiddle .login-bg .reg-login .register>div:first-child{font-size:.094737rem;display:-webkit-box;display:-ms-flexbox;display:flex;color:#333}.login .alignmiddle .login-bg .reg-login .register>div:first-child>div{cursor:pointer;width:50%;margin:.105263rem .421053rem;padding:.052632rem 0}.login .alignmiddle .login-bg .reg-login .register>div:first-child>div:first-child{color:#2db9d4;border-bottom:.010526rem solid #2db9d4}.login .alignmiddle .login-bg .reg-login .register>div:nth-child(6) input{width:1.052632rem;padding:0 .105263rem;margin-right:.726316rem}.login .alignmiddle .login-bg .reg-login .register>div:nth-child(6) canvas{width:.573684rem;height:.263158rem;border-radius:.052632rem;position:absolute;right:.384211rem}.login .alignmiddle .login-bg .reg-login .register>div:last-child{position:absolute;cursor:pointer;background:-webkit-gradient(linear,left top,right top,from(#3dc2de),to(#339cea));background:linear-gradient(90deg,#3dc2de,#339cea);color:#fff;font-size:.105263rem;width:2rem;height:.263158rem;line-height:.263158rem;border-radius:.052632rem;bottom:.105263rem;left:.394737rem}.login .login-foot{background:#e7e7e7;height:1.368421rem}.login .login-foot>div{width:5.157895rem;margin:0 auto;padding:.315789rem 0;color:#333;font-size:.073684rem}.login .login-foot>div .pull-left>div{margin-bottom:.052632rem}.login .login-foot>div .pull-left>div:first-child{color:#999;font-size:.063158rem;width:2.663158rem;margin-bottom:.157895rem}.login .login-foot>div .pull-right{text-align:center;margin-right:1rem}.login .login-foot>div .pull-right img{width:.536842rem;height:.536842rem;margin-top:.052632rem}