/*@import url(animation.css);
@import url(animate.css);*/
body,
div,
p,
ul,
li,
ol,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
input,
img,
a,
button,
select,
table,
tr,
th,
td,
label,
textarea {
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  border: 0 none;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
@font-face {
    font-family: SourceHanSansCN;
    src: url("../fonts/SourceHanSansCN-Bold.otf");
}
body,
button {
  font-size: 14px;
  font-family: "microsoft yahei";
}
body {
  position: relative;
  overflow: hidden;
}
.body {
  position: relative;
  background-size: 100% 100%;
  overflow: hidden;
    /*background: url('../images/bg.jpg') center no-repeat;*/
}
body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 100px;
  color: #000;
  margin: 0;
  padding: 0;

}

.sec1bg{
	width:7.5rem;
	height:4.22rem;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translate(0,-50%); 
    transform: translate(0,-50%);
}
.sec1bg .bg{
	width:100%;
	float:left;
}

/* .swiper1{
	position: absolute;
    width: 5.15rem;
    height: 2.2rem;
    top: 1.3rem;
    left: 0.35rem;
}
.swiper1 .swiper-slide{
	width:100%;
	height:100%;
} */
.avatar{
	border-style: solid;
    border-width: 0.04rem;
    border-color: #001cbc;
    border-radius: 50%;
    background-color: #001cbc;
    position: absolute;
    left: 0.15rem;
    top: 0;
    width: 0.77rem;
    height: 0.77rem;
}
.atimg{
	width:0.77rem;
	height:0.77rem;
	border-radius:50%;
}
.nickname{
    font-size: 0.3rem;
    color: #000;
    position: absolute;
    top: 0.33rem;
    left: 1.15rem;
    font-weight: bold;
}
.question{
    width: 5.15rem;
    position: absolute;
    top: 0.98rem;
    left: 0.1rem;
    font-size: 0.3rem;
    overflow: hidden;
    max-height: 1.2rem;
	line-height:0.4rem;
	/*text-align:justify;*/
}
.questions{
	position: relative;
	font-weight:bold;
	margin:0 0.1rem;
}
.gomap{
    width: 2rem;
    position: absolute;
    height: 0.5rem;
    top: 3.05rem;
    left: 0.95rem;
}
.gomap2{
    width: 2rem;
    position: absolute;
    height: 0.5rem;
    top: 3.62rem;
    left: 0.95rem;
}
.gotocpic{
	width: 2.2rem;
    position: absolute;
    height: 0.5rem;
    top: 3.05rem;
    left: 4.5rem;
}
.goqa{
    width: 2.1rem;
    position: absolute;
    height: 0.5rem;
    top: 3.65rem;
    left: 4.55rem;
 }
.detail{
	width: 1.4rem;
    height: 1.3rem;
    position: absolute;
    top: 1.9rem;
    left: 5.75rem;
}

/* .sec2{ background: url('../images/bg2.jpg') no-repeat;background-size: 100%;z-index: 99;} */
.sec3{ background: url('../images/bg12.jpg') no-repeat;background-size: 100%;}

.sec2.actived{
    z-index: 9999;
}
.simg2{
    width: 100%;
    height: 16.24rem;
    float: left;
}
.p2title{
	background: url('../images/title1.png') no-repeat;
	background-size: 100%;
	position:absolute;
	left:0.51rem;
	top:2.1rem;
	width:6.42rem;
	height:0.99rem;
}
.navs{
    /* background: url("../images/nav.png") no-repeat;
    background-size: 100%; */
    position: absolute;
    width: 7.5rem;
    height: 0.66rem;
    left: 0;
    top: 2.32rem;
    text-align: center;
}
.nav {
    /* font-family: "SourceHanSansCN"; */
    font-size: 0.34rem;
    color: #317dbc;
    height: 0.76rem;
    line-height: 0.66rem;
    position: absolute;
    width: 1.52rem;
}
.nav:first-child{
    left: 2rem;
}
.nav:last-child{
    left: 3.9rem;
}
.nav.active{
    font-size: 0.34rem;
    color: #333333;
}
.hengxian{
    background: url("../images/hengxian.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 1.52rem;
    height: 0.16rem;
    bottom: 0;
    left: 0;
    display: none;
}
.yuan{
    background: url("../images/yuan.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    top: 0.1rem;
    left: 1.5rem;
    display: none;
}
.nav.active .hengxian,.nav.active .yuan{
    display: block;
}
.page0{
    /* background: url("../images/bg.jpg") no-repeat;
    background-size: 100%; */
    width: 7.5rem;
    height: 16.24rem;
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
    overflow: hidden;
}
.page0.actived{
    display: block;
}
.page1{
    width: 7.5rem;
    height: 16.24rem;
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
    overflow: hidden;
}
.page2{
    width: 7.5rem;
    height: 16.24rem;
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
    overflow: hidden;
}
.pbg{
    width: 100%;
    float: left;
}
.guohui{
    background: url("../images/guohui.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.61rem;
    top: 2.15rem;
    width: 6.27rem;
    height: 0.82rem;
    z-index: 79;
}
.title{
    background:url("../images/title.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
    left: 0.48rem;
    top: 3.38rem;
    width: 6.51rem;
    height: 1.16rem;
    z-index: 32;
/*     opacity:0;
    -webkit-transform: translate(0, 0) scale(0) rotate(0) skew(0);
    transform: translate(0, 0) scale(0) rotate(0) skew(0);
    animation: show 1s ease-in-out forwards;
    -webkit-animation: show 1s ease-in-out forwards; */
}
.tdbtn1{
    background: url("../images/tdbtn1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 3.99rem;
    top: 4.95rem;
    width: 2.55rem;
    height: 2.13rem;
    z-index: 52;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 0.75s ease-in-out infinite alternate;
    -webkit-animation: show 0.75s ease-in-out infinite alternate;
}
.tdbtn2{
    background: url("../images/tdbtn2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.52rem;
    top: 6.7rem;
    width: 2.86rem;
    height: 2.22rem;
    z-index: 53;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 0.75s ease-in-out infinite alternate;
    -webkit-animation: show 0.75s ease-in-out infinite alternate;
}
.tdbtn3{
    background: url("../images/tdbtn3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 4.47rem;
    top: 7.45rem;
    width: 2.07rem;
    height: 1.6rem;
    z-index: 54;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 0.75s ease-in-out infinite alternate;
    -webkit-animation: show 0.75s ease-in-out infinite alternate;
}
.hand{
    background: url("../images/hand.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.75rem;
    height: 0.96rem;
    left: 6.14rem;
    top: 8.54rem;
    z-index: 60;
    /* opacity: 0; */
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out infinite alternate;
    -webkit-animation: show 1s ease-in-out infinite alternate;
}
.wytd,.tjztd,.dbtd{
    display: none;
}
.wytitle{
    background: url("../images/p2title1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.83rem;
    top: 2.83rem;
    width: 5.83rem;
    height: 1.07rem;
    z-index: 103;
}
.tjztitle{
    background: url("../images/p2title2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.47rem;
    top: 2.83rem;
    width: 6.55rem;
    height: 1.2rem;
    z-index: 75;
}
.dbtitle{
    background: url("../images/p2title3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.83rem;
    top: 2.83rem;
    width: 5.81rem;
    height: 1.06rem;
    z-index: 103;
}
.wybtn1{
    background: url("../images/wyrc1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 4.04rem;
    top: 7.57rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 100;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.wybtn2{
    background: url("../images/wyrc2.png?0111") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.76rem;
    top: 7.57rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 99;
    -webkit-transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.wybtn3{
    background: url("../images/wyrc3.png") no-repeat;
    background-size: 100%;
    position: absolute;

    left: 2.43rem;
    top: 10.01rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 98;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.wybtn4{
    background: url("../images/wyrc4.png") no-repeat;
    background-size: 100%;
    position: absolute;

    left: 4.01rem;
    top: 4.89rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 97;
    -webkit-transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.wybtn5{
    background: url("../images/wyrc5.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.76rem;
    top: 4.89rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 96;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.tjzbtn1{
    background: url("../images/tjzrc1.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.81rem;
    top: 4.94rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 70;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.tjzbtn2{
    background: url("../images/tjzrc2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 3.79rem;
    top: 6.52rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 66;
    -webkit-transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.tjzbtn3{
    background: url("../images/tjzrc3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1.46rem;
    top: 8.88rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 60;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}

.dbbtn1{
    background: url("../images/dbrc1.png?0113") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.76rem;
    top: 4.89rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 100;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.dbbtn2{
    background: url("../images/dbrc2.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 4.01rem;
    top: 4.89rem;
    width: 2.71rem;
    height: 1.85rem; 
    z-index: 99;
    -webkit-transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.dbbtn3{
    background: url("../images/dbrc3.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.76rem;
    top: 7.57rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 98;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.dbbtn4{
    background: url("../images/dbrc4.png") no-repeat;
    background-size: 100%;
    position: absolute;   
    left: 4.04rem;
    top: 7.57rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 97;
    -webkit-transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(-3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.dbbtn5{
    background: url("../images/dbrc5.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2.43rem;
    top: 10.01rem;
    width: 2.71rem;
    height: 1.85rem;
    z-index: 96;
    -webkit-transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    transform: translate(0, 0) scale(1) rotate(3deg) skew(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.hand2{
    background: url("../images/hand.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 6.05rem;
    top: 6.75rem;
    width: 0.76rem;
    height: 0.97rem;
    z-index: 99;
    /* opacity: 0; */
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    animation: show 1s ease-in-out infinite alternate;
    -webkit-animation: show 1s ease-in-out infinite alternate;
}
.tjztd .hand2{
    top: 8.15rem;
}
.back{
    background: url("../images/back.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2.49rem;
    top: 12.78rem;
    width: 2.57rem;
    height: 1.12rem;
    z-index: 83;
}
.back2,.back3,.back4{
    background: url("../images/back.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2.49rem;
    top: 12.78rem;
    width: 2.57rem;
    height: 1.12rem;
    z-index: 141;
}
.wycont,.tjzcont,.dbcont{
    display: none;
}
.swiper1,.swiper2,.swiper3{
    width: 7.5rem;
    height: 10.02rem;
    position: absolute;
    left: 0;
    top: 2.56rem;
}
.swiper1 .swiper-slide,.swiper2 .swiper-slide,.swiper3 .swiper-slide{
    width: 5.87rem !important;
    height: 100%;
    /* background: url("../images/p3contbg.png") no-repeat;
    background-size: 100%; */
    /* margin: 0 0.3rem; */
}
.simg{
    width: 5.87rem;
}
.video{
    position:absolute;
    left: 0.3rem;
    top: 1.33rem;
    width: 5.32rem;
    height: 3rem;
	z-index:53;
}
video{
    background: #000;
    /* object-fit: fill; */
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.videobg{
    position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.vbg{
    width: 100%;
    height: 100%;
    float: left;
}
.vbg2{
    width: 100%;
    height: 100%;
    float: left;
}
.playbtn2{
    width: 0.55rem;
    height: 0.6rem;
    position: absolute;
    top: 2.26rem;
    left: 0.26rem;
}
.sconts{
    width: 5.32rem;
    height: 3.7rem;
    position: absolute;
    left: 0.3rem;
    top: 6.1rem;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: justify;
    -webkit-overflow-scrolling: touch;
}
.sconts p{
    font-size: 0.3rem;
    color: #333333;
    text-indent: 2em;
}
.swiper2 .sconts{
    height: 4.1rem;
    top: 5.7rem;
}
.logo{
    background: url("../images/logo.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0.79rem;
    top: 13.8rem;
    width: 5.74rem;
    height: 0.33rem;
    z-index: 17;
}


.tips{
	/* background: url(../images/bg3.png) no-repeat;
    background-size: 100%; */
    width: 7.21rem;
    height: 11.3rem;
    position: absolute;
    left: 0.15rem;
    top: 3.4rem;
    display: none;
    z-index: 10;
}
.tipconts{
    width: 6.71rem;
    height: 11.3rem;
    position: absolute;
    top: 0;
    left: 0.25rem;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.tipconts ul{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: scroll;
}
.tipconts li{
    position: relative;
    width: 6.71rem;
    height: 3.38rem;
    left: 0;
    top: 0;
}
.tipconts li:nth-child(odd){
    background: url("../images/libg1.png") no-repeat;
    background-size: 100%;
}
.tipconts li:nth-child(even){
    background: url("../images/libg2.png") no-repeat;
    background-size: 100%;
}
.tipconts li a{
    width: 100%;
    height: 100%;
    display: block;
}
/* .ltitle{
    font-family: "SourceHanSansCN";
    width: 5.88rem;
    max-height: 1.8rem;
    line-height: 0.6rem;
    font-size: 0.46rem;
    color: #fff;
    position: absolute;
    left: 0.44rem;
    letter-spacing: 0.028rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: justify;
} */
.xiangqing{
    background: url("../images/xiangqing.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 0.72rem;
    height: 0.23rem;
    top: 2.7rem;
    left: 5.6rem;
}
.sec3{
	width:100%;
	height:16.24rem;
	position: absolute;
	top:0;
	left:0;
	background: rgba(0,0,0,0);
	z-index:99999;
	display:none;
}
.sec3bg{
	width:7.5rem;
	height:100%;
	position:absolute;
	top:0;
}
.asks{
	background:url("../images/askbg.png") no-repeat;
	background-size:100%;
	position: absolute;
	width:7.5rem;
	height:10.46rem;
	bottom: 0;
	left:0;
	z-index:99999;
}
.asks.actived{
	transform:translate(0,15rem);
	-webkit-transform:translate(0,15rem);
	-webkit-animation: show 0.5s linear forwards;
	animation: show 0.5s linear forwards;
}
.close{
	background:url("../images/close.png") no-repeat;
	position:absolute;
	background-size:100%;
	width:0.19rem;
	height:0.19rem;
	left: 6.9rem;
    top: 0.7rem;
}
.qs{
	border: none;
    background: none;
    background-size: 100% 100%;
    border-radius: 0.13rem;
    /* text-indent: 0.1rem; */
    position: absolute;
    left: 0.55rem;
    top: 1.45rem;
    width: 6.4rem;
    height: 2.56rem;
    z-index: 143;
    font-size: 0.28rem;
    color: #7c879c;
    line-height: 0.42rem;
    text-align: justify;
}
.submit{
	background:url("../images/ask2.png") no-repeat;
	background-size:100%;
	position:absolute;
	width:2.16rem;
	height:0.62rem;
	top: 4.5rem;
    left: 4.9rem;
}
.hisasks{
	position:absolute;
	top:6.7rem;
	left:0.45rem;
	width:6.59rem;
	height:3rem;
}
.hisul{
	width:100%;
	height:100%;
	overflow-y:scroll;
}
.hisli{
	position:relative;
	margin-bottom:0.2rem;
}
.lititle3{
    font-size: 0.3rem;
    color: #000;
    font-weight: 700;
    /* left: 0.15rem; */
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: justify;
}
.hisanswer{
	margin-top: 0.15rem;
    margin-bottom: 0.1rem;
    position: relative;
}
.hisanswer p{
	font-size: 0.28rem;
    color: #000;    
    line-height: 0.5rem;
	text-indent:2em;
    text-align: justify;
}
.liintro3{
	font-size: 0.28rem;
    color: #000;
    margin-top: 0.15rem;
    line-height: 0.45rem;
    text-indent: 2em;
}
.msgnote {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}
.msgnote11{
     background: url('../images/msg.png') center no-repeat;background-size: 100%;
     width: 5.55rem;
     height: 2.34rem;
     position: absolute;
     top: 5.9rem;
     left:0.975rem;
     z-index: 9999;
 }
.msgnote111{
    background: url('../images/msg.png') center no-repeat;background-size: 100%;
}

.msgnote p{
    font-size: 0.4rem;
    color: #3066c3;
    position: absolute;
    width: 100%;
    top: 0.9rem;
    text-align: center;
}
.btncls{
	width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 0.1rem;
    left: 5rem;
}
.btncls2{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    /*top: 0.7rem;*/
    /*left: 6.4rem;*/
    /*background: red;*/
    top: 7.1rem;
    left: 3.1rem;
    background: rgba(0,0,0,0.8);
    border-radius: 50%;
    text-align: center;
    font-size: 0.5rem;
    line-height: 0.8rem;
    color: #fff;
}
.btn{

    -webkit-transform: translate(5rem, 0) scale(0.8) rotate(360deg) skew(0);
    transform: translate(5rem, 0) scale(0.8) rotate(360deg) skew(0);
    -webkit-transform-origin: center;
    transform-origin: center;
}
.actived .btn{
    -webkit-animation: show 1s linear forwards;animation: show 1s linear forwards;
}

.panwrap{
    position: absolute;
    width:6.14rem;
    height: 6.14rem;
    top: 4.25rem;
    left: 0.7rem;
}
.panbg{
    background: url('../images/2p2.png') center no-repeat;background-size: 100%;
    display: block;
    width: 100%;
    height: 100%;

    transition: all 2s;
    -moz-transition: all 2s; /* Firefox 4 */
    -webkit-transition: all 2s; /* Safari 和 Chrome */
    -o-transition: all 2s; /* Opera */
}
.panbg.t1{
    -webkit-transform: rotate(1440deg);
    transform: rotate(1440deg);
}
.panbg.t2{
    -webkit-transform: rotate(1380deg);
    transform: rotate(1380deg);
}
.panbg.t3{
    -webkit-transform: rotate(1320deg);
    transform: rotate(1320deg);
}
.panbg.t4{
    -webkit-transform: rotate(1260deg);
    transform: rotate(1260deg);
}
.panbg.t5{
    -webkit-transform: rotate(1200deg);
    transform: rotate(1200deg);
}
.panbg.t6{
    -webkit-transform: rotate(1140deg);
    transform: rotate(1140deg);
}

.panjt{
    background: url('../images/2p1.png') center no-repeat;background-size: 100%;
    width:1.75rem;
    height: 2.1rem;
    top: 1.95rem;
    left: 2.2rem;
}

.sltlist{
    width: 100%;
    height: 4.1rem;
    top: 4.2rem;
    position: absolute;
    left: 0;
}
.sltlist span{
    width: 100%;
    height: 1.1rem;
    position: relative;
    display: block;
}
.sltlist span i{
    background: url('../images/wrong.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 0.61rem;
    height: 0.54rem;
    top: 0.15rem;
    left: 1rem;
    display: none;
}
.sltlist span.actived i{
    background: url('../images/right.png') center no-repeat;background-size: 100%;
}
.loadbtn{
    background: url('../images/picipt.png') center no-repeat;background-size:1.55rem 0.8rem;
    width: 1.55rem;
    height: 1.55rem;
    top: 4.9rem;
    left: 3rem;
}
.ppic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.pbgimg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.pimgwrap{
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 4.55rem;
    border-radius: 50%;
    left: 2.77rem;
    overflow: hidden;
    display: none;
}
.pimg{
    width: 100%;
}
.downnote{
     font-size: 0.24rem;
     padding: 0.1rem 0.3rem;
     border: 1px solid #ffb819;
     color: #ffb81a;
     top: 12rem;
     left: 2.5rem;
    display: none;
 }


.opawrap{
    width: 5rem;
    height: 3rem;
    position: absolute;
    top: 8.9rem;
    left: 1.2rem;
}
.opawrap span{
    width: 33%;
    height: 50%;
    float: left;
    display: block;
    position: initial;
}
.btns{
    width: 5.5rem;
    height: 0.7rem;
    position: absolute;
    top: 12rem;
    left: 1rem;
}
.againbtn{
    width: 2.5rem;
    height: 0.6rem;
    top: 0;
    left: 0;
}

.scebg,.mask{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: none;
}

.hcbtn{
    width: 2.5rem;
    height: 0.6rem;
    top: 0;
    left: 3rem;
}
.downbtn2{
    top: 12.8rem;
    width: 4.5rem;
    height: 0.5rem;
    left: 1.5rem;
}


.hcnote{
    background: url('../images/4p1.png') center no-repeat;background-size: 100%;
    width: 1.89rem;
    height: 0.34rem;
    top: 12.3rem;
    left: 2.7rem;
}
#topcon2,.hcimg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#topcon2.hcing .scebg,
#topcon2.hcing .ewm{
    display: block;
}
#topcon2.hcing .hcwrap {
    left: 0.5rem;
    top: 5rem;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.pname{
    width: 2.2rem;
    font-size: 0.3rem;
    text-align: center;
    top: 6.8rem;
    color: #feb81a;
    position: absolute;
    left: 2.7rem;
    background: none;
    border: 1px solid #ffb819;
    padding: 0.05rem 0;
}
.hced .pname{
    border:none;
}
.pnum{
    width: 100%;
    font-size: 0.35rem;
    text-align: center;
    top: 7.6rem;
    color: #efd2b6;
}
.ewm{
    width: 1.73rem;
    top: 3.3rem;
    left: 2.7rem;
    position: absolute;
}

.rltwrap{
    background: url('../images/rltbg.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 5.28rem;
    height:1.69rem;
    top: 3rem;
    left: 1.1rem;
}
.rlt{
    background: url('../images/rlt1.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 0.85rem;
    height:0.51rem;
    top: 1.1rem;
    left: 3.05rem;
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
}
.swiper-slide-active .rlt{
    -webkit-animation: show 2s linear forwards;animation: show 2s linear forwards;
}
.rlt1{background: url('../images/rlt1.png') center no-repeat;background-size: 100%;}
.rlt2{background: url('../images/rlt2.png') center no-repeat;background-size: 100%;}
.rlt3{background: url('../images/rlt3.png') center no-repeat;background-size: 100%;}
.rlt4{background: url('../images/rlt4.png') center no-repeat;background-size: 100%;}
.rlt5{background: url('../images/rlt5.png') center no-repeat;background-size: 100%;}
.rlt6{background: url('../images/rlt6.png') center no-repeat;background-size: 100%;}

.fulldvbtn{
    width: 4.85rem;
    height: 0.61rem;
    top: 6.3rem;
    left: 1.25rem;
}


.okwrap{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.okdiv{
    background: url('../images/p2_10.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 7.25rem;
    height: 7.08rem;
    top: 4rem;
    left: 0.125rem;
}
.okbtn{
    position: absolute;
    width: 3rem;
    height: 0.5rem;
    top: 5.7rem;
    left: 0.5rem;
}
.backbtn{
    position: absolute;
    width: 1rem;
    height: 100%;
    top: 0;
    left: 0rem;
}
.dtbtn{
    position: absolute;
    width: 2.4rem;
    height: 100%;
    top: 0;
    left: 3.1rem;
}


.backbtn2{
    position: absolute;
width: 2rem;
    height: 1rem;
    top: 0;
    left: 0rem;
}

.swiper-pagination-bullet {
    background: #fff;
  }

.re{position: relative;}
.ra{position: absolute;}
.rf{position: fixed;}
.sec {
  overflow: hidden;
  /*-webkit-transition: all 1s;*/
  /*transition: all 1s;*/
    z-index: 100;
}
.sec.actived{
    z-index: 200;
}

/*.loading{width:100%;height:100%;position: absolute;z-index: 999;    background: #f0fdff;}
.loading img{     width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }*/

.loadgif{
    position: absolute;
    width: 3.19rem;
    height: 1.29rem;
    top: 5.5rem;
    left: 2.1rem;
}
.audwrap{
    background: url('../images/music.png') center no-repeat;background-size: 100%; position: absolute;
    width: 0.67rem;
    height: 0.67rem;
    right: 0.3rem;
    top: 0.6rem;
    z-index: 99999;
}
.audwrap img{width: 100%;-webkit-animation: show 0.8s linear infinite;animation: show 0.8s linear infinite;opacity: 0;}
.audwrap.off{
    background: url('../images/music-off.png') center no-repeat;background-size: 100%; position: absolute;
}
.audwrap.on{
  -webkit-animation: rotateani 2s linear forwards infinite;animation: rotateani 2s linear forwards infinite;
}


.sharebtn{
    position: absolute;
    width: 2.65rem;
    height: 0.67rem;
    top: 0;
    left: 3.5rem;
}

.sharewrap span:nth-child(2){
    background: url(../images/downbg.png) center no-repeat;
    background-size: contain;
    position: absolute;
    width: 3.63rem;
    height: 2.18rem;
    left: 2rem;
    top: 11.3rem;
}


.sharediv{
    background: url('../images/p3btns.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 5.43rem;
    height: 0.89rem;
top: 12.6rem;
    left: 1.1rem;
}

.p3bg{
    width: 100%;
}
.maskbg{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    display: none;
}
.ccnote{
    background: url('../images/ccnote.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.23rem;
    height: 1.11rem;
    top: 4.7rem;
    left: 4.1rem;
    -webkit-transform: translate(-0.5rem,0.5rem);
    transform: translate(-0.5rem,0.5rem);
    -webkit-animation: show 0.5s linear alternate infinite;animation: show 0.5s linear alternate infinite;
}
.maskbg2{
    background: url('../images/p2_9.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 0;
    -webkit-animation: show 0.3s linear alternate infinite;animation: show 0.3s linear alternate infinite;
}



  @-webkit-keyframes rotateani {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotateani {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

.progress {
    width: 3.6rem;
    height: 0.3rem;
    /* border: 3px solid #f2a523; */
    position: absolute;
    left: 1.9rem;
    top: 5.5rem;
    right: auto;
    /* bottom: 0; */
    margin: auto;
    border-radius: 0.2rem;
}
.progressbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #66a482;
    -webkit-transition: width ease-in 200ms;
        border-radius: 0.2rem;
}
.percent {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    font-size: 0.3rem;
    color: #4b64a4;
    position: absolute;
    text-align: center;
    top: 0.5rem;
    font-weight: bold;
    left: 1.9rem;
}
.guoqi{
    background: url(../images/loading1.gif) center no-repeat;
    background-size: 50%;
    position: absolute;
    height: 2.77rem;
    width: 3.74rem;
    top: 2rem;
    left: 2.7rem;
    /*-webkit-transform: translate(0,4.3rem);*/
    /*transform: translate(0,4.3rem);*/
    /*animation : show 8s ease-in-out alternate forwards;*/
    /*-webkit-animation : show 8s ease-in-out alternate forwards;*/
}


/*span{
  position: absolute;
}*/


.secbg2,.secbg22{
    position: absolute;width: 100%;top: 0;left: 0;
}
.loadww{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: #f0fdff;
}
.playbtn{
    background: url('../images/playbtn.png') center no-repeat;background-size: contain;
    width: 2.15rem;
    height: 0.97rem;
    position: absolute;
    top: 10rem;
    left: 2.8rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation : show 1s 1s ease-in-out alternate infinite;
    -webkit-animation : show 1s 1s ease-in-out alternate infinite;
}

.vdbox2,.picscroll,
.videobox{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    z-index: 99999;
}
.vdbox2 .videobox{
    height: 4.23rem;
    top: 4rem;
}

.secbg22{opacity: 0;}
.section1.actived .secbg22{animation : show3 3s ease-in-out forwards;-webkit-animation : show3 3s ease-in-out forwards;}

  @-webkit-keyframes show3 {
    100%{
      opacity: 1;
    }
  }
  @keyframes show3 {
    100%{
      opacity:1;
    }
  }

.opera{position: absolute;width:5.46rem;height: 1.27rem;top:9rem;left:1rem;background: url('../images/1p2.png') center no-repeat;background-size: contain;/*-webkit-transform: translate(0,1rem);transform: translate(0,1rem);*/opacity: 0;}
.gobtn{
    top: 12.4rem;
    left: 1.2rem;
    width: 5rem;
    height: 1rem;
}
.section1.actived .opera{animation : show 0.5s 5s linear forwards;-webkit-animation : show 0.5s 5s linear forwards;}

.handwrap{
    position: absolute;
    width: 2.12rem;
    height: 2.09rem;
    bottom: -0.5rem;
    left: 2.6rem;
}

.mark{
    top: 2rem;
    width: 1rem;
    height: 1rem;
    left: 4rem;
}

.handnote{
    background: url(../images/hand.png) center no-repeat;
    background-size: contain;
    width:0.66rem;
    height:1rem;
    top: 2.7rem;
    left: 6.6rem;
    opacity: 0;
    animation: show 0.5s ease-in-out alternate infinite;
    -webkit-animation: show 0.5s ease-in-out alternate  infinite;
}
.handnote.moved{
    top: 12.9rem;
    left: 5.1rem;
}
.sec3 .handnote{
    top: 9.9rem;
    left: 3.4rem;
}

.sltdesc{
    position: absolute;
    width:2.96rem;
    height: 0.49rem;
    top: 10.25rem;
    left: 2.2rem;
}
.td1{
    background: url(../images/p2_6_1.png) center no-repeat;
    background-size: contain;
}
.td2{
    background: url(../images/p2_6_2.png) center no-repeat;
    background-size: contain;
}
.td3{
    background: url(../images/p2_6_3.png) center no-repeat;
    background-size: contain;
}
.td4{
    background: url(../images/p2_6_4.png) center no-repeat;
    background-size: contain;
}
.td11{
    background: url(../images/p2_8_1.png) center no-repeat;
    background-size: contain;
}
.td22{
    background: url(../images/p2_8_2.png) center no-repeat;
    background-size: contain;
}
.td33{
    background: url(../images/p2_8_3.png) center no-repeat;
    background-size: contain;
}
.td44{
    background: url(../images/p2_8_4.png) center no-repeat;
    background-size: contain;
}

.section2{position: absolute;width: 100%; height: 100%;left: 0;top: 0;overflow-y: auto;display: none;-webkit-overflow-scrolling: touch;}
.secbg3{width: 100%;}

.piclsbtn{width: 0.62rem;
    height: 0.62rem;
top: 0.2rem;
    right: 0.2rem;
    background: url(../images/closebtn.png) center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 999;
    border-radius: 50%;}

.joinchat{position: absolute;width:1.94rem;height: 0.46rem;top: 15.76rem;left: 2.7rem;background: url('../images/2p1.png') center no-repeat;background-size: contain;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
      animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate  infinite;
  }
.cmtwrap{position: absolute;width: 6.03rem;height: 3.13rem;top: 39.6rem;left: 1.3rem;}
.cmtwrap2{position: absolute;width: 6.08rem;height: 3.65rem;top: 31.85rem;left: 1.3rem;}
.cmtbtn{
  position: absolute;width:0.62rem;height: 0.38rem;top: 0;right: 0;background: url('../images/2p2-1.png') center no-repeat;background-size: contain;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
      animation: show 0.6s ease-in-out alternate infinite;
    -webkit-animation: show 0.6s ease-in-out alternate  infinite;
}
.cmtbg{
  position: absolute;width:3.24rem;height: 0.68rem;top: 0;right: 0.85rem;background: url('../images/2p2-2.png') center no-repeat;background-size: contain;display: none;
}
.cmtopera{
  position: absolute;width:1.6rem;height: 0.68rem;top: 0;right: 0.85rem; display: none;
}
.cmtrlt{
  position: absolute;width:6.08rem;height: 0.53rem;bottom: 0.1rem;left: -0.08rem;background: url('../images/2p3.png') center no-repeat;background-size: contain; display: none;
}
.cmtwrap2 .cmtrlt{width:6.08rem;height: 0.61rem;background: url('../images/2p3-2.png') center no-repeat;background-size: contain;}
.zanwrap{
  position: absolute;width: 6.03rem;height: 1.1rem;top: 54.8rem;left: 1.3rem;

}
.zanwrap .cmtbg{background: url('../images/2p2-3.png') center no-repeat;background-size: contain;display: none;top: -0.15rem;}
.zanwrap .cmtopera{width:1.6rem;height: 0.68rem;top: 0;right: 2.5rem; display: none;}
.zanwrap .cmtrlt{
  position: absolute;width:4.55rem;height: 0.64rem;bottom: 0.1rem;left: -0.08rem;background: url('../images/2p4-1.png') left center no-repeat;background-size: 4.08rem 0.64rem; display: block;
}
.zanwrap .cmtrlt.clicked{background: url('../images/2p4-2.png') left center no-repeat;background-size: 4.55rem 0.64rem;}

.p11{position: absolute;width: 100%;height: 100%;background: #000;top: 0;left: 0;display: none;}
.p11 img{
  width: 100%;position: absolute;top: 50%;
    -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
}
.ygcf{
  width: 2.77rem;height: 4.5rem;top:27.3rem;left: 1.3rem;
}



.qmbtn{
  width: 2.85rem;height: 4rem;background: url('../images/1p3.png') right bottom no-repeat;background-size:0.53rem 0.71rem; top:86.9rem;left: 1.3rem;opacity: 0;
        animation: show 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s ease-in-out alternate  infinite;
}

/*群聊*/
.pyq{
  position: absolute;width: 100%;height: 100%;overflow: hidden;background: #ededed;display: none;
}
.qlcon{
  width: 100%;
    height: 80%;
    overflow: hidden;
}
.hotname{width:100%;height: 1.08rem;background: url('../images/btm_up.jpg') center no-repeat;background-size:contain; top: 0;left: 0;    position: initial;display: block;z-index: 999;}
.bannar{position: absolute; width:100%;height: 1.15rem;background: url('../images/btm.jpg') center no-repeat;background-size:contain; bottom: 0;left: 0;}
.qlcon img{margin: 0.45rem 0 0 0.25rem; display: block;width:5.98rem;}
.zanani{
  /*background: url('../images/gif2.gif') center no-repeat;background-size:contain;    */
  top: 0.24rem;
    left: 0.9rem;
    width: 2.32rem;
    height: 0.69rem;
    position: absolute;
}

.qlcon img:nth-child(1){width:3.62rem;}
.qlcon img:nth-child(3){width:5.78rem;}
.qlcon img:nth-child(5){width:4.42rem;}
.qlcon img:nth-child(10){width:3.92rem;}
.qlcon img:nth-child(11){width:2.62rem;}
.qlcon img:nth-child(12){width:2.66rem;margin: 0.45rem 0 0 4.6rem;}

.vd1,.vd1wrap{position: absolute;width: 5.96rem;height: 3.33rem;top: 20.8rem;left: 1.22rem;}
.vd2,.vd2wrap{position: absolute; width: 5.96rem; height: 3.33rem;top: 67.9rem; left: 1.22rem;}
.vd1,.vd2{display: none;}
.vd1wrap{background: url('../images/poster2.jpg') center no-repeat;background-size:contain; }
.vd2wrap{background: url('../images/poster1.jpg') center no-repeat;background-size:contain; }


.sendbtn{position: absolute;width:1.36rem;height: 0.75rem;bottom: 0.2rem;right: 0.2rem;background: url('../images/btm2.png') left center no-repeat;background-size:contain;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
      animation: show 0.6s ease-in-out alternate infinite;
    -webkit-animation: show 0.6s ease-in-out alternate  infinite;
    display: none;
}

.qmwrap{
  position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
}
.secwrap2{
/*      position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);*/
}
.sigwrap{
    width: 100%;
    height: 6rem;
    top: 6rem;
    left: 0;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.txtnote{
  width:3.22rem;height: 0.35rem;background: url('../images/4p4.png') center no-repeat;background-size:contain; top: 0.2rem;left: 2.2rem;  
}
.js-signature {
    width: 7rem;
    height: 3.4rem;
    position: absolute;
    top: 1rem;
    left: 0.24rem;
    background: #f7f5f5;
}
.js-signature canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.btn_clear {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    border: none;
}
.btn_submit {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    left: 3.1rem;
    background: none;
    border: none;
}
.sigbg{
  position: absolute;width: 5.6rem;height: 0.62rem;background: url('../images/4p3.png') center no-repeat;background-size: 100%;bottom: 0;left:1rem;
}

.canvas_copy {
    width: 7.5rem;
    height: 10.75rem;
    position: absolute;
    /*z-index: 9999;*/
    top: 6.7rem;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: none;
}
.hcbg,.hcbg2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#signature {
    position: absolute;
    width: 2.1rem;
    height: 1rem;
    top: 3rem;
    left: 0.9rem;
    font-size: 0.3rem;
    line-height: 1.6rem;
    color: #fff;
}
#signature img {
    height: 100%;
}

.sharewrap,.notewrap2,.cntwrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9999999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    background: rgba(0,0,0,0.5);
}
.sharewrap span{
    background: url('../images/sharebg.png') center no-repeat;background-size: 100%;
    position: absolute;
    width: 2.61rem;
    height: 2.48rem;
    right: 0.4rem;
    top: 0.5rem;
}
.sharewrap span.againbtn{
    left: 3.7rem;
}
.sharenote{
    background: rgba(0,0,0,0.5);
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;    display: none;
    z-index: 9999999;
}
.txtmask{
    position: absolute;
    width: 5.99rem;
    height: 7.87rem;
    background: url(../images/3p3.png) center no-repeat;
    background-size: 100%;
    top: 4rem;
    left: 0.8rem;
}
.pich2{
    height: 0.34rem;
    margin: 0.2rem auto 0.6rem;
    display: block;
}
.txtwrap{
    width: 93%;
    height: 6.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
}
.pictxt{
    width: 100%;
}
.clsbtn{
    background: url('../images/clsbtn.png') center no-repeat;background-size: 0.67rem 0.67rem;
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 8.3rem;
    left: 2.4rem;
}


.share{
    position: absolute;width: 5.51rem;height: 2.64rem;background: url('../images/share.png') center no-repeat;background-size: 100%;
    top: 0.2rem;right:0.3rem;
    opacity:0;
    -webkit-animation: show 2s ease-in-out infinite;animation: show 2s ease-in-out infinite;
}
.notebg{
    position: absolute;width: 6.94rem;height: 10.81rem;background: url('../images/notebox.png') center no-repeat;background-size: 100%;
    top: 2.3rem;
    right: 0.27rem;
}


.sharewrap img{
    width:100%;}








/* .swiper-slide{opacity: 0;} */
.bg{width: 100%;position: absolute;top: 0;left: 0;}




.secwrap{width: 100%;height: 100%;}

.sec2bg{
  background: url('../images/bg2-2.png') center no-repeat;background-size: 100%;position: absolute;width: 100%;height: 14.48rem;top: 50%;margin-top:-7.24rem;opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);
}

.jt2{
  position: absolute;width: 2.58rem;height: 2.66rem;top: 1.3rem;left: 2.1rem;background: url('../images/jt2.gif') center no-repeat;background-size: 100%;z-index: 10;
}

.vdcon{
  position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;opacity: 0; -webkit-transform: translate(0,-100%);transform: translate(0,-100%);
}
.vdcon.actived{
  -webkit-animation: show 0.8s ease-in-out alternate forwards;animation: show 0.8s ease-in-out alternate forwards;
}



 .vdwrap{
     position: absolute;
     width: 6.9rem;
     height: 7.07rem;
     left: 0.3rem;
     top: 3.5rem;
     /*background: #fff;*/
     background-size: 100%;
     z-index: 99;
     display: none;}
.vdwrap.sp{width: 4.6rem;
    height: 8rem;
    left: 1.3rem;
    top: 2rem;
    background: #000 url(../images/2p4.png) top center no-repeat;
    background-size: 100% 100%;}
.vdwrap.sp .s2vd{
    width: 4.4rem;
    height: 7.7rem;
    top: 0.18rem;
    left: 0.12rem;
}
.closebtn,.clsbtn2{
    width: 0.68rem;
    height: 0.68rem;
    top: 0.2rem;
    right: 0.2rem;
}
.closebtn2{background: url('../images/close.png') top center no-repeat;background-size: 100%;width: 0.68rem;height: 0.68rem;/*top: 2.3rem;*/
top: 1.3rem;
right: 0.8rem;z-index: 99; }

.pullinbtn{
      background: url(../images/2p8.png) top center no-repeat;
    background-size: 100%;
    width: 3.88rem;
    height: 0.99rem;
    top: 10.5rem;
    left: 1.8rem;
    z-index: 99;
    display: none;
}
.pullinbtn.actived{
      -webkit-animation: bounceIn 2s 0.8s ease-in-out forwards;
    animation: bounceIn 2s 0.8s ease-in-out forwards;
    display: block;
}

img[src=""],img:not([src]){opacity:0;display: none;}

.vdnote{
  position: absolute;left: 0.5rem;top: 1.7rem;width: 6.29rem;height: 8.11rem;
}
.s2vd,.s2pic{
width: 7.2rem;
    height: 4rem;
    /*background: #000;*/
    position: absolute;
    left: 0.15rem;
    top: 0.15rem;
}
.vvdd{
  object-fit: fill;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 999999;
}
/* #video{
    display: block;
    width: 6.33rem;
    height: 3.55rem;
    top: 1.2rem;
    position: absolute;
    left: 0.28rem;
} */

.vdbox,.vdbox2,.vdbox3,.picscroll{
    display: none;
}
.p3img{
    width: 100%;
}
.btnswrap{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    display: none;
    z-index: 9999999;
}
.vdbtns{
    background: url('../images/p2_11.png') top center no-repeat;background-size: 100%;
    position: absolute;
    width:7.25rem;
    height: 7.08rem;
    top: 4rem;
    left: 0.125rem;
    z-index: 999999;
}

.nextbtn{
    position: absolute;
    width: 3.3rem;
    height: 1rem;
    top: 5.4rem;
    left: 3.7rem;
}

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


.weibo{
    background: url('../images/wbbtn.png') center no-repeat;
    background-size: 100%;
    width:4.93rem;height: 0.87rem;
    position: absolute;
    top: 12.2rem;
    left: 1.45rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation: show 1s 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s 1s ease-in-out alternate infinite;
}

.andriodvd{
  background: url('../images/bg222.jpg') center no-repeat;
    background-size: 100%;
    width:100%;height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:9999999;
    display: none;
}

.gif {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
}
.gif img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.gif span{
    position: absolute;
    width: 2.94rem;
    height: 0.97rem;
    position: absolute;
    left:2.4rem;
}
.btn1{
    background: url('../images/b1-1.png') center no-repeat;
    background-size: 100%;
    top:7.5rem;
}
.btn2{
    background: url('../images/b666.png') center no-repeat;
    background-size: 100%;
    top:9.5rem;
}

.btn3{
    background: url('../images/b3-1.png') center no-repeat;
    background-size: 100%;
    top:7.5rem;
}
.btn4,.btn5{
    background: url('../images/b666.png') center no-repeat;
    background-size: 100%;
    top:9rem;
}

.btn6{
    background: url('../images/b4-1.png') center no-repeat;
    background-size: 100%;
    top:7.5rem;
}
.btn7,.btn8{
    background: url('../images/b4-2.png') center no-repeat;
    background-size: 100%;
    top:9rem;
}
.btn9{
    background: url('../images/b5-1.png') center no-repeat;
    background-size: 100%;
    top:7.5rem;
}
.btn10{
    background: url('../images/b5-2.png') center no-repeat;
    background-size: 100%;
    top:9rem;
}
.btn11{
    background: url('../images/b5-3.png') center no-repeat;
    background-size: 100%;
    top:9rem;
}
.skipbtn{
    position: absolute;
    width: 1.13rem;
    height: 0.53rem;
    top: 9.5rem;
    right: 3.1rem;
    font-size: 0.3rem;
    text-align: center;
    /* text-decoration: underline; */
    z-index: 999999;
    color: rgba(218, 218, 218, 0.85);
    /* display: none; */
    border: 1px solid #fff;
    line-height: 0.53rem;
}
.logobg{
    background: url('../images/logo.png') center no-repeat;
    background-size: contain;
    position: absolute;
    width: 5.08rem;
    height: 0.93rem;
    bottom: 0.3rem;
    left: 1.25rem;
}

.jumpbtn{
    background: url('../images/b0.png') center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 2.15rem;
    height: 0.97rem;
    top: 9rem;
    left: 2.6rem;
    font-size: 0.3rem;
    text-align: center;
    text-decoration: underline;
    z-index:999999;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    animation: show 1s 1s ease-in-out alternate infinite;
    -webkit-animation: show 1s 1s ease-in-out alternate infinite;
    display: none;
}
.vdbox3{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99999999;
    display: block;
}

.sltwrap{
    background: url('../images/3-1.png') center no-repeat;background-size: 100%;width: 5.68rem;
    height: 2.47rem;
    top: 5rem;
    left: 0.9rem;
    position: absolute;
    z-index: 99999999;
    opacity: 0;
    transform: translate(0,-1.5rem);
    -webkit-transform: translate(0,-1.5rem);
}

.sltwrap.actived{
    -webkit-animation: show 1s ease-in-out forwards;animation: show 1s ease-in-out forwards;

}
.sltwrap span{
    width:100%;height: 1.1rem;
    margin-bottom:0.2rem;
    position: initial;
    display: block;
}


/* ---------------------- page1 ------------------ */




.content {
    position: absolute;
    left: 1.9rem;
    top: 3.7rem;
    width: 3.62rem;
    height: 3.08rem;
    box-sizing: border-box;
    z-index: 99999;
}
#redux {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    overflow: hidden;
}
.lckwrap{
    background: url("../images/p3_2.png") center no-repeat;
    background-size: 1.84rem 1.86rem;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 10.14rem;
    left: 1.75rem;
}


.yunwrap{
    z-index: 999;
}
.yunwrap span:nth-child(1){
     background: url('../images/cld2.png') center no-repeat;background-size: 100%;
     width:6.9rem;
     height:6.64rem;
     top: 0;
     left: -7rem;
 }
.yunwrap span:nth-child(2){
    background: url('../images/cld1.png') center no-repeat;background-size: 100%;
    width:15.82rem;
    height:10.47rem;
    bottom: 0;
    left: 7.5rem;
}

.yunwrap.actived span:nth-child(1){
    animation: moveani2 4s 1s ease-in-out alternate forwards;
    -webkit-animation: moveani2 4s 1s ease-in-out alternate forwards;
}
.yunwrap.actived span:nth-child(2){
    animation: moveani 4s 1s ease-in-out alternate forwards;
    -webkit-animation: moveani 4s 1s ease-in-out alternate forwards;
}

@-webkit-keyframes moveani {
    0%{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    30%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    70%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}
@keyframes moveani {
    0%{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    30%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    70%{
        -webkit-transform: translate(-13rem,0);
        transform: translate(-13rem,0);
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@-webkit-keyframes moveani2 {
    30%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    70%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes moveani2 {
    30%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    70%{
        -webkit-transform: translate(6.5rem,0);
        transform:translate(6.5rem,0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}










.startbtn{background: url('../images/3.png?v9') center no-repeat;background-size: 100%;width:2.46rem;height: 1.11rem;top:0rem;left: 0rem;    position: absolute;
    display: block;}
    .startbtn2{background: url('../images/33.png?v9') center no-repeat;background-size: 100%;width:2.46rem;height: 1.11rem;top:0rem;left: 0rem;    position: absolute;
    display: block;}
.rulebtn{    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    color: #3275c7;
    display: block;
    position: absolute;
    top: 1.15rem;}
.blasket{background: url('../images/11.png?v9') center no-repeat;background-size: 100%;width:2.01rem;height:1.95rem;top:9.49rem;left: 2.74rem;position: absolute;}

.divwrap{width: 100%;height: 100%;background:rgba(0,0,0,0.66);display: none;
z-index: 9999;
    top: 0;
    left: 0;
    }
.rtext{background: url('../images/4.png?v9') center no-repeat;background-size: 100%;position: absolute;width:5.29rem;height:7.45rem;top:2.18rem;left: 1.33rem;}
.slcbtn,.ynclsbtn{position: absolute;width:1rem;height:1rem;top: 2.4rem;left: 5.7rem;}

.rbg{position: absolute;    width: 5.54rem;
    height: 7.21rem;
    top: 2.48rem;
    /* width:5.72rem;height:8.15rem;top:1.48rem; */left: 0.98rem;}
.rbg img{width: 100%;display: none;}
.downbtn{    position: absolute;
    width: 4rem;
    height: 0.8rem;
    top: 6.8rem;
    left: 1.8rem;}
  .no .downbtn{    width: 3.5rem;
    height: 0.6rem;
    top: 6rem;
    left: 2rem;}
  .no .ynclsbtn{    top: 1.4rem;}

.rltxt img{    position: absolute;
    width: 1.14rem;
    height: 0.62rem;
    top: 4.88rem;
    left: 2.12rem;
    display: none;
}



.rltwraps{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.secbg{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.gcbpwrap{
  width: 6.14rem;height: 9.81rem;position: absolute;top: 0.2rem;left: 0.7rem;/*background: url('../images/bg6.jpg') center no-repeat;background-size: 100%;*/
}
.gcbpwrap img{width: 100%;position: absolute;top: 0;left: 0;}
.savenote{
  width: 2.54rem;height: 0.45rem;position: absolute;    top: 8.6rem;
    left: 1.8rem;background: url('../images/5p2.png') center no-repeat;background-size: 100%;
}

.shbg{
background: url(../images/share.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 3.4rem;
    height: 3.08rem;
    top: 0;
    right: 0.65rem;
}


.sec{
    width: 100%;
    height: 16.24rem;
    top:50%;
    left: 0;
    position: absolute;
    overflow: hidden;
    /* -webkit-overflow-scrolling: touch; */
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.ending{
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 999999;
}
.ending.actived{
    display: block;
}

.endcon{
    position: absolute;
    top: 1rem;
    width: 100%;
}
.endcon p{
    margin: 0 0 0.1rem 0.5rem;
    font-size: 0.36rem;
    color: #a2cffe;
}

  @-webkit-keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }
  @keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }

  /*iPhoneX的适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

}



@media screen and (min-device-height:720px) and (min-device-width: 444px) {


}

.clist{
    width: 7rem;
    margin: 0.2rem auto;
    font-size: 0.32rem;
    color: #fff;
    border-left: 1px solid #fff;
    position: relative;
}
.clist:nth-child(1){
    margin-top: 1rem;
}
.clist h2{
    font-weight: bold;
    position: absolute;
    text-indent: 0.3rem;
    margin-top: -0.3rem;
}
.clist h2 i{
    width: 0.2rem;
    height: 0.2rem;
    background: none;
    border: 0.03rem solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -0.12rem;
    top: 0.15rem;
}
.clist p{
    padding: 0.2rem 0 0.1rem 0.2rem;
}
.clist p img{
    width: 100%;
    margin: 0.1rem 0;
}


.p1_1_png{
    background-image:url("../images/p1_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.51rem;
    top:0.88rem;
    width:6.36rem;
    height:2.41rem;
    z-index:68;
    opacity: 0;
    -webkit-transform: translate(0,-0.5rem);
    transform: translate(0,-0.5rem);
}

.p1_7_png{
    background-image:url("../images/p1_7.png");
    background-size:100% 100%;
    position:absolute;
    left:4.19rem;
    top:7.1rem;
    width:2.41rem;
    height:2.09rem;
    z-index:66;
}
.p1_6_png{
    background-image:url("../images/p1_6.png");
    background-size:100% 100%;
    position:absolute;
    left:3.68rem;
    top:4.59rem;
    width:2.41rem;
    height:2.09rem;
    z-index:65;
}
.p1_5_png{
    background-image:url("../images/p1_5.png");
    background-size:100% 100%;
    position:absolute;
    left: 0.5rem;
    top: 10.06rem;
    width:2.39rem;
    height:1.93rem;
    z-index:64;
}
.p1_4_png{
    background-image:url("../images/p1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:2.46rem;
    top:7.55rem;
    width:1.97rem;
    height:2.58rem;
    z-index:63;
}
.p1_3_png{
    background-image:url("../images/p1_3.png");
    background-size:100% 100%;
    position:absolute;
    left:1.61rem;
    top:5.41rem;
    width:2.35rem;
    height:1.92rem;
    z-index:62;
}
.p1_2_png{
    background-image:url("../images/p1_2.png");
    background-size:100% 100%;
    position:absolute;
    left:0.98rem;
    top:3.48rem;
    width:2.17rem;
    height:1.93rem;
    z-index:61;
}
.hotwrap div{
    opacity: 0;
}
.actived .hotwrap div:nth-child(1){
    -webkit-animation: bounceIn 2s ease-in-out alternate forwards;
    animation: bounceIn 2s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(2){
    -webkit-animation: bounceIn 2s 0.2s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.2s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(3){
    -webkit-animation: bounceIn 2s 0.4s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.4s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(4){
    -webkit-animation: bounceIn 2s 1s ease-in-out alternate forwards;
    animation: bounceIn 2s 1s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(5){
    -webkit-animation: bounceIn 2s 0.6s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.6s ease-in-out alternate forwards;
}
.actived .hotwrap div:nth-child(6){
    -webkit-animation: bounceIn 2s 0.8s ease-in-out alternate forwards;
    animation: bounceIn 2s 0.8s ease-in-out alternate forwards;
}
.actived .p1_1_png{
    -webkit-animation: show 0.3s ease-in-out alternate forwards;
    animation: show 0.3s ease-in-out alternate forwards;
}


.图框{
    position:absolute;
    left:0rem;
    top:0rem;
    width:6.58rem;
    height:7.14rem;
    z-index:57;
}
.hcwrap{
    position:absolute;
    left: 0.6rem;
    top: 1.2rem;
    width:6.58rem;
    height:7.14rem;
    z-index:12;
}
.linebg_png,.masks{
    /*background-image:url("../images/linebg.png");*/
    /*background-size:100% 100%;*/
    position:absolute;
    left:0rem;
    top:2.48rem;
    width:6.58rem;
    height:4.66rem;
    z-index:56;
}

.masks span:nth-child(1){
    position: absolute;
    width: 5rem;
    height: 2.6rem;
    top: 1.1rem;
    left: 0.6rem;
}
.masks span:nth-child(2){
    position: absolute;
    width: 2.9rem;
    height: 1rem;
    top: 1.7rem;
    left: 1.7rem;
}
.masks span:nth-child(3){
    position: absolute;
    width: 2rem;
    height: 0.6rem;
    top: 2.1rem;
    left: 2.2rem;
}
.masks span:nth-child(4){
    position: absolute;
    width: 2.7rem;
    height: 2rem;
    top: 3.6rem;
    left: 4.3rem;
}
.masks span:nth-child(5){
    position: absolute;
    width: 1.2rem;
    height: 0.8rem;
    top: 4.1rem;
    left: 5.1rem;
}

.h5{
    position:absolute;
    left:0rem;
    top:0rem;
    width:6.58rem;
    height:7.14rem;
    z-index:53;
}
.h5_6_png{
    background-image:url("../images/h5_6.png");
    background-size:100% 100%;
    position:absolute;
    left:4.31rem;
    top:5.36rem;
    width:1.51rem;
    height:0.79rem;
    z-index:52;
}
.h5_5_png{
    background-image:url("../images/h5_5.png");
    background-size:100% 100%;
    position:absolute;
    left:4.31rem;
    top:5.36rem;
    width:1.51rem;
    height:0.79rem;
    z-index:51;
}
.h5_4_png{
    background-image:url("../images/h5_4.png");
    background-size:100% 100%;
    position:absolute;
    left:4.31rem;
    top:5.36rem;
    width:1.51rem;
    height:0.79rem;
    z-index:50;
}
.h5_3_png{
    background-image:url("../images/h5_3.png");
    background-size:100% 100%;
    position:absolute;
    left:4.31rem;
    top:5.36rem;
    width:1.51rem;
    height:0.79rem;
    z-index:49;
}
.h5_2_png{
    background-image:url("../images/h5_2.png");
    background-size:100% 100%;
    position:absolute;
    left:4.31rem;
    top:5.36rem;
    width:1.51rem;
    height:0.79rem;
    z-index:48;
}
.hh5{
    position:absolute;
    left:4.31rem;
    top:5.36rem;
    width:1.51rem;
    height:0.79rem;
    z-index:47;
}

.h4{
    position:absolute;
    left:0rem;
    top:0rem;
    width:6.58rem;
    height:7.14rem;
    z-index:45;
}
.h4_6_png{
    background-image:url("../images/h4_6.png");
    background-size:100% 100%;
    position:absolute;
    left:1.46rem;
    top:3.4rem;
    width:2.29rem;
    height:0.6rem;
    z-index:44;
}
.h4_5_png{
    background-image:url("../images/h4_5.png");
    background-size:100% 100%;
    position:absolute;
    left:1.46rem;
    top:3.4rem;
    width:2.29rem;
    height:0.6rem;
    z-index:43;
}
.h4_4_png{
    background-image:url("../images/h4_4.png");
    background-size:100% 100%;
    position:absolute;
    left:1.46rem;
    top:3.4rem;
    width:2.29rem;
    height:0.6rem;
    z-index:42;
}
.h4_3_png{
    background-image:url("../images/h4_3.png");
    background-size:100% 100%;
    position:absolute;
    left:1.46rem;
    top:3.4rem;
    width:2.29rem;
    height:0.6rem;
    z-index:41;
}
.h4_2_png{
    background-image:url("../images/h4_2.png");
    background-size:100% 100%;
    position:absolute;
    left:1.46rem;
    top:3.4rem;
    width:2.29rem;
    height:0.6rem;
    z-index:40;
}
.hh4{
    /*background-image:url("../images/h4_1.png");*/
    /*background-size:100% 100%;*/
    position:absolute;
    left: 3.76rem;
    top: 5.02rem;
    width: 2.63rem;
    height: 1.72rem;
    z-index: 31;
}
.h3{
    position:absolute;
    left:0rem;
    top:0rem;
    width:6.58rem;
    height:7.14rem;
    z-index:37;
}
.h3_6_png{
    background-image:url("../images/h3_6.png");
    background-size:100% 100%;
    position:absolute;
    left:3.76rem;
    top:5.02rem;
    width:2.63rem;
    height:1.72rem;
    z-index:36;
}
.h3_5_png{
    background-image:url("../images/h3_5.png");
    background-size:100% 100%;
    position:absolute;
    left:3.76rem;
    top:5.02rem;
    width:2.63rem;
    height:1.72rem;
    z-index:35;
}
.h3_4_png{
    background-image:url("../images/h3_4.png");
    background-size:100% 100%;
    position:absolute;
    left:3.76rem;
    top:5.02rem;
    width:2.63rem;
    height:1.72rem;
    z-index:34;
}
.h3_3_png{
    background-image:url("../images/h3_3.png");
    background-size:100% 100%;
    position:absolute;
    left:3.76rem;
    top:5.02rem;
    width:2.63rem;
    height:1.72rem;
    z-index:33;
}
.h3_2_png{
    background-image:url("../images/h3_2.png");
    background-size:100% 100%;
    position:absolute;
    left:3.76rem;
    top:5.02rem;
    width:2.63rem;
    height:1.72rem;
    z-index:32;
}
.hh3{
    /*background-image:url("../images/h3_1.png");*/
    /*background-size:100% 100%;*/
    position:absolute;
    left: 1.46rem;
    top: 3.4rem;
    width: 2.29rem;
    height: 0.6rem;
    z-index: 39;
}
.h2{
    position:absolute;
    left:0rem;
    top:0rem;
    width:6.58rem;
    height:7.14rem;
    z-index:29;
}
.h2_6_png{
    background-image:url("../images/h2_6.png");
    background-size:100% 100%;
    position:absolute;
    left:1.12rem;
    top:2.94rem;
    width:2.85rem;
    height:0.87rem;
    z-index:28;
}
.h2_5_png{
    background-image:url("../images/h2_5.png");
    background-size:100% 100%;
    position:absolute;
    left:1.12rem;
    top:2.94rem;
    width:2.85rem;
    height:0.87rem;
    z-index:27;
}
.h2_4_png{
    background-image:url("../images/h2_4.png");
    background-size:100% 100%;
    position:absolute;
    left:1.12rem;
    top:2.94rem;
    width:2.85rem;
    height:0.87rem;
    z-index:26;
}
.h2_3_png{
    background-image:url("../images/h2_3.png");
    background-size:100% 100%;
    position:absolute;
    left:1.12rem;
    top:2.94rem;
    width:2.85rem;
    height:0.87rem;
    z-index:25;
}
.h2_2_png{
    background-image:url("../images/h2_2.png");
    background-size:100% 100%;
    position:absolute;
    left:1.12rem;
    top:2.94rem;
    width:2.85rem;
    height:0.87rem;
    z-index:24;
}
.hh2{
    /*background-image:url("../images/h2_1.png");*/
    /*background-size:100% 100%;*/
    position:absolute;
    left:1.12rem;
    top:2.94rem;
    width:2.85rem;
    height:0.87rem;
    z-index:23;
}
.h1{
    position:absolute;
    left:0rem;
    top:0rem;
    width:6.58rem;
    height:7.14rem;
    z-index:21;
}
.h1_6_png{
    background-image:url("../images/h1_6.png");
    background-size:100% 100%;
    position:absolute;
    left:0.12rem;
    top:2.61rem;
    width:4.86rem;
    height:2.44rem;
    z-index:20;
}
.h1_5_png{
    background-image:url("../images/h1_5.png");
    background-size:100% 100%;
    position:absolute;
    left:0.12rem;
    top:2.61rem;
    width:4.86rem;
    height:2.44rem;
    z-index:19;
}
.h1_4_png{
    background-image:url("../images/h1_4.png");
    background-size:100% 100%;
    position:absolute;
    left:0.12rem;
    top:2.61rem;
    width:4.86rem;
    height:2.44rem;
    z-index:18;
}
.h1_3_png{
    background-image:url("../images/h1_3.png");
    background-size:100% 100%;
    position:absolute;
    left:0.12rem;
    top:2.61rem;
    width:4.86rem;
    height:2.44rem;
    z-index:17;
}
.h1_2_png{
    background-image:url("../images/h1_2.png");
    background-size:100% 100%;
    position:absolute;
    left:0.12rem;
    top:2.61rem;
    width:4.86rem;
    height:2.44rem;
    z-index:16;
}
.hh1{
    /*background-image:url("../images/h1_1.png");*/
    /*background-size:100% 100%;*/
    position:absolute;
    left:0.12rem;
    top:2.61rem;
    width:4.86rem;
    height:2.44rem;
    z-index:15;
}

.hh1.anifun{ -webkit-animation: anifun 1.5s linear forwards;animation: anifun 1.5s linear forwards;  }
.hh2.anifun{ -webkit-animation: anifun 1.5s 0.3s linear forwards;animation: anifun 1.5s 0.3s linear forwards;}
.hh3.anifun{ -webkit-animation: anifun 1.5s 0.6s linear forwards;animation: anifun 1.5s 0.6s linear forwards;}
.hh4.anifun{ -webkit-animation: anifun 1.5s 0.3s linear forwards;animation: anifun 1.5s 0.3s linear forwards;}
.hh5.anifun{ -webkit-animation: anifun 1.5s 0.6s linear forwards;animation: anifun 1.5s 0.6s linear forwards;}
@-webkit-keyframes anifun{
    /*0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}*/
    /*0%{opacity:0;-webkit-transform:translate(0,-2rem);transform:translate(0,-2rem)}*/
    /*100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}*/
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes anifun{
    /*0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}*/
    0%{opacity:0;}
    100%{opacity:1;}
}

.hebg_png{
    position:absolute;
    left:0rem;
    top:0rem;
    width:6.42rem;
    height:7.11rem;
    z-index:12;
}



@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}





.statics{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:72;
}
.sharebg_png{
    background-image:url("../images/sharebg.png");
    background-size:100% 100%;
    position:absolute;
    left:3.27rem;
    top:1.52rem;
    width:3.59rem;
    height:0.9rem;
    z-index:71;
}
.music_png{
    background-image:url("../images/music.png");
    background-size:100% 100%;
    position:absolute;
    left:0.55rem;
    top:1.35rem;
    width:0.57rem;
    height:0.63rem;
    z-index:70;
}
.page3{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:69;
}
.swiper-slide-active .sharebtn_png{
    -webkit-animation: show 0.5s 1s ease-in-out alternate forwards;animation: show 0.5s 1s ease-in-out alternate forwards;
}

.bgfront_png{
     background-image:url("../images/bgfront.png");
     background-size:100% 100%;
     position:absolute;
     left:0rem;
     top:-1.1rem;
     width:7.5rem;
     height:17.79rem;
     z-index:67;
 }
.ttp{
    position: absolute;
    left: 1.8rem;
    top: 3.9rem;
    width: 4.06rem;
    height: 4.53rem;
    z-index: 67;
}
.ttp span{
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: translate(0,0.2rem);
    transform: translate(0,0.2rem);
}
.swiper-slide-active .ttp span{-webkit-animation: show 1s ease-in-out alternate forwards;animation: show 1s ease-in-out alternate forwards;}
.swiper-slide-active .ttp span:nth-child(2){-webkit-animation: show 1s 0.5s ease-in-out alternate forwards;animation: show 1s 0.5s ease-in-out alternate forwards;}
.swiper-slide-active .ttp span:nth-child(3){-webkit-animation: show 1s 1s ease-in-out alternate forwards;animation: show 1s 1s ease-in-out alternate forwards;}
.swiper-slide-active .ttp span:nth-child(4){-webkit-animation: show 1s 1.5s ease-in-out alternate forwards;animation: show 1s 1.5s ease-in-out alternate forwards;}

.ttp span:nth-child(1){background-image: url(../images/picend1.png); background-size: 100% 100%;}
.ttp span:nth-child(2){background-image: url(../images/picend2.png); background-size: 100% 100%;}
.ttp span:nth-child(3){background-image: url(../images/picend3.png); background-size: 100% 100%;}
.ttp span:nth-child(4){background-image: url(../images/picend4.png); background-size: 100% 100%;}
.p3pic10{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:66;
}
.p3pic10_1_png{
    background-image:url("../images/p3pic10_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.78rem;
    top:2.04rem;
    width:4.8rem;
    height:1.78rem;
    z-index:65;
}
.p3pic10_2_png{
    background:url("../images/p3pic10_2.png") center no-repeat;
    background-size:contain;
    position:absolute;
    left:1.96rem;
    top:9.77rem;
    width:4.65rem;
    height:2.91rem;
    z-index:64;
}
.p3pic5{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:62;
}
.p3pic5_2_png{
    background:url("../images/p3pic5_2.png") center no-repeat;
    background-size:contain;
    position:absolute;
    left:2.14rem;
    top:9.41rem;
    width:4.47rem;
    height:3.51rem;
    z-index:61;
}
.p3pic5_1_png{
    background-image:url("../images/p3pic5_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.88rem;
    top:2.04rem;
    width:3.64rem;
    height:1.78rem;
    z-index:60;
}
.p3pic4{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:58;
}
.p3pic4_2_png{
    background-image:url("../images/p3pic4_2.png");
    background-size:100% 100%;
    position:absolute;
    left:2.16rem;
    top:9.23rem;
    width:4.46rem;
    height:3.51rem;
    z-index:57;
}
.p3pic4_1_png{
    background-image:url("../images/p3pic4_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.92rem;
    top:2.04rem;
    width:2.49rem;
    height:1.77rem;
    z-index:56;
}
.p3pic3{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:54;
}
.p3pic3_2_png{
    background-image:url("../images/p3pic3_2.png");
    background-size:100% 100%;
    position:absolute;
    left:3.22rem;
    top:10.49rem;
    width:3.39rem;
    height:2.31rem;
    z-index:53;
}
.p3pic3_1_png{
    background-image:url("../images/p3pic3_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.71rem;
    top:2.03rem;
    width:2.48rem;
    height:1.77rem;
    z-index:52;
}
.p3pic2{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:50;
}
.p3pic2_2_png{
    background-image:url("../images/p3pic2_2.png");
    background-size:100% 100%;
    position:absolute;
    left:1.42rem;
    top:9.82rem;
    width:5.19rem;
    height:2.91rem;
    z-index:49;
}
.p3pic2_1_png{
    background-image:url("../images/p3pic2_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.88rem;
    top:2.04rem;
    width:1.33rem;
    height:1.77rem;
    z-index:48;
}
.p3pic7{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:46;
}
.p3pic7_2_png{
    background:url("../images/p3pic7_2.png") center no-repeat;
    background-size:contain;
    position:absolute;
    left:2.86rem;
    top:9.5rem;
    width:3.57rem;
    height:2.91rem;
    z-index:45;
}
.p3pic7_1_png{
    background-image:url("../images/p3pic7_1.png");
    background-size:100% 100%;
    position:absolute;
    left:1.06rem;
    top:2.04rem;
    width:1.33rem;
    height:1.77rem;
    z-index:44;
}
.p3pic8{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:42;
}
.p3pic8_2_png{
    background-image:url("../images/p3pic8_2.png");
    background-size:100% 100%;
    position:absolute;
    left:0.63rem;
    top:10.13rem;
    width:6.1rem;
    height:2.77rem;
    z-index:41;
}
.p3pic8_1_png{
    background-image:url("../images/p3pic8_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.78rem;
    top:2.04rem;
    width:2.49rem;
    height:1.77rem;
    z-index:40;
}
.p3pic6{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:38;
}
.p3pic6_1_png{
    background-image:url("../images/p3pic6_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.96rem;
    top:2.13rem;
    width:3.94rem;
    height:3.03rem;
    z-index:37;
}
.p3pic6_2_png{
    background:url("../images/p3pic6_2.png") center no-repeat;
    background-size:contain;
    position:absolute;
    left:2.69rem;
    top:10.61rem;
    width:4.11rem;
    height:2.31rem;
    z-index:36;
}
.p3pic1{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:33;
}
.jt2_png{
    background-image:url("../images/jt2.png");
    background-size:100% 100%;
    position:absolute;
    left:6.07rem;
    top:13.22rem;
    width:0.66rem;
    height:0.54rem;
    z-index:32;
    -webkit-transform: translate(0,-0.2rem);
    transform: translate(0,-0.2rem);
    -webkit-animation: show 2s ease-in-out alternate infinite;animation: show 2s ease-in-out alternate infinite;
}
.gbg{
    height: 14.6rem;
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
}
.p3pic1_2_png{
    background-image:url("../images/p3pic1_2.png");
    background-size:100% 100%;
    position:absolute;
    left:0.71rem;
    top:9.42rem;
    width:6.1rem;
    height:3.51rem;
    z-index:31;
}
.p3pic1_1_png{
    background-image:url("../images/p3pic1_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.87rem;
    top:2.12rem;
    width:3.65rem;
    height:1.78rem;
    z-index:30;
}
.p3pic9{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:28;
}
.p3pic9_2_png{
    background:url("../images/p3pic9_2.png") no-repeat;
    background-size:contain;
    position:absolute;
    left:2.32rem;
    top:10.01rem;
    width:4.28rem;
    height:2.91rem;
    z-index:27;
}
.p3pic9_1_png{
    background-image:url("../images/p3pic9_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0.68rem;
    top:2.04rem;
    width:4.81rem;
    height:1.78rem;
    z-index:26;
}
.btn3_png{
    background-image:url("../images/btn3.png");
    background-size:100% 100%;
    position:absolute;
    left:1.71rem;
    top:12.93rem;
    width:4.09rem;
    height:0.99rem;
    z-index:23;
    -webkit-transform: translate(0, 0) scale(0.8) rotate(0) skew(0);
    transform: translate(0, 0) scale(0.8) rotate(0) skew(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: show 1s ease-in-out alternate infinite;animation: show 1s ease-in-out alternate infinite;
}

.jt_png{
    background-image:url("../images/jt.png");
    background-size:100% 100%;
    position:absolute;
    left:3.3rem;
    top:9.46rem;
    width:0.89rem;
    height:0.74rem;
    z-index:21;
}
.p1pic2_1_png{
    background-image:url("../images/p1pic2_1.png");
    background-size:100% 100%;
    position:absolute;
    left:1.85rem;
    top:3.73rem;
    width:3.99rem;
    height:0.56rem;
    z-index:20;
}
.p1pic2_2_png{
    background-image:url("../images/p1pic2_2.png");
    background-size:100% 100%;
    position:absolute;
    left:1.05rem;
    top:4.45rem;
    width:5.41rem;
    height:0.56rem;
    z-index:19;
}
.p1pic2_3_png{
    background-image:url("../images/p1pic2_3.png");
    background-size:100% 100%;
    position:absolute;
    left:1.61rem;
    top:5.18rem;
    width:4.46rem;
    height:0.74rem;
    z-index:18;
}
.p1pic2_4_png{
    background-image:url("../images/p1pic2_4.png");
    background-size:100% 100%;
    position:absolute;
    left:1.49rem;
    top:5.89rem;
    width:4.69rem;
    height:0.56rem;
    z-index:17;
}
.p1pic2_5_png{
    background-image:url("../images/p1pic2_5.png");
    background-size:100% 100%;
    position:absolute;
    left:1.05rem;
    top:3.73rem;
    width:4.55rem;
    height:3.44rem;
    z-index:16;
}
.p1pic2_6_png{
    background-image:url("../images/p1pic2_6.png");
    background-size:100% 100%;
    position:absolute;
    left:1.82rem;
    top:7.33rem;
    width:4.08rem;
    height:2rem;
    z-index:15;
}
.p1pic2_7_png{
    background-image:url("../images/p1pic2_7.png");
    background-size:100% 100%;
    position:absolute;
    left:2.3rem;
    top:8.05rem;
    width:3.08rem;
    height:0.56rem;
    z-index:14;
}
.p1pic2_8_png{
    background-image:url("../images/p1pic2_8.png");
    background-size:100% 100%;
    position:absolute;
    left:1.05rem;
    top:4.6rem;
    width:4.87rem;
    height:4.73rem;
    z-index:13;
}
.ttts div{
    opacity: 0;
    -webkit-transform: translate(0,0.1rem);
    transform: translate(0,0.1rem);
}

.p2{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:21;
}
.sharebtn_png{
    background-image: url(../images/sharebtn.png);
    background-size: 100% 100%;
    position: absolute;
    left: 6.52rem;
    top: 13.85rem;
    width: 0.4rem;
    height: 0.39rem;
    z-index: 20;
}
.p2bg_png{
    background-image:url("../images/p2bg.png");
    background-size:100% 100%;
    position:absolute;
    left:0.52rem;
    top:3.16rem;
    width:6.37rem;
    height:10.52rem;
    z-index:19;
}
.p2pic1_png{
    background-image:url("../images/p2pic1.png");
    background-size:100% 100%;
    position:absolute;
    left:1.9rem;
    top:13.94rem;
    width:3.6rem;
    height:0.32rem;
    z-index:17;
}
.p2pic2_png{
    background-image:url("../images/p2pic2.png");
    background-size:100% 100%;
    position:absolute;
    left:0.8rem;
    top:1.76rem;
    width:5.95rem;
    height:0.52rem;
    z-index:16;
}
.ques{
    width: 6.1rem;
    position: absolute;
    top: 0.55rem;
    text-indent: 1.1rem;
    left: 0.15rem;
    text-align: justify;
}
.anws,.gosee{
    width: 5.9rem;
    position: absolute;
    top: 3.7rem;
    text-indent: 0.8rem;
    left: 0.25rem;
    color: #3a3a3a;
    text-align: justify;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 6.5rem;
}
.anws{
    display: none;
}




.statics{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:58;
}
.music_png{
    background-image:url("../images/music.png");
    background-size:100% 100%;
    position:absolute;
    left:6.33rem;
    top:0.88rem;
    width:0.72rem;
    height:0.73rem;
    z-index:57;
}
._13{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:56;
}
.bg13_10_png{
    background-image:url("../images/bg13_10.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:55;
}
.bg13_9_png{
    background-image:url("../images/bg13_9.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:54;
}
.bg13_8_png{
    background-image:url("../images/bg13_8.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:53;
}
.bg13_7_png{
    background-image:url("../images/bg13_7.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:52;
}
.bg13_6_png{
    background-image:url("../images/bg13_6.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:51;
}
.bg13_5_png{
    background-image:url("../images/bg13_5.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:50;
}
.bg13_4_png{
    background-image:url("../images/bg13_4.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:49;
}
.bg13_3_png{
    background-image:url("../images/bg13_3.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:48;
}
.bg13_2_png{
    background-image:url("../images/bg13_2.png");
    background-size:100% 100%;
    position:absolute;
    left:-0.09rem;
    top:-3.29rem;
    width:8.42rem;
    height:23.74rem;
    z-index:47;
}
.bg13_1_png{
    background-image:url("../images/bg13_1.png");
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:46;
}
.downbtn_png{
    background-image:url("../images/downbtn.png");
    background-size:100% 100%;
    position:absolute;
    left:1.91rem;
    top:10.59rem;
    width:3.68rem;
    height:0.23rem;
    z-index:244;
}
.haiwei .downbtn_png{
    top: 10.32rem;
}
.downbtn_png.spec {top: 10.21rem;}
.haiwei .downbtn_png.spec {top: 10.01rem;}

.p13btns_png{
    background-image: url(../images/p13btns.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 5.79rem;
    height: 1.06rem;
    z-index: 243;
}
.p12{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:42;
}
.p12pic5_10_png{
    background-image:url("../images/p12pic5_10.png");
    background-size:100% 100%;
    position:absolute;
    left:4.29rem;
    top:11.09rem;
    width:2.76rem;
    height:0.92rem;
    z-index:41;
}
.p12pic5_9_png{
    background-image:url("../images/p12pic5_9.png");
    background-size:100% 100%;
    position:absolute;
    left:4.26rem;
    top:9.45rem;
    width:2.39rem;
    height:0.83rem;
    z-index:40;
}
.p12pic5_1_png{
    background-image:url("../images/p12pic5_1.png");
    background-size:100% 100%;
    position:absolute;
    left:4.54rem;
    top:7.74rem;
    width:2.54rem;
    height:1.07rem;
    z-index:39;
}
.p12pic5_4_png{
    background-image:url("../images/p12pic5_4.png");
    background-size:100% 100%;
    position:absolute;
    left:3.66rem;
    top:5.25rem;
    width:3.44rem;
    height:0.53rem;
    z-index:38;
}
.p12pic5_8_png{
    background-image:url("../images/p12pic5_8.png");
    background-size:100% 100%;
    position:absolute;
    left:0.77rem;
    top:10.28rem;
    width:3.32rem;
    height:0.8rem;
    z-index:37;
}
.p12pic5_7_png{
    background-image:url("../images/p12pic5_7.png");
    background-size:100% 100%;
    position:absolute;
    left:0.89rem;
    top:12.86rem;
    width:3.29rem;
    height:1.25rem;
    z-index:36;
}
.p12pic5_6_png{
    background-image:url("../images/p12pic5_6.png");
    background-size:100% 100%;
    position:absolute;
    left:0.36rem;
    top:11.65rem;
    width:3.42rem;
    height:0.83rem;
    z-index:35;
}
.p12pic5_3_png{
    background-image:url("../images/p12pic5_3.png");
    background-size:100% 100%;
    position:absolute;
    left:0.31rem;
    top:8.94rem;
    width:3.57rem;
    height:0.72rem;
    z-index:34;
}
.p12pic5_5_png{
    background-image:url("../images/p12pic5_5.png");
    background-size:100% 100%;
    position:absolute;
    left:2.18rem;
    top:6.31rem;
    width:3rem;
    height:0.77rem;
    z-index:33;
}
.p12pic5_2_png{
    background-image:url("../images/p12pic5_2.png");
    background-size:100% 100%;
    position:absolute;
    left:0.35rem;
    top:7.42rem;
    width:3.72rem;
    height:0.84rem;
    z-index:32;
}
.p12pic1_png{
    background-image:url("../images/p12pic1.png");
    background-size:100% 100%;
    position:absolute;
    left:4.35rem;
    top:12.24rem;
    width:3.36rem;
    height:4.02rem;
    z-index:31;
    opacity: 0;
    -webkit-transform: translate(1rem,0);
    transform: translate(1rem,0);
}
.p12pic2_png{
    background-image:url("../images/p12pic2.png");
    background-size:100% 100%;
    position:absolute;
    left:0rem;
    top:1.74rem;
    width:2.55rem;
    height:3.75rem;
    z-index:30;
    opacity: 0;
    -webkit-transform: translate(0,0.2rem);
    transform: translate(0,0.2rem);
}
.p12pic3_png{
    background-image:url("../images/p12pic3.png");
    background-size:100% 100%;
    position:absolute;
    left:1.47rem;
    top:2.08rem;
    width:3.77rem;
    height:1.32rem;
    z-index:29;
    opacity: 0;
    -webkit-transform: translate(0,0.3rem);
    transform: translate(0,0.3rem);
}
.p12pic4_png{
    background-image:url("../images/p12pic4.png");
    background-size:100% 100%;
    position:absolute;
    left:0rem;
    top:2.1rem;
    width:7.51rem;
    height:4.6rem;
    z-index:28;
    opacity: 0;
    -webkit-transform: translate(0, 0) scale(0) rotate(0) skew(0);
    transform: translate(0, 0) scale(0) rotate(0) skew(0);
}

.actived .p12pic4_png,
.actived .p12pic1_png,
.actived .p12pic2_png{
    -webkit-animation: show 0.5s linear forwards;animation: show 0.5s linear forwards;
}
.actived .p12pic3_png{
    -webkit-animation: show 0.5s 0.5s linear forwards;animation: show 0.5s 0.5s linear forwards;
}


.p11menu_png{
    background-image:url("../images/p11menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:26;
}
.p10menu_png{
    background-image:url("../images/p10menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:25;
}
.p9menu_png{
    background-image:url("../images/p9menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:24;
}
.p8menu_png{
    background-image:url("../images/p8menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:23;
}
.p7menu_png{
    background-image:url("../images/p7menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:22;
}
.p6menu_png{
    background-image:url("../images/p6menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:21;
}
.p5menu_png{
    background-image:url("../images/p5menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:21;
}
.p4menu_png{
    background-image:url("../images/p4menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:20;
}
.p3menu_png{
    background-image:url("../images/p3menu.png");
    background-size:100% 100%;
    position:absolute;
    left:0.05rem;
    top:1.16rem;
    width:7.4rem;
    height:14.22rem;
    z-index:19;
}
.p2{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:18;
}
.p2pic1_png{
    background-image:url("../images/p2pic1.png");
    background-size:100% 100%;
    position:absolute;
    left:0rem;
    top:13.67rem;
    width:7.5rem;
    height:2.61rem;
    z-index:17;
    -webkit-transform: translate(0,2rem);
    transform: translate(0,2rem);
}
.backbtn_png{
    background-image: url(../images/backbtn.png);
    background-size: 100% 100%;
    position: absolute;
    left: 3.09rem;
    top: 5.62rem;
    width: 0.88rem;
    height: 0.89rem;
    z-index: 16;
}
.playbtn_png{
    background-image:url("../images/playbtn.png");
    background-size:100% 100%;
    position:absolute;
    left: 5.75rem;
    top: 8.27rem;
    width:0.88rem;
    height:0.89rem;
    z-index:15;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation: show 0.8s linear infinite;animation: show 0.8s linear infinite;
}
.btn_png{
    background-image:url("../images/btn.png");
    background-size:100% 100%;
    position:absolute;
    left:2.34rem;
    top:13.38rem;
    width:2.81rem;
    height:0.81rem;
    z-index:144;
    opacity: 0;
}
.btn_png2{
    background-image:url("../images/p1btn2.png");
    background-size:100% 100%;
    position:absolute;
    left: 2.14rem;
    top: 13.38rem;
    width: 3.17rem;
    height: 0.81rem;
    z-index: 244;
    display: none;
}
.p2menu_png{
    background-image:url("../images/p2menu.png");
    background-size:100% 100%;
    position:absolute;
    left: 0;
    top: 0;
    width:7.4rem;
    height:14.22rem;
    z-index:13;
}
.p1{
    position:absolute;
    left:0rem;
    top:0rem;
    width:7.5rem;
    height:16.24rem;
    z-index:11;
}
.p1btn_png{
    background-image:url("../images/p1btn.png");
    background-size:100% 100%;
    position:absolute;
    left:2.34rem;
    top:11.9rem;
    width:2.81rem;
    height:0.81rem;
    z-index:10;
    opacity: 0;
    -webkit-transform: translate(0,-1rem);
    transform: translate(0,-1rem);
}
.p1title_png{
    background-image:url("../images/p1title.png");
    background-size:100% 100%;
    position:absolute;
    left:0.6rem;
    top:3.54rem;
    width:6.31rem;
    height:3.37rem;
    z-index:9;
    opacity: 0;
    -webkit-transform: translate(0,-1rem);
    transform: translate(0,-1rem);
}
.p1pic3_png{
    background-image:url("../images/p1pic3.png");
    background-size:100% 100%;
    position:absolute;
    left:2.78rem;
    top:10.24rem;
    width:1.95rem;
    height:0.29rem;
    z-index:8;
}
.p1pic1_png{
    background-image:url("../images/p1pic1.png");
    background-size:100% 100%;
    position:absolute;
    left:1.58rem;
    top:7.64rem;
    width:4.34rem;
    height:1.97rem;
    z-index:5;
    -webkit-transform: translate(0,2rem);
    transform: translate(0,2rem);
}
.p1pic2_png{
    background-image:url("../images/p1pic2.png");
    background-size:100% 100%;
    position:absolute;
    left:1.16rem;
    top:8.8rem;
    width:5.21rem;
    height:2.49rem;
    z-index:6;
}
.actived .btn_png{
    -webkit-animation: show 0.5s 1s linear forwards;animation: show 0.5s 1s linear forwards;
}
.actived .p1btn_png{
    -webkit-animation: show 0.3s 0.5s linear forwards;animation: show 0.3s 0.5s linear forwards;
}

.actived .p2pic1_png{
    -webkit-animation: show 0.5s linear forwards;animation: show 0.5s linear forwards;
}

.lllwraps{
    position: absolute;
    left: 0.05rem;
    top: 1.16rem;
    width: 7.4rem;
    height: 14.22rem;
    z-index: 13;
}
.lllwrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 7.4rem;
    height: 14.22rem;
    z-index: 13;
    -webkit-transform: translate(0, 15rem);
    transform: translate(0, 15rem);
}
.lmenu{
    left: 0;
    top: 0;
}
.lpaybtn{
    left: 5.65rem;
    top: 7.87rem;
    z-index: 99;
    /*display: none;*/
}



.lllwrap.actived{
    -webkit-animation: show 1s linear forwards;animation: show 1s linear forwards;
}

.llslt div{
    -webkit-transform: translate(0.2rem,0.2rem);
    transform: translate(0.2rem,0.2rem);
}
.llslt div:nth-child(odd){
    -webkit-transform: translate(0.2rem,-0.2rem);
    transform: translate(0.2rem,-0.2rem);
}
.llslt div:nth-child(3n+0){
    -webkit-transform: translate(-0.2rem,-0.2rem);
    transform: translate(-0.2rem,-0.2rem);
}
.actived .llslt div:nth-child(1){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(2){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(3){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(4){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(5){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(6){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(7){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(8){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(9){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}
.actived .llslt div:nth-child(10){-webkit-animation: show 1s linear alternate infinite;animation: show 1s linear alternate infinite;}


div {
    font-size:0;
}