.pro-cate {
    width: 100%;
    margin-bottom: 20px;
}

.pro-cate ul {
    padding: 0;
    margin: 0;
}

.pro-cate li {
    list-style-type: none;
}
.pro-cate .first {
    margin-bottom: 2px;
}

.pro-cate .first-cate {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    padding: 15px;
    border-top: 1px solid #fff;
    background-color: #F2F4F6;
    border-left: 2px solid #3491FA;
    text-transform: uppercase;
}

.pro-cate .first-cate:hover {
    text-decoration: none;
}

.pro-cate .first-cate i {
    font-size: 18px;
    color: #3491FA;
    margin-top: 5px;
}

.pro-cate .second-cate {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    padding: 10px 15px;
    border-top: 1px solid #fff;
    background-color: #F2F4F6;
}

.pro-cate .second-cate:hover {
    text-decoration: none;
}

.pro-cate .second-cate i {
    font-size: 16px;
    color: #3491FA;
    margin-top: 5px;
}

.pro-cate .second-drop {
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    padding: 10px 20px;
    border-top: 1px solid #fff;
    background-color: #F2F4F6;
}

.pro-cate .third-cate a {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    padding: 10px 20px;
}

.pro-cate .third-cate a:hover {
    color: #FFFFFF;
    background-color: #3491FA;
    text-decoration: none;
    border-radius: 3px;
}
.pro-cate a.active {
    color: #3491FA;
}

.first-drop-status, .second-drop-status {
    display: none;
}

.icon-rotate {
    transform: rotate(90deg);
    transition: transform 0.5s;
}