.x-body{color: #000000;margin: 0;padding: 0;font-size:114%;text-align: justify;text-justify:inter-ideograph; position:inherit;}
body{visibility:hidden;}
body.show{visibility:visible !important;}
body strong {font-weight: bold;}
body i{font-style: italic}

body.ans-cc{margin:15px;}
body.ans-cc *{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ans-cc{margin:.5em 0 0 0;padding:0;word-wrap: break-word;}
.ans-cc{font-size:14px}
.ans-cc:after{content:'\20';display:block;height:0;clear:both;}
.ans-cc form,.ans-cc h1,.ans-cc h2,.ans-cc h3,.ans-cc h4,.ans-cc ul,.ans-cc li,.ans-cc dl,.ans-cc dt,.ans-cc dd{margin:0;padding:0}
.ans-cc>p{margin:0 .8em}
.ans-cc ul{list-style-type:disc;}
.ans-cc ol{list-style-type:decimal;}
.ans-cc img{border: medium none; float: none !important; margin: 0 auto;}
.ans-cc img.ans-formula-moudle{margin: 0 !important;}
body.ans-cc[contenteditable] img{cursor:move}
.ans-cc a,.ans-attach a{color:#167EFB;text-decoration:none;}
.ans-cc sup.ref{font-size:13px;margin-left:2px;color:#36c;font-weight:normal;font-style:normal;cursor:pointer;color:#fff;background:#f2ad6a}
.ans-cc h2{clear:both;font-size:18px;font-weight:bold;line-height:24px;border-bottom:1px solid #dedfe1;padding-bottom:5px;margin:32px 0 16px;word-wrap:break-word;text-indent:1em;}
.ans-cc h3{clear:both;font-size:16px;font-family:Arial;line-height:22px;margin:10px 0;word-wrap:break-word;}
.ans-cc h2.first{clear:none}
.ans-cc table{margin:5px 0;border-collapse:collapse;border-spacing:0;word-wrap:break-word;word-break:break-all;font-size:12px;line-height:12px;color:#666}
.ans-cc caption{font-size:14px;font-weight:bold;padding:10px 0;padding:8px 0 \9;border:1px dashed #DDD;border-bottom:0}
.ans-cc td,th{padding:0 10px;border:1px solid #DDD;line-height:22px}
.ans-cc th{border-top:2px solid #BBB;background-color:#f7f7f7;font-weight:bold}
.ans-cc td{background-color:#FFF}
.ans-cc table td p,table th p{margin:0;text-indent:0}
.ans-cc p{margin-bottom:14px;word-wrap:break-word;text-indent:2em;line-height:1.6em !important;}
.ans-cc p span{white-space: pre-wrap!important;}
.ans-cc iframe{margin: 0 auto;display: block;width:100%}
.ans-cc li p,.ans-cc p.parasmall{margin-bottom:0;text-indent:0}
.ans-cc .para-list{margin:0 0 14px 2em}
.ans-cc .list-paddingleft-2{padding-left:30px;}
.ans-cc .ans-book{position:relative;line-height:22px;margin-left:2em;}
.ans-block .ans-book{margin-left:0;}
.ans-cc .ans-book div{text-indent:0px;}
.ans-cc .ans-book-cover img{margin:0px;width:68px;-webkit-box-shadow:3px 3px 10px #333;-moz-box-shadow:3px 3px 10px #333;-o-box-shadow:3px 3px 10px #333;box-shadow:3px 3px 10px #333;}
.x-ie7.ans-cc .ans-book-cover img,.x-ie6.ans-cc .ans-book-cover img{width:58px !important;}
.ztArtCon table tr td{border:solid 1px #ccc}
.ztArtCon .ans-noborder th,.ztArtCon .ans-noborder td{border-color:transparent;}
.ans-zt-attach-online{width: 100%}
.ans-attach-ct{width: 100%;text-align: center;}
.ans-attach-ct-inner {display: inline-block;margin: 0 auto;margin-left: -2em;}
.ans-attach-ct .ans-job-icon{text-align: left;width:200px;height:14px;line-height:14px;background:url(../images/wap-job-status.png) no-repeat;font-size: 12px; text-indent: 20px;margin: 10px 0;}
.ans-attach-ct.ans-job-finished .ans-job-icon, .ans-attach-ct-inner.ans-job-finished .ans-job-icon{background-position:0 -14px;}

iframe.ans-module{}
iframe.ans-insertbook-module{width:435px;height:110px;margin: 0 auto;}
iframe.ans-insertdoc-module,iframe.ans-insertvideo-module,iframe.ans-insertaudio-module{width:100px;height:41px;}
.ans-book .ans-ref-bookname{margin-top:5px;}
.ans-book .ans-ref-author{font-size:12px;color:#999}
.ans-book .ans-ref-publish{font-size:12px;color:#999}
.ans-attach-title{margin-left:40px;font-size:14px;}
.ans-attach-size{font-size:12px;color:#999;margin-left:5px;}
.ans-attach{background:url(../images/word-icons.png) no-repeat;height:27px;overflow:hidden;margin:5px;text-indent:0;}
.ans-attach .ans-attach-out{font-size:12px;color:#999;-moz-user-select:none;margin-left:50px;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.ans-attach-ppt,.ans-attach-pptx{background-position:0 -54px;}
.ans-attach-pdf{background-position:0 -27px;}
.ans-attach-avi{background-position:0 -81px;}
.ans-attach-flv{background-position:0 -108px;}
.ans-attach-mkv{background-position:0 -135px;}
.ans-attach-mov{background-position:0 -162px;}
.ans-attach-mp4{background-position:0 -189px;}
.ans-attach-mpeg{background-position:0 -216px;}
.ans-attach-mpg{background-position:0 -243px;}
.ans-attach-rmvb{background-position:0 -270px;}
.ans-attach-wmv{background-position:0 -297px;}
.ans-attach-3gp{background-position:0 -324px;}
.ans-attach-asf{background-position:0 -351px;}
.ans-attach-vob{background-position:0 -378px;}
.ans-attach-f4v{background-position:0 -405px;}
.ans-attach-ape{background-position:0 -432px;}
.ans-attach-mp3{background-position:0 -459px;}
.ans-attach-wav{background-position:0 -486px;}
.ans-attach-wv{background-position:0 -513px;}
.ans-attach-wma{background-position:0 -540px;}
.ans-attach-aac{background-position:0 -567px;}
.ans-attach-ac3{background-position:0 -594px;}
.ans-attach-aif{background-position:0 -621px;}
.ans-attach-arm{background-position:0 -648px;}
.ans-attach-asf{background-position:0 -675px;}
.ans-attach-flac{background-position:0 -702px;}
.ans-attach-m4a{background-position:0 -729px;}
.ans-attach-m4r{background-position:0 -756px;}
.ans-attach-mka{background-position:0 -783px;}
.ans-attach-mid{background-position:0 -810px;}
.ans-attach-mmf{background-position:0 -837px;}
.ans-attach-mpa{background-position:0 -864px;}
.ans-attach-mpc{background-position:0 -891px;}
.ans-attach-ogg{background-position:0 -918px;}
.ans-attach-pcm{background-position:0 -945px;}
.ans-attach-ra{background-position:0 -972px;}
.ans-attach-tta{background-position:0 -999px;}
.ans-attach-voc{background-position:0 -1026px;}
.ans-attach-online{height:180px;background-color:#666;border:1px #ccc solid;overflow:hidden;}
.ans-attach-online.ans-insertaudio{height:70px !important;border: 0 none !important;}
.ans-insertwork-online{width:100%;height:100%;border:none;overflow:auto;}
.ans-cc .ans-book::foucs{background-color:#ccc}
.ans-cc .ans-book .ans-book-info{position:absolute;top:0px;left:85px;}
img{display:block;}

/** zt */
.ans-zt-attach-online{height:70px;background-color:#fff;border:1px #ccc solid;overflow:hidden;border-radius:4px;}
.ans-zt-attach-online.ans-insertvideo-online{height:180px;border-radius:0;}
.ans-zt-attach-online.ans-insertaudio{border: 0 none !important;height:70px;}
.ans-zt-attach {display: block;line-height: 40px;overflow: hidden;text-indent: 0;border: solid 1px #ccc;border-radius: 5px;padding: 10px 0;padding-left: 8px;}

.ans-zt-attach img {height: 54px;display: inline-block;margin: 0;width: 40px;}
.ans-zt-attach .ans-attach-title { float: left; margin-left: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 180px;}
.ans-zt-attach .ans-attach-info {display: inline-block; width: 240px;overflow: hidden;height: 40px;}
.js-card p{white-space: pre-wrap;word-break: break-word;}
.js-card p span{white-space: pre-wrap!important;}
/*图片并排*/
.js-card .image_layout{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 0;
}
.js-card .image_layout img{
    height: 100%;
    width: auto!important;
}
.js-card .image_wrap{
    padding: 6px;
    margin: 0 2px;
    border-radius: 4px;
    text-align: center;
    position: relative;
}
.js-card .image_wrap *{
    max-width: 100%;
}
.js-card .image_wrap[hasdesc="true"]:hover{
    background: #F7F8FA;
}
/*.ans-cc .image_wrap:hover .img_tool{*/
/*	display: flex;*/
/*}*/
.js-card .image_wrap img[src]{
    margin-bottom:0;
    width: auto;
    height: auto;
}
.js-card .image_wrap .img_tool{
    display: none;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    top: -38px;
    left: 0;
    flex-direction: row;
    width: 273px;
    height: 42px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 12px 0px #00255933;
    cursor: pointer;
}
.js-card .image_wrap .img_tool .img_item{
    color: #474C59;
    font-size: 14px;
}
.js-card .image_wrap .img_tool .img_item:hover{
    color: #3a8bff;
}
.js-card .image_wrap .img_desc {
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    word-break: break-word;
    width: 100%;
}
.js-card .image_wrap p{
    text-indent: 0;
    text-align: center;
}
/*高亮块*/
.ans-cc .callout-block,.js-card .callout-block{
    position:relative;
    display: flex;
    align-items: start;
    background: rgb(255, 251, 230);
    padding: 16px;
    margin: 20px 0;
    border: 1px solid rgb(255, 251, 230);
    border-radius: 4px;
}
.ans-cc .callout-block p,.js-card .callout-block p {
    text-indent: unset;
    line-height: 1.75;
}
.ans-cc .callout-icon,.js-card .callout-icon{
    position: relative;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    text-align: center;
    background: url(/ananas/new-editor/images/callout-icon.png) center center / 20px 20px no-repeat;
    user-select: none;
    cursor: pointer;
}
.ans-cc .callout-inner,.js-card .callout-inner{
    font-family: EmojiMart, "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
    font-size: 16px;
    line-height: 1.75;
}
.ans-cc .callout-icon:hover,.callout-icon.active,.js-card .callout-icon:hover{
    background-color: #EBEEF2;
    border-radius: 4px;
}
.ans-cc .callout-text,.js-card .callout-text {
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    flex: 1;
}
.ans-cc .callout-text>*:first-child,.js-card .callout-text>*:first-child{
    margin-top: 0;
}
.ans-cc .image_wrap:after{
    content:"";
    display:table;
    clear:both
}
.ans-cc .ans-latex-moudle.errorLatexImg{width:100px}

.chapter-link{position:relative}
.chapter-link::before{
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
    background: url(/ananas/css/chaperLink.png) no-repeat;
    background-size: 100%;
    margin-right:6px;
    vertical-align:middle;
}
.table_box table {
    width: max-content!important;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 3px;
}
.table_box table p, .table_box table li[level]::before{
    font-size: 14px !important;
}
.table_box table img[lazyimg][modifyImg='0']{
    height: auto!important;
    width: auto!important;
}
/* .ProseMirror table .image_desc{
    width: auto!important;
} */
.table_box table .desc_auto{
    width: auto!important;
}
.table_box table div[isplaceholder='true'] img[modifyImg='0']{
    height: auto!important;
    width: auto!important;
}
.table_box{
    padding-top: 25px;
    pointer-events: auto;
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
}
.table_box table[headerrow="1"] tbody tr:first-child td{
    background-color: #F2F4F7;
    font-weight: 600;
}
.table_box table[headercol="1"] tbody tr td:first-child{
    background-color: #F2F4F7;
    font-weight: 600;
}
.table_box table[alignsetting="left"]{
    margin-left: 0!important;
    margin-right: auto!important;
}
.table_box table[alignsetting="center"]{
    margin-left: auto!important;
    margin-right: auto!important;
}
.table_box table[alignsetting="right"]{
    margin-left: auto!important;
    margin-right: 0!important;
}

.table_box::-webkit-scrollbar {
    width:8px;
    height: 8px;
}

.table_box::-webkit-scrollbar-track {
    background: transparent;
}
.table_box::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #DADFE5;
}
.ans-cc .table_box th,.ans-cc .table_box td{
    border: 1px solid #D9D9D9;
    padding: 0 10px!important;
    height: 40px;
}
.ans-cc .table_box table{
    max-width: none!important;
}
.ans-cc ol{
    list-style-type: decimal;
}
.ans-cc ol ol{
    list-style-type: lower-alpha;
}
.ans-cc ol ol ol{
    list-style-type: lower-roman;
}
.ans-cc ol ol ol ol{
    list-style-type: upper-alpha;
}
.ans-cc ol ol ol ol ol{
    list-style-type: upper-roman;
}
.ans-cc .table_box table[headerrow="1"] tbody tr:first-child td,.ans-cc .tableContainer table[headerrow="1"] tbody tr:first-child td{
    background-color: #F2F4F7;
    font-weight: 600;
}
.ans-cc .table_box table[headercol="1"] tbody tr td:first-child,.ans-cc .tableContainer table[headercol="1"] tbody tr td:first-child{
    background-color: #F2F4F7;
    font-weight: 600;
}