.k-window{border:none!important;box-shadow:none!important}.k-window #chat-window{box-shadow:-17px 35px 59px rgba(98,114,148,.44)}#documentShareTogether .ivu-modal-footer{display:none}#documentShareTogether .ivu-modal-body{padding:20px 30px 30px}#documentShareTogether .share-Doc-Modal .edit-wrapper{display:flex;align-items:center}#documentShareTogether .share-Doc-Modal .edit-wrapper .left-change-img{width:76px;margin-right:20px}#documentShareTogether .share-Doc-Modal .edit-wrapper .right-edit-text{width:calc(100% - 96px)}#documentShareTogether .share-Doc-Modal span{display:inline-block}#documentShareTogether .share-Doc-Modal .sharName{padding-top:8px}#documentShareTogether .share-Doc-Modal .share-change-people{cursor:pointer;float:right;padding-top:8px}#documentShareTogether .share-Doc-Modal .share-pciture{cursor:pointer;border-radius:4px;position:relative;width:80px;height:80px}#documentshareSyncToContact .ivu-modal-footer{display:none}#documentshareSyncToContact .share-select-person{height:400px;overflow:auto}#documentshareSyncToContact .share-select-person .pubilc-search-mask-input{background-color:rgba(158,154,197,.05);width:100%}#documentshareSyncToContact .share-select-person::-webkit-scrollbar{width:4px}#documentshareSyncToContact .share-select-person::-webkit-scrollbar-thumb{border-radius:20px;background:#191836}#documentshareSyncToContact .share-select-person ul{list-style-type:none}#documentshareSyncToContact .share-select-person .friend{padding:8px 0 8px 16px;position:relative;cursor:pointer;display:flex;align-items:center}#documentshareSyncToContact .share-select-person .friend:hover{background-color:#d5ebff}#documentshareSyncToContact .share-select-person .friend:hover .user-name{color:#3d78fb}#documentshareSyncToContact .share-select-person .friend .user-name{padding-top:0;padding-left:30px;color:#9da6b7;font-size:14px}.share-select-person{height:400px;overflow:auto}.share-select-person ul{list-style-type:none}.share-select-person .friend{padding:8px 0 8px 16px;position:relative;cursor:pointer}.share-select-person .friend .friend-head{float:left;padding-left:2em}.share-select-person .friend .user-name{float:left;padding-left:1em;padding-top:9px}.share-Doc-Modal span{display:inline-block}.share-Doc-Modal .sharName{padding-top:8px}.share-Doc-Modal .share-change-people{cursor:pointer;float:right;padding-top:8px}.share-Doc-Modal .share-pciture{cursor:pointer;float:right;border-radius:4px;position:relative;width:80px;height:80px}.share-Doc-Modal .share-pciture #sharePic{cursor:pointer;position:absolute;left:0;top:0;width:80px;height:80px;opacity:0}.collectionContent{max-height:600px;overflow:auto}.collectionContent .table-action-icon{opacity:0;cursor:pointer}.collectionContent .ivu-table-row-highlight .table-action-icon,.collectionContent tr:hover .table-action-icon{opacity:1}.group-content{width:100%;height:400px;overflow:auto}.group-content ul{list-style-type:none}.group-content .friend{padding:8px 0 8px 16px;position:relative}.group-content .friend .user-checked{float:left;padding-top:9px}.group-content .friend .user-checked label{width:16px;height:16px;border-radius:3px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center}.group-content .friend .user-checked .labelBox{border-color:#3d78fb;background-color:#3d78fb}.group-content .friend .user-checked .labelBox .icon{display:block}.group-content .friend .user-checked input{display:none}.group-content .friend .user-checked span{color:#fff;display:none;font-size:12px}.group-content .friend .friend-head{float:left;padding-left:2em}.group-content .friend .user-name{float:left;padding-left:1em;padding-top:9px}.chat-floating-window{cursor:pointer;position:fixed;right:60px;bottom:60px;border-radius:50%;background-color:#3d78fb;color:#fff;user-select:none;z-index:1000;width:50px;height:50px;line-height:60px;text-align:center;box-shadow:0 11px 23px 0 rgba(0,80,255,.43)}.chat-floating-window .icon{font-size:28px;line-height:43px}.chat-floating-window .messegeNumber{font-size:8px;color:#fff;position:absolute;background-color:red;width:18px;height:18px;right:-2px;top:-2px;border-radius:50%;text-align:center;line-height:18px}.chat-window{padding:0!important;font-size:12px;display:none}.chat-window ul{margin-top:0;margin-bottom:0}.chat-window .chat-window-content{display:flex;height:100%;overflow-x:hidden}.chat-window .chat-window-content .left-part{flex:0 0 200px;width:200px}.chat-window .chat-window-content .left-part .my-contact-wraper{width:100%;box-sizing:border-box;background:linear-gradient(115deg,#3d78fb,#7788f0);padding-top:18px}.chat-window .chat-window-content .left-part .lesson-left-wraper{background-color:#f5f5f5;width:100%;height:100%;box-sizing:border-box}.chat-window .chat-window-content .left-part .lesson-left-wraper .dragArea{padding:24px 12px 6px!important}.chat-window .chat-window-content .left-part .lesson-left-wraper .lesson-search-place{padding:0 12px}.chat-window .chat-window-content .left-part .lesson-left-wraper .lesson-search-input{background-color:#fff;width:calc(100% - 36px);height:32px;border-radius:50px}.chat-window .chat-window-content .left-part .lesson-left-wraper .lesson-search-input .ivu-input{padding:0}.chat-window .chat-window-content .left-part .lesson-left-wraper .lesson-search-input input{background-color:#fff}.chat-window .chat-window-content .left-part .lesson-left-wraper .common-chat-type-item{padding:10px 15px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.chat-window .chat-window-content .left-part .lesson-left-wraper .common-chat-type-item .chat-type-item-left{display:flex;align-items:center}.chat-window .chat-window-content .left-part .lesson-left-wraper .common-chat-type-item .chat-text{font-size:14px;font-weight:700}.chat-window .chat-window-content .left-part .lesson-left-wraper .common-chat-type-item .messege-number{font-size:8px;color:#fff;background-color:#00f;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list{overflow:auto;height:calc(100% - 165px);user-select:none}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list::-webkit-scrollbar{width:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list:hover::-webkit-scrollbar{width:4px;display:block}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list:hover::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#304da0}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list ul{cursor:pointer;list-style-type:none}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend{margin:5px 0;padding:2px 10px;height:50px;position:relative;display:flex;align-items:center;background-color:#fff}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .delete_rencent{z-index:39999;font-size:12px;position:absolute;background-color:#fff;box-shadow:0 2px 2px #cfcfcf;border-radius:7px;left:50px;top:25px}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .delete_rencent ul{cursor:pointer;list-style-type:none}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .delete_rencent ul li{padding:10px 20px}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .private-friend-head{margin-right:7px}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .private-friend-name{padding:0 5px}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .private-friend-name .chat-title{font-size:13px;font-weight:700;overflow:hidden;max-width:120px;text-overflow:ellipsis;white-space:nowrap}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .private-friend-name .small-message{margin-top:3px;color:#9cb2f9;overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .private-friend .private-messageCount{font-size:12px;color:#fff;position:absolute;background-color:#00f;width:16px;height:16px;left:4px;top:4px;border-radius:50%;text-align:center;line-height:16px}.chat-window .chat-window-content .left-part .lesson-left-wraper .private-chat-list .bgColor{background-color:#eeecff}.chat-window .chat-window-content .left-part .chat-groupName,.chat-window .chat-window-content .left-part .dragArea{padding:6px 12px}.chat-window .chat-window-content .left-part .card{padding:0 10px}.chat-window .chat-window-content .left-part .card .chat-search-place{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between}.chat-window .chat-window-content .left-part .card .chat-search-place .search{padding:0 20px;width:60%;font-size:12px;color:#000;line-height:30px;border-radius:4px;border:1px solid #e6f0fa;background-color:#fff;outline:none;box-shadow:-11px 15px 19px 0 rgba(2,67,139,.25)}.chat-window .chat-window-content .left-part .card .chat-search-place .searchIcon{position:absolute;left:.4em;top:.6em;cursor:pointer}.chat-window .chat-window-content .left-part .card .chat-search-place .clearInput{position:absolute;left:73%;top:.7em;cursor:pointer}.chat-window .chat-window-content .left-part .card .chat-search-place .add-Group{color:#fff;margin-left:5px;cursor:pointer;font-size:20px}.chat-window .chat-window-content .left-part .card .head-footer-bar{margin-top:10px;padding:10px 0;text-align:center;position:relative;height:32px;display:flex;align-items:center}.chat-window .chat-window-content .left-part .card .head-footer-bar div{flex:1;display:flex;align-items:center;justify-content:center}.chat-window .chat-window-content .left-part .card .head-footer-bar div .icon{font-size:20px;color:#7fa2f8;cursor:pointer}.chat-window .chat-window-content .left-part .card .head-footer-bar div .icon:hover{color:#fff}.chat-window .chat-window-content .left-part .card .head-footer-bar .messegeNumber{font-size:8px;color:#fff;position:absolute;background-color:red;width:18px;height:18px;left:12px;top:-6px;border-radius:50%;text-align:center;line-height:18px}.chat-window .chat-window-content .left-part .card .avatar,.chat-window .chat-window-content .left-part .card .name{vertical-align:middle}.chat-window .chat-window-content .left-part .card .avatar{border-radius:2px}.chat-window .chat-window-content .left-part .card .name{display:inline-block;margin:0 0 0 15px;font-size:16px}.chat-window .chat-window-content .left-part .recent-chat{overflow:auto;height:calc(100% - 108px)}.chat-window .chat-window-content .left-part .recent-chat::-webkit-scrollbar{width:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .recent-chat::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .recent-chat:hover::-webkit-scrollbar{width:4px;display:block}.chat-window .chat-window-content .left-part .recent-chat:hover::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#304da0}.chat-window .chat-window-content .left-part .recent-chat ul{cursor:pointer;list-style-type:none}.chat-window .chat-window-content .left-part .recent-chat .recent-friend{padding:2px 10px;height:50px;position:relative;display:flex;align-items:center}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .delete_rencent{z-index:39999;font-size:12px;position:absolute;background-color:#fff;box-shadow:0 2px 2px #cfcfcf;border-radius:7px;left:50px;top:25px}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .delete_rencent ul{cursor:pointer;list-style-type:none}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .delete_rencent ul li{padding:10px 20px}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .recent-friend-head{margin-right:7px}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .recent-friend-name{padding:0 5px}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .recent-friend-name .chat-title{font-size:13px;font-weight:700;overflow:hidden;max-width:120px;text-overflow:ellipsis;white-space:nowrap;color:#fff}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .recent-friend-name .small-message{margin-top:3px;color:#9cb2f9;overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap}.chat-window .chat-window-content .left-part .recent-chat .recent-friend .private-messageCount{font-size:12px;color:#fff;position:absolute;background-color:red;width:16px;height:16px;left:4px;top:4px;border-radius:50%;text-align:center;line-height:16px}.chat-window .chat-window-content .left-part .recent-chat .bgColor{background-color:#004efa}.chat-window .chat-window-content .left-part .search-course-list{height:calc(100% - 108px);overflow:auto}.chat-window .chat-window-content .left-part .search-course-list::-webkit-scrollbar{width:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .search-course-list::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .search-course-list:hover::-webkit-scrollbar{width:4px;display:block}.chat-window .chat-window-content .left-part .search-course-list:hover::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#304da0}.chat-window .chat-window-content .left-part .search-course-list ul{list-style-type:none}.chat-window .chat-window-content .left-part .search-course-list .course{cursor:pointer;padding:0 10px;height:50px;position:relative;display:flex;align-items:center}.chat-window .chat-window-content .left-part .search-course-list .course .course-head{margin-right:12px}.chat-window .chat-window-content .left-part .search-course-list .bgColor{background-color:#004efa}.chat-window .chat-window-content .left-part .course-list{height:calc(100% - 108px)}.chat-window .chat-window-content .left-part .course-list .addNewGroup{width:100%;height:30px}.chat-window .chat-window-content .left-part .course-list .addNewGroup .addNewGroup-button{cursor:pointer;padding:5px 10px;float:right;margin-right:12px;border-radius:10px;background-color:#fff;border:1px solid #dddee1}.chat-window .chat-window-content .left-part .course-list .course-list-people{width:100%;height:100%;overflow:auto}.chat-window .chat-window-content .left-part .course-list .course-list-people::-webkit-scrollbar{width:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .course-list .course-list-people::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .course-list .course-list-people:hover::-webkit-scrollbar{width:4px;display:block}.chat-window .chat-window-content .left-part .course-list .course-list-people:hover::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#304da0}.chat-window .chat-window-content .left-part .course-list .course-list-people ul{list-style-type:none}.chat-window .chat-window-content .left-part .course-list .course-list-people .course{cursor:pointer;padding:0 10px;height:50px;position:relative;display:flex;align-items:center}.chat-window .chat-window-content .left-part .course-list .course-list-people .course .course-head{margin-right:12px}.chat-window .chat-window-content .left-part .course-list .course-list-people .bgColor{background-color:#004efa}.chat-window .chat-window-content .left-part .search-friend-list{overflow:auto;height:calc(100% - 108px)}.chat-window .chat-window-content .left-part .search-friend-list::-webkit-scrollbar{width:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .search-friend-list::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .search-friend-list:hover::-webkit-scrollbar{width:4px;display:block}.chat-window .chat-window-content .left-part .search-friend-list:hover::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#304da0}.chat-window .chat-window-content .left-part .search-friend-list ul{cursor:pointer;list-style-type:none}.chat-window .chat-window-content .left-part .search-friend-list .bgColor{background-color:#004efa}.chat-window .chat-window-content .left-part .search-friend-list .search-friend{cursor:pointer;padding:0 10px;height:50px;position:relative;display:flex;align-items:center}.chat-window .chat-window-content .left-part .search-friend-list .search-friend .search-friend-head{margin-right:12px}.chat-window .chat-window-content .left-part .friend-list{overflow:auto;height:calc(100% - 108px)}.chat-window .chat-window-content .left-part .friend-list::-webkit-scrollbar{width:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .friend-list::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:transparent;display:none}.chat-window .chat-window-content .left-part .friend-list:hover::-webkit-scrollbar{width:4px;background:#ebebeb;display:block}.chat-window .chat-window-content .left-part .friend-list:hover::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#304da0}.chat-window .chat-window-content .left-part .friend-list ul{list-style-type:none;color:#fff}.chat-window .chat-window-content .left-part .friend-list .friend{cursor:pointer;padding:8px 0 8px 10px;position:relative;display:flex;align-items:center}.chat-window .chat-window-content .left-part .friend-list .friend .user-name{padding-left:12px;overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap}.chat-window .chat-window-content .left-part .friend-list .friend .private-messageCount{font-size:12px;color:#fff;position:absolute;background-color:red;width:16px;height:16px;left:12px;top:8px;border-radius:50%;text-align:center;line-height:16px}.chat-window .chat-window-content .left-part .friend-list .bgColor{background-color:#004efa}.chat-window .chat-window-content .right-part{flex:1 1 300px;display:flex;flex-direction:column;min-width:300px;position:relative}.chat-window .chat-window-content .right-part .chat-groupName-down{position:absolute;top:64px;left:0;width:100%;max-height:200px;background-color:#eef2fa;overflow:auto;box-shadow:0 8px 19px -10px rgba(0,0,0,.15);z-index:99}.chat-window .chat-window-content .right-part .chat-groupName-down .groupName-item-top{width:100%;height:10px}.chat-window .chat-window-content .right-part .chat-groupName-down .groupName-item{display:inline-block;text-align:center;width:50px;height:60px;padding:4px 10px}.chat-window .chat-window-content .right-part .chat-groupName-down .groupName-item .groupName-item-head{height:40px}.chat-window .chat-window-content .right-part .chat-groupName-down .groupName-item .groupName-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50px;height:20px;color:#9da6b7}.chat-window .chat-window-content .right-part .toolbar-header-part{flex:0 0 50px;border-bottom:1px solid #eaedf3;padding:0 20px;line-height:63px;height:63px;flex-direction:column;vertical-align:middle}.chat-window .chat-window-content .right-part .toolbar-header-part span{display:inline-block}.chat-window .chat-window-content .right-part .toolbar-header-part .chat-groupName{max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700}.chat-window .chat-window-content .right-part .toolbar-header-part .rotatePic{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.chat-window .chat-window-content .right-part .footer-part{position:absolute;bottom:10px;left:0;width:100%;background-color:#fff;border-top:1px solid #e1e1e1;vertical-align:middle}.chat-window .chat-window-content .right-part .footer-part #rongcloudview-emoji{position:absolute;bottom:144px;left:5px;width:90%;max-width:544px;background-color:#fff;padding:5px 2px;box-shadow:-17px 35px 59px 0 rgba(98,114,148,.44);border-radius:8px;overflow-y:auto;overflow-x:hidden;z-index:1000}.chat-window .chat-window-content .right-part .footer-part #rongcloudview-emoji::-webkit-scrollbar{width:4px}.chat-window .chat-window-content .right-part .footer-part #rongcloudview-emoji::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#191836}.chat-window .chat-window-content .right-part .footer-part #rongcloudview-emoji .emoji{display:inline-block;cursor:pointer;width:32px;height:32px;text-align:center;font-size:18px;padding:2px}.chat-window .chat-window-content .right-part .footer-part .recording{display:flex;position:absolute;top:-25px;width:100%;height:25px;background-color:#dfe6ec}.chat-window .chat-window-content .right-part .footer-part .recording .recording-left{z-index:22;width:15%;min-width:70px}.chat-window .chat-window-content .right-part .footer-part .recording .recording-left .recording-left-icon{float:left;width:12px;background:red;border-radius:50%;height:12px;margin-top:6px;margin-left:6px;animation:recording 2s 30;-webkit-animation:recording 2s 30;-o-animation:recording 2s 30}.chat-window .chat-window-content .right-part .footer-part .recording .recording-left .recording-left-span{float:right;text-align:center;height:100%;margin-right:10px;line-height:25px}@-webkit-keyframes recording{0%{background:red}25%{background:#ff0}50%{background:#00f}75%{background:green}to{background:red}}@-o-keyframes recording{0%{background:red}25%{background:#ff0}50%{background:#00f}75%{background:green}to{background:red}}@keyframes recording{0%{background:red}25%{background:#ff0}50%{background:#00f}75%{background:green}to{background:red}}.chat-window .chat-window-content .right-part .footer-part .recording .record-progress{content:"";height:25px;width:100%;z-index:10}.chat-window .chat-window-content .right-part .footer-part .recording .recording-right{min-width:80px;width:20%;z-index:22}.chat-window .chat-window-content .right-part .footer-part .recording .recording-right a{float:right;width:30px;height:100%;margin-right:10px;line-height:25px;text-decoration:none;text-align:center}.chat-window .chat-window-content .right-part .footer-part .recording .recording-overline{position:absolute;z-index:20;height:100%;width:0;opacity:.5;background-color:#bee8f8;animation:record 60s;-webkit-animation:record 60s;-o-animation:record 60s}@keyframes record{0%{width:0}50%{width:50%}to{width:100%}}@-webkit-keyframes record{0%{width:0}50%{width:50%}to{width:100%}}@-o-keyframes record{0%{width:0}50%{width:50%}to{width:100%}}.chat-window .chat-window-content .right-part .footer-part textarea{padding:0 10px;width:calc(100% - 20px);font-size:13px;color:#000;height:50px;border-radius:4px;outline:none;border:none;resize:none}.chat-window .chat-window-content .right-part .footer-part textarea::-webkit-scrollbar{width:10px;background:transparent}.chat-window .chat-window-content .right-part .footer-part textarea::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:transparent}.chat-window .chat-window-content .right-part .footer-part textarea:hover::-webkit-scrollbar{width:10px;background:#ebebeb;display:block}.chat-window .chat-window-content .right-part .footer-part textarea:hover::-webkit-scrollbar-thumb{display:block;width:10px;margin:0 auto;border-radius:10px;background:silver}.chat-window .chat-window-content .right-part .footer-part .chat-upload{cursor:pointer;position:absolute;width:20px;height:20px;left:0;top:0}.chat-window .chat-window-content .right-part .footer-part .chat-upload #chatUpload{width:20px;height:20px;opacity:0;filter:alpha(opacity=0);cursor:pointer;font-size:0;outline:none}.chat-window .chat-window-content .right-part .connet-sever-loading-back-ground{position:absolute;left:0;top:51px;display:flex;width:100%;height:calc(100% - 51px);flex-direction:column;justify-content:center;align-items:center;align-content:center;background-color:rgba(55,55,55,.6)}.chat-window .chat-window-content .right-part .connet-sever-loading-back-ground .demo-spin-icon-load{animation:ani-demo-spin 1s linear infinite}.chat-window .chat-window-content .right-part .personalInfo{display:flex;flex:1 1 300px;max-height:calc(100% - 150px);flex-direction:column;justify-content:center;align-items:center;align-content:center}.chat-window .chat-window-content .right-part .personalInfo .welcome-text{font-weight:700;font-size:14px}.chat-window .chat-window-content .right-part .personalInfo .personal-head{padding:30px}.chat-window .chat-window-content .right-part .content-part{position:relative;flex:1 1 300px;max-height:calc(100% - 190px);overflow:auto}.chat-window .chat-window-content .right-part .content-part .friend-apply-space{z-index:10;width:100%;background-color:#fff;padding-left:15px}.chat-window .chat-window-content .right-part .content-part .friend-apply-space span{display:inline-block}.chat-window .chat-window-content .right-part .content-part .friend-apply-space .person-info{padding:15px;display:inline-flex;align-items:center;flex-direction:row}.chat-window .chat-window-content .right-part .content-part .friend-apply-space .person-info .user-name{color:#000;margin-left:10px;font-size:15px;font-weight:600}.chat-window .chat-window-content .right-part .content-part .friend-apply-space .message-space{text-align:left}.chat-window .chat-window-content .right-part .content-part .friend-apply-space .message-space .background-space{text-align:center;background-color:#eef2fa;color:#000;padding:20px 40px;border-radius:5px}.chat-window .chat-window-content .right-part .content-part .friend-apply-space .message-space .background-space .ivu-btn{margin-left:10px}.chat-window .chat-window-content .right-part .content-part::-webkit-scrollbar{width:4px;background:transparent}.chat-window .chat-window-content .right-part .content-part::-webkit-scrollbar-thumb{display:block;width:4px;margin:0 auto;border-radius:10px;background:transparent}.chat-window .chat-window-content .right-part .content-part:hover::-webkit-scrollbar{width:4px}.chat-window .chat-window-content .right-part .content-part:hover::-webkit-scrollbar-thumb{display:block;border-radius:10px;background:#191836}.chat-window .chat-window-content .right-part .content-part .message{padding:20px 15px;overflow:hidden}.chat-window .chat-window-content .right-part .content-part .message li{margin-bottom:15px;list-style-type:none}.chat-window .chat-window-content .right-part .content-part .message .userName{margin:0 0 3px;text-align:left}.chat-window .chat-window-content .right-part .content-part .message .userName>span{display:inline-block;font-size:13px;padding:0 0 0 42px;color:#8e8e8e;font-weight:700}.chat-window .chat-window-content .right-part .content-part .message .time{display:block;width:100%;margin:7px 0;text-align:center}.chat-window .chat-window-content .right-part .content-part .message .time>span{font-size:12px;color:#9da6b7}.chat-window .chat-window-content .right-part .content-part .message .friendApply{margin:14px 0;text-align:left}.chat-window .chat-window-content .right-part .content-part .message .friendApply .background-space{border-radius:5px;background-color:#eef2fa;color:#000;padding:20px 40px;text-align:center}.chat-window .chat-window-content .right-part .content-part .message .friendApply .background-space .ivu-btn{margin-left:10px}.chat-window .chat-window-content .right-part .content-part .message .friendApply span{display:inline-block}.chat-window .chat-window-content .right-part .content-part .message .avatar{float:left;margin:0 10px 0 0;border-radius:50%}.chat-window .chat-window-content .right-part .content-part .message .text{display:inline-block;position:relative;padding:10px 20px;max-width:180px;font-size:12px;text-align:left;word-break:break-all;background-color:#eef2fa;border-radius:0 10px 10px 10px;color:#757486;user-select:text}.chat-window .chat-window-content .right-part .content-part .message .text .line{margin:4px 0;padding:0}.chat-window .chat-window-content .right-part .content-part .message .self{text-align:right}.chat-window .chat-window-content .right-part .content-part .message .self .loading-msg{display:inline-block;margin:0 5px 0 0}.chat-window .chat-window-content .right-part .content-part .message .self .loading-msg .demo-spin-icon-load{animation:ani-demo-spin 1s linear infinite}@keyframes ani-demo-spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.chat-window .chat-window-content .right-part .content-part .message .self .avatar{float:right;margin:0 0 0 10px;border-radius:50%}.chat-window .chat-window-content .right-part .content-part .message .self .text{max-width:180px;background-color:#007eae;color:#fff;border-radius:10px 0 10px 10px;background-image:linear-gradient(90deg,#3d78fb,#7788f0)}.chat-window .chat-window-content .right-part .content-part .message .self .text:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#007eae}.add-my-friends .search-button-space[data-v-4402d47c]{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;border:1px solid #dddee1;margin-top:15px;border-radius:5px;cursor:pointer;height:36px}.add-my-friends .search-button-space .search-icon[data-v-4402d47c]{margin-left:7px;width:25px;height:25px;text-align:center;line-height:31px;border-radius:5px;background-color:#19be6b}.add-my-friends .search-button-space .text[data-v-4402d47c]{font-size:13px;font-weight:700;margin-left:8px}.add-my-friends .search-button-space[data-v-4402d47c]:hover{background-color:#dddee1}.add-my-friends .person[data-v-4402d47c]{padding:6px;font-size:14px;flex-direction:row;align-items:center;justify-content:flex-start;display:flex}