second/templates/static/css/fourPickList.css

/* 头部广告 */
.advImg{
    height: 282px;
    background: url(../imgs/fourseasonsAdv.jpg) no-repeat center;
    background-size: cover;
}
/* 园区列表 */
.gardenList{
    width: 20%;
    margin: 35px 10px 0 0;  
}
.gardenItem{
    width: 79%;
}
.gardenList >.caption{
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    background: #3ab851;
    color: #fff;
}
.gardenListUl >li{
    list-style: none;
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    border: 1px solid #dbdbdb;
    border-top: none;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px;
}
.gardenListUl >li.active{
    color: #3ab851;
}
.gardenListBtn{
    text-align: center;
    line-height: 56px;
    font-size: 18px;
}
.firstPage,.prevPageBtn,.nextPageBtn{
    cursor: pointer;
}
.firstPage:hover,.prevPageBtn:hover,.nextPageBtn:hover{
    color: #3ab851;
}
/* 园区采摘详情 */
.productList{
    overflow: hidden;
}
.productList >li{
    float: left;
    margin-right: 50px;
}
.productList >li:nth-child(3n+3){
    margin-right: 0
}
.productItem{
    margin-bottom: 30px;
}

.productItem img{
    width: 256px;
    height: 181px;
    margin-bottom: 10px;
}

.productItem .title{
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}

.productItem .time{
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}