test/pages/index/index.wxss

/* pages/indexs/index.wxss */
/* 元旦修改 */
page {
  height: fit-content;
  padding-bottom: 36.67rpx;
  background: #F5C564;
  background-size: 100% auto;
  /* 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,248,235,0.7);
  border-radius: 13rpx;
  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: 37.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-around;
    /* 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: 155rpx !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;
  border-radius: 7rpx;
  border: 1px solid #111111;
  font-weight: 500;
  font-size: 27rpx;
  color: #111111;
  text-align: center;
  line-height: 47rpx;
}

.hdrlNavList {
  display: flex;
  margin: 28rpx 26.67rpx 26rpx;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.hdrlNav {
  flex-shrink: 0;
  /* width: 160rpx; */
  padding: 0 20rpx;
  height: 53rpx;
  background: #FCE7BF;
  border-radius: 7rpx;
  /* border: 1px solid #FFFFFF; */
  min-width: 133rpx;

  font-size: 32rpx;
  color: #111111;
  text-align: center;
  line-height: 53rpx;
  margin-right: 14rpx;
  box-sizing: border-box;
}
.hdrlNavActive {
  background: linear-gradient(180deg, #E2802B, #D1201B);
  font-size: 32rpx;
  color: #FFFFFF;
  border: none;
}
.hdrlItem {
  flex-shrink: 0;
  padding: 10rpx;
  /* width: 593.33rpx; */
  display: flex;
  background-size: 100% 100%;
  background: linear-gradient(90deg, #EC2026, #3A3D83);
  border-radius: 13rpx;
  margin-right: 20rpx;
  width: 573rpx;
}
.hdrlItem-img {
  width: 240rpx;
  height: 213rpx;
  background: #8C8C8C;
  border-radius: 7rpx;
  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 {
    width: 697rpx;
    /* height: 273rpx; */
    background: linear-gradient(180deg, #FFEED6, #FFDCA3);
    border-radius: 13rpx;
    margin: 110rpx auto 43rpx;
    position: relative;
    padding-top: 93rpx;
    padding-bottom: 20rpx;
    /* box-sizing: border-box; */
}
.main-box-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16rpx;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: -72rpx;
}
.gfyj,.sslk {
  width: 324.33rpx;
  height: 131rpx;
  flex-shrink: 0;
}


.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: 26rpx auto 15.33rpx;
    width: 697rpx;
    height: 293rpx;
    background: linear-gradient(180deg, #FFEED6, #FFDCA3);
    border-radius: 13rpx;

    padding-top: 3.33rpx;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.ysz-more {
    width: 183rpx;
    height: 53rpx;
    border-radius: 7rpx;
    border: 1px solid #000000;

    margin: 38rpx auto 0;
    text-align: center;
    line-height: 53rpx;
    font-weight: 500;
    font-size: 25rpx;

}
.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(224,61,60,0.26); */
  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: black;
}
.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: 200.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: #111111;
}
.nowDate .num{
    background: #FCE7BF;
    color: #C11A20;
    font-family: PingFang SC;
    font-weight: bold;
    font-size: 29rpx;
    border-radius: 50%;
}

.ysz-right-img{
    width: 213.33rpx;
    height: 259.33rpx;
    position: absolute;
    right: -26rpx;
    top: 44rpx;
    z-index:1;
}
.hidden{
  display: none;
}

.top-box image.search-icon{
    width: 26.67rpx;
    height: 26.67rpx;
    margin-right: 20rpx;
}