leaveContainer {
	left:0;
	top:0;
	z-index:10001;
    position: fixed;
    height: 700px;
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
	pointer-events: none;
}
* html  #leaveContainer{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
#leafContainer{
    position: absolute;
    width: 100%;
    height: 100%;
}
#leafContainer div{
	/*-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);*/
    position: absolute;
    width: 100px;
    height: 100px;
    animation-iteration-count: 1, 1;
    animation-direction: normal, normal;
    animation-timing-function: linear, ease-in;
    -webkit-animation-iteration-count: 2, 2;/*infinite*/
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
    -ms-animation-iteration-count: 1, 1;
    -ms-animation-direction: normal, normal;
    -ms-animation-timing-function: linear, ease-in;
}
#leafContainer  div  img {
	/*-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);*/
	 filter: Alpha(Opacity=100);
	 opacity:1;
     position: absolute;
     width: 100px;
     height: 100px;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-timing-function: ease-in-out;
     transform-origin: 50% -100%;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
     -ms-animation-iteration-count: infinite;
     -ms-animation-direction: alternate;
     -ms-animation-timing-function: ease-in-out;
     -ms-transform-origin: 50% -100%;
}
@keyframes fade{
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes fade{
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes drop{
    0%   { transform: translate3d(0px, -50px,0); }
    100% { transform: translate3d(0px, 850px,0); }
}
@-webkit-keyframes drop{
    0%   { -webkit-transform: translate3d(0px, -50px,0); }
    100% { -webkit-transform: translate3d(0px, 850px,0); }
}
@keyframes clockwiseSpin{
    0%   { transform: rotate(-50deg); }
    100% { transform: rotate(50deg); }
}
@-webkit-keyframes clockwiseSpin{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}
@keyframes counterclockwiseSpinAndFlip{
    0%   { transform: scale(-1, 1) rotate(100deg); }
    100% { transform: scale(-1, 1) rotate(-100deg); }
}
@-webkit-keyframes counterclockwiseSpinAndFlip{
    0%   { -webkit-transform: scale(-1, 1) rotate(100deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-100deg); }
}


.rainbow_box{
	height:322px;
	width:0;
	position: absolute;
	z-index:10;
	overflow: visible !important;
	display: none;
	bottom:62px!important;
	left:0px;
}
.rainbow{
	height:322px;
	background:url(http://mat1.gtimg.com/v/js/ych/assets/caihong_1.png) no-repeat;
	overflow: visible !important;
	display: none;
}
.rainbow_other{
	height:322px;
	position: absolute;
	overflow: visible !important;
	top:0;
	left:0;
	width:982px;
}
.mascot_box{
	position: absolute;
	bottom:0;
	right:60px;
	display: none;
}
.mascot_fly_box{
	position: absolute;
	bottom:0;
	left:0;
}
.mascot_stand{
	z-index: 1;
}
.light{
	position: absolute;
	top:0;
	left:-85px;
	z-index:2;
}
.mascot_fly_box .light{
	top: -50px;
	left: -50px;
}
.praise{
	position: absolute;
	right:-30px;
	bottom:118px;
	display: none;
}
.head_box{
	position: absolute;
	bottom:-12px;
	left:-15px;
	background:url(http://mat1.gtimg.com/v/js/ych/assets/caihong_2.png) no-repeat;
	width:194px;
	height:66px;
	line-height: 66px;
}
.head_box > img {
	width: 45px;
	top: 11px;
	left: 13px;
	position: absolute;
	height: 45px;
	border-radius: 20px;
}
.head_box > span {
	display: inline-block;
	width: 120px;
	font-size: 12px;
	color:orange;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	top: 5px;
	left: 60px;
	position: absolute;
	text-align: center;
}

.boxHeart{position:absolute;width:960px; bottom:50px; z-index:10;height: 500px!important;left:50%;margin-left:-480px;}
.bigHeart{width:342px;height:296px;opacity:0;position:absolute;z-index:11;background:url(http://mat1.gtimg.com/v/js/ych/assets/xin_1.png) 0 0 no-repeat;}
.lImg{height:76px;position:absolute;top:49px;left:45px;border-radius:50%;}
.lImg img{border-radius:50%;width:76px;border:5px solid;}
.rImg{height:122px;position:absolute;top:33px; right:38px;border-radius:50%;}
.rImg img{border-radius:50%;width:122px;}
.heartText{position:absolute;top:190px;text-align:center;width:100%;font-family:"microsoft yahei",'Arial Narrow';color:#fecc2f;}

.smallBox{position:absolute;z-index:10;}
.smallHeart{position:absolute;z-index:999;top:100px;left:100px;/*background:url(http://mat1.gtimg.com/v/js/ych/assets/xin_2.png) 0 0 no-repeat;*/background-size:100%;width:94px;height:94px;}


/*动画四*/
.pageAnimateArea4{position: absolute; z-index: 999; left: 50%;bottom:50px;margin-left: -475px;width: 950px; height: 400px!important; overflow: hidden;}
.pageAnimateArea4 .userInfo{position: absolute;top:200px;left:590px;}
.pageAnimateArea4 .userInfo img{border-radius: 50%;}
.animate_arr_4_small{position: absolute;z-index:999;left:50%;bottom:50px;margin-left:-315px;width:630px;height:400px;overflow:hidden;}
.animate_arr_4_small .userInfo{position:absolute;top:223px;left:373px;}
.animate_arr_4_small .userInfo img{border-radius:50%;border:2px #ffada3 solid;}

.position1{left:20px; top: 20px;}
.position2{left:20px; bottom: 50px;}
.position3{left:400px; bottom: 50px;}

/*动画十*/
.pageAnimateArea10{position:absolute;z-index: 9998;left:50%;bottom:50px;margin-left:-205px;width:410px;height:400px;overflow:hidden;}
.pageAnimateArea10 .userInfo{position:absolute;top:299px;left:138px;}
.pageAnimateArea10 .userInfo img{border-radius:50%;border:2px #ffda5a solid;}

/*动画十一*/
/*
.pageAnimateArea11{position:absolute;z-index: 999;left:50%;bottom:50px;margin-left:-325px;width:650px;height:427px;overflow:hidden;}
.pageAnimateArea11 .userInfo{position:absolute;top:266px;left:300px;}
.pageAnimateArea11 .userInfo img{border-radius:50%;border:2px #e2f1f3 solid;}
.pageAnimateArea11 .daojuImgUrl{position:absolute;left:257px;top:155px;}
.pageAnimateArea11 .daojuImgUrl img{border-radius:50%;}
.pageAnimateArea11 .transform1{transform:rotate(20deg);-ms-transform:rotate(20deg);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);}
.pageAnimateArea11 .transform2{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.pageAnimateArea11 .transform3{transform:rotate(-130deg);-ms-transform:rotate(-130deg);-moz-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);-o-transform:rotate(-130deg);}
*/

.pageAnimateArea11{position:absolute;z-index: 9999;left:50%;bottom:38px;margin-left:-325px;width:650px;overflow:hidden;}
.pageAnimateArea11 .scene_1{position:absolute;bottom:0;}
.pageAnimateArea11 .userInfo{position:absolute;bottom:100px;left:300px;}
.pageAnimateArea11 .userInfo img{border-radius:50%;border:2px #e2f1f3 solid;}
.pageAnimateArea11 .daojuImgUrl{width:107px;height:44px;text-align:center;position:absolute;left:257px;bottom:228px;background:url("http://mat1.gtimg.com/v/js/ych/assets/animate_11/star_bg.png") center center no-repeat;background-size:100% 100%;}
.pageAnimateArea11 .daojuImgUrl img{border-radius:50%;}
.pageAnimateArea11 .head_bg{background:url("http://mat1.gtimg.com/v/js/ych/assets/animate_11/head_bg.png")}
.pageAnimateArea11 .transform1{transform:rotate(-50deg);-ms-transform:rotate(-50deg);-moz-transform:rotate(-50deg);-webkit-transform:rotate(-50deg);-o-transform:rotate(-50deg);}
.pageAnimateArea11 .transform2{transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);}
.pageAnimateArea11 .transform3{transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);}
.pageAnimateArea11 .transform4{transform:rotate(-120deg);-ms-transform:rotate(-120deg);-moz-transform:rotate(-120deg);-webkit-transform:rotate(-120deg);-o-transform:rotate(-120deg);}
.pageAnimateArea11 .transform5{transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);}
.pageAnimateArea11 .transform6{transform:rotate(95deg);-ms-transform:rotate(95deg);-moz-transform:rotate(95deg);-webkit-transform:rotate(95deg);-o-transform:rotate(95deg);}
.pageAnimateArea11 .rocket{position:absolute;left:277px;bottom:180px;}


.pageAnimateArea13{position:absolute;z-index: 999;left:50%;bottom:100px;margin-left:-325px;width:342px;height:284px;overflow:hidden;}
.pageAnimateArea13 .userInfo{position:absolute;top:236px;left:224px;}
.pageAnimateArea13 .userInfo img{border-radius:50%;border:2px #e2f1f3 solid;}
.pageAnimateArea13 .transform01{transform:rotate(-52deg);-ms-transform:rotate(-52deg);-moz-transform:rotate(-52deg);-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);}
.pageAnimateArea13 .transform02{transform:rotate(-64deg);-ms-transform:rotate(-64deg);-moz-transform:rotate(-64deg);-webkit-transform:rotate(-64deg);-o-transform:rotate(-64deg);}
.pageAnimateArea13 .transform03{transform:rotate(-34deg);-ms-transform:rotate(-34deg);-moz-transform:rotate(-34deg);-webkit-transform:rotate(-34deg);-o-transform:rotate(-34deg);}
.pageAnimateArea13 .transform04{transform:rotate(-60deg);-ms-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-o-transform:rotate(-60deg);}
.pageAnimateArea13 .transform05{transform:rotate(-31deg);-ms-transform:rotate(-31deg);-moz-transform:rotate(-31deg);-webkit-transform:rotate(-31deg);-o-transform:rotate(-31deg);}

/*animate_5*/
.rainbow_tail{
	position: absolute;
	bottom:12px;
	left:-160px;
	z-index:-1;
}
.switch_rainbow{
	position: absolute;
	right:-20px;
	bottom:-20px;
	z-index:-1;
	opacity:0;
	filter: alpha(opacity=0);
}
/*animate_5 end*/



/*动画一*/
#pageAnimateArea{position: absolute; z-index: 999;right: 270px; bottom:118px;width: 400px; height: 400px; overflow: hidden;}
#pageAnimateArea .userpic{ float: left; width: 111px; height: 110px; position: relative;}
#pageAnimateArea .userpic img{ width: 70px; height: 70px; margin: 20px 0 0 21px;}

#pageAnimateArea p{ position: absolute; left: 0; bottom: 28px; width: 100%; line-height: 40px; text-align: center; font-size: 13px; color: #fff;}
#pageAnimateArea span{}
#pageAnimateArea span.username2{}
#pageAnimateArea p{}

/*动画二*/
#pageAnimateArea2{position: absolute;left:-90px; top:-110px; z-index: 999;width: 400px; height: 430px; overflow: hidden;}
#pageAnimateArea2 #scene_img{width:400px; margin: 0 auto;}
#pageAnimateArea2 p{ width: 100%; line-height: 30px; padding-left: 10px; color: #000; text-align: center;position: relative; top:-30px; text-indent: -20px;}
#pageAnimateArea2 .userface{ width: 50px; height: 50px; border: 2px solid #ff95aa; border-radius: 60px; position: absolute; left: 50%; margin-left: -30px; bottom: 105px;}
p.font_class span{color:#fff;font-size:20px;}
p.font_class{color:#fff!important;font-size:20px;}

/*动画三*/
#pageAnimateArea3{position: absolute; z-index: 999; right:270px;top:0;width: 300px; height: 400px; overflow: hidden;}
#pageAnimateArea3 #scene_img{display: block; width: 200px; margin: 0 auto;}
#pageAnimateArea3 p{ display: block; text-align: center; font-size: 20px;color:#fff;}

/*animate_9*/
.animate_9{position:absolute;width:100%;bottom:60px;left:0;z-index:999;}
.animate_9_fly{position: absolute;bottom:0;left:0;display:none;}
.a9_rainbow_tail{position: absolute;bottom:-17px;left:-222px;}
.animate_right{position:absolute;right:0;}
.animate_right_after{position:absolute;right:0;display:none;}
.cartoon_people{position: absolute;bottom:0;right:100px;z-index:1;}
.cartoon_people img{display:none;position:absolute;bottom:0;right:0;}
.a9_star{position: absolute;bottom:0;right:60px;display:none;}
.a9_star img{position: absolute;bottom:90px;right:100px;width:40px;}
.a9_praise{position: absolute;right:25px;bottom:118px;}
.sj_box{width:50px;height:auto;position:absolute;bottom:99px;right:96px;display:none;}
.a9_head_box{left:12px!important;bottom:16px!important;}
/*animate_9 end*/

/*animate_12*/
#pageAnimateArea12{opacity:0; filter:alpha(opacity=0);position: absolute; z-index: 999; left:-30px; top:-350px;width: 239px; height: 700px; overflow: hidden;}
#pageAnimateArea12 img{ display: block; margin: 0 auto;}
#pageAnimateArea12 p{ display: none; position: absolute; left: 0; bottom: 110px; width: 100%; line-height: 43px; text-align: center; font-size: 13px; color: #fff; background: url(http://mat1.gtimg.com/v/js/ych/publish/mty201503/4/bg_txt.png) 0 0 no-repeat;}

#fullscreenplayer{width:100%;height:100%;position:absolute;}/*  |xGv00|da346388e92b649837697508f57d3082 */