#ThankYou .ThankYou_box {
    height: 314px;
    text-align: center;
    background: #f0f6ff
}

#ThankYou .ThankYou_box .box_main .ThankYou_top {
    width: 985px;
    margin: 0 auto;
    overflow: hidden
}

#ThankYou .ThankYou_box .box_main .ThankYou_top .top_title {
    margin-top: 87px;
    margin-bottom: 13px;
    font-size: 48px;
    font-family: Nunito-Regularr;
    font-weight: 700;
    color: #000
}

#ThankYou .ThankYou_box .box_main .ThankYou_top .top_title span {
    color: #2666da
}

#ThankYou .ThankYou_box .box_main .ThankYou_top .top_describe {
    font-family: Nunito-Regular;
    font-size: 18px;
    font-weight: 300;
    color: #000
}

#ThankYou .ThankYou_content {
    width: 1016px;
    height: 676px;
    margin: -70px auto 0;
    background: #fff;
    box-shadow: 0 0 59px 0 rgba(13, 18, 60, .2);
    overflow: hidden
}

#ThankYou .ThankYou_content .content_main {
    display: flex;
    flex-direction: column;
    width: 976px;
    height: 640px;
    margin: 18px auto;
    background: url('https://img.macube.com/pages/ThankYou/BgBlue.png') no-repeat 100%
}

#ThankYou .ThankYou_content .content_main .main_items,
#ThankYou .ThankYou_content .content_main .main_title {
    margin-left: 58px
}

#ThankYou .ThankYou_content .content_main .main_title p {
    margin-top: 29px;
    margin-bottom: 21px;
    font-size: 24px;
    font-family: Nunito-Regular;
    font-weight: 700;
    color: #fff;
    line-height: 30px
}

#ThankYou .ThankYou_content .content_main .main_title span {
    font-size: 16px;
    font-family: Nunito-Light;
    font-weight: 300;
    color: #fff
}

#ThankYou .ThankYou_content .content_main .main_items {
    display: flex;
    margin-top: 35px
}

#ThankYou .ThankYou_content .content_main .main_items .items_right {
    margin-left: 20px;
    margin-top: 7px;
    font-family: Nunito-Light;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    word-wrap: break-word;
    white-space: normal
}

#ThankYou .ThankYou_content .content_main .main_items .items_right p {
    font-weight: 400
}

#ThankYou .ThankYou_content .content_main .main_items .items_right a {
    color: #fff;
    text-decoration: underline
}

#ThankYou .ThankYou_footer {
    width: 840px;
    height: 350px;
    margin: 105px auto 200px
}

#ThankYou .ThankYou_footer h1 {
    font-family: Nunito-Regular;
    color: #000;
    font-weight: 700;
    font-size: 32px;
    text-align: center
}

#ThankYou .ThankYou_footer .footer_step {
    display: flex
}

#ThankYou .ThankYou_footer .footer_step .step_left {
    margin-right: 75px;
    font-family: Nunito-Regular
}

#ThankYou .ThankYou_footer .footer_step .step_left p {
    margin-top: 54px;
    margin-bottom: 2px;
    font-size: 20px;
    color: #000;
    font-weight: 700
}

#ThankYou .ThankYou_footer .footer_step .step_left span {
    font-size: 16px;
    font-weight: 400;
    color: #686868;
    line-height: 30px
}

#ThankYou .ThankYou_footer .footer_step .step_right {
    display: flex;
    align-items: center
}

#ThankYou .ThankYou_footer .footer_step .step_right img {
    display: block;
    height: 220px
}

@media screen and (max-width: 768px) {
    #ThankYou .ThankYou_box .box_main .ThankYou_top {
        width: auto
    }

    #ThankYou .ThankYou_box .box_main .ThankYou_top .top_title {
        margin-top: 50px;
        font-size: 32px
    }

    #ThankYou .ThankYou_content {
        width: 100%;
        margin: -80px auto 0
    }

    #ThankYou .ThankYou_content .content_main {
        width: calc(100% - 60px)
    }

    #ThankYou .ThankYou_content .content_main .main_items .items_right span {
        word-wrap: break-word;
        white-space: normal
    }

    #ThankYou .ThankYou_content .content_main .main_items,
    #ThankYou .ThankYou_content .content_main .main_title {
        margin-left: 20px
    }

    #ThankYou .ThankYou_footer {
        width: calc(100% - 60px);
        width: 340px;
        height: inherit;
        margin: 61px auto 50px
    }

    #ThankYou .ThankYou_content .content_main .main_items .items_right {
        width: 80%;
        font-size: 16px
    }

    #ThankYou .ThankYou_footer .footer_step {
        display: block;
        margin: 0 auto
    }

    #ThankYou .ThankYou_footer .footer_step .step_right {
        display: block;
        margin-top: 41px
    }

    #ThankYou .ThankYou_footer .footer_step .step_right img {
        height: 211px
    }
}

@media screen and (max-width: 375px) {
    #ThankYou .ThankYou_box .box_main .ThankYou_top {
        width: 325px
    }

    #ThankYou .ThankYou_box .box_main .ThankYou_top .top_title {
        margin-top: 37px;
        margin-bottom: 33px;
        line-height: 40px
    }

    #ThankYou .ThankYou_box .box_main .ThankYou_top .top_describe {
        font-size: 18px
    }

    #ThankYou .ThankYou_content {
        width: 350px;
        height: 700px;
        margin: 0 auto
    }

    #ThankYou .ThankYou_content .content_main {
        width: 310px;
        height: 660px;
        background: url('https://img.macube.com/pages/ThankYou/BgBlueMobile.png')
    }

    #ThankYou .ThankYou_footer {
        width: 310px;
        height: inherit;
        margin: 61px auto 50px
    }

    #ThankYou .ThankYou_content .content_main .main_items .items_right {
        font-size: 16px
    }

    #ThankYou .ThankYou_footer .footer_step {
        display: block;
        margin: 0 auto;
        padding-left: 10px
    }

    #ThankYou .ThankYou_footer .footer_step .step_right {
        display: block;
        margin-top: 41px
    }

    #ThankYou .ThankYou_footer .footer_step .step_right img {
        height: 170px
    }
}

@media screen and (max-width: 320px) {

    #ThankYou .ThankYou_box .box_main .ThankYou_top,
    #ThankYou .ThankYou_content {
        width: 310px
    }

    #ThankYou .ThankYou_content .content_main {
        width: 270px
    }
}