.a-box[data-v-dc831ac2]{background-color:#fff;border-radius:3.5px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.05);box-shadow:0 2px 5px rgba(0,0,0,.05);-webkit-transition:all .2s;transition:all .2s}.a-box[data-v-dc831ac2]:hover{-webkit-box-shadow:0 2px 5px rgba(0,0,0,.01);box-shadow:0 2px 5px rgba(0,0,0,.01)}.chat-container[data-v-dc831ac2]{height:calc(100vh - 112px);display:-webkit-box;display:-ms-flexbox;display:flex}.chat-container .chat-left[data-v-dc831ac2]{height:100%;width:280px;margin-right:15px}.chat-container .chat-left .plan-box[data-v-dc831ac2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:64px;padding:24px;margin-bottom:15px}.chat-container .chat-left .plan-box .icon[data-v-dc831ac2]{font-size:20px;display:inline-block;margin-right:12px;font-weight:500;width:42px;height:42px;background-color:#f8ecf8;border-radius:50%;line-height:44px;color:#b700bc}.chat-container .chat-left .plan-box .item[data-v-dc831ac2]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:0;max-width:calc(100% - 60px);padding:0}.chat-container .chat-left .plan-box .item[data-v-dc831ac2] .ant-select-selection{border:0;outline:0}.chat-container .chat-left .plan-box .item[data-v-dc831ac2] .ant-select-selection:active,.chat-container .chat-left .plan-box .item[data-v-dc831ac2] .ant-select-selection:focus{-webkit-box-shadow:unset;box-shadow:unset}.chat-container .chat-left .plan-box .item[data-v-dc831ac2] .ant-select-selection__rendered{margin-left:0}.chat-container .chat-left .creator-box[data-v-dc831ac2]{height:calc(100% - 79px)}.chat-container .chat-left .creator-box .head[data-v-dc831ac2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;padding:0 12px;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#222}.chat-container .chat-left .creator-box .head[data-v-dc831ac2]:before{content:"";position:absolute;bottom:-.5px;left:0;right:0;margin:auto;width:calc(100% - 12px);height:1px;background-color:#ececec}.chat-container .chat-left .creator-box .content[data-v-dc831ac2]{height:calc(100% - 52px);overflow:hidden}.chat-container .chat-left .creator-box .user-list[data-v-dc831ac2]{height:100%;overflow-y:auto}.chat-container .chat-left .creator-box .user-list .item[data-v-dc831ac2]{padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative;cursor:pointer}.chat-container .chat-left .creator-box .user-list .item.active[data-v-dc831ac2]{background-color:#ebf9e4}.chat-container .chat-left .creator-box .user-list .item.disabled[data-v-dc831ac2]{cursor:not-allowed;background-color:#f1f1f1}.chat-container .chat-left .creator-box .user-list .item[data-v-dc831ac2]:hover{background-color:#f8ecf8}.chat-container .chat-left .creator-box .user-list .item:hover .delete[data-v-dc831ac2]{opacity:1}.chat-container .chat-left .creator-box .user-list .item[data-v-dc831ac2]:last-child:after{display:none}.chat-container .chat-left .creator-box .user-list .item[data-v-dc831ac2]:after{content:"";position:absolute;bottom:-.5px;left:0;right:0;margin:auto;width:calc(100% - 12px);height:1px;background-color:#e8e8e8}.chat-container .chat-left .creator-box .user-list .item .avatar[data-v-dc831ac2]{width:40px;height:40px}.chat-container .chat-left .creator-box .user-list .item .info[data-v-dc831ac2]{margin-left:12px}.chat-container .chat-left .creator-box .user-list .item .info .username[data-v-dc831ac2]{font-size:14px;font-weight:700;color:#222;margin-bottom:6px}.chat-container .chat-left .creator-box .user-list .item .info .other li[data-v-dc831ac2]{font-size:12px;display:inline-block}.chat-container .chat-left .creator-box .user-list .item .delete[data-v-dc831ac2]{position:absolute;right:8px;top:0;bottom:0;height:18px;margin:auto;opacity:0;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.chat-container .chat-left .creator-box .user-list .item .delete[data-v-dc831ac2]:hover{color:#de5044}.chat-container .chat-right[data-v-dc831ac2]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;position:relative;padding:24px;overflow:hidden}.chat-container .chat-right .content[data-v-dc831ac2]{position:relative;height:100%;overflow-y:auto}.chat-container .chat-right .content .empty[data-v-dc831ac2]{position:absolute;height:130px;right:0;left:0;top:0;bottom:0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.drawer-template-list[data-v-dc831ac2]{min-height:50vh;position:relative}.drawer-template-list .item[data-v-dc831ac2]{cursor:pointer;padding:4px 12px;border-radius:3.5px;margin-bottom:6px;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.drawer-template-list .item[data-v-dc831ac2]:last-child{margin-bottom:0}.drawer-template-list .item[data-v-dc831ac2]:hover{background-color:#c7efc2;color:#444;font-size:15px}.loading-wrap[data-v-dc831ac2]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:hsla(0,0%,100%,.8);z-index:1025}.template-modal-box[data-v-dc831ac2]{position:relative}.template-modal-box .flex[data-v-dc831ac2]{margin-bottom:24px}.template-modal-box .template-content[data-v-dc831ac2]{height:450px;overflow-y:auto;margin-top:12px}.email-content-wrapper[data-v-dc831ac2]{position:relative;width:100%;border:none}.email-content-wrapper .email-content-iframe[data-v-dc831ac2]{width:100%;min-height:150px;border:none;overflow:hidden}