main {
    min-height: 90vh;
    /* 让文字很少时,也可以滑屏幕 */
}

body.index-page {
    font-family: "Source Han Sans Medium";
}

body {
    font-family: "Noto Sans CJK SC Regular";
}

body,
p {
    color: #7D7D7D;
}

main .chapter_title {
    font-family: "Noto Sans CJK SC Light";
}


h1,
h2,
h3,
h4,
h5,
.title {
    font-family: "Source Han Sans Medium";
    font-weight: normal;
}

.mui-bar.mui-bar-tab {
    font-family: "Source Han Sans Medium";
    font-weight: normal;
}

    .mui-bar.mui-bar-tab #pageInfo {
        font-family: "Noto Sans CJK SC Regular";
    }

header.mui-bar .mui-title {
    font-family: "Noto Sans CJK SC Medium";
}

.mui-table-view {
    font-family: "Source Han Sans Medium";
}

.page-banner-desc {
    font-family: "Source Han Sans Regular";
}





input[type="search"],
.mui-search .mui-placeholder {
    border-radius: 0.09rem;
    height: 0.36rem;
    line-height: 0.36rem;
    background-color: #F2F2F2;
}

input[type="search"] {
    margin-bottom: 0.23rem;
}

.mui-search::before {
    margin-top: -0.22rem;
    line-height: 0.21rem;
}




/* 首页底部说明 */

#gnjs {
    padding-bottom: 0.6233rem;
}

#footer {
    border: 0px;
    box-shadow: none;
    height: 0.6233rem;
    padding-top: 0.2133rem;
}

    #footer .footer-note {
        font-size: 0.12rem !important;
        line-height: 1.25;
        color: #A9A9A9;
        text-align: center;
    }

/* 首页滚动大图高度 */
#slider {
    height: 32.54vh;
    overflow: hidden;
    margin-bottom: 0.18vh;
    border-radius: 0.1rem;
}

    #slider .mui-slider-group .mui-slider-item img {
        margin: 0rem;
        height: auto;
        width: 100%;
    }



/* 首页滚动大图上的分页图标 */
.mui-slider-indicator .mui-indicator {
    display: inline-block;
    width: 0.07rem;
    height: 0.07rem;
    margin: 0.01rem 0.04rem;
    cursor: pointer;
    border-radius: 50%;
    background-color: #DBDBDB;
    box-shadow: none;
}

    .mui-slider-indicator .mui-indicator.mui-active {
        background: #258BFA;
        width: 0.09rem;
        height: 0.09rem;
    }



/* 必备功能图标 */

#bbgn .mui-tab-item .mui-icon {
    top: 0rem;
    width: 14.4vw;
    height: 6.5vh;
    width: 0.52rem;
    height: 0.52rem;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 20;
    position: relative;
    font-size: 17.5vw;
    border-radius: 0.1rem;
    overflow: hidden;
    color: #D8D8D8;
}

#bbgn .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    height: 0.767rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    padding-right: 0.3rem;
}


    #bbgn .mui-tab-item .mui-icon ~ .mui-tab-label {
        font-size: 0.12rem;
        margin-top: 0.125rem;
        line-height: 1;
        color: #000;
    }


/* 功能介绍 */
svg.mui-icon {
    width: 0.32rem;
    height: 0.32rem;
}

.mui-table-view-cell {
    color: #000;
}

#gnjs .mui-table-view-cell > a:not(.mui-btn) {
    line-height: 0.7rem;
    min-height: 0.7rem;
}

#gnjs li,
#gnjs .mui-table-view-cell {
    padding: 0.00rem 0rem 0.00rem 0.24rem;
    height: 0.7rem;
    line-height: 0.7rem;
}


/* 列表右箭头 */
.mui-navigate-right::after {
    content: '\e655';
    font-family: 'xapfont';
    font-size: 0.31rem;
}

.mui-navigate-right::after,
.mui-push-left::after,
.mui-push-right::after {
    color: #D0D0D0;
}


/* 侧滑菜单箭头 */
.mui-table-view-cell.mui-collapse > .mui-navigate-right::after,
.mui-table-view-cell.mui-collapse > .mui-push-right::after {
    content: '\e655';
    font-family: 'xapfont';
    font-size: 0.31rem;
}

.mui-table-view-cell.mui-collapse.mui-active > .mui-navigate-right::after,
.mui-table-view-cell.mui-collapse.mui-active > .mui-push-right::after {
    content: '\e64e';
    font-family: 'xapfont';
    font-size: 0.31rem;
}

.mui-navigate-right::after,
.mui-push-left::after,
.mui-push-right::after {
    font-family: 'xapfont';
    top: 52%;
}

/* 设置图标 */
.xapsetting::before {
    content: "\e654" !important;
}

.mui-bar-nav.mui-bar .mui-icon.xapsetting {
    margin-left: 0rem;
}


/* 去掉列表线 */
.mui-table-view::before,
.mui-table-view::after,
.mui-table-view-cell::after {
    height: 0px;
}

.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell::after {
    height: 0rem;
}

.mui-table-view-cell.mui-collapse .mui-table-view::before {
    height: 0rem;
}




/* 搜索图标 */
.mui-icon.mui-icon-search::before,
.mui-search::before {
    content: '\e650' !important;
}


/* 搜索框内删除图标 */

.mui-icon-close-filled::before,
.mui-icon-clear::before {
    content: '\e64c' !important;
    font-family: "xapfont" !important;
    color: #D8D8D8;
    font-size: 0.25rem !important;
}

.mui-input-row.mui-search .mui-icon-clear {
    top: 0.03rem;
}

.mui-input-row .mui-input-clear ~ .mui-icon-clear {
    top: 0.07rem;
}

#btnCancelSearch {
    color: #000000;
}


.mui-bar.mui-bar-nav .xapfont {
    font-size: 0.35rem !important;
    padding-top: 0.12rem;
}


.xapback::before {
    content: "\e73c" !important;
}

.mui-bar .mui-icon.mui-icon-search::before {
    content: '\e73b' !important;
}

.xaplist:before {
    content: "\e73d";
}

header.mui-bar.mui-bar-nav .xapfont {
    color: #000000 !important;
}


/* 搜索历史 */
#history-list-wrap .title {
    color: #8D93AD;
    font-size: 0.12rem;
    background-color: transparent;
}

    #history-list-wrap .title span {
        font-size: 0.12rem;
    }

.page-banner div {
    display: block;
    bottom: 0rem;
}

.page-banner .page-banner-title {
    display: none;
}

.page-banner-desc {
    display: block;
    font-size: 0.16rem;
    color: #000;
    line-height: 1;
    text-shadow: 0 0 0.06rem #FFFFFF;
    position: absolute;
    bottom: 0rem;
    padding: 0.12rem;
}

/* 立即体验按钮 */

div.buttons {
    position: fixed;
    bottom: 0.86rem;
    left: 0.24rem;
    right: 0.24rem;
    z-index: 3;
}

a[data-type="button"],
button[data-type="button"] {
    padding: 0rem;
    color: #fff;
    text-decoration: none;
    background: #258BFA;
    border-radius: 0.07rem;
    font-size: 0.16rem;
    line-height: 0.44rem;
    height: 0.44rem;
    display: block;
    width: 100%;
    margin: 0rem auto;
    text-align: center;
    border: 0px;
}

/* 点赞吐槽，翻页，以及页码*/

#page-button-wrap {
    display: none !important;
}

.mui-bar.mui-bar-tab #btnDianzan::after {
    content: '';
    border-radius: 0px;
}

.mui-bar.mui-bar-tab #btnDianzan {
    text-align: right;
}

.mui-bar.mui-bar-tab #btnTucao {
    text-align: left;
}

[dir='rtl'] .mui-bar.mui-bar-tab #btnDianzan {
    text-align: left;
}

[dir='rtl'] .mui-bar.mui-bar-tab #btnTucao {
    text-align: right;
}

#pageInfo {
    font-size: 0.1rem;
    color: #7D7D7D;
    letter-spacing: 1px;
}

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

/* 标题的过渡效果 */
main > article > h1:nth-child(1) {
    display: block;
    transition: all 0.5s;
    font-size: 0.28rem;
    margin-top: 0.0633rem;
    transform-origin: 0 0;
}


html:not([data-subpage-index]) header.mui-bar .mui-title {
    display: block;
    visibility: hidden;
    transition: opacity 0.5s;
    transition-delay: 0s;
    opacity: 0;
}
/* mobile版用户手册还是要显示的 */
.mui-title.toc-index {
    visibility: visible !important;
    opacity: 1 !important;
}
[dir='rtl'] .mui-bar-nav.mui-bar a.xapback {
    padding-right: 0;
    margin-right: -0.12rem;
}

[dir="rtl"] .mui-navigate-right::after {
    left: -0.15rem;
    right: auto;
}

[dir="rtl"] aside .mui-navigate-right::after,
.mui-push-right::after {
    left: 0rem;
    right: auto;
}



/* v3 */

/* 搜索图标 */
.index-page .mui-bar .mui-icon.mui-icon-search::before,
#search-page .mui-bar .mui-icon.mui-icon-search::before,
.mui-search::before {
    content: '\e650' !important;
}


.mui-bar .mui-icon {
    padding-top: 0px;
    padding-bottom: 0px;
}

#btnCancelSearch {
    color: #000000;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    top: 0rem;
}

input[type="search"],
.mui-bar input[type="search"],
.mui-search .mui-placeholder,
.mui-bar .mui-search .mui-placeholder {
    border-radius: 0.09rem;
    height: 0.36rem;
    line-height: 0.36rem;
    background-color: #F2F2F2;
}

input[type="search"],
.mui-bar input[type="search"] {
    margin-top: 0rem;
    margin-bottom: 0.23rem;
}

.mui-search::before,
.mui-bar .mui-search::before {
    margin-top: -0.22rem;
    line-height: 0.21rem;
}

.mui-bar-nav.mui-bar .mui-icon.mui-icon-clear {
    padding-left: 0rem;
    padding-right: 0rem;
}

/* 多了取消按钮,因此覆盖默认的right=0，首页的不需要，是因为首页的搜索按钮是disable，如果right=auto，那么placehoder宽度就比较窄，导致点击失败。*/
#search-page .mui-search .mui-placeholder {
    right: auto;
}

[dir="rtl"] #search-page .mui-search .mui-placeholder {
    left: auto;
    right: 0;
}


[dir="rtl"] .mui-input-row.mui-search .mui-placeholder .mui-icon {
    margin-right: 2.8vw;
    margin-left: 2.8vw;
}

.mui-bar-nav.mui-bar .mui-icon.mui-icon-clear {
    top: 0.03rem;
    margin-left: 0rem;
    margin-right: 0rem;
}

.index-page .mui-bar-nav.mui-bar .mui-icon.mui-icon-search,
#search-page .mui-bar-nav.mui-bar .mui-icon.mui-icon-search {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}



.feedback-list h2 {
    font-family: "Noto Sans CJK SC Medium";
}

.feedback-list.mui-table-view {
    font-family: "Noto Sans CJK SC Regular";
}

.notfound img {
    width: 1.4rem;
    margin-bottom: 0.06rem;
    display: block;
    margin: 0 auto;
    margin-top: 22.3vh;
}

.notfound {
    text-align: center;
    font-family: "Noto Sans CJK SC Medium";
}