123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- .hospital-new-component.payment-success-wrapper {
- position: relative;
- }
- .hospital-new-component.payment-success-wrapper .header-bg-fixed {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- height: 224rpx;
- z-index: 1;
- background-image: linear-gradient(180deg, #1677FF 20rpx, rgba(22, 119, 255, 0) 96%);
- }
- .hospital-new-component.payment-success-wrapper .payment-success-content {
- position: relative;
- z-index: 1;
- padding: 32rpx 24rpx;
- }
- .hospital-new-component.payment-success-wrapper .payment-status-block {
- height: 212rpx;
- border-radius: 16rpx;
- background-color: #fff;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- margin-bottom: 24rpx;
- }
- .hospital-new-component.payment-success-wrapper .success-icon {
- width: 64rpx;
- height: 64rpx;
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- margin-bottom: 14rpx;
- background-image: url('https://gw.alipayobjects.com/mdn/rms_373ab8/afts/img/A*eX_EQKwtAOsAAAAAAAAAAAAAARQnAQ');
- }
- .hospital-new-component.payment-success-wrapper .success-text {
- color: #22B35E;
- font-size: 38rpx;
- font-weight: bold;
- }
- .hospital-new-component.payment-success-wrapper .payment-info-block {
- border-radius: 16rpx;
- background-color: #fff;
- padding: 0 24rpx;
- margin-bottom: 82rpx;
- }
- .hospital-new-component.payment-success-wrapper .payment-info-block .header {
- color: #333;
- font-size: 30rpx;
- padding: 24rpx 0;
- font-weight: bold;
- border-bottom: 1px solid #f6f6f6;
- }
- .hospital-new-component.payment-success-wrapper .info-item {
- padding: 24rpx 0;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .hospital-new-component.payment-success-wrapper .info-name {
- color: #999;
- font-size: 30rpx;
- }
- .hospital-new-component.payment-success-wrapper .info-value {
- color: #333;
- font-size: 30rpx;
- }
- .hospital-new-component.payment-success-wrapper .back-to-home {
- height: 98rpx;
- border-radius: 8rpx;
- border: none;
- color: #fff;
- background-color: #1677FF;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .hospital-new-component.payment-success-wrapper .back-to-home:active {
- opacity: 0.8;
- }
|