body {
    /* background-color: #000; */
    color: #fff;
    padding-bottom: 98px;
}
header .logo .software-info {
    color: #000;
}
header .header-container {
    background: rgba(255, 255, 255, 0.5);
}
header nav ul li .more-box-menu-title,
.software-item-info-name {
    color: #000;
}
.top-banner {
    padding-top: 98px;
    width: 100%;
    height: 474px;
    background: url('../imgs/png/contact-top-banner-bg.png') no-repeat center;
    background-size: cover;
}

main {
    background-color: #fff;
    color: #333;
}
main section {
    padding: 24px 100px;
}
.concat-us .categories {
    width: 220px;
    display: none;
    flex-shrink: 0;
}

.concat-us .categories > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.concat-us .categories {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
    .concat-us .categories {
        display: flex;
        flex-direction: column;
    }
}

.concat-us .categories li {
    height: 45px;
    line-height: 45px;
}

.concat-us .categories li:nth-child(n + 2) {
    margin-top: 15px;
}

.concat-us .categories li.active {
    border-left: 4px #4694d4 solid;
    background-color: #e7f5ff;
}

.concat-us .concat-us-content {
    padding: 24px 0;
}

footer {
    background-color: #202f401a;
    color: #333333;
}
footer .section-download {
    color: #fff;
}
@media (max-width: 767.98px) {
    header .logo .software-info {
        color: #000;
    }
    header nav ul li .more-box-menu-title,
    .software-item-info-name {
        color: #333;
    }
    main section {
        padding: 0 16px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    .concat-us {
        border: none;
    }
    .concat-us .categories {
        display: none;
    }
    .concat-us .concat-us-content {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
    .concat-us .concat-us-content .tab-content {
        display: flex !important;
    }
    .concat-us .concat-us-content .tab-content > div {
        padding: 0;
    }

    #copyright h2 {
        font-size: 14px;
        flex-direction: column;
    }

    #copyright h2 span {
        font-size: 30px;
    }
}