@media(min-width: 768px) {
    #page-footer {
        background: #26378f;
    }

    #page-footer .footer__item-list .footer__item {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    #page-footer .footer__item-list .footer__item * {
        margin: 0;
    }

    #page-footer .footer__item-list .footer__item .heading {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        font-family: "Microsoft YaHei UI" !important;
        text-transform: unset;
    }

    #page-footer .footer__item-list .footer__item .svg-text-wrapper {
        display: flex;
        column-gap: 8px;
    }

    #page-footer .footer__item-list .footer__item .svg-text-wrapper .pc-text-content {
        color: #fff;
        line-height: 1.7;
    }

    #page-footer .footer__item-list .footer__item--links .footer__item-content a {
        color: #fff !important;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input {
        border: 1px solid #e0e0e0;
        height: 48px;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input .input__field {
        padding: 0 24px;
        height: 48px;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input .input__label {
        padding: 0;
        color: #e0e0e0;
        font-family: "Microsoft YaHei UI";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        background-color: unset;
        left: 24px;
        top: 50%;
        transform: translateY(-50%);
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input .input__submit-icon {
        display: flex;
    }

    #page-footer .social-media-wrapper {
        margin-top: 48px;
        display: flex;
        column-gap: 16px;
    }

    #page-footer .social-media-wrapper a {
        height: max-content;
    }

    #page-footer .ponsor-brand-wrapper {
        display: flex;
        justify-content: space-between;
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid #e0e0e0;
        /* border-bottom: 1px solid #e0e0e0; */
    }

    #page-footer .ponsor-brand-wrapper .svg-text {
        column-gap: 8px;
        font-size: 14px;
        color: #e0e0e0;
    }

    #page-footer .ponsor-brand-wrapper .svg-text img {
        height: 32px;
    }

    #page-footer .copy-right-wrapper {
        display: flex;
        column-gap: 10%;
        align-items: center;
        justify-content: space-between;
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid #e0e0e0;
    }

    #page-footer .copy-right-wrapper .left {
        color: #fff;
    }

    #page-footer .copy-right-wrapper .right {
        display: flex;
        column-gap: 8px;
        align-items: center;
    }

    #page-footer .copy-right-wrapper .right svg {
        height: 32px;
    }
}

@media(max-width: 768px) {
    #page-footer {
        background: #26378f;
    }

    #page-footer .footer__item-list {
        display: flex;
        flex-direction: column;
        grid-gap: 0;
    }

    #page-footer .footer__item-list .footer__item {
        display: flex;
        flex-direction: column;
        row-gap: 0;
        max-width: unset;
    }

    #page-footer .footer__item-list .footer__item .drawer-item {
        padding: 16px 0;
        border-top: unset;
        border-bottom: 1px solid #e0e0e0;
    }

    #page-footer .footer__item-list .footer__item .drawer-item svg {
        height: 20px;
        width: 20px;
    }

    #page-footer .footer__item-list .footer__item:first-child .drawer-item {
        padding-top: 0;
    }

    #page-footer .footer__item-list .footer__item * {
        margin: 0;
    }

    #page-footer .footer__item-list .footer__item .heading {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        font-family: "Microsoft YaHei UI" !important;
        text-transform: unset;
    }

    #page-footer .footer__item-list .footer__item .svg-text-wrapper {
        display: flex;
        column-gap: 8px;
    }

    #page-footer .footer__item-list .footer__item .svg-text-wrapper .pc-text-content {
        color: #fff;
        line-height: 1.7;
    }

    #page-footer .footer__item-list .footer__item--links .footer__item-content a {
        color: #fff !important;
    }

    #page-footer .footer__item-list .footer__item--newsletter {
        margin-top: 20px;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        margin-top: 8px;
        font-size: 12px;
        line-height: 1.2;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input {
        border: 1px solid #e0e0e0;
        height: 38px;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input .input__field {
        padding: 0 12px;
        height: 38px;
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input .input__label {
        padding: 0;
        color: #e0e0e0;
        font-family: "Microsoft YaHei UI";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        background-color: unset;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

    #page-footer .footer__item-list .footer__item--newsletter .footer__item-content #footer-newsletter .input .input__submit-icon {
        display: flex;
    }

    #page-footer .footer__item-list .footer__item--subscribe {
        margin-top: 24px;
    }

    #page-footer .social-media-wrapper {
        margin-top: 20px;
        display: flex;
        column-gap: 12px;
        padding-top: 24px;
        border-top: 1px solid #e0e0e0;
    }

    #page-footer .ponsor-brand-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 24px;
        margin-top: 24px;
        row-gap: 24px;
        column-gap: 12px;
        border-top: 1px solid #e0e0e0;
        /* border-bottom: 1px solid #e0e0e0; */
    }

    #page-footer .ponsor-brand-wrapper .svg-text {
        column-gap: 4px;
        font-size: 12px;
        color: #e0e0e0;
    }

    #page-footer .ponsor-brand-wrapper .svg-text img {
        height: 24px;
    }

    #page-footer .copy-right-wrapper {
        display: flex;
        flex-direction: column-reverse;
        column-gap: 10%;
        align-items: center;
        justify-content: space-between;
        margin-top: 24px;
        row-gap: 8px;
        padding-top: 24px;
        border-top: 1px solid #e0e0e0;
    }

    #page-footer .copy-right-wrapper .left {
        color: #fff;
    }

    #page-footer .copy-right-wrapper .right {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 12px;
        align-items: center;
        line-height: 1.4;
        text-align: left;
    }

    #page-footer .copy-right-wrapper .right svg {
        height: 28px;
    }
}