@font-face {
    font-family: 'Computer Modern Italia';
    src: local('Computer Modern Italia'),url('Computer Modern Italia.ttf');
}
@font-face {
    font-family: 'Computer Modern Roman';
    src: local('Computer Modern Roman'),url('Computer Modern Roman.ttf');
}
@font-face {
    font-family: 'texgyretermes-italic';
    src: local('texgyretermes-italic'),url('texgyretermes-italic.woff.ttf');
}
@font-face {
    font-family: 'texgyretermes-regular';
    src: local('texgyretermes-regular'),url('texgyretermes-regular.woff.ttf');
}


/* 反馈弹框 start */

#feedBackContainer {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    white-space: normal;
}
.feed-mask{
    position: absolute;
    top: 35px;
    left: 152px;
    width: 495px;
    height: 497px;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(58, 66, 73, 0.21);
    border-radius:4px;
    padding: 41px;
}

.feed-container {
    width: 495px;
    padding: 41px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 10px 0px rgba(58, 66, 73, 0.21);
    border-radius: 4px;
    z-index: 3;
    overflow: hidden;
    font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
    color: #000;
    text-align: left;
    cursor: auto;
    box-sizing: border-box;
}

.feed-container .feed-header {
    font-size: 14px;
}

.feed-container .feed-radio {
    overflow: hidden;
    margin-top: 19px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
}

.feed-container .feed-radio .feed-item {
    float: left;
    margin-right: 10px;
    flex: 1;
    /* width: 131px; */
    height: 32px;
    background: rgba(248, 248, 248, 1);
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.feed-container .feed-radio .feed-item:last-of-type {
    margin: 0
}

.feed-container .feed-radio .active {
    border: 1px solid rgba(79, 154, 255, 1);
    color: #4F9AFF;
    background: #fff;
}

.feed-container .feed-textarea {
    height: 231px;
    border: 1px solid rgba(216, 216, 215, 1);
}
.w-e-text:before{
    content: '您可粘贴图片和输入文字，来反馈您的问题～';
    color:#AAAAAA;
    position: absolute;
    font-size: 12px;
    margin-top: 12px;
    cursor: text;
}
.w-e-text.placeholder:before{
    content: '';
}
.w-e-text p{
    width: 100%;
}
.w-e-text{
    width: 409px!important;
    overflow-y: auto!important;
}
svg:focus{
    outline: none!important;
}

/* .feed-container .feed-textarea textarea {
    height: 231px;
    border: none;
    resize: none;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    padding: 11px;
} */

.feed-container .feed-star {
    overflow: hidden;
    margin: 21px 0 18px;
}

.feed-container .feed-star .star-text {
    float: left;
    font-size: 14px;
    color: rgba(17, 17, 17, 1);
    line-height: 24px;
}

.feed-container .feed-star .star-box {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.feed-container .feed-star .star-box li {
    float: left;
    padding: 0 4px;
    cursor: pointer;
    font-size: 21px;
}

.feed-container .feed-commit {
    height: 32px;
    background: rgba(79, 154, 255, 1);
    border-radius: 16px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

.feed-container .feed-commit.disable {
    background: rgba(209, 226, 252, 1);
}

.feed-container .feed-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #aaaaaa;
}

.feed-container .feed-close:hover {
    color: rgba(79, 154, 255, 1);
}


/* 反馈弹框 end */




/* 反馈成功弹框 start */
#feedSuccessContainer {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

.success-mask{
    position: absolute;
    top: 35px;
    left: 152px;
    width: 495px;
    height: 497px;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(58, 66, 73, 0.21);
    border-radius:4px;
}

.feed-container .success-star {
    position: absolute;
    top: 173px;
    left: 215px;
    font-size: 63px;
}

.feed-container .success-duihao {
    position: absolute;
    top: 186px;
    left: 230px;
    font-size: 36px;
}

.feed-container .success-text {
    text-align: center;
    font-size: 18px;
    color: #111111;
    margin-top: 243px;
}

.feed-container .success-num {
    text-align: center;
    font-size: 14px;
    color: #c1c1c1;
    margin-top: 36px;
}

/* 反馈成功弹框 end */

/* 文字过长提示框 start */
.longTip.icon{
    position: absolute;
    bottom: 5px;
    right: 40px;
    width: 24px;
    height: 20px;
}
.ant-tooltip .ant-tooltip-inner{
    height: 40px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 2px 10px 0px rgba(58,66,73,0.2);
    border-radius: 4px;
    padding: 0 10px;
}
.ant-tooltip-inner p{
    margin: 0;
    font-size:14px;
    color:rgba(51,51,51,1);
    height: 100%;
    line-height: 40px;
}
.ant-tooltip-placement-left.ant-tooltip{
    z-index: 3;
}
.ant-tooltip-placement-left.ant-tooltip .ant-tooltip-arrow{
    border-left-color: rgba(255,255,255,1);
}
/* 文字过长提示框 end */

/* 颜色字号弹框 start */
.math-color{
    position: absolute;
    bottom: -22px;
    left: 43px;
    height:40px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 10px 0px rgba(58,66,73,0.2);
    border-radius:4px;
    z-index: 4;
    padding: 0 13px;
}
.family-select{
    width: 123px;
    float: left;
    margin-top: 9px!important;
}
.ant-select-selection{
    border-color: #E3E3E3!important;
    box-shadow: none!important;
}
.down-trangle {
    position: absolute;
    right: 0;
    bottom: -9px;
    width: 0;
    height: 0;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #bbbbbb transparent transparent;
  }
.font-box{
    overflow: hidden;
    border-radius:4px;
    border:1px solid rgba(227,227,227,1);
    float: left;
    height: 24px;
    margin-top: 9px;
    margin-left: 4px;
    box-sizing: border-box;
}
.font-box .iconfont{
    font-size: 12px;
}
.font-box .fontStyleBtn{
    cursor: pointer;
    width: 25px;
    height: 22px;
    float: left;
    text-align: center;
    line-height: 22px;
    color: #333333;
}
.family-select.size-input{
    width: 123px;
}
.family-select.size-input .drop-ul{
    width: 123px;
    height: 50px;
}
.size-input{
    width: 52px;
    float: left;
    margin-top: 9px;
    margin-left:4px;
    position: relative;
    height:24px;
    border-radius:4px;
    border:1px solid rgba(227,227,227,1);
    cursor: pointer;
}
.open.size-input{
    border-color: #3F92FF;
}
.open.size-input .size-up{
    border-color: #3F92FF transparent transparent;
}
.open.size-input .size-down{
    border-color: transparent transparent #3F92FF;
}
.size-cur{
    font-size:14px;
    color: #333333;
    line-height: 24px;
    margin-left: 7px;
}
.size-up{
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 0;
    height: 0;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #BBBBBB transparent transparent;
}
.size-down{
    position: absolute;
    right: 6px;
    top: 6px;
    width: 0;
    height: 0;
    border-width: 0px 4px 4px;
    border-style: solid;
    border-color: transparent transparent #BBBBBB;
}
.ant-dropdown-menu-root{
    padding: 0!important;
}
.ant-dropdown-menu-item{
    padding: 0!important;
}
.ant-dropdown-menu-item:hover{
    background: #fff!important;
}
.ant-dropdown-menu-item-active{
    background: #fff!important;
}
.color-box{
    padding: 12px 16px;
    text-align: left;
}
.color-title{
    margin-bottom: 8px;
}
.color-box div:nth-child(4) span:first-of-type{
    border:1px solid rgba(241,242,242,1);
}
.colorlist span, .color-use span{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: black;
    border-radius: 3px;
    margin-right: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border:0px solid rgba(241,242,242,1);
}
.colorlist span:last-of-type{
    margin: 0;
}
.color-opacity{
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.color-opacity span{
    font-size: 12px;
    color: #666666;
    line-height: 16px;
}
.opacity-num{
    width: 52px;
    height:24px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(227,227,227,1);
    position: relative;
    overflow: hidden;
}
.opacity-num:hover{
    border-color: #3F92FF;
}
.num-input{
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 5px;
    font-size: 12px;
    color: #333;
    outline:none
}
.num-fuhao{
    position: absolute;
    left: 28px;
    top: 4px;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#opacity-up{
    height:11px;
    width: 17px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#opacity-down{
    height:11px;
    width: 17px;
    position: absolute;
    top: 0;
    right: 0;
}
#opacity-down .size-down{
    border-width: 0px 4px 4px;
    border-style: solid;
    border-color: transparent transparent #BBBBBB;
    right:4px;
}
#opacity-up .size-up{
    right:4px;
}
#opacity-down:hover .size-down{
    border-color: transparent transparent #3F92FF;
}
#opacity-up:hover .size-up{
    border-color: #3F92FF transparent transparent;
}
.ant-slider-track{
    background-color: #3F92FF!important;
}
.ant-divider{
    background: #e0e0e0!important;
    margin: 0 0 12px 0!important;
}
.moreColor {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.moreColor p{
    height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #637381;
    line-height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}
.icon-color{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: url("../img/moreColor.png") no-repeat center;
    background-size: cover;
}
/* 颜色字号弹框 end*/

.me-container {
    border: 0;
    text-decoration: none;
    width: auto;
    height: auto;
    vertical-align: baseline;
    box-sizing: content-box;
    transition: none;
    border-collapse: collapse;
    font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
    color: #000;
    text-align: left;
    white-space: nowrap;
    cursor: auto;
    float: none;
    /* background: rgba(245, 248, 250, 1); */
    background: rgba(252, 252, 252, 1);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    z-index: 3;
    overflow: hidden;
}
.spinning{
    height: 100%;
}
.spinning .ant-spin-container{
    height: 100%;
}
.spinning .ant-spin-spinning{
    max-height: 100%!important;
}
#matheditorContainer {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 800px;
    height: 100%;
    min-height: 620px;
}
.math-close{
    position: absolute;
    top:22px;
    right: 45px;
    cursor: pointer;
    font-size: 16px;
    color: #aaaaaa;
    z-index: 9;
}
.math-close:hover{
    color: rgba(79, 154, 255, 1);
}

#matrixContainer {
    position: absolute;
    top: 35px;
    left: 180px;
    display: none;
    z-index: 9;
}

.matrix-header {
    width: 88px;
    margin-top: 16px;
}

.matrix-header::after {
    content: '*';
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    clear: both;
}

.matrix-options span {
    width: 28px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(33, 33, 33, 1);
    line-height: 20px;
}

.matrix-align input,
label {
    cursor: pointer;
}

.cke_dialog_title {
    height: 60px;
    line-height: 60px;
    font-size: 21px;
    position: relative;
    color: #555555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.84);
    border-radius: 8px 8px 0px 0px;
    text-align: center;
    background: #fff;
}

.cke_dialog_title::after {
    content: '*';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

a.close_button {
    position: absolute;
    cursor: pointer;
    text-align: center;
    /* height: 20px;
    width: 20px; */
    top: 10px;
    z-index: 5;
    opacity: .8;
    filter: alpha(opacity=80);
    text-decoration: none;
    color: #000;
}

.disabled {
    pointer-events: none;
}
.matrixContainer-footer{
    margin-top: 11px;
    padding-right: 12px;
    padding-bottom: 12px;
    text-align: right;
    overflow: hidden;
}
.matrixContainer-footer button{
    width:64px;
    height:28px;
}
.footer {
    text-align: right;
    position: absolute;
    bottom: 0;
    margin-bottom: 26px;
    overflow: hidden;
    padding: 0 45px 0 43px;
    line-height: 32px;
    width: 100%;
}
.footer .footer-feed{
    float: left;
    cursor: pointer;
}
.footer .footer-feed:hover .iconfont, .footer .footer-feed:hover span{
    color: #0092fe;
}
.footer .footer-feed span{
    font-size:14px;
    color:rgba(51,51,51,1);
}
.footer .footer-feed .iconfont{
    color: #979797;
}
.footer-cancel, .footer-sure, .close-cancel, .close-sure{
    float: right;
    margin-left: 10px;
    width: 80px;
    height:32px;
    border-radius:4px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    not supported by any browser */
}
.footer-cancel{
    border:1px solid rgba(217,217,217,1);
    background:#fff;
    color: #313131;
    line-height: 30px;
}
.footer-sure{
    background:rgba(63,146,255,1);
    color:#fff;
}
.close-sure{
    width: 60px;
    background: #FF342D;
    color:#fff;
}
.close-cancel{
    width: 60px;
    border:1px solid rgba(217,217,217,1);
    background:#fff;
    color: #313131;
    line-height: 30px;
}
.footer-sure:active{
    background:rgba(43,112,245,1);
}
.footer-cancel:active{
    background:#3F92FF;
    border: none;
    color:#fff;
    line-height: 32px;
}
.ant-btn-primary{
    background:rgba(63,146,255,1)!important;
}

.cke_dialog_ui_hbox {
    width: 100%;
}

.cke_dialog_footer_buttons {
    display: inline-table;
    width: auto;
    position: relative;
    vertical-align: middle;
}

.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {
    padding-right: 5px;
}

.cke_ltr .cke_dialog_ui_hbox_first,
.cke_ltr .cke_dialog_ui_hbox_child {
    padding-right: 10px;
}

.cke_dialog_ui_hbox_first,
.cke_dialog_ui_hbox_child,
.cke_dialog_ui_hbox_last {
    vertical-align: top;
}

a.cke_dialog_ui_button {
    display: inline-block;
    padding: 3px 0;
    margin: 0 10px 0 0;
    width: 64px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
}

a.cke_dialog_ui_button_ok {
    background: rgba(52, 141, 224, 1);
    color: #fff;
    height: 22px;
    line-height: 22px;
}

a.cke_dialog_ui_button_ok:hover {
    background: rgba(130, 184, 235, 1);
}

a.cke_dialog_ui_button_cancel {
    padding: 2px 0;
    border: 1px solid rgba(171, 186, 203, 1);
    background: #FFFFFF;
    color: #212121;
    height: 22px;
    line-height: 22px;
}

a.cke_dialog_ui_button_cancel:hover {
    border: 1px solid rgba(102, 130, 161, 1);
}

/* .fontStyleBtn {
    cursor: pointer;
    width: 26px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid rgba(171, 186, 203, 1);
    float: left;
    margin-left: 12px;
    margin-top: 9px;
    text-align: center;
    line-height: 30px;
    background: rgba(255, 255, 255, 1);
} */

/* .fontStyleBtn:hover {
    border: 1px solid rgba(102, 130, 161, 1);
} */

.fontStyleBtn.selected {
    background: #3F92FF;
    color: #fff;
}

.btnInnerImg {
    width: 24px;
}

.dropdown,
.dropup {
    position: relative;
}

.btn {
    color: #757575;
    display: inline-block;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #EBEBEB 100%);
    border: 1px solid #9E9E9E;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.70);
    border-radius: 3px;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown-menu {
    position: absolute;
    top: 21px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    transition: color 0s;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a {
    background-color: transparent;
}

.dropDownOpenBtn {
    position: absolute;
    right: 6px;
    top: 10px;
    width: 0;
    height: 0;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #919191 transparent transparent;
    /*灰 透明 透明 */
}

.dropDownValue {
    text-align: left;
    position: absolute;
    left: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #212121;
}

.propertyName {
    font-size: 14px;
    color: #757575;
    float: left;
    margin-left: 32px;
    margin-top: 13px;
}

.listArrow {
    width: 0px;
    height: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent white transparent;
    position: relative;
}

.italicTip {
    position: absolute;
    top: 9px;
    left: 280px;
    background: #ffffff;
    padding: 5px;
    border: 1px solid #000000;
    border-radius: 3px;
}

/*字体大小 start*/
.drop-font {
    float: left;
    margin-left: 6px;
    margin-top: 9px;
    width: 56px;
    height: 22px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(171, 186, 203, 1);
}

.drop-font:hover {
    border: 1px solid rgba(102, 130, 161, 1);
}

.drop-ul {
    min-width: 0;
    height: 124px;
    overflow-y: auto;
    padding: 0;
    left: -1px;
    width: 52px;
    height:110px;
    background:rgba(255,255,255,1);
    border-radius:3px;
    border:1px solid rgba(231,231,231,1);
}

.drop-ul>li {
    height: 22px;
    line-height: 22px;
}

.drop-ul>li>a.a-font {
    padding-left: 13px;
}

.drop-ul>li>a.a-font:hover {
    background: #3F92FF;
    color: #fff;
}

/*字体大小 end*/

/*字体颜色 start*/
.font-color {
    margin-left: 6px;
    text-align: center;
    line-height: 20px;
    position: relative;
    float: left;
    width: 24px;
    height: 24px;
    margin-top: 9px;
    margin-left:4px;
    cursor: pointer;
}

.font-color .color-square {
    width: 100%;
    height: 100%;
    background: #000;
    border-radius:4px;
    border: 1px solid rgba(227,227,227,1);
    box-sizing: border-box;
}
.font-color .color-square.ant-dropdown-open{
    border-color: #3F92FF;
}

/*字体颜色 end*/

/*预览模块 start*/
.preview {
    position: absolute;
    bottom: 2px;
    width: 100%;
    background:rgba(252,252,252,1);
    display: none;
}
.drag-line{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    cursor: ns-resize;
}

.span-yl {
    width: 42px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #637381;
    line-height: 20px;
}

.mui-switch {
    width: 40px;
    height: 20px;
    line-height: 24px;
    float: left;
    position: relative;
    background: #CCCCCC;
    border-radius: 22px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
    margin-top: 0;
    cursor: pointer;
}

.mui-switch:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.mui-switch:checked:before {
    left: 22px;
}

.mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s;
}

.mui-switch.mui-switch-animbg:before {
    transition: left 0.3s;
}

.mui-switch.mui-switch-animbg:checked {
    background: #3F92FF;
    transition: border-color 0.4s, background-color ease 0.4s;
}

.mui-switch.mui-switch-animbg:checked:before {
    transition: left 0.3s;
}
.math-all{
    position: absolute;
    top: 232px;
    bottom: 0;
    width: 100%;
}
.p-check-right {
    float: right;
    position: absolute;
    z-index: 1;
    right: 45px;
    top:15px;
}

.span-latex {
    float: left;
    margin-right: 8px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}

.p-help {
    cursor: pointer;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    width: 16px;
    display: inline-block;
    background-size: 16px;
    color: #CCCCCC;
}

.p-help:hover {
    color: #3F92FF;
}

.preview-box {
    width: 800px;
    overflow-x: auto;
    min-height: 70px;
    padding-left: 43px;
    padding-right: 45px;
}

/*预览模块 end*/

/* 模态框 start*/
.ant-modal-body{
    padding: 40px!important;
    overflow: hidden;
}
.ant-modal{
    width: 416px!important;
}
.close-title svg{
    font-size: 24px;
}
.close-title span{
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height:24px;
    margin-left: 16px;
}
.close-text{
    font-size:12px;
    color:rgba(151,158,166,1);
    margin: 12px 0 35px 44px;
}
.close-btn{
    text-align: right;
}
.close-btn button{
    width: 60px;
    padding: 0!important;
}
.close-btn .ant-btn-primary{
    background-color: #FF342D!important;
    border-color: #FF342D!important;
    margin-right: 14px;
}
/* 模态框 end*/

/*菜单 start*/
.menu-box {
    position: absolute;
    top: 60px;
    bottom: 0;
    width: 100%;
}

.menu-box .math-menu {
    padding: 29px 43px 8px;
}

ul {
    list-style: none;
}

.menu-ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.menu-li {
    margin-right: 8px;
    margin-bottom: 8px;
    background: rgba(255, 255, 255, 1);
}

.menu-content {
    position: relative;
}

.menu-li .math-btn {
    cursor: pointer;
    width: 62px;
    height: 28px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.menu-content:hover {
    background: #D9E9FD;
    border-radius: 3px;
    border: 1px solid #CCE2FF;
}
.menu-content:active {
    background: #A6CCFF;
    border-radius: 3px;
    border: 1px solid #A6CCFF;
}

.menu-content:hover .math-btn {
    border: none;
}

.menu-li .bg-1 {
    background: url("../img/bg-1.png");
    background-size: 64px;
}

.menu-li .bg-2 {
    background: url("../img/bg-2.png");
    background-size: 64px;
}

.menu-li .bg-3 {
    background: url("../img/bg-3.png");
    background-size: 64px;
}

.menu-li .bg-4 {
    background: url("../img/bg-4.png");
    background-size: 64px;
}

.menu-li .bg-5 {
    background: url("../img/bg-5.png");
    background-size: 64px;
}

.menu-li .bg-6 {
    background: url("../img/bg-6.png");
    background-size: 64px;
}

.menu-li .bg-7 {
    background: url("../img/bg-7.png");
    background-size: 64px;
}

.menu-li .bg-8 {
    background: url("../img/bg-8.png");
    background-size: 64px;
}

.menu-li .bg-9 {
    background: url("../img/bg-9.png");
    background-size: 64px;
}

.menu-li .bg-10 {
    background: url("../img/bg-10.png");
    background-size: 64px;
}

.menu-li .bg-11 {
    background: url("../img/bg-11.png");
    background-size: 64px;
}

.menu-li .bg-12 {
    background: url("../img/bg-12.png");
    background-size: 64px;
}

.menu-li .bg-13 {
    background: url("../img/bg-13.png");
    background-size: 64px;
}

.menu-li .bg-14 {
    background: url("../img/bg-14.png");
    background-size: 64px;
}

.menu-li .bg-15 {
    background: url("../img/bg-15.png");
    background-size: 64px;
}

.menu-li .bg-16 {
    background: url("../img/bg-16.png");
    background-size: 64px;
}

.menu-li .bg-17 {
    background: url("../img/bg-17.png");
    background-size: 64px;
}

.menu-li .bg-18 {
    background: url("../img/bg-18.png");
    background-size: 64px;
}

.menu-li .bg-19 {
    background: url("../img/bg-19.png");
    background-size: 64px;
}

.menu-li .bg-20 {
    background: url("../img/bg-20.png");
    background-size: 64px;
}

.group-ul {
    position: absolute;
    top: 34px;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    border-radius: 5px;
    background: white;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
    z-index: 5;
}

.group-ul:before,
.formula-box:before {
    position: absolute;
    width: 100%;
    height: 12px;
    content: "";
    background: url(../img/ico-jt.png) no-repeat 25px;
    background-size: 15px;
    display: inline-block;
    top: -9px;
    left: 0;
}

.group-ul span.dis {
    cursor: not-allowed;
}

.group-ul li {
    position: relative;
}

.menu-li:nth-child(10) {
    margin-right: 0;
}

.group-ul-9 {
    right: 0;
}

.group-ul-9:before {
    background-position-x: 75px;
}

.menu-li:nth-child(20) {
    margin-right: 0;
}

.group-ul li {
    width: 24px;
    height: 24px;
}

.group-ul-1,
.group-ul-3,
.group-ul-4,
.group-ul-5,
.group-ul-6,
.group-ul-9,
.group-ul-11 {
    width: 96px;
}

.group-ul-2 {
    width: 140px;
}

.group-ul-7,
.group-ul-8,
.group-ul-10,
.group-ul-17 {
    width: 120px;
}

.group-ul-12,
.group-ul-13,
.group-ul-14,
.group-ul-15 {
    width: 84px;
}

.group-ul-16,
.group-ul-18,
.group-ul-20 {
    width: 72px;
}

.group-ul-19 {
    width: 48px;
}

.group-ul-2 li,
.group-ul-2 li span,
.group-ul-12 li,
.group-ul-12 li span,
.group-ul-13 li,
.group-ul-13 li span,
.group-ul-14 li,
.group-ul-14 li span,
.group-ul-15 li,
.group-ul-15 li span {
    width: 28px;
    height: 32px;
}

.group-ul-1 span {
    background: url("../img/bg-1-sprite.png") no-repeat;
    background-size: 96px;
}

.group-ul-2 span {
    background: url("../img/bg-2-sprite.png") no-repeat;
    background-size: 140px;
}

.group-ul-3 span {
    background: url("../img/bg-3-sprite.png") no-repeat;
    background-size: 96px;
}

.group-ul-4 span {
    background: url("../img/bg-4-sprite.png") no-repeat;
    background-size: 96px;
}

.group-ul-5 span {
    background: url("../img/bg-5-sprite.png") no-repeat;
    background-size: 96px;
}

.group-ul-6 span {
    background: url("../img/bg-6-sprite.png") no-repeat;
    background-size: 96px;
}

.group-ul-7 span {
    background: url("../img/bg-7-sprite.png") no-repeat;
    background-size: 120px;
}

.group-ul-8 span {
    background: url("../img/bg-8-sprite.png") no-repeat;
    background-size: 120px;
}

.group-ul-9 span {
    background: url("../img/bg-9-sprite.png") no-repeat;
    background-size: 96px;
}

.group-ul-10 span {
    background: url("../img/bg-10-sprite.png") no-repeat;
    background-size: 120px;
}

.group-ul-11 span {
    background: url("../img/bg-11-sprite.png") no-repeat;
    background-size: 96px;
}

.group-ul-12 span {
    background: url("../img/bg-12-sprite.png") no-repeat;
    background-size: 84px;
}

.group-ul-13 span {
    background: url("../img/bg-13-sprite.png") no-repeat;
    background-size: 84px;
}

.group-ul-14 span {
    background: url("../img/bg-14-sprite.png") no-repeat;
    background-size: 84px;
}

.group-ul-15 span {
    background: url("../img/bg-15-sprite.png") no-repeat;
    background-size: 84px;
}

.group-ul-16 span {
    background: url("../img/bg-16-sprite.png") no-repeat;
    background-size: 72px;
}

.group-ul-17 span {
    background: url("../img/bg-17-sprite.png") no-repeat;
    background-size: 120px;
}

.group-ul-18 span {
    background: url("../img/bg-18-sprite.png") no-repeat;
    background-size: 72px;
}

.group-ul-19 span {
    background: url("../img/bg-19-sprite.png") no-repeat;
    background-size: 48px;
}

.group-ul-20 span {
    background: url("../img/bg-20-sprite.png") no-repeat;
    background-size: 72px;
}

.group-ul-6 li:last-child {
    width: 46px;
}

.group-ul-1 .equtaion-1,
.group-ul-2 .equtaion-1,
.group-ul-3 .equtaion-1,
.group-ul-4 .equtaion-1,
.group-ul-5 .equtaion-1,
.group-ul-6 .equtaion-1,
.group-ul-7 .equtaion-1,
.group-ul-8 .equtaion-1,
.group-ul-9 .equtaion-1,
.group-ul-10 .equtaion-1,
.group-ul-11 .equtaion-1,
.group-ul-12 .equtaion-1,
.group-ul-13 .equtaion-1,
.group-ul-14 .equtaion-1,
.group-ul-15 .equtaion-1,
.group-ul-16 .equtaion-1,
.group-ul-17 .equtaion-1,
.group-ul-18 .equtaion-1,
.group-ul-19 .equtaion-1,
.group-ul-20 .equtaion-1 {
    background-position: 0 0;
}

.group-ul-1 .equtaion-2,
.group-ul-3 .equtaion-2,
.group-ul-4 .equtaion-2,
.group-ul-5 .equtaion-2,
.group-ul-6 .equtaion-2,
.group-ul-9 .equtaion-2,
.group-ul-11 .equtaion-2,
.group-ul-16 .equtaion-2,
.group-ul-18 .equtaion-2,
.group-ul-19 .equtaion-2,
.group-ul-20 .equtaion-2 {
    background-position: -24px 0;
}

.group-ul-1 .equtaion-3,
.group-ul-3 .equtaion-3,
.group-ul-4 .equtaion-3,
.group-ul-5 .equtaion-3,
.group-ul-6 .equtaion-3,
.group-ul-9 .equtaion-3,
.group-ul-11 .equtaion-3,
.group-ul-16 .equtaion-3,
.group-ul-18 .equtaion-3,
.group-ul-20 .equtaion-3 {
    background-position: -48px 0;
}

.group-ul-1 .equtaion-4,
.group-ul-3 .equtaion-4,
.group-ul-4 .equtaion-4,
.group-ul-5 .equtaion-4,
.group-ul-6 .equtaion-4,
.group-ul-9 .equtaion-4,
.group-ul-11 .equtaion-4 {
    background-position: -72px 0;
}

.group-ul-1 .equtaion-5,
.group-ul-3 .equtaion-5,
.group-ul-4 .equtaion-5,
.group-ul-5 .equtaion-5,
.group-ul-6 .equtaion-5,
.group-ul-9 .equtaion-5,
.group-ul-19 .equtaion-3,
.group-ul-20 .equtaion-4 {
    background-position: 0 -24px;
}

.group-ul-1 .equtaion-6,
.group-ul-3 .equtaion-6,
.group-ul-4 .equtaion-6,
.group-ul-5 .equtaion-6,
.group-ul-6 .equtaion-6,
.group-ul-9 .equtaion-6,
.group-ul-19 .equtaion-4,
.group-ul-20 .equtaion-5 {
    background-position: -24px -24px;
}

.group-ul-1 .equtaion-7,
.group-ul-3 .equtaion-7,
.group-ul-4 .equtaion-7,
.group-ul-5 .equtaion-7,
.group-ul-6 .equtaion-7,
.group-ul-9 .equtaion-7,
.group-ul-20 .equtaion-6 {
    background-position: -48px -24px;
}

.group-ul-1 .equtaion-8,
.group-ul-3 .equtaion-8,
.group-ul-4 .equtaion-8,
.group-ul-5 .equtaion-8,
.group-ul-6 .equtaion-8,
.group-ul-9 .equtaion-8 {
    background-position: -72px -24px;
}

.group-ul-1 .equtaion-9,
.group-ul-3 .equtaion-9,
.group-ul-4 .equtaion-9,
.group-ul-6 .equtaion-9,
.group-ul-9 .equtaion-9,
.group-ul-19 .equtaion-5,
.group-ul-20 .equtaion-7 {
    background-position: 0 -48px;
}

.group-ul-1 .equtaion-10,
.group-ul-3 .equtaion-10,
.group-ul-4 .equtaion-10,
.group-ul-6 .equtaion-10,
.group-ul-9 .equtaion-10,
.group-ul-20 .equtaion-8 {
    background-position: -24px -48px;
}

.group-ul-1 .equtaion-11,
.group-ul-3 .equtaion-11,
.group-ul-4 .equtaion-11,
.group-ul-6 .equtaion-11,
.group-ul-9 .equtaion-11,
.group-ul-20 .equtaion-9 {
    background-position: -48px -48px;
}

.group-ul-1 .equtaion-12,
.group-ul-3 .equtaion-12,
.group-ul-4 .equtaion-12,
.group-ul-6 .equtaion-12,
.group-ul-9 .equtaion-12 {
    background-position: -72px -48px;
}

.group-ul-1 .equtaion-13,
.group-ul-3 .equtaion-13,
.group-ul-4 .equtaion-13,
.group-ul-6 .equtaion-13,
.group-ul-9 .equtaion-13 {
    background-position: 0 -72px;
}

.group-ul-1 .equtaion-14,
.group-ul-3 .equtaion-14,
.group-ul-4 .equtaion-14,
.group-ul-6 .equtaion-14,
.group-ul-9 .equtaion-14 {
    background-position: -24px -72px;
}

.group-ul-6 .equtaion-15 {
    width: 48px;
    background-position: -48px -72px;
}

.group-ul-1 .equtaion-15,
.group-ul-4 .equtaion-15,
.group-ul-9 .equtaion-15 {
    background-position: -48px -72px;
}

.group-ul-1 .equtaion-16,
.group-ul-4 .equtaion-16,
.group-ul-9 .equtaion-16 {
    background-position: -72px -72px;
}

.group-ul-1 .equtaion-17,
.group-ul-4 .equtaion-17,
.group-ul-9 .equtaion-17 {
    background-position: 0 -98px;
}

.group-ul-1 .equtaion-18,
.group-ul-4 .equtaion-18,
.group-ul-9 .equtaion-18 {
    background-position: -24px -98px;
}

.group-ul-1 .equtaion-19,
.group-ul-4 .equtaion-19,
.group-ul-9 .equtaion-19 {
    background-position: -48px -98px;
}

.group-ul-9 .equtaion-20 {
    background-position: -72px -98px;
}

.group-ul-9 .equtaion-21 {
    background-position: 0 -122px;
}

.group-ul-9 .equtaion-22 {
    background-position: -24px -122px;
}

.group-ul-9 .equtaion-23 {
    background-position: -48px -122px;
}

.group-ul-9 .equtaion-24 {
    background-position: -72px -122px;
}

.group-ul-11 .equtaion-5 {
    background-position: -6px -24px;
}

.group-ul-11 .equtaion-6 {
    background-position: -48px -24px;
}

.group-ul-11 .equtaion-7 {
    background-position: -70px -24px;
}

.group-ul-11 .equtaion-8 {
    background-position: 0 -52px;
}

.group-ul-11 .equtaion-9 {
    background-position: -24px -48px;
}

.group-ul-7 .equtaion-2,
.group-ul-8 .equtaion-2,
.group-ul-10 .equtaion-2,
.group-ul-17 .equtaion-2 {
    background-position: -24px 0;
}

.group-ul-7 .equtaion-3,
.group-ul-8 .equtaion-3,
.group-ul-10 .equtaion-3,
.group-ul-17 .equtaion-3 {
    background-position: -48px 0;
}

.group-ul-7 .equtaion-4,
.group-ul-8 .equtaion-4,
.group-ul-10 .equtaion-4,
.group-ul-17 .equtaion-4 {
    background-position: -72px 0;
}

.group-ul-7 .equtaion-5,
.group-ul-8 .equtaion-5,
.group-ul-10 .equtaion-5,
.group-ul-17 .equtaion-5 {
    background-position: -96px 0;
}

.group-ul-7 .equtaion-6,
.group-ul-8 .equtaion-6,
.group-ul-10 .equtaion-6,
.group-ul-17 .equtaion-6 {
    background-position: 0 -24px;
}

.group-ul-7 .equtaion-7,
.group-ul-8 .equtaion-7,
.group-ul-10 .equtaion-7,
.group-ul-17 .equtaion-7 {
    background-position: -24px -24px;
}

.group-ul-7 .equtaion-8,
.group-ul-8 .equtaion-8,
.group-ul-10 .equtaion-8,
.group-ul-17 .equtaion-8 {
    background-position: -48px -24px;
}

.group-ul-7 .equtaion-9,
.group-ul-8 .equtaion-9,
.group-ul-10 .equtaion-9,
.group-ul-17 .equtaion-9 {
    background-position: -72px -24px;
}

.group-ul-7 .equtaion-10,
.group-ul-8 .equtaion-10,
.group-ul-10 .equtaion-10,
.group-ul-17 .equtaion-10 {
    background-position: -96px -24px;
}

.group-ul-7 .equtaion-11,
.group-ul-8 .equtaion-11,
.group-ul-10 .equtaion-11,
.group-ul-17 .equtaion-11 {
    background-position: 0 -48px;
}

.group-ul-7 .equtaion-12,
.group-ul-8 .equtaion-12,
.group-ul-10 .equtaion-12,
.group-ul-17 .equtaion-12 {
    background-position: -24px -48px;
}

.group-ul-7 .equtaion-13,
.group-ul-8 .equtaion-13,
.group-ul-10 .equtaion-13,
.group-ul-17 .equtaion-13 {
    background-position: -48px -48px;
}

.group-ul-7 .equtaion-14,
.group-ul-8 .equtaion-14,
.group-ul-10 .equtaion-14,
.group-ul-17 .equtaion-14 {
    background-position: -72px -48px;
}

.group-ul-7 .equtaion-15,
.group-ul-8 .equtaion-15,
.group-ul-10 .equtaion-15,
.group-ul-17 .equtaion-15 {
    background-position: -96px -48px;
}

.group-ul-7 .equtaion-16,
.group-ul-8 .equtaion-16,
.group-ul-10 .equtaion-16,
.group-ul-17 .equtaion-16 {
    background-position: 0 -72px;
}

.group-ul-7 .equtaion-17,
.group-ul-8 .equtaion-17,
.group-ul-10 .equtaion-17,
.group-ul-17 .equtaion-17 {
    background-position: -24px -72px;
}

.group-ul-7 .equtaion-18,
.group-ul-8 .equtaion-18,
.group-ul-10 .equtaion-18,
.group-ul-17 .equtaion-18 {
    background-position: -48px -72px;
}

.group-ul-7 .equtaion-19,
.group-ul-8 .equtaion-19,
.group-ul-10 .equtaion-19,
.group-ul-17 .equtaion-19 {
    background-position: -72px -72px;
}

.group-ul-7 .equtaion-20,
.group-ul-8 .equtaion-20,
.group-ul-10 .equtaion-20,
.group-ul-17 .equtaion-20 {
    background-position: -96px -72px;
}

.group-ul-7 .equtaion-21,
.group-ul-8 .equtaion-21,
.group-ul-10 .equtaion-21 {
    background-position: 0 -96px;
}

.group-ul-7 .equtaion-22,
.group-ul-8 .equtaion-22,
.group-ul-10 .equtaion-22 {
    background-position: -24px -96px;
}

.group-ul-7 .equtaion-23,
.group-ul-8 .equtaion-23,
.group-ul-10 .equtaion-23 {
    background-position: -48px -96px;
}

.group-ul-7 .equtaion-24,
.group-ul-8 .equtaion-24,
.group-ul-10 .equtaion-24 {
    background-position: -72px -96px;
}

.group-ul-7 .equtaion-25,
.group-ul-8 .equtaion-25,
.group-ul-10 .equtaion-25 {
    background-position: -96px -96px;
}

.group-ul-7 .equtaion-26,
.group-ul-8 .equtaion-26,
.group-ul-10 .equtaion-26 {
    background-position: 0 -120px;
}

.group-ul-7 .equtaion-27,
.group-ul-8 .equtaion-27,
.group-ul-10 .equtaion-27 {
    background-position: -24px -120px;
}

.group-ul-7 .equtaion-28,
.group-ul-8 .equtaion-28,
.group-ul-10 .equtaion-28 {
    background-position: -48px -120px;
}

.group-ul-7 .equtaion-29,
.group-ul-10 .equtaion-29 {
    background-position: -72px -120px;
}

.group-ul-7 .equtaion-30,
.group-ul-10 .equtaion-30 {
    background-position: -96px -120px;
}

.group-ul-7 .equtaion-31 {
    background-position: 0 -144px;
}

.group-ul-7 .equtaion-32 {
    background-position: -24px -144px;
}

.group-ul-7 .equtaion-33 {
    background-position: -48px -144px;
}
.group-ul-7 .equtaion-34 {
    background-position: -72px -144px;
}

.group-ul-2 .equtaion-2,
.group-ul-12 .equtaion-2,
.group-ul-13 .equtaion-2,
.group-ul-14 .equtaion-2,
.group-ul-15 .equtaion-3 {
    background-position: -28px 0;
}

.group-ul-2 .equtaion-3,
.group-ul-12 .equtaion-3,
.group-ul-13 .equtaion-3,
.group-ul-14 .equtaion-3,
.group-ul-15 .equtaion-2 {
    background-position: -56px 0;
}

.group-ul-2 .equtaion-4 {
    background-position: -84px 0;
}

.group-ul-2 .equtaion-5 {
    background-position: -112px 0;
}

.group-ul-2 .equtaion-6,
.group-ul-12 .equtaion-4,
.group-ul-13 .equtaion-4,
.group-ul-14 .equtaion-4,
.group-ul-15 .equtaion-4 {
    background-position: 0 -32px;
}

.group-ul-2 .equtaion-7,
.group-ul-12 .equtaion-5,
.group-ul-13 .equtaion-5,
.group-ul-14 .equtaion-5,
.group-ul-15 .equtaion-5 {
    background-position: -28px -32px;
}

.group-ul-2 .equtaion-8,
.group-ul-12 .equtaion-6,
.group-ul-14 .equtaion-6,
.group-ul-15 .equtaion-6 {
    background-position: -56px -32px;
}

.group-ul-2 .equtaion-9 {
    background-position: -84px -32px;
}

.group-ul-2 .equtaion-10 {
    background-position: -112px -32px;
}

.group-ul-2 .equtaion-11,
.group-ul-12 .equtaion-4,
.group-ul-12 .equtaion-7,
.group-ul-14 .equtaion-7,
.group-ul-15 .equtaion-7 {
    background-position: 0 -64px;
}

.group-ul-2 .equtaion-12,
.group-ul-12 .equtaion-5,
.group-ul-12 .equtaion-8,
.group-ul-14 .equtaion-8,
.group-ul-15 .equtaion-8 {
    background-position: -28px -64px;
}

.group-ul-2 .equtaion-13,
.group-ul-12 .equtaion-9,
.group-ul-12 .equtaion-6,
.group-ul-14 .equtaion-9,
.group-ul-15 .equtaion-9 {
    background-position: -56px -64px;
}

.group-ul-2 .equtaion-14 {
    background-position: -84px -64px;
}

.group-ul-2 .equtaion-15 {
    background-position: -112px -64px;
}

.group-ul-2 .equtaion-16,
.group-ul-12 .equtaion-10,
.group-ul-14 .equtaion-10,
.group-ul-15 .equtaion-10 {
    background-position: 0 -96px;
}

.group-ul-2 .equtaion-17,
.group-ul-12 .equtaion-11,
.group-ul-14 .equtaion-11,
.group-ul-15 .equtaion-11 {
    background-position: -28px -96px;
}

.group-ul-2 .equtaion-18,
.group-ul-12 .equtaion-12,
.group-ul-14 .equtaion-12,
.group-ul-15 .equtaion-12 {
    background-position: -56px -96px;
}

.group-ul-2 .equtaion-19 {
    background-position: -84px -96px;
}

.group-ul-2 .equtaion-20 {
    background-position: -112px -96px;
}

.group-ul-2 .equtaion-21,
.group-ul-14 .equtaion-13,
.group-ul-15 .equtaion-13 {
    background-position: 0 -128px;
}

.group-ul-2 .equtaion-22,
.group-ul-14 .equtaion-14 {
    background-position: -28px -128px;
}

.group-ul-2 .equtaion-23 {
    background-position: -56px -128px;
}

.group-ul-2 .equtaion-24 {
    background-position: -84px -128px;
}

.group-ul-2 .equtaion-25 {
    background-position: -112px -128px;
}

.group-ul-2 .equtaion-26 {
    background-position: 0 -156px;
}

.group-ul-16 .equtaion-4,
.group-ul-18 .equtaion-4 {
    background-position: 0 -24px;
}

.group-ul-16 .equtaion-5,
.group-ul-18 .equtaion-5 {
    background-position: -24px -24px;
}

.group-ul-16 .equtaion-6,
.group-ul-18 .equtaion-6 {
    background-position: -48px -24px;
}

.group-ul-16 .equtaion-7,
.group-ul-18 .equtaion-7 {
    background-position: 0 -48px;
}

.group-ul-16 .equtaion-8,
.group-ul-18 .equtaion-8 {
    background-position: -24px -48px;
}

.group-ul-16 .equtaion-9,
.group-ul-18 .equtaion-9 {
    background-position: -48px -48px;
}

.group-ul-16 .equtaion-10,
.group-ul-18 .equtaion-10 {
    background-position: 0 -72px;
}

.group-ul-16 .equtaion-11,
.group-ul-18 .equtaion-11 {
    background-position: -24px -72px;
}

.group-ul-16 .equtaion-12,
.group-ul-18 .equtaion-12 {
    background-position: -48px -72px;
}

.group-ul-16 .equtaion-13 {
    background-position: 0 -96px;
}

.group-ul-16 .equtaion-14 {
    background-position: -24px -96px;
}

.group-ul-16 .equtaion-15 {
    background-position: -48px -96px;
}

.btn-span {
    width: 24px;
    height: 24px;
    display: inline-block;
}
.btn-span:hover{
    background-color: #CCE2FF!important;
}
.btn-span:active{
    background-color: #A6CCFF!important;
}

/*菜单 end*/

/*常用 start*/
.math-commonly {
    padding: 0px 43px;
}

.math-commonly .commonly-ul {
    padding: 0;
    margin: 0;
    display: flex;
}

.commonly-ul li.commonly-li {
    flex-wrap: wrap;
    cursor: pointer;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
    position: relative;
    border: 1px solid #ccc;
}

.commonly-ul li.commonly-li:hover {
    background: #CCE2FF;
    border: 1px solid #CCE2FF;
}

.commonly-ul li.commonly-li:active {
    background: #A6CCFF;
    border: 1px solid #A6CCFF;
}

.commonly-ul li span {
    width: 28px;
    height: 28px;
    display: inline-block;
}

.commonly-ul li span {
    background: url("../img/icon-commonly.png") no-repeat;
    background-size: 565px;
}

.commonly-ul li .commonly-2 {
    background-position: -44px 0;
}

.commonly-ul li .commonly-3 {
    background-position: -72px 0;
}

.commonly-ul li .commonly-4 {
    background-position: -100px 0;
}

.commonly-ul li .commonly-5 {
    background-position: -128px 0;
}

.commonly-ul li .commonly-6 {
    background-position: -156px 0;
}

.commonly-ul li .commonly-7 {
    background-position: -184px 0;
}

.commonly-ul li .commonly-8 {
    background-position: -212px 0;
}

.commonly-ul li .commonly-9 {
    background-position: -240px 0;
}

.commonly-ul li .commonly-10 {
    background-position: -268px 0;
}

.commonly-ul li .commonly-11 {
    background-position: -296px 0;
}

.commonly-ul li .commonly-12 {
    background-position: -324px 0;
}

.commonly-ul li .commonly-13 {
    background-position: -352px 0;
}

.commonly-ul li .commonly-14 {
    background: url("../img/bg-formula-1.png") no-repeat -6px;
    background-size: 160px;
}

.commonly-ul li .commonly-15 {
    background-position: -408px 0;
}

.commonly-ul li .commonly-16 {
    background-position: -436px 0;
}

.commonly-ul li .commonly-17 {
    background-position: -464px 0;
}

.commonly-ul li .commonly-18 {
    background-position: -492px 0;
}

.commonly-ul li .commonly-19 {
    width: 46px;
    background-position: -521px 0;
}

.commonly-ul li.commonly-li:first-child,
.commonly-ul li.commonly-li:last-child {
    width: 42px;
}

.commonly-ul li.commonly-li:first-child span,
.commonly-ul li.commonly-li:last-child span {
    width: 44px;
}
.commonly-tip{
    position: absolute;
    top: 28px;
    left: 0;
    width:39px;
    height:17px;
    background:rgba(221,221,221,1);
    border-radius:3px;
    font-size: 12px;
    color: #666666;
    line-height: 17px;
    text-align: center;
    display: none;
    z-index: 2;
}

/*常用 end*/


/* 常用功能拖拽 start */
.math-drag {
    padding: 18PX 43px 26PX;
    position: relative;
}

.math-drag .drag-first,
.math-drag .drag-second {
    /* overflow: hidden; */
    height: 45px;
    position: relative;
}

.math-drag .drag-second {
    margin-top: 14px;
    height: 30px;
}

.math-drag .drag-first .drag-text {
    float: left;
    font-size: 14px;
    color: #303030;
    line-height: 28px;
    margin-right: 16px;
    width:85px;
    height:28px;
    background:rgba(255,255,255,1);
    border-radius:3px;
    border:1px solid rgba(204,204,204,1);
    margin-top: 9px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 3;
}
.always-area{
    position: absolute;
    width:712px;
    height:800px;
    left: 0px;
    top: 35px;
    z-index: 2;
}
.always-area .area-content{
    height:110px;
    border:1px solid rgba(204,204,204,1);
    background:rgba(255,255,255,1);
    position: relative;
}
.always-area .iconguanbi-moren{
    position: absolute;
    right: 11px;
    bottom:13px;
    cursor: pointer;
    font-size: 12px;
    color: #AAAAAA;
}
.always-area .iconduihao1{
    position: absolute;
    right: 40px;
    bottom: 13px;
    cursor: pointer;
    color: #4F9AFF;
    font-size: 12px;
}
.always-placeholder{
    font-size:14px;
    color:rgba(170,170,170,1);
    position: absolute;
    left: 13px;
    top: 20px;
}
.always-textarea{
    height: 108px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none!important;
    overflow-y: auto;
}
.always-textarea .mq-root-block{
    height: 106px;
}
.always-textarea var{
    font-family: Computer Modern Italia, Symbola!important;
}
var{
    font-style: normal!important;
}

.math-drag .drag-first #drag-list1 {
    max-width: 595px;
    display: inline-block;
}
.math-drag .MathJax{
    margin: 0!important;
    height: 100%;
    width: 100%;
}
.math-drag .MathJax svg{
    height: 100%;
    width: 100%;
    vertical-align: middle!important;
}

.math-drag .list-group-item {
    float: left;
    margin-right: 8px;
    padding: 0px 6px;
    text-align: center;
    line-height: 45px;
    box-sizing: border-box;
    height: 45px;
    border-radius: 3px;
    border: 1px solid rgba(204, 204, 204, 1);
    cursor: pointer;
    background: #fff;
    max-width: 95px;
    font-size: 12px;
    position: relative;
}
.list-item-close{
    width:19px;
    height:19px;
    background:rgba(63,146,255,1);
    color: #FFF;
    line-height: 19px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    right: -9px;
    top: -9px;
    display: none;
}
.list-item-close .iconfont{
    font-size: 12px;
    transform: scale(0.7);
    color: #fff;
    display: inline-block;
}
#drag-list2{
    display: inline-block;
}

#drag-list2 .list-group-item,#down-list .list-group-item {
    height: 30px;
    line-height: 30px;
    max-width: 63px;
    font-size: 10px;
    padding: 0px 4px;
}
#drag-list1 .list-group-item:last-of-type{
    margin: 0;
}
#drag-list2 .list-group-item:last-of-type{
    margin: 0;
}
#up-list,#down-list{
    position: absolute;
    visibility: hidden;
}
#up-list .list-group-item:last-of-type,#down-list .list-group-item:last-of-type{
    margin: 0;
}
.drag-null{
    position: absolute;
    height: 45px;
    left: 100px;
    top: 0;
    line-height: 45px;
    font-size: 14px;
    z-index: -1;
    color: #AAAAAA;
}
.MathJax_SVG{
    outline: none;
}

.list-group-item .MathJax_SVG_Display{
    margin: 0;
    height: 100%;
}
.list-group-item .MathJax_SVG{
    width: 100%;
    height: 100%;
}
.list-group-item .MathJax_SVG svg{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle!important;
}
.list-group{
    height: 100%;
    min-width: 30px;
}

.drag-active {
    background: #CCE2FF !important;
}

.drag-icon {
    position: absolute;
    right: 5px;
    top: 15px;
    cursor: pointer;
}
.always-icon.iconfont{
    color: #AAAAAA;
    font-size: 14px;
}
.always-icon:hover{
    color: #3F92FF;
}

/* 常用功能拖拽 end */

/*矩阵 start*/
.matrix-span-title {
    width: 512px;
    height: 28px;
    background:rgba(252,252,252,1);
    border-radius: 3px 3px 0px 0px;
    text-align: center;
}

.matrix-span-title span {
    width: 28px;
    height: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}

.me-container .matrix-box {
    display: flex;
    overflow: auto;
    padding: 16px 12px 5px 12px;
    background:rgba(255,255,255,1);
}

.matrix-textarea {
    width: 400px;
    padding: 0;
}

.matrix-options input {
    outline: none;
    width: 40px;
    height: 22px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(170, 185, 202, 1);
    border-radius: 3px;
}

.matrix-options input:hover {
    border: 1px solid rgba(52, 141, 224, 1);
}

.matrix-row {
    margin-bottom: 12px;
}

.matrix-align {
    margin-top: 60px;
}

.matrix-align div {
    margin-bottom: 12px;
}

/*矩阵 end*/

/*latex模式框 start*/
.latex-box{
    height: 100%;
}
.latex-box textarea {
    height:100%;
    width:798px;
    background: #FFFFFF;
    border: none;
    border-radius: 3px;
    padding-left: 43px;
    padding-top: 26px;
    padding-bottom: 200px;
    padding-right: 45px;
    margin-top: 6px;
    outline: none;
    font-size: 24px;
    resize: none;
    font-family: "Times New Roman", Symbola !important;
}

/*latex模式框 end*/

.math-edit-box {
    /* width: calc(100% - 10px) !important; */
    width: calc(100%) !important;
    border: none !important;
    padding-bottom: 80px;
    overflow-y: auto;
}
.math-edit-box .mq-root-block{
    height: 100%;
}

.mq-focused {
    box-shadow: none !important;
}

#matrixContainer .mq-math-mode {
    font-size: 24px;
}

/* 去掉公式篮框 */
.MathJax {
    outline: 0 !important;
}

/*缩放*/
.zoom-box {
    position: absolute;
    right: 45px;
    top: 4px;
    width: 142px;
    height: 20px;
}

.zoom-box span.span-less,
.zoom-box span.span-add {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    color:rgba(204,204,204,1);
}
.zoom-box span.span-less:hover, .zoom-box span.span-add:hover{
    color: #3F92FF;
}

span.span-less {
    left: 0px;
}

span.span-add {
    left: 88px;
}

span.span-per {
    position: absolute;
    left: 107px;
    top: 3px;
    font-size: 14px;
    color: #212121;
}

.lineDiv {
    position: absolute;
    height: 4px;
    font-size: 0;
    line-height: 0;
    background:rgba(204,204,204,1);
    width: 60px;
    left: 20px;
    top: 9px;
    border-radius: 2px;
}

.lineDiv .minDiv {
    position: absolute;
    cursor: pointer;
    top: -6px;
    left: 0px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    border:1px solid rgba(180,180,180,1);
    margin-left: -7px;
    z-index: 2;
}
.lineDiv .minDiv:hover{
    background:rgba(63,146,255,1);
    border:1px solid rgba(255,255,255,1);
}

/*遮罩层*/
.mask-box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 136px;
    background: rgba(223, 227, 232, 1);
    text-align: center;
    font-size: 14px;
    color: #919EAB;
}

.commonly-li-box {
    cursor: pointer;
    width: 46px;
    height: 28px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    position: relative;
}

.commonly-li-box:hover {
    background: #CCE2FF;
    border-radius: 3px;
    border: 1px solid #CCE2FF;
}

.formula-box {
    position: absolute;
    right: 0;
    width: 160px;
    padding: 8px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.7);
    z-index: 4;
    top: 38px;
}

.formula-box:before {
    background-position-x: 145px;
}

.formula-box .formula-name {
    width: 160px;
    height: 20px;
    background: rgba(242, 244, 247, 1);
    border-radius: 3px;

}

.formula-box .formula-name i.s-name {
    line-height: 20px;
    color: #637381;
    margin-left: 4px;
    font-style: normal;
}

.formula-math-list {
    height: 40px;
    padding: 4px 0;
}

.formula-math-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.formula-math-list li {
    width: 40px;
    height: 40px;
}

.formula-math-list li:hover {
    background: #CCE2FF;
    border-radius: 3px;
    cursor: pointer;
}

.formula-math-list li:active {
    background: #A6CCFF;
}

.formula-math-list .math-list-ul-2 li {
    width: 80px;
}

.formula-math-list i {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.formula-math-list .math-list-ul-2 i {
    width: 80px;
}

.formula-math-list .math-list-ul-1 i {
    background: url("../img/bg-formula-1.png") no-repeat;
    background-size: 160px;
}

.formula-math-list .math-list-ul-2 i {
    background: url("../img/bg-formula-2.png") no-repeat;
    background-size: 160px;
}

.formula-math-list .math-list-ul-3 i {
    background: url("../img/bg-formula-3.png") no-repeat;
    background-size: 160px;
}

.formula-math-list .math-list-ul-4 i {
    background: url("../img/bg-formula-4.png") no-repeat;
    background-size: 160px;
}

.math-list-ul-1 .math-list-li-1 i,
.math-list-ul-2 .math-list-li-1 i,
.math-list-ul-3 .math-list-li-1 i,
.math-list-ul-4 .math-list-li-1 i {
    background-position: 0 0;
}

.math-list-ul-1 .math-list-li-2 i,
.math-list-ul-3 .math-list-li-2 i,
.math-list-ul-4 .math-list-li-2 i {
    background-position: -40px 0;
}

.math-list-ul-1 .math-list-li-3 i,
.math-list-ul-2 .math-list-li-2 i,
.math-list-ul-3 .math-list-li-3 i,
.math-list-ul-4 .math-list-li-3 i {
    background-position: -80px 0;
}

.math-list-ul-1 .math-list-li-4 i,
.math-list-ul-3 .math-list-li-4 i,
.math-list-ul-4 .math-list-li-4 i {
    background-position: -120px 0;
}

.preview-math {
    overflow-x: auto;
    min-height: 150px;
    max-height: 300px;
    width: calc(100%);
    padding-top: 30px;
}
.preview-math text{
    font-family: "Times New Roman", Symbola !important;
}

.no-support {
    font-style: normal;
    background: #c0c0c0;
    border-radius: 3px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    width: 160px;
    text-align: center;
    position: absolute;
    top: 35px;
    left: -40px;
    z-index: 1;
}

.group-ul li.no-click {
    background: #DFE3E8;
}

.group-ul li:hover {
    background: rgba(242, 244, 247, 1);
    border-radius: 3px;
    cursor: pointer;
}

.group-ul li:active {
    background: #DFE3E8;
}

.help-box {
    position: absolute;
    border-radius: 5px;
    padding-top: 14px;
    padding-left: 16px;
    width: 377px;
    height: 112px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    right: 146px;
    line-height: 22px;
    z-index: 1;
}

.help-box:before {
    position: absolute;
    transform: rotate(90deg);
    width: 28px;
    height: 12px;
    content: "";
    background: url(../img/ico-jt.png) no-repeat 25px;
    background-size: 15px;
    display: inline-block;
    top: 0;
    right: -17px;
    background-position-x: 11px;
}

.help-box p {
    margin: 0;
    padding: 0;
    color: #637381;
    font-size: 14px;
}


mjx-container{
    /* margin: 0!important;
    width: 100%; */
}




::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
    padding-right: 10px;
}
::-webkit-scrollbar-track-piece
{
    background-color: #fff;
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical
{
    height: 6px;
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal
{
    width: 6px;
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
    
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(157, 165, 183, 0.7);
    cursor: pointer;
}