#main-box .R{display: none;}
.public-page .title{display: none;}

.in_banner{position: relative;}
.in_banner img{width: 100%;}
.in_banner::after{position: absolute;content:'';width: 1vw;height:1vw;background:url(/images/ticon.png) right center no-repeat;background-size:contain;left:-2vw;top:0;}


@keyframes blink{
    0% {
        background:#e62129;
    }
    50% {
        background:#ff0;
    }
    100% {
        background:#e62129;
    }
}


.form{background:#ffff00;padding:2vw 3vw;margin:5vw 0 0 0;box-sizing: border-box;display: flex;justify-content: space-between;
    /* animation: blink 0.1s 0.1s 20; */
    color:#e62129;
}
.form .l{width: 33%;padding:0 1% 0 0;background:url(/images/join_bgi0.png) no-repeat bottom right;border-right:1px dashed #e62129;}
.form .l h2{color:#e62129;font-size: 30px;font-weight: bold;}
.form .l .ct{padding:1vw 1vw 10px 0;}
.form .l .ct .p0{}
.form .r{width: 62%;background:url(/images/join_bgi1.png) no-repeat bottom right;}
.form .l .ct p{display: flex;align-items: center;margin:0 0 14px 0;}
.form .l .ct p img{height: 1.1vw;margin:0 0 0 0;object-fit: contain; object-position: left;width: 2vw;}
.form .l .ct p span{line-height: 1;}
.form .l .ct .p1{font-size: 24px;color:#e62129;font-weight: bold;line-height: 1;}
.form .l .linexxx{height:1px;border-top:1px dashed #e62129;overflow: hidden;width: 80%;}
.form .l .qrcode{width: 100%;margin:10px 0 0 0;display: flex; justify-content: flex-start; align-items: center;padding:1.5vw 0 0 0;}
.form .l .qrcode .ll{width: 30%;height: auto;margin:0 4% 0 0;max-width: 110px;}
.form .l .qrcode .ll img{width: 100%;}
.form .r .ttt{font-size: 28px;font-weight: bold;padding:1vw 0 0 0;}
.form .r .tab{padding:2vw 0 0 0;} 
.form .r .tab li{margin:0 0 24px 0;font-weight: bold;}
.form .r .tab li label{margin:0 1vw 0 0;}
.form .r .tab li label span{font-size:18px;font-weight: bold;width: 110px;}

.form .r .tab .li0{display: flex;} 
.form .r .tab .li0 label{width: 45%;display: flex;margin:0 5% 0 0;align-items: center;flex-wrap: nowrap;}
.form .r .tab .li0 label .if{flex:1;}
.form .r .tab .li0 label .i0{padding:10px;border:1px solid #ea2b33;height:auto;background:none;border-radius: 4px;margin:0;font-size: 18px;box-sizing: border-box;width: 100%;}

.form .r .tab .li1{display: flex;} 
.form .r .tab .li1 label{width: 70%;display: flex;margin:0 5% 0 0;align-items: center;}
.form .r .tab .li1 .i1{margin:0 1vw 0 0;padding:10px;border:1px solid #ea2b33;height:auto;width: auto;background:none;border-radius: 4px;font-size: 18px;box-sizing: border-box;flex:1;background:url(/images/join_down.png) no-repeat;background-position: 92% center;background-size: 13px auto;}

.form .r .tab .li2{display: flex;} 
.form .r .tab .li2 label{width: auto;display: flex;margin:0 5% 0 0;align-items: center;}
.form .r .tab .li2 .i2{padding:10px;border:1px solid #ea2b33;height:auto;width: auto;background:none;border-radius: 4px;margin:0;font-size: 18px;box-sizing: border-box;flex:1;width: 100px;}
.form .r .tab .li2 img{margin:0 0 0 10px;}

.form .r .tab .li3{display: flex;justify-content: flex-end;} 
.form .r .tab .li3 .i3{padding:10px 30px 10px 14px;border:1px solid #ea2b33;height:auto;width: auto;border-radius: 100px;margin:0;font-size: 18px;box-sizing: border-box;line-height:2.1;color:#ff0;width: 150px;background:#e62129 url(/images/join_right.png) no-repeat;background-position: 90% center;background-size: 10px auto;}

.footer{background:url(/images/footer_yellow.jpg) no-repeat center;}
.footer p{color:#e62129;}
.footer span{color:#e62129;}
.footer a{color:#e62129;}
.footer a:hover{color:#e62129;}
.footer h3{color:#e62129;}


.footer .loc{background:url(../images/add.png) left center no-repeat;}


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

}

@media screen and (max-width: 1024px) {
    .form {display: block;}
    .form .l{width: 100%;border-right:0;}
    .form .l .ct p span{font-size: 16px;}
    .form .r{width: 100%;}
    .form .l .linexxx{width: 100%;}
}

@media screen and (max-width: 640px){
    .header{background: #fff000;}
    .nav_xl_a{border-color:#E62228;}
    .form .l .ct p span{line-height: 1.3;}
    .form{padding:4vw;}
    .form .l h2{font-size: 7vw;}
    .form .l .ct p img{height: 4vw;width: 6vw;}
    .form .l .qrcode{display: block;    border-bottom: 1px dashed #e62129;padding: 2vw 0 2vw 0;margin: 3vw 0 2vw 0;}
    .form .l .qrcode .ll{margin:0 auto;}
    .form .l .qrcode .rr{text-align: center;width: 100%;}
    .form .r .ttt{font-size: 6vw;}
    .form .r .tab .li0{flex-wrap: wrap;}
    .form .r .tab li{margin:0 0 14px 0;}
    .form .r .tab .li0 label{width:100%;margin: 0 0 14px 0;}
    .form .r .tab .li1 label{width: 100%;display: flex;margin:0 0 0 0;align-items: center;}
    .form .r .tab .li0 label{display: block;}
    .form .r .tab .li1 label{display: block;}
    .form .r .tab li label span{width: 100%;display: block;}
    .form .r .tab .li1 .i1{width:100%;margin:0 0 14px 0;}
    .form .r .tab .li2 label{flex-wrap: wrap;}
    .form .r .tab li label span{width: 100%;}
}