@charset "UTF-8";
/* 登录 */
/* line 5, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal, .use-wx-env-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  display: none;
}

/* line 16, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-mask {
  background: rgba(0, 0, 0, 0.65);
  display: block;
}

/* line 20, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content {
  max-width: 364px;
  width: 85vw;
  padding: 32px 0;
  position: relative;
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  background-clip: padding-box;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 34, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-title {
  text-align: center;
}
/* line 36, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-title div {
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
}
/* line 42, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-body {
  margin-top: 16px;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
/* line 50, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-body .use-wx-env-qr-wrapper {
  width: 200px;
  height: 200px;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background-size: 200px;
  background-repeat: no-repeat;
}
/* line 62, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-body .use-wx-env-qr-wrapper .use-wx-env-modal-qr {
  width: 194px;
  height: 194px;
}
/* line 66, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-body .use-wx-env-qr-wrapper .hidden {
  display: none;
}
/* line 70, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-body .use-wx-env-tips {
  margin-top: 16px;
  text-align: center;
  font-size: 16px;
  color: #1F1F1F;
  height: 22px;
  line-height: 22px;
  font-weight: 500;
}
/* line 80, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-close-wrapper {
  position: absolute;
  bottom: -60px;
  width: 100%;
  text-align: center;
}
/* line 85, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content .use-wx-env-modal-close-wrapper .use-wx-env-modal-close {
  width: 36px;
  height: 36px;
}

/* line 92, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content-mobile {
  max-width: 9.70667rem;
  width: 85vw;
  padding: 0.85333rem 0;
  position: relative;
  background-color: #fff;
  border: 0;
  border-radius: 0.21333rem;
  z-index: 1001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
/* line 105, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content-mobile .use-wx-env-modal-img-mobile {
  width: 3.41333rem;
  height: 2.56rem;
  margin-bottom: 0.64rem;
}
/* line 110, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content-mobile .use-wx-env-modal-title-mobile {
  text-align: center;
}
/* line 112, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content-mobile .use-wx-env-modal-title-mobile div {
  line-height: 0.61333rem;
  font-size: 0.42667rem;
  font-weight: 500;
}
/* line 118, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content-mobile .use-wx-env-modal-close-wrapper-mobile {
  position: absolute;
  bottom: -1.6rem;
  width: 100%;
  text-align: center;
}
/* line 123, ../../sass/pop/usewxenv.scss */
.use-wx-env-modal-content-mobile .use-wx-env-modal-close-wrapper-mobile .use-wx-env-modal-close-mobile {
  width: 0.96rem;
  height: 0.96rem;
}