.md37488.md-prod-2 { padding-top: .8rem; padding-bottom: .74rem; }

.md37488.md-prod-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 2.57rem; margin-right: 3.07rem; }

.md37488.md-prod-2 .side { width: calc(230 / 1360 * 100%); }

.md37488.md-prod-2 .main { width: calc(1063 / 1360 * 100%); }

.md37488.md-prod-2 .cate-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e1e1e1; padding: .067rem 0; padding-left: .2rem; padding-right: .13rem; }

.md37488.md-prod-2 .cate-item span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md37488.md-prod-2 .cate-item:hover { color: var(--theme); }

.md37488.md-prod-2 .cate-item:hover .icon { color: var(--theme); }

.md37488.md-prod-2 .cate-item.on { background-color: var(--theme); color: #fff; }

.md37488.md-prod-2 .cate-item.on .icon { color: #fff; }

.md37488.md-prod-2 .cate .icon { -ms-flex-negative: 0; flex-shrink: 0; width: 0.1rem; height: 0.15rem; color: #dcdddd; }

.md37488.md-prod-2 .sub-cate { margin-bottom: .25rem; }

.md37488.md-prod-2 .sub-cate:last-of-type { margin-bottom: 0; }

.md37488.md-prod-2 .sub-cate-tit { margin-top: .08rem; }

.md37488.md-prod-2 .sub-cate-img { margin-top: .1rem; position: relative; }

.md37488.md-prod-2 .sub-cate-text { position: absolute; top: 45%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-height: 100%; overflow-y: auto; padding: .2rem .7rem; }

.md37488.md-prod-2 .sub-cate-text .cnt { color: rgba(255, 255, 255, 0.8); margin-top: .3rem; line-height: 2; }

.md37488.md-prod-2 .prod-list { margin-top: .27rem; position: relative; }

.md37488.md-prod-2 .prod-list .swiper-container { padding-bottom: .1rem; }

.md37488.md-prod-2 .prod-list .prod-item { width: 2.55rem; margin-right: .14rem; height: auto; background-color: #eeefef; }

.md37488.md-prod-2 .prod-list .prod-item:last-of-type { margin-right: 0; }

.md37488.md-prod-2 .prod-list .prod-item:hover { -webkit-box-shadow: -0.105rem 0.034rem 0.12rem 0rem rgba(0, 0, 0, 0.17); box-shadow: -0.105rem 0.034rem 0.12rem 0rem rgba(0, 0, 0, 0.17); background-color: #b12a31; }

.md37488.md-prod-2 .prod-list .prod-item:hover .tit { color: #fff; }

.md37488.md-prod-2 .prod-list .prod-item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md37488.md-prod-2 .prod-list .c-pic { border: 1px solid #eeefef; }

.md37488.md-prod-2 .prod-list .img { padding-top: calc(189 / 255 * 100%); background-color: #fff; }

.md37488.md-prod-2 .prod-list .tit { word-break: break-word; min-height: .55rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: .1rem; text-align: center; }

.md37488.md-prod-2 .prod-list .btn { position: absolute; top: .97rem; width: 1em; color: #e1e1e1; cursor: pointer; }

.md37488.md-prod-2 .prod-list .btn:hover { color: var(--theme); }

.md37488.md-prod-2 .prod-list .btn.prev { left: -.48rem; }

.md37488.md-prod-2 .prod-list .btn.next { right: -.48rem; }

.md37488.md-prod-2 .prod-list .btn.swiper-button-disabled { pointer-events: none; }

.md37488.md-prod-2 .list { margin-top: .27rem; display: none; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: .14rem; }

.md37488.md-prod-2 .list.show { display: -ms-grid; display: grid; }

.md37488.md-prod-2 .list .prod-item { overflow: hidden; height: auto; background-color: #eeefef; }

.md37488.md-prod-2 .list .prod-item:last-of-type { margin-right: 0; }

.md37488.md-prod-2 .list .prod-item:hover { -webkit-box-shadow: -0.105rem 0.034rem 0.12rem 0rem rgba(0, 0, 0, 0.17); box-shadow: -0.105rem 0.034rem 0.12rem 0rem rgba(0, 0, 0, 0.17); background-color: #b12a31; }

.md37488.md-prod-2 .list .prod-item:hover .tit { color: #fff; }

.md37488.md-prod-2 .list .prod-item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md37488.md-prod-2 .list .c-pic { border: 1px solid #eeefef; }

.md37488.md-prod-2 .list .img { padding-top: calc(189 / 255 * 100%); background-color: #fff; }

.md37488.md-prod-2 .list .tit {word-break: break-word;  min-height: .55rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: .1rem; text-align: center; }

.md37488.md-prod-2 .btn-change { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #999; min-height: .4rem; border-radius: .4rem; padding: 0 .2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; cursor: pointer; margin-top: .2rem; }

.md37488.md-prod-2 .btn-change:hover { background-color: var(--theme); border-color: var(--theme); color: #fff; }

.md37488.md-prod-2 .btn-change .i { width: .08rem; margin-left: .1rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.md37488.md-prod-2 .btn-change.active .i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.md37488.md-prod-2 .btn-toggle { padding: .1rem 0; margin-bottom: .1rem; display: none; cursor: pointer; }

.md37488.md-prod-2 .btn-toggle .icon svg { width: 1.4em; height: 1.4em; }

@media (max-width: 1400px) { .md37488.md-prod-2 .layout { margin-left: 2rem; margin-right: 2rem; } }

@media (max-width: 900px) { .md37488.md-prod-2 { padding-top: 0; }
  .md37488.md-prod-2 .layout { display: block; margin: 0 8%; }
  .md37488.md-prod-2 .side { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }
  .md37488.md-prod-2 .side.active { display: block; }
  .md37488.md-prod-2 .main { width: 100%; margin-top: 5%; }
  .md37488.md-prod-2 .cate { width: 100%; max-width: 300px; height: 100%; overflow-y: auto; background: #fff; padding: .4rem; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; }
  .md37488.md-prod-2 .cate .icon { width: .2rem; height: .3rem; }
  .md37488.md-prod-2 .btn-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md37488.md-prod-2 .list { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 500px) { .md37488.md-prod-2 .list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } }