@charset "utf-8";

*{padding:0px;margin:0px;}
html{ font-family:'Microsoft Yahei',arial;color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
img{border:none;}
ul,li,dl,dd,dt{list-style:none;margin:0;padding:0;}
a{color:#444;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{text-decoration:none;}
em, i, u, s, b,strong{font-style:normal;font-weight:normal;text-decoration:none;}
section{display:block;}
input,button,select,textarea{outline:none;}
body{width:100%;overflow:hidden; background-color: #000;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;overflow-y:auto;}





 
/*第一屏*/
.section1,.section2,.section3,.section4,.section5{width: 100%;height: 100%; overflow: hidden;}
.section1{background:url(https://static.yxdown.com/hd/images/bg1.jpg) center top no-repeat;background-size: 100% auto;height: 6.2rem;}
.section1 .logo{width: 88%;margin: 0 auto;}
.section1 .logo a{width: 40%;display: inline-block;float: left;background-size: auto 100%;font-size: 0.1rem;}
.section1 .logo a img{ width: 100%;  height: 100%; }
.section1 .logo a.hdl_logo{}
.section1 .logo a.yxlogo{float: right;margin-top: 4%;}
.video{width: 15%;height: 0.6rem;display: block;margin: 0 auto;margin-top: 36%;-webkit-animation: breath .8s ease-in-out alternate infinite;-moz-animation: breath .8s ease-in-out alternate infinite;-ms-animation: breath .8s ease-in-out alternate infinite;animation: breath .8s ease-in-out alternate infinite;font-size: 0.1rem;}
.video img{ width: 100%; }
.arrow{position: absolute;background: url(https://static.yxdown.com/hd/images/hdl_icon.png) no-repeat;width: 50px;height: 33px;left: 50%;bottom: 20px;margin-left: -30px;cursor: pointer;-webkit-animation: fadeInUp 3s linear infinite;animation: fadeInUp 3s linear infinite;background-size: 500% auto;background-position: -174px -78px;display: none;}
.rzlogo{width: 0.7rem;height:0.35rem;display: block;position: absolute;right: 5%;top: 8%;background: url(https://static.yxdown.com/hd/images/rz_logo.png) no-repeat;background-size: 100% 100%;}
.mobile_btn{width: 62%;margin: 0 auto;margin-top: 5%;}
.mobile_btn a{width: 1.1rem;height: 0.45rem;display: inline-block;border-radius: 8px;color: #fff;line-height: 0.45rem;text-align: center;font-size: 0.16rem;float: left;}
.mobile_btn a.az{background: #cc2220;margin-right: 5%;}
.mobile_btn a.apple{background: #111;}


/*第二屏*/
.section2{background:url(https://static.yxdown.com/hd/images/bg2.jpg) center top no-repeat;background-size: 100% auto;height: 6.4rem;}
.intro{ width: 100%;}
.intro h1{ height: 5rem; display: none;}
.intro p.date{ display: none;}
.intro .method{display: none;}
.intro .method p{ display: none;}
.intro .notice{width: 95%;margin: 0 auto;margin-top: 59%;text-align: left;}
.intro .notice h2{font-size: 0.12rem;color: #0097eb;/* display: none; */}
.intro li{/* list-style-type: disc; */color: #ded3c7;/* margin-left: 1.5rem; *//* text-indent: -1.5rem; */line-height: 0.18rem;margin-top: 9px;font-size: 0.12rem;/* display: none; */}
.intro .btns{width: 46%;margin: 0 auto;padding-top: 0.2rem;font-size: 0.1rem;}
.intro .btns a{/* display: none; */margin-bottom: 0.15rem;height: 0.48rem;font-size: 0.1rem;display: block;}
.intro .btns a img{width: 100%;}
.intro .jiangpin{width: 86%;margin: 0 auto;margin-top: 10px;/* display: none; */}
.intro .jiangpin h2{width: 100%;overflow: hidden;height: 0.2rem;}
.intro .jiangpin h2 i{width: 6px;height: 0.12rem;background: #2d2a38;float: left;display: inline-block;}
.intro .jiangpin h2 b{font-size: 0.11rem;color: #eecab6;padding: 3px 8px;float: left;height: 17px;line-height: 17px;}
.intro .jiangpin ul{ width: 110%; overflow: hidden; margin-top: 2%;}
.intro .jiangpin ul span{display: inline-block;float: left;width: 42%;margin-right: 6%;font-size: 0.1rem;}
.intro .jiangpin ul span img{ width: 100%; }

/*第三屏*/
.section3{background:url(https://static.yxdown.com/hd/images/bg3.jpg) center top no-repeat;background-size: 100% auto;position: relative;}
.flexslider {margin: 0;padding: 0;height: 600px;position: relative;}
.flexslider .slides > li {width: 100%;height: 100%;position: relative;} 
.flexslider .slides img {width: 375px;display: block;}
.flexslider .slides span{ width:100%; display:block; overflow:hidden; height:30px; background:rgba(0,0,0,0.5); text-align:left; line-height:30px; position:absolute; bottom:0px;}
.flexslider .slides span em{ font-size:14px; color:#ffffff; margin-left:8px; height:30px; line-height:30px; display:block; padding-right:100px;}
.flex-pauseplay span {text-transform: capitalize;}

.flexslider ul li{text-align: left;}
.flexslider ul li a{display: block;margin-top: 100px;width: 375px;position: absolute;bottom: 0px;/* left: 2%; */}
.flexslider ul li h3{color: #ffeee3;font-weight: bold;font-size: 2.5rem;left: 20px;top: 100px;z-index: 10;}
.flexslider ul li p{color: #ffa670;font-size: 1.5rem;left: 20px;top: 150px;}
.flexslider ul li em{bottom: 0px;width: 385px;z-index: 11;left: 67px;}
.flexslider ul li i{top: 400px;width: 331px;left: 20px;z-index: 9;}
.flexslider ul li em img,.flexslider ul li i img{ width: 100%; }
.flexslider ul li h3,.flexslider ul li p,.flexslider ul li em,.flexslider ul li i{ position: absolute; }

.flex-control-nav {width: 43%;text-align: center;padding: 4px 0px 12px 0px;margin: 0 auto;position: absolute;bottom: 2%;margin-left: 10%;}
.flex-control-nav li{float: left;margin-right: 3%;}
#wrapper .flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1; *display: inline;width: 6px;text-align: center;}
.flex-control-paging li a {width: 0.3rem;height: 0.3rem;display: block;background: url("https://static.yxdown.com/hd/images/point.png") no-repeat;text-indent: -9999px;background-size: 100% auto;}
.flex-control-paging li a.flex-active {background: url(https://static.yxdown.com/hd/images/point_on.png) no-repeat;cursor: default;background-size: 100% auto;}
.flex-viewport{overflow: visible !important;height: 100%;}
.flex-viewport ul{ height: 100%; }

/*第四屏*/
.section4{background:url(https://static.yxdown.com/hd/images/bg4.jpg) center top no-repeat;background-size: 100% auto;height: 6.2rem;}

/*图片轮播*/
#sbox{width: 375px;overflow:hidden;position:relative;zoom:1;margin: 0 auto;margin-top: 10px;height: 800px;}
#simg{width: 375px;height: 700px;overflow:hidden;}
#simg ul{width:9999px;overflow:hidden;zoom:1;position:absolute;top: 20px;left:0px;}
#simg ul li{overflow:hidden;zoom:1;float:left;display:inline;width: 375px;height:860px;/* margin-top: 10px; */}
#simg ul li h2{ position: absolute; font-size: 22px; color: #fff; top: 300px;padding-left: 10px;}
#simg ul li img{width: 422px;/* height:460px; *//* margin-top: 26px; */float: left;}
#simg ul li em{width: 350px;height: 25px;font-size: 14px;color: #f2e4d6;text-align: left;display: block;margin-left: 10px;}
#simg_s{width: 347px;position:absolute;top: 470px;left: 15px;height: 85px;overflow:hidden;zoom:1;}
#simg_s ul{overflow:hidden;zoom:1;width:1200px; position: absolute;top:0px;left:0px;}
#simg_s ul li{float:left;display:inline;width: 100px;height: 83px;overflow:hidden;zoom:1;margin-right: 10px;font-size: 0.01rem;border-radius: 5px;margin-bottom: 10px;}
#simg_s ul li.on{ border: 1px solid #ff9500; }
#simg_s ul li img{width: 100px;}
.prev1{position:absolute;top: 330px;left: 10px;width: 30px;height: 65px;z-index:9;cursor:pointer;background:url(https://static.yxdown.com/hd/images/prev.png) no-repeat;background-size: 100% auto;}
.next1{position:absolute;top: 330px;right: 10px;width: 30px;height: 65px;z-index:9;cursor:pointer;background:url(https://static.yxdown.com/hd/images/next.png) no-repeat;background-size: 100% auto;}
.prev1:hover,.next1:hover{ opacity: .6; }

#moreinfo{font-size: 0.1rem;text-align: center;display: block;color: #aaa;background: #171516;padding: 12px 0;}

/*第五屏*/
.section5{background: #171516;background-size: 100% auto;}
.section5 h3{color: #ff8a34;font-size: 0.2rem;text-indent: 1px;display: block;height: 0.2rem;text-align: center;width: 100%;margin-top: 0.4rem;}
#comment{padding: 0 0.1rem;font-size: 0.11rem;margin-top: 0.2rem;height: 707px;overflow: hidden;}
#comment #SOHUCS #SOHU_MAIN .module-mobile-cmt-header{background-color: #000;}
#comment #SOHUCS #SOHU_MAIN .module-mobile-cmt-float-bar{ display: none; }
#comment #SOHUCS #SOHU_MAIN .module-cmt-list .wrap-build-gw .build-floor-gw{ color: #999 !important; background: #1e1c1f; border: 1px solid #282629; }
#comment .wrap-issue-gw span.wrap-word-gw{ color: #aaa; }
#comment #SOHUCS #SOHU_MAIN .module-cmt-list .wrap-user-gw .user-address-gw, #SOHUCS #SOHU_MAIN .module-cmt-list .wrap-user-gw .user-name-gw{ display: inline; }
#comment #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main .wrap-area-w .textarea-fw{ color: #aaa; }
#comment #SOHUCS .reset-g article, #SOHUCS .reset-g aside, #SOHUCS .reset-g blockquote, #SOHUCS .reset-g body, #SOHUCS .reset-g button, #SOHUCS .reset-g code, #SOHUCS .reset-g dd, #SOHUCS .reset-g details, #SOHUCS .reset-g div, #SOHUCS .reset-g dl, #SOHUCS .reset-g dt, #SOHUCS .reset-g em, #SOHUCS .reset-g fieldset, #SOHUCS .reset-g figcaption, #SOHUCS .reset-g figure, #SOHUCS .reset-g footer, #SOHUCS .reset-g form, #SOHUCS .reset-g h1, #SOHUCS .reset-g h2, #SOHUCS .reset-g h3, #SOHUCS .reset-g h4, #SOHUCS .reset-g h5, #SOHUCS .reset-g h6, #SOHUCS .reset-g header, #SOHUCS .reset-g hgroup, #SOHUCS .reset-g hr, #SOHUCS .reset-g i, #SOHUCS .reset-g input, #SOHUCS .reset-g legend, #SOHUCS .reset-g li, #SOHUCS .reset-g menu, #SOHUCS .reset-g nav, #SOHUCS .reset-g ol, #SOHUCS .reset-g p, #SOHUCS .reset-g pre, #SOHUCS .reset-g section, #SOHUCS .reset-g span, #SOHUCS .reset-g td, #SOHUCS .reset-g textarea, #SOHUCS .reset-g th, #SOHUCS .reset-g ul{ color: #999; }
#comment #SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-wrapper-wap .list-header-wap .list-header-txt{ color: #aaa; }

/*出现动画*/
.swiper-slide-active .intro .btns a.upload{ -moz-animation: fadeInDown 1s 1.6s ease both;-webkit-animation: fadeInDown 1s 1.6s ease both;animation: fadeInDown 1s 1.6s ease both; display: block;}
.swiper-slide-active .intro .btns a.comment{ -moz-animation: flipInY 2s 2.2s ease both;-webkit-animation: flipInY 2s 2.2s ease both;animation: flipInY 2s 2.2s ease both; display: block;}
.swiper-slide-active .intro .notice h2{    -moz-animation: fadeInDown 1s 0.2s ease both;-webkit-animation: fadeInDown 1s 0.2s ease both; animation: fadeInDown 1s 0.2s ease both; display: block;}
.swiper-slide-active .intro li{-moz-animation: fadeInDown 1s 1.1s ease both;-webkit-animation: fadeInDown 1s 1.1s ease both;animation: fadeInDown 1s 1.1s ease both; display: block;}
.swiper-slide-active .jiangpin{ display: block; }

/*弹窗*/
.window{position: fixed;z-index: 3;left: 0;top: 0%;width: 100%;height: 100%;display: none;}
.window a.close{width: 8%;height: 8%;position: fixed;right: 3%;top: 9%;z-index: 10012;text-align: center;display: none;display: none;}
.window a.close img{ width: 100%; }
.window ul{}
.window ul li{}
.window .videobox{margin-top: 10%;}
#bg{background-color: #000;opacity: 0.8;position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%; display: none;}

.popcon{position: fixed;z-index: 3;left: 0;top: 6%;width: 100%;height: 100%; font-size: 0.1rem;}
.popdiv{width: 3rem;margin: 0 auto;background: #ededed;border: 1px solid #713d21;border-radius: 0.2rem;}
.popdiv ul{ padding: 0.3rem 0.2rem;height: 2.2rem;}
.popdiv ul li{ color: #333; font-size: 0.15rem; padding: 0.05rem 0;}
.popdiv ul li.browse input{background-color:D8F98F;border:1px #000000 solid;height:14pt;color:#000000;font-size: 9pt;}
.popdiv ul li input{outline: none;vertical-align: middle;width: 2.5rem;font-size: 0.14rem;padding: 0px;border-width: 0px;height: 25px;color: #3e3e3e;padding: 0.04rem;border-radius: 0.04rem;}
.popdiv button{}
.close_pop{width: 0.5rem;heig;height: 0.5rem;display: block;margin: 0 auto;background: url(https://static.yxdown.com/hd/images/pop_close.png) no-repeat;background-size: 100% auto;margin-top: 20px;}
.close_pop img{ width: 100%; }
.next{width: 100%;height: 0.4rem;background: #ff5a19;border-radius: 0.05rem;color: #fff;font-size: 0.15rem;margin: 0;padding: 0;border: none; display: block; text-align: center; line-height: 0.4rem;}
.loading{width: 0.3rem;height: 0.3rem;background: url(https://static.yxdown.com/hd/images/loading.gif) no-repeat;background-size: 100% auto;display: block;margin: 0 auto;margin-top: 0.5rem;display: none;}
.popdiv p{display: none;text-align: center;padding-top: 0.7rem;font-size: 0.2rem;}

.qq,.nick,.fileName,.update,#upimgiframe{width: 2.2rem;height: 0.35rem;background:none;border:none;text-indent: 0.2rem;background: #e4e4e4;margin-bottom: 0.1rem;border-radius: 0.03rem;}
.qq{top:1.08rem;}
.fileName{width:2.42rem;top:2.25rem;}
.update,#upimgiframe{width:0.8rem;top:2.25rem;left:4.43rem;}
.login-submit,.login-submit02{}
.login-submit02{bottom:1.2rem;left:2.6rem;}

#Cross{position:fixed;z-index:30000;top:0;bottom:0;left:0;right:0;width:100%;background:#000;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center; display: none;}
#Cross p{font-size:0.5rem;color:#ddd;}
#Cross.show{display:-webkit-box;display:-moz-box;display:box;}

	@media screen and (max-width: 330px) {
	  #simg_s ul li img{width: 70px;}
	  #simg ul li em{ width: 310px; }
	  #simg ul li img{ width: 320px; }
	  #simg_s ul li{ width: 70px; height: 58px; }
	  #simg_s{ height: 60px; }
	  #simg{ height: 560px; }
	  .flexslider{ height: 560px; }
	}
	@media screen and (min-width: 500px) {
		#sbox{margin-top: 40px;}
		.section1,.section2,.section3{ width: 720px; margin: 0 auto; overflow: hidden; height: 1200px; }
		.window{ width: 500px; left: 50%;margin-left: -300px; margin-top: 1500px;}
		.window a.close{ width: 30px; height: 30px; left: 50%; margin-left: -200px; margin-left: 315px;top: -114px;}
		.section4{ height: 900px;width: 720px; margin: 0 auto; overflow: hidden; }
		.section5{ width: 720px; margin: 0 auto; overflow: hidden; height: auto; }
		#comment{ width: 600px; margin: 0 auto; overflow: hidden; margin-top: 40px; }
		.flexslider{ height: 1000px; margin-top: 100px; }
		.flex-control-paging li a{ width: 0.2rem; height: 0.2rem; }
		.arrow{ display: none; }
		.intro .btns a{ display: block; margin-bottom: 0.05rem;}
		.popcon{ width: 700px; left: 50%; margin-left: -350px;}
		.popdiv{ width: 600px; }
		.popdiv ul li input{ width: 2rem; font-size: 20px;}
		.popdiv ul li{ font-size: 20px; }
		.next{ height: 60px; line-height: 60px; font-size: 20px;}
		.close_pop{ width: 100px; height: 100px; }
		#sbox{ width: 600px; }
		#simg ul li{ width: 600px; height: 600px;}
		#simg ul li em{ margin-top: 30px; font-size: 16px; line-height: 22px; width: 600px; }
		#simg ul li img{ width: 600px; }
		#simg{ height: 800px; }
		#simg_s{ width: 600px; height: 103px; top: 620px;}
		#simg_s ul li{ width: 120px; height: 99px;}
		#simg_s ul li img{ width: 120px; }
		.prev1{top: 370px; left: 0;}
		.next1{top: 370px; right: 0;}
		.section5 h3{ margin-top: 60px; }
		.intro .jiangpin{ display: block; }
		.rzlogo{width: 0.5rem;height: 0.25rem;right: 50%;top: 42px;margin-right: -37px;}
		.mobile_btn a{width: 200px;height: 65px;line-height: 65px;font-size: 24px;}
		.mobile_btn{ margin-top: 4%; }
		.flexslider .slides img{ width: 700px; }
		.flexslider ul li a{ width: 700px; }
		.section2{height: 1300px;}
	}

/*css3动画*/
@-webkit-keyframes breath {
	0% {-webkit-transform: scale(0.8,.8);-moz-transform: scale(0.8,.8);-ms-transform: scale(0.8,.8);transform: scale(0.8,.8)}
100% {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1)}
}
@-moz-keyframes breath {
	0% {-webkit-transform: scale(0.8,.8);-moz-transform: scale(0.8,.8);-ms-transform: scale(0.8,.8);transform: scale(0.8,.8)}
	100% {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1)}}
@-ms-keyframes breath {
	0% {-webkit-transform: scale(0.8,.8);-moz-transform: scale(0.8,.8);-ms-transform: scale(0.8,.8);transform: scale(0.8,.8)}
	100% {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1)}
}
@-o-keyframes breath {
	0% {-webkit-transform: scale(0.8,.8);-moz-transform: scale(0.8,.8);-ms-transform: scale(0.8,.8);transform: scale(0.8,.8)}
	100% {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1)}}
@keyframes breath {
	0% {-webkit-transform: scale(0.8,.8);-moz-transform: scale(0.8,.8);-ms-transform: scale(0.8,.8);transform: scale(0.8,.8)}
	100% {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1)
	}}
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-transform: translate3d(0,.8rem,0);transform: translate3d(0,.8rem,0)}
	25% {opacity: 1;-webkit-transform: translate3d(0,.8rem,0);transform: translate3d(0,.8rem,0);
		-webkit-transform: translateY(-.1rem);transform: translateY(-.1rem)}
	50% {opacity: 1;-webkit-transform: translate3d(0,-.1rem,0);transform: translate3d(0,-.1rem,0)}
	75% {opacity: 0;-webkit-transform: translate3d(0,-.5rem,0);transform: translate3d(0,-.5rem,0)}
	100% {opacity: 0;-webkit-transform: translate3d(0,-.5rem,0);transform: translate3d(0,-.5rem,0)}
}

@keyframes fadeInUp {
	0% {opacity: 0;-webkit-transform: translate3d(0,.8rem,0);transform: translate3d(0,.8rem,0)}
	25% {opacity: 1;-webkit-transform: translate3d(0,.8rem,0);transform: translate3d(0,.8rem,0);-webkit-transform: translateY(-.1rem);transform: translateY(-.1rem)}
	50% {opacity: 1;-webkit-transform: translate3d(0,-.1rem,0);transform: translate3d(0,-.1rem,0)}
	75% {opacity: 0;-webkit-transform: translate3d(0,-.5rem,0);transform: translate3d(0,-.5rem,0)}
	100% {opacity: 0;-webkit-transform: translate3d(0,-.5rem,0);transform: translate3d(0,-.5rem,0)}
}
@-moz-keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-webkit-keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-o-keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-ms-keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-moz-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-webkit-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-o-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-ms-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-moz-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-o-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-ms-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-moz-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-o-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-ms-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-moz-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-webkit-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-o-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-ms-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-moz-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-o-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-ms-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-moz-keyframes rocket { 0% { -moz-transform: scale(0) translate(20px, 30px); -ms-transform: scale(0) translate(20px, 30px); -webkit-transform: scale(0) translate(20px, 30px); transform: scale(0) translate(20px, 30px); }
  100% { -moz-transform: scale(1) translate(0px, 0px); -ms-transform: scale(1) translate(0px, 0px); -webkit-transform: scale(1) translate(0px, 0px); transform: scale(1) translate(0px, 0px); } }
@-webkit-keyframes rocket { 0% { -moz-transform: scale(0) translate(20px, 30px); -ms-transform: scale(0) translate(20px, 30px); -webkit-transform: scale(0) translate(20px, 30px); transform: scale(0) translate(20px, 30px); }
  100% { -moz-transform: scale(1) translate(0px, 0px); -ms-transform: scale(1) translate(0px, 0px); -webkit-transform: scale(1) translate(0px, 0px); transform: scale(1) translate(0px, 0px); } }
@-o-keyframes rocket { 0% { -moz-transform: scale(0) translate(20px, 30px); -ms-transform: scale(0) translate(20px, 30px); -webkit-transform: scale(0) translate(20px, 30px); transform: scale(0) translate(20px, 30px); }
  100% { -moz-transform: scale(1) translate(0px, 0px); -ms-transform: scale(1) translate(0px, 0px); -webkit-transform: scale(1) translate(0px, 0px); transform: scale(1) translate(0px, 0px); } }
@-ms-keyframes rocket { 0% { -moz-transform: scale(0) translate(20px, 30px); -ms-transform: scale(0) translate(20px, 30px); -webkit-transform: scale(0) translate(20px, 30px); transform: scale(0) translate(20px, 30px); }
  100% { -moz-transform: scale(1) translate(0px, 0px); -ms-transform: scale(1) translate(0px, 0px); -webkit-transform: scale(1) translate(0px, 0px); transform: scale(1) translate(0px, 0px); } }
@keyframes rocket { 0% { -moz-transform: scale(0) translate(20px, 30px); -ms-transform: scale(0) translate(20px, 30px); -webkit-transform: scale(0) translate(20px, 30px); transform: scale(0) translate(20px, 30px); }
  100% { -moz-transform: scale(1) translate(0px, 0px); -ms-transform: scale(1) translate(0px, 0px); -webkit-transform: scale(1) translate(0px, 0px); transform: scale(1) translate(0px, 0px); } }
@-moz-keyframes rocketLeave { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-webkit-keyframes rocketLeave { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-o-keyframes rocketLeave { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-ms-keyframes rocketLeave { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@keyframes rocketLeave { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-moz-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-webkit-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-o-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-ms-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-moz-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-ms-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }