.ce-select-control-popup {
    z-index: 1;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    min-width: 69px;
    max-width: 160px;
    max-height: 225px;
    margin: 5px 0;
    position: absolute;
    overflow-y: auto;
    box-shadow: 0 2px 12px #0000001a
}

.ce-select-control-popup ul {
    box-sizing: border-box;
    margin: 0;
    padding: 3px 0;
    list-style: none
}

.ce-select-control-popup ul li {
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    box-sizing: border-box;
    cursor: pointer;
    height: 36px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 36px;
    position: relative;
    overflow: hidden
}

.ce-select-control-popup ul li:hover {
    background-color: #eef2fd
}

.ce-select-control-popup ul li.active {
    color: var(--COLOR-HOVER,#5175f4);
    font-weight: 700
}

.ce-calculator {
    z-index: 1;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    width: 200px;
    margin: 5px 0;
    padding: 8px;
    position: absolute;
    box-shadow: 0 2px 12px #0000001a
}

.ce-calculator-display {
    text-align: right;
    box-sizing: border-box;
    text-overflow: ellipsis;
    background-color: #f5f7fa;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    margin-bottom: 8px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 40px;
    overflow: hidden
}

.ce-calculator-buttons {
    grid-template-columns: repeat(4,1fr);
    gap: 4px;
    display: grid
}

.ce-calculator-button {
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    width: 100%;
    height: 36px;
    font-size: 14px;
    transition: all .2s
}

.ce-calculator-button:hover {
    background-color: #eef2fd;
    border-color: #c6d1ff
}

.ce-calculator-button:active {
    background-color: #e1e8ff
}

.ce-calculator-button.operator {
    background-color: #f5f7fa
}

.ce-calculator-button.operator:hover {
    background-color: #eef2fd
}

.ce-calculator-button.equal {
    background-color: var(--COLOR-HOVER,#5175f4);
    color: #fff;
    border-color: var(--COLOR-HOVER,#5175f4)
}

.ce-calculator-button.equal:hover {
    background-color: var(--COLOR-HOVER,#6a84ff);
    border-color: var(--COLOR-HOVER,#6a84ff)
}

.ce-calculator-button.utility {
    background-color: #f0f2f5
}

.ce-calculator-button.utility:hover {
    background-color: #e6e8eb
}

.ce-date-container {
    z-index: 1;
    color: #606266;
    -webkit-user-select: none;
    user-select: none;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    width: 300px;
    padding: 10px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    box-shadow: 0 2px 12px #0000001a
}

.ce-date-container.active {
    display: block
}

.ce-date-wrap {
    display: none
}

.ce-date-wrap.active {
    display: block
}

.ce-date-wrap.year-mode .ce-date-week,.ce-date-wrap.year-mode .ce-date-day,.ce-date-wrap.month-mode .ce-date-week,.ce-date-wrap.month-mode .ce-date-day {
    display: none
}

.ce-date-title {
    text-align: center;
    color: #606266;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    display: flex
}

.ce-date-title>span {
    display: inline-block
}

.ce-date-title>span:not(.ce-date-title__now) {
    cursor: pointer;
    font-family: cursive
}

.ce-date-title>span:not(.ce-date-title__now):hover {
    color: #5175f4
}

.ce-date-title .ce-date-title__pre-year,.ce-date-title .ce-date-title__pre-month {
    width: 15%
}

.ce-date-title .ce-date-title__now {
    width: 40%
}

.ce-date-title .ce-date-title__year-label,.ce-date-title .ce-date-title__month-label {
    cursor: pointer;
    white-space: nowrap
}

.ce-date-title .ce-date-title__year-label:hover,.ce-date-title .ce-date-title__month-label:hover {
    color: #5175f4
}

.ce-date-title .ce-date-title__next-year,.ce-date-title .ce-date-title__next-month {
    width: 15%
}

.ce-date-week {
    border-bottom: 1px solid #e4e7ed;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 5px;
    display: flex
}

.ce-date-week>span {
    text-align: center;
    color: #606266;
    width: 14.2857%;
    font-size: 14px;
    list-style: none
}

.ce-date-day {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 5px;
    display: flex
}

.ce-date-day>div {
    text-align: center;
    color: #606266;
    cursor: pointer;
    border-radius: 4px;
    width: 14.2857%;
    height: 40px;
    font-size: 14px;
    line-height: 40px
}

.ce-date-day>div:hover {
    color: #5175f4;
    opacity: .8
}

.ce-date-day>div.active {
    color: #5175f4;
    font-weight: 700
}

.ce-date-day>div.disable {
    color: #c0c4cc
}

.ce-date-day>div.select {
    color: #fff;
    background-color: #5175f4
}

.ce-year-wrap {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 280px;
    margin-top: 15px;
    display: none
}

.ce-year-wrap.active {
    display: flex
}

.ce-year-wrap>div {
    text-align: center;
    color: #606266;
    cursor: pointer;
    border-radius: 4px;
    width: 33.3333%;
    height: 60px;
    font-size: 14px;
    line-height: 60px
}

.ce-year-wrap>div:hover {
    color: #5175f4;
    opacity: .8
}

.ce-year-wrap>div.active {
    color: #5175f4;
    font-weight: 700
}

.ce-year-wrap>div.select {
    color: #fff;
    background-color: #5175f4
}

.ce-month-wrap {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 280px;
    margin-top: 15px;
    display: none
}

.ce-month-wrap.active {
    display: flex
}

.ce-month-wrap>div {
    text-align: center;
    color: #606266;
    cursor: pointer;
    border-radius: 4px;
    width: 33.3333%;
    height: 60px;
    font-size: 14px;
    line-height: 60px
}

.ce-month-wrap>div:hover {
    color: #5175f4;
    opacity: .8
}

.ce-month-wrap>div.active {
    color: #5175f4;
    font-weight: 700
}

.ce-month-wrap>div.select {
    color: #fff;
    background-color: #5175f4
}

.ce-time-wrap {
    height: 286px;
    padding: 10px;
    display: none
}

.ce-time-wrap ::-webkit-scrollbar {
    width: 0
}

.ce-time-wrap.active {
    display: flex
}

.ce-time-wrap li {
    list-style: none
}

.ce-time-wrap>li {
    text-align: center;
    width: 33.3%;
    height: 100%
}

.ce-time-wrap>li>span {
    display: inline-block;
    transform: translateY(-5px)
}

.ce-time-wrap>li>ol {
    border: 1px solid #e2e2e2;
    height: calc(100% - 20px);
    position: relative;
    overflow-y: auto
}

.ce-time-wrap>li:first-child>ol {
    border-right: 0
}

.ce-time-wrap>li:last-child>ol {
    border-left: 0
}

.ce-time-wrap>li>ol>li {
    cursor: pointer;
    line-height: 30px;
    transition: all .3s
}

.ce-time-wrap>li>ol>li:hover {
    background-color: #eaeaea
}

.ce-time-wrap>li>ol>li.active {
    color: #fff;
    background: #5175f4
}

.ce-date-menu {
    border-top: 1px solid #e4e7ed;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 28px;
    padding-top: 10px;
    display: flex;
    position: relative
}

.ce-date-menu button {
    white-space: nowrap;
    cursor: pointer;
    color: #606266;
    appearance: none;
    text-align: center;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    outline: none;
    margin: 0 0 0 10px;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    transition: all .1s;
    display: inline-block
}

.ce-date-menu button:hover {
    color: #5175f4;
    border-color: #5175f4
}

.ce-date-menu button.ce-date-menu__time {
    border: 1px solid #0000;
    margin-left: 0;
    position: absolute;
    left: 0
}

.ce-date-menu button.ce-date-menu__time:hover {
    color: #5175f4
}

.ce-block-item {
    z-index: 0;
    background-color: #fff;
    border: 1px solid #ebecf0;
    position: absolute
}

.ce-block-item .ce-resizer-selection {
    width: 100%;
    height: 100%
}

.ce-block-item .ce-resizer-mask {
    z-index: 1;
    background-color: #0000;
    position: absolute;
    inset: 0
}

.ce-table-tool__row {
    background-color: #e2e6ed;
    border-radius: 6.5px;
    width: 12px;
    position: absolute;
    overflow: hidden
}

.ce-table-tool__row .ce-table-tool__row__item {
    cursor: pointer;
    width: 100%;
    transition: all .3s;
    position: relative
}

.ce-table-tool__row .ce-table-tool__row__item:after {
    content: "";
    background-color: #c0c6cf;
    width: 8px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 2px
}

.ce-table-tool__row .ce-table-tool__row__item:hover {
    background-color: #dadce0
}

.ce-table-tool__row .ce-table-tool__row__item:last-child:after {
    display: none
}

.ce-table-tool__quick__add {
    cursor: pointer;
    background-color: #e2e6ed;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute
}

.ce-table-tool__quick__add:after {
    content: "+";
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-55%)
}

.ce-table-tool__select {
    cursor: pointer;
    border-radius: 3px;
    width: 16px;
    height: 18px;
    position: absolute
}

.ce-table-tool__select:hover {
    background-color: #e2e6ed
}

.ce-table-tool__select:after {
    content: ":::";
    color: #aaaaab;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-75%,-50%)rotate(-90deg)
}

.ce-table-tool__col {
    background-color: #e2e6ed;
    border-radius: 6.5px;
    height: 12px;
    display: flex;
    position: absolute;
    overflow: hidden
}

.ce-table-tool__col .ce-table-tool__col__item {
    cursor: pointer;
    height: 100%;
    transition: all .3s;
    position: relative
}

.ce-table-tool__col .ce-table-tool__col__item:after {
    content: "";
    z-index: 1;
    background-color: #c0c6cf;
    width: 1px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: -1px
}

.ce-table-tool__col .ce-table-tool__col__item:hover {
    background-color: #dadce0
}

.ce-table-tool__col .ce-table-tool__col__item:first-child:after {
    display: none
}

.ce-table-tool__row .ce-table-tool__row__item.active,.ce-table-tool__col .ce-table-tool__col__item.active {
    background-color: #c4d7fa
}

.ce-table-tool__col .ce-table-tool__anchor {
    z-index: 9;
    cursor: col-resize;
    width: 10px;
    height: 12px;
    position: absolute;
    right: -5px
}

.ce-table-tool__row .ce-table-tool__anchor {
    z-index: 9;
    cursor: row-resize;
    width: 12px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 0
}

.ce-table-anchor__line {
    z-index: 9;
    border: 1px dotted #000;
    position: absolute
}

.ce-table-tool__border {
    z-index: 1;
    pointer-events: none;
    background: 0 0;
    position: absolute
}

.ce-table-tool__border__row {
    cursor: row-resize;
    pointer-events: auto;
    position: absolute
}

.ce-table-tool__border__col {
    cursor: col-resize;
    pointer-events: auto;
    position: absolute
}

.ce-resizer-selection {
    pointer-events: none;
    border: 1px solid;
    position: absolute
}

.ce-resizer-selection .resizer-handle {
    z-index: 9;
    box-sizing: border-box;
    pointer-events: initial;
    border: 2px solid #fff;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    position: absolute;
    box-shadow: 0 1px 4px #0000004d
}

.ce-resizer-selection .handle-0 {
    cursor: nw-resize
}

.ce-resizer-selection .handle-1 {
    cursor: n-resize
}

.ce-resizer-selection .handle-2 {
    cursor: ne-resize
}

.ce-resizer-selection .handle-3 {
    cursor: e-resize
}

.ce-resizer-selection .handle-4 {
    cursor: se-resize
}

.ce-resizer-selection .handle-5 {
    cursor: s-resize
}

.ce-resizer-selection .handle-6 {
    cursor: sw-resize
}

.ce-resizer-selection .handle-7 {
    cursor: w-resize
}

.ce-resizer-size-view {
    white-space: nowrap;
    z-index: 9;
    opacity: .9;
    background-color: #000;
    border-radius: 4px;
    align-items: center;
    height: 20px;
    padding: 0 5px;
    display: flex;
    position: absolute;
    top: -30px;
    left: 0
}

.ce-resizer-size-view span {
    color: #fff;
    font-size: 12px
}

.ce-resizer-image {
    opacity: .5;
    position: absolute
}

.ce-image-previewer {
    z-index: 1000;
    background: #f2f4f7;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    animation: .3s previewerAnimation;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}

@keyframes previewerAnimation {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.ce-image-previewer .image-close {
    z-index: 99;
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.97%207l1.415%201.414-7.779%207.778%207.779%207.779-1.414%201.414-7.779-7.779-7.778%207.779L7%2023.97l7.778-7.779L7%208.414%208.414%207l7.778%207.778L23.971%207z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    transition: all .3s;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 50px
}

.ce-image-previewer .image-close:hover {
    background-color: #e2e6ed
}

.ce-image-previewer .ce-image-container {
    position: relative
}

.ce-image-previewer .ce-image-container img {
    cursor: move;
    position: relative
}

.ce-image-previewer .ce-image-menu {
    z-index: 99;
    justify-content: center;
    align-items: center;
    height: 50px;
    display: flex;
    position: absolute;
    bottom: 50px
}

.ce-image-previewer .ce-image-menu i {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 0 8px;
    transition: all .3s;
    display: inline-block
}

.ce-image-previewer .ce-image-menu i:hover {
    background-color: #e2e6ed
}

.ce-image-previewer .ce-image-menu i.zoom-in {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2014v-4h2v4h4v2h-4v4h-2v-4h-4v-2h4zm8.749%2010.163A11.952%2011.952%200%200115%2027C8.373%2027%203%2021.627%203%2015S8.373%203%2015%203s12%205.373%2012%2012c0%202.954-1.067%205.658-2.837%207.749l4.908%204.908-1.414%201.414-4.908-4.908zM15%2025c5.523%200%2010-4.477%2010-10S20.523%205%2015%205%205%209.477%205%2015s4.477%2010%2010%2010z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.ce-image-previewer .ce-image-menu i.zoom-out {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.749%2024.163A11.952%2011.952%200%200115%2027C8.373%2027%203%2021.627%203%2015S8.373%203%2015%203s12%205.373%2012%2012c0%202.954-1.067%205.658-2.837%207.749l4.908%204.908-1.414%201.414-4.908-4.908zM15%2025c5.523%200%2010-4.477%2010-10S20.523%205%2015%205%205%209.477%205%2015s4.477%2010%2010%2010zm-5-11h10v2H10v-2z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.ce-image-previewer .ce-image-menu i.rotate {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M16%204c6.627%200%2012%205.373%2012%2012a11.97%2011.97%200%2001-4%208.944V23h-.86A9.968%209.968%200%200026%2016c0-5.523-4.477-10-10-10S6%2010.477%206%2016c0%205.185%203.947%209.449%209%209.95v2.009C8.84%2027.451%204%2022.291%204%2016%204%209.373%209.373%204%2016%204z'%20fill-rule='nonzero'/%3e%3cpath%20d='M19.879%2027.328l1.767-6.717%204.95%204.95z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-image-previewer .ce-image-menu i.original-size {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%204h24v24H4V4zm2%202v20h20V6H6zm4%205h2v10h-2V11zm5%202h2v2h-2v-2zm0%204h2v2h-2v-2zm5-6h2v10h-2V11z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.ce-image-previewer .ce-image-menu i.image-download {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.5%2015v3.5h15V15H21v5H3v-5h1.5zm8.232-11.226v9.196l4.05-4.05%201.06%201.06-5.834%205.834-5.833-5.833%201.06-1.06%203.998%203.996V3.774h1.5z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.ce-image-previewer .ce-image-menu .image-navigate {
    justify-content: center;
    align-items: center;
    display: flex
}

.ce-image-previewer .ce-image-menu i.image-pre {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.5%204.063L6.875%2010l5.625%205.938'%20stroke='%233D4757'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.ce-image-previewer .ce-image-menu i.image-next {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%204.063L13.125%2010%207.5%2015.938'%20stroke='%233D4757'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.ce-image-previewer .ce-image-menu .image-count {
    color: #000;
    font-size: 20px
}

.ce-image-previewer .ce-image-menu i.disabled {
    cursor: not-allowed;
    opacity: .5
}

.ce-contextmenu-container {
    z-index: 9;
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    padding: 4px;
    display: none;
    position: fixed;
    overflow: hidden auto;
    box-shadow: 0 2px 12px #38383833
}

.ce-contextmenu-content {
    flex-direction: column;
    display: flex
}

.ce-contextmenu-content .ce-contextmenu-sub-item:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M0%200h16v16H0z'/%3e%3cg%20fill='%23767C85'%3e%3cpath%20d='M7%2012.243l-.707-.707%204.243-4.243.707.707z'/%3e%3cpath%20d='M6.293%204.464L7%203.757%2011.243%208l-.707.707z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
    position: absolute;
    right: 12px
}

.ce-contextmenu-content .ce-contextmenu-item {
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer;
    align-items: center;
    min-width: 140px;
    height: 30px;
    padding: 0 32px 0 16px;
    display: flex
}

.ce-contextmenu-content .ce-contextmenu-item.hover {
    background: #1937580a
}

.ce-contextmenu-content .ce-contextmenu-item span {
    color: #3d4757;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
    font-size: 12px;
    overflow: hidden
}

.ce-contextmenu-content .ce-contextmenu-item span.ce-shortcut {
    color: #767c85;
    text-align: right;
    flex: 1;
    height: 30px;
    margin-left: 20px;
    line-height: 30px
}

.ce-contextmenu-content .ce-contextmenu-item i {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block
}

.ce-contextmenu-divider {
    background-color: #e2e6ed;
    height: 1px;
    margin: 4px 16px
}

.ce-contextmenu-print {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M12%204h-1V2H5v2H4V2a1%201%200%20011-1h6a1%201%200%20011%201v2zm0%205v4a1%201%200%2001-1%201H5a1%201%200%2001-1-1V9h1v4h6V9h1z'/%3e%3cpath%20d='M12%2012v-1h2V5H2v6h2v1H2a1%201%200%2001-1-1V5a1%201%200%20011-1h12a1%201%200%20011%201v6a1%201%200%2001-1%201h-2z'/%3e%3cpath%20d='M3%208h10v1H3zm8-2h2v1h-2z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-image {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20viewBox='0%200%2016%2016'%20xml:space='preserve'%3e%3cstyle%3e.st0{fill:%233d4757}%3c/style%3e%3cg%20id='_x30_0-公共_x2F_02工具栏_x2F_插入图片-16px-'%3e%3cg%20id='Group-19'%20transform='translate(1%201)'%3e%3cpath%20id='Combined-Shape'%20class='st0'%20d='M1%200h12c.6%200%201%20.4%201%201v11c0%20.6-.4%201-1%201H1c-.6%200-1-.4-1-1V1c0-.6.4-1%201-1zm0%201v11h12V1H1z'/%3e%3ccircle%20id='椭圆形'%20class='st0'%20cx='10'%20cy='4'%20r='1'/%3e%3cpath%20id='Path'%20class='st0'%20d='M8.5%2011.2l-4-4.1L1%2010.7V9.2c1.7-1.6%202.7-2.5%203-2.8.4-.5.7-.4%201%200L8.5%2010%2011%207.3c.4-.5.6-.5%201-.1l2%202.8v1.5l-2.5-3.4-3%203.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-image-change {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(2%204)'%20fill='%233D4757'%3e%3ccircle%20fill-rule='nonzero'%20cx='3'%20cy='1'%20r='1'/%3e%3cpath%20d='M7.473%208.223L3.47%204.107%200%207.667v-1.5C1.715%204.6%202.707%203.664%202.975%203.358c.402-.457.651-.39%201.042%200L7.473%207%209.96%204.349c.414-.462.62-.462%201.011-.071L13%207.06v1.5l-2.51-3.41-3.017%203.072z'/%3e%3c/g%3e%3cpath%20d='M6%201.5H1.5v12h13v-4V13a.5.5%200%2001-.5.5H2a.5.5%200%2001-.5-.5V2a.5.5%200%2001.5-.5h4zm8.5%208V6l-.5.5h1l-.5-.5v3.5zM6%201.5h4L9.5%201v1l.5-.5H6z'%20stroke='%233D4757'/%3e%3cpath%20d='M13.085%201.316l-3.814%204a1%201%200%20001.458%201.368l3.815-4a1%201%200%2010-1.459-1.368z'%20fill='%233D4757'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-insert-row-col {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20stroke='%233D4757'%20d='M8.5%205.5h6v4h-6z'/%3e%3cpath%20fill='%233D4757'%20d='M4%207v1h2V7zm-3%20.5L4%205v5zM1%201h12v1H1zm0%2012h12v1H1z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-insert-top-row {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%233D4757'%20d='M8%205H7v3h1zm-.5-3L10%205H5z'/%3e%3crect%20stroke='%233D4757'%20x='1.5'%20y='10.5'%20width='12'%20height='3'%20rx='1'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-insert-bottom-row {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%233D4757'%20d='M7%2011h1V8H7zm.5%203L5%2011h5z'/%3e%3crect%20stroke='%233D4757'%20x='1.5'%20y='2.5'%20width='12'%20height='3'%20rx='1'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-insert-left-col {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%233D4757'%20d='M11%207v1h3V7zm-3%20.5L11%205v5z'/%3e%3crect%20stroke='%233D4757'%20transform='rotate(90%204%207.5)'%20x='-2'%20y='6'%20width='12'%20height='3'%20rx='1'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-insert-right-col {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%233D4757'%20d='M5%208V7H2v1zm3-.5L5%2010V5z'/%3e%3crect%20stroke='%233D4757'%20transform='rotate(90%2012%207.5)'%20x='6'%20y='6'%20width='12'%20height='3'%20rx='1'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-delete-row-col {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20stroke='%23929AA8'%20d='M8.5%206.5h6v2h-6z'/%3e%3cpath%20fill='%233D4757'%20d='M2%2012h11v1H2zM2%202h11v1H2zm.63%203L7%209.35l-.635.65L2%205.63z'/%3e%3cpath%20fill='%233D4757'%20d='M2%209.363L6.355%205%207%205.707%202.695%2010z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-delete-row {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20stroke='%23929AA8'%20d='M8.5%205.5h6v4h-6z'/%3e%3cpath%20fill='%233D4757'%20d='M1%2013h12v1H1zM1%201h12v1H1zm0%204h1v1H1zm1%201h1v1H2zm1%201h1v1H3zm1-1h1v1H4zm1-1h1v1H5zM4%208h1v1H4zM2%208h1v1H2zm3%201h1v1H5zM1%209h1v1H1z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-delete-col {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20stroke='%23929AA8'%20d='M5.5%207.5v-6h4v6z'/%3e%3cpath%20fill='%233D4757'%20d='M13%2015V3h1v12zM1%2015V3h1v12zm4%200v-1h1v1zm1-1v-1h1v1zm1-1v-1h1v1zm-1-1v-1h1v1zm-1-1v-1h1v1zm3%201v-1h1v1zm0%202v-1h1v1zm1-3v-1h1v1zm0%204v-1h1v1z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-delete-table {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M14%2013h-1v-3H2v3H1v-3a1%201%200%20011-1h11a1%201%200%20011%201v3z'%20fill-rule='nonzero'/%3e%3cpath%20d='M5.625%202L10%206.375%209.375%207%205%202.625z'/%3e%3cpath%20d='M5%206.375L9.375%202l.625.625L5.625%207z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-merge-cell {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M6%201v1H2v11h4v1H2a1%201%200%2001-1-1V2a1%201%200%20011-1h4zm3%200h4a1%201%200%20011%201v11a1%201%200%2001-1%201H9v-1h4V2H9V1z'/%3e%3cpath%20fill-rule='nonzero'%20d='M6%201h1v4H6zm2%200h1v4H8z'/%3e%3cpath%20d='M8%207.5L10%206v3zm-1%200L5%206v3z'/%3e%3cpath%20d='M9%207h3v1H9zM3%207h3v1H3z'/%3e%3cpath%20fill-rule='nonzero'%20d='M8%2010h1v4H8zm-2%200h1v4H6z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-merge-cancel-cell {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M6%201v1H2v11h4v1H2a1%201%200%2001-1-1V2a1%201%200%20011-1h4zm3%200h4a1%201%200%20011%201v11a1%201%200%2001-1%201H9v-1h4V2H9V1z'/%3e%3cpath%20fill-rule='nonzero'%20d='M6%201h1v4H6zm2%200h1v4H8z'/%3e%3cpath%20d='M3%207.5L5%206v3zm9%200L10%206v3z'/%3e%3cpath%20d='M4%207h3v1H4zm4%200h3v1H8z'/%3e%3cpath%20fill-rule='nonzero'%20d='M8%2010h1v4H8zm-2%200h1v4H6z'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-vertical-align {
    background-image: url("data:image/svg+xml,%3csvg%20height='16'%20viewBox='0%200%2016%2016'%20width='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2013h12v1H2zm0-3h8v1H2zm0-3h12v1H2zm0-6h12v1H2zm0%203h8v1H2z'%20fill='%233d4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.ce-contextmenu-vertical-align-top {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%208H7v6h1zm-.5-3L10%208H5zM2%203h11v1H2z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.ce-contextmenu-vertical-align-middle {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2012H7v3h1zm-.5-3l2.5%203H5zM7%203h1V0H7zm.5%203L5%203h5zM2%207h11v1H2z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.ce-contextmenu-vertical-align-bottom {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%209h1V3H7zm.5%203L5%209h5zM2%2013h11v1H2z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-all {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%233D4757'/%3e%3cpath%20fill='%233D4757'%20d='M3%208h11v1H3z'/%3e%3cpath%20fill='%233D4757'%20d='M9%203v11H8V3z'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-empty {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%203h-1V2h1a1%201%200%20011%201v1h-1V3zm-3-1v1H8.5v2h-1V3H6V2h4zM4%202v1H3v1H2V3a1%201%200%20011-1h1zM2%206h1v1.5h2v1H3V10H2V6zm0%206h1v1h1v1H3a1%201%200%2001-1-1v-1zm4%202v-1h1.5v-2h1v2H10v1H6zm6%200v-1h1v-1h1v1a1%201%200%2001-1%201h-1zm2-4h-1V8.5h-2v-1h2V6h1v4zM8.5%207.5v-1h-1v1h-1v1h1v1h1v-1h1v-1h-1z'%20fill='%23AAACB0'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-dash {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%203h-1V2h1a1%201%200%20011%201v1h-1V3zm-3-1v1H8.5v2h-1V3H6V2h4zM4%202v1H3v1H2V3a1%201%200%20011-1h1zM2%206h1v1.5h2v1H3V10H2V6zm0%206h1v1h1v1H3a1%201%200%2001-1-1v-1zm4%202v-1h1.5v-2h1v2H10v1H6zm6%200v-1h1v-1h1v1a1%201%200%2001-1%201h-1zm2-4h-1V8.5h-2v-1h2V6h1v4zM8.5%207.5v-1h-1v1h-1v1h1v1h1v-1h1v-1h-1z'%20fill='%23000000'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-external {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%233D4757'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9%205V3H8v2h1zm0%209v-2H8v2h1zM5%208H3v1h2V8zm9%200h-2v1h2V8zM9%207v1h1v1H9v1H8V9H7V8h1V7h1z'%20fill='%23AAACB0'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-internal {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9%205V3H8v2h1zm0%209v-2H8v2h1zM5%208H3v1h2V8zm9%200h-2v1h2V8zM9%207v1h1v1H9v1H8V9H7V8h1V7h1z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-td {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'/%3e%3cpath%20stroke='%233D4757'%20d='M8.5%202.5%20v6%20h-6'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-td-top {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'/%3e%3cpath%20stroke='%233D4757'%20stroke-width='2'%20d='M2.5%203%20h12'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-td-left {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'/%3e%3cpath%20stroke='%233D4757'%20stroke-width='2'%20d='M3%203%20v11'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-td-bottom {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'/%3e%3cpath%20stroke='%233D4757'%20stroke-width='2'%20d='M2.5%2014%20h12'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-td-right {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'/%3e%3cpath%20stroke='%233D4757'%20stroke-width='2'%20d='M14%203%20v11'/%3e%3c/svg%3e")
}

.ce-contextmenu-border-td-forward {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'%20/%3e%3cpath%20stroke='%233D4757'%20d='M14%203%20l-11%2011'%20/%3e%3c/svg%3e")
}

.ce-contextmenu-border-td-back {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%203a.5.5%200%2001.5-.5h11a.5.5%200%2001.5.5v11a.5.5%200%2001-.5.5H3a.5.5%200%2001-.5-.5V3z'%20stroke='%23AAACB0'%20/%3e%3cpath%20stroke='%233D4757'%20d='M3%203%20l11%2011'%20/%3e%3c/svg%3e")
}

.ce-hyperlink-popup {
    color: #3d4757;
    z-index: 1;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    padding: 12px 16px;
    display: none;
    position: absolute;
    box-shadow: 0 2px 12px #626b8433
}

.ce-hyperlink-popup a {
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #00f;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    min-width: 100px;
    max-width: 300px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    overflow: hidden
}

.ce-zone-indicator>div {
    color: #000;
    transform-origin: 0 0;
    background: #dae7fc;
    padding: 3px 6px;
    font-size: 12px;
    position: absolute
}

.ce-zone-indicator-border__top,.ce-zone-indicator-border__bottom,.ce-zone-indicator-border__left,.ce-zone-indicator-border__right {
    z-index: 0;
    display: block;
    position: absolute
}

.ce-zone-indicator-border__top {
    border-top: 2px dashed #eee
}

.ce-zone-indicator-border__bottom {
    border-top: 2px dashed #eee;
    width: 100%
}

.ce-zone-indicator-border__left {
    border-left: 2px dashed #eee
}

.ce-zone-indicator-border__right {
    border-right: 2px dashed #eee
}

.ce-zone-tip {
    white-space: nowrap;
    opacity: .9;
    z-index: 9;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    background-color: #000;
    border-radius: 4px;
    outline: none;
    align-items: center;
    height: 30px;
    padding: 0 5px;
    transition: all .3s;
    display: none;
    position: fixed;
    transform: translate(10px,10px)
}

.ce-zone-tip.show {
    display: flex
}

.ce-zone-tip span {
    color: #fff;
    font-size: 12px
}

.ce-magnifier {
    pointer-events: none;
    z-index: 9999;
    border-radius: 50%;
    display: none;
    position: fixed;
    box-shadow: 0 4px 12px #00000040
}

.ce-inputarea {
    letter-spacing: 0;
    z-index: -1;
    resize: none;
    color: #0000;
    -webkit-user-select: none;
    user-select: none;
    caret-color: #0000;
    background-color: #0000;
    border: none;
    outline: none;
    width: 100px;
    min-width: 0;
    height: 30px;
    min-height: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.ce-cursor {
    pointer-events: none;
    background-color: #000;
    outline: none;
    width: 1px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0
}

.ce-cursor.ce-cursor--animation {
    animation-name: cursorAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@keyframes cursorAnimation {
    0% {
        opacity: 1
    }

    13% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    63% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.ce-float-image {
    opacity: .5;
    pointer-events: none;
    position: absolute
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    overflow: visible
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

::-webkit-scrollbar-corner {
    background: 0 0
}

::-webkit-scrollbar-thumb {
    background-color: #ddd;
    background-clip: padding-box;
    border: 4px solid #f2f4f7;
    border-radius: 8px;
    min-height: 24px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #c9c9c9
}

::-webkit-scrollbar-track {
    background: #f2f4f7 padding-box padding-box
}

* {
    margin: 0;
    padding: 0
}

body {
    background-color: #f2f4f7
}

ul {
    list-style: none
}

.menu {
    z-index: 9;
    background: #f2f4f7;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    display: flex;
    position: fixed;
    top: 0;
    box-shadow: 0 2px 4px #0000
}

.menu-divider {
    background-color: #cfd2d8;
    width: 1px;
    height: 16px;
    margin: 0 8px;
    display: inline-block
}

.menu-item {
    align-items: center;
    height: 24px;
    display: flex;
    position: relative
}

.menu-item>div {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    display: flex
}

.menu-item>div:hover {
    background: #1937580a
}

.menu-item>div.active {
    background: #19375814
}

.menu-item i {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block
}

.menu-item>div>span {
    border: 1px solid #e2e6ed;
    width: 16px;
    height: 3px;
    display: inline-block
}

.menu-item .select {
    -webkit-user-select: none;
    user-select: none;
    border: none;
    font-size: 12px;
    line-height: 24px
}

.menu-item .select:after {
    content: "";
    border: 3px solid #0000;
    border-top-color: #767c85;
    border-bottom: 0 #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 11px;
    right: 2px
}

.menu-item .options {
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    width: 70px;
    padding: 10px;
    font-size: 14px;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    box-shadow: 0 2px 12px #38383833
}

.menu-item .options.visible {
    display: block
}

.menu-item .options li {
    -webkit-user-select: none;
    user-select: none;
    margin: 5px 0;
    padding: 5px;
    transition: all .3s
}

.menu-item .options li:hover {
    background-color: #ebecef
}

.menu-item .options li.active {
    background-color: #e2e6ed
}

.menu-item .menu-item__font {
    width: 65px;
    position: relative
}

.menu-item .menu-item__size {
    text-align: center;
    width: 50px;
    position: relative
}

.menu-item__font .select,.menu-item__size .select {
    width: 100%;
    height: 100%
}

.menu-item__undo.no-allow,.menu-item__redo.no-allow,.menu-item>div.disable {
    color: #c0c4cc;
    cursor: not-allowed;
    opacity: .4;
    pointer-events: none
}

.menu-item__undo i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%202.763v7.544l-4.29-3.73zM13%2014v-3a4%204%200%2000-4-4H6V6h3a5%205%200%20015%205v3h-1z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.menu-item__redo i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2014v-3a4%204%200%20014-4h3V6H7a5%205%200%2000-5%205v3h1zm7.016-11.282v7.543l4.29-3.73z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.menu-item__painter i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M7.5%202v2.5H4a.5.5%200%2000-.5.5v2a.5.5%200%2000.5.5h9a.5.5%200%2000.5-.5V5a.5.5%200%2000-.5-.5H9.5V2a.5.5%200%2000-.5-.5H8a.5.5%200%2000-.5.5z'%20stroke='%233D4757'/%3e%3cpath%20fill='%233D4757'%20d='M13%207h1v4h-1z'/%3e%3cpath%20d='M11%2013a2%202%200%20002-2V8.764A3%203%200%20118.764%2013H11z'%20fill='%233D4757'/%3e%3cpath%20fill='%233D4757'%20d='M1%2013h10v1H1z'/%3e%3cpath%20d='M1%2013a2%202%200%20002-2V8.764A3%203%200%20011%2014v-1z'%20fill='%233D4757'/%3e%3cpath%20fill='%233D4757'%20d='M3%207h1v4H3z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__format i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M8.213%2013H6.8l6.636-6.636-4.243-4.243-7.07%207.071L5.928%2013H4.515L1.06%209.546a.5.5%200%20010-.707L8.839%201.06a.5.5%200%2001.707%200l4.95%204.95a.5.5%200%20010%20.707L8.213%2013z'%20fill-rule='nonzero'/%3e%3cpath%20d='M4.536%206.364l4.95%204.95-.707.707-4.95-4.95zM4.521%2013h10.03v1H5.496z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__size-add i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M6.215%203.29H7.64L11.855%2014H10.52l-1.14-3H4.46l-1.14%203H2L6.215%203.29zM4.85%209.965h4.14L6.965%204.61h-.06L4.85%209.965z'/%3e%3cpath%20d='M12%204V2h1v2h2v1h-2v2h-1V5h-2V4h2z'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__size-minus i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20fill-rule='nonzero'%20d='M11%204h4v1h-4z'/%3e%3cpath%20d='M6.215%203.29H7.64L11.855%2014H10.52l-1.14-3H4.46l-1.14%203H2L6.215%203.29zM4.85%209.965h4.14L6.965%204.61h-.06L4.85%209.965z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__bold i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.131%206.9c2.035%200%202.569-.9%202.569-1.869%200-.968-.64-1.831-2.623-1.831H5.2v3.7h2.931zm.524%205.9c2.045%200%202.545-1.305%202.545-2.3%200-.985-.506-2.4-2.81-2.4H5.2v4.7h3.455zM4%202h4.71c2.367%200%203.19%201.583%203.19%203s-.325%201.852-1.1%202.5c1.2.5%201.569%201.379%201.6%203%20.03%201.606-.586%203.5-3.769%203.5H4V2z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__italic i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.017%203L8.08%2013H9v1H6v-1h1.182L9%203H8V2h3v1h-.983z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.menu-item .menu-item__underline {
    width: 30px;
    position: relative
}

.menu-item__underline>i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%202v6a3%203%200%20106%200V2h1v6a4%204%200%2011-8%200V2h1zM4%2013h8v1H4z'%20fill='%233D4757'/%3e%3c/svg%3e");
    flex-shrink: 0
}

.menu-item__underline .select {
    width: 100%;
    height: 100%
}

.menu-item .menu-item__underline .options {
    width: 128px
}

.menu-item .menu-item__underline li {
    padding: 1px 5px
}

.menu-item__underline li i {
    pointer-events: none
}

.menu-item__underline li[data-decoration-style=solid] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h118v1H4z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__underline li[data-decoration-style=double] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h118v1H4zm0%203h118v1H4z'/%3e%3c/svg%3e")
}

.menu-item__underline li[data-decoration-style=dashed] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h4v1H4zm5%200h4v1H9zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h3v1h-3z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__underline li[data-decoration-style=dotted] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h1v1H4zm12%200h1v1h-1zM6%2010h1v1H6zm12%200h1v1h-1zM8%2010h1v1H8zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__underline li[data-decoration-style=wavy] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='none'%20stroke='%23000000'%20d='M4%2010%20Q6%208,8%2010%20T12%2010%20T16%2010%20T20%2010%20T24%2010%20T28%2010%20T32%2010%20T36%2010%20T40%2010%20T44%2010%20T48%2010%20T52%2010%20T56%2010%20T60%2010%20T64%2010%20T68%2010%20T72%2010%20T76%2010%20T80%2010%20T84%2010%20T88%2010%20T92%2010%20T96%2010%20T100%2010%20T104%2010%20T108%2010%20T112%2010%20T116%2010%20T120%2010%20T124%2010'/%3e%3c/svg%3e")
}

.menu-item__strikeout i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M10.42%207.903H6.692a9.182%209.182%200%2001-.41-.172%205.54%205.54%200%2001-.814-.447%202.955%202.955%200%2001-.655-.595%202.728%202.728%200%2001-.44-.777%202.877%202.877%200%2001-.162-1.006c0-.472.094-.888.282-1.25.188-.36.453-.663.793-.907s.747-.43%201.22-.558A5.97%205.97%200%20018.063%202c.504%200%20.95.049%201.337.147.387.097.725.23%201.013.398.287.169.53.365.73.59a3.337%203.337%200%2001.772%201.486c.03.13.054.255.073.379h-1.276a2.393%202.393%200%2000-.22-.615%202.315%202.315%200%2000-.59-.724%202.467%202.467%200%2000-.834-.44%203.376%203.376%200%2000-1.005-.146%204.69%204.69%200%2000-.958.097%202.77%202.77%200%2000-.839.314%201.765%201.765%200%2000-.597.566c-.152.233-.229.518-.229.854%200%20.348.086.642.258.884.171.241.401.449.689.622.287.174.615.323.983.448s.749.247%201.142.367c.31.097.62.196.934.297a8.439%208.439%200%2001.973.38zm1.376%201c.175.217.315.466.418.746.105.285.158.612.158.98%200%20.554-.104%201.041-.312%201.462-.207.42-.496.772-.867%201.054-.37.282-.81.495-1.32.64A6.12%206.12%200%20018.205%2014c-.543%200-1.071-.09-1.586-.273a4.44%204.44%200%2001-1.374-.773%203.873%203.873%200%2001-.97-1.217%203.695%203.695%200%2001-.395-1.612h1.27c.028.407.122.78.282%201.12a2.835%202.835%200%20001.581%201.465c.363.138.76.207%201.192.207.387%200%20.758-.042%201.112-.126a2.85%202.85%200%2000.938-.399%202.01%202.01%200%2000.647-.708c.16-.29.241-.642.241-1.054%200-.337-.087-.623-.261-.86a2.333%202.333%200%2000-.69-.61%204.651%204.651%200%2000-.495-.257h2.099z'/%3e%3cpath%20d='M3%207h10v1H3z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__superscript i {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20viewBox='0%200%2016%2016'%20xml:space='preserve'%3e%3cstyle%3e.st0{fill:%233d4757}%3c/style%3e%3cg%20id='_x30_0-公共_x2F_02工具栏_x2F_superscript'%3e%3cpath%20id='_x32_'%20class='st0'%20d='M15%206.3V7h-3c0-.3.1-.5.3-.8.2-.2.5-.6%201-1%20.3-.2.6-.5.7-.6.1-.2.2-.3.2-.5s-.1-.3-.2-.4c-.1-.1-.2-.1-.4-.1s-.3%200-.4.1-.2.3-.2.6l-.9-.1c.1-.4.2-.7.5-.9s.6-.3%201-.3.8.1%201%20.3c.3.2.4.5.4.8%200%20.2%200%20.4-.1.5s-.2.4-.4.5c-.1.1-.3.3-.6.5s-.4.4-.4.5c-.1.1-.1.2-.2.3l1.7-.1z'/%3e%3cpath%20id='合并形状'%20class='st0'%20d='M7.4%208.5l4%205.5H10L6.7%209.4%203.4%2014H2l4-5.5L2%203h1.4l3.3%204.6L10%203h1.3L7.4%208.5z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__subscript i {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20viewBox='0%200%2016%2016'%20xml:space='preserve'%3e%3cstyle%3e.st0{fill:%233d4757}%3c/style%3e%3cg%20id='_x30_0-公共_x2F_02工具栏_x2F_subscript'%3e%3cpath%20id='_x32_'%20class='st0'%20d='M15%2013.3v.7h-3c0-.3.1-.5.3-.8.2-.2.5-.6%201-1%20.4-.3.6-.5.7-.7.1-.2.2-.3.2-.5s-.1-.3-.2-.4c-.1-.1-.2-.1-.4-.1s-.3%200-.4.1-.2.4-.2.7l-.9-.1c.1-.4.2-.7.5-.9.3-.2.6-.3%201-.3s.8.1%201%20.3c.3.2.4.5.4.8%200%20.2%200%20.4-.1.5-.1.2-.2.3-.3.5-.1.1-.3.3-.6.5s-.4.4-.5.4c-.1.1-.1.2-.2.3H15z'/%3e%3cpath%20id='合并形状'%20class='st0'%20d='M7.2%208.5l4%205.5H9.8L6.5%209.4%203.2%2014H1.8l4-5.5-4-5.5h1.4l3.3%204.6L9.8%203h1.3L7.2%208.5z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__color,.menu-item__highlight {
    flex-direction: column;
    display: flex
}

.menu-item__color #color,.menu-item__highlight #highlight {
    visibility: hidden;
    appearance: none;
    outline: none;
    width: 1px;
    height: 1px
}

.menu-item__color i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.997%203.429L6.398%208h3.2L7.997%203.429zM8.497%202L12%2012h-1L9.949%209h-3.9L5%2012H4L7.496%202h1z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__color span {
    background-color: #000
}

.menu-item__highlight i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M13.31%205h-1.92a2.203%202.203%200%2000-.39-.034c-.135%200-.27.012-.402.034H10v.18c-.578.256-1%20.714-1%201.214v1.928c0%20.196.117.43.3.658v1.23a3.543%203.543%200%2001-.3-.4V11H8V1h1v4.265C9%204.763%2010%204%2010.942%204c1.19%200%201.92.422%202.367%201zM2%206c-.03-.498-.175-2%202.5-2C7.11%204%207%205%207%206.902V11H5.984v-.993c.38.662-.115.993-1.484.993C2.708%2011%202%209.931%202%209c0-1.428.447-2%202.5-2h1.484c0-1%20.031-2-1.484-2-1.533%200-1.577.485-1.577%201H2zm2.5%202C3.601%208%203%207.768%203%209c0%201.31.438%201%201.5%201%20.617%200%201.484-.665%201.484-1.847V8H4.5z'/%3e%3cpath%20d='M13.085%206.316l-2.814%203a1%201%200%20101.458%201.368l2.815-3a1%201%200%2000-1.459-1.368z'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__highlight span {
    background-color: #ff0
}

.menu-item .menu-item__title {
    width: 60px;
    position: relative
}

.menu-item__title .select {
    width: calc(100% - 20px);
    height: 100%
}

.menu-item__title i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M14%201a1%201%200%20011%201v12a1%201%200%2001-1%201H2a1%201%200%2001-1-1V2a1%201%200%20011-1h12zm0%201H2v12h12V2z'%20fill-rule='nonzero'/%3e%3cpath%20fill-rule='nonzero'%20d='M4%2011h8v1H4zm0-3h4v1H4zm0-3h2v1H4z'/%3e%3cpath%20d='M9%205h1v4H9z'/%3e%3cpath%20d='M7%205h5v1H7z'/%3e%3c/g%3e%3c/svg%3e");
    transform: translate(-5px)
}

.menu-item__title .options {
    width: 80px
}

.menu-item__left i {
    background-image: url("data:image/svg+xml,%3csvg%20height='16'%20viewBox='0%200%2016%2016'%20width='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2013h12v1H2zm0-3h8v1H2zm0-3h12v1H2zm0-6h12v1H2zm0%203h8v1H2z'%20fill='%233d4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__center i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2013h12v1H2v-1zm2-3h8v1H4v-1zM2%207h12v1H2V7zm0-6h12v1H2V1zm2%203h8v1H4V4z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__right i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2013h12v1H2v-1zm4-3h8v1H6v-1zM2%207h12v1H2V7zm0-6h12v1H2V1zm4%203h8v1H6V4z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__alignment i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2013h12v1H2v-1zm0-3h12v1H2v-1zm0-3h12v1H2V7zm0-6h12v1H2V1zm0%203h12v1H2V4z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__justify i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20stroke='%233D4757'%20fill='%233D4757'%20d='M2%2010.5H14M2%2013.5H14'%20stroke-linecap='round'%20stroke-linejoin='miter'%3e%3c/path%3e%3cpath%20stroke='%233D4757'%20fill='%233D4757'%20d='M14%203.5L12%201.5M14%203.5L12%205.5M14%203.5L2%203.5M4%201.5L2%203.5M2%203.5L4%205.5'%20stroke-linecap='round'%20stroke-linejoin='miter'%3e%3c/path%3e%3c/svg%3e")
}

.menu-item__row-margin {
    position: relative
}

.menu-item__row-margin i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2014h12v1H2v-1zm7-5h5v1H9V9zm0-3h5v1H9V6zM2%201h12v1H2V1zm2.5%203L7%207H2zm0%208L7%209H2z'%20fill='%233D4757'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__list {
    position: relative
}

.menu-item__list i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%233D4757'%20d='M7%2012h7v1H7zm0-5h7v1H7zm0-5h7v1H7zM3%204V2H2V1h2v3h1v1H2V4h1z'/%3e%3cpath%20d='M2%206h3v1H2V6zm0%203h3v1H2V9z'%20fill='%234F4F4F'/%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M4.5%206L5%207l-2.5%203L2%209z'/%3e%3cpath%20d='M4%2014l-1-2H2v-1h3v1H4l1%202v1H2v-1h2z'%20fill='%233D4757'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__list .options {
    width: 110px
}

.menu-item__list .options>ul>li * {
    pointer-events: none
}

.menu-item__list .options>ul>li li {
    margin-left: 18px
}

.menu-item__list .options>ul>li[data-list-style=checkbox] li::marker {
    font-size: 11px
}

.menu-item__image i {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20viewBox='0%200%2016%2016'%20xml:space='preserve'%3e%3cstyle%3e.st0{fill:%233d4757}%3c/style%3e%3cg%20id='_x30_0-公共_x2F_02工具栏_x2F_插入图片-16px-'%3e%3cg%20id='Group-19'%20transform='translate(1%201)'%3e%3cpath%20id='Combined-Shape'%20class='st0'%20d='M1%200h12c.6%200%201%20.4%201%201v11c0%20.6-.4%201-1%201H1c-.6%200-1-.4-1-1V1c0-.6.4-1%201-1zm0%201v11h12V1H1z'/%3e%3ccircle%20id='椭圆形'%20class='st0'%20cx='10'%20cy='4'%20r='1'/%3e%3cpath%20id='Path'%20class='st0'%20d='M8.5%2011.2l-4-4.1L1%2010.7V9.2c1.7-1.6%202.7-2.5%203-2.8.4-.5.7-.4%201%200L8.5%2010%2011%207.3c.4-.5.6-.5%201-.1l2%202.8v1.5l-2.5-3.4-3%203.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__image input {
    display: none
}

.menu-item__table {
    position: relative
}

.menu-item__table i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3crect%20x='.5'%20y='.5'%20width='12'%20height='12'%20rx='1'%20transform='translate(1%201)'%20stroke='%233D4757'/%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M2%209h12v1H2zm0-4h12v1H2z'/%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M5%201h1v13H5zm4%200h1v13H9z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item .menu-item__table__collapse {
    box-sizing: border-box;
    z-index: 99;
    cursor: auto;
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    width: 270px;
    height: 310px;
    padding: 14px 27px;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    box-shadow: 0 2px 12px #38383833
}

.menu-item .menu-item__table__collapse .table-close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px
}

.menu-item .menu-item__table__collapse .table-close:hover {
    color: #7d7e80
}

.menu-item .menu-item__table__collapse:hover {
    background: #fff
}

.menu-item .menu-item__table__collapse .table-title {
    border-bottom: 1px solid #e2e6ed;
    justify-content: flex-start;
    padding-bottom: 5px;
    display: flex
}

.table-title span {
    color: #3d4757;
    margin: 0;
    font-size: 12px;
    display: inline
}

.table-panel {
    cursor: pointer
}

.table-panel .table-row {
    pointer-events: none;
    flex-wrap: nowrap;
    margin-top: 10px;
    display: flex
}

.table-panel .table-cel {
    box-sizing: border-box;
    pointer-events: none;
    background: #fff;
    border: 1px solid #e2e6ed;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    position: relative
}

.table-panel .table-cel.active {
    background: #4991f226;
    border: 1px solid #4991f233
}

.table-panel .table-row .table-cel:last-child {
    margin-right: 0
}

.menu-item__hyperlink i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='rotate(45%205.5%2013.328)'%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M7%206H6V3.515a2.5%202.5%200%2010-5%200V6H0V3.515a3.5%203.5%200%20117%200V6zm0%204v2.5a3.5%203.5%200%2001-7%200V10h1v2.5a2.5%202.5%200%20105%200V10h1z'%20fill-rule='nonzero'/%3e%3crect%20x='3.062'%20y='5.209'%20width='1'%20height='5.5'%20rx='.5'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__separator {
    position: relative
}

.menu-item__separator>i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9%202.8l2.01%202.506c.2.25.58.25.78%200L8.7%202.799l2.01%202.507c.2.25.58.25.78%200l2.4-2.993-.78-.626-2.01%202.507-2.01-2.507a.5.5%200%2000-.78%200L6.3%204.194%204.29%201.687a.5.5%200%2000-.78%200l-2.4%203%20.78.625L3.9%202.8zM1%208h13v1H1zm0%204h3v1H1zm5%200h3v1H6zm5%200h3v1h-3z'%20fill='%233D4757'/%3e%3c/svg%3e")
}

.menu-item .menu-item__separator .options {
    width: 128px
}

.menu-item .menu-item__separator li {
    padding: 1px 5px
}

.menu-item__separator li i {
    pointer-events: none
}

.menu-item__separator li[data-separator="0,0"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h118v1H4z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__separator li[data-separator="1,1"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h1v1H4zm12%200h1v1h-1zM6%2010h1v1H6zm12%200h1v1h-1zM8%2010h1v1H8zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm2%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1zm12%200h1v1h-1zm-10%200h1v1h-1z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__separator li[data-separator="3,1"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h4v1H4zm5%200h4v1H9zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h4v1h-4zm5%200h3v1h-3z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__separator li[data-separator="4,4"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2010h4v1H5zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4zm8%200h4v1h-4z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__separator li[data-separator="7,3,3,3"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h6v1H4zm9%200h3v1h-3zm6%200h6v1h-6zm9%200h3v1h-3zm6%200h6v1h-6zm9%200h3v1h-3zm6%200h6v1h-6zm9%200h3v1h-3zm6%200h6v1h-6zm9%200h3v1h-3zm6%200h6v1h-6zm9%200h3v1h-3zm6%200h6v1h-6zm9%200h3v1h-3zm6%200h6v1h-6zm9%200h3v1h-3z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__separator li[data-separator="6,2,2,2,2,2"] {
    background-image: url("data:image/svg+xml,%3csvg%20width='126'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2010h5v1H4zm7%200h2v1h-2zm4%200h2v1h-2zm4%200h5v1h-5zm7%200h2v1h-2zm4%200h2v1h-2zm4%200h5v1h-5zm7%200h2v1h-2zm4%200h2v1h-2zm4%200h5v1h-5zm7%200h2v1h-2zm4%200h2v1h-2zm4%200h5v1h-5zm7%200h2v1h-2zm4%200h2v1h-2zm4%200h5v1h-5zm7%200h2v1h-2zm4%200h2v1h-2zm4%200h5v1h-5zm7%200h2v1h-2zm4%200h2v1h-2zm4%200h5v1h-5zm7%200h2v1h-2zm4%200h2v1h-2z'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.menu-item__watermark>i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3crect%20stroke='%233D4757'%20x='2.5'%20y='1.5'%20width='11'%20height='13'%20rx='1'/%3e%3cpath%20d='M4%207h8v1H4V7zm0-2h8v1H4V5zm0%206h8v1H4v-1zm0-2h8v1H4V9z'%20fill='%23909AA9'%20fill-rule='nonzero'/%3e%3cpath%20d='M6%205.623c.36-.354.936-.638%202-.604%201.785.057%202-.008%202%201.894v4.098H8.984v-.993c1.046.662.885.993-.484.993-1.792%200-2.5-1.068-2.5-2%200-1.427.447-2%202.5-2h.484c0-1-.006-1.007-.984-1-.978.008-1.419.437-2%20.437v-.825zm2.5%202.389c-.899%200-1.5-.232-1.5%201%200%201.31.438%201%201.5%201%20.617%200%20.484-.665.484-1.848v-.152H8.5z'%20fill='%233D4757'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__watermark {
    position: relative
}

.menu-item__codeblock i {
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20stroke='%23525C6F'%20stroke-linejoin='round'%20d='M4%204.5L1.5%207%204%209.5M10%204.5L12.5%207%2010%209.5'%3e%3c/path%3e%3crect%20fill='%23525C6F'%20transform='scale(1%20-1)%20rotate(70%2016.711%200)'%20x='2.671'%20y='6.53'%20width='8'%20height='1'%20rx='.2'%3e%3c/rect%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__page-break i {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20viewBox='0%200%2016%2016'%20xml:space='preserve'%3e%3cstyle%3e.st0{fill:none;stroke:%233d4757}.st1{fill:%233d4757}%3c/style%3e%3cg%20id='_x30_1-文字_x2F_02插入_x2F_分页-16px'%3e%3cpath%20id='矩形'%20class='st0'%20d='M5.5%202.5h7c.6%200%201%20.4%201%201v3c0%20.6-.4%201-1%201h-7c-.6%200-1-.4-1-1v-3c0-.6.4-1%201-1z'/%3e%3cpath%20id='三角形'%20class='st1'%20d='M4%208.5L1%206v5z'/%3e%3cpath%20id='合并形状'%20class='st0'%20d='M10.8%209.5H5c-.3%200-.5.2-.5.5v4c0%20.3.2.5.5.5h8c.3%200%20.5-.2.5-.5v-1.8l-2.7-2.7z'/%3e%3cpath%20id='矩形_1_'%20class='st1'%20d='M10%2010h1v3h-1z'/%3e%3cpath%20id='矩形-copy-2'%20class='st1'%20d='M10%2012h3v1h-3z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__control {
    position: relative
}

.menu-item__control i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M9.793%201.5H3a.5.5%200%2000-.5.5v12a.5.5%200%2000.5.5h9a.5.5%200%2000.5-.5V4.207L9.793%201.5z'%20stroke='%233D4757'/%3e%3cg%20fill='%233D4757'%3e%3cpath%20d='M7%207h1v5H7z'/%3e%3cpath%20d='M5%207h5v1H5z'/%3e%3c/g%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M9%202h1v3H9z'/%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M9%204h3v1H9z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__checkbox i {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20viewBox='0%200%2016%2016'%20xml:space='preserve'%3e%3cstyle%3e.st0{fill:%233d4757}%3c/style%3e%3cg%20id='_x30_1-文字_x2F_01开始_x2F_任务列表-16px'%3e%3cpath%20id='合并形状'%20class='st0'%20d='M10.1%202H2v11h11V8.7l1-1V13c0%20.6-.4%201-1%201H2c-.6%200-1-.4-1-1V2c0-.6.4-1%201-1h9.1l-1%201z'/%3e%3cpath%20id='路径'%20class='st0'%20d='M7.7%208.5l5.7-5.8.9.8-6.1%205.9-.5.5-3.9-3.4.8-.7z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__radio i {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20stroke='%233d4757'%20stroke-width='1.5'%20fill='none'%20/%3e%3ccircle%20cx='12'%20cy='12'%20r='3.5'%20fill='%233d4757'%20/%3e%3c/svg%3e")
}

.menu-item__latex i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M9%2013.5H2.982a.5.5%200%2001-.404-.794l3.208-4.412a.5.5%200%20000-.588L2.578%203.294a.5.5%200%2001.404-.794H9'%20stroke='%233D4757'/%3e%3cpath%20d='M14.447%207l.809.588-2.139%202.942%202.139%202.942-.81.588-1.946-2.68-1.947%202.68-.809-.588%202.138-2.942-2.138-2.942.81-.588L12.5%209.679%2014.447%207z'%20fill='%233D4757'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__date {
    position: relative
}

.menu-item__date i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M7.5%2014.154a5.654%205.654%200%20100-11.308%205.654%205.654%200%20000%2011.308zm0%20.846a6.5%206.5%200%20110-13%206.5%206.5%200%20010%2013z'%20fill-rule='nonzero'/%3e%3cpath%20d='M8%208h4v1H7V4h1v4z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item__date .options {
    width: 160px
}

.menu-item__block i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%3e%3cpath%20d='M8.923%2011v1h-2A2%202%200%20015%2010.55c.328-.15.638-.335.923-.55a1%201%200%20001%201h2zm0-6h-2a1%201%200%2000-1%201A4.997%204.997%200%20005%205.45%202%202%200%20016.923%204h2v1z'/%3e%3cpath%20d='M4%2010a2%202%200%20100-4%202%202%200%20000%204zm0%201a3%203%200%20110-6%203%203%200%20010%206zm6-9a1%201%200%2000-1%201v3a1%201%200%20001%201h3a1%201%200%20001-1V3a1%201%200%2000-1-1h-3zm0-1h3a2%202%200%20012%202v3a2%202%200%2001-2%202h-3a2%202%200%2001-2-2V3a2%202%200%20012-2zm0%2010a1%201%200%2000-1%201v1a1%201%200%20001%201h3a1%201%200%20001-1v-1a1%201%200%2000-1-1h-3zm0-1h3a2%202%200%20012%202v1a2%202%200%2001-2%202h-3a2%202%200%2001-2-2v-1a2%202%200%20012-2z'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item .menu-item__control .options {
    width: 55px
}

.menu-item__search {
    position: relative
}

.menu-item__search i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3ccircle%20stroke='%233D4757'%20cx='6'%20cy='6'%20r='4.5'/%3e%3cpath%20d='M10.061%2010.968L8.707%209.414l.707-.707%201.514%201.457.435-.404%202.632%202.462a1.154%201.154%200%2001.05%201.635%201.184%201.184%200%2001-1.655.064l-2.788-2.527.46-.426z'%20fill='%233D4757'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e")
}

.menu-item .menu-item__search__collapse {
    box-sizing: border-box;
    z-index: 99;
    background: #fff;
    width: 260px;
    height: 108px;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    box-shadow: 0 5px 5px #e3dfdf
}

.menu-item .menu-item__search__collapse:hover {
    background: #fff
}

.menu-item .menu-item__search__collapse>div {
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: 250px;
    height: 36px;
    padding: 0 5px;
    line-height: 36px;
    display: flex
}

.menu-item .menu-item__search__collapse>div input[type=text] {
    appearance: none;
    box-sizing: border-box;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    outline: none;
    width: 205px;
    height: 27px;
    padding: 0 5px;
    line-height: 27px;
    display: inline-block
}

.menu-item .menu-item__search__collapse>div span {
    color: #dcdfe6;
    border: 0;
    height: 100%;
    padding: 0 10px;
    font-size: 25px;
    display: inline-block
}

.menu-item .menu-item__search__collapse__replace button {
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    margin-left: 4px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px;
    display: inline-block
}

.menu-item .menu-item__search__collapse__replace button:hover {
    background: #1937580a
}

.menu-item .menu-item__search__collapse__search {
    position: relative
}

.menu-item .menu-item__search__collapse__search label {
    color: #3d4757;
    font-size: 12px;
    position: absolute;
    right: 110px
}

.menu-item .menu-item__search__collapse__search>input {
    padding: 5px 90px 5px 5px!important
}

.menu-item .menu-item__search__collapse__search>div {
    border-left: 1px solid #e2e6ed;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 27px;
    transition: all .5s;
    display: flex;
    position: absolute
}

.menu-item .menu-item__search__collapse__search>div:hover {
    background-color: #1937580a
}

.menu-item .menu-item__search__collapse__search i {
    width: 6px;
    height: 8px;
    transform: translateY(1px)
}

.menu-item .menu-item__search__collapse__search .arrow-left {
    right: 76px
}

.menu-item .menu-item__search__collapse__search .arrow-left i {
    background: url("data:image/svg+xml,%3csvg%20width='4'%20height='7'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='%236F6F6F'%20d='M0%203.5L4%200v7z'%20fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat
}

.menu-item .menu-item__search__collapse__search .arrow-right {
    right: 48px
}

.menu-item .menu-item__search__collapse__search .arrow-right i {
    background: url("data:image/svg+xml,%3csvg%20width='4'%20height='7'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='%236F6F6F'%20d='M4%203.5L0%200v7z'%20fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat
}

.menu-item__search__collapse__option {
    justify-content: flex-start!important
}

.menu-item .menu-item__search__collapse__option .search-option-item {
    align-items: center;
    margin-right: 10px;
    display: flex
}

.menu-item .menu-item__search__collapse__option label {
    cursor: pointer;
    margin-left: 4px;
    font-size: 12px
}

.menu-item__print i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M12%204h-1V2H5v2H4V2a1%201%200%20011-1h6a1%201%200%20011%201v2zm0%205v4a1%201%200%2001-1%201H5a1%201%200%2001-1-1V9h1v4h6V9h1z'/%3e%3cpath%20d='M12%2012v-1h2V5H2v6h2v1H2a1%201%200%2001-1-1V5a1%201%200%20011-1h12a1%201%200%20011%201v6a1%201%200%2001-1%201h-2z'/%3e%3cpath%20d='M3%208h10v1H3zm8-2h2v1h-2z'/%3e%3c/g%3e%3c/svg%3e")
}

.catalog {
    width: 250px;
    padding: 0 20px 40px;
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 0
}

.catalog .catalog__header {
    border-bottom: 1px solid #e2e6ed;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    display: flex
}

.catalog .catalog__header span {
    color: #3d4757;
    font-size: 14px;
    font-weight: 700
}

.catalog .catalog__header i {
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.9%208.192l4.242%204.243-.707.707L8.192%208.9%203.95%2013.142l-.707-.707%204.242-4.243L3.243%203.95l.707-.707%204.242%204.242%204.243-4.242.707.707L8.9%208.192z'%20fill='%236A6A6A'%20fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat;
    width: 16px;
    height: 16px;
    transition: all .2s;
    display: inline-block
}

.catalog .catalog__header>div:hover {
    background: #ebeef1
}

.catalog__main {
    height: calc(100% - 60px);
    padding: 10px 0;
    overflow: hidden auto
}

.catalog__main .catalog-item {
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px
}

.catalog__main>.catalog-item {
    padding-left: 0
}

.catalog__main .catalog-item .catalog-item__content {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.catalog__main .catalog-item .catalog-item__content:hover>span {
    color: #4991f2
}

.catalog__main .catalog-item .catalog-item__content span {
    color: #3d4757;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 30px
}

.editor>div {
    margin: 80px auto
}

.ce-page-container canvas {
    box-shadow: 0 2px 12px #9ea1a566
}

.comment {
    width: 250px;
    height: 650px;
    position: fixed;
    top: 200px;
    left: 50%;
    overflow-y: auto;
    transform: translate(420px)
}

.comment-item {
    cursor: pointer;
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 14px;
    transition: all .5s;
    position: relative
}

.comment-item:hover {
    border-color: #c0c6cf;
    box-shadow: 0 2px 12px #0000001a
}

.comment-item.active {
    border-color: #e99d00;
    box-shadow: 0 2px 12px #0000001a
}

.comment-item__title {
    color: #c1c6ce;
    align-items: center;
    height: 22px;
    display: flex;
    position: relative
}

.comment-item__title span:first-child {
    background-color: #dbdbdb;
    border-radius: 999px;
    width: 4px;
    height: 16px;
    margin-right: 5px;
    display: inline-block
}

.comment-item__title span:nth-child(2) {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden
}

.comment-item__title i {
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.9%208.192l4.242%204.243-.707.707L8.192%208.9%203.95%2013.142l-.707-.707%204.242-4.243L3.243%203.95l.707-.707%204.242%204.242%204.243-4.242.707.707L8.9%208.192z'%20fill='%236A6A6A'%20fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    right: -8px
}

.comment-item__title i:hover {
    opacity: .6
}

.comment-item__info {
    justify-content: space-between;
    align-items: center;
    height: 28px;
    display: flex
}

.comment-item__info>span:first-child {
    font-weight: 600
}

.comment-item__info>span:last-child {
    color: #c1c6ce
}

.comment-item__content {
    line-height: 22px
}

.footer {
    z-index: 9;
    box-sizing: border-box;
    background: #f2f4f7;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 4px 0 20px;
    font-size: 12px;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0
}

.footer>div:first-child {
    align-items: center;
    display: flex
}

.footer .catalog-mode {
    padding: 1px;
    position: relative
}

.footer .catalog-mode i {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%3e%3cpath%20d='M13%200c.552%200%201%20.48%201%201.071V13.93c0%20.59-.448%201.07-1%201.07H3c-.552%200-1-.48-1-1.071V1.07C2%20.48%202.448%200%203%200h10zm0%201H3v13h10V1z'/%3e%3cpath%20d='M5%2010v1H4v-1h1zm6%200v1H6v-1h5zM5%207v1H4V7h1zm6%200v1H6V7h5zM5%204v1H4V4h1zm6%200v1H6V4h5z'/%3e%3c/g%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block
}

.footer .page-mode {
    padding: 1px;
    position: relative
}

.footer .page-mode i {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(2%201)'%3e%3crect%20stroke='%233D4757'%20x='.5'%20y='.5'%20width='11'%20height='8'%20rx='1'/%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M2%203h4v1H2zm0%202h8v1H2z'/%3e%3c/g%3e%3cg%20fill='%233D4757'%20fill-rule='nonzero'%3e%3cpath%20d='M14%2015h-1v-5H3v5H2V9h12v6z'/%3e%3cpath%20d='M4%2012h4v1H4zm0%202h8v1H4z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block
}

.footer .options {
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    width: 70px;
    padding: 10px;
    font-size: 14px;
    display: none;
    position: absolute;
    bottom: 25px;
    left: 0;
    box-shadow: 0 2px 12px #38383833
}

.footer .options.visible {
    display: block
}

.footer .options li {
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    cursor: pointer;
    margin: 5px 0;
    padding: 5px;
    transition: all .3s
}

.footer .options li:hover {
    background-color: #ebecef
}

.footer .options li.active {
    background-color: #e2e6ed
}

.footer>div:first-child>span {
    letter-spacing: 1px;
    margin-right: 5px;
    display: inline-block
}

.footer>div:last-child {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.footer>div:last-child>div {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}

.footer>div:last-child>div:hover {
    background: #1937580a
}

.footer>div:last-child i {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block
}

.footer .editor-option i {
    background-image: url(/canvas-editor/assets/option-CG02tIgh.svg)
}

.footer .page-scale-minus i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%207h10v2H3z'%20fill='%23636363'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.footer .page-scale-add i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%207V3h2v4h4v2H9v4H7V9H3V7h4z'%20fill='%23636363'%20fill-rule='evenodd'/%3e%3c/svg%3e")
}

.footer .page-scale-percentage {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.footer .fullscreen i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M3%203h1v4H3z'/%3e%3cpath%20d='M3%203h4v1H3zm10%2010h-1V9h1z'/%3e%3cpath%20d='M13%2013H9v-1h4z'/%3e%3c/g%3e%3c/svg%3e")
}

.footer .fullscreen.exist i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M9%209h1v4H9z'/%3e%3cpath%20d='M9%209h4v1H9zM7%207H6V3h1z'/%3e%3cpath%20d='M7%207H3V6h4z'/%3e%3c/g%3e%3c/svg%3e")
}

.footer .paper-margin i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3crect%20stroke='%233D4757'%20x='2.5'%20y='1.5'%20width='11'%20height='13'%20rx='1'/%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M3%204h10v1H3zm0%207h10v1H3z'/%3e%3cpath%20fill='%233D4757'%20fill-rule='nonzero'%20d='M5%2014V2h1v12zm5%200V2h1v12z'/%3e%3c/g%3e%3c/svg%3e")
}

.footer .editor-mode {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.footer .paper-size {
    position: relative
}

.footer .paper-size i {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cg%20fill-rule='nonzero'%3e%3cpath%20d='M10.793%201.5L13.5%204.207V14L3%2014.5%202.5%202l8.293-.5z'%20stroke='%233D4757'/%3e%3cpath%20fill='%233D4757'%20d='M10%202h1v3h-1z'/%3e%3cpath%20fill='%233D4757'%20d='M10%204h3v1h-3z'/%3e%3c/g%3e%3cpath%20d='M7%203v1H5v2H4V3h3z'%20fill='%233D4757'/%3e%3cpath%20fill='%233D4757'%20d='M5.169%203.43l6.62%208.784-.799.602-6.62-8.785z'/%3e%3cpath%20d='M9%2013v-1h2v-2h1v3H9z'%20fill='%233D4757'/%3e%3c/g%3e%3c/svg%3e")
}

.footer .paper-size .options {
    right: 0;
    left: unset
}

.footer .paper-direction {
    position: relative
}

.footer .paper-direction i {
    background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20x='0'%20y='0'%20viewBox='0%200%2016%2016'%20xml:space='preserve'%3e%3cstyle%3e.st0{fill:%233d4757}%3c/style%3e%3cg%20id='_x30_1-文字_x2F_04页面_x2F_纸张方向-16px'%3e%3cg%20id='编组'%20transform='translate(1%201)'%3e%3cpath%20id='合并形状'%20class='st0'%20d='M14%206v7c0%20.6-.4%201-1%201H4c-.6%200-1-.4-1-1V6c0-.6.4-1%201-1h9c.6%200%201%20.4%201%201zm-1%200H4v7h9V6z'/%3e%3cpath%20id='路径'%20class='st0'%20d='M9%204H8V1H1v9h1v1H1c-.6%200-1-.4-1-1V1c0-.6.4-1%201-1h7c.6%200%201%20.4%201%201v3z'/%3e%3cpath%20id='矩形'%20class='st0'%20d='M11%207h1v5h-1z'/%3e%3cpath%20id='矩形-copy-2'%20class='st0'%20d='M2%202h5v1H2z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.footer .paper-direction .options {
    right: 0;
    left: unset
}

.ce-contextmenu-signature {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%233D4757'%20d='M2%2013h12v1H2z'/%3e%3cpath%20fill='%234B5463'%20fill-rule='nonzero'%20d='M5.26%208.458l2.23%201.28L6%2012H3z'/%3e%3cpath%20d='M5.666%206.149L4.31%208.168l4.045%202.48%201.503-2.159-4.192-2.34zm1.106-4.156l-1.986%203.44%206.3%203.648%202.037-2.943-6.351-4.145z'%20stroke='%234B5463'/%3e%3c/g%3e%3c/svg%3e")
}

.ce-contextmenu-word-tool {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233D4757'%20fill-rule='evenodd'%3e%3cpath%20d='M1%200h1v15H1zm5%204h7v1H6zm-3%206h7v1H3z'/%3e%3cpath%20d='M1%200h4v1H1zm10%2014h4v1h-4zM3%207h10v1H3z'/%3e%3cpath%20d='M14%200h1v15h-1zM8%200l3%203V0zm6%200h-3v1h3zM8%2015l-3-3v3zm-6-1h3v1H2z'/%3e%3c/g%3e%3c/svg%3e")
}

.dialog-mask {
    opacity: .5;
    z-index: 99;
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.dialog-container {
    z-index: 999;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: auto
}

.dialog {
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    padding: 0 30px 30px;
    position: absolute;
    box-shadow: 0 2px 12px #38383833
}

.dialog-title {
    border-bottom: 1px solid #e2e6ed;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    margin-bottom: 30px;
    display: flex;
    position: relative
}

.dialog-title i {
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.9%208.192l4.242%204.243-.707.707L8.192%208.9%203.95%2013.142l-.707-.707%204.242-4.243L3.243%203.95l.707-.707%204.242%204.242%204.243-4.242.707.707L8.9%208.192z'%20fill='%236A6A6A'%20fill-rule='evenodd'/%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
    display: inline-block
}

.dialog-option__item {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    display: flex
}

.dialog-option__item span {
    color: #3d4757;
    margin-right: 12px;
    font-size: 14px;
    position: relative
}

.dialog-option__item input,.dialog-option__item textarea,.dialog-option__item select {
    box-sizing: border-box;
    appearance: none;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    outline: none;
    width: 276px;
    height: 30px;
    min-height: 30px;
    padding: 5px;
    font-family: inherit
}

.dialog-option__item input:focus,.dialog-option__item textarea:focus {
    border-color: #4991f2
}

.dialog-option__item--require:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
    position: absolute;
    left: -8px
}

.dialog-menu {
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.dialog-menu button {
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    padding: 0 16px;
    line-height: 22px;
    display: inline-block;
    position: relative
}

.dialog-menu button:hover {
    background: #1937580a
}

.dialog-menu__cancel {
    margin-right: 16px
}

.dialog-menu button[type=submit] {
    color: #fff;
    background: #4991f2;
    border-color: #4991f2
}

.dialog-menu button[type=submit]:hover {
    background: #5b9cf3;
    border-color: #5b9cf3
}

.signature-mask {
    opacity: .5;
    z-index: 99;
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.signature-container {
    z-index: 999;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: auto
}

.signature {
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    padding: 0 30px 30px;
    position: absolute;
    box-shadow: 0 2px 12px #38383833
}

.signature-title {
    border-bottom: 1px solid #e2e6ed;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    margin-bottom: 15px;
    display: flex;
    position: relative
}

.signature-title i {
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.9%208.192l4.242%204.243-.707.707L8.192%208.9%203.95%2013.142l-.707-.707%204.242-4.243L3.243%203.95l.707-.707%204.242%204.242%204.243-4.242.707.707L8.9%208.192z'%20fill='%236A6A6A'%20fill-rule='evenodd'/%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
    display: inline-block
}

.signature-operation>div {
    cursor: pointer;
    color: #3d4757;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: inline-flex
}

.signature-operation>div:hover {
    color: #6e7175
}

.signature-operation>div i {
    width: 24px;
    height: 24px;
    display: inline-block
}

.signature-operation__undo {
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%206h5.5a7%207%200%20010%2014v-2a5%205%200%20000-10H8v3L4%207l4-4v3z'%20fill='%233d4757'%20fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat
}

.signature-operation__trash {
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%233d4757'%20fill-rule='evenodd'%3e%3cpath%20d='M17%203v4h4v2h-2v13H6V9H4V7h4V3h9zm0%206H8v11h9V9zm-2-4h-5v2h5V5z'%20fill-rule='nonzero'/%3e%3cpath%20d='M10%2010h2v7h-2zm3%200h2v7h-2z'/%3e%3c/g%3e%3c/svg%3e") no-repeat
}

.signature-operation>div span {
    margin: 0 5px;
    font-size: 12px
}

.signature-canvas {
    -webkit-user-select: none;
    user-select: none;
    margin: 15px 0
}

.signature-canvas canvas {
    background: #f3f5f7
}

.signature-menu {
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.signature-menu button {
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e2e6ed;
    border-radius: 2px;
    padding: 0 16px;
    line-height: 22px;
    display: inline-block;
    position: relative
}

.signature-menu button:hover {
    background: #1937580a
}

.signature-menu__cancel {
    margin-right: 16px
}

.signature-menu button[type=submit] {
    color: #fff;
    background: #4991f2;
    border-color: #4991f2
}

.signature-menu button[type=submit]:hover {
    background: #5b9cf3;
    border-color: #5b9cf3
}

.overflow-hidden {
    overflow: hidden!important
}