.common-main >.l-wrap{display:flex;justify-content:space-between;padding-top:50px;}
aside.prodetails-sidear{width:320px;}
.page-main{flex:1;width:calc(100% - 320px);padding-left:40px;}
.category-title-box{margin-right:10px;width:6px;height:6px;background:var(--color)}
.sidebar-category-title{display:flex;align-items:center}
.sidebar-category-title p{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize22)}
.prodetails-sidear .pr-sidebar-category{padding:15px;background:#F9F9F9;border-radius:var(--borderradius)}
.pr-sidebar-category .pr-category-line{margin:5px 0px;width:100%;height:1px;background:#E9E9E9}
.pr-sidebar-category ul{padding:0px;list-style:none}
.pr-sidebar-category .pr-sidebar-cate li a{display:flex;padding:10px 0px;width:100%;justify-content:space-between;padding-right:35px;line-height:1.4;}
.pr-sidebar-category ul .sidebar-cate-show{position:absolute;top:8px;right:0px;width:25px;height:25px;border-radius:50%;background:#FFFFFF;text-align:center;cursor:pointer}
.pr-sidebar-category ul .sidebar-cate-show p{font-size:var(--fontsize18);line-height:22px}
.pr-sidebar-category ul .sidebar-cate-show p::before{content:'+'}
.pr-sidebar-category ul .active>.sidebar-cate-show p::before{content:'-'}
.pr-sidebar-category .sub-menu li{padding:0px 0px 0px 10px}
.pr-sidebar-category .sub-menu li a{padding:5px 0px;font-size:var(--fontsize15);}
.pr-sidebar-category ul .active>a{color:var(--color)}
.pr-sidebar-category .pr-sidebar-cate li a:hover{color:var(--color)}
.pr-sidebar-cate>a{padding:5px;width:100%}
.pr-sidebar-cate li{position:relative}
.pr-sidebar-category ul .active>.sidebar-cate-show{background-color:var(--color);color:#FFFFFF}
.pr-sidebar-cate .menu-item .sub-menu{display:none}
.page-main .l-wrap{padding:0 15px;max-width:100%;}
.page-main> .l-wrap{padding:0}
.prodetails-top{padding:15px 0}
@media(min-width:769px){.thumbnail-box{padding:0 30px}
.thumbnail-box .prodetails-button-prev{left:0;width:20px;border-radius:5px}
.thumbnail-box .prodetails-button-next{right:0;width:20px;border-radius:5px}}
@media (max-width:1280px){aside.prodetails-sidear{width:300px;}
.page-main{width:calc(100% - 300px);padding-left:30px;}}
@media (max-width:1024px){.common-main >.l-wrap{padding-top:30px;}
aside.prodetails-sidear{display:none}
.page-main{width:100%;padding-left:0;}}