*{
    -webkit-touch-callout: none;
    border-radius:0px;
    -webkit-border-radius:0px;
    -webkit-touch-callout:none;
    border-radius:0;
    -webkit-border-radius:0;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color: transparent;
    // -webkit-user-select:none;
    // -khtml-user-select:none;
    // -moz-user-select:none;
    // -ms-user-select:none;
    // user-select:none;
}
/* .page1_contain,
.btn,
.page1_toupiao,
.return ,
.page2_2_submit,
.p4_submit,
.page2_2_frame,
.img_enlarge_close{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    -moz-user-select: -moz-none;
    } */
html, body {
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    width:100%;
}
body {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei";
    color: #554344;
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
    /*避免产生间隙*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
    .cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
html{
    -webkit-text-size-adjust:none;
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
    /*设置swiper的宽和高*/

// .swiper-container-s3,



.swiper-wrapper,
.swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}
.swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-container .swiper-slide {
    overflow: hidden;
}

.jcontent{
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.loading,.p2,.p3,.p4,.p5,.p7{
    width: 100%;
    height: 100%;
    background:url(../../images/CCBLife/p2_bg.jpg) center no-repeat;
    background-size:cover;
}
.loading{
    z-index:100;
    position: absolute;
    top: 0;
}
.loading_decor{
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 26%;
    height: 18%;
    top: 22%;
    transform: scale(-1,1);
    background:url(../../images/CCBLife/loading_decor.png) center no-repeat;
    background-size:contain;
}
.loading_line1{
    overflow: hidden;
    width: 84%;
    height: 4.4vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 47%;
    /* border: 1px solid #bbb; */
    box-sizing:border-box;
    border-radius: 50vh;
    -moz-box-shadow: 0px 0px 15px #929090 inset;              /* For Firefox3.6+ */
    -webkit-box-shadow: 0px 0px 15px #929090 inset;           /* For Chrome5+, Safari5+ */
    box-shadow: 0px 0px 15px #929090 inset;
}
.loading_line2{
    width: 100%;
    height: 100%;
    left: -100%;
    background:url(../../images/CCBLife/loading_line2.png) center no-repeat;
    background-size: 100% 100%;
}
.loading_txt_box{
    width: 71%;
    height: 4.4vw;
    left: 8%;
    top: 51%;
}
.loading_txt{
    font-size: 1.5rem;
    color: #0256A0;
    left: 0%;
}
.disabled {
    pointer-events:none;
}
.music_btn{
    position: absolute !important;
    display: block;
    width: 5vh;
    height: 5vh;
    right: 2.5%;
    top: 1.5%;
    z-index: 99;
 }
.music_btn span{
    display: block;
    width: 100%;
    height: 100%;
    background:url(../../images/CCBLife/music.png) center center no-repeat;
    background-size: contain;
}
.music_anim{
    animation: music_a 2s linear infinite;
    -webkit-animation: music_a 2s linear infinite;
}
@keyframes music_a{
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@-webkit-keyframes music_a{
    from{ -webkit-transform:rotate(0deg); }
    to{ -webkit-transform:rotate(360deg); }
}
.next{
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 9%;
    height: 5%;
    bottom: 0.2%;
    background:url(../../images/CCBLife/next.png) center no-repeat;
    background-size:contain;
    animation: next_a 2.5s ease infinite;
    -webkit-animation: next_a 2.5s ease infinite;
}
@keyframes next_a{
   0%{
    opacity: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
   }
   80%{
    opacity: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
   }
   90%{
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
   }
   100%{
    opacity: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
   }
}
@-webkit-keyframes next_a{
   0%{
    opacity: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
   }
   80%{
    opacity: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
   }
   90%{
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
   }
   100%{
    opacity: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
   }
}

/* .share{
    position: absolute;
    display: none;
    z-index:999;
    background-color: rgba(0,0,0,0.9);
    left:0%;
    width: 100%;
    height: 100%;
    top: 0%;
}
.share1{
    position: absolute;
    right: 0%;
    width: 50%;
    height: 26%;
    top: 0%;
    background:url(../../images/YouBangGuessWhat2/share.png) center no-repeat;
    background-size:contain;
} */
.alertp{
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     background: rgba(0,0,0,0.7);
     z-index: 1000;
 }
 .alertpBox{
     position: absolute;
     width: 90%;
     top: 50%;
     left: 50%;
     -webkit-transform: translate3d(-50%,-50%,0);
     transform: translate3d(-50%,-50%,0);
     border-radius: 0.6rem;
     overflow: hidden;
 }
 .alertpTitle{
     position: relative;
     text-align: center;
     width: 100%;
     height: 3rem;
     line-height: 3rem;
     color: #fff;
     background: #0367B5;
     font-size: 1.5rem;
     font-weight: bold;
 }
 .alertp p{
     position: relative;
     text-align: center;
     width: 100%;
     line-height: 2rem;
     padding: 1.2rem 0;
     color: #414659;
     background: #fff;
     font-size: 1.1rem;
 }
 .alertp p span{
     display: block;
     width: 90%;
     margin: 0 auto;
 }
 .alertp_close{
     position: absolute;
     width: 3rem;
     height: 3rem;
     top: -3rem;
     right: 0rem;
     background: url(../../images/CCBLife/close.png) center no-repeat;
     background-size: 60%;
 }



.swiper-slide div,.loading div{
    position: absolute;
}
.logo{
    top: 1%;
    left: 3%;
    width: 27%;
    height: 5%;
    background:url(../../images/CCBLife/logo.png) center no-repeat;
    background-size:contain;
}
.p1{
    width: 100%;
    height: 100%;
    background:url(../../images/CCBLife/p1_bg.jpg) center no-repeat;
    background-size:cover;
}
.p1_btn{
    bottom: 10.5%;
    width: 36%;
    height: 7%;
}
.p1_btn1{
    opacity: 0;
    left: 10%;
    background:url(../../images/CCBLife/p1_btn1.png) center no-repeat;
    background-size:contain;
}
.p1_btn2{
    opacity: 0;
    right: 10%;
    background:url(../../images/CCBLife/p1_btn2.png) center no-repeat;
    background-size:contain;
}
.p1_decor1{
    top: 14%;
    left: 0;
    width: 100%;
    height: 5%;
    background:url(../../images/CCBLife/p1_decor1.png) center no-repeat;
    background-size:contain;
}
.p1_title{
    top: 11%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 46%;
    height: 11%;
    background:url(../../images/CCBLife/p1_title.png) center no-repeat;
    background-size:contain;
}
.p1_txt{
    top: 25.5%;
    left: 5%;
    width: 33%;
    height: 12%;
    background:url(../../images/CCBLife/p1_txt.png) center no-repeat;
    background-size:contain;
}
.p2_title{
    top: 9.5%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 58%;
    height: 5%;
    background:url(../../images/CCBLife/p2_title.png) center no-repeat;
    background-size:contain;
}
.p2_txt1{
    opacity: 0;
    top: 42%;
    right: 8%;
    width: 52%;
    height: 9%;
    background:url(../../images/CCBLife/p2_txt1.png) center no-repeat;
    background-size:contain;
}
.p2_decor1{
    opacity: 0;
    top: 22.5%;
    left: 7%;
    width: 24%;
    height: 28%;
    background:url(../../images/CCBLife/p2_decor1.png) center no-repeat;
    background-size:contain;
}

.p2_decor10{
    top: 10%;
    left: -6%;
    width: 112%;
    height: 4%;
    background:url(../../images/CCBLife/p2_decor10.png) center no-repeat;
    background-size: contain;
}
.p2_decor2{
    opacity: 0;
    top: 20.5%;
    right: 13%;
    width: 50%;
    height: 20%;
    background:url(../../images/CCBLife/p2_decor2.png) center no-repeat;
    background-size:contain;
}
 .p2_decor3{
    opacity: 0;
    top: 21.5%;
    right: 21%;
    width: 29%;
    height: 20%;
    background:url(../../images/CCBLife/p2_decor3.png) center no-repeat;
    background-size:contain;
}
.p_line{
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 84%;
    height: 3%;
    background:url(../../images/CCBLife/p2_decor4.png) center no-repeat;
    background-size:contain;
}
.p2_decor4{
    opacity: 0;
    top: 53%;
}
.p2_decor5{
    opacity: 0;
    top: 56.7%;
    right: 10%;
    width: 24%;
    height: 31%;
    background:url(../../images/CCBLife/p2_decor5.png) center no-repeat;
    background-size:contain;
}
.p2_decor{
    bottom: 16.5%;
    width: 7.18%;
    height: 26%;
}
.zhzht{
    opacity: 0;
    transform: translateY(-2vh);
}
.p2_decor6{
    left: 8%;
    background:url(../../images/CCBLife/p2_decor6.png) bottom no-repeat;
    background-size:contain;
}
.p2_decor7{
    left: 21%;
    background:url(../../images/CCBLife/p2_decor7.png) bottom no-repeat;
    background-size:contain;
}
.p2_decor8{
    left: 34%;
    background:url(../../images/CCBLife/p2_decor8.png) bottom no-repeat;
    background-size:contain;
}
.p2_decor9{
    left: 47%;
    background:url(../../images/CCBLife/p2_decor9.png) bottom no-repeat;
    background-size:contain;
}
.p2_NO{
    height: 1.5%;
}
.p2_NO,.p2_txt{
    width: 13%;
}
.p2_NO1,.p2_txt2{
    left: 5%;
}
.p2_NO2,.p2_txt3{
    left: 18%;
}
.p2_NO3,.p2_txt4{
    left: 31%;
}
.p2_NO4,.p2_txt5{
    left: 44%;
}
.p2_NO1{
    bottom: 34%;
    background:url(../../images/CCBLife/p2_NO1.png) center no-repeat;
    background-size:contain;
}
.p2_NO2{
    bottom: 28.5%;
    background:url(../../images/CCBLife/p2_NO2.png) center no-repeat;
    background-size:contain;
}
.p2_NO3{
    bottom: 31.5%;
    background:url(../../images/CCBLife/p2_NO3.png) center no-repeat;
    background-size:contain;
}
.p2_NO4{
    bottom: 37%;
    background:url(../../images/CCBLife/p2_NO4.png) center no-repeat;
    background-size:contain;
}
.p2_txt{
    top: 85%;
    height: 3.6%;
}
.p2_txt2{
    background:url(../../images/CCBLife/p2_txt2.png) center no-repeat;
    background-size:contain;
}
.p2_txt3{
    background:url(../../images/CCBLife/p2_txt3.png) center no-repeat;
    background-size:contain;
}
.p2_txt4{
    background:url(../../images/CCBLife/p2_txt4.png) center no-repeat;
    background-size:contain;
}
.p2_txt5{
    background:url(../../images/CCBLife/p2_txt5.png) center no-repeat;
    background-size:contain;
}
.p2_txt6{
    width: 73%;
    height: 3%;
    left: 0%;
    right: 0;
    margin: 0 auto;
    bottom: 8.1%;
    background:url(../../images/CCBLife/p2_txt6.png) center no-repeat;
    background-size:contain;
}
.p3_decor{
    width: 40%;
    height: 18%;
}
.p3_decor1{
    left: 7%;
    background:url(../../images/CCBLife/p3_decor1.png) center no-repeat;
    background-size:contain;
}
.p3_decor3{
    right: 9%;
    background:url(../../images/CCBLife/p3_decor3.png) center no-repeat;
    background-size:contain;
}
.p3_decor5{
    left: 7%;
    background:url(../../images/CCBLife/p3_decor5.png) center no-repeat;
    background-size:contain;
}
.p3_decor1,.p3_decor2{
    top: 16.5%;
}
.p3_decor3,.p3_decor4{
    top: 42%;
}
.p3_decor5,.p3_decor6{
    top: 67%;
}
.p3_decor2{
    left: 56%;
    width: 30%;
    height: 20.5%;
    background:url(../../images/CCBLife/p3_decor2.png) center no-repeat;
    background-size:contain;
}
.p3_decor4{
    left: 7%;
    width: 43%;
    height: 20%;
    background:url(../../images/CCBLife/p3_decor4.png) center no-repeat;
    background-size:contain;
}
.p3_decor6{
    right: 6%;
    width: 42%;
    height: 25%;
    background:url(../../images/CCBLife/p3_decor6.png) center no-repeat;
    background-size:contain;
}
.p3_title,.p7_title{
    top: 9%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 32%;
    height: 5%;
}
.p3_title{
    background:url(../../images/CCBLife/p3_title.png) center no-repeat;
    background-size:contain;
}
.p3_decor8{
    top: 37.5%;
}
.p3_decor9{
    top: 63%;
}
.p4_decor5{
    top: 53%;
}
.p4_decor1{
    left: 7%;
    background:url(../../images/CCBLife/p4_decor1.png) center no-repeat;
    background-size:contain;
}
.p4_decor3{
    right: 10%;
    background:url(../../images/CCBLife/p4_decor3.png) center no-repeat;
    background-size:contain;
}
.p4_decor1,.p4_decor2{
    top: 18%;
}
.p4_decor3,.p4_decor4{
    top: 59%;
}
.p4_decor2,.p4_decor4{
    height: 28%;
    width: 33%;
}
.p4_decor2{
    right: 11%;
    background: url(../../images/CCBLife/p4_decor2.png) bottom no-repeat;
    background-size:contain;
}
.p4_decor4{
    left: 10%;
    background:url(../../images/CCBLife/p4_decor4.png) center no-repeat;
    background-size:contain;
}
.p4_txt1,.p4_txt2{
    width: 43%;
}
.p4_txt1{
    top: 38%;
    left: 7%;
    height: 12%;
    background:url(../../images/CCBLife/p4_txt1.png) center no-repeat;
    background-size:contain;
}
.p4_txt2{
    top: 80%;
    right: 7.5%;
    height: 7%;
    background:url(../../images/CCBLife/p4_txt2.png) center no-repeat;
    background-size:contain;
}
.p5_btn{
    width: 80%;
    height: 7.5%;
    left: 0;
    right: 0;
    margin:  0 auto;
}
.btn1{
    bottom: 18%;
}
.btn2{
    bottom: 9%;
}
.p5_btn1{
    background:url(../../images/CCBLife/p5_btn1.png) center no-repeat;
    background-size:contain;
}
.p5_btn2{
    background:url(../../images/CCBLife/p5_btn2.png) center no-repeat;
    background-size:contain;
}
.p5_decor{
    width: 89%;
    height: 28.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.p5_decor1{
    top: 9%;
    background:url(../../images/CCBLife/p5_decor1.png) center no-repeat;
    background-size:contain;
}
.p5_decor2{
    top: 44%;
    background:url(../../images/CCBLife/p5_decor2.png) center no-repeat;
    background-size:contain;
}
.p5_decor3{
    top: 39%;
}
.p6{
    width: 100%;
    height: 100%;
    background:url(../../images/CCBLife/p6_bg.jpg) center no-repeat;
    background-size:cover;
}
.p6_decor6{
    top: 11%;
}
.p6_title{
    top: 7.8%;
    background:url(../../images/CCBLife/p6_title.png) center no-repeat;
    background-size:contain;
}
.p6_txt1{
    top: 19.8%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 74%;
    height: 3%;
    background:url(../../images/CCBLife/p6_txt1.png) center no-repeat;
    background-size:contain;
}
.p6_btn{
    bottom: 12.5%;
    background:url(../../images/CCBLife/p6_btn.png) center no-repeat;
    background-size:contain;
}
.p6_decor{
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 70%;
    height: 5.7%;
    background: url(../../images/CCBLife/p6_decor1.png) center no-repeat;
    background-size:contain;
}
.p6_decor1{
    top: 25%;
}
.p6_decor2{
    top: 32%;
}
.p6_decor3{
    top: 39%;
}
.p6_decor4{
    top: 46%;
}
.PaymtPerd{
    position: absolute;
    margin-left: 37%;
    width: 58%;
    height: 100%;
    font-size: 1.2rem;
}
.p6_decor4 select{
    display: none!important;
}
.p6_decor5{
    top: 53%;
}
.p6_txt{
    left: 5%;
    height: 100%;
}
.input6_1,.input6_5{
    position: absolute;
    margin-left: 26%;
    width: 71%;
    height: 100%;
    font-size: 1.2rem;
}
.param,.input_birthday{
    margin-left: 37%;
    width: 64%;
    height: 100%;
    font-size: 1.2rem;
}
.p6_txt2,
.p6_txt3,
.p6_txt8{
    width: 14%;
}
.p6_txt2{
    background: url(../../images/CCBLife/p6_txt2.png) left no-repeat;
    background-size:contain;
}
.p6_txt3{
    background:url(../../images/CCBLife/p6_txt3.png) center no-repeat;
    background-size:contain;
}
.p6_txt6,
.p6_txt7{
    width: 25%;
}
.p6_txt6{
    background:url(../../images/CCBLife/p6_txt6.png) center no-repeat;
    background-size:contain;
}
.p6_txt7{
    background:url(../../images/CCBLife/p6_txt7.png) center no-repeat;
    background-size:contain;
}
.p6_txt8{
    background:url(../../images/CCBLife/p6_txt8.png) center no-repeat;
    background-size:contain;
}
.input6{
    position: absolute;
    width: 5%;
    height: 100%;
}
.input6_2{
    left: 27%;
    background:url(../../images/CCBLife/p6_circle2.png) center no-repeat;
    background-size:contain;
}
.input6_3{
    left: 57%;
    background:url(../../images/CCBLife/p6_circle1.png) center no-repeat;
    background-size:contain;
}
.input6[data-val='1']{
    background:url(../../images/CCBLife/p6_circle2.png) center no-repeat;
    background-size:contain;
}
.input6[data-val='0']{
    background:url(../../images/CCBLife/p6_circle1.png) center no-repeat;
    background-size:contain;
}
.p6_txt4,
.p6_txt5{
    width: 12%;
    height: 100%;
}
.p6_txt4{
    left: 35%;
    background:url(../../images/CCBLife/p6_txt4.png) center no-repeat;
    background-size:contain;
}
.p6_txt5{
    left: 65%;
    background:url(../../images/CCBLife/p6_txt5.png) center no-repeat;
    background-size:contain;
}
.p7_btn1{
    background:url(../../images/CCBLife/p7_btn1.png) center no-repeat;
    background-size:contain;
}
.p7_btn2{
    background:url(../../images/CCBLife/p7_btn2.png) center no-repeat;
    background-size:contain;
}
.p7_decor1{
    top: 27%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 87%;
    height: 28%;
    background:url(../../images/CCBLife/p7_decor1.png) center no-repeat;
    background-size:contain;
}
.p7_decor2{
    top: 57%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 72%;
    height: 12%;
    background:url(../../images/CCBLife/p7_decor2.png) center no-repeat;
    background-size:contain;
}
.p7_title{
    background:url(../../images/CCBLife/p7_title.png) center no-repeat;
    background-size:contain;
}
.p7_txt1{
    top: 18%;
    left: 0;
    right: 0;
    margin:  0 auto;
    //
    width: 74%;
    //
    height: 6%;
    white-space:  nowrap;
    text-align:  center;
}
.p7_txt1 div{
    position: relative;
    display:  inline-block;
}
.p7_txt1_1{
    top: 0vh;
    width: 30vw;
    height: 3vh;
    background:url(../../images/CCBLife/p7_txt1_1.png) center no-repeat;
    background-size:contain;
}
.p7_txt1_2{
    top: 22%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 47vw;
    height: 3vh;
    background:url(../../images/CCBLife/p7_txt1_2.png) center no-repeat;
    background-size:contain;
}
.p7_txt2{
    top: 32%;
    left: 18%;
    width: 32%;
    height: 16%;
    background:url(../../images/CCBLife/p7_txt2.png) center no-repeat;
    background-size:contain;
}
.p7 strong {
    color: #000;
    line-height:  3vh;
    height: 3vh;
    margin-right: 1vw;
}
.p8{
    z-index: 99;
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
}
.p8 div{
    position: absolute;
}
.close{
    top: 15%;
    right: 9%;
    width: 7.5%;
    height: 4.5%;
    background:url(../../images/CCBLife/close.png) center no-repeat;
    background-size:contain;
}
.tc_bg{
    top: 20.5%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 83%;
    height: 38%;
    background:url(../../images/CCBLife/tc_bg.png) center no-repeat;
    background-size:contain;
}
.tc_title{
    top: 5%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 26%;
    height: 9%;
    background: url(../../images/CCBLife/tc_title.png) center bottom no-repeat;
    background-size:contain;
}
.tc_txt1{
    top: 30%;
    left: 0;
    right: 0;
    margin:  0 auto;
    width: 85%;
    height: 57%;
    background:url(../../images/CCBLife/tc_txt1.png) center no-repeat;
    background-size:contain;
}
.mbsc-ios .dwb{
    color: #0066B5;
}
.inp{
    /* width:10%; */
    white-space:  nowrap;
    height: 0%;
    font-weight:  bold;
    font-size: 1rem;
    /* background: #0244; */
}
.inp span{
    color: #3770A0;
    line-height: 3vh;
    height:  3vh;
}
.inp2_age{
    top: 0.1rem;
}
.inp1_NmSex{
    top: 0.1rem;
}
.inp2_age{
    right: 34.5%;
    color: #3770A0;
    height:  3vh;
    line-height:  3vh;
}
.inp_s{
    margin-top: -2%;
}
.inp3,
.inp4{
    left: 47%;
}
.inp3{
    top: 1%;
}
.inp4{
    top: 22.5%;
}
.inp5,
.inp7{
    left: 99%;
}
.inp5{
    top: 45%;
}
.inp6{
    top: 67%;
    left: 77%;
}
.inp7{
    top: 89%;
}
.p3_ani,.p4_ani,.p5_ani,.p7_ani,.p6_btn{
    opacity: 0;
}
.ani1{
    animation: fadeInLeft 0.7s 0.1s ease forwards;
    -webkit-animation: fadeInLeft 0.7s 0.1s ease forwards;
    -moz-animation: fadeInLeft 0.7s 0.1s ease forwards;
}
.ani2{
    animation: fadeIn 0.7s 0.5s ease forwards;
    -webkit-animation: fadeIn 0.7s 0.5s ease forwards;
    -moz-animation: fadeIn 0.7s 0.5s ease forwards;
}
.ani3{
    animation: fadeIn 0.7s 1.4s ease forwards;
    -webkit-animation: fadeIn 0.7s 1.4s ease forwards;
    -moz-animation: fadeIn 0.7s 1.4s ease forwards;
}
.ani4{
    animation: fadeIn 0.7s 1.9s ease forwards;
    -webkit-animation: fadeIn 0.7s 1.9s ease forwards;
    -moz-animation: fadeIn 0.7s 1.9s ease forwards;
}
.ani5{
    animation: fadeInUp 0.7s 2.2s ease forwards;
    -webkit-animation: fadeInUp 0.7s 2.2s ease forwards;
    -moz-animation: fadeInUp 0.7s 2.2s ease forwards;
}
.ani6{
    animation: fadeInRight 0.7s 3s ease forwards;
    -webkit-animation: fadeInRight 0.7s 3s ease forwards;
    -moz-animation: fadeInRight 0.7s 3s ease forwards;
}
.ani7{
    animation: fadeIn 0.7s 3.7s ease forwards;
    -webkit-animation: fadeIn 0.7s 3.7s ease forwards;
    -moz-animation: fadeIn 0.7s 3.7s ease forwards;
}
/* @keyframes ani1{
    0%{
        width: 0%;
    }
    100%{
        width:100%;
    }
}
@-webkit-keyframes ani1{
    0%{
        width: 0%;
    }
    100%{
        width:100%;
    }
}
@-moz-keyframes ani1{
    0%{
        width: 0%;
    }
    100%{
        width:100%;
    }
}
 */