.first-layer {
    background: url(../images/bg13@2x.png) no-repeat center 10% / 100% auto,
    url(../images/bg18@2x.png) no-repeat center 93% / 100% auto;
}
.introduce >.img {
    height: calc(420 * var(--px));
}
.introduce-box {
    margin-top: calc(50 * var(--px));
}
.introduce-box .introduce-tip {
    color: #000;
    font-size: calc(20 * var(--px));
    text-align: center;
}
.introduce-box .introduce-tip >a {
    display: inline-flex;
    border-bottom: 1px solid #000;
}
.introduce-box .initiative-all {
    font-size: calc(28 * var(--px));
    font-weight: 600;
    color: #fff;
    text-align: center;
    max-width: 100%;
    width: max-content;
    padding: calc(20 * var(--px)) calc(30 * var(--px));
    margin: 0 auto calc(68 * var(--px));
    background-color: var(--fourdary);
    border-radius: 999px;
}
.introduce-box .procedure-list {
    position: relative;
    margin-top: calc(80 * var(--px));
}
.introduce-box .procedure-list::before {
    content: '';
    width: 2px;
    height: calc(80 * var(--px));
    background-color: #cfcfcf;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}
.introduce-box .procedure {
    position: relative;
    padding-top: calc(210 * var(--px));
}
.introduce-box .procedure:nth-of-type(1) .procedure-main {
    background: url(../images/bg14@2x.png) no-repeat 49% top / calc(110 * var(--px)) 100%;
}
.introduce-box .procedure:nth-of-type(2) .procedure-main {
    background: url(../images/bg15@2x.png) no-repeat 50.5% top / calc(84 * var(--px)) 100%;
}
.introduce-box .procedure:nth-of-type(3) .procedure-main {
    background: url(../images/bg16@2x.png) no-repeat 50% top / calc(90 * var(--px)) 100%;
}
.introduce-box .procedure:nth-of-type(4) .procedure-main {
    background: url(../images/bg17@2x.png) no-repeat 49.5% top / calc(91 * var(--px)) 70%;
}
.introduce-box .procedure:nth-of-type(1) ~.procedure {
    margin-top: calc(-30 * var(--px));
}
.introduce-box .procedure::after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #cfcfcf;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}
.introduce-box .procedure:nth-last-of-type(1):after {
    height: 74%;
}
.introduce-box .procedure .procedure-header {
    width: calc(269 * var(--px));
    height: calc(250 * var(--px));
    background: url(../images/bg7@2x.png) no-repeat center / 100% 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(calc(-50% - calc(28 * var(--px))));
    z-index: 2;
}
.introduce-box .procedure:nth-of-type(2n) .procedure-header {
    width: calc(269 * var(--px));
    height: calc(250 * var(--px));
    background: url(../images/bg8@2x.png) no-repeat center / 100% 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(calc(-50% + calc(28 * var(--px))));
    z-index: 2;
}
.introduce-box .procedure .procedure-header .title {
    --r: 190;
    width: calc(var(--r) * var(--px));
    height: calc(var(--r) * var(--px));
    font-size: calc(30 * var(--px));
    font-weight: 600;
    color: var(--fourdary);
    margin-top: calc(26 * var(--px));
    margin-left: calc(66 * var(--px));
    border-radius: 50%;
    overflow: hidden;
    background: #fff linear-gradient(120deg, #ecf0f9, #fef6e6);
}
.introduce-box .procedure:nth-of-type(2n) .procedure-header .title {
    margin-left: calc(13 * var(--px));
}
.introduce-box .procedure .procedure-main {
    padding-top: calc(44 * var(--px));
    padding-bottom: calc(86 * var(--px));
    position: relative;
    z-index: 2;
}
.introduce-box .step {
    margin-bottom: calc(60 * var(--px));
}
.introduce-box .step:nth-last-of-type(1) {
    margin-bottom: 0;
}
.introduce-box .step .step-header .title {
    font-size: calc(68* var(--px));
    font-weight: 600;
    line-height: .5;
    color: var(--thirdary);
    margin-top: calc(12 * var(--px));
}
.introduce-box .step .step-header .circle {
    --l: 20;
    width: calc(var(--l)* var(--px));
    height: calc(var(--l)* var(--px));
    border: calc(4* var(--px)) solid var(--thirdary);
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #fff;
}
.introduce-box .step .step-header .solid {
    width: calc(50% - calc(10 * var(--px)));
    height: 1px;
    background-color: var(--thirdary);
    position: relative;
}
.introduce-box .step.right .step-header .title {
    margin-left: calc(20 * var(--px));
    order: 3;
}
.introduce-box .step.right .step-header .circle {
    order: 2;
}
.introduce-box .step.right .step-header .solid {
    order: 1;
}
.introduce-box .step.left .step-header {
    justify-content: flex-end;
}
.introduce-box .step.left .step-header .title {
    margin-right: calc(20 * var(--px));
    order: 1;
}
.introduce-box .step.left .step-header .circle {
    order: 2;
}
.introduce-box .step.left .step-header .solid {
    order: 3;
}
.introduce-box .step .desc {
    width: 100%;
    max-width: calc(50% - calc(160 * var(--px)));
}
.introduce-box .step.left .step-header ~.step-content .desc {
    margin-left: auto;
}
.introduce-box .step .desc .desc-title {
    font-size: calc(28 * var(--px));
    font-weight: 700;
    color: var(--fourdary);
    padding-top: calc(26 * var(--px));
    padding-bottom: calc(30 * var(--px));
}
.introduce-box .step .desc .desc-container {
    text-align: justify;
    font-size: calc(20 * var(--px));
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    padding: calc(30 * var(--px));
    border-radius: calc(6 * var(--px));
    overflow: hidden;
    background-color: #ecf0f9;
}

.outgo-exchange-page .contact-us-wrap {
    padding-top: calc(190 * var(--px));
    padding-bottom: calc(80 * var(--px));
}

.outgo-exchange-page .course-wrap .wrap-title {
    color: #000;
    font-size: calc(28* var(--px));
    line-height: 1.5;
}

.outgo-exchange-page .contact-us-wrap .info a {
    display: inline-flex;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 1024px) {
    .introduce-box .step .desc {
        max-width: calc(50% - calc(100* var(--px)));
    }
}

@media screen and (max-width: 768px) {
    .introduce-box .step .desc {
        max-width: calc(50% - calc(60* var(--px)));
    }
}