.procate { width: 160px; text-align: center; }
.procate > ul > li > div { cursor: pointer; height: 35px; line-height: 35px; padding: 0 20px; position: relative; overflow: hidden; transition-duration: 0.3s; transition-property: height; }
.procate > ul > li > div.selected { background-color: #deecf0; color: #fc8080; }
.procate > ul > li > div a { padding: 0; overflow: hidden; text-wrap-mode: nowrap; text-overflow: ellipsis; text-align: left; }
.procate > ul > li > div:hover { background-color: #deecf0; color: #fc8080; }
.c_add { border: 1px #666 solid; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; cursor: pointer; line-height: 14px; }

.procate > ul > li > ul > li { cursor: pointer; height: 35px; line-height: 35px; padding: 0 20px; }
.procate > ul > li > ul > li.selected { background-color: #deecf0; color: #fc8080; }
.procate > ul > li > ul > li > a { padding: 0; overflow: hidden; text-wrap-mode: nowrap; text-overflow: ellipsis; text-align: left; }
.procate > ul > li > ul > li:hover { background-color: #deecf0; color: #fc8080; }

@media screen and (max-width: 760px) {
    .show-product{flex-direction:column;}
    .procate { display: none; }
    .pglist a, .pglist span{border:none;padding:1px 6px;line-height:1;}
    .layui-tabs-scroll{padding:0;}
    .layui-tabs-header li{margin:0 4px;padding:0 4px;}
    .padding-big-top{ padding-top:8px; }
    .margin-big-bottom { margin-bottom: 0; }
    #fh5co-content_show .inner-nav {padding: 24px 0 0;}
    #fh5co-content_show .inner-nav h2 { margin-bottom: 0; }
    #demoTabs-hash { display: block !important; }
}