.app {
  width: 100%;
  padding: $padding-md;
}
.price-box {
  background-color: #fff;
  height: 218rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: $uni-font-size-sm;
  color: #333333;
  border-radius: $border-radius-md;

  .price{
    font-size: $font-1;
    color: $font-color-red;
    margin-top: $margin-md;
    &:before{
      content: '￥';
      font-size: $uni-font-size-md;
      font-weight: bold;;
    }
  }
  .time{
    display: flex;
    align-items: center;
    .countdown{
      width: 140rpx;
    }
  }
}
.btn{
  height:120rpx;
  width: 100%;
  position: fixed;
  padding: 0 $padding-lg;
  box-sizing: border-box;
  bottom: 0;
  left:0;
  background-color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  button{
    flex:1;
    color: $white;
    font-size: $line-height-md;
    border-radius: $uni-border-radius-xl;
  }
  button[disabled] {
    color: rgba(255,255,255,.6);
  }
  &-primary {
    @include primary-bg;
    border: 0;
  }
  &-default{
    border: 1px solid $uni-color-error;
    color: $uni-color-error !important;
    margin-right: $margin-base;
    background-color: $white !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.placeholder {
  width: 100%;
  height: 220rpx;
}
.protocol {
  width: 100%;
  position: fixed;
  padding: $padding-md - 4 $padding-lg 0;
  box-sizing: border-box;
  bottom: 120rpx;
  left:0;
  background-color:#fff;
  display: flex;
  align-items: baseline;
  &__chk {
    .wx-checkbox-input {
      margin-top: 0;
      width: 28rpx;
      height: 28rpx;
      border-radius: 50%;
      &.wx-checkbox-input-checked {
        background: #ec1500;
        border-color: #ec1500;
        &::before {
          width: 28rpx;
          height: 28rpx;
          line-height: 28rpx;
          text-align: center;
          font-size: 20rpx;
          color: #fff;
          background: transparent;
          transform: translate(-50%, -50%) scale(1);
          -webkit-transform: translate(-50%, -50%) scale(1);
          }
        }
    }
  }
  &__txt {
    font-size: 24rpx;
    font-weight: 400;
    color: #666666;
    line-height: 34rpx;
    &-item {
      color: #ec1500;
    }
  }
}