.category-nav-packet{
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
}
.category-nav-box{
    width: 94.6vw;
    height: auto;
    margin: 0px auto;
}
.category-nav-shadow{
    box-shadow: 0px 4px 4px 0px rgba(36, 36, 36, 0.1);
}
.s-category{
    width: 100%;
    height: 2.5vw;
}
.s-category-item {
    display: block;
    float: left;
    padding:.3vw .4vw;
    text-align: center;
    font-size: 1.1vw;
    color: #555555;
    text-decoration: none !important;
    border-radius: .7vw;
    margin-right: 1vw;
}
.s-category-item:hover{
    color: #fff;
    background: #37C9B3;
}
.s-category-active{
    color: #fff;
    background: #37C9B3;
}
.t-category{
    width: 100%;
    height: 2.5vw;
    line-height: 2.5vw;
    font-size: 12px;
    color: #797979;
}
.t-category-item{
    padding: 0px .45vw;
    margin-right: .9vw;
    text-decoration: none !important;
    color: #797979;
    font-size: .9vw;
}
.t-category-item:hover{
    color: #37C9B3;
}
.t-category-active{
    color: #37C9B3;
}
.category-list-box{
    position: relative;
    width: 94.6vw;
    height: auto;
    margin: 0 auto;
    padding-bottom: 3vw;
}
.category-list-1{
    padding-top: 5vw;
    top: 0vw;
}
.category-list-2{
    padding-top: 2.5vw;
    top: 0vw;
}
.category-detail-l{
    margin-left: calc(1.5vw - 7.5px);
}