.product-box { display: block; overflow: hidden; }
.product-box li { float: left; width: 100%; overflow: hidden; padding: 20px 0 20px 0; box-sizing: border-box; border-top: 1px dotted #eee; }
.product-box .pic { width: 150px; height: 100px; overflow: hidden; padding: 1px; border: 1px solid #eee; float: left; }
.product-box .pic:hover { border-color: #0035cb; }
.product-box .pic img { width: 150px; height: 100px; display: block; background: #eee; }
.product-box .info { padding-left: 165px; }
.product-box .info .name { line-height: 30px; font-size: 16px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: block; color: #122337; font-weight: bold; }
.product-box .info .name:hover { color: #0035cb; }
.product-box .info .decs { line-height: 18px; height: 36px; overflow: hidden; margin: 5px 0; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; }
.product-box .info .bottom { padding-top: 7px; display: block; border-top: 1px solid #eee; line-height: 18px; position: relative; }
.product-box .info .views { position: absolute; right: 0; top: 7px; }
.product-box .info .views:hover { color: #0035cb; }
/*详情*/

.product-detail { position: relative; overflow: hidden; padding: 0 0 50px; }
.product-detail-title { line-height: 30px; font-size: 20px; color: #333; font-weight: bold; padding: 30px 0; text-align: center; }
.product-detail-pic { width: 310px; height: 357px; display: block; overflow: hidden; background: #f3f3f3; float: left; }
.product-detail-des { width: 590px; display: none; overflow: hidden; margin: 20px auto; color: #333; line-height: 20px; }
.product-detail-des:before { content: '“'; font-size: 24px; color: #0075d8; vertical-align: -5px; margin-right: 5px; }
.bdsharebuttonbox { position: absolute; right: 0; top: 10px; }
/**/

.pc-slide { width: 300px; margin: 0 auto; position: relative; }
.view .swiper-container { width: 300px; height: 300px; }
.view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
.view .arrow-right { background: url(../images/index_tab_r.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
/* .view .swiper-slide img {
    width: 590px;
    height: 372px;
    display: block;
} */

.view .swiper-slide { position: relative; overflow: hidden; }
.view .swiper-slide img { width: auto; height: auto; /* min-width: 100%; */
max-height: 100%; display: block; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; }
.preview { width: 100%; background: #f3f3f3; overflow: hidden; height: 57px; z-index: 10; position: relative; }
.preview .swiper-container { width: 300px; margin: 5px auto 0; }
.preview .swiper-slide { width: 50px; position: relative; }
.preview .swiper-slide img { width: 45px; height: 45px; display: block; margin: 0 auto; }
.preview .slide6 { width: 45px; }
.preview .arrow-left { background: url(../images/feel3.png) no-repeat left top; position: absolute; left: 5px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview .arrow-right { background: url(../images/feel4.png) no-repeat left bottom; position: absolute; right: 5px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview img { padding: 1px; }
.preview .active-nav img { padding: 0; border: 1px solid #f00; }
.product-detail-info { float: right; width: 425px; }
.product-detail-info .title { line-height: 30px; font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; }
.product-detail-info .decslist p { line-height: 20px; padding: 5px 0; color: #666; }