@charset "utf-8";
@font-face {
    font-family: 'tszt';
    src: url('../css/font/tszt.otf');
}
/*字体样式*/
.fz01{ font-family:tszt;}
html, body {
      /*position: relative;*/
      height: 100%;
	  overflow:hidden
    }
	
html {
-ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
height:100%;
overflow:hidden
}
body,div,p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
body {
    width: 100%;
    *cursor: default;
    overflow: hidden;
    font: 16px/1.5;
    font-family: "Microsoft YaHei";
	
}

#pageContain {
	overflow:hidden;
}

.index,.page {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
}
.contain {
	display: none;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.contain ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain li img{position:absolute; z-index:10;}
.current .contain {
	display:block;
}
.current {
	display:block;
	z-index:1;
}


/* 箭头 */
.arrow_up {
-webkit-animation:arrow_up 1s linear 0s infinite alternate;
animation:arrow_up 1s linear 0s infinite alternate;
}
@-webkit-keyframes arrow_up {
from {bottom:2rem;}
to {bottom:2.3rem;}
}
@keyframes arrow_up {
from {bottom:2rem;}
to {bottom:2.3rem;}
}

/* 页面背景 */
.index{background:transparent url(../images/0000.png) no-repeat 50%;}
.page1,.page2,.page3,.page4,.page5,.page6{background:transparent url(../images/001.png) no-repeat 50%;}
.page1_ans,.page2_ans,.page3_ans,.page4_ans,.page5_ans,.page6_ans{background:transparent url(../images/002.png) no-repeat 50%;}
.page7{background:transparent url(../images/004.png) no-repeat 50%;}

.index,.page1,.page1_ans,.page2,.page2_ans,.page3,.page3_ans,.page4,.page4_ans,.page5,.page5_ans,.page6,.page6_ans,.page7{
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
.index,.page1,.page1_ans,.page2,.page2_ans,.page3,.page3_ans,.page4,.page4_ans,.page5,.page5_ans,.page6,.page6_ans,.page7{
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}

/* 页面加载
.loading{ width:100%; height:100%; background:#fff; position:absolute; margin:0 auto; z-index:10000;}
.loading img{ position:absolute; top:50%; left:50%; margin-top:-47px; margin-left:-78px;  z-index:10001;} */


/* 自适应框架（设计图宽度） */
body {
	max-width: 7.6rem;
	margin: 0 auto;
}
body * {
	max-width: 7.6rem;
}

/* 音乐标志 */
#music_btn{position:fixed; width:0.5rem; height:auto; top:0.1rem; right:0.1rem; z-index:999; cursor:pointer;}
.myRotate{
	-webkit-animation-name:myRotate;
	animation-name:myRotate;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
}

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

@keyframes myRotate{
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}


.none{display:none}


/*效果*/
.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}


.tcenter{text-align:center}
.tright {text-align: right}
.fl{ float: left; _display:inline;}
.fr{ float: right; _display:inline;}
.clear{clear:both; margin:0; padding:0; border:none; overflow:hidden;}


.f12{font-size:0.6em;}
.f14{font-size:0.65em;}
.f16{font-size:0.7em;}
.f18{font-size:0.85em;}
.f20{font-size:0.9em;}
.f22{font-size:0.95em;}
.f24{font-size:1em;}
.f26{font-size:1.05em;}
.f30{font-size:1.15em;}
.f32{font-size:1.25em;}
.f34{font-size:1.35em;}
.f36{font-size:1.45em;}
.f40{font-size:1.6em;}
.lh120{line-height:120%}
.lh140{line-height:140%}
.lh160{line-height: 160%}
.lh180{line-height:180%}
.lh10{line-height:0.4rem;}
@media screen and (max-width: 640px) {
	.f12{font-size:0.6em;}
    .f14{font-size:0.65em;}
	.f16{font-size:0.7em;}
	.f18{font-size:0.85em;}
	.f20{font-size:0.9em;}
	.f22{font-size:0.95em;}
	.f24{font-size:1em;}
	.f26{font-size:1.05em;}
	.f30{font-size:1.15em;}
	.f34{font-size:1.35em;}
	.f36{font-size:1.45em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 414px) {
	.f12{font-size:0.4em;}
    .f14{font-size:0.45em;}
	.f16{font-size:0.5em;}
	.f18{font-size:0.65em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
	.f24{font-size:0.8em;}
	.f26{font-size:0.85em;}
	.f30{font-size:0.95em;}
	.f34{font-size:1.15em;}
	.f36{font-size:1.25em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 400px) {
	.f12{font-size:0.4em;}
    .f14{font-size:0.45em;}
	.f16{font-size:0.5em;}
	.f18{font-size:0.65em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
	.f24{font-size:0.8em;}
	.f26{font-size:0.85em;}
	.f30{font-size:0.95em;}
	.f34{font-size:1.15em;}
	.f36{font-size:1.25em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 392px) {
	.f12{font-size:0.35em;}
    .f14{font-size:0.4em;}
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
	.f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
	.f34{font-size:1.1em;}
	.f36{font-size:1.2em;}
    .f40{font-size:1.5em;}
}

@media screen and (max-width: 385px) {
	.f12{font-size:0.35em;}
    .f14{font-size:0.4em;}
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
	.f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
	.f34{font-size:1.1em;}
	.f36{font-size:1.2em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 375px) {
	.f12{font-size:0.35em;}
    .f14{font-size:0.4em;}
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
	.f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
	.f34{font-size:1.1em;}
	.f36{font-size:1.2em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 359px) {
	.f12{font-size:0.3em;}
    .f14{font-size:0.35em;}
	.f16{font-size:0.4em;}
	.f18{font-size:0.5em;}
	.f20{font-size:0.55em;}
	.f22{font-size:0.6em;}
	.f24{font-size:0.65em;}
	.f26{font-size:0.7em;}
	.f30{font-size:0.8em;}
	.f34{font-size:1em;}
	.f36{font-size:1.1em;}
    .f40{font-size:1.3em;}
}


/* loading */
.progress{
	width: 4rem;
	height: .2rem;
	/*border:.01rem solid black;*/
	position: relative;
}
.progressbar{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	/*background-color: #F1B763;
	-webkit-transition:width ease-in 200ms;*/
}
.progresstext{
	position: absolute;
	top: .3rem;
	left:50%;-webkit-transform:translateX(-50%);
transform:translateX(-50%);
	
}
.flex{display: flex;align-items: center;justify-content: center;}

/*微信分享*/
#mcover{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
	z-index:10000;
	}
	#mcover img{
	position:fixed;
	top:5rem;
	width:6.4rem;
	height:auto;
	z-index:10001;
	}
	.wx_btn{position:relative; z-index:9999; cursor:pointer;}
	.btn_next{ cursor:pointer;}

	.tishi{-webkit-animation: warn 2s ease-out;  
		-moz-animation: warn 2s ease-out;  
		animation: warn 2s ease-out;  
		-webkit-animation-iteration-count: infinite;  
		-moz-animation-iteration-count: infinite;  
		animation-iteration-count: infinite;}
		
		@keyframes warn {  
		0% {  
			transform: scale(1);  
			
		}  
		
		50% {  
			transform: scale(1.05);  
		   
		}  
		  
		100% {  
			transform: scale(1);  
		   
		}  
	}  
	@-webkit-keyframes warn {  
		0% {  
			-webkit-transform: scale(1);  
			 
		}  
		
		50% {  
			-webkit-transform: scale(1.05);  
			
		}  
		
		100% {  
			-webkit-transform: scale(1);  
			
		}  
	}