| | |
| | | width: 670rpx; |
| | | margin: 0 auto; |
| | | background-color: #fff; |
| | | padding: 10rpx 10rpx; |
| | | padding-bottom: 10rpx; |
| | | } |
| | | .wrap1{ |
| | | display: flex; |
| | |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #111111; |
| | | margin-bottom: 2rpx; |
| | | margin-bottom: 6rpx; |
| | | } |
| | | .desc{ |
| | | font-weight: 300; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | font-weight: 600; |
| | | font-size: 36rpx; |
| | | font-size: 34rpx; |
| | | .icon{ |
| | | width: 36rpx; |
| | | height: 36rpx; |
| | | margin-right: 12rpx; |
| | | |
| | | } |
| | |
| | | .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; |
| | | padding: 24rpx 20rpx; |
| | | margin-right: 20rpx; |
| | | .name{ |
| | | display: flex; |
| | |
| | | margin-right: 20rpx; |
| | | image{ |
| | | width: 36rpx; |
| | | height: 36rpx; |
| | | } |
| | | } |
| | | .text{ |
| | |
| | | color: #999999; |
| | | .icon{ |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | } |
| | | } |
| | | .right{ |