| | |
| | | z-index: 999; |
| | | width: 670rpx; |
| | | margin: 40rpx auto 48rpx; |
| | | height: 170rpx; |
| | | background: #FFFFFF; |
| | | box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(176, 135, 113, 0.2); |
| | | border-radius: 8rpx; |
| | |
| | | font-size: 26rpx; |
| | | color: #666666; |
| | | margin-bottom: 24rpx; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .addr { |
| | | font-size: 26rpx; |
| | | color: #888888; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | | .navback{ |
| | |
| | | .main_content { |
| | | position: relative; |
| | | bottom: 80rpx; |
| | | padding: 0 40rpx 40rpx; |
| | | padding: 0 40rpx 0rpx; |
| | | height: calc( 100% - 480rpx ); |
| | | overflow: hidden; |
| | | background-color: #fff; |
| | | padding-top: 80rpx; |
| | | .title { |
| | |
| | | margin-bottom: 38rpx; |
| | | } |
| | | .list { |
| | | height: calc( 100% - 92rpx ); |
| | | padding: 20rpx; |
| | | margin: 0 -40rpx; |
| | | padding-bottom: 12rpx; |
| | | width: 750rpx; |
| | | .item { |
| | | width: 670rpx; |
| | | margin: 10rpx auto 30rpx; |
| | | height: 148rpx; |
| | | background: rgba(176, 135, 113, 0.05) #FFFFFF; |
| | | box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.12); |
| | | box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0,0,0,0.12); |
| | | border-radius: 8rpx; |
| | | padding: 0 30rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-bottom: 30rpx; |
| | | |
| | | .content { |
| | | flex: 1; |
| | | |
| | |
| | | width: 88rpx; |
| | | height: 88rpx; |
| | | border-radius: 50%; |
| | | border: 1rpx solid #cccccc; |
| | | margin-right: 24rpx; |
| | | } |
| | | |
| | |
| | | border: 1rpx solid var(--themeColor); |
| | | } |
| | | } |
| | | .empty{ |
| | | height: 80rpx; |
| | | } |
| | | } |
| | | } |
| | | .empty_wrap{ |
| | | padding-top: 100rpx; |
| | | } |
| | | .container{ |
| | | overflow: hidden; |
| | | height: 100%; |
| | | } |
| | | .app{ |
| | | overflow: hidden; |
| | | height: 100vh; |
| | | } |
| | | .footer{ |
| | | display: flex; |
| | | align-items: center; |
| | | height: 100rpx; |
| | | position: fixed; |
| | | background-color: #fff; |
| | | z-index: 999; |
| | | bottom: 0; |
| | | left: 0rpx; |
| | | width: 750rpx; |