|
|
|
@ -1,12 +1,12 @@ |
|
|
|
/**index.wxss**/ |
|
|
|
/* pages/indexs/index.wxss */ |
|
|
|
/* 元旦修改 */ |
|
|
|
page { |
|
|
|
/* background: #9DDCF5; */ |
|
|
|
height: fit-content; |
|
|
|
padding-bottom: 36.67rpx; |
|
|
|
|
|
|
|
background-image: url('https://static.ticket.sz-trip.com/uploads/20241225/79918a9171dcf85365935419e4717519.jpg'); |
|
|
|
background-repeat: repeat-y; |
|
|
|
background-size: 100% 100%; |
|
|
|
background: url("https://static.ticket.sz-trip.com/uploads/20250120/b42c1ac742bee3ddff35151ecd860f81.jpg"); |
|
|
|
background-size: 100% auto; |
|
|
|
/* background-repeat: round; */ |
|
|
|
background-repeat: no-repeat; |
|
|
|
} |
|
|
|
.swiper,.swiper image { |
|
|
|
width: 697rpx; |
|
|
|
@ -39,31 +39,19 @@ page { |
|
|
|
.search-box { |
|
|
|
flex: 1; |
|
|
|
width: 100%; |
|
|
|
/* height: 64rpx; */ |
|
|
|
/* background: rgba(255, 255, 255, 0.6); */ |
|
|
|
/* border-radius: 32rpx; */ |
|
|
|
/* color: #666; */ |
|
|
|
/* height: 70.67rpx; */ |
|
|
|
height: 64rpx; |
|
|
|
/* background: rgba(255,255,255,0.7); */ |
|
|
|
border-radius: 0rpx; |
|
|
|
/* color: #72674E; */ |
|
|
|
color: #333333; |
|
|
|
/* background-image: url("https://static.ticket.sz-trip.com//uploads/20240228/10b93c1389ef5dfc02d07c4091af8f2d.png"); |
|
|
|
background-size: 100% 100%; */ |
|
|
|
background: rgba(255,255,255,0.7); |
|
|
|
border-radius: 32rpx; |
|
|
|
color: #000; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 25rpx; |
|
|
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20241225/510a67a1e78a9eb1aeb6e049348d4701.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
padding: 2rpx 5rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
.search-box .iconfont { |
|
|
|
font-size: 30rpx; |
|
|
|
margin-left: 20rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
/* color: #72674E; */ |
|
|
|
margin-right: 10rpx; |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
.top-box .weather-num,.top-box .weather { |
|
|
|
flex-shrink: 0; |
|
|
|
@ -74,14 +62,18 @@ page { |
|
|
|
font-size: 29rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
margin-left: 4rpx; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.top-box .weather { |
|
|
|
font-size: 19rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
margin-left: -4rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.top-icons { |
|
|
|
/* background: #FFFFFF; */ |
|
|
|
/* box-shadow: 0px 3rpx 26rpx 0px rgba(6, 0, 1, 0.13); */ |
|
|
|
border-radius: 0 0 27rpx 27rpx; |
|
|
|
width: 697rpx; |
|
|
|
margin: 0 auto; |
|
|
|
@ -89,11 +81,12 @@ page { |
|
|
|
z-index: 0; |
|
|
|
display: flex; |
|
|
|
padding: 34rpx 0; |
|
|
|
padding-bottom: 29.33rpx; |
|
|
|
padding-bottom: 7rpx; |
|
|
|
justify-content: space-between; |
|
|
|
flex-wrap: wrap; |
|
|
|
margin-top: -50rpx; |
|
|
|
padding-top: 84rpx; |
|
|
|
background: #FFFED6; |
|
|
|
margin-top: -20rpx; |
|
|
|
padding-top: 54rpx; |
|
|
|
} |
|
|
|
.top-icon-item { |
|
|
|
margin-bottom: 20rpx; |
|
|
|
@ -108,13 +101,14 @@ page { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
.top-icon-item image { |
|
|
|
width: 86rpx; |
|
|
|
width: 113rpx; |
|
|
|
display: block; |
|
|
|
margin: 0 auto; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
} |
|
|
|
.content { |
|
|
|
margin: 0 25rpx; |
|
|
|
/* margin: 0 25rpx; */ |
|
|
|
margin-top: 20.67rpx; |
|
|
|
} |
|
|
|
.sale-road-boxes { |
|
|
|
display: flex; |
|
|
|
@ -122,6 +116,7 @@ page { |
|
|
|
margin-top: 40rpx; |
|
|
|
position: relative; |
|
|
|
align-items: flex-end; |
|
|
|
margin-bottom: 28rpx; |
|
|
|
} |
|
|
|
.sale-box { |
|
|
|
flex-shrink: 0; |
|
|
|
@ -203,13 +198,11 @@ page { |
|
|
|
height: 154rpx; |
|
|
|
} |
|
|
|
.small-swiper-box { |
|
|
|
margin: 50rpx 0; |
|
|
|
width: 100%; |
|
|
|
margin: 24rpx 26.67rpx 26.67rpx; |
|
|
|
/* width: 100%; */ |
|
|
|
height: 154rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
/* border-radius: 77rpx; */ |
|
|
|
overflow: hidden; |
|
|
|
margin-top: 33rpx; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.product-tags { |
|
|
|
@ -317,54 +310,56 @@ page { |
|
|
|
} */ |
|
|
|
/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */ |
|
|
|
.pic-list { |
|
|
|
width: 100%; |
|
|
|
/* width: 100%; |
|
|
|
display: flex; |
|
|
|
margin-right: 26rpx; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
flex-wrap: wrap; |
|
|
|
flex-wrap: wrap; */ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 0 28rpx; |
|
|
|
} |
|
|
|
.title-more { |
|
|
|
font-size: 27rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: #29305A; |
|
|
|
font-size: 24rpx; |
|
|
|
/* color: #0B898E; */ |
|
|
|
/* 元旦修改 */ |
|
|
|
color: #54504D; |
|
|
|
z-index: 9; |
|
|
|
width: 173rpx; |
|
|
|
height: 80rpx; |
|
|
|
height: 40rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
background: rgba(255, 255, 255, 0.5); |
|
|
|
border-radius: 20rpx; |
|
|
|
text-align: center; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
.title-more .iconfont { |
|
|
|
font-size: 22rpx; |
|
|
|
} |
|
|
|
.slide-out-box { |
|
|
|
margin-top: 20rpx; |
|
|
|
/* margin-top: 20rpx; |
|
|
|
background: #FFFED6; |
|
|
|
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2); */ |
|
|
|
border-radius: 27rpx; |
|
|
|
padding-bottom: 1rpx; |
|
|
|
margin-bottom: 40rpx; |
|
|
|
/* margin-bottom: 40rpx; */ |
|
|
|
} |
|
|
|
.pbservice { |
|
|
|
/* width: calc(175rpx * 6); */ |
|
|
|
/* 元旦修改 */ |
|
|
|
width: calc(190rpx * 7); |
|
|
|
width: calc(160rpx * 8); |
|
|
|
display: flex; |
|
|
|
margin-top: 30rpx; |
|
|
|
flex-wrap: wrap; |
|
|
|
/* margin-bottom: 60rpx; */ |
|
|
|
/* 元旦修改 注释margin-bottom */ |
|
|
|
margin-top: 5rpx; |
|
|
|
/* flex-wrap: wrap; */ |
|
|
|
flex-wrap: nowrap; |
|
|
|
/* padding-left: 12rpx; */ |
|
|
|
/* overflow-x: scroll; */ |
|
|
|
} |
|
|
|
.pbservice-item { |
|
|
|
/* 元旦修改 截止到注释的width*/ |
|
|
|
width: 120rpx; |
|
|
|
margin-bottom: 33.33rpx; |
|
|
|
margin-right: 62.33rpx; |
|
|
|
/* width: 175rpx; */ |
|
|
|
width: 106rpx; |
|
|
|
margin-bottom: 25rpx; |
|
|
|
margin-right: 32.33rpx; |
|
|
|
text-align: center; |
|
|
|
font-size: 25rpx; |
|
|
|
color: #111111; |
|
|
|
font-size: 27rpx; |
|
|
|
color: #000; |
|
|
|
line-height: 24rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
@ -379,7 +374,7 @@ page { |
|
|
|
margin-bottom: 20rpx; |
|
|
|
margin-top: 50rpx; */ |
|
|
|
/* 元旦修改 以上都是之前的*/ |
|
|
|
width: 106rpx; |
|
|
|
width: 80rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
} |
|
|
|
.six-box { |
|
|
|
@ -540,36 +535,47 @@ page { |
|
|
|
} |
|
|
|
.more-btn-text { |
|
|
|
text-align: center; |
|
|
|
/* color: #0b898e; |
|
|
|
font-size: 27rpx; |
|
|
|
width: 200rpx; |
|
|
|
line-height: 65rpx; |
|
|
|
border: 1px solid #0b898e; |
|
|
|
border-radius: 33rpx; */ |
|
|
|
margin: 20rpx auto; |
|
|
|
width: 200rpx; |
|
|
|
height: 67rpx; |
|
|
|
line-height: 67rpx; |
|
|
|
border: 1px solid #5184B0; |
|
|
|
border: 1px solid #111; |
|
|
|
border-radius: 35rpx; |
|
|
|
font-size: 27rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #5184B0; |
|
|
|
} |
|
|
|
.scroll-line { |
|
|
|
|
|
|
|
width: 73rpx !important; |
|
|
|
height: 7rpx; |
|
|
|
/* background: #DDCEAC; */ |
|
|
|
background: #97D0EC; |
|
|
|
/* height: 6rpx; |
|
|
|
border-radius: 3rpx; |
|
|
|
margin: 33.33rpx auto; |
|
|
|
background: #ccc; |
|
|
|
overflow: hidden; |
|
|
|
margin: 30rpx auto; */ |
|
|
|
/* 元旦修改 以上为注释部分 下面为新内容*/ |
|
|
|
width: 48rpx !important; |
|
|
|
height: 8rpx; |
|
|
|
/* background: #DDCEAC; */ |
|
|
|
background: #fff; |
|
|
|
border-radius: 4rpx; |
|
|
|
margin: 15rpx auto 10rpx; |
|
|
|
} |
|
|
|
.scroll-line-bg { |
|
|
|
height: 7rpx; |
|
|
|
background: #5184B0; |
|
|
|
border-radius: 3rpx; |
|
|
|
height: 8rpx; |
|
|
|
background: #FF4848; |
|
|
|
border-radius: 4rpx; |
|
|
|
} |
|
|
|
/* 元旦修改 新增样式 */ |
|
|
|
.scroll-line-bg2 { |
|
|
|
margin-left: 37.33rpx; |
|
|
|
background: #5184B0; |
|
|
|
height: 7rpx; |
|
|
|
border-radius: 3rpx; |
|
|
|
margin-left: 24rpx; |
|
|
|
background: #FF4848; |
|
|
|
height: 8rpx; |
|
|
|
border-radius: 4rpx; |
|
|
|
} |
|
|
|
.nomore-tip-btn { |
|
|
|
position: absolute; |
|
|
|
@ -675,20 +681,22 @@ page { |
|
|
|
color: #333333; |
|
|
|
line-height: 42rpx; |
|
|
|
flex-wrap: wrap; |
|
|
|
background: #FFFED6; |
|
|
|
justify-content: space-around; |
|
|
|
height: 187rpx; |
|
|
|
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2); |
|
|
|
border-radius: 27rpx; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.other-plats image { |
|
|
|
width: 106rpx; |
|
|
|
width: 80rpx; |
|
|
|
display: block; |
|
|
|
height: 106rpx; |
|
|
|
height: 80rpx; |
|
|
|
margin-bottom: 15rpx; |
|
|
|
} |
|
|
|
.other-plat { |
|
|
|
/* 春节新增样式 */ |
|
|
|
color: #111111; |
|
|
|
color: #54504D; |
|
|
|
} |
|
|
|
.other-plat:nth-child(4n){ |
|
|
|
margin-right: 0; |
|
|
|
@ -822,7 +830,7 @@ page { |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.time-box { |
|
|
|
font-size: 27rpx; |
|
|
|
font-size: 25rpx; |
|
|
|
font-family: DIN; |
|
|
|
font-weight: 500; |
|
|
|
/* color: #54504D; */ |
|
|
|
@ -833,22 +841,26 @@ page { |
|
|
|
margin-left: -50rpx; |
|
|
|
z-index: 9; |
|
|
|
flex-wrap: nowrap; |
|
|
|
|
|
|
|
position: relative; |
|
|
|
left: -150rpx; |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xsth-time { |
|
|
|
/* width: 43rpx; */ |
|
|
|
/* margin: 0 5rpx; */ |
|
|
|
/* width: 50rpx; */ |
|
|
|
/* height: 33rpx; */ |
|
|
|
width: 43rpx; |
|
|
|
height: 43rpx; |
|
|
|
padding: 0 7rpx; |
|
|
|
line-height: 43rpx; |
|
|
|
background: #4AB648; |
|
|
|
/* background: #F9F1DB; */ |
|
|
|
/* border-radius: 5rpx; */ |
|
|
|
border-radius: 13rpx; |
|
|
|
font-size: 27rpx; |
|
|
|
font-size: 25rpx; |
|
|
|
font-family: DIN; |
|
|
|
font-weight: 500; |
|
|
|
color: #FF6A57; |
|
|
|
/* color: #D62828; */ |
|
|
|
color: white; |
|
|
|
text-align: center; |
|
|
|
/* line-height: 33rpx; */ |
|
|
|
} |
|
|
|
.time-box text { |
|
|
|
width: 18rpx; |
|
|
|
@ -894,67 +906,60 @@ page { |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xpth-product { |
|
|
|
width: 700rpx; |
|
|
|
/* position: absolute; */ |
|
|
|
width: 697rpx; |
|
|
|
height: 373rpx; |
|
|
|
background: #FFFED6; |
|
|
|
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2); |
|
|
|
border-radius: 27rpx; |
|
|
|
padding: 25rpx 13rpx; |
|
|
|
padding: 25rpx 15rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
/* left: 0; |
|
|
|
bottom: 15.33rpx; |
|
|
|
/* width: 710rpx; */ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xpth-banner { |
|
|
|
/* width: 270rpx; */ |
|
|
|
/* height: 333rpx; */ |
|
|
|
/* height: 340rpx; */ |
|
|
|
/* background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-hBg.png"); */ |
|
|
|
/* background-size: 100% 100%; */ |
|
|
|
border-radius: 20rpx; |
|
|
|
flex: 1; |
|
|
|
margin-left: 15rpx; |
|
|
|
height: 322rpx; |
|
|
|
width: 100%; |
|
|
|
border-radius: 0rpx; |
|
|
|
overflow: hidden; |
|
|
|
position: relative; |
|
|
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20241225/ba525775a8361dd502c88a4e46552483.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
padding: 3rpx; |
|
|
|
} |
|
|
|
.xpth-banner-swiper{ |
|
|
|
height: 100%; |
|
|
|
border-radius: 20rpx; |
|
|
|
overflow: hidden; |
|
|
|
/* padding: 4rpx; |
|
|
|
background: #72674e; |
|
|
|
clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ |
|
|
|
height: 319rpx; |
|
|
|
} |
|
|
|
.xpth-banner image { |
|
|
|
/* width: 270rpx; */ |
|
|
|
flex: 1; |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 319rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
.xpth-banner-dot-list{ |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
bottom: 10rpx; |
|
|
|
padding: 10rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
.xpth-banner-dot-list .xpth-dot{ |
|
|
|
width: 9rpx; |
|
|
|
height: 9rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 50%; |
|
|
|
opacity: 0.6; |
|
|
|
margin: 0 4rpx; |
|
|
|
} |
|
|
|
.xpth-banner-dot-list .xpth-dot.active{ |
|
|
|
opacity: 1; |
|
|
|
/* height: 333rpx; */ |
|
|
|
/* height: 340rpx; */ |
|
|
|
/* clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ |
|
|
|
/* border-radius: 20rpx; */ |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xpth-item { |
|
|
|
/* width: 413rpx; |
|
|
|
height: 160rpx; */ |
|
|
|
/* background: #FFFFFF; */ |
|
|
|
/* background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-hBg.png"); |
|
|
|
background-size: 100% 100%; */ |
|
|
|
border-radius: 20rpx; |
|
|
|
height: 153rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
display: flex; |
|
|
|
margin-bottom: 13rpx; |
|
|
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20241225/d469064b1bcf6c2f7cd59786e66fc249.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
padding: 1rpx; |
|
|
|
/* margin-bottom: 10rpx; */ |
|
|
|
/* clip-path: polygon(5% 0, 95% 0, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0 90%, 0 10%); */ |
|
|
|
/* padding: 5rpx; */ |
|
|
|
} |
|
|
|
.xpth-item:last-child { |
|
|
|
margin-bottom: 0; |
|
|
|
@ -984,7 +989,7 @@ page { |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xpth-item-title { |
|
|
|
width: 210rpx; |
|
|
|
width: 230rpx; |
|
|
|
font-size: 27rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
@ -1007,15 +1012,15 @@ page { |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xpth-item-price { |
|
|
|
font-size: 31rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: bold; |
|
|
|
color: #ED1C19; |
|
|
|
font-weight: 500; |
|
|
|
color: #D62828; |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xpth-item-price::before { |
|
|
|
content: "￥"; |
|
|
|
font-size: 23rpx; |
|
|
|
font-size: 20rpx; |
|
|
|
} |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.xpth-item-buy { |
|
|
|
@ -1033,24 +1038,22 @@ page { |
|
|
|
/* 元旦修改新增样式 */ |
|
|
|
.new-pic { |
|
|
|
width: 160rpx !important; |
|
|
|
height: 220rpx !important; |
|
|
|
margin-bottom: 26.67rpx; |
|
|
|
height: 255rpx !important; |
|
|
|
/* margin-bottom: 26.67rpx; */ |
|
|
|
} |
|
|
|
|
|
|
|
.ggfw-list { |
|
|
|
justify-content: space-around !important; |
|
|
|
} |
|
|
|
.ggfw-list .pbservice-item{ |
|
|
|
margin-right: 0; |
|
|
|
color: #111111; |
|
|
|
.ggfw-list{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
.ggfw { |
|
|
|
width: auto; |
|
|
|
margin:0; |
|
|
|
} |
|
|
|
.ggfw image{ |
|
|
|
margin-bottom: 16.67rpx; |
|
|
|
width: 93rpx !important; |
|
|
|
height: 93rpx !important; |
|
|
|
width: 113.33rpx !important; |
|
|
|
height: 113.33rpx !important; |
|
|
|
} |
|
|
|
|
|
|
|
.six-box-new { |
|
|
|
@ -1077,7 +1080,7 @@ page { |
|
|
|
} |
|
|
|
/* 春节金刚区字体颜色样式更换 */ |
|
|
|
.top-icon-text { |
|
|
|
color: #111111; |
|
|
|
color: #54504D; |
|
|
|
} |
|
|
|
|
|
|
|
.rmtj-right { |
|
|
|
@ -1158,30 +1161,340 @@ page { |
|
|
|
left: 56.67rpx; |
|
|
|
bottom: 64rpx; |
|
|
|
} |
|
|
|
.jqssd { |
|
|
|
/* background: url("https://static.ticket.sz-trip.com/uploads/20240606/20c06c5bf8d5e498667ebd954a1d95f8.png"); |
|
|
|
background-size: 100% 100%; */ |
|
|
|
width: 344.33rpx; |
|
|
|
height: 160rpx; |
|
|
|
|
|
|
|
.right-more { |
|
|
|
width: 120rpx; |
|
|
|
height: 47rpx; |
|
|
|
background: rgba(255,208,165,0.4); |
|
|
|
border-radius: 23rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 27rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
text-align: center; |
|
|
|
line-height: 47rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.hdrlNavList { |
|
|
|
display: flex; |
|
|
|
margin: 28rpx 26.67rpx 10rpx; |
|
|
|
overflow-x: scroll; |
|
|
|
flex-wrap: nowrap; |
|
|
|
} |
|
|
|
.hdrlNav { |
|
|
|
flex-shrink: 0; |
|
|
|
/* width: 160rpx; */ |
|
|
|
padding: 0 20rpx; |
|
|
|
height: 53rpx; |
|
|
|
background: rgba(255,208,165,0.4); |
|
|
|
border-radius: 13rpx; |
|
|
|
/* border: 1px solid #FFFFFF; */ |
|
|
|
min-width: 133rpx; |
|
|
|
|
|
|
|
font-size: 32rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
text-align: center; |
|
|
|
line-height: 53rpx; |
|
|
|
margin-right: 14rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
.jqssd image, .sslk image{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
.hdrlNavActive { |
|
|
|
background: linear-gradient(180deg, #FFECD9, #FFBD7A); |
|
|
|
font-size: 32rpx; |
|
|
|
color: #E6201C; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.hdrlItem { |
|
|
|
flex-shrink: 0; |
|
|
|
padding: 26.67rpx 22rpx 26.67rpx 20rpx; |
|
|
|
/* width: 593.33rpx; */ |
|
|
|
display: flex; |
|
|
|
background: url("https://static.ticket.sz-trip.com/uploads/20250117/8d7f5ce0ecafbc2f836342e4226ec364.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
.hdrlItem-img { |
|
|
|
width: 240rpx; |
|
|
|
height: 213rpx; |
|
|
|
background: #8C8C8C; |
|
|
|
border-radius: 13rpx; |
|
|
|
flex-shrink: 0; |
|
|
|
margin-right: 12rpx; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.hdrlItem-content { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
height: 213rpx; |
|
|
|
} |
|
|
|
.hdrlItem-title { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #000000; |
|
|
|
margin-top: 15.33rpx; |
|
|
|
} |
|
|
|
.hdrlItem-date { |
|
|
|
font-weight: 500; |
|
|
|
font-size: 23rpx; |
|
|
|
color: #000000; |
|
|
|
margin-bottom: 19.33rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.main-box { |
|
|
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20250117/98ca9dfa8253e50d624ce64d24295570.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
padding: 27.67rpx 20.67rpx 40rpx 20rpx; |
|
|
|
margin: 0 8rpx; |
|
|
|
} |
|
|
|
.main-box-top { |
|
|
|
display: flex; |
|
|
|
margin-bottom: 5.33rpx; |
|
|
|
} |
|
|
|
.gfyj,.sslk { |
|
|
|
width: 369.33rpx; |
|
|
|
height: 146rpx; |
|
|
|
flex-shrink: 0; |
|
|
|
} |
|
|
|
.sslk { |
|
|
|
/* background: url("https://static.ticket.sz-trip.com/uploads/20240729/c1554fdd645a0d3a47c8e683186e1a73.png"); |
|
|
|
background-size: 100% 100%; */ |
|
|
|
width: 344rpx; |
|
|
|
height: 160rpx; |
|
|
|
margin-left: -48rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.movieItem { |
|
|
|
padding: 26.67rpx 26rpx 26.67rpx 20rpx; |
|
|
|
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
flex-shrink: 0; |
|
|
|
height: 206.67rpx; |
|
|
|
} |
|
|
|
.movieItem-img { |
|
|
|
width: 213rpx; |
|
|
|
height: 213rpx; |
|
|
|
border-radius: 18rpx; |
|
|
|
margin-right: 18rpx; |
|
|
|
flex-shrink: 0; |
|
|
|
} |
|
|
|
.ysz-box { |
|
|
|
margin: 0 8rpx 15.33rpx; |
|
|
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20250117/8efd4c072b3c95fe7c31d1e7b79759d3.png"); |
|
|
|
/* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */ |
|
|
|
background-size: 100% 100%; |
|
|
|
width: 733.33rpx; |
|
|
|
height: 320rpx; |
|
|
|
padding-top: 33.33rpx; |
|
|
|
position: relative; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
.ysz-more { |
|
|
|
width: 267rpx; |
|
|
|
height: 53rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 27rpx; |
|
|
|
margin: 38rpx auto 0; |
|
|
|
text-align: center; |
|
|
|
line-height: 53rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 25rpx; |
|
|
|
color: #FF4D48; |
|
|
|
} |
|
|
|
.ysz-box2 { |
|
|
|
/* padding: 20rpx 35rpx; */ |
|
|
|
padding-top: 23.33rpx; |
|
|
|
} |
|
|
|
.tjbd-title { |
|
|
|
width: 286.67rpx; |
|
|
|
height: 80rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bd-box { |
|
|
|
position: relative; |
|
|
|
padding: 36rpx 30.67rpx 44.67rpx 28.67rpx; |
|
|
|
margin-left: 26.67rpx; |
|
|
|
width: 582rpx; |
|
|
|
/* height: 1133rpx; */ |
|
|
|
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0); |
|
|
|
box-shadow: 0rpx 7rpx 20rpx 0rpx rgba(27,128,97,0.56); |
|
|
|
border-radius: 20rpx 80rpx 20rpx 20rpx; |
|
|
|
} |
|
|
|
.bd-top { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin-bottom: 30rpx; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.zz { |
|
|
|
width: 236.67rpx; |
|
|
|
height: 206.67rpx; |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
top: 0; |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
.bd-type { |
|
|
|
width: 125.33rpx; |
|
|
|
height: 38.67rpx; |
|
|
|
} |
|
|
|
.bd-more { |
|
|
|
width: 120rpx; |
|
|
|
height: 47rpx; |
|
|
|
background: rgba(255,255,255,.7); |
|
|
|
border-radius: 23rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 27rpx; |
|
|
|
color: #F34017; |
|
|
|
z-index: 9; |
|
|
|
text-align: center; |
|
|
|
line-height: 47rpx; |
|
|
|
} |
|
|
|
.bd-index { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 40rpx; |
|
|
|
color: #000000; |
|
|
|
} |
|
|
|
.bd-item { |
|
|
|
margin-left: 45.33rpx; |
|
|
|
width: 453rpx; |
|
|
|
height: 147rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 13rpx; |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
.bd-item-img { |
|
|
|
width: 147rpx; |
|
|
|
height: 147rpx; |
|
|
|
background: #D9D9D9; |
|
|
|
border-radius: 13rpx; |
|
|
|
flex-shrink: 0; |
|
|
|
margin-right: 12.67rpx; |
|
|
|
} |
|
|
|
.bd-item-content { |
|
|
|
padding: 14rpx 29.33rpx 13.33rpx 0; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
.bd-item-title { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 27rpx; |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
.bd-item-bottom { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: baseline; |
|
|
|
width: 260rpx; |
|
|
|
} |
|
|
|
.bd-price { |
|
|
|
font-size: 29.33rpx; |
|
|
|
color: #F93434; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.bd-price:after { |
|
|
|
content:'起'; |
|
|
|
color: #999999; |
|
|
|
font-size: 23rpx; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
.bd-price::before { |
|
|
|
content:'￥'; |
|
|
|
font-size: 23rpx; |
|
|
|
} |
|
|
|
.bd-distance { |
|
|
|
font-weight: 500; |
|
|
|
font-size: 23rpx; |
|
|
|
color: #999999; |
|
|
|
} |
|
|
|
|
|
|
|
.xsth-left{ |
|
|
|
/* flex: 1; |
|
|
|
width: 1rpx; */ |
|
|
|
.buyMovie { |
|
|
|
width: 160rpx; |
|
|
|
height: 56rpx; |
|
|
|
background: #FF4848; |
|
|
|
color: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
text-align: center; |
|
|
|
line-height: 56rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bg1 { |
|
|
|
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0); |
|
|
|
} |
|
|
|
.bg2 { |
|
|
|
background: linear-gradient(-8deg, #F9FFE3, #F3FFC4); |
|
|
|
} |
|
|
|
.xsth-left>image{ |
|
|
|
max-width: 100%; |
|
|
|
overflow: hidden; |
|
|
|
.bg3 { |
|
|
|
background: linear-gradient(180deg, #E0F7DC, #A0F292); |
|
|
|
} |
|
|
|
.bg4 { |
|
|
|
background: linear-gradient(-8deg, #F6F2FF, #E3D9FF); |
|
|
|
} |
|
|
|
|
|
|
|
.hdrlNavList::-webkit-scrollbar{ |
|
|
|
display:none; |
|
|
|
} |
|
|
|
.hdrlList::-webkit-scrollbar{ |
|
|
|
display:none; |
|
|
|
} |
|
|
|
.bottom-box::-webkit-scrollbar{ |
|
|
|
display:none; |
|
|
|
} |
|
|
|
.slide-box::-webkit-scrollbar{ |
|
|
|
display:none; |
|
|
|
} |
|
|
|
.pbservice::-webkit-scrollbar{ |
|
|
|
display:none; |
|
|
|
} |
|
|
|
.textOver3 { |
|
|
|
display: -webkit-box; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
-webkit-line-clamp: 3; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.public-box { |
|
|
|
width: 593.33rpx; |
|
|
|
height: 266.67rpx; |
|
|
|
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png"); |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
.one::-webkit-scrollbar{ |
|
|
|
display:none; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-container{ |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.nowDate{ |
|
|
|
display: flex; |
|
|
|
position: absolute; |
|
|
|
left: 228.77rpx; |
|
|
|
bottom: 7.33rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.nowDate>view{ |
|
|
|
|
|
|
|
width: 44rpx; |
|
|
|
height: 44rpx; |
|
|
|
border-radius: 7rpx; |
|
|
|
text-align: center; |
|
|
|
line-height: 44rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 29rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
.nowDate .num{ |
|
|
|
background: #FFD0A5; |
|
|
|
color: #111111; |
|
|
|
|
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 29rpx; |
|
|
|
color: #111111; |
|
|
|
} |
|
|
|
|
|
|
|
.ysz-right-img{ |
|
|
|
width: 200.8rpx; |
|
|
|
height: 207.33rpx; |
|
|
|
position: absolute; |
|
|
|
right: -26rpx; |
|
|
|
top: 0; |
|
|
|
z-index:1; |
|
|
|
} |
jiazhipeng
1 year ago
