body {
    background-color: #f0f2f5;
    font-family: "微软雅黑";
}

.module-banner {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    width: 100%
}

.module-banner .banner-item {
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    color: #fff;
    height: 120px;
    padding: 30px;
    width: 100%
}

.module-banner .banner-item .banner-title {
    font-size: 24px
}

.module-banner .banner-item .banner-sub-title {
    font-size: 18px
}

.map-container {
    padding: 20px 40px 40px
}

.map-container .header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.map-container .header a {
    align-items: center;
    border: 1px solid #3aadff;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 92px
}

.map-container .map-title {
    font-size: 22px
}

.map-container .map-tips {
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 20px
}

.map-container .title {
    display: flex;
    font-size: 16px;
    justify-content: center;
    margin-top: 30px
}

.map-container .step-container {
    display: flex;
    justify-content: space-around;
    margin-top: 30px
}

.map-container .step-item {
    flex: 1;
    overflow: hidden;
    text-align: center
}

.map-container .step-item:first-child .step-icon:before,
.map-container .step-item:last-child .step-subtitle:after {
    width: 0 !important
}

.map-container .step-item .step-number {
    display: flex;
    justify-content: center
}

.map-container .step-item .step-number .step-icon {
    background-color: #3aadff;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 30px
}

.map-container .step-item .step-number .step-icon:before {
    background-color: #3aadff;
    content: " ";
    height: 2px;
    position: absolute;
    right: 40px;
    top: 14px;
    width: 100vw
}

.map-container .step-item .step-number .step-subtitle {
    line-height: 30px;
    margin: 0 0 0 5px;
    position: relative
}

.map-container .step-item .step-number .step-subtitle:after {
    background-color: #3aadff;
    content: " ";
    height: 2px;
    left: calc(100% + 10px);
    position: absolute;
    top: 14px;
    width: 100vw
}

.map-container .step-item .step-header {
    font-size: 16px;
    margin: 30px 0
}

.map-container .step-item .step-content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.map-container .step-item .step-link {
    font-size: 14px;
    margin-bottom: 20px
}

.page-bottom-rate {
    padding: 40px 0 10px;
    text-align: center
}

.page-bottom-rate .page-bottom-rate_h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 20px;
    text-align: center
}

.page-bottom-rate .ant-rate-star:not(:last-child) {
    margin-right: 8px
}

.page-bottom-rate .ant-rate-star {
    margin-top: -5px
}

.page-bottom-rate .ant-rate-star svg {
    height: 1.5em;
    width: 1.5em
}

.page-bottom-rate .ant-rate-star-zero {
    color: #e8e8e8
}

.page-bottom-rate .ant-rate-star-full {
    color: #fadb14
}

.page-bottom-rate .more-suggest {
    font-size: 16px;
    line-height: 30px;
    padding: 10px 0
}

.page-bottom-rate .more-suggest span {
    color: #3aadff;
    cursor: pointer
}

.ant-modal-root .ant-modal-content {
    border-radius: 4px;
    width: 520px
}

.ant-modal-root .ant-modal-header {
    border-radius: 4px 4px 0 0 !important
}

.ant-modal-root .ant-modal-footer {
    border-radius: 0 0 4px 4px !important
}

.ant-modal-root .ant-modal-body {
    padding: 24px 24px 14px
}

.ant-modal-root .ant-modal-body .ant-form-item {
    margin: 0 0 25px
}

.ant-modal-root .ant-modal-body .ant-form-item:first-child {
    height: 32.61px;
    margin-bottom: 15px
}

.ant-modal-root .ant-modal-body .ant-form-item:nth-child(2) {
    height: 21px
}

.ant-modal-root .ant-modal-body .ant-form-item-label {
    text-align: right
}

.ant-modal-root .ant-modal-body .ant-form-item:last-child {
    margin-bottom: 0
}

.ant-modal-root .ant-modal-body .ant-form-item:last-child .ant-form-item-label>label {
    height: 21px
}

.ant-modal-root .ant-modal-body .ant-input {
    border-radius: 4px
}

.ant-modal-root .ant-modal-body .ant-checkbox-wrapper {
    flex: 1;
    margin: 0
}

.ant-modal-root .ant-modal-body .ant-checkbox-wrapper:nth-child(2n) {
    margin-left: 5px
}

.ant-modal-root .ant-form-item-control .ant-input {
    height: 60px;
    resize: none;
    width: 290px
}

.ant-modal-root .ant-btn {
    border-radius: 4px
}

.list-item {
    display: flex;
    line-height: 35px;
    margin-bottom: 10px
}

.list-item .item-name {
    min-width: 105px;
    text-align: right
}

.list-item .item-content {
    flex: 1;
    position: relative
}

.list-item .content-number {
    color: #c3c3c3;
    float: right
}

.list-item .pic-number {
    color: #c3c3c3;
    left: 90px;
    position: absolute;
    top: 60px
}

.pic-extra {
    color: #c3c3c3;
    font-size: 12px;
    margin-left: 100px
}

@media screen and (max-width:575px) {
    .suggest-modal .ant-form .ant-form-item .ant-form-item-label>label:after {
        display: block
    }

    .suggest-modal .ant-form .ant-form-item .ant-col-6 {
        flex: 0 0 25%
    }

    .suggest-modal .ant-form .ant-form-item .ant-col-18 {
        flex: 0 0 75%
    }
}

.doc-header {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: space-between
}

.doc-header .header-banner {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    margin-right: 20px;
    min-width: 140px;
    width: 220px
}

.doc-header .header-banner .header-banner-icon {
    background-image: url(data:image/png;base64,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);
    display: inline-block;
    height: 33px;
    margin-right: 11px;
    width: 33px;
    background-size: 33px 33px;
}

.doc-header .header-banner .header-banner-title {
    color: #000;
    display: block;
    flex: 1;
    font-size: 16px;
    line-height: normal;
    text-overflow: ellipsis
}

.doc-header .header-banner .split-line {
    background: rgba(0, 0, 0, .1);
    height: 24px;
    width: 1px
}

.doc-header .doc-search-bar--mobile {
    display: none
}

.doc-header .doc-search-bar {
    flex: 1;
    position: relative
}

.doc-header .doc-search-bar .book-search-input {
    background: #f5f5f5;
    border: none;
    border-radius: 20px;
    line-height: 36px;
    margin: 0;
    max-width: 500px;
    padding: 0;
    position: relative
}

.doc-header .doc-search-bar .book-search-input .anticon-search {
    cursor: pointer;
    font-size: 18px;
    left: 20px;
    position: absolute;
    top: 10px
}

.doc-header .doc-search-bar .book-search-input input,
.doc-header .doc-search-bar .book-search-input input:focus,
.doc-header .doc-search-bar .book-search-input input:hover {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    margin-left: 40px;
    outline: 0;
    padding: 7px;
    text-overflow: ellipsis;
    width: calc(100% - 40px)
}

.doc-header .header-menus .header-item {
    cursor: pointer;
    display: inline-block;
    margin-left: 40px;
    padding: 0;
    text-align: center
}

.doc-header .header-menus .header-item-active,
.doc-header .header-menus .header-item:hover {
    box-shadow: inset 0 3px #3aadff;
    color: #3aadff
}

.doc-header .header-menus .header-item-active>a,
.doc-header .header-menus .header-item:hover>a {
    color: #3aadff
}

.doc-header .header-menus #userId.unshow,
.doc-header .header-menus .header-item.unshow,
.doc-header .header-menus a.unshow {
    display: none
}

.doc-header .header-menus a {
    color: #333
}

.doc-header .header-menus #userId {
    cursor: pointer;
    margin-left: 40px
}

.doc-header .user-dropdown {
    display: inline-block;
    margin-left: 30px
}

.doc-header .user-dropdown .header-username {
    color: #333;
    cursor: pointer;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px
}

.doc-header .user-dropdown .dropdown-item a {
    color: #333;
    display: inline-block;
    text-align: center;
    width: 100%
}

.doc-header .dropdown-wrapper {
    position: relative
}

.doc-header .dropdown-wrapper:hover .dropdown-title {
    color: #3aadff
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="10"] .dropdown {
    height: 380px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="9"] .dropdown {
    height: 342px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="8"] .dropdown {
    height: 304px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="7"] .dropdown {
    height: 266px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="6"] .dropdown {
    height: 228px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="5"] .dropdown {
    height: 190px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="4"] .dropdown {
    height: 152px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="3"] .dropdown {
    height: 114px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="2"] .dropdown {
    height: 76px;
    opacity: 1
}

.doc-header .dropdown-wrapper:hover.dropdown-wrapper[data-count="1"] .dropdown {
    height: 38px;
    opacity: 1
}

.doc-header .dropdown {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    height: 0;
    left: 50%;
    max-height: 380px;
    min-width: 78px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 55px;
    transform: translateX(-50%);
    transition: opacity .3s;
    width: 100%
}

.doc-header .dropdown .dropdown-item {
    height: 38px;
    line-height: 38px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.doc-header .dropdown .dropdown-item-active,
.doc-header .dropdown .dropdown-item:hover {
    background-color: rgba(50, 186, 192, .1)
}

.doc-header .dropdown .dropdown-item-active>a,
.doc-header .dropdown .dropdown-item:hover>a {
    color: #3aadff
}

.doc-header .header-btn {
    border: 1px solid rgba(0, 0, 0, .2);
    color: #333;
    height: 30px;
    margin: 0 30px;
    width: 90px
}

.doc-header .header-btn:hover {
    border-color: #3aadff;
    color: #3aadff
}

.doc-header .mobile-header {
    display: none
}

.showArrow:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    left: 50px;
    position: absolute;
    top: 50px;
    width: 0
}

@media screen and (max-width:830px) {
    .doc-header {
        height: 50px
    }

    .doc-header .doc-search-bar,
    .doc-header .header-banner,
    .doc-header .header-menus {
        display: none
    }

    .doc-header .mobile-header {
        display: block
    }

    .doc-header .mobile-header a {
        color: #333;
        font-size: 18px
    }

    .doc-header .mobile-header .doc-search-toggle {
        display: inline-block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px
    }

    .doc-header .mobile-header .doc-search-toggle.doc-search-toggle-cancle {
        color: #999;
        font-size: 14px
    }

    .doc-header .mobile-header .doc-search-bar--mobile {
        background-color: #fff;
        display: inline-block;
        left: 0;
        padding: 0 20px;
        position: absolute;
        right: 40px;
        top: 7px;
        z-index: 100
    }
}

.ant-menu-item a:hover,
.ant-menu-item-active,
.ant-menu-item-selected>a,
.ant-menu-item-selected>a:hover,
.ant-menu-item:hover,
.ant-menu-submenu-active,
.ant-menu-submenu-selected,
.ant-menu-submenu-title:hover {
    color: #3aadff
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #edf8ff
}

.ant-menu-inline .ant-menu-item:after,
.ant-menu-vertical .ant-menu-item:after,
.ant-menu-vertical-left .ant-menu-item:after,
.ant-menu-vertical-right .ant-menu-item:after {
    border-right: 3px solid #3aadff
}

.ant-layout-sider-trigger {
    background: #fff;
    color: rgba(0, 0, 0, .65)
}

.ant-menu-submenu-popup {
    display: none
}

.ant-menu-item .ant-btn-link,
.ant-menu-item-only-child .ant-btn-link {
    color: #000;
    padding-left: 0
}

.ant-menu-title-content :hover {
    color: #3aadff
}

.ant-menu-item-selected .ant-btn-link {
    color: #3aadff;
    padding-left: 0
}

.menu-link-button {
    display: flex;
    width: 100%
}

#book-search-results {
    opacity: 1;
    padding: 20px 15px 40px
}

#book-search-results .search-results {
    display: none
}

#book-search-results .search-results .search-results-title {
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    opacity: .6;
    padding-bottom: 16px;
    text-align: left;
    text-transform: uppercase
}

#book-search-results .search-results .no-results {
    display: none
}

#book-search-results ul.search-results-list {
    list-style-type: none;
    padding-left: 0
}

#book-search-results ul.search-results-list li.search-results-item {
    text-size-adjust: 100%;
    color: #333;
    display: block;
    height: 120px;
    line-height: 1.7;
    margin-bottom: 16px;
    overflow: hidden;
    padding-bottom: 16px;
    position: relative
}

#book-search-results ul.search-results-list li.search-results-item a {
    color: #333;
    font-size: 16px;
    text-decoration: none
}

#book-search-results ul.search-results-list .doc-route {
    color: #a9a9a9
}

#book-search-results ul.search-results-list .doc-route:after {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    content: "";
    display: block;
    height: 10px;
    margin-top: 10px;
    width: 100%
}

#book-search-results.open .search-results {
    display: block
}

#book-search-results.no-results .search-results .has-results {
    display: none
}

#book-search-results.no-results .search-results .no-results {
    display: block
}

#book-search-results span.search-highlight-keyword {
    background: none;
    color: #3aadff
}

.banner-wrapper {
    background-color: #edf8ff;
    color: #3aadff;
    font-size: 16px;
    margin: -12px -14px 14px -12px;
    padding: 8px 16px 12px
}

.banner-wrapper a {
    text-decoration: underline
}

.link-inherit,
.link-inherit:focus,
.link-inherit:hover {
    color: inherit
}

.hidden {
    display: none
}

.absolute-stretch {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.textOverflowHidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

* {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none
}

body,
html {
    height: 100%
}

html {
    font-size: 62.5%
}

body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .2px;
    text-rendering: optimizeLegibility
}

h1+* {
    margin-top: 20px !important
}

.ant-layout-header {
    background-color: #fff;
    border: none;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06);
    height: 64px;
    left: 0;
    padding: 0 30px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.ant-layout-sider {
    background: #fff;
    bottom: 0;
    min-width: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 64px;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 100;
}

.moveZhe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
}
.ant-layout-sider-light.ant-layout-sider-collapsed~ .moveZhe {
    display: block;
}

.ant-table-placeholder {
    border-bottom: none
}

.ant-layout-content {
    color: #333;
    font-size: 13px;
    margin-bottom: 14px;
    margin-left: 280px;
    margin-top: 64px;
    overflow: auto;
    padding: 14px 12px
}

.md-content-wrap {
    background: #fff;
    border-radius: 10px 10px 0 0;
    min-height: 90vh
}

.page-inner {
    margin: 0 auto;
    overflow-x: hidden;
    padding: 20px 15px 40px
}

.page-inner #reactMarkDownContent {
    min-height: 300px
}

.page-inner #reactMarkDownContent>:first-child {
    margin-top: 0 !important
}

.page-inner h1 {
    border-bottom: 1px solid #eee;
    font-size: 22px;
    margin-top: 25px;
    padding-bottom: 14px;
    padding-top: 5px;
    text-align: left
}

.page-inner h2 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 35px;
    padding-bottom: 5px
}

.page-inner h2,
.page-inner h3 {
    font-weight: 700;
    padding-top: 5px
}

.page-inner h3 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 25px
}

.page-inner h4 {
    font-size: 16px;
    font-weight: 700
}

.page-inner h5 {
    font-size: 13px
}

.page-inner h6 {
    font-size: 12px
}

.page-inner h4,
.page-inner h5,
.page-inner h6 {
    margin-bottom: 10px;
    margin-top: 16.5px
}

.page-inner ol,
.page-inner ul {
    margin-bottom: 12px;
    margin-top: 10px
}

.page-inner ol li,
.page-inner ul li {
    color: #666
}

.page-inner p {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 8px
}

.page-inner table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: auto
}

.page-inner table thead {
    background: #fafafa !important
}

.page-inner table tr {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .09) !important
}

.page-inner table tr th:first-child {
    border-top-left-radius: 4px;
    min-width: 175px
}

.page-inner table tr th {
    background-color: #fafafa !important;
    color: rgba(0, 0, 0, .85) !important;
    font-size: 14px !important;
    font-weight: 600;
    height: 40px;
    line-height: 22px !important;
    text-align: left;
    white-space: nowrap
}

.page-inner table td,
.page-inner table th {
    padding: 6px 13px
}

.page-inner table tbody td {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    vertical-align: top !important
}

.page-inner blockquote {
    border-left: 4px solid #e5e5e5;
    color: #858585;
    margin: 0;
    padding: 0 15px
}

.page-inner img {
    border: 0;
    margin-bottom: 5px;
    max-width: 100%;
    min-width: 100px
}

.page-inner pre {
    background: #f9f9f9;
    border-radius: 4px;
    margin-top: 20px;
    padding: 30px 24px
}

.page-inner code {
    color: #4d4d4d;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 26px
}

.page-inner pre>code {
    background: 0 0;
    display: inline;
    font-size: 11px;
    line-height: inherit;
    padding: 0;
    white-space: pre
}

.page-inner hr {
    background-color: #e7e7e7;
    border: none;
    height: 2px;
    margin: 22px 0;
    overflow: hidden;
    padding: 0
}

.page-inner .page-container {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    padding-top: 20px
}

.page-inner .page-container .page-btn {
    align-items: center;
    color: #333;
    display: inline-flex;
    font-weight: 600;
    max-width: 50%
}

.page-inner .page-container .page-btn .page-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-inner .page-container .page-btn:disabled {
    color: #c3c3c3
}

#anchor-navbar {
    display: none
}

@media screen and (min-width:1400px) {
    .page-inner {
        margin-right: 180px
    }

    .back-btn {
        position: absolute;
        right: 180px;
        z-index: 10
    }

    #anchor-navbar {
        background: #fff !important;
        border: none !important;
        border-left: 1px solid #eff1f3 !important;
        bottom: 30px;
        display: block;
        font-size: 12px;
        overflow: auto;
        padding: 0 10px;
        position: fixed;
        right: 12px;
        top: 180px;
        width: 180px
    }

    #anchor-navbar ul {
        list-style-type: none;
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 10px;
        padding-right: 0
    }

    #anchor-navbar ul li.anchor-h1 {
        display: none
    }

    #anchor-navbar ul li.anchor-h2 {
        margin-left: -20px;
        padding-left: 18px
    }

    #anchor-navbar ul li.anchor-h2 a .ant-typography {
        color: #364149
    }

    #anchor-navbar ul li.anchor-h3 {
        padding-left: 10px
    }

    #anchor-navbar ul li a {
        color: #999;
        display: block
    }

    #anchor-navbar ul li a:hover {
        color: #3aadff;
        text-decoration: none
    }

    #anchor-navbar ul li a.active {
        color: #3aadff
    }
}

@media screen and (min-width:830px) and (max-width:1400px) {
    .page-inner {
        margin-right: 0
    }

    .back-btn {
        position: absolute;
        right: 0;
        z-index: 10
    }

    .module-banner .banner-item {
        height: 120px;
        padding: 15px 25px;
        width: 100%
    }

    .module-banner .banner-item .banner-title {
        font-size: 20px
    }

    .module-banner .banner-item .banner-sub-title {
        font-size: 16px
    }
}

@media screen and (max-width:830px) {
    .ant-layout>header.ant-layout-header {
        display: block;
        height: 50px;
        line-height: 50px;
        position: fixed;
        width: 100%
    }

    .ant-layout-sider {
        top: 0 !important
    }

    .ant-layout-content {
        margin-left: 0 !important;
        margin-top: 50px !important
    }

    .page-inner img {
        min-width: 50px
    }

    .page-inner table tr th:first-child {
        border-top-left-radius: 4px;
        min-width: 75px
    }

    .page-inner table tr th {
        padding: 5px
    }

    .page-inner table td {
        min-width: 60px;
        padding: 5px
    }

    .module-banner .banner-item {
        height: 120px;
        padding: 10px;
        width: 100%
    }

    .module-banner .banner-item .banner-title {
        font-size: 14px
    }

    .module-banner .banner-item .banner-sub-title {
        font-size: 12px
    }
}

.iframewrap {
    position: fixed;
    z-index: 998;
    width: auto;
    overflow-y: auto;
    box-sizing: border-box;
    left: 295px;
    right: 15px;
    top: 80px;
    bottom: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fff;
    border-radius: 8px;
}

.iframe {
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;

}

#pageInner {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    font-size: 28px;
    color: #3aadff;
    box-sizing: border-box;
    /* margin-top: 100px; */
    background-color: #3aadff;
    color: #fff;
    height: 300px;
    background-image: linear-gradient(45deg, #3aadff, #ffff9d);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#pageInner h1 {
    color: #fff;
    font-size: 28px;
}

.nav-articletitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.ant-btn.menu-link-button {
    padding-right: 5px;

}

.book-search-input {
    position: relative;
}

.book-search-input .content-nav {
    max-height: 500px;
    overflow: auto;
    width: 100%;
    /* border: 1px solid #c6e8ff; */
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #edf8ff;
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

.book-search-input .content-nav li {
    padding: 5px 10px;
    list-style: none;
    box-sizing: border-box;
}

.book-search-input .content-nav li:hover {
    background-color: #f5f5f5;
}

.ant-layout-header {
    z-index: 1000;
}

.ant-menu-submenu-arrow {
    transform: rotate(90deg);
}

.ant-menu-li-1 {}

.ant-menu-item-selected {
    border-right: 3px solid #3aadff;
}

.ant-menu-li-1.active>.ant-menu-submenu-title {
    background-color: #edf8ff;
}

.ant-menu-submenu-arrow {
    transform: rotate(-90deg);
}

.showActive .ant-menu-submenu-arrow {
    transform: rotate(90deg);
}

.ant-menus-title {
    color: #888;
}

.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
    padding-right: 15px;
}