|
@ -2,13 +2,13 @@ |
|
|
width: 94%; |
|
|
width: 94%; |
|
|
height: 320rpx; |
|
|
height: 320rpx; |
|
|
margin:0 auto; |
|
|
margin:0 auto; |
|
|
box-shadow: 0 10rpx 5px #999; |
|
|
box-shadow: 0 10rpx 5px #ccc; |
|
|
border-radius: 10px; |
|
|
border-radius: 12rpx; |
|
|
} |
|
|
} |
|
|
.banner swiper { |
|
|
.banner swiper { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 320rpx; |
|
|
height: 320rpx; |
|
|
border-radius: 10px; |
|
|
border-radius: 12rpx; |
|
|
overflow:hidden; |
|
|
overflow:hidden; |
|
|
transform: translateY(0); |
|
|
transform: translateY(0); |
|
|
} |
|
|
} |
|
@ -16,7 +16,7 @@ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 320rpx; |
|
|
height: 320rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
border-radius: 10px; |
|
|
border-radius: 12rpx; |
|
|
} |
|
|
} |
|
|
.banner-item .banner-img { |
|
|
.banner-item .banner-img { |
|
|
position: absolute; |
|
|
position: absolute; |
|
@ -24,7 +24,7 @@ |
|
|
top: 0; |
|
|
top: 0; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
border-radius: 10px; |
|
|
border-radius: 12rpx; |
|
|
} |
|
|
} |
|
|
.banner-item .banner-content { |
|
|
.banner-item .banner-content { |
|
|
position: relative; |
|
|
position: relative; |
|
@ -35,7 +35,7 @@ |
|
|
z-index: 100; |
|
|
z-index: 100; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: flex-end; |
|
|
align-items: flex-end; |
|
|
border-radius: 10px; |
|
|
border-radius: 12rpx; |
|
|
} |
|
|
} |
|
|
.banner-item .banner-content .title { |
|
|
.banner-item .banner-content .title { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|