.box1 { width: 700rpx; margin-left: 25rpx; height: 200rpx; border-radius: 20rpx; background: -webkit-linear-gradient(left, #353636, #696c6b); } .box2 { background-color: #f5f5f5; width: 700rpx; margin-left: 25rpx; height: 200rpx; border-radius: 20rpx; margin-top: 30rpx; } .t1 { color: #fee7a5; padding-top: 40rpx; margin-left: 40rpx; font-size: 35rpx; font-weight: 600; letter-spacing: 3rpx; } .t2 { color: #fff; padding-top: 20rpx; margin-left: 43rpx; font-size: 27rpx; float: left; /* letter-spacing: 3rpx; */ } .t3 { float: right; width: 140rpx; color: #333333; height: 43rpx; line-height: 43rpx; font-size: 26rpx; font-weight: 900; text-align: center; border-radius: 10rpx; background: -webkit-linear-gradient(left, #f3edcc, #f3dba1); margin-top: 20rpx; margin-right: 30rpx; } .t4 { color: #515151; padding-top: 40rpx; margin-left: 40rpx; font-size: 35rpx; font-weight: 600; letter-spacing: 3rpx; } .t5 { color: #b7b7b7; padding-top: 20rpx; margin-left: 43rpx; font-size: 27rpx; float: left; /* letter-spacing: 3rpx; */ } .t6 { float: right; width: 140rpx; color: #646464; height: 43rpx; line-height: 43rpx; font-size: 26rpx; font-weight: 900; text-align: center; border-radius: 10rpx; background-color: #dddddd; margin-top: 20rpx; margin-right: 30rpx; } .container { margin: 0 30rpx; } .pay_t1 { font-size: 30rpx; color: #333333; margin-top: 50rpx; } .zfb { margin-top: 30rpx; width: 350rpx; height: 160rpx; border: 1px solid #e5e5e5; border-radius: 20rpx; float: left; display: flex; } .wx { margin-top: 30rpx; width: 310rpx; height: 160rpx; border: 1px solid #e5e5e5; border-radius: 20rpx; float: right; display: flex; } .submit_btn{ border-radius: 0; height: 85rpx; font-size: 30rpx; line-height: 55rpx; font-weight: 600; color: #fff; background: -webkit-linear-gradient(left, #569dff, #3a65ff); text-align: center; position: fixed; bottom: 0; } .r1{ position: absolute; top: 50rpx; right: 60rpx; } .r2{ position: absolute; top: 270rpx; right: 60rpx; } .r3{ position: absolute; top: 490rpx; right: 60rpx; }