.mask[data-v-37756ead] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.main[data-v-37756ead] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 6.36rem;
  background-color: white;
  padding: .4rem 0 .48rem;
  -webkit-border-radius: .12rem;
          border-radius: .12rem;
}
.main .icon-close[data-v-37756ead] {
    position: absolute;
    right: .4rem;
    top: .4rem;
    color: #727272;
}
.main .head[data-v-37756ead] {
    position: relative;
    text-align: center;
    color: #FF8A23;
    padding: 0 .4rem;
}
.main .head .total[data-v-37756ead] {
      position: absolute;
      left: .4rem;
      font-size: .32rem;
      color: #38383A;
      font-weight: bold;
}
.main .list[data-v-37756ead] {
    max-height: 60vh;
    overflow-y: scroll;
    padding: 0 .4rem;
    margin-top: .32rem;
}
.main .list .items[data-v-37756ead] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: .32rem;
}
.main .left[data-v-37756ead] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    width: .38rem;
    height: .38rem;
    -webkit-border-radius: .19rem;
            border-radius: .19rem;
    margin-top: .24rem;
    border: 1px solid #d0d0d0;
}
.main .left.selected[data-v-37756ead] {
      background-color: #FF8A23;
      border: .01rem solid #FF8A23;
}
.main .left.selected i[data-v-37756ead] {
        display: block;
}
.main .left i[data-v-37756ead] {
      color: white;
      font-size: .24rem;
      display: none;
}
.main .right[data-v-37756ead] {
    width: 4.92rem;
    -webkit-border-radius: .12rem;
            border-radius: .12rem;
    border: 0.02rem solid #d0d0d0;
    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;
    font-size: .3rem;
}
.main .right > div[data-v-37756ead]:first-child {
      padding: .2rem;
      border-bottom: 0.01rem solid #d0d0d0;
}
.main .right > div[data-v-37756ead]:nth-child(2) {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      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-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      padding: .2rem .2rem;
}
.main .right > div:nth-child(2) > div[data-v-37756ead] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.main .right > div:nth-child(2) > div span[data-v-37756ead]:first-child {
          display: inline-block;
          margin-right: .32rem;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
}
.main .right > div:nth-child(2) > div span[data-v-37756ead]:nth-child(3) {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          text-align: right;
}
.main .foot[data-v-37756ead] {
    margin-top: .4rem;
    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;
    padding: 0 .4rem;
}
.main .foot span[data-v-37756ead] {
      width: 2.48rem;
      height: .64rem;
      line-height: .64rem;
      -webkit-border-radius: .32rem;
              border-radius: .32rem;
      text-align: center;
      font-size: .28rem;
      display: inline-block;
      margin: 0 .12rem;
}
.main .foot .cancle[data-v-37756ead] {
      color: #727272;
      border: 0.02rem solid #d0d0d0;
}
.main .foot .confirm[data-v-37756ead] {
      color: white;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 168, 91, 0.4)), to(rgba(255, 122, 2, 0.4)));
      background: -webkit-linear-gradient(top, rgba(255, 168, 91, 0.4) 0%, rgba(255, 122, 2, 0.4) 100%);
      background: linear-gradient(180deg, rgba(255, 168, 91, 0.4) 0%, rgba(255, 122, 2, 0.4) 100%);
}
.main .foot .confirm.active[data-v-37756ead] {
        background: -webkit-gradient(linear, left top, left bottom, from(#ffa85b), to(#ff7a02));
        background: -webkit-linear-gradient(top, #ffa85b 0%, #ff7a02 100%);
        background: linear-gradient(180deg, #ffa85b 0%, #ff7a02 100%);
        -webkit-box-shadow: 0 0.08rem 0.24rem -0.06rem #fe8b24;
                box-shadow: 0 0.08rem 0.24rem -0.06rem #fe8b24;
}