challengeFamily/components/order/refund.wxss

/* components/order/refund.wxss */
.title {
  font-size: 40rpx;
  text-align: center;
  margin: 20rpx 0;
  font-weight: 900;
}
.content {
  box-sizing: border-box;
  padding: 0 50rpx;
}
.list {
  font-size: 14px;
  display: flex;
  align-items: center;
}

.list .star{
  margin-top: -12%;
}
.li{
  height: 1500rpx;
}
.type{
  margin-top: 32rpx;
  margin-bottom: 32rpx;
}
.round {
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  margin-right: 10rpx;
  /* width: 5rpx;
  height: 14rpx;
  line-height: 14rpx; */
}
.round2 {
 position: relative; 
 top: -20rpx;
}
.round3 {
  position: relative; 
  top: -20rpx;
 }
.content {
  font-size: 14px;
}
.example {
  font-size: 14px;
  line-height: 40rpx;
  box-sizing: border-box;
  padding: 0 50rpx;
  margin-top:10px;
  /* margin-bottom: 100rpx; */
}
.sure {

  left: 0;
  width: 100%;
  background-color: var(--themeColor);
  color: black;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;

}
.btns{
    position: absolute;
    bottom: 0;
    width: calc(100% - 120rpx);
    padding: 10rpx 60rpx;
    background: #fff;
    z-index: 10002;
    box-shadow: 0 -2rpx 5rpx rgba(0,0,0,.2);
}
.caseTwo {
  margin-top: 40rpx;
  margin-bottom: 100rpx;
}
.father{
    height: 500rpx;
    max-height: max-content;
    overflow-y: auto;
    height: 100%;
    font-size: 28rpx;
    background: #F5F5F4;
}
.example2{
    /* margin-bottom: 30rpx; */
    box-sizing: border-box;
    padding-bottom: 100rpx;
    margin-top: 20rpx;
    padding: 0 50rpx 100rpx 50rpx;
}
.sku-container {
    max-height: -webkit-max-content;
    max-height: max-content;
    overflow-y: auto;
    /* height: 986rpx; */
    height: 100%;
    font-size: 28rpx;
    background: #F5F5F4;
    /* padding-bottom: 80rpx; */
  }
  .militaryTip{
    margin-top: 20rpx;
    color: #ee3a43;
  }
  .check-box{
    padding: 20rpx 20rpx 0;
    display: flex;
    align-items: center;
  }
  .friend-share-tip{
    padding: 0 20rpx;
    line-height: 2;
    background: #EE3A43;
    color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  .sku-container .m-top40{
    margin-top: 40rpx;
  }
  .column-title{
    color:#878787;
    line-height: 2;
  }
  .nave{
    text-align: center;
  }
  .sku-column{
    padding-bottom: 30rpx; 
    margin-bottom: 20rpx;
    border-bottom: 1rpx solid #c7c8c9;
  }
  .sku-column-body{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    font-size: 24rpx;
  }
  .sku-column-body .sku-package{
    width: calc(100%/3 - 20rpx);
    margin-top: 20rpx;
    padding: 0 10rpx;
    text-align: center;
  }
  .sku-column-body .sku-sessions{
    width: calc(50% - 40rpx);
    margin-top: 20rpx;
    padding: 0 20rpx;
    text-align: center;
  }
  .sku-sessions-box{
    /* background: #c8c9cc; */
    border: 1rpx solid #C7C8C9;
    padding: 10rpx 0;
    border-radius: 15rpx;
    line-height: 1.5;
    font-weight: 700;
    position: relative;
  }
  .flex-box{
    height: 70rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .sku-header {
      margin-left: 30rpx;
  }
  .sku__goods-name{
    margin-bottom: 20rpx;
    font-size: 32rpx;
  }
  .sku-header__goods-info {
      box-sizing: border-box;
      padding: 20rpx 120rpx 20rpx 0rpx;
      overflow: hidden;
      border-bottom: 2rpx solid #ebedf0;
  }
  /* .alternate{
    position: absolute;
      top: -16rpx;
      right: -10rpx;
      font-size: 18rpx;
      line-height: 20rpx;
      padding: 0 8rpx;
      border: 1rpx solid #f44;
      border-radius: 10rpx;
      border-bottom-left-radius: 0;
      color: #EE3A43;
      font-weight: 700;
      background: #fff;
  } */
  .ellipsis {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .van-sku__quota{color: #EE3A43;}
  .sku__goods-price {
      margin-top: 20rpx;
      color: #f44;
      vertical-align: middle;
  }
  .sku-body{
    overflow-y: scroll;
    padding-bottom: 270rpx;
  }
  .sku-group-container {
      margin-left: 30rpx;
      padding: 24rpx 0 4rpx;
      border-bottom: 2rpx solid #ebedf0;
  }
  .sku-row {
      margin: 0 30rpx 20rpx 0;
  }
  .sku-row__title {
      padding-bottom: 20rpx;
  }
  .sku-row__item {
      background: #f6f5f5;
      color: #333;
      border: 0 none;
      border-radius: 16rpx;
      line-height: 36rpx;
      display: inline-block;
      box-sizing: border-box;
      min-width: 104rpx;
      height: 56rpx;
      margin: 0 20rpx 20rpx 0;
      padding: 10rpx 18rpx;
      font-size: 24rpx;
      text-align: center;
      position: relative;
  }
  .sku-row__item--disabled {
      border-color: #ebedf0;
      color: #c8c9cc;
  }
  .sku-column-body .sku-sessions .sku-row__item--active,.sku-column-body .sku-package .sku-row__item--active  {
    color: #fff;
    background: #f44;
    border: #ee3a43;
  }
  .sku-column-body .sku-row__item--active .sessions-title{
    color: #fff;
  }
  .sku-column-body .sku-sessions .sku-row__item--active .sessions-status{
    color: #fff;
    border: 1px solid #fff;
  }
  .sku-column-quota{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20rpx;
  }
  .sku-stepper-stock {
      margin-left: 30rpx;
      padding: 24rpx 0;
  }
  .sku-stepper-container {
      height: 60rpx;
      margin-right: 40rpx;
  }
  .sku__stepper-title {
      float: left;
      line-height: 60rpx;
  }
  .sku__stepper {
      float: right;
  }
  .stepper {
      font-size: 0;
      -webkit-user-select: none;
      user-select: none;
      display: flex;
  }
  .sku__stock {
      margin-right: 20rpx;
      color: #969799;
  }
  .stepper__minus,.stepper__plus{
    width: 44rpx;
    height: 44rpx;
    border: 1px solid #EE3A43;
    border-radius: 50%;
    position: relative;
  }
  .stepper__plus{
    background: #EE3A43;
  }
  .stepper__minus::before,.stepper__plus::before{
    content: '';
    width: 30rpx;
    height: 2rpx;
    background: #EE3A43;
    position: absolute;
    top:21rpx;
    left: 7rpx;
  }
  .stepper__plus::after{
    content: '';
    width: 2rpx;
    height: 30rpx;
    position: absolute;
    top:7rpx;
    left: 21rpx;
  }
  .stepper__plus::before,.stepper__plus::after{
    background: white;
  }
  .stepper__minus__diabled,.stepper__plus__diabled{
    background:white;
    border:1px solid gray;
  }
  .stepper__minus__diabled::before,
  .stepper__plus__diabled::before,
  .stepper__plus__diabled::after{
    background: gray;
  }
  .stepper__input{
    box-sizing: border-box;
    width: 64rpx;
    height: 48rpx;
    margin: 0 4rpx;
    padding: 0;
    color: #323233;
    font-size: 28rpx;
    line-height: 48rpx;
    text-align: center;
    vertical-align: middle;
    border: 0;
    border-width: 2rpx 0;
    border-radius: 0;
    -webkit-appearance: none;
  }
  .button.button-warn{
    background: #EE3A43;
    color: white;
    font-size: 32rpx;
  }
  .bottom-btns-box{
    position: absolute;
    bottom: 0;
    width: calc(100% - 120rpx);
    padding:10rpx 60rpx;
    background: #fff;
    z-index: 10002;
    box-shadow: 0 -2rpx 5rpx rgba(0,0,0,.2);
  }
  .sku-box-top {
    margin-top: 20rpx;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
    padding: 20rpx;
    background: #fff;
    padding-bottom: 120rpx;
  }
  .sessions-status{
    border: 1rpx solid #C7C8C9;
    padding: 0 10rpx;
    border-radius: 20rpx;
    font-size: 22rpx;
  }
  .meals-status{
    font-size: 22rpx;
  }
  .identify{
    position: absolute;
    top: -20rpx;
    border-radius: 20rpx;
    font-size: 20rpx;
    font-weight: 500;
  }
  .attr-r{
    padding: 0 10rpx;
    right: -20rpx;
    border-bottom-left-radius: 0;
    border: 4rpx solid #ebedf0;
    background: #969799;
    color: #fff;
  }
  .attr-l{
    background: #FEF5F5;
    color:#ee3a43;
    border:4rpx solid #fff;
    width: 30rpx;
    height: 30rpx;
    line-height: 30rpx;
    left: -10rpx;
  }
  .sessions-title{
    color: #717071;
  }
  .presell-price-view{
    display: flex;
    flex-direction: column;
  }
  /* 场次状态 */
  .sku-sessions .full ,.sku-package .full{
    background: #EDEDEE;
    color: #C7C8C9;
  }
  .full .sessions-title{
    color: #C7C8C9;
  }
  .sku-sessions .sale{
    color: #717071;
  }
  .sku-sessions .sale .sessions-status{
    color: #07BB98;
    border: 1px solid #07BB98;
  }
  .sku-sessions .few-quota{
    color: #717071;
  }
  .sku-sessions .few-quota .sessions-status{
    color: #ee3a43;
    border: 1px solid #ee3a43;
  }
  .sku-sessions .alternate,.sku-package .alternate{
    color: #C7C8C9;
  }
  .alternate .sessions-title{
    color: #C7C8C9;
  }