.dialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000;z-index:99}.dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:999;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dialog{position:absolute;padding:0 30px 30px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(56,56,56,.2);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px}.dialog-title{position:relative;border-bottom:1px solid #e2e6ed;margin-bottom:30px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dialog-title i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(../img/close.d0f7c7bd.svg)}.dialog-option__item{margin-bottom:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dialog-option__item span{margin-right:12px;font-size:14px;color:#3d4757;position:relative}.dialog-option__item input,.dialog-option__item select,.dialog-option__item textarea{width:276px;height:30px;border-radius:2px;border:1px solid #d3d3d3;min-height:30px;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dialog-menu button{position:relative;display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#fff;line-height:22px;padding:0 16px;white-space:nowrap;cursor:pointer}.dialog-menu button:hover{background:rgba(25,55,88,.04)}.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{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000;z-index:99}.signature-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:999;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.signature{position:absolute;padding:0 30px 30px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(56,56,56,.2);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px}.signature-title{position:relative;border-bottom:1px solid #e2e6ed;margin-bottom:15px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.signature-title i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(../img/close.d0f7c7bd.svg)}.signature-operation>div{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3d4757;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.signature-operation>div:hover{color:#6e7175}.signature-operation>div i{width:24px;height:24px;display:inline-block}.signature-operation__undo{background:url(../img/signature-undo.4e86710c.svg) no-repeat}.signature-operation__trash{background:url(../img/trash.e48770c1.svg) no-repeat}.signature-operation>div span{font-size:12px;margin:0 5px}.signature-canvas{margin:15px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.signature-canvas canvas{background:#f3f5f7}.signature-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.signature-menu button{position:relative;display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#fff;line-height:22px;padding:0 16px;white-space:nowrap;cursor:pointer}.signature-menu button:hover{background:rgba(25,55,88,.04)}.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}.canvas-editor ::-webkit-scrollbar{height:16px;width:16px;overflow:visible}.canvas-editor ::-webkit-scrollbar-button{width:0;height:0}.canvas-editor ::-webkit-scrollbar-corner{background:transparent}.canvas-editor ::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;border:4px solid #f2f4f7;border-radius:8px;min-height:24px}.canvas-editor ::-webkit-scrollbar-thumb:hover{background-color:#c9c9c9}.canvas-editor ::-webkit-scrollbar-track{background:#f2f4f7;background-clip:padding-box}.canvas-editor *{margin:0;padding:0}.canvas-editor body{background-color:#f2f4f7}.canvas-editor ul{list-style:none}.canvas-editor .menu{width:100%;height:60px;top:0;z-index:9;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f2f4f7;-webkit-box-shadow:0 2px 4px 0 transparent;box-shadow:0 2px 4px 0 transparent}.canvas-editor .menu-divider{width:1px;height:16px;margin:0 8px;display:inline-block;background-color:#cfd2d8}.canvas-editor .menu-item{position:relative}.canvas-editor .menu-item,.canvas-editor .menu-item>div{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.canvas-editor .menu-item>div{width:24px;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 2px}.canvas-editor .menu-item>div:hover{background:rgba(25,55,88,.04)}.canvas-editor .menu-item>div.active{background:rgba(25,55,88,.08)}.canvas-editor .menu-item i{width:16px;height:16px;display:inline-block;background-repeat:no-repeat;background-size:100% 100%}.canvas-editor .menu-item>div>span{width:16px;height:3px;display:inline-block;border:1px solid #e2e6ed}.canvas-editor .menu-item .select{border:none;font-size:12px;line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-editor .menu-item .select:after{position:absolute;content:"";top:11px;width:0;height:0;right:2px;border-color:#767c85 transparent transparent;border-style:solid solid none;border-width:3px 3px 0}.canvas-editor .menu-item .options{width:70px;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;left:0;top:25px;padding:10px;background:#fff;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(56,56,56,.2);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px;display:none}.canvas-editor .menu-item .options.visible{display:block}.canvas-editor .menu-item .options li{padding:5px;margin:5px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;transition:all .3s}.canvas-editor .menu-item .options li:hover{background-color:#ebecef}.canvas-editor .menu-item .options li.active{background-color:#e2e6ed}.canvas-editor .menu-item .menu-item__font{width:65px;position:relative}.canvas-editor .menu-item .menu-item__size{width:50px;text-align:center;position:relative}.canvas-editor .menu-item__font .select,.canvas-editor .menu-item__size .select{width:100%;height:100%}.canvas-editor .menu-item>div.disable,.canvas-editor .menu-item__redo.no-allow,.canvas-editor .menu-item__undo.no-allow{color:#c0c4cc;cursor:not-allowed;opacity:.4;pointer-events:none}.canvas-editor .menu-item__undo i{background-image:url(../img/undo.211b5e58.svg)}.canvas-editor .menu-item__redo i{background-image:url(../img/redo.6333d6d5.svg)}.canvas-editor .menu-item__painter i{background-image:url(../img/painter.af69ae54.svg)}.canvas-editor .menu-item__format i{background-image:url(../img/format.80d499af.svg)}.canvas-editor .menu-item__size-add i{background-image:url(../img/size-add.36a30b12.svg)}.canvas-editor .menu-item__size-minus i{background-image:url(../img/size-minus.b9629496.svg)}.canvas-editor .menu-item__bold i{background-image:url(../img/bold.1fabf7cf.svg)}.canvas-editor .menu-item__italic i{background-image:url(../img/italic.cad6178d.svg)}.canvas-editor .menu-item .menu-item__underline{width:30px;position:relative}.canvas-editor .menu-item__underline>i{-ms-flex-negative:0;flex-shrink:0;background-image:url(../img/underline.6a588f57.svg)}.canvas-editor .menu-item__underline .select{width:100%;height:100%}.canvas-editor .menu-item .menu-item__underline .options{width:128px}.canvas-editor .menu-item .menu-item__underline li{padding:1px 5px}.canvas-editor .menu-item__underline li i{pointer-events:none}.canvas-editor .menu-item__underline li[data-decoration-style=solid]{background-image:url(../img/line-single.627deab3.svg)}.canvas-editor .menu-item__underline li[data-decoration-style=double]{background-image:url(../img/line-double.5c6fd6fd.svg)}.canvas-editor .menu-item__underline li[data-decoration-style=dashed]{background-image:url(../img/line-dash-small-gap.17784641.svg)}.canvas-editor .menu-item__underline li[data-decoration-style=dotted]{background-image:url(../img/line-dot.855a1104.svg)}.canvas-editor .menu-item__underline li[data-decoration-style=wavy]{background-image:url(../img/line-wavy.5d56f740.svg)}.canvas-editor .menu-item__strikeout i{background-image:url(../img/strikeout.e2e0d961.svg)}.canvas-editor .menu-item__superscript i{background-image:url(../img/superscript.87090fe4.svg)}.canvas-editor .menu-item__subscript i{background-image:url(../img/subscript.ebd9ce2c.svg)}.canvas-editor .menu-item__color,.canvas-editor .menu-item__highlight{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.canvas-editor .menu-item__color #color,.canvas-editor .menu-item__highlight #highlight{width:1px;height:1px;visibility:hidden;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.canvas-editor .menu-item__color i{background-image:url(../img/color.8a0dacd6.svg)}.canvas-editor .menu-item__color span{background-color:#000}.canvas-editor .menu-item__highlight i{background-image:url(../img/highlight.d3becffb.svg)}.canvas-editor .menu-item__highlight span{background-color:#ff0}.canvas-editor .menu-item .menu-item__title{width:60px;position:relative}.canvas-editor .menu-item__title .select{width:calc(100% - 20px);height:100%}.canvas-editor .menu-item__title i{-webkit-transform:translateX(-5px);transform:translateX(-5px);background-image:url(../img/title.6c9934b7.svg)}.canvas-editor .menu-item__title .options{width:80px}.canvas-editor .menu-item__left i{background-image:url(../img/left.a37ede2a.svg)}.canvas-editor .menu-item__center i{background-image:url(../img/center.65ca7370.svg)}.canvas-editor .menu-item__right i{background-image:url(../img/right.42ed5353.svg)}.canvas-editor .menu-item__alignment i{background-image:url(../img/alignment.ec364a07.svg)}.canvas-editor .menu-item__row-margin{position:relative}.canvas-editor .menu-item__row-margin i{background-image:url(../img/row-margin.901c4acf.svg)}.canvas-editor .menu-item__list{position:relative}.canvas-editor .menu-item__list i{background-image:url(../img/list.239cad18.svg)}.canvas-editor .menu-item__list .options{width:110px}.canvas-editor .menu-item__list .options>ul>li *{pointer-events:none}.canvas-editor .menu-item__list .options>ul>li li{margin-left:18px}.canvas-editor .menu-item__image i{background-image:url(../img/image.5b4e65df.svg)}.canvas-editor .menu-item__image input{display:none}.canvas-editor .menu-item__table{position:relative}.canvas-editor .menu-item__table i{background-image:url(../img/table.6091ce13.svg)}.canvas-editor .menu-item .menu-item__table__collapse{width:270px;height:310px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(56,56,56,.2);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;position:absolute;display:none;z-index:99;top:25px;left:0;padding:14px 27px;cursor:auto}.canvas-editor .menu-item .menu-item__table__collapse .table-close{position:absolute;right:10px;top:5px;cursor:pointer}.canvas-editor .menu-item .menu-item__table__collapse .table-close:hover{color:#7d7e80}.canvas-editor .menu-item .menu-item__table__collapse:hover{background:#fff}.canvas-editor .menu-item .menu-item__table__collapse .table-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-bottom:5px;border-bottom:1px solid #e2e6ed}.canvas-editor .table-title span{font-size:12px;color:#3d4757;display:inline;margin:0}.canvas-editor .table-panel{cursor:pointer}.canvas-editor .table-panel .table-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:10px;pointer-events:none}.canvas-editor .table-panel .table-cel{width:16px;height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e2e6ed;background:#fff;position:relative;margin-right:6px;pointer-events:none}.canvas-editor .table-panel .table-cel.active{border:1px solid rgba(73,145,242,.2);background:rgba(73,145,242,.15)}.canvas-editor .table-panel .table-row .table-cel:last-child{margin-right:0}.canvas-editor .menu-item__hyperlink i{background-image:url(../img/hyperlink.81ba1d51.svg)}.canvas-editor .menu-item__separator{position:relative}.canvas-editor .menu-item__separator>i{background-image:url(../img/separator.9f6a3aaf.svg)}.canvas-editor .menu-item .menu-item__separator .options{width:128px}.canvas-editor .menu-item .menu-item__separator li{padding:1px 5px}.canvas-editor .menu-item__separator li i{pointer-events:none}.canvas-editor .menu-item__separator li[data-separator="0,0"]{background-image:url(../img/line-single.627deab3.svg)}.canvas-editor .menu-item__separator li[data-separator="1,1"]{background-image:url(../img/line-dot.855a1104.svg)}.canvas-editor .menu-item__separator li[data-separator="3,1"]{background-image:url(../img/line-dash-small-gap.17784641.svg)}.canvas-editor .menu-item__separator li[data-separator="4,4"]{background-image:url(../img/line-dash-large-gap.8d711f09.svg)}.canvas-editor .menu-item__separator li[data-separator="7,3,3,3"]{background-image:url(../img/line-dash-dot.ae06bb85.svg)}.canvas-editor .menu-item__separator li[data-separator="6,2,2,2,2,2"]{background-image:url(../img/line-dash-dot-dot.84479648.svg)}.canvas-editor .menu-item__watermark>i{background-image:url(../img/watermark.b3673074.svg)}.canvas-editor .menu-item__watermark{position:relative}.canvas-editor .menu-item__codeblock i{background-image:url(../img/codeblock.07140973.svg)}.canvas-editor .menu-item__page-break i{background-image:url(../img/page-break.06aca081.svg)}.canvas-editor .menu-item__control{position:relative}.canvas-editor .menu-item__control i{background-image:url(../img/control.e918b309.svg)}.canvas-editor .menu-item__checkbox i{background-image:url(../img/checkbox.39b3a004.svg)}.canvas-editor .menu-item__latex i{background-image:url(../img/latex.0f4dab2e.svg)}.canvas-editor .menu-item__date{position:relative}.canvas-editor .menu-item__date i{background-image:url(../img/date.aae62c45.svg)}.canvas-editor .menu-item__date .options{width:160px}.canvas-editor .menu-item__block i{background-image:url(../img/block.12bcf135.svg)}.canvas-editor .menu-item .menu-item__control .options{width:55px}.canvas-editor .menu-item__search{position:relative}.canvas-editor .menu-item__search i{background-image:url(../img/search.a182d404.svg)}.canvas-editor .menu-item .menu-item__search__collapse{width:260px;height:72px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;display:none;z-index:99;top:25px;left:0;background:#fff;-webkit-box-shadow:0 5px 5px #e3dfdf;box-shadow:0 5px 5px #e3dfdf}.canvas-editor .menu-item .menu-item__search__collapse:hover{background:#fff}.canvas-editor .menu-item .menu-item__search__collapse>div{width:250px;height:36px;padding:0 5px;line-height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:4px}.canvas-editor .menu-item .menu-item__search__collapse>div input{width:205px;height:27px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #ebebeb;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;line-height:27px;outline:none;padding:0 5px}.canvas-editor .menu-item .menu-item__search__collapse>div span{height:100%;color:#dcdfe6;font-size:25px;display:inline-block;border:0;padding:0 10px}.canvas-editor .menu-item .menu-item__search__collapse__replace button{display:inline-block;border:1px solid #e2e6ed;border-radius:2px;background:#fff;line-height:22px;padding:0 6px;white-space:nowrap;margin-left:4px;cursor:pointer;font-size:12px}.canvas-editor .menu-item .menu-item__search__collapse__replace button:hover{background:rgba(25,55,88,.04)}.canvas-editor .menu-item .menu-item__search__collapse__search{position:relative}.canvas-editor .menu-item .menu-item__search__collapse__search label{right:110px;font-size:12px;color:#3d4757;position:absolute}.canvas-editor .menu-item .menu-item__search__collapse__search>input{padding:5px 90px 5px 5px!important}.canvas-editor .menu-item .menu-item__search__collapse__search>div{width:28px;height:27px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;border-left:1px solid #e2e6ed;-webkit-transition:all .5s;transition:all .5s}.canvas-editor .menu-item .menu-item__search__collapse__search>div:hover{background-color:rgba(25,55,88,.04)}.canvas-editor .menu-item .menu-item__search__collapse__search i{width:6px;height:8px;-webkit-transform:translateY(1px);transform:translateY(1px)}.canvas-editor .menu-item .menu-item__search__collapse__search .arrow-left{right:76px}.canvas-editor .menu-item .menu-item__search__collapse__search .arrow-left i{background:url(../img/arrow-left.0edde7dc.svg) no-repeat}.canvas-editor .menu-item .menu-item__search__collapse__search .arrow-right{right:48px}.canvas-editor .menu-item .menu-item__search__collapse__search .arrow-right i{background:url(../img/arrow-right.58555abd.svg) no-repeat}.canvas-editor .menu-item__print i{background-image:url(../img/print.bba4f03a.svg)}.canvas-editor .menu-item__save i{background-image:url(../img/save.efd83ec4.svg)}.canvas-editor .catalog{width:250px;position:fixed;left:0;bottom:0;top:100px;padding:0 20px 40px 20px}.canvas-editor .catalog .catalog__header{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e2e6ed}.canvas-editor .catalog .catalog__header span{color:#3d4757;font-size:14px;font-weight:700}.canvas-editor .catalog .catalog__header i{width:16px;height:16px;cursor:pointer;display:inline-block;background:url(../img/close.d0f7c7bd.svg) no-repeat;-webkit-transition:all .2s;transition:all .2s}.canvas-editor .catalog .catalog__header>div:hover{background:#ebeef1}.canvas-editor .catalog__main{height:calc(100% - 60px);padding:10px 0;overflow-y:auto;overflow-x:hidden}.canvas-editor .catalog__main .catalog-item{width:100%;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.canvas-editor .catalog__main>.catalog-item{padding-left:0}.canvas-editor .catalog__main .catalog-item .catalog-item__content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-editor .catalog__main .catalog-item .catalog-item__content:hover>span{color:#4991f2}.canvas-editor .catalog__main .catalog-item .catalog-item__content span{color:#3d4757;line-height:30px;font-size:12px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-editor .editor>div{margin:80px auto}.canvas-editor .ce-page-container canvas{-webkit-box-shadow:rgba(158,161,165,.4) 0 2px 12px 0;box-shadow:0 2px 12px 0 rgba(158,161,165,.4)}.canvas-editor .comment{width:250px;height:650px;position:fixed;-webkit-transform:translateX(420px);transform:translateX(420px);top:200px;left:50%;overflow-y:auto}.canvas-editor .comment-item{background:#fff;border:1px solid #e2e6ed;position:relative;border-radius:8px;padding:15px;font-size:14px;margin-bottom:20px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.canvas-editor .comment-item:hover{border-color:#c0c6cf}.canvas-editor .comment-item.active,.canvas-editor .comment-item:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.canvas-editor .comment-item.active{border-color:#e99d00}.canvas-editor .comment-item__title{height:22px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#c1c6ce}.canvas-editor .comment-item__title span:first-child{background-color:#dbdbdb;width:4px;height:16px;margin-right:5px;display:inline-block;border-radius:999px}.canvas-editor .comment-item__title span:nth-child(2){width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-editor .comment-item__title i{width:16px;height:16px;cursor:pointer;position:absolute;right:-8px;top:-8px;background:url(../img/close.d0f7c7bd.svg) no-repeat}.canvas-editor .comment-item__title i:hover{opacity:.6}.canvas-editor .comment-item__info{height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.canvas-editor .comment-item__info>span:first-child{font-weight:600}.canvas-editor .comment-item__info>span:last-child{color:#c1c6ce}.canvas-editor .comment-item__content{line-height:22px}.canvas-editor .footer{width:100%;height:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#f2f4f7;z-index:9;position:fixed;bottom:0;left:0;font-size:12px;padding:0 4px 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.canvas-editor .footer,.canvas-editor .footer>div:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.canvas-editor .footer .catalog-mode{padding:1px;position:relative}.canvas-editor .footer .catalog-mode i{width:16px;height:16px;margin-right:5px;cursor:pointer;display:inline-block;background-image:url(../img/catalog.7af5bbfc.svg)}.canvas-editor .footer .page-mode{padding:1px;position:relative}.canvas-editor .footer .page-mode i{width:16px;height:16px;margin-right:5px;cursor:pointer;display:inline-block;background-image:url(../img/page-mode.0683817a.svg)}.canvas-editor .footer .options{width:70px;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;left:0;bottom:25px;padding:10px;background:#fff;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(56,56,56,.2);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px;display:none}.canvas-editor .footer .options.visible{display:block}.canvas-editor .footer .options li{padding:5px;margin:5px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;transition:all .3s;text-align:center;cursor:pointer}.canvas-editor .footer .options li:hover{background-color:#ebecef}.canvas-editor .footer .options li.active{background-color:#e2e6ed}.canvas-editor .footer>div:first-child>span{display:inline-block;margin-right:5px;letter-spacing:1px}.canvas-editor .footer>div:last-child{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.canvas-editor .footer>div:last-child,.canvas-editor .footer>div:last-child>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.canvas-editor .footer>div:last-child>div{width:24px;height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.canvas-editor .footer>div:last-child>div:hover{background:rgba(25,55,88,.04)}.canvas-editor .footer>div:last-child i{width:16px;height:16px;display:inline-block;cursor:pointer}.canvas-editor .footer .page-scale-minus i{background-image:url(../img/page-scale-minus.fadf4fce.svg)}.canvas-editor .footer .page-scale-add i{background-image:url(../img/page-scale-add.e77223b2.svg)}.canvas-editor .footer .page-scale-percentage{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-editor .footer .fullscreen i{background-image:url(../img/request-fullscreen.f4ec7ae6.svg)}.canvas-editor .footer .fullscreen.exist i{background-image:url(../img/exit-fullscreen.152eb0a1.svg)}.canvas-editor .footer .paper-margin i{background-image:url(../img/paper-margin.345ccf70.svg)}.canvas-editor .footer .editor-mode{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-editor .footer .paper-size{position:relative}.canvas-editor .footer .paper-size i{background-image:url(../img/paper-size.a0e63b09.svg)}.canvas-editor .footer .paper-size .options{right:0;left:unset}.canvas-editor .footer .paper-direction{position:relative}.canvas-editor .footer .paper-direction i{background-image:url(../img/paper-direction.d78718aa.svg)}.canvas-editor .footer .paper-direction .options{right:0;left:unset}.canvas-editor .ce-contextmenu-signature{background-image:url(../img/signature.90849eb1.svg)}.canvas-editor .ce-contextmenu-word-tool{background-image:url(../img/word-tool.1aefcd6d.svg)}.canvas-editor .article-btn{width:50px;height:50px;right:10px;bottom:50px;cursor:pointer;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-box-shadow:0 2px 12px 0 rgba(56,56,56,.2);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);background:#fff}.canvas-editor .article-btn i{width:16px;height:16px;display:inline-block;background:url(../img/article.fa7ecd8b.svg) no-repeat}.canvas-editor .article-container{display:none;right:10px;bottom:110px;position:fixed;padding:10px;-webkit-box-shadow:0 2px 12px 0 rgba(56,56,56,.2);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px;min-width:350px;background:#fff}.canvas-editor .article-container .article-add{height:26px;color:#a9acb1;font-size:16px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e2e6ed;-webkit-transition:all .5s;transition:all .5s}.canvas-editor .article-container .article-add:hover{background-color:#f2f4f7}.canvas-editor .article-container.visible{display:block}.canvas-editor .article-container .article-list{max-height:500px;overflow-y:auto;margin-bottom:10px}.canvas-editor .article-container .article-list>div{height:30px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;line-height:16px;cursor:pointer;color:#666;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.canvas-editor .article-container .article-list>div:hover{background:rgba(25,55,88,.04)}.canvas-editor .article-container .article-list>div span{font-size:10px;color:#c0c4cc;margin-left:10px}