.global-layout .global-layout-data {
    max-width: var(--root-max-width);
    margin: auto;
    padding: calc(120 * var(--px)) 0;
    display: flex;
}

.global-layout .global-layout-data .global-layout-data-left {
    flex: 0 0 calc(480 * var(--px));
    padding-right: calc(20 * var(--px));
}

.global-layout .global-layout-data .global-layout-data-left h3 {
    font-size: calc(48 * var(--px));
    font-weight: bold;
    line-height: calc(52 * var(--px));
    padding-bottom: calc(20 * var(--px));
}
.global-layout .global-layout-data .global-layout-data-left .content .data-item {
    color: #666666;
    font-size: calc(18 * var(--px));
    padding: calc(32 * var(--px)) 0;
    border-bottom: 1px solid #dcdcdc;
}
.global-layout .global-layout-data .global-layout-data-left .content .data-item h4 {
    color: var(--root-color);
    font-weight: bold;
    font-size: calc(62 * var(--px));
    padding-bottom: calc(20 * var(--px));
}
.global-layout .global-layout-data .map {
    flex: 1 1 0;
}

.global-layout .global-layout-data .map img {
    width: 100%;
    height: auto;
}
.global-layout .country {
    max-width: var(--root-max-width);
    margin: auto;
}
.global-layout .country .row {
    --gap: 24;
    width: 100%;
    display: flex;
    gap: 0 calc(var(--gap)* var(--px));
    flex-wrap: wrap;
}
.global-layout .country .row .column {
    flex: 0 1 calc((100% / 3) - calc(var(--gap) * 2 / 3 * var(--px)));
    font-size: calc(24 * var(--px));
    font-weight: bold;
    background-color: #f3f6f8;
    padding: calc(13 * var(--px)) calc(20 * var(--px)) calc(13 * var(--px)) calc(16 * var(--px));
    margin-bottom: calc(20 * var(--px));
    display: flex;
    transition: background-color .3s ease;
}
.global-layout .country .row .column.active,
.global-layout .country .row .column:hover {
    color: #fff;
    background-color: var(--root-color);
}
.global-layout .country .row .column.active section .icon,
.global-layout .country .row .column:hover section .icon {
    border-color: #fff;
}
.global-layout .country .row .column.active section .icon .right-icon,
.global-layout .country .row .column:hover section .icon .right-icon {
    border-color: #fff;
}
.global-layout .country .row .column.active section .icon {
    transform: rotate(90deg);
    transition: transform .3s linear;
}
.global-layout .country .row .column >.country-img {
    flex: 0 0 auto;
    width: calc(65 * var(--px));
    height: calc(40 * var(--px));
}
.global-layout .country .row .column section {
    padding-left: calc(20 * var(--px));
    flex: 1 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.global-layout .country .row .column section .icon {
    width: calc(30 * var(--px));
    height: calc(30 * var(--px));
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
}
.global-layout .country .row .column section .icon .right-icon {
    width: calc(8 * var(--px));
    height: calc(8 * var(--px));
    border-color: var(--root-color);
}
.global-layout .country .row .row-content {
    height: 0;
    overflow: hidden;
    font-size: calc(16 * var(--px));
    color: #666666;
    line-height: calc(24 * var(--px));
    flex: 0 0 100%;
}
.global-layout .country .row .row-content.active {
    height: auto;
    border: 1px solid #dcdcdc;
    padding: calc(32 * var(--px)) calc(40 * var(--px));
    margin-bottom: calc(20 * var(--px));
    transition: height .3s ease;
}
.global-layout .country .row .row-content .top .icons {
    display: flex;
    gap: 0 calc(24 * var(--px));
    margin-bottom: calc(20 * var(--px));
}
.global-layout .country .row .row-content .top .icons img {
    height: calc(40 * var(--px));
}
.global-layout .country .row .row-content li {
    display: flex;
    align-items: flex-start;
}
.global-layout .country .row .row-content li::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: var(--root-color);
    border-radius: 50%;
    margin-right: calc(12 * var(--px));
    margin-top: calc(8 * var(--px));
    flex: 0 0 auto;
}
.global-layout .country .row .row-content li p {
    flex: 1 0 0;
}
.global-layout .country .row .row-content .bottom {
    margin-top: calc(20 * var(--px));
    display: flex;
}
.global-layout .country .row .row-content .bottom h5 {
    font-size: calc(18 * var(--px));
    color: #000;
    font-weight: bold;
}
.global-layout .country .row .row-content .bottom .right,
.global-layout .country .row .row-content .bottom .left {
    flex: 1 1 0;
}
.global-layout .country .row .row-content .bottom .right .content,
.global-layout .country .row .row-content .bottom .left .content {
    margin-top: calc(20 * var(--px));
}
.global-layout .country .row .row-content .bottom .right .content {
    display: flex;
}
.global-layout .country .row .row-content .bottom .right .content ul {
    flex: 1 1 0;
}
@media screen and (max-width: 525px) {
    .global-layout .country .row {
        flex-wrap: wrap;
    }
    .global-layout .country .row .column {
        flex: 0 1 100%;
    }
}