/* pages/list/theatre/index.wxss */ page{ background:#F7F7F7; padding-bottom: 20rpx; } .my-header-search{ background: white; position: fixed; top: 0; left: 0; right: 0; } .my-header-search .bg-box .title-header{ color: #999; } .my-header-search .title-header .icon-fanhui1{ color: #333 !important; } .sale-types { background-image: url("https://static.ticket.sz-trip.com/uploads/20250924/e47d70fa4d99ac1804729b024cdf4d6a.png"); background-size: 100% 100%; width: 100%; height: 466.67rpx; display: flex; align-items: flex-end; padding: 0 26rpx 50rpx; /* justify-content: space-between; */ box-sizing: border-box; } .sale-type { width: 160rpx; height: 77.33rpx; flex-shrink: 0; font-weight: bold; font-size: 28rpx; color: #FE7429; background-image: url("https://static.ticket.sz-trip.com/uploads/20250924/12b88d55fac2e526445d101f90eb9e0b.png"); background-size: 100% 100%; text-align: center; line-height: 77rpx; margin-right: 40rpx; } .sale-type.active { font-weight: bold; font-size: 28rpx; color: #000000; background-image: url("https://static.ticket.sz-trip.com/uploads/20250924/5c0f204a31181920f5561f2cdc725559.png"); } .search-fix{ height: 95rpx; width: 100%; border-radius: 20rpx 20rpx 0 0; background: #F7F7F7; position: relative; z-index: 2; margin-top: -30rpx; box-sizing: border-box; padding: 0 144rpx; display: flex; justify-content: space-between; align-items: center; font-weight: 500; font-size: 24rpx; color: #000000; } .feiyi-picker{ display: flex; align-items: center; } .trian-down{ margin-left: 13rpx; width: 0; height: 0; /* 关键:左右边框宽度大于底部边框宽度,形成扁平效果 */ border-left: 14rpx solid transparent; /* 左宽 */ border-right: 14rpx solid transparent; /* 右宽 */ border-top: 10rpx solid #999; /* 高度(数值越小越扁) */ } .prod-box{ background: #F7F7F7; border-radius: 20rpx 20rpx 0 0; padding-top: 33rpx; } .item { background: #FFFFFF; margin: 0rpx 27rpx 30rpx; display: flex; align-items: flex-start; justify-content: space-between; padding: 6rpx; border-radius: 13rpx; } .item image { width: 160rpx; height: 160rpx; background: #D1D7CB; border-radius: 7rpx; margin-right: 14rpx; flex-shrink: 0; } .info { flex: 1; width: 1rpx; min-height: 160rpx; } .info .title { font-weight: bold; font-size: 31rpx; color: #000000; margin-bottom: 20rpx; } .info .subtitle { font-weight: 500; font-size: 24rpx; color: #999999; } .info .line{ width: 100%; height: 1px; background: #D8D8D8; margin: 22rpx 0; } .prod-item{ font-weight: 500; font-size: 24rpx; color: #000000; display: flex; align-items: center; margin-bottom: 20rpx; } .prod-item .hot{ width: 31rpx; height: 31rpx; background: linear-gradient(-30deg, #FF4000, #FF8D23); border-radius: 7rpx; font-weight: 500; font-size: 23rpx; color: #FFFFFF; text-align: center; line-height: 31rpx; margin-right: 17rpx; flex-shrink: 0; } .prod-item .price{ font-weight: bold; font-size: 24rpx; color: #D80000; margin-right: 17rpx; }