.mainBox[data-v-25ef045b]{display:flex;height:100vh}.left[data-v-25ef045b]{display:flex;cursor:not-allowed}.left .siderBar[data-v-25ef045b]{width:72px;height:100vh;padding:12px 0;background-color:#18191b;display:flex;flex-direction:column;align-items:center;position:relative}.left .siderBar .imgBox[data-v-25ef045b]{width:42px;height:42px;padding:8px;background-color:#2f3035;border-radius:50%;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.left .siderBar .line[data-v-25ef045b]{width:20px;height:2px;background-color:#2f3035;margin:0 0 12px}.left .siderBar .TitleBox[data-v-25ef045b]{width:42px;height:42px;text-align:center;line-height:42px;background-color:#5865f2;border-radius:16px;color:#fff;margin-bottom:12px;font-size:20px}.left .mjList[data-v-25ef045b]{width:268px;background-color:#2f3035}.left .mjList .top[data-v-25ef045b]{height:46px;padding:12px;color:#fff;display:flex;align-items:center;justify-content:space-between}.left .mjList .line[data-v-25ef045b]{width:100%;height:1px;background-color:#1c1d21;box-shadow:1px 1px 1px #515257}.left .mjList .bottom[data-v-25ef045b]{padding:24px 12px;position:relative;height:calc(100vh - 52px)}.left .mjList .bottom .line1[data-v-25ef045b]{width:100%;height:1px;background-color:#48494e;margin-bottom:16px}.left .mjList .bottom .userInfo[data-v-25ef045b]{width:100%;height:56px;background-color:#212225;position:absolute;left:0;bottom:0;padding:12px;display:flex;justify-content:space-between;align-items:center}.left .mjList .bottom .userInfo .avatar[data-v-25ef045b]{display:flex;align-items:center}.left .mjList .bottom .userInfo .avatar .imgBox[data-v-25ef045b]{width:32px;height:32px;padding:4px;border-radius:50%;background-color:#eb459f;position:relative}.left .mjList .bottom .userInfo .imgList[data-v-25ef045b]{display:flex;align-items:center}.left .mjList .bottom .userInfo .imgList img[data-v-25ef045b]{margin-left:12px}.right[data-v-25ef045b]{flex:1;height:100vh;background-color:#3c3d43;display:flex;flex-direction:column}.right .top[data-v-25ef045b]{padding:11px;display:flex;align-items:center}.right .top .friendStatus[data-v-25ef045b]{font-size:15px;color:#b1b3b9;margin-right:12px}.right .line[data-v-25ef045b]{width:100%;height:1px;background-color:#1c1d21;box-shadow:1px 1px 1px #515257}.right .drawContent[data-v-25ef045b]{flex:1}.warning[data-v-25ef045b]{position:fixed;left:65px;top:15px;width:320px;background-color:#00732c;padding:8px;font-size:15px;color:#fff;line-height:18px;z-index:-1;opacity:0;transition:all .5s;border-radius:2px}.mjList:hover .warning[data-v-25ef045b]{transition:all .5s;opacity:1;z-index:10}.shake[data-v-25ef045b]{animation:shake-25ef045b .8s ease-in-out}@keyframes shake-25ef045b{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}50%{transform:translate3d(-4px,0,0)}}.friendBox[data-v-25ef045b]{padding:8px 12px;border-radius:8px;background-color:#6b6d73;display:flex;align-items:center}.friendBox img[data-v-25ef045b]{width:24px;height:24px;margin-right:12px}.shopBox[data-v-25ef045b]{padding:8px 12px;border-radius:8px;display:flex;align-items:center;margin-top:16px}.shopBox img[data-v-25ef045b]{width:24px;height:24px;margin-right:12px}.skeletonBox[data-v-25ef045b]{padding:8px;background:linear-gradient(to bottom,#2F3035,#2F3035)}.skeletonBox .skeletonItem[data-v-25ef045b]{display:flex;justify-content:space-between;margin-top:16px}.bottomBox[data-v-25ef045b]{display:flex}.bottomBox .addFriend[data-v-25ef045b]{flex:1;padding:24px 12px}.bottomBox .addFriend .inputBox[data-v-25ef045b]{margin-top:12px;padding:12px;border-radius:12px;border:1px solid #23A559;display:flex;background-color:#18191b;justify-content:space-between}.bottomBox .addFriend .inputBox .sendBtn[data-v-25ef045b]{padding:4px 8px;background-color:#343e8e;color:#b1b3b9;border-radius:6px;font-size:12px}.activity[data-v-25ef045b]{width:300px;height:calc(100vh - 50px);padding:24px 12px}
