@charset "UTF-8"; body{font-size: 14px;} /*按钮*/ .btn-white{ display: inline-block; width: auto; height: 36px; line-height: 34px; padding: 0 31px; color: #3a8bff; font-size: 14px; background: #fff; border: 1px solid #8CBBFF; text-align: center; box-sizing: border-box; outline: none; transition: .1s; font-weight: 500; border-radius: 20px; cursor: pointer; margin-right: 30px;} .btn-white:hover{background: #EAF0FF;} .btn-white:active{background: #E4ECFF;} .btn-white.disabled{opacity: 0.4; cursor: default;} .btn-blue{display: inline-block; width: auto; height: 36px; line-height: 36px; padding: 0 31px; font-size: 14px; color: #FFFFFF; background: linear-gradient(322.22deg, #5A33FF -34.58%, #6CC7FF 132%); box-shadow: 0px 2px 9px rgba(103, 161, 255, 0.5);box-sizing: border-box; transition: .1s; font-weight: 500; box-sizing: border-box; outline: none; border-radius: 20px; cursor: pointer;} .btn-blue:hover{background: linear-gradient(139.98deg, #89CBFF -38.96%, #6C4AFF 175.13%); box-shadow: 0px 3px 11px rgba(39, 125, 255, 0.3);} .btn-blue:active{background: linear-gradient(317.3deg, #69CAFA -91.72%, #7B66F1 150.08%); box-shadow: 0px 3px 11px rgba(39, 125, 255, 0.3);} .btn-blue.disabled { opacity: 1; background: linear-gradient(140deg, #ACE7FF -38.96%, #AB99FF 168.95%); box-shadow: 0px 4px 11px 0px rgba(86, 82, 255, 0.18); cursor: default} .multieditor .empty .placeholder { position: absolute; top: 8px; left: 0px; font-size: 16px; line-height: 1.75; color: #acb4bf; z-index: -1; border: none; width: 100%; background: none; height: 100%; overflow: hidden; } /*编辑器*/ .edui-editor * { font-family: SF Pro Display,Helvetica Neue,Helvetica, Tahoma, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei,sans-serif,Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,Noto Color Emoji; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; margin: 0; font-size: 12px; } .edui-editor-iframeholder iframe { user-select: none; } /* 数字限制 */ /* .edui-editor-bottomContainer { display: none; } */ .edui-editor-bottomContainer { display: flex;justify-content: flex-end; } .edui-editor-bottomContainer .edui-editor-bottombar{display: none;} .edui-editor-bottomContainer .edui-editor-wordcount span{ font-family: 'PingFang SC';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;text-align: right;color: #ACB4BF;} .edui-editor-bottomContainer .edui-editor-wordcount .errMsg{color: #F33131;} .edui-pastecontainer, .edui-wordpastepop { display: none; } /* common layer */ .edui-default .edui-box { border: none; padding: 0; margin: 0; overflow: hidden; text-align: center; height: auto; } .edui-default a.edui-box { display: block; text-decoration: none; color: black; } .edui-default a.edui-box:hover { text-decoration: none; } .edui-default a.edui-box:active { text-decoration: none; } .edui-default table.edui-box { border-collapse: collapse; margin: 0 8px; width: auto; } .edui-default table.edui-box td { min-width: unset; border: none; padding: 3px; } .edui-default table.edui-box tr:nth-of-type(2)>td { padding-top: 0; } .edui-default table.edui-box tr:last-of-type>td { padding-bottom: 20px; } .edui-default table.edui-box tr>td:first-of-type { padding-left: 0; } .edui-default table.edui-box tr>td:last-of-type { padding-right: 0; } .edui-default ul.edui-box { list-style-type: none; } div.edui-box { position: relative; display: -moz-inline-box; display: inline-block; vertical-align: middle; } .edui-default .edui-clearfix { zoom: 1; } .edui-default .edui-clearfix:after { content: '\20'; display: block; clear: both; } * html div.edui-box { display: inline !important; } *:first-child + html div.edui-box { display: inline !important; } .edui-default .edui-popup { position: absolute; -webkit-user-select: none; -moz-user-select: none; } .edui-default .edui-popup .edui-shadow { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; } .edui-default .edui-popup .edui-bordereraser { position: absolute; overflow: hidden; } .edui-default .edui-tablepicker .edui-canvas { position: relative; } .edui-default .edui-tablepicker .edui-canvas .edui-overlay { position: absolute; } .edui-default .edui-dialog-modalmask, .edui-dialog-dragmask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .edui-default .edui-toolbar { position: relative; } /* default theme */ .edui-default .edui-label { cursor: pointer; /*font-size: 0;*/ } .edui-default span.edui-clickable { color: blue; cursor: pointer; text-decoration: underline; } .edui-default span.edui-unclickable { color: gray; cursor: default; } /* 工具栏 */ .edui-default .edui-toolbar { cursor: default; -webkit-user-select: none; -moz-user-select: none; padding: 1px; overflow: hidden; /*全屏下单独一行不占位*/ zoom: 1; width: auto; padding: 11px 2px; } .edui-default .edui-toolbar .edui-button, .edui-default .edui-toolbar .edui-splitbutton, .edui-default .edui-toolbar .edui-menubutton, .edui-default .edui-toolbar .edui-combox { margin: 4px; } .edui-toolbar .edui-box .edui-default { cursor: pointer; } .edui-toolbar .edui-box .edui-state-hover { background-color: #edeff2; } .edui-toolbar .edui-box.edui-for-forecolor .edui-state-hover, .edui-toolbar .edui-box.edui-for-backcolor .edui-state-hover { background: none; } /*UI工具栏、编辑区域、底部*/ .edui-default .edui-editor { position: relative; width: 100%!important; overflow: visible; /* 去掉为了解决常驻工具栏和高亮表情包弹窗被底部模板选择框遮住的问题 */ z-index: unset !important;} .edui-editor div { width: auto; font-size: 0; } .edui-default .edui-editor-toolbarbox { position: relative; zoom: 1; background: #FFFFFF; z-index: 1 } .edui-default .edui-editor-toolbarboxouter { *zoom: 1; } .edui-default .edui-editor-iframeholder { position: relative;width: 100%!important; z-index: 1 !important; } .edui-default .edui-editor-iframeholder textarea { font-family: SF Pro Display,Helvetica Neue,Helvetica, Tahoma, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei,sans-serif,Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,Noto Color Emoji; font-size: 12px; line-height: 18px; } .edui-default .edui-bubble .edui-popup-content { border: 1px solid #DCAC6C; background-color: #fff6d9; padding: 5px; font-size: 10pt; font-family: SF Pro Display,Helvetica Neue,Helvetica, Tahoma, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei,sans-serif,Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,Noto Color Emoji; } .edui-default .edui-editor-toolbarmsg { background-color: #FFF6D9; border-bottom: 1px solid #ccc; position: absolute; bottom: -25px; left: 0; z-index: 1009; width: 99.9%; } .edui-default .edui-editor-toolbarmsg-upload { font-size: 14px; color: blue; width: 100px; height: 16px; line-height: 16px; cursor: pointer; position: absolute; top: 5px; left: 350px; } .edui-default .edui-editor-toolbarmsg-label { font-size: 12px; line-height: 16px; padding: 4px; } .edui-default .edui-editor-toolbarmsg-close { float: right; width: 20px; height: 16px; line-height: 16px; cursor: pointer; color: red; } /*可选中菜单按钮*/ .edui-default .edui-list .edui-bordereraser { display: none; } .edui-default .edui-listitem { white-space: nowrap; height: 40px; line-height: 40px; font-size: 0; color: #646873; } .edui-default .edui-listitem .edui-listitem-body { height: 40px; padding: 0 20px; cursor: pointer; } .edui-default .edui-list .edui-state-hover { position: relative; color: #3B90FF; background-color: #F5F8FB; } .edui-default .edui-for-fontfamily .edui-listitem-label { min-width: 64px; _width: 64px; font-size: 13px; height: 40px; line-height: 40px; /*padding : 0 20px;*/ } .edui-default .edui-for-insertcode .edui-listitem-label { min-width: 120px; _width: 120px; font-size: 12px; height: 22px; line-height: 22px; /*padding-left: 5px;*/ } .edui-default .edui-for-underline .edui-listitem-label { min-width: 120px; _width: 120px; padding: 3px 5px; font-size: 12px; } .edui-default .edui-for-fontsize .edui-listitem-label { width: 5px; _width: 5px; font-size: 12px !important; line-height: 40px !important; } .edui-for-attachment .edui-listitem-label { width: 100px; padding-left: 22px; font-size: 13px; text-align: left; } .edui-default .edui-for-paragraph .edui-listitem-label { min-width: 72px; _width: 72px; height: 40px; border-bottom: solid 1px #ebebeb; } .edui-default .edui-for-rowspacingtop .edui-listitem-label, .edui-default .edui-for-rowspacingbottom .edui-listitem-label { min-width: 53px; _width: 53px; padding: 2px 5px; } .edui-default .edui-for-customstyle .edui-listitem-label { min-width: 200px; _width: 200px; width: 200px !important; padding: 2px 5px; } /* 可选中按钮弹出菜单*/ .edui-default .edui-menu { z-index: 3000; } .edui-default .edui-menu .edui-popup-content { padding: 3px 0; } .edui-default .edui-menu-body { _width: 150px; min-width: 120px; /*background: url("../images/sparator_v.png") repeat-y 25px;*/ } .edui-default .edui-menuitem { height: 40px; cursor: default; vertical-align: top; } /*.edui-default .edui-menuitem .edui-icon { width: 20px !important; height: 20px !important; background: url(../images/icons.png) 0 -4000px; background: url(../images/icons.gif) 0 -4000px\9 ; }*/ .edui-default .edui-menuitem .edui-label { font-size: 14px; line-height: 40px; height: 40px; color: #646873; text-align: left; white-space: nowrap; } .edui-default .edui-state-checked .edui-menuitem-body { background: url("../images/icons-all.gif") no-repeat 6px -205px; } .edui-default .edui-state-disabled .edui-menuitem-label { color: gray; } .edui-for-lineheight .edui-default .edui-menu-body { width: 76px; box-sizing: border-box; min-width: unset; background: #FFFFFF; } .edui-for-lineheight .edui-default .edui-state-checked .edui-menuitem-body { background: none; } .edui-for-lineheight .edui-default .edui-menuitem .edui-icon { width: 0 !important; height: 0 !important; background: none; } .edui-for-lineheight .edui-default .edui-menuitem.edui-state-hover, .edui-for-lineheight .edui-default .edui-menuitem.edui-state-checked { background-color: #F5F8FB !important; } .edui-for-lineheight .edui-default .edui-menuitem.edui-state-hover .edui-label, .edui-for-lineheight .edui-default .edui-menuitem.edui-state-checked .edui-label { color: #3B90FF; } /*不可选中菜单按钮 */ .edui-default .edui-toolbar .edui-combox-body .edui-button-body { width: 64px; white-space: nowrap; font-size: 12px; color: #474C59; } .edui-toolbar .edui-for-fontsize .edui-state-hover { background-color: unset; } .edui-default .edui-toolbar .edui-for-fontsize .edui-combox-body .edui-button-body { width: 32px; height: 22px; line-height: 22px; padding: 0; } .edui-default .edui-toolbar .edui-for-fontsize .edui-combox-body .edui-button-body input { display: block; width: 100%; height: 22px; color: #646873; text-align: center; outline: none; appearance: none; border: none; } .edui-default .edui-toolbar .edui-for-fontsize .edui-combox-body { border: 1px solid transparent; } .edui-default .edui-toolbar .edui-for-fontsize .edui-state-hover .edui-combox-body { border: 1px solid #E1E1E5; } .edui-default .edui-toolbar .edui-for-fontsize .edui-combox-body.focus { outline: none; border: 1px solid #CCDEF3; box-shadow: inset 0 0 1px 0 #75BAFF; box-sizing: border-box; } .edui-default .edui-toolbar .edui-for-fontsize .edui-combox-body .edui-arrow { height: 22px; } .edui-default .edui-toolbar .edui-for-fontsize .edui-button-body:hover { background-color: #edeff2; } .edui-default .edui-toolbar .edui-for-fontsize .edui-arrow:hover { background-color: #edeff2; } body.view ::selection { background: rgba(34, 127, 255, 0.19); } /*对齐方式*/ .edui-default .edui-toolbar .edui-for-justify .edui-combox-body .edui-arrow { margin: 0; width: 16px; } .edui-default .edui-toolbar .edui-for-justify > .edui-default { border: 1px solid transparent; } .edui-default .edui-toolbar .edui-for-justify .edui-state-hover { border: solid 1px #E1E1E5; box-sizing: border-box; background-color: unset; } .edui-for-justify .edui-popup-body, .edui-for-indent .edui-popup-body { width: 50px !important; } /*选中后工具栏显示*/ .edui-default .edui-toolbar .edui-for-justify .edui-combox-body .edui-button-body { width: 24px; height: 24px; font-size: 0; background: url(../images/svg/textleft.svg) center center/18px auto no-repeat; } .edui-default .edui-toolbar .edui-for-justify.editor-justify-left .edui-combox-body .edui-button-body { background-image: url(../images/svg/textleft.svg); } .edui-default .edui-toolbar .edui-for-justify.editor-justify-center .edui-combox-body .edui-button-body { background-image: url(../images/svg/textcenter.svg); } .edui-default .edui-toolbar .edui-for-justify.editor-justify-right .edui-combox-body .edui-button-body { background-image: url(../images/svg/textright.svg); } .edui-default .edui-toolbar .edui-for-justify.editor-justify-justify .edui-combox-body .edui-button-body { background-image: url(../images/svg/textjustify.svg); } /*列表显示*/ .edui-for-justify .edui-popup-content .edui-icon{ width: 24px; height: 24px; background: url(../images/svg/textjustify.svg) center center/18px auto no-repeat;} .edui-for-justify .edui-listitem:nth-child(1) .edui-icon { background-image: url(../images/svg/textleft.svg);} .edui-for-justify .edui-listitem:nth-child(2) .edui-icon { background-image: url(../images/svg/textcenter.svg);} .edui-for-justify .edui-listitem:nth-child(3) .edui-icon { background-image: url(../images/svg/textright.svg); } .edui-for-justify .edui-listitem:nth-child(4) .edui-icon { background-image: url(../images/svg/textjustify.svg);} .edui-for-justify .edui-listitem:nth-child(5) .edui-icon { background-image: url(../images/svg/textTop.svg);} .edui-for-justify .edui-listitem:nth-child(6) .edui-icon { background-image: url(../images/svg/textMiddle.svg); } .edui-for-justify .edui-listitem:nth-child(7) .edui-icon { background-image: url(../images/svg/textBottom.svg);} /*悬浮蓝色*/ .edui-for-justify .edui-state-hover:nth-child(1) .edui-icon, .edui-for-justify .edui-state-checked:nth-child(1) .edui-icon { background-image: url(../images/svg/textleft_hover.svg); } .edui-for-justify .edui-state-hover:nth-child(2) .edui-icon, .edui-for-justify .edui-state-checked:nth-child(2) .edui-icon { background-image: url(../images/svg/textcenter_hover.svg); } .edui-for-justify .edui-state-hover:nth-child(3) .edui-icon, .edui-for-justify .edui-state-checked:nth-child(3) .edui-icon { background-image: url(../images/svg/textright_hover.svg); } .edui-for-justify .edui-state-hover:nth-child(4) .edui-icon, .edui-for-justify .edui-state-checked:nth-child(4) .edui-icon { background-image: url(../images/svg/textjustify_hover.svg); } .edui-for-justify .edui-state-hover:nth-child(5) .edui-icon, .edui-for-justify .edui-state-checked:nth-child(5) .edui-icon { background-image: url(../images/svg/textTop_hover.svg); } .edui-for-justify .edui-state-hover:nth-child(6) .edui-icon, .edui-for-justify .edui-state-checked:nth-child(6) .edui-icon { background-image: url(../images/svg/textMiddle_hover.svg); } .edui-for-justify .edui-state-hover:nth-child(7) .edui-icon, .edui-for-justify .edui-state-checked:nth-child(7) .edui-icon { background-image: url(../images/svg/textBottom_hover.svg); } .edui-default .edui-list .edui-state-checked{ color: #3B90FF} .edui-default .edui-toolbar .edui-for-justify .edui-button-body:hover { background-color: #edeff2; } .edui-default .edui-toolbar .edui-for-justify .edui-arrow:hover { background-color: #edeff2; } .edui-for-justify .edui-popup-content{width: 115px} .edui-default .edui-for-justify .edui-listitem .edui-listitem-body { padding: 0 15px; } .edui-for-justify .edui-default .edui-label { font-size: 14px; } .edui-for-justify .edui-popup-body .edui-listitem:nth-child(5){border-top: 1px solid #F2F2F2; margin-top: 6px; padding-top: 6px;} .edui-for-forecolor .edui-colorlump { background: #F33131; } .edui-for-backcolor .edui-colorlump { background: #FFF3B5; } .edui-for-edittable .edui-colorlump { background: #9CC5FF; } .edui-for-settablebackground .edui-colorlump { background: #F2F2F5; } .edui-default .edui-toolbar .edui-combox-body .edui-arrow { background: url(../images/svg/arrow.svg) center center/12px auto no-repeat; _background: url(../images/svg/arrow.svg) center center/6px auto no-repeat; height: 24px; width: 15px; padding: 0 3px; } .edui-default .edui-toolbar .edui-combox .edui-combox-body { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 0; } .edui-default .edui-toolbar .edui-combox-body .edui-splitborder { display: none !important; } .edui-default .edui-toolbar .edui-state-checked .edui-combox-body { background-color: #edeff2; } .edui-toolbar .edui-state-disabled .edui-combox-body { background-color: #F0F0EE; opacity: 0.3; filter: alpha(opacity=30); } .edui-toolbar .edui-state-opened .edui-combox-body { background-color: white; } .edui-default .edui-for-xiumi .edui-dialog-body{ width:calc(100vw - 40px); height:calc(100vh - 40px); } .edui-button.edui-for-xiumi .edui-button-wrap .edui-button-body .edui-icon { background-image: url(../images/svg/xiumi.svg); background-size: contain; background-repeat: no-repeat; } .edui-default .edui-for-xiumi .edui-dialog-content{height: calc(100% - 60px)} .edui-button.edui-for-135editor .edui-button-wrap .edui-button-body .edui-icon{ background-image: url("../images/editor-135-icon.png") !important; background-size: 85%; background-position: center; background-repeat: no-repeat; } /*普通按钮样式及状态*/ .edui-default .edui-toolbar .edui-button .edui-icon, .edui-default .edui-toolbar .edui-menubutton .edui-icon, .edui-default .edui-toolbar .edui-splitbutton .edui-icon { height: 18px !important; width: 18px !important; display: block; } .edui-default .edui-toolbar .edui-button .edui-button-wrap { position: relative; /* padding: 4px;*/ } .edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap { background-color: #edeff2; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .edui-default .edui-toolbar .edui-button .edui-state-active .edui-button-wrap { background-color: #ffffff; } .edui-default .edui-toolbar .edui-state-disabled .edui-label { color: #ccc; } .edui-default .edui-toolbar .edui-state-disabled .edui-icon { opacity: 0.3; filter: alpha(opacity=30); } /*缩进*/ .edui-for-indent .edui-state-checked .edui-button-wrap, .edui-default .edui-toolbar .edui-for-outdent .edui-state-checked .edui-button-wrap { background: none; } .edui-for-indent .edui-state-hover .edui-button-wrap, .edui-default .edui-toolbar .edui-for-outdent .edui-state-hover .edui-button-wrap { background-color: #edeff2; } /*选中后工具栏显示*/ .edui-default .edui-toolbar .edui-for-indent .edui-combox-body .edui-button-body { width: 24px; height: 24px; font-size: 0; background: url(../images/svg/pindent.svg) center center/18px auto no-repeat; } .edui-default .edui-toolbar .edui-for-indent.indent .edui-combox-body .edui-button-body { background: url(../images/svg/indent.svg) center center/18px auto no-repeat; } .edui-default .edui-toolbar .edui-for-indent.outdent .edui-combox-body .edui-button-body { background: url(../images/svg/outdent.svg) center center/18px auto no-repeat; } /*列表显示*/ .edui-for-indent .edui-popup-body .edui-popup-content .edui-listitem:nth-child(1) { background: url(../images/svg/pindent.svg) center center/18px auto no-repeat; } .edui-for-indent .edui-popup-body .edui-popup-content .edui-listitem:nth-child(2) { background: url(../images/svg/indent.svg) center center/18px auto no-repeat; } .edui-for-indent .edui-popup-body .edui-popup-content .edui-listitem:nth-child(3) { background: url(../images/svg/outdent.svg) center center/18px auto no-repeat; } /*悬浮蓝色*/ .edui-for-indent .edui-popup-body .edui-popup-content .edui-state-hover:nth-child(1) { background: url(../images/svg/pindent_hover.svg) center center/18px auto no-repeat; } .edui-for-indent .edui-popup-body .edui-popup-content .edui-state-hover:nth-child(2) { background: url(../images/svg/indent_hover.svg) center center/18px auto no-repeat; } .edui-for-indent .edui-popup-body .edui-popup-content .edui-state-hover:nth-child(3) { background: url(../images/svg/outdent_hover.svg) center center/18px auto no-repeat; } /* toolbar icons */ .edui-default .edui-for-undo .edui-icon { background: url(../images/svg/cancel_left.svg) center center/18px auto no-repeat; background: url(../images/svg/cancel_left.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-redo .edui-icon { background: url(../images/svg/cancel_right.svg) center center/18px auto no-repeat; background: url(../images/svg/cancel_right.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-formatmatch .edui-icon { background: url(../images/svg/formatmatch.svg) center center/18px auto no-repeat; } .edui-default .edui-for-removeformat .edui-icon { background: url(../images/svg/removeformat.svg) center center/18px auto no-repeat; } .edui-default .edui-for-bold .edui-icon { background: url(../images/svg/B.svg) center center/18px auto no-repeat; background: url(../images/svg/B.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-italic .edui-icon { background: url(../images/svg/I.svg) center center/18px auto no-repeat; background: url(../images/svg/I.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-underline .edui-icon { background: url(../images/svg/U.svg) center center/18px auto no-repeat; background: url(../images/svg/U.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-strikethrough .edui-icon { background: url(../images/svg/T.svg) center center/18px auto no-repeat; background: url(../images/svg/T.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-emphasize .edui-icon { background: url(../images/svg/emphasize.svg) center center/16px auto no-repeat; background: url(../images/svg/emphasize.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-superscript .edui-icon { background: url(../images/svg/sup.svg) center center/16px auto no-repeat; background: url(../images/svg/sup.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-subscript .edui-icon { background: url(../images/svg/sub.svg) center center/16px auto no-repeat; background: url(../images/svg/sub.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-forecolor .edui-icon { background: url(../images/svg/A.svg) center top/18px auto no-repeat; background: url(../images/svg/A.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-for-backcolor .edui-icon { background: url(../images/svg/backcolor.svg) center top/18px auto no-repeat; background: url(../images/svg/backcolor.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-for-edittable .edui-icon { background: url(../images/svg/tableborder.svg) center center/18px auto no-repeat; background: url(../images/svg/tableborder.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-settablebackground .edui-icon { background: url(../images/svg/tablebg.svg) center top/18px auto no-repeat; background: url(../images/svg/tablebg.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-insertrow .edui-icon { background: url(../images/svg/insertrow.svg) center top/18px auto no-repeat; background: url(../images/svg/insertrow.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-insertrownext .edui-icon { background: url(../images/svg/insertrownext.svg) center top/18px auto no-repeat; background: url(../images/svg/insertrownext.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-deleterow .edui-icon { background: url(../images/svg/deleterow.svg) center top/18px auto no-repeat; background: url(../images/svg/deleterow.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-insertcol .edui-icon { background: url(../images/svg/insertcol.svg) center top/18px auto no-repeat; background: url(../images/svg/insertcol.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-insertcolnext .edui-icon { background: url(../images/svg/insertcolnext.svg) center top/18px auto no-repeat; background: url(../images/svg/insertcolnext.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-deletecol .edui-icon { background: url(../images/svg/deletecol.svg) center top/18px auto no-repeat; background: url(../images/svg/deletecol.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-mergecells .edui-icon { background: url(../images/svg/mergecells.svg) center top/18px auto no-repeat; background: url(../images/svg/mergecells.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-toolbar .edui-for-splittocells .edui-icon { background: url(../images/svg/splittocells.svg) center top/18px auto no-repeat; background: url(../images/svg/splittocells.svg) center top/18px auto no-repeat \9 ; } .edui-default .edui-for-insertorderedlist .edui-icon { background: url(../images/svg/orderlist.svg) center center/18px auto no-repeat; background: url(../images/svg/orderlist.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-insertunorderedlist .edui-icon { background: url(../images/svg/unorderlist.svg) center center/18px auto no-repeat; background: url(../images/svg/unorderlist.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-checkbox .edui-icon { background: url(../images/svg/checkbox.svg) center center/18px auto no-repeat; } .edui-default .edui-for-lineheight .edui-icon { background: url(../images/svg/lineheight.svg) center center/18px auto no-repeat; background: url(../images/svg/lineheight.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-autotypeset .edui-icon { background: url(../images/svg/autotypeset.svg) center center/18px auto no-repeat; background: url(../images/svg/autotypeset.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-outdent .edui-icon { background: url(../images/svg/outdent.svg) center center/18px auto no-repeat; background: url(../images/svg/outdent.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-horizontal .edui-icon { background: url(../images/svg/horizontal.svg) center center/18px auto no-repeat; } .edui-default .edui-for-blockquote .edui-icon { background: url(../images/svg/blockquote.svg) center center/18px auto no-repeat; } .edui-default .edui-for-insertcode .edui-icon { background: url(../images/svg/insertcode.svg) center center/18px auto no-repeat;} .edui-default .edui-for-callout .edui-icon { background: url(../images/svg/highlight.svg) center center/18px auto no-repeat;} .edui-default .edui-for-draw .edui-icon { background: url(../images/svg/board.svg) center center/18px auto no-repeat;} /* 增加sign */ .edui-default .edui-for-inserseal .edui-icon { background: url(../images/svg/sign.svg) center center/18px auto no-repeat;} .edui-default .edui-for-mathml .edui-icon { background: url(../images/svg/mathml.svg) center center/14px auto no-repeat; } .edui-default .edui-for-mathmlbeta .edui-icon { background: url(../images/svg/mathmlbeta.svg) center center/14px auto no-repeat; } .edui-default .edui-for-spechars .edui-icon { background: url(../images/svg/spechars.svg) center center/18px auto no-repeat; } .edui-default .edui-for-wxurl .edui-icon { background: url(../images/svg/wechat.svg) center center/18px auto no-repeat;} .edui-default .edui-for-wordscheck .edui-icon { background: url(../images/svg/wordscheck.svg) center center/16px auto no-repeat;} .edui-default .edui-for-material_library .edui-icon { background: url(../images/svg/material_library.svg) center center/18px auto no-repeat;} .edui-default .edui-for-wordstatistics .edui-icon { background: url(../images/svg/count.svg) center center/18px auto no-repeat; } .edui-default .edui-for-insertframe .edui-icon { background: url(../images/svg/insertframe.svg) center center/18px auto no-repeat; } .edui-default .edui-for-insertimage .edui-icon { background: url(../images/svg/img.svg) center center/18px auto no-repeat; background: url(../images/svg/img.svg) center center/18px auto no-repeat \9 ; } .edui-default .edui-for-attachment .edui-icon { background: url(../images/svg/attach.svg) center center/18px auto no-repeat; } .edui-default .edui-for-cloud .edui-icon { background: url(../images/svg/cloud.svg) center center/18px auto no-repeat; } .edui-default .edui-for-notes .edui-icon { background: url(../images/svg/note.svg) center center/18px auto no-repeat; } .edui-default .edui-for-collection .edui-icon { background: url(../images/svg/collection.svg) center center/18px auto no-repeat; } .edui-default .edui-for-radio .edui-icon { background: url(../images/svg/record.svg) center center/18px auto no-repeat; } .edui-default .edui-for-insertdoc .edui-icon { background: url(../images/svg/insertdoc.svg) center center/18px auto no-repeat; } .edui-default .edui-for-table .edui-icon { background: url(../images/svg/table.svg) center center/18px auto no-repeat; } .edui-default .edui-for-onlinetable .edui-icon { background: url(../images/svg/onlinetable.svg) center center/18px auto no-repeat; } .edui-default .edui-for-mindmap .edui-icon { background: url(../images/svg/mindmap.svg) center center/18px auto no-repeat; } .edui-default .edui-for-link .edui-icon { background: url(../images/svg/link.svg) center center/18px auto no-repeat; } .edui-default .edui-for-insertTable .edui-icon { background: url(../images/svg/table.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-horizontal.edui-state-hover .edui-icon { background: url(../images/svg/table_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-horizontal.edui-state-hover .edui-icon { background: url(../images/svg/horizontal_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-blockquote.edui-state-hover .edui-icon { background: url(../images/svg/blockquote_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-cloud.edui-state-hover .edui-icon { background: url(../images/svg/cloud_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-notes.edui-state-hover .edui-icon { background: url(../images/svg/note_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-collection.edui-state-hover .edui-icon { background: url(../images/svg/collection_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-radio.edui-state-hover .edui-icon { background: url(../images/svg/record_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-for-table.edui-state-hover .edui-icon { background: url(../images/svg/table_hover.svg) center center/18px auto no-repeat; } .edui-for-insert .edui-default .edui-for-link.edui-state-hover .edui-icon { background: url(../images/svg/link_hover.svg) center center/18px auto no-repeat; } .edui-default .edui-for-screenshot .edui-icon { display: inline-block!important; position: relative; background: url(../images/svg/screenshot.svg) center center/18px auto no-repeat; margin-right: 4px; } .edui-default .edui-for-screenshot .edui-label { width: auto; font-size: 12px; color: #474C59; } /*link 20200609 链接改为下拉*/ .edui-default .edui-toolbar .edui-for-link .edui-combox-body .edui-button-body { width: 24px; height: 24px; font-size: 0; background: url(../images/svg/link.svg) center center/18px auto no-repeat; } .edui-default .edui-toolbar .edui-for-link .edui-combox-body .edui-arrow { margin: 0; width: 16px; } .edui-default .edui-toolbar .edui-for-link > .edui-default { border: 1px solid transparent; } .edui-default .edui-toolbar .edui-for-link .edui-state-hover { border: solid 1px #E1E1E5; box-sizing: border-box; background-color: unset; } .edui-default .edui-toolbar .edui-for-link .edui-button-body:hover { background-color: #edeff2; } .edui-default .edui-toolbar .edui-for-link .edui-arrow:hover { background-color: #edeff2; } .edui-for-link .edui-menuitem-body { width: 104px; padding: 0 20px; box-sizing: border-box; } .edui-for-link .edui-menuitem-body .edui-icon, .edui-for-textlink .edui-menuitem-body .edui-icon, .edui-for-insertTable .edui-menuitem-body .edui-icon { display: none; } .edui-for-link .edui-popup-content { width: 104px; height: 92px; box-sizing: border-box; } .edui-for-link .edui-listitem-label.edui-default { font-size: 14px; line-height: 40px; } .edui-default .edui-for-link.edui-menuitem .edui-label, .edui-default .edui-for-textlink.edui-menuitem .edui-label { padding-left: 0; } /*splitbutton*/ .edui-default .edui-toolbar .edui-splitbutton-body .edui-arrow, .edui-default .edui-toolbar .edui-menubutton-body .edui-arrow { background: url(../images/svg/arrow.svg) center center/12px auto no-repeat; _background: url(../images/svg/arrow.svg) center center/6px auto no-repeat; height: 20px; width: 16px; } .edui-default .edui-toolbar .edui-splitbutton .edui-splitbutton-body { border: 1px solid transparent; } .edui-default .edui-toolbar .edui-splitbutton .edui-splitbutton-body .edui-button-body { height: 24px; width: 23px; padding: 3px 2px 3px 3px; box-sizing: border-box!important;} .edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body { font-size: 0; border: 1px solid #E1E1E5; } .edui-default .edui-toolbar .edui-splitborder { width: 1px; height: 24px; } .edui-default .edui-button-body { position: relative; padding: 4px; } .edui-default .edui-toolbar .edui-state-hover .edui-splitborder { width: 1px; border-left: 0px solid #dcac6c; } .edui-default .edui-toolbar .edui-state-opened .edui-splitborder { border: 0; } .edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body .edui-arrow:hover, .edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body .edui-button-body:hover { background-color: #edeff2; } .edui-default .edui-toolbar .edui-splitbutton .edui-state-checked .edui-button-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-checked .edui-menubutton-body { background-color: #edeff2; } /*.edui-default .edui-toolbar .edui-splitbutton .edui-state-active .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-active .edui-menubutton-body { background-color: #ffffff; }*/ .edui-default .edui-state-disabled .edui-arrow { opacity: 0.3; _filter: alpha(opacity=30); } /*.edui-default .edui-toolbar .edui-splitbutton .edui-state-opened .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-opened .edui-menubutton-body { background-color: white; }*/ /*.edui-default .edui-for-insertorderedlist .edui-bordereraser, .edui-default .edui-for-insertunorderedlist .edui-bordereraser { background-color: white; }*/ .edui-for-insertunorderedlist .edui-arrow, .edui-for-insertorderedlist .edui-arrow { display: none !important; } /* 解决嵌套导致的图标问题 */ .edui-default .edui-for-insertorderedlist .edui-popup-body .edui-icon, .edui-default .edui-for-insertunorderedlist .edui-popup-body .edui-icon { background-image: none; } /* 弹出菜单 */ .edui-default .edui-popup { z-index: 3000; width: auto; height: auto; } .edui-default .edui-popup-content { -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #ffffff; height: auto !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); -webkit-box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); } .edui-default .edui-popup-content .edui-list-body { padding: 6px 0; } .edui-default.edui-for-insert .edui-popup-content .edui-list-body { min-width: 114px; } .edui-default .edui-popup .edui-bordereraser { background-color: white; /* height: 3px;*/ } .edui-default .edui-menu .edui-bordereraser { height: 3px; } .edui-default .edui-anchor-topleft .edui-bordereraser { display: none; left: 1px; top: -2px; } .edui-default .edui-anchor-topright .edui-bordereraser { right: 1px; top: -2px; } .edui-default .edui-anchor-bottomleft .edui-bordereraser { left: 0; bottom: -6px; height: 7px; border-left: 1px solid gray; border-right: 1px solid gray; } .edui-default .edui-anchor-bottomright .edui-bordereraser { right: 0; bottom: -6px; height: 7px; border-left: 1px solid gray; border-right: 1px solid gray; } .edui-popup div { width: auto; height: auto; } .edui-default .edui-editor-messageholder { display: block; width: 150px; height: auto; border: 0; margin: 0; padding: 0; position: absolute; top: 28px; right: 3px; } .edui-default .edui-message { min-height: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); padding: 0; margin-bottom: 3px; position: relative; } .edui-default .edui-message-body { border-radius: 3px; padding: 8px 15px 8px 8px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; } .edui-default .edui-message-type-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .edui-default .edui-message-type-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .edui-default .edui-message-type-danger, .edui-default .edui-message-type-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .edui-default .edui-message .edui-message-closer { display: block; width: 16px; height: 16px; line-height: 16px; position: absolute; top: 0; right: 0; padding: 0; cursor: pointer; background: transparent; border: 0; float: right; font-size: 20px; font-weight: bold; color: #999; text-shadow: 0 1px 0 #fff; font-family: SF Pro Display,Helvetica Neue,Helvetica, Tahoma, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei,sans-serif,Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,Noto Color Emoji; } .edui-default .edui-message .edui-message-content { font-size: 10pt; word-wrap: break-word; word-break: normal; } /* 弹出对话框按钮和对话框大小 */ .edui-default .edui-dialog { z-index: 2000; position: absolute; } .edui-dialog div { width: auto; } .edui-default .edui-dialog-wrap { margin-right: 6px; margin-bottom: 6px; } .edui-default .edui-dialog-fullscreen-flag { margin-right: 0; margin-bottom: 0; } .edui-default .edui-dialog-fullscreen-flag .edui-dialog-body { padding: 0; } .edui-default .edui-dialog-shadow { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .edui-default .edui-dialog-foot { background-color: white; } .edui-default .edui-dialog-titlebar { height: 50px; border-bottom: 1px solid #ebebeb; position: relative; cursor: move; } .edui-default .edui-dialog-caption { font-size: 18px; line-height: 50px; padding-left: 20px; color: #4C4C4C; } .edui-default .edui-dialog-draghandle { height: 50px; } .edui-default .edui-dialog-closebutton { position: absolute !important; right: 10px; top: 8px; } .edui-default .edui-dialog-closebutton .edui-button-body { height: 30px; width: 30px; cursor: pointer; background: url(../images/close.png) center center/20px auto no-repeat; } .edui-default .edui-dialog-foot { position: relative; height: 80px; border-top: solid 1px #ebebeb; } .edui-default .edui-dialog-buttons { position: absolute; right: 195px; top: 20px; } .edui-default .edui-dialog-buttons .edui-button { margin: 0 30px; } .edui-default .edui-dialog-buttons .edui-button .edui-button-body { height: 36px; width: 90px; padding: 0; line-height: 36px; border: 1px solid #94c1ff; color: #3a8bff; font-size: 14px; border-radius: 20px; text-align: center; cursor: pointer; box-sizing: border-box; } .edui-default .edui-dialog-buttons .edui-button.edui-okbutton .edui-button-body { background: #0099ff; color: #ffffff; } .edui-default .edui-dialog-buttons .edui-button .edui-button-body .edui-icon { display: none; } .edui-default .edui-dialog iframe { border: 0; padding: 0; margin: 0; vertical-align: top; } .edui-default .edui-dialog-modalmask { opacity: 0.76; filter: alpha(opacity=30); background-color: #101A29; position: absolute; } .edui-default .edui-dialog-dragmask { position: absolute; background-color: transparent; cursor: move; } .edui-default .edui-dialog-content { position: relative; width: 100%; height: 470px; } .edui-default .dialogcontmask { cursor: move; visibility: hidden; display: block; position: absolute; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } /*link-dialog*/ .edui-default .edui-for-link .edui-dialog-content, .edui-default .edui-for-textlink .edui-dialog-content { /*width: 640px;*/ height: 345px; overflow: hidden; } /*background-dialog*/ .edui-default .edui-for-background .edui-dialog-content { width: 440px; height: 280px; overflow: hidden; } /*template-dialog*/ .edui-default .edui-for-template .edui-dialog-content { width: 630px; height: 390px; overflow: hidden; } /*scrawl-dialog*/ .edui-default .edui-for-scrawl .edui-dialog-content { width: 515px; *width: 506px; height: 360px; } /*spechars-dialog*/ /*.edui-default .edui-for-spechars .edui-dialog-content { width: 620px; height: 500px; *width: 630px; *height: 570px; }*/ /*image-dialog*/ .edui-default .edui-for-insertimage .edui-dialog-content { width: 100%; height: 450px; overflow: hidden; } /*webapp-dialog*/ .edui-default .edui-for-webapp .edui-dialog-content { width: 560px; _width: 565px; height: 450px; overflow: hidden; } /*image-insertframe*/ .edui-default .edui-for-insertframe .edui-dialog-content { width: 440px; height: 100px; overflow: hidden; } .edui-dialog.edui-for-insertframe .edui-dialog-body{width: 440px;} /*wordImage-dialog*/ .edui-default .edui-for-wordimage .edui-dialog-content { width: 620px; height: 380px; overflow: hidden; } /*mathml dialog*/ .edui-default .edui-for-mathml .edui-dialog-content { width: 890px; height: 575px; overflow: auto; } /*wxurl dialog*/ .edui-default .edui-for-wxurl .edui-dialog-content { width: 440px; height: 240px; overflow: auto; } .edui-default .edui-for-wxurl .edui-dialog-body{width: 440px;} /*wordscheck dialog*/ .edui-default .edui-for-wordscheck .edui-dialog-content { width: 440px; height: 160px; overflow: auto; } .edui-default .edui-for-wordscheck .edui-dialog-body{width: 440px;} /*特色库*/ .edui-default .edui-for-material_library .edui-dialog-content { width:900px; height:590px; overflow: auto; } .edui-default .edui-for-material_library .edui-dialog-body{width: 100%;} /* 电子签名 增加sign*/ .edui-default .edui-for-inserseal .edui-dialog-content { width:840px; height:540px; overflow: auto; } .edui-default .edui-for-inserseal .edui-dialog-body{width: 100%;} /*attachment-dialog*/ .edui-default .edui-for-attachment .edui-dialog-content { width: 100%; height: 470px; overflow: hidden; } /*map-dialog*/ .edui-default .edui-for-map .edui-dialog-content { width: 550px; height: 400px; } /*gmap-dialog*/ .edui-default .edui-for-gmap .edui-dialog-content { width: 550px; height: 400px; } /*video-dialog*/ .edui-default .edui-for-insertvideo .edui-dialog-content { width: 590px; height: 390px; } /*anchor-dialog*/ .edui-default .edui-for-anchor .edui-dialog-content { width: 320px; height: 60px; overflow: hidden; } /*searchreplace-dialog*/ .edui-default .edui-for-searchreplace .edui-dialog-content { width: 400px; height: 220px; } /*help-dialog*/ .edui-default .edui-for-help .edui-dialog-content { width: 400px; height: 420px; } /*edittable-dialog*/ .edui-default .edui-for-edittable .edui-dialog-content { width: 540px; _width: 590px; height: 335px; } /*edittip-dialog*/ .edui-default .edui-for-edittip .edui-dialog-content { width: 225px; height: 60px; } /*edittd-dialog*/ .edui-default .edui-for-edittd .edui-dialog-content { width: 240px; height: 50px; } /*snapscreen-dialog*/ .edui-default .edui-for-snapscreen .edui-dialog-content { width: 400px; height: 220px; } /*music-dialog*/ .edui-default .edui-for-music .edui-dialog-content { width: 515px; height: 360px; } /*段落弹出菜单*/ .edui-default .edui-for-paragraph .edui-listitem-label { font-family: SF Pro Display,Helvetica Neue,Helvetica, Tahoma, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei,sans-serif,Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,Noto Color Emoji; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-p { font-size: 14px; line-height: 40px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h1 { font-weight: bolder; font-size: 24px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h2 { font-weight: bolder; font-size: 20px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h3 { font-weight: bolder; font-size: 18px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h4 { font-weight: bolder; font-size: 16px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h5 { font-weight: bolder; font-size: 14px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h6 { font-weight: bolder; font-size: 12px; } .edui-default .edui-dialog .edui-dialog-buttons .edui-button-body .edui-label { display: block; line-height: 34px; font-size: 14px; } /* 颜色弹出菜单 */ .edui-colorpicker { /*padding: 5px;*/ } .edui-default .edui-colorpicker-topbar { height: 36px; width: 100%; padding: 10px; border-bottom: solid 1px #eee; box-sizing: border-box; } .edui-default .edui-colorpicker-preview { height: 16px; width: 16px; float: left; margin-right: 10px; } .edui-for-forecolor .edui-default .edui-colorpicker-preview { background-color: #131B26 !important; border-radius: 2px; } .edui-for-backcolor .edui-default .edui-colorpicker-preview { background: url(../images/nobackcolor.png) center center/16px auto no-repeat; } .edui-default .edui-colorpicker-nocolor { float: left; font-size: 12px; line-height: 16px; height: 20px; cursor: pointer; } .edui-default table.edui-box .edui-colorpicker-tablefirstrow>td { padding-top: 20px; padding-bottom: 16px; } /* 最近使用颜色 */ .edui-default .edui-colorpicker-recent-use { font-size: 14px; color: #131B26; padding: 10px; } .edui-default .edui-recent-color-wrap { margin-top: 10px; display: flex; justify-content: space-between; } .edui-default .edui-recent-color-wrap .edui-recent-color{ width: 18px; height: 18px; background-color: #fff; border: solid 1px #F2F2F2; border-radius: 3px; cursor: pointer; box-sizing: border-box; } .edui-recent-color::before{ content: ''; width: 100%; height: 100%; display: inline-block; } .edui-recent-color:hover::before { content: ''; width: 100%; height: 100%; display: inline-block; border: 2px solid #3A8BFF; border-radius: 3px; box-sizing: border-box; } .edui-default .edui-colorpicker-recent-use{ border-top: 1px solid #F2F2F2; } /* 更多颜色 */ .edui-default .edui-colorpicker-morecolor { font-size: 14px; cursor: pointer; padding: 10px; position: relative; display: flex; align-items: center; } .edui-default .edui-colorpicker-morecolor span { pointer-events: none; } .edui-default .edui-colorpicker-morecolor::before{ content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/customColor.png) center/cover; margin-right: 4px; } .edui-default .edui-colorpicker-morecolor::after{ content: ''; display: inline-block; width: 12px; height: 12px; background: url(../images/rightArrow.png) center/cover; margin-left: auto; } .edui-default .edui-colorpicker-morecolor input[type="color"] { position: absolute; left: 110px; top: -15px; visibility: hidden; } .edui-default .edui-colorpicker-tablefirstrow td:last-child a{ border: solid 1px #F2F2F2; } .edui-default .edui-colorpicker-colorcell { width: 18px; height: 18px; display: block; margin: 0; border-radius: 3px; box-sizing: border-box; cursor: pointer; } .edui-default .edui-colorpicker-colorcell:hover,.edui-default .edui-colorpicker-colorcell.active { border: 2px solid #3A8BFF; } .edui-default .edui-colorpicker-tablefirstrow td:last-child a:hover,.edui-default .edui-colorpicker-tablefirstrow td:last-child a.active{ border: 2px solid #3A8BFF; } .edui-default .edui-colorpicker-advbtn { display: block; text-align: center; cursor: pointer; height: 20px; } .arrow_down { background: white url("../images/arrow_down.png") no-repeat center; } .arrow_up { background: white url("../images/arrow_up.png") no-repeat center; } /*高级的样式*/ .edui-colorpicker-adv { position: relative; overflow: hidden; height: 180px; display: none; } .edui-colorpicker-plant, .edui-colorpicker-hue { border: solid 1px #666; } .edui-colorpicker-pad { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: red; overflow: hidden; cursor: crosshair; } .edui-colorpicker-cover { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url("../images/tangram-colorpicker.png") -160px -200px; } .edui-colorpicker-padDot { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../images/tangram-colorpicker.png) 0px -200px repeat-x; z-index: 1000; } .edui-colorpicker-sliderMain { position: absolute; left: 171px; top: 13px; width: 19px; height: 152px; background: url(../images/tangram-colorpicker.png) -179px -12px no-repeat; } .edui-colorpicker-slider { width: 100%; height: 100%; cursor: pointer; } .edui-colorpicker-thumb { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid black; background: white; opacity: .8; } /*分隔线*/ .edui-default .edui-toolbar .edui-separator { width: 1px; height: 10px; margin: 0 0px; background: #ebebeb; } /*颜色按钮 */ .edui-default .edui-toolbar .edui-colorbutton .edui-colorlump { position: absolute; overflow: hidden; bottom: 5px; left: 6px; width: 12px; height: 2px; } /*弹出菜单*/ .edui-default .edui-shortcutmenu { padding: 2px; width: 190px; height: 50px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; } .webuploader-pick { background: none; padding: 0; border-radius: 0px; } .webuploader-pick-hover { background: none; } /*20191206 add*/ .edui-default .edui-dialog-body { width: 680px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; position: relative; _zoom: 1; } /*添加链接*/ .edui-for-link .edui-default .edui-dialog-body { width: 640px !important; } /*添加云盘*/ .edui-for-cloud .edui-default .edui-dialog-body { width: 840px !important; } /*添加笔记*/ .edui-for-notes .edui-default .edui-dialog-body { width: 840px !important; } /*添加收藏*/ .edui-for-collection .edui-default .edui-dialog-body { width: 840px !important; } /*添加公式*/ .edui-for-mathml .edui-default .edui-dialog-body { width: 890px!important; } .edui-for-mathml .edui-default .edui-dialog-foot{display: none;} .edui-default .edui-dialog-titlebar { height: 59px; border-bottom: 1px solid #f2f2f2; } .edui-default .edui-dialog-draghandle { height: 100%; padding: 0 30px; } .edui-default .edui-dialog-caption { font-size: 18px; color: #181e33; font-weight: bold; line-height: 60px; padding: 0; } .edui-default .edui-dialog-closebutton { right: 24px; top: 15px; margin-right: -6px; } .edui-default .edui-dialog-closebutton .edui-button-body { background: url(../images/popClose.png) center center no-repeat; } .edui-default .edui-dialog-foot { height: 70px; border-top: 0 none; -moz-box-shadow: 0px -1px 4px rgba(209, 209, 209, 0.2); -webkit-box-shadow: 0px -1px 4px rgba(209, 209, 209, 0.2); box-shadow: 0px -1px 4px rgba(209, 209, 209, 0.2); } .edui-default .edui-dialog-buttons { position: static; right: 0; top: 0; height: 100%; padding: 0 15px 0 30px; text-align: right; } .edui-default .edui-dialog-buttons .edui-button { width: 122px; height: 70px; margin: 0 0; padding: 17px 15px; cursor: auto !important; box-sizing: border-box; } .edui-default .edui-dialog-buttons .edui-okbutton .edui-button-body { border: 0 none; } .edui-default .edui-dialog-buttons .edui-button.edui-okbutton .edui-button-body { background: linear-gradient(322.22deg, #5A33FF -34.58%, #6CC7FF 132%); box-shadow: 0px 2px 9px rgba(103, 161, 255, 0.5); } .edui-default .edui-dialog-buttons .edui-label { font-size: 14px; } /*不可点*/ .edui-default .edui-dialog-buttons .edui-button .edui-default_disable .edui-button-body { /*不能点击样式*/ background: linear-gradient(140deg, #ACE7FF -38.96%, #AB99FF 168.95%); box-shadow: 0px 4px 11px 0px rgba(86, 82, 255, 0.18); } /*悬浮*/ .edui-default .edui-dialog-buttons .edui-button.edui-okbutton .edui-state-hover .edui-button-body { background: linear-gradient(139.98deg, #89CBFF -38.96%, #6C4AFF 175.13%); box-shadow: 0px 3px 11px rgba(39, 125, 255, 0.3); } /*按下*/ .edui-default .edui-dialog-buttons .edui-button.edui-okbutton .edui-state-active .edui-button-body{background: linear-gradient(317.3deg, #69CAFA -91.72%, #7B66F1 150.08%); box-shadow: 0px 3px 11px rgba(39, 125, 255, 0.3);} /*悬浮*/ .edui-default .edui-dialog-buttons .edui-button.edui-cancelbutton .edui-state-hover .edui-button-body { background: #EAF0FF; } /*按下*/ .edui-default .edui-dialog-buttons .edui-button.edui-cancelbutton .edui-state-active .edui-button-body{background: #E4ECFF;} /*20191211 编辑框下拉 add*/ .edui-default .edui-for-paragraph .edui-listitem-label { border-bottom: 0 none; line-height: 40px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h1 { font-size: 24px; display: block; line-height: 40px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h2 { font-size: 20px; display: block; line-height: 40px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h3 { font-size: 18px; display: block; line-height: 40px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h4 { font-size: 16px; display: block; line-height: 40px; } .edui-default .edui-for-fontfamily .edui-listitem-label { font-size: 14px; } .edui-toolbar .edui-state-opened .edui-combox-body { background-color: transparent; } .edui-default .edui-for-fontsize .edui-listitem-label { font-size: 14px !important; } /*工具栏滑过 选中样式*/ .edui-default .edui-toolbar .edui-button, .edui-default .edui-toolbar .edui-splitbutton, .edui-default .edui-toolbar .edui-menubutton, .edui-default .edui-toolbar .edui-combox { margin: 0 2px; } .edui-default .edui-toolbar .edui-button .edui-icon, .edui-default .edui-toolbar .edui-menubutton .edui-icon, .edui-default .edui-toolbar .edui-splitbutton .edui-icon { height: 24px; } .edui-default .edui-toolbar .edui-splitbutton-body .edui-arrow, .edui-default .edui-toolbar .edui-menubutton-body .edui-arrow { height: 24px; } /*工具栏置灰2019.12.27*/ .edui-editor-disabled:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent; z-index: 9999; cursor: not-allowed; } .edui-editor-disabled .edui-box .edui-default { opacity: 0.7; } .edui-editor .webuploader-pick { background: none; padding: 0; border-radius: 0px; } .edui-editor .webuploader-pick-hover { background: none; } /*录音*/ .radiofixed { display: none; position: fixed; top: 140px; right: 100px; z-index: 100; } .radiofixed .radiocontrol { display: block; } .radiofixed .hoverTips { display: none; position: absolute; top: -58px; left: 38px; min-width: 116px; height: 40px; padding: 0 16px; font-size: 14px; line-height: 40px; text-align: center; color: #FFF; background: rgba(24, 30, 51, 0.8); border-radius: 4px; white-space: nowrap; z-index: 99; -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; } .radiofixed .hoverTips i { position: absolute; left: 50%; margin-left: -4px; top: 40px; bottom: auto; display: block; width: 0px; height: 0px; border: solid rgba(24, 30, 51, 0.8) 4px; border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent; } .radiofixed:hover .hoverTips { display: block; } .radiocontrol { display: none; position: relative; top: -9px; width: 239px; height: 60px; overflow: hidden; font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 17px; background: url(../images/luyin.png) no-repeat; background-size: 239px 60px; cursor: pointer; user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; padding-top: 9px; } .radiocontrol .recpause, .radiocontrol .recstop { margin-right: 26px; line-height: 36px; } .radiocontrol .duration { width: 38px; text-align: center; line-height: 36px; margin-right: 14px; } /*06-4 增加波形样式*/ .radiocontrol .bolb { width: 71px; height: 26px; position: absolute; top: 13px; left: 56px; display: block; cursor: default; } /*继续录音*/ .radiocontrol .bolb-mask { width: 61px; height: 26px; margin: 5px 10px 0 0; text-align: center; display: block; font-size: 12px; color: #FFFFFF; line-height: 26px; text-align: center; display: none; } /*继续和暂停按钮*/ .radiocontrol .radio-img { margin: 8px 10px 0 26px; width: 20px; height: 20px; background: url("../images/radio-pause.png") no-repeat; background-size: 20px; float: left; } .radiocontrol .radio-img.again { background: url("../images/radio-again.png") no-repeat; background-size: 20px; } /*分割线样式*/ .edui-default .edui-hassubmenu .edui-arrow { height: 40px; width: 6px; float: right; background: url("../images/arrowRight.png") center center/6px 10px no-repeat; } .edui-default .edui-menu-body .edui-menuitem { padding: 1px; } .edui-default .edui-menu-body .edui-menuitem .edui-menuitem-body { padding: 0 20px; } .edui-default .edui-menuseparator { margin: 2px 0; height: 1px; overflow: hidden; } .edui-default .edui-menuseparator-inner { border-bottom: 1px solid #F2F2F2; } .edui-default .edui-menu-body .edui-state-hover { background-color: #F5F8FB; } .edui-default .edui-menu-body .edui-state-hover .edui-label { color: #3B90FF; } /*更多下拉框*/ .edui-default .edui-for-insert .edui-label { font-size: 14px; } .edui-default .edui-for-insert .edui-icon { width: 20px; height: 20px; margin-right: 8px; } /*.edui-default .edui-toolbar .edui-splitbutton .edui-splitbutton-body .edui-button-body*/ .edui-default .edui-toolbar .edui-for-inserttable .edui-icon { background: url(../images/svg/table.svg) center center/18px auto no-repeat; } .edui-default .edui-for-inserttable .edui-splitborder { display: none; } .edui-default .edui-for-inserttable .edui-splitbutton-body .edui-arrow { width: 0; } .edui-default .edui-toolbar .edui-for-inserttable .edui-state-active .edui-splitborder { border-left: 1px solid transparent; } .edui-default .edui-tablepicker-body { padding: 10px 12px 12px; } .edui-default .edui-tablepicker .edui-infoarea { height: 14px; line-height: 14px; font-size: 12px; width: 190px; margin-bottom: 10px; clear: both; } .edui-default .edui-tablepicker-body .edui-label { width: 100%; font-size: 12px; line-height: 17px; color: #646873; } .edui-default .edui-tablepicker .edui-infoarea .edui-label { float: left; } .edui-tablepicker-body .edui-label .tdspan { float: right; } .edui-default .edui-tablepicker .edui-infoarea .edui-clickable { float: right; } .edui-default .edui-tablepicker .edui-pickarea { background: url("../images/td.png") repeat; background-size: 19px 19px; height: 190px; width: 190px; } .edui-default .edui-tablepicker .edui-pickarea .edui-overlay { background: url("../images/tdblue.png") repeat; background-size: 19px 19px; } .edui-default .edui-dialog-buttons .edui-label { line-height: 24px; } /*右键*/ .edui-contextmenu .edui-menu-body { min-width: 132px; box-sizing: border-box; } .edui-contextmenu .edui-menuitem-body { padding: 0 20px; } .edui-contextmenu .edui-menuitem .edui-icon { display: none; } .edui-button-body.webuploader-container > div:last-child { position: absolute; top: 4px !important; left: 4px !important; width: 18px !important; height: 18px !important; overflow: hidden; bottom: auto; right: auto; } .edui-for-edittable.edui-state-disabled, .edui-for-settablebackground.edui-state-disabled, .edui-for-insertrow.edui-state-disabled, .edui-for-insertrownext.edui-state-disabled, .edui-for-deleterow.edui-state-disabled, .edui-for-insertcol.edui-state-disabled, .edui-for-insertcolnext.edui-state-disabled, .edui-for-deletecol.edui-state-disabled, .edui-for-mergecells.edui-state-disabled, .edui-for-splittocells.edui-state-disabled { display: none; } .sortable-fallback img { border-radius: 50%; } /*自动排版*/ .edui-default .edui-for-autotypeset .edui-button-body { display: none; } .edui-default .edui-toolbar .edui-for-autotypeset.edui-splitbutton .edui-state-opened .edui-splitbutton-body { background-color: #edeff2; } .edui-default .edui-toolbar .edui-for-autotypeset.edui-splitbutton .edui-splitbutton-body { border: none; } .edui-default .edui-for-autotypeset .edui-splitbutton-body .edui-arrow { width: 24px; background: url(../images/svg/autotypeset.svg) center center/18px auto no-repeat; background: url(../images/svg/autotypeset.svg) center center/18px auto no-repeat \9 ; } .edui-for-autotypeset .edui-popup-body.edui-default { width: auto !important; } .edui-for-autotypeset .edui-popup-content { width: 420px; height: 494px; } .edui-autotypesetpicker-body table { width: 100%; font-size: 14px; } .edui-autotypesetpicker-body td { padding: 0 20px; text-align: left; line-height: 40px; border: none } .edui-autotypesetpicker-body td.done{text-align: center} .edui-autotypesetpicker-body input { position: relative; top: -2px; margin-right: 8px; width: 18px; height: 18px; appearance: none; background-size: 18px 18px; vertical-align: middle; } .edui-autotypesetpicker-body input[type=radio] { margin-left: 20px; background-image: url(../images/radio.png); } .edui-autotypesetpicker-body input[type=radio]:checked { background-image: url(../images/radioed.png); } .edui-autotypesetpicker-body input[type=checkbox] { background-image: url(../images/check.png); } .edui-autotypesetpicker-body input[type=checkbox]:checked { background-image: url(../images/checked.png); } .edui-autotypesetpicker-body button { width: 60px; height: 28px; background: linear-gradient(135deg, #68a3ff, #616dff); border-radius: 28px; box-shadow: 0px 2px 6px 0px #7ab7e0; border: none; color: #FFFFFF; margin: 10px 0; line-height: 28px;} .switch { position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 16px; border-radius: 16px; transition: border 0.4s, box-shadow 0.4s; background-color: #D0D5DB; cursor: pointer; } .slider { position: absolute; display: inline-block; width: 12px; height: 12px; background: #FFFFFF; border-radius: 50%; top: 2px; left: 2px; transition: background-color 0.4s,left 0.2s; } .switch-on { box-shadow: #3A8BFF 0px 0px 0px 16px inset; transition: border 0.4s, box-shadow 0.2s, background-color 1.2s; background-color: #D0D5DB; cursor: pointer; } .switch-on .slider { left: auto; right: 2px; transition: background-color 0.4s, left 0.2s; } /*图片改变大小*/ .edui-editor-imagescale { display: none; position: absolute; width: 100%; cursor: hand; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edui-editor-imagescale .cursorDiv { display: none; } .edui-editor-imagescale .cursorDiv span { position: absolute; width: 10px; height: 10px; overflow: hidden; font-size: 0px; display: block; background-color: #3A8BFF; border-radius: 2px; } .edui-editor-imagescale .edui-editor-imagescale-hand0 { cursor: nw-resize; top: 0; margin-top: -5px; left: 0; margin-left: -5px; cursor: ew-resize, auto !important; } .edui-editor-imagescale .edui-editor-imagescale-hand1 { cursor: ne-resize; top: 0; margin-top: -5px; left: 100%; margin-left: -5px; cursor: ns-resize, auto !important; } .edui-editor-imagescale .edui-editor-imagescale-hand2 { cursor: sw-resize; top: 100%; margin-top: -5px; left: 0; margin-left: -5px; cursor: ew-resize, auto !important; } .edui-editor-imagescale .edui-editor-imagescale-hand3 { cursor: se-resize; top: 100%; margin-top: -5px; left: 100%; margin-left: -5px; cursor: ns-resize, auto !important; } .edui-editor-imagescale .imgoperate { position: absolute; top: 0px; min-width: 190px; height: 42px; padding: 0 1px 0 16px; background: white; white-space: nowrap; border-radius: 3px; border: 1px solid #B3D2FF; } .edui-editor-imagescale .imgop { /* float: left; */ display: inline-block; vertical-align: middle; font-size: 14px; line-height: 40px; color: #181E33; margin-right: 14px; cursor: pointer; user-select: none; } .edui-editor-imagescale .imgmore { /* float: left; */ display: inline-block; vertical-align: middle; position: relative; width: 16px; height: 36px; margin-right: 12px; margin-left: -2px; } .edui-editor-imagescale .imgoperate i.imgsplite { position: relative; /* float: left; */ display: inline-block; vertical-align: middle; width: 1px; height: 10px; margin-right: 14px; background: #f2f2f2; border-radius: 1px; } .edui-editor-imagescale .imgFloatList { display: none; position: absolute; top: 36px; left: -40px; padding: 6px 0; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(190, 200, 206, 0.62); border-radius: 6px; } .edui-editor-imagescale .imgFloatList div { height: 38px; padding: 0 20px; line-height: 38px; font-size: 14px; color: #646873; cursor: pointer; } .edui-editor-imagescale .imgFloatList div:hover { background: #F7FAFC; color: #3A8BFF; } .edui-editor-imagescale .imgmore i.moreicon { display: block; width: 16px; height: 16px; margin-top: 13px; background-image: url(../images/imgmore.png); background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; } .edui-editor-imagescale .imgmore:hover i.moreicon { background-color: #E6E9ED; } .edui-editor-imagescale .imgmore:hover .imgFloatList { display: block; } .edui-editor-imagescale.scale, .edui-editor-imagescale.hover { display: block; } .edui-editor-imagescale.hover .cursorDiv { display: none; } .edui-editor-imagescale.scale .cursorDiv { display: block; } /* 视频改变大小 */ .edui-editor-videoscale { display: none; position: absolute; width: 100%; cursor: hand; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edui-editor-videoscale .cursorDiv { display: none; } .edui-editor-videoscale .cursorDiv span { position: absolute; width: 10px; height: 10px; overflow: hidden; font-size: 0px; display: block; background-color: #3A8BFF; border-radius: 2px; } .edui-editor-videoscale .edui-editor-videoscale-hand0 { cursor: nw-resize; top: 0; margin-top: -5px; left: 0; margin-left: -5px; cursor: ew-resize, auto !important; } .edui-editor-videoscale .edui-editor-videoscale-hand1 { cursor: ne-resize; top: 0; margin-top: -5px; left: 100%; margin-left: -5px; cursor: ns-resize, auto !important; } .edui-editor-videoscale .edui-editor-videoscale-hand2 { cursor: sw-resize; top: 100%; margin-top: -5px; left: 0; margin-left: -5px; cursor: ew-resize, auto !important; } .edui-editor-videoscale .edui-editor-videoscale-hand3 { cursor: se-resize; top: 100%; margin-top: -5px; left: 100%; margin-left: -5px; cursor: ns-resize, auto !important; } .edui-editor-videoscale.scale { display: block; } .edui-editor-videoscale.hover .cursorDiv { display: none; } .edui-editor-videoscale.scale .cursorDiv { display: block; } /* 电子印章悬浮菜单栏 增加sign */ .edui-editor-signtoolbar { display: none; position: absolute; width: 100%; cursor: hand; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edui-editor-signtoolbar .signoperate { position: absolute; top: 0px; min-width: 190px; height: 42px; padding: 0 1px 0 16px; background: white; white-space: nowrap; border-radius: 3px; border: 1px solid #B3D2FF; } .edui-editor-signtoolbar .signop { /* float: left; */ display: inline-block; vertical-align: middle; font-size: 14px; line-height: 40px; color: #181E33; margin-right: 14px; cursor: pointer; user-select: none; } .edui-editor-signtoolbar.hover { display: block; } /*附件*/ .edui-editor-iframecover, .edui-editor-tabletoolbar { user-select: none; display: none; position: absolute; cursor: hand; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edui-editor .edui-editor-iframecover *, .edui-editor .edui-editor-tabletoolbar * { font-size: 14px; } .edui-editor-iframecover.hover, .edui-editor-tabletoolbar.hover { display: block; } .edui-editor-iframecover .iframeoperate, .edui-editor-tabletoolbar .tableoperate { position: absolute; top: -42px; height: 42px; white-space: nowrap; padding: 0 1px 0 16px; background: white; border-radius: 3px; border: 1px solid #B3D2FF; } .edui-editor-iframecover{ opacity: 0;visibility: hidden;transition: opacity 0.3s 0.5s, visibility 0.3s 0.5s;} .edui-editor-iframecover.hover{ opacity: 1; visibility: visible; transition: opacity 0.1s,visibility 0.1s; } .edui-editor-iframecover .iframeop, .edui-editor-tabletoolbar .tableop { display: inline-block; vertical-align: top; font-size: 14px; line-height: 40px; color: #474C59; padding-right: 14px; cursor: pointer; } .edui-editor-iframecover .iframeset, .edui-editor-tabletoolbar .tablealgin { position: relative; } .edui-editor-iframecover .iframeoperate i, .edui-editor-tabletoolbar .tablesplite { position: relative; display: inline-block; top: 15px; width: 1px; height: 10px; margin-right: 14px; background: #f2f2f2; border-radius: 1px; } .edui-editor-iframecover .iframesetpop {display: none; position: absolute; min-width: 124px; top: 42px; right: -1px; padding: 6px 0; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75); border-radius: 6px; opacity: 0;visibility: hidden;transition: opacity 0.3s 0.5s, visibility 0.3s 0.5s;} .edui-editor-iframecover .iframeset:hover .iframesetpop { display: block; opacity: 1; visibility: visible; transition: opacity 0.1s,visibility 0.1s; } .edui-editor-iframecover .iframesetpop .setItem { height: 40px; line-height: 40px; padding: 0 20px 0 40px; font-size: 14px; color: #474C59; } .edui-editor-iframecover .iframesetpop .setItem.disabled{ opacity: 0.4; cursor: default; } .edui-editor-iframecover .iframesetpop .settitle { position: relative; height: 40px; line-height: 40px; padding: 0 30px 0 20px; font-size: 14px; color: #8A8B99; } .edui-editor-iframecover .iframesetpop .setItem span.text { display: inline-block; } .edui-editor-iframecover .iframesetpop .setItem:not(.disabled):hover { background-color: #F7FAFC; color: #3D82F2; } .edui-editor-iframecover .iframesetpop .setItem.active { background: url(../images/dui.png) 20px 14px/12px 12px no-repeat; color: #3D82F2; border: none; } .edui-editor-iframecover .iframesetpop .setItem.modeadvancedpreview{height: auto; padding: 0} .edui-editor-iframecover .iframesetpop .setItem p{ padding: 0 20px 0 40px } .edui-editor-iframecover .iframesetpop .setItem.modeadvancedpreview:hover{ background: unset; color: #474C59;} .edui-editor-iframecover .iframesetpop .setItem.modeadvancedpreview.active p.first{background: url(../images/dui.png) 20px 14px/12px 12px no-repeat;} .edui-editor-iframecover .iframesetpop .setItem.modeadvancedpreview:hover p.first{ background-color: #F7FAFC; color: #3D82F2;} .edui-editor-iframecover .setItem p.pageset{ display: none; line-height: 22px; padding-bottom: 10px; color: #8A8B99; } .edui-editor-iframecover p.pageset input{width: 36px; height: 18px; appearance: none; padding: 0 6px; text-align: center; border: 1px solid #D4D6D9; border-radius: 4px; margin: 0 6px;} .edui-editor-iframecover p.pageset input:focus{border: 1px solid #3A8BFF;} .edui-editor-iframecover .iframesetpop .setItem.modeadvancedpreview.active p.pageset{display: block;} .edui-editor-iframecover .iframeset { height: 45px; padding-left: 14px; } .edui-editor-iframecover .iframeset > span { font-size: 14px; } .edui-editor-iframecover .iframeset > span:hover { color: #3A8BFF; } .edui-editor-iframecover .iframesetpop .spliteline { height: 1px; margin: 6px 0; background: #F2F2F2; } .edui-editor-iframecover .iframeoperate { top: -42px; } .edui-editor-iframecover .right_setting_list{ position: relative; } .edui-editor-iframecover .setting_title{ position: relative; height: 40px; line-height: 40px; padding: 0 30px 0 20px; font-size: 14px; color: #474c59} .edui-editor-iframecover .setting_title:hover{background: #F0F6FF;} .edui-editor-iframecover .right_setting_list .setting_title:after{position: absolute; content: '';right: 17px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 5px;height: 5px;border: solid 2px ;border-color: #acb4bf #acb4bf transparent transparent; border-radius: 2px; box-sizing: content-box} .edui-editor-iframecover .iframeoperate i.iframesplite { margin-right: 0; } .edui-editor-iframecover .downloadset,.edui-editor-iframecover .previewset{ position: relative; } .edui-editor-iframecover .downloadset .settitle,.edui-editor-iframecover .previewset .settitle{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 12px; color: #8A8B99} .edui-editor-iframecover .setting_list{ position: absolute; top: -64px; left: -156px; padding: 6px 0; background: #FFFFFF;box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); border-radius: 6px; z-index: 1; opacity: 0;visibility: hidden;transition: opacity 0.3s 0.5s, visibility 0.3s 0.5s;} .edui-editor-iframecover .texthover .setting_list{left: 100%} .edui-editor-iframecover .right_setting_list:hover .setting_list{opacity: 1; visibility: visible; transition: opacity 0.1s,visibility 0.1s;} /* 文本模式 */ .edui-editor-iframecover .texthover { border: 1px solid #F2F2F2; box-shadow: 0px 2px 6px rgba(1, 33, 79, 0.12); border-radius: 3px;} /*.edui-editor-iframecover .iframesetHover { height: 26px; padding-left: 0; line-height: 26px; padding-right: 0; font-size: 12px; padding: 0 10px; }*/ /*.edui-editor-iframecover .iframesetHover { display: block; }*/ /*.edui-editor-iframecover .iframesetHover .iframesetpopHover { top: 34px; }*/ /*表格复制框*/ .edui-editor-tabletoolbar .tableoperate { z-index: 2; top: -50px; } .edui-editor-tabletoolbar .tablealgin { height: 42px; } .edui-editor-tabletoolbar .curTableAlign { display: block; width: 32px; height: 45px; padding-top: 11px; } .edui-editor-tabletoolbar .curTableAlign .align { float: left; display: block; width: 18px; height: 18px; margin-right: 2px; background: url(../images/svg/textleft.svg) center center/18px 18px no-repeat; } .edui-editor-tabletoolbar .curTableAlign.table-align-center .align { background: url(../images/svg/textcenter.svg) center center/18px 18px no-repeat; } .edui-editor-tabletoolbar .curTableAlign.table-align-right .align { background: url(../images/svg/textright.svg) center center/18px 18px no-repeat; } .edui-editor-tabletoolbar .curTableAlign .arrow { float: left; display: block; width: 12px; height: 12px; margin-top: 3px; background: url(../images/tri.png) center center/12px 12px no-repeat; } .edui-editor-tabletoolbar .tablealignList { display: none; position: absolute; top: 44px; left: -10px; width: 62px; padding: 6px 0; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75); border-radius: 6px; } .edui-editor-tabletoolbar .tablealignList .tablealignItem { padding: 0 18px; height: 40px; background-size: 18px 18px; background-position: center; background-repeat: no-repeat; } .edui-editor-tabletoolbar .tablealignList .tablealignItem:hover { background-color: #F5F8FB; } .edui-editor-tabletoolbar .tablealignList .tableLeft { background-image: url(../images/svg/textleft.svg); } .edui-editor-tabletoolbar .tablealignList .tableCenter { background-image: url(../images/svg/textcenter.svg); } .edui-editor-tabletoolbar .tablealignList .tableRight { background-image: url(../images/svg/textright.svg); } .edui-editor-tabletoolbar .tablealignList .tableLeft:hover { background-image: url(../images/svg/textleft_hover.svg); } .edui-editor-tabletoolbar .tablealignList .tableCenter:hover { background-image: url(../images/svg/textcenter_hover.svg); } .edui-editor-tabletoolbar .tablealignList .tableRight:hover { background-image: url(../images/svg/textright_hover.svg); } /*表格工具栏*/ .edui-editor-tabletoolbar.show, .edui-editor-tabletoolbar.hover { position: absolute; display: block; } .tablewrap { position: relative; left: -16px; top: -16px; } .tablewrap .tableLeftTop { position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; cursor: pointer; } .tablewrap .tableLeftTop span { position: relative; display: block; width: 12px; height: 12px; background: #F2F2F5; } .tablewrap .tableLeftTop span:after { position: absolute; content: ''; left: 2px; top: 2px; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: transparent #E1E1E5 #E1E1E5 transparent; } .tablewrap .tableColWrap { position: absolute; top: 0; left: 15px; height: 16px; overflow: hidden; cursor: pointer; } .tablewrap .tableCol { position: relative; } .tablewrap .tableRow { position: absolute; top: 15px; left: 0; width: 16px; cursor: pointer; } .tablewrap .rowblock { position: relative; width: 12px; background: #F2F2F5; } .tablewrap .colblock { position: relative; float: left; height: 12px; background: #F2F2F5; } .tablewrap .rowblock:hover, .tablewrap .colblock:hover, .tablewrap .tableLeftTop:hover span { background: #E1E1E5; } .tablewrap .rowblock.active, .tablewrap .colblock.active { background: #87C5FF; } .tablewrap .tableLeftTop.active span { background: #E2F3FF; } .tablewrap .tableLeftTop:hover span:after { border-color: transparent #C8C8CC #C8C8CC transparent; } .tablewrap .tableLeftTop.active span:after { border-color: transparent #5CC7FF #5CC7FF transparent; } .tablewrap .oprow { display: none; position: absolute; left: -28px; margin-top: -24px; width: 24px; height: 48px; background: #FFFFFF; box-shadow: 0px 2px 6px 0px rgba(1, 33, 79, 0.12); border-radius: 3px; overflow: hidden; } .tablewrap .opcol { display: none; position: absolute; top: -28px; margin-left: -36px; min-width: 64px; height: 24px; background: #FFFFFF; box-shadow: 0px 2px 6px 0px rgba(1, 33, 79, 0.12); border-radius: 3px; } .tablewrap .deleteRow, .tablewrap .insertRow { width: 24px; height: 50%; cursor: pointer; } .tablewrap .deleteCol, .tablewrap .insertCol,.tablewrap .tdSetWidth { position: relative; float: left; height: 24px; cursor: pointer; } .tablewrap .deleteRow { background: url(../images/table-del.png) 5px center/14px 14px no-repeat; } .tablewrap .deleteCol { width: 24px; background: url(../images/table-del.png) center 5px/14px 14px no-repeat; } .tablewrap .deleteCol:after { position: absolute; content: ''; right: 0; top: 5px; width: 1px; height: 12px; background: #F2F2F2;} .tablewrap .deleteRow:hover, .tablewrap .deleteCol:hover { background-image: url(../images/table-del-hover.png); } .tablewrap .insertRow { background: url(../images/table-add.png) 5px center/14px 14px no-repeat; } .tablewrap .insertCol { width: 20px; background: url(../images/table-add.png) 2px 5px/14px 14px no-repeat; } .tablewrap .insertRow:hover, .tablewrap .insertCol:hover { background-image: url(../images/table-add-hover.png); } .tablewrap .rowblock.active .oprow { display: block; } .tablewrap .colblock.active .opcol { display: block; } .tablewrap .tdSetWidth { width: 20px; background: url(../images/settdwidth.png) 4px 5px/14px 14px no-repeat; } .tablewrap .tdSetWidth:hover { background-image: url(../images/settdwidth-hover.png); } .edui-editor-tabletoolbar .tableoperate .tableSetWidth { position: relative; width: 18px; height: 100%; padding: 0; margin-right: 14px; background: url(../images/settablewidth.png) center center/18px 18px no-repeat; } .edui-editor-tabletoolbar .tableoperate .tableSetWidth:hover { background-image: url(../images/settablewidth-hover.png); } .edui-editor-tabletoolbar .tableoperate .tableSetWidth:hover .hoverTips{display: block;top: -45px; left: 50%; transform: translateX(-50%);} .edui-editor-tabletoolbar .tdSetWidth:hover .hoverTips{ display: block; top: -45px; left: 50%; transform: translateX(-50%);} .edui-editor-tabletoolbar .setTdWidthPop{ display: none; position: absolute; left: 200px; top: 20px; width: 220px; padding-bottom:20px; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); border-radius: 6px;} .edui-editor-tabletoolbar .setTdWidthPop .setTdWidthPopTitle{ padding: 20px; color: #474C59;font-weight: bold; } .edui-editor-tabletoolbar .setTdWidthPop .closePop{ position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../images/icon-imgcontrol-close.png) center center / 14px 14px no-repeat; cursor: pointer} .setTdWidthPop .control-wh,.setTdWidthPop .control-w{ padding:0 20px; margin-bottom: 20px; font-size: 14px; color: #8A8B99} .setTdWidthPop .control-item{} .mr20{ margin-right:20px;} .edui-editor .numberinput{ position:relative; height: 34px;} .edui-editor .numberinput input{ width: 100%; height: 100%; padding: 0 24px 0 8px; border: 1px solid #D4D6D9; border-radius: 4px;} .edui-editor .numberinput input:focus{border-color: #3A8BFF; color: #131B26;} .edui-editor .numberinput .minus,.edui-editor .numberinput .plus{ display: none; position: absolute; right: 1px; width: 22px; height: 16px; border-radius: 2px; cursor: pointer; } .edui-editor .numberinput:hover .minus,.edui-editor .numberinput:hover .plus{display: block} .edui-editor .numberinput:hover input{border-color: #3A8BFF;color: #131B26;} .edui-editor .numberinput .minus{ bottom: 1px; } .edui-editor .numberinput .plus{ top: 1px; } .edui-editor .numberinput .minus:after,.edui-editor .numberinput .plus:after{ position: absolute; content: ''; left: 7px; top: 7px; width: 0; height: 0;border-style: solid; border-width: 4px; border-color: #ACB4BF transparent transparent #ACB4BF; transform: rotate(45deg); box-sizing: content-box; border-radius: 3px;} .edui-editor .numberinput .minus:after{ transform: rotate(225deg); bottom: 7px; top: unset;} .edui-editor .numberinput .minus:not(.disabled):hover,.edui-editor .numberinput .plus:not(.disabled):hover{ background: #F2F4F7; } .edui-editor .numberinput .minus.disabled:after,.edui-editor .numberinput .plus.disabled:after{ border-color: #DADFE5 transparent transparent #DADFE5; cursor: default;} .edui-editor .setTdWidthPop .numberinput{ width: 80px;} .setTdWidthPop .control-wh p{ text-align: center; margin-top: 10px; } .setTdWidthPop .control-w p{ margin-right: 16px; line-height: 36px;} .setTdWidthPop .control-w .numberinput{ width: 136px;} .setTdWidthPopBottom p{ float: right; width:60px; height:28px; margin-right: 20px; line-height: 26px; text-align: center; border-radius: 6px; border: 1px solid #8CBBFF; color: #3A8BFF; cursor: pointer;} .setTdWidthPopBottom p.sure{background: #3A8BFF;color: #FFFFFF;} /*列表修改编号*/ .edui-editor-listtoolbar { position: absolute; } .edui-editor-listtoolbar.hover { display: block; } .edui-editor-listtoolbar .listtoolList { display: none; position: absolute; left: 0; padding: 6px 0; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75); border-radius: 6px; } .edui-editor-listtoolbar .listtoolItem { height: 40px; padding: 0 28px 0 24px; line-height: 40px; font-size: 14px; color: #646873; white-space: nowrap; overflow: hidden; cursor: pointer; } .edui-editor-listtoolbar .listtoolItem i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-size: 16px 16px; margin-right: 12px; } .edui-editor-listtoolbar .listtoolItem.disabled i { opacity: 0.3; } .edui-editor-listtoolbar .listtoolItem.continueListNumBtn i { background-image: url(../images/continuelist.png); } .edui-editor-listtoolbar .listtoolItem.startNewListBtn i { background-image: url(../images/restartlist.png); } .edui-editor-listtoolbar .listtoolItem.modifyListNumBtn i { background-image: url(../images/modifylist.png); } .edui-editor-listtoolbar .listtoolItem span { display: inline-block; vertical-align: middle; } .edui-editor-listtoolbar .listtoolItem.disabled span { color: #ACB4BF; } .edui-editor-listtoolbar .modifyListNum { position: absolute; left: 0; display: none; width: 266px; height: 52px; line-height: 30px; font-size: 14px; padding: 11px 20px; color: #646873; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75); border-radius: 6px; } .edui-editor-listtoolbar .modifyListNum span { display: inline-block; vertical-align: middle; } .edui-editor-listtoolbar .modifyListNum .numbox { position: relative; display: inline-block; width: 80px; height: 28px; border-radius: 2px; border: 1px solid #3A8BFF; margin-right: 20px; margin-left: 10px; overflow: hidden; } .edui-editor-listtoolbar .modifyListNum .addnum, .modifyListNum .minusnum { position: absolute; right: 0; display: block; width: 30px; height: 14px; border-radius: 0px 2px 0px 0px; border-left: 1px solid #E1E1E5; background-size: 8px 8px; background-repeat: no-repeat; background-position: center; cursor: pointer; } .edui-editor-listtoolbar .modifyListNum .addnum { top: 0; border-bottom: 1px solid #E1E1E5; background-image: url(../images/addserialnum.png); } .edui-editor-listtoolbar .modifyListNum .minusnum { bottom: 0; background-image: url(../images/minusserialnum.png); } .edui-editor-listtoolbar .modifyListNum .addnum.disabled { background-image: url(../images/addserialnumdisabled.png); cursor: default; } .edui-editor-listtoolbar .modifyListNum .minusnum.disabled { background-image: url(../images/minusserialnumdisabled.png); cursor: default; } .edui-editor-listtoolbar .modifyListNum input { display: block; width: 50px; height: 28px; padding: 0 10px; border-radius: 2px; } .edui-editor-listtoolbar .modifyListNum .surenum { display: inline-block; width: 60px; height: 30px; line-height: 30px; color: #FFFFFF; text-align: center; font-size: 14px; background: #3A8BFF; border-radius: 17px; cursor: pointer; } .edui-editor-listtoolbar .modifyListNum .surenum.disabled{opacity: 0.3; cursor: default;} .edui-editor-listtoolbar .hoverTips { display: none; position: absolute; height: 40px; padding: 0 16px; line-height: 40px; font-size: 14px; text-align: center; color: #FFF; background: rgba(24, 30, 51, 0.8); border-radius: 4px; white-space: nowrap; z-index: 99; /*transition: opacity 1s 1s, visibility 1s 1s;*/ transform: none!important; animation: scale 0.15s linear; cursor: pointer; } @keyframes scale { from { transform: scale(0.75); transform-origin: center; } to { transform: none; } } .edui-editor-listtoolbar .hoverTips i { position: absolute; left: 50%; margin-left: -4px; top: 40px; bottom: auto; display: block; width: 0px; height: 0px; border: solid rgba(24, 30, 51, 0.8) 4px; border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent; } .edui-editor-listtoolbar .hoverTips.up i { top: -8px; border-color: transparent transparent rgba(24, 30, 51, 0.8) transparent; } /*代码块工具栏*/ .edui-editor-codetoolbar { display: none; position: absolute; width: 100%; } .edui-editor-codetoolbar.hover { display: block; } .edui-editor-codetoolbar .codetoolDiv {position: absolute; left: 20px; top: 6px; width: 100%; height: 24px;font-size: 14px;} .edui-editor-codetoolbar .now-lang{line-height: 24px; font-size: 14px; color: #6B89B2; cursor: pointer;} .edui-editor-codetoolbar .now-lang i{ display: inline-block; position: relative; top: 6px; vertical-align: top; margin-left: 6px; width: 10px; height: 10px; background:url(../images/arrow-A3B9D9.png) center center / 10px 10px no-repeat} .edui-editor-codetoolbar .langList-wrap{display: none; position: absolute; left: -20px; max-height: 365px;width: 180px; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); border-radius: 6px; padding: 16px 0 2px 0; } .edui-editor-codetoolbar .langList-wrap.show{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .edui-editor-codetoolbar .dataSearch{width: 160px; min-height: 36px; margin: 0 10px; margin-bottom: 10px;} .edui-editor-codetoolbar .dataSearch_input{width: 100%; padding: 0 40px 0 14px; font-size: 14px; } .edui-editor-codetoolbar .langList-wrap .langList{height: calc(100% - 46px); overflow: auto; scrollbar-width: thin; scrollbar-color: #e6ecf5 #f9f9f9;} .edui-editor-codetoolbar .langList-wrap .item{height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer;} .edui-editor-codetoolbar .btn{margin-left: 20px; line-height: 24px; color: #6B89B2; cursor: pointer;} .edui-editor-codetoolbar .btn i{position: relative; top: 4px; display: block; float: left; width: 16px; height: 16px; margin-right: 4px; background-size: 100% 100%; background-repeat: no-repeat;} .edui-editor-codetoolbar .btn.linebreak i{background-image: url(../images/autolinebreak.png)} .edui-editor-codetoolbar .btn.copy i{background-image: url(../images/copy.png)} .edui-editor-codetoolbar .btn.remove i{background-image: url(../images/remove.png)} /* 电子印章悬浮工具栏 增加sign*/ .edui-editor-signtoolbar .btn { height: 40px; font-size: 14px; line-height: 40px; padding-left: 14px; padding-right: 14px; background-color: white; } .edui-editor ::-webkit-scrollbar { width: 8px; height: 8px; } .edui-editor ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #e6ecf5; } .edui-editor ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track { background-color: #f9f9f9; } /*高亮块工具栏*/ .edui-editor-callouttoolbar { display: none; position: absolute; width: 100%; z-index: 2; } .edui-editor-callouttoolbar.hover { display: block; } .edui-editor-callouttoolbar .callouttoolDiv {position: absolute; left: 0px; top: 0px; width: 100%; font-size: 14px; box-shadow: none!important;} .edui-editor-callouttoolbar .callout-btns{position: absolute; min-width: 203px; left: 50%; transform: translateX(-50%); top: -40px; height: 42px; background: rgb(255, 255, 255); box-shadow: 0px 1px 7px rgba(198, 204, 217, 0.58); border-radius: 4px;} .edui-editor-callouttoolbar .callout-btns .btn{ position: relative; margin: 0 14px; font-size: 14px; line-height: 42px; color: #474C59; cursor: pointer;} .edui-editor-callouttoolbar .callout-btns .btn span{font-size: 14px;} .edui-editor-callouttoolbar .callout-btns .btn:hover{color: #3A8BFF;} .edui-editor-callouttoolbar .setColor i{ position:relative; vertical-align: top; top: 12px; display: inline-block; width:16px; height:16px; margin-right: 4px; background: url(../images/colorpick.png) center center / 16px 16px no-repeat; } .edui-editor-callouttoolbar .callout-btns .setColor:hover i{background-image: url(../images/colorpick-blue.png)} .edui-editor-callouttoolbar .callout-btns .setColor:after{position: absolute; content: ''; right: -14px; top: 14px; height: 12px; width: 1px; background: rgba(217, 217, 217, 0.9);} .edui-editor-callouttoolbar .callout-btns .btn.callout-copy{margin-right: 7px;} .edui-editor-callouttoolbar .callout-btns .btn.callout-remove{margin-left: 7px;} .edui-editor-callouttoolbar .colorSettingDiv{ display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 4px;background: #FFFFFF; box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); border-radius: 6px; padding: 20px} .edui-editor-callouttoolbar .colorSettingDiv.show{display: block} .edui-editor-callouttoolbar .colorItem p{font-size: 14px; color: #474C59; margin-bottom: 12px;} .edui-editor-callouttoolbar .colorList{margin-bottom: 20px;} .edui-editor-callouttoolbar .colorList span{display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 6px;border-radius: 2px;border: solid 2px transparent; cursor: pointer;} .edui-editor-callouttoolbar .colorItem span:first-child{background: url(../images/nobackcolor.png) center center/20px auto no-repeat} .edui-editor-callouttoolbar .colorList span:last-child{margin-right: 0} .edui-editor-callouttoolbar .colorList span.active,.edui-editor-callouttoolbar .colorList span:hover{border: solid 2px #3A8BFF} .edui-editor-callouttoolbar .resetColor {width: 204px; height: 28px; text-align: center; font-size: 14px; line-height: 28px; color: #131B26; border: 1px solid #D4D6D9; border-radius: 3px; cursor: pointer;} .edui-editor-callouttoolbar .hoverTips.active { display: block; left: -21px; top: -28px; padding: 0 16px;} .edui-editor-callouttoolbar .emojiDivWrap {display: none; position: absolute; width: 328px; top: 48px;} .edui-editor-callouttoolbar .emojiDivWrap.active {display: block; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); border-radius: 6px;} .edui-editor-callouttoolbar .emojiHead {height: 52px; padding: 10px 20px; border-bottom: 1px solid #F2F2F2;} .edui-editor-callouttoolbar .emojiHead div {float: left; display: block; width: 32px; height: 32px; text-align: center; margin-right: 10px; font-size: 20px; line-height: 32px; cursor: pointer;} .edui-editor-callouttoolbar .emojiHead div:hover,.edui-editor-callouttoolbar .emojiHead div.active {background-color: #EAF0FF;border-radius: 4px;} .edui-editor-callouttoolbar .emojiHead .starBtn {background: url(../../../third-party/cxEmoji/images/smiley.svg) center center / 24px 24px no-repeat} .edui-editor-callouttoolbar .starDiv {display:none; padding: 0 20px 28px;} .edui-editor-callouttoolbar .starDiv>p {height: 36px; padding-top: 10px; color: #474C59; font-size: 14px;} .edui-editor-callouttoolbar .starDiv .star-emoji-list span { display: block; float: left; width: 28px; height: 28px; margin: 4px; padding: 2px;} .edui-editor-callouttoolbar .starDiv .star-emoji-list span:hover {background-color: #EAF0FF; border-radius: 4px;} .edui-editor-callouttoolbar .starDiv .star-emoji-list span img {display: block; width: 24px; height: 24px; cursor: pointer} .edui-editor-callouttoolbar .emojiDiv {padding:6px;} .edui-editor-callouttoolbar em-emoji-picker { box-shadow: none; padding: 0; color: #474C59;} .hoverTips { display: none; position: absolute; height: 40px; padding: 0 16px; line-height: 40px; text-align: center; color: #FFF; background: rgba(24, 30, 51, 0.8); border-radius: 4px; white-space: nowrap; z-index: 99; -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; } .hoverTips i { position: absolute; left: 50%; margin-left: -4px; top: 40px; bottom: auto; display: block; width: 0px; height: 0px; border: solid rgba(24, 30, 51, 0.8) 4px; border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; overflow: unset; } /*分割线工具栏*/ .edui-editor-hrtoolbar { display: none; position: absolute; width: 100%; z-index: 2; } .edui-editor-hrtoolbar.hover { display: block; } .edui-editor-hrtoolbar .hr_tool_div {position: absolute; left: 0px; top: 0px; width: 100%; font-size: 14px; box-shadow: none!important;} .edui-editor-hrtoolbar .hr_btns{position: absolute; left: 50%; transform: translateX(-50%); top: -40px; height: 42px; background: rgb(255, 255, 255); box-shadow: 0px 1px 7px rgba(198, 204, 217, 0.58); border-radius: 4px;} .edui-editor-hrtoolbar .hr_btns .btn{ position: relative; height: 50px; margin: 0 14px; font-size: 14px; line-height: 42px; color: #474C59; cursor: pointer;} .edui-editor-hrtoolbar .hr_btns .btn:hover {color: #3A8BFF} .edui-editor-hrtoolbar .hr_btns .btn i{ position: relative; top: -1px; display: inline-block; vertical-align: middle; margin-right: 4px; width: 16px; height: 16px;} .edui-editor-hrtoolbar .hr_btns .hr_set_line i{ background: url(../images/line-setting.png) center left / 16px 16px no-repeat} .edui-editor-hrtoolbar .hr_btns .hr_set_line:hover i{ background: url(../images/line-setting-blue.png) center left / 16px 16px no-repeat} .edui-editor-hrtoolbar .hr_btns .hr_set_color i{ background: url(../images/colorpick.png) center left / 16px 16px no-repeat} .edui-editor-hrtoolbar .hr_btns .hr_set_color:hover i{ background: url(../images/colorpick-blue.png) center left / 16px 16px no-repeat} .edui-editor-hrtoolbar .hr_line_setting_div{ display: none; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 203px; padding: 6px 0; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(0, 37, 89, 0.2); border-radius: 6px;} .edui-editor-hrtoolbar .hr_color_setting_div{ display: none; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 230px; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(0, 37, 89, 0.2); border-radius: 6px;} .edui-editor-hrtoolbar .hr_line_setting_div.active{display: block;} .edui-editor-hrtoolbar .hr_color_setting_div.active{display: block;} .edui-editor-hrtoolbar .line_item{height: 40px; padding: 10px 20px;color: #474C59; cursor: pointer;} .edui-editor-hrtoolbar .line_item:hover{color: #3A8BFF;} .edui-editor-hrtoolbar .line_item.active{color: #3A8BFF; background: url(../images/dui.png) 170px center / 12px 12px no-repeat} .edui-editor-hrtoolbar .line_item .line{ display: inline-block; vertical-align: middle; width: 80px; margin-right: 10px; background: #474C59;} .edui-editor-hrtoolbar .line_item .text{ display: inline-block; vertical-align: middle; font-size: 14px;} .edui-editor-hrtoolbar .line_item:nth-child(1) .line{ height: 1px; transform: scaleY(0.25); background-color: #8A8B99; } .edui-editor-hrtoolbar .line_item:nth-child(2) .line{ height: 1px; transform: scaleY(0.5); } .edui-editor-hrtoolbar .line_item:nth-child(3) .line{ height: 1px; } .edui-editor-hrtoolbar .line_item:nth-child(4) .line{ height: 3px; transform: scaleY(0.5); } .edui-editor-hrtoolbar .line_item:nth-child(5) .line{ height: 9px; transform: scaleY(0.25); } .edui-editor-hrtoolbar .line_item:nth-child(6) .line{ height: 3px; } .edui-editor-hrtoolbar .line_item:nth-child(7) .line{ height: 4px; } .edui-editor-hrtoolbar .line_item:nth-child(8) .line{ height: 6px; } .edui-editor-hrtoolbar .line_item:nth-child(9) .line{ height: 9px; } .edui-editor-hrtoolbar .reset_color{height: 40px; padding: 10px; font-size: 14px; color: #131b26; border-bottom: 1px solid #F2F2F2;cursor: pointer; } .edui-editor-hrtoolbar .reset_color .color_item{background: #E1E3E5; margin-bottom: 0} .edui-editor-hrtoolbar .color_item{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 6px; margin-bottom: 6px; border-radius: 2px;box-sizing: border-box; cursor: pointer;} .edui-editor-hrtoolbar .color_item.active{border: 1px solid #FFFFFF;box-shadow: 0px 0px 0px 2px #3A8BFF;} .edui-editor-hrtoolbar .color_item:nth-child(9n){margin-right: 0} .edui-editor-hrtoolbar .color_list_first{ height: 18px; box-sizing: content-box; padding: 0 10px; margin-top: 20px; margin-bottom: 16px;} .edui-editor-hrtoolbar .color_list_first .color_item:last-child{border: 1px solid #F2F2F2;} .edui-editor-hrtoolbar .color_list_list{padding: 0 10px; margin-bottom: 14px;} /*折叠标题*/ .edui-editor-foldTitlebar { user-select: none; display: none; position: absolute; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 4px; border-bottom-right-radius: 4px;} .edui-editor-foldTitlebar.hover{display: block;} .edui-editor-foldTitlebar .foldtitle-tri-wrap{position: absolute; left: -30px; width: 30px; height: 30px; } .edui-editor-foldTitlebar .foldtitle-tri-wrap .tri{ display: block; top: -5px; width: 12px; height: 12px; margin-left: 14px; margin-top:9px; background: url(../images/fold-arrow-black.png) center center / 12px 12px no-repeat;} .edui-editor-foldTitlebar .hoverTips { display: none; position: absolute; height: 40px; top: -37px; left: -8px; transform: none; padding: 0 16px; line-height: 40px; font-size: 12px; text-align: center; color: #FFF; background: rgba(24, 30, 51, 0.8); border-radius: 4px; white-space: nowrap; z-index: 99; -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; } .edui-editor-foldTitlebar .hoverTips i { position: absolute; left: 50%; margin-left: -4px; top: 40px; bottom: auto; display: block; width: 0px; height: 0px; border: solid rgba(24, 30, 51, 0.8) 4px; border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent; } .edui-editor-foldTitlebar .foldtitle-tri-wrap:hover .tri{background-image: url(../images/fold-arrow-blue.png); } .edui-editor-foldTitlebar .foldtitle-tri-wrap:hover .hoverTips{display: block} .edui-editor-foldTitlebar .foldtitle-tri-wrap.fold .tri{ transform: rotate(-90deg); transition: none } /*06-3 */ /*图片大小控制栏 最外层*/ .edui-editor .edui-editor-controlscale { display: none; position: fixed; width: 228px; right: 10px; top: 85px; padding: 14px 20px 20px; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75); border-radius: 6px; z-index: 10; user-select: none; cursor: move;} .edui-editor .edui-editor-controlscale.show { display: block; } .edui-editor-controlscale .controlImg-title { font-size: 14px; font-weight: bold; color: #474C59; line-height: 20px; margin-bottom: 8px; } .edui-editor-controlscale .controlImg-top { height: 26px; } .controlImg-top-close { background: url("../images/icon-imgcontrol-close.png") no-repeat; background-size: 14px; float: right; width: 14px; height: 14px; cursor: pointer; user-select: none; } .controlImg-top-center { margin-top: 8px; overflow: hidden; } .controlImg-top-center .input1 { width: 84px; float: left; } .controlImg-top-center .input1 input { width: 84px; height: 24px; background: rgba(255, 255, 255, 0.6); border-radius: 2px; border: 1px solid #D4D6D9; outline: none; padding: 2px 10px; font-size: 14px; color: #8A8B99; } .input1.mr20 { margin-right: 20px; } .controlImg-top-center .input1 input:focus { color: #131B26; border: 1px solid #3A8BFF; } .controlImg-top-center .input1 .input1-title { font-size: 12px; font-weight: 400; color: #474C59; margin: 5px auto 16px; text-align: center; } /*图片设置浮动*/ .controlImg-bottom .controlImg-bottom-operating { overflow: hidden; margin-top: 16px; } .controlImg-bottom-operating .bottom-operating-btn { float: left; width: 84px; height: 28px; margin-bottom: 16px; line-height: 26px; font-size: 14px; text-align: center; color: #131B26; background: rgba(255, 255, 255, 0.6); border-radius: 2px; border: 1px solid #D4D6D9; cursor: pointer; user-select: none; } .controlImg-bottom-operating .bottom-operating-btn.active { color: #FFFFFF; background: #0099FF; } .controlImg-bottom-operating .bottom-operating-btn.mrb20 { margin-right: 20px; } .controlImg-bottom-operating .bottom-operating-btn.imgFloatNone{ width: auto; min-width: 80px; padding: 0 10px;} .controlImg-link input[type=text]{ display: block; width: 100%; height: 28px; padding: 0 10px; margin-top: 16px; border-radius: 2px; border: 1px solid #D4D6D9;} .controlImg-link input[type=text]:focus{ border: 1px solid #3A8BFF;} .controlImg-link .imglinkOpenType { margin-top: 11px; cursor: pointer; } .controlImg-box .imglinkOpenType label{display: inline-block; vertical-align: middle; font-size: 12px; color: #474C59; cursor: pointer; } .controlImg-box .checkbox { position: static; display: inline-block; vertical-align: middle; top: 0; width: 16px; height: 16px; margin-right: 7px; background: url(../images/check.png) center center / 16px 16px no-repeat; } .controlImg-box .checkbox.checked { background-image: url(../images/checked.png); } .controlImg-box .radiobox{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 8px; border: 1px solid #C3CCD9; border-radius: 50%; } .controlImg-box .radiobox.checked{ background: url(../images/radioed.png) center center / 16px 16px no-repeat; border:none; } /*图片设置允许下载*/ .controlImg-download { margin-top: 20px; } .controlImg-download .radioitem { padding: 8px 0; cursor: pointer; } .controlImg-box .radioitem label{ display: inline-block; vertical-align: middle; width: auto; padding: 0; font-size: 14px; color: #131B26; cursor: pointer; } /*视频附件--编辑视频封面*/ #videoCoverEdit { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(16, 26, 41, 0.76); z-index: 5; } #videoCoverEdit *{box-sizing: border-box!important;} #videoCoverEdit .editor-opration { position: absolute; width: 640px; height: 590px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: #FFFFFF; border-radius: 10px; } #videoCoverEdit .editorCover-top { width: 100%; height: 60px; line-height: 60px; background: #FFFFFF; box-shadow: inset 0px -1px 0px #F2F2F2; border-radius: 10px 10px 0px 0px; } #videoCoverEdit .editorCover-top span { font-weight: bold; font-size: 18px; color: #131B26; margin-left: 30px; } #videoCoverEdit .editorCover-top .close{ position: absolute; top: 15px; right: 17px; width: 28px; height: 28px; background: url(../images/popClose.png) center center / 18px 18px no-repeat; cursor: pointer;} #videoCoverEdit .editorCover-center { width: 100%; height: 460px; padding: 20px 30px 10px; box-sizing: border-box; } #videoCoverEdit .editorCover-center .center-topImg { width: 580px; height: 328px; border-radius: 4px; background: #F2F4F7; user-select: none; } #videoCoverEdit .center-topImg img { display: block; height: 328px; max-width: 100%; object-fit: contain; margin: 0 auto; } #videoCoverEdit .center-bottomOperation { width: 580px; height: 110px; } #videoCoverEdit .center-bottomOperation .upload-local { float: left; margin-top: 20px; width: 60px; height: 60px; border: 1px solid #D4D6D9; box-sizing: border-box; border-radius: 4px; margin-right: 22px; position: relative; } #videoCoverEdit .center-bottomOperation .upload-local .local-img { height: 30px; width: 30px; background: url(../images/uploadImg.png) center center / 30px 30px no-repeat; margin: 5px auto 1px; } #videoCoverEdit .center-bottomOperation .upload-local .text { font-weight: 500; font-size: 12px; line-height: 18px; color: #ACB4BF; text-align: center; } #videoCoverEdit .center-bottomOperation .upload-local input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; display: block; opacity: 0;} #videoCoverEdit .center-bottomOperation .upload-local:hover {border: 1px solid #94C0FF;} #videoCoverEdit .center-bottomOperation .upload-local:hover .local-img { background-image: url(../images/uploadImgBlue.png); } #videoCoverEdit .center-bottomOperation .upload-local:hover .text { color: #3A8BFF; } #videoCoverEdit .center-bottomOperation .line { float: left; width: 1px; height: 40px; margin-top: 30px; margin-right: 20px; background: #F2F2F2; } #videoCoverEdit .center-bottomOperation .upload-Yun { position: relative; float: left; width: 477px; height: 100%; overflow: hidden; } #videoCoverEdit .center-bottomOperation .upload-Yun .yun-ul { position: absolute; top: 0; left: 0; width: 100%; height: 83px; padding-top: 17px; white-space: nowrap; overflow-x: hidden; overflow-y: hidden;} #videoCoverEdit .center-bottomOperation .upload-Yun .yun-ul .cover-item { position: relative; display: inline-block; vertical-align: middle; background: #F2f2f2; min-width: 30px; border: 3px solid #FFFFFF; margin-right: 2px; border-radius: 2px; overflow: hidden; } #videoCoverEdit .center-bottomOperation .upload-Yun .yun-ul .cover-item img { display: block; height: 60px; border-radius: 2px; } #videoCoverEdit .center-bottomOperation .upload-Yun .yun-ul .cover-item.active { border: 3px solid #3A8BFF; } #videoCoverEdit .center-bottomOperation .upload-Yun .yun-ul .cover-item .cover-mask { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(58, 139, 255, 0.3); } #videoCoverEdit .center-bottomOperation .upload-Yun .yun-ul .cover-item.active .cover-mask {display: block;} #videoCoverEdit .center-bottomOperation .upload-Yun .video-page-left { position: absolute; left: 13px; top: 29px; width: 50px; height: 50px; background: url(../images/prev.png) center center / 100% 100% no-repeat; cursor: pointer; } #videoCoverEdit .center-bottomOperation .upload-Yun .video-page-right { position: absolute; right: 10px; top: 29px; width: 50px; height: 50px; background: url(../images/next.png) center center / 100% 100% no-repeat; cursor: pointer; } #videoCoverEdit .editorCover-bottom { width: 100%; height: 70px; background: #FFFFFF; box-shadow: inset 0px 1px 0px #F2F2F2; border-radius: 0px 0px 10px 10px; } #videoCoverEdit .editorCover-bottom .editorCover-ok { width: 92px; height: 36px; float: right; margin-right: 30px; margin-top: 17px; background: linear-gradient(139.98deg, #6CC7FF -38.96%, #5A33FF 175.13%); box-shadow: 0px 3px 12px rgba(39, 125, 255, 0.3); border-radius: 50px; font-size: 14px; text-align: center; color: #FFFFFF; line-height: 36px; cursor: pointer; } #videoCoverEdit .editorCover-bottom .editorCover-cancel {width: 92px; height: 36px; float: right; margin-right: 30px; margin-top: 17px; border: 1px solid #94C1FF; box-sizing: border-box!important; border-radius: 20px; font-weight: 500; font-size: 14px; line-height: 36px; text-align: center; color: #3A8BFF; cursor: pointer; } /*链接悬浮工具栏*/ .edui-editor-linkToolbar { user-select: none; display: none; position: absolute; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 4px; border-bottom-right-radius: 4px;} .edui-editor-linkToolbar.hover{display: block;} .edui-editor-linkToolbar .link-toolbar-wrap {position:absolute; width: 120px; height: 42px; top: -42px; padding: 0 10px; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75); border-radius: 6px; z-index: 10; user-select: none;} .link-toolbar-wrap>div{float: left; padding: 0 10px; font-size: 14px; line-height: 42px; color: #474C59; cursor: pointer; } /*编辑链接*/ .popUeditorEditLinkShowHide{box-sizing: border-box!important;} .popUeditorEditLinkShowHide .popWebsite_form{ padding:20px 0;} .popUeditorEditLinkShowHide .popWebsite_row{ height:76px; padding: 15px 0; position:relative; box-sizing: border-box} .popUeditorEditLinkShowHide .popWebsite_name{display: inline-block;font-size: 14px; width:156px; height:46px; line-height:46px; padding-right:20px; text-align:right; box-sizing: border-box!important;} .popUeditorEditLinkShowHide .popWebsite_input{ width:406px; height:46px; box-sizing: border-box!important; line-height:46px; padding:12px; background:#FFFFFF; border:1px solid #E1E1E5; font-size:14px; border-radius:4px; caret-color:#3A8BFF; margin-right: 15px;} .popUeditorEditLinkShowHide .popWebsite_input:hover,.popUeditorEditLinkShowHide .popWebsite_input:focus {border: 1px solid #3A8BFF;} .popUeditorEditLinkShowHide .popWebsite_xing{display: block; line-height:46px; margin-left:14px; font-size:14px; color:#F33F34;} .popUeditorEditLinkShowHide .popWebsite_dele{ width:16px; height:16px; background:url(../../../dialogs/link/popWebsite_dele.png) no-repeat; display:block; position:absolute; right:92px; top:50%; margin-top:-8px;} .popUeditorEditLinkShowHide .popWebsite_tishi{display: block; font-size:12px; color:#F33F34; position:absolute; left:156px; top:72px;} .popUeditorEditLinkShowHide .popBook_cuo{border:1px solid #FFCAC7; -webkit-box-shadow:0 0 4px 0 rgba(255,85,51,0.50); box-shadow:0 0 4px 0 rgba(255,85,51,0.50);} .popUeditorEditLinkShowHide .popBook_cuo:focus{border:1px solid #FFCAC7;} .popUeditorEditLinkShowHide input[type="radio"] { display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 4px; background: url(../images/check.png) center center / 15px 15px no-repeat;cursor: pointer;} .popUeditorEditLinkShowHide label { display: inline-block; vertical-align: middle; color: #646873; line-height: 46px; margin-right: 10px;} .popUeditorEditLinkShowHide input[type="radio"]:checked{ background-image: url("../images/checked.png");} .popUeditorEditLinkShowHide .mode_row{ height: 61px; padding-top: 0; margin-top: 15px; user-select: none;} /* 编辑电子印章 增加sign */ .popUeditorEditSignShowHide{box-sizing: border-box!important;} .popUeditorEditSignShowHide .popMove{width: 840px;} .popUeditorEditSignShowHide .popWebsite_form{ padding:64px 0 24px;} .popUeditorEditSignShowHide .signBox {height: 470px;display: flex;align-items: flex-start;flex-direction: column;} .popUeditorEditSignShowHide .signImgBox {width: 100%;height: 342px;display: flex;align-items: center;justify-content: space-around;position: relative;} .popUeditorEditSignShowHide .signSelectBox {font-family: "PingFang SC";font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;display: flex;align-items: center;color: #131b26;margin-left: 40px;} .popUeditorEditSignShowHide .group {width: 233px;height: 88px;display: flex;flex-direction: column;margin-right: 30px;} .popUeditorEditSignShowHide .title {font-weight: 500;} .popUeditorEditSignShowHide p {font-size: 16px;} .popUeditorEditSignShowHide input {height: 34px;border: 1px solid #D4D6D9; border-radius: 4px;height: 34px;font-family: "PingFang SC";font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;color: #131b26;} .popUeditorEditSignShowHide input:focus { outline: none; appearance: none; border: 1px solid #3a8bff;} .popUeditorEditSignShowHide input[type="text"]::-webkit-input-placeholder {color: #acb4bf;font-family: "PingFang SC";font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;} .popUeditorEditSignShowHide .timeInputEmpty::before {content: attr(placeholder);color: #acb4bf;display:block;width: 130px;font-family: "PingFang SC";font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;height: 25px; padding-top: 7px; display: block; background: white;position: absolute;} .popUeditorEditSignShowHide input::-webkit-outer-spin-button, .popUeditorEditSignShowHide input::-webkit-inner-spin-button { -webkit-appearance: none;} .popUeditorEditSignShowHide input[type="number"] { -moz-appearance: textfield;} .popUeditorEditSignShowHide input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; display: block; background: url("../../../dialogs/inserseal/images/date.png") no-repeat right center; background-size: 18px 18px; border-width: thin;} .popUeditorEditSignShowHide input[type="date"] { position: relative; } .popUeditorEditSignShowHide input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; right: 0px; padding-left: 135px; padding-right: 10px; } /* .popUeditorEditSignShowHide select { appearance: none; -moz-appearance: none;-webkit-appearance: none; background: url("../../../dialogs/sign/images/arrow.png") no-repeat scroll 140px 12px transparent; background-size: 12px 8px; cursor: pointer; width: 162px; border-radius: 4px; height: 34px; border: 1px solid #d4d6d9; padding-left: 16px; font-family: "PingFang SC"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #131b26; } */ .popUeditorEditSignShowHide select { appearance: none; -moz-appearance: none;-webkit-appearance: none; background: url("../../../dialogs/inserseal/images/arrow.png") no-repeat scroll 140px 12px transparent; background-size: 12px 8px; cursor: pointer; width: 162px; border-radius: 4px; height: 34px; border: 1px solid #d4d6d9; padding-left: 16px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #131b26; } .popUeditorEditSignShowHide select:focus { outline: none; appearance: none; border: 1px solid #3a8bff;} .popUeditorEditSignShowHide #item {display: flex;justify-content: space-between;align-items: center; } .popUeditorEditSignShowHide #file {display: none;} .popUeditorEditSignShowHide .reloadUpload { position: absolute; left: 145px; bottom: 42px; font-weight: 400; font-size: 14px; line-height: 20px; color: #6b89b3;} .popUeditorEditSignShowHide .uploadImg { background: #f7f8fa;border-radius: 10px;width: 580px;height: 282px;display: flex;align-items: center;justify-content: space-around;} .popUeditorEditSignShowHide .uploadBtn {width: 580px;height: 282px;display: inline-block;background-color: aqua;background: url("../../../dialogs/inserseal/images/uploadBtnImg.png");background-size: 580px 282px;} .popUeditorEditSignShowHide .signBottomBox {position: absolute;height: 70px;display: flex;justify-content: flex-end;bottom: 0;width: 100%;border-top: 1px solid #f2f2f2;align-items: center;} .popUeditorEditSignShowHide #cancel {width: 92px;height: 36px;border: 1px solid #8cbbff;border-radius: 999px;display: flex;align-items: center;justify-content: space-around;color: #3a8bff;margin-right: 30px;} .popUeditorEditSignShowHide #confirm {width: 92px;height: 36px;background: linear-gradient(322.22deg, #5a33ff -34.58%, #6cc7ff 132%);box-shadow: 0px 2px 9px rgba(103, 161, 255, 0.5);border-radius: 999px;display: flex;align-items: center;justify-content: space-around;color: #ffffff;margin-right: 30px;} *{margin: 0;padding: 0;} .fl{float: left;} .fr{float: right;} a{text-decoration:none;} input,textarea{outline: none;border: none;resize:none;} .editorMaskDiv {width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);z-index:10} .editorMaskDiv .wid440{width:440px;max-height:360px} .editorMaskDiv .wid640{width:640px;max-height:480px} .editorMaskDiv .wid840{width:840px;max-height:600px} .editorMaskDiv .popDiv{min-height:100px;background: #FFFFFF;border-radius: 10px;position:fixed;left:50%;overflow:hidden} .editorMaskDiv .popHead{line-height:60px;height:60px;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.80);position:absolute;left:0;top:0;width:100%;padding:0 30px;box-sizing: border-box!important;background:#fff;border-top-left-radius:10px; border-top-right-radius: 10px;} .editorMaskDiv .popHead p{font-size: 18px; color: #181E33; margin: 0;} .editorMaskDiv .popClose{float:right; display:inline-block;width:18px;height:18px;margin-top:19px;cursor: pointer;} .editorMaskDiv .popClose img{display: block;} .editorMaskDiv .het62{width:100%;height:60px;} .editorMaskDiv .popBottom{width:100%;height:53px;background:#fff;position:absolute;left:0;bottom:0;padding-top:17px;border-top-left-radius:10px; border-top-right-radius: 10px;box-sizing: content-box;} .editorMaskDiv .popBottom a{margin-right:30px;} .editorMaskDiv .shadowBox{box-shadow: 0 -1px 4px 0 rgba(209,209,209,0.18);} .editorMaskDiv .het72{width:100%;height:72px;} .editorMaskDiv .popWord{padding:26px 30px;} .fs14 {font-size: 14px;} /*多编辑器需要加的样式*/ .multieditor{position: relative} .multieditor .edui-default .edui-editor{z-index: unset !important;} .multieditor .edui-editor-iframecover,.multieditor .edui-editor-tabletoolbar,.multieditor .edui-editor-imagescale{z-index: 10!important;} /*模板*/ .templatePop { display: none; position: absolute; bottom: 0; left: 50px; height: 240px; width: 800px; z-index: 2; } .templatePop .templateHead { padding-top: 10px; line-height: 20px; font-size: 14px; color: #8A8B99; margin-bottom: 20px; } .template-wrap { width: 800px; margin: 0 auto; } .multieditor .template-wrap,.multieditor .templatePop{width: 100%} .template-wrap:after { content: ''; display: block; clear: both; } .templateList{position:relative; padding-bottom: 10px; overflow-x: auto; white-space: nowrap} .template { display: inline-block;vertical-align: middle; width: 120px; height: 160px; background: #FFFFFF; box-shadow: 0px 2px 13px 0px rgba(12, 22, 37, 0.05); border-radius: 2px; border: 1px solid #DADFE6; text-align: center; padding-top: 13px; float: none; margin-left: 6px; box-sizing: border-box!important; cursor: pointer; } .template:first-child { margin-left: 0; } .template .tit { width: 100%; padding-left: 14px; box-sizing: border-box; text-align: left;} .template .tit::after { content: ''; clear: both; display: block; } .template .tit > h3 { float: left; line-height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100% } .template .tit .icon { width: 19px; height: 23px; display: inline-block; float: left; } .template .tem { width: 92px; height: 100px; display: inline-block; margin-top: 14px; } .template-wrap ::-webkit-scrollbar { width: 8px; height: 8px; } .template-wrap ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #e6ecf5; } .template-wrap ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track { background-color: #f9f9f9; } .templateBtns{position: absolute; right: 0; top: 10px; } .templateBtns .openTemplateBtn{color: #8A8B99; cursor: pointer;} .templateBtns .openTemplateBtn i{ position: relative;top: -2px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; background: url(../../../../../images/pc/note/template.png) center center / 16px 16px no-repeat;} .templateBtns .prev,.templateBtns .next{ float: left; display: block; width: 20px; height: 20px; margin-left: 12px; cursor: pointer} .templateBtns .prev{background: url(../images/arrow-circle-black.png) center center / 20px 20px no-repeat; transform: rotate(180deg)} .templateBtns .prev.gray{background-image: url(../images/arrow-circle-gray.png); transform: none; cursor: default} .templateBtns .next{background: url(../images/arrow-circle-black.png) center center / 20px 20px no-repeat} .templateBtns .next.gray{background-image: url(../images/arrow-circle-gray.png); transform: rotate(180deg); cursor: default} /*模板end*/ /*灰色提示弹窗*/ .toolTipBox{position:fixed;padding:0 24px;height: 48px; background:rgba(79,87,98,0.98);border-radius: 8px;line-height:48px;color:#fff;font-size:14px;top:50%;left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:10} .popicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;} .popicon img{display: block;width:100%;height:100%} .loadicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;} .loadicon img{width:100%;height:100%} .toolTipBox .loading img{position: relative; top: -1px;-webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @media only screen and (min-width: 100px) and (max-width: 640px) { .toolTipBox{position:fixed;padding:12px 24px; height:auto; background:rgba(79,87,98,0.98);border-radius: 8px;line-height:24px;color:#fff;font-size:14px;top:50%;left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:10} } /*窄小编辑器附件工具栏缩窄*/ .edui-editor-iframecover.min .iframeoperate, .edui-editor-tabletoolbar .tableoperate{padding-left: 8px} .edui-editor-iframecover.min .iframeop, .edui-editor-tabletoolbar .tableop{padding-right: 8px;} .edui-editor-iframecover.min .iframeset{padding-left: 8px;} .edui-editor-iframecover.min .setlist{left: -70px!important; top: 40px;} .edui-editor-iframecover.min .iframeoperate i, .edui-editor-tabletoolbar.min .tablesplite{display: none} .edui-editor-imagescale.min .imgoperate{padding-left: 8px;min-width: unset} .edui-editor-imagescale.min .imgop{margin-right: 8px} .edui-editor-imagescale.min .imgoperate i.imgsplite{display: none} /*悬浮工具栏*/ .edui-editor-hoverToolbar { display: none; position: absolute; width: 100%; } /*.edui-editor-hoverToolbar.hover { display: block; }*/ .edui-editor-hoverToolbar .add{position: absolute; left: -28px; top: 0; width:29px; height:24px; padding: 3px; cursor: pointer} .edui-editor-hoverToolbar .add i{display:block; width: 18px; height: 18px; background: url(../images/table-add.png) center center / 18px 18px no-repeat; border-radius: 2px;} .edui-editor-hoverToolbar .add:hover i{background-color: #EEEFF0} .edui-editor-hoverToolbar .toolListWrap { display: none; position: absolute; left: -243px; top: 0; width: 218px; padding: 6px 0; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75); border-radius: 6px; } /*.edui-editor-hoverToolbar:hover .toolListWrap{ display: block;}*/ .edui-editor-hoverToolbar .label{ font-size: 12px; color: #8A8B99; height: 30px; line-height: 30px; padding: 0 20px;} .edui-editor-hoverToolbar .cmdList{padding: 0 18px} .edui-editor-hoverToolbar .cmdList span{ display: inline-block; width: 22px; height: 22px; margin-right: 10px; margin-bottom: 6px; background-size: 18px 18px; background-repeat: no-repeat; background-position: center center; cursor: pointer;} .edui-editor-hoverToolbar .cmdList span:hover,.edui-editor-hoverToolbar .cmdList span.active{background-color: #EEEFF0;border-radius: 4px;} .edui-editor-hoverToolbar .cmdList span:nth-child(6){margin-right: 0} .edui-editor-hoverToolbar .cmdList span.h1{background-image: url(../images/svg/h1.svg)} .edui-editor-hoverToolbar .cmdList span.h2{background-image: url(../images/svg/h2.svg)} .edui-editor-hoverToolbar .cmdList span.h3{background-image: url(../images/svg/h3.svg)} .edui-editor-hoverToolbar .cmdList span.h4{background-image: url(../images/svg/h4.svg)} .edui-editor-hoverToolbar .cmdList span.insertunorderedlist{background-image: url(../images/svg/unorderlist.svg)} .edui-editor-hoverToolbar .cmdList span.insertorderedlist{background-image: url(../images/svg/orderlist.svg)} .edui-editor-hoverToolbar .cmdList span.blockquote{background-image: url(../images/svg/blockquote.svg)} .edui-editor-hoverToolbar .cmdList span.callout{background-image: url(../images/svg/highlight.svg)} .edui-editor-hoverToolbar .iconCmd{height: 40px; line-height: 40px; font-size: 14px; color: #474C59; padding: 0 20px; cursor: pointer;} .edui-editor-hoverToolbar .iconCmd i{ position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 10px; background-size: 18px 18px; background-repeat: no-repeat; background-position: center center;} .edui-editor-hoverToolbar .iconCmd:hover{background-color: #EEEFF0;} .edui-editor-hoverToolbar .iconCmd.checkbox i{background-image: url(../images/svg/checkbox.svg)} .edui-editor-hoverToolbar .iconCmd.insertimage i{background-image: url(../images/svg/img.svg)} .edui-editor-hoverToolbar .iconCmd.insertfile i{background-image: url(../images/svg/attach.svg)} .edui-editor-hoverToolbar .iconCmd.inserttable i{background-image: url(../images/svg/table.svg)} .edui-editor-hoverToolbar .iconCmd.link i{background-image: url(../images/svg/link.svg)} .edui-editor-hoverToolbar .iconCmd.insertcode i{background-image: url(../images/svg/insertcode.svg)} .edui-editor-hoverToolbar .iconCmd.horizontal i{background-image: url(../images/svg/horizontal.svg)} .edui-editor-hoverToolbar .iconCmd.mindMap i{background-image: url(../images/svg/mindmap.svg)} .edui-editor-hoverToolbar .iconCmd.onlinetable i{background-image: url(../images/svg/onlinetable.svg)} .edui-editor-hoverToolbar .split{width: 100%; height: 1px; margin: 6px 0;background: #F2F2F2;} .edui-editor-hoverToolbar .iconCmd .arrow{position: relative; top: 15px; display:inline-block; width:10px; height:10px; background: url(../images/arrow.png) center center / auto 10px no-repeat} .edui-editor-hoverToolbar .inserttable{position: relative} .edui-editor-hoverToolbar .edui-tablepicker{ display: none; position: absolute; left: 100%; top: -20px; width: 214px;height: 236px;background: #ffffff;border-radius: 6px;box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75);} .edui-editor-hoverToolbar .inserttable:hover .edui-tablepicker{display: block; } .multieditor .hovertool.edui-editor .edui-editor-iframeholder{padding-left: 20px} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number']{ -moz-appearance: textfield; } /*返回顶部*/ .ueditor_totop{ display: none; position: fixed; width: 40px; height: 40px; right: 40px; background: #FFFFFF; box-shadow: 0 1px 7px 0 rgba(198,204,217,0.58); bottom: 44px; border-radius: 5px; z-index: 100; cursor: pointer; } .ueditor_totop p { display: inline-block; width: 40px; height: 40px; overflow: hidden; background: url(../images/backtotop.png) -40px 0px no-repeat; } .ueditor_totop p:hover{ background-position: 0px 0px; } .ueditor_totop .DownloadaHovertip{opacity: 0;visibility: hidden; position:absolute;right:50px;bottom:0px; width: 82px;height:40px; font-size: 14px; background: rgba(24,30,51,0.80);border-radius: 4px;margin-left: -28px;-webkit-transition: opacity 0.3s 0.3s, visibility 0s 0.3s;transition: opacity 0.3s 0.3s, visibility 0s 0.3s;text-align:center;line-height:40px;color:#fff;} .ueditor_totop .DownloadaHovertip i{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; position:absolute; right:-8px; top:16px; bottom:auto; border-color:rgba(24,30,51,0.80) transparent transparent transparent;transform:rotate(-90deg);} .ueditor_totop:hover .DownloadaHovertip{opacity: 1;visibility: visible;} .hyperlink-dialog-wrapper #linkIcon:hover + .changeIcon{ display: block; } .hyperlink-dialog-wrapper #uploadIcon{ display: none; position: absolute; width: 48px; height: 48px; left: 157px; cursor: pointer; } .hyperlink-dialog-wrapper .changeIcon{ width: 46px; height: 48px; display: none; border-radius: 4px; position: absolute; left: 157px; top: 15px; pointer-events: none; background: rgba(0, 0, 0, 0.50) center/16px url(../images/camera.png) no-repeat; } .popWebsite_row #linkIcon{ width: 48px; height: 48px; cursor: pointer; object-fit: cover; border-radius: 4px; } .hyperlink-dialog-wrapper{ position: relative; } /*目录*/ .catalogWrap { position: fixed; width: calc(50% - 450px); min-width: 200px; max-width: 450px; height: calc(100vh - 60px); top: 60px; left: 0; z-index: 3; user-select: none} .catalogWrap .catalogBox{display: flex; align-items: center; height: 100%;} .catalogWrap .catalogDiv { width: 100%; position: absolute; right: 0; max-height: 100%; transition: all 0.3s; } .catalogWrap .catalogHead { height: 30px; margin: 0 18px; color: #474C59; font-size: 16px; } .catalogWrap .catalogHead p{font-weight: 500;} .catalogWrap .catalogHead .closeIcon{display: none;} .catalogWrap .catalogDiv:hover .closeIcon{display: block;} .catalogWrap .closeIcon { width: 18px;height: 30px;background: url(../../../../../images/pc/note/doubleleftarrow.png) center center / 18px 12px no-repeat; cursor: pointer; } .catalogWrap .closeIcon:hover{background-image: url(../../../../../images/pc/note/doubleleftarrow-blue.png)} .catalogWrap .navDiv { display: none; position: absolute; left: 0; cursor: pointer; } .catalogWrap .navDiv .hoverTips { left: 48px; top: -5px; } .catalogWrap .navDiv .hoverTips i { left: -8px; margin-left: 0; top: 50%; margin-top: -4px; border-color: transparent rgba(24, 30, 51, 0.8) transparent transparent; } .catalogWrap .navDiv:hover .hoverTips { display: block; } .catalogWrap #navBtn { width: 40px; height: 32px; padding: 0 16px 0 10px; background: url(../../../../../images/pc/note/list.png) center center/14px 14px no-repeat; background-color: #FFFFFF; border-bottom-right-radius: 32px; border-top-right-radius: 32px; box-shadow: 0px 1px 4px 0px rgba(1, 33, 79, 0.1); border-radius: 0px 100px 100px 0px; box-sizing: border-box; } .catalogWrap .catalogMain { position: relative; max-height: calc(100% - 50px); overflow: auto} .catalogWrap .catalogMain::-webkit-scrollbar-thumb{background:transparent} .catalogWrap:hover .catalogMain::-webkit-scrollbar-thumb{background-color: #DADFE5;} .foldCatalog{position: absolute; right: 18px; top: 0px;} .foldCatalog .hoverTips{display: none; top: -5px; left: 26px; font-size: 12px;} .foldCatalog .hoverTips i{left: -4px; top: 50%; transform: translateY(-50%); border-color: transparent rgba(24, 30, 51, 0.8) transparent transparent;} .foldCatalog:hover .hoverTips{display: block} .hoverTips { display: none; position: absolute; height: 40px; padding: 0 16px; line-height: 40px; text-align: center; color: #FFF; background: rgba(24, 30, 51, 0.8); border-radius: 4px; white-space: nowrap; z-index: 99; -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s; } .hoverTips i { position: absolute; left: 50%; margin-left: -4px; top: 40px; bottom: auto; display: block; width: 0px; height: 0px; border: solid rgba(24, 30, 51, 0.8) 4px; border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent; } .catalogList {padding: 10px 0 10px;} .catalogList li { position: relative; font-size: 14px; padding: 0 18px; margin-bottom: 10px; cursor: pointer; word-wrap: break-word; } .catalogList li>span{ position: relative; padding-left: 18px; margin-left: -18px;} .catalogList li i { display: none; position: absolute; left: 0px; top: -2px; width: 18px; height: 18px; background: url(../../../../../images/pc/note/triBlueRight.png) center center/12px 12px no-repeat; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.3s; } .catalogList li i.fold { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; } .catalogList li[level='1'], .catalogList li[attr='title'] { color: #474C59; padding-left: 18px; } .catalogList li[level='1'], .mac .catalogList li[attr='title'] { font-weight: 500; } .catalogList li[level='2'] { color: #474C59; padding-left: 36px; } .catalogList li[level='3'] { color: #474C59; padding-left: 54px; } .catalogList li[level='4'] { color: #474C59; padding-left: 72px; } .catalogList li[level='5'] { color: #474C59; padding-left: 90px; } .catalogList li[level='6'] { color: #474C59; padding-left: 108px; } .catalogList li[attr]:empty { display: none; } .catalogList li.active { color: #3A8BFF; } .catalogList li:hover { color: #3A8BFF; } .catalogList li.hover { color: #3A8BFF; } .catalogList li.hover i { display: block; } body .catalogMain::-webkit-scrollbar { width: 8px; height: 8px; } body .catalogMain::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #DADFE5; } body .catalogMain::-webkit-scrollbar-thumb:hover { background-color: #DADFE5; } body .catalogMain::-webkit-scrollbar-track { background-color: unset; } @media screen and (max-width: 1300px) { .catalogWrap .catalogBox .navDiv { display: block } .catalogWrap .catalogBox .catalogDiv { right: 100% } } @media screen and (min-width: 1300px) { .catalogWrap .catalogBox .navDiv { display: none } .catalogWrap .catalogBox .catalogDiv { right: 0 } } /*插入电子签名弹窗*/ .editorMaskDiv .wid840{width: 840px; height: 540px} #electronSignPop .popHead span{ color: #8A8B99; font-size: 14px; } #electronSignPop .popDiv{ position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); z-index: 100;} #electronSignPop iframe{width: 100%; height: 480px;} /*字符统计*/ .word-statistics-wrap{ position: fixed; top: 60px; width: 240px; padding: 8px 20px 4px 20px; border-radius: 6px; background: #FFF; box-shadow: 0px 2px 12px 0px rgba(0, 37, 89, 0.20); z-index: 100; } .word-statistics-head{ position: relative; height: 40px; line-height: 40px; font-size: 15px; border-bottom: solid 1px #F2F2F2; } .word-statistics-close{ position: absolute; right: 0; top: 13px; width: 14px; height: 14px; cursor: pointer; } .word-statistics-content{ position: relative; padding-top: 20px; } .word-statistics-content p{ font-size: 14px; color: #474C59; line-height: 20px; min-height: 20px; margin-bottom: 16px; } .word-statistics-content p span{ position: absolute; right: 0; } .edui-editor textarea.placeholder{ width: 0; height: 0; } /*ai纠错*/ .editor_ai_menu{ position: fixed; width: 50px; height: 50px; right: 60px; bottom: 100px; z-index: 20; } .menu_sphere{ cursor: pointer; } .anim_sphere_show{ animation: scaleShow 0.3s ease-in-out; } .anim_sphere_out{ animation: scaleOut 0.3s ease-in-out forwards; } .menu_sphere_text{ position: absolute; top: 0; left: 0; } .reviser{ position: fixed; bottom: 10px; right: 10px; z-index: 100; }