tf-business/pages_module/bindingCard/index.scss

.bindingCard {
  width: 100vw;
  min-height: 100vh;
  background-color: rgb(247, 247, 247);
  .detail-top {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
    @include flex(center);

    .back-icon {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    .shop-name {
      color: #000;
      font-size: 28rpx;
    }
  }
  .seize {
    width: 100%;
    height: 16rpx;
    background-color: #ffffff;
  }
  .binding-box {
    width: 100%;
    padding: 32rpx;
    box-sizing: border-box;
    .binding-title {
      font-size: 32rpx;
      color: rgba(0, 0, 0, 0.9);
      font-weight: 500;
      margin-bottom: 16rpx;
    }
    .binding-container {
      width: 100%;
      padding: 0 32rpx;
      box-sizing: border-box;
      background-color: #ffffff;
      border-radius: 16rpx;
      position: relative;
      .change-box {
        width: 100%;
        padding: 32rpx 0;
        border-bottom: 2rpx solid #e7e7e7;
        .change-title {
          margin-bottom: 16rpx;
          font-size: 28rpx;
          color: rgba(0, 0, 0, 0.9);
        }
        .ipt-left {
          padding-right: 32rpx;
          position: relative;
          font-size: 28rpx;
          color: rgba(0, 0, 0, 0.9);
          &::after {
            content: "";
            position: absolute;
            top: 0;
            right: 16rpx;
            width: 4rpx;
            border-radius: 8rpx;
            background-color: #e7e7e7;
            height: 100%;
          }
        }
        .right-text{
          font-size: 28rpx;
          color: #EA5C1E;
        }
        .ipt-right{
          width: 168rpx;
          height: 60rpx;
          text-align: center;
          line-height: 60rpx;
          font-size: 28rpx;
          color: rgba(0, 0, 0, 0.6);
          border: 2rpx solid #E7E7E7;
          border-radius: 8rpx;
        }
      }
      .inconsis {
        position: absolute;
        right: 32rpx;
        bottom: 28rpx;
        font-size: 24rpx;
        color: #d40f0f;
        @include flex(center, null, 8rpx);
      }
    }
  }
  .btn-list{
    width: 100%;
    padding: 0 32rpx;
    margin-top: 38rpx;
    box-sizing: border-box;
    @include flex(center,null,19rpx);
    .btn{
      width: 335rpx;
      height: 96rpx;
      text-align: center;
      line-height: 96rpx;
      border-radius: 16rpx;
      &:nth-of-type(1){
        background-color: #FFFFFF;
        border: 2rpx solid #E7E7E7;
        color: rgba(0, 0, 0, 0.6);
      }
      &:nth-of-type(2){
        background-color: #FE4B1E;
        color: #FFFFFF;
      }
    }
  }
}