.wrap[data-v-1a70002c] {
  width: 100vw;
  height: 100vh;
}
.head[data-v-1a70002c] {
  background: #88BB29;
}
.title[data-v-1a70002c] {
  font-size: .3rem;
  color: white;
  text-align: center;
  padding: .24rem 0 .12rem;
  position: relative;
}
.title[data-v-1a70002c]:after {
    width: 3rem;
    height: .04rem;
    content: "";
    display: inline-block;
    background-color: white;
    position: absolute;
    bottom: -.04rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.three[data-v-1a70002c] {
  width: 7.05rem;
  height: 3.66rem;
  background-color: white;
  -webkit-border-radius: .05rem;
          border-radius: .05rem;
  margin: 0.89rem 0 0.53rem -webkit-calc((100vw - 7.05rem) / 2);
  margin: 0.89rem 0 0.53rem calc((100vw - 7.05rem) / 2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.three > div[data-v-1a70002c] {
    height: 3.66rem;
    width: 2.35rem;
}
.three .pepole[data-v-1a70002c] {
    color: #020202;
    font-weight: bold;
    position: relative;
}
.three .pepole .avator[data-v-1a70002c] {
      height: 2.1rem;
      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;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: white;
      -webkit-border-radius: .1rem;
              border-radius: .1rem;
}
.three .pepole .avator span[data-v-1a70002c] {
        width: .95rem;
        height: .95rem;
        position: relative;
}
.three .pepole .avator span .second[data-v-1a70002c], .three .pepole .avator span .third[data-v-1a70002c] {
          width: .6rem;
          height: .39rem;
          position: absolute;
          top: -.39rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
}
.three .pepole .avator span .user[data-v-1a70002c] {
          width: .95rem;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
}
.three .pepole .avator2[data-v-1a70002c] {
      height: 2.48rem;
      margin-top: -.38rem;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
}
.three .pepole .avator2 span[data-v-1a70002c] {
        margin-top: .78rem;
        width: 1.3rem;
        height: 1.3rem;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        border: .06rem solid #F9D34E;
}
.three .pepole .avator2 span .first[data-v-1a70002c] {
          width: .6rem;
          height: .39rem;
          position: absolute;
          top: -.39rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
}
.three .pepole .avator2 span .user[data-v-1a70002c] {
          width: 1.3rem;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
}
.three .pepole .info[data-v-1a70002c] {
      height: 1.5rem;
}
.three .pepole .info p[data-v-1a70002c] {
        text-align: center;
        line-height: 1;
}
.three .pepole .info p[data-v-1a70002c]:first-child {
        font-size: .26rem;
        margin-bottom: .32rem;
}
.three .pepole .info p[data-v-1a70002c]:last-child {
        font-size: .47rem;
}
.three .pepole .info .light[data-v-1a70002c] {
        color: #FB9048;
}
.three .pepole .triangleLeft[data-v-1a70002c] {
      width: 0;
      height: 0;
      border-top: 2rem solid #E7E6E6;
      border-left: .1rem solid transparent;
      position: absolute;
      left: -.1rem;
      top: 0;
}
.three .pepole .triangleRight[data-v-1a70002c] {
      width: 0;
      height: 0;
      border-top: 2rem solid #E7E6E6;
      border-right: .1rem solid transparent;
      position: absolute;
      right: -.1rem;
      top: 0;
      z-index: 999;
}
.rank[data-v-1a70002c] {
  color: #FBE061;
  font-size: .4rem;
  text-align: center;
  padding-bottom: .4rem;
}
.list[data-v-1a70002c] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: .8rem;
}
.list .item[data-v-1a70002c] {
    height: 1.29rem;
    border-bottom: .04rem solid #F7F7F7;
    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;
    padding: 0 .6rem;
    color: #000000;
    font-size: .26rem;
}
.list .item.active[data-v-1a70002c] {
      background-color: #D4EBA9;
}
.list .item.active span[data-v-1a70002c]:first-child {
        background-color: #88BB29;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        color: white;
}
.list .item span[data-v-1a70002c]:first-child {
      display: inline-block;
      width: .4rem;
      height: .4rem;
      line-height: .4rem;
      text-align: center;
      color: #8F8F8F;
}
.list .item img[data-v-1a70002c] {
      width: .8rem;
      -webkit-border-radius: .4rem;
              border-radius: .4rem;
      margin: 0 .4rem;
}
.list .item .flex1[data-v-1a70002c] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.logo[data-v-1a70002c] {
  height: .8rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: .2rem 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.logo img[data-v-1a70002c] {
    width: 1.2rem;
}