@import "../iconfont.ttss"; .searchicon{ margin-right: 5rpx; } .map{ position: fixed; right: 0; top: 740rpx; height: 100rpx; width: 100rpx; /* background-color: chartreuse; */ } .bgBox{ background-image: linear-gradient(#ffffff, #F4F5F9); height: 500rpx; } .goSqunar1 { display: flex; justify-content: center; background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/topback_1.png'); background-size: 100% 100%; background-repeat: no-repeat; position: relative; height: 190rpx; } .squareLogo{ width: 94rpx; height: 40rpx; position: absolute; left: 30rpx; /* top: 44%; */ } .title1 { max-width:320rpx; color: #402e1e; font-family: "PingFangSC-Medium"; font-size: 28rpx; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xia { width: 24rpx; height: 14rpx; margin: auto 10rpx; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* margin: auto; */ } .search{ z-index:5000; left:0; right: 0; margin: auto; width: 700rpx; height: 68rpx; line-height: 68rpx; border:1px solid #ccc; background: #F4F5F9; border-radius:10rpx; text-align: center; color: #999; font-size:30rpx; } .under_line{ width: 100%; } .scrollY { width: 134rpx; position: fixed; left: 0; background:#F4F5F9; /* top:240rpx; */ margin-top: 40rpx; overflow: scroll; } .text-style { position: relative; width: 139rpx; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 30rpx; font-family: PingFangSC-Semibold; color: #3C3C3C; background: #FFFFFF; font-weight:500; } .text-styleHover{ position: relative; width: 139rpx; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 26rpx; font-family: PingFangSC-Semibold; color: #A6A6A6; } .text-style text{ font-size: 26rpx; } .active1 { font-size: 26rpx!important; } .active { position: absolute; left: 4rpx; bottom: 0rpx; top:0; margin: auto; width:12rpx; height:24rpx; background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); border-radius:7rpx; } .lists{ overflow: scroll; margin-bottom: 200rpx; } .posi { position: relative; width: 616rpx; float: right; margin-top: 20rpx; margin-bottom: 200rpx; } .posi>view:nth-child(2) { width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; } .posi>view:nth-child(2) text:nth-child(1) { font-size: 30rpx; color: #a9a9a9; } .posi>view:nth-child(2) text:nth-child(2) { font-size: 30rpx; color: #a9a9a9; } .posi_logo { position: relative; width:576rpx!important; height:176rpx; background:rgba(255,255,255,1); box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04); border-radius:16rpx; margin: 20rpx; overflow: hidden; } .floor{ width: 80rpx; height: 40rpx; line-height: 40rpx; position: absolute; top: 0; right: 0; border-radius:0 16rpx 0 0; background-color: #d5af67; color: #fff; font-size: 22rpx; text-align: center; } .tel { position: absolute; right: 3%; top: 0; bottom: 0; margin: auto; width: 50rpx; height: 50rpx; } .merchants{ width: 90%; display: flex; background: #fff; padding-right:5%; overflow: hidden; } .merchants view:nth-child(1) image { display: block; width: 120rpx; height: 120rpx; border-radius: 16rpx; } .position{ text-align: center; margin-top: 100rpx; color: #999; } .leftBox{ padding: 20rpx 0; } .shopVo{ margin-left: 20rpx; } .merchantName{ color: #3C3C3C; font-size: 32rpx; margin-left: 20rpx; width: 60%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 10rpx; } .shopVo text{ float: left; } page { padding: 0 0 30rpx; } .text{ display: block; width: 25%; text-align: center; } .view view:nth-of-type(1) { font-size: 28rpx; color: #888; } .shopVoList{ padding-left: 0!important; display: inline-block!important; width: 345rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 80rpx; } .shopVoList text{ font-size: 20rpx!important; color: #b8b8b8!important; margin-right: 10rpx; }