.wrap[data-v-7adbc8de] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background-color: black;
}
.inlineWrap[data-v-7adbc8de] {
  width: 100%;
  height: 0;
  /*padding-top: 26.6666%;*/
  padding-top: 55%;
  border: 1px solid black;
  position: relative;
  overflow: hidden;
}
.inlineWrap .content[data-v-7adbc8de] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("https://ke-meng.oss-cn-hangzhou.aliyuncs.com/meeting/agent_amnt_rank/codeSignBg.png") no-repeat;
    background-size: 100% 100%;
}
.inlineWrapChange .front[data-v-7adbc8de] {
  -webkit-transform: translateY(-100%) !important;
      -ms-transform: translateY(-100%) !important;
          transform: translateY(-100%) !important;
}
.inlineWrapChange .bottom[data-v-7adbc8de] {
  -webkit-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
          transform: translateY(0) !important;
}
.front[data-v-7adbc8de] {
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.bottom[data-v-7adbc8de] {
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.codeBox[data-v-7adbc8de] {
  z-index: 999;
  position: absolute;
  /*top: 17%;*/
  /*width: 12.52%;*/
  /*padding-top: 12.52%;*/
  top: 20%;
  width: 30%;
  padding-top: 30%;
  height: 0;
}
.codeBox.border[data-v-7adbc8de] {
    border: 5px solid white;
}
.codeBox.codeBox1[data-v-7adbc8de] {
    left: 5%;
}
.codeBox.codeBox2[data-v-7adbc8de] {
    right: 5%;
}
.codeBox .voteRes[data-v-7adbc8de] {
    font-size: .28rem;
    color: white;
    text-align: center;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.codeBox .voteRes .voreNum[data-v-7adbc8de] {
      font-size: .58rem;
      margin-top: 34%;
}
.codeBox p[data-v-7adbc8de] {
    width: 100%;
    position: absolute;
    font-size: .18rem;
    color: white;
    text-align: center;
    top: -20%;
}
.codeBox img[data-v-7adbc8de] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.codeSignLogo[data-v-7adbc8de] {
  width: 45.76%;
  position: absolute;
  top: 4.7%;
  left: 28.5%;
}
.partpntName[data-v-7adbc8de] {
  font-size: .16rem;
  color: #FFE6BF;
  position: absolute;
  /*top: 47.68%;*/
  /*left: 30.5%;*/
  width: 100%;
  text-align: center;
  top: 23%;
  left: 0;
  /*left: 39%;*/
}
.partpntName .voteClose[data-v-7adbc8de] {
    width: 14%;
    font-size: .16rem;
    padding: 10px;
    margin-top: .6rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border: 1px solid white;
    cursor: pointer;
    -webkit-border-radius: .04rem;
            border-radius: .04rem;
}
.codeSignLogo2[data-v-7adbc8de] {
  width: 45.76%;
  position: absolute;
  top: 4.7%;
  left: 6%;
}
.partpntName2[data-v-7adbc8de] {
  font-size: .16rem;
  color: #FFE6BF;
  position: absolute;
  /*top: 47.68%;*/
  top: 30%;
  left: 8%;
}
.lineBox[data-v-7adbc8de] {
  width: 41.43%;
  /*height: 82.8%;*/
  /*top: 6%;*/
  height: 70%;
  top: 13%;
  padding: 10px;
  position: absolute;
  right: 5%;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 10px;
          border-radius: 10px;
}
.lineBox .lineMain[data-v-7adbc8de] {
    width: 100%;
    height: 100%;
    background-color: white;
}
.echarstTitle[data-v-7adbc8de] {
  font-size: .12rem;
  font-weight: bold;
  text-align: center;
  height: 27.45%;
  padding-top: 3.44%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222222;
}
.echarstBox[data-v-7adbc8de] {
  height: 55%;
  width: 74.83%;
  margin-left: 13.1%;
  position: relative;
}
.echarstBox .tie[data-v-7adbc8de] {
    height: 1px;
    width: 100%;
    position: absolute;
    display: inline-block;
    background-color: #EEEEEE;
    left: 0;
}
.echarstBox .tie span[data-v-7adbc8de] {
      position: absolute;
      top: -.1rem;
      font-size: .075rem;
      color: #BDBDBD;
}
.echarstBox .tie.tie1[data-v-7adbc8de] {
      top: 0;
}
.echarstBox .tie.tie1 span[data-v-7adbc8de] {
        left: -12%;
}
.echarstBox .tie.tie2[data-v-7adbc8de] {
      top: 25%;
}
.echarstBox .tie.tie2 span[data-v-7adbc8de] {
        left: -10%;
}
.echarstBox .tie.tie3[data-v-7adbc8de] {
      top: 50%;
}
.echarstBox .tie.tie3 span[data-v-7adbc8de] {
        left: -10%;
}
.echarstBox .tie.tie4[data-v-7adbc8de] {
      top: 75%;
}
.echarstBox .tie.tie4 span[data-v-7adbc8de] {
        left: -10%;
}
.echarstBox .tie.tie5[data-v-7adbc8de] {
      top: 100%;
}
.echarstBox .tie.tie5 span[data-v-7adbc8de] {
        left: -8%;
}
.echarstBox .item[data-v-7adbc8de] {
    width: 11.13%;
    height: 20%;
    position: absolute;
    bottom: 0;
}
.echarstBox .item span[data-v-7adbc8de] {
      font-size: .08rem;
      position: absolute;
      width: 100%;
      text-align: center;
      font-weight: 400;
      color: #222222;
}
.echarstBox .item span[data-v-7adbc8de]:first-child {
      top: -.12rem;
}
.echarstBox .item span[data-v-7adbc8de]:last-child {
      bottom: -.17rem;
}
.echarstBox .item.item1[data-v-7adbc8de] {
      left: 6.15%;
}
.echarstBox .item.item2[data-v-7adbc8de] {
      left: 31.56%;
}
.echarstBox .item.item3[data-v-7adbc8de] {
      left: 56.97%;
}
.echarstBox .item.item4[data-v-7adbc8de] {
      left: 82.39%;
}
#qrcodeDom[data-v-7adbc8de] {
  display: inline-block;
  position: absolute;
  top: -1000%;
  left: -1000%;
  width: 200px;
  height: 200px;
}
.fourthBox[data-v-7adbc8de] {
  position: absolute;
  /*top: 25%;*/
  left: 0;
  top: 0;
  /*left: 45%;*/
  width: 100%;
  height: 100%;
  /*background-color: red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.fourthBox > div[data-v-7adbc8de] {
    width: 50%;
    height: 50%;
    font-size: .32rem;
    color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    /*flex-direction: column;*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    /*padding-left: 5%;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.fourthBox > div > span[data-v-7adbc8de] {
      position: absolute;
}
.fourthBox > div .mar[data-v-7adbc8de] {
      /*margin-bottom: .1rem;*/
}
.fourthBox > div .fontbig[data-v-7adbc8de] {
      font-size: .5rem;
}
.fourthBox > div:nth-child(1) > span[data-v-7adbc8de] {
      left: 0;
      top: 0;
}
.fourthBox > div:nth-child(2) > span[data-v-7adbc8de] {
      right: 0;
      top: 0;
}
.fourthBox > div:nth-child(3) > span[data-v-7adbc8de] {
      left: 0;
      top: 0;
}
.fourthBox > div:nth-child(4) > span[data-v-7adbc8de] {
      right: 0;
      top: 0;
}