| @@ -1,191 +1,209 @@ | |||||
| @import "../iconfont.wxss"; | @import "../iconfont.wxss"; | ||||
| .searchicon{ | |||||
| margin-right: 5rpx; | |||||
| } | |||||
| .map{ | |||||
| position: fixed; | |||||
| right: 0; | |||||
| top: 740rpx; | |||||
| height: 100rpx; | |||||
| width: 100rpx; | |||||
| /* background-color: chartreuse; */ | |||||
| } | |||||
| .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; | |||||
| } | |||||
| .posi { | |||||
| position: relative; | |||||
| width: 616rpx; | |||||
| float: right; | |||||
| margin-top: 20rpx; | |||||
| } | |||||
| .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; | |||||
| } | |||||
| .tel { | |||||
| position: absolute; | |||||
| right: 3%; | |||||
| top: 0; | |||||
| bottom: 0; | |||||
| margin: auto; | |||||
| width: 50rpx; | |||||
| height: 50rpx; | |||||
| } | |||||
| .merchants{ | |||||
| .searchicon { | |||||
| margin-right: 5rpx; | |||||
| } | |||||
| .map { | |||||
| position: fixed; | |||||
| right: 0; | |||||
| top: 740rpx; | |||||
| height: 100rpx; | |||||
| width: 100rpx; | |||||
| /* background-color: chartreuse; */ | |||||
| } | |||||
| .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; | |||||
| } | |||||
| .posi { | |||||
| position: relative; | |||||
| width: 616rpx; | |||||
| float: right; | |||||
| margin-top: 20rpx; | |||||
| padding-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; | |||||
| } | |||||
| .tel { | |||||
| position: absolute; | |||||
| right: 3%; | |||||
| top: 0; | |||||
| bottom: 0; | |||||
| margin: auto; | |||||
| width: 50rpx; | |||||
| height: 50rpx; | |||||
| } | |||||
| .merchants { | |||||
| width: 90%; | width: 90%; | ||||
| display: flex; | display: flex; | ||||
| background: #fff; | background: #fff; | ||||
| padding-right:5%; | |||||
| 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; | 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; | |||||
| } | |||||
| .shopVoList text{ | |||||
| font-size: 20rpx!important; | |||||
| color: #b8b8b8!important; | |||||
| margin-right: 10rpx; | |||||
| } | |||||
| } | |||||
| .shopVoList text { | |||||
| font-size: 20rpx !important; | |||||
| color: #b8b8b8 !important; | |||||
| margin-right: 10rpx; | |||||
| } | |||||