[data-v-f067f6f8]:root{--bar-width:224px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__header{line-height:32px;font-size:22px;font-weight:500;padding:24px 64px!important;color:#101c32}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container{display:flex;flex-direction:column;height:calc(100vh - 81px);padding-top:32px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .el-input .el-input__inner{height:40px;line-height:40px;border-radius:12px;background:#f7f8fa}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .el-input .el-input__suffix .el-input__suffix-inner{height:40px;line-height:40px;display:inline-block}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .el-input .el-input__suffix .el-input__suffix-inner i{width:20px;height:20px;line-height:20px;display:inline-block}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .header-option{height:40px;padding:0 64px;display:flex;justify-content:space-between}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .header-option .language-container{width:248px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list{flex:1;min-height:0;margin-top:16px;padding:0 64px;overflow:auto}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container{width:100%;padding:16px;border-radius:20px;margin-bottom:8px;background:transparent;transition:background .2s linear;border:1px solid #f4f5f7}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info{width:100%;min-height:80px;display:flex}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .label-icon{display:block;width:24px;height:24px;font-size:24px;color:#b0b7c3}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner{flex:1;min-width:0;margin-left:16px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .title-container{display:flex;line-height:24px;justify-content:space-between}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .title-container .time-text{width:-moz-max-content;width:max-content;margin-left:16px;font-size:14px;color:#b0b7c3}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .title-container .title-text{flex:1;min-width:0;font-weight:500;color:#101c32}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .language-container{height:32px;line-height:32px;display:flex;justify-content:space-between}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .language-container .language-text{font-size:14px;color:#323b4b}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .language-container .option-container{display:none;width:-moz-max-content;width:max-content;align-items:center}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .language-container .option-container .kolicon{font-size:20px;line-height:20px;margin-right:16px;color:#7d849b;cursor:pointer}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .language-container .option-container .kolicon:hover{color:#fa6300}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .info-inner .language-container .option-container .kol-btn{padding:0 10px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .default-info .message-item-content{height:20px;font-size:14px;margin-top:4px;line-height:20px;color:#7d849b}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-language{margin-top:8px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .editor-container{height:200px;margin-top:8px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .editor-container .tox-tinymce{border:none;height:100%!important}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .editor-container .tox-tinymce .tox-editor-header{box-shadow:none;border-bottom:1px solid #f4f5f7}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .editor-container .tox-tinymce .tox-editor-header .tox-toolbar--scrolling::-webkit-scrollbar-thumb{background:#e5e7eb}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container{width:100%;height:40px;display:flex;margin-top:8px;justify-content:space-between}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container .attach-file-container{display:flex;line-height:32px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container .attach-file-container .appendix-btn{height:40px;cursor:pointer;font-size:14px;line-height:40px;color:#323b4b}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container .attach-file-container .appendix-btn .kolicon{font-size:20px;vertical-align:-1px;margin-right:4px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container .attach-file-container .size-limit{font-size:12px;margin-left:8px;line-height:40px;display:inline-block;color:#b0b7c3}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container .option-group{display:flex}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container .option-group .kol-btn{padding:0 14px;margin-left:16px;line-height:40px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .edit-info .edit-footer-container .option-group .kol-btn.disabled-btn .kolicon{color:#b0b7c3}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container{height:40px;display:flex;margin-top:8px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item{display:flex;height:40px;padding:0 12px;font-size:14px;line-height:40px;border-radius:12px;width:-moz-max-content;width:max-content;align-items:center;background:#f4f5f7}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item:not(:last-child){margin-right:16px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item:hover{background:#e5e7eb}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item:hover .kolicon{color:#7d849b}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item .file-name{width:132px;padding-right:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;display:inline-block;color:#323b4b}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item .file-size{display:inline-block;vertical-align:top;color:#7d849b}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item .kolicon{cursor:pointer;font-size:20px;margin-left:8px;vertical-align:-2px;color:#b0b7c3}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container .email-attach-container .attach-file-item .loading-common-small{margin-left:10px;vertical-align:-4px}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container:not(.edit):hover{background:#f4f5f7}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container:not(.edit):hover .email-attach-container .attach-file-item{background:#e5e7eb}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container:not(.edit):hover .default-info .info-inner .title-container .time-text{display:none}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .template-item-container:not(.edit):hover .default-info .info-inner .language-container .option-container{display:flex}.message-template-list-drawer[data-v-f067f6f8] .el-drawer__body .template-container .template-list .empty-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}