body,html{ margin:0; padding:0; color:#f5e8ca; background: #0d0009; height: 100%; overflow: hidden; font-family: "Microsoft YaHei"; 
  -webkit-font-smoothing: antialiased;
}
ul,li,p,strong,h3,table,form,tr,td,ol,dl,dd,dt,map,area,input,textarea{ margin:0; padding:0; border:0; list-style:none;}
*{ margin:0px; padding:0px; }
img{ border:0; touch-callout:none; -webkit-touch-callout:none; max-width: 100%; }
a{ text-decoration:none; outline:none;  color:#660000; cursor: pointer; }
a:active{  
	background-color:none;  
}  
.banner{ display:block;  *hide-focus:expression(this.hideFocus=true);}
.com{ display:block; margin:0 auto;}
.mt8{ margin-top:8px;}
.p2em{ text-indent:2em;}
.clr{ clear:both; height:0px; overflow:hidden; display:block;}
.red{ color:#FF0000;}
.red_ee{ color:#ec2020;}
.f20{ font-size:20px;}
.f14{ font-size:14px;}
.l{ float:left;}
.banner{ display:block; }
.f50{ left:50%; }
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button{ opacity:0; pointer-events:none; }

.delay03{ -webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.trs06{ -webkit-transition-duration:0.6s; -ms-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s; }
#fire {  position: absolute;  width: 2560px;  height: 100%;  left: 50%;  top: 0;  margin-left: -1280px;  overflow: hidden; }
#stage {  display: inline-block;  width: 100%;  height: 100%; }

.wrapbg{ width: 100%; height: 100%; max-width: 7.5rem; overflow: hidden; position: relative; margin: 0 auto; font-size: 0.16rem; background:url(../images/bg.jpg) no-repeat center 0; background-size: 100% auto;; }
.wrap{ width: 100%; padding: 3.1rem 0 0; }
.slogan{ position: relative; width: 7.5rem; height: 4rem; background:url(../images/slogan.png) no-repeat center 0; background-size: 7.5rem 4.94rem; }

.wrap-pag{ display: none; }
.wrap-swiper {  width: 100%;  height: 100%;  margin-left: auto;  margin-right: auto; }
.wrap-swiper .swiper-slide{ height: 100%; overflow: hidden; }
.arrow{ position: absolute; left: 50%; bottom: 0.6rem; width: 0.79rem; height: 0.4rem; margin-left: -0.4rem; background:url(../images/arrow.png) no-repeat; background-size: contain; z-index: 2; }
.arrow.cur{ -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); -webkit-transform-origin: 50% center; transform-origin: 50% center; }
.arrow{
	-webkit-animation: arrow 0.6s linear infinite alternate;
	animation: arrow 0.6s linear infinite alternate;
}
@keyframes arrow{
    0%{ margin-bottom: 0; }
    100%{ margin-bottom: -0.2rem; }
}
.logo{
	position: absolute; width: 1.69rem; height: 0.65rem; left: 0.2rem; top: 0.1rem; background:url(../images/logo.png) no-repeat; background-size: 100% auto;
}
.s4{
	position: absolute; width: 2.8rem; height: 0.71rem; right: 0.2rem; top: 0.1rem; background:url(../images/s4.png) no-repeat; background-size: 100% auto;
}
.btn{
	position: absolute; width: 1.43rem; height: 0.57rem; right: 0.25rem; top: 0.78rem; background:url(../images/btn.png) no-repeat; background-size: 100% auto; z-index: 2;
}
.banner{ display: block; width:6.76rem; height: 2.91rem; margin: 0.2rem auto 0.3rem; background:url(../images/banner.png) no-repeat; background-size: 100% auto; }

.textbg{ display: none; align-items: center; width: 6.6rem; height: 0.72rem; overflow: hidden; margin: 0 auto; background-color: #431e27; border: solid 0.02rem #000; border-radius: 0.16rem; color: #fff; text-shadow: 0.02rem 0.02rem 0.02rem #000,-0.02rem -0.02rem 0.02rem #000; font-size: 0.26rem; }
.textbg.cur{ display: flex; }
.textbg input{ display: block; background: none; margin:0 0.25rem; width: 4.68rem; height: 100%; color: #fff; font-size: 0.26rem; outline: none; }
.submit,.copybtn{ display: block; width: 1.27rem; height: 0.56rem; text-align: center; line-height: 0.56rem; background-color: #7b4755; border: solid 0.02rem #000; color: #fff; border-radius: 0.12rem; }
.texttt{ display: flex; width: 1.34rem; height: 100%; justify-content: center; align-items: center; border-right:solid 0.02rem #000; background-color: #5f333f; }
#copytext{ margin: 0 0.25rem; width: 3.32rem; font-size: 0.32rem; }

.pic-swiper{ width: 6.2rem; height: 3.46rem; margin: 0 auto; border: solid 0.02rem #000; background-color: #6d404e; }
.pic-swiper .swiper-slide{ display: flex; justify-content: center; align-items: center; }
.pic-swiper img{ width: 6.04rem; height: 3.34rem; }
.pic-pag{ display: block; width: 100%; text-align: center; margin: 0.3rem auto 0; }

.swiper-pagination-bullet{ border: solid 0.04rem transparent; background: #583437; border-radius: 50%; margin: 0 0.1rem; opacity: 1; }
.swiper-pagination-bullet-active{ background: none; border: solid 0.04rem #93575a;  }

.tt{ display: block; width: 3.84rem; height: 0.33rem; margin: 0.3rem auto; background:url(../images/tt.png) no-repeat; background-size: 100% auto; }
.guize{ display: flex; flex-wrap: wrap; width: 6.3rem; margin: 0 auto; font-size: 0.22rem; color: #ffd9d9; line-height: 2; }
.guize p{ display: block; width: 5.82rem; text-shadow: 0.02rem 0.02rem 0.02rem #000,-0.02rem -0.02rem 0.02rem #000; }
.guize font{ color: #ffdc50; }
.guize span{ display: flex; justify-content: center; align-items: center; width: 0.26rem; height: 0.26rem; margin: 0.1rem 0.1rem 0 0; overflow: hidden; text-indent: -999px; background-color: #f3c4c4; color: #000; border-radius: 50%; border: solid 0.02rem #000; background-position: center; background-repeat: no-repeat; }
.guize span.t1{ background-size: 0.1rem 0.14rem; background-image:url(../images/01.png); }
.guize span.t2{ background-size: 0.13rem 0.14rem; background-image:url(../images/02.png); }
.guize span.t3{ background-size: 0.12rem 0.15rem; background-image:url(../images/03.png); }
.guize span.t4{ background-size: 0.13rem 0.15rem; background-image:url(../images/04.png); }
.guize span.t5{ background-size: 0.13rem 0.15rem; background-image:url(../images/05.png); }
.guize span.t6{ background-size: 0.13rem 0.15rem; background-image:url(../images/06.png); }

.tips{ position: fixed; width:300px; height: 60px; background: url(../images/tips.png) no-repeat; background-size: 100% auto; left: 50%; top: 50%; color: #fff; line-height: 34px; text-align: center; z-index: 111; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%,-100%); transform: translate(-50%,-100%); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; font-size: 16px; }
.tips.cur{  -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); visibility: visible; opacity: 1; }