| | |
| | | height: 300rpx; |
| | | } |
| | | |
| | | .swiper-main-image { |
| | | position: relative; |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | |
| | | .swiper-item { |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | |
| | | .swiper-item1 { |
| | | position: absolute; |
| | | top: 60px; |
| | | left: 10px; |
| | | height: 42px; |
| | | } |
| | | |
| | | .swiper-item2 { |
| | | position: absolute; |
| | | top: 72rpx; |
| | | left: 20px; |
| | | width: 200px; |
| | | height: 61px; |
| | | } |
| | | |
| | | .homePage-main { |
| | |
| | | |
| | | } |
| | | |
| | | .home-image { |
| | | width: 112rpx; |
| | | height: 100rpx; |
| | | position: absolute; |
| | | right: 10rpx; |
| | | bottom: 0; |
| | | } |
| | | |
| | | .flex_1 { |
| | | flex: 1; |
| | | color: #fff; |
| | | padding: 12px; |
| | | border-radius: 4px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | position: relative; |
| | | align-items: center; |
| | | } |
| | | |
| | | .flex_2 { |
| | |
| | | |
| | | .dt_card_r { |
| | | flex: 1; |
| | | background: #ef6c24; |
| | | width: 184rpx; |
| | | height: 136rpx; |
| | | } |
| | | |
| | | .dt_card_r image { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .dt_card_title { |
| | |
| | | } |
| | | |
| | | .flex_blue { |
| | | height: 80rpx; |
| | | background: linear-gradient(90deg, #5fa6d4, #3a8ac6 50%, #1a6fb8 100%); |
| | | } |
| | | |
| | | .flex_orange { |
| | | height: 80rpx; |
| | | background: linear-gradient(90deg, #ffa940, #fa8c16 50%, #ef6c24 100%); |
| | | } |
| | | |
| | |
| | | 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; |
| | | } |