264 lines
4.0 KiB
Plaintext
264 lines
4.0 KiB
Plaintext
#member_choose_bank {
|
|
position: relative;
|
|
height: 100vh;
|
|
background-color: #fff;
|
|
}
|
|
|
|
#member_choose_bank .content {
|
|
padding: 32rpx 24rpx;
|
|
padding-bottom: 124rpx;
|
|
}
|
|
|
|
#member_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;
|
|
}
|
|
|
|
#member_choose_bank .content .bank-list .bank .top {
|
|
display: flex;
|
|
}
|
|
|
|
#member_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;
|
|
}
|
|
|
|
#member_choose_bank .content .bank-list .bank .top .avator image {
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
}
|
|
|
|
#member_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;
|
|
}
|
|
|
|
#member_choose_bank .content .bank-list .bank .bottom {
|
|
margin-left: 120rpx;
|
|
margin-top: 70rpx;
|
|
color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#member_choose_bank .content .bank-list .bank .close {
|
|
position: absolute;
|
|
right: 16rpx;
|
|
top: 16rpx;
|
|
font-size: 30rpx;
|
|
z-index: 999;
|
|
color: #fff;
|
|
}
|
|
|
|
#member_choose_bank .content .bank-list .bank .close .icon-close11 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
#member_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;
|
|
}
|
|
|
|
#member_choose_bank .btn .add {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
#member_choose_bank .title {
|
|
padding-top: 32rpx;
|
|
padding-bottom: 32rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
#member_choose_bank .title i {
|
|
position: absolute;
|
|
right: 32rpx;
|
|
color: #666;
|
|
}
|
|
|
|
#member_choose_bank .pay-content {
|
|
padding: 0 32rpx;
|
|
}
|
|
|
|
#member_choose_bank .pay-content .item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 32rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
#member_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;
|
|
}
|