/*编辑区域*/
.mky-nav {
    position: fixed;
    width: 100%;
    z-index: 999;
    min-width: 1280px;
}
.renderbody {
    position: relative;
    top: 50px;
    min-width: 1280px;
}
.mky-footer {
    position: fixed !important;
    min-width: 1280px;
}

.full-page {
    display: flex;
    min-width: 1280px;
}
.footer {
    position: unset;
}
/*编辑器底部工具栏start*/
.bottom-tools {
    position: absolute;
    bottom: 0;
    width: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999999;
    height:22px;
}
.bottom-tools .tools-items{
    width:480px;
}
.bottom-tools .tools-items a{
    padding:0 5px;
    font-size:12px;
    color:#333333;
}
.w600 .tools-items {
    width: 600px !important;
}
.sign-drop li{
    padding:0 15px;
}
/*end*/

.editor-area {
    /*width: 480px;*/
    /*width: -webkit-calc(100% - 650px);
    width: -moz-calc(100% - 650px);
    width: calc(100% - 650px);*/
    /*float: left;*/
    /*margin-left: calc((100% - 472px)/7);*/
    /*margin-left:6%;*/
    max-height: calc(100vh - 80px);
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    /*margin-top: 60px;*/
    /*overflow:hidden;*/
    position: relative;
    /*display:flex;*/
    flex-grow: 1;
    /*margin: 0 5px;*/
    z-index: 0;
}
/*浮窗中颜色筛选器数字框去掉上下调箭头*/
.edui-colorpicker input[type=number]::-webkit-inner-spin-button,
.edui-colorpicker input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.edui-colorpicker input[type=number] {
    -moz-appearance: textfield; /* Firefox 支持 */
}
/*编辑器底色*/
.edui-editor{background:none !important;}

/* Chrome, Safari, Opera */
@-webkit-keyframes editorsm {
    from {
        /*margin-left: calc((100% - 472px)/2.7);*/
        width: 600px !important;
    }

    to {
        /*margin-left: calc((100% - 472px)/7);*/
        width: 480px !important;
    }
}
/* Standard syntax */
@keyframes editorsm {
    from {
        /*margin-left: calc((100% - 472px)/2.7);*/
        width: 600px !important;
    }

    to {
        /*margin-left: calc((100% - 472px)/7);*/
        width: 480px !important;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes editorlg {
    from {
        /*margin-left: calc((100% - 472px)/7);*/
        width: 480px !important;
    }

    to {
        /*margin-left: calc((100% - 472px)/2.7);*/
        width: 600px !important;
    }
}
/* Standard syntax */
@keyframes editorlg {
    from {
        /*margin-left: calc((100% - 472px)/7);*/
        width: 480px !important;
    }

    to {
        /*margin-left: calc((100% - 472px)/2.7);*/
        width: 600px !important;
    }
}

/*.editor-area::-webkit-scrollbar {
    width: 5px;
}

.editor-area::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 5px #fff;
    background: #D8D8D8;
}

.editor-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #fff;
    border-radius: 0;
    background: #fff;
}*/

/*.edui1_iframeholder {
    height: calc(100vh - 200px) !important;
}*/

/*编辑器左侧多文章tab选择菜单*/

.set-tools {
    order: 0;
    position: absolute;
    width: 30px !important;
    left: -30px;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.set-tools .set-item {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #333333;
    cursor: pointer;
    display: flex;
    align-items: center;
    user-select: none;
    position: relative;
    justify-content:center;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}

.set-tools .set-item:hover {
    background-color: gray;
    color: #ffffff;
}
.set-body{
    text-align:center;
    font-size:12px;
}
.set-body .layui-form-radio {
    margin:0;
}

.editor-tab {
    order: 0;
    position: absolute;
    width: 30px !important;
    left: -30px;
    top: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.editor-tab li {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #333333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content:center;
    user-select: none;
    position: relative;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}
.editor-tab .tab-item:hover{
    background-color:gray;
    color:#ffffff;
    opacity:0.6;
}

/*.editor-tab .tab-item:hover .tab-close {
    display:block;
}*/
.editor-tab .tab-close {
    position:absolute;
    top:-12px;
    left:-8px;
    color:#333333;
    display:none;
}

.editor-tab .active{
    background-color:gray;
    color:#ffffff;
}


.editor-tab .tab-li-con {
    width: 100%;
}

/*编辑器右侧功能按钮区域*/
.editor-tools {
    width: 100px !important;
    /*float: left;*/
    /*margin-top: 120px;*/
    position: absolute;
    /*top: 30px;*/
    top: 10%;
    right: -105px;
    max-height: calc(100vh - 180px);
    overflow: hidden;
}
.editor-tools .nav-tabs{
    border-bottom:0;
}

.editor-tools .nav-item {
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 4px 0;
}

.editor-tools .nav-link {
    background-color: #ffffff;
    font-size:12px;
    border-bottom-right-radius:0.25em;
    border-top-left-radius:unset;
    padding:.4rem .6rem;
    text-align:left;
}
.editor-tools .nav-link i{
    margin-right:5px;
}
/*编辑内容宽度自适应*/
#edui2{
    width:100% !important;
}
.edui-editor-iframeholder {
    /*width: 480px !important;*/
    margin: 0 auto;
    padding-bottom: 25px;
    overflow: visible !important;
}
.w600 .edui-editor-iframeholder {
    width: 600px !important;
}
/*编辑器工具栏*/
#edui2_toolbarboxouter {
    /*position: fixed !important;*/
    /*z-index: 9999999;*/
    /*top: 50px;*/
    /*margin-left: calc((100% - 472px)/7*-1);*/
    /*margin-left:-6%;*/
    /*min-width: 628px;*/
    /*min-width: 800px;*/
    text-align: center;
    /*padding:0 20px;*/
    /*width: calc(100% - 772px);*/
}

/* Chrome, Safari, Opera */
/*@-webkit-keyframes toolbarsm_g {
    from {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }

    to {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 772px);
    }
}*/
/* Standard syntax */
/*@keyframes toolbarsm_g {
    from {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }

    to {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 772px);
    }
}*/

/* Chrome, Safari, Opera */
/*@-webkit-keyframes toolbarlg_g {
    from {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 772px);
    }

    to {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }
}*/
/* Standard syntax */
/*@keyframes toolbarlg_g {
    from {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 772px);
    }

    to {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }
}*/


/* Chrome, Safari, Opera */
/*@-webkit-keyframes toolbarsm_s {
    from {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }

    to {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 472px);
    }
}*/
/* Standard syntax */
/*@keyframes toolbarsm_s {
    from {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }

    to {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 472px);
    }
}*/

/* Chrome, Safari, Opera */
/*@-webkit-keyframes toolbarlg_s {
    from {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 472px);
    }

    to {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }
}*/
/* Standard syntax */
/*@keyframes toolbarlg_s {
    from {
        margin-left: calc((100% - 472px)/7*-1);
        padding: 0 0;
        width: calc(100% - 472px);
    }

    to {
        margin-left: calc((100% - 472px)/2.7*-1);
        padding: 0 10%;
        width: calc(100% - 100px);
    }
}*/

/*模块操作菜单*/
.edui-default .edui-popup{
    background-color:transparent;
}
.edui-default .edui-bubble .edui-popup-content {
    /*min-width: 300px !important;*/
    background-color:transparent;
    /*min-width: 250px !important;*/
    /*background: #494574;*/
    border: 0;
    box-shadow: unset;
    color: #ffffff;
}
.edui-default .edui-editor {
    border: 0 !important;
}
.edui-default span.edui-clickable{
    color:#ffffff;
}
.toolbox .rowhover {
    padding: 2px 2px;
    border: 1px solid #ffffff;
}

.toolbox .rowhover:hover {
    border: 1px solid #e58282;
}

.toolbox {
    width:100%;
    /*width: 290px;*/
    /*width: 240px;*/
    font-size: 12px;
}

.toolbox span {
margin: 0 4px;
cursor: pointer;
font-family: initial;
line-height: 22px;
}

.toolbox .wd {
display: inline-block;
width: 190px;
height: 4px;
background-color: #eee;
border-radius: 4px;
position: relative;
}

.toolbox .swd {
display: inline-block;
width: 100px;
height: 4px;
background-color: #eee;
border-radius: 4px;
position: relative;
}

.toolbox .mwd {
    display: inline-block;
    width: 100px;
    height: 4px;
    background-color: #eee;
    border-radius: 4px;
    position: relative;
}

.toolbox .slider {
margin: 0;
position: absolute;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
background: #9e9e9e;
top: -4px;
left: 0;
}

.toolbox #sd1 {
left: 100px;
}

.toolbox #sd2 {
left: 50px;
}

.toolbox #sd3 {
left: 100px;
}

.toolbox .val {
text-align: center;
width: 38px;
height: 18px;
/*border-radius: 4px;
border: 0;*/
-moz-appearance: textfield;
}

.toolbox input{
    border-radius: 4px;
    border: 0;
}
.toolbox em{
    margin-left: 2px;
}
.toolbox input::-webkit-outer-spin-button,
.toolbox input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


/*.toolbox .val::-webkit-outer-spin-button,
.toolbox .val::-webkit-inner-spin-button {
    -webkit-appearance: none;
}*/

.toolbox .pen {
pointer-events: none;
}
.section-poptools {
    box-sizing: border-box;
    width: 325px;
    background: #494574;
    /*box-shadow: 0 0 10px #45435e;*/
    border: 0;
    box-shadow: 0 0 10px #45435e;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
}

.toolbox .subsection-poptools {
    box-sizing: border-box;
    /*position: absolute;*/
    /*width: 100%;*/
    width: 325px;
    background: #494574;
    border: 0;
    box-shadow: 0 0 10px #45435e;
    border-radius: 5px;
    padding: 5px;
    /*margin-top: 5px;*/
    margin-bottom: 5px;
}

.toolbox .img-poptools {
    box-sizing: border-box;
    /*position: absolute;*/
    /*width: 100%;*/
    width: 325px;
    background: #494574;
    border: 0;
    box-shadow: 0 0 10px #45435e;
    border-radius: 5px;
    padding: 5px;
    /*margin-top: 5px;*/
    margin-bottom:5px;
}

.toolbox .text-poptools {
box-sizing: border-box;
position: absolute;
width: 100%;
background: #494574;
border: 0;
box-shadow: 0 0 10px #45435e;
left: 0;
border-radius: 5px;
padding: 5px;
}

.toolbox .edui-angleup {
margin-left: 49%;
margin-bottom: 2px;
cursor: pointer;
width: 12px;
height: 12px;
cursor: pointer;
color: #fff;
font-size: 14px;
transform: rotate(-90deg);
}

.toolbox .edui-angledown {
margin-left: 49%;
margin-bottom: 2px;
cursor: pointer;
width: 12px;
height: 12px;
cursor: pointer;
color: #fff;
font-size: 14px;
transform: rotate(90deg);
}

/*区域层级样式*/
.toolbox .cengbox {
}
.toolbox .ceng {
    color: #fad3af;
    padding: 0 4px;
    margin: 0 2px;
    border-radius: 5px;
}
.toolbox .cengbox .active {
    border:1px solid gray;
}
.toolbox .ceng:hover{
    color: gray;
}
/*窗口菜单编辑*/
.tool-mate {
    border: 1px solid #ffffff;
    padding: 3px;
    border-radius: 50%;
    display: inline-block;
    line-height: 12px;
    margin-left: 5px;
    animation: toolshake 1.5s .15s linear infinite;
    -webkit-animation: toolshake 1.5s .15s linear infinite;
}
.tool-mate i{
    font-size: 12px;
}

@keyframes toolshake {
    10% {
        transform: rotate(15deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(5deg)
    }

    40% {
        transform: rotate(-5deg)
    }

    100%,50% {
        transform: rotate(0)
    }
}

@-webkit-keyframes toolshake {
    10% {
        transform: rotate(15deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(5deg)
    }

    40% {
        transform: rotate(-5deg)
    }

    100%,50% {
        transform: rotate(0)
    }
}

@-moz-keyframes toolshake {
    10% {
        transform: rotate(15deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(5deg)
    }

    40% {
        transform: rotate(-5deg)
    }

    100%,50% {
        transform: rotate(0)
    }
}

@-o-keyframes toolshake {
    10% {
        transform: rotate(15deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(5deg)
    }

    40% {
        transform: rotate(-5deg)
    }

    100%,50% {
        transform: rotate(0)
    }
}

.mate-lock{
    background-color:lightsalmon;
}
.mate-help {
    background-color: lightblue;
}
.mate-close {
    background-color: lightcoral;
}
/*取色器start*/
.toolmc {
    width: 18px !important;
    height: 18px !important;
    border: 0;
    outline: none;
    border-radius:50%;
    background-color: transparent;
    /*padding: 2px;*/
    cursor: pointer;
}
/*说明*/
/*::-webkit-color-swatch-wrapper 这个是外面的容器
::-webkit-color-swatch 这个是内部的颜色按钮，改变颜色后会改变*/
::-webkit-color-swatch-wrapper {
    background-color: transparent;
    padding: 0;
}

::-webkit-color-swatch {
    position: relative;
    border-radius: 50%;
}
/*取色器end*/

/*文章预览*/
.mobile-preview{
    display:none;
}
.preview-body {
    max-width: 328px;
    height: 536px;
}
.preview-body img{max-width:100% !important;}

/*区域宽度*/
.setpop {
    position: absolute;
    background-color: #45435e;
    /*top: -48px;*/
    top: -180px;
    left: 0;
    width: 220px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
    z-index:9999;
}

.setpop input[type=number] {
    width: 50px;
    height: 18px;
    margin-left: 5px;
    text-align:center;
}
.setpop input[type=radio] {
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
}

.s_set:hover .setpop {
    display: block;
}
.s_set:hover {
    outline: 1px solid gray;
    outline-offset: 2px;
    border-radius: 5px;
}

.setpop #zindex {
    width: 45px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
}
.setpop span {
    cursor: default !important;
}
.imgpop {
    top: 15px;
}
/*间距样式*/
.space_pop {
    position: absolute;
    background-color: #45435e;
    top: -146px;
    left: -40px;
    width: 230px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
}
.space_pop span{
    cursor:default !important;
}
.space_pop input{
    width:50px;
    height: 18px;
    text-align:center;
}
.s_space:hover .space_pop {
    display: block;
    z-index: 9;
}
.s_space:hover {
    outline:1px solid gray;
    outline-offset:2px;
    border-radius:5px;
}
/*间距样式*/
/*.linepop {
    position: absolute;
    background-color: #45435e;
    top: -48px;
    left: 0;
    width: 120px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
}

    .linepop input {
        width: 50px;
        height: 18px;
    }

.s_line:hover .linepop {
    display: block;
}*/
/*内间距*/
/*.padpop {
    position: absolute;
    background-color: #45435e;
    top: -92px;
    left: -20px;
    width: 120px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
}

.padpop input {
    width: 50px;
    height: 18px;
}

.s_padding:hover .padpop {
    display: block;
}*/
/*外间距*/
/*.marginpop {
    position: absolute;
    background-color: #45435e;
    top: -92px;
    left: -20px;
    width: 120px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
}

.marginpop input {
    width: 50px;
    height: 18px;
}

.s_margin:hover .marginpop {
    display: block;
}*/

/*图片对齐*/
.img_alignpop {
    position: absolute;
    background-color: #45435e;
    top: 15px;
    left: -10px;
    width: 50px !important;
    display: none;
    padding: 2px 0;
    border-radius:5px;
    border:1px solid #ffffff;
}
.img_align{position:relative;}
.img_alignpop p:hover{opacity:0.6;}

.img_align:hover .img_alignpop {
    display: block;
    z-index:9;
}
.img_align:hover {
    outline: 1px solid gray;
    outline-offset: 2px;
    border-radius: 5px;
}

/*图片形状*/
.img_shapepop {
    position: absolute;
    background-color: #45435e;
    top: 15px;
    left: -10px;
    width: 50px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
}

.img_shape {
    position: relative;
}

.img_shapepop p:hover {
    opacity: 0.6;
}

.img_shape:hover .img_shapepop {
    display: block;
    z-index:9;
}
.img_shape:hover {
    outline: 1px solid gray;
    outline-offset: 2px;
    border-radius: 5px;
}

/*样式调整*/
.tz_pop {
    position: absolute;
    background-color: #45435e;
    top: 15px;
    left: 0;
    width: 220px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
    z-index: 9;
}

.bz_pop {
    position: absolute;
    background-color: #45435e;
    top: -55px;
    left: 0;
    width: 220px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
    z-index: 9;
}
.bz_pop span{
    cursor:default !important;
}

.tz_box {
    position: relative;
    margin: 0 !important;
}
.tz_box {
    position: relative;
    margin: 0 !important;
}
.tz_box input[type=number]{
    width: 50px;
    height: 18px;
    margin-left: 5px;
    text-align: center;
}
.tz_box input[type=radio]{
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
}

.tz_box:hover .tz_pop,.tz_box:hover .bz_pop {
    display: block;
}

.tz_box:hover {
    outline: 1px solid gray;
    border-radius: 5px;
}

/*下拉窗*/
.item_pop {
    position: absolute;
    background-color: #45435e;
    top: 15px;
    left: -20px;
    width: 80px !important;
    display: none;
    padding: 2px 0;
    border-radius: 5px;
    border: 1px solid #ffffff;
}
.sub_pop {
    top:-48px;
}
.item_pop_10 {
    left: -10px;
}
.item_box {
    position: relative;
    margin: 0 !important;
}

.item_pop p:hover {
    opacity: 0.6;
}

.item_box:hover .item_pop {
    display: block;
    z-index: 9;
}

.item_box:hover {
    outline: 1px solid gray;
    border-radius: 5px;
}


/*一键排版预览*/

.formatForm {
    text-align: center;
    padding: 5px;
    background-color: white;
    margin-top: -60px;
}

.formatForm .layui-form-item {
    margin: 0;
}

.formatForm .layui-form-label {
    width: 48px;
    padding: 0;
    font-size: 12px;
}

.formatForm .layui-input-inline {
    width: 80px;
    margin-top: -7px;
    margin-right: 5px;
}

#formatBody {
    background-color: white;
    padding: 30px;
}
#formatBody {
    border: 1px solid #dddddd;
    height: calc(100vh - 185px);
    overflow: hidden;
    overflow-y: scroll;
}
#formatBody::-webkit-scrollbar {
    width: 5px;
}

#formatBody::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 5px #fff;
    background: #D8D8D8;
}

#formatBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #fff;
    border-radius: 0;
    background: #fff;
}


/*文本样式弹窗*/
.text-toolbar {
    background: #494574;
    box-shadow:0 0 5px #45435e;
    padding:9px;
    border-radius:5px;
    font-size:12px;
}
.text-toolbar:not(:first-child){
    margin-top:5px;
}
.text-style-body{
    max-height:150px;
    overflow:hidden;
    overflow-y:scroll;
}
.text-style-body::-webkit-scrollbar {
    width: 5px;
}

.text-style-body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 5px #fff;
    background: #D8D8D8;
}

.text-style-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #fff;
    border-radius: 0;
    background: #fff;
}
.extract_format{
    border:1px solid #ffffff;
    border-radius:5px;
    color:#ffffff !important;
    text-align:center;
    padding:2px 10px;
    float:right;
    font-weight:400;
    margin-top:-5px;
    cursor:pointer;
}
.extract_format:hover{
    opacity:0.8;
}
.text-style {
    cursor: pointer;
    max-height: 150px;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef),-webkit-linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef);
    box-sizing: content-box;
    background-position: 0 0,10px 10px;
    background-size: 21px 21px;
    padding: 0;
    font-size: 17px;
    line-height: 1.6;
    color: #3E3E3E;
    white-space: nowrap;
    word-break: keep-all;
    font-family: '系统默认, system-ui, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif';
}
.text-style:not(:last-child){
    border-bottom:1px solid #dddddd;
}

.text-style p {
    overflow: hidden;
    margin: 5px 10px;
}

.text-style:hover {
    background-color: rgba(222,222,222,1);
}
.text-style:hover .delformat {
    display:block;
}
.delformat{
    float:right;
    display:none;
}
.edui-editor-bottomContainer{
    position:absolute;
    right:0;
    bottom:0;
    width:100% !important;
}
.CodeMirror-wrap{
    height:calc(100% - 30px) !important;
}