| | |
| | | align-items: center; |
| | | padding: 0 32rpx; |
| | | justify-content: space-between; |
| | | margin: 0 32rpx; |
| | | } |
| | | |
| | | .swiper-head { |
| | | position: absolute; |
| | | width: 100%; |
| | | z-index: 1; |
| | | bottom: -64rpx; |
| | | } |
| | | |
| | | .mediate-image { |
| | |
| | | padding: 32rpx 0; |
| | | margin: 0 32rpx; |
| | | border-top: 2rpx solid var(--border-color); |
| | | } |
| | | |
| | | .AiModal { |
| | | display: flex; |
| | | background-color: #fff; |
| | | flex-direction: column; |
| | | margin: 120rpx 94rpx 0; |
| | | padding: 24rpx 40rpx; |
| | | align-items: center; |
| | | border-radius: 8px; |
| | | } |
| | | |
| | | .AiModal image { |
| | | width: 264rpx; |
| | | height: 352rpx; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | |
| | | .AiModal-search { |
| | | position: absolute; |
| | | top: 96rpx; |
| | | width: 100%; |
| | | z-index: 991; |
| | | } |
| | | |
| | | .AiModal-title { |
| | | font-size: 34rpx; |
| | | line-height: 50rpx; |
| | | color: var(--main-color); |
| | | margin-bottom: 24rpx; |
| | | } |
| | | |
| | | .AiModal-subTitle { |
| | | color: rgba(23, 26, 29, 0.60); |
| | | text-align: center; |
| | | margin-bottom: 24rpx; |
| | | } |
| | | |
| | | .AiModal-button { |
| | | width: 100%; |
| | | } |
| | | |
| | | .swiper { |
| | | padding: 32rpx; |
| | | } |
| | | |
| | | .swiper-bg { |
| | | position: relative; |
| | | background: linear-gradient(106deg, #5fa6d4 0%, #1a6fb8 100%); |
| | | } |
| | | |
| | | .swiper-bg::after { |
| | | content: ''; |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 20px; |
| | | border-radius: 100%; |
| | | background: inherit; |
| | | /*继承父级背景*/ |
| | | bottom: 0; |
| | | left: 50%; |
| | | transform: translate(-50%, 50%); |
| | | } |
| | | |
| | | .swiper-main { |
| | | position: absolute; |
| | | top: 0; |
| | | } |