.article-page {
    position: relative;
}

.article-page .container {
    width: 51.6146vw;
}

@media (max-width: 768px) {
    .article-page .container {
        width: 90%;
    }
}

.article-page img {
    vertical-align: middle;
    max-width: 100%;
}

.article-page .iconfont {
    font-size: 0.9375vw;
}

.article-page .banner {
    background: #2c3459;
    position: relative;
}
.article-page .banner .left-round {
    position: absolute;
}
.article-page .banner .left-round.big {
    left: -0.45vw;
    bottom: -2.46vw;
    width: 254px;
    height: 254px;
}
.article-page .banner .left-round.min {
    left: 16.06vw;
    top: 0.61vw;
    width: 97px;
    height: 97px;
}
.article-page .banner .right-round {
    position: absolute;
    right: 8.665vw;
    top: 50%;
    transform: translate(50%, -50%);
    width: 298px;
    height: 298px;
}
.article-page .banner .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 16.6146vw;
    width: 65%;
}

.article-page .banner .container .title {
    font-weight: 600;
    font-size: 2.5vw;
    line-height: 141%;
    color: #ffffff;
    text-align: center;
}

.article-page .banner .container .title span {
    display: block;
}

@media (max-width: 768px) {
    .article-page .banner .left-round {
        display: none;
    }
    .article-page .banner .right-round {
        display: none;
    }
    .article-page .banner .container {
        min-height: 66.9333vw;
        width: 90%;
    }

    .article-page .banner .container .title {
        font-size: 9.0667vw;
        line-height: 10.6667vw;
        letter-spacing: 0.0533vw;
    }
}

.article-page .article-top {
    margin: 1.6667vw 0 0;
    font-weight: 300;
    font-size: 0.9375vw;
    line-height: 1.0938vw;
    color: #ffffff;
}

@media (max-width: 768px) {
    .article-page .article-top {
        font-size: 3.5088vw;
        line-height: 4.5333vw;
        margin: 2.6667vw 0 0;
    }
}

.article-page .nav {
    background: #ffffff;
    box-shadow: 0 0.2083vw 0.2083vw rgba(0, 0, 0, 0.03);
    position: sticky;
    top: 0;
    z-index: 998;
}

.article-page .nav .content-box {
    max-width: 69.4583vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7292vw 0;
    font-weight: 400;
    font-size: 1.2417vw;
    line-height: 1.1979vw;
    text-align: center;
    color: #000000;
}

.article-page .nav .content-box .nav-left, .article-page .nav .content-box .nav-right {
    display: flex;
    align-items: center;
}

.article-page .nav .content-box .nav-left img {
    border-radius: 0.3125vw;
    margin-right: 0.625vw;
}

.article-page .nav .content-box .nav-right .btn {
    display: flex;
    align-items: center;
    background: #009f54;
    border-radius: 2.3212vw;
    padding: 0.5729vw 0.9896vw;
    color: #ffffff;
    border: 0.1042vw solid #009f54;
}

.article-page .nav .content-box .nav-right .btn .btn-title {
    margin-left: 0.2604vw;
}

.article-page .nav .content-box .nav-right .btn:nth-child(2) {
    margin-left: 0.5208vw;
}

.article-page .nav .content-box .nav-right .btn:hover {
    background: #ffffff;
    color: #009f54;
}

@media (max-width: 768px) {
    .article-page .nav .content-box {
        max-width: 100%;
        padding: 2.6667vw 5.6vw;
        font-size: 3.5533vw;
        line-height: 4.5333vw;
        justify-content: center;
    }

    .article-page .nav .content-box .nav-right .btn {
        border-radius: 11.8845vw;
        padding: 2.9333vw 4vw;
    }

    .article-page .nav .content-box .nav-right .btn .iconfont{
        font-size: 3.9375vw;
        margin-right: 0.9250vw;
    }

    .article-page .nav .content-box .nav-right .btn .win-logo-box {
        width: 4.5333vw;
        height: 4.5333vw;
    }

    .article-page .nav .content-box .nav-right .btn .mac-logo-box {
        width: 4.5333vw;
        height: 4.5333vw;
    }
}

.article-page p {
    margin-top: 1.25vw;
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 1.875vw;
    color: #000000;
    text-align: left;
}

.article-page .video-box{
    margin: 1.2vw 0vw;
}

.article-page ul, .article-page ol {
    margin-top: 1.25vw;
    padding-left: 0.965vw;
}

.article-page ul li, .article-page ol li {
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 1.875vw;
    color: #000000;
}

.article-page ul li {
    list-style: disc;
}

.article-page ul li::marker {
    font-size: 1.225vw;
}

.article-page ol li::marker {
    font-size: 1.025vw;
}

.article-page ol li {
    list-style: decimal;
}

.article-page p a {
    font-weight: 600;
    color: #009f54;
    text-decoration-line: underline;
}
.article-page ul li a,
.article-page ol li a{
    color: #009f54;
    font-weight: 600;
    text-decoration-line: underline;
}

@media (max-width: 768px) {
    .article-page p {
        font-size: 4.2667vw;
        line-height: 9.6vw;
        margin-top: 5.3333vw;
    }

    .article-page .video-box{
        width: 100%;
    }

    .article-page ul, .article-page ol {
        margin-top: 5.3333vw;
        padding-left: 5.965vw;
    }

    .article-page ul li, .article-page ol li {
        font-size: 4.2667vw;
        line-height: 9.6vw;
        margin-top: 5.3333vw;
    }

    .article-page ul li::marker {
        font-size: 5.325vw;
    }

    .article-page ol li::marker {
        font-size: 4.025vw;
    }
}

.article-page .btn-box {
    display: flex;
    align-items: center;
    margin: 1.9792vw 0;
    text-align: center;
}

.article-page .btn-box .right {
    margin-left: 1.3542vw;
}

.article-page .btn-box .btn {
    display: flex;
    align-items: center;
    background: #009f54;
    border-radius: 2.3212vw;
    padding: 0.5729vw 0.9896vw;
    border: 0.1042vw solid #009f54;
    font-size: 0.9896vw;
    line-height: 1.1979vw;
    color: #ffffff;
}

.article-page .btn-box .btn .btn-title {
    margin-left: 0.7813vw;
    color: #ffffff;
    font-weight: 600;
}

.article-page .btn-box .btn:hover {
    background: #ffffff;
    color: #009f54;
}

.article-page .btn-box .btn:hover .btn-title {
    color: #009f54;
}

.article-page .btn-box .shield {
    margin-top: 0.5729vw;
    font-weight: 400;
    font-size: 0.7292vw;
    line-height: 0.8854vw;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-page .container .btn-box .shield img {
    margin-top: unset;
}

@media (max-width: 768px) {
    .article-page .btn-box {
        margin-top: 11.2vw;
        flex-direction: column;
    }

    .article-page .btn-box .right {
        margin: 6.9333vw 0 0;
    }

    .article-page .btn-box .btn {
        border-radius: 15.0509vw;
        padding: 4.8vw 5.6vw;
        font-size: 5.0667vw;
        line-height: 6.1333vw;
    }
    .article-page .btn-box .btn .iconfont{
        font-size: 6.1458vw;
    }
    .article-page .btn-box .btn .btn-title {
        margin-left: 1.3333vw;
    }

    .article-page .btn-box .shield {
        margin-top: 2.9333vw;
        font-size: 2.8391vw;
        line-height: 3.4667vw;
    }

    .article-page .btn-box .shield img {
        width: 2.6667vw !important;
        height: auto;
    }
}

.article-page .label-box {
    margin: 2.3958vw 0 5.2083vw;
}

.article-page .label-box .label-top {
    border-radius: 0.5446vw 0.5446vw 0 0;
    border-bottom: 0.0545vw solid rgba(1, 150, 107, 0.1);
    font-weight: 700;
    font-size: 1.0417vw;
    line-height: 300%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.8646vw;
    background: #28b07e;
}

.article-page .label-box .label-top .img-box {
    transition: all 0.5s;
    margin-top: 0;
}

.article-page .label-box .label-top .label-title {
    position: relative;
    color: #ffffff;
}

.article-page .label-box .label-top .label-title::after {
    content: '';
    height: 100%;
    width: 3.0208vw;
    background: url(../img/article-page/diagonal.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: -4.025vw;
}

.article-page .label-box .label-top .up {
    transform: rotate(180deg);
}

.article-page .label-box .label-bottom {
    background: #f4faf6;
    border-radius: 0 0 0.5446vw 0.5446vw;
    padding: 0.625vw 2.8646vw 1.0417vw 2.3438vw;
}

.article-page .label-box .label-bottom > a {
    display: block;
}

.article-page .label-box .label-bottom .fire {
    margin-left: 0.5208vw;
    margin-top: 0;
}

.article-page .label-box a {
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 174.19%;
    color: #000000;
    margin-top: 0.5208vw;
    padding-left: 0.5208vw;
}

.article-page .label-box a:hover {
    color: #009f54;
    text-decoration-line: underline;
}

.article-page .label-box ul {
    margin-left: 1.5625vw;
}

.article-page .label-box ul li {
    list-style-position: outside;
    list-style-type: disc;
}

.article-page .label-box ul li a {
    font-size: 0.8333vw;
}

@media (max-width: 768px) {
    .article-page .label-box {
        border-radius: 2.6667vw;
        margin: 10.4vw 0 15.4667vw;
    }

    .article-page .label-box .label-top {
        font-weight: 700;
        font-size: 4.8vw;
        line-height: 174.19%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .article-page .label-box .label-top .img-box img {
        width: 4.2667vw;
        height: 2.9333vw;
    }

    .article-page .label-box a {
        font-size: 4.2667vw;
    }

    .article-page .label-box ul {
        margin-left: 2vw;
        margin-bottom: 5vw;
    }
    .article-page .label-box ul li{
        margin-top: 3.3333vw;
        line-height: 5.6vw;
    }
    .article-page .label-box ul li a{
        font-size: 3.9667vw;
    }
}

.article-page .wrapper {
    padding: 2.2396vw 0 4.1667vw;
    display: flex;
    position: relative;
}

.article-page .wrapper .posts-box {
    position: absolute;
    right: 13.5938vw;
    width: 13.6458vw;
    z-index: 995;
}

.article-page .wrapper .posts-box a {
    display: block;
    margin-top: 0.5208vw;
}

.article-page .wrapper .posts-box a:hover {
    text-decoration-line: underline;
}

.article-page .wrapper .posts-box .posts-title {
    font-weight: 700;
    font-size: 0.9375vw;
    line-height: 177%;
    color: #2b2b2b;
    margin-bottom: 1.4583vw;
}

.article-page .wrapper .posts-box .article {
    font-weight: 400;
    font-size: 0.8333vw;
    line-height: 177%;
    color: #2b2b2b;
}

.article-page .wrapper .posts-box .more {
    font-weight: 400;
    font-size: 0.805vw;
    line-height: 177%;
    color: #009f54;
}

.article-page .wrapper .title {
    font-weight: 700;
    font-size: 1.5625vw;
    line-height: 174.19%;
    color: #000000;
    margin-top: 3.6458vw;
}

.article-page .wrapper h2 {
    font-weight: 700;
    font-size: 1.5625vw;
    line-height: 174.19%;
    color: #000000;
    margin-top: 3.6458vw;
}

.article-page .wrapper .mini-title {
    padding: 2.0833vw 0 0;
    font-weight: 700;
    font-size: 1.3542vw;
    line-height: 174.19%;
    color: #000000;
    position: relative;
}

.article-page .wrapper .mini-title::before {
    position: absolute;
    left: 0;
    top: 3.75vw;
    content: '';
    width: 2.8646vw;
    height: 0.3125vw;
    background: url(../img/article-page/line.png) no-repeat center;
    background-size: 100% 100%;
    z-index: -1;
}

.article-page .wrapper h3 {
    padding: 2.0833vw 0 0;
    font-weight: 700;
    font-size: 1.3542vw;
    line-height: 174.19%;
    color: #000000;
    position: relative;
}

.article-page .wrapper h3::before {
    position: absolute;
    left: 0;
    top: 3.75vw;
    content: '';
    width: 2.8646vw;
    height: 0.3125vw;
    background: url(../img/article-page/line.png) no-repeat center;
    background-size: 100% 100%;
    z-index: -1;
}

.article-page .wrapper .tip-box {
    margin-top: 2.6042vw;
    background: #f1fff6;
    border-radius: 0.5208vw 0.2083vw 0.5208vw 0.5208vw;
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 1.875vw;
    color: #000000;
    border-top: 0.2604vw solid #28b07e;
}

.article-page .wrapper .tip-box .tip-top {
    padding: 0.4167vw 2.0313vw 0.4167vw 1.1979vw;
    width: fit-content;
    font-weight: 600;
    font-size: 1.3021vw;
    line-height: 1.875vw;
    color: #ffffff;
    margin-bottom: 1.3021vw;
    background: #28b07e;
    border-radius: 0.2604vw 0 0.5208vw 0;
}

.article-page .wrapper .tip-box .tip-bottom {
    padding: 0 1.1458vw 1.0417vw;
}

.article-page .wrapper .tip-box p > a {
    color: #009f54;
    font-weight: 600;
    text-decoration-line: underline;
}

.article-page .wrapper .table-box {
    width: 100%;
    margin: 3.6458vw 0;
}

.article-page .wrapper .table-box table {
    max-width: 100%;
    border: 0.0543vw solid rgba(16, 73, 19, 0.17);
    border-radius: 1.0866vw;
    overflow: hidden;
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 174.19%;
    color: #000000;
    border-collapse: initial !important;
}

.article-page .wrapper .table-box table tr td,
.article-page .wrapper .table-box table tr th {
    padding: 1.3021vw 2.4479vw;
}

.article-page .wrapper .table-box table tr td ul {
    margin-left: 0.7813vw;
}

.article-page .wrapper .table-box table tr td ul li {
    list-style-position: outside;
    list-style-type: disc;
}

.article-page .wrapper .table-box table tr:nth-child(odd) {
    background: rgba(244, 250, 246, 0.68);
}
.article-page.smc-article-page .wrapper .table-box table tr:nth-child(odd) {
    background: rgba(244, 250, 246, 0.68);
}
.article-page.amc-article-page .wrapper .table-box table tr:nth-child(odd) {
    background: rgba(250, 244, 244, 0.31);
}
.article-page.amazon-mc-article-page .wrapper .table-box table tr:nth-child(odd) {
    background: rgba(245, 244, 250, 0.31);
}
.article-page.ac-article-page .wrapper .table-box table tr:nth-child(odd) {
    background: rgba(244, 247, 250, 0.31);
}
.article-page.ymc-article-page .wrapper .table-box table tr:nth-child(odd) {
    background: rgba(248, 248, 255, 1);
}
.article-page .wrapper .table-box2 {
    margin-top: 3.0208vw;
    font-weight: 500;
    font-size: 0.8333vw;
    line-height: 1.3021vw;
    text-align: center;
    color: #484848;
    overflow: auto;
    border-radius: 0.8178vw;
}
.article-page .wrapper .table-box2::-webkit-scrollbar{
    background-color: #f5f5f5;
    height: 14px;
}
.article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
    background-color: #51c097;
}

.article-page .wrapper .table-box2 a {
    color: #009f54;
    text-decoration-line: underline;
}

.article-page .wrapper .table-box2 table {
    border-radius: 0.8178vw;
    border: 0.0545vw solid #51c097;
    /*overflow: hidden;*/
    text-align: center;
    border-collapse: initial !important;
    /*max-width: 100%;*/
}

.article-page .wrapper .table-box2 thead {
    background: #28b07e;
}

.article-page .wrapper .table-box2 thead th {
    border-right: 0.0545vw solid #51c097;
    border-left: 0.0545vw solid #51c097;
    padding: 0.1563vw 0.3125vw;
    color: #ffffff;
}

.article-page .wrapper .table-box2 tbody tr td {
    padding: 0.1563vw 0.3125vw;
    border-right: 0.0545vw solid #51c097;
    border-left: 0.0545vw solid #51c097;
}

.article-page .wrapper .table-box2 tbody tr:nth-child(even) {
    background: rgba(40, 176, 126, 0.28);
}

.article-page .wrapper .img {
    margin-top: 2.1354vw;
}

.article-page .wrapper .container img {
    margin-top: 2.1354vw;
}

@media (max-width: 768px) {
    .article-page .wrapper {
        padding: 16vw 0;
    }

    .article-page .wrapper .title {
        font-size: 7.4667vw;
    }

    .article-page .wrapper h2 {
        font-size: 7.4667vw;
    }

    .article-page .wrapper .mini-title {
        padding: 8.5333vw 0 3.4667vw;
        font-size: 6.9333vw;
    }

    .article-page .wrapper .mini-title::before {
        top: 16.2667vw;
        width: 10.1333vw;
        height: 1.6vw;
    }

    .article-page .wrapper h3 {
        padding: 8.5333vw 0 3.4667vw;
        font-size: 6.9333vw;
    }

    .article-page .wrapper h3::before {
        top: 16.2667vw;
        width: 10.1333vw;
        height: 1.6vw;
    }

    .article-page .wrapper .img {
        margin-top: 8.2667vw;
        width: 100%;
    }

    .article-page .wrapper .container img {
        margin-top: 8.2667vw;
        width: 100%;
    }

    .article-page .wrapper .tip-box {
        font-size: 4.2667vw;
        line-height: 9.6vw;
        border-top: 1.3333vw solid #28b07e;
    }

    .article-page .wrapper .tip-box .tip-top {
        font-size: 5.8667vw;
        line-height: 9.6vw;
    }

    .article-page .wrapper .tip-box .tip-bottom {
        padding: 1.3333vw 3.2vw 10.1333vw;
    }

    .article-page .wrapper .table-box {
        margin: 7.4667vw 0;
        overflow: auto;
    }

    .article-page .wrapper .table-box table {
        table-layout: fixed;
        border-radius: 4vw;
        font-size: 3.7333vw;
    }

    .article-page .wrapper .table-box table tr {
        width: 100%;
    }

    .article-page .wrapper .table-box table tr td, .article-page .wrapper .table-box table tr th {
        padding: 1.8667vw 2.6667vw;
        overflow: hidden;
    }

    .article-page .wrapper .table-box table tr td {
        width: 75%;
        word-break: break-word;
    }

    .article-page .wrapper .table-box table tr th {
        width: 25%;
    }

    .article-page .wrapper .table-box2 {
        width: 100%;
        overflow: auto;
        font-size: 3.7529vw;
        line-height: 7.4667vw;
    }

    .article-page .wrapper .table-box2 table {
        width: 266.6667vw;
    }

    .article-page .wrapper .table-box2 thead th {
        height: auto;
        padding: 1.0667vw 4.8vw;
    }

    .article-page .wrapper .table-box2 tbody tr td {
        padding: 1.0667vw 4.8vw;
        height: auto;
    }

    .article-page .wrapper .table-box2::-webkit-scrollbar {
        height: 1.8667vw;
    }

    .article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
        background-color: #6fd3af;
        border-radius: 8.2667vw;
    }

    .article-page .wrapper .table-box2::-webkit-scrollbar-track {
        background-color: #e0f2eb;
        border-radius: 8.2667vw;
    }
}

.article-page .sidebar-box {
    width: 16.5104vw;
    position: sticky;
    top: -20vw;
    height: 100%;
    right: 13.5938vw;
    padding-bottom: 60.5vw;
}

.article-page .sidebar {
    position: absolute;
    top: 36.0417vw;
    width: 16.5104vw;
    height: 23.4896vw;
    background: url('../img/article-page/smc.png') no-repeat 100%/100%;
    padding-top: 0.5208vw;
}

.article-page .sidebar .logo {
    width: 11.1979vw;
    height: 2.4479vw;
    background: #ffffff;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 1.5625vw 1.5625vw;
}

.article-page .sidebar .product-box {
    width: 9.7917vw;
    height: 11.6146vw;
    background: #217256;
    border-radius: 0.8333vw;
    border: 0.6771vw solid white;
    margin: 2.3438vw auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-page .sidebar .button a {
    display: block;
    width: 9.6854vw;
    padding: 0.4688vw 0;
    background: linear-gradient(180deg, #fffb9c 0%, #ffb800 100%);
    border-radius: 5.6771vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.8333vw;
    line-height: 1.0417vw;
    color: #000000;
    margin: 1.3021vw auto 0;
}

.article-page .btn-box2 {
    text-align: left;
}
.article-page .btn-box2 .btn {
    padding: 0.5729vw 1.5896vw;
}
.article-page .btn-box2 .btn .btn-right {
    display: flex;
    flex-direction: column;
}

.article-page .btn-box2 .btn .btn-right .btn-desc {
    font-weight: 400;
    font-size: 0.8333vw;
    line-height: 1.4063vw;
    margin-left: 0.7813vw;
}

.article-page .btn-box2 .btn .iconfont {
    font-size: 1.1458vw;
    margin-left: 1.5625vw;
}

@media (max-width: 768px) {
    .article-page .btn-box2 .btn {
        padding: 4.8vw 9.6vw;
    }
    .article-page .btn-box2 .btn .btn-right .btn-desc {
        font-size: 4.2667vw;
        line-height: 4.8vw;
    }

    .article-page .btn-box2 .btn .btn-right .btn-title {
        margin-left: 0 !important;
    }
    .article-page .btn-box2 .btn .iconfont{
        font-size: 6.1458vw;
    }
}

.article-page .cta-box {
    background: url(../img/article-page/smc-cta-bg.png) center no-repeat;
    background-size: 100% 100%;
    padding: 2.5vw 1.5104vw;
    margin-top: 3.6458vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-page .cta-box .cta-left {
    flex: 0 0 27.4792vw;
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 1.875vw;
    color: #ffffff;
}

.article-page .cta-box .cta-left .cta-title {
    font-weight: 600;
    font-size: 1.6667vw;
    line-height: 2.5vw;
    margin-bottom: 0.625vw;
    color: #ffffff;
}
.article-page .cta-box .cta-left .cta-desc {
    color: #ffffff;
}

.article-page .cta-box .cta-left .btn-box {
    display: flex;
    align-items: center;
    margin: 1.057vw 0 0 0;
}

.article-page .cta-box .cta-left .btn-box .btn {
    width: 11.0385vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 2.3212vw;
    padding: 1.0938vw 0;
    border: 0.1042vw solid #009f54;
    font-size: 0.9896vw;
    color: #000000;
}

.article-page .cta-box .cta-left .btn-box .btn .btn-title {
    margin-left: 0.2604vw;
    color: #000000;
}

.article-page .cta-box .cta-left .btn-box .btn:nth-child(2) {
    background: #000000;
    color: #ffffff;
    margin-left: 1.3542vw;
}

.article-page .cta-box .cta-left .btn-box .btn:nth-child(2) .btn-title {
    color: #ffffff;
}

.article-page .cta-box .cta-left .btn-box .btn:hover {
    background: #000000;
    color: #ffffff;
}

.article-page .cta-box .cta-left .btn-box .btn:hover .btn-title {
    color: #ffffff;
}

.article-page .cta-box .cta-left .btn-box .btn:hover:nth-child(2) {
    background: #ffffff;
    color: #000000;
}

.article-page .cta-box .cta-left .btn-box .btn:hover:nth-child(2) .btn-title {
    color: #000000;
}

@media (max-width: 770px) {
    .article-page .cta-box {
        padding: 4vw 3.2vw 10.4vw;
        margin-top: 30.1333vw;
        flex-direction: column-reverse;
    }

    .article-page .cta-box .cta-left {
        font-size: 4.2667vw;
        line-height: 9.6vw;
        flex: 0;
        text-align: center;
    }

    .article-page .cta-box .cta-left .cta-title {
        font-size: 7.4667vw;
        line-height: 12.8vw;
        margin-bottom: 6.4vw;
    }

    .article-page .cta-box .cta-left .btn-box {
        margin-top: 11.2vw;
        flex-direction: column;
    }

    .article-page .cta-box .cta-left .btn-box .btn {
        width: 56.5173vw;
        border-radius: 15.0509vw;
        padding: 4.8vw 0;
        font-size: 5.0667vw;
        line-height: 6.1333vw;
    }

    .article-page .cta-box .cta-left .btn-box .btn .btn-title {
        margin-left: 1.3333vw;
    }

    .article-page .cta-box .cta-left .btn-box .btn:nth-child(2) {
        margin: 4.5333vw 0 0;
    }

    .article-page .cta-box .cta-right {
        margin-top: 9.3333vw;
    }

    .article-page .cta-box .cta-right img {
        width: 100%;
        height: auto;
    }
}

.amc-article-page .nav .content-box .nav-right .btn {
    background: #f62942;
    border: 0.1042vw solid #f62942;
}

.amc-article-page .nav .content-box .nav-right .btn:hover {
    color: #f62942;
}

.amc-article-page p a {
    color: #dd0d26;
}
.amc-article-page ul li a,
.amc-article-page ol li a{
    color: #dd0d26;
}

.amc-article-page .btn-box .btn {
    background: #f62942;
    border: 0.1042vw solid #f62942;
}

.amc-article-page .btn-box .btn:hover {
    background: #ffffff;
    color: #f62942;
}

.amc-article-page .btn-box .btn:hover .btn-title {
    color: #f62942;
}

.amc-article-page .label-box .label-top {
    border-bottom: 0.0545vw solid rgba(159, 0, 0, 0.1);
    background: #f46879;
}

.amc-article-page .label-box .label-bottom {
    background: #ffeef0;
}

.amc-article-page .label-box a:hover {
    color: #f62942;
}

.amc-article-page .wrapper .posts-box .more {
    color: #f62942;
}

.amc-article-page .wrapper .tip-box {
    background: #fffdfd;
    border-top: 0.2604vw solid #f68895;
}

.amc-article-page .wrapper .tip-box .tip-top {
    background: #f68895;
}

.amc-article-page .wrapper .tip-box p > a {
    color: #f62942;
}

.amc-article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
    background-color: #ef9898;
}

.amc-article-page .wrapper .table-box2 a {
    color: #dd0d26;
}

.amc-article-page .wrapper .table-box2 table {
    border: 0.0545vw solid #f8a6a6;
}

.amc-article-page .wrapper .table-box2 thead {
    background: #f59090;
}

.amc-article-page .wrapper .table-box2 thead th {
    border-right: 0.0545vw solid #f59090;
    border-left: 0.0545vw solid #f59090;
    color: #ffffff;
}

.amc-article-page .wrapper .table-box2 tbody tr td {
    border-right: 0.0545vw solid #f59090;
    border-left: 0.0545vw solid #f59090;
}

.amc-article-page .wrapper .table-box2 tbody tr:nth-child(even) {
    background: rgba(255, 187, 187, 0.28);
}

.amc-article-page .cta-box {
    background: url(../img/article-page/amc-cta-bg.png) center no-repeat;
    background-size: 100% 100%;
}

.amc-article-page .cta-box .cta-left .btn-box .btn {
    border: 0.1042vw solid transparent;
}

.amc-article-page .sidebar {
    background: url('../img/article-page/amc.png') no-repeat top left / 100% 100%;
}

.amc-article-page .sidebar .product-box {
    background: #e06c77;
}

.ac-article-page .nav .content-box .nav-right .btn {
    background: #0d82d7;
    border: 0.1042vw solid #0d82d7;
}

.ac-article-page .nav .content-box .nav-right .btn:hover {
    color: #0d82d7;
}

.ac-article-page p a {
    color: #0d82d7;
}
.ac-article-page ul li a,
.ac-article-page ol li a{
    color: #0d82d7;
}

.ac-article-page .btn-box .btn {
    background: #0d82d7;
    border: 0.1042vw solid #0d82d7;
}

.ac-article-page .btn-box .btn:hover {
    color: #0d82d7;
}

.ac-article-page .btn-box .btn:hover .btn-title {
    color: #0d82d7;
}

.ac-article-page .label-box .label-top {
    border-bottom: 0.0545vw solid rgba(159, 0, 0, 0.1);
    background: #3d9ce0;
}

.ac-article-page .label-box .label-bottom {
    background: #f0f8ff;
}

.ac-article-page .label-box a:hover {
    color: #0d82d7;
}

.ac-article-page .wrapper .posts-box .more {
    color: #0d82d7;
}

.ac-article-page .wrapper .tip-box {
    background: #f0f8ff;
    border-top: 0.2604vw solid #3d9ce0;
}

.ac-article-page .wrapper .tip-box .tip-top {
    background: #3d9ce0;
}

.ac-article-page .wrapper .tip-box p > a {
    color: #0d82d7;
}

.ac-article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
    background-color: #98c0ef;
}

.ac-article-page .wrapper .table-box2 a {
    color: #0d6ec8;
}

.ac-article-page .wrapper .table-box2 table {
    border: 0.0545vw solid #5da9e0;
}

.ac-article-page .wrapper .table-box2 thead {
    background: #5da9e0;
}

.ac-article-page .wrapper .table-box2 thead th {
    border-right: 0.0545vw solid #79bbec;
    border-left: 0.0545vw solid #79bbec;
    color: #ffffff;
}

.ac-article-page .wrapper .table-box2 tbody tr td {
    border-right: 0.0545vw solid #79bbec;
    border-left: 0.0545vw solid #79bbec;
}

.ac-article-page .wrapper .table-box2 tbody tr:nth-child(even) {
    background: rgba(192, 225, 255, 0.28);
}

.ac-article-page .cta-box {
    background: url(../img/article-page/ac-cta-bg.png) center no-repeat;
    background-size: 100% 100%;
}

.ac-article-page .cta-box .cta-left .btn-box .btn {
    border: 0.1042vw solid transparent;
}

.ac-article-page .sidebar {
    background: url('../img/article-page/ac.png') no-repeat top left / 100% 100%;
}

.ac-article-page .sidebar .product-box {
    background: #184c7c;
}
.ymc-article-page .nav .content-box .nav-right .btn {
    background: #ff2646;
    border: 0.1042vw solid #ff2646;
}
.ymc-article-page .nav .content-box .nav-right .btn:hover {
    color: #ff2646;
}
.ymc-article-page .text a {
    color: #ff2646;
}
.ymc-article-page p a {
    color: #ff2646;
}
.ymc-article-page ol li a,
.ymc-article-page ul li a{
    color: #ff2646;
}
.ymc-article-page .btn-box .btn {
    background: #ff2646;
    border: 0.1042vw solid #ff2646;
}
.ymc-article-page .btn-box .btn:hover {
    color: #ff2646;
}
.ymc-article-page .btn-box .btn:hover .btn-title {
    color: #ff2646;
}
.ymc-article-page .label-box .label-top {
    border-bottom: 0.0545vw solid rgba(159, 0, 0, 0.1);
    background: #201c55;
}
.ymc-article-page .label-box .label-top .label-title {
    color: #ffffff;
}
.ymc-article-page .label-box .label-bottom {
    background: #f5f4ff;
}
.ymc-article-page .label-box a:hover {
    color: #ff2646;
}
.ymc-article-page .wrapper h3::before {
    background: url(../img/article-page/line-ymc.png) no-repeat center;
}
.ymc-article-page .wrapper .posts-box .more {
    color: #009f54;
}
.ymc-article-page .wrapper .tip-box {
    background: #f8f8ff;
    border-top: 0.2604vw solid #201c55;
}
.ymc-article-page .wrapper .tip-box .tip-top {
    background: #201c55;
}
.ymc-article-page .wrapper .tip-box p > a {
    color: #ff2646;
}
.ymc-article-page .wrapper .table-box table{
    border-color: rgba(73, 16, 16, 0.17);
}
.ymc-article-page .wrapper .table-box2::-webkit-scrollbar{
    background-color: #f5f5f5;
    height: 14px;
}
.ymc-article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
    background-color: #201c55;
}
.ymc-article-page .wrapper .table-box2::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
.ymc-article-page .wrapper .table-box::-webkit-scrollbar-button:increment,
.ymc-article-page .wrapper .table-box2::-webkit-scrollbar-button:increment{
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(../img/article-page/right-arrow-ymc.svg) no-repeat center;
}
.ymc-article-page .wrapper .table-box::-webkit-scrollbar-button:decrement,
.ymc-article-page .wrapper .table-box2::-webkit-scrollbar-button:decrement{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/article-page/left-arrow-ymc.svg) no-repeat center;
}
.ymc-article-page .wrapper .table-box2 a {
    color: #dd0d26;
}
.ymc-article-page .wrapper .table-box2 table {
    border: 0.0545vw solid #e1ddff;
}
.ymc-article-page .wrapper .table-box2 thead {
    background: #201c55;
}
.ymc-article-page .wrapper .table-box2 thead th {
    border-right: 0.0545vw solid #e1ddff;
    border-left: 0.0545vw solid #e1ddff;
    color: #ffffff;
}
.ymc-article-page .wrapper .table-box2 tbody tr td {
    border-right: 0.0545vw solid #e1ddff;
    border-left: 0.0545vw solid #e1ddff;
}
.ymc-article-page .wrapper .table-box2 tbody tr:nth-child(even) {
    background: rgba(226, 224, 255, 0.26);
}
.ymc-article-page .cta-box {
    background: url(../img/article-page/ymc-cta-bg.png) center no-repeat;
    background-size: 100% 100%;
}
.ymc-article-page .cta-box .cta-left .btn-box .btn {
    border: 0.1042vw solid transparent;
}
.ymc-article-page .sidebar {
    background: url('../img/article-page/ymc.png') no-repeat top left / 100% 100%;
    width: 13.53vw;
    height: 22.61vw;
}
.ymc-article-page .sidebar .product-box {
    background: #28235c;
}
.mc-article-page .nav .content-box .nav-right .btn {
    background: #4a34be;
    border: 0.1042vw solid #4a34be;
}

.mc-article-page .nav .content-box .nav-right .btn:hover {
    color: #4a34be;
}

.mc-article-page p a {
    color: #4a34be;
}

.mc-article-page ul li a,
.mc-article-page ol li a {
    color: #4a34be;
}

.mc-article-page .btn-box .btn {
    background: #4a34be;
    border: 0.1042vw solid #4a34be;
}

.mc-article-page .btn-box .btn:hover {
    color: #4a34be;
}

.mc-article-page .btn-box .btn:hover .btn-title {
    color: #4a34be;
}

.mc-article-page .label-box .label-top {
    border-bottom: 0.0545vw solid rgba(159, 0, 0, 0.1);
    background: #a292f6;
}

.mc-article-page .label-box .label-bottom {
    background: #f4f2ff;
}

.mc-article-page .label-box a:hover {
    color: #4a34be;
}

.mc-article-page .wrapper .posts-box .more {
    color: #4a34be;
}

.mc-article-page .wrapper .tip-box {
    background: #f4f2ff;
    border-top: 0.2604vw solid #a999fc;
}

.mc-article-page .wrapper .tip-box .tip-top {
    background: #a999fc;
}

.mc-article-page .wrapper .tip-box p > a {
    color: #4a34be;
}

.mc-article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
    background-color: #a598ef;
}

.mc-article-page .wrapper .table-box2 a {
    color: #9480fc;
}

.mc-article-page .wrapper .table-box2 table {
    border: 0.0545vw solid #a897ff;
}

.mc-article-page .wrapper .table-box2 thead {
    background: #9480fc;
}

.mc-article-page .wrapper .table-box2 thead th {
    border-right: 0.0545vw solid #a897ff;
    border-left: 0.0545vw solid #a897ff;
    color: #ffffff;
}

.mc-article-page .wrapper .table-box2 tbody tr td {
    border-right: 0.0545vw solid #a897ff;
    border-left: 0.0545vw solid #a897ff;
}

.mc-article-page .wrapper .table-box2 tbody tr:nth-child(even) {
    background: rgba(208, 199, 255, 0.22);
}

.mc-article-page .cta-box {
    background: url(../img/article-page/mc-cta-bg.png) center no-repeat;
    background-size: 100% 100%;
}

.mc-article-page .cta-box .cta-left .btn-box .btn {
    border: 0.1042vw solid transparent;
}

.mc-article-page .sidebar {
    background: url('../img/article-page/m4v.png') no-repeat top left / 100% 100%;
}

.mc-article-page .sidebar .product-box {
    background: #184c7c;
}

.amazon-mc-article-page .nav .content-box .nav-right .btn {
    background: #34dfe9;
    border: 0.1042vw solid #34dfe9;
}

.amazon-mc-article-page .nav .content-box .nav-right .btn:hover {
    color: #34dfe9;
}

.amazon-mc-article-page .banner {
    background: linear-gradient(180deg, #002C36 0%, #005164 100%);
    overflow: hidden;
}

.amazon-mc-article-page .banner .left-round.big {
    background: url('../img/article-page/aio-left-big-round.png') no-repeat;
    background-size: contain;
}
.amazon-mc-article-page .banner .left-round.min {
    background: url('../img/article-page/aio-left-min-round.png') no-repeat;
    background-size: contain;
}
.amazon-mc-article-page .banner .right-round {
    background: url('../img/article-page/aio-right-round.png') no-repeat;
    background-size: contain;
}

.amazon-mc-article-page p a {
    color: #34dfe9;
}

.amazon-mc-article-page ul li a,
.amazon-mc-article-page ol li a{
    color: #34dfe9;
}

.amazon-mc-article-page .btn-box .btn {
    background: #34dfe9;
    border: 0.1042vw solid #34dfe9;
}

.amazon-mc-article-page .btn-box .btn:hover {
    color: #34dfe9;
}

.amazon-mc-article-page .btn-box .btn:hover .btn-title {
    color: #34dfe9;
}

.amazon-mc-article-page .label-box .label-top {
    border-bottom: 0.0545vw solid rgba(159, 0, 0, 0.1);
    background: #6cdbe1;
}

.amazon-mc-article-page .label-box .label-bottom {
    background: #edfbfd;
}

.amazon-mc-article-page .label-box a:hover {
    color: #34dfe9;
}

.amazon-mc-article-page .wrapper .posts-box .more {
    color: #34dfe9;
}

.amazon-mc-article-page .wrapper .tip-box {
    background: #edfbfd;
    border-top: 0.2604vw solid #39c6ce;
}

.amazon-mc-article-page .wrapper .tip-box .tip-top {
    background: #39c6ce;
}

.amazon-mc-article-page .wrapper .tip-box p > a {
    color: #34dfe9;
}

.amazon-mc-article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
    background-color: #6bd2df;
}

.amazon-mc-article-page .wrapper .table-box2 a {
    color: #00888f;
}

.amazon-mc-article-page .wrapper .table-box2 table {
    border: 0.0545vw solid #44cadb;
}

.amazon-mc-article-page .wrapper .table-box2 thead {
    background: #34bacb;
}

.amazon-mc-article-page .wrapper .table-box2 thead th {
    border-right: 0.0545vw solid #44cadb;
    border-left: 0.0545vw solid #44cadb;
    color: #ffffff;
}

.amazon-mc-article-page .wrapper .table-box2 tbody tr td {
    border-right: 0.0545vw solid #44cadb;
    border-left: 0.0545vw solid #44cadb;
}

.amazon-mc-article-page .wrapper .table-box2 tbody tr:nth-child(even) {
    background: rgba(217, 247, 251, 0.48);
}

.amazon-mc-article-page .cta-box {
    background: url(../img/article-page/amazon-mc-cta-bg.png) center no-repeat;
    background-size: 100% 100%;
}

.amazon-mc-article-page .cta-box .cta-left .btn-box .btn {
    border: 0.1042vw solid transparent;
}

.amazon-mc-article-page .sidebar {
    background: url('../img/article-page/amazon.png') no-repeat top left / 100% 100%;
}

.amazon-mc-article-page .sidebar .product-box {
    background: #005f74;
}
.aio-article-page .banner {
    background: linear-gradient(180deg, #0E005B 0%, #2B16B3 100%);
    overflow: hidden;
}
.aio-article-page .banner .left-round.big {
    background: url('../img/article-page/aio-left-big-round.png') no-repeat;
    background-size: contain;
}
.aio-article-page .banner .left-round.min {
    background: url('../img/article-page/aio-left-min-round.png') no-repeat;
    background-size: contain;
}
.aio-article-page .banner .right-round {
    background: url('../img/article-page/aio-right-round.png') no-repeat;
    background-size: contain;
}

.aio-article-page .nav .content-box .nav-right .btn {
    background: linear-gradient(90deg, #8572FF 0%, #5C42FF 100%);
    border: 0.1042vw solid #5C42FF;

}
.aio-article-page .nav .content-box .nav-right .btn:hover {
    color: #5C42FF;
}
.aio-article-page .wrapper h3::before {
    background: #B2A6FF;
}
.aio-article-page p a {
    color: #644FE3;
}
.aio-article-page ul li a,
.aio-article-page ol li a{
    color: #644FE3;
}

.aio-article-page .btn-box .btn {
    background: linear-gradient(90deg, #8572FF 0%, #5C42FF 100%);
    border: 0.1042vw solid #5C42FF;
}

.aio-article-page .btn-box .btn:hover {
    background: #ffffff;
    color: #5C42FF;
}

.aio-article-page .btn-box .btn:hover .btn-title {
    color: #5C42FF;
}

.aio-article-page .label-box .label-top {
    border-bottom: 1.05px solid #9F00001A;
    background: #644FE3;
}
.aio-article-page .label-box .label-top .label-title {
    color: #ffffff;
}
.aio-article-page .label-box .label-bottom {
    background: #F9F9FF;
}

.aio-article-page .label-box a:hover {
    color: #644FE3;
}

.aio-article-page .wrapper .posts-box .more {
    /*color: #f62942;*/
}

.aio-article-page .wrapper .tip-box {
    background: #F9F9FF;
    border-top: 0.2604vw solid #644FE3;
}

.aio-article-page .wrapper .tip-box .tip-top {
    background: #644FE3;
}

.aio-article-page .wrapper .tip-box p > a {
    color: #4A34BE;
}
.aio-article-page .wrapper .table-box table {
    border: 0.0543vw solid #1C10492B
}
.aio-article-page .wrapper .table-box table tr:nth-child(odd) {
    background: #F5F4FA4F;
}
.aio-article-page .wrapper .table-box2::-webkit-scrollbar-thumb {
    background-color: #8F7FF1;
}
.aio-article-page .wrapper .table-box2::-webkit-scrollbar-button:increment{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/article-page/right-arrow-aio.png) no-repeat center;
}
.aio-article-page .wrapper .table-box2::-webkit-scrollbar-button:decrement {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/article-page/left-arrow-aio.png) no-repeat center;
}
.aio-article-page .wrapper .table-box2 a {
    color: #2F14BC;
}

.aio-article-page .wrapper .table-box2 table {
    border: 0.0545vw solid #644FE3;
}

.aio-article-page .wrapper .table-box2 thead {
    background: #644FE3;
}

.aio-article-page .wrapper .table-box2 thead th {
    border-right: 0.0545vw solid #A897FF;
    border-left: 0.0545vw solid #A897FF;
    color: #ffffff;
}

.aio-article-page .wrapper .table-box2 tbody tr td {
    border-right: 0.0545vw solid #A897FF;
    border-left: 0.0545vw solid #A897FF;
}

.aio-article-page .wrapper .table-box2 tbody tr:nth-child(even) {
    background: #9383F338;
}

.aio-article-page .cta-box {
    background: url(../img/article-page/aio-cta-bg.png) center no-repeat;
    background-size: cover;
}

.aio-article-page .cta-box .cta-left .btn-box .btn {
    border: 0.1042vw solid transparent;
}

.aio-article-page .sidebar {
    background: url('../img/article-page/aio.png') no-repeat top left / 100% 100%;
}

.aio-article-page .sidebar .product-box {
    background: #C6BCFF;
}