.product-detail {
    width: 66.7vw;
    margin: 3.6vw auto 9vw;
}

.detail-top {
    margin-bottom: 4.8vw;
}

.img-swiper {
    position: relative;
    float: left;
    width: 31.5vw;
    height: 29.2vw;
    background-color: #F5F5F5;
    overflow: hidden;
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 1vw;
}

.swiper-pagination-bullet {
    width: .8vw;
    height: .8vw;
    background-color: #B7B7B7;
}

.swiper-pagination-bullet-active {
    background-color: #393939;
}

.swiper-slide {
    text-align: center;
}

.swiper-slide img {
    max-width: 100%;
    height: 26vw;
    margin-top: 1vw;
}

.operation-wrap {
    float: right;
    width: 35.2vw;
    height: 29.2vw;
    background-color: #FCFCFC;
}

.operation-wrap .title {
    width: 29.2vw;
    margin: 7.1vw auto 0;
    font-size: 2.1vw;
    font-weight: 700;
    color: #393939;
}

.operation-wrap .desc {
    width: 29.2vw;
    height: 4.9vw;
    margin: 1.3vw auto 1.7vw;
    line-height: 1.5vw;
    font-size: 1vw;
    color: #707070;
}

.operation-wrap .button-box {
    width: 29.2vw;
    margin: 0 auto;
}

.operation-wrap .button-box button:last-child {
    margin-left: 1.7vw;
}

.operation-wrap button {
    width: 7.8vw;
    height: 2.6vw;
    border: none;
    border-radius: 2px;
    font-size: 0.8vw;
    color: #ffffff;
    background-color: #393939;
}

.operation-wrap button:hover {
    background-color: #189C3E;
}

.brief-wrap {
    float: left;
    width: 36.9vw;
    padding-right: 2.3vw;
    border-right: 1px solid #D6D6D6;
    padding-bottom: 1vw;
}

.download-wrap {
    float: right;
    width: 25.5vw;
}

.brief-wrap h2,
.download-wrap h2 {
    font-weight: 500;
    font-size: 2.1vw;
    color: #404040;
}

.brief-wrap h2 {
    margin-bottom: 1.4vw;
}

.download-wrap h2 {
    margin-bottom: 1.1vw;
}

.brief-wrap h3 {
    margin-bottom: .8vw;
    font-size: 1.4vw;
    font-weight: 700;
    color: #189C3E;
}

.scenario {
    margin-top: 2.1vw;
}

.file-item {
    width: 23.2vw; 
    padding: 1.1vw 0.9vw;
    margin-bottom: 1vw;
    border: 1px solid #DCDCDC;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.file-item:hover { 
    border: 1px solid #189C3E;
    color: #ffffff;
    background-color: #189C3E;
}