.section_first{
    position:relative;
    height:500px
}
.section_first h1{
    z-index:2;
    position:relative;
    padding:150px 0 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:transparent;
    font-family:"Manrope-ExtraBold";
    font-weight:normal;
    color:#fff;
    font-size:60px;
    line-height:1
}
.section_first h1 span{
    color:var(--themeColor)
}
.section_first .bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.section_first .bg_text{
    z-index:0;
    position:absolute;
    top:132px;
    left:0;
    right:0;
    width:906px;
    max-width:100%;
    margin:0 auto
}
.section_check{
    position:relative;
    background:#16141a;
    
}
.section_check h2{
    z-index:0;
    position:relative;
    display:inline-block;
    display:inline-block;
    left:0%;
    transform:translate(0%, 0);
    color:#fff;
    font-family:"Manrope-ExtraBold";
    font-weight:normal;
    font-size:50px;
    line-height:.96;
    text-align:center;
    text-transform:uppercase;
	width: 100%;
}
.section_check h2::before{
    content:'';
    z-index:-1;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    width:50%;
    height:15px;
    /*background:var(--themeColor)*/
}
.section_check .sub_title{
    margin:20px 0 0;
    font-family:"Manrope-Regular";
    font-weight:normal;
    color:#fff;
    font-size:20px;
    text-align:center
}
.section_check .vaild_form{
    display:flex;
    justify-content:center;
    margin:34px 0 0
}
.section_check .vaild_form .input_box{
    position:relative;
    display:flex;
    width:670px;
    padding:6px;
    background:#3d3d3d;
    font-size:20px;
    border-radius:5px
}
.section_check .vaild_form .input_box .tips_box{
    position:absolute;
    top:66px;
    left:0;
    color:#ff0000;
    font-size:18px
}
.section_check .vaild_form input{
    font-size:inherit;
    line-height:.8
}
.section_check .vaild_form input[type="text"]{
    flex:1;
    padding-left:10px;
    background:transparent;
    color:#fff
}
.section_check .vaild_form input[type="button"]{
    flex-shrink:0;
    padding:12px 20px;
    margin-left:12px;
    border-radius:5px;
    background:var(--themeColor);
    font-family:"Manrope-ExtraBold";
    font-weight:normal;
    color:#fff;
    cursor:pointer
}
.instructions_box{
    margin:30px 0 0;
    color:#fff;
    font-size:18px
}
.instructions_box h3{
    color:var(--themeColor);
    font-family:"Manrope-ExtraBold";
    font-weight:normal;
    font-size:36px;
    text-align:center
}
.instructions_box>p{
    max-width:690px;
    margin:20px auto 0;
    line-height:1.3;
    text-align:center
}
.instructions_box .code_list{
    display:flex;
    justify-content:center;
    margin:34px 0 0
}
.instructions_box .code_list .code_item{
    display:flex;
    flex-direction:column;
    align-items:center
}
.instructions_box .code_list .code_item img{
    margin:0 0 18px;
	/*max-width: 150px;*/
}
.instructions_box .code_list .code_item+.code_item{
    margin-left:50px
}
.section_check .results_dialog{
    display:none;
    z-index:1;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.5)
}
.section_check .results_dialog .dialog{
    display:none;
    --statusColor:#fff;
    position:absolute;
    top:50%;
    left:50%;
    width:520px;
    max-width:100%;
    transform:translate(-50%, -50%);
    background:#fff;
    text-align:center
}
.section_check .results_dialog .dialog .header{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 0;
    background:var(--statusColor);
    font-family:"Manrope-Bold";
    font-weight:normal;
    color:#fff;
    font-size:30px;
    text-transform:uppercase
}
.section_check .results_dialog .dialog .header .close_btn{
    position:absolute;
    right:16px;
    cursor:pointer
}
.section_check .results_dialog .dialog .main{
    padding:12px 0;
    color:#000;
    font-size:18px
}
.section_check .results_dialog .dialog .main .title{
    font-family:"Manrope-ExtraBold";
    font-weight:normal;
    text-transform:uppercase
}
.section_check .results_dialog .dialog .main .code{
    padding:4px 0 0;
    color:inherit
}
.section_check .results_dialog .dialog .main .code span{
    display:block;
    padding:6px 0 0;
    font-family:"Manrope-ExtraBold";
    font-weight:normal;
    font-size:18px
}
.section_check .results_dialog .dialog .main .res_icon{
    padding:16px 0
}
.section_check .results_dialog .dialog .main .result{
    padding:0 16px;
    font-size:14px;
    line-height:1.2
}
.section_check .results_dialog .dialog[data-type="success"]{
    --statusColor:#00ff78
}
.section_check .results_dialog .dialog[data-type="error"]{
    --statusColor:#ff0000;
    background:#000
}
.section_check .results_dialog .dialog[data-type="error"] .main{
    color:#fff
}
.section_check .results_dialog .dialog[data-type="repeat"]{
    --statusColor:#ff7c24;
    background:#000
}
.section_check .results_dialog .dialog[data-type="repeat"] .main{
    color:#fff
}
@media screen and (max-width: 992px){
    .section_first{
        height:66.66667vw
    }
    .section_first h1{
        font-size:8vw;
        padding-top:20vw
    }
    .section_first .bg_text{
        top:17.6vw
    }
    .section_check h2{
        font-size:6.66667vw;
        left:0;
        width:100%;
        transform:translate(0, 0)
    }
    .section_check h2::before{
        height:10px
    }
    .section_check .sub_title{
        font-size:2.66667vw
    }
    .section_check .vaild_form .input_box{
        width:100%;
        margin:0 4.26667vw;
        font-size:2.66667vw
    }
    .section_check .vaild_form .input_box .tips_box{
        top:60px;
        font-size:2.4vw
    }
    .section_check{
        /*padding-bottom:100px*/
    }
    .instructions_box{
        font-size:2.13333vw;
        margin-top:6vw
    }
    .instructions_box h3{
        font-size:6.4vw
    }
    .instructions_box>p{
        width:100%;
        padding:10px 12px
    }
    .instructions_box .code_list{
        margin-top:24px
    }
    .instructions_box .code_list .code_item{
        max-width:34%
    }
    .instructions_box .code_list .code_item img{
        margin-bottom:12px;
        max-width:100%
    }
    .section_check .results_dialog .dialog{
        width:480px
    }
}
@media screen and (max-width: 576px){
    .section_first h1{
        font-size:36px
    }
    .section_check{
        /*padding-top:50px*/
    }
    .section_check .sub_title{
        font-size:14px;
        padding:0 12px
    }
    .section_check .vaild_form .input_box{
        font-size:14px
    }
    .section_check .vaild_form .input_box .tips_box{
        top:55px;
        font-size:14px
    }
    .instructions_box{
        font-size:14px
    }
    .section_check h2{
        font-size:28px
    }
    .instructions_box h3{
        font-size:24px
    }
    .section_check .results_dialog .dialog{
        width:90%
    }
    .section_check .results_dialog .dialog .header{
        font-size:24px
    }
    .section_check .results_dialog .dialog .header .close_btn{
        width:24px
    }
    .section_check .results_dialog .dialog .main{
        font-size:14px
    }
    .section_check .results_dialog .dialog .main .res_icon{
        padding:10px 0
    }
    .section_check .results_dialog .dialog .main .result{
        font-size:12px;
        padding:0 10px
    }
}