ul,dl{margin: 0;padding: 0;}
li{list-style: none}
.breadcrumb{
    margin-bottom: 0 !important;
}

.catagoriesTip {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

.catagoriesTip span {
    color: #00a3e4
}

.catagories {
    display: flex;
    margin-bottom: 30px;
    position: relative
}

.catagoriesLeft {
    background-color: #fff;
    flex: 0 0 310px;
    margin-right: 16px;
    padding: 16px 0
}

.catagoriesLeft>h1 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0 16px
}
.catagoriesLeft ul {
    -ms-overflow-style: none;
    height: 100vh;
    overflow-y: auto;
    position: sticky;
    scrollbar-width: none;
    top: 0
}

.catagoriesLeft ul::-webkit-scrollbar {
    width: 4px
}

.catagoriesLeft ul::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 8px
}

.catagoriesLeft li {
    border-left: 2px solid transparent;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 16px
}

.catagoriesLeft li:hover ,.catagoriesLeft li.active{
    background-color: rgba(0,163,228,.04);
    border-color: #00a3e4;
    color: #00a3e4
}

.catagoriesRight {
    flex: 1
}

.catagoriesRight li {
    background-color: #fff;
    margin-bottom: 16px;
    padding: 18px 18px 30px
}

.catagoriesRight li:last-of-type {
    margin-bottom: 0
}

.catagoriesRight li>h2 {
    border-bottom: 1px solid #e9e9e9;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 16px;
    position: relative
}

.catagoriesRight li>h2:after {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 6px;
    transform: rotate(-45deg);
    width: 10px
}
.catagoriesRight li>h2 span{
    color:#00a3e4;font-size: 14px;margin-left:5px;
}
.catagoriesRight li>h2 i {
    color: #00a3e4
}

.catagoriesRight li>h2 a:active i {
    color: #008ac0
}

.catagoriesRight li>div {
    display: grid;
    gap: 16px 30px;line-height: 16px;
    grid-template-columns: 1fr 1fr
}

.catagoriesRight li>div span {
    color: #00a3e4
}

.catagoriesRight li>div a {
    cursor: pointer
}

.catagoriesRight li>div a:active span {
    color: #008ac0
}
@media (max-width: 768px){
    .catagories{display: block;}
    .catagoriesLeft{display: none;}
}