/**index.wxss**/ .swiper,.swiper image { width: 100%; display: block; height: 367rpx; } .top-box { position: absolute; display: flex; align-items: center; left: 9rpx; margin-right: 19rpx; top: 14rpx; justify-content: space-between; } .top-box image { flex-shrink: 0; width: 53rpx; height: 53rpx; display: block; margin-left: 14rpx; } .search-box { flex: 1; width: 423rpx; height: 54rpx; background: #F6F6F6; border-radius: 27rpx; display: flex; align-items: center; color: #999999; font-size: 23rpx; margin: 0 30rpx; } .search-box .iconfont { font-size: 28rpx; margin-left: 20rpx; margin-right: 10rpx; } .top-box .weather-num,.top-box .weather { flex-shrink: 0; color: #fff; } .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; } .top-icons { background: #FFFFFF; box-shadow: 0px 3rpx 26rpx 0px rgba(6, 0, 1, 0.13); border-radius: 27rpx; margin: 0 20rpx; margin-top: -20rpx; position: relative; z-index: 1; display: flex; padding: 34rpx 0; padding-bottom: 7rpx; justify-content: space-between; flex-wrap: wrap; } .top-icon-item { margin-bottom: 30rpx; 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: 87rpx; display: block; margin: 0 auto; margin-bottom: 18rpx; } .content { margin: 0 25rpx; } .sale-road-boxes { display: flex; justify-content: space-between; margin-top: 60rpx; } .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: 85rpx 0; width: 100%; height: 154rpx; border-radius: 77rpx; overflow: hidden; } .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: 90rpx 0; } .pic-list image { width: 160rpx; height: 200rpx; display: block; } .title-more { font-size: 27rpx; color: #0B898E; } .title-more .iconfont { font-size: 22rpx; } .pbservice { width: calc(175rpx * 6); display: flex; margin-top: 20rpx; flex-wrap: wrap; margin-bottom: 100rpx; } .pbservice-item { width: 175rpx; text-align: center; font-size: 25rpx; color: #333; line-height: 24rpx; display: flex; align-items: center; justify-content: center; flex-direction: column; } .pbservice-item image { width: 60rpx; margin-bottom: 20rpx; margin-top: 50rpx; } .six-box { margin-top: 43rpx; display: flex; margin-bottom: 80rpx; 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; } .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; }