.container {
    width: 1180px;
}
.install-tips[data-v-1a9b002a]{background:url("../../img/thank-you/install-videohunter.png")     ;background-size:100% 100%;width:384px;height:189px;transition:all 0.3s;-webkit-animation-name:float-data-v-1a9b002a;animation-name:float-data-v-1a9b002a;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:fixed;bottom:10px;left:10px;z-index:99;}
@media (max-width: 1200px){
    .left{flex:unset;margin:0 auto;}
}
h1 span{font-size:36px;}
.orderDetails-banner{background-image:url("../../img/thank-you/banner-backg.svg")     ;margin-top:-100px;padding:195px 0 128px;background-repeat:no-repeat;background-position:top;background-size:cover;}
.orderDetails-banner .description{width:56.5%;margin:0 auto;text-align:center;}
.orderDetails-banner .description h1,.orderDetails-banner .description h1 span{font-size:48px;line-height:58px;font-weight:700;}
.orderDetails-banner .description h1 span{color:#3b7eff;}
.orderDetails-banner .description .desc{line-height:28px;color:#666;}
.orderDetails-banner .description .desc.large-margin{margin-top:36px;}
@media (max-width: 1200px){
    .orderDetails-banner{margin-top:0;padding:50px 0;}
    .orderDetails-banner .description{width:100%;}
}
@media (max-width: 1200px) and (max-width: 767px){
    .orderDetails-banner .description h1,.orderDetails-banner .description h1 span{font-size:36px;line-height:46px;}
    .orderDetails-banner .description .desc,.orderDetails-banner .description .desc.large-margin{margin-top:10px;}
}
.instruction .download-btn{margin:0 auto;}
.instruction .download-btn .title{font-size:30px;line-height:36px;font-weight:700;text-align:center;}
.instruction .download-btn .download{margin-top:32px;}
.instruction .download-btn .download,.instruction .download-btn .download a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.instruction .download-btn .download a{width:217px;height:64px;background-color:#000;-webkit-transition:all 0.4s;transition:all 0.4s;}
.instruction .download-btn .download a:hover{background-color:#3b7eff;}
.instruction .download-btn .download a:last-child{margin-left:20px;}
.instruction .download-btn .download a i{font-size:18px;color:#fff;}
.instruction .download-btn .download a span{font-size:21px;line-height:25px;font-weight:700;color:#fff;margin-left:10px;}
.instruction .activate-instruction{background-position:50%;background-size:cover;background-repeat:no-repeat;margin:-64px auto 0;padding:186px 0 63px;}
.instruction .activate-instruction .content{display: flex;
    max-width: 1200px;
    margin: auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.instruction .activate-instruction .content .img{width:47%;position:relative;}
.instruction .activate-instruction .content .img .instruction-img{width:100%;}
.instruction .activate-instruction .content .img .bottom,.instruction .activate-instruction .content .img .left,.instruction .activate-instruction .content .img .top{position:absolute;}
.instruction .activate-instruction .content .img .top{top:-7%;left:50%;}
.instruction .activate-instruction .content .img .left{top:50%;left:-6%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.instruction .activate-instruction .content .img .bottom{bottom:-11%;left:50%;}
.instruction .activate-instruction .content .instructions{width:47%;}
.instruction .activate-instruction .content .instructions .title{font-size:30px;line-height:40px;font-weight:700;margin-top:10px;}
.instruction .activate-instruction .content .instructions .desc{line-height:28px;color:#4d4d4d;margin-top:10px;}
.instruction .activate-instruction .content .instructions .simple{margin-top:20px;}
.instruction .activate-instruction .content .instructions .simple li{position:relative;padding-left:18px;counter-increment:item;line-height:28px;color:#4d4d4d;}
.instruction .activate-instruction .content .instructions .simple li:before{content:counter(item) ".";position:absolute;display:block;top:0;left:0;line-height:28px;color:#4d4d4d;}
.instruction .activate-instruction .content .instructions .failed{font-size:18px;line-height:22px;margin-top:30px;}
.instruction .activate-instruction .content .instructions .failed-desc{line-height:28px;display:block;margin-top:10px;color:#3b7eff;}
@media (max-width: 1200px){
    .instruction .activate-instruction .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .instruction .activate-instruction .content .img{width:100%;}
    .instruction .activate-instruction .content .instructions{width:100%;margin-top:30px;}
}
@media (max-width: 1200px) and (max-width: 767px){
    .instruction .download-btn .title{font-size:24px;line-height:30px;}
    .instruction .download-btn .download{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .instruction .download-btn .download a:last-child{margin-top:20px;margin-left:0;}
    .instruction .activate-instruction{padding:130px 0 50px;}
    .instruction .activate-instruction .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .instruction .activate-instruction .content .img{width:100%;}
    .instruction .activate-instruction .content .img .bottom,.instruction .activate-instruction .content .img .left,.instruction .activate-instruction .content .img .top{width:64px;}
    .instruction .activate-instruction .content .instructions .title{font-size:24px;line-height:30px;}
}
.accessHelp{margin-top:100px;margin-bottom:112px;}
.accessHelp .title{width:43.5%;font-size:30px;line-height:36px;font-weight:700;text-align:center;position:relative;margin:0 auto;}
.accessHelp .title:before{left:0;}
.accessHelp .title:after,.accessHelp .title:before{content:"";position:absolute;background-image:url("../../img/thank-you/angle.svg")     ;background-repeat:no-repeat;width:35px;height:42px;top:0;}
.accessHelp .title:after{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);right:0;}
.accessHelp .desc{line-height:26px;text-align:center;margin-top:20px;}
.accessHelp .help-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:38px;}
.accessHelp .help-button,.accessHelp .help-button a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.accessHelp .help-button a{padding:20px 30px;background-color:#000;font-size:21px;line-height:25px;font-weight:700;color:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
.accessHelp .help-button a:hover{background-color:#3b7eff;}
.accessHelp .help-button a:last-child{margin-left:35px;}
@media (max-width: 1200px){
    .accessHelp .title{width:80%;}
}
@media (max-width: 1200px) and (max-width: 767px){
    .accessHelp{margin-top:74px;margin-bottom:74px;}
    .accessHelp .title{width:100%;font-size:24px;line-height:30px;}
    .accessHelp .title:before{width:24px;height:29px;left:-14px;}
    .accessHelp .title:after{width:24px;height:29px;right:-14px;}
    .accessHelp .desc{line-height:28px;}
    .accessHelp .help-button{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .accessHelp .help-button a{height:64px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .accessHelp .help-button a:first-child{width:100%;}
    .accessHelp .help-button a:last-child{width:80%;text-align:center;margin:10px auto;}
}
@media screen and (max-width: 1080px){
    .container{width:auto;}
    .container,.flex-container{padding:0 12px;}
}

#pronhub-purchase-completed .wrap-1 .download-btn {
    background: #eb9d2a;
}
#tiktok-purchase-completed .wrap-1 .download-btn {
    background: #05ecf1;
}
.banner {
    padding: 80px 0 0;
}
.banner-title {
    font-weight: bold;
    font-size: 54px;
    text-align: center;
    color: #010101;
}
.banner-desc {
    font-size: 20px;
    text-align: center;
    color: #000;
    margin-top: 20px;
}
.wrap-1 {
    margin-top: 120px;
}
.wrap-1 .wrap-title {
    font-size: 30px;
    text-align: center;
}
.wrap-1 .wrap-downloads {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.wrap-1 .download-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 0 10px;
    padding: 15px 40px;
    transition: transform 0.3s;
}
.wrap-1 .download-btn .iconfont {
    font-size: 22px;
    color: #202020;
    transition: color 0.3s;
}
.wrap-1 .download-btn_text {
    font-size: 18px;
    color: #202020;
    margin-left: 10px;
    transition: color 0.3s;
}
.wrap-1 .download-btn:hover {
    transform: translateY(-10px);
}
.wrap-1 .wrap-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 60px;
}
.wrap-1 .content-left {
    width: 510px;
}
.wrap-1 .content-left_img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.wrap-1 .content-right {
    width: 550px;
}
.wrap-1 .content-right_title {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.5;
}
.wrap-1 .content-right_desc {
    font-size: 18px;
    line-height: 2;
    margin: 10px 0 20px;
}
.wrap-1 .content-right_desc .desc-link {
    color: #337ab7;
    transition: color 0.3s;
}
.wrap-1 .content-right_desc .desc-link:hover {
    color: #000;
}
.wrap-1 .content-right_list {
    padding-left: 20px;
}
.wrap-1 .content-right_list .list-li {
    list-style: decimal;
    font-size: 18px;
    line-height: 2;
}
.wrap-1 .content-right_list .list-li_link {
    color: #337ab7;
    transition: color 0.3s;
}
.wrap-1 .content-right_list .list-li_link:hover {
    color: #000;
}
.wrap-1 .content-right_tips {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.wrap-1 .content-right_tips .tips-title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
.wrap-1 .content-right_tips .tips-link {
    font-size: 18px;
    color: #337ab7;
    transition: color 0.3s;
}
.wrap-1 .content-right_tips .tips-link:hover {
    color: #000;
}
.wrap-2 {
    margin-top: 120px;
    margin-bottom: 100px;
}
.wrap-2 .wrap-title {
    font-weight: bold;
    font-size: 36px;
    text-align: center;
}
.wrap-2 .wrap-desc {
    font-size: 18px;
    text-align: center;
    margin: 20px 0 40px;
}
.wrap-2 .wrap-btns {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap-2 .wrap-btns .btn {
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    background: #000;
    padding: 15px 40px;
    margin: 0 10px;
    transition: transform 0.3s;
}
.wrap-2 .wrap-btns .btn:hover {
    transform: translateY(-10px);
}
@media (max-width: 770px) {
    .banner {
        padding: 40rem 0 0;
    }
    .banner-title {
        font-size: 36rem;
        line-height: 1.5;
    }
    .banner-desc {
        font-size: 16rem;
        line-height: 2;
        margin-top: 20rem;
    }
    .wrap-1 {
        margin-top: 60rem;
    }
    .wrap-1 .wrap-title {
        font-size: 26rem;
        line-height: 1.5;
        padding: 0 10rem;
    }
    .wrap-1 .wrap-downloads {
        flex-direction: column;
        margin-top: 30rem;
    }
    .wrap-1 .download-btn {
        border-radius: 5rem;
        margin: 10rem 0;
        padding: 15rem 40rem;
    }
    .wrap-1 .download-btn .iconfont {
        font-size: 22rem;
    }
    .wrap-1 .download-btn_text {
        font-size: 18rem;
        margin-left: 10rem;
    }
    .wrap-1 .download-btn:hover {
        transform: translateY(0);
    }
    .wrap-1 .wrap-content {
        flex-direction: column;
        margin-top: 40rem;
    }
    .wrap-1 .content-left {
        width: 100%;
        margin-bottom: 20rem;
    }
    .wrap-1 .content-right {
        width: 100%;
    }
    .wrap-1 .content-right_title {
        font-size: 22rem;
    }
    .wrap-1 .content-right_desc {
        font-size: 18rem;
        margin: 10rem 0 20rem;
    }
    .wrap-1 .content-right_list {
        padding-left: 20rem;
    }
    .wrap-1 .content-right_list .list-li {
        font-size: 18rem;
    }
    .wrap-1 .content-right_tips {
        margin-top: 20rem;
    }
    .wrap-1 .content-right_tips .tips-title {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
    .wrap-1 .content-right_tips .tips-link {
        font-size: 18rem;
        line-height: 2;
    }
    .wrap-2 {
        margin-top: 60rem;
        margin-bottom: 50rem;
    }
    .wrap-2 .wrap-title {
        font-size: 30rem;
    }
    .wrap-2 .wrap-desc {
        font-size: 16rem;
        line-height: 2;
        margin: 20rem 0 40rem;
    }
    .wrap-2 .wrap-btns {
        flex-direction: column;
    }
    .wrap-2 .wrap-btns .btn {
        font-size: 18rem;
        border-radius: 5rem;
        padding: 15rem 40rem;
        margin: 10rem 0;
    }
    .wrap-2 .wrap-btns .btn:hover {
        transform: translateY(0);
    }
}