yuminge-app/yun-min-program-plugin-master/packageD/quickPay/choose_bank/choose_bank.wxss

#choose_bank {
  position: relative;
  height: 100vh;
  background-color: #fff;
}

#choose_bank .content {
  padding: 32rpx 24rpx;
  padding-bottom: 124rpx;
}

#choose_bank .content .bank-list .bank {
  position: relative;
  height: 270rpx;
  border-radius: 22rpx;
  padding-top: 40rpx;
  padding-bottom: 48rpx;
  padding-left: 24rpx;
  margin-bottom: 32rpx;
}

#choose_bank .content .bank-list .bank .top {
  display: flex;
}

#choose_bank .content .bank-list .bank .top .avator {
  width: 96rpx;
  height: 96rpx;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 24rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

#choose_bank .content .bank-list .bank .top .avator image {
  width: 64rpx;
  height: 64rpx;
}

#choose_bank .content .bank-list .bank .top .right {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  font-size: 16px;
  color: #fff;
  height: 96rpx;
  justify-content: space-between;
}

#choose_bank .content .bank-list .bank .bottom {
  margin-left: 120rpx;
  margin-top: 70rpx;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
}

#choose_bank .content .bank-list .bank .close {
  position: absolute;
  right: 16rpx;
  top: 16rpx;
}

#choose_bank .content .bank-list .bank .close .icon-close11 {
  color: #fff;
  font-size: 20px;
}

#choose_bank .btn {
  width: 600rpx;
  height: 92rpx;
  background-color: #ff2c29;
  border-radius: 10rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  position: fixed;
  bottom: 40rpx;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#choose_bank .btn .add {
  display: flex;
  align-items: center;
}

#choose_bank .title {
  padding-top: 32rpx;
  padding-bottom: 32rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#choose_bank .title i {
  position: absolute;
  right: 32rpx;
  color: #666;
}

#choose_bank .pay-content {
  padding: 0 32rpx;
}

#choose_bank .pay-content .item {
  display: flex;
  align-items: center;
  margin-bottom: 32rpx;
  justify-content: space-between;
}

#choose_bank .pay-content .item .right {
  background-color: #ebebeb;
  color: #f15353;
  font-size: 24rpx;
  border-radius: 60rpx;
  padding: 0 20rpx;
  height: 60rpx;
  line-height: 60rpx;
  width: 200rpx;
}

#choose_bank .pay-content .item .disabled {
  background-color: #ccc;
  color: #f0f0f0 !important;
}

#choose_bank .pay-btn {
  width: 600rpx;
  height: 92rpx;
  background-color: #ff2c29;
  border-radius: 18rpx;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-top: 64rpx;
}

.gongshang {
  background-image:
    linear-gradient(
      -90deg,
      #c7020f 53%,
      #f43038 100%
    );
}

.zhongguo {
  background-image:
    linear-gradient(
      -90deg,
      #c7020f 53%,
      #f43038 100%
    );
}

.zhongxin {
  background-image:
    linear-gradient(
      -90deg,
      #c7020f 53%,
      #f43038 100%
    );
}

.shanghai {
  background-image:
    linear-gradient(
      -90deg,
      #12489e 53%,
      #2865c5 100%
    );
}

.jianshe {
  background-image:
    linear-gradient(
      -90deg,
      #0362b3 53%,
      #3e94dd 100%
    );
}

.guangda {
  background-image:
    linear-gradient(
      -90deg,
      #691688 53%,
      #a12cc8 100%
    );
}

.mingsheng {
  background-image:
    linear-gradient(
      -90deg,
      #0072bc 53%,
      #1988d1 100%
    );
}

.beijing {
  background-image:
    linear-gradient(
      -90deg,
      #c7020f 53%,
      #eb2730 100%
    );
}

.pingan {
  background-image:
    linear-gradient(
      -90deg,
      #f05a23 53%,
      #fd7a49 100%
    );
}

.jiaotong {
  background-image:
    linear-gradient(
      -90deg,
      #063f78 53%,
      #1861aa 100%
    );
}

.zhaoshang {
  background-image:
    linear-gradient(
      -90deg,
      #c7020f 53%,
      #f32f37 100%
    );
}

.guangfa {
  background-image:
    linear-gradient(
      -90deg,
      #c7020f 53%,
      #f12d35 100%
    );
}

.pufa {
  background-image:
    linear-gradient(
      -90deg,
      #1b1bb0 53%,
      #3536df 100%
    );
}

.youzheng {
  background-image:
    linear-gradient(
      -90deg,
      #096 53%,
      #0bc285 100%
    );
}

.default {
  background-color: #ccc;
}