@import url("iconfont.css");

.xapfont {
    font-size: 0.16rem;
}

:root {
    /*菜单宽度*/
    --mm-sidebar-expanded-size: 300px !important;
    /*隐藏菜单时，菜单保留的最小宽度*/
    --mm-sidebar-collapsed-size: 0px !important;
    /* 	--mm-color-background:#fff!important;
    --mm-color-border: #eee!important;
    --mm-color-background-highlight:red!important;
    --mm-color-button:black!important; */
    --footer-color-background: #f4f4f4;
    /*--mm-color-background-highlight: red !important;*/
    --mm-color-border: transparent !important;

    --mm-line-height: 20px !important;
    --mm-listitem-size: 36px !important;
}


.mm-menu--theme-light {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgb(0 0 0 / 0) !important;
    --mm-color-icon: rgb(0 0 0 / 0.4);
    --mm-color-text: rgb(0 0 0 / 0.8);
    --mm-color-text-dimmed: rgb(0 0 0 / 0.4);
    --mm-color-background-highlight: rgb(0 0 0 / 0.0) !important;
    --mm-color-background-emphasis: rgb(255 255 255 / 0.75);
    --mm-color-focusring: #06c;
}


/*控制子菜单是否加深背景颜色*/
.mm-listitem_opened > .mm-listitem__btn,
.mm-listitem_opened > .mm-panel {
    background: rgba(0, 0, 0, .05);
    background: var(--mm-color-background-highlight);
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 0px !important;
}

.mm-listitem_vertical > .mm-panel,
.mm-listitem--vertical > .mm-panel {
    padding-top: 0px !important;;
    padding-bottom: 0px !important;;
}

.mm-searchfield input,
.mm-searchfield input:focus,
.mm-searchfield input:hover {
    background-color: white !important;
}

.mm-panels .mm-navbar {
    display: none;
}


/* 去掉HX的点赞吐槽 */
/*.footer {*/
/*    display: none !important;;*/
/*}*/
@media (max-width: 992px) {
    .banner-title{
        margin-left: 20px;
        font-size: 0.1rem;
        line-height: 0.1rem;
        display: inline-block;
        padding-top: 8px;
    }
    #tucao{
        width: auto !important;
    }
}

@media (min-width: 992px) {
    .header a {
        display: none !important;
    }

    .header,
    .footer {
        padding: 0 0.2rem !important;
    }

    #tucao {
        margin-left: 300px !important;
    }

    /* 去掉slide */
    body {
        display: none;
    }



    .mm-slideout {
        transition-property: none !important;
        transition-duration: 0s !important;
        /*        transform: none !important;
        margin-left:300px;
        margin-left: var(--mm-sidebar-expanded-size) !important; */
    }

    .mm-wrapper_opening .mm-menu_position-bottom,
    .mm-wrapper_opening .mm-menu_position-front,
    .mm-wrapper_opening .mm-menu_position-top {
        transition-property: none !important;
        transition-duration: 0s !important;
        /*      transform: none !important; */
    }

    /* end */
    /* 解决IE不兼容css var */
    .mm-wrapper_sidebar-collapsed .mm-slideout {
        width: calc(100% - 0px);
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
        width: calc(100% - var(--mm-sidebar-collapsed-size));
        -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
        transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
    }

    .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
        width: 300px !important;
        width: var(--mm-sidebar-expanded-size);
    }

    .mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
        width: calc(100% - 300px) !important;
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0) !important;
        width: calc(100% - var(--mm-sidebar-expanded-size));
        -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
        transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
    }


    .mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ #tucao.mm-slideout {
        width: calc(100% - 300px - 0.32rem) !important;
        /* 去掉 tucao 左右2边各有的0.16rem，否则输入框显示不全 */
    }


    /* end */

}

.mm-navbar_tabs span {
    display: inline-block;
    margin-left: 0.08rem;
}

@media (max-width: 450px) {
    .mm-navbar_tabs span {
        display: none !important;
    }
}

nav:not(.mm-menu) {
    display: none;
}


html {
    font-size: 100px;
}

body {
    font-family: Arial, STHeiTi, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    background-color: transparent;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    position: relative;
    margin: 0px;
    padding: 0px;
    word-wrap: break-word;
}

.content {
    padding: 0.5rem 0.2rem 0.5rem 0.2rem;
}

.header,
.footer {
    background: rgb(3, 110, 184);
    color: #fff;
    line-height: 0.44rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 0.44rem;
    padding: 0 0.50rem;
    font-size: 0.14rem;
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
}

.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4;
    background-color: var(--footer-color-background);
    padding: 0px;
}


.footer nav {
    display: block;
    text-align: center;
}

#tucao nav {
    display: block;
    text-align: center;
    background-color: #f4f4f4;
    background-color: var(--footer-color-background);
    height: 0.44rem;
    vertical-align: middle;
    line-height: 0.44rem;
    margin-left: -0.16rem;
    margin-right: -0.16rem;
}


.footer nav a,
#tucao nav a {
    color: #000;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    text-decoration: none;
}

#tucao nav a:nth-child(2) {
    color: #323232;
    opacity: 0.4;
}

.can-click {
    opacity: 1 !important;
    color: #000;
}


a .xapfont {
    margin-right: 0.05rem;
}

.header a {
    display: block;
    width: 0.2rem;
    height: 0.18rem;
    padding: 0.11rem;
    margin: 0.02rem;
    position: absolute;
    top: 0;
    left: 0;
}

.header a:before,
.header a:after {
    content: '';
    display: block;
    background: #fff;
    height: 0.02rem;
}

.header a span {
    background: #fff;
    display: block;
    height: 0.02rem;
    margin: 0.06rem 0;
}


/* article.css */
body.preview {
    padding: 0px 0.1rem;
    margin: 0px;
}

article td,
article th {
    padding: 0.05rem;
}

.p {
    margin-top: 0px;
    /*覆盖dita默认的样式：margin-top:1em;*/
}

/* 已点击 “点赞，吐槽” 图标 */
.active .xapdianzan:before {
    content: "\e62f";
}

.active .xaptucao:before {
    content: "\e630";
}


/*吐槽样式*/
#tucao li {
    line-height: 1.5;
    list-style: none;
}

#tucao {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0px 0px;
    padding: 0.16rem 0.16rem 0px 0.16rem;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999;
    border-top: solid 1px #DADADA;
    width: 50%;
    transform: translate3d(0, 100%, 0) !important;
    display: none;
    opacity: 0;
    transition-property: transform, opacity !important;
    margin: 0 auto;

}

#tucao.active {
    transition: transform .3s, opacity .3s !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1;
}


#feedback-list {
    background-color: #fff;
    max-height: none;
    padding: 0px;
    text-align: center;
    margin: 0rem !important;
}

#feedback-list h2 {
    text-align: left;
    color: #000;
    font-size: 0.14rem;
    margin-top: 0rem;
}

#feedback-list button {
    color: #000;
    font-size: 0.12rem;
    border-radius: 0.1rem;
    min-height: 0.44rem;
    width: 1.04rem;
    background: #F4F4F4;
    border: 0px;
    margin-bottom: 0.1rem;
    outline: none;
    /* 解决英文版内容长导致显示不全 */
    padding: 0.16rem 3px;
    white-space: pre-wrap;
}

#feedback-list li button {
    margin-left: 0.08rem;
}

#feedback-list li button:nth-child(1) {
    margin-left: 0px;
}

#feedback-list button.active:enabled,
#feedback-list button:enabled:active {
    color: #fff;
    border: 0rem;
    background-color: #258BFA;
}

#tucao .input-row {
    margin-bottom: 0.1rem;
}

#tucao .input-row input {
    border-radius: 0.07rem;
    border: solid 1px #A0A0A0;
    height: 0.38rem;
    padding: 0rem 0.02rem;
    width: 100%;
}

#tucao .input-row input:focus {
    border: solid 1px #258BFA;
}


#tucao nav a.active {
    color: #007aff;
}


/*结束*/
@media print {
    body {
        /*display: none;*/
    }

    .mm-menu,
    .goto-top {
        display: none !important;
    }
}


div,
p,
h1,
h2,
h3,
h4,
h5,
figure,
table,
tr,
th,
td,
blockquote,
section,
article {
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
.title {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2;
}

p {
    margin-bottom: 0.06rem;
    color: #4B4B4B;
}

div[class*=box] p:last-child {
    margin-bottom: 0em;
}


/*mini toc 开始*/

nav > h1:nth-child(1),
nav > h2:nth-child(1),
nav > h3:nth-child(1),
nav > h4:nth-child(1),
.chapter-title {
    font-size: 0.2rem;
    font-weight: bold;
    color: #000;
    page-break-after: avoid;
    margin-top: 0px;
    margin-bottom: 0.2rem;
    line-height: 1.2;
}


/*隐藏 article 下面的第一个标题，因为和 mini toc里面的重复*/
nav + article > .chapter-title {
    display: none;
}

nav + article > h1:nth-child(1),
nav + article > h2:nth-child(1),
nav + article > h3:nth-child(1) {
    display: none;
}

/*dita 输出的时候，有个main元素*/
nav + main > article > h1:nth-child(1),
nav + article > h2:nth-child(1),
nav + article > h3:nth-child(1) {
    display: none;
}


nav > ol {
    border-left: solid 10px #ddd;
}

/*mini toc 结束*/


nav + article {
    padding-top: 0.3rem;
}

/*标题开始*/
h1,
.topictitle1 {
    font-size: 0.2rem !important;
    font-weight: bold;
    margin-top: 0.32rem;
    margin-bottom: 0.16rem;
    color: #000;
    page-break-after: avoid;
}


h2,
h2.sectiontitle,
.topictitle2 {
    font-size: 0.14rem !important;
    font-weight: bold;
    margin-top: 0.32rem;
    margin-bottom: 0.16rem;
    page-break-after: avoid;
    color: #000;
}

h3,
h3.sectiontitle,
.topictitle3 {
    font-size: 110% !important;
    font-weight: bold;
    margin-top: 0.32rem;
    margin-bottom: 0.16rem;
    page-break-after: avoid;
    color: #000;
}

h4,
h4.sectiontitle,
.topictitle4 {
    font-size: 100% !important;
    font-weight: bold;
    margin-top: 0.32rem;
    margin-bottom: 0.16rem;
    page-break-after: avoid;
    color: #000;
}

h5,
h5.sectiontitle,
.topictitle5 {
    color: #888 !important;
    font-size: 100%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.5em;
    page-break-after: avoid;
}


h1 + section > *:first-child,
h2 + section > *:first-child,
h3 + section > *:first-child,
h4 + section > *:first-child {
    margin-top: 0em;
}

/*标题结束*/


.box {
    -moz-border-radius: 0.03rem;
    -webkit-border-radius: 0.03rem;
    border-radius: 0.03rem;
    border: 1px solid #aaa;
    padding: 1em 1em 1em 0.55rem !important;
    margin: 1em 0;
    overflow: hidden;
    position: relative;
}


div.warning {
    margin: 2em 0em;
    padding: 1em;
    border: solid 1px rgb(230, 126, 126);
    background-color: rgba(230, 126, 126, 0.1);
    border-radius: 0.05rem;
}

div.warning .title,
div.note .title {
    margin-top: 0em;
    font-style: normal;
    font-weight: bold;
}

.fa-warning {
    color: red;
}

.fa-warning::before {
    padding-right: 0.05rem;
}


div.warning-box-col1 {
    padding-right: 0.05rem;
}

.warning-box-col1,
.warning-box-col2 {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top;
}


div.note {
    margin: 2em 0em;
    padding: 1em;
    border: solid 1px rgb(248, 147, 29);
    background-color: rgba(250, 239, 122, 0.3);
    border-radius: 0.05rem;
}

li div.note {
    margin: 1em 0em;
}

/*note下方的符号全部使用实心圆*/
div.note ul {
    list-style-type: disc;
}

.fa-info-circle {
    color: #968120;
}

.fa-info-circle::before {
    padding-right: 0.05rem;
}

div.diagnostic {
    margin: 2em 0em;
    padding: 1em;
    border: solid 1px #ddd;
    border-radius: 0.05rem;
}

div.diagnostic .testgrp > .title {
    margin-top: 0em;
}

.section.testgrp {
    margin-top: 0em;
    margin-bottom: 0em;
}


div.warning ul,
div.note ul,
div.test ul {
    padding-left: 2em;
}

/*table 默认样式*/
table {
    min-width: 50%;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

@media screen and (max-width: 767px) {

    table {
        min-width: 100% !important;
    }
}

li table {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

table,
td,
th {
    border: solid 1px;
    border-collapse: collapse;
}

th {
    font-weight: bold;
    background: #ccc;
}

td,
th {
    padding: 0.05rem;
}

table p {
    margin: 0px;
}


/*没有边框的table*/


table.table_noborder,
table[data-role=table_noborder] {
    border: 0px;
}

table.table_noborder th,
table.table_noborder td,
table[data-role=table_noborder] th,
table[data-role=table_noborder] td {
    border: 0px;
}


table.table_border_top_bottom,
table[data-role=table_border_top_bottom] {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-left: 0px;
    border-right: 0px;
}

table.table_border_top_bottom th,
table.table_border_top_bottom td,
table[data-role=table_border_top_bottom] th,
table[data-role=table_border_top_bottom] td {
    border: 0px;
}

table.table_border_top_bottom thead tr:last-child th,
table.table_border_top_bottom thead tr:last-child td,
table[data-role=table_border_top_bottom] thead tr:last-child th,
table[data-role=table_border_top_bottom] thead tr:last-child td {
    border-bottom: solid 1px #000 !important;
}

table.table_border_top_bottom tbody tr:first-child td,
table[data-role=table_border_top_bottom] tbody tr:first-child td {
    border-top: solid 1px #000 !important;
}


table.table_border_row,
table[data-role=table_border_row] {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-left: 0px;
    border-right: 0px;
    border-collapse: collapse;
}

table.table_border_row td,
table.table_border_row th,
table[data-role=table_border_row] td,
table[data-role=table_border_row] th {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-left: 0px;
    border-right: 0px;
    border-collapse: collapse;
}


/*为了兼容旧版本，旧版本borer类型值在@class里面，现在改成@data-role,  @class留给编辑的时候输入自定义的class*/
table.table_border_box,
table[data-role=table_border_box] {
    border: solid 1px #000 !important;
    border-collapse: collapse;
}

table.table_border_box td,
table.table_border_box th,
table[data-role=table_border_box] td,
table[data-role=table_border_box] th {
    border: 0px;
}

/*table_外部边框_内部边框*/

table.table_vsides_all,
table[data-role=table_vsides_all] {
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: solid 1px #BF0060 !important;
    border-bottom: solid 1px #BF0060 !important;
}

table.table_vsides_all tr td:first-child,
table.table_vsides_alltr th:first-child,
[data-role=table_vsides_all] tr td:first-child,
[data-role=table_vsides_all] tr th:first-child {
    border-left: 0px !important;
}

table.table_vsides_all tr td:last-child,
table.table_vsides_all tr th:last-child,
[data-role=table_vsides_all] tr td:last-child,
[data-role=table_vsides_all] tr th:last-child {
    border-right: 0px !important;
}

/*dl table*/
table[data-role=dl] {
    border: 0px;
}


table[data-role=dl] th,
table[data-role=dl] td {
    border: 0px;
}


.fig {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.fig br {
    display: none;
}

.figure-box {
    margin-top: 0px;
    margin-bottom: 0px;
}

.figure-box img:not(.inline) {
    /*border-radius: 0.1rem;*/
}


br + .figure-box {
    margin-top: 0px;
    margin-bottom: 0px;
}


.caption,
figcaption,
table caption {
    color: darkblue;
    margin-top: 0.2rem;
    margin-bottom: 0.03rem;
    text-align: left;
}

table caption {
    margin-top: 0px;
}

ol,
ul {
    padding-left: 0.2rem;
}


li p:only-child,
li .p:only-child {
    margin-bottom: 0.06rem;
    padding: 0em;
}

li:last-child p:last-child {
    margin-bottom: 0rem;
}


ul.none {
    list-style-type: none;
}

ul.square {
    list-style-type: square;
}

ul.disc {
    list-style-type: disc;
}

ul.circle {
    list-style-type: circle;
}

ol.decimal {
    list-style-type: decimal;
}

ol.lower-alpha {
    list-style-type: lower-alpha;
}

ol.upper-alpha {
    list-style-type: upper-alpha;
}

ol.lower-roman {
    list-style-type: lower-roman;
}

ol.upper-roman {
    list-style-type: upper-roman;
}


ol:not([class]) ol:not([class]) {
    list-style-type: lower-alpha;
}


ul + p.list_number_body,
ol + p.list_number_body,
p.list_number_body + p.list_number_body {
    margin-left: 3em;
    margin-top: -1em;
    margin-bottom: 1em;
}

p.list_number_body + ul,
p.list_number_body + ol {
    margin-top: 0em;
}

p.list_number_body ~ ul {
    margin-top: 0.03rem;
}


/*有@start属性的情况下，其实是1个ol，所以去掉上面的空间*/
ol + ol {
    margin-top: -1em;
}


p.list_para {
    margin-left: 2em;
}

p.list_para2 {
    margin-left: 5.8em;
}

p.list_para3 {
    margin-left: 8em;
}


div ul:last-child,
div ol:last-child {
    margin-bottom: 0em;
}


h1 img,
h2 img,
h3 img {
    float: right;
    margin-left: 1em;
    max-width: 30%;
}


img {
    max-width: 100%;
    max-height: 4rem;
    /*margin: 0.1rem 3px -2.5px 3px;*/
}

@media (max-width: 767px) {
    img {
        max-width: 100%;
        max-height: 100%;
    }
}

a.inlinegraphic img,
img.inlinegraphic,
img.inline {
    display: inline;
    float: none;
    margin: 0rem;
    vertical-align: middle;
    margin-left: 0.03rem;
    margin-right: 0.03rem;
    max-height: 0.16rem;
}

li a.inlinegraphic img,
li img.inlinegraphic {
    display: block;
}

li p a.inlinegraphic img,
li p img.inlinegraphic {
    display: inline;
}

img.icon {
    max-height: 0.16rem;
}

.ph img {
    max-height: 0.16rem;
    vertical-align: middle;
}

p:last-child {
    margin-bottom: 0em;
}


p br:first-child {
    /*display: none;*/
}

/*由于转出来的html是<br></br>，在浏览器中会被解释为2个br, 所以隐藏掉第2个*/
br + br {
    display: none;
}

a {
    cursor: pointer;
}


.book-title {
    font-size: 0.3rem;
    color: black;
    margin-top: 5em;
    text-align: center;
    vertical-align: middle;
}


.goto-top {
    display: block;
    position: fixed;
    bottom: 0.05rem;
    right: 0.05rem;
    background-color: rgba(19, 150, 200, 0.48);
    padding: 0.02rem 0.05rem;
    color: white;
    border-radius: 0.03rem;
}

.goto-top:hover {
    background-color: #1396c8;
}


div.legend {
    margin-bottom: 1em;
}

div.legend ul,
div.legend ol {
    padding-left: 1em;
}

div.topic_box {
    border: solid 1px rgba(62, 150, 55, 0.48);
    padding: 0.1rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    border-radius: 0.05rem;
}

div.topic_box > .title {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 1em;
}

/* test, question, answer*/

div.test_box,
div.list_test_box {
    margin: 2em 0em;
    padding: 1em;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 0.05rem;
    position: relative;
    padding: 1em 1em 1em 0.55rem !important;
}

div.test_box .title,
div.list_test_box .title {
    font-weight: bold;
}

div.test_box .title:nth-child(1),
div.list_test_box .title:nth-child(1) {
    margin-top: 0em;
}

p.result {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

p.action {
    font-weight: bold;
    margin-left: 0.3rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

p.action:before {
    content: "> ";
    color: red;
}


section.footnotes {
    margin-top: 2em;
    border-top: solid 0.02rem #cccccc;
}

section.footnotes li {
    font-size: 90%;
    line-height: 1;
    margin-bottom: 0.05rem;
}


blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    margin: 0.2rem;
    padding-left: 0.2rem;
    border-left: double 0.05rem #ccc;
    color: #808080;
}

.border_text {
    border: solid 1px #000;
    padding: 0.02rem;
    line-height: 0.7;
    display: inline-block;
    font-family: inherit !important;
}

.strike {
    text-decoration: line-through;
}

ol.steps {
    list-style-type: none;
    counter-reset: step;
}

ol.steps > li::before {
    content: "Step " counter(step) ". ";
    counter-increment: step;
    float: left;
    margin-right: 1em;
}

html[lang^='zh'] ol.steps > li::before {
    content: "第 " counter(step) " 步";
}

ol.steps .box {
    text-indent: 0em;
}


thead td,
thead th {
    font-weight: bold;
}


/*footnote*/

.fn {
    color: #666;
    font-size: 95%;
    margin-bottom: 0.03rem;
}

.body + .fn {
    border-top: solid 1px #ccc;
    padding-top: 1em;
    margin-top: 1em;
}


.previewhtml-error-msg {
    background-color: #000;
    color: #fff;
    z-index: 99;
    display: block;
    padding: 0rem 0.1rem;
}

audio,
video {
    width: 90vw;
    display: block;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    max-width: 100%;
    max-height: 100%;
    margin-left: 0px;
    margin-right: auto;
    border-radius: 0.1rem;
}

.sub,
.sup,
sub,
sup {
    font-size: 70%;
}

.indexterm {
    display: none !important;
}

.indexterm-anchor {
    display: inline !important;
}

.related-links {
    margin-top: 1em;
}

/* 侧滑菜单连接页面上下一个功能的按钮 */
/*#page-button-wrap {
    text-align: right;
}

    #page-button-wrap .xapfont {
        font-size: 0.24rem;
    }

a.go-prev,
a.go-next {
    display: block;
}*/

a.go-prev {
    float: left;
}

a.go-next {
    float: right;
}

a.go-prev .icon,
a.go-next .icon {
    /* 	display: inline-block;
    transform: rotate(-90deg);
    color: #333;
    font-size:20px; */

    width: 0.4rem;
    height: 0.4rem;
}


/*自定义属性*/
article.property > section,
div.property > section {
    border-bottom: solid 5px rgba(128, 128, 128, 0.3);
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

article.property > section:nth-last-child(1),
div.property > section:nth-last-child(1) {
    border-bottom: 0px;
}

/*插入的按钮，如“立即体验”*/
a[data-type=button] {
    padding: 0.14rem;
    color: #fff;
    min-width: 1rem;
    text-decoration: none;
    background: #258BFA;
    border-radius: 0.07rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    display: none;
    /* 普通版不显示立即体验按钮 */
    width: 1.52rem;
    margin: 0.4rem auto;
    text-align: center;
}


/*去掉标题后面的表格的margin top*/
.title + .table,
.title + div.body > div.scroll-table > div.mui-scroll > table {
    margin-top: 0rem;
}


/* search result list */
#panel-search .topic-title {
    color: #A9A9A9;
    display: block;
}

#panel-search .mm-listview li {
    padding-bottom: 0.08rem;
    padding-top: 0.08rem;
    border-bottom: solid 1px #ddd;
    padding-left: 0.05rem;
    font-size: 95%;
}

#search-history-list {
    display: none;
}

#search-history-list li {
    display: inline-block;
    float: left;
    border: solid 1px #ccc;
    color: #666;
    border-radius: 0.05rem;
    padding: 0.02rem 0.1rem !important;
    margin: 0.1rem;
    cursor: pointer;
}

#search-history-list li:hover {
    opacity: 0.6;
}


.mm-menu .active {
    color: rgb(3, 110, 184);
}

.note__title + ul, .note__title + ol {
    margin-top: 0rem;
}


/*点赞吐槽颜色*/

/* 点赞/吐槽默认是黑色的, 点击了之后改变颜色和图标, 覆盖mui-active */
#btnSubmitTucao, #btnDianzan {
    color: #000;
}

a:not(.clicked) .xapdianzan::before {
    content: "\e62e";
}

a.clicked .xapdianzan::before {
    content: "\e62f";
    color: #258BFA;
}

a:not(.clicked) .xaptucao::before {
    content: "\e632";
}

a.clicked .xaptucao::before {
    content: "\e630";
    color: #258BFA;
}

.mm-searchfield input {
    padding-right: 0.3rem;
}

.highlight {
    color: #258BFA;
}

.chapter_title .highlight {
    color: inherit;
}

/* 以下处理从右向左的多语言 */


[dir='rtl'] body {
    text-align: right;
}

[dir='rtl'] .header.fixed {
    right: 0px;
    left: auto;
}

[dir='rtl'] .footer.fixed {
    right: 0px;
    left: auto;
}


[dir='rtl'] .mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,
[dir='rtl'] .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    top: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    right: 0 !important;
}


@media (min-width: 992px) {

    [dir='rtl'] .mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {

        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0) !important;
        -webkit-transform: translate3d(calc(-1 * var(--mm-sidebar-expanded-size)), 0, 0);
        transform: translate3d(calc(-1 * var(--mm-sidebar-expanded-size)), 0, 0);
    }

    [dir='rtl'] #tucao {
        margin-right: 300px !important;
        margin-left: auto;
    }

}


[dir='rtl'] .mm-searchfield__cancel {
    padding-left: 10px;
    padding-right: auto;
    margin-left: -100px;
    margin-right: auto;
}

[dir='rtl'] .mm-searchfield__btn {
    left: 0;
    right: auto;
}

[dir='rtl'] .mm-searchfield input {
    padding-left: 0.3rem;
    padding-right: auto;
}

[dir='rtl'] .mm-menu_offcanvas {
    left: auto;
}

[dir='rtl'] .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width: 300px) {
    [dir='rtl'] .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    [dir='rtl'] .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0);
    }
}

.term{
    color: rgb(98,122,160);
    font-style: normal;
    font-family: MGI-Light;
}

.mm-page{
    height: 100vh;
}

.mm-page article{
    overflow-y: auto;
    height: calc(100vh - 1rem);
}

.mm-wrapper {
    overflow: hidden !important;

}

.fig--title-label{
    display: none;
}