/**index.wxss**/ .wrap{ width:690rpx; /* background:rgba(255,255,255,1); box-shadow:0rpx 0rpx 21rpx 0rpx rgba(0, 0, 0, 0.09); */ margin: 0 auto; } .time_item{ margin-top: 30rpx; font-size: 30rpx; background: rgba(255,255,255,1); box-shadow: 0rpx 0rpx 21rpx 0rpx rgba(0, 0, 0, 0.09); border-radius: 10rpx; padding: 20rpx 30rpx; } .time_item .item_t{ padding-bottom: 20rpx; } .time_item .item_b{ border-top: 1px solid rgba(0,0,0,.1); display: flex; align-items: center; justify-content: flex-end; padding-top: 20rpx; } .time_item .ac_btn{ width: 100rpx; height: 40rpx; background: #49C265; display: flex; align-items: center; justify-content: center; border-radius: 20rpx; color: #ffffff; } .time_item .ac_btn:not(:first-child){ margin-left: 10rpx; } .time_item .ac_btn.del{ background: #D54C43; } .actions_wrap { margin-top: 40rpx; } .actions_wrap .btn{ width: 320rpx; height: 80rpx; margin: 0 auto; color: #fff; background: #295C56; border-radius: 40rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; }