 .cate { width: 100%; background: #fff; margin-bottom: 10px; border-radius: 2px; overflow: hidden; padding: 10px 0;}.cate_name { height: 40px; width: 100%; background: #2cbafc; overflow: hidden; padding: 0 10px;}.cate_name p { font-size: 18px; font-weight: 700; line-height: 40px; color: #fff; margin: 0; }.cate_ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0;}.cate_ul li { flex: 1 0 12.5%; text-align: center; padding: 5px; height: 50px; line-height: 40px; border: 1px solid #e6e6e6; border-width: 0 1px 1px; font-size: 13px; transition: color 0.5s, background-color 0.5s; overflow: hidden; box-sizing: border-box; cursor: pointer;}.cate_ul li:hover { color: #fff; background: #ff6ea1;}.cate_ul li b { width: 16px; height: 16px; font-weight: 400; background: #2cbafc; color: #fff; padding: 1px 3px; margin-left: 4px; font-size: 12px; border-radius: 2px;}@media screen and (max-width: 960px) { .cate_ul li { flex: 1 0 25%; height: 40px; line-height: 35px; }}@media screen and (max-width: 800px) { .cate_ul li { height: 35px; }}@media screen and (max-width: 640px) { .cate_ul li { flex: 1 0 25%; min-width: 24px; min-height: 24px; height: auto; line-height: 24px; } .cate_name p { line-height: 24px; }}.bannerAds img{ width: 100%; height: 60px; margin-bottom: 2px; display: inline; background-color: #f0f0f0; }.bfhfAds img { width: 100%; height: 50px; margin-bottom: 2px; display: inline; background-color: #f0f0f0; }