html,body{position:relative;height:100%;color:#333;font:.24rem "microsoft yahei";background:#fff;margin:0 auto!important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,hr,button,footer,header,menu,nav,section{margin:0;padding:0}
h1,h2{font-weight:bold}em,i{font-style:normal}a{text-decoration:none}b,strong{font-weight:bold}img{border:none;width:100%;display:block}
ul,li{list-style:none}.fl{float:left}.fr{float:right}.cf{clear:both}.cf:after{content:"";visibility:hidden;height:0;display:block;clear:both}
.app>div{position:relative;font-size:0}img{width:100%;height:auto}body .g-footer{display:none}
.p01{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  height:6.76rem;
  background:url(images/p01_bg.jpg);
  background-size:cover;
  overflow:hidden
}
.p01 .title{
  margin-top:.73rem;
  width:4.25rem;
  height:auto
}
.p01 .start{
  position:relative;
  z-index:9;
  margin-top:.67rem;
  width:6.22rem;
}
.p01 p{
  margin-top:.36rem;
	font-size:.17rem;
	color:#fff;
}
.p01 .btm{
  margin-top:.26rem;
  width:3.96rem;
}
.p01 .flash{
    overflow:hidden;
    position:absolute;
    top:3rem;
    width:4.5rem;
    margin-left:1.2rem;
    height:1rem;
    z-index:3;
    animation:floatY 2300ms infinite both;
}
.p01 .flash::before{
  content:"";
  position:absolute;
  filter:blur(5px);
  top:.2rem;
  width:1.5rem;
  height:.2rem;
  opacity:.6;
  background:#f5f1db;
  transform:rotate(-50deg);
  animation:Lights ease-out 1600ms infinite both;
}
@keyframes Lights{
  0%{ left:-0.5rem;}
  90%{left:4rem;}
  to{ left:4rem;}
}
.p01 .mask{
  position:absolute;
  top:2.16rem;
  width:5.81rem;
  height:3.11rem;
  animation:big 2600ms ease-out infinite both
}
@keyframes big{
  from{
    opacity:1;
    transform:scale(0.5);
  }
  50%{
    opacity:1;
    transform:scale(1.8);
  }
  60%{
    opacity:1;
    transform:scale(1.8);
  }
  70%{
    opacity:0;
    transform:scale(1.8);

  }
  to{
    opacity:0;
    transform:scale(1.8);
  }
}
.p02{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-bottom:.86rem;
  background:url(images/p02_bg.jpg);
  background-size:cover;
  overflow:hidden
}
.p02 .title{
  width:4.69rem;
  margin-bottom:.1rem;
}
.p02 .item{
  box-sizing:border-box;
  padding:.34rem .74rem 0 .6rem;
  margin-top:.4rem;
  width:6.24rem;
  height:2.41rem;
  background:url(images/p02_item01.png);
  background-size:cover;
}
.p02 .item:nth-child(2n+1){
  background:url(images/p02_item02.png);
  background-size:cover;
}
.p02 .btn{
  margin-top:.2rem;
  float:right;
  width:1.48rem;
	height:.33rem;
  border-radius:.5rem;
  color:#1602be;
  font-size:.21rem;
  line-height:.33rem;
  font-weight:600;
  text-align:center;
  background-image:linear-gradient(0deg,
  #e8ad31 0%,
  #f4e600 100%),
linear-gradient(
  #fff,
  #fff);
background-blend-mode:normal,
  normal;
}
.p02 .item .lastbtn{
  margin:.34rem auto 0;
  width:1.48rem;
	height:.33rem;
  border-radius:.5rem;
  color:#1602be;
  font-size:.21rem;
  line-height:.33rem;
  font-weight:600;
  text-align:center;
  background-image:linear-gradient(0deg,
  #e8ad31 0%,
  #f4e600 100%),
linear-gradient(
  #fff,
  #fff);
background-blend-mode:normal,
  normal;
}
.p02 .mask{
  position:absolute;
  top:.5rem;
  pointer-events:none;
  width:6.96rem;
  height:8.76rem;
}
.p03{
  padding:.7rem 0 1.14rem;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-bottom:.86rem;
  background:url(images/p03_bg.jpg)repeat-y;
  background-size:7.5rem;
  overflow:hidden
}
.p03 .title{
  width:4.69rem;
}
.p03 .box{
  padding:.2rem;
  box-sizing:border-box;
  margin-top:.6rem;
  width:6.21rem;
	background:#fff;
	border-radius:.12rem;
}
.p03 .mask{
  position:absolute;
  top:12rem;
  right:.6rem;
  width:.76rem;
  pointer-events:none;
  height:.72rem;
}
.brand-swiper-container{position:relative;padding-left:.2rem;overflow:hidden}
.brand-swiper-container .swiper-slide{width:auto}
.brand-swiper-container .swiper-slide p{display:block;font-size:.3rem;padding-bottom:.08rem;float:left}
.brand-swiper-container .swiper-slide.on{color:#eb1e1e;border-bottom:2px solid #eb1e1e}
.brand-list{
  width:100%;
  margin:.22rem auto 0;
  position:relative;
  
}
.brand-list ul{
  display:flex;
  flex-wrap:wrap;
  width:100%;
}
.brand-list ul::-webkit-scrollbar{
  width:1px;    
}
.brand-list ul li:nth-child(2n+1){
  margin-right:.2rem;
  margin-left:.02rem;
}
.brand-list ul li{
  padding:.24rem;
  margin-top:.04rem;
  margin-bottom:.22rem;
  width:2.3rem;
  height:2.4rem;
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.2);
  border-radius:.08rem;
}
.brand-list ul li img{
  width:2.3rem;
  height:.82rem
}
.brand-list ul li .bold{
  margin-top:.12rem;
  height:.44rem;
  font-size:.32rem;
  font-weight:bold;
  color:#000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.brand-list ul li p{
  margin:.06rem 0 .08rem;
  color:#999;
  font-size:.24rem;
  line-height:.34rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.brand-list ul li span{
  font-size:.34rem;
  color:#eb0000;
  line-height:.56rem
}
.brand-list ul li span em{
  font-size:.4rem
}
.btm-text{
  padding:.4rem 0;
  text-align:center;
  font-size:.24rem;
  color:#000;
}
.more-text{
  margin:.2rem auto 0;
  width:2rem;
}
.more-text p{
  width:2rem;
  padding:.1rem 0;
  border-radius:.5rem;
  text-align:center;
  font-size:.24rem;
  color:#fdbc73;
  border:1px solid #fdbc73;
}
.dialog01{
  position:fixed;
  display:flex;
  align-items:center;
  justify-content:center;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(27,27,27,.6);
  z-index:999;
}
.dialog01 .wrap{
  position:relative;
  width:6.21rem;
  height:6.53rem;
  background:url(images/form_bg.png)  no-repeat;
  background-size:100% 100%;
}
.dialog01 .wrap form{
  margin:3rem auto 0;
  width:5.6rem;
  box-sizing:border-box;
  border-radius:5px;
}
.dialog01 .wrap .exit{
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:-1.2rem;
  width:.7rem;
  height:.7rem;
}
.dialog01 .wrap .form-group{
  margin-bottom:.15rem;
  width:100%;
  padding-left:.24rem;
  height:.76rem;
  border-style:solid;
	border-width:1px;
	border-image-source:linear-gradient(135deg,
		#05d3ff 0%,
		#0e15ac 100%);
	border-image-slice:1;
  box-sizing:border-box;
}
.dialog01 .wrap .check{
  display:flex;
  flex-direction:row;
}
.dialog01 h3{
  width:100%;
    padding:0 0 .15rem;
    text-align:center;
    font-weight:normal;
    font-size:.24rem;
    color:#999;
}
.dialog01 .wrap .check input{
  flex:auto;
    width:50%;
    height:.7rem;
    line-height:.7rem;
    margin:0 .05rem;
    padding:0;
    font-size:.24rem;
    text-indent:.1rem;
    color:#666;
    background:unset;
    border-style:solid;
    border-width:1px;
    border-image-source:linear-gradient(135deg,
      #05d3ff 0%,
      #0e15ac 100%);
    border-image-slice:1;
    box-sizing:border-box;
    border-radius:.05rem;
}
.dialog01 .wrap select.form-group{
  padding-left:1em;
  float:left;
}
.dialog01 .wrap select{
  color:#6a6969;
}
.dialog01 .wrap .cl{
  overflow:hidden;
}
.dialog01 .wrap .btn-submit{
  float:left;
  border:unset;
  width:100%;
	margin-top:.32rem;
  height:.8rem;
  line-height:.8rem;
  font-size:.24rem;
  font-weight:600;
  color:#fff;
  background-image:linear-gradient(139deg,
		#1502be 0%,
		#6a057f 54%,
		#bf0740 100%);
  border-radius:.05rem;
}
.dialog01 .wrap .mask{
  position:absolute;
  top:-0.8rem;
  width:7rem;
  left:-0.5rem;
  pointer-events:none;
}
.p04{box-sizing:border-box;padding:.85rem;display:flex;flex-direction:column;align-items:center;background:url(images/p04_bg.jpg);background-size:cover;}
.p04 .title{width:6.18rem;margin-bottom:.28rem;}
.p04 .card{
  width:6.21rem;
  height:1.56rem;
}
.p04 a{
  border-radius:.15rem;
  border:1px solid #bf0740;
  margin-top:.36rem;
  width:6.21rem;
    height:1.56rem;
    margin-top:.36rem;
}
.p04 .card .go{
  float:right;
  margin:.44rem .28rem 0 0;
  width:.7rem;
	height:.7rem;
  border-radius:50%;
}
.p04 a:nth-child(2){
  background:url(images/p04_card01.png?4546);
  background-size:cover;
}
.p04 a:nth-child(3){
  background:url(images/p04_card02.png?4546);
  background-size:cover;
}
.p04 a:nth-child(4){
  background:url(images/p04_card03.png?4546);
  background-size:cover;
}
.p04 a:nth-child(5){
  background:url(images/p04_card04.png?4546);
  background-size:cover;
}
.p04 a:nth-child(6){
  background:url(images/p04_card05.png?4546);
  background-size:cover;
}
.p04 p{
  font-size:.24rem;
  margin-top:.8rem;
  color:#fff;
}
.browser-mask{
  display:none;
  position:fixed!important;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  z-index:999999;
  touch-action:pan-x;
}
.browser-mask .wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:100%;
  height:100%;
}
.browser-mask .wrap .box{
  padding:.3rem;
  border-radius:4%;
  background:#fff;
}
.browser-mask .wrap .box .btn{
  width:2.2rem;
  height:.5rem;
  background:linear-gradient(#FF6464,#FF3C3C);
  margin:.3rem auto 0;
  border-radius:2rem;
  color:#fff;
  font-size:.2rem;
  text-align:center;
  line-height:.5rem;
}
.browser-mask .wrap .box img{
  width:3rem;
  height:3rem;
}
.browser-mask .wrap .box p{
  text-align:center;
  font-size:.2rem;
}
.tohy.show{display:block;right:.2rem;}
.top.show{display:block;right:.2rem;}
.top{
  position:fixed;
  display:none;
  bottom:1.8rem;
  height:1rem;
  width:1rem;
  background:rgba(0,0,0,.6);
  border-radius:50%;
}
.tohy{
  position:fixed;
  display:none;
  bottom:3rem;
  height:1rem;
  width:1rem;
  background:rgba(0,0,0,.6);
  border-radius:50%;
}
.tohy p{
  color:#fff;
  font-size:.24rem;
  text-align:center;
  width:.5rem;
  margin:.18rem auto;
}
css-icon{
  display:inline-block;
  height:1rem;width:1rem;
  font-size:20px;
  box-sizing:border-box;
  text-indent:-9999px;
  vertical-align:middle;
  position:relative;
  color:#fff;
}
css-icon::before,
css-icon::after{
  content:'';
  box-sizing:inherit;
  position:absolute;
  left:50%;top:50%;
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.icon-arrow-up::before{
  height:.65em;width:.65em;
  border-style:solid;
  border-width:2px 0 0 2px;
  transform:translate(-50%,-25%) rotate(45deg);
}

.back{position:fixed;right:.2rem;bottom:.5rem;width:1rem;height:1rem;background:url(images/back.png) no-repeat;background-size:100% 100%;}