| @@ -1,191 +1,209 @@ | |||
| @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%; | |||
| display: flex; | |||
| 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; | |||
| } | |||
| .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; | |||
| } | |||