.login {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);/*background: url(../assets/img/popbg.png) no-repeat;background-size: cover;background-position: center;*/}
.loginlogo {text-align: center;padding: 40px 0 0;}
.loginlogo img {height: 35px;}
.login-in {width: 320px;margin: 0 auto;}
.login-in>h2 {color: #fff;font-size: 29px;}
.login-in>span {color: #fff;font-size: 14px;display: block;margin: 10px 0 36px;}
.login-con {padding: 50px 0;}
.logininput {width: 100%;height: 50px;padding-left: 26px;border-radius: 32px;border: 0;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);background-color: #222;border: 1px solid #333;font-size: 20px;margin-top: 20px;color: #fff;box-sizing: border-box;}
.logininput::placeholder {color: #fff;}
.logininput:active {border-bottom: 2px solid #fff;}
.findbtn {color: #fff;font-size: 13px;margin-top: 20px;display: flex;justify-content: end;}
.loginnbtn {margin:40px 0 20px;display: block;height: 50px;line-height: 50px;border-radius: 32px;background: #141414;border: 1px solid #666;color: #fff;text-align: center;font-size: 20px;}
.joinnbtn {display: inline-block;color: #fff;text-decoration: underline;}
.joinnbtnwrap {color: #fff;font-size: 13px;text-align: center;}
