/* pages/pay_list/pay_list.wxss */ .li{ padding: 0; margin: 0; } .li-items{ width: 25%; text-align: center; display: inline-block; margin: 40rpx 0; } .li-items-add-items{ width: 25%; text-align: center; display: inline-block; /* position: relative; bottom: 50rpx; */ } .li-items-img{ width: 84rpx; height: 84rpx; border-radius: 50%; } .li-items-text{ color: #7C819D; font-size: 24rpx; margin: 10rpx 0; } .li-items-add{ color: #fff; font-weight: bold; font-size: 22rpx; width:80rpx; height:44rpx; line-height: 44rpx; background:rgba(255,110,110,1); border-radius:22rpx; text-align: center; margin: auto; } .li-items-child{ color: #8489A3; font-size: 24rpx; margin-top: 10rpx; } .showModel{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.3; overflow: hidden; z-index: 1000; color: #fff; } .model{ width: 80%; z-index: 1001; position: fixed; top: 36%; margin-left: 10%; background: #fff; border-radius:30rpx; text-align: center; } .model-text{ color: #393939; font-size: 30rpx; text-align: center; margin: 50rpx 30rpx; } .model-list{ display: flex; justify-content: space-around; align-items: center; margin-bottom: 50rpx; color: #8489A3; font-size: 34rpx; } .model-list-sure{ color: #FF6465; } .model-input{ width:538rpx; height:80rpx; background:rgba(241,243,250,1); border:1rpx solid rgba(226,229,238,1); border-radius:14rpx; display: inline-block; margin-bottom: 50rpx; } .model-member{ position: relative; text-align: center; } .model-member-close{ width: 49rpx; height: 49rpx; transform: rotate(45deg); position: absolute; right: 16rpx; top: 16rpx; } .model-member-img{ margin-top: 116rpx; width: 106rpx; height: 104rpx; } .model-member-text{ color: #393939; font-size: 30rpx; padding: 60rpx 0 100rpx 0; }