.bigImgBox{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:24px;background-color:rgba(0,0,0,.7)}.bigImgBox .closeBox{text-align:right}.bigImgBox .closeBox img{width:24px;height:24px;cursor:pointer}.bigImgBox .bigImgCon{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.bigImgBox .bigImgCon .bigImg{max-width:70%;max-height:80%}.el-popover .imgShareBox{display:flex;align-items:center;grid-gap:20px;gap:20px;padding:16px}.el-popover .imgShareBox a{display:block;cursor:pointer}.el-popover .imgShareBox a img{width:36px;height:36px}.communityPage{padding:100px 0}.communityPage .communityPageCon{width:1400px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}.communityPage .communityPageCon .communityPageConLeft{width:800px}.communityPage .communityPageCon .communityPageConLeft .chatBox{width:100%;padding:24px 16px;border-radius:16px;border:1px solid #f0f0f0;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;margin-bottom:46px}.communityPage .communityPageCon .communityPageConLeft .chatBox .chatLeft{width:80%;display:flex;align-items:center;color:#141414;font-family:Rubik-500;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.communityPage .communityPageCon .communityPageConLeft .chatBox .chatLeft .chatImg{width:58px;height:58px;margin-right:10px}.communityPage .communityPageCon .communityPageConLeft .chatBox .chatLeft .desc{color:#434343;font-family:Rubik-400;font-size:14px;font-weight:400;margin-top:2px}.communityPage .communityPageCon .communityPageConLeft .chatBox .gl-btn-la{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:34px;font-size:14px}.communityPage .communityPageCon .communityPageConLeft .topBox{display:flex;align-items:center;justify-content:space-between}.communityPage .communityPageCon .communityPageConLeft .topBox .tabBox{height:44px;box-sizing:border-box;display:flex;align-items:center}.communityPage .communityPageCon .communityPageConLeft .topBox .tabBox .tabItem{height:100%;color:#434343;text-align:center;font-family:Rubik-600;font-size:20px;font-style:normal;font-weight:600;margin-right:16px;padding-top:4px;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .topBox .tabBox .activeItem{color:#7cb400;border-bottom:3px solid #7cb400}.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox{width:240px}.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox .el-input__inner,.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox input{width:240px;border-radius:6px!important;background:none!important}.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox .el-input-group__append{padding:0;border:unset;background:unset;border-radius:0 6px 6px 0;width:120px}.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox .el-input-group__append .gl-btn-la{border-radius:0 6px 6px 0}.communityPage .communityPageCon .communityPageConLeft .topicDetailBox{width:100%;padding:24px;box-sizing:border-box;display:flex;grid-gap:16px;gap:16px;align-items:flex-start;border-radius:16px;border:1px solid #d9d9d9;background:#f5f5f5}.communityPage .communityPageCon .communityPageConLeft .topicDetailBox .topicImg{width:26px;height:26px}.communityPage .communityPageCon .communityPageConLeft .topicDetailBox .detailRight{width:100%;display:flex;flex-flow:column;grid-gap:16px;gap:16px;color:#141414;font-family:Rubik-400;font-size:16px;font-style:normal;font-weight:400}.communityPage .communityPageCon .communityPageConLeft .topicDetailBox .detailRight .detailTitle{font-size:20px;font-family:Rubik-600;font-weight:600}.communityPage .communityPageCon .communityPageConLeft .topicDetailBox .detailRight .interactionBox{display:flex;flex-direction:row}.communityPage .communityPageCon .communityPageConLeft .topicDetailBox .detailRight .interactionBox .interactionItem{width:112px;font-family:Rubik-500;font-size:12px;font-weight:500;color:#141414;height:16px;display:flex;align-items:center;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .topicDetailBox .detailRight .interactionBox .interactionItem .interactionIcon{width:24px;height:24px;margin-right:2px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem{margin-top:64px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader{display:flex;flex-direction:row;justify-content:space-between}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft{display:flex;flex-direction:row;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft .imgBox{width:40px;height:40px;position:relative;margin-right:8px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft .imgBox .tx{width:40px;height:40px;border-radius:50%}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft .imgBox .vImg{position:absolute;bottom:0;right:0;width:14px;height:14px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft .nameTime .nameText{font-family:Rubik-600;font-size:16px;font-weight:600;color:#141414;line-height:22px;display:flex;align-items:center}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft .nameTime .nameText .label{margin-left:4px;border-radius:4px;height:18px;line-height:18px;font-family:Rubik-600;font-size:12px;font-weight:600;text-align:center;min-width:28px;padding:0 4px;color:#fff}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft .nameTime .timeText{font-family:Rubik-400;font-size:12px;font-weight:400;color:#a3a3a6;line-height:16px;margin-top:2px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerRight{display:flex;align-items:center}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerRight .attention{cursor:pointer;height:36px;padding:0 16px;color:#fff;font-family:Rubik-500;font-size:14px;font-style:normal;font-weight:500;line-height:36px;text-align:center;border-radius:100px;background:#7cb400}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerRight .hasAttention{display:flex;height:36px;padding:8px 12px;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#141414;font-family:Rubik-500;font-size:14px;font-style:normal;font-weight:500;line-height:normal;border-radius:999px;background:#f5f5f5;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerRight .hasAttention img{width:16px;height:16px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .incomeBox{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background:#f5f5f5;font-family:Rubik-400;font-size:12px;font-weight:400;width:100%;box-sizing:border-box;padding:12px 16px;color:#141414;margin-top:12px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .incomeBox .rate{color:#52c41a}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .incomeBox .taBox{display:flex;align-items:center;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .incomeBox .taBox img{width:6px;margin-left:4px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleTitle{font-family:Rubik-600;font-size:18px;font-weight:600;color:#141414;line-height:25px;margin-top:12px;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleTitle .pinned{width:20px;height:20px;position:relative;top:3px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon{margin-top:12px;display:flex;justify-content:space-between}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleContent{max-height:88px;overflow:hidden}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleContent *{color:#141414;font-family:Rubik-400;font-size:16px;line-height:22px;font-style:normal;font-weight:400;word-break:break-all}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleContent .articleTag{color:#7cb400}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleContent img{display:none}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleContent span{color:#7cb400}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleImgBox{margin-left:12px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleImgBox .articleImg{width:260px;height:120px;border-radius:10px;cursor:pointer;overflow:hidden;position:relative}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleImgBox .articleImg img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .symbolTag{margin-top:12px;display:flex;flex-direction:row;grid-gap:10px;gap:10px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .symbolTag .tagItem{min-width:137px;height:30px;padding:0 12px;text-align:center;line-height:30px;font-family:Rubik-400;font-size:12px;font-weight:400;color:#141414;border-radius:6px;border:1px solid #d9d9d9;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleImgBox{margin-top:12px;display:flex}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleImgBox .articleImg{width:260px;height:120px;margin-right:10px;border-radius:10px;cursor:pointer;overflow:hidden;position:relative}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleImgBox .articleImg img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleImgBox .articleImg:nth-of-type(3n){margin-right:0}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .interactionBox{margin-top:24px;display:flex;flex-direction:row}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .interactionBox .interactionItem{width:112px;font-family:Rubik-500;font-size:12px;font-weight:500;color:#141414;height:16px;display:flex;align-items:center;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .interactionBox .interactionItem .interactionIcon{width:24px;height:24px;margin-right:2px}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .attentionHeader{display:flex;justify-content:space-between;align-items:center;color:#141414;font-family:Rubik-600;font-size:16px;font-style:normal;font-weight:600;margin-top:48px}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .attentionHeader .gl-btn-la{width:auto;min-width:120px;padding:0 10px;height:34px;line-height:34px}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .attentionHeader .disableBtn{cursor:not-allowed;background:#d9d9d9;color:#a3a3a6}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList{width:100%;display:flex;flex-wrap:wrap;grid-gap:24px;gap:24px;margin-top:24px}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem{width:calc(50% - 12px);min-height:106px;box-sizing:border-box;padding:16px;border-radius:10px;border:1px solid #f0f0f0;color:#a3a3a6;color:var(--color-text-tertiary,#a3a3a6);font-family:Rubik-400;font-size:12px;font-style:normal;font-weight:400;display:flex;align-items:flex-start;cursor:pointer}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem .tx{width:40px;height:40px;border-radius:50%;margin-right:8px}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem .creatorName{flex:1}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem .creatorName .nameText{font-family:Rubik-600;font-size:16px;font-weight:600;color:#141414;line-height:22px;display:flex;align-items:center;margin-bottom:2px}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem .creatorName .nameText .labels{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px;margin-left:4px}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem .creatorName .nameText .labels .label{border-radius:4px;height:18px;line-height:18px;font-family:Rubik-600;font-size:12px;font-weight:600;text-align:center;min-width:28px;padding:0 4px;color:#fff}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem .creatorName .signature{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .actItem{border-color:#7cb400;position:relative}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .actItem .checkImg{width:26px;position:absolute;bottom:0;right:0}.communityPage .communityPageCon .communityPageConRight{width:360px}.communityPage .communityPageCon .communityPageConRight .personalInformationBox{width:100%;height:218px;border-radius:16px;border:1px solid #d9d9d9;padding:16px;margin-bottom:32px}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationHeader{border-bottom:1px solid #d9d9d9;padding-bottom:16px;display:flex;align-items:center}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationHeader .imgVBox{position:relative;width:40px;height:40px;margin-right:8px}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationHeader .imgVBox .tx{width:40px;height:40px;border-radius:50%}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationHeader .imgVBox .vImg{position:absolute;bottom:0;right:0;width:14px;height:14px}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationHeader .nameDesc .nameText{font-family:Rubik-600;font-size:16px;font-weight:600;color:#141414;line-height:22px}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationHeader .nameDesc .descText{width:270px;font-family:Rubik-400;font-size:12px;font-weight:400;color:#a3a3a6;line-height:16px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationCon{display:flex;flex-direction:row;padding:28px 0}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationCon .informationItem{width:33.33%;text-align:center}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationCon .informationItem .val{font-family:Rubik-500;font-size:17px;font-weight:500;color:#141414}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationCon .informationItem .label{font-family:Rubik-400;font-size:12px;font-weight:400;color:#a3a3a6;margin-top:2px}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationBtnBox{display:flex;flex-direction:row;justify-content:space-between;grid-gap:10px;gap:10px}.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationBtnBox .gl-btn-la,.communityPage .communityPageCon .communityPageConRight .personalInformationBox .informationBtnBox .gl-btn-la-cancel{height:34px;width:100%}.communityPage .communityPageCon .communityPageConRight .hotTopicBox{width:100%;padding:16px 24px 24px;border-radius:16px;border:.5px solid #d9d9d9;border:.5px solid var(--color-border-defult,#d9d9d9);background:#f5f5f5;background:var(--color-fill-tabs-bg-01,#f5f5f5)}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxHeader{display:flex;justify-content:space-between;align-items:center}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxHeader .hotTopicText{font-family:Rubik-600;font-size:16px;font-weight:600;color:#141414}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxHeader .moreText{font-family:Rubik-400;font-size:14px;font-weight:400;color:#a3a3a6;cursor:pointer}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxCon .hotTopicItem{font-family:Rubik-400;font-size:14px;font-weight:400;color:#141414;margin-top:16px;display:flex;align-items:center;cursor:pointer}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxCon .hotTopicItem .hotTopicIcon{width:16px;height:16px;margin-right:8px}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxCon .hotTopicItem .hotTopicNum{font-family:Rubik-500;font-size:14px;font-weight:500;color:#fa8c16;margin-right:8px;display:inline-block;width:16px;height:16px;text-align:center}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxCon .hotTopicItem .topicName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxCon .hotTopicItem .tagIcon{width:20px;height:20px;margin-left:8px}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxCon .hotTopicItem .hot{min-width:20px;height:16px;border-radius:4px;font-family:Rubik-400;font-size:12px;font-weight:400;color:#fff;background:#fa541c;text-align:center;line-height:16px;padding:0 4px;margin-left:8px}.communityPage .communityPageCon .communityPageConRight .hotTopicBox .hotTopicBoxCon .hotTopicItem .new{min-width:20px;height:16px;border-radius:4px;font-family:Rubik-400;font-size:12px;font-weight:400;color:#fff;background:#52c41a;text-align:center;line-height:16px;padding:0 4px;margin-left:8px}.fansNumDialog .fansNumContent .fansNumList .fansItem{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.fansNumDialog .fansNumContent .fansNumList .fansItem .avatarBox{display:flex;align-items:center;color:#141414;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.fansNumDialog .fansNumContent .fansNumList .fansItem .avatarBox .imgBox{width:40px;height:40px;position:relative;margin-right:8px}.fansNumDialog .fansNumContent .fansNumList .fansItem .avatarBox .imgBox .tx{width:40px;height:40px;border-radius:50%}.fansNumDialog .fansNumContent .fansNumList .fansItem .avatarBox .imgBox .vImg{position:absolute;bottom:0;right:0;width:14px;height:14px}.fansNumDialog .fansNumContent .fansNumList .fansItem .attentionBtn{display:flex;padding:8px 12px;justify-content:center;align-items:center;grid-gap:4px;gap:4px;border-radius:999px;background:#f5f5f5;color:#141414;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.fansNumDialog .fansNumContent .fansNumList .fansItem .attentionBtn img{width:16px;height:16px}.fansNumDialog .fansNumContent .fansNumList .fansItem .toAttenionBtn{display:flex;padding:8px 12px;justify-content:center;align-items:center;grid-gap:4px;gap:4px;border-radius:999px;background:#7cb400;cursor:pointer;color:#fff;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.fansNumDialog .fansNumContent .fansNumList .fansItem .toAttenionBtn img{width:16px;height:16px}@media (max-width:760px){.communityPage{padding:40px 0}.communityPage .communityPageCon{width:100%;padding:0 10px;flex-flow:column-reverse}.communityPage .communityPageCon .communityPageConLeft{width:100%}.communityPage .communityPageCon .communityPageConLeft .topBox{flex-flow:column;grid-gap:10px;gap:10px}.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox,.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox .el-input__inner,.communityPage .communityPageCon .communityPageConLeft .topBox .searchBox input,.communityPage .communityPageCon .communityPageConLeft .topBox .tabBox,.communityPage .communityPageCon .communityPageConLeft .topBox .tabBox .el-input__inner,.communityPage .communityPageCon .communityPageConLeft .topBox .tabBox input{width:100%}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleItemHeader .headerLeft .nameTime .nameText{flex-wrap:wrap}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleCon .articleImgBox .articleImg{width:130px;height:80px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .symbolTag{flex-wrap:wrap}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .symbolTag .tagItem{min-width:auto;width:calc(50% - 5px)}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleImgBox{flex-wrap:wrap;grid-gap:10px;gap:10px}.communityPage .communityPageCon .communityPageConLeft .articleBox .articleItem .articleImgBox .articleImg{width:calc(33.33333% - 6.66667px);height:80px;margin-right:0}.communityPage .communityPageCon .communityPageConLeft .attentionUserBox .creatorList .creatorItem{width:100%;height:auto}.communityPage .communityPageCon .communityPageConRight{width:100%;margin-bottom:32px}}