.good{width:100%}.pagination{padding:10px 0 20px 0}.pagination .el-pagination{text-align:center}.pagination .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#c33b3f;color:#fff}.good .block{width:90%;max-width:1400px;margin:30px auto;box-shadow:0 0 10px #eee}.good .block>ul{padding:20px 30px 0 30px;overflow:hidden;display:flex;flex-wrap:wrap}.good .block>ul>li{width:20%;margin-right:5%;margin-bottom:40px;border:1px solid #f5f5f5;padding-bottom:16px}.good .block ul li:nth-child(4n+4){margin-right:0}.good .block ul li a{margin-bottom:16px;display:inline-block;height:100%}.good .block ul li a>div{text-align:left;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.good .block ul li a>div:hover p{color:#bb4952}.good .block ul li:hover{box-shadow:0 0 10px #eee}.good .block ul li a>div>img{width:100%;border-radius:4px 4px 0 0}.good .block ul li a>div>.name{width:100%;height:36px;line-height:36px;font-size:14px;color:#676769;background-color:hsla(0,0%,100%,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:13px;position:absolute;bottom:-5px}.good .block ul li a>div>p{color:#909090;font-size:17px;padding:0 10px;line-height:22px}.searchBox{margin:0 auto;width:60%;position:relative}.searchInput{width:25%;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom-left-radius:5px;border-top-left-radius:5px}.searchButton,.searchInput{display:inline-block;height:38px;float:left}.searchButton{width:15%;line-height:40px;background-color:#00a0e9;font-size:16px;cursor:pointer;border-bottom-right-radius:5px;border-top-right-radius:5px;border:none;color:#fff}