.main {
   width: 1200px;
   margin: 30px auto;
}

.imgList {
   padding: 20px;
   width: 100%;
   height: auto;
}
.imgList ul {
   min-height: 360px;
}
.imgList ul li {
   margin-left: 30px;
   width: 350px;
   height: 360px;
   float: left;
}

.imgList ul li img {
   width: 350px;
   height: 255px;
}

.imgList ul li p {
   width: 350px;
   height: 75px;
   text-align: center;
   line-height: 30px;
   padding: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   background-color: #ECF6FF;
   ;
}

.imgList ul li span {
   width: 350px;
   text-align: center;
   line-height: 25px;
   margin-top: 10px;
}

.crumb {
   height: 50px;
   background: #F5F5F5;
}

.crumb p a::after {
   content: '>';
   padding: 0 5px;
}

.crumb p a:last-child:after {
   content: '';
}

.crumb span {
   padding-left: 10px;
}

.crumb p {
   width: 1200px;
   margin: auto;
   height: 50px;
   line-height: 50px;
   background: #F5F5F5;
}