.goodsIntro{
    background: #F4F4F4;
}


.content{
    width: var(--base-width);
    padding-top: 3.28125rem;
    margin: 0 auto;
    padding-bottom: 5.729167rem;
}
.content h5{
    font-size: .729167rem;
    margin-bottom: .78125rem;
}
.icon-1{
    width: .625rem;
    height: .78125rem;
}
.flexbox1{
    display: flex;
}
.nav-box{
    width: 14.947917rem;
    background: var(--base-color);
    color: #fff;
    padding: 1px 0;
    /* height: 10.104167rem; */
}

.nav-box li{
    margin: .78125rem 0;
    height: 2.083333rem;
    font-size: .729167rem;
    padding: 0 1.041667rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.nav-box li a{
    color: #fff;
    line-height: 2.083333rem;
}

.nav-box .active{
    background: rgba(255, 255, 255, .3);
}
.nav-box img{
    display: none;
    width: .46875rem;
    height: .885417rem;
}
.nav-box .active img{
    display: inline-block;
}
.main-box {
    width: 41.458333rem;
    margin-left: 1.041667rem;
    padding: 1.041667rem 2.604167rem 4.6875rem;
    background-color: #fff;
}
.main-box h5{
    font-size: 1.041667rem;
    color: #333;
    margin-bottom: .833333rem;
    padding-top: 2.083333rem;
}
.main-box .des{
    font-size: .833333rem;
}
.main-box .des p{
    line-height: 1.40625rem;
}
.main-box .item{
    margin: 1.71875rem 0;
}
.main-box .item-img{
    width: 6.5625rem;
    height: 6.5625rem;
}
.main-box .item h6{
    color: #333;
    font-size: .833333rem;
    margin: .46875rem 0 .9375rem;
}
.main-box .item h6 img{
    width: 1.041667rem;
    height: 1.041667rem;
    margin-right: .3125rem;
}
.main-box .item p{
    font-size: .729167rem;
    line-height: 1.25rem;
}
.main-box .item>div:first-child{
    margin-right: 1.041667rem;
}

.main-box .line{
    width: 100%;
    height: 1px;
    background-color:#EDEDED;
}
.pages{
    margin-top: 3.28125rem;
}