.community-con[data-v-5fa60504]{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:70vh;position:relative}.breadcrumb[data-v-5fa60504]{margin-top:32px}.tabs[data-v-5fa60504]{border-bottom:1px solid #eee;display:flex;gap:100px;justify-content:center;padding:22px 0 32px}.tabs .tab[data-v-5fa60504]{color:#00000057;cursor:pointer;font-size:20px}.tabs .tab.active[data-v-5fa60504]{color:#000;font-weight:600}.categories[data-v-5fa60504]{box-sizing:border-box;display:flex;gap:30px;justify-content:center}.categories li[data-v-5fa60504]{color:#000;cursor:pointer;display:inline-block;font-size:16px;line-height:25px}.categories li.active[data-v-5fa60504]{border-color:#cd153e;color:#cd153e;font-weight:700}.categories li.active a[data-v-5fa60504]{color:#cd153e}.conditions-box[data-v-5fa60504]{align-items:center;display:flex;justify-content:space-between;margin:24px 0}.conditions-box .search[data-v-5fa60504]{width:353px}.conditions-box .search[data-v-5fa60504] .el-input__wrapper{border-radius:0;font-size:12px;padding:5px 15px}.top-actions[data-v-5fa60504]{align-items:center;box-sizing:border-box;display:flex;font-size:14px;justify-content:space-between;width:100%}.top-actions .sort[data-v-5fa60504]{color:#000}.top-actions .sort span[data-v-5fa60504]{box-sizing:border-box;display:inline-block;font-size:14px;font-weight:400;line-height:24px;padding:10px 15px}.top-actions .sort span.active[data-v-5fa60504]{border-bottom:1px solid #e62242;color:#e62242;font-size:16px;font-weight:500}.top-actions .list-type[data-v-5fa60504]{align-items:center;display:flex;gap:8px}.top-actions .list-type .type[data-v-5fa60504]{border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-flex;font-size:16px;padding:4px}.top-actions .list-type .type.active[data-v-5fa60504]{background:#fff4f4;color:#f04639}.main-content[data-v-5fa60504]{box-sizing:border-box;display:flex;gap:30px;justify-content:space-between;width:100%}.main-content .left-con[data-v-5fa60504]{box-sizing:border-box;flex:1}.main-content .left-con .communities-block[data-v-5fa60504]{align-content:flex-start;box-sizing:border-box;display:grid;gap:24px 20px;grid-template-columns:repeat(4,1fr);margin-top:44px;min-height:1224px}.main-content .left-con .communities-block[data-v-5fa60504]::-webkit-scrollbar{display:none}.main-content .left-con .communities-block .community-item[data-v-5fa60504]{box-sizing:border-box}.main-content .left-con .communities-block .community-item .community-img[data-v-5fa60504]{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;display:block;height:200px;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative;width:100%}.main-content .left-con .communities-block .community-item .community-title[data-v-5fa60504]{box-sizing:border-box;color:#1a1a1a;font-size:14px;font-weight:700;height:46px;line-height:1.5;margin:16px 0 8px;max-height:2.857em}.main-content .left-con .communities-block .community-item .bottom[data-v-5fa60504]{align-items:center;color:#999;display:flex;font-size:12px;justify-content:space-between;line-height:1.333}.main-content .left-con .communities-block .community-item .bottom .user[data-v-5fa60504]{align-items:center;color:#9e9e9e;display:flex;font-size:12px;font-weight:400;gap:4px;overflow:hidden;width:-moz-fit-content;width:fit-content}.main-content .left-con .communities-block .community-item .bottom .user .el-avatar[data-v-5fa60504]{height:24px;width:24px}.main-content .left-con .communities-block .community-item .bottom .user .oneLine[data-v-5fa60504]{width:100px}.main-content .left-con .communities-block .community-item .bottom .praise[data-v-5fa60504]{align-items:center;color:#999;cursor:pointer;display:flex;font-size:12px;gap:5px}.main-content .left-con .communities[data-v-5fa60504]{align-content:flex-start;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:1fr;margin-top:44px;min-height:1224px}.main-content .left-con .communities[data-v-5fa60504]::-webkit-scrollbar{display:none}.main-content .left-con .communities .community-list-item[data-v-5fa60504]{border:1px solid #f5f7fa;border-radius:6px;box-sizing:border-box;display:flex;gap:24px;padding:24px;position:relative}.main-content .left-con .communities .community-list-item .community-img[data-v-5fa60504]{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;display:block;height:200px;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative;width:200px}.main-content .left-con .communities .community-list-item .community-content[data-v-5fa60504]{display:flex;flex:1;flex-direction:column;justify-content:space-between}.main-content .left-con .communities .community-list-item .community-content .top[data-v-5fa60504]{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.main-content .left-con .communities .community-list-item .community-content .top .community-title[data-v-5fa60504]{box-sizing:border-box;color:#1a1a1a;font-size:18px;font-weight:700;line-height:1.5;margin:16px 0;max-height:2.857em}.main-content .left-con .communities .community-list-item .community-content .top .praise[data-v-5fa60504]{align-items:center;color:#999;cursor:pointer;display:flex;font-size:12px;gap:5px}.main-content .left-con .communities .community-list-item .community-content .top .praise svg[data-v-5fa60504]{display:none}.main-content .left-con .communities .community-list-item .community-content .top .praise[data-v-5fa60504]:hover{filter:unset}.main-content .left-con .communities .community-list-item .community-content .top .praise.active[data-v-5fa60504]{color:#c8143c!important;filter:unset!important}.main-content .left-con .communities .community-list-item .community-content .top .praise span[data-v-5fa60504]{white-space:nowrap}.main-content .left-con .communities .community-list-item .community-content .content[data-v-5fa60504]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#000!important;font-size:14px!important;font-weight:300!important;line-height:20px!important}.main-content .left-con .communities .community-list-item .community-content .content[data-v-5fa60504] *{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.main-content .left-con .communities .community-list-item .community-content .product-card-list[data-v-5fa60504]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:20px;max-height:160px;min-height:120px;width:100%}.main-content .left-con .communities .community-list-item .community-content .user[data-v-5fa60504]{align-items:center;color:#9e9e9e;display:flex;font-size:12px;font-weight:400;gap:4px;margin-top:20px;overflow:hidden;width:-moz-fit-content;width:fit-content}.main-content .left-con .communities .community-list-item .community-content .user .el-avatar[data-v-5fa60504]{height:24px;width:24px}.main-content .left-con .communities .community-list-item .community-content .user .oneLine[data-v-5fa60504]{width:100px}.main-content .right-con[data-v-5fa60504]{flex-shrink:0;width:331px}.main-content .right-con .show-box[data-v-5fa60504]{border:1px solid #f5f7fa;border-radius:6px;box-sizing:border-box;margin:12px 0;overflow:hidden;width:100%}.main-content .right-con .show-box img[data-v-5fa60504]{display:block;width:100%}.main-content .right-con .show-box .btns[data-v-5fa60504]{align-items:center;box-sizing:border-box;display:flex;padding:16px 0}.main-content .right-con .show-box .btns span[data-v-5fa60504]{border-radius:0;cursor:pointer;font-size:14px;font-weight:400;margin-left:16px;padding:8px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-content .right-con .show-box .btns span .el-icon[data-v-5fa60504]{margin-right:8px}.main-content .right-con .show-box .btns span[data-v-5fa60504]:last-of-type{background-color:#e62242;border-color:transparent;color:#ffffffe6;padding:8px 50px}.pagination[data-v-5fa60504]{align-items:center;display:flex;justify-content:center;margin:48px 0 24px;position:relative}.pagination .demonstration[data-v-5fa60504]{color:#0009;font-size:14px;font-weight:400;margin-right:32px}