|
|
|
|
/**index.wxss**/
|
|
|
|
|
/* 元旦修改 */
|
|
|
|
|
page {
|
|
|
|
|
/* background: #9DDCF5; */
|
|
|
|
|
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: #F3FBFB;
|
|
|
|
|
}
|
|
|
|
|
.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;
|
|
|
|
|
border-radius: 0rpx;
|
|
|
|
|
color: #15B593;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 25rpx;
|
|
|
|
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20250312/6cc354588441d7f89a36a91d7e1edd52.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; */
|
|
|
|
|
}
|
|
|
|
|
.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 {
|
|
|
|
|
border-radius: 0 0 27rpx 27rpx;
|
|
|
|
|
width: 697rpx;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
padding: 34rpx 0;
|
|
|
|
|
padding-bottom: 29.33rpx;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
margin-top: -50rpx;
|
|
|
|
|
padding-top: 84rpx;
|
|
|
|
|
}
|
|
|
|
|
.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: 86rpx;
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.content {
|
|
|
|
|
margin: 0 25rpx;
|
|
|
|
|
}
|
|
|
|
|
.sale-road-boxes {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 40rpx;
|
|
|
|
|
position: relative;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
}
|
|
|
|
|
.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: 50rpx 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 154rpx;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
/* border-radius: 77rpx; */
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
margin-top: 33rpx;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
.title-more {
|
|
|
|
|
font-size: 27rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #29305A;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
width: 173rpx;
|
|
|
|
|
height: 80rpx;
|
|
|
|
|
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;
|
|
|
|
|
border-radius: 27rpx;
|
|
|
|
|
padding-bottom: 1rpx;
|
|
|
|
|
margin-bottom: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
.pbservice {
|
|
|
|
|
/* width: calc(175rpx * 6); */
|
|
|
|
|
/* 元旦修改 */
|
|
|
|
|
width: calc(190rpx * 7);
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-top: 30rpx;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
/* margin-bottom: 60rpx; */
|
|
|
|
|
/* 元旦修改 注释margin-bottom */
|
|
|
|
|
}
|
|
|
|
|
.pbservice-item {
|
|
|
|
|
/* 元旦修改 截止到注释的width*/
|
|
|
|
|
width: 120rpx;
|
|
|
|
|
margin-bottom: 33.33rpx;
|
|
|
|
|
margin-right: 62.33rpx;
|
|
|
|
|
/* width: 175rpx; */
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 25rpx;
|
|
|
|
|
color: #111111;
|
|
|
|
|
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: 106rpx;
|
|
|
|
|
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;
|
|
|
|
|
margin: 20rpx auto;
|
|
|
|
|
width: 200rpx;
|
|
|
|
|
height: 67rpx;
|
|
|
|
|
line-height: 67rpx;
|
|
|
|
|
border: 1px solid #5184B0;
|
|
|
|
|
font-size: 27rpx;
|
|
|
|
|
font-family: PingFang SC;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #5184B0;
|
|
|
|
|
}
|
|
|
|
|
.scroll-line {
|
|
|
|
|
|
|
|
|
|
width: 73rpx !important;
|
|
|
|
|
height: 7rpx;
|
|
|
|
|
/* background: #DDCEAC; */
|
|
|
|
|
background: #97D0EC;
|
|
|
|
|
border-radius: 3rpx;
|
|
|
|
|
margin: 33.33rpx auto;
|
|
|
|
|
}
|
|
|
|
|
.scroll-line-bg {
|
|
|
|
|
height: 7rpx;
|
|
|
|
|
background: #5184B0;
|
|
|
|
|
border-radius: 3rpx;
|
|
|
|
|
}
|
|
|
|
|
/* 元旦修改 新增样式 */
|
|
|
|
|
.scroll-line-bg2 {
|
|
|
|
|
margin-left: 37.33rpx;
|
|
|
|
|
background: #5184B0;
|
|
|
|
|
height: 7rpx;
|
|
|
|
|
border-radius: 3rpx;
|
|
|
|
|
}
|
|
|
|
|
.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;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
height: 187rpx;
|
|
|
|
|
border-radius: 27rpx;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.other-plats image {
|
|
|
|
|
width: 106rpx;
|
|
|
|
|
display: block;
|
|
|
|
|
height: 106rpx;
|
|
|
|
|
margin-bottom: 15rpx;
|
|
|
|
|
}
|
|
|
|
|
.other-plat {
|
|
|
|
|
/* 春节新增样式 */
|
|
|
|
|
color: #111111;
|
|
|
|
|
}
|
|
|
|
|
.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: 27rpx;
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
left: -150rpx;
|
|
|
|
|
}
|
|
|
|
|
/* 元旦修改新增样式 */
|
|
|
|
|
.xsth-time {
|
|
|
|
|
/* width: 43rpx; */
|
|
|
|
|
height: 43rpx;
|
|
|
|
|
padding: 0 7rpx;
|
|
|
|
|
line-height: 43rpx;
|
|
|
|
|
border-radius: 13rpx;
|
|
|
|
|
font-size: 27rpx;
|
|
|
|
|
font-family: DIN;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #D62828;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.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 {
|
|
|
|
|
width: 700rpx;
|
|
|
|
|
height: 373rpx;
|
|
|
|
|
border-radius: 27rpx;
|
|
|
|
|
padding: 25rpx 13rpx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
}
|
|
|
|
|
/* 元旦修改新增样式 */
|
|
|
|
|
.xpth-banner {
|
|
|
|
|
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/20250312/004153a812042b46ca750146f5259ef7.png");
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
padding: 3rpx;
|
|
|
|
|
}
|
|
|
|
|
.xpth-banner-swiper{
|
|
|
|
|
height: 100%;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.xpth-banner image {
|
|
|
|
|
flex: 1;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
/* 元旦修改新增样式 */
|
|
|
|
|
.xpth-item {
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
height: 153rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-bottom: 13rpx;
|
|
|
|
|
background-image: url("https://static.ticket.sz-trip.com/uploads/20250312/a41b881279749fba4c506c164914b601.png");
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
padding: 1rpx;
|
|
|
|
|
}
|
|
|
|
|
.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: 210rpx;
|
|
|
|
|
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: 31rpx;
|
|
|
|
|
font-family: PingFang SC;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #ED1C19;
|
|
|
|
|
}
|
|
|
|
|
/* 元旦修改新增样式 */
|
|
|
|
|
.xpth-item-price::before {
|
|
|
|
|
content: "¥";
|
|
|
|
|
font-size: 23rpx;
|
|
|
|
|
}
|
|
|
|
|
/* 元旦修改新增样式 */
|
|
|
|
|
.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: 220rpx !important;
|
|
|
|
|
margin-bottom: 26.67rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ggfw-list {
|
|
|
|
|
justify-content: space-around !important;
|
|
|
|
|
}
|
|
|
|
|
.ggfw-list .pbservice-item{
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
color: #111111;
|
|
|
|
|
}
|
|
|
|
|
.ggfw {
|
|
|
|
|
width: auto;
|
|
|
|
|
}
|
|
|
|
|
.ggfw image{
|
|
|
|
|
margin-bottom: 16.67rpx;
|
|
|
|
|
width: 93rpx !important;
|
|
|
|
|
height: 93rpx !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: #111111;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
}
|
|
|
|
|
.jqssd {
|
|
|
|
|
/* background: url("https://static.ticket.sz-trip.com/uploads/20240606/20c06c5bf8d5e498667ebd954a1d95f8.png");
|
|
|
|
|
background-size: 100% 100%; */
|
|
|
|
|
width: 344.33rpx;
|
|
|
|
|
height: 160rpx;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
.jqssd image, .sslk image{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
.sslk {
|
|
|
|
|
/* background: url("https://static.ticket.sz-trip.com/uploads/20240729/c1554fdd645a0d3a47c8e683186e1a73.png");
|
|
|
|
|
background-size: 100% 100%; */
|
|
|
|
|
width: 344rpx;
|
|
|
|
|
height: 160rpx;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.xsth-left{
|
|
|
|
|
/* flex: 1;
|
|
|
|
|
width: 1rpx; */
|
|
|
|
|
}
|
|
|
|
|
.xsth-left>image{
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|