:root {
    --color-1: #002483;
    --color-2: #5d5d5d;
    --color-3: #ff6600;
    --color-4: #cc0100;
    --color-5: #019bd9;
    --color-6: #b2b2b2;
    --color-7: #333333;
    --color-8: #42aade;
    --color-9: #abf8ff;
    --bgcolor-1: #f5f5f5;
    --bgcolor-2: #e9f4fe;
    --bgcolor-3: #f2f2f2;
}

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    margin: 0 auto;
}

body {
    text-align: justify;
    vertical-align: middle;
}

a {
    color: unset;
    text-decoration: none;
}

a:hover {
    color: unset;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li {
    display: inline-block;
}
iframe {
    min-height: 350px;
}
video,
img {
    width: 100%;
    max-width: 100%;
    -webkit-user-drag: none;
}

.fs-15 {
    font-size: calc(1.355rem + 1.2vw) !important;
}

.fs-16 {
    font-size: calc(1.34rem + 1.05vw) !important;
}

@media (min-width: 1200px) {
    .fs-15 {
        font-size: 2.25rem !important;
    }

    .fs-16 {
        font-size: 2.125rem !important;
    }
}

.fs-7 {
    font-size: 0.875rem;
}

.fs-8 {
    font-size: 0.75rem;
}


/* header */

.zj-header-1 {
    color: #88A6C1;
}

.zj-header-2 {
    color: #55b5ea;
    transform: translateY(1px);
}

.zj-header-3 {
    height: 30px;
    border: 1px solid #083b90;
    border-radius: 15px;
    padding-left: 10px;
    line-height: 30px;
    outline: none;
}

.zj-header-4 {
    background-color: #083b90;
    border: none;
    color: white;
    height: 30px;
    border-radius: 15px;
    position: absolute;
    top: 0;
    right: 0;
}

.zj-header-5 {
    min-width: 35px;
    height: 37px;
}

.zj-header-5-1 {
    background: url(https://img.my399.com/2025/01/static/image/header/btw.png) no-repeat top center/contain;
}

.zj-header-5-2 {
    background: url(https://img.my399.com/2025/01/static/image/header/xmt.png) no-repeat top center/contain;
}

.zj-header-5-3 {
    background: url(https://img.my399.com/2025/01/static/image/header/szb.png) no-repeat top center/contain;
}

.zj-header-5-4 {
    background: url(https://img.my399.com/2025/01/static/image/header/jb.png) no-repeat top center/contain;
}

.zj-header-6 {
    color: var(--color-1);
}

.zj-header-7 {
    background-color: #ef1730;
    border-radius: 2px;
}

.zj-header-8 {
    color: white;
}

.zj-header-9 {
    background-color: var(--color-1);
}

.zj-header-10 {
    color: var(--color-9);
}

.zj-header-11 {
    color: white;
    border: 1px solid var(--color-9);
}

.zj-header-12 {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: var(--color-1);
    border-right: 1px solid var(--color-9);
    border-top: 1px solid var(--color-9);
    right: 0;
    top: 50%;
    transform: translateX(60%) translateY(-50%) rotate(45deg);
}

nav a:hover {
    color: var(--color-3);
}


/* 手机菜单 */

.zj-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    z-index: 10;
    display: none;
}

.zj-menu-btn {
    position: fixed;
    top: 5px;
    right: 15px;
    z-index: 11;
}

.zj-nav-list {
    font-size: 2.5rem;
    color: var(--color-1);
}

.zj-menu-bar {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    transition: transform 0.5s;
    transform: translateX(-100%);
}

.zj-bar {
    background-color: #f0f7fe;
    border-right: 2px solid var(--color-5);
    overflow-y: scroll;
}

.zj-show-menu {
    transform: translateX(0);
}

.zj-bar .zj-bar-1 {
    border-bottom: 1px solid var(--color-5);
    font-weight: bold;
    color: var(--color-1);
}

.bi-x::before,
.bi-list::before {
    background-color: #a4dbf0;
    border: 1px solid #009cd9;
    border-radius: 5px;
}


/* footer */

.zj-footer-1 {
    background-color: #7cd3ff;
}

.zj-footer-1 a {
    color: white;
}

.zj-footer-2 {
    font-weight: bold;
    color: var(--color-7);
}

.zj-footer-3 {
    height: 50px;
    width: auto;
}

.zj-footer-4 {
    height: 20px;
    width: auto;
}

.zj-8 {
    background-color: var(--bgcolor-2);
    border-top-left-radius: 15px;
}

.zj-8-1 {
    border-top-left-radius: 15px;
}

.zj-9 {
    background-color: var(--color-5);
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.zj-9-1 {
    width: 15px;
    height: 15px;
    background-color: var(--color-5);
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
}

.zj-9-2 {
    width: 16px;
    height: 15px;
    background-color: var(--bgcolor-2);
    border-bottom-left-radius: 15px;
    border: none;
}

.zj-9-2-1 {
    width: 16px;
    height: 14px;
    background-color: white;
    border-bottom-left-radius: 15px;
    border: none;
}

.zj-9-3 {
    border-top-right-radius: 0;
}

.zj-9-4 {
    width: 15px;
    height: 15px;
    background-color: var(--bgcolor-2);
    position: absolute;
    bottom: 0;
    right: 0;
}

.zj-9-5 {
    width: 15px;
    height: 15px;
    background-color: var(--color-5);
    border-bottom-right-radius: 15px;
}

.zj-10 {
    background-color: var(--bgcolor-2);
}

.zj-27 {
    color: var(--color-5);
    border-bottom: 1px solid #e7e7e7;
}

.zj-28::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 23px;
    background-color: var(--color-5);
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 10px;
    transform: translateY(-1px);
}

.zj-29 {
    border-bottom: 1px solid #e7e7e7;
}

.zj-29 a {
    color: var(--color-2);
}

.zj-29 span {
    color: #b2b2b2;
}

.zj-29:hover .zj-30::before {
    background-color: var(--color-5);
}

.zj-29:hover .zj-30 a {
    color: unset;
}

.zj-30 {
    max-width: 75%;
}

.zj-30::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #e7e7e7;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 6px;
    transform: translateY(-1px);
}

.zj-31 {
    border-bottom: 1px solid var(--color-5);
}

.zj-32 {
    color: var(--color-5);
    border: 1px solid var(--color-5);
    border-radius: 13px;
}

.zj-34 {
    color: var(--color-1);
    word-break: break-word;
}

.zj-34 a::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #e7e7e7;
    border-radius: 3px;
    vertical-align: middle;
    position: absolute;
    left: -15px;
    top: 10px;
}

.zj-34:hover a::before {
    background-color: var(--color-5);
}

.zj-34:hover a {
    color: #333333;
}

.zj-35 {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-5);
    color: white;
    word-break: break-all;
}

.zj-36 {
    color: var(--color-5);
    overflow-x: auto;
    white-space: nowrap;
}

.zj-36 span {
    cursor: pointer;
}

.zj-38 a::before {
    top: 7px;
}

.zj-39 {
    background-color: var(--bgcolor-1);
}

.zj-40 {
    color: var(--color-5);
}

.zj-41 {
    color: var(--color-2);
    text-indent: 2em;
    word-break: break-word;
}

.zj-42 {
    color: var(--color-3);
}

.zj-43 {
    color: var(--color-2);
}

.zj-43 a::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #dfdfdf;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 10px;
}

.zj-43:hover a {
    color: #333333;
}

.zj-43:hover a::before {
    background-color: var(--color-5);
}

.zj-47::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #e7e7e7;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 6px;
    /* transform: translateY(-1px); */
}

.zj-47 a {
    color: var(--color-2);
}

.zj-47 {
    border-bottom: 1px solid #dfdfdf;
}

.zj-47:hover a {
    color: #333333;
}

.zj-47:hover::before {
    background-color: var(--color-5);
}

.zj-bread-1 {
    color: #083B90;
}

.zj-bread-1 a:last-child {
    color: #929292;
}

#pagearea a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 30px;
    height: 30px;
    background-color: #bbbbbb;
    color: white;
    font-size: 0.75rem !important;
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

#pagearea a:hover {
    background-color: #666666;
    color: white;
}

#pagearea .now {
    background-color: #666666;
    color: white;
}

#pagearea .disable {
    cursor: not-allowed;
}

.zj-list-1 {
    border-top: 21px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.zj-list-2 {
    width: 128px;
}

.zj-list-3 {
    color: var(--color-1);
}

a.zj-list-3::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #dfdfdf;
    vertical-align: middle;
    margin-right: 10px;
    transform: translateY(-1px);
}

a.zj-list-3:hover::before {
    background-color: var(--color-5);
}

a.zj-list-3:hover {
    color: #333333;
}

.zj-list-4 {
    color: var(--color-8);
    border-bottom: 1px solid #dfdfdf;
}

.zj-list-4 span {
    cursor: pointer;
}

.zj-list-5 {
    border-bottom: 2px solid var(--color-8);
}

.zj-list-6 {
    max-width: unset !important;
}

.zj-list-7 {
    font-size: 57px;
    background-color: #d00306;
    color: white;
}

.zj-list-8 {
    color: #024ed1;
}

.zj-list-9 img {
    width: 186px;
}

.zj-list-10 a {
    color: var(--color-1) !important;
}