.verify{
    background:#f7f7f7;
    padding:4rem 0;
    font-family:'S-Medium';
    color:white;
}
.verify_form{
    background:#161719;
    border-radius:1rem;
    padding:3rem 10rem;
    width:75rem;
    margin:0 auto;
}
.vf_title{
    width:100%;
    text-align:center;
    font-size:2.5rem;
    line-height:1;
    margin-bottom:2rem;
}
.verify_form input{
    width:100%;
    height:3rem;
    border:1px solid #666;
    border-radius:0.4rem;
    padding:0.5rem 1rem;
    font-size:0.875rem;
    color:#999;
    background:transparent;
}
.vf_info{
    margin-top:1rem;
    display:flex;
    align-items:center;
    font-size:0.75rem;
    cursor:pointer;
}
.vf_info div:nth-child(1){
    width:1rem;
    height:1rem;
    border-radius:50%;
    border:1px solid white;
    margin-right:0.5rem;
    position:relative;
}
.vf_verify{
    margin:2rem auto 0;
    width:14rem;
    text-align:center;
    height:2.5rem;
    line-height:2.5rem;
    border-radius:2rem;
    background:red;
    font-size:1rem;
    cursor:pointer;
}
.vf_video{
    margin:4rem auto;
    position:relative;
    width:75rem;
}
.vfv_title{
    font-size:2rem;
    text-align:center;
}
.verify_info{
    background:#161719;
    border-radius:1rem;
    padding:4rem 3rem;
    width:75rem;
    margin:0 auto;
}
.vi_title{
    font-size:1.5rem;
}
.vi_title div{
    font-size:0.875rem;
    line-height:2;
    margin-top:2rem;
    color:#666;
}
.vf_active::after{
    width: 0.5rem;
    height: 0.5rem;
    background: red;
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.vf_play{
    margin:2rem auto 0;
    border-radius:0.5rem;
    width:100%;
    /* transition:all 1s;
    transform:scale(0.4);
    transform-origin:top; */
}
.vf_video img{
    position:absolute;
    bottom:0;
}
/* verify code */
#verInfo1,#verInfo2,#verInfo4{
    background: #000;
    width: 50%;
    margin: 0.5rem auto 0.8rem;
    color: red;
    font-family: 'S-Medium';
    font-size: 1.2rem;
    border-radius: 2rem;
    height:2.5rem;
    line-height:2.5rem;
}
.mbtitle{
    font-size:1.2rem;
    line-height:1.3;
    margin-bottom:1rem;
}
#verInfo3{
    background: #fff;
    width: 66%;
    border-radius: 1.8rem;
    color: red;
    font-family: 'S-Medium';
    font-size: 1.5rem;
    margin: 58% auto 0;
    padding: 2.5rem 1.5rem;
    height: 10rem;
    font-weight: 400;
}
.testify_tip{
    font-family:'S-Medium';
    font-size:0.75rem;
    color:#67c23a;
    margin-top:1rem;
}
.modal-security{
    background:rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    font-size: 1rem;
    color: #fff;
    overflow-y: auto;
    text-align:center;
}
.modal-security .modal-wrapper{
    display: flex;
    width: 100%;
    height: 100%;
}
.mymodalClose{
    background:url('https://cdn.shopifycdn.net/s/files/1/0502/8033/3505/files/close.svg?v=1700814500');
    border:none;
    background-repeat: no-repeat;
    right:-10%;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    z-index: 3;
    cursor: pointer;
}
.oxva-popup-imagep img{
    width:36%;
    display:inline;
}
.modal-content{
    background-image: url('/Img/err1.png');
    height:37.5rem;
    background-size: 100% 100%;
    border-radius:1rem;
    max-width: 37.5rem;
    width: 100%;
    margin: auto;
    /* background-color: #000000; */
    padding: 0;
    position: relative;
    z-index: 30;
}
.height{
    height:27rem;
}
.modal-security .modal-header{
    margin-top:3rem;
    background:rgba(0,0,0,0);
    padding: 0;
    position: relative;
    text-align: center;
    margin-bottom:1rem;
}
.vit_text{
    padding-left:1rem;
}
.vit_text span{
    display:block;
    
}
.vit_text span:before{
    margin-left: -1rem;
    display: inline-block;
    width: 1rem;
}
.verify_info img{
    width:60%;
    margin:3rem auto 0;
}


@media (max-width:750px){
    .verify_info img{
        width:90%;
        margin:1rem auto 0;
    }
    .vf_video{
        width:90%;
    }
    /* verify */
    .modal-security .modal-wrapper{
        padding:20px;
    }
    .modal-security .modal-content{
        height:auto;
        box-shadow:none;
        border-radius:0.5rem;
    }
    .modal-security .modal-header .close{
        background:url('https://cdn.shopify.com/s/files/1/0502/8033/3505/files/close_1_feb0fea1-b020-49f9-ba3e-35bc56e46223.png?v=1677485400');
        background-repeat:no-repeat;
        left:128%;
        top:28%;
        width:1rem;
        height:1rem;
        background-position:center;
    }
    .mymodalClose{
        top:-15%;
        right:-2%;
    }
    .oxva-popup-imagep img{
        width:100%;
    }
    .modal-security .modal-header{
        width:50%;
        margin:2rem auto 0.5rem;
    }
    .modal-security .modal-body{
        padding:0.5rem 1rem;
    }
    .mbtitle{
        font-size:1rem;
        margin-bottom:1rem;
    }
    #verInfo3{
        margin:2rem auto;
        font-size:14px;
        padding:1rem;
        height:auto;
    }
    #verInfo1, #verInfo2, #verInfo4{
        width:80%;
        margin:1rem auto;
        font-size:1.2rem;
    }
    .verText{
        font-size:1rem;
    }
    .verText2{
        font-size:1rem;
    }
    .verify{
        padding:2rem 0;
    }
    .verify_form{
        border-radius:0.5rem;
        padding:2rem 5%;
        width:90%;
    }
    .vf_title{
        font-size:1.5rem;
    }
    .verify_form input{
        font-size:0.75rem;
        height:2.5rem;
    }
    .vf_info{
        font-size:11px;
    }
    .vf_info div:nth-child(2){
        width:98%;
    }
    .vf_verify{
        width:13rem;
        margin:0.5rem auto 0;
        height:2rem;
        line-height:2rem;
        font-size:0.875rem;
    }
    .testify_tip{
        font-size:0.5rem;
    }
    .vfv_title{
        width:80%;
        margin:0 auto;
        font-size:1.5rem;
    }
    .verify_info{
        border-radius:0.5rem;
        padding:2rem 1rem;
        width:90%;
    }
    .vi_title{
        font-size:0.875rem;
    }
    .vi_title div{
        font-size:0.75rem;
        margin-top:1rem;
    }
    #verInfo3 p{
        line-height: 32px;
    }
}