.img{
    max-width:100% !important;
}
.content img{
    max-width:100% !important;
}
.pro-detail-content .random-pro-list{margin:0 260px}
.pro-detail-content .random-pro-list .random-title{font-size:30px;font-weight:700;color:#2B2B2B}
.pro-detail-content .random-pro-list ul{margin-top:30px;display:flex;justify-content:flex-start}
.pro-detail-content .random-pro-list ul li{flex:1;max-width:15%;min-width:15%;margin-left: 5px;}
.pro-detail-content .random-pro-list ul li .pro-img{width:100%;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pro-detail-content .random-pro-list ul li .pro-img img{width:100%;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li .pro-img:after{display:block;content:"";padding-top:100%}
.pro-detail-content .random-pro-list ul li .pro-name{text-align:center;;font-weight:700;color:#2B2B2B;min-height:40px;margin:20px 0}
.pro-detail-content .random-pro-list ul li .more-btn{margin:0 auto;display:block;width:100px;height:33px;border:1px solid #000;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#2B2B2B;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li:hover .more-btn{background:#2b3aa1;color:#FFF;border:1px solid #2b3aa1}

@media screen and (max-width: 768px) {
    .pro-detail-content .pro-review {
        margin:0 6.6666666667vw;
        flex-direction: column
    }

    .pro-detail-content .pro-review .pro-preview-left {
        width: 100%;
        min-width: 100%;
        height: auto
    }

    /*.pro-detail-content .pro-review .pro-preview-left .preview-container{visibility:hidden;width:100%}*/
    /*.pro-detail-content .pro-review .pro-preview-left .preview-container .small-box{display:none}*/
    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box {
        margin-top: 0
    }

    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a {
        display: none
    }

    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper {
        width: 100%
    }

    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item {
        height: auto;
        border: none;
        margin-left: 10px;
        margin-top: 10px;
        width: 50px;
        height: 50px
    }

    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img {
        width: 100%
    }

    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page {
        display: flex
    }

    .pro-detail-content .pro-review .pro-preview-right {
        margin-bottom: 0;
        padding: 4vw 0
    }

    .pro-detail-content .pro-review .pro-preview-right .pro-name {
        font-size: 4vw
    }

    .pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views {
        font-size: 4vw;
        margin: 1.3vw 0
    }

    .pro-detail-content .pro-review .pro-preview-right .share-btn-list {
        margin: 4vw 0
    }

    .pro-detail-content .pro-review .pro-preview-right article {
        font-size: 3.4vw;
        line-height: 4.8vw;
        margin-right: 0
    }

    .pro-detail-content .pro-review .pro-preview-right .btn-list {
        justify-content: space-between;
        margin-top: 4vw
    }

    .pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {
        height: 6.6666666667vw;
        width: 40vw;
        margin: 2vw 0
    }

    .pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {
        font-size: 4vw
    }

    .pro-detail-content .pro-review .singglepic {
        width: 100%!important;
        height: auto!important;
        margin-top: 4vw;
        margin-bottom: 0!important;
        border: none!important
    }

    .pro-detail-content .pro-review .singglepic img {
        max-width: 100%;
        max-height: 100%
    }

    .pro-detail-content .pro-detail-title {
        line-height: 5.3vw;
        padding: 1.3vw 6.6666666667vw;
        height: auto;
        width: 100%;
        font-size: 4vw
    }

    .pro-detail-content .pro-intro {
        margin: 4vw 6.6666666667vw
    }

    .pro-detail-content .pro-intro .intro-title {
        font-size: 4.2666666667vw;
        line-height: 6.6666666667vw
    }

    .pro-detail-content .pro-intro article {
        line-height: 1.7em;
        padding: 4vw 0
    }

    .pro-detail-content .pro-spec {
        margin: 4vw 6.6666666667vw
    }

    .pro-detail-content .pro-spec .spec-title {
        font-size: 4.2666666667vw;
        line-height: 6.6666666667vw
    }

    .pro-detail-content .pro-spec .spec-content {
        padding: 4vw 0
    }

    .pro-detail-content .pro-spec .spec-content table tr td {
        height: 6.6666666667vw;
        width: 100%
    }

    .pro-detail-content .productsTags {
        margin: 4vw 6.6666666667vw 0;
        color: #2B2B2B
    }

    .pro-detail-content .pro-bottom-tip {
        margin: 0 6.6666666667vw;
        padding: 4vw 0;
        line-height: 1.5em
    }

    .pro-detail-content .pro-page-switch {
        background: 0 0;
        height: auto;
        padding: 0 6.6666666667vw;
        margin: 8vw 0;
        flex-wrap: wrap
    }

    .pro-detail-content .pro-page-switch .page-btn,.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {
        line-height: 10.6666666667vw;
        font-size: 4vw
    }

    .pro-detail-content .pro-page-switch .page-prev {
        background: #F8F8F8;
        width: 100%
    }

    .pro-detail-content .pro-page-switch .page-prev i {
        margin-right: 1.3vw
    }

    .pro-detail-content .pro-page-switch .page-next {
        background: #F8F8F8;
        margin-top: 6.6666666667vw;
        width: 100%
    }

    .pro-detail-content .pro-page-switch .page-next i {
        margin-left: 1.3vw
    }

    .pro-detail-content .pro-page-switch .page-btn {
        width: 32vw
    }

    .pro-detail-content .pro-page-switch .page-btn a {
        color: #FFF;
        line-height: 6.6666666667vw;
        font-size: 4vw
    }

    .pro-detail-content .pro-page-switch a {
        font-weight: 700;
        font-size: 4vw;
        line-height: 10.6666666667vw;
        margin: 0
    }

    .pro-detail-content .random-pro-list {
        margin: 6.6666666667vw
    }

    .pro-detail-content .random-pro-list .random-title {
        font-size: 4vw;
        margin: 4vw 0
    }

    .pro-detail-content .random-pro-list ul {
        width: 100%;
        margin-top: 4vw;
        flex-wrap: wrap
    }

    .pro-detail-content .random-pro-list ul li {
        max-width: 31%;
        min-width: 31%;
        margin-bottom: 6.6666666667vw
    }

    .pro-detail-content .random-pro-list ul li .pro-img {
        height: 29.0666666667vw
    }

    .pro-detail-content .random-pro-list ul li .pro-name {
        line-height: 4vw;
        margin: 2.6666666667vw 0;
        font-size: 2.6666666667vw
    }

    .pro-detail-content .random-pro-list ul li .more-btn {
        width: 16vw;
        height: 5.3vw;
        padding: .6666666667vw;
        border-radius: 4vw;
        font-size: 2.6666666667vw
    }
}