.classification_top { height: 50px; border-bottom: 1px solid #e5e5e5; padding: 0 12px; display: flex; overflow: hidden; }
.classification_top p { height: 50px; line-height: 50px; font-size: 15px; color: #333; margin-right: 12px; width: 66px; }
.classification_top .bq_wrap { flex: 1; margin-right: 12px; height: 50px; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.classification_top .bq_wrap li { display: inline-block; line-height: 50px; }
.classification_top .bq_wrap li a { display: inline-block; color: #434343; font-size: 12px; height: 24px; line-height: 24px; padding: 0 10px; margin: 0 10px 0 0; border: 1px solid #dcdcdc; border-radius: 15px; }
.classification_top .bq_wrap .on a { color: #f04029; border: 1px solid #f04029; }

.classification_bq { padding: 12px; overflow: hidden; border-bottom: 1px solid #dcdcdc; }
.classification_bq li { width: 20%; float: left; height: 22px; margin: 8px 0; text-align: center; }
.classification_bq li a { display: inline-block; margin: 0 auto; max-width: 90%; font-size: 14px; color: #434343; text-align: center; overflow: hidden; height: 22px; padding: 0 2px; }
.classification_bq li .on { border-bottom: 2px solid #f04029; color: #f04029; }

.classification_item { overflow: hidden; margin: 12px 12px 0; }
.classification_item .item { border-bottom: 2px solid #f2f2f3; height: 140px; padding: 15px 0; display: flex; }
.classification_item .item .img { display: block; float: left; margin: 0 12px; }
.classification_item .item .img, .classification_item .item .img img { width: 110px; height: 140px; border-radius: 8px; }
.classification_item .item .info { flex: 1; height: 140px; margin-right: 12px; }
.classification_item .item .info .bt { width: 100%; font-size: 16px; line-height: 26px; height: 26px; color: #434343; font-weight: bold; overflow: hidden; display: block; }
.classification_item .item .info .lis { height: 90px; display: flex; }
.classification_item .item .info .lis ul { flex: 1; font-size: 14px; color: #959595; margin: 5px 0 0; }
.classification_item .item .info .lis ul li { overflow: hidden; height: 26px; line-height: 26px; }
.classification_item .item .info .lis .pf { width: 50px; margin-right: 5px; text-align: right; }
.classification_item .item .info .lis .pf span { font-size: 14px; color: #434343; width: 100%; display: block; height: 26px; line-height: 26px; margin-top: 5px; font-weight: 600; }
.classification_item .item .info .lis .pf p { font-weight: bold; font-size: 34px; color: #f0412a; font-family: Arial; font-style: italic; margin-top: 12px; }
.classification_item .item .info .bq { overflow: hidden; height: 24px; }
.classification_item .item .info .bq a { display: block; float: left; font-size: 12px; color: #4dc585; border: 1px solid #4dc585; height: 22px; line-height: 22px; border-radius: 12px; text-align: center; padding: 0 8px; margin-right: 8px; }