/* line 33, ../../sass/base/base.scss */
.wx-focus-tips .wx-focus-info .wx-focus-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

/* line 4, ../../sass/pop/focus.scss */
.hidden {
  display: none;
}

/* line 8, ../../sass/pop/focus.scss */
.wx-focus-tips {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2200;
  height: 1.06667rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  box-shadow: 0px 0.05333rem 0.10667rem 0px rgba(0, 0, 0, 0.04);
}
/* line 23, ../../sass/pop/focus.scss */
.wx-focus-tips .wx-focus-info {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
/* line 28, ../../sass/pop/focus.scss */
.wx-focus-tips .wx-focus-info .wx-focus-logo {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.26667rem;
  margin-left: 0.53333rem;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
/* line 36, ../../sass/pop/focus.scss */
.wx-focus-tips .wx-focus-info .wx-focus-text {
  font-size: 0.37333rem;
  color: #fff;
  line-height: 0.53333rem;
}
/* line 43, ../../sass/pop/focus.scss */
.wx-focus-tips .wx-focus-opt {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
/* line 50, ../../sass/pop/focus.scss */
.wx-focus-tips .wx-focus-opt .wx-focus-btn {
  margin-left: 0.26667rem;
  border-radius: 0.37333rem;
  width: 1.92rem;
  height: 0.69333rem;
  line-height: 0.69333rem;
  text-align: center;
  color: #fff;
  font-size: 0.32rem;
  background: #3ca6fe;
}
/* line 61, ../../sass/pop/focus.scss */
.wx-focus-tips .wx-focus-opt .wx-focus-x {
  margin-right: 0.4rem;
  margin-left: 0.26667rem;
  width: 0.37333rem;
  height: 0.37333rem;
}

/* line 70, ../../sass/pop/focus.scss */
.wx_focus_background {
  position: fixed;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
/* line 79, ../../sass/pop/focus.scss */
.wx_focus_background .wx_mask {
  position: absolute;
  z-index: 1001;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
/* line 88, ../../sass/pop/focus.scss */
.wx_focus_background .bkg_qr {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0) !important;
  width: 100%;
  height: 100%;
  z-index: 1002;
  bottom: 0;
  left: 0;
}
/* line 99, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr {
  text-align: center;
  position: relative;
  z-index: 1011;
  margin: 0 auto;
  color: #ccc;
  height: 100%;
}
/* line 107, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area {
  width: 6.13333rem;
  padding: 0.93333rem;
  text-align: center;
  position: relative;
  top: 24%;
  z-index: 1004;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 0.21333rem;
}
/* line 118, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .title, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .title {
  font-size: 0.48rem;
  line-height: 0.64rem;
  color: #3ca6fe;
  font-weight: bold;
}
/* line 125, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .qr_img, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .qr_img {
  margin-top: 0.53333rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
/* line 133, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .qr_img .gen_qr, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .qr_img .gen_qr {
  width: 3.2rem;
  height: 3.2rem;
}
/* line 137, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .qr_img .zhi_wen, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .qr_img .zhi_wen {
  width: 2.58667rem;
  height: 2.56rem;
}
/* line 144, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .qr-desc, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .qr-desc {
  margin-top: 0.53333rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
/* line 153, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .qr-desc .qr-line, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .qr-desc .qr-line {
  width: 0.8rem;
  height: 1px;
  background: #ddd;
}
/* line 159, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .qr-desc .desc-text, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .qr-desc .desc-text {
  font-size: 0.37333rem;
  color: #999;
  margin: 0 0.4rem;
}
/* line 164, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .qr-desc .desc-text-1, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .qr-desc .desc-text-1 {
  margin: 0 0.18667rem;
}
/* line 169, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .xx, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .xx {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}
/* line 174, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .xx .min-xx, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .xx .min-xx {
  margin-top: 0.53333rem;
  margin-right: 0.53333rem;
  width: 0.26667rem;
  height: 0.26667rem;
}
/* line 180, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .qr_code_show_area .xx .max-xx, .wx_focus_background .wx_ggh_qr .click-qrcode-show-area .xx .max-xx {
  margin-top: 0.53333rem;
  margin-right: 0.53333rem;
  width: 0.26667rem;
  height: 0.26667rem;
}
/* line 189, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .click-qrcode-show-area {
  width: 5.97333rem;
  padding: 1.17333rem 1.01333rem 1.06667rem;
  border-radius: 0.16rem;
}
/* line 193, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .click-qrcode-show-area .click-main-title {
  font-size: 0.42667rem;
  height: 0.69333rem;
  color: #333;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
/* line 204, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .click-qrcode-show-area .click-main-title img {
  width: 0.53333rem;
  height: 0.53333rem;
  margin-right: 0.26667rem;
}
/* line 210, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .click-qrcode-show-area .click-sub-title {
  margin-top: 0.26667rem;
  font-size: 0.37333rem;
  line-height: 0.53333rem;
  color: #999;
}
/* line 216, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .click-qrcode-show-area .click-qr-img-wrapper {
  margin-top: 0.53333rem;
}
/* line 218, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .click-qrcode-show-area .click-qr-img-wrapper .click-qr-img {
  width: 3.46667rem;
  height: 3.46667rem;
}
/* line 223, ../../sass/pop/focus.scss */
.wx_focus_background .wx_ggh_qr .click-qrcode-show-area .click-qr-desc {
  margin-top: 0.53333rem;
  font-size: 0.32rem;
  color: #999;
  line-height: 0.45333rem;
}

/* line 235, ../../sass/pop/focus.scss */
.hidden {
  display: none;
}