.container-join[data-v-807a26e0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: calc(0.26667rem * var(--font-size-scale));
}
.container-join .title[data-v-807a26e0] {
    margin: 0 calc(0.4rem * var(--font-size-scale));
    padding: calc(0.26667rem * var(--font-size-scale)) 0;
    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;
}
.container-join .title .title-border[data-v-807a26e0] {
      width: calc(0.11rem* var(--font-size-scale));
      height: calc(0.4rem * var(--font-size-scale));
      border-radius: 0.05rem;
      background: var(--iconColor);
      margin-right: calc(0.15rem * var(--font-size-scale));
}
.container-join .title .title-text[data-v-807a26e0] {
      font-size: calc(0.4rem * var(--font-size-scale));
      font-weight: 600;
      color: #333333;
      line-height: calc(0.59rem * var(--font-size-scale));
}
.container-join .domebox[data-v-807a26e0] {
    display: block;
    font-size: calc(0.4rem * var(--font-size-scale));
    font-weight: 600;
    padding-bottom: 0.26667rem;
    color: #333333;
}
.container-join .join-time[data-v-807a26e0] {
    font-size: calc(0.34667rem * var(--font-size-scale));
    background: #fff;
    padding: 0.4rem 0 0.4rem 0.26667rem;
}
.container-join .hai[data-v-807a26e0] {
    font-size: calc(0.37333rem * var(--font-size-scale));
}
.container-join .hai .label[data-v-807a26e0] {
      color: #666;
}
.container-join .hai .item-label[data-v-807a26e0] {
      color: #333;
}
.container-join .my-info[data-v-807a26e0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: calc(0.26667rem * var(--font-size-scale)) 0.4rem;
    background: #fff;
}
.container-join .my-info .info-items[data-v-807a26e0] {
      line-height: 0.8rem;
      font-size: calc(0.34667rem * var(--font-size-scale));
      font-weight: 400;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: calc(0.08rem * var(--font-size-scale)) 0;
}
.container-join .my-info .info-items .label[data-v-807a26e0] {
        width: calc(2rem * var(--font-size-scale));
        min-width: calc(2rem * var(--font-size-scale));
        color: #666;
}
.container-join .my-info .info-items .text[data-v-807a26e0] {
        color: #333;
}
.container-join .my-info .myinfo-items[data-v-807a26e0] {
      font-size: calc(0.37333rem * var(--font-size-scale));
      font-weight: 400;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: calc(0.08rem * var(--font-size-scale)) 0;
}
.container-join .my-info .myinfo-items .items-label[data-v-807a26e0] {
        color: #333333;
        width: calc(2rem * var(--font-size-scale));
        min-width: calc(2rem * var(--font-size-scale));
}
.container-join .my-info .info-item[data-v-807a26e0] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      line-height: 0.8rem;
      font-size: calc(0.37333rem * var(--font-size-scale));
      font-weight: 400;
      margin: calc(0.08rem * var(--font-size-scale)) 0;
}
.container-join .my-info .info-item .label[data-v-807a26e0] {
        min-width: calc(1.68rem * var(--font-size-scale));
        max-width: calc(1.68rem * var(--font-size-scale));
        width: calc(1.68rem * var(--font-size-scale));
        margin-right: 0.8rem;
        color: #666;
}
.container-join .my-info .info-item .text[data-v-807a26e0] {
        color: #333;
}
.container-join .my-info .left-offer[data-v-807a26e0] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: calc(0.34667rem * var(--font-size-scale));
}
.container-join .my-info .left-offer .label[data-v-807a26e0] {
        line-height: 0.64rem;
        color: #666;
}
.container-join .my-info .left-offer .offer-item[data-v-807a26e0] {
        line-height: 0.66667rem;
}
.container-join .my-info .left-offer .offer-item > span[data-v-807a26e0] {
          display: inline-block;
}
.container-join .my-info .left-offer .offer-item > span[data-v-807a26e0]:first-of-type {
            margin-right: 0.26667rem;
}
.container-join .my-infoLabel .info-item[data-v-807a26e0]:last-child {
    padding-bottom: 0;
}
.container-join .remark[data-v-807a26e0] {
    width: 9.46667rem;
    min-height: 3.22667rem;
    border-radius: 0.13333rem;
    font-size: calc(0.37333rem * var(--font-size-scale));
    border: 0;
    background: #fff;
    padding: calc(0.26667rem * var(--font-size-scale)) 0.21333rem calc(0.26667rem * var(--font-size-scale)) 0.26667rem;
    margin: 0 auto 0 auto;
}
.container-join .stmark[data-v-807a26e0]:last-child {
    margin-bottom: 0;
}
.container-join .content[data-v-807a26e0] {
    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;
    height: 3.04rem;
    background: #fff;
    margin: 0 0.4rem;
    border-radius: 0.13333rem;
    padding: 0 0.26667rem;
    margin-bottom: 0.26667rem;
}
.container-join .content .content-left[data-v-807a26e0] {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.container-join .content .content-left .left-header[data-v-807a26e0] {
        font-size: calc(0.37333rem * var(--font-size-scale));
}
.container-join .content .content-left .left-header .title[data-v-807a26e0] {
          color: #333;
}
.container-join .content .content-left .left-main[data-v-807a26e0] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.container-join .content .content-left .left-main .line-height[data-v-807a26e0] {
          line-height: 0.8rem;
}
.container-join .content .content-left .left-main .left-item[data-v-807a26e0] {
          font-size: calc(0.37333rem * var(--font-size-scale));
}
.container-join .content .content-left .left-main .left-item[data-v-807a26e0]:first-of-type {
            margin-right: 0.8rem;
}
.container-join .content .content-left .left-main .left-item .label[data-v-807a26e0] {
            color: #666;
}
.container-join .content .content-left .left-main .left-item .text[data-v-807a26e0] {
            color: #333;
}
.boxapp[data-v-807a26e0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.overPrice[data-v-807a26e0] {
  color: #FF4B10;
}
.equalToPrice[data-v-807a26e0] {
  color: #5792FD;
}
.belowPrice[data-v-807a26e0] {
  color: #06C764;
}
.my-info-item[data-v-807a26e0] {
  padding: 0.26667rem 0.4rem;
  margin-bottom: 0.26667rem;
  background: #fff;
  line-height: 0.66667rem;
}
.my-info-item .info-item[data-v-807a26e0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(0.37333rem * var(--font-size-scale));
}
.my-info-item .info-item .label[data-v-807a26e0] {
      color: #666;
      width: calc(2rem * var(--font-size-scale));
      min-width: calc(2rem * var(--font-size-scale));
      margin-right: 0.4rem;
}
.my-info-item .info-item .text[data-v-807a26e0] {
      color: #333333;
}