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}
*{
    -webkit-tap-highlight-color: transparent;
}
html{
    -webkit-text-size-adjust:none;
}
html,body{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
.music_btn{
    position: absolute;
    display: block;
    width: 4.3vh;
    height: 4.3vh;
    right: 4.5%;
    top: 2%;
    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); }
}
.swiper-container,
.swiper-container-a,
.swiper-container-b,
.swiper-container-c,
.swiper-container-d,
.swiper-wrapper,
.swiper-slide{
    position: relative;
    width: 100%;
    height: 100%;
}
.swiper-container .swiper-slide,
.swiper-container-a .swiper-slide,
.swiper-container-b .swiper-slide,
.swiper-container-c .swiper-slide,
.swiper-container-d .swiper-slide{
    overflow: hidden;
}
.jcontent{
    position: relative;
    width: 100%;
    height: 100%;
}
.abso div{
    position: absolute;
}
.logo{
    position: absolute;
    background:url(../images/logo.png) top center no-repeat;
    background-size:contain;
    width: 32%;
    height: 4.6%;
    left: 4%;
    top: 2%;
}
.page1{
    background:url(../images/p1_bg.jpg) center center no-repeat;
    background-size:cover;
}
.p1_title,
.p2_title,
.p3_title{
    position: absolute;
    background:url(../images/p1_title.png) center no-repeat;
    background-size:contain;
    width: 85%;
    height: 11.5%;
    left: 7.5%;
    top: 10%;
}
.p1_txt1,
.p1_txt2{
    position: absolute;
    background:url(../images/p1_txt1.png) top center no-repeat;
    background-size:100% auto;
    width: 20%;
    height: 0%;
    left: 60%;
    top: 26%;
}
.p1_txt_anim{
    animation :p1_txt_anim  linear forwards;
    -webkit-animation :p1_txt_anim  linear forwards;
}
@keyframes p1_txt_anim{
    100%{
        height: 36%;
    }
}
@-webkit-keyframes p1_txt_anim{
    100%{
        height: 36%;
    }
}
.p1_txt2{
    background:url(../images/p1_txt2.png) top center no-repeat;
    background-size:100% auto;
}
.p1_btn1,
.p1_btn2{
    position: absolute;
    background:url(../images/p1_btn1.png) center no-repeat;
    background-size:contain;
    width: 39%;
    height: 7%;
    left: 8%;
    top: 87%;
}
.p1_btn2{
    background:url(../images/p1_btn2.png) center no-repeat;
    background-size:contain;
    left: 54%;
    top: 87%;
}
.page2,
.page3,
.page4,
.page5,
.page7{
    background:url(../images/p2_bg.jpg) center center no-repeat;
    background-size:cover;
}
.p2_title,
.p3_title{
    background:url(../images/p2_title.png) center no-repeat;
    background-size:contain;
}
.p2_decor1{
    background:url(../images/p2_decor6.png) center no-repeat;
    background-size:contain;
    width: 80%;
    height: 56%;
    left: 10%;
    top: 20%;
}
.p2_decor2,
.p2_decor3{
    background:url(../images/p2_decor1.png) center no-repeat;
    background-size:contain;
    width: 35%;
    height: 28.4%;
    left: 36.2%;
    top: 27.3%;
}
.p2_decor3{
    background:url(../images/p2_decor8.png) center no-repeat;
    background-size:contain;
    top:53.7%;
}
.p2_decor4,
.p2_decor6,
.p2_decor8{
    background:url(../images/p2_decor2.png) center no-repeat;
    background-size:contain;
    width: 23%;
    height: 14.4%;
    left: 4.6%;
    top: 32%;
}
.p2_decor5,
.p2_decor7,
.p2_decor9,
.p2_decor11{
    background:url(../images/p2_decor7.png) center no-repeat;
    background-size:contain;
    width: 25%;
    height: 15.5%;
    left: 5%;
    top: 46.3%;
}
.p2_decor6{
    background:url(../images/p2_decor3.png) center no-repeat;
    background-size:contain;
    left: 72%;
    top: 29%;
}
.p2_decor7{
    left: 72%;
    top: 43.3%;
}
.p2_decor8{
    background:url(../images/p2_decor4.png) center no-repeat;
    background-size:contain;
    left: 15%;
    top: 54%;
}
.p2_decor9{
    left: 15%;
    top: 68.2%;
}
.p2_decor10{
    background:url(../images/p2_decor5.png) center no-repeat;
    background-size:contain;
    width: 18%;
    height: 11%;
    left: 57%;
    top: 58.8%;
}
.p2_decor11{
    width: 19%;
    height: 12%;
    left: 57.3%;
    top: 69.5%;
}
.p2_txt1{
    position: absolute;
    background:url(../images/p2_txt.png) center no-repeat;
    background-size:contain;
    width: 80%;
    height: 5.9%;
    left: 10%;
    top: 78%;
}
.page_downBox{
    position: absolute;
    background:url(../images/next1.png) center no-repeat;
    background-size:contain;
    width: 20%;
    height: 11%;
    left: 40%;
    top: 86%;
    animation: scale 2s ease infinite;
    -webkit-animation: scale 2s ease infinite;
}
@keyframes scale {
    0%   { transform: scale(1);}
    50%  { transform: scale(0.9);}
    100% { transform: scale(1);}
}
@-webkit-keyframes scale {
    0%   {-webkit-transform:scale(1);}
    50%  {-webkit-transform:scale(0.9);}
    100% {-webkit-transform:scale(1);}
}
.page_down{
    position: absolute;
    background:url(../images/next2.png) center no-repeat;
    background-size:contain;
    width: 25%;
    height: 25%;
    left: 37.5%;
    top: 37.5%;
    animation: down 2.5s ease infinite;
    -webkit-animation: down 2.5s ease infinite;
}
@keyframes down {
    0%   {opacity: 0;}
    50%  {opacity: 1; transform: translateY(40%);}
    100% {opacity: 0; transform: translateY(80%);}
}
@-webkit-keyframes down {
    0%   {opacity: 0;}
    50%  {opacity: 1; -webkit-transform:translateY(40%);}
    100% {opacity: 0; -webkit-transform:translateY(80%);}
}
.p3_decor1{
    position: absolute;
    background: url(../images/p3_decor1.png) center no-repeat;
    background-size: contain;
    width: 150%;
    height: 57%;
    left: -44%;
    top: 19%;
}
.p3_decor2{
    position: absolute;
    background: url(../images/p3_decor2.png) center no-repeat;
    background-size: contain;
    width: 50%;
    height: 29%;
    left: 25%;
    top: 82%;
}
.p3_txt1{
    position: absolute;
    background: url(../images/p3_txt1.png) top center no-repeat;
    background-size: 100% auto;
    width: 12%;
    height: 0%;
    left: 16%;
    top: 25%;
}
.p3_txt1_anim{
    animation :p3_txt1_anim  linear forwards;
    -webkit-animation :p3_txt1_anim  linear forwards;
}
@keyframes p3_txt1_anim{
    100%{
        height:18%;
    }
}
@-webkit-keyframes p3_txt1_anim{
    100%{
        height:18%;
    }
}
.p3_txt2{
    position: absolute;
    background: url(../images/p3_txt2.png) top center no-repeat;
    background-size: 100% auto;
    width: 11%;
    height: 0%;
    left: 28%;
    top: 37%;
}
.p3_txt2_anim{
    animation :p3_txt2_anim  linear forwards;
    -webkit-animation :p3_txt2_anim  linear forwards;
}
@keyframes p3_txt2_anim{
    100%{
        height:16.7%;
    }
}
@-webkit-keyframes p3_txt2_anim{
    100%{
        height:16.7%;
    }
}
.p3_txt3{
    position: absolute;
    background: url(../images/p3_txt3.png) top center no-repeat;
    background-size: 100% auto;
    width: 18%;
    height: 0%;
    left: 23%;
    top: 51%;
}
.p3_txt3_anim{
    animation :p3_txt3_anim  linear forwards;
    -webkit-animation :p3_txt3_anim  linear forwards;
}
@keyframes p3_txt3_anim{
    100%{
        height:11.7%;
    }
}
@-webkit-keyframes p3_txt3_anim{
    100%{
        height:11.7%;
    }
}
.p3_txt4{
    position: absolute;
    background: url(../images/p3_txt4.png) center no-repeat;
    background-size: contain;
    width: 60%;
    height: 4.1%;
    left: 20%;
    top: 75%;
}
.p3_txt5{
    position: absolute;
    background: url(../images/p3_txt5.png) center no-repeat;
    background-size: contain;
    width: 60%;
    height: 2.6%;
    left: 20%;
    top: 81%;
}
.p4_decor1,
.p5_decor1,
.p7_decor1{
    position: absolute;
    background:url(../images/p4_decor4.png) center no-repeat;
    background-size:contain;
    width: 60%;
    height: 34%;
    left: -12%;
    top: 70%;
}
.p4_kuang,
.p5_kuang,
.p7_kuang{
    position: absolute;
    background:url(../images/p4_decor1.png) center no-repeat;
    background-size:100% 100%;
    width: 95%;
    height: 87%;
    left: 2.5%;
    top: 10%;
}
.p4_title,
.p5_title{
    position: absolute;
    background:url(../images/p4_title.png) center no-repeat;
    background-size:contain;
    width: 50%;
    height: 4.6%;
    left: 25%;
    top: 14%;
}
.p4_txt1{
    position: absolute;
    background:url(../images/p4_txt1.png) center no-repeat;
    background-size:contain;
    width: 58%;
    height: 7%;
    left: 16%;
    top: 21%;
}
.p4_txt2{
    position: absolute;
    background:url(../images/p4_txt2.png) center no-repeat;
    background-size:contain;
    width: 45%;
    height: 21%;
    left: 8%;
    top: 31%;
}
.p4_decor2{
    position: absolute;
    background:url(../images/p4_decor2.png) center no-repeat;
    background-size:contain;
    width: 30%;
    height: 19%;
    left: 58%;
    top: 32%;
}
.p4_txt3{
    position: absolute;
    background:url(../images/p4_txt3.png) center no-repeat;
    background-size:contain;
    width: 59%;
    height: 7%;
    left: 24%;
    top: 51%;
}
.p4_txt4{
    position: absolute;
    background:url(../images/p4_txt4.png) center no-repeat;
    background-size:contain;
    width: 45%;
    height: 21.5%;
    left: 44%;
    top: 61%;
}
.p4_decor3{
    position: absolute;
    background:url(../images/p4_decor3.png) center no-repeat;
    background-size:contain;
    width: 24%;
    height: 19%;
    left: 13%;
    top: 65%;
}
.p5_txt1{
    position: absolute;
    background:url(../images/p5_txt1.png) center no-repeat;
    background-size:contain;
    width: 58%;
    height: 7%;
    left: 17%;
    top: 21%;
}
.p5_txt2{
    position: absolute;
    background:url(../images/p5_txt2.png) center no-repeat;
    background-size:contain;
    width: 45%;
    height: 21%;
    left: 8%;
    top: 31%;
}
.p5_decor2{
    position: absolute;
    background:url(../images/p5_decor1.png) center no-repeat;
    background-size:contain;
    width: 35%;
    height: 16%;
    left: 57%;
    top: 34%;
}
.p5_txt3{
    position: absolute;
    background:url(../images/p5_txt3.png) center no-repeat;
    background-size:contain;
    width: 58%;
    height: 7%;
    left: 27%;
    top: 52%;
}
.p5_txt4{
    position: absolute;
    background:url(../images/p5_txt4.png) center no-repeat;
    background-size:contain;
    width: 45%;
    height: 21.5%;
    left: 46%;
    top: 62.5%;
}
.p5_decor3{
    position: absolute;
    background:url(../images/p5_decor2.png) center no-repeat;
    background-size:contain;
    width: 35%;
    height: 18%;
    left: 8%;
    top: 65.5%;
}
.page6{
    width:100%;
    height:100%;
}
.p6_deocr1{
    position: absolute;
    background:url(../images/p6_decor1.png) center no-repeat;
    background-size:contain;
    width: 100%;
    height: 20%;
    left: 0%;
    top: 6%;
}
.p6_deocr2{
    position: absolute;
    background:url(../images/p6_decor2.png) center no-repeat;
    background-size:contain;
    width: 95%;
    height: 36.1%;
    left: 2.5%;
    top: 27%;
}
.p6_deocr3{
    position: absolute;
    background:url(../images/p6_decor3.png) center no-repeat;
    background-size:contain;
    width: 95%;
    height: 22.4%;
    left: 2.5%;
    top: 63%;
}
.p6_btn1{
    position: absolute;
    background:url(../images/p6_btn1.png) center no-repeat;
    background-size:contain;
    width: 60%;
    height: 5.5%;
    left: 20%;
    top: 88%;
}
.p6_btn2{
    position: absolute;
    background:url(../images/p6_btn2.png) center no-repeat;
    background-size:contain;
    width: 24%;
    height: 2%;
    left: 70%;
    top: 96%;
}
.p7_title{
    position: absolute;
    background:url(../images/p7_title.png) center no-repeat;
    background-size:contain;
    width: 85%;
    height: 3.7%;
    left: 7.5%;
    top: 14%;
}
.p7_txt1{
    position: absolute;
    background:url(../images/p7_txt1.png) center no-repeat;
    background-size:contain;
    width: 30%;
    height: 3.9%;
    left: 35%;
    top: 21%;
}
.p7_txt2{
    position: absolute;
    background:url(../images/p7_txt2.png) center no-repeat;
    background-size:contain;
    width: 80%;
    height: 2%;
    left: 10%;
    top: 28%;
}
.p7_sex1,
.p7_sex2{
    position: absolute;
    width: 18.1%;
    height: 10.1%;
    left: 26%;
    top: 33%;
}
.p7_sex1[data-val="1"]{
    background:url(../images/p7_decor01.png) center no-repeat;
    background-size:contain;
}
.p7_sex1[data-val="2"]{
    background:url(../images/p7_decor1.png) center no-repeat;
    background-size:contain;
}
.p7_sex2[data-val="1"]{
    background:url(../images/p7_decor2.png) center no-repeat;
    background-size:contain;
    left: 56%;
}
.p7_sex2[data-val="2"]{
    background:url(../images/p7_decor02.png) center no-repeat;
    background-size:contain;
    left: 56%;
}
.name_box,
.birthday_box,
.money_box{
    background:url(../images/p7_decor3.png) center no-repeat;
    background-size:contain;
    width: 80%;
    height: 7.5%;
    left: 10%;
    top: 46%;
}
.name_txt1{
    background:url(../images/p7_txt3.png)  center no-repeat;
    background-size:contain;
    width: 38%;
    height: 36%;
    left: 4%;
    top: 32.5%;
}
.name_decor1,
.money_decor1{
    background:url(../images/p7_decor5.png)  center no-repeat;
    background-size:contain;
    width: 4.5%;
    height: 20%;
    right: 4%;
    top: 40%;
}
.inpt_name,
.inpt_birthday,
.inpt_money{
    position: absolute;
    width:47%;
    height:100%;
    left:43%;
    text-align:center;
}
.birthday_box{
    top:55%;
}
.birthday_txt1{
    background:url(../images/p7_txt4.png)  center no-repeat;
    background-size:contain;
    width: 24%;
    height: 35%;
    left: 4%;
    top: 32.5%;
}
.birthday_decor1{
    background:url(../images/p7_decor4.png)  center no-repeat;
    background-size:contain;
    width: 5%;
    height: 31%;
    right: 4%;
    top: 35%;
}
.inpt_birthday,
.inpt_money{
    width:60%;
    left:30%;
}
.money_box{
    top:64%;
}
.money_txt1{
    background:url(../images/p7_txt5.png)  center no-repeat;
    background-size:contain;
    width: 24%;
    height: 35%;
    left: 4%;
    top: 32.5%;
}
.p7_btn1{
    position: absolute;
    background:url(../images/p7_btn1.png) center no-repeat;
    background-size:contain;
    width: 60%;
    height: 7.4%;
    left: 20%;
    top: 76%;
}
.p7_btn2{
    position: absolute;
    background:url(../images/p7_btn2.png) center no-repeat;
    background-size:contain;
    width: 24%;
    height: 3%;
    left: 66%;
    top: 88%;
}
.show_box{
    position: absolute;
    background:white;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1;
    display: none;
}
.show_page{
    background: url(../images/p6_bg.jpg) center no-repeat;
    background-size:cover;
}
.show_kuang{
    background: url(../images/p8_decor6.png) center no-repeat;
    background-size:100% 100%;
    width:90%;
    margin-left: 5%;
    margin-top:10%;
}
.show_box img{
    width:100%;
    height:100%;
}
.show_logo{
    position: relative;
    background: url(../images/logo.png) left center no-repeat;
    background-size: contain;
    width: 32%;
    height: 9vw;
    left: 4%;
    margin: 4vw 0vw;
}
.show_title{
    position: relative;
    background: url(../images/p8_title.png) center no-repeat;
    background-size: contain;
    width: 90%;
    height: 16.6vw;
    left: 5%;
    padding-top: 13vw;
}
.show_content1,
.show_content2,
.show_content3,
.show_content4{
    position: relative;
    background: url(../images/p8_decor1.png) center no-repeat;
    background-size: 100% 100%;
    height: 24vw;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2vw;
}
.show_content1 div:nth-of-type(1) {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 15%;
    color:#BA964B;
}
.sc1_name{
    font-size:1.6rem;
}
.sc1_age{
    margin-left:3%;
}
.show_content1 div:nth-of-type(2) {
    position: absolute;
    background: url(../images/p8_txt1.png) left center no-repeat;
    background-size: contain;
    width: 90%;
    height: 20%;
    left: 5%;
    top: 45%;
    color:#BA964B;
}
.show_content1 div:nth-of-type(3) {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 70%;
    color:#BA964B;
}
.sc1_money{
    font-size:1.3rem;
}
.show_content2{
    height: 29vw;
}
.sc2_title{
    position: absolute;
    background: url(../images/p8_title1.png) center no-repeat;
    background-size: contain;
    width: 40%;
    height: 17%;
    left: 30%;
    top: 15%;
}
.sc2_box{
    position: absolute;
    width:90%;
    left:5%;
    top:46%;
}
.sc2_1,
.sc2_2,
.sc2_3{
    position: absolute;
    width:30%;
    left:0%;
    line-height:8.5vw;
    text-align:center;
    border-radius: 5px;
    background: #B38D3A;
    color: white;
    box-shadow: 2px 2px 3px #aaaaaa;
}
.sc2_2{
    left:35%;
}
.sc2_3{
    left:70%;
}
.sc2_txt1{
    position: absolute;
    background:url(../images/p8_txt3.png) center no-repeat;
    background-size:contain;
    width: 90%;
    height:11%;
    left: 5%;
    top: 75%;
}
.show_content3{
    height: 45vw;
}
.sc3_box{
    position: absolute;
    background: url(../images/p8_txt9.png) left center no-repeat;
    background-size:contain;
    width: 90%;
    height: 84%;
    left: 5%;
    top: 8%;
}
.sc3_1,
.sc3_2,
.sc3_3,
.sc3_4,
.sc3_5,
.sc3_6{
    position: relative;
    height: 10%;
    left: 27%;
    color: #B38D3A;
}
.sc3_2{
    left:57%;
    top:8%;
}
.sc3_3{
    left: 22%;
    top:16%;
}
.sc3_4{
    top:24%;
}
.sc3_5{
    left: 22%;
    top:33%;
}
.sc3_6{
    top: 41%;
}
.sc3_1 span:nth-of-type(1),
.sc3_2 span:nth-of-type(1),
.sc3_3 span:nth-of-type(1),
.sc3_4 span:nth-of-type(1),
.sc3_5 span:nth-of-type(1),
.sc3_6 span:nth-of-type(1){
    border-bottom: 1px solid;
}
.sc3_1 span:nth-of-type(2),
.sc3_2 span:nth-of-type(2),
.sc3_3 span:nth-of-type(2),
.sc3_4 span:nth-of-type(2),
.sc3_5 span:nth-of-type(2),
.sc3_6 span:nth-of-type(2){
    position: absolute;
    background:url(../images/p8_txt10.png) bottom center no-repeat;
    background-size:contain;
    width:5%;
    height: 100%;
}
.show_content4{
    height: 30vw;
}
.sc4_age_box{
    position: absolute;
    background:url(../images/p8_txt7.png) center no-repeat;
    background-size:contain;
    width: 35%;
    height: 17%;
    left: 32.5%;
    top: 10%;
}
.sc4_age{
    position: absolute;
    width: 30%;
    left: 57%;
    text-align:center;
    top:50%;
    transform: translateY(-50%);
}
.sc4_age1{
    display: none;
}
.sc4_txt1{
    position: absolute;
    background: url(../images/p8_txt8.png) center no-repeat;
    background-size:contain;
    width: 22.3%;
    height: 11.3%;
    left: 37.6%;
    top: 31%;
}
.sc4_box{
    position: absolute;
    width:90%;
    left:5%;
    top:48%;
}
.sc4_1,
.sc4_2,
.sc4_3,
.sc4_4,
.sc4_5{
    position: absolute;
    width:18%;
    left:-1%;
    line-height:7vw;
    text-align:center;
    border-radius: 5px;
    background: #B38D3A;
    color: white;
    box-shadow: 2px 2px 3px #aaaaaa;
}
.sc4_2{
    left:20%;
}
.sc4_3{
    left:41%;
}
.sc4_4{
    left:62%;
}
.sc4_5{
    left:83%;
}
.sc4_txt2{
    position: absolute;
    background: url(../images/p8_txt12.png) center no-repeat;
    background-size:contain;
    width: 26%;
    height: 9.3%;
    left: 36%;
    top: 78%;
}
.show_txt1{
    position: relative;
    background:url(../images/p8_txt11.png) center no-repeat;
    background-size:contain;
    width: 89%;
    height: 9vw;
    left: 5%;
}
.show_btn{
    position: relative;
    background:url(../images/p8_btn.png) center no-repeat;
    background-size:contain;
    width:60%;
    height:12vw;
    left:20%;
    padding:5vw 0vw;
}
.show_txt2{
    position: relative;
    background:url(../images/p8_bottom.png) center no-repeat;
    background-size:contain;
    width: 90%;
    height: 12.5vw;
    left: 5%;
    padding: 3.5vw 0vw;
}
.prompt_box,
.rules_box{
    position: absolute;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    left:0;
    top: 0;
    z-index:1;
    display: none;
}
.prompt_close,
.rules_close{
    background: url(../images/tc_close.png) center no-repeat;
    background-size:contain;
    width: 7%;
    height: 4.1%;
    right: 10%;
    top: 13%;
}
.prompt_content,
.rules_content{
    background: white;
    width:80%;
    height:60%;
    left:10%;
    top:20%;
    border-radius: 8px;
}
.prompt_title,
.rules_title{
    background:#B38D3A;
    width:100%;
    height:10%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.prompt_title div,
.rules_title div{
    width:100%;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
    color:white;
    font-size:1.4rem;
}
.prompt_con,
.rules_con{
    width:100%;
    height:80%;
    left:0;
    top:15%;
    overflow: hidden;
}
.prompt_txt,
.rules_txt{
    position: relative!important;
    background:url(../images/tc1_txt1.png) center no-repeat;
    background-size:contain;
    width:90%;
    height:22rem;
    left:5%;
    top:10%;
}
.rules_txt{
    background:url(../images/tc2_txt1.png) center no-repeat;
    background-size:contain;
    height:53rem;
}
.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: #B38D3A;
    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/alert_close.png) center no-repeat;
    background-size: 60%;
}
.loading{
    position:absolute;
    background:url(../images/p2_bg.jpg) center center no-repeat;
    background-size:cover;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    z-index:999;
}
.lod1{
    position: absolute;
    background:url(../images/p1_title.png) center no-repeat;
    background-size:contain;
    width: 80%;
    height: 11.5%;
    left: 10%;
    top: 32%;
}
.load_progress_bar{
    position: absolute;
    width: 60%;
    height: 1%;
    left: 20%;
    top: 54%;
}
.bar_1{
    position:absolute;
    background: gray;
    width: 100%;
    height: 100%;
    border-radius:6px;
}
.bar_2{
    position: absolute;
    background:#D19428;
    width: 0;
    height: 100%;
    top:0;
    border-radius:6px;
}
.load_txt{
    width: 100%;
    font-size: 30px;
    color: #D19428;
    text-align: center;
    margin-top: 10%;
}