.skeleton__content[data-v-382e80e8] {
  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;
  width: 100%;
  gap: 0.4rem;
}
.skeleton__item[data-v-382e80e8] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.container-join[data-v-6b840db5] {
  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;
}
.container-join .title[data-v-6b840db5] {
    margin: 0 0.4rem;
    padding: 0.26667rem;
    color: #333333;
    font-size: 0.4rem;
    position: relative;
    font-weight: 600;
}
.container-join .title[data-v-6b840db5]::before {
      content: "";
      position: absolute;
      height: 0.4rem;
      width: 0.10667rem;
      background: var(--auxiliaryBrownColor);
      border-radius: 0.05333rem;
      top: 0.37333rem;
      bottom: 0;
      left: 0;
      vertical-align: middle;
}
.container-join .join-time[data-v-6b840db5] {
    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: 1.2rem;
    font-size: 0.34667rem;
    background: #fff;
    color: #FFC000;
}
.container-join .join-time .icon[data-v-6b840db5] {
      padding: 0 0.13333rem 0 0.4rem;
}
.container-join .my-info[data-v-6b840db5] {
    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: 0.26667rem 0.4rem;
    background: #fff;
    gap: 0.4rem;
}
.container-join .my-info .left-offer[data-v-6b840db5] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.37333rem;
}
.container-join .my-info .left-offer .label[data-v-6b840db5] {
        width: 2.4rem;
        line-height: 0.66667rem;
        margin-right: 0.16rem;
        color: #666;
}
.container-join .my-info .left-offer .offer-item[data-v-6b840db5] {
        color: #333;
        line-height: 0.66667rem;
}
.container-join .my-info .left-offer .offer-item > span[data-v-6b840db5] {
          display: inline-block;
}
.container-join .my-info .left-offer .offer-item > span[data-v-6b840db5]:first-of-type {
            margin-right: 0.26667rem;
}
.container-join .remark[data-v-6b840db5] {
    min-height: 0.8rem;
    font-size: 0.37333rem;
    border: 0;
    background: #fff;
    padding: 0.26667rem 0 0.26667rem 0.4rem;
    color: #333;
}
.container-join .remarks[data-v-6b840db5] {
    width: 9.46667rem;
    min-height: 1.6rem;
    border-radius: 0.13333rem;
    font-size: 0.37333rem;
    border: 0;
    background: #fff;
    padding: 0.26667rem 0.21333rem 0.26667rem 0.26667rem;
    margin: 0 auto;
}
.container-join .stmark[data-v-6b840db5] {
    padding-bottom: 0.26667rem;
}
.container-join .content[data-v-6b840db5] {
    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-6b840db5] {
      -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-6b840db5] {
        font-size: 0.37333rem;
}
.container-join .content .content-left .left-header .title[data-v-6b840db5] {
          color: #333;
}
.container-join .content .content-left .left-main[data-v-6b840db5] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.container-join .content .content-left .left-main .line-height[data-v-6b840db5] {
          line-height: 0.8rem;
}
.container-join .content .content-left .left-main .left-item[data-v-6b840db5] {
          font-size: 0.34667rem;
}
.container-join .content .content-left .left-main .left-item[data-v-6b840db5]:first-of-type {
            margin-right: 0.8rem;
}
.container-join .content .content-left .left-main .left-item .label[data-v-6b840db5] {
            color: #666;
}
.container-join .content .content-left .left-main .left-item .text[data-v-6b840db5] {
            color: #333;
}
.overPrice[data-v-6b840db5] {
  line-height: 0.66667rem;
  font-size: 0.37333rem;
  color: #FF4B10;
}
.equalToPrice[data-v-6b840db5] {
  line-height: 0.66667rem;
  font-size: 0.37333rem;
  color: #5792FD;
}
.belowPrice[data-v-6b840db5] {
  line-height: 0.66667rem;
  font-size: 0.37333rem;
  color: #06C764;
}
.skeleton__item[data-v-6b840db5] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.container-join[data-v-1a203cc7] {
  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;
}
.container-join .title[data-v-1a203cc7] {
    margin: 0 0.4rem;
    padding: 0.26667rem;
    color: #333333;
    font-size: calc(0.4rem * var(--font-size-scale));
    position: relative;
    font-weight: 600;
}
.container-join .title[data-v-1a203cc7]::before {
      content: "";
      position: absolute;
      height: calc(0.4rem * var(--font-size-scale));
      width: calc(0.10667rem * var(--font-size-scale));
      background: var(--auxiliaryBrownColor);
      border-radius: 0.05333rem;
      top: 0.37333rem;
      bottom: 0;
      left: 0;
      vertical-align: middle;
}
.container-join .join-time[data-v-1a203cc7] {
    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: 1.2rem;
    font-size: calc(0.34667rem * var(--font-size-scale));
    background: #fff;
    color: #FFC000;
    border-top: 0.02667rem solid #f5f5f5;
}
.container-join .join-time .icon[data-v-1a203cc7] {
      padding: 0 0.13333rem 0 0.4rem;
}
.container-join .my-info[data-v-1a203cc7] {
    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-1a203cc7] {
      line-height: calc(0.66667rem * var(--font-size-scale));
      font-size: calc(0.37333rem * var(--font-size-scale));
      font-weight: 400;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
}
.container-join .my-info .info-items .label[data-v-1a203cc7] {
        width: calc(2rem * var(--font-size-scale));
        min-width: calc(2rem * var(--font-size-scale));
        margin-right: 0.66667rem;
        color: #666;
}
.container-join .my-info .info-items > p[data-v-1a203cc7] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.container-join .my-info .info-items .text[data-v-1a203cc7] {
        color: #333;
}
.container-join .my-info .info-item[data-v-1a203cc7] {
      line-height: calc(0.48rem * var(--font-size-scale));
      font-size: calc(0.37333rem * var(--font-size-scale));
      font-weight: 400;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: calc(0.32rem * var(--font-size-scale));
}
.container-join .my-info .info-item .label[data-v-1a203cc7] {
        width: calc(2rem * var(--font-size-scale));
        min-width: calc(2rem * var(--font-size-scale));
        margin-right: 0.66667rem;
        color: #666;
}
.container-join .my-info .info-item .text[data-v-1a203cc7] {
        color: #333;
}
.container-join .my-info .info-item[data-v-1a203cc7]:last-child {
      padding-bottom: calc(0.13333rem * var(--font-size-scale));
}
.container-join .my-info .left-offer[data-v-1a203cc7] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: calc(0.37333rem * var(--font-size-scale));
}
.container-join .my-info .left-offer .label[data-v-1a203cc7] {
        width: calc(2rem * var(--font-size-scale));
        min-width: calc(2rem * var(--font-size-scale));
        margin-right: 0.66667rem;
        line-height: 0.66667rem;
        color: #666;
}
.container-join .my-info .left-offer .offer-item[data-v-1a203cc7] {
        color: #333;
        line-height: 0.66667rem;
}
.container-join .my-info .left-offer .offer-item > span[data-v-1a203cc7] {
          display: inline-block;
}
.container-join .my-info .left-offer .offer-item > span[data-v-1a203cc7]:first-of-type {
            margin-right: 0.26667rem;
}
.container-join .remark[data-v-1a203cc7] {
    min-height: 0.8rem;
    font-size: calc(0.37333rem * var(--font-size-scale));
    border: 0;
    background: #fff;
    padding: calc(0.26667rem * var(--font-size-scale)) 0 calc(0.26667rem * var(--font-size-scale)) 0.4rem;
    color: #333;
}
.container-join .remarks[data-v-1a203cc7] {
    width: 9.46667rem;
    min-height: 1.6rem;
    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;
}
.container-join .stmark[data-v-1a203cc7] {
    padding-bottom: 0.26667rem;
}
.container-join .content[data-v-1a203cc7] {
    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;
    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-1a203cc7] {
      -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-1a203cc7] {
        font-size: calc(0.37333rem * var(--font-size-scale));
}
.container-join .content .content-left .left-header .title[data-v-1a203cc7] {
          color: #333;
}
.container-join .content .content-left .left-main[data-v-1a203cc7] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.container-join .content .content-left .left-main .line-height[data-v-1a203cc7] {
          line-height: 0.8rem;
}
.container-join .content .content-left .left-main .left-item[data-v-1a203cc7] {
          font-size: calc(0.34667rem * var(--font-size-scale));
}
.container-join .content .content-left .left-main .left-item[data-v-1a203cc7]:first-of-type {
            margin-right: 0.8rem;
}
.container-join .content .content-left .left-main .left-item .label[data-v-1a203cc7] {
            color: #666;
}
.container-join .content .content-left .left-main .left-item .text[data-v-1a203cc7] {
            color: #333;
}
.overPrice[data-v-1a203cc7] {
  line-height: 0.66667rem;
  font-size: calc(0.37333rem * var(--font-size-scale));
  color: #FF4B10;
}
.equalToPrice[data-v-1a203cc7] {
  line-height: 0.66667rem;
  font-size: calc(0.37333rem * var(--font-size-scale));
  color: #5792FD;
}
.belowPrice[data-v-1a203cc7] {
  line-height: 0.66667rem;
  font-size: calc(0.37333rem * var(--font-size-scale));
  color: #06C764;
}
.am-large-font .container-join .title[data-v-1a203cc7]::before {
  top: 0.42667rem;
}
.am-large-font .container-join .my-info .info-item .label[data-v-1a203cc7], .am-large-font .container-join .my-info .info-items .label[data-v-1a203cc7], .am-large-font .container-join .my-info .left-offer .label[data-v-1a203cc7] {
  width: calc(1.6rem * var(--font-size-scale));
  min-width: calc(1.6rem * var(--font-size-scale));
  margin-right: 0.66667rem;
}
.am-large-font .container-join .title[data-v-1a203cc7]::before {
  top: 0.38667rem;
}