75 lines
1.2 KiB
Plaintext
75 lines
1.2 KiB
Plaintext
.container {
|
|
background: #e6e6e6;
|
|
}
|
|
.nav {
|
|
background-color: #fff;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.nav-item {
|
|
border: 1px solid #c9c9c9;
|
|
border-left: none;
|
|
border-top: none;
|
|
color: #fff;
|
|
flex-direction: column;
|
|
height: 237rpx;
|
|
text-align: center;
|
|
width: 248rpx;
|
|
}
|
|
.nav-item.nav-item-no-border {
|
|
border-right: none;
|
|
}
|
|
.nav-item .nav-icon {
|
|
align-items: center;
|
|
height: 118rpx;
|
|
margin-top: 38rpx;
|
|
width: 118rpx;
|
|
}
|
|
.commend-item .commend-title,
|
|
.nav-item .nav-title {
|
|
color: #000;
|
|
font-size: 24rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
.swiper {
|
|
height: 350rpx;
|
|
width: 100%;
|
|
}
|
|
.swiper image,
|
|
.swiper swiper {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.commend {
|
|
background: #fff;
|
|
flex-wrap: wrap;
|
|
margin-top: 20rpx;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.commend .commend-column {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
.commend .commend-header-title {
|
|
font-size: 30rpx;
|
|
line-height: 98rpx;
|
|
padding-left: 15rpx;
|
|
text-align: left;
|
|
}
|
|
.commend .commend-item {
|
|
border-right: 1px solid #c9c9c9;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 60rpx;
|
|
width: 372rpx;
|
|
}
|
|
.commend .commend-item image {
|
|
height: 210rpx;
|
|
width: 100%;
|
|
}
|