.page_login[data-v-26084dc2] {
  min-height: 100vh;
}
.page_login .page-box[data-v-26084dc2] {
  min-height: 100vh;
  padding: 0 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page_login .page-box .top[data-v-26084dc2] {
  padding-top: 1.6rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page_login .page-box .top .title[data-v-26084dc2] {
  color: #202124;
  line-height: 1;
  font-size: 0.48rem;
  font-weight: bold;
  margin-bottom: 0.24rem;
}
.page_login .page-box .top .desc[data-v-26084dc2] {
  color: #60646b;
  font-size: 0.28rem;
  margin-bottom: 0.56rem;
}
.page_login .page-box .top .login-form-item[data-v-26084dc2] {
  margin-bottom: 0.32rem;
  height: 1.1rem;
  border: 1px solid #dcdfe6;
  border-radius: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_login .page-box .top .login-form-item .select-picker[data-v-26084dc2] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.63rem;
  height: 100%;
  color: #000000;
  font-size: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #dcdfe6;
}
.page_login .page-box .top .login-form-item .select-picker img[data-v-26084dc2] {
  width: 0.2rem;
  margin-left: 0.16rem;
}
.page_login .page-box .top .login-form-item .login-text[data-v-26084dc2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.page_login .page-box .top .login-form-item .login-text .van-cell[data-v-26084dc2] {
  padding: 0.1rem 0.36rem;
}
.page_login .page-box .top .login-form-item .login-code-btn[data-v-26084dc2] {
  width: 2rem;
  text-align: right;
  padding-right: 0.36rem;
  color: #f8cb87;
  font-size: 0.26rem;
  cursor: pointer;
}
.page_login .page-box .top .login-form-item .login-code-btn.disabled[data-v-26084dc2] {
  color: #dcdfe6;
  cursor: no-drop;
}
.page_login .page-box .top .login-form .login-btn[data-v-26084dc2] {
  width: 100%;
  height: 1.08rem;
  color: #202124;
  font-size: 0.3rem;
  margin-top: 0.48rem;
  background: #f8cb87;
  border-radius: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_login .page-box .top.wx-login[data-v-26084dc2] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_login .page-box .top.wx-login .code-box[data-v-26084dc2] {
  position: relative;
  width: 3.68rem;
  height: 3.68rem;
  margin-bottom: 0.54rem;
  border-radius: 4px;
}
.page_login .page-box .top.wx-login .code-box img[data-v-26084dc2] {
  width: 100%;
  height: 100%;
}
.page_login .page-box .top.wx-login .code-box .mask[data-v-26084dc2] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  font-size: 0.36rem;
  font-weight: 700;
  color: #000;
  background: rgba(255, 255, 255, 0.96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_login .page-box .top.wx-login .code-box .mask .btn[data-v-26084dc2] {
  color: #202124;
  background: #f8cb87;
  border-radius: 0.6rem;
  padding: 0.16rem 0.36rem;
  margin-top: 0.24rem;
  font-size: 0.3rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.page_login .page-box .top.wx-login .code-box .dim-mask[data-v-26084dc2] {
  position: absolute;
  left: 2%;
  top: 2%;
  z-index: 2;
  width: 96%;
  height: 96%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.page_login .page-box .top.wx-login .title[data-v-26084dc2] {
  font-size: 0.36rem;
  text-align: center;
}
.page_login .page-box .top.wx-login .desc[data-v-26084dc2] {
  font-size: 0.28rem;
  text-align: center;
}
.page_login .page-box .bottom .thr-login-title[data-v-26084dc2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.68rem;
}
.page_login .page-box .bottom .thr-login-title span[data-v-26084dc2] {
  position: relative;
  color: #60646b;
  font-size: 0.24rem;
}
.page_login .page-box .bottom .thr-login-title span[data-v-26084dc2]::before,
.page_login .page-box .bottom .thr-login-title span[data-v-26084dc2]::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.28rem;
  height: 1px;
  background: #edeff2;
}
.page_login .page-box .bottom .thr-login-title span[data-v-26084dc2]::before {
  left: -1.64rem;
}
.page_login .page-box .bottom .thr-login-title span[data-v-26084dc2]::after {
  right: -1.64rem;
}
.page_login .page-box .bottom .thr-login-ul[data-v-26084dc2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.page_login .page-box .bottom .wx-login-button[data-v-26084dc2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.page_login .page-box .bottom .wx-login-button .img-box[data-v-26084dc2] {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.page_login .page-box .bottom .wx-login-button .txt[data-v-26084dc2] {
  color: #202124;
  font-size: 0.24rem;
  font-weight: bold;
  margin-top: 0.2rem;
}
.page_login .page-box .bottom .free-watch-btn[data-v-26084dc2] {
  width: 2rem;
  height: 0.72rem;
  background: #fff8ec;
  border-radius: 0.8rem;
  margin: 0.58rem auto 0;
  color: #202124;
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_login .page-box .bottom .agree-box[data-v-26084dc2] {
  text-align: center;
  color: #202124;
  font-size: 0.24rem;
  margin: 0.8rem 0;
}
.page_login .page-box .bottom .agree-box .protocol-btn[data-v-26084dc2] {
  color: #006cff;
}
.page_login .page-box.single_login[data-v-26084dc2] {
  background: #F5F7FA;
  padding: 0 0.36rem;
}
.page_login .page-box.single_login .top[data-v-26084dc2] {
  padding-top: 0.8rem;
}
.page_login .page-box.single_login .top .title[data-v-26084dc2] {
  text-align: center;
  font-size: 0.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.page_login .page-box.single_login .top .login-ls[data-v-26084dc2] {
  width: 100%;
  padding: 0.76rem 0 1.16rem;
  border-radius: 0.24rem;
  background: #fff;
  text-align: center;
}
.page_login .page-box.single_login .top .login-ls .wx-login-button[data-v-26084dc2] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.4rem;
}
.page_login .page-box.single_login .top .login-ls .wx-login-button .icon[data-v-26084dc2] {
  width: 1.44rem;
  margin-bottom: 0.3rem;
}
.page_login .page-box.single_login .top .login-ls .wx-login-button span[data-v-26084dc2] {
  width: 5.98rem;
  height: 1rem;
  color: #202124;
  font-size: 0.3rem;
  font-weight: 600;
  background: #F8CB87;
  border-radius: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_login .page-box.single_login .top .login-ls .phone-login-btn[data-v-26084dc2] {
  color: #60646B;
  font-size: 0.26rem;
  margin-top: 0.5rem;
}
.page_login .page-box.single_login .top .free-watch-btn[data-v-26084dc2] {
  width: 100%;
  height: 1.08rem;
  padding: 0 0.4rem 0 0.5rem;
  color: #202124;
  font-size: 0.28rem;
  background: #FFFFFF;
  border-radius: 0.24rem;
  margin-top: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page_login .page-box.single_login .top .free-watch-btn .tlb_h5_font[data-v-26084dc2] {
  font-size: 0.3rem;
  font-weight: 700;
}
.page_login .page-box.single_login .bottom .agree-box[data-v-26084dc2] {
  margin: 0.63rem 0;
}
.page_login .page-box.single_login .bottom .agree-box .protocol-btn[data-v-26084dc2] {
  color: #7A4700;
  margin-left: 0.05rem;
}

.msg-box[data-v-5e942e02] {
  font-size: 0.24rem;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.msg-box .live-comment-sign[data-v-5e942e02] {
  padding: 0.03rem 0.08rem;
  margin-right: 0.1rem;
  font-size: 0.2rem;
  color: #fff;
  background: #ff881e;
  border-radius: 6rem;
  vertical-align: middle;
}
.msg-box .live-vest-sign[data-v-5e942e02] {
  padding: 0.06rem 0.12rem;
  margin-right: 0.1rem;
  font-size: 0.2rem;
  color: #222;
  background: #b8e0c6;
  border-radius: 3rem;
  vertical-align: middle;
}
.msg-box .live-vest-sign.live-new-vest-sign[data-v-5e942e02] {
  color: #fff !important;
  background: linear-gradient(42deg, #19e188 0%, #00d740 100%) !important;
}
.msg-box .live-vest-sign.small-circle[data-v-5e942e02] {
  display: inline-block !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(42deg, #19e188 0%, #00d740 100%) !important;
}
.msg-box .live-new-comment-sign[data-v-5e942e02] {
  width: 0.34rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}
.msg-box .live-other-sign[data-v-5e942e02] {
  padding: 0.06rem 0.12rem;
  margin-right: 0.1rem;
  font-size: 0.2rem;
  color: #fff;
  background: #909ce3;
  border-radius: 3rem;
  vertical-align: middle;
}
.msg-box .msg-list[data-v-5e942e02] {
  position: relative;
  color: #fff;
  width: 5.8rem;
  overflow: hidden;
}
.msg-box .msg-list .more-button[data-v-5e942e02] {
  margin: 0.22rem 0;
  font-size: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-box .msg-list .more-button .tlb_h5_font[data-v-5e942e02] {
  font-size: 0.3rem;
}
.msg-box .msg-list .risk_tips[data-v-5e942e02] {
  padding: 0.1rem 0.2rem;
  background: rgba(0, 0, 0, 0.3);
  white-space: normal;
  border-radius: 0.3rem;
  line-height: 1.5;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-box .msg-list .list[data-v-5e942e02] {
  width: 100%;
  max-height: 54vh;
  overflow: hidden;
  overflow-y: auto;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(3%, #000));
  -webkit-mask: linear-gradient(180deg, transparent 0%, #000 3%);
  mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(3%, #000));
  mask: linear-gradient(180deg, transparent 0%, #000 3%);
}
.msg-box .msg-list .list[data-v-5e942e02]::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.msg-box .msg-list .list .msg-item-box[data-v-5e942e02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.msg-box .msg-list .list .msg-item[data-v-5e942e02] {
  margin-bottom: 0.1rem;
  min-height: 0.29rem;
  padding: 0.02rem 0.2rem 0.04rem 0.13rem;
  border-radius: 0.38rem;
  font-size: 0.24rem;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.msg-box .msg-list .list .msg-item .avater[data-v-5e942e02] {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 1rem;
  margin-right: 0.1rem;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.msg-box .msg-list .list .msg-item p[data-v-5e942e02] {
  max-width: 6rem;
  word-wrap: break-word;
  white-space: normal;
  line-height: 1;
}
.msg-box .msg-list .list .msg-item span[data-v-5e942e02] {
  white-space: normal;
  line-height: 0.5rem;
}
.msg-box .msg-list .list .msg-item span i[data-v-5e942e02] {
  margin-right: 0.1rem;
  color: #53eeee;
  font-style: normal;
}
.msg-box .msg-list .list .msg-item span em[data-v-5e942e02] {
  font-style: normal;
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}
.msg-box .msg-list .list .msg-item .comment_img[data-v-5e942e02] {
  width: 0.5rem;
  height: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.msg-box .msg-list .list .msg-item .msg-cont[data-v-5e942e02] {
  color: #fff;
}
.msg-box .msg-list .list .msg-item .msg-red-color[data-v-5e942e02] {
  color: #ff5b5b;
}
.msg-box .msg-list .list .msg-item.msg-green-item[data-v-5e942e02] {
  color: #59be64;
}
.msg-box .msg-list .list .msg-item.msg-green-item i[data-v-5e942e02] {
  color: #59be64;
}
.msg-box .msg-list .list .msg-item.gift-item[data-v-5e942e02] {
  background: #FFD18A;
}
.msg-box .msg-list .list .msg-item.gift-item .gift-list-item[data-v-5e942e02] {
  color: #222;
  padding-right: 0.56rem;
}
.msg-box .msg-list .list .msg-item.gift-item .gift-list-item .gift-icon[data-v-5e942e02] {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: -0.1rem;
  bottom: 0.12rem;
}
.msg-box .msg-list .list .msg-item[data-v-5e942e02]:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
}
.msg-box .msg-list .live_noread_box[data-v-5e942e02] {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  z-index: 10;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-box .msg-list .live_noread_box .live_noread_tip[data-v-5e942e02] {
  padding: 0.18rem 0.26rem;
  color: #fff;
  border-radius: 0.6rem;
  background: #ff3854;
  font-size: 0.22rem;
}
.msg-box .more-msg[data-v-5e942e02] {
  width: 100%;
  height: 10rem;
  background: #f5f7fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-box .more-msg .marked[data-v-5e942e02] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.2rem 0.3rem;
  color: #ffb06a;
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.msg-box .more-msg .more-list[data-v-5e942e02] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.3rem 0;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.msg-box .more-msg .more-list[data-v-5e942e02]::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.msg-box .more-msg .more-list .refresh-btn[data-v-5e942e02] {
  width: 0.8rem;
  position: fixed;
  bottom: 1.6rem;
  right: 0.3rem;
}
.msg-box .more-msg .more-list .msg-item[data-v-5e942e02] {
  width: 100%;
  color: #241e1e;
  font-size: 0.26rem;
  line-height: 0.55rem;
}
.msg-box .more-msg .more-list .msg-item p[data-v-5e942e02] {
  max-width: 7rem;
  word-wrap: break-word;
  white-space: normal;
}
.msg-box .more-msg .more-list .msg-item i[data-v-5e942e02] {
  margin-right: 0.1rem;
  color: #909399;
  font-style: normal;
}
.msg-box .more-msg .more-list .msg-item em[data-v-5e942e02] {
  font-style: normal;
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}
.msg-box .more-msg .more-list .msg-item .msg-red-color[data-v-5e942e02] {
  color: #ff5b5b;
}
.msg-box .more-msg .more-list .msg-item.msg-green-item[data-v-5e942e02] {
  color: #59be64;
}
.msg-box .more-msg .more-list .msg-item.msg-green-item i[data-v-5e942e02] {
  color: #59be64;
}
.msg-box .more-msg .more-list .msg-item .gift-list-item .gift-icon[data-v-5e942e02] {
  width: 0.46rem;
  height: 0.46rem;
  margin-left: 0.1rem;
  margin-bottom: 0.1rem;
}
.msg-box .more-msg .more-list .live_noread_box[data-v-5e942e02] {
  position: absolute;
  left: 0;
  bottom: 1.4rem;
  z-index: 10;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-box .more-msg .more-list .live_noread_box .live_noread_tip[data-v-5e942e02] {
  padding: 0.18rem 0.26rem;
  color: #fff;
  border-radius: 0.6rem;
  background: #ff3854;
  font-size: 0.22rem;
}
.msg-box .more-msg .live-inputs[data-v-5e942e02] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 0.3rem;
  width: 100%;
  height: 1.2rem;
  background: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-box .more-msg .live-inputs .live-input[data-v-5e942e02] {
  border: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0.3rem;
  height: 0.76rem;
  padding: 0.22rem 0.4rem;
  color: #323232;
  font-size: 0.26rem;
  line-height: 0.26rem;
  background: #edeff2;
  border-radius: 0.38rem;
  overflow: hidden;
}
.msg-box .more-msg .live-inputs .live-input[data-v-5e942e02]::-webkit-input-placeholder {
  color: #bfc2cc;
}
.msg-box .more-msg .live-inputs .button[data-v-5e942e02] {
  border: none;
  border-radius: 3.8rem;
  color: #fff;
  background: #303041;
  width: 1.54rem;
  height: 0.76rem;
  font-size: 0.22rem;
  text-align: center;
}
.msg-box .more-msg .live-inputs .mask[data-v-5e942e02] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}
.msg-box .forbid-style[data-v-5e942e02] {
  color: #da131e;
  font-style: normal;
}
.msg-box.new-msg-box-style .msg-list[data-v-5e942e02] {
  width: 68%;
}
.msg-box.new-msg-box-style .msg-list .more-button[data-v-5e942e02] {
  margin: 0.12rem 0;
}
.msg-box.new-msg-box-style .msg-list .risk_tips[data-v-5e942e02] {
  line-height: 1.3;
  padding: 0.08rem;
  font-size: 0.26rem;
  font-weight: 700;
  padding-left: 0.12rem;
  border-radius: 0.2rem;
  margin-bottom: 0.08rem;
  background: rgba(0, 0, 0, 0.2);
}
.msg-box.new-msg-box-style .msg-list .list[data-v-5e942e02] {
  max-height: 48vh;
}
.msg-box.new-msg-box-style .msg-list .list .msg-item-box .msg-item[data-v-5e942e02] {
  font-size: 0.26rem;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: auto;
  margin-bottom: 0.08rem;
  padding: 0.04rem 0.16rem 0.06rem 0.1rem;
  line-height: 1.2;
  border-radius: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
}
.msg-box.new-msg-box-style .msg-list .list .msg-item-box .msg-item .avater[data-v-5e942e02] {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.06rem;
}
.msg-box.new-msg-box-style .msg-list .list .msg-item-box .msg-item .live-other-sign[data-v-5e942e02] {
  padding: 0.06rem 0.09rem;
  height: auto;
  line-height: 1;
  margin-right: 0.08rem;
  background: #ff3759;
}
.msg-box.new-msg-box-style .msg-list .list .msg-item-box .msg-item span[data-v-5e942e02] {
  line-height: 1.5;
}
.msg-box.new-msg-box-style .msg-list .list .msg-item-box .msg-item span i[data-v-5e942e02] {
  color: #ffe6c3;
}
.msg-box.new-msg-box-style .msg-list .list .msg-item-box .msg-item .gift-list-item[data-v-5e942e02] {
  color: #ffe6c3;
  padding-right: 0.32rem;
}
.msg-box.new-msg-box-style .msg-list .list .msg-item-box .msg-item .gift-list-item .gift-icon[data-v-5e942e02] {
  width: 0.38rem;
  height: 0.38rem;
  bottom: 0.09rem;
}
.msg-box.new-msg-box-style .msg-list .live-vest-sign[data-v-5e942e02] {
  padding: 0.06rem 0.09rem;
  border-radius: 0.15rem;
  margin-right: 0.08rem;
  background: #ff3759;
}

.imChat .footer[data-v-3a3a1514] {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 299;
  padding: 0 0.3rem 0.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imChat .footer .toast_message_tip[data-v-3a3a1514] {
  position: absolute;
  left: -200%;
  bottom: 0;
  height: 0.7rem;
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.imChat .footer .toast_message_tip.fadeIn[data-v-3a3a1514] {
  left: 0%;
  opacity: 1;
}
.imChat .footer .toast_message_tip .toast-msg-item[data-v-3a3a1514] {
  display: inline-block;
  padding: 0 0.22rem 0 0.24rem;
  height: 0.48rem;
  line-height: 0.47rem;
  background: linear-gradient(42deg, rgba(53, 161, 113, 0.5) 0%, rgba(0, 216, 64, 0.5) 100%);
  border-radius: 0.26rem;
}
.imChat .footer .toast_message_tip.label_message_tip .toast-msg-item[data-v-3a3a1514] {
  padding: 0 0.18rem 0 0.1rem;
  background: rgba(255, 55, 89, 0.5);
}
.imChat .footer .toast_message_tip.label_message_tip .toast-msg-item .label[data-v-3a3a1514] {
  display: inline-block;
  padding: 0 0.08rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.17rem;
  margin-right: 0.08rem;
}
.imChat .footer .toast_message_tip.label_message_tip .toast-msg-item .label span[data-v-3a3a1514] {
  zoom: 0.95;
}
.imChat .footer .option-bar[data-v-3a3a1514] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.imChat .footer .option-bar .liveInputs[data-v-3a3a1514] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.1rem;
  background: rgba(36, 30, 30, 0.5);
  border-radius: 0.38rem;
  margin-right: 0.1rem;
}
.imChat .footer .option-bar .liveInputs .live-input[data-v-3a3a1514] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border: none;
  padding: 0.3rem 0.25rem;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.2rem;
}
.imChat .footer .option-bar .liveInputs .live-input[data-v-3a3a1514]::-webkit-input-placeholder {
  color: #fff;
}
.imChat .footer .option-bar .liveInputs.new-input-box-style[data-v-3a3a1514] {
  font-weight: 700;
  background: rgba(0, 0, 0, 0.2);
}
.imChat .footer .option-bar .options[data-v-3a3a1514] {
  line-height: 0.9rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.imChat .footer .option-bar .options .tlb_h5_font[data-v-3a3a1514] {
  margin-left: 0.3rem;
  font-size: 0.6rem;
}
.imChat .footer.new-footer-box-style[data-v-3a3a1514] {
  padding: 0 0.24rem 0.7rem;
}
.imChat .live-input-nav[data-v-3a3a1514],
.imChat .mark[data-v-3a3a1514] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: var(--pageHeight);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.imChat .live-input-nav .input-box[data-v-3a3a1514],
.imChat .mark .input-box[data-v-3a3a1514] {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 301;
  width: 100%;
  height: 1.2rem;
  padding: 0.26rem 0.3rem;
  background: #fff;
  font-size: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.imChat .live-input-nav .input-box .vest-image-box[data-v-3a3a1514],
.imChat .mark .input-box .vest-image-box[data-v-3a3a1514] {
  margin-right: 0.2rem;
  width: 0.7rem;
  height: 0.7rem;
}
.imChat .live-input-nav .input-box .vest-image-box .tlb_h5_font[data-v-3a3a1514],
.imChat .mark .input-box .vest-image-box .tlb_h5_font[data-v-3a3a1514] {
  font-size: 0.38rem;
}
.imChat .live-input-nav .input-box .live-input[data-v-3a3a1514],
.imChat .mark .input-box .live-input[data-v-3a3a1514] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.25rem 0.4rem;
  margin-right: 0.2rem;
  height: 0.76rem;
  border: none;
  border-radius: 0.38rem;
  background: #edeff2;
  overflow: hidden;
}
.imChat .live-input-nav .input-box .button[data-v-3a3a1514],
.imChat .mark .input-box .button[data-v-3a3a1514] {
  width: 1.54rem;
  height: 0.76rem;
  line-height: 0.76rem;
  text-align: center;
  color: #fff;
  background: #303041;
  border-radius: 0.38rem;
  border: none;
}
.imChat .mark[data-v-3a3a1514] {
  background: rgba(0, 0, 0, 0.26);
}
.live_common_lang[data-v-3a3a1514] {
  position: relative;
  width: 100%;
  padding-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(4%, #000));
  -webkit-mask: linear-gradient(90deg, transparent 0%, #000 4%);
  mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(4%, #000));
  mask: linear-gradient(90deg, transparent 0%, #000 4%);
}
.live_common_lang .lang_comtainer[data-v-3a3a1514] {
  width: 100%;
  white-space: nowrap;
  height: 0.8rem;
  line-height: 0.8rem;
  overflow: hidden;
  overflow-x: auto;
  -webkit-mask: -webkit-gradient(linear, left top, right top, color-stop(98%, #000), to(transparent));
  -webkit-mask: linear-gradient(90deg, #000 98%, transparent 100%);
  mask: -webkit-gradient(linear, left top, right top, color-stop(98%, #000), to(transparent));
  mask: linear-gradient(90deg, #000 98%, transparent 100%);
}
.live_common_lang .lang_comtainer[data-v-3a3a1514]::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.live_common_lang .lang_box[data-v-3a3a1514] {
  display: inline-block;
  height: 0.8rem;
  margin: 0 0.1rem;
  vertical-align: text-top;
  font-size: 0;
  overflow: hidden;
}
.live_common_lang .lang_box .lang_text[data-v-3a3a1514] {
  padding: 0.1rem 0.22rem;
  color: #202124;
  font-size: 0.26rem;
  background: rgba(255, 241, 219, 0.7);
  border-radius: 0.6rem;
}
.live_common_lang.fixed-lang[data-v-3a3a1514] {
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  z-index: 301;
  padding: 0 0.2rem;
}
.live_common_lang.fixed-lang .lang_comtainer[data-v-3a3a1514] {
  height: 1rem;
  line-height: 1rem;
}
.live_common_lang.fixed-lang .lang_text[data-v-3a3a1514] {
  padding: 0.16rem 0.28rem;
  background: #fff1db;
}
.live_common_lang.new-lang-box-style[data-v-3a3a1514] {
  margin-bottom: 0.08rem;
}
.live_common_lang.new-lang-box-style .lang_comtainer[data-v-3a3a1514] {
  height: 0.6rem;
  line-height: 0.6rem;
}
.live_common_lang.new-lang-box-style .lang_box[data-v-3a3a1514] {
  height: 0.6rem;
  margin: 0 0.1rem;
}
.live_common_lang.new-lang-box-style .lang_box .lang_text[data-v-3a3a1514] {
  padding: 0.05rem 0.18rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: 700;
}
.vest-image-box[data-v-3a3a1514] {
  position: relative;
  width: 0.65rem;
  height: 0.65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.vest-image-box .img[data-v-3a3a1514] {
  width: 100%;
  height: 100%;
}
.vest-image-box .tlb_h5_font[data-v-3a3a1514] {
  position: absolute;
  inset: auto;
  color: #fff;
  font-size: 0.3rem;
}
.gift-box[data-v-3a3a1514] {
  width: 0.65rem;
  height: 0.65rem;
  padding: 0.12rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(32, 33, 36, 0.4);
  border-radius: 50%;
}

.online_user[data-v-dbb9d394] {
  width: 100%;
  height: 8rem;
  background: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.online_user.show[data-v-dbb9d394] {
  bottom: 0%;
}
.online_user .select_tab[data-v-dbb9d394] {
  height: 1rem;
  line-height: 0.96rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.02rem solid #edeff2;
}
.online_user .select_tab .tab_left[data-v-dbb9d394] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  margin-right: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.3rem;
  overflow: hidden;
}
.online_user .select_tab .tab_left .tab_item[data-v-dbb9d394] {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  color: #909399;
}
.online_user .select_tab .tab_left .tab_item.active[data-v-dbb9d394] {
  color: #241e1e;
  font-weight: bold;
}
.online_user .select_tab .tab_left .tab_item.active[data-v-dbb9d394]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.38rem;
  width: 0.76rem;
  height: 0.06rem;
  background: #f5c076;
  border-radius: 0.06rem;
}
.online_user .select_tab .reflesh-btn[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
  color: #606972;
  padding: 0.2rem;
}
.online_user .select_tab .reflesh-btn img[data-v-dbb9d394] {
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.1rem;
}
.online_user .select_tab .call-back[data-v-dbb9d394] {
  margin-left: 0.2rem;
  margin-right: 0.4rem;
}
.online_user .select_tab .call-back .iconbianzu2[data-v-dbb9d394] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 0.4rem;
  margin-right: 0.1rem;
}
.online_user .select_tab .call-back .info[data-v-dbb9d394] {
  color: #202124;
  font-size: 0.28rem;
}
.online_user .sign-group[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .sign-group .sign-item[data-v-dbb9d394] {
  font-size: 0.24rem;
  padding: 0 0.1rem;
  color: #bfc2cc;
  overflow: hidden;
  overflow-x: auto;
}
.online_user .sign-group .sign-item[data-v-dbb9d394]::-webkit-scrollbar {
  display: none;
}
.online_user .sign-group .sign-item .classity-box[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.online_user .sign-group .sign-item .classity-box .user_classity[data-v-dbb9d394] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  padding: 0.2rem 0.3rem;
  margin: 0.2rem 0.1rem 0.1rem;
  color: #313142;
  border-radius: 0.6rem;
  background: #f5f7fa;
}
.online_user .sign-group .sign-item .classity-box .user_classity.active[data-v-dbb9d394] {
  background: #ffcf8d;
}
.online_user .list-group[data-v-dbb9d394] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.online_user .list-group .scroll-item[data-v-dbb9d394] {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  /* ip拉黑列表 */
}
.online_user .list-group .scroll-item .item-li[data-v-dbb9d394] {
  margin: 0 0.3rem;
  padding: 0.3rem 0;
  border-bottom: 0.02rem solid #edeff2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.online_user .list-group .scroll-item .item-li .id-data[data-v-dbb9d394] {
  color: #909399;
  font-size: 0.24rem;
}
.online_user .list-group .scroll-item .item-li .copy-btn[data-v-dbb9d394] {
  color: #1890ff;
  font-size: 0.24rem;
  padding: 0 0.1rem;
  margin-left: 0.08rem;
}
.online_user .list-group .scroll-item .item-li .top[data-v-dbb9d394] {
  padding-top: 0.26rem;
  padding-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .list-group .scroll-item .item-li .top .user-img[data-v-dbb9d394] {
  width: 0.88rem;
  height: 0.88rem;
  margin-right: 0.26rem;
  border-radius: 0.08rem;
}
.online_user .list-group .scroll-item .item-li .top .online-info[data-v-dbb9d394] {
  min-height: 0.88rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.15rem;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .user-left-info[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .name[data-v-dbb9d394] {
  font-size: 0.28rem;
  font-weight: bold;
  color: #241e1e;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .identify[data-v-dbb9d394] {
  padding: 0 0.1rem;
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.2rem;
  color: #fff;
  background: #ff881e;
  border-radius: 0.04rem;
  margin-left: 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .identify.default[data-v-dbb9d394] {
  background: #8b9dc1;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .identify.app-identify[data-v-dbb9d394] {
  color: #FFDEB1;
  background: linear-gradient(135deg, #21214E 0%, #000000 100%);
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .identify.mini-identify[data-v-dbb9d394] {
  color: #fff;
  background: linear-gradient(42deg, #19E188 0%, #00D740 100%);
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .onlineornot[data-v-dbb9d394] {
  width: 0.7rem;
  height: 0.36rem;
  font-size: 0.2rem;
  color: #fff;
  background: #bfc2cc;
  border-radius: 0.04rem;
  margin-left: 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .onlineornot.online[data-v-dbb9d394] {
  background: #1890ff;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .service-info[data-v-dbb9d394] {
  margin-left: 0.1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .service-info span[data-v-dbb9d394] {
  font-size: 0.24rem;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .service-info span[data-v-dbb9d394]:nth-of-type(1) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #919499;
}
.online_user .list-group .scroll-item .item-li .top .online-info .user-info-box .service-info span[data-v-dbb9d394]:nth-of-type(2) {
  color: #202124;
}
.online_user .list-group .scroll-item .item-li .top .online-info .ip-info[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
}
.online_user .list-group .scroll-item .item-li .top .online-info .ip-info span[data-v-dbb9d394]:nth-child(1) {
  color: #909399;
}
.online_user .list-group .scroll-item .item-li .top .online-info .ip-info span[data-v-dbb9d394]:nth-child(2) {
  color: #241e1e;
}
.online_user .list-group .scroll-item .item-li .top .ip-address[data-v-dbb9d394] {
  font-size: 0.3rem;
  font-weight: bold;
  color: #202124;
}
.online_user .list-group .scroll-item .item-li .top .area-info[data-v-dbb9d394] {
  font-size: 0.24rem;
  color: #909399;
  margin-top: 0.2rem;
}
.online_user .list-group .scroll-item .item-li .bottom[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.online_user .list-group .scroll-item .item-li .bottom .sign-box[data-v-dbb9d394] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .list-group .scroll-item .item-li .bottom .sign-box .user_sign_box[data-v-dbb9d394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.online_user .list-group .scroll-item .item-li .bottom .sign-box .user_sign_box.no-wrap[data-v-dbb9d394] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.online_user .list-group .scroll-item .item-li .bottom .sign-box .user_sign_box.has-mask[data-v-dbb9d394] {
  -webkit-mask: -webkit-gradient(linear, left top, right top, color-stop(90%, #fff), to(transparent));
  -webkit-mask: linear-gradient(90deg, #fff 90%, transparent 100%);
  mask: -webkit-gradient(linear, left top, right top, color-stop(90%, #fff), to(transparent));
  mask: linear-gradient(90deg, #fff 90%, transparent 100%);
}
.online_user .list-group .scroll-item .item-li .bottom .sign-box .user_sign[data-v-dbb9d394] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 0.18rem;
  height: 0.34rem;
  line-height: 0.34rem;
  color: #fff;
  background: #909ce3;
  border-radius: 0.6rem;
  font-size: 0.22rem;
  margin-bottom: 0.16rem;
  margin-right: 0.16rem;
}
.online_user .list-group .scroll-item .item-li .bottom .sign-box .more-sign[data-v-dbb9d394] {
  position: absolute;
  right: 0;
  bottom: 0.16rem;
  width: 0.34rem;
  height: 0.34rem;
  background: #303042;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.online_user .list-group .scroll-item .item-li .bottom .sign-box .more-sign.no-wrap[data-v-dbb9d394] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.online_user .list-group .scroll-item .item-li .timer-icon[data-v-dbb9d394] {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.08rem;
}
.online_user .list-group .scroll-item .item-li.ip-group-li .top[data-v-dbb9d394] {
  padding: 0;
}
.online_user .list-group .scroll-item .item-li.ip-group-li .top .online-info[data-v-dbb9d394] {
  min-height: auto;
}
.online_user .list-group .scroll-item .item-li.ip-group-li .top .online-info .user-info-box[data-v-dbb9d394] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.online_user .list-group .scroll-item .ip-block-view .bottom[data-v-dbb9d394] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .list-group .scroll-item .ip-block-view .headimg[data-v-dbb9d394] {
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #ffffff;
  border-radius: 50%;
  margin-left: -0.12rem;
}
.online_user .list-group .scroll-item .ip-block-view .headimg[data-v-dbb9d394]:nth-child(1) {
  margin-left: 0;
}
.online_user .list-group .scroll-item .ip-block-view .more-box[data-v-dbb9d394] {
  width: 0.5rem;
  height: 0.5rem;
  margin-left: -0.12rem;
  background: #3f75ff;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.online_user .list-group .scroll-item .ip-block-view .more-box img[data-v-dbb9d394] {
  width: 0.4rem;
  height: 0.4rem;
}
.online_user .list-group .scroll-item .ip-block-view .related-users-btn[data-v-dbb9d394] {
  color: #3f75ff;
  font-size: 0.24rem;
}
.online_user .list-group .the-end-text[data-v-dbb9d394] {
  font-size: 0.26rem;
  color: #909399;
  padding: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .relieve_cal[data-v-dbb9d394] {
  padding: 0 0.17rem;
  height: 0.54rem;
  border: 0.02rem solid #bfc2cc;
  color: #202124;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  margin-left: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.msg-dialog-model[data-v-dbb9d394] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: var(--pageHeight);
  z-index: 9000;
  background: rgba(0, 0, 0, 0.2);
}
.msg-dialog-model .msg-model[data-v-dbb9d394] {
  width: 5.4rem;
  min-height: 3rem;
  background: #fff;
  border-radius: 0.15rem;
  overflow: hidden;
}
.msg-dialog-model .msg-model .msg-info[data-v-dbb9d394] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.msg-dialog-model .msg-model .title[data-v-dbb9d394] {
  color: #202124;
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin: 0.1rem 0 0.2rem;
}
.msg-dialog-model .msg-model .desc[data-v-dbb9d394] {
  color: #60646B;
  font-size: 0.28rem;
  line-height: 1.6;
}
.msg-dialog-model .msg-model .desc[data-v-dbb9d394] span {
  color: #202124;
  font-weight: bold;
  margin: 0 0.04rem;
}
.msg-dialog-model .btn-group[data-v-dbb9d394] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #edeff2;
}
.msg-dialog-model .msg-model-btn[data-v-dbb9d394] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.96rem;
  font-size: 0.28rem;
  color: #333440;
  overflow: hidden;
}
.msg-dialog-model .msg-model-btn.cancel-btn[data-v-dbb9d394] {
  color: #8b9dc1;
  border-right: 1px solid #edeff2;
}
.msg-dialog-model .msg-model-btn.sure-btn[data-v-dbb9d394] {
  color: #26DA69;
  font-weight: bold;
}
.cert-icon[data-v-dbb9d394] {
  width: 0.34rem;
  height: 0.34rem;
}

.online_user .abnor-box {
  position: relative;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online_user .van-list__finished-text {
  font-size: 0.28rem;
  line-height: 1rem;
}
.online_user .van-loading .van-loading__spinner {
  width: 0.32rem !important;
  height: 0.32rem !important;
}
.online_user .van-loading .van-loading__text {
  margin-left: 0.16rem;
  font-size: 0.28rem;
  line-height: 1rem;
}
/* 标签弹框 */
.label-popup {
  width: 100%;
  background: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.label-popup .title {
  color: #202124;
  font-size: 0.32rem;
  font-weight: bold;
  margin-top: 0.4rem;
  margin-bottom: 0.28rem;
}
.label-popup .ls .sign-text {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 0.72rem;
  line-height: 0.72rem;
  padding: 0 0.22rem;
  font-size: 0.28rem;
  border-radius: 0.36rem;
  color: #909ce3;
  background: rgba(144, 156, 227, 0.1);
  margin: 0 0.24rem 0.24rem 0;
}
.label-popup .ls .sign-text.active {
  color: #fff;
  background: #909ce3;
}
.label-popup .top {
  padding: 0 0.32rem;
}
.label-popup .top .ls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 0.68rem;
  max-height: 6.24rem;
  overflow: hidden;
  overflow-y: auto;
}
.label-popup .top .ls::-webkit-scrollbar {
  display: none;
}
.label-popup .bottom {
  height: 2.1rem;
  padding: 0 0.32rem;
  border-top: 1px solid #edeff2;
}
.label-popup .bottom .title {
  margin-bottom: 0.14rem;
}
.label-popup .bottom .selected-ls {
  width: 100%;
  padding-top: 0.14rem;
  overflow: hidden;
  overflow-x: auto;
}
.label-popup .bottom .selected-ls::-webkit-scrollbar {
  display: none;
}
.label-popup .bottom .ls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.label-popup .bottom .ls .close-btn {
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  width: 0.36rem;
  height: 0.36rem;
  background: #ffecec;
  border-radius: 0.18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.set-manage-popup {
  width: 6rem;
  height: 4.89rem;
  background: #FFFFFF;
  border-radius: 0.32rem;
}
.set-manage-popup .top {
  padding: 0 0.32rem 0.12rem;
}
.set-manage-popup .top .title {
  color: #202124;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0.48rem 0 0.4rem;
  text-align: center;
}
.set-manage-popup .top .ls li {
  width: 100%;
  height: 1rem;
  padding-left: 1.86rem;
  color: #202124;
  font-size: 0.28rem;
  background: #F5F7FA;
  border-radius: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.28rem;
}
.set-manage-popup .top .ls li .label-box {
  width: 0.36rem;
  height: 0.36rem;
  font-size: 0.22rem;
  border-radius: 0.04rem;
  margin-right: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.set-manage-popup .top .ls li .label-box.black {
  color: #FFDEB1;
  background: linear-gradient(135deg, #21214E 0%, rgba(0, 0, 0, 0.8) 100%);
}
.set-manage-popup .top .ls li .label-box.green {
  color: #fff;
  background: linear-gradient(42deg, #19E188 0%, #00D740 100%);
}
.set-manage-popup .bottom {
  height: 1rem;
  color: #919499;
  font-size: 0.28rem;
  border-top: 1px solid #EDEFF2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cert-icon {
  width: 24rpx;
  height: 24rpx;
}

.vest_setting[data-v-ef02c0d0] {
  width: 100%;
  height: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0.2rem 0.2rem 0 0;
}
.vest_setting .line-box[data-v-ef02c0d0] {
  width: 100%;
  padding: 0.2rem 0 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.vest_setting .line[data-v-ef02c0d0] {
  width: 0.72rem;
  height: 0.06rem;
  background: #D4D9DF;
  border-radius: 0.04rem;
}
.vest_setting .vest_top[data-v-ef02c0d0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 0.88rem;
  margin: 0 0.3rem;
  border-bottom: 1px solid #edeff2;
}
.vest_setting .vest_top .vest_title[data-v-ef02c0d0] {
  position: relative;
  height: 100%;
  font-size: 0.28rem;
  color: #909399;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vest_setting .vest_top .vest_title.active[data-v-ef02c0d0] {
  color: #241e1e;
  font-weight: bold;
}
.vest_setting .vest_top .vest_title.active[data-v-ef02c0d0]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.6rem;
  height: 0.04rem;
  background: #ffd9b3;
}
.vest_setting .vest_top .call-back[data-v-ef02c0d0] {
  margin-right: 0.4rem;
}
.vest_setting .vest_top .call-back .tlb_h5_font[data-v-ef02c0d0] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 0.4rem;
}
.vest_setting .vest_top .add_comment_btn[data-v-ef02c0d0] {
  width: 1.75rem;
  height: 0.56rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #313142;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffd9b3;
  border-radius: 0.08rem;
}
.vest_setting .vest_top .add_comment_btn .tlb_h5_font[data-v-ef02c0d0] {
  font-size: 0.24rem;
}
.vest_setting .fix-vest-section[data-v-ef02c0d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  overflow-y: auto;
}
.vest_setting .fix-vest-section[data-v-ef02c0d0]::-webkit-scrollbar {
  width: 0;
}
.vest_setting .fix-vest-section .fix-comment-switch[data-v-ef02c0d0] {
  padding: 0.38rem 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vest_setting .fix-vest-section .fix-comment-switch .txt[data-v-ef02c0d0] {
  font-size: 0.28rem;
  color: #241e1e;
}
.vest_setting .vest_center[data-v-ef02c0d0] {
  min-height: 1.4rem;
  background: #f5f7fa;
  border-radius: 0.04rem;
  color: #313142;
  font-size: 0.24rem;
  padding: 0.1rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.7;
}
.vest_setting .group-box[data-v-ef02c0d0] {
  margin: 0.32rem 0.3rem 0.24rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vest_setting .group-box .left[data-v-ef02c0d0] {
  color: #202124;
  font-size: 0.28rem;
}
.vest_setting .group-box .right[data-v-ef02c0d0] {
  color: #60646B;
  font-size: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vest_setting .group-box .right .tlb_h5_font[data-v-ef02c0d0] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-left: 0.1rem;
}
.vest_setting .group-box .right .tlb_h5_font.rotate[data-v-ef02c0d0] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.vest_setting .group-list[data-v-ef02c0d0] {
  margin: 0 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 0.54rem;
  overflow: hidden;
}
.vest_setting .group-list.fadeAll[data-v-ef02c0d0] {
  height: auto;
}
.vest_setting .group-list .group-item[data-v-ef02c0d0] {
  line-height: 0.3rem;
  color: #60646B;
  font-size: 0.24rem;
  padding: 0.08rem 0.24rem;
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  background: #F5F7FA;
  border-radius: 0.08rem;
}
.vest_setting .group-list .group-item.white-bg[data-v-ef02c0d0] {
  background: #fff;
}
.vest_setting .group-list .group-item.actived[data-v-ef02c0d0] {
  color: #202124;
  background: #FFD9B3;
}
.vest_setting .scroll-item[data-v-ef02c0d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  overflow-y: auto;
}
.vest_setting .scroll-item[data-v-ef02c0d0]::-webkit-scrollbar {
  width: 0;
}
.vest_setting .scroll-item .comment_item[data-v-ef02c0d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3rem 0;
  border-bottom: 0.02rem solid #edeff2;
}
.vest_setting .scroll-item .comment_item .desc[data-v-ef02c0d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 1.3;
  margin-right: 0.1rem;
  word-break: break-all;
}
.vest_setting .scroll-item .comment_item .send-btn[data-v-ef02c0d0] {
  width: 1.44rem;
  height: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.26rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #bfc2cc;
  background: transparent;
}
.vest_setting .vest_select[data-v-ef02c0d0] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.28rem;
  height: 0.28rem;
}
.vest_setting .now_vest_info[data-v-ef02c0d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 0;
  margin: 0 0.3rem;
}
.vest_setting .vest-item[data-v-ef02c0d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.3rem;
}
.vest_setting .vest-item .vest_img_box[data-v-ef02c0d0] {
  position: relative;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 50%;
}
.vest_setting .vest-item .vest_img_box .vest_img[data-v-ef02c0d0] {
  width: 0.6rem;
  height: 0.6rem;
  background: #fff;
  border: 0.03rem solid #edeff2;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
}
.vest_setting .vest-item .vest_img_box .vest_img.active[data-v-ef02c0d0] {
  border-color: #58bf62;
}
.vest_setting .vest-item .name-info[data-v-ef02c0d0] {
  overflow: hidden;
  font-size: 0.28rem;
}
.vest_setting .vest-item .vest-sign[data-v-ef02c0d0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.62rem;
  height: 0.36rem;
  font-size: 0.24rem;
  color: #fff;
  background: #B8BABF;
  border-radius: 0.08rem;
  margin-left: 0.12rem;
}
.vest_setting .oper-btn[data-v-ef02c0d0] {
  height: 0.6rem;
  padding: 0.12rem 0.24rem;
  font-size: 0.26rem;
  color: #313142;
  border-radius: 0.04rem;
  background: #fff;
  border: 1px solid #bfc2cc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.15rem;
  cursor: pointer;
}
.vest_setting .oper-btn.other-oper-btn[data-v-ef02c0d0] {
  border-color: #ffd9b3;
  background: #ffd9b3;
}
.vest_setting .vest-group-tips[data-v-ef02c0d0] {
  color: #7d7d8a;
  font-size: 0.24rem;
  line-height: 1.4;
  padding: 0.16rem 0.3rem 0;
}
.vest_setting .history-list[data-v-ef02c0d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0.4rem;
}
.vest_setting .history-list .history-item[data-v-ef02c0d0] {
  width: 100%;
  height: 1.08rem;
  padding: 0 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vest_setting .history-list .history-item.active[data-v-ef02c0d0] {
  background: -webkit-gradient(linear, right top, left top, from(rgba(145, 225, 186, 0)), to(rgba(88, 191, 132, 0.1)));
  background: linear-gradient(270deg, rgba(145, 225, 186, 0) 0%, rgba(88, 191, 132, 0.1) 100%);
}
.vest_setting .history-list .history-item .vest_small_img_box[data-v-ef02c0d0] {
  position: relative;
  height: 0.74rem;
  margin-right: 0.15rem;
  border-radius: 50%;
}
.vest_setting .history-list .history-item .vest_small_img_box .vest_small_img[data-v-ef02c0d0] {
  width: 0.68rem;
  height: 0.68rem;
  background: #fff;
  border: 0.03rem solid #edeff2;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
}
.vest_setting .history-list .history-item .vest_small_img_box .vest_small_img.active[data-v-ef02c0d0] {
  border-color: #58bf62;
}
.vest_setting .history-list .history-item .vest_small_img_box .tlb_h5_font[data-v-ef02c0d0] {
  position: absolute;
  right: -0.14rem;
  top: -0.08rem;
  font-size: 0.32rem;
  padding: 0.06rem;
  line-height: 1;
  background: #f78989;
  color: #fff;
  border-radius: 50%;
}
.vest_setting .history-list .history-item .name-info[data-v-ef02c0d0] {
  width: 100%;
  font-size: 0.24rem;
  line-height: 2;
  text-align: center;
}
/* 小组快速评论 */
.group-vest-module[data-v-ef02c0d0] {
  background: #f5f7fa;
}
.group-vest-module .vest_top[data-v-ef02c0d0] {
  position: relative;
  border-bottom: none;
}
.group-vest-module .call-back-btn[data-v-ef02c0d0] {
  position: absolute;
  left: -0.12rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.group-vest-module .call-back-btn .tlb_h5_font[data-v-ef02c0d0] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 0.4rem;
}
.group-vest-module .vest_center[data-v-ef02c0d0] {
  color: #7d7d8a;
}
.group-vest-module .comment_list[data-v-ef02c0d0] {
  margin-top: 0.2rem;
  padding: 0 0.32rem;
  background: #fff;
  border-radius: 0.2rem;
  border: 1px solid #edeff2;
}
.group-vest-module .add_comment_btn[data-v-ef02c0d0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 1rem;
  margin: 0.3rem 0 0.4rem;
  color: #303041;
  font-size: 0.3rem;
  font-weight: bold;
  background: #ffcf8d;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vest_setting .active[data-v-ef02c0d0] {
  border-color: #58bf62;
}
/* 添加评论 */
.comment-mask[data-v-ef02c0d0] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5000;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
.comment-mask .comment-model[data-v-ef02c0d0] {
  width: 6.1rem;
  padding: 0 0.44rem;
  background: #fff;
  border-radius: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.comment-mask .comment-model .comment-head[data-v-ef02c0d0] {
  height: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-mask .comment-model .comment-head span[data-v-ef02c0d0] {
  font-size: 0.3rem;
  font-weight: bold;
}
.comment-mask .comment-model .comment-head .tlb_h5_font[data-v-ef02c0d0] {
  padding: 0.2rem;
  font-size: 0.32rem;
  margin-right: -0.2rem;
}
.comment-mask .comment-model[data-v-ef02c0d0] .van-cell {
  padding: 0;
}
.comment-mask .comment-model[data-v-ef02c0d0] .van-cell .van-field__control {
  width: 100%;
  padding: 0.2rem;
  font-size: 0.26rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.04rem;
  background: #f5f7fa;
}
.comment-mask .comment-model[data-v-ef02c0d0] .van-cell::after {
  display: none;
}
.comment-mask .comment-model .label[data-v-ef02c0d0] {
  color: #202124;
  font-size: 0.3rem;
  margin: 0.3rem 0;
}
.comment-mask .comment-model .select-group-box[data-v-ef02c0d0] {
  height: 0.8rem;
  border: 1px solid #EDEFF2;
  border-radius: 0.08rem;
  padding: 0 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-mask .comment-model .select-group-box .txt[data-v-ef02c0d0] {
  font-size: 0.28rem;
  color: #202124;
}
.comment-mask .comment-model .select-group-box .txt.defalut[data-v-ef02c0d0] {
  color: #919499;
}
.comment-mask .comment-model .select-group-box .tlb_h5_font[data-v-ef02c0d0] {
  color: #919499;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.comment-mask .sure-btn[data-v-ef02c0d0] {
  width: 100%;
  height: 0.8rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #241e1e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.4rem auto;
  background: #ffcf8d;
  border: none;
  outline: none;
  border-radius: 0.44rem;
}
/* 编辑助手 */
.edit-mask .edit-vest-model[data-v-ef02c0d0] {
  width: 100%;
  min-height: 4.93rem;
  padding: 0 0.3rem;
  background: #f5f7fa;
  border-radius: 0.2rem 0.2rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.edit-mask .edit-vest-model .vest-head[data-v-ef02c0d0] {
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit-mask .edit-vest-model .vest-head .call-back-btn .tlb_h5_font[data-v-ef02c0d0] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 0.4rem;
}
.edit-mask .edit-vest-model .vest-head .save-btn[data-v-ef02c0d0] {
  color: #3f75ff;
  padding-left: 0.2rem;
}
.edit-mask .edit-vest-model .vest-head .edit-send-btn[data-v-ef02c0d0] {
  width: 1rem;
  height: 0.56rem;
  color: #313142;
  font-size: 0.24rem;
  font-weight: bold;
  background: #FFD9B3;
  border-radius: 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit-mask .edit-vest-model .edit-vest-msg[data-v-ef02c0d0] {
  color: #313142;
  font-size: 0.28rem;
  font-weight: bold;
  margin-bottom: 0.24rem;
  line-height: 1.3;
  word-break: break-all;
}
.edit-mask .edit-vest-model .edit-vest-item[data-v-ef02c0d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 1rem;
  padding: 0 0.34rem;
  margin-bottom: 0.2rem;
  line-height: 1.5;
  background: #fff;
  border-radius: 0.1rem;
}
.edit-mask .edit-vest-model .edit-vest-item .label[data-v-ef02c0d0] {
  color: #202124;
  font-size: 0.28rem;
  font-weight: bold;
}
.edit-mask .edit-vest-model .edit-vest-item .head-img[data-v-ef02c0d0] {
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 50%;
}
.edit-mask .edit-vest-model .edit-vest-item .tlb_h5_font[data-v-ef02c0d0] {
  font-size: 0.4rem;
  margin-left: 0.1rem;
}
.edit-mask .edit-vest-model .edit-vest-item .van-cell[data-v-ef02c0d0] {
  padding: 0;
}
.edit-mask .edit-vest-model .edit-vest-item .van-cell[data-v-ef02c0d0] .van-field__control {
  text-align: right;
  font-size: 0.28rem;
}
.edit-mask .edit-vest-model .edit-vest-item .text-left[data-v-ef02c0d0] .van-field__control {
  text-align: left;
}
/* 发言方式 和 发言次数 共用一个弹框 */
.speck-select-mask .speck-select-model[data-v-ef02c0d0] {
  width: 100%;
  min-height: 5.48rem;
  padding: 0 0.3rem;
  background: #f5f7fa;
  border-radius: 0.3rem 0.3rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.speck-select-mask .speck-select-model .speck-title[data-v-ef02c0d0] {
  color: #241e1e;
  font-size: 0.3rem;
  font-weight: bold;
  margin: 0.4rem 0;
}
.speck-select-mask .speck-select-item[data-v-ef02c0d0] {
  width: 100%;
  height: 1.48rem;
  padding: 0 0.3rem 0 0.25rem;
  margin-bottom: 0.2rem;
  line-height: 1.5;
  background: #fff;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.speck-select-mask .speck-select-item .label[data-v-ef02c0d0] {
  font-size: 0.3rem;
  font-weight: bold;
  color: #241e1e;
}
.speck-select-mask .speck-select-item .desc[data-v-ef02c0d0] {
  color: #909399;
  font-size: 0.24rem;
}
.speck-select-mask .speck-select-item .checked-icon[data-v-ef02c0d0] {
  width: 0.46rem;
  height: 0.46rem;
}
.speck-select-mask .speck-rate-list[data-v-ef02c0d0] {
  width: 100%;
  padding: 0 0.32rem;
  background: #fff;
  border-radius: 0.1rem;
}
.speck-select-mask .speck-rate-list .speck-rate-item[data-v-ef02c0d0] {
  width: 100%;
  height: 1.2rem;
  border-bottom: 1px solid #edeff2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.speck-select-mask .speck-rate-list .speck-rate-item[data-v-ef02c0d0]:last-child {
  border-bottom: none;
}
.speck-select-mask .speck-rate-list .speck-rate-item .label[data-v-ef02c0d0] {
  font-size: 0.3rem;
  font-weight: bold;
  color: #241e1e;
}
.speck-select-mask .speck-rate-list .speck-rate-item .tlb_h5_font[data-v-ef02c0d0] {
  color: #202124;
  font-size: 0.36rem;
  margin-right: 0.15rem;
}
/* 规则评论发送 */
.rule-comment-list[data-v-ef02c0d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.2rem 0.3rem 1.7rem;
  overflow: hidden;
  overflow-y: auto;
}
.rule-comment-list[data-v-ef02c0d0]::-webkit-scrollbar {
  width: 0;
}
.rule-comment-list .rule-comment-item[data-v-ef02c0d0] {
  width: 100%;
  height: 1rem;
  margin-bottom: 0.2rem;
  padding: 0 0.2rem 0 0.34rem;
  background: #ffffff;
  border-radius: 0.1rem;
}
.rule-comment-list .rule-comment-item .txt[data-v-ef02c0d0] {
  color: #202124;
  font-size: 0.26rem;
}
.rule-comment-list .rule-comment-item .txt.empty[data-v-ef02c0d0] {
  color: #7d7d8a;
}
.rule-comment-list .rule-comment-item .tlb_h5_font[data-v-ef02c0d0] {
  font-size: 0.36rem;
  margin-left: 0.1rem;
}
.rule-comment-list .label[data-v-ef02c0d0] {
  font-size: 0.3rem;
  font-weight: bold;
  color: #241e1e;
}
.rule-comment-list .rule-desc[data-v-ef02c0d0] {
  padding: 0 0.22rem;
}
.rule-comment-list .rule-comment-cont[data-v-ef02c0d0] {
  width: 100%;
  padding: 0 0.3rem;
  margin-bottom: 0.2rem;
  background: #ffffff;
  border-radius: 0.1rem;
}
.rule-comment-list .rule-comment-cont .top[data-v-ef02c0d0] {
  height: 1rem;
  line-height: 1rem;
  border-bottom: 1px solid #edeff2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.rule-comment-list .rule-comment-cont .top .label[data-v-ef02c0d0] {
  margin-right: 12px;
}
.rule-comment-list .rule-comment-cont .bottom[data-v-ef02c0d0] {
  position: relative;
}
.rule-comment-list .rule-comment-cont .bottom .input-area[data-v-ef02c0d0] {
  padding: 0;
}
.rule-comment-list .rule-comment-cont .bottom .input-area[data-v-ef02c0d0] .van-field__control {
  width: 100%;
  height: 3rem;
  line-height: 1.6;
  padding-top: 0.3rem;
}
.rule-comment-list .rule-comment-cont .bottom .input-area[data-v-ef02c0d0] .van-field__control::-webkit-scrollbar {
  width: 0;
}
.rule-comment-list .rule-comment-cont .bottom .input-area[data-v-ef02c0d0] .van-field__word-limit {
  margin: 4px 0 10px;
}
.rule-comment-list .rule-comment-cont .bottom span[data-v-ef02c0d0] {
  color: #7d7d8a;
  position: absolute;
  right: 0;
  bottom: 0.26rem;
}
.rule-comment-list .rule-comment-cont .bottom .disabled-mask[data-v-ef02c0d0] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
}
.rule-comment-list .execute-now-btn[data-v-ef02c0d0] {
  position: fixed;
  bottom: 0.5rem;
  left: 0.6rem;
  z-index: 9;
  width: 6.3rem;
  height: 1rem;
  color: #303041;
  font-size: 0.3rem;
  font-weight: bold;
  background: #ffcf8d;
  border-radius: 0.5rem;
}
.change_vest_btn[data-v-ef02c0d0] {
  font-size: 0.28rem;
  color: #3f75ff;
}
.bbede[data-v-ef02c0d0] {
  border-bottom: 0.02rem solid #edeff2;
}
.blede[data-v-ef02c0d0] {
  border-left: 0.02rem solid #edeff2;
}

[data-v-5d3eef7c]:root {
  --pageHeight: '100vh';
}
.live_index[data-v-5d3eef7c] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--pageHeight);
  overflow: hidden;
}
.live_index .adv-video[data-v-5d3eef7c] {
  width: 100vw;
  height: var(--pageHeight);
}
.live_index .swiper-box[data-v-5d3eef7c] {
  left: 0;
  top: 0;
  width: 100%;
  height: var(--pageHeight);
}
.live_index .screen[data-v-5d3eef7c] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 112;
  width: 100vw;
  height: var(--pageHeight);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.live_index .screen.remove-screen[data-v-5d3eef7c] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.live_index .more-open-box[data-v-5d3eef7c] {
  position: relative;
  width: 0.76rem;
  height: 0.76rem;
  padding: 0.07rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(32, 33, 36, 0.4);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live_index .more-open-box .more-img[data-v-5d3eef7c] {
  width: 100%;
}
.gift-canvas[data-v-5d3eef7c] {
  position: fixed;
  z-index: 110;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--pageHeight);
  overflow: hidden;
}
.gift-canvas .svga-frame[data-v-5d3eef7c] {
  width: 100%;
  height: 100%;
}
.gift-canvas[data-v-5d3eef7c] canvas {
  width: 100%;
  height: 100%;
  -webkit-transform: none !important;
          transform: none !important;
}
.market-entry-list[data-v-5d3eef7c] {
  position: absolute;
  right: 0.3rem;
  top: 1.8rem;
  width: 1rem;
  z-index: 301;
}
.func-entry-list[data-v-5d3eef7c] {
  position: fixed;
  right: 0.3rem;
  bottom: 4rem;
  width: 0.8rem;
  z-index: 301;
}
.func-entry-list .live-refresh-btn[data-v-5d3eef7c] {
  width: 0.8rem;
  height: 0.8rem;
  margin-bottom: 0.2rem;
}
.func-entry-list .vest_open[data-v-5d3eef7c] {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  margin-bottom: 0.2rem;
}
.func-entry-list .vest_open .vest_status[data-v-5d3eef7c] {
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
}
.func-entry-list .live-user-btn[data-v-5d3eef7c] {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  margin-bottom: 0.2rem;
}
.func-entry-list .history-msg-entry-btn[data-v-5d3eef7c] {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  margin-bottom: 0.2rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.func-entry-list .history-msg-entry-btn img[data-v-5d3eef7c] {
  width: 0.46rem;
}
.func-entry-list .line-circuit-box[data-v-5d3eef7c] {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  margin-bottom: 0.2rem;
  font-size: 0.24rem;
  color: #fff;
  background: rgba(32, 33, 36, 0.4);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.func-entry-list .service-box[data-v-5d3eef7c] {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  padding-bottom: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #638FFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.func-entry-list .service-box .service_btn[data-v-5d3eef7c] {
  width: 0.54rem;
  height: 0.54rem;
}
.func-entry-list .service-box span[data-v-5d3eef7c] {
  position: absolute;
  bottom: -0.12rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.6rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background: #fff;
  border-radius: 0.3rem;
  font-size: 0.22rem;
  color: #638FFF;
  text-align: center;
}
.new-entry-box-style[data-v-5d3eef7c] {
  right: 0.24rem;
}
.snapshot-model[data-v-5d3eef7c] {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999!important;
  width: 100%;
  height: 100vh;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(#202124));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #202124 100%);
}
.snapshot-model .snapshot-container[data-v-5d3eef7c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.snapshot-model .snapshot-container .guide-bg[data-v-5d3eef7c] {
  width: 100%;
  height: auto;
}
.snapshot-model .snapshot-container .snapshot-mask[data-v-5d3eef7c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.36);
}
.snapshot-model .snapshot-img[data-v-5d3eef7c] {
  position: relative;
  z-index: 1;
  width: 100%;
}
.auth-login-before-tips[data-v-5d3eef7c] {
  position: fixed;
  left: 0;
  bottom: 3rem;
  width: 100%;
  font-size: 0.26rem;
  text-align: center;
}

[data-v-f7292eb6]:root {
  --pageHeight: '100vh';
}
.page_index[data-v-f7292eb6] {
  width: 100%;
  height: var(--pageHeight);
  background: #F6F6F6;
  overflow: hidden;
  overflow-y: auto;
}
.page_index[data-v-f7292eb6]::-webkit-scrollbar {
  width: 0;
  display: none;
}
.page_index .index_avator[data-v-f7292eb6] {
  width: 0.62rem;
  height: 0.62rem;
  background: #f4f4f4;
  border: 0.02rem solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
.page_index .index_my_oper[data-v-f7292eb6] {
  width: 0.86rem;
  height: 0.58rem;
}
.page_index .live_info[data-v-f7292eb6] {
  width: 100%;
  z-index: 99;
  position: relative;
  border-radius: 0.1rem;
  padding: 0.25rem 0.3rem;
}
.page_index .share_liveroom[data-v-f7292eb6] {
  width: 1.96rem;
  height: 0.6rem;
  background: #20B832;
  border-radius: 0.3rem;
}
.page_index .near_live_list[data-v-f7292eb6] {
  width: 6.9rem;
  height: 4.13rem;
  text-align: left;
  border-radius: 0.1rem;
  margin: 0 auto 0.2rem;
  padding: 0;
  overflow: hidden;
}
.page_index .near_live_list .live_status_box[data-v-f7292eb6] {
  left: 0.2rem;
  top: 0.3rem;
  height: 0.56rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.6rem;
}
.page_index .near_live_list .live_status[data-v-f7292eb6] {
  width: 1.36rem;
  height: 100%;
  padding: 0 0.12rem;
  margin-left: -1px;
}
.page_index .near_live_list .circle[data-v-f7292eb6] {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #fff;
}
.page_index .live_info_box[data-v-f7292eb6] {
  bottom: 0;
  width: 100%;
  height: 2.26rem;
  padding: 0 0.2rem 0.15rem;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
/* 底部导航 */
.nav-ls[data-v-f7292eb6] {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.4rem;
  z-index: 10;
  width: 4.37rem;
  height: 1.2rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.1rem 0.8rem 0.2rem rgba(1, 40, 111, 0.08);
          box-shadow: 0 0.1rem 0.8rem 0.2rem rgba(1, 40, 111, 0.08);
  border-radius: 0.32rem;
  border: 1px solid #EDEFF2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-ls .nav-item[data-v-f7292eb6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-ls .nav-item .icon[data-v-f7292eb6] {
  width: 0.48rem;
  height: 0.48rem;
  margin-bottom: 0.06rem;
}
.nav-ls .nav-item .txt[data-v-f7292eb6] {
  color: #BFC2CC;
  font-size: 0.22rem;
}
.nav-ls .nav-item.actived .txt[data-v-f7292eb6] {
  color: #313142;
  font-weight: bold;
}
.nav-ls .nav-line[data-v-f7292eb6] {
  width: 1px;
  height: 0.48rem;
  background: #EDEFF2;
  border-radius: 1px;
}
.snapshot-model[data-v-f7292eb6] {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999!important;
  width: 100%;
  height: 100vh;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(#202124));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #202124 100%);
}
.snapshot-model .snapshot-container[data-v-f7292eb6] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.snapshot-model .snapshot-container .guide-bg[data-v-f7292eb6] {
  width: 100%;
  height: auto;
}
.snapshot-model .snapshot-container .snapshot-mask[data-v-f7292eb6] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.36);
}
.snapshot-model .snapshot-img[data-v-f7292eb6] {
  position: relative;
  z-index: 1;
  width: 100%;
}
.auth-login-before-tips[data-v-f7292eb6] {
  position: fixed;
  left: 0;
  bottom: 3rem;
  width: 100%;
  font-size: 0.26rem;
  text-align: center;
}

.vzan-gou-upgrade[data-v-036d2586] {
  width: 100%;
  min-height: 100vh;
  padding-top: 0.4rem;
  background: #201E27;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vzan-gou-upgrade .nav[data-v-036d2586] {
  position: relative;
  width: 100%;
  font-size: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .nav .nav-title[data-v-036d2586] {
  margin: 0 auto;
  text-align: center;
  width: 2.02rem;
  height: 0.82rem;
  line-height: 0.82rem;
  background: no-repeat url(../img/title.7f5a1385.png);
  background-size: 2.02rem 0.82rem;
  color: #F9D6A8;
}
.vzan-gou-upgrade .nav .title-img[data-v-036d2586] {
  width: 2.02rem;
}
.vzan-gou-upgrade .icon-background[data-v-036d2586] {
  width: 100%;
  background: no-repeat url(../img/background.3abec488.png);
  background-position: 0 1.2rem;
  background-size: 7.6rem;
}
.vzan-gou-upgrade .icon-box[data-v-036d2586] {
  padding: 0.32rem 0.3rem 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vzan-gou-upgrade .icon-box .icon-item[data-v-036d2586] {
  width: 25%;
  margin-bottom: 0.6rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .icon-box .icon-item img[data-v-036d2586] {
  width: 1.2rem;
  height: 1.2rem;
}
.vzan-gou-upgrade .icon-box .icon-item .item-title[data-v-036d2586] {
  color: #FFE6C5;
  margin-top: 0.2rem;
  font-size: 0.26rem;
  line-height: 0.5rem;
}
.vzan-gou-upgrade .icon-box .icon-item span[data-v-036d2586] {
  color: #817A9D;
  font-size: 0.22rem;
}
.vzan-gou-upgrade .button-nav[data-v-036d2586] {
  width: 100%;
  height: 1.09rem;
  font-size: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .button-nav .button[data-v-036d2586] {
  width: 50%;
  text-align: center;
  height: 1.09rem;
  line-height: 1.09rem;
  font-weight: 600;
}
.vzan-gou-upgrade .upGrade-box[data-v-036d2586] {
  width: 100%;
  padding: 0 0.3rem;
  margin: 0.32rem 0;
}
.vzan-gou-upgrade .upGrade-box .upGrade-list[data-v-036d2586] {
  border-radius: 0.1rem;
  overflow: hidden;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head[data-v-036d2586] {
  font-size: 0.24rem;
  background: #565169;
  border-bottom: 1px solid #444052;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .first[data-v-036d2586] {
  width: 2.92rem;
  height: 0.9rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .first[data-v-036d2586]::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  display: block;
  border-bottom: 0.9rem solid #454254;
  border-right-width: 2.92rem;
  border-right-style: solid;
  border-right-color: transparent;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .first[data-v-036d2586]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  border-top: 0.9rem solid #3F3C4C;
  border-left-width: 2.92rem;
  border-left-style: solid;
  border-left-color: transparent;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .first span[data-v-036d2586] {
  display: block;
  position: absolute;
  z-index: 1;
  color: #B0B0B0;
  font-size: 0.24rem;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .first span[data-v-036d2586]:nth-child(1) {
  left: 0.2rem;
  bottom: 0.2rem;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .first span[data-v-036d2586]:nth-child(2) {
  right: 0.2rem;
  top: 0.2rem;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .first-title[data-v-036d2586] {
  width: 2.92rem;
  line-height: 1.3;
  padding: 0.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  color: #B0B0B0;
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .last[data-v-036d2586] {
  height: 0.9rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .last .item[data-v-036d2586] {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  color: #B0B0B0;
  font-size: 0.24rem;
  border-left: 1px solid #514C62;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head .last .item.column-item[data-v-036d2586] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head[data-v-036d2586]:nth-child(1),
.vzan-gou-upgrade .upGrade-box .upGrade-head[data-v-036d2586]:last-child {
  border-bottom: none;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head.cont-head[data-v-036d2586] {
  background: #33303E;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head.cont-head .last[data-v-036d2586] {
  padding: 0.2rem 0;
  height: auto;
}
.vzan-gou-upgrade .upGrade-box .upGrade-head.cont-head .last .item[data-v-036d2586] {
  line-height: 1.3;
  border-left: none;
}
.vzan-gou-upgrade .mark[data-v-036d2586] {
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .mark .dialog[data-v-036d2586] {
  background: #fff;
  width: 5.4rem;
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vzan-gou-upgrade .mark .dialog .dialog-title[data-v-036d2586] {
  color: #241E1E;
  font-weight: bold;
  font-size: 0.34rem;
  padding: 0.4rem 0.4rem 0.3rem;
}
.vzan-gou-upgrade .mark .dialog span[data-v-036d2586] {
  margin: 0 0.3rem 0.2rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
}
.vzan-gou-upgrade .mark .serviceDialog img[data-v-036d2586] {
  width: 3rem;
  margin-bottom: 0.2rem;
}
.vzan-gou-upgrade .mark .serviceDialog button[data-v-036d2586] {
  width: 100%;
  height: 1rem;
  background: #F5C076;
  color: #333440;
  font-weight: 600;
  border: none;
  font-size: 0.34rem;
}
.vzan-gou-upgrade .mark .phoneDialog .button[data-v-036d2586] {
  display: block;
  width: 50%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-weight: 600;
  border: none;
  font-size: 0.34rem;
}
.vzan-gou-upgrade .mark .phone-btn-group[data-v-036d2586] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.identity-auth--page[data-v-d4ad6002] {
  height: 100vh;
  background: #fff;
  padding: 1.1rem 0.62rem 0.76rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.identity-auth--page .page-box .logo[data-v-d4ad6002] {
  display: block;
  width: 2.04rem;
  height: 0.94rem;
  margin: 0 auto 1.04rem;
}
.identity-auth--page .page-box .title[data-v-d4ad6002] {
  color: #606972;
  font-size: 0.28rem;
  margin-bottom: 0.2rem;
  line-height: 1.1;
}
.identity-auth--page .page-box .register-form[data-v-d4ad6002] {
  margin-top: 0.48rem;
}
.identity-auth--page .page-box .register-form .van-cell[data-v-d4ad6002] {
  height: 1rem;
  padding: 0 0.32rem;
  border: 0.02rem solid #dcdfe6;
  border-radius: 0.16rem;
  overflow: hidden;
  margin-bottom: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.identity-auth--page .page-box .register-form .van-cell[data-v-d4ad6002]::after {
  display: none;
}
.identity-auth--page .page-box .register-form .van-cell .register-code-btn[data-v-d4ad6002] {
  min-width: 1.04rem;
  height: 0.64rem;
  padding-left: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #919499;
  font-size: 0.28rem;
  border-left: 0.02rem solid #dcdfe6;
  cursor: pointer;
}
.identity-auth--page .page-box .register-form .van-cell .register-code-btn.disabled[data-v-d4ad6002] {
  color: #dcdfe6;
  cursor: no-drop;
}
.identity-auth--page .page-box .build-btn[data-v-d4ad6002] {
  margin-top: 1.3rem;
  width: 100%;
  height: 1rem;
  color: #202124;
  font-size: 0.3rem;
  background: #ffcf8d;
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.snapshot-model[data-v-d4ad6002] {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0 3rem;
}
.snapshot-model img[data-v-d4ad6002] {
  width: 2.6rem;
}
.snapshot-model h3[data-v-d4ad6002] {
  margin-top: 0.5rem;
  font-size: 0.34rem;
}
.snapshot-model p[data-v-d4ad6002] {
  font-size: 0.28rem;
  margin-top: 0.4rem;
}

.license-auth .wrapper[data-v-fcdb9288] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.license-auth .wrapper .close-icon[data-v-fcdb9288] {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  z-index: 9;
  width: 0.7rem;
  height: 0.7rem;
}
.license-auth .block[data-v-fcdb9288] {
  width: 100%;
  height: 80vh;
}
.license-box[data-v-fcdb9288] {
  width: 100%;
  height: 100vh;
}
.license-box .license-item[data-v-fcdb9288] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.license-box .img-mask[data-v-fcdb9288] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.no-info[data-v-fcdb9288] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4rem;
}
.no-info img[data-v-fcdb9288] {
  width: 1.6rem;
  height: 1.6rem;
}
.no-info span[data-v-fcdb9288] {
  margin-top: 0.34rem;
  font-size: 0.26rem;
  color: #60646b;
}

.register-page[data-v-804ba79c] {
  height: 100vh;
  background: #fff;
  padding: 1.1rem 0.62rem 0.76rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.register-page .page-box .logo[data-v-804ba79c] {
  display: block;
  width: 2.04rem;
  height: 0.94rem;
  margin: 0 auto 1.04rem;
}
.register-page .page-box .title[data-v-804ba79c] {
  color: #000;
  font-size: 0.36rem;
  font-weight: 700;
  margin-bottom: 0.48rem;
}
.register-page .page-box .register-form .van-cell[data-v-804ba79c] {
  height: 1rem;
  padding: 0 0.32rem;
  border: 0.02rem solid #DCDFE6;
  border-radius: 0.16rem;
  overflow: hidden;
  margin-bottom: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register-page .page-box .register-form .van-cell[data-v-804ba79c]::after {
  display: none;
}
.register-page .page-box .register-form .van-cell .register-code-btn[data-v-804ba79c] {
  min-width: 1.04rem;
  height: 0.64rem;
  padding-left: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #919499;
  font-size: 0.28rem;
  border-left: 0.02rem solid #DCDFE6;
  cursor: pointer;
}
.register-page .page-box .register-form .van-cell .register-code-btn.disabled[data-v-804ba79c] {
  color: #DCDFE6;
  cursor: no-drop;
}
.register-page .page-box .agree-tips-text[data-v-804ba79c] {
  margin-top: 0.44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register-page .page-box .agree-tips-text img[data-v-804ba79c] {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.14rem;
}
.register-page .page-box .agree-tips-text .tip-text[data-v-804ba79c] {
  font-size: 0.26rem;
  color: #919499;
}
.register-page .page-box .agree-tips-text .tip-text span[data-v-804ba79c] {
  color: #D8A081;
  margin: 0 0.04rem;
}
.register-page .page-box .build-btn[data-v-804ba79c] {
  margin-top: 1.3rem;
  width: 100%;
  height: 1rem;
  color: #202124;
  font-size: 0.3rem;
  background: #FFCF8D;
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register-page .download-btn[data-v-804ba79c] {
  font-size: 0.26rem;
  color: #D69F80;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register-page .download-btn span[data-v-804ba79c] {
  padding: 0.2rem;
}

.build-page[data-v-06ea68ef] {
  height: 100vh;
  background: #fff;
  padding: 0.4rem 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.build-page .page-box .title-box[data-v-06ea68ef] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.32rem;
}
.build-page .page-box .title-box .main[data-v-06ea68ef] {
  color: #000;
  font-size: 0.28rem;
}
.build-page .page-box .title-box .sub[data-v-06ea68ef] {
  color: #919499;
  font-size: 0.24rem;
}
.build-page .page-box .van-cell[data-v-06ea68ef] {
  width: 100%;
  height: 1rem;
  padding: 0 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.56rem;
  background: #F5F7FA;
  border-radius: 0.16rem;
}
.build-page .page-box .van-cell[data-v-06ea68ef]::after {
  display: none;
}
.build-page .page-box .upload-box[data-v-06ea68ef] {
  position: relative;
  width: 1.92rem;
  height: 1.92rem;
  border: 0.02rem dashed #BFC2CC;
  border-radius: 0.16rem;
  font-size: 0.24rem;
  color: #919499;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.build-page .page-box .upload-box .add-icon[data-v-06ea68ef] {
  font-size: 0.44rem;
  color: #DCDFE6;
  margin-bottom: 0.08rem;
}
.build-page .page-box .upload-box .img-box[data-v-06ea68ef] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.16rem;
  overflow: hidden;
}
.build-page .page-box .upload-box .img-box img[data-v-06ea68ef] {
  width: 100%;
}
.build-page .page-box .upload-box .del[data-v-06ea68ef] {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 0.6rem;
  background: #ff2424;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.build-page .page-box .upload-box .del .tlb_h5_font[data-v-06ea68ef] {
  font-size: 0.24rem;
}
.build-page .build-btn[data-v-06ea68ef] {
  width: 100%;
  height: 1rem;
  color: #202124;
  font-size: 0.3rem;
  background: #FFCF8D;
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.success-page[data-v-62f8f9c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.success-page .s-title[data-v-62f8f9c4] {
  color: #000;
  font-size: 0.4rem;
  font-weight: 700;
  margin-top: 1.62rem;
}
.success-page .logo[data-v-62f8f9c4] {
  width: 1.8rem;
  height: 1.8rem;
  margin-top: 1.2rem;
}
.success-page .logo.no-title[data-v-62f8f9c4] {
  margin-top: 2.4rem;
}
.success-page .download-tip[data-v-62f8f9c4] {
  color: #000;
  font-size: 0.34rem;
  margin: 0.44rem 0 0.54rem;
}
.success-page .download-now-btn[data-v-62f8f9c4] {
  width: 3.24rem;
  height: 1rem;
  font-size: 0.3rem;
  color: #202124;
  background: #ffcf8d;
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.award_record[data-v-586ab088] {
  min-height: 100vh;
  background: #F5F7FA;
  font-size: 0.3rem;
  padding-bottom: 0.3rem;
}
.award_record .title-head[data-v-586ab088] {
  height: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.6rem;
  font-size: 0.24rem;
  color: #909399;
  line-height: 1.3;
}
.award_record .award_underl_box[data-v-586ab088] {
  margin: 0 0.3rem;
  padding: 0 0.3rem;
  background: #fff;
  border-radius: 0.1rem;
}
.award_record .award_underl_box .list-item[data-v-586ab088] {
  height: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
}
.award_record .award_underl_box .list-item.bbede[data-v-586ab088] {
  border-bottom: 0.02rem solid #EDEFF2;
}
.award_record .award_underl_box .list-item .left[data-v-586ab088] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 0.2rem;
}
.award_record .award_underl_box .list-item .right[data-v-586ab088] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  font-size: 0.28rem;
  font-weight: bold;
  text-align: right;
}

.award_detail[data-v-be7ea06c] {
  min-height: 100vh;
  font-size: 0.3rem;
  padding: 0.3rem;
  background: #F5F7FA;
}
.award_detail .detail-box[data-v-be7ea06c] {
  padding: 0.3rem;
  border-radius: 0.1rem;
  background-color: #fff;
}
.award_detail .detail-box .detail-item[data-v-be7ea06c] {
  height: 0.7rem;
  font-size: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.award_detail .detail-box .detail-item .left[data-v-be7ea06c] {
  margin-right: 0.2rem;
  color: #909399;
}
.award_detail .detail-box .detail-item .right[data-v-be7ea06c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-align: right;
  line-height: 1.3;
  font-weight: bold;
}

.award_detail[data-v-05f48e6d] {
  min-height: 100vh;
  font-size: 0.3rem;
  padding: 0.3rem;
  background: #F5F7FA;
}
.award_detail .detail-box[data-v-05f48e6d] {
  padding: 0.3rem;
  border-radius: 0.1rem;
  background-color: #fff;
}
.award_detail .detail-box .detail-item[data-v-05f48e6d] {
  height: 0.7rem;
  font-size: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.award_detail .detail-box .detail-item .left[data-v-05f48e6d] {
  margin-right: 0.2rem;
  color: #909399;
}
.award_detail .detail-box .detail-item .right[data-v-05f48e6d] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-align: right;
  line-height: 1.3;
  font-weight: bold;
}

.basewrap[data-v-2f27f791] {
  min-width: 6.4rem;
  max-width: 19.2rem;
  margin: 0 auto;
}
.basewrap .invitation[data-v-2f27f791] {
  position: relative;
  z-index: 2;
  border-radius: 0.4rem;
  overflow: hidden;
  line-height: 0.6rem;
  text-align: center;
  background-color: #fff;
  color: #fff;
}
.basewrap .invitation img[data-v-2f27f791] {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  margin: 1rem auto 0.4rem;
  border-radius: 50%;
}
.basewrap .invitation p[data-v-2f27f791] {
  text-align: center;
  font-size: 0.32rem;
  color: #666;
  line-height: 1.55;
}
.basewrap .invitation p.invite_tip[data-v-2f27f791] {
  padding: 0 0.2rem;
}
.basewrap .invitation .accept[data-v-2f27f791] {
  margin: 1rem 0.3rem 0;
  height: 0.88rem;
  line-height: 0.88rem;
  background: #9d9d9d;
  border-radius: 0.04rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.basewrap .invitation .accepted[data-v-2f27f791] {
  background: #e5e5e5;
  color: #333;
  height: auto;
  padding: 0.16rem;
  line-height: 1.8;
}
.basewrap .invitation .invited_btn[data-v-2f27f791] {
  border-radius: 1rem;
  margin-top: 0.4rem;
}
.basewrap .invitation .success_sub[data-v-2f27f791] {
  color: #606972;
  line-height: 1.6;
  font-size: 0.2rem;
  margin: 0.2rem 0.3rem 0;
}
.basewrap .invitation .open_link[data-v-2f27f791] {
  border: 0.02rem solid #606972;
  border-radius: 1rem;
  color: #606972;
  background: #fff;
  outline: none;
}
.basewrap .invitation .open_link a[data-v-2f27f791] {
  color: #5d5b5b;
}
.basewrap .invitation .invite_btn[data-v-2f27f791] {
  background: #f5c076;
  border-radius: 1rem;
  color: #333440;
  border: none;
  outline: none;
}
.loading-box[data-v-2f27f791] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.download_index[data-v-01a2b534] {
  width: 100%;
  height: 100vh;
}
.download_index .title-box[data-v-01a2b534] {
  margin-top: 2rem;
}
.download_index .title-box .vzan_logo[data-v-01a2b534] {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.26rem;
}
.download_index .download_btn[data-v-01a2b534] {
  width: 6.3rem;
  height: 1rem;
  border: none;
  outline: none;
  border-radius: 0.6rem;
  background: #FFCF8D;
  margin-top: 0.3rem;
  color: #303041;
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(255, 180, 76, 0.2);
          box-shadow: 0 0.1rem 0.2rem 0 rgba(255, 180, 76, 0.2);
}
.download_index .consult[data-v-01a2b534] {
  padding: 0.5rem;
}
.download_index .download_mask[data-v-01a2b534] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.36);
}
.download_index .download_mask .tip_text[data-v-01a2b534] {
  position: absolute;
  right: 8px;
  top: 12px;
  width: 160px;
  background: #FFCF8D;
  font-size: 14px;
  border-radius: 6px;
  padding: 10px;
  line-height: 1.4;
}
.download_index .download_mask .tip_text[data-v-01a2b534]:before {
  content: "";
  position: absolute;
  top: -14px;
  right: 16px;
  width: 0;
  height: 0;
  border: 7px solid #FFCF8D;
  border-color: transparent transparent #FFCF8D;
}

.snapshot-model[data-v-629bb0fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 100px 0;
}
.snapshot-model h3[data-v-629bb0fc] {
  font-size: 17px;
}
.snapshot-model p[data-v-629bb0fc] {
  font-size: 14px;
  margin-top: 20px;
}

.userinfo-page[data-v-509c7ff6] {
  width: 100vw;
  background: #fff;
  min-height: 100vh;
  padding: 0.8rem 0;
}
.userinfo-page .avatar-wrapper[data-v-509c7ff6] {
  padding: 0;
  width: 1.12rem !important;
  border-radius: 0.16rem;
  margin: 0 auto 0.8rem;
  border-radius: 0.08rem;
}
.userinfo-page .avatar-wrapper .avatar[data-v-509c7ff6] {
  display: block;
  width: 1.12rem;
  height: 1.12rem;
}
.userinfo-page .input-box[data-v-509c7ff6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.32rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.userinfo-page .input-box[data-v-509c7ff6] .username-input {
  padding: 0;
}
.userinfo-page .input-box[data-v-509c7ff6] .username-input .van-field__label {
  display: block;
  width: 2.1rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0;
}
.userinfo-page .input-box[data-v-509c7ff6] .username-input .van-field__control {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.32rem;
  font-weight: bold;
}
.userinfo-page .submit-btn[data-v-509c7ff6] {
  width: 6.3rem;
  height: 1rem;
  margin: 0.5rem auto 0;
  background: #F5C076;
  border-radius: 0.5rem;
  font-size: 0.32rem;
  border: none;
  outline: none;
}

.transfer-miniapp-page[data-v-25f8b3ae] {
  width: 100%;
  height: 100vh;
  background: #fff;
  padding: 1.76rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer-miniapp-page .logo[data-v-25f8b3ae] {
  display: block;
  width: 2rem;
  margin-bottom: 0.36rem;
}
.transfer-miniapp-page .title[data-v-25f8b3ae] {
  color: #5d709b;
  font-size: 0.28rem;
}
.transfer-miniapp-page .open-miniapp-btn[data-v-25f8b3ae] {
  width: 180px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  background: #08c25f;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  outline: none;
}

.transfer-miniapp-page[data-v-656e213d] {
  width: 100%;
  height: 100vh;
  background: #fff;
  padding: 1.76rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer-miniapp-page .logo[data-v-656e213d] {
  display: block;
  width: 2rem;
  margin-bottom: 0.36rem;
}
.transfer-miniapp-page .title[data-v-656e213d] {
  color: #5d709b;
  font-size: 0.28rem;
}
.transfer-miniapp-page .open-miniapp-btn[data-v-656e213d] {
  width: 180px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  background: #08c25f;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  outline: none;
}

.center-page[data-v-0f5e7dcc] {
  width: 100%;
  height: 100vh;
  color: #202124;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.center-page img[data-v-0f5e7dcc] {
  width: 200px;
}

.transfer-live[data-v-c9d5781e] {
  position: relative;
  font-size: 0;
}
.transfer-live .guide-bg[data-v-c9d5781e] {
  width: 100%;
  height: auto;
}
.transfer-live .copy-txt[data-v-c9d5781e] {
  position: fixed;
  left: 20px;
  bottom: 30px;
  width: calc(100% - 40px);
  height: 50px;
  background: #FF6F00;
  color: #fff;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
}
.transfer-live .guide-finger[data-v-c9d5781e] {
  position: absolute;
  right: 0;
  top: 0;
  width: 84px;
  animation: running-c9d5781e 1s linear infinite;
  -webkit-animation: running-c9d5781e 1s linear infinite;
}
.transfer-live .share-mask[data-v-c9d5781e] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100vw;
  height: var(--pageHeight, 100vh);
  padding-top: 0.3rem;
  background: linear-gradient(225deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 43%, rgba(0, 0, 0, 0.7) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer-live .share-mask .txt-aim[data-v-c9d5781e] {
  width: 100vw;
  padding-left: 1.5rem;
  margin-bottom: 4.4rem;
}
.transfer-live .share-mask .know-btn[data-v-c9d5781e] {
  width: 2.82rem;
}
@keyframes running-c9d5781e {
0% {
    top: 0;
}
50% {
    top: 20px;
}
100% {
    top: 0;
}
}
@-webkit-keyframes running-c9d5781e {
0% {
    top: 0;
}
50% {
    top: 20px;
}
100% {
    top: 0;
}
}

.page[data-v-38a2012f] {
  width: 100%;
  height: 100vh;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wxlogin-result[data-v-f523b318] {
  width: 100%;
  padding-top: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wxlogin-result img[data-v-f523b318] {
  width: 80px;
}
.wxlogin-result h1[data-v-f523b318] {
  font-size: 0.36rem;
  margin: 0.4rem 0 0.2rem;
  letter-spacing: 1px;
}
.wxlogin-result p[data-v-f523b318] {
  font-size: 0.28rem;
  letter-spacing: 1px;
}
.wxlogin-result .snapshot-img[data-v-f523b318] {
  position: fixed;
  right: 0;
  bottom: 30px;
  z-index: 1;
  width: 100%;
}

.loading-text[data-v-7ba5bd90] {
  width: 100vw;
  height: 100vh;
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffd497;
}
.loading-text .van-loading__spinner[data-v-7ba5bd90] {
  margin-bottom: 0.2rem;
}

[v-cloak] {
  display: none;
}
* {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
/*重置*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
fieldset, lengend, button, input, textarea,
th, td {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  line-height: 1;
  max-width: 640px;
  margin: 0 auto;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img, input, select {
  vertical-align: baseline;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%;
}
input, button, select, textarea {
  outline: none;
}
a, a:hover {
  text-decoration: none;
}
.undeline {
  text-decoration: underline;
}

[hidden], template {
  display: none !important;
}
canvas, audio, video {
  display: inline-block;
}
svg:not(:root) {
  overflow: hidden;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
details, menu {
  display: block;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #BFC2CC;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
[type="search"] {
  -moz-appearance: textfield;
       appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
textarea {
  overflow: auto;
}

/*定位*/
.f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.f1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer
}
.fc {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center
}
.fc-h {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.f-end {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.fc-end {
  align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
}

.fv {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fw {
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fj {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fsa {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.fs {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fixed {
  position: fixed;
}
.c {
  margin: 0 auto;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.all-full {
  width: 100%;
  height: 100%;
}
.ofh {
  overflow: hidden;
}

/*浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.cl:after {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "."
}

/*文本*/
.t-b {
  font-weight: bold;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center !important;
}
.tf {
  text-align: left;
}
.tbr {
  word-break: break-all;
  word-wrap: break-word;
}
.nobr {
  white-space: normal;
}
.line {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.line1 {
  -webkit-line-clamp: 1;
}
.line2 {
  -webkit-line-clamp: 2;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nowrap {
  white-space: nowrap;
}

.lh13 {
  line-height: 1.3;
}
.lh14 {
  line-height: 1.4;
}
.lh15 {
  line-height: 1.5;
}
.lh16 {
  line-height: 1.6;
}
.lh17 {
  line-height: 1.7;
}
.lh18 {
  line-height: 1.8;
}
.lh2 {
  line-height: 2;
}

/*字体颜色*/
.ccc {
  color: #ccc;
}
.cfff {
  color: #fff;
}
.c333 {
  color: #333;
}
.c444 {
  color: #444;
}
.c666 {
  color: #666;
}
.c888 {
  color: #888;
}
.c999 {
  color: #999;
}
.mainColor {
  color: #241E1E;
}
.subColor {
  color: #333440;
}
.c909 {
  color: #909399;
}
.c606 {
  color: #606972;
}
.c1d2 {
  color: #1D2023;
}
.c3f {
  color: #3F75FF;
}

/*背景颜色*/
.bg-w {
  background-color: #fff;
}
.bg-63B504 {
  background-color: #63B504;
}
.bg-ecf0f6 {
  background-color: #ECF0F6;
}

/*边距*/
.mw10 {
  margin: 0 0.1rem;
}
.mw15 {
  margin: 0 0.15rem;
}
.mw30 {
  margin: 0 0.3rem;
}
.mh5 {
  margin: 0.05rem 0;
}
.mh16 {
  margin: 0.16rem 0;
}
.mh20 {
  margin: 0.2rem 0;
}
.mh60 {
  margin: 0.6rem 0;
}
.mt5 {
  margin-top: 0.05rem;
}
.mt10 {
  margin-top: 0.1rem;
}
.mt15 {
  margin-top: 0.15rem;
}
.mt20 {
  margin-top: 0.2rem;
}
.mt26 {
  margin-top: 0.26rem;
}
.mt30 {
  margin-top: 0.3rem;
}
.mt40 {
  margin-top: 0.4rem;
}
.mt50 {
  margin-top: 0.5rem;
}
.mt60 {
  margin-top: 0.6rem;
}
.mt70 {
  margin-top: 0.7rem;
}
.mt90 {
  margin-top: 0.9rem;
}
.mt100 {
  margin-top: 1rem;
}
.mt280 {
  margin-top: 2.8rem;
}
.mt430 {
  margin-top: 4.3rem;
}
.ml5 {
  margin-left: 0.05rem;
}
.ml10 {
  margin-left: 0.1rem;
}
.ml15 {
  margin-left: 0.15rem;
}
.ml20 {
  margin-left: 0.2rem;
}
.ml30 {
  margin-left: 0.3rem;
}
.mb5 {
  margin-bottom: 0.05rem;
}
.mb10 {
  margin-bottom: 0.1rem;
}
.mb20 {
  margin-bottom: 0.2rem;
}
.mb30 {
  margin-bottom: 0.3rem;
}
.mb40 {
  margin-bottom: 0.4rem;
}
.mb50 {
  margin-bottom: 0.5rem;
}
.mb60 {
  margin-bottom: 0.6rem;
}
.mb70 {
  margin-bottom: 0.7rem;
}
.mr5 {
  margin-right: 0.05rem;
}
.mr10 {
  margin-right: 0.1rem;
}
.mr15 {
  margin-right: 0.15rem;
}
.mr20 {
  margin-right: 0.2rem;
}
.mr30 {
  margin-right: 0.3rem;
}
.mr38 {
  margin-right: 0.38rem;
}
.pt10 {
  padding-top: 0.1rem;
}
.pt20 {
  padding-top: 0.2rem;
}
.pt30 {
  padding-top: 0.3rem;
}
.pl20 {
  padding-left: 0.2rem;
}
.pl30 {
  padding-left: 0.3rem;
}
.pl35 {
  padding-left: 0.35rem;
}
.pb20 {
  padding-bottom: 0.2rem;
}
.pb160 {
  padding-bottom: 1.6rem;
}
.pr10 {
  padding-right: 0.1rem;
}
.pr20 {
  padding-right: 0.2rem;
}
.p5 {
  padding: 0.05rem;
}
.p10 {
  padding: 0.1rem;
}
.p30 {
  padding: 0.3rem;
}
.pw5 {
  padding: 0 0.05rem;
}
.pw10 {
  padding: 0 0.1rem;
}
.pw20 {
  padding: 0 0.2rem;
}
.pw30 {
  padding: 0 0.3rem;
}
.pw35 {
  padding: 0 0.35rem;
}
.ph10 {
  padding: 0.1rem 0;
}
.ph15 {
  padding: 0.15rem 0;
}
.ph20 {
  padding: 0.2rem 0;
}
.ph30 {
  padding: 0.3rem 0;
}
.ph40 {
  padding: 0.4rem 0;
}
.phw13 {
  padding: 0.1rem 0.3rem;
}
.phw23 {
  padding: 0.2rem 0.3rem;
}

.gmt10 {
  margin-top: 10px;
}
.gmt20 {
  margin-top: 20px;
}

/*光标*/
.cp {
  cursor: pointer;
}
/*字体标红*/
.color-red {
  color: #FF3854 !important;
}
.color-green {
  color: #01b301 !important
}
.color-orange {
  color: #ff6600 !important
}


/* 文字大小 */
.f12 {
  font-size: 0.12rem;
}
.f14 {
  font-size: 0.14rem;
}
.f15 {
  font-size: 0.15rem;
}
.f16 {
  font-size: 0.16rem;
}
.f17 {
  font-size: 0.17rem;
}
.f18 {
  font-size: 0.18rem;
}
.f20 {
  font-size: 0.2rem;
}
.f22 {
  font-size: 0.22rem;
}
.f24 {
  font-size: 0.24rem;
}
.f26 {
  font-size: 0.26rem;
}
.f28 {
  font-size: 0.28rem;
}
.f30 {
  font-size: 0.3rem;
}
.f32 {
  font-size: 0.32rem;
}
.f34 {
  font-size: 0.34rem;
}
.f36 {
  font-size: 0.36rem;
}
.f40 {
  font-size: 0.4rem;
}
.f44 {
  font-size: 0.44rem;
}
.f54 {
  font-size: 0.54rem;
}

/* 宽高 */
.hv100 {
  height: 100vh;
}

.w16 {
  width: 0.16rem;
}
.w20 {
  width: 0.2rem;
}
.w26 {
  width: 0.26rem;
}
.w28 {
  width: 0.28rem;
}
.w30 {
  width: 0.3rem;
}
.w32 {
  width: 0.32rem;
}
.w38 {
  width: 0.38rem;
}
.w48 {
  width: 0.48rem;
}
.w50 {
  width: 0.5rem;
}
.w58 {
  width: 0.58rem;
}
.w80 {
  width: 0.8rem;
}
.w90 {
  width: 0.9rem;
}
.w92 {
  width: 0.92rem;
}
.w140 {
  width: 1.4rem;
}
.w150 {
  width: 1.5rem;
}
.w200 {
  width: 2rem;
}
.w560 {
  width: 5.6rem;
}
.h20 {
  height: 0.2rem;
}
.h26 {
  height: 0.26rem;
}
.h28 {
  height: 0.28rem;
}
.h32 {
  height: 0.32rem;
}
.h48 {
  height: 0.48rem;
}
.h50 {
  height: 0.5rem;
}
.h58 {
  height: 0.58rem;
}
.h80 {
  height: 0.8rem;
}
.h84 {
  height: 0.84rem;
}
.h86 {
  height: 0.86rem;
}
.h90 {
  height: 0.9rem;
}
.h92 {
  height: 0.92rem;
}
.h100 {
  height: 1.0rem;
}
.h110 {
  height: 1.1rem;
}
.h120 {
  height: 1.2rem;
}
.h130 {
  height: 1.3rem;
}
.h140 {
  height: 1.4rem;
}
.h148 {
  height: 1.48rem;
}
.h150 {
  height: 1.50rem;
}
.h200 {
  height: 2rem;
}
.h354 {
  height: 3.54rem;
}
.h413 {
  height: 4.13rem;
}
.h420 {
  height: 4.2rem;
}

.br50 {
  border-radius: 50%;
}
.br50ofh {
  border-radius: 50%;
  overflow: hidden;
}

.rightArrow {
  width: 0.32rem;
  height: 0.32rem;
}

.avator {
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
  overflow: hidden;
}


/* 画布 */
.canvas-wrap {
  position: absolute;
  z-index: 9999;
  top: -9999px;
}



/* console */
.vc-switch, .vc-mask, .vc-panel {
  z-index: 99999999 !important;
}

.txt-primary {
  color: rgb(209, 72, 65) !important;
}
.b {
  font-weight: bold !important;
}
@charset "utf-8";
.border,
.border-top,
.border-right,
.border-bottom,
.border-left,
.border-topbottom,
.border-rightleft,
.border-topleft,
.border-rightbottom,
.border-topright,
.border-bottomleft {
    position: relative;
}
.border::before,
.border-top::before,
.border-right::before,
.border-bottom::before,
.border-left::before,
.border-topbottom::before,
.border-topbottom::after,
.border-rightleft::before,
.border-rightleft::after,
.border-topleft::before,
.border-topleft::after,
.border-rightbottom::before,
.border-rightbottom::after,
.border-topright::before,
.border-topright::after,
.border-bottomleft::before,
.border-bottomleft::after {
    content: "\0020";
    overflow: hidden;
    position: absolute;
}
/* border
 * 因，边框是由伪元素区域遮盖在父级
 * 故，子级若有交互，需要对子级设置
 * 定位 及 z轴
 */
.border::before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #eaeaea;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.border-top::before,
.border-bottom::before,
.border-topbottom::before,
.border-topbottom::after,
.border-topleft::before,
.border-rightbottom::after,
.border-topright::before,
.border-bottomleft::before {
    left: 0;
    width: 100%;
    height: 1px;
}
.border-right::before,
.border-left::before,
.border-rightleft::before,
.border-rightleft::after,
.border-topleft::after,
.border-rightbottom::before,
.border-topright::after,
.border-bottomleft::after {
    top: 0;
    width: 1px;
    height: 100%;
}
.border-top::before,
.border-topbottom::before,
.border-topleft::before,
.border-topright::before {
    border-top: 1px solid #eaeaea;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.border-right::before,
.border-rightbottom::before,
.border-rightleft::before,
.border-topright::after {
    border-right: 1px solid #eaeaea;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
}
.border-bottom::before,
.border-topbottom::after,
.border-rightbottom::after,
.border-bottomleft::before {
    border-bottom: 1px solid #eaeaea;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.border-left::before,
.border-topleft::after,
.border-rightleft::after,
.border-bottomleft::after {
    border-left: 1px solid #eaeaea;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.border-top::before,
.border-topbottom::before,
.border-topleft::before,
.border-topright::before {
    top: 0;
}
.border-right::before,
.border-rightleft::after,
.border-rightbottom::before,
.border-topright::after {
    right: 0;
}
.border-bottom::before,
.border-topbottom::after,
.border-rightbottom::after,
.border-bottomleft::after {
    bottom: 0;
}
.border-left::before,
.border-rightleft::before,
.border-topleft::after,
.border-bottomleft::before {
    left: 0;
}
@media (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.4895833333333333), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
    /* 默认值，无需重置 */
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.4895833333333335), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
    .border::before {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
                transform: scale(.5);
    }
    .border-top::before,
    .border-bottom::before,
    .border-topbottom::before,
    .border-topbottom::after,
    .border-topleft::before,
    .border-rightbottom::after,
    .border-topright::before,
    .border-bottomleft::before {
        -webkit-transform: scaleY(.5);
                transform: scaleY(.5);
    }
    .border-right::before,
    .border-left::before,
    .border-rightleft::before,
    .border-rightleft::after,
    .border-topleft::after,
    .border-rightbottom::before,
    .border-topright::after,
    .border-bottomleft::after {
        -webkit-transform: scaleX(.5);
                transform: scaleX(.5);
    }
}
@media (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
    .border::before {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333);
                transform: scale(.33333);
    }
    .border-top::before,
    .border-bottom::before,
    .border-topbottom::before,
    .border-topbottom::after,
    .border-topleft::before,
    .border-rightbottom::after,
    .border-topright::before,
    .border-bottomleft::before {
        -webkit-transform: scaleY(.33333);
                transform: scaleY(.33333);
    }
    .border-right::before,
    .border-left::before,
    .border-rightleft::before,
    .border-rightleft::after,
    .border-topleft::after,
    .border-rightbottom::before,
    .border-topright::after,
    .border-bottomleft::after {
        -webkit-transform: scaleX(.33333);
                transform: scaleX(.33333);
    }
}

@font-face {
  font-family: "tlb_h5_font"; /* Project id 1808516 */
  src: url(data:font/woff2;base64,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) format('woff2'),
       url(data:font/woff;base64,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) format('woff'),
       url(../fonts/iconfont.3e933d39.ttf) format('truetype');
}

.tlb_h5_font {
  font-family: "tlb_h5_font" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icondengdaifukuan:before {
  content: "\e8ac";
}

.iconyiquxiao:before {
  content: "\e8ad";
}

.iconyiwancheng:before {
  content: "\e8ae";
}

.iconqiehuanzhibojian:before {
  content: "\e87f";
}

.iconguanbi_close-one:before {
  content: "\e682";
}

.iconline1:before {
  content: "\e680";
}

.iconbianzu1:before {
  content: "\e7a3";
}

.iconbianzu22:before {
  content: "\e7a2";
}

.iconbianzu21:before {
  content: "\e7a0";
}

.iconguanbi:before {
  content: "\e79f";
}

.icon-warning:before {
  content: "\e710";
}

.icon-gou:before {
  content: "\e6a3";
}

.icon-online-user:before {
  content: "\e629";
}

.icon-pl:before {
  content: "\e602";
}

.icon-dz:before {
  content: "\e652";
}

.icon-zf:before {
  content: "\e716";
}

.icon-weixin:before {
  content: "\e62f";
}

.icon-facebook:before {
  content: "\eb8d";
}

.iconbianzu:before {
  content: "\e70b";
}

.iconxingzhuangjiehe:before {
  content: "\e709";
}

.iconbianzu2:before {
  content: "\e708";
}

.iconbofang:before {
  content: "\e705";
}

.icondizhi:before {
  content: "\e704";
}

.iconren:before {
  content: "\e703";
}

.iconvip-crown-2-fill:before {
  content: "\e6ff";
}


.van-image__img {
  width: 100%;
  height: 100%;
}
.page_index .van-pull-refresh {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page_index .van-pull-refresh .van-pull-refresh__track {
  height: 100%;
  padding-top: 0.2rem;
}
.van-uploader .van-uploader__upload {
  width: 1.42rem;
  height: 1.42rem;
  background-color: #edeff2;
  border-radius: 0.05rem;
  margin: 0;
  border: none;
}
.van-uploader .van-uploader__upload .van-uploader__upload-icon,
.van-uploader .van-uploader__upload .van-uploader__upload-text {
  color: #909399;
  font-size: 0.48rem;
}
.van-uploader .van-uploader__upload .van-uploader__upload-text {
  margin-top: 0.16rem;
  font-size: 0.24rem;
}
.van-uploader .van-uploader__preview {
  margin: 0;
}
.van-uploader .van-uploader__preview .van-uploader__preview-image {
  width: 1.42rem;
  height: 1.42rem;
}
.custom-dialog-style {
  border-radius: 8px;
}
.custom-dialog-style .van-dialog__message {
  font-size: 16px;
  padding: 32px 24px 22px;
}
.custom-dialog-style .van-hairline--top {
  position: relative;
  height: auto;
  padding: 10px 24px 20px;
  border-top: none;
}
.custom-dialog-style .van-hairline--top::after {
  opacity: 0;
}
.custom-dialog-style .van-hairline--top .van-dialog__confirm {
  display: block;
  margin: 0 auto;
  width: 130px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #313142 !important;
  background: #FFCF8D;
  border-radius: 30px;
}

.upload .up-input[data-v-cbeb04a8] {
  display: none;
}

.loading[data-v-57cdf6c5] {
  width: 100%;
  height: var(--pageHeight);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loading .rotateBox[data-v-57cdf6c5] {
  width: 1.6rem;
  height: 1.6rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loading .rotateBox .rect[data-v-57cdf6c5] {
  display: inline-block;
  background-color: #fff;
  height: 0.5rem;
  width: 0.08rem;
  margin: 0 0.04rem;
  border-radius: 0.3rem;
  -webkit-animation: sk-stretchdelay-57cdf6c5 1s infinite;
  animation: sk-stretchdelay-57cdf6c5 1s infinite;
}
.loading .rotateBox .rect.rect1[data-v-57cdf6c5] {
  -webkit-transform: scaleY(0.8);
          transform: scaleY(0.8);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loading .rotateBox .rect.rect2[data-v-57cdf6c5] {
  -webkit-transform: scaleY(0.4);
          transform: scaleY(0.4);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loading .rotateBox .rect.rect3[data-v-57cdf6c5] {
  -webkit-transform: scaleY(0.6);
          transform: scaleY(0.6);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
@-webkit-keyframes sk-stretchdelay-57cdf6c5 {
0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
}
20% {
    -webkit-transform: scaleY(1);
}
}
@keyframes sk-stretchdelay-57cdf6c5 {
0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
}
20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}
}