#custom{width:1200px; margin:30px auto;}
#custom .navigation{font-size:14px; font-weight:500; margin-top:30px;}
#custom .navigation:before{content:""; width:5px; height:16px; background-color:#000; display:inline-block; position:relative; bottom:-4px; margin-right:5px;}
#custom .navigation font{color:#888;}
#custom .search{background-color:#fff; padding:30px; margin:30px 0; font-size:14px; border-radius:6px;}
#custom .search div{margin-bottom:25px;}
#custom .search div:nth-child(2){margin-bottom:0;}
#custom .search label{margin-right:10px;}
#custom .search span{padding:2px 15px; border-radius:20px; cursor:pointer;}
#custom .search span.active{background-color:#FFBB12; color:#fff;}
#custom ul{width:1200px; display:flex; flex-wrap:wrap;}
#custom ul li{background-color:#FFF; width:288px; border-radius:8px; margin-right:16px; margin-bottom:20px; padding-bottom:10px;}
#custom ul li:hover{box-shadow:5px 5px 10px #e1e1e1;}
#custom ul a:nth-child(4n) li{margin-right:0;}
#custom ul li .picture{width:288px; overflow:hidden; border-top-left-radius:8px; border-top-right-radius:8px;}
#custom ul li .picture img{width:288px; height:200px;}
#custom ul li .title{padding:10px; display:flex; align-items:center;}
#custom ul li .title span:nth-child(1){width:173px; font-weight:600; margin-right:5px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#custom ul li .title span:nth-child(2){width:80px; text-align:right; color:#FFBB12; font-weight:bold; font-size:16px;}
#custom ul li .title span:nth-child(2):before{content:"￥"; font-size:12px;}
#custom ul li .description{padding:0 10px; color:#555; line-height:20px; height:40px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#custom .notdata{height:350px; line-height:350px; text-align:center; color:#666; font-size:14px;}