.loginbg{ position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.loginbox{ width: 421px; height: auto; background: #ffffff; border-radius: 12px; padding: 30px 20px;}
.logintab p{font-size: 16px; height: 30px; cursor: pointer; position: relative; margin: 0 15px; color:#333333; font-weight: bold;}
.logintab p.on{ color:#52c41a;}
.logintab p.on::after{ bottom: 0; left: 50%; margin-left: -10px; content: ''; position: absolute; width: 20px; height: 3px; background: #52c41a;}
.qrcodebox{ padding: 15px; border: #e4e4e4 solid 1px; width: 200px; height: 200px; border-radius: 10px;}
.ewmbox{ padding-top: 35px;}
.ewmbox img{ width: 170px; display: block; object-fit: cover;}
.xieyi{ font-size: 12px; color: #999999; margin-top:10px;}
.xieyi a{color:#52c41a;}
.phonebox{ border: #e4e4e4 solid 1px; border-radius: 6px; width: 340px; margin-top:20px; padding: 3px 0;}
.inputbox{ height: 42px; margin: 0 8px; border-bottom: #e4e4e4 solid 1px; padding-left: 20px;}
.inputbox input{ height: 40px; border: none; outline: none;}
.inputbox input::placeholder{color: #d2d2d2;}
.inputbtn{width: 80px; flex-shrink: 0; cursor: pointer;color:#52c41a;}

.loginbtn{width: 340px; margin-top: 30px; background: #52c41a; cursor: pointer; border-radius: 3px; color:#ffffff; height: 38px; display: flex; align-items: center; justify-content: center;}

.bdphone{display: none;}
.authbox{ position: absolute;  display: none; align-items: center; justify-content: center; background: transparent; backdrop-filter: blur(2px); width: 100%; height: 360px; top: 15px ; left: 0;}