|  |  |  | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | background-color: #F7F7F7; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | image { | 
|---|
|  |  |  | width: 28rpx; | 
|---|
|  |  |  | margin-right: 16rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .app { | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | .home_content{ | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .home_top{ | 
|---|
|  |  |  | position: fixed; | 
|---|
|  |  |  | z-index: 9999; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .main_content { | 
|---|
|  |  |  | height: calc(100% - 120rpx); | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | padding-top: 120rpx; | 
|---|
|  |  |  | .query_wrap_scroll{ | 
|---|
|  |  |  | width: 750rpx; | 
|---|
|  |  |  | padding: 0 40rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .query_wrap { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | padding: 0 16rpx; | 
|---|
|  |  |  | .item { | 
|---|
|  |  |  | margin-right: 36rpx; | 
|---|
|  |  |  | height: 88rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | color: #666666; | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | .name { | 
|---|
|  |  |  | margin-right: 6rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .query_param { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | z-index: 99; | 
|---|
|  |  |  | z-index: 999; | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | .list { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-wrap: wrap; | 
|---|
|  |  |  | max-height: 400rpx; | 
|---|
|  |  |  | overflow: auto; | 
|---|
|  |  |  | padding: 30rpx 40rpx; | 
|---|
|  |  |  | .item { | 
|---|
|  |  |  | width: 202rpx; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .shade{ | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | background-color: rgba(0,0,0,.5); | 
|---|
|  |  |  | z-index: 99; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .status { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | padding: 0rpx 40rpx; | 
|---|
|  |  |  | margin: 20rpx 0; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | height: 100rpx; | 
|---|
|  |  |  | .active { | 
|---|
|  |  |  | color: var(--themeColor); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .separate { | 
|---|
|  |  |  | margin: 0 12rpx; | 
|---|
|  |  |  | width: 1rpx; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .goods_list{ | 
|---|
|  |  |  | box-sizing: border-box; | 
|---|
|  |  |  | padding: 12rpx 40rpx; | 
|---|
|  |  |  | height: calc( 100% - 188rpx); | 
|---|
|  |  |  | .item{ | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | margin-bottom: 32rpx; | 
|---|