.md12438.md-prod-1 { background-color: #f5f5f5; padding-bottom: .8rem; }

.md12438.md-prod-1 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md12438.md-prod-1 .m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md12438.md-prod-1 .m-more .svg-icon { width: .66rem; height: .66rem; position: relative; border-radius: 50%; border: 1px solid rgba(230, 34, 42, 0.2); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: .12rem; }

.md12438.md-prod-1 .m-more .svg-icon::after { content: ''; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #e6222a; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12438.md-prod-1 .m-more .svg-icon svg { width: .13rem; position: relative; z-index: 2; }

.md12438.md-prod-1 .m-more:hover { color: #e6222a; }

.md12438.md-prod-1 .m-more:hover .svg-icon::after { width: 100%; height: 100%; }

.md12438.md-prod-1 .m-bread { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 1rem; padding: 1em 0; }

.md12438.md-prod-1 .m-bread .svg-icon { width: 0.88889em; margin-right: .06rem; }

.md12438.md-prod-1 .m-bread .item:hover { color: #e6222a; }

.md12438.md-prod-1 .m-bread .split { margin: 0 .08rem; }

.md12438.md-prod-1 .filter { border-radius: .2rem; background-color: #fff; padding: .1rem .4rem .2rem; }

.md12438.md-prod-1 .filter .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .17rem 0; border-bottom: 1px solid #f1f1f1; }

.md12438.md-prod-1 .filter .row:last-of-type { border: none; }

.md12438.md-prod-1 .filter .tit { -ms-flex-negative: 0; flex-shrink: 0; width: 1.05rem; min-width: 5em; }

.md12438.md-prod-1 .filter .options { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md12438.md-prod-1 .filter .brands { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md12438.md-prod-1 .filter .brands .brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: .25; margin-right: .4rem; }

.md12438.md-prod-1 .filter .brands .brand:last-of-type { margin-right: 0; }

.md12438.md-prod-1 .filter .brands .brand img { max-height: .52rem; }

.md12438.md-prod-1 .filter .brands .brand span { margin-left: .06rem; }

.md12438.md-prod-1 .filter .brands .brand:hover { opacity: .5; }

.md12438.md-prod-1 .filter .brands .brand.active { opacity: 1; }

.md12438.md-prod-1 .filter .cates { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 2.22222em; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md12438.md-prod-1 .filter .cates .cate { margin-right: .12rem; border-radius: 0.1rem; padding: 0 0.77778em; line-height: 2.22222; }

.md12438.md-prod-1 .filter .cates .cate:last-of-type { margin-right: 0; }

.md12438.md-prod-1 .filter .cates .cate:hover { color: #e6222a; }

.md12438.md-prod-1 .filter .cates .cate.active { color: #fff; background: #e6222a; }

.md12438.md-prod-1 .filter .cates.expand { height: auto; }

.md12438.md-prod-1 .filter .toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; }

.md12438.md-prod-1 .filter .toggle:before { content: attr(data-open); }

.md12438.md-prod-1 .filter .toggle .svg-icon { width: 0.72222em; margin-left: .06rem; }

.md12438.md-prod-1 .filter .toggle:hover { color: #e6222a; }

.md12438.md-prod-1 .filter .toggle.expand:before { content: attr(data-close); }

.md12438.md-prod-1 .filter .toggle.expand .svg-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md12438.md-prod-1 .filter .form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 20em; border-radius: .46rem; overflow: hidden; height: 2.55556em; background-color: #f5f5f5; border: solid 0.01rem #eeeeee; margin: .12rem 0; }

.md12438.md-prod-1 .filter .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 .22rem; border: none; background: transparent; }

.md12438.md-prod-1 .filter .form .ipt::-webkit-input-placeholder { color: #666; }

.md12438.md-prod-1 .filter .form .ipt:-ms-input-placeholder { color: #666; }

.md12438.md-prod-1 .filter .form .ipt::-ms-input-placeholder { color: #666; }

.md12438.md-prod-1 .filter .form .ipt::placeholder { color: #666; }

.md12438.md-prod-1 .filter .form .btn { background: transparent; border: none; padding: 0 .22rem; cursor: pointer; }

.md12438.md-prod-1 .filter .form .btn svg { width: 0.83333em; }

.md12438.md-prod-1 .filter .form .btn:hover { color: #000; }

.md12438.md-prod-1 .list { margin-top: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md12438.md-prod-1 .list .li { width: calc(780 / 1600 * 100%); border-radius: .2rem; overflow: hidden; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .4rem; position: relative; }

.md12438.md-prod-1 .list .li::before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: .02rem; background: #e6222a; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12438.md-prod-1 .list .li:hover::before { width: 100%; }

.md12438.md-prod-1 .list .li:hover .tit { color: #e6222a; }

.md12438.md-prod-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md12438.md-prod-1 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .8rem; padding-right: .28rem; }

.md12438.md-prod-1 .list .desc { line-height: 1.88889; margin-top: .09rem; }

.md12438.md-prod-1 .list .m-more { margin-top: .35rem; }

.md12438.md-prod-1 .list .c-pic { width: calc(380 / 780 * 100%); -ms-flex-negative: 0; flex-shrink: 0; }

.md12438.md-prod-1 .list .img { padding-top: 100%; position: relative; }

.md12438.md-prod-1 .list .img img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 90%; max-height: 90%; -o-object-fit: contain; object-fit: contain; }

.md12438.md-prod-1 .m-pages { margin-top: .24rem; }

@media (max-width: 900px) { .md12438.md-prod-1 .list .text { padding: 5%; } }

@media (max-width: 700px) { .md12438.md-prod-1 .list .li { width: 100%; } }

@media (max-width: 500px) { .md12438.md-prod-1 .filter { padding-left: 5%; padding-right: 5%; }
  .md12438.md-prod-1 .filter .row { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md12438.md-prod-1 .filter .tit { width: 100%; margin-bottom: 0.8em; }
  .md12438.md-prod-1 .filter .brands { display: block; }
  .md12438.md-prod-1 .filter .brands .brand { margin-bottom: .2rem; }
  .md12438.md-prod-1 .filter .brands .brand:last-of-type { margin-bottom: 0; }
  .md12438.md-prod-1 .filter .form { width: 100%; } }

.m-pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.m-pages .item { min-width: 0.46rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.46rem; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .08rem; }

.m-pages .item:last-child { margin-right: 0; }

.m-pages .item:hover { color: #e6222a; }

.m-pages .on { background: #e6222a; color: #fff; }

.m-pages .disabled { pointer-events: none; }

.m-pages .prev, .m-pages .next { background-position: center; background-repeat: no-repeat; background-size: 8px; }

.m-pages .prev.disabled, .m-pages .next.disabled { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .3; }

.m-pages .prev { background-image: url(/static/home/images/i-left.svg); }

.m-pages .next { background-image: url(/static/home/images/i-right.svg); }

@media (max-width: 1400px) { .m-pages .item { min-width: 30px; height: 30px; line-height: 30px; line-height: 30px; }
  .m-pages .prev, .m-pages .next { background-size: 6px; } }