.modal-wrapper{align-items:center;box-sizing:border-box;display:none;height:100%;justify-content:center;left:0;padding:0 20px 40px;position:fixed;top:0;width:100%;z-index:2118!important;background:rgba(0,0,0,.65)}.modal-wrapper[active=true]{display:flex}.modalx{background-color:#ebf7e2;background-image:radial-gradient(600px 600px at 100% -50%,#f3bec8,transparent);border:2px solid #fff;border-radius:20px;box-shadow:0 10px 40px rgba(255,151,200,.678);box-sizing:border-box;color:#363762;max-width:100%;opacity:1;padding:30px 30px 40px;position:relative;text-align:center;top:0;transition:all .3s;width:400px}.modalx.fadeout{opacity:0;top:40px}.modalx .save-tips{color:#fff;left:0;letter-spacing:3px;position:absolute;top:-35px;width:100%}.modalx .logo{align-items:center;display:flex;justify-content:center;letter-spacing:2px;word-break:keep-all}.modalx .logo img{height:30px}.modalx .logo i{font-size:24px;margin-left:8px}.modalx .host{margin:20px 0 10px;display:flex;justify-content:center;align-items:center}.modalx .host a{background-image:linear-gradient(13deg,#ff8000,#ffc900);border-radius:50px;color:#000;display:inline-block;font-size:20px;font-weight:900;margin:3px;padding:5px 1em;text-decoration:none}.modalx .host+div{font-size:20px}.modalx .newest-get{border-top:1px solid #eac3cb;font-size:13px;margin:10px auto 20px;padding:10px 0 0;width:278px}.modalx .newest-get span{border-bottom:1px dashed #ff8000;color:#ff8000;margin:0 4px}.modalx .qrcode{font-size:13px}.modalx .qrcode .code{background-image:linear-gradient(13deg,#f58a1f,#670f54);border-radius:4px;height:100px;margin:0 auto;padding:4px;width:100px}.modalx .qrcode .code img{height:100%;width:100%}.modalx .qrcode>div{margin:5px 0}.modalx .qrcode .important{color:#ff8000}.modalx .download{bottom:-40px;display:flex;justify-content:center;left:0;position:absolute;width:100%}.modalx .download a{background-image:linear-gradient(60deg,#e21590,#ffbc00);text-shadow: 1px 1px 2px #e62c7d;border:1px solid #fff;border-radius:50px;color:#fff;font-size:12px;letter-spacing:2px;line-height:22px;padding:10px 0 6px;text-decoration:none;width:80%}.modalx .download a b{font-size:22px;font-weight:900;letter-spacing:0}
.modalx .close{
  border-radius: 22px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  height: 40px;
  line-height: 38px;
  position: absolute;
  top: -10px;
  width: 40px;
  background-color: #fff;
  right: -10px;
}
.modalx .close:hover{opacity:1}@media(max-width:640px){.modalx{padding:30px 20px}.modalx .save-tips{top:-30px}.modalx .logo{letter-spacing:0}.modalx .host b{font-size:20px;margin:20px auto 5px}.modalx .newest-get{line-height:1.6;margin:5px auto 10px;padding:5px 0 0}.modalx .qrcode .code{height:80px;width:80px}.modalx .download a{letter-spacing:0}.modalx .download a b{font-size:20px}.modalx .close{line-height:40px}}