.page_wrap__N3yaD{display:flex;flex-wrap:wrap;justify-content:space-between}.page_left__ARQNT{width:310px;box-sizing:border-box;padding:0 40px 0 0}.page_left__ARQNT h1{color:var(--title-color);font-size:35px;line-height:45px;margin:0 0 10px}.page_left__ARQNT ul{margin:20px 0 0}.page_left__ARQNT li{margin:0 10px 10px 0;display:inline-flex}.page_left__ARQNT li:last-child{margin:0}.page_category__ppyy7{display:inline-flex;font-size:14px;color:#fff;font-weight:600;position:relative}.page_selected__JxyIF{border-width:2px;border-style:solid;position:absolute;left:-4px;top:-4px;right:-4px;bottom:-4px;border-radius:100px;display:none}.page_active__2yH_1 .page_selected__JxyIF{display:block}.page_category__ppyy7 p{padding:8px 24px;border-radius:50px;display:block}.page_right__S53Ng{width:calc(100% - 310px);box-sizing:border-box;padding:0 0 0 40px;border-left:1px solid #ebebeb}.page_right_grid__ThFhq{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px}.page_empty__ZQene{text-align:center}.page_empty__ZQene h3{font-size:20px;color:var(--title-color);margin:0 0 15px}.page_clear__hZzrh{border:1px solid #ececec;min-height:54px;border-radius:10px;padding:18px 20px;color:var(--title-color);font-size:16px;font-weight:600;background:#fff}@media screen and (max-width:1024px){.page_left__ARQNT{width:100%;padding:0 0 20px}.page_left__ARQNT ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:16px;margin:0 -20px;padding:20px 20px 10px;white-space:nowrap}.page_left__ARQNT ul::-webkit-scrollbar{display:none}.page_left__ARQNT li{margin:0 10px 0 0}.page_right__S53Ng{width:100%;padding:0;border-left:none}.page_right_grid__ThFhq{grid-template-columns:repeat(1,1fr);gap:20px}.page_left__ARQNT h1{margin:0}.page_left__ARQNT p{padding:5px 0 0;font-size:14px}.page_category__ppyy7 p{padding:8px 16px}}