.project-category{padding-bottom:8px;padding-top:24px}@media(max-width:767px){.project-category{padding-top:16px}}.project-category .sticky-category-bar .category-navbar{background-color:var(--pp-bg-body);box-shadow:0 -1px 0 0 var(--pp-main-3) inset;overflow:hidden}.project-category .category-bar{margin-bottom:32px}@media(max-width:767px){.project-category .category-bar{margin-bottom:24px}}.project-category .category-bar .category-list{margin-bottom:32px;position:relative}@media(max-width:767px){.project-category .category-bar .category-list{margin-bottom:12px}}.project-category .project_category_article{margin-bottom:32px}@media(max-width:767px){.project-category .project_category_article{margin-bottom:24px}}.project-category .project_category_article .section-block{padding:0!important}.project-category .project-category-banner-box{background:var(--pp-main-3);background-position:100%;background-repeat:no-repeat;background-size:536px auto;border-radius:1rem;height:220px;margin-bottom:16px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-category .project-category-banner-box .project-category-banner-mask{background-image:linear-gradient(90deg,var(--gray-900) 0,var(--black-a00) 100%);height:100%;max-width:552px;position:absolute;right:0;top:0;width:100%}.project-category .project-category-banner-box .project-category-banner-wrapper{left:40px;position:absolute;top:24px}.project-category .project-category-banner-box .project-category-banner-wrapper .pp-breadcrumb-item a,.project-category .project-category-banner-box .project-category-banner-wrapper .pp-breadcrumb-item span,.project-category .project-category-banner-box .project-category-banner-wrapper .pp-breadcrumb-item:before{color:var(--white);font-size:14px;font-weight:400;line-height:1.43}.project-category .project-category-desc-wrapper{margin-bottom:32px;margin-top:44px;overflow:auto}.project-category .project-category-desc-wrapper .project-category-desc{color:var(--pp-main-10);display:inline-block;font-size:14px;font-weight:400;line-height:1.43}.project-category .project-category-desc-wrapper .project-category-desc-more{align-self:flex-end;border-bottom:1px solid var(--pp-orange-500);color:var(--pp-orange-500);cursor:pointer;display:inline-block;flex:none;font-size:14px;font-weight:600;line-height:1.43}@media(min-width:480px){.project-category .project-category-desc-wrapper{padding:0 32px}}.project-category .project-category-desc-wrapper.ellipsis .project-category-desc{max-height:40px}@media(min-width:480px){.project-category .project-category-desc-wrapper.ellipsis{display:flex}.project-category .project-category-desc-wrapper.ellipsis .project-category-desc{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-category .project-category-desc-wrapper.ellipsis .project-category-desc-more{margin-left:8px}}@media(max-width:480px){.project-category .project-category-desc-wrapper.ellipsis .project-category-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.project-category .project-list .project-list-item[rel=sort]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.project-category .project-list .project-list-item[rel=sort] .project-list-sort-btn{color:var(--pp-main-10);cursor:pointer;font-size:14px;font-weight:400;line-height:1.43;padding:8px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-category .project-list .project-list-empty{align-items:center;display:flex;min-height:232px}@media(max-width:767.98px){.project-category .project-list .project-list-empty{display:block}.project-category .project-list .project-list-empty .project-list-empty-img{margin-left:0;margin-top:16px}.project-category .project-list .project-list-empty .project-list-empty-img .project-list-empty-img-bg{display:none}}.project-category .project-list .project-list-empty .project-list-empty-title{color:var(--pp-main-7);flex:1 1 41.6666666667%;font-size:20px;font-weight:600;line-height:1.6;text-align:center}.project-category .project-list .project-list-empty .project-list-empty-img{flex:1 1 58.3333333333%;margin-left:16px;margin-top:0;position:relative}.project-category .project-list .project-list-empty .project-list-empty-img .project-list-empty-img-bg{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.project-category .project-list .project-list-empty .project-list-empty-img .project-list-empty-img-item{left:50%;max-width:320px;position:relative;top:0;transform:translate(-50%);z-index:3}