/* pages/indexs/index.wxss */ /* 元旦修改 */ page { height: fit-content; padding-bottom: 36.67rpx; background: url("https://static.ticket.sz-trip.com/uploads/20240923/69d4d68f5207c84146739951d07dbda4.jpg"); background-size: 100% 300%; /* background-repeat: round; */ background-repeat: no-repeat; } .swiper,.swiper image { width: 697rpx; display: block; height: 335rpx; border-radius: 27rpx; } .swiper { margin: 0 auto; } .top-box { display: flex; padding: 10rpx 0; align-items: center; margin: 0 30rpx; justify-content: flex-start; position: relative; z-index: 1; } .top-box image { flex-shrink: 0; width: 40rpx; height: 40rpx; /* 样式改版 */ /* width: 63rpx; height: 63rpx; */ display: block; margin-left: 18rpx; } .search-box { flex: 1; width: 100%; height: 64rpx; background: rgba(255,255,255,0.7); border-radius: 32rpx; color: #000; display: flex; align-items: center; font-size: 25rpx; } .search-box .iconfont { font-size: 30rpx; margin-left: 20rpx; margin-right: 10rpx; color: #000; } .top-box .weather-num,.top-box .weather { flex-shrink: 0; color: #333; /* color: #72674E; */ } .top-box .weather-num { font-size: 29rpx; margin-bottom: 10rpx; margin-left: 4rpx; } .top-box .weather { font-size: 19rpx; margin-top: 20rpx; margin-left: -4rpx; margin-right: 30rpx; } .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; position: relative; z-index: 0; display: flex; padding: 34rpx 0; padding-bottom: 7rpx; justify-content: space-between; flex-wrap: wrap; background: #FFFED6; margin-top: -20rpx; padding-top: 54rpx; } .top-icon-item { margin-bottom: 20rpx; line-height: 37rpx; font-size: 25rpx; color: #000; text-align: center; flex-shrink: 0; width: 20%; } .top-icon-item:nth-child(5n){ margin-right: 0; } .top-icon-item image { width: 113rpx; display: block; margin: 0 auto; margin-bottom: 10rpx; } .content { /* margin: 0 25rpx; */ margin-top: 20.67rpx; } .sale-road-boxes { display: flex; justify-content: space-between; margin-top: 40rpx; position: relative; align-items: flex-end; margin-bottom: 28rpx; } .sale-box { flex-shrink: 0; width: 337rpx; } .sale-title { color: #999999; font-size: 20rpx; margin-bottom: 20rpx; } .sale-title text { color: #000000; font-size: 32rpx; font-weight: 500; margin-right: 8rpx; } .sale-product { width: 337rpx; position: relative; height: 165rpx; overflow: hidden; border-radius: 8rpx; } .sale-product-bg { width: 197rpx; height: 165rpx; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, #F78C56, #FB6044); } .road-product-bg { background: linear-gradient(90deg, #35CFB4, #00A6A0); } .sale-img { position: absolute; right: 0; top: 0; width: 173rpx; height: 165rpx; } .sale-info { position: absolute; left: 20rpx; top: 20rpx; bottom: 20rpx; width: 140rpx; } .sale-product-title { font-size: 28rpx; color: #fff; font-weight: 500; line-height: 36rpx; } .sale-price { padding: 0 10rpx; color: #F44747; font-size: 25rpx; line-height: 39rpx; background: #FFFFFF; border-radius: 5rpx; margin-top: 15rpx; display: inline-block; } .sale-tip-img { position: absolute; width: 200rpx; height: 165rpx; left: 0; top: 0; } .small-swiper { height: 154rpx; } .small-swiper image { display: block; width: 100%; height: 154rpx; } .small-swiper-box { margin: 24rpx 26.67rpx 26.67rpx; /* width: 100%; */ height: 154rpx; border-radius: 20rpx; overflow: hidden; position: relative; } .product-tags { display: flex; margin-top: 40rpx; margin-bottom: 50rpx; overflow-x: auto; } .product-tag { padding: 0 20rpx; height: 43rpx; background: #F4F4F4; border-radius: 21rpx; font-size: 27rpx; color: #666; margin-right: 20rpx; flex-shrink: 0; } .product-tag.active { background: #0B898E; color: #fff; } .tag-product-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .tag-product { width: 337rpx; background: #FFFFFF; box-shadow: -1rpx 1rpx 16rpx 0px rgba(6, 0, 1, 0.1); border-radius: 13rpx; margin-bottom: 35rpx; } .tag-product image { display: block; width: 337rpx; height: 213rpx; border-radius: 13rpx 13rpx 0px 0px; } .tag-product .product-info { padding: 20rpx; padding-bottom: 0; } .tag-product .tag-product-title { font-size: 33rpx; color: #333333; font-weight: 500; margin-bottom: 10rpx; } .tag-product .tag-product-address { color: #999; font-size: 22rpx; line-height: 40rpx; padding-bottom: 10rpx; } .tag-product-price-box { display: flex; height: 70rpx; align-items: center; border-top: 1rpx solid #ccc; justify-content: space-between; } .tag-product .tag-product-address .iconfont { font-size: 26rpx; } .price { color: #D62828; font-size: 24rpx; } .price text:nth-child(2){ font-weight: 500; font-size: 33rpx; } .price text:nth-child(3){ font-size: 20rpx; color: #8D8D8D; margin-left: 4rpx; } .sale-number { font-size: 24rpx; color: #666; } .sale-number text { font-size: 21rpx; } .more-btn { line-height: 77rpx; border: 1rpx solid #0B898E; border-radius: 39rpx; text-align: center; color: #0B898E; font-size: 31rpx; font-weight: 500; } /* .pic-list { display: flex; justify-content: space-between; margin: 60rpx 0; } .pic-list image { width: 155.33rpx; height: 200rpx; display: block; } */ /* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */ .pic-list { /* width: 100%; display: flex; margin-right: 26rpx; display: flex; justify-content: space-between; flex-wrap: wrap; */ display: flex; justify-content: space-between; margin: 0 28rpx; } .title-more { font-size: 24rpx; /* color: #0B898E; */ /* 元旦修改 */ color: #54504D; z-index: 9; width: 173rpx; height: 40rpx; line-height: 40rpx; background: rgba(255, 255, 255, 0.5); border-radius: 20rpx; text-align: center; } .title-more .iconfont { font-size: 22rpx; } .slide-out-box { /* 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; */ } .pbservice { width: calc(160rpx * 8); display: flex; margin-top: 5rpx; /* flex-wrap: wrap; */ flex-wrap: nowrap; /* padding-left: 12rpx; */ /* overflow-x: scroll; */ } .pbservice-item { width: 106rpx; margin-bottom: 25rpx; margin-right: 32.33rpx; text-align: center; font-size: 27rpx; color: #000; line-height: 24rpx; display: flex; align-items: center; justify-content: center; flex-direction: column; } .text { width: 200rpx; } .pbservice-item image { /* width: 60rpx; margin-bottom: 20rpx; margin-top: 50rpx; */ /* 元旦修改 以上都是之前的*/ width: 80rpx; margin-bottom: 10rpx; } .six-box { margin-top: 43rpx; display: flex; margin-bottom: 50rpx; flex-wrap: wrap; justify-content: space-between; } .six-box image { width: 128rpx; height: 110rpx; margin-bottom: 20rpx; } .hot-list { display: flex; margin-top: 47rpx; justify-content: space-between; } .hot-list-item { width: 337rpx; } .hot-item { background: white; box-shadow: -1rpx 1rpx 16rpx 0px rgba(6, 0, 1, 0.1); border-radius: 15rpx; margin-bottom: 35rpx; } .hot-item image:nth-child(1) { display: block; width: 100%; border-radius: 15rpx 15rpx 0 0; } .hot-item .hot-info { padding: 20rpx 25rpx; } .hot-item .hot-title { font-size: 32rpx; color: #333; font-weight: 500; } .hot-info .tags { display: flex; align-items: center; width: 286rpx; margin: 15rpx 0; } .hot-info .tag { margin-right: 16rpx; line-height: 32rpx; border: 1rpx solid #0B898E; border-radius: 5rpx; box-sizing: border-box; padding: 0 10rpx; color: #0B898E; font-size: 20rpx; } .hot-info .tag:last-child { margin-right: 0; } .hot-price { color: #D62828; font-size: 24rpx; margin-top:28rpx; } .hot-price text:nth-child(2){ font-size: 33rpx; font-weight: 500; } .hot-price text:nth-child(3){ font-size: 20rpx; color: #8D8D8D; margin-left: 4rpx; } .hot-location { position: absolute; color: #fff; line-height: 32rpx; font-size: 19rpx; padding: 20rpx; bottom: 0; left: 0; right: 0; } .hot-location .iconfont { font-size: 22rpx; margin-right: 10rpx; } .hot-info .tags .icon-box { flex-shrink: 0; width: 50%; text-align: left; color: #666666; font-size: 21rpx; display: flex; align-items: center; } .hot-info .tags .icon-box .iconfont { font-size: 30rpx; margin-right: 5rpx; } .today-hot { position: relative; border-radius: 15rpx; font-size: 0; overflow: hidden; } .today-hot .today-main-img { border-radius: 15rpx; height: 615rpx; } .today-hot-box { position: absolute; left: 10rpx; right: 10rpx; bottom: 10rpx; } .today-hot-tag { line-height: 34rpx; max-width: 265rpx; background: #FF2245; border-radius: 15rpx 15rpx 0px 0px; padding: 0 15rpx; color: #fff; font-size: 20rpx; display: inline-block; margin: 0 40rpx; } .today-hot-title { background: rgba(255, 255, 255, 0.8); padding: 20rpx 28rpx; border-radius: 13rpx; font-size: 33rpx; color: #000; font-weight: 500; } .today-hot .today-tip-img { position: absolute; width: 154rpx; left: 11rpx; top: 31rpx; } .today-date { position: absolute; top: 65rpx; left: 11rpx; width: 154rpx; text-align: center; font-size: 30rpx; color: #fff; letter-spacing: 3rpx; font-weight: 500; } .title-header .icon-fanhui1 { display: none; } .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 #111; border-radius: 35rpx; font-size: 27rpx; font-family: PingFang SC; font-weight: 500; } .scroll-line { /* height: 6rpx; border-radius: 3rpx; 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: 8rpx; background: #FF4848; border-radius: 4rpx; } /* 元旦修改 新增样式 */ .scroll-line-bg2 { margin-left: 24rpx; background: #FF4848; height: 8rpx; border-radius: 4rpx; } .nomore-tip-btn { position: absolute; left: 0; right: 0; height: 78rpx; bottom: 0; } .prize-tip-text { width: 267rpx; display: block; top: 39rpx; left: 134rpx; position: absolute; } .prize-name { position: absolute; text-align: center; left: 132rpx; right: 132rpx; top: 169rpx; font-size: 31rpx; color: #333333; } .prize-img { width: 333rpx; height: 240rpx; border-radius: 13rpx; overflow: hidden; position: absolute; left: 100rpx; display: flex; align-items: center; justify-content: center; top: 269rpx; } .prize-img image { display: block; width: 333rpx; height: 240rpx; } .btn-box { position: absolute; width: 400rpx; height: 87rpx; left: 67rpx; bottom: 78rpx; text-align: center; line-height: 87rpx; } .btn-box image { display: block; width: 100%; } .btn-box navigator,.btn-box view { color: #fff; font-size: 35rpx; font-weight: bold; position: absolute; left: 0; top: 0; z-index: 1; right: 0; } .prize-coupon { width: 293rpx; height: 227rpx; position: absolute; top: 274rpx; left: 120rpx; color: #fff; font-size: 24rpx; text-align: center; } .prize-coupon image { display: block; width: 100%; } .prize-coupon-money { position: absolute; left: 0; right: 0; font-size: 80rpx; font-weight: bold; line-height: 110rpx; top: 12rpx; } .prize-coupon-money::before{ content: "¥"; font-size: 32rpx; } .prize-coupon-tip { position: absolute; left: 0; right: 0; top: 120rpx; } .other-plats { display: flex; font-size: 25rpx; text-align: center; margin-bottom: 30rpx; 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: 80rpx; display: block; height: 80rpx; margin-bottom: 15rpx; } .other-plat { /* 春节新增样式 */ color: #54504D; } .other-plat:nth-child(4n){ margin-right: 0; } .old-btn { position: fixed; left: 0; top: 170rpx; writing-mode:tb-rl; margin-top: 142rpx; color: #0B898E; font-size: 29rpx; width: 64rpx; height: 140rpx; display: flex; align-items: center; justify-content: center; letter-spacing: 3rpx; background: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 13rpx 0px rgba(0, 0, 0, 0.3); border-radius: 0 13rpx 13rpx 0; font-weight: 500; z-index: 1; } .top-bg-img { display: block; width: 100%; position: absolute; left: 0; } .dot-list { display: flex; position: absolute; right: 43rpx; bottom: 15rpx; } .dot { width: 11rpx; height: 11rpx; background: #FFFFFF; opacity: 0.4; border-radius: 50%; margin-left: 8rpx; } .dot.active { opacity: 1; } .sm-dot-list { left: 0; justify-content: center; bottom: 11rpx; } .sm-dot-list .dot { width: 7rpx; height: 7rpx; } .sm-dot-list .dot:nth-child(1){ margin-left: 0; } .sm-dot-list .dot.active { width: 20rpx; height: 7rpx; border-radius: 3rpx; } /* 弹窗广告 */ .zzc{ background: gray; position: fixed; left: 0px; top: 0px; width:100%; height: 100%; z-index: 998; filter: alpha(opacity=80); opacity: 0.8 !important; } .alertavd{ width: 500rpx; height: 700rpx; position: fixed; top: 50%; left: 50%; transform: translate(-250rpx,-300rpx); z-index: 999; } .alertsp{ width: 100%; height: 100%; z-index: 1000; } .fullavd{ position: fixed; left: 0px; top: 0px; width:100%; height: 100%; z-index: 1001; background-color: #fff; opacity: 1; transition: all 1s; } .fullsp{ width: 100%; height: 100%; } .time{ width: 150rpx; height: 60rpx; background-color: #fff; color: #000; position: absolute; left: 20rpx; top: 120rpx; border-radius:6rpx ; text-align: center; line-height: 60rpx; z-index: 1002; } /* 元旦修改新增样式 */ .xpth { /* width: 697rpx; */ /* height: 462rpx; */ /* background: linear-gradient(-90deg, #FF9B6A, #D02E25); */ border-radius: 20rpx; padding: 22.67rpx 0 15.33rpx 0; position: relative; flex-direction: column; } /* 元旦修改新增样式 */ .time-box { font-size: 25rpx; font-family: DIN; font-weight: 500; /* color: #54504D; */ color: #000000; display: flex; align-items: center; height: 37px; margin-left: -50rpx; z-index: 9; flex-wrap: nowrap; } /* 元旦修改新增样式 */ .xsth-time { /* margin: 0 5rpx; */ /* width: 50rpx; */ /* height: 33rpx; */ width: 43rpx; height: 43rpx; line-height: 43rpx; background: #4AB648; /* background: #F9F1DB; */ /* border-radius: 5rpx; */ border-radius: 13rpx; font-size: 25rpx; font-family: DIN; font-weight: 500; /* color: #D62828; */ color: white; text-align: center; /* line-height: 33rpx; */ } .time-box text { width: 18rpx; text-align: center; } /* 元旦修改新增样式 */ .xpth-left { width: 393rpx; display: flex; flex-direction: column; justify-content: space-between; } /* 元旦修改新增样式 */ .xsth-title { display: flex; justify-content: space-between; width: 100%; align-items: flex-end; margin-bottom: 20rpx; } /* 元旦修改新增样式 */ .xsth-more { margin-top: 19.33rpx; font-size: 27rpx; font-family: HYZhongYuan; font-weight: normal; color: #FFE7C0; } /* 元旦修改新增样式 */ .xsth-more image { margin-left: 14.67rpx; width: 12.67rpx; height: 22.67rpx; vertical-align: middle; } /* 元旦修改新增样式 */ .yanhua { height: 104rpx; width: 104rpx; position: absolute; right: 120rpx; z-index: 999; } /* 元旦修改新增样式 */ .xpth-product { /* 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 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; /* 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: 319rpx; border-radius: 20rpx; /* 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; /* 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; } /* 元旦修改新增样式 */ .xpth-item image { /* width: 160rpx; height: 160rpx; background: #FFE7C0; border-radius: 15rpx 0 0 15rpx; */ width: 157rpx; height: 154rpx; background: #72707D; border-radius: 20rpx; /* margin-right: 15.33rpx; */ flex-shrink: 0; } /* 元旦修改新增样式 */ .xpth-item-content { width: 100%; display: flex; flex-direction: column; justify-content: space-around; /* background: #FBECDE; */ padding-left: 15.33rpx; border-radius: 0 15rpx 15rpx 0; } /* 元旦修改新增样式 */ .xpth-item-title { width: 230rpx; font-size: 27rpx; font-family: PingFang SC; font-weight: 500; color: #333333; margin-right: 18rpx; /* height: 80rpx; */ } .xpth-tag { font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #E5A54A; } /* 元旦修改新增样式 */ .xpth-item-bottom { display: flex; justify-content: space-between; align-items: center; padding-right: 13.33rpx; } /* 元旦修改新增样式 */ .xpth-item-price { font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #D62828; } /* 元旦修改新增样式 */ .xpth-item-price::before { content: "¥"; font-size: 20rpx; } /* 元旦修改新增样式 */ .xpth-item-buy { width: 111rpx; height: 36rpx; background: linear-gradient(180deg, #FF9B6A, #E63100); border-radius: 18rpx; font-size: 21rpx; font-family: PingFang SC; font-weight: 500; color: #FFE7C0; text-align: center; line-height: 36rpx; } /* 元旦修改新增样式 */ .new-pic { width: 160rpx !important; height: 255rpx !important; /* margin-bottom: 26.67rpx; */ } .ggfw-list{ display: flex; justify-content: space-around; } .ggfw { width: auto; margin:0; } .ggfw image{ margin-bottom: 16.67rpx; width: 113.33rpx !important; height: 113.33rpx !important; } .six-box-new { width: 697rpx; /* background: linear-gradient(-90deg, #FF9B6A, #D02E25); */ border-radius: 20rpx; display: flex; justify-content: space-between; align-items: center; padding-left: 13.33rpx; overflow: scroll; margin-bottom: 53.33rpx; z-index: 1; position: relative; } .six-box-new image { width: 440rpx; height: 213.33rpx !important; /* background: #FFE7C0; */ border-radius: 20rpx; flex-shrink: 0; margin-right: 13.33rpx; } /* 春节金刚区字体颜色样式更换 */ .top-icon-text { color: #54504D; } .rmtj-right { /* width: 313.33rpx; height: 154rpx; */ width: 240rpx; height: 66rpx; position: absolute; right: -22rpx; right: 0; z-index: 2; /* top: -20rpx; */ } .Qtop{ width: 100%; } .Qtop img{ width: 100%; } .miao{ position: fixed; top: 100rpx; background: antiquewhite; margin: 18rpx; width: 129rpx; height: 63rpx; background: rgba(17, 17, 17, 0.1); text-align: center; border-radius: 13rpx; line-height: 63rpx; } .topBox { /* display: flex; padding-top: 120rpx; padding-left: 20rpx; */ } .jumpBox { color: #000; background: rgba(255,255,255, 0.911); display: flex; align-items: center; border-radius: 10rpx; padding: 10rpx 20rpx; position: fixed; top: 150rpx; left: 20rpx; } .time{ padding-right: 10rpx; } .muteImg { width: 62rpx; height: 62rpx; position: absolute; top: 194rpx; right: 38rpx; } .logoImg { width: 464.67rpx; height: 342.67rpx; position: absolute; top: 406rpx; left: 142rpx; } .btnImg { width: 296.67rpx; height: 79.33rpx; position: absolute; left: 226rpx; bottom: 208rpx; } .playImg { position: absolute; width: 31.33rpx; height: 38rpx; left: 56.67rpx; bottom: 64rpx; } .right-more { width: 120rpx; height: 47rpx; background-color: rgba(255,255,255,.3); 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,250,245,0.3); border-radius: 13rpx; /* border: 1px solid #FFFFFF; */ font-size: 32rpx; color: #FFFFFF; text-align: center; line-height: 53rpx; margin-right: 14rpx; } .hdrlNavActive { background: linear-gradient(180deg, #FFFAF5, #FFE3C2); font-size: 32rpx; color: #FF4848; 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/20240923/d4c9e6e558796b0ff89726d0857a5d03.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/20240923/0220a6adf111a97a9b12746438e87967.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 { 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/20240923/0220a6adf111a97a9b12746438e87967.png"); /* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */ background-size: 100% 100%; width: 733.33rpx; height: 320rpx; padding-top: 33.33rpx; } .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: #320000; } .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: #320000; 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; } .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); } .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: #FFEBD5; color: #111111; font-family: PingFang SC; /* font-weight: bold; */ font-size: 29rpx; color: #111111; }