.contact-section {
    display: flex;
    background-color: #f1f5ff
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section {
        width: 100%
    }
}

.contact-section-con {
    margin-top: 147px;
    margin-bottom: 123px
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-con {
        margin-top: calc(60vw / 6);
        margin-bottom: calc(60vw / 6)
    }
}

.contact-section-tips {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-tips {
        display: none
    }
}

.contact-section-head-intro {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-top: 16px;
    display: block
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-head-intro {
        margin-top: calc(16vw / 6);
        font-size: calc(20vw / 6);
        line-height: calc(30vw / 6)
    }
}

.contact-section-head-h1 {
    color: #000;
    line-height: 46px;
    font-size: 30px;
    font-weight: 600;
    display: block
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-head-h1 {
        font-size: calc(30vw / 6);
        line-height: calc(46vw / 6)
    }
}

.contact-section-tag-box {
    margin-top: 24px
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-tag-box {
        margin-top: calc(24vw / 6)
    }
}

.contact-section-tag-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 12px
}


.contact-section-tag {
    margin-left:12px;
    display: block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #555555
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-tag {
        font-size: calc(16vw / 6);
        line-height: calc(32vw / 6)
    }
}

.contact-section-tips-img {
    width: 460px;
    display: block;
}

.contact-section-tips-con {
    display: block;
    color: #888888;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400
}

@media screen and (min-width:905px) and (max-width:1239px) {
    .contact-section-tips-con {
        white-space: pre-wrap;
        text-align: center
    }
}

.contact-section-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:905px) and (max-width:1239px) {
    .contact-section-box {
        justify-content: center;
        width: 905px
    }
}

.contact-section-btn-box {
    margin-top: 40px
}

.contact-section-btn-a {
    width: 152px;
    height: 54px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    background: linear-gradient(131deg, #2d3efe 3%, #5d87f7 132%);
    color:#ffffff;
    border: none;
    margin-right: 16px
}

.contact-section-btn-a:hover {
    background: linear-gradient(94.71deg, #5d87f7 0, #8db1ff 95.92%)
}

.contact-section-btn-a:active {
    background: linear-gradient(94.71deg, #8db1ff 0, #c5dbff 95.92%)
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-btn-a {
        width: calc(152vw / 6);
        height: calc(54vw / 6);
        font-size: calc(20vw / 6);
        line-height: calc(30vw / 6);
        border-top-left-radius: calc(6vw / 6);
        border-top-right-radius: calc(6vw / 6);
        border-bottom-left-radius: calc(6vw / 6);
        border-bottom-right-radius: calc(6vw / 6);
        margin-right: calc(16vw / 7.5)
    }
}

.contact-section-btn-b {
    width: 152px;
    height: 54px;
    border: solid 1px #2d3efe;
    background: 0 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px
}

.contact-section-btn-b span {
    color: #2d3efe
}

.contact-section-btn-b:hover {
    border: solid 1px #2d3efe;
    background: rgba(62, 58, 255, .1)
}

.contact-section-btn-b:hover span {
    color: rgba(62, 58, 255, .7)
}

.contact-section-btn-b:active {
    border: solid 1px #2d3efe;
    background: rgba(62, 58, 255, .2)
}

.contact-section-btn-b:active span {
    color: rgba(62, 58, 255, .7)
}

@media screen and (min-width:600px) and (max-width:904px) {
    .contact-section-btn-b {
        width: calc(152vw / 6);
        height: calc(54vw / 6);
        font-size: calc(20vw / 6);
        line-height: calc(30vw / 6);
        border-top-left-radius: calc(6vw / 6);
        border-top-right-radius: calc(6vw / 6);
        border-bottom-left-radius: calc(6vw / 6);
        border-bottom-right-radius: calc(6vw / 6)
    }
}

.contact-section-btn {
    display: inline-block
}

.contact-section-btn-info {
    display: inline-block
}