#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; }