.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}.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%}.Light .posterDialog .el-dialog .el-dialog__header,.Night .posterDialog .el-dialog .el-dialog__header{height:0}.Light .posterDialog .el-dialog .el-dialog__body,.Night .posterDialog .el-dialog .el-dialog__body{padding:0;border-radius:10px;background:#fff}.Light .posterDialog .el-dialog .el-dialog__header .el-dialog__close,.Night .posterDialog .el-dialog .el-dialog__header .el-dialog__close{background:#f5f5f5;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#434343}.posterDialogMain[data-v-7838c51c]{width:240px;height:427px;background:#fff;margin:36px auto 24px;border:1px solid #d9d9d9;position:relative}.posterDialogMain .bg[data-v-7838c51c]{position:absolute;top:0;left:0;width:100%;height:100%}.posterDialogMain .logo[data-v-7838c51c]{display:flex;align-items:center;position:absolute;top:13px;left:13px}.posterDialogMain .logo .logo_icon[data-v-7838c51c]{height:10px}.posterDialogMain .liveInfo[data-v-7838c51c]{position:absolute;top:247px;left:0;padding:0 16px}.posterDialogMain .liveInfo .row1[data-v-7838c51c]{display:flex;align-items:center}.posterDialogMain .liveInfo .row1 .icon[data-v-7838c51c]{width:30px;height:30px;border-radius:15px}.posterDialogMain .liveInfo .row1 span[data-v-7838c51c]{line-height:normal;margin-left:6px;white-space:nowrap;display:inline-block;width:170px}.posterDialogMain .liveInfo .row1 span[data-v-7838c51c],.posterDialogMain .liveInfo .row2[data-v-7838c51c]{color:#fff;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;overflow:hidden;text-overflow:ellipsis}.posterDialogMain .liveInfo .row2[data-v-7838c51c]{margin-top:12px;line-height:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}.posterDialogMain .codePosterBottom[data-v-7838c51c]{width:100%;height:66px;display:flex;align-items:center;padding:0 16px;position:absolute;bottom:0;left:0;justify-content:space-between}.posterDialogMain .codePosterBottom .codePosterBottomLeft[data-v-7838c51c]{width:calc(100% - 84px)}.posterDialogMain .codePosterBottom .codePosterBottomLeft .invitationCode[data-v-7838c51c]{color:#141414;font-family:PingFang SC;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.posterDialogMain .codePosterBottom .codePosterBottomLeft .invitationCode span[data-v-7838c51c]{font-weight:600}.posterDialogMain .codePosterBottom .codePosterBottomLeft .name[data-v-7838c51c]{color:#a3a3a6;font-family:PingFang SC;font-size:8px;font-style:normal;font-weight:400;line-height:normal;margin-top:3px}.posterDialogMain .codePosterBottom .codePosterBottomRight[data-v-7838c51c]{width:40px;height:40px}.btnBox[data-v-7838c51c]{border-top:1px solid #f0f0f0;width:100%;height:113px;display:flex;align-items:center;justify-content:space-between;padding:0 20%}.btnBox a[data-v-7838c51c]{text-decoration:none}.btnBox .btnBoxItem[data-v-7838c51c]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.btnBox .btnBoxItem .icon[data-v-7838c51c]{width:40px;height:40px}.btnBox .btnBoxItem .text[data-v-7838c51c]{color:#141414;font-feature-settings:"liga" off,"clig" off;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:17px;letter-spacing:.5px;margin-top:8px}.picturePreviewDialog,.posterDialog{z-index:20001!important}.chatRoomPart{width:410px;height:75vh;position:fixed;top:calc(50% - 37.5vh);left:calc(50% - 205px);z-index:9999;display:flex;flex-direction:row;border-radius:16px;box-shadow:0 -4px 20px 0 rgba(33,42,57,.2)}.chatRoomPart .chatRoomPartLeft{height:100%;margin-right:1px}.chatRoomPart .chatRoomPartLeft .addressBookHeader{width:100%;height:44px;padding-left:5px;display:flex;align-items:center;background:#fff;border-radius:10px 0 0 0;margin-bottom:1px}.chatRoomPart .chatRoomPartLeft .addressBookHeader img{width:20px;height:20px;margin-left:7px;cursor:pointer}.chatRoomPart .chatRoomPartLeft .addressBookList{height:calc(100% - 45px);overflow:auto;position:relative}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem{height:66px;display:flex;flex-direction:row;cursor:pointer;margin-bottom:1px;background:#fff}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .headPortrait{width:70px;height:70px;display:flex;align-items:center;justify-content:center;position:relative}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .headPortrait .tx{width:40px;height:40px;border-radius:50%}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .headPortrait .point{position:absolute;bottom:15px;right:17px;width:8px;height:8px}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight{width:250px;padding-top:19px}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight .addressBookItemRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight .addressBookItemRow .groupName{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight .addressBookItemRow .groupName .peg{width:15px;height:15px}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight .addressBookItemRow .time{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:12px;color:#9fa4b4}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight .addressBookItemRow .message{width:170px;font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:17px;color:#9fa4b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight .addressBookItemRow .message .announcement{color:#ef9c2b}.chatRoomPart .chatRoomPartLeft .addressBookList .addressBookItem .addressBookItemRight .addressBookItemRow .point{width:16px;height:16px;background:#f05f5f;font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:16px;color:#fff;border-radius:50%;text-align:center}.chatRoomPart .chatRoomPartLeft .addressBookList .pegItem{margin-bottom:5px}.chatRoomPart .chatRoomPartLeft ::-webkit-scrollbar-thumb{background:#a2aebe!important}.chatRoomPart .packUp{left:313px}.chatRoomPart .packUp,.chatRoomPart .spread{width:20px;height:40px;position:absolute;top:calc(50% - 20px);cursor:pointer}.chatRoomPart .spread{left:0}.chatRoomPart .chatRoomPartRight{width:100%;height:100%;position:relative}.chatRoomPart .chatRoomPartRight .chatRoomPartRightModal{width:0;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;right:0;z-index:1;border-radius:16px;transition:width .3s;-webkit-transition:width .3s}.chatRoomPart .chatRoomPartRight .chatPageHeader{width:100%;height:64px;background:#fff;padding-left:20px;padding-right:20px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;border-bottom:1px solid #f0f0f0}.chatRoomPart .chatRoomPartRight .chatPageHeader .chatPageHeaderLeft{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:64px;display:flex;align-items:center;font-family:DIN-500;font-size:16px;font-weight:500;line-height:22px;color:#141414;cursor:pointer}.chatRoomPart .chatRoomPartRight .chatPageHeader .chatPageHeaderLeft .headPortrait{width:32px;height:32px;margin-right:6px;border-radius:50%}.chatRoomPart .chatRoomPartRight .chatPageHeader .chatPageHeaderRight{height:64px;display:flex;align-items:center}.chatRoomPart .chatRoomPartRight .chatPageHeader .chatPageHeaderRight .closeIcon{width:16px;height:16px;cursor:pointer;margin-left:12px}.chatRoomPart .chatRoomPartRight .chatPageHeader .chatPageHeaderRight .moreIcon{width:28px;height:28px;cursor:pointer}.chatRoomPart .chatRoomPartRight .chatPageCon{width:100%;height:calc(100% - 64px);background:#fff;border-radius:0 0 16px 16px;position:relative}.chatRoomPart .chatRoomPartRight .chatPageCon .messageListPart{width:100%;height:calc(100% - 78px);position:relative;padding-right:5px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList{width:100%;height:100%;padding:0 20px;overflow:auto}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .messageBothSides{margin-bottom:12px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .messageBothSides .headPortrait{width:36px;height:36px;border-radius:50%}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide{display:flex;flex-direction:row;align-items:flex-start}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon{margin-left:10px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard1{max-width:300px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:0 12px 12px 12px;background:#f5f5f5;font-family:DIN-400;font-size:16px;font-weight:400;line-height:22px;color:#141414;padding:10px;position:relative}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard1 .tooltipPart{width:72px;height:63px;position:absolute;top:-63px;left:calc(50% - 36px);padding-top:8px;text-align:center;font-family:DIN-400;font-size:10px;font-weight:400;line-height:14px;color:#fff;cursor:pointer;display:none}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard1 .tooltipPart .tooltipPartBg{width:72px;height:63px;position:absolute;top:0;left:0}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard1 .icon{width:8px;height:7px;position:absolute;bottom:-1px;left:-7px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard1 a{text-decoration:underline;color:#7499fb}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard1 .noticeCard img{width:100%}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard1:hover .tooltipPart{display:block}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2{width:270px;border-radius:6px 6px 6px 0;background:#fff;border:1px solid #eff0f2;font-family:DIN-Regular;font-size:14px;font-weight:500;line-height:20px;color:#fff;padding:0 15px 13px;position:relative}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardHeader{height:50px;border-bottom:1px solid #eff0f2;display:flex;flex-direction:row;align-items:center;cursor:pointer}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardHeader .coin{width:32px;height:32px;margin-right:10px;border-radius:50%}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardHeader .coinInfo{width:178px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardHeader .coinInfo .coinName{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardHeader .coinInfo .coinDetail{font-family:DIN-Medium;font-size:11px;font-weight:500;line-height:11px;color:#48b5a0}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardHeader .right{width:9px;height:9px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardCon .cardRow{display:flex;justify-content:space-between;margin-top:10px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardCon .cardRow .label{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:12px;color:#212a39}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .messageCardCon .cardRow .val{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:12px;color:#212a39}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard2 .icon{width:8px;height:7px;position:absolute;bottom:-1px;left:-7px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard3{width:200px;height:200px;border-radius:0 12px 12px 12px;background:#f5f5f5;padding:3px;position:relative}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard3 .messageImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;border-radius:12px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageCard3 .icon{width:8px;height:7px;position:absolute;bottom:-1px;left:-7px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageInfo{font-family:DIN-400;font-size:12px;font-weight:400;line-height:17px;color:#141414;display:flex;flex-direction:row;align-items:center;margin-bottom:10px;margin-top:8px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageInfo .name{color:#7499fb}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageInfo .name2{margin-right:3px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .leftSide .messageCon .messageInfo .mark{height:15px;border-radius:3px;background:rgba(116,153,251,.1);box-sizing:border-box;border:1px solid #7499fb;font-family:DIN-Regular;font-size:8px;font-weight:500;line-height:14px;color:#7499fb;padding:0 3px;text-align:center;margin:0 3px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide{display:flex;flex-direction:row-reverse;align-items:flex-start}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon{margin-right:13px;display:flex;flex-direction:column;align-items:flex-end}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard1{max-width:300px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:12px 0 12px 12px;background:#d9e8ff;font-family:DIN-400;font-size:16px;font-weight:400;line-height:22px;color:#141414;padding:10px;position:relative}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard1 .tooltipPart{background-image:url(/image/chatRoom/chatRoom/Union.png);background-size:100% 100%;background-repeat:no-repeat;width:72px;height:63px;position:absolute;top:-63px;left:calc(50% - 36px);padding-top:8px;text-align:center;font-family:DIN-400;font-size:10px;font-weight:400;line-height:14px;color:#fff;cursor:pointer;display:none}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard1 .icon{width:8px;height:7px;position:absolute;bottom:0;right:-5px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard1 a{text-decoration:underline;color:#fff}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard1 .noticeCard img{width:100%}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard1:hover .tooltipPart{display:block}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2{width:270px;border-radius:6px;background:#fff;border:1px solid #eff0f2;font-family:DIN-Regular;font-size:14px;font-weight:500;line-height:20px;color:#fff;padding:0 15px 13px;position:relative}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardHeader{height:50px;border-bottom:1px solid #eff0f2;display:flex;flex-direction:row;align-items:center}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardHeader .coin{width:32px;height:32px;margin-right:10px;border-radius:50%}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardHeader .coinInfo{width:178px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardHeader .coinInfo .coinName{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardHeader .coinInfo .coinDetail{font-family:DIN-Medium;font-size:11px;font-weight:500;line-height:11px;color:#48b5a0}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardHeader .right{width:9px;height:9px;cursor:pointer}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardCon .cardRow{display:flex;justify-content:space-between;margin-top:10px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardCon .cardRow .label{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:12px;color:#212a39}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .messageCardCon .cardRow .val{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:12px;color:#212a39}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard2 .icon{width:13px;height:7px;position:absolute;bottom:-1px;right:-7px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard3{width:200px;height:200px;border-radius:12px 0 12px 12px;background:#f5f5f5;padding:3px;position:relative}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard3 .messageImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;border-radius:12px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageCard3 .icon{width:8px;height:7px;position:absolute;bottom:0;right:-5px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageInfo{font-family:DIN-400;font-size:12px;font-weight:400;line-height:17px;color:#141414;margin-top:8px;margin-bottom:10px;display:flex;flex-direction:row-reverse;align-items:center}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageInfo .name{color:#7499fb}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageInfo .name2{margin-left:3px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageList .rightSide .messageCon .messageInfo .mark{height:15px;border-radius:3px;background:rgba(116,153,251,.1);box-sizing:border-box;border:1px solid #7499fb;font-family:DIN-Regular;font-size:8px;font-weight:500;line-height:14px;color:#7499fb;padding:0 3px;text-align:center;margin:0 3px}.chatRoomPart .chatRoomPartRight .chatPageCon ::-webkit-scrollbar-thumb{background:#a2aebe!important}.chatRoomPart .chatRoomPartRight .chatPageCon .newMessagePart{width:42px;height:42px;position:absolute;bottom:100px;right:20px;display:flex;justify-content:center}.chatRoomPart .chatRoomPartRight .chatPageCon .newMessagePart .backIcon{width:42px;height:42px}.chatRoomPart .chatRoomPartRight .chatPageCon .newMessagePart .newMessagePartCon{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:33px;text-align:center;color:#fff;width:150px;height:33px;border-radius:17px;background:#7499fb;cursor:pointer;box-shadow:0 4px 10px 0 rgba(116,153,251,.4)}.chatRoomPart .chatRoomPartRight .chatPageCon .newMessagePart .newMessagePartCon .downIcon{width:10px;height:12px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageCenter{font-family:DIN-400;font-size:12px;font-weight:400;line-height:17px;color:#141414;margin-bottom:12px;text-align:center}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter{width:100%;height:78px;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:0 0 16px 16px;border-top:1px solid #f0f0f0;padding:0 20px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterLeftPart{position:relative;width:100%;height:46px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterLeftPart .sendIcon{position:absolute;top:13px;right:16px;width:20px;height:20px;cursor:pointer}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterLeft{padding:13px 16px;margin-right:20px;width:100%;height:46px;overflow:auto;outline:none;background:#f5f5f5;border-radius:6px;line-height:20px;color:#141414;font-family:DIN-400;font-size:14px;font-weight:400}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterLeft .imgFile{width:150px;height:100px;object-fit:cover;-o-object-fit:cover;cursor:pointer}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterLeft[data-placeholder]:before{content:attr(data-placeholder);color:#a3a3a6;font-family:DIN-400;font-size:14px;font-weight:400;line-height:20px;pointer-events:none}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter ::-webkit-scrollbar-thumb{background:#e7e7ed!important}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterRight{display:flex;flex-direction:row;align-items:center}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterRight .imgIcon{width:20px;height:20px;cursor:pointer;margin-left:12px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterRight .imgBtn{height:20px;display:flex;align-items:center;margin-top:3px}.chatRoomPart .chatRoomPartRight .chatPageCon .messageEnter .messageEnterRight .sendBtn{min-width:70px;height:34px;border-radius:4px;background:#7499fb;font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:34px;color:#fff;text-align:center;padding:0 16px;cursor:pointer;margin-left:10px;margin-right:10px}.chatRoomPart .chatRoomPartRight .chatPageCon .announcementPart{width:100%;height:46px;background:#fff9e5;padding-left:14px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;z-index:1;cursor:pointer}.chatRoomPart .chatRoomPartRight .chatPageCon .announcementPart .announcementCon{display:flex;align-items:center;width:calc(100% - 40px)}.chatRoomPart .chatRoomPartRight .chatPageCon .announcementPart .announcementCon .announcementConText{font-family:DIN-Medium;font-size:13px;font-weight:500;line-height:18px;color:#ffc300;width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatRoomPart .chatRoomPartRight .chatPageCon .announcementPart .announcementCon .announcement{width:16px;height:13px;margin-right:9px}.chatRoomPart .chatRoomPartRight .chatPageCon .announcementPart .rightIcon{width:9px;height:9px;cursor:pointer;margin-right:19px}.chatRoomPart .chatRoomSidebarLeft{width:0;height:100%;position:absolute;left:0;top:0;border-radius:10px 0 0 10px;background:#f0f2f7;z-index:1;box-shadow:6px 0 7px 0 rgba(0,0,0,.04);transition:width .3s;-webkit-transition:width .3s;white-space:nowrap;overflow:hidden}.chatRoomPart .chatRoomSidebarLeft .chatRoomSidebarLeftHeader{width:100%;height:44px;padding-left:14px;display:flex;align-items:center;background:#fff;border-radius:10px 0 0 0;margin-bottom:1px;font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:44px;color:#212a39}.chatRoomPart .chatRoomSidebarLeft .chatRoomSidebarLeftHeader .left{width:16px;height:17px;margin-right:10px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .sidebarItem{width:100%;height:48px;background:#fff;margin-bottom:1px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px 0 14px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .sidebarItem .sidebarItemLeft{font-family:DIN-Medium;font-size:15px;font-weight:500;color:#212a39;display:flex;align-items:center}.chatRoomPart .chatRoomSidebarLeft .sidebarItem .sidebarItemLeft .icon{width:14px;height:14px;margin-right:7px}.chatRoomPart .chatRoomSidebarLeft .sidebarItem .right{width:9px;height:9px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .createGroupPart{height:calc(100% - 45px);position:relative}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .txName{width:100%;height:100px;background:#fbfbfc;margin-bottom:5px;display:flex;padding:0 12px;align-items:center}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .txName .upload{width:50px;height:50px;cursor:pointer;margin-right:10px;border-radius:50%}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .txName .el-input__inner{border:1px solid #eff0f2!important;background:#fff!important;color:#151c26!important;border-radius:6px!important}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .createReasonPart{width:100%;height:174px;background:#fbfbfc;padding:17px 12px 0;margin-bottom:5px}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .createReasonPart .createReasonPartLabel{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:12px;color:#212a39}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .createReasonPart .createReasonPartCon{margin-top:10px}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .mobileEmailPart{width:100%;height:174px;background:#fbfbfc;padding:17px 12px 0}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .mobileEmailPart .label{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:12px;color:#212a39;margin-top:20px}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .mobileEmailPart .enter{margin-top:6px}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .mobileEmailPart .enter .el-input__inner{border-radius:6px!important;border:1px solid #eff0f2!important;background:#fff!important;color:#151c26!important}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .confirmPart{width:100%;height:63px;background:#fff;border-radius:0 0 0 10px;padding:12px 12px 0;position:absolute;bottom:0}.chatRoomPart .chatRoomSidebarLeft .createGroupPart .confirmPart .confirmBtn{width:100%;height:40px;border-radius:6px;background:#7499fb;font-family:DIN-Medium;font-size:15px;font-weight:500;line-height:40px;text-align:center;color:#fff;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart{height:calc(100% - 45px);overflow:auto}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem{width:100%;height:66px;background:#fbfbfc;padding:0 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1px}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemLeft,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemLeft{display:flex;flex-direction:row;align-items:center}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemLeft .tx,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemLeft .tx{width:40px;height:40px;margin-right:17px;border-radius:50%}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemLeft .memberInfo .memberName,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemLeft .memberInfo .memberName{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39;display:flex;align-items:center}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemLeft .memberInfo .memberName .warning,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemLeft .memberInfo .memberName .warning{width:14px;height:14px;margin-left:3px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemLeft .memberInfo .memberDetail,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemLeft .memberInfo .memberDetail{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:17px;color:#9fa4b4}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemRight,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemRight{display:flex;flex-direction:row;font-family:DIN-Medium;font-size:15px;font-weight:500;line-height:15px;text-align:right;color:#9fa4b4}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemRight .pass,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemRight .pass{width:30px;height:30px;margin-right:10px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1 .auditMemberItem .auditMemberItemRight .noPass,.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard2 .auditMemberItem .auditMemberItemRight .noPass{width:30px;height:30px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .auditMemberPart .auditMemberCard1{margin-bottom:5px}.chatRoomPart .chatRoomSidebarLeft .notificationPart{height:calc(100% - 45px)}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationTabPart{width:100%;background:#fff;padding-bottom:10px;padding-top:10px}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationTabPart .notificationTabPartCon{width:calc(100% - 24px);height:34px;background:#f0f2f7;display:flex;flex-direction:row;align-items:center;padding:0 2px;margin:0 auto;border-radius:10px}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationTabPart .notificationTabPartCon .tab{width:50%;height:30px;border-radius:8px;box-sizing:border-box;font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:30px;text-align:center;color:#9fa4b4;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationTabPart .notificationTabPartCon .curTab{width:173px;height:30px;border-radius:8px;background:#fbfbfc;box-sizing:border-box;border:1px solid #eff0f2;font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:30px;text-align:center;color:#212a39;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2{height:calc(100% - 54px);overflow:auto;margin-top:1px}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem{padding:12px;width:100%;background:#fbfbfc;margin-bottom:1px}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row1,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row1{display:flex;flex-direction:row;justify-content:space-between}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row1 .row1Left,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row1 .row1Left{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row1 .row1Left .tx,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row1 .row1Left .tx{width:30px;height:30px;margin-right:10px;border-radius:50%}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row1 .row1Right,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row1 .row1Right{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:30px;text-align:right;color:#9fa4b4}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row2,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row2{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:17px;color:#212a39;margin-top:9px}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row2 .newAvatar,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row2 .newAvatar{width:100%;height:48px;border-radius:6px;opacity:1;background:#fff;box-sizing:border-box;border:1px solid #eff0f2;font-family:DIN-Bold;font-size:12px;font-weight:700;line-height:14px;color:#212a39;display:flex;align-items:center;padding-left:14px}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row2 .newAvatar .tx,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row2 .newAvatar .tx{width:22px;height:22px;margin-right:10px;border-radius:50%}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row2 .errorBox,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row2 .errorBox{width:100%;border-radius:4px;background:rgba(240,95,95,.09804);font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:17px;color:#f05f5f;padding:5px;margin-top:5px}.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard1 .notificationPartItem .row3,.chatRoomPart .chatRoomSidebarLeft .notificationPart .notificationPartCard2 .notificationPartItem .row3{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:12px;color:#9fa4b4;display:flex;justify-content:space-between;margin-top:9px}.chatRoomPart .chatRoomSidebarLeft .notificationPart ::-webkit-scrollbar-thumb{background:#a2aebe!important}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart{width:100%;height:calc(100% - 45px);background:#f0f2f7;border-radius:0 0 10px 0;position:relative}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon{width:100%;height:100%;overflow:auto}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .searchPart{width:100%;background:#fff;padding:12px 12px 10px;position:relative}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .searchPart .search{width:10px;height:10px;position:absolute;top:27px;left:24px;z-index:1}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .searchPart .el-input__inner{border:1px solid #eff0f2!important;border-radius:6px!important;padding-left:26px!important;background:#fff!important;color:#151c26!important}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .roomList{margin-top:5px}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .roomList .roomRow{display:flex;flex-direction:row;align-items:center;background:#fbfbfc;margin-bottom:1px;width:100%;height:49px;padding:0 14px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .roomList .roomRow .unselected{width:16px;height:16px;margin-right:7px}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .roomList .roomRow .tx{width:30px;height:30px;border-radius:50%;margin-right:10px}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .selectGroupPartCon .roomList .roomRow .roomName{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .sharePart{width:100%;height:63px;background:#fff;border-radius:0 0 10px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 14px;position:absolute;bottom:0}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .sharePart .sharePartLeft{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .sharePart .sharePartLeft .unselected{width:16px;height:16px;margin-right:7px;cursor:pointer}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .sharePart .sharePartRight{font-family:DIN-Regular;font-size:14px;font-weight:500;line-height:14px;color:#212a39;display:flex;align-items:center}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart .sharePart .sharePartRight .shareBtn{width:86px;height:36px;border-radius:6px;background:#7499fb;font-family:DIN-Medium;font-size:15px;font-weight:500;line-height:36px;text-align:center;color:#fff;cursor:pointer;margin-left:10px}.chatRoomPart .chatRoomSidebarLeft .selectGroupPart ::-webkit-scrollbar-thumb,.chatRoomPart .chatRoomSidebarLeft ::-webkit-scrollbar-thumb{background:#a2aebe!important}.chatRoomPart .chatRoomSidebarRight{width:0;height:100%;position:absolute;right:0;top:0;border-radius:0 16px 16px 0;background:#fff;z-index:1;box-shadow:-7px 2px 7px 0 rgba(0,0,0,.04);transition:width .3s;-webkit-transition:width .3s;white-space:nowrap;overflow:hidden}.chatRoomPart .chatRoomSidebarRight .groupHome{height:100%;overflow:auto;padding:0 16px}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1{width:100%;border-radius:0 2px 0 0}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headNav{display:flex;align-items:center;justify-content:space-between;height:64px;font-family:DIN-500;font-weight:500;font-size:16px;color:#141414}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headNav .closeIcon{width:28px;height:28px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headNav .shareIcon{width:15px;height:15px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headerInfo{margin-top:9px}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headerInfo .headerInfoLeft{width:100%;display:flex;flex-direction:column;align-items:center}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headerInfo .headerInfoLeft .tx{width:54px;height:54px;border-radius:50%}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headerInfo .headerInfoLeft .groupInfo{text-align:center}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headerInfo .headerInfoLeft .groupInfo .groupName{font-family:DIN-500;font-size:16px;font-weight:500;line-height:22px;color:#141414;margin-top:8px}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headerInfo .headerInfoLeft .groupInfo .groupDetail{font-family:DIN-400;font-size:14px;font-weight:400;line-height:22px;color:#434343;margin-top:16px;width:100%;white-space:normal;text-align:left;max-height:120px;overflow:auto}.chatRoomPart .chatRoomSidebarRight .groupHome .chatRoomSidebarLeftHeader1 .headerInfo .right{width:9px;height:9px}.chatRoomPart .chatRoomSidebarRight .groupHome .introductionPart{padding:12px 14px;margin-bottom:5px;background:#fbfbfc}.chatRoomPart .chatRoomSidebarRight .groupHome .introductionPart .introductionLabel{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:12px;color:#9fa4b4;display:flex;justify-content:space-between}.chatRoomPart .chatRoomSidebarRight .groupHome .introductionPart .introductionLabel .more{font-family:DIN-Medium;font-size:13px;font-weight:500;line-height:13px;color:#7499fb;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .introductionPart .introductionCon{font-family:DIN-Medium;font-size:13px;font-weight:500;line-height:18px;color:#212a39;margin-top:5px;display:flex;flex-direction:row;align-items:center}.chatRoomPart .chatRoomSidebarRight .groupHome .introductionPart .introductionCon .introductionText{width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatRoomPart .chatRoomSidebarRight .groupHome .introductionPart .introductionCon .more{font-family:DIN-Medium;font-size:13px;font-weight:500;line-height:13px;color:#7499fb;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .invitationFriendsPart{padding:12px 14px;margin-bottom:5px;background:#fbfbfc}.chatRoomPart .chatRoomSidebarRight .groupHome .invitationFriendsPart .invitationFriendsLabel{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:12px;color:#9fa4b4}.chatRoomPart .chatRoomSidebarRight .groupHome .invitationFriendsPart .invitationLink{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.chatRoomPart .chatRoomSidebarRight .groupHome .invitationFriendsPart .invitationLink .invitationLinkLabel{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .groupHome .invitationFriendsPart .invitationLink .invitationLinkVal{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:12px;color:#9fa4b4;display:flex;flex-direction:row;align-items:center}.chatRoomPart .chatRoomSidebarRight .groupHome .invitationFriendsPart .invitationLink .invitationLinkVal .linkVal{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatRoomPart .chatRoomSidebarRight .groupHome .invitationFriendsPart .invitationLink .invitationLinkVal .copyChatLink{width:10px;height:10px;margin-left:3px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .announcementPart{border-top:1px solid #f0f0f0;padding-top:16px;margin-top:16px}.chatRoomPart .chatRoomSidebarRight .groupHome .announcementPart .row1{display:flex;justify-content:space-between;align-items:center;font-family:DIN-400;font-size:14px;font-weight:400;line-height:22px;color:#a3a3a6}.chatRoomPart .chatRoomSidebarRight .groupHome .announcementPart .row1 .announcement{font-family:DIN-500;font-size:16px;font-weight:500;line-height:22px;color:#141414}.chatRoomPart .chatRoomSidebarRight .groupHome .announcementPart .row1 .right{width:16px;height:16px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .announcementPart .announcementText{overflow:hidden;height:70px;white-space:normal;font-family:DIN-400;font-size:14px;font-weight:400;line-height:22px;color:#434343;margin-top:8px}.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart{width:100%;background:#fbfbfc;padding:12px 14px 0;margin-bottom:5px}.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart .row1{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart .row1 .administrators,.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart .row1 .administratorsNum{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:12px;color:#9fa4b4}.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart .row1 .administratorsNum{text-align:right;display:flex;align-items:center;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart .row1 .administratorsNum .right{width:9px;height:9px;margin-left:3px}.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart .row2{display:flex;flex-direction:row;flex-wrap:wrap}.chatRoomPart .chatRoomSidebarRight .groupHome .memberPart .row2 .tx{width:30px;height:30px;margin-right:10px;margin-bottom:12px;border-radius:50%}.chatRoomPart .chatRoomSidebarRight .groupHome .setPart{width:100%;height:46px;background:#fbfbfc;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;margin-top:1px}.chatRoomPart .chatRoomSidebarRight .groupHome .setPart .setPartLeft{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .groupHome .setPart .setPartRight{font-family:DIN-Medium;font-size:12px;font-weight:500;line-height:12px;color:#9fa4b4}.chatRoomPart .chatRoomSidebarRight .groupHome .setPart .setPartRight .right{width:9px;height:9px;margin-left:3px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .groupHome .setPart:last-child{border-radius:0 0 10px 0;margin-bottom:10px}.chatRoomPart .chatRoomSidebarRight ::-webkit-scrollbar-thumb{background:#a2aebe!important}.chatRoomPart .chatRoomSidebarRight .inviteCardPart{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.09804);display:flex;align-items:flex-end}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon{width:100%;height:276px;border-radius:10px;opacity:1;background:#fbfbfc;box-sizing:border-box;border:1px solid #eff0f2;padding:16px 14px}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .cardHeader{font-family:DIN-Bold;font-size:17px;font-weight:700;line-height:17px;color:#212a39;display:flex;justify-content:space-between;align-items:center}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .cardHeader .closeIcon{width:20px;height:20px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .invitationLinkLabel{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39;margin-top:40px}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .invitationLinkVal{width:100%;height:40px;border-radius:6px;opacity:1;background:#fff;box-sizing:border-box;border:1px solid #eff0f2;font-family:DIN-Medium;font-size:13px;font-weight:500;line-height:40px;color:#212a39;margin-top:10px;padding:0 60px 0 0;position:relative}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .invitationLinkVal .linkVal{padding-left:10px;width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .invitationLinkVal .copyChatLink2{font-family:DIN-Medium;font-size:15px;font-weight:500;line-height:15px;text-align:center;color:#7499fb;position:absolute;right:20px;top:12px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .invitationLinkVal .el-input__inner{border-radius:6px!important;background:#fff!important;color:#151c26!important;border:1px solid #eff0f2!important}.chatRoomPart .chatRoomSidebarRight .inviteCardPart .inviteCardPartCon .invitationLinkVal .sendBtn{width:76px;height:40px;border-radius:0 7px 7px 0;opacity:1;background:#7499fb;font-family:DIN-Medium;font-size:15px;font-weight:500;line-height:40px;text-align:center;color:#fff;cursor:pointer;position:absolute;right:0;top:0}.chatRoomPart .chatRoomSidebarRight .otherChild{height:100%;padding:0 16px}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2{width:100%;display:flex;align-items:center;background:#fff;border-radius:0 16px 0 0;height:64px;font-family:DIN-500;font-weight:500;font-size:16px;color:#141414}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .headerLeft{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:44px;color:#212a39;display:flex;align-items:center}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .headerLeft .left{width:28px;height:28px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .navTitle{width:calc(100% - 56px);text-align:center}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .headerRight{display:flex;flex-direction:row;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .headerRight .option1{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#b1b4c1}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .headerRight .option2{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#7499fb}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .headerRight .option3{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .chatRoomSidebarLeftHeader2 .headerRight .management{width:20px;height:20px}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .el-upload{width:100%}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow1{width:100%;height:74px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1px;background:#fbfbfc;padding:0 12px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow1 .rowLeft{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow1 .rowRight .tx{width:50px;height:50px;margin-right:10px;border-radius:50%}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow1 .rowRight .right{width:9px;height:9px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow2{width:100%;height:46px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1px;background:#fbfbfc;padding:0 12px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow2 .rowLeft{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow2 .rowRight .name{font-family:DIN-Regular;font-size:14px;font-weight:500;line-height:14px;text-align:right;color:#9fa4b4}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow2 .rowRight .right{width:9px;height:9px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow3{width:100%;height:44px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fbfbfc;padding:0 12px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow3 .rowLeft{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow3 .rowRight .right{width:9px;height:9px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow4{font-family:DIN-Regular;font-size:13px;font-weight:500;line-height:18px;color:#212a39;background:#fbfbfc;padding:0 12px 12px;margin-bottom:5px;cursor:pointer;white-space:normal}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow5{width:100%;height:46px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fbfbfc;padding:0 12px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow5 .rowLeft{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#f05f5f}.chatRoomPart .chatRoomSidebarRight .otherChild .groupInfoPart .groupInfoPartRow5 .rowRight .right{width:9px;height:9px}.chatRoomPart .chatRoomSidebarRight .otherChild .groupNamePart{width:100%;height:calc(100% - 45px);background:#fbfbfc;padding:14px 10px;border-radius:0 0 10px 0}.chatRoomPart .chatRoomSidebarRight .otherChild .groupNamePart .newName{font-family:DIN-Bold;font-size:12px;font-weight:700;line-height:12px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .groupNamePart .groupName{margin-top:5px}.chatRoomPart .chatRoomSidebarRight .otherChild .groupNamePart .groupName .el-input__inner{border:1px solid #eff0f2!important;background:#fff!important;color:#151c26!important;border-radius:6px!important}.chatRoomPart .chatRoomSidebarRight .otherChild .introductionPart{width:100%;height:calc(100% - 45px);background:#fbfbfc;padding:14px 10px;border-radius:0 0 10px 0;overflow:auto}.chatRoomPart .chatRoomSidebarRight .otherChild .introductionPart .introduction{font-family:DIN-Bold;font-size:12px;font-weight:700;line-height:12px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .introductionPart .introductionCon{margin-top:5px}.chatRoomPart .chatRoomSidebarRight .otherChild .introductionPart .introductionCon2{width:100%;min-height:125px;border-radius:6px;background:#fff;box-sizing:border-box;border:1px solid #eff0f2;margin-top:5px;padding:10px;white-space:normal}.chatRoomPart .chatRoomSidebarRight .otherChild ::-webkit-scrollbar-thumb{background:#a2aebe!important}.chatRoomPart .chatRoomSidebarRight .otherChild .addAnnouncementPart{width:100%;height:calc(100% - 84px);background:#f5f5f5;border-radius:6px}.chatRoomPart .chatRoomSidebarRight .otherChild .addAnnouncementPart .addAnnouncement{width:100%;height:calc(100% - 124px);outline:none;overflow:auto;padding:10px;line-height:20px;color:#141414;font-family:DIN-400;font-size:14px;font-weight:400}.chatRoomPart .chatRoomSidebarRight .otherChild .addAnnouncementPart .addAnnouncement img{width:100%;border-radius:10px}.chatRoomPart .chatRoomSidebarRight .otherChild .addAnnouncementPart .addImg{width:94px;height:94px;border-radius:8px;background:#f0f2f7;cursor:pointer;padding-top:28px;text-align:center;margin-top:20px;margin-left:10px;margin-bottom:10px}.chatRoomPart .chatRoomSidebarRight .otherChild .addAnnouncementPart .addImg .add{width:16px;height:16px}.chatRoomPart .chatRoomSidebarRight .otherChild .addAnnouncementPart .addImg .addText{font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:14px;color:#abb5d8;margin-top:10px}.chatRoomPart .chatRoomSidebarRight .otherChild .checkAnnouncementPart{width:100%;height:calc(100% - 73px)}.chatRoomPart .chatRoomSidebarRight .otherChild .checkAnnouncementPart .authorInfo{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:9px;border-bottom:1px solid #f0f0f0;padding-bottom:16px;margin-bottom:16px}.chatRoomPart .chatRoomSidebarRight .otherChild .checkAnnouncementPart .authorInfo .tx{width:54px;height:54px;border-radius:50%}.chatRoomPart .chatRoomSidebarRight .otherChild .checkAnnouncementPart .authorInfo .authorName{font-family:DIN-500;font-size:16px;font-weight:500;line-height:22px;color:#141414;margin-top:8px}.chatRoomPart .chatRoomSidebarRight .otherChild .checkAnnouncementPart .authorInfo .date{font-family:DIN-400;font-size:12px;font-weight:400;line-height:22px;color:#434343}.chatRoomPart .chatRoomSidebarRight .otherChild .checkAnnouncementPart .announcementInfo{height:calc(100% - 159px);overflow:auto;font-family:DIN-400;font-size:14px;font-weight:400;line-height:22px;color:#141414}.chatRoomPart .chatRoomSidebarRight .otherChild .checkAnnouncementPart .announcementInfo img{width:100%;border-radius:10px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart{width:100%;height:calc(100% - 45px);background:#f0f2f7;border-radius:0 0 10px 0;position:relative}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon{width:100%;height:100%}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .searchPart{width:100%;background:#fff;padding:12px 12px 10px;position:relative}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .searchPart .search{width:10px;height:10px;position:absolute;top:27px;left:24px;z-index:1}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .searchPart .el-input__inner{border:1px solid #eff0f2!important;border-radius:6px!important;padding-left:26px!important;background:#fff!important;color:#151c26!important}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberType{width:100%;height:22px;font-family:DIN-Regular;font-size:12px;font-weight:500;line-height:22px;color:#9fa4b4;padding-left:14px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList{background:#fbfbfc;padding:2px 14px 16px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:14px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow .memberRowLeft{display:flex;flex-direction:row;align-items:center}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow .memberRowLeft .unselected{width:16px;height:16px;margin-right:7px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow .memberRowLeft .tx{width:30px;height:30px;border-radius:50%;margin-right:10px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow .memberRowLeft .memberName{font-family:DIN-Medium;font-size:14px;font-weight:500;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow .memberRowLeft .tag{height:17px;padding:0 3px;border-radius:3px;background:rgba(240,95,95,.09804);font-family:DIN-Medium;font-size:11px;font-weight:500;line-height:17px;color:#f05f5f;margin-left:3px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow .memberRowRight .add,.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .managementMemberPartCon .memberList .memberRow .memberRowRight .delete{width:15px;height:15px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .deletePart{width:100%;height:63px;background:#fff;border-radius:0 0 10px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 14px;position:absolute;bottom:0}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .deletePart .deletePartLeft{font-family:DIN-Bold;font-size:14px;font-weight:700;line-height:14px;color:#212a39}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .deletePart .deletePartLeft .unselected{width:16px;height:16px;margin-right:7px;cursor:pointer}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .deletePart .deletePartRight{font-family:DIN-Regular;font-size:14px;font-weight:500;line-height:14px;color:#212a39;display:flex;align-items:center}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart .deletePart .deletePartRight .deleteBtn{width:86px;height:36px;border-radius:6px;background:rgba(240,95,95,.09804);font-family:DIN-Medium;font-size:15px;font-weight:500;line-height:36px;text-align:center;color:#f05f5f;cursor:pointer;margin-left:10px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart ::-webkit-scrollbar-thumb{background:#a2aebe!important}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart2{width:100%;height:calc(100% - 45px);background:rgba(0,0,0,.09804);border-radius:0 0 10px 0;z-index:1;position:absolute;top:45px}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart2 .managementItem{display:flex;justify-content:space-between;align-items:center;width:100%;height:48px;background:#fff;padding:0 10px 0 17px;cursor:pointer;border-bottom:1px solid #f0f2f7}.chatRoomPart .chatRoomSidebarRight .otherChild .managementMemberPart2 .managementItem .right{width:9px;height:9px}.chatRoomTooltip{z-index:9999999999!important}.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}}