.login .head{height:120px;background:#fff;color:#333;width:100%}.login .head>div{width:900px;margin:0 auto}.login .head>div img{cursor:pointer;width:204px;height:74px;float:left;margin-top:25px}.login .head>div .login-ent a{cursor:pointer;display:inline-block;float:right;width:80px;color:#333;text-align:center;font-size:18px;margin:50px 0}.login .head>div .login-ent a:nth-child(2){border-right:1px solid #333;margin-left:150px}.login .alignmiddle{width:100%;margin:0 auto;height:700px;font-size:14px}.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:980px;height:100%}.login .alignmiddle .login-bg .reg-login .left-toppike{position:absolute;top:71px;left:0;width:180px;height:543px}.login .alignmiddle .login-bg .reg-login .left-toppike .top-y{display:inline-block;margin-left:185px;height:100%;border:1px solid #fff;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #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:16px;text-decoration:none}.login .alignmiddle .login-bg .reg-login .left-toppike .top-title li .top-quan{display:inline-block;float:right;width:36px;height:36px;margin-top:57px}.login .alignmiddle .login-bg .reg-login .login{position:absolute;top:15%;left:26%;background-color:#fff;width:530px;border:2px solid #e6e6e6;border-radius:10px;text-align:center;padding-top:50px}.login .alignmiddle .login-bg .reg-login .login .el-loading-mask{position:inherit}.login .alignmiddle .login-bg .reg-login .login>div{margin-bottom:20px;position:relative}.login .alignmiddle .login-bg .reg-login .login>div input{width:260px;height:46px;border:1px solid #e9e1e1;border-radius:10px;font-size:16px;color:#333;padding:0 60px}.login .alignmiddle .login-bg .reg-login .login>div img{position:absolute;left:90px;top:8px}.login .alignmiddle .login-bg .reg-login .login>div .password-icon-view{display:inline-block;position:absolute;width:10px;height:20px;right:200px;cursor:pointer}.login .alignmiddle .login-bg .reg-login .login>div .password-icon-view>img{widows:30px;height:30px;opacity:.7}.login .alignmiddle .login-bg .reg-login .login>div:nth-child(3) input{width:200px;padding:0 20px;margin-right:138px}.login .alignmiddle .login-bg .reg-login .login>div:nth-child(3) canvas{width:109px;height:50px;border-radius:10px;position:absolute;right:73px}.login .alignmiddle .login-bg .reg-login .login>div:nth-child(4){text-align:left;font-size:14px;margin:0 80px}.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:20px;width:380px;height:50px;line-height:50px;border-radius:10px;margin:30px auto 50px auto}.login .alignmiddle .login-bg .reg-login .register{position:absolute;top:8%;left:26%;background-color:#fff;width:530px;height:560px;border:2px solid #e6e6e6;border-radius:10px;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:208px;margin-right:20px}.login .alignmiddle .login-bg .reg-login .register .phoneCode button{width:112px}.login .alignmiddle .login-bg .reg-login .register>div{margin-bottom:20px}.login .alignmiddle .login-bg .reg-login .register>div input{width:340px;height:46px;border:1px solid #e9e1e1;border-radius:10px;font-size:16px;color:#333;padding:0 20px}.login .alignmiddle .login-bg .reg-login .register>div:first-child{font-size:18px;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:20px 80px;padding:10px 0}.login .alignmiddle .login-bg .reg-login .register>div:first-child>div:first-child{color:#2db9d4;border-bottom:2px solid #2db9d4}.login .alignmiddle .login-bg .reg-login .register>div:nth-child(6) input{width:200px;padding:0 20px;margin-right:138px}.login .alignmiddle .login-bg .reg-login .register>div:nth-child(6) canvas{width:109px;height:50px;border-radius:10px;position:absolute;right:73px}.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:20px;width:380px;height:50px;line-height:50px;border-radius:10px;bottom:20px;left:75px}.login .login-foot{background:#e7e7e7;height:260px}.login .login-foot>div:first-child{background:#4ca6da;height:40px;line-height:40px;text-align:center;color:#fff;font-size:12px}.login .login-foot>div:last-child{width:980px;margin:0 auto;color:#333;font-size:14px}.login .login-foot>div:last-child .pull-left{padding-top:60px}.login .login-foot>div:last-child .pull-left>div{margin-bottom:10px}.login .login-foot>div:last-child .pull-right{padding-top:40px;text-align:center;margin-right:190px}.login .login-foot>div:last-child .pull-right img{width:102px;height:102px;margin-top:10px}