@media (min-width:901px){.common-main .pro-cate li{width:23.5%;margin-right:2%;}}
.preview-container .small-box img,.preview-container .thumbnail-box .item img{height:100%;object-fit:contain;}
@media (min-width:901px){.pro-detail .preview-container .small-box{width:500px;height:500px}
.pro-detail .preview-container{width:500px;padding:0;flex-direction:column}
.pro-detail .preview-container .thumbnail-box{position:relative;width:100%;top:auto;height:auto;padding:0 30px;margin-top:10px}
.pro-detail .preview-container .thumbnail-box .btn{width:20px;height:100%;}
.pro-detail .preview-container .thumbnail-box .btn-next{left:auto;right:0;}
.pro-detail .preview-container .thumbnail-box .arrow{transform:rotate(-90deg)}
.pro-detail .preview-container .thumbnail-box .btn-prev .arrow{top:10px}
.pro-detail .preview-container .thumbnail-box .list ul{display:flex;}
.pro-detail .preview-container .thumbnail-box .list ul .item{width:102px;height:102px;margin:0 10px 0 0}}
@media (max-width:1024px){.common-main.pd-main .pro-detail{width:100%;padding-left:0}}
@media (min-width:1025px){.common-main.pd-main .pro-detail{padding-left:20px}}