@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Migra';
    src: url(../css/Migra-Extrabold.otf);
    src: url(../css/Migra-Extrabold.otf) format("truetype");

}

@-webkit-keyframes show_alpha 	{  0% { opacity:0;display: block; } 100% { opacity:1;display: block; }  }
.show_alpha { -webkit-animation:show_alpha 0.3s ease both; }
.show_alpha_slow { -webkit-animation:show_alpha 0.6s ease both; }

@-webkit-keyframes out_alpha 	{  0% { opacity:1; display: block;} 100% { opacity:0;display: block; }  }
.out_alpha { -webkit-animation:out_alpha 0.3s ease both; }
.out_alpha_slow { -webkit-animation:out_alpha 0.6s ease both; }

@-webkit-keyframes show_right 	{  0% { -webkit-transform:translate3d(100%,0,0); } 100% { -webkit-transform:translate3d(0%,0,0); }  }
.show_right { -webkit-animation:show_right 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_left 	{  0% { -webkit-transform:translate3d(0%,0,0); } 100% { -webkit-transform:translate3d(-100%,0,0); }  }
.out_left { -webkit-animation:out_left 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_left 	{  0% { -webkit-transform:translate3d(-100%,0,0); } 100% { -webkit-transform:translate3d(0%,0,0); }  }
.show_left { -webkit-animation:show_left 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_right 	{  0% { -webkit-transform:translate3d(0%,0,0); } 100% {  -webkit-transform:translate3d(100%,0,0); }  }
.out_right { -webkit-animation:out_right 0.7s cubic-bezier(.55,0,.45,1) both; }

@-webkit-keyframes show_up 	{  0% { -webkit-transform:translate3d(0,-100%,0); } 100% { -webkit-transform:translate3d(0,0,0); }  }
.show_up { -webkit-animation:show_up 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_down 	{  0% { -webkit-transform:translate3d(0,0,0); } 100% { -webkit-transform:translate3d(0,100%,0); }  }
.out_down { -webkit-animation:out_down 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_down 	{  0% { -webkit-transform:translate3d(0,100%,0); } 100% { -webkit-transform:translate3d(0,0,0); }  }
.show_down { -webkit-animation:show_down 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_up 	{  0% { -webkit-transform:translate3d(0,0,0); } 100% { -webkit-transform:translate3d(0,-100%,0); }  }
.out_up { -webkit-animation:out_up 0.7s cubic-bezier(.55,0,.45,1) both; }

@-webkit-keyframes arr_am 	{  0% { -webkit-transform:translate3d(0,-30%,0); } 100% { -webkit-transform:translate3d(0,30%,0); }  }
.arr_am { -webkit-animation:arr_am 0.6s ease-in-out infinite alternate; }
@-webkit-keyframes zoom_am 	{  0% { -webkit-transform:translate3d(0,0,0) scale(1); } 100% { -webkit-transform:translate3d(0,0,0) scale(1.05); }  }
.zoom_am { -webkit-animation:zoom_am 0.4s ease-in-out infinite alternate; }



body {  background:#000; }

@media screen and (min-width: 415px) and (max-width:750px) {
       section { font-size:16px; }
}
@media screen and (min-width: 320px) and (max-width:414px) {
       section { font-size:14px; }
}

img { width:100%; display:block; }
section { width:100%; height: 100%; position:absolute; -webkit-transform:translate3d(0,0,0); display: none; }
div { position:absolute; }
.bg { width:100%; position:absolute; }
.maskBg { width:100%; height:100%; background:#000; opacity:0.5; }
.ele { position:absolute; }
.moreImg { position:absolute; top:0; }


.main { width:100%; height:100%; overflow:hidden; position:relative; display:none; }
.main .mainBg { width:100%; position:absolute; top:0; left:0;  }

#log { position:fixed; top:0; left:0; width:50%; height:50%; color:red; z-index:30; pointer-events:none; display:none; }
/*#log.debug { width:30%;height:30%;pointer-events:auto;display:block; }*/

#loader { width:100%; height:100%; position:absolute; top:0; left:0; z-index:20; background-color:#000; }
#loader .bg { width:100%; height:100%; position:absolute; background:#fff; opacity:0.3; }
#loader .ldImg { width:63.73%; position:absolute; left:18.13%; top:26%; }
#loader .ldTxt { width:35.47%; top:44.05%; left:32.26%; }
#loader .ldNum { width:100%; position:absolute; top:47%; color:#aea06b; font-size:1rem; text-align:center; font-family:'Migra', Arial, Helvetica, sans-serif; }


/**** p1 */
.videoBox { width:100%; height:100%;position: absolute; top:0;left: 0; background-color:#000; }
.videoBox video { width:100%; height:100%;position: absolute;top: 0;left: 0; }
.videoPoster { width:100%; top:0; }

.kv{width: 100%;position: absolute;top: 0;left: 0;display: none;}

.hdgzbox{ width:75.73%;height: 75.16%; left:12.53%; top:4.6%;position: fixed; overflow: hidden;}
.hdgzboxcon{width:100%;height: auto;}
.hdgzboxcon p{font-size: 12px;line-height: 20px;text-align: justify;color: #fff;margin-bottom: 15px;}

.hdgzt2 { width:100%; left:0%; bottom:2.6%; position: fixed;pointer-events: none;}
.hdgzbtn {width: 39.33%; left: 30.4%;  top:75%; position: fixed;}
#hdgzbtn{width:100%;left:0%; position: relative;display: none;}
#hdgzbtn2{width:100%;left:0%; position: relative;display: none;}
#hdgzbtn0{width:100%;left:0%; position: relative;}
.hdgzt1 { width:108%; left:-4%;  position: relative;margin-top: 15px;}


.skip { width:11.6%; top:2.47%; left:85.33%;display: none; }
.icon { width:4.93%; top:95.89%; left:46.93%; }

.psv-navbar{display: none!important;}

.psv-loader-canvas{display: none!important;}

@-webkit-keyframes iconAm1 	{  
	0% { -webkit-transform:translate3d(0px,0px,0px);opacity: 1; } 
	100% { -webkit-transform:translate3d(-10px,0px,0px);opacity: 1; }  }
@-webkit-keyframes iconAm2  {  
  0% { -webkit-transform:translate3d(0px,0px,0px);opacity: 1; } 
  100% { -webkit-transform:translate3d(10px,0px,0px);opacity: 1; }  }

@-webkit-keyframes boxAm1  {  
  0% { -webkit-transform:translate3d(0px,0px,0px) scale(1.0);opacity: 1; } 
  100% { -webkit-transform:translate3d(0px,0px,0px) scale(1.2);opacity: 1; }  }
@-webkit-keyframes boxAm2  {  
  0% { -webkit-transform:translate3d(0px,0px,0px) scale(1.0) ;opacity: 1; } 
  100% { -webkit-transform:translate3d(0px,10px,0px) scale(1.0) ;opacity: 1; }  }


.iconAm1 { -webkit-animation:iconAm1 1.1s infinite ease-in-out alternate; }
.iconAm2 { -webkit-animation:iconAm2 1.1s infinite ease-in-out alternate; }

.boxAm1 { -webkit-animation:boxAm1 1.1s infinite ease-in-out alternate; }
.boxAm2 { -webkit-animation:boxAm2 1.1s 0.3s infinite ease-in-out alternate; }

/* p2 */
.p2{width: 100%;position: relative;}
.p2_info{width:41.2%; left:29.33%; bottom:10%;position: absolute; pointer-events: none;z-index: 28;display: none;}
.p2_tip { width:61.46%; left:19.06%; bottom:5%; position: fixed;}
.p2_set { width:12.13%; left:82.13%; top:2.35%;position: absolute; z-index: 28;}
.p2_grkj { width:10.53%; left:86.2%; top:2.08%; position: absolute;z-index: 28;}


.logo { width:18.26%; left:40.93%; top:3.22%;position: absolute; pointer-events: none;z-index: 28;display: none; }

.p2_txt { width:100%; left:0%; top:49.02%;position: absolute; font-size: 8px;color: #fff;text-align: center;font-family:'Migra', Arial, Helvetica, sans-serif;}
.p2_avr { width:100%; left:0%; top:0%;position: absolute; }
.p2_mk{width:100%; left:0%; top:0%;position: absolute; }
.p2_avrbg{width:100%; left:0%; top:0%;position: absolute;}

.icon_left{width: 100%;position: absolute;top: 0;left: 0;}
.icon_right{width: 100%;position: absolute;top: 0;left: 0;}

/*  p2_1 */
.bgvd{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.bgvd video { position: absolute; width:100%; height:100%;object-fit: cover; }

.p2con{ width:80%; left:10%; top:6.58%; position: absolute;}
.p2slbox{width:100%; height: 100%; position:absolute;top: 0;left: 0;overflow: hidden;}
#p2left{width:100%; height: 100%; padding: 0px;box-sizing: border-box; position:absolute; -webkit-transform:translate3d(0,0,0); display: none;}
#p2right{width:100%; height: 100%; padding: 5%;box-sizing: border-box; position:absolute; -webkit-transform:translate3d(0,0,0); display: none;}

#p2right img{float: left;margin-bottom: 10px;border-radius: 10px;}
#p2right img.w100{width: 100%;}
#p2right img.w50{width: 48%;}
.p2rightbox{width: 100%;height: auto;position: relative;overflow: hidden;}

.p2_jr { width:39.33%; left:30.13%; bottom:3%;position: absolute; }


.p2_gs{ width: 100%;position: absolute;top: 101%;left: 0; display: flex;text-align: center;justify-content: center;}
.p2_gs span{width: 28px;height: 3px;background: #5a4141;display: inline-block;margin-right: 8px;border-radius: 2px;}
.p2_gs span.active{background: #fa0000;}

.p3_gs{ width: 100%;position: absolute;top: 102%;left: 0; display: flex;text-align: center;justify-content: center;}
.p3_gs span{width: 28px;height: 3px;background: #5a4141;display: inline-block;margin-right: 8px;border-radius: 2px;}
.p3_gs span.active{background: #fa0000;}

/* p2_2  */

.p2_btn1 { width:39.33%; left:30.13%; top:46.49%;position: absolute;  }
.p2_btn2 { width:39.33%; left:30.13%; top:90.41%;position: absolute;  }

.p2_am2 { width:46.26%; left:26.26%; top:59.09%;position: absolute; }
.p2_am1 { width:29.33%; left:32.26%; top:16.45%;position: absolute; }

/* p3 */
.p3 { width: 100%;height: 100%; }
#p3{background: url(../img/p3.jpg) top center no-repeat;background-size: cover;}
.back { width:18.93%; left:5.06%; top:2.38%; position: fixed;}
.nickimg { width:10.53%; left:83.2%; top:1.74%; position: fixed;}
.tip_lr { width: 43.73%;left: 28.26%; top:86.54%; position: absolute;}
.p3con { width:74%; left:13%; top:10.7%; position: absolute;background: #fff;}
.btn_sc { width:39.33%; left:30.13%; top:88.96%; position: absolute;}

.p3conbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;}

/*.ewm {left: 545px;top: 47px;width: 76px;height: 75px;}*/
/*.avr {left: 445px;top: 36px;width: 99px;height: 98px;}*/

/*.canvas2 {left: 251px;top: 579px;width: 393px;height: 294px;}*/
/*.canvas1 {left: 0px;top: 6px;width: 541px;height: 650px;}*/

.canvas2 { width:52.89%;height: 27.65%; left:46.34%; top:51.08%; position: absolute;background: #fff; display: none;}
.canvas1 { width:75.76%;height: 61.14%; left:0; top:4.6%; position: absolute;display: none;}
.canvas2 { width:59.9%; left:38.26%; top:54.46%; }
.canvas1 { width:82.46%; left:0; top:0.56%; }
.canvas3,.canvas4,.canvas5{width:100%;height: 69%; left:0%; top:15.61%; position: absolute;display: none;}
.canvas1 canvas,.canvas2 canvas,.canvas3 canvas,.canvas4 canvas,.canvas5 canvas{width: 100%;height: 100%; top: 0;left: 0;position: absolute;}

.pt1_input2 { width:18.9%; left:58.07%; top:66.13%; position: absolute;}
.pt1_input1 { width:18.9%; left:24.54%; top:30.1%; position: absolute;}


.pt1_close1{width: 9.6%;top: 14%;left: 59%;position: absolute;display: none;z-index: 9;}
.pt1_close2{width: 9.6%;top: 55.5%;left: 75%;position: absolute;display: none;z-index: 9;}

.pt2_input1{ width:18.9%; left:40.39%; top:47.88%; position: absolute;}

.pt2_close1{width: 9.6%;top: 22%;left: 59%;position: absolute;display: none;z-index: 9;}

.pt3_input1{  width:18.9%; left:40.39%; top:47.88%; position: absolute;}

.pt3_close1{width: 9.6%;top: 19%;left: 59%;position: absolute;display: none;z-index: 9;}

.pt4_input1{  width:18.9%; left:40.39%; top:47.88%; position: absolute;}

.pt4_close1{width: 9.6%;top: 27%;left: 59%;position: absolute;display: none;z-index: 9;}

.pt_avrbox{ width:32.16%; left:67.83%; top:3.38%; position: absolute;z-index: 9;}
.pt_ewm { width:34%; left:49%; top:9%; position: absolute;}
.pt_avr { width:46.47%; left:0; top:0; position: absolute;}
.pt_avrbg{ width:46.47%; left:0; top:0; position: absolute;}

.pt_input{z-index: 9;}

.pt_input input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: 0;border: 0;background: transparent;box-sizing:border-box;
  resize:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;opacity: 0;outline: none;}
.p3cavBox{width: 100%;height: 100%;top: 0;left: 0;position: absolute;overflow: hidden;}

#p3conbox1,#p3conbox2,#p3conbox3,#p3conbox4{width:100%; height: 100%; padding: 0px;box-sizing: border-box; position:absolute; -webkit-transform:translate3d(0,0,0); display: none;}


.p3img{width: 100%;top: 0;left: 0;position: absolute;}
.ptbg{width: 100%;top: 0;left: 0;position: absolute;pointer-events: none;z-index: 9;}
.cavbg{width: 100%;top: 0;left: 0;position: absolute; pointer-events: none;z-index: 9;}

.cavbg1{width:82.46%; left:0; top:0.56%;}
.cavbg2 { width:59.9%; left:38.26%; top:54.46%;}

.swiper-container{width: 100%;height: 100%;}
.swiper-pagination{bottom: -25px!important;left: 50%;margin-left: -68px; display: flex;}
.swiper-pagination-bullet{width: 28px!important;height: 3px!important;border-radius: 1.5px!important; background: #5a4141!important; margin: 0 3px!important;opacity: 0.6!important;}
.swiper-pagination-bullet-active{width: 28px!important;height: 3px!important;background: #fa0000!important;border-radius: 1.5px!important;opacity: 1.0!important;}



.pup_lg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 29;}
.lg_phone { width:49.06%;height: 4.6%; left:26%; top:43.38%; position: absolute;}
.lg_yzm { width:25.06%;height: 4.6%; left:26%; top:51.9%; position: absolute;}
.lg_yambtn { width:24.13%; left:52.66%; top:51.98%; position: absolute;}
.lg_btn { width:39.33%; left:31.33%; top:63.71%; position: absolute;}
.yzmtxt{width: 100%;height: 20px;line-height: 20px; position: absolute;top: 50%;margin-top: -10px;left: 0;text-align: center;}

.lg_phone input{-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left;text-indent: 0.5rem; }
.lg_yzm input{-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left; text-indent: 0.5rem; }


.lg_set { width:39.33%; left:31.33%; top:52.23%; position: absolute; }
.lg_id { width:55.2%; left:22.93%; top:39.09%;  position: absolute;}
#lg_id{width: 100%;height: 20px;line-height: 20px; position: absolute;top: 50%;color: #ececec; margin-top: -8px;left: 0;text-align: center;font-family:'Migra', Arial, Helvetica, sans-serif;letter-spacing: 2px;}

.pup_bqcj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-size: cover;display: none;z-index: 29;}
.bqcj_btn { width:58.8%; left:20.66%; top:62.26%;position: absolute;display: none; }


.pup_gr{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/bg1.jpg) top center no-repeat;background-size: cover;display: none;z-index: 29;}
.gr_avr{ width:56.53%; left:21.73%; top:13.71%;position: absolute; overflow: hidden;}
.gr_avr div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.gr_avrb{opacity: 0;}

.gr_if1{width: 100%;top: 5%; position: relative;}
.gr_wdjq { width:25.33%; left:37.33%; top:69.5%; position: absolute;}
.gr_num { width:50%; right:8.04%; top:-2.29%;position: absolute;font-size: 14px; color: #f0dbba;text-align: right;font-family:'Migra', Arial, Helvetica, sans-serif;letter-spacing: 2px; }
.gr_num span{font-size: 20px;}
.gr_num1 { width:50%; right:8.04%; top:1.8%;position: absolute;font-size: 12px; color: #f0dbba;text-align: right;font-family:'Migra', Arial, Helvetica, sans-serif;letter-spacing: 2px; }
.gr_num1 span{font-size: 18px;}
.gr_lv { width:30%; left:9.86%; top:59.54%;position: absolute;font-size: 10px; color: #f0dbba; font-family:'Migra', Arial, Helvetica, sans-serif;}
.gr_id { width:50%; right:7.87%; top:60.54%;position: absolute;font-size: 10px; color: #f0dbba;text-align: right;font-family:'Migra', Arial, Helvetica, sans-serif; letter-spacing: 1px;}
.gr_sjgl { width:18.53%; left:74.8%; top:6.15%;  position: absolute;z-index: 5;}
.gr_sjgl2 { width:24.93%; left:23.33%; top:47.08%;  position: absolute;z-index: 5;}
.gr_sjgl3 { width:24.93%; left:51.86%; top:47.08%;  position: absolute;z-index: 5;}
.gr_sjgl4 { width:24.93%; left:51.86%; top:47.08%;  position: absolute;z-index: 5;}
.gr_jpbox{width: 100%;position: absolute;top: 75%;overflow: hidden;}
.gr_jp1{width: 50%;position: relative;float: left;display: none;}
.gr_jp2{width: 50%;position: relative;float: left;display: none;}
.gr_jp3{width: 50%;position: relative;float: left;display: none;}
.gr_jp4{width: 50%;position: relative;float: left;display: none;}
.gr_jp5{width: 50%;position: relative;float: left;display: none;}
.gr_jp6{width: 50%;position: relative;float: left;display: none;}
.gr_jp7{width: 50%;position: relative;float: left;display: none;}

.gr_if2{width: 100%;top: -6%; position: relative;}
.tag4 { width:34.66%; left:53.06%; top:57.03%; }
.tag3 { width:34.66%; left:9.73%; top:57.03%; }
.tag2 { width:34.66%; left:53.06%; top:50.38%; }
.tag1 { width:34.66%; left:9.73%; top:50.38%; }
.gnr1 { width:34.66%; left:9.73%; top:41.03%; }
.gnr2 { width:34.66%; left:53.06%; top:41.03%; }
.gr_com { width:39.33%; left:30.66%; top:87.7%; }
.fx2 { width:12.66%; left:26%; top:67.54%; }
.fx3 { width:12.66%; left:43.73%; top:67.54%; }
.fx4 { width:12.66%; left:61.6%; top:67.54%; }
.fx5 { width:12.66%; left:79.33%; top:67.54%; }
.fx1 { width:12.66%; left:8.13%; top:67.54%; }
.ys2 { width:12.66%; left:26%; top:79.22%; }
.ys3 { width:12.66%; left:43.73%; top:79.22%; }
.ys4 { width:12.66%; left:61.6%; top:79.22%; }
.ys5 { width:12.66%; left:79.33%; top:79.22%; }
.ys1 { width:12.66%; left:8.13%; top:79.22%; }
.gr_tgmk{width: 100%;position: absolute;top: 0;left: 0;display: none;}
.gr_fymk{width: 100%;position: absolute;top: 0;left: 0;display: none;}
.gr_fymi{width: 100%;position: absolute;top: 0;left: 0;}

.gr_tg1.active .gr_tgmk{display: block;}
.gr_tg.active .gr_tgmk{display: block;}
.gr_fx.active .gr_fymk{display: block;}
.gr_fy.active .gr_fymk{display: block;}

.gr_if3{width: 100%;top: 4%; position: relative;}
.gr_ptb4 { width:60.53%; left:20%; top:66.64%; position: absolute;}
.gr_ptb2 { width:60.53%; left:20%; top:39.37%; position: absolute;}
.gr_ptb3 { width:60.53%; left:20%; top:52.96%; position: absolute;}
.gr_ptb1 { width:60.53%; left:20%; top:25.7%;position: absolute; }
.mk{width: 100%;position: absolute;top: 0;left: 0;display: none;}
.gr_ptcm { width:46.8%; left:26.53%; top:80.85%;position: absolute; }

.gr_ptb4 { width:45.06%; left:28.53%; top:68.59%; }
.gr_ptb2 { width:48.13%; left:28.53%; top:39.84%; }
.gr_ptb3 { width:51.86%; left:20%; top:52.18%; }
.gr_ptb1 { width:50.13%; left:21.73%; top:22.81%; }


.pup_avrb{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 29;}
.pup_avrbbox{width: 300px;height: 300px;position: absolute;top: 50%;left: 50%;margin-left: -150px;margin-top: -150px;}
.pup_avrbimg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.pup_close{width: 30px;position: absolute;top: 5px;right: 5px;}

.pup_gl,.pup_glhy{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/p4.jpg) top center no-repeat;background-size: cover;display: none;z-index: 29;}
.pup_sjgl{width: 100%;height: 80%;top: 0;left: 0;overflow: scroll;}

.pup_jp{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 29;}
.pup_jp1,.pup_jp2,.pup_jp31,.pup_jp3,.pup_jp4,.pup_jp5{width: 100%;position: relative;display: none;}
.pup_btn2 { width:39.33%; left:31.33%; top:82.19%; position: absolute;}
.pup_btn1 { width:39.33%; left:31.33%; top:72.76%;position: absolute; }
.pup_btn4 { width:39.33%; left:31.33%; top:82.19%; position: absolute;}
.pup_btn3 { width:39.33%; left:31.33%; top:72.76%; position: absolute;}
.pup_btn5 { width:39.33%; left:31.33%; top:62.89%; position: absolute;}
.pup_btn6 { width:39.33%; left:31.33%; top:62.89%; position: absolute;}
.pup_btnn { width:39.33%; left:31.33%; top:92.19%; position: absolute;}


.pup_ad{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 29;}
.form_ad{}
.ad_suc{}

.address { width:75.06%;height: 4.84%; left:12.66%; top:47.26%; position: absolute;}
.phone { width:53.86%;height: 4.84%; left:12.66%; top:38.82%; position: absolute;}
.name { width:75.06%;height: 4.84%; left:12.66%; top:30.23%;position: absolute; }
.ad_btn0 { width:22.13%; left:67.73%; top:39.21%;position: absolute; }
.ad_btn1 { width:46.8%; left:26.53%; top:60.39%; position: absolute;}

.name0 { width:74.93%;height: 4.84%; left:12.66%; top:20.93%; position: absolute;}
.phone0 { width:52%;height: 4.84%; left:12.66%; top:28.67%; position: absolute;}
.idcard0 { width:74.93%;height: 4.84%; left:12.66%; top:36.71%; position: absolute;}
.name1 { width:74.93%;height: 4.84%; left:12.66%; top:48.59%; position: absolute;}
.phone1 { width:74.93%;height: 4.84%; left:12.66%; top:56.32%; position: absolute;}
.idcard1 { width:74.93%;height: 4.84%; left:12.66%; top:64.37%; position: absolute;}
.ad_btn3 { width:22.13%; left:67.73%; top:29.14%; position: absolute;}
.ad_btn4 { width:46.8%; left:26.53%; top:81.71%; position: absolute;}

.ad_back { width:46.8%; left:26.93%; top:51.17%; position: absolute;}

.name input,.name0 input,.name1 input{-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left;text-indent: 0.5rem; }
.phone input,.phone0 input,.phone1 input{-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left; text-indent: 0.5rem; }
.address input{-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left; text-indent: 0.5rem; }
.idcard input,.idcard0 input,.idcard1 input{-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left; text-indent: 0.5rem; }
.ext1 input {-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left; text-indent: 0.5rem; }
.ext2 input {-webkit-appearance:none;outline: none; width:100%; border:0; height:100%;  background-color:transparent; color:#fff; font-size:1rem; font-family:sans-serif;text-align: left; text-indent: 0.5rem; }


.pup_hb{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/p3.jpg) top center no-repeat;background-size: cover;display: none;z-index: 29;}
.pupcon{width: 100%;height: 100%; position: relative;  }
.pupimg{width: 74%;position: absolute;top: 10%;left: 13%;}
.tips { width:26.53%; top:94.66%; left:68%; pointer-events:none; }

#code{width: 85px;height: 85px;opacity: 0;pointer-events: none;}

.share_tip { width:40.86%; left:29.66%; top:84.54%;position: absolute;pointer-events: none; }

.pup_jf{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/p3.jpg) top center no-repeat;background-size: cover;display: none;z-index: 29;}
.black{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.8;}
.pup_jf50{}
.pup_back { width:39.33%; left:30.4%; top:48.92%; position: absolute;}



.pup_soon{width: 100%;height: 100%;background-color:rgba(0,0,0,0.59);position: fixed;top: 0;left: 0;display: none;z-index: 29;}
.pup_soonbtn { width:37.86%; left:31.33%; top:64.9%;position: absolute; }
/*.mp_tt {left: 336px;top: 931px;width: 206px;height: 17px;}*/
/*.mp_avr {left: 570px;top: 894px;width: 79px;height: 79px;}*/


.pup_mp{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/p3.jpg) top center no-repeat;background-size: cover;display: none;z-index: 29;}

.mp_img{width: 80%;position: absolute;top: 5%;left: 10%;}

.mp_tip { width:59.2%; left:20.26%; bottom:15.16%; position: absolute;}
.mp_btn2 { width:39.33%; left:55.33%; bottom:5.32%;position: absolute; }
.mp_btn1 { width:39.33%; left:6.26%; bottom:5.32%;position: absolute; }
#mpCav{position: fixed;top: 2000%;left: 2000%;}


.pup_sp{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 29;}

#myCav,#myavr,#avrb{position: fixed;top: 2000%;left: 2000%;}

@media screen and (min-height: 800px) and (max-height:2500px) {
    .p2con{width: 100%;left: 0%;}
    .p3con{width: 80%;left: 10%;}
    .pupimg{width: 80%;left: 10%;}
}
@media screen and (min-height: 681px) and (max-height:800px) {
    .p2con{width: 100%;left: 0%;}
    .p3con{width: 80%;left: 10%;}
    .pupimg{width: 80%;left: 10%;}
}
@media screen and (min-height: 641px) and (max-height:680px) {
    
}
@media screen and (min-height: 601px) and (max-height:640px) {
  
}
@media screen and (min-height: 320px) and (max-height:600px) {
  
}


.msgBox { width:100%; height:100%; top:0; background-color:rgba(0,0,0,0.3); position:fixed; display:none; z-index:999; }
.msgBox .msg { width:60%; left:20%; top:38%; background-color:#fff; 
  position:absolute; border-radius:14px; text-align:center; }
.msgBox .title { font-size:1.2rem; color:#000; padding-top:7%; display:none; }
.msgBox .disc { font-size:12px; color:#000; margin-top:7%;  }
.msgBox .bt { font-size:1.1rem; color:#007aff; margin-top:7%; padding:5% 0;  display:block; border-top:1px solid #eeeeee; }


.psv-marker{outline: none!important;}

.psv-loader{width: 100%!important;height: 100%!important;}
.psv-loader-text{max-width: 100%!important;max-height:100%!important;}


.pray{width:75.73%;top: 81%; left:12.53%;position: absolute; overflow: hidden;display: none;}
.pray1{position: relative;margin-bottom: 5px;}
.pradio1{width: 16px;height: 16px;position: absolute;top: 0%;left: 0%;}
.pradio1 input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;outline: none;background: red;color: red;}
.ptext1{width: 90%;position: relative;left: 26px;font-size: 8px;line-height: 16px; color: #ffffff;margin-bottom: 0px;}
.ptext1 span{text-decoration: underline;}
.ptext1 a{color: #009ee0;text-decoration: underline;vertical-align: top;}

.pray2{position: relative;}

input[type="checkbox"] {
    width: 10px;
    height: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    position: relative;
}
.pray0 input[type="checkbox"] {
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    position: relative;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #17202A;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9
}

input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #17202A;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid rgb(133, 137, 141);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: bold;
}