@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?6rv06l');
  src:  url('../fonts/icomoon.eot?6rv06l#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?6rv06l') format('truetype'),
    url('../fonts/icomoon.woff?6rv06l') format('woff'),
    url('../fonts/icomoon.svg?6rv06l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
       
.bj-editor{position: fixed;background:#fff;width: 100%;bottom: 0px;z-index:105;}
.bj-editor .editor-content{padding:10px 10px 5px;}
.bj-editor .editor-content .editor-body{padding:5px;-webkit-user-select: auto;border:1px solid #ccc;border-radius:3px;min-height: 60px;max-height:120px;height: auto;outline: none;cursor: text;overflow: auto;color: #000;font-size:16px;line-height:25px;font-family: arial, sans-serif;}
.bj-editor .editor-content .editor-browse{color:#999;}
        .bj-editor .bj-editor-toolbar{padding:0px 10px 5px;}

        .bj-editor .bj-editor-toolbar > ul {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: inline-block;
    /*flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;*/
    /*float: left;*/
    /*width: 80%;*/
}
.bj-editor .bj-editor-toolbar > ul li{
    display:inline-block;
    line-height:30px;
    font-size:16px;
    width:30px;
    margin-right:5px;
    text-align:center;
}
.bj-editor .bj-editor-toolbar > ul li.on span{color:#90cd18;}
.bj-editor .bj-editor-toolbar .toolbar-item-off{opacity:0.6;}
.editor-operation{display:inline-block;float:right;padding-top:2px;position:absolute;right:10px;}
.editor-operation .editor-button{background:#90cd18;color:#fff;border-radius:3px;border:none;height:26px;padding:0px 15px;outline:none;font-size:14px;}
.editor-operation .button-ok{background:#90cd18;}
.editor-operation .button-cancel{background:#ccc;}
.toolbar-icon {
    display: inline-block;
    font: normal normal normal 14px/1 'icomoon';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color:#666;
}
.toolbar-icon-camera{font-size:20px;}
.toolbar-icon-edit,.toolbar-icon-browse{font-size:18px;}
.toolbar-icon-edit:before {
    content: '\e905';
}
.toolbar-icon-browse:before {
    content: '\e922';
}
.toolbar-icon-camera:before {
    content: '\e90f';
}

.toolbar-icon-formula:before {
    content: '\ea67';
}
.toolbar-icon-symbol:before {
    content: '\ea66';
}
.toolbar-icon-draw{background:url(../../../images/draw/hand.png) no-repeat;background-size:16px;display:inline-block;width:16px;height:16px;}

/*特殊符号*/
.bj-editor .symbol-list {
width: 100%;
display: none;
background:#f4f4f4;
border-top:1px solid #efefef;
}

.bj-editor .symbol-list .item-title {
min-width: 100px;
border-top: 1px solid #efefef;
width: 100%;
height: 40px;
overflow-x: auto;
overflow-y: hidden;
background:#fff;
}

.bj-editor .symbol-list .item-title ul {
margin: 0;padding: 5px 0px;list-style: none;/*display: -webkit-box;*/display: flex;width:600px;min-width:100%;
}

.bj-editor .symbol-list .item-title ul li {
float: left;
width: 100px;
line-height: 30px;
font-size: 12px;
text-align: center;
border-right:1px solid #efefef;
}
.bj-editor .symbol-list .item-title ul li:last-child{border:none;}

.bj-editor .symbol-list .item-title ul li.on {
color: #90cd18;
}
.bj-editor .symbol-list .item-title .symbol-close {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    width: 50px;
    color: #ff6a64;
    font-size: 14px;
    border-left:1px solid #efefef;
}

.bj-editor .symbol-list .symbol-item {
background: #fdfdfd;
overflow-y: auto;
width:100%;height:150px;
}

.bj-editor .symbol-list .symbol-item ul {
}

.bj-editor .symbol-list .symbol-item ul li {
float: left;
font-size: 18px;
width: 19.9%;
height: 40px;
line-height: 40px;
text-align: center;
border-radius:5px;
}
    .bj-editor .symbol-list .symbol-item ul li:active {
        color:#90cd18;
        background:#efefef;
    }



/*LaTeX公式输入*/
.bj-editor .formula-list {
width: 100%;
display: none;
background:#f4f4f4;
border-top:1px solid #efefef;
}

.bj-editor .formula-list .item-title {
min-width: 100px;
border-top: 1px solid #efefef;
width: 100%;
height: 40px;
overflow-x: auto;
overflow-y: hidden;
background:#fff;
}

.bj-editor .formula-list .item-title h1{line-height:20px;padding: 10px 56px 10px 5px;color:#999;text-align:center;}
.bj-editor .formula-list .item-title .formula-close {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    width: 50px;
    color: #ff6a64;
    font-size: 14px;
    border-left:1px solid #efefef;
}

.bj-editor .formula-list .formula-item {
background: #fdfdfd;
overflow-y: auto;
width:100%;height:150px;
}

.bj-editor .formula-list .formula-item ul {
}

.bj-editor .formula-list .formula-item ul li {
float: left;
font-size: 18px;
width: 19.9%;
height: 40px;
line-height: 40px;
text-align: center;
border-radius:5px;

}
.bj-editor .formula-list .formula-item ul li i{background:url(../images/formula.jpg) no-repeat;background-position:0 0; width:32px;height:32px;display:block;margin:4px auto;}
.bj-editor .formula-list .formula-item ul li:active {opacity:0.7;filter:alpha(opacity=70);}