page { background-color: white; } .swiper-item { height: 347rpx; width: 100%; background: #f6f6f6; } .sticky-box { border-bottom:1px solid #e6e6e6; height: 48px; padding: 0 32rpx; background-color: white; width: 750rpx; box-sizing: border-box; } .content { padding: 20rpx 32rpx 30rpx 32rpx; } .top-act { position: fixed; width: 750rpx; z-index: 99999; background-color: white; top: 0; display: flex; align-items: flex-end; box-sizing: border-box; padding-left: 30rpx; justify-content: space-between; padding-bottom: 10px; } .act-title { font-size: 36rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; } /* 列表 */ .namewrap { position: relative; /* padding-top: 20rpx; */ } .namewrap .nameitem { display: inline-block; font-size: 32rpx; font-weight: 600; text-align: left; color: #666666; margin-right: 44rpx; position: relative; height: 48px; /* line-height: 103rpx; */ font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; padding-top: 15rpx; box-sizing: border-box; } .item-line { position: absolute; bottom: 0; width: 80%; height: 4rpx; background: #ffdd36; border-radius: 2rpx; left: 50%; transform: translateX(-50%); } .namewrap .nameactive { font-size: 34rpx; font-weight: 700; text-align: left; color: #1a1a1a; font-family: PingFang SC, PingFang SC-Bold; } .item-box { /* width: calc(100% - 113rpx); */ width: 100%; white-space: nowrap; overflow-x: auto; } .namewrap .filter { position: absolute; top: 20rpx; right: 0; z-index: 10; height: 49rpx; width: 103rpx; text-align: center; line-height: 49rpx; background: #ffffff; border-radius: 10rpx; color: #666666; } .namewrap .filter .triangle { background: white; border-top: 10rpx solid white; border-right: 5px solid #666666; height: 0; float: right; margin-right: 10rpx; margin-top: 30rpx; display: flex; justify-content: center; align-items: flex-end; width: 5rpx; border-radius: 0 5rpx 0rpx 0rpx; } .categoryitem { padding: 22rpx 0 12rpx 0; box-sizing: border-box; background: white; /* margin-bottom: 15rpx; */ border-radius: 10rpx; border-bottom: 1px solid #e6e6e6; } .hang-item { padding-bottom: 21rpx; border-bottom: 1px solid #E6E6E6; } .hang-item:last-child { border-bottom: none; } .hang-item .info-box { display: flex; /* justify-content: space-between; */ margin-top: 23rpx; } .hang-item .info-box .per-img{ width: 140rpx; height: 140rpx; border-radius: 50%; flex-shrink: 0; } .hang-item .info-box .right-box{ display: flex; margin-left: 65rpx; justify-content: space-between; /* width: 425rpx; */ flex: 1; } .hang-item-name { font-size: 28rpx; font-family: 'FZCuYuan-M03'; font-weight: 400; color: #1a1a1a; margin-top: 25rpx; } .jing { color:#999999; font-family: 'FZCuYuan-M03'; font-weight: 400; } .jcon { letter-spacing: 3rpx; margin-left: 8rpx; } .hang-item-zhi { font-size: 24rpx; font-family: 'FZZhunYuan-M02S'; font-weight: 400; color: #808080; margin-top: 16rpx; } .hang-item-address { display: flex; padding-top: 25rpx; width: 210rpx; flex-shrink: 0; justify-content: flex-end; } .hang-item-address .address-word { font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #666666; } .hang-item .label { font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #333333; margin-top: 13rpx; } .hang-item-type-box { display: flex; flex-wrap: wrap; } .hang-item-type-box .item { padding: 0 16rpx; height: 40rpx; line-height: 40rpx; opacity: 0.67; background: #f5f5f5; border-radius: 10rpx 0px 10rpx 0px; margin-right: 15rpx; font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #333333; margin-top: 10rpx; } .jiao-box { display: flex; justify-content: space-between; margin-top: 12rpx; align-items: baseline; } .jiao-box .num-box{ font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #666666; /* line-height: 50rpx; */ display: flex; flex-direction: row; margin-top: 15rpx; } .pers { color: #FF9209; } .catetop { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .nodata-img{ margin: 130rpx auto; }