*{
    -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%;
}
.loading{
    width: 100%;
    height: 100%;
    background:url(../images/loading_bg.jpg) center no-repeat;
    background-size:cover;
    z-index:100;
    position: absolute;
    top: 0;
}
.loading_decor{
    position:absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 45%;
    height: 7%;
    top: 38%;
    background:url(../images/logo.png) center no-repeat;
    background-size:contain;
}
.loading_line1{
    position: absolute;
    overflow: hidden;
    width: 55%;
    height: 1.4vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 49.5%;
    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: 0%;
    height: 100%;
    left: 0%;
    background:url(../images/loading_line2.png) left no-repeat;
    background-size: auto 100%;
    border-radius: 50vh;
}

.loading_txt{
    background:url(../images/loading_txt.png) center no-repeat;
    background-size: contain;
    position:absolute;
    width: 13%;
    height: 2%;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 52.5%;

}
.disabled {
    pointer-events:none;
}
.music_btn{
    position: absolute !important;
    display: block;
    width: 5vh;
    height: 5vh;
    right: 3.5%;
    top: 3%;
    z-index: 99;
 }
.music_btn span{
    display: block;
    width: 100%;
    height: 100%;
    background:url(../images/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); }
}
.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: #A16F20;
     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: black;
     background: url(../images/close.png) center no-repeat;
     background-size: 60%;
 }
.p1{
    width: 100%;
    height: 100%;
    background:url(../images/p1_bg.jpg) center no-repeat;
    background-size:cover;
}
.logo{
    top: 3%;
    left: 3%;
    width: 33%;
    height: 5%;
    background: url(../images/logo.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p1_txt1{
    top: 19.5%;
    left: 12%;
    width: 76%;
    height: 3%;
    background: url(../images/p1_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
// .p1_txt2{
//         top: 15.5%;
//     left: 12%;
//     width: 76%;
//     height: 5%;
//     background: url(../images/p1_txt2.png) center no-repeat;
//     background-size: contain;
//     position: absolute;
// }
.p1_txt3{
    top: 13.5%;
    left: 12%;
    width: 76%;
    height: 6%;
    background: url(../images/p1_txt3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p1_decor1{
    bottom: -1.5%;
    left: 0%;
    width: 100%;
    height: 13%;
    background: url(../images/p1_decor1.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.p1_btn1{
    bottom: 2%;
    left: 8%;
    width: 40%;
    height: 6%;
    background: url(../images/p1_btn1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p1_btn2{
    bottom: 2%;
    right: 8%;
    width: 40%;
    height: 6%;
    background: url(../images/p1_btn2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p2{
    width: 100%;
    height: 100%;
    background:url(../images/p2_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p2_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p2_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p2_decor1{
    top: 18%;
    left: 8%;
    width: 84%;
    height: 2%;
    background: url(../images/p2_decor1.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.p2_decor2 {
    width: 28%;
    height: 14%;
    position: absolute;
    top: 26.4%;
    left: 36%;
    background: url(../images/p2_decor2.png) center no-repeat;
    background-size: contain;
}
.p2_decor3{
    width: 13%;
    height: 8%;
    position: absolute;
    top: 22.6%;
    left: 15%;
    background: url(../images/p2_decor3.png) center no-repeat;
    background-size: contain;
}
.p2_decor4{
    width: 13%;
    height: 8%;
    position: absolute;
    top: 22.6%;
    right: 15%;
    background: url(../images/p2_decor4.png) center no-repeat;
    background-size: contain;
}
.p2_decor5{
    width: 13%;
    height: 8%;
    position: absolute;
    top: 35.6%;
    left: 19%;
    background: url(../images/p2_decor5.png) center no-repeat;
    background-size: contain;
}
.p2_decor6{
    width: 14%;
    height: 8%;
    position: absolute;
    top: 36.6%;
    right: 17%;
    background: url(../images/p2_decor6.png) center no-repeat;
    background-size: contain;
}
.p2_decor7{
    width: 86%;
    height: 9%;
    position: absolute;
    top: 46%;
    left: 7%;
    background: url(../images/p2_decor7.png) center no-repeat;
    background-size: 100% 100%;
}
.p2_decor8{
    width: 25%;
    height: 24%;
    position: absolute;
    left: 6%;
    background: url(../images/p2_decor8.png) center no-repeat;
    background-size: contain;
    bottom: 17%;
}
.p2_decor9{
    width: 25%;
    height: 24%;
    position: absolute;
    left: 36%;
    background: url(../images/p2_decor9.png) center no-repeat;
    background-size: contain;
    bottom: 17%;
}
.p2_decor10{
    width: 25%;
    height: 24%;
    position: absolute;
    right: 6%;
    background: url(../images/p2_decor10.png) center no-repeat;
    background-size: contain;
    bottom: 17%;
}
.p2_decor11{
    width: 1%;
    height: 17%;
    position: absolute;
    right: 33.5%;
    background: url(../images/p2_decor11.png) center no-repeat;
    background-size: contain;
    bottom: 15%;
}
.next2{
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 11%;
    height: 7%;
    bottom: 2.2%;
    background:url(../images/next2.png) center no-repeat;
    background-size:contain;
    position:absolute;
    animation: next_a 2.5s ease infinite;
    -webkit-animation: next_a 2.5s ease infinite;
}
@keyframes next_a{
   0%{
    opacity: 1;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
   }
   80%{
    opacity: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
   }
   90%{
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
   }
   100%{
    opacity: 1;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
   }
}
@-webkit-keyframes next_a{
   0%{
    opacity: 1;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
   }
   80%{
    opacity: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
   }
   90%{
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
   }
   100%{
    opacity: 1;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
   }
}
.p3{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p3_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p3_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box1{
    width: 100%;
    height: 15%;
    position: absolute;
    top: 25%;
}
.p3_decor2{
    left: 8%;
    width: 60%;
    height: 100%;
    background: url(../images/p3_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor3{
    top: 22%;
    right: 10%;
    width: 15%;
    height: 70%;
    background: url(../images/p3_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor7{
    top: 43.5%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box2{
    width: 100%;
    height: 15%;
    position: absolute;
    top: 47%;
}
.p3_decor5{
    top: 16%;
    left: 8%;
    width: 22%;
    height: 70%;
    background: url(../images/p3_decor5.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor4{
    right: 7%;
    width: 60%;
    height: 100%;
    background: url(../images/p3_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor70{
    top: 65.5%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box3{
    width: 100%;
    height: 15%;
    position: absolute;
    bottom: 15%;
}
.p3_decor6{
    left: 8%;
    width: 60%;
    height: 100%;
    background: url(../images/p3_decor6.png) center no-repeat;
    background-size: contain;
    position: absolute;
}

.p3_decor700{
    bottom: 11%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p4{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.box4{
    width: 100%;
    height: 15%;
    position: absolute;
    top: 22%;
}
.p4_decor2{
    top: 11%;
    left: 12%;
    width: 13%;
    height: 70%;
    background: url(../images/p4_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p4_decor1{
    right: 9%;
    width: 56%;
    height: 100%;
    background: url(../images/p4_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box5{
    width: 100%;
    height: 30%;
    position: absolute;
    top: 40%;
}
.p4_decor3{
    top: 0%;
    left: 11%;
    width: 56%;
    height: 46%;
    background: url(../images/p4_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p4_decor4{
    right: 11%;
    width: 16%;
    height: 30%;
    background: url(../images/p4_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 8%;
}
.p4_decor5{
    right: 9%;
    width: 82%;
    height: 46%;
    background: url(../images/p4_decor5.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 52%;
}
.box6{
    width: 100%;
    height: 15%;
    position: absolute;
    bottom: 10%;
}
.p4_decor6 {
    left: 11%;
    width: 21%;
    height: 52%;
    background: url(../images/p4_decor6.png) center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 9%;
}
.p4_decor7{
    right: 8%;
    width: 60%;
    height: 77%;
    background: url(../images/p4_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 15%;
}
.p5{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p5_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p5_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p5_txt1{
    top: 22%;
    left: 26%;
    width: 48%;
    height: 4%;
    background: url(../images/p5_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p5_txt2{
    top: 28%;
    left: 10%;
    width: 80%;
    height: 23%;
    background: url(../images/p5_txt2.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.p5_txt3{
    top: 53%;
    left: 10%;
    width: 80%;
    height: 12%;
    background: url(../images/p5_txt3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p5_txt4{
    bottom: 28.5%;
    left: 27%;
    width: 46%;
    height: 4%;
    background: url(../images/p5_txt4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p5_txt5{
    bottom: 5.5%;
    left: 10%;
    width: 80%;
    height: 21%;
    background: url(../images/p5_txt5.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p6{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p6_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p6_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p6_txt1{
    top: 17%;
    left: 23%;
    width: 57%;
    height: 4%;
    background: url(../images/p6_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p6_decor1{
    top: 37%;
    left: 27.5%;
    width: 45%;
    height: 27%;
    background: url(../images/p6_decor1.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.p6_decor2{
    top: 24%;
    left: 36.5%;
    width: 27%;
    height: 10%;
    background: url(../images/p6_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p6_decor7{
    bottom: 17%;
    left: 35.5%;
    width: 29%;
    height: 16%;
    background: url(../images/p6_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p6_decor5{
    bottom: 30%;
    left: 8.5%;
    width: 17%;
    height: 14%;
    background: url(../images/p6_decor5.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p6_decor6{
    bottom: 30%;
    right: 5.5%;
    width: 23%;
    height: 14%;
    background: url(../images/p6_decor6.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p7_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p7_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_decor1{
    top: 17%;
    left: 23%;
    width: 57%;
    height: 4%;
    background: url(../images/p7_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_txt1{
    top: 26%;
    left: 10%;
    width: 80%;
    height: 8%;
    background: url(../images/p7_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_decor2{
    top: 37.5%;
    left: 13%;
    width: 28%;
    height: 13%;
    background: url(../images/p7_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_decor3{
    top: 37.5%;
    right: 13%;
    width: 28%;
    height: 13%;
    background: url(../images/p7_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_decor4{
    bottom: 31%;
    left: 13%;
    width: 28%;
    height: 13%;
    background: url(../images/p7_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_decor5{
    bottom: 31%;
    right: 13%;
    width: 28%;
    height: 13%;
    background: url(../images/p7_decor5.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_decor6{
    top: 38.5%;
    right: 9%;
    width: 82%;
    height: 30%;
    background: url(../images/p7_decor6.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p7_txt2{
    bottom: 5.5%;
    right: 10%;
    width: 80%;
    height: 30%;
    background: url(../images/p7_txt2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p8{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p8_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p8_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p8_txt1{
    top: 22%;
    left: 10%;
    width: 76%;
    height: 11%;
    background: url(../images/p8_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p8_txt2{
    top: 34%;
    left: 10%;
    width: 82%;
    height: 44%;
    background: url(../images/p8_txt2.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.p8_btn1{
    bottom: 9%;
    left: 8%;
    width: 40%;
    height: 6%;
    background: url(../images/p8_btn1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p8_btn2{
    bottom: 9%;
    right: 8%;
    width: 40%;
    height: 6%;
    background: url(../images/p8_btn2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p9{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p9_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p9_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p9_txt1{
    top: 23%;
    left: 13%;
    width: 74%;
    height: 8%;
    background: url(../images/p9_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p9_man1{
    background:url(../images/p9_man1.png) center no-repeat;
    background-size: contain;
    width: 22%;
    height: 13%;
    position: absolute;
    top: 31.5%;
    left: 22%;
}
.p9_woman1{
    background:url(../images/p9_woman1.png) center no-repeat;
    background-size: contain;
    width: 22%;
    height: 13%;
    position: absolute;
    top: 31.5%;
    left: 60%;
}
.p9_man2{
    background:url(../images/p9_man2.png) center no-repeat;
    background-size: contain;
    width: 22%;
    height: 13%;
    position: absolute;
    top: 31.5%;
    left: 22%;
    // display: none;
}
.man_txt{
    background:url(../images/man_txt.png) center no-repeat;
    background-size: contain;
    width: 5%;
    height: 3%;
    position: absolute;
    top: 45.5%;
    left: 30%;
}
.woman_txt{
    background:url(../images/woman_txt.png) center no-repeat;
    background-size: contain;
    width: 5%;
    height: 3%;
    position: absolute;
    top: 45.5%;
    left: 69%;
}
.p9_woman2{
    background:url(../images/p9_woman2.png) center no-repeat;
    background-size: contain;
    width: 22%;
    height: 13%;
    position: absolute;
    top: 31.5%;
    left: 60%;
    display: none;
}
.p9_decor1{
    background:url(../images/p9_decor1.png) center no-repeat;
    background-size: contain;
    width: 70%;
    height: 6%;
    position: absolute;
    top: 50%;
    left: 15%;
}
.p9_btn1{
    background:url(../images/p9_btn1.png) center no-repeat;
    background-size: contain;
    width: 46%;
    height: 7%;
    position: absolute;
    bottom: 6%;
    left: 27%;
}
.p9_input1{
    background:url(../images/p9_input1.png) center no-repeat;
    background-size: contain;
    width: 11%;
    height: 3%;
    position: absolute;
    top: 51.7%;
    left: 20%;
}
.p9_input2{
    background:url(../images/p9_input2.png) center no-repeat;
    background-size: contain;
    width: 16%;
    height: 3%;
    position: absolute;
    top: 60.7%;
    left: 18%;
}
.p9_input3{
    background:url(../images/p9_input3.png) center no-repeat;
    background-size: contain;
    width: 16%;
    height: 3%;
    position: absolute;
    top: 69.7%;
    left: 18%;
}
.p9_input4{
    background:url(../images/p9_input4.png) center no-repeat;
    background-size: contain;
    width: 16%;
    height: 3%;
    position: absolute;
    top: 78.7%;
    left: 18%;
}
.p9_decor1_1{
    position: absolute;
    width: 45%;
    height: 5.6%;
    left: 40%;
    top: 50%;
    font-size: 4.5vw;
    // border: 1px solid #eee;
    border-radius: 5px;
}
.p9_decor1_2{
    position: absolute;
    width: 65%;
    height: 88.6%;
    left: 35%;
    top: 7%;
    font-size: 4.5vw;
    // border: 1px solid black;
    border-radius: 5px;
}
.p9_decor1_3{
    position: absolute;
    width: 65%;
    height: 88.6%;
    left: 35%;
    top: 7%;
    font-size: 4.5vw;
    // border: 1px solid black;
    border-radius: 5px;
}
.p9_decor1_4{
    position: absolute;
    width: 65%;
    height: 88.6%;
    left: 35%;
    top: 7%;
    font-size: 4.5vw;
    // border: 1px solid black;
    border-radius: 5px;
}
.p9_decor2{
    background:url(../images/p9_decor2.png) center no-repeat;
    background-size: contain;
    width: 4%;
    height: 3%;
    position: absolute;
    top: 78.7%;
    right: 18%;
}
.p9_tc{
    background:url(../images/p9_tc.png) center no-repeat;
    background-size: contain;
    width: 13%;
    height: 13%;
    position: absolute;
    top: 23%;
    right: -5%;
    z-index: 1;
}
.dianji{
    background:url(../images/dianji.png) center no-repeat;
    background-size: contain;
    width: 9%;
    height: 5%;
    position: absolute;
    top: 37%;
    right: 0.2%;
    z-index: 1;
}
.p9_1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 91;
    display: none;
}
.tc_bg{
    width: 80%;
    height: 61%;
    background: url(../images/tc_bg.png) center no-repeat;
    background-size: auto auto;
    background-size: 100% 100%;
    margin: auto;
    margin-top: auto;
    margin-top: 27%;
    border-radius: 0.5rem;
}
.tc1_title1{
    background: url(../images/tc1_title1.png) center no-repeat;
    background-size: auto auto;
    background-size: contain;
    width: 43%;
    height: 6%;
    position: absolute;
    top: 20%;
    right: 28.5%;
}
.tc1_txt1{
    background: url(../images/tc1_txt1.png) center no-repeat;
    background-size: auto auto;
    background-size: contain;
    width: 72%;
    height: 45%;
    position: absolute;
    top: 27.7%;
    right: 14%;
}
.p10{
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.p10_title1{
    top: 9%;
    left: 23%;
    width: 56%;
    height: 8%;
    background: url(../images/p10_title1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_txt1{
    top: 23%;
    left: 10%;
    width: 80%;
    height: 15%;
    background: url(../images/p10_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_txt2{
    top: 50%;
    left: 10%;
    width: 80%;
    height: 24%;
    background: url(../images/p10_txt2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_decor1{
    top: 42.5%;
    left: 10%;
    width: 35%;
    height: 5%;
    background: url(../images/p10_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_btn1{
    bottom: 14%;
    left: 9%;
    width: 40%;
    height: 6%;
    background: url(../images/p10_btn1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_btn2{
    bottom: 14%;
    right: 7%;
    width: 40%;
    height: 6%;
    background: url(../images/p10_btn2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_txt3{
    bottom: 3%;
    left: 8%;
    width: 43%;
    height: 7%;
    background: url(../images/p10_txt3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_decor2{
    bottom: 3%;
    right: 7%;
    width: 20%;
    height: 4%;
    background: url(../images/p10_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p10_1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 91;
    display: none;
}
.share{
    position: absolute;
    right: 3%;
    width: 48%;
    height: 18%;
    top: 0%;
    background:url(../images/share.png) center no-repeat;
    background-size:contain;
}
.sele1{
    display: none;
}
.p6_decor3{
    position: absolute;
    left: 10%;
    width: 32%;
    height: 0%;
    top: 29.3%;
    background: url(../images/p6_decor3.png) top no-repeat;
    background-size: 100% auto;
    // transform: rotate(-6deg);
}
.p6_decor4{
    position: absolute;
    right: 11%;
    width: 30%;
    height: 0%;
    top: 29.3%;
    background: url(../images/p6_decor4.png) top no-repeat;
    background-size: 100% auto;
    // transform: rotate(8deg);
}
.p3_decor8{
    top: 20%;
    right: 9%;
    width: 18%;
    height: 70%;
    background: url(../images/p3_decor8.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p2_anim{
    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
            transform: rotateY(90deg);
            -webkit-transform: rotateY(90deg);
}
.p2_anim1{
    animation: p2_anim1 0.5s linear forwards;
    -webkit-animation: p2_anim1 0.5s linear forwards;
}
@keyframes p2_anim1{
    100%{
       transform: rotateY(0deg);
    }
}
@-webkit-keyframes p2_anim1{
    100%{
       -webkit-transform: rotateY(0deg);
    }
}
.p6_anim1{
    animation: p6_anim1 2s linear forwards;
    -webkit-animation: p6_anim1 2s linear forwards;
}
@keyframes p6_anim1{
   0%{
    height: 0%;
   }
   100%{
    height: 23%;
   }
}
@-webkit-keyframes p6_anim1{
   0%{
    height: 0%;
   }
   100%{
    height: 25%;
   }
}
.username{
    position: absolute;
    height: 24%;
    width: 27%;
    top: 0%;
    left: 0%;
    color: #693905;
    font-size: 17px;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}
.username span:nth-of-type(2){
    color:#000000;
    font-weight: 600;
    font-size: 15px;
}
.user_age{
    position: absolute;
    width: 9%;
    height: 24%;
    top: 0%;
    left: 30%;
    text-align: center;
    color: #693905;
    font-size: 17px;
    font-weight: 600;
}
.show_year{
    position: absolute;
    width: 17%;
    height: 24%;
    bottom: 21%;
    right: 18%;
    text-align: left;
    color: #693905;
    font-size: 20px;
    font-weight: 600;
}
.show_money{
    position: absolute;
    height: 23%;
    width: 26%;
    bottom: 21%;
    left: 15%;
    color: #000000;
    font-size: 15px;
    // font-weight: 550;
    text-align: left;
    white-space: nowrap;
}
.show_money span{
    font-size: 20px;
    font-weight: 600;
    color: #693905;
}
.show_njbf{
    position: absolute;
    height: 24%;
    bottom: -4%;
    left: 26%;
    color: #000000;
    font-size: 15px;
    // font-weight: 550;
    text-align: left;
    white-space: nowrap;
}
.show_njbf span{
    font-size: 20px;
    font-weight: 600;
    color: #693905;
}
.show_eighteen{
    position: absolute;
    width: 15%;
    height: 16%;
    top: 28%;
    left: 31%;
    font-size: 15px;
    // font-weight: 550;
    color: #000000;
    // font-weight: 550;
    text-align: left;
    white-space: nowrap;
}
.show_eighteen span{
    color: #693905;
    font-size: 20px;
    font-weight: 600;
}
.show_especial{
    position: absolute;
    width: 15%;
    height: 16%;
    top: 48%;
    right: 18%;
    font-size: 15px;
    // font-weight: 550;
    color: #000000;
    text-align: left;
    white-space: nowrap;
}
.show_especial span{
    color: #693905;
    font-size: 20px;
    font-weight: 600;
}
.show_only{
    position: absolute;
    width: 15%;
    height: 16%;
    top: 68%;
    right: 18%;
    font-size: 15px;
    color: #000000;
    // font-weight: 550;
    text-align: left;
    white-space: nowrap;
}
.show_only span{
    color: #693905;
    font-size: 20px;
    font-weight: 600;
}
.p9_anim{
    animation: p9_anim 2s linear infinite;
    -webkit-animation: p9_anim 2s linear infinite;
}
@keyframes p9_anim{
   0%{
    top: 37%;
   }
   100%{
    top: 35%;
   }
   0%{
    top: 37%;
   }
}
@-webkit-keyframes p9_anim{
    0%{
    top: 37%;
   }
   100%{
    top: 35%;
   }
   0%{
    top: 37%;
   }
}

.mbsc-np-hdr:after{
    content:'最低承保金额50万';
     position: absolute;
    top: -45px;
    width: 70%;
    left: 15%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color:#D0D0D0;
}
.p12_decor1{
    top: 15%;
    left: 9%;
    width: 24%;
    height: 17%;
    background: url(../images/p12_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_decor2{
    top: 15%;
    left: 39%;
    width: 24%;
    height: 17%;
    background: url(../images/p12_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_decor3{
    top: 15%;
    right: 9%;
    width: 24%;
    height: 17%;
    background: url(../images/p12_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_txt{
    top: 37%;
    left: 9%;
    width: 82%;
    height: 25%;
    background: url(../images/p12_txt.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_decor4{
    bottom: 17%;
    left: 36%;
    width: 28%;
    height: 16%;
    background: url(../images/p12_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_decor8{
    bottom: 26%;
    left: 13%;
    width: 15%;
    height: 8%;
    background: url(../images/p12_decor8.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_decor5{
    bottom: 27%;
    right: 13%;
    width: 15%;
    height: 8%;
    background: url(../images/p12_decor5.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_decor6{
    bottom: 13%;
    left: 18%;
    width: 15%;
    height: 8%;
    background: url(../images/p12_decor6.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p12_decor7{
    bottom: 12%;
    right: 14%;
    width: 15%;
    height: 8%;
    background: url(../images/p12_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p13_title{
    top: 13%;
    left: 18%;
    width: 64%;
    height: 13%;
    background: url(../images/p13_title.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p13_decor4{
    top: 30%;
    left: 10%;
    width: 80%;
    height: 5%;
    background: url(../images/p13_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p13_txt{
    top: 40%;
    left: 8%;
    width: 82%;
    height: 22%;
    background: url(../images/p13_txt.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p13_decor1{
    bottom: 13%;
    left: 5%;
    width: 32%;
    height: 21%;
    background: url(../images/p13_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p13_decor2{
    bottom: 13%;
    left: 33%;
    width: 32%;
    height: 21%;
    background: url(../images/p13_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p13_decor3{
    bottom: 13%;
    right: 6%;
    width: 32%;
    height: 21%;
    background: url(../images/p13_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p14_title{
    top: 13%;
    left: 26%;
    width: 48%;
    height: 7%;
    background: url(../images/p14_title.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box_1{
    width: 100%;
    height: 14%;
    position: absolute;
    top: 23%;
}
.p14_decor1{
    bottom: 0%;
    left: 14%;
    width: 23%;
    height: 84%;
    background: url(../images/p14_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p14_txt1{
    bottom: 0%;
    right: 5%;
    width: 54%;
    height: 57%;
    background: url(../images/p14_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box_2{
    width: 100%;
    height: 14%;
    position: absolute;
    top: 37%;
}
.p14_decor2{
    bottom: 0%;
    left: 14%;
    width: 23%;
    height: 84%;
    background: url(../images/p14_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p14_txt2{
    bottom: 0%;
    right: 7%;
    width: 52%;
    height: 56%;
    background: url(../images/p14_txt2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box_3{
    width: 100%;
    height: 14%;
    position: absolute;
    top: 51%;
}
.p14_decor3{
    bottom: 0%;
    left: 14%;
    width: 23%;
    height: 84%;
    background: url(../images/p14_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p14_txt3{
    bottom: 0%;
    right: 7%;
    width: 52%;
    height: 56%;
    background: url(../images/p14_txt3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p14_decor4{
    bottom: 3%;
    right: 29%;
    width: 43%;
    height: 30%;
    background: url(../images/p14_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p15_title{
    top: 13%;
    left: 26%;
    width: 48%;
    height: 7%;
    background: url(../images/p15_title.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p15_decor1{
    top: 25%;
    left: 10%;
    width: 84%;
    height: 11%;
    background: url(../images/p15_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor7_1{
    top: 35%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p15_decor2{
    top: 36%;
    left: 10%;
    width: 84%;
    height: 11%;
    background: url(../images/p15_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor7_2{
    top: 46%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p15_decor3{
    top: 47%;
    left: 10%;
    width: 84%;
    height: 11%;
    background: url(../images/p15_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor7_3{
    top: 58%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p15_decor4{
    top: 58.5%;
    left: 10%;
    width: 83%;
    height: 10%;
    background: url(../images/p15_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor7_4{
    top: 68%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p15_decor5{
    top: 68.5%;
    left: 10%;
    width: 83%;
    height: 10%;
    background: url(../images/p15_decor5.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p3_decor7_5{
    top: 77.5%;
    right: 7%;
    width: 84%;
    height: 1%;
    background: url(../images/p3_decor7.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p15_decor6{
    top: 77.5%;
    left: 10%;
    width: 83%;
    height: 10%;
    background: url(../images/p15_decor6.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p16_title{
    top: 13%;
    left: 26%;
    width: 48%;
    height: 7%;
    background: url(../images/p16_title.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p11 , .p12 , .p13 , .p14 , .p15 {
    width: 100%;
    height: 100%;
    background:url(../images/p3_bg.jpg) center no-repeat;
    background-size:100% 100%;
}
.box_4{
    width: 100%;
    height: 14%;
    position: absolute;
    top: 22.5%;
}
.p16_decor1{
    bottom: 8%;
    left: 15%;
    width: 18%;
    height: 78%;
    background: url(../images/p16_decor1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p16_txt1{
    bottom: 0%;
    right: 27%;
    width: 33%;
    height: 82%;
    background: url(../images/p16_txt1.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box_5{
    width: 100%;
    height: 14%;
    position: absolute;
    top: 36%;
}
.p16_decor2{
    bottom: 4%;
    left: 15%;
    width: 18%;
    height: 78%;
    background: url(../images/p16_decor2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p16_txt2{
    bottom: 0%;
    right: 27%;
    width: 33%;
    height: 82%;
    background: url(../images/p16_txt2.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.box_6{
    width: 100%;
    height: 14%;
    position: absolute;
    top: 49%;
}
.p16_decor3{
    bottom: 4%;
    left: 15%;
    width: 18%;
    height: 78%;
    background: url(../images/p16_decor3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p16_txt3{
    bottom: 0%;
    right: 20%;
    width: 41%;
    height: 82%;
    background: url(../images/p16_txt3.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p16_decor4{
    bottom: 2%;
    right: 24%;
    width: 55%;
    height: 33%;
    background: url(../images/p16_decor4.png) center no-repeat;
    background-size: contain;
    position: absolute;
}
.p2_txt{
    bottom: 12%;
    right: 29%;
    width: 42%;
    height: 1.5%;
    background: url(../images/p2_txt.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.p5_txt6{
    bottom: 32.5%;
    right: 29%;
    width: 42%;
    height: 1.5%;
    background: url(../images/p5_txt6.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}