1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- page {
- background: #FFFFFF;
- }
- .info {
- padding: 20rpx;
- width: 100%;
- }
- .info-one {
- position: relative;
- width: 100%;
- margin-bottom: 30rpx;
- z-index: 10;
- }
- .info-one .bga {
- width: 100%;
- height: 160rpx;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 0;
- }
- .info-content {
- height: 160rpx;
- width: 100%;
- color: #fff;
- padding: 0 24rpx;
- line-height: 1;
- position: relative;
- }
- .info-btn {
- background-color: #fff;
- width: 160rpx;
- height: 56rpx;
- border-radius: 28rpx;
- }
- .info-footer {
- background-color: #fff;
- padding: 24rpx 24rpx 32rpx 24rpx;
- border-radius: 0 0 16rpx 16rpx;
- border: 1rpx solid #cfcfcf;
- border-top: none;
- color: #666; font-size: 28rpx;
- }
- .more-down {
- width: 33rpx;
- height: 33rpx;
- }
-
- .more-down-deg {
- transform: rotate(180deg);
- animation: showPopUp 0.2s;
- animation-fill-mode: forwards;
- }
-
- @keyframes showPopUp {
- 0% {
- transform: rotate(0deg);
- }
-
- 100% {
- transform: rotate(180deg);
- }
- }
- .CouponContentC {
- color: #999999;
- }
- .coupon-foot{
- padding: 20rpx;
- font-size: 28rpx;
- border-bottom: 1rpx solid #F1F1F1;
- }
|