body,
    html {
        height: 100%;
        width: 100vw;
        -webkit-overflow-scrolling: touch;
    }

    html {
        overflow: hidden;
    }

    body {
        overflow: auto;
        background: #130C20;
    }

    #main {
        width: 100vw;
        min-height: 100vw;
        position: relative;
        box-sizing: border-box;
        font-family: PingFangSC-Regular, PingFang SC;
    }
    .van-pull-refresh {
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: 30;
        height: 97.3333vw;
    }

    .van-pull-refresh__track {
        padding: 76.2667vw 0 0;
    }

    .van-pull-refresh__head {
        color: #2f2d2d;
        font-size: 4vw;
        top: 0;
    }

    .top-bg {
        margin-top: 3.2vw;
        width: 100vw;
        height: 105.3333vw;
        background: url(https://static.lespark.cn/activity/2023/1202/tou.png);
        background-size: cover;
        position: relative;
    }
    .top_title{
        height: 14vw;
    }
    .top_icon0{
        position: absolute;
        height: 10.1333vw;
        left: 12.6667vw;
        top: -2.6667vw;
        animation: xing 3s linear infinite;
    }
    .top_icon1{
        position: absolute;
        height: 20.1333vw;
        right: 7.6vw;
        top: 3.8667vw;
        animation: xing 3s linear infinite;
    }
    .top_icon2{
        position: absolute;
        height: 32.9333vw;
        left: 4.8vw;
        top: 18.4vw;
        animation: updown 3s linear infinite;
    }
    @keyframes reloads {
      from {
        transform: rotateZ(0deg);
      }

      to {
        transform: rotateZ(360deg);
      }
    }
    @keyframes xing {
      0% {
        transform: scale(1.2) rotateZ(0deg);
      }
      50% {
        transform: scale(0.8) rotateZ(180deg);
      }
      100% {
        transform: scale(1.2) rotateZ(360deg);
      }
    }
    @keyframes updown {
      0% {
        top: 18.4vw;
      }
      50% {
        top: 22.4vw;
      }
      100% {
        top: 18.4vw;
      }
    }
    
    .time-box {
        width: 100vw;
        margin-top: 2vw;
        display: flex;
        flex-direction: column;
        font-size: 3.2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        color: #F5D0A9;
        line-height: 4.4vw;
    }

    .time-box>div {
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: center;
    }
    .time_status{
      width: 16vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      height: 14.6667vw;
      margin: 0 2.3333vw;
      margin-top: 1.8667vw;
    }
    .time_status_num{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }
    .time_status_num>div{
      width: 7.2vw;
      height: 8.9333vw;
      background: linear-gradient(180deg, #F8DCC2 0%, #EFB78F 100%);
      border: 0.1333vw solid #DD8549;
      font-size: 4vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 8.9333vw;
      margin: 0 0.6667vw;
    }
    
    .topic {
        width: 100vw;
        height: 4.4vw;
        font-size: 3.2vw;
        font-family: PingFang-SC-Regular, PingFang-SC;
        font-weight: 400;
        color: #F7CAAC;
        line-height: 4.4vw;
        margin-bottom: 25vw;
        margin-top: 24.6667vw;
    }

    #mask {
        display: none;
        height: 100vh;
        width: 100vw;
        overflow: hidden;
        background: rgba(0, 0, 0, 1);
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;
        opacity: .7;
    }

    #mask>img {
        width: 85%;
        position: absolute;
        top: 0;
        right: 0
    }

    /* 活动规则 */
    .right_bnt{
        position: fixed;
        right: 0;
        z-index: 31;
        display: flex;
        flex-direction: column;
        top: 19.7333vw;
    }
    .right_bnt>div{
        width: 6.9333vw;
        height: 20.1333vw;
        background: url(https://static.lespark.cn/activity/2023/1202/left-but.png);
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.7333vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        color: #B13A21;
        line-height: 5.3333vw;
        letter-spacing: 0.1333vw;
        margin-bottom: 5vw;
    }
    .record_bnt{line-height: 3.7333vw !important;}

    /* 内容 */
    .main_contain{
        position: absolute;
        left: 0;
        top: 79vw;
    }
    
    .max_tabs{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        width: 96vw;
        height: 35.6vw;
        justify-content: space-between;
        margin: 0 2vw;
    }
    .max_tabs>div{
        position: relative;
        z-index: 31;
    }
    .max_tab_on{
        width: 27.7333vw;
        height: 35.6vw;
    }
    .max_tab_off{
        width: 20.6667vw;
        height: 26.5333vw;
    }
    .max_tab_text_on{
        width: 27.7333vw;
        position: absolute;
        bottom: 6.9333vw;
        left: 0;
        font-size: 3.4667vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        color: #B56030;
        line-height: 4.9333vw;
        text-align: center;
    }
    .max_tab_text_off{
        width: 20.6667vw;
        position: absolute;
        bottom: 5.2vw;
        left: 0;
        font-size: 2.6667vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        color: #815A4F;
        line-height: 3.7333vw;
        text-align: center;
    }

    .min_tabs{
        width: 93.2vw;
        height: 11vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: url(https://static.lespark.cn/activity/2023/1202/tab-1.png);
        background-size: cover;
        margin-left: 2.1333vw;
        margin-top: 2vw;
    }
    .min_tabs>div{
        width: 44.9333vw;
        height: 12.1333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        color: #C47264;
        line-height: 5.6vw;
    }
    .min_tab_on{
        width: 44.9333vw;
        height: 12.1333vw;
        color: #B13A21 !important;
        background: url(https://static.lespark.cn/activity/2023/1202/tab-sel.png);
        background-size: 100% 100%;
    }

    .stages_max{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 100vw;
      height: 11.6vw;
      overflow: hidden;
      background: linear-gradient(88deg, rgba(253,246,240,0) 0%, rgba(251,233,221,0.29) 50%, rgba(253,244,238,0) 100%);
    }
    .stages_min_position{
      content: '';
      background: url(https://static.lespark.cn/activity/2023/1202/g2.png);
      background-size: 100% 100%;
      position: absolute;
      left: -16vw;
      bottom: -2vw;
      height: 4.7333vw;
      width: 48.4vw;
    }
    .stages_min{
      width: 25.6vw;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      position: relative;
      height: 11.6vw;
    }
    .stages_col{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      line-height: 4.9333vw;
      margin-right: 3.6vw;
    }
    .stages_col_on{color: #F5CDB1;}
    .stages_col_off{color: #A6A3A9;font-weight: 200;}
    .stages_img{height: 4.5333vw;}
    .stages_time{
      width: 19.8667vw;
      height: 6.6667vw;
      background: linear-gradient(180deg, #F8DDC4 0%, #EFB992 100%);
      border-radius: 3.3333vw;
      border: 0.1333vw solid #B13A21;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 6.6667vw;
      margin-right: 2.5333vw;
    }

    .base_title{
      position: relative;
      height: 11.6vw;
      width: 100vw;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 2.3333vw;
    }
    .base_title>img{
      height: 5.2vw;
    }
    .base_title_bg{
      width: 38.9333vw;
      height: 11.6vw;
      background: url(https://static.lespark.cn/activity/2023/1202/title-bg.png);
      background-size: cover;
      position: absolute;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      letter-spacing: 0.1333vw;
      line-height: 10.6vw;
    }
    .base_type{
      width: 94.2667vw;
      min-height: 30vw;
      padding-bottom: 10.1333vw;
      background: #1F182F;
      border: 0.2667vw solid #C16045;
      margin-left: 2.9333vw;
      margin-top: 0.6667vw;
      border-top: none;
      position: relative;
      overflow: hidden;
      overflow-y: auto;
      margin-bottom: 6.4vw;
    }
    .base_type_bg{
      width: 94.7667vw;
      background: url(https://static.lespark.cn/activity/2023/1202/list-bg.png);
      background-size: cover;
      height: 20.9333vw;
      position: absolute;
      left: -0.2167vw;
      top: 0;
    }
    .base_type_bg>img{
      width: 87.3333vw;
      height: 30.9333vw;
    }
    .base_type_title{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      height: 6.5333vw;
      width: 94.2667vw;
      padding-top: 6.2667vw;
      position: relative;
    }
    .base_type_title>img{
      height: 6.5333vw;
    }

    .gift_warp{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;      
      position: relative;
      overflow: hidden;
      margin-top: 2.5333vw;
    }
    .gift_warp>div{
      width: 23.6667vw;
      height: 27.6vw;
      font-size: 2.9333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 4.4vw;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .gift_warp_div{
      width: 28.5333vw !important;
      margin: 0 0.9333vw !important;
    }
    .gift_warp_div1{
      width: 28.5333vw !important;
      background: url(https://static.lespark.cn/activity/2023/1202/gif-bg.png) !important;
      background-size: 100% 100% !important;
    }
    .gift_row{
      width: 20.6667vw;
      height: 14.8vw;
      background: url(https://static.lespark.cn/activity/2023/1202/gif-bg2.png);
      background-size: 100% 100%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 2vw;
    }
    .gift_row>img{
      height: 8.8vw;
    }
    .gift_row_img{
      height: 13.6vw !important;
    }
    .gift_row_img1{
      height: 13.6vw !important;
      margin-top: 1.6vw;
    }
    .gift_row_img2{
      height: 13.6vw !important;
      margin-top: 4.6vw;
    }
    .gift_row_num{
      position: absolute;
      width: 18.1333vw;
      height: 3.7333vw;
      background: url(https://static.lespark.cn/activity/2023/1202/TOP-bg.png);
      background-size: 100% 100%;
      left: 5.2vw;
      top: 11.1333vw;
      font-size: 3.2vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 3.7333vw;
      letter-spacing: 0.1333vw;
    }
    .gift_row_icon{
      position: absolute;
      right: 0;
      top: 0;
      padding: 0 1.0667vw;
      height: 4vw;
      background: rgba(239, 185, 146, 0.81);
      border-radius: 0 1.3333vw 0 1.3333vw;
      font-size: 2.6667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 4vw;
    }
    .gift_row_text{
      font-size: 2.6667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9 !important;
      line-height: 3.7333vw;
      opacity: 0.7;
      margin-top: 0.5vw;
    }
    .gift_row_name{
      width: 25vw;
      margin-left: 1vw;
    }

    .rule_col{
      position: relative;
      width: 86.9333vw;
      text-align: left;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 5.3333vw;
    }
    .rule_col_title{
      height: 18.8667vw;
      width: 27.4667vw;
      background: url(https://static.lespark.cn/activity/2023/1202/g1.png);
      background-size: 100% 100%;
    }
    .rule_title_bg{
      width: 9.3333vw;
      font-size: 6.6667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #F5D0A9;
      line-height: 9.3333vw;
      letter-spacing: 0.2667vw;
      -webkit-text-stroke: 0.1333vw #FFC1AF;
      opacity: 0.1;
      padding-top: 2vw;
      margin-left: 3.7333vw;
    }
    .rule_title{
      font-size: 4vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #F5D0A9;
      line-height: 5.6vw;
      letter-spacing: 0.1333vw;
      height: 5.6vw;
      margin-top: -3vw;
      margin-left: 4.4vw;
      width: 50vw;
    }
    .rule_p{margin-left: 4.4vw;line-height: 6.4vw;}
    .rule_img{
      position: absolute;
      top: 21.7333vw;
      right: -3vw;
      width: 42.1333vw;
      height: 42.1333vw;
    }

    .list_body{
        width: 94.2667vw;
        height: 15vw;
        margin: 4vw 0;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        font-size: 3.7333vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        color: #F5D0A9;
        line-height: 5.3333vw;
        position: relative;
    }
    .rank{
      height: 5.3333vw;
      font-weight: 500;
      margin-left: 4.6vw;
      margin-right: 3.0667vw;
    }
    .list_avatar{
        width: 10.6667vw;
        height: 10.6667vw;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .user_logo{
        width: 10.4vw;
        height: 10.4vw;
        border-radius: 50%;
        z-index: 31;
        border: 0.2667vw solid #F5D0A9;
    }
    .live{
        position: absolute;
        width: 5.2vw;
        height: 4vw;
        bottom: 0vw;
        left: 2.6333vw;
        z-index: 31;
    }
    .list_nickname{
      width: 22.6667vw;
      height: 5.3333vw;
      overflow: hidden;
      text-align: left;
      margin-left: 5.0667vw;
    }
    .list_score{
      text-align: right;
      width: 40vw;
      margin-right: 4.2667vw;
    }

    .need_energy{
      max-width: 42.5333vw;
      height: 6vw;
      background: rgba(220, 170, 114, 0.26);
      border-radius: 3.6vw;
      font-size: 3.2vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 6vw;
      position: relative;
      margin: auto;
    }

    .no_data{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 46.9333vw;
      width: 100%;
      font-size: 3.2vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 4.4vw;
      position: relative;
    }
    .no_data>img{height: 24vw;}
    .no_data>p{opacity: 0.48;}

    .fllow_bnt{
      width: 20vw;
      height: 8.8vw;
      background: url(https://static.lespark.cn/activity/2023/1202/but-guanzhu.png);
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #B13A21;
      line-height: 4.9333vw;
    }
    .fllow_null{
      width: 20vw;
      height: 8.8vw;
    }
    .opcity{
      opacity: 0.63;
    }
    .follow_body{
      width: 81.8667vw;
      height: 18.1333vw;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background: url(https://static.lespark.cn/activity/2023/1202/mingdan-list.png);
      background-size: 100% 100%;
      margin-left: 6.1333vw;
      position: relative;
      margin-top: 2.5333vw;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 5.3333vw;
    }

    .dangerous_list{
      display: flex;
      flex-direction: column;
      margin-bottom: 30vw;
      width: 94.2667vw;
      background: linear-gradient(180deg, #361C2D 0%, #1F182F 100%);
      box-shadow: inset 0 0.1333vw 3.6vw 0 #8E2E3E;
      border: 0.2667vw solid #8E2E3E;
      margin-left: 2.8vw;
    }
    .dangerous_title{
      width: 20.2667vw;
      margin: auto;
      margin-top: 3.0667vw;
    }

    .date_list{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      width: 100vw;
      margin-top: 3.5333vw;
      margin-bottom: 3.6vw;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 5.3333vw;
      letter-spacing: 0.1333vw;
    }
    .date_list>div{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 34.9333vw;
      height: 8.6667vw;
      background: #EFB992;
      border-radius: 5.0667vw;
    }

    .three_list{
      width: 94.2667vw;
      height: 49.8667vw;
      position: relative;
      margin-bottom: 8.1333vw;
      font-size: 3.2vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #B13A21;
      line-height: 4.4vw;
    }
    .list_one0{
      position: absolute;
      left: 15.7333vw;
      top: 1.6vw;
      width: 70.4vw;
      height: 49.8667vw;
    }
    
    .list_one1{
      position: absolute;
      left: 5.6vw;
      top: 15.4667vw;
      width: 23.0667vw;
      height: 35.6vw;
    }
    .list_one2{
      position: absolute;
      left: 65.6vw;
      top: 15.4667vw;
      width: 23.0667vw;
      height: 35.6vw;
    }
    .three_list_type{
      position: relative;
      width: 100%;
      height: 100%;
    }
    .list_one_top{
      width: 18.1333vw;
      height: 3.7333vw;
      background: url(https://static.lespark.cn/activity/2023/1202/TOP-bg.png);
      background-size: cover;
    }
    .list_one_top0{
      position: absolute;
      left: 21.8667vw;
      top: 1.9333vw;
    }
    .list_one_top1,.list_one_top2{
      position: absolute;
      left: 2.6667vw;
      top: -5.3333vw;
    }
    .list_one_logo{
      width: 16vw;
      height: 16vw;
      border-radius: 50%;
      background: #F6D4BA;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .list_one_logo0{
      position: absolute;
      left: 23.3333vw;
      top: 9.6667vw;
    }
    .list_one_logo1,.list_one_logo2{
      position: absolute;
      left: 2.6667vw;
      top: 2.6667vw;
    }
    .three_list_bg{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }
    .list_one_nikname{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 3.2vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #B13A21;
      line-height: 4.4vw;
    }
    .list_one_nikname>div:nth-child(1){
      width: 17.8667vw;
      height: 4.4vw;
      overflow: hidden;
    }
    .list_one_nikname>div:nth-child(1){font-weight: 500;}
    .list_one_nikname0{
      width: 19.8667vw;
      position: absolute;
      bottom: 9.4667vw;
      left: 21.3333vw;
    }
    .list_one_nikname1,.list_one_nikname2{
      width: 17.0667vw;
      position: absolute;
      bottom: 4.8vw;
      left: 2.6667vw;
    }

    .vote_num{
      position: absolute;
      left: 60vw;
      top: 6.5vw;
      width: 7vw;
      font-size: 4.8vw;
      font-family: LogoSCUnboundedSans, LogoSCUnboundedSans;
      font-weight: 400;
      color: #D89B87;
      line-height: 6.9333vw;
      text-align: center;
    }

    .vote_one{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 94.2667vw;
      padding-top: 2.3333vw;
      position: relative;
    }
    .vote_one_left{
      width: 47.6vw;
      height: 44.2667vw;
      position: relative;
      margin-left: 6.3333vw;
    }
    .vote_one_bg{
      position: absolute;
      left: 0;
      top: 0;
      width: 47.6vw;
      height: 44.2667vw;
    }
    .vote_one_logo{
      position: absolute;
      top: 12.9333vw;
      left: 8.2667vw;
      width: 24.1333vw;
      height: 24.1333vw;
      background: linear-gradient(180deg, #EEB58C 0%, #FBE5D6 100%);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .vote_one_avatar{
      width: 24.1333vw;
      height: 24.1333vw;
      border-radius: 50%;
    }
    .vote_one_right{
      width: 47.6vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-left: -10vw;
    }
    .vote_nikname{
      width: 18.6667vw;
      height: 5.3333vw;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 5.3333vw;
      overflow: hidden;
      margin-top: 1.3333vw;
    }
    .vote_score{
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 7.3333vw;
    }
    .vote_bnt{
      width: 23.8667vw;
      height: 7.3333vw;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #B13A21;
      line-height: 4.9333vw;
      background: url(https://static.lespark.cn/activity/2023/1202/TOP-bg.png);
      background-size: 100% 100%;
      margin-top: 0.9333vw;
    }
    .vote_list{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      width: 100vw;
    }
    .vote_type{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 26.6667vw;
      height: 38vw;
      background: #1C142A;
      border: 0.2667vw solid #FFB29C;
      margin: 3.0667vw;
      position: relative;
    }
    .vote_type_rank{
      width: 20.6667vw;
      height: 5.3333vw;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #DD7A59;
      line-height: 4.9333vw;
      background: url(https://static.lespark.cn/activity/2023/1202/paim-bg.png);
      background-size: cover;
      position: absolute;
      left: 3.0667vw;
      top: -3.5vw;
    }
    .vote_type_avatar{
      width: 13.3333vw;
      height: 13.3333vw;
      border: 0.1333vw solid #C16045;
      border-radius: 50%;
    }

    .record_pop_warp{
      width: 90.6667vw;
      height: 73.3333vw;
      background: #1F182F;
      border-radius: 1.0667vw;
      border: 0.2667vw solid #C16045;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      position: relative;
    }
    .no_record{
      width: 90.6667vw;
      height: 155.6667vw;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 4vw;
      color: #838C96;
      font-family: PingFangSC-Semibold, PingFang SC;
    }
    .record_pop_tbale{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 90.6667vw;
      height: 55.6667vw;
      overflow: auto;
    }
    .record_pop_tbale_head{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      height: 8vw;
      width: 85.3333vw;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 4.9333vw;
      margin-top: 2vw;
    }
    .record_pop_tbale_row{
      height: 13.3333vw;
      background: #FFFFFF;
      border-radius: 5.3333vw;
      width: 85.3333vw;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 5.3333vw;
      margin-top: 2.2667vw;
    }
    .record_pop_tbale_head>div:nth-child(1),.record_pop_tbale_row>div:nth-child(1){
      width: 27.7333vw;
      text-align: left;
    }
    .record_pop_tbale_head>div:nth-child(2),.record_pop_tbale_row>div:nth-child(2){
      width: 20vw;
    }
    .record_pop_tbale_head>div:nth-child(3),.record_pop_tbale_row>div:nth-child(3){
      width: 13.3333vw;
    }
    .voter_avatar{
      width: 10.6667vw;
      height: 10.6667vw;
      border: 0.1333vw solid #C16045;
      border-radius: 50%;
      margin-top: 1vw;
    }

    .record_type_bg{
      width: 94.7667vw;
      height: 20.9333vw;
      position: absolute;
      left: -0.2167vw;
      top: 0;
    }
    .record_type_bg>img{
      width: 87.3333vw;
      height: 30.9333vw;
    }

    .authenticate_bnt{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 22vw;
      height: 7.2vw;
      background: #EFB992;
      border-radius: 5.0667vw;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 5.3333vw;
      letter-spacing: 0.1333vw;
      margin: 2.4vw auto;
    }

    .location{
      width: 85.6667vw;
      height: 6vw;
      background: rgba(220, 170, 114, 0.26);
      border-radius: 3.6vw;
      font-size: 3.2vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 4.4vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      margin-left: 2.4667vw;
      margin-bottom: 3.0667vw;
      padding: 0 4.8vw;
    }
    .location>div{
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    .list_pk{
      width: 88.6667vw;
      height: 17.2vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      background: url(https://static.lespark.cn/activity/2023/1202/vs-img-bg.png);
      background-size: cover;
      position: relative;
      margin: 2vw 0;
      margin-left: 2.4vw;
    }
    .list_pk_type{
      width: 43.7333vw;
      height: 17.3333vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 5.3333vw;
      position: relative;
    }
    .pk_details{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 86.2667vw;
      margin: 4vw 3.6vw;
    }
    .pk_detail_tabs{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 86.2667vw;
    }
    .pk_detail_tabs>div{
      width: 43.3333vw;
      height: 6.6667vw;
      border-radius: 1.6vw 1.6vw 0 0;
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .pk_detail_tabs>div:nth-child(1){
      background: rgba(255,133,215,0.27);
      padding-left: 6.6667vw;
    }
    .pk_detail_tabs>div:nth-child(2){
      background: rgba(107,102,200,0.27);
      justify-content: flex-end;
      padding-right: 6.6667vw;
    }
    .pk_detail_tabs_name{
      width: 20.6667vw;
      height: 5.3333vw;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 5.3333vw;
      overflow: hidden;
    }
    .pk_detail_col{
      width: 86.2667vw;
      max-height: 76.6667vw;
      min-height: 32vw;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 5.3333vw;
      overflow: hidden;
      overflow-y: auto;
    }
    .pk_detail_r{
      background: rgba(107, 102, 200, 0.27);
    }
    .pk_detail_l{
      background: rgba(255, 133, 215, 0.27)
    }
    .user_pk_l{
      width: 12vw;
      height: 12vw;
      border: 0.1333vw solid #CD87BE;
      border-radius: 50%;
      position: relative;
    }
    .user_pk_r{
      width: 12vw;
      height: 12vw;
      border: 0.1333vw solid #6B65C5;
      border-radius: 50%;
      position: relative;
    }
    .pk_win_l{
      position: absolute;
      left: 8.3333vw;
      top: -1.8667vw;
      height: 4.9333vw;
      width: 6.4vw;
    }
    .pk_win_r{
      position: absolute;
      right: 5.3333vw;
      top: -1.8667vw;
      height: 4.9333vw;
      width: 6.4vw;
    }
    .down_up{
      width: 14.4vw;
      height: 4.2667vw;
      background: rgba(105, 95, 181, 0.24);
      border-radius: 2.1333vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-size: 2.6667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 3.7333vw;
      margin: auto;
      position: relative;
    }
    .down_up>img{height: 1.0667vw;margin-left: 0.8vw;}
    .pk_score{
      width: 88.6667vw;
      height: 17.2vw;
      background: rgba(107, 102, 200, 0.27);
      border-radius: 1.6vw;
      margin-left: 2.4vw;
      margin-top: 0.6667vw;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 4.9333vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
    .pk_score>div{
      width: 43.7333vw;
      height: 17.2vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .eliminate_tabs{
      width: 100vw;
      height: 11.6vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin-bottom: 3.4667vw;
    }
    .eliminate_tabs>div{
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 5.3333vw;
      letter-spacing: 0.1333vw;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 48.9333vw;
      height: 11.6vw;
      position: relative;
    }
    .eliminate_tab_bg{
      width: 52.5333vw;
    }
    .eliminate_tab_on{
      position: absolute;
      left: 6.5333vw;
      top: 0;
      width: 38.9333vw;
      height: 10.6vw;
      background: url(https://static.lespark.cn/activity/2023/1202/title-bg.png);
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-bottom: 1vw;
    }
    .eliminate_tab_off{
      position: absolute;
      left: 6.5333vw;
      top: 2vw;
      width: 31.0667vw;
      height: 6.4vw;
      background: url(https://static.lespark.cn/activity/2023/1202/TOP-bg.png);
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .eliminate_list,.eliminate_list_one{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 5.3333vw;
      width: 88.6667vw;
      height: 23.3333vw;
      margin-left: 2.8vw;
      margin-top: 3.3333vw;
      position: relative;
    }
    .eliminate_list{
      background: url(https://static.lespark.cn/activity/2023/1202/gs-bd-bg.png);
      background-size: 100% 100% ;
    }
    .eliminate_list_one{
      background: url(https://static.lespark.cn/activity/2023/1202/tz-bd-bg.png) !important;
      background-size: 100% 100% !important;
    }
    .off_detail{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 88.6667vw;
      max-height: 51.4667vw;
      min-height: 20.4667vw;
      overflow: hidden;
      overflow-y: auto;
      background: rgba(107, 102, 200, 0.27);
      border-radius: 1.0667vw;
      margin: 1.6667vw 2.5333vw;
      padding-top: 10vw;
    }
    .eliminate_list_bg{
      height: 26.9333vw;
      position: absolute;
      left: -2.5vw;
      top: -3.5vw;
    }
    .eliminate_list>div{
      z-index: 1;
    }
    .eliminate_score{
      width: 33.3333vw;
      text-align: right;
    }

    .van-popup{
      background-color: rgba(0, 0, 0, 0);
    }

    .anchor_table{
      width: 88.9333vw;
      background: linear-gradient(90deg, rgba(39, 38, 46, 0.34) 0%, rgba(19, 12, 32, 0.34) 100%);
      border-radius: 1.3333vw;
      border: 0.1333vw solid;
      border-image: linear-gradient(180deg, rgba(226, 153, 123, 1), rgba(193, 96, 69, 1)) 1 1;
      margin-top: 4.5333vw;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      margin-left: 2.6667vw;
    }
    .anchor_body{
      height: 11.7333vw;
      display: flex;
      flex-direction: row;
      border-top: #7B423B 0.1333vw solid;
    }
    .table_top{
      height: 18.2667vw !important;
      display: flex;
      flex-direction: row;
    }
    .table_top_name{
      width: 19.5333vw !important;
    }
    .table_top_name1{
      width: 11.3333vw !important;
    }
    .table_id{
      height: 11.7333vw;
      font-size: 3.2vw;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #F5D0A9;
      line-height: 11.7333vw;
      text-align: center;
    }
    .table_head_id{
      height: 19.5333vw;
      font-size: 3.2vw;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #F5D0A9;
      line-height: 19.5333vw;
      text-align: center;
    }
    .table_ri_id{
      font-size: 3.2vw;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 4.9333vw;
      letter-spacing: 0.1333vw;
    }
    .table_right{
      width: 74.2667vw;
      height: 11.7333vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-left: #7B423B 0.1333vw solid;
    }
    .table_head_right{
      width: 74.2667vw;
      height: 19.5333vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-left: #7B423B 0.1333vw solid;
    }
    .table_right>div,.table_head_right>div{
      height: 100%;
      width: 14.4vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .table_right_bor{
      border-left: #7B423B 0.1333vw solid;
    }
    .table_body_img{
      height: 3.3333vw;
      width: 3.7333vw;
    }

    .base_office_war{
      width: 93.3333vw;
      height: 5.8667vw;
      margin: 3.2667vw 4vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
    }
    .base_office_war>div{
      height: 5.8667vw;
      width: 46.6667vw;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .best_office{
      height: 4.8667vw;
      position: absolute;
      left: 5.8667vw;
      top: 0;
    }

    .hall_max{
      position: absolute;
      top: -2.9333vw;
      left: 27.3333vw;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 36.2vw;
      height: 6.4vw;
      background: url(https://static.lespark.cn/activity/2023/1202/img-tnc-bg.png);
      background-size: 100% 100%;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 5.3333vw;
    }
    .hall_max>div:nth-child(2){
      max-width: 22.4vw;
      height: 5.3333vw;
      overflow: hidden;
    }

    /* 悬浮窗 */
    .myself_warp{
        display: flex;
        flex-direction: row;
        align-items: center;
        position: fixed;
        bottom: 0;
        width: 100vw;
        height: 17.3333vw;
        background: linear-gradient(180deg, #5F4948 0%, #1F182F 100%);
        border-radius: 3.6vw 3.6vw 0 0;
        border: 0.1333vw solid #E09879;
        border-bottom: none;
        z-index: 999;
        font-size: 3.7333vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        line-height: 5.3333vw;
    }
    .list_main_left{
      width: 21.3333vw;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
    .nobel_avatar{
      width: 14.3067vw;
      height: 14vw;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: -4.2vw;
    }
    .hall_nobel_avatar_user{
      width: 8.9333vw;
      height: 8.9333vw;
      background: #D8D8D8;
      border: 0.2667vw solid #FFFFFF;
      border-radius: 50%;
    }
    .guajian_hall{
      position: absolute;
      bottom: 0;
      left: 0;
      height: 14.3067vw;
    }
    .hall_avatar{
      width: 10.6667vw;
      height: 10.6667vw;
      border: 0.2667vw solid #F5D0A9;
      border-radius: 50%;
      order: -1;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .hall_live{
      position: absolute;
      left: 2.8vw;
      bottom: 0;
      width: 5.2vw;
      height: 4vw;
    }
    .user_avatar{
      width: 10.4vw;
      height: 10.4vw;
      border-radius: 50%;
    }

    .detail_user{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }
    .detail_user>div{
      display: flex;
      flex-direction: row;
    }

    .gonghui_heard{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 88.6667vw;
      font-size: 2.6667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #F5D0A9;
      line-height: 3.7333vw;
      padding-top: 4.6667vw;
      position: relative;
      opacity: 0.63;
      margin-left: 2.8vw;
    }
    .gonghui_heard>div:nth-child(1){
      width: 10vw;
      margin-right: 1.8667vw;
    }
    .gonghui_heard>div:nth-child(2){
      width: 23vw;
      text-align: left;
    }
    .gonghui_heard>div:nth-child(3){
      width: 18.6667vw;
      text-align: right;
    }
    .gonghui_heard>div:nth-child(4){
      width: 17.4667vw;
      margin-left: 6vw;
    }
    .gonghui_bnt{
      width: 17.4667vw;
      height: 8.5333vw;
      background: #EFB992;
      border-radius: 4.2667vw;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 6vw;
      font-size: 3.4667vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #B13A21;
      line-height: 4.9333vw;
    }
    .gonghui_name{
      position: absolute;
      left: 0;
      top: -3.5vw;
      width: 41.4667vw;
      height: 5.6vw;
      background: #EFB992;
      border-radius: 3.3333vw 0  3.3333vw 0 ;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-size: 3.7333vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      color: #B13A21;
      line-height: 5.3333vw;
      letter-spacing: 0.1333vw;
      padding-left: 2.9333vw;
    }