body {
    background: url(https://xinchao-1255751253.cos.ap-guangzhou.myqcloud.com/images/bg.jpg) repeat !important;
}

h4 {
    font-size: 18px;
    line-height: 22px;
    margin-left: -4px;
    background-image: -webkit-linear-gradient(bottom, #6b0d00, #c91900, #c91900);
    border-bottom-color: #ebdeb8;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.app-header.bg-dark {
    background-color: #111 !important;
    border-bottom: 1px solid #333;
}

.app-sidebar.bg-dark {
    background-color: #111 !important;
}

.search-input {
    background: none !important;
    height: auto !important;
    border: 0px !important;
}

.fixed-header .app-header {
    z-index: 1000;
}

.fixed-sidebar .app-sidebar {
    margin-top: 30px;
}

.app-sidebar .scrollbar-sidebar {
}

.app-theme-white.app-container {
    background: none;
}

main .xc888-tab-right .lanj-tab-right-title {
    flex-wrap: nowrap;
}

main .xc888-tab-left .xc888-tab-left-icon > img {
    padding: 0px;
    margin: 0 10px;
}

.main-top-mar {
    height: 60px;
}

.border-dash {
    height: 1px;
    border-bottom: 1px dashed #1389f6;
    margin-top: 5px;
    margin-bottom: 8px;
}

.lng_selectbutton {
    font-size: 20px;
}

.none {
    display: none !important;
}

.layui-form-item .layui-form-label {
    text-align: left;
    padding: 5px !important;
    width: auto !important;
    line-height: 30px;
}

.main-box2024 {
    max-width: 1600px;
    margin: 80px auto;
}

.layui-table-view .layui-table {
    width: 100%;
}

.rank-page {
    width: 960px;
}

.ng-tns-c111-4 .product-selection {
    /* height: 380px !important; */
}

.ng-star-inserted .panel-button {
    height: 64px !important;
    display: block !important;
}

@media screen and (max-width: 768px) {
    .main-box2024 {
        max-width: 100%;
    }

    .baodian_logo {
        display: block;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
    }

    .top-header {
        margin-bottom: 0px !important;
        border-bottom: 1px solid #444 !important;
        padding: 0px !important;
    }

    .xc888-menu {
        background-color: rgba(0, 0, 0, 1);
    }

    .layui-anim-downbit {
        height: 100vh;
    }

    .main-top-mar {
        height: 80px;
    }

    .xc888-menu {
        margin-top: 0px;
        position: fixed;
    }

    .layui-container {
        padding: 0px 10px;
    }

    .xc888-menu .xc888-menu-mobile {
        height: 66px;
    }

    .header-right-button {
        margin-right: 10px;
    }

    .xc888-menu .layui-nav {
        background-color: rgba(0, 0, 0, 1);
    }

    .xc888-menu .xc888-menu-mobile-content a {
        font-size: 1.3rem;
    }

    main .xc888-tab .layui-col-md3, main .xc888-tab .layui-col-md9 {
        border: 0px;
        box-shadow: none;
        margin-right: 0px;
    }

    main .xc888-tab-right .lanj-tab-right-title {
        align-items: flex-start;
        padding: 5px;
        background-color: #353535;
        margin: 5px;
        border-radius: 10px;
    }

    .lanj-tab-right-title-icon {
        margin-top: 6px;
        width: 64px;
    }

    .lanj-tab-right-title-icon img {
        width: 58px !important;
    }

    .desc-text h4 {
        line-height: 25px;
    }

    main .desc-text {
        padding: 5px;
    }

    .desc-text__text img {
        max-width: 100%;
        margin: 10px auto;
        display: block;
    }

    .desc-text__text h4 {
        margin-block-end: 2px;
    }

    .desc-text__text h4 img {
        width: 20px !important;
        display: inline;
    }

    .xc888-tab-card {
        border-bottom: 1px solid #ffd5c51f;
        padding: 0px 5px;
    }

    .desc-text__text li {
        overflow: hidden;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .desc-skills__block {
        padding: 0px;
    }

    .global-desc__content-box {
        padding: 0px;
    }

    .layui-tab {
        margin-top: 0px;
    }

    .layui-tab-content {
        padding: 5px 5px;
    }

    .desc-skills__blocks {
        margin-bottom: 20px;
    }

    .desc-text__text h4 {
        line-height: 25px;
    }

    td {
        padding: 5px;
    }

    .leftNav-item {
        margin-left: 0px;
        right: 10px !important;
        transform: scale(0.8);
        bottom: 10px !important;
        border-radius: 15px;
        overflow: hidden;
    }

    .product-selection-container {
        padding-top: 0px !important;
    }

    .pay-box .app-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .banner__container[_ngcontent-str-c59] {
        margin: 0px auto !important;
    }

    .layui-form-item .layui-form-label {
        text-align: left;
        padding: 5px !important;
        width: auto !important;
        line-height: 35px;
        margin-bottom: 0px
    }

    .leftNav-item {
        display: block !important;
    }

    .rank-page {
        width: 100%;
    }
}

:root {
    --meka-color-bnet-blue-800: #003f7a;
    --meka-color-bnet-blue-700: #005aad;
    --meka-color-bnet-blue-600: #0074e0;
    --meka-color-bnet-blue-500: #148eff;
    --meka-color-bnet-blue-400: #47a6ff;
    --meka-color-bnet-blue-300: #7abfff;
    --meka-color-bnet-blue-200: #add8ff;
    --meka-color-bnet-blue-100: #e0f0ff;
    --meka-color-bnet-gray-700: #111218;
    --meka-color-bnet-gray-600: #15171e;
    --meka-color-bnet-gray-500: #1a1c23;
    --meka-color-bnet-gray-400: #22242c;
    --meka-color-bnet-gray-300: #292b33;
    --meka-color-bnet-gray-100: #d5d7dd;
    --meka-color-bnet-gray-50: #ebecef;
    --meka-color-bnet-green-600: #54a800;
    --meka-color-bnet-green-500: #6cdb00;
    --meka-color-bnet-yellow-600: #cc9000;
    --meka-color-bnet-yellow-500: #ffb400;
    --meka-color-bnet-red-900: #420000;
    --meka-color-bnet-red-800: #580000;
    --meka-color-bnet-red-600: #b10000;
    --meka-color-bnet-red-500: #d00;
    --meka-color-bnet-white-84: #ffffffd6;
    --meka-color-bnet-white-72: #ffffffb8;
    --meka-color-bnet-white-60: #fff9;
    --meka-color-bnet-white-48: #ffffff7a;
    --meka-color-bnet-white-36: #ffffff5c;
    --meka-color-bnet-white-24: #ffffff3d;
    --meka-color-bnet-white-18: #ffffff2e;
    --meka-color-bnet-white-12: #ffffff1f;
    --meka-color-bnet-white-6: #ffffff0f;
    --meka-color-bnet-white-3: #ffffff08;
    --meka-color-bnet-white: #fff;
    --meka-color-bnet-black-72: #000000b8;
    --meka-color-bnet-black-60: #0009;
    --meka-color-bnet-black-48: #0000007a;
    --meka-color-bnet-black-24: #0000003d;
    --meka-color-bnet-black-12: #0000001f;
    --meka-color-bnet-black-6: #0000000f;
    --meka-color-bnet-black: #000;
    --meka-font-body-type: \"Noto Sans\", Helvetica, Arial, sans-serif;
    --meka-font-display-type: \"Object Sans\", Helvetica, Arial, sans-serif;
    --meka-font-display-header-1-font-size: 48px;
    --meka-font-display-header-1-line-height: 52px;
    --meka-font-display-header-2-font-size: 40px;
    --meka-font-display-header-2-line-height: 44px;
    --meka-font-display-header-3-font-size: 32px;
    --meka-font-display-header-3-line-height: 36px;
    --meka-font-display-header-4-font-size: 24px;
    --meka-font-display-header-4-line-height: 28px;
    --meka-font-display-header-5-font-size: 20px;
    --meka-font-display-header-5-line-height: 24px;
    --meka-font-display-header-6-font-size: 18px;
    --meka-font-display-header-6-line-height: 22px;
    --meka-font-display-header-7-font-size: 16px;
    --meka-font-display-header-7-line-height: 20px;
    --meka-font-display-header-8-font-size: 14px;
    --meka-font-display-header-8-line-height: 18px;
    --meka-font-display-header-9-font-size: 12px;
    --meka-font-display-header-9-line-height: 16px;
    --meka-font-display-section-label-base-font-size: 14px;
    --meka-font-display-section-label-base-line-height: 16px;
    --meka-font-display-section-label-base-letter-spacing: 0.7px;
    --meka-font-display-section-label-small-font-size: 12px;
    --meka-font-display-section-label-small-line-height: 16px;
    --meka-font-display-section-label-small-letter-spacing: 0.6px;
    --meka-font-display-section-label-extra-small-font-size: 10px;
    --meka-font-display-section-label-extra-small-line-height: 16px;
    --meka-font-display-section-label-extra-small-letter-spacing: 1px;
    --meka-font-body-base-font-size: 16px;
    --meka-font-body-base-line-height: 24px;
    --meka-font-body-base-weight: 700;
    --meka-font-body-large-font-size: 18px;
    --meka-font-body-large-line-height: 28px;
    --meka-font-body-small-font-size: 14px;
    --meka-font-body-small-line-height: 20px;
    --meka-font-body-extra-small-font-size: 12px;
    --meka-font-body-extra-small-line-height: 18px;
    --meka-border-radius-4: 4px;
    --meka-drop-shadow-6: 0px 3px 6px var(--meka-color-bnet-black-48);
    --meka-drop-shadow-24: 0px 6px 24px var(--meka-color-bnet-black-24);
    --meka-z-index-0: 0;
    --meka-z-index-10: 10;
    --meka-z-index-20: 20;
    --meka-z-index-30: 30;
    --meka-z-index-40: 40;
    --meka-z-index-50: 50;
    --meka-z-index-60: 60;
    --meka-size-025: 2px;
    --meka-size-050: 4px;
    --meka-size-100: 8px;
    --meka-size-200: 16px;
    --meka-size-300: 16px;
    --meka-size-400: 24px;
    --meka-size-500: 32px;
    --meka-size-600: 32px;
    --meka-size-700: 40px;
    --meka-size-800: 40px;
    --meka-size-900: 48px;
    --meka-size-1000: 48px;
    --meka-desktop-size-300: 24px;
    --meka-desktop-size-400: 32px;
    --meka-desktop-size-500: 40px;
    --meka-desktop-size-600: 48px;
    --meka-desktop-size-700: 56px;
    --meka-desktop-size-800: 64px;
    --meka-desktop-size-900: 72px;
    --meka-desktop-size-1000: 80px;
    --meka-mobile-size-025: 2px;
    --meka-mobile-size-050: 4px;
    --meka-mobile-size-100: 8px;
    --meka-mobile-size-200: 16px;
    --meka-mobile-size-300: 16px;
    --meka-mobile-size-400: 24px;
    --meka-mobile-size-500: 32px;
    --meka-mobile-size-600: 32px;
    --meka-mobile-size-700: 40px;
    --meka-mobile-size-800: 40px;
    --meka-mobile-size-900: 48px;
    --meka-mobile-size-1000: 48px;
    --meka-animation-ease-out-200: 200ms ease-out;
    --meka-divider-style: 1px solid var(--meka-color-bnet-white-12);
    --meka-gallery-size: var(--meka-gallery-size-small);
    --meka-gallery-size-small: 24px;
    --meka-gallery-size-default: 32px;
    --meka-gallery-size-large: 40px;
    --meka-gallery-size-extra-large: 48px
}

@media (min-width: 720px) {
    :root {
        --meka-gallery-size: var(--meka-gallery-size-default)
    }
}

@media (min-width: 960px) {
    :root {
        --meka-size-300: var(--meka-desktop-size-300);
        --meka-size-400: var(--meka-desktop-size-400);
        --meka-size-500: var(--meka-desktop-size-500);
        --meka-size-600: var(--meka-desktop-size-600);
        --meka-size-700: var(--meka-desktop-size-700);
        --meka-size-800: var(--meka-desktop-size-800);
        --meka-size-900: var(--meka-desktop-size-900);
        --meka-size-1000: var(--meka-desktop-size-1000);
        --meka-gallery-size: var(--meka-gallery-size-large)
    }
}

[class*=meka-], [class*=meka-]:after, [class*=meka-]:before {
    box-sizing: border-box
}