image { width: 100%; height: 100%; } .banner { width: 710rpx; height: 300rpx; border-radius: 30rpx; margin: 0 auto; margin-top: 30rpx; } .banner_pic { width: 710rpx; height: 300rpx; border-radius: 20rpx; } .tit { font-weight: bold; font-size: 40rpx; color: #000000; margin-top: 40rpx; margin-left: 20rpx; margin-right: 20rpx; padding-bottom: 30rpx; border-bottom: 1rpx solid #E6E6E6; } .msg_left_1 { display: flex; align-items: center; font-weight: 400; font-size: 24rpx; color: #000000; } .msg_left_2 { display: flex; align-items: center; font-weight: 400; font-size: 24rpx; color: #000000; } .msg_left_1 image { width: 30rpx; height: 30rpx; margin-right: 20rpx; } .msg_left_2 image { width: 30rpx; height: 30rpx; margin-right: 20rpx; } .msg_left_1 view { border-radius: 100rpx 100rpx 100rpx 100rpx; border: 1rpx solid #D5AC66; font-weight: 400; font-size: 22rpx; color: #D5AC66; display: flex; align-items: center; justify-content: center; margin-left: 20rpx; padding: 2rpx 10rpx; } .msg { display: flex; align-items: center; justify-content: space-between; margin: 0 20rpx; margin-right: 48rpx; margin-top: 28rpx; } .msg_right { display: flex; align-items: center; font-weight: 400; font-size: 24rpx; color: #000000; } .msg_right image { width: 60rpx; height: 60rpx; margin-bottom: 10rpx; } .msg_right2 { margin-left: 40rpx; } .tag { font-weight: 400; font-size: 22rpx; color: #FF512A; background: #FFD8D0; border-radius: 100rpx 100rpx 100rpx 100rpx; border: 1rpx solid #FF512A; display: inline-block; padding: 2rpx 10rpx; margin-left: 18rpx; } .imgList { display: flex; align-items: center; flex-wrap: wrap; margin: 30rpx 20rpx; } .imgList image { width: 120rpx; height: 120rpx; border-radius: 30rpx 30rpx 30rpx 30rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .subtit { font-weight: bold; font-size: 28rpx; color: #000000; margin-top: 30rpx; margin-left: 20rpx; } .subCon { font-weight: 400; font-size: 24rpx; color: #222222; display: flex; align-items: center; margin-left: 20rpx; margin-right: 20rpx; margin-bottom: 30rpx; margin-top: 20rpx; } .subCon view { font-weight: 400; font-size: 24rpx; color: #999999; margin-left: 20rpx; } .payList { display: flex; align-items: center; flex-direction: column; margin-top: 60rpx; } .payBtn { font-weight: 400; font-size: 36rpx; color: #FFFFFF; width: 650rpx; height: 80rpx; background: #FF512A; border-radius: 100rpx 100rpx 100rpx 100rpx; display: flex; align-items: center; justify-content: center; margin-bottom: 40rpx; } .payBtn2 { font-weight: 400; font-size: 36rpx; color: #FF512A; width: 650rpx; height: 80rpx; border-radius: 100rpx 100rpx 100rpx 100rpx; border: 1rpx solid #FF512A; display: flex; align-items: center; justify-content: center; }