123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- .main-1 {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- width: 690rpx;
- margin: 0 auto;
- .item {
- display: flex;
- flex-direction: column;
- width: 336rpx;
- height: 280rpx;
- border-radius: 16rpx;
- overflow: hidden;
- background-color: #FFFFFF;
- margin-top: 20rpx;
- .img {
- width: 100%;
- height: 200rpx;
- .noimg {
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: #EEEEEE;
- width: 100%;
- height: 100%;
- .icon {
- font-size: 90rpx;
- }
- }
- image {
- width: 100%;
- height: 200rpx;
- }
- }
- .label {
- text-align: center;
- line-height: 80rpx;
- font-size: 28rpx;
- font-weight: normal;
- color: #333333;
- padding: 0 20rpx;
- box-sizing: border-box;
- }
- }
- }
|