.pro-main .common-main{display: flex;margin-top: 50px;}
.pro-main .page-nav{width: 350px;background: initial;padding: 0;}
.pro-main .page-nav .l-wrap{max-width: 100%;padding: 20px;box-shadow: #d8d8d8 0 0 10px 4px}
.pro-main .page-nav .pagenav-catelist>li{width: 100%;height: auto;margin-left: 0;border: none;flex-wrap: wrap;}
.pro-main .page-nav .pagenav-catelist>li a{height: auto;}
.pro-main .page-nav .pagenav-catelist>li>a{padding-left: 10px;font-size: 20px;}
.pro-main .page-nav .pagenav-catelist>li ul{position: static;display: none;box-shadow: none;}
.pro-main .page-nav .pagenav-catelist>li.active ul,.pro-main .page-nav .pagenav-catelist>li:hover ul {display: block;transform: initial;opacity: 1;}
.pro-main .page-nav .pagenav-catelist>li ul li{border: none;height: auto;}
.pro-main .page-nav .pagenav-catelist>li ul li a{padding: 0;padding-left: 20px;line-height: 1.5;}
.pro-main .page-nav .pagenav-catelist>li ul li.active>a{color:var(--color);}

.pro-main .pagenav-cate .pagenav-menu{display: block;font-size: 24px;font-weight: bold;}
.pro-main .pagenav-cate .pagenav-menu em{display: none;}

.pro-main .page-main{flex: 1;padding-top: 0;padding-left: 50px;}