@charset "utf-8";
embed, object, video {
	max-width: 100%;
	margin: 0 auto;
}
html, body {
	height: 100%;
}
img {
	margin: 0 auto;
	-ms-interpolation-mode: bicubic
}
.ie6 img {
	width: 100%
}
* {
	margin: 0;
	padding: 0
}
body {
	font-size: 13px;
	overflow-y: hidden;
}
form, img, table, td {
	border: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
em, i {
	font-style: normal
}
ol, ul {
	list-style-type: none
}
a, dd, div, dl, dt, form, h1, h2, h3, h4, img, input, li, p, table, td, textarea, ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: 400
}
img, input, textarea {
	vertical-align: middle;
	font-family: "Microsoft YaHei"
}
a {
	text-decoration: none
}
.clearfix:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden
}
.clear {
	clear: both;
	line-height: normal
}
.hide {
	display: none
}
.fl {
	float: left
}
.fr {
	float: right
}
input {
	box-sizing: content-box
}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: 0
}
textarea {
	resize: none
}
button, input[type=button], input[type=reset], input[type=submit] {
	cursor: pointer;
	border: none
}
input:focus:-moz-placeholder, input:focus::-webkit-input-placeholder {
color:transparent
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
.left, .right {
	float: left;
	width: 50%
}
.inner {
	margin: 0 10px
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}


.lg_wrap {
	position: relative;
	max-width: 640px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	overflow-y: auto;
	background: url("../images/bg.jpg") no-repeat;
	background-size: 100% 100%;
	font-family: "微软雅黑";
}
.lg_wxhd_font {
	color: #5e2b08;
}


/**/
.feature-tle {
    position: relative;
}
.lg_wxhd_intentionbar {
    width: 100%;
    text-align: center;
}

.lg_wxhd_intentionbar img {
    margin: 0 auto;
    max-width: 100%;
}
.tstle {
    padding-top: 17%;
}
.tstle img {
    width: 80%;
}

.tstle-smallqq {
    position: absolute;
    right: 5%;
    top: 8%;
    width: 14%;
}
.tstle-smallqq img{
	max-width:100%;
}


/**/
.tscon-qqbar {
    position: absolute;
    bottom: 0;
    height: 68%;
    z-index: 5;
    width: 100%;
}
.tscon-qqbar a{
	display:block;
}
/*真人CS------*/
.tscon-qqimgone {
    position: absolute;
    width: 22%;
    left: 16%;
    top: 9%;
}
.tscon-qqimgone img {
    max-width: 100%;
}

/*智勇大冲关------*/
.tscon-qqimgtwo {
    position: absolute;
    width: 25%;
    left: 45%;
    top: 6%;
}
.tscon-qqimgtwo img {
    max-width: 100%;
}

/*宝儿冒险岛------*/
.tscon-qqimgthree {
    position: absolute;
    width: 24%;
    right: 7%;
    bottom: 42%;
}
.tscon-qqimgthree img {
    max-width: 100%;
}

/*魔幻王国------*/
.tscon-qqimgfour {
    position: absolute;
    width: 24%;
    left: 37%;
    bottom: 25%;
}
.tscon-qqimgfour img {
    max-width: 100%;
}
/*空中芭蕾------*/
.tscon-qqimgfive {
    position: absolute;
    width: 26%;
    left: 5%;
    bottom: 5%;
}
.tscon-qqimgfive img {
    max-width: 100%;
}
/*越野拓展训练------*/
.tscon-qqimgsix {
    position: absolute;
    width: 26%;
    right: 11%;
    bottom: 7%;
}
.tscon-qqimgsix img {
    max-width: 100%;
}

/*浮层*/
.tsfc-conbar{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:88;
	background:rgba(90,90,90,0.6);
	display:none;
	max-width: 640px;
    margin: 0 auto;
}

.tsfc-concer{
	position:relative;
	top:50%;
	margin-top:-40%;
}
.tsfc-con{
	width:75%;
	margin:0 auto;
	position:relative;
}
.tsfc-con img{
	max-width:100%;
}
.tsfc-qjicon{
	display:block;
	border-radius:5px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-family:"黑体";
	width:40%;
	margin:0 auto;
	background:#ef5554;
	text-align:center;
	line-height:2.4em;
	margin-top:5%;
}
.tsfc-gbiicon{
	display:block;
	position:absolute;
	right:0;
	top:0;
	z-index:8;
	width:15%;
	height:15%;
}




/**/
.fade-inone{
	animation: fade-in;  
    animation-duration: 2s;  
    -webkit-animation:fade-in 2s;
}
@keyframes fade-in {  
	0% {opacity:0;}
	5% {opacity:0;}
	15% {opacity:0.1;}
	25% {opacity:0.2;}
    35% {opacity:0.4;} 
    45% {opacity:0.5;}
	55% {opacity:0.6;}
	65% {opacity:0.7;}
	75% {opacity:0.8;}
	85% {opacity:1;}
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
	0% {opacity:0;}
	5% {opacity:0;}
	15% {opacity:0.1;}
	25% {opacity:0.2;}
    35% {opacity:0.4;} 
    45% {opacity:0.5;}
	55% {opacity:0.6;}
	65% {opacity:0.7;}
	75% {opacity:0.8;}
	85% {opacity:1;}
}

.grow-smll{
	animation: grow 0.5s 0.4s 1 ease, music-move 1s 1s infinite alternate ease-in-out;
    -webkit-animation: grow 0.5s 0.4s 1 ease, music-move 1s 1s infinite alternate ease-in-out;
    /*transform-origin: bottom;
    -webkit-transform-origin: bottom;*/
}


@keyframes grow{
	0% {  
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	60% {  
	  -webkit-transform: scale(1.15);
	  transform: scale(1.15);
	}
	80% {  
	  -webkit-transform: scale(0.95);
	  transform: scale(0.95);
	}
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
}

@-webkit-keyframes grow {
	0% {  
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	60% {  
	  -webkit-transform: scale(1.15);
	  transform: scale(1.15);
	}
	80% {  
	  -webkit-transform: scale(0.95);
	  transform: scale(0.95);
	}
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
}

.move{
	animation:music-move 1s infinite alternate ease-in-out;
    -webkit-animation:music-move 1s infinite alternate ease-in-out;
}

@keyframes music-move{
	0% { 
	  -webkit-transform: rotate(-5deg);
	  transform: rotate(-5deg);
	}
	33% {  
	  -webkit-transform: rotate(5deg);
	  transform: rotate(5deg);
	}
	66% {  
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {  
	  -webkit-transform: rotate(5deg);
	  transform: rotate(5deg);
	}
}

@-webkit-keyframes music-move {
	0% { 
	  -webkit-transform: rotate(-5deg);
	  transform: rotate(-5deg);
	}
	33% {  
	  -webkit-transform: rotate(5deg);
	  transform: rotate(5deg);
	}
	66% {  
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {  
	  -webkit-transform: rotate(5deg);
	  transform: rotate(5deg);
	}
}

.note-anim{
	animation: note-anim 1.5s;
    animation-fill-mode: forwards;
    -webkit-animation: note-anim 1.5s;
    -webkit-animation-fill-mode: forwards;
}

@keyframes note-anim{
	0% {
	  opacity: 0;
	  -webkit-transform: translate(0,5000px);
	  transform: translate(0,5000px);
	}
	100% {
	  opacity: 1;
	  -webkit-transform: translate(0,0px);
	  transform: translate(0,0px);
	}
}

@-webkit-keyframes note-anim {
	0% {
	  opacity: 0;
	  -webkit-transform: translate(0,500px);
	  transform: translate(0,500px);
	}
	100% {
	  opacity: 1;
	  -webkit-transform: translate(0,0px);
	  transform: translate(0,0px);
	}
}


.note-animtwo{
	animation: note-animtwo 5s infinite;
    -webkit-animation: note-animtwo 5s infinite;
}

@keyframes note-animtwo{
	20% {
	  -webkit-transform:rotate(-6deg) translate(8px,-8px);
	  transform:rotate(-6deg) translate(8px,-8px);
	}
	40% {
	  -webkit-transform:rotate(6deg) translate(0,8px);
	  transform:rotate(6deg) translate(0,8px);
	}
	60% {
	  -webkit-transform:rotate(-6deg) translate(8px,-8px);
	  transform:rotate(-6deg) translate(8px,-8px);
	}
}

@-webkit-keyframes note-animtwo{
	20% {
	  -webkit-transform:rotate(-6deg) translate(8px,-8px);
	  transform:rotate(-6deg) translate(8px,-8px);
	}
	40% {
	  -webkit-transform:rotate(6deg) translate(0,8px);
	  transform:rotate(6deg) translate(0,8px);
	}
	60% {
	  -webkit-transform:rotate(-6deg) translate(8px,-8px);
	  transform:rotate(-6deg) translate(8px,-8px);
	}
}

.note-animthree{
	animation: note-animthree 3.5s infinite;
    -webkit-animation: note-animthree 3.5s infinite;
}

@keyframes note-animthree{
	40% {
	  -webkit-transform:translate(5px,5px);
	  transform: translate(5px,5px);
	}
	60% {
	  -webkit-transform:translate(-5px,-5px);
	  transform:translate(-5px,-5px);
	}
	80% {
	  -webkit-transform: translate(5px,5px);
	  transform:translate(5px,5px);
	}
}

@-webkit-keyframes note-animthree{
	40% {
	  -webkit-transform:translate(5px,5px);
	  transform: translate(5px,5px);
	}
	60% {
	  -webkit-transform:translate(-5px,-5px);
	  transform:translate(-5px,-5px);
	}
	80% {
	  -webkit-transform: translate(5px,5px);
	  transform:translate(5px,5px);
	}
}

.note-animfour{
	animation: note-animfour 4s infinite;
    -webkit-animation: note-animfour 4s infinite;
}

@keyframes note-animfour{
	40% {
	  -webkit-transform:translate(10px,0px);
	  transform: translate(10px,0px);
	}
	60% {
	  -webkit-transform:translate(-10px,-0px);
	  transform:translate(-10px,-0px);
	}
	80% {
	  -webkit-transform:translate(10px,0px);
	  transform:translate(10px,0px);
	}
}

@-webkit-keyframes note-animfour{
	40% {
	  -webkit-transform:translate(10px,0px);
	  transform: translate(10px,0px);
	}
	60% {
	  -webkit-transform:translate(-10px,-0px);
	  transform:translate(-10px,-0px);
	}
	80% {
	  -webkit-transform:translate(10px,0px);
	  transform:translate(10px,0px);
	}
}



.note-animfive{
	animation: note-animfive 4.5s infinite;
    -webkit-animation: note-animfive 4.5s infinite;
}

@keyframes note-animfive{
	/*20% {
	  -webkit-transform:translate(0,25px);
	  transform:translate(0,25px);
	}*/
	40% {
	  -webkit-transform:translate(0,-30px);
	  transform:translate(0,-30px);
	}

	60% {
	  -webkit-transform:translate(0,15px);
	  transform:translate(0,15px);
	}
	80% {
	  -webkit-transform:translate(0,-30px);
	  transform:translate(0,-30px);
	}
}

@-webkit-keyframes note-animfive{
	40% {
	  -webkit-transform:translate(0,-30px);
	  transform:translate(0,-30px);
	}

	60% {
	  -webkit-transform:translate(0,15px);
	  transform:translate(0,15px);
	}
	80% {
	  -webkit-transform:translate(0,-30px);
	  transform:translate(0,-30px);
	}
}



.note-animsix{
	animation: note-animsix 2s infinite;
    -webkit-animation: note-animsix 2s infinite;
}

@keyframes note-animsix{
	40% {
	  -webkit-transform:rotate(-8deg) translate(6px,0);
	  transform:rotate(-8deg) translate(6px,0);
	}
	60% {
	  -webkit-transform:rotate(3deg) translate(-6px,0);
	  transform:rotate(3deg) translate(-6px,0);
	}
	80% {
	  -webkit-transform:rotate(-8deg) translate(6px,0);
	  transform:rotate(-8deg) translate(6px,0);
	}
}

@-webkit-keyframes note-animsix{
	40% {
	  -webkit-transform:rotate(-8deg) translate(6px,0);
	  transform:rotate(-8deg) translate(6px,0);
	}
	60% {
	  -webkit-transform:rotate(3deg) translate(-6px,0);
	  transform:rotate(3deg) translate(-6px,0);
	}
	80% {
	  -webkit-transform:rotate(-8deg) translate(6px,0);
	  transform:rotate(-8deg) translate(6px,0);
	}
}





@media only screen and (min-width: 320px) {
	
}
@media only screen and (min-width: 325px) {

}
@media only screen and (min-width: 375px) {

	
}
@media only screen and (min-width: 414px) {

	
}
@media only screen and (min-width: 640px) {

}