*{margin:0;padding:0;}
html{overflow-x:hidden;}
body{background: #fff;}
body,a,span,p,h1,h2,h3,h4,h5,h6{font-size:1rem;color:#333;}
body{font:12px/24px Microsoft YaHei,tahoma,arial,Simsun;}
img{border:0;}
.hide{display:none;}
.page{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;flex:1;flex-direction:column;z-index: 99999;position: fixed;background: #ffffffd1;}
.page .message{width:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;background: #fff;}
.page .icon{width:5rem;margin-bottom:1rem;}
.page .qrcode{width:15rem;}
.page .text{color:#000;font-size:1rem;text-align:center;padding: 5px 15px;}
#launch-btn{width:200px;}
.clickbtn{margin:20px auto;width:60%;max-width: 360px;height:40px;text-decoration:none;background:#03d96a;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:bold;color:#ffffff;line-height: 40px;}
.icon img{width:2rem;}
#mewm img{margin:15px;max-width:250px;}
#mewm canvas{margin: 15px auto 5px;width:150px;padding:10px;background: #fff;box-shadow: 0 0 10px 0px #bbbbbba1;}
.mbshow{display: none;}
.pcshow{display: block;}
#container{position: fixed;left:0;top: 0;bottom: 0;right:0;overflow: hidden;background:#fff;text-align:center;z-index: 1;}
@media screen and (max-width:1000px){
.mbshow{display: block;}
.pcshow{display: none;}
}

#mySelect{
    width: 55%;
    margin: 2% auto 0 auto;
    display: block;
    padding: 2.5% 0;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #f54842;
    box-shadow: -3px 2px 10px rgb(242 60 50 / 30%);
    font-size: 16px;
}
