.top_title { flex-direction: column; }

.top_title .title { width: 100%; }

.top_title .scroll-box { margin: 0.2rem 0; width: 100%; text-align: center; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; }

.top_title .scroll-box::-webkit-scrollbar { display: none; }

.top_title .scroll-box .item { white-space: nowrap; display: inline-block; position: relative; margin-right: 0.2rem; }

.top_title .scroll-box .item a { color: #999; display: inline-block; line-height: 1.5; }

.top_title .scroll-box .item p { font-size: 0.26rem; }

.top_title .scroll-box .item span { font-size: 0.2rem; }

.top_title .scroll-box .item:not(:last-child):after { position: absolute; content: ""; width: 0.5rem; height: 0.04rem; background: #e6e6e6; right: -0.4rem; top: 0.15rem; }

.product_container .row { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }

.product_container .col-md-4 { flex: 1; margin: 0 0.3rem 0.3rem 0; width: calc((100% - 0.3rem) / 2); min-width: calc((100% - 0.3rem) / 2); max-width: calc((100% - 0.3rem) / 2); }

.product_container .col-md-4:nth-child(2n) { margin-right: 0; }

.product_container .item-box a { display: block; }

.product_container .item-box .img-box { position: relative; overflow: hidden; }

.product_container .item-box .img-box img { width: 100%; -webkit-transition: opacity 1s, transform 1s; transition: transform 1s; display: block; }

.product_container .item-box .img-box:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: transparent; transition: all 0.5s; }

.product_container .item-box .img-box:after { position: absolute; content: ""; top: 50%; left: 50%; margin-top: -0.2rem; margin-left: -0.2rem; width: 0.4rem; height: 0.4rem; background: url(/images/icon_79.png); transform: translate(0, -100%); transition: all 0.3s ease; opacity: 0; }

.product_container .item-box .txt-box { position: relative; padding-left: 0.1rem; padding-right: 0.1rem; box-sizing: border-box; background-color: #e6e6e6; }

.product_container .item-box .txt-box .txt-centent { padding: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; z-index: 2; }

.product_container .item-box .txt-box .txt-centent h3 { font-size: 0.26rem; color: #4c4c4c; font-weight: 400; margin-bottom: 0.05rem; }

.product_container .item-box .txt-box .txt-centent p { position: relative; padding-bottom: 0.1rem; }

.product_container .item-box .txt-box .txt-centent p span { font-size: 0.2rem; color: #808080; display: inline-block; margin-right: 0.15rem; }

.product_container .item-box .txt-box .txt-centent p:before { position: absolute; content: ""; width: 0.5rem; height: 0.04rem; background: #bfbfbf; bottom: 0; }

.product_container .item-box .txt-box:before { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 0; background: #0046d1; transition: all 0.3s ease; }

.active { color: #eb6a6c; }