| | |
| | | background: #B08771; |
| | | border-radius: 0rpx 8rpx 8rpx 0rpx; |
| | | } |
| | | .wrap2 .header { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .wrap2 .header .left { |
| | | flex: 1; |
| | | } |
| | | .wrap2 .header .left .name { |
| | | display: flex; |
| | | align-items: center; |
| | | font-weight: 600; |
| | | font-size: 36rpx; |
| | | } |
| | | .wrap2 .header .left .name .icon { |
| | | width: 36rpx; |
| | | margin-right: 12rpx; |
| | | } |
| | | .wrap2 .header .left .desc { |
| | | margin-top: 10rpx; |
| | | font-weight: 300; |
| | | font-size: 26rpx; |
| | | color: #333333; |
| | | } |
| | | .wrap2 .header .right { |
| | | width: 16rpx; |
| | | } |
| | | .wrap2 .list { |
| | | padding: 40rpx 8rpx; |
| | | display: flex; |
| | | width: 710rpx; |
| | | overflow: auto; |
| | | } |
| | | .wrap2 .list .item { |
| | | flex-shrink: 0; |
| | | width: 305rpx; |
| | | height: 184rpx; |
| | | background: rgba(176, 135, 113, 0.05) #FFFFFF; |
| | | box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.12); |
| | | border-radius: 8rpx; |
| | | padding: 20rpx; |
| | | margin-right: 20rpx; |
| | | } |
| | | .wrap2 .list .item .name { |
| | | display: flex; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .wrap2 .list .item .name .icon { |
| | | width: 60rpx; |
| | | height: 60rpx; |
| | | background: rgba(176, 135, 113, 0.14); |
| | | border-radius: 50%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | margin-right: 20rpx; |
| | | } |
| | | .wrap2 .list .item .name .icon image { |
| | | width: 36rpx; |
| | | } |
| | | .wrap2 .list .item .addr { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .wrap2 .list .item .addr .left { |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | } |
| | | .wrap2 .list .item .addr .left .icon { |
| | | width: 24rpx; |
| | | } |
| | | .wrap2 .list .item .addr .right { |
| | | display: flex; |
| | | align-items: center; |
| | | color: #B08771; |
| | | font-size: 26rpx; |
| | | } |
| | | .wrap3 { |
| | | display: flex; |
| | | box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(176, 135, 113, 0.2); |
| | | border-radius: 8rpx; |
| | | padding: 30rpx; |
| | | height: 140rpx; |
| | | } |
| | | .wrap3 .ai image { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | } |