body{height: 100%; background: #1b1b1b;}
.wrapper{ margin: 0 auto; width: 7.2rem; background: #fff; font: .24rem "microsoft yahei"; color: #8a8a8a; overflow-x: hidden;}
/* common */
.nav-top{ height: .89rem; background:#f8f6f9; z-index: 3;}
.nav-top .logo{ margin-left: .3rem; width: 2.1rem; height: .89rem;}
.nav-top .btn-recharge{ 
	float: right; margin-top: .2rem; margin-right: 0.2rem; width: 1.1rem; height: .48rem; 
	font-size: .34rem; color: #353535; border: .02rem #7e7e7e solid; color: #7e7e7e; text-align: center; line-height: 1.4; 
	-webkit-border-radius:.5rem; -moz-border-radius:.5rem;  border-radius:.5rem;}
.nav-top .btn-login{ 
	float: right; margin-top: .2rem; margin-right: 0.7rem; width: 0.7rem; height: .48rem; 
	font-size: .34rem; color: #7e7e7e; text-align: center; line-height: 1.4; 
	-webkit-border-radius:.5rem; -moz-border-radius:.5rem;  border-radius:.5rem;}
.nav-top .sltx{ 
	float: right; margin-top: .33rem; margin-right: .5rem; width: 3rem; height: .48rem; 
	font-size: .20rem; color: #ff2a00; text-align: center; line-height: 1.4; 
	-webkit-border-radius:.5rem; -moz-border-radius:.5rem;  border-radius:.5rem;}
.nav-top .split{ 
	float: right; margin-top: .2rem; margin-right: 0.05rem; width: 0.1rem; height: .48rem; 
	font-size: .34rem; color: #7e7e7e; text-align: center; line-height: 1.4; 
	-webkit-border-radius:.5rem; -moz-border-radius:.5rem;  border-radius:.5rem;}
.nav-top .btn-reg{ 
	float: right; margin-top: .2rem; width: 0.7rem; height: .48rem; 
	font-size: .34rem; color: #7e7e7e; text-align: center; line-height: 1.4; 
	-webkit-border-radius:.5rem; -moz-border-radius:.5rem;  border-radius:.5rem;}
.nav-top .change-btn {
	display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	top: .32rem;right: .3rem;width: .4rem; height: .32rem; 
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;
	justify-content: space-between; -webkit-box-pack: justify;-moz-box-pack: justify; box-pack: justify; }
.nav-top .change-btn i {
	display: block; background: #7e7e7e; width: .4rem; height: .04rem;
	-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
.nav-top .change-btn.cur i:nth-of-type(1) {
	-webkit-transform: rotate(45deg) translate(0.1rem, .1rem);
	-moz-transform: rotate(45deg) translate(0.1rem, .1rem);
	-ms-transform: rotate(45deg) translate(0.1rem, .1rem);
	transform: rotate(45deg) translate(0.1rem, .1rem);}
.nav-top .change-btn.cur i:nth-of-type(2) { display: none;}
.nav-top .change-btn.cur i:nth-of-type(3) { 
	-webkit-transform: rotate(-45deg) translate(0.1rem, -.1rem); -moz-transform: rotate(-45deg) translate(0.1rem, -.1rem);
	-ms-transform: rotate(-45deg) translate(0.1rem, -.1rem); transform: rotate(-45deg) translate(0.1rem, -.1rem);}

.nav-list{ position: fixed; display: none; left:0;  top:0; width:100%;background: rgba(255, 255, 255, .96); z-index: 2; box-sizing: border-box;}
.nav-show{ 
	-webkit-animation: bounceInDown .5s 0s ease-in-out both; -moz-animation: bounceInDown .5s 0s ease-in-out both;
	-ms-animation: bounceInDown .5s 0s ease-in-out both;animation: bounceInDown .5s 0s ease-in-out both}
	
.nav-list ul{ margin: .89rem auto 0; width: 6.28rem;}
.nav-list ul li{ height: .95rem; font-size: .28rem; text-align: center; color: #353535; line-height: 3.3; 
	letter-spacing: 1px; border-bottom: 1px #E4E1E1 solid;}
.nav-hide {
	-webkit-animation: fadeOutUp .5s 0s ease-in-out both;-moz-animation: fadeOutUp .5s 0s ease-in-out both;
	-ms-animation: fadeOutUp .5s 0s ease-in-out both; animation: fadeOutUp .5s 0s ease-in-out both;}
.nav-list ul li a{ color: #4a4a4a;}

.footer{ width: 100%; background: #1b1b1b; font-size: .14rem; line-height: 1.8; text-align: center; color: #7c7c7c; overflow: hidden;}
.footer h4{ margin-top: .2rem; font-weight: normal; font-size: .2rem; }
.footer h4 a{ color: #b2b2b2;}
.footer h4 span{ color: #2E2E2E;}

/* index */
.banner img{ width: 7.2rem; height: 5.29rem;}
.swiper-pagination span{ width: .12rem; height: .12rem; background: #fff; -webkit-transition: all .5s; transition: all .5s;}
.swiper-pagination span.swiper-pagination-bullet-active{ width: .44rem; background: #CB4B40; 
	-webkit-border-radius: .1rem; -moz-border-radius: .1rem;  border-radius: .1rem;}

.title{ position: relative; margin-left: .2rem; font-size: .32rem; color: #4a4a4a; line-height: 1;}
.title span { position: relative; top:-.03rem; margin-left:.1rem; color: red; font-size: .26rem; vertical-align: middle; float: right;}
.title::after{ content: ""; position: absolute; top:0; left: -.2rem; width: .09rem; height: .31rem; background: #B71641;}
.title span img{ width: .29rem; height: .29rem;}

.container{ margin: 0 auto; padding: .2rem 0 0; width: 6.48rem;}
.games{ background: #fafafa;}
.game-list{ margin-top: .05rem; overflow: hidden; }
ul.game-list{ width: 6.7rem;}
.game-list td,.game-list li{ width: 2.23rem; height: 2.22rem;}
.game-list td a.ml-20{ margin-left: .2rem;}
.game-list .hot-game{ margin-top: .05rem; width: 4.29rem; height: 4.29rem;}
.game-list img{ width: 1.99rem; height: 2.05rem; 
	-webkit-border-radius: .1rem; -moz-border-radius: .1rem; border-radius: .1rem; 
	-webkit-box-shadow: 0 .02rem .02rem .02rem #F8F6F9; box-shadow: 0 .02rem .02rem .02rem #F8F6F9;}
.game-list li{ float: left;}

.news-img{ margin: .4rem 0 .36rem; text-align: center;}
.news-img img{ width: 6.48rem; height: 2.24rem;}
.news-nav{ width: 6.48rem; text-align: center;}
.news-nav a:first-child{ margin-right: 1rem; }
.news-nav a{ 
	padding: .07rem .15rem; color: #4a4a4a; text-align: center; 
	-webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}
.news-nav a:hover,.news-nav a.active{ background: #b71641; color: #fff;}
.news-list{ margin-top: .3rem; opacity: 0; display: none; -webkit-transition: all 2s; transition: all 2s;}
.news-list-active{ opacity: 1; display: block;}
.news-list li{ height: .51rem; line-height: .51rem; border-top: 1px #EFEFEF solid;}
.news-list li a{ color:#8a8a8a;}
.news-list li i{ 
	display: inline-block; margin-right: .15rem; width: .28rem; height: .33rem; font-size: .16rem; 
	font-style: normal; color: #fff; text-align: center; line-height: 1.7; vertical-align: middle;}
.news-list li i.ico-new{ background: url(https://pngpyj.happydw.cn/bxpyj/lobby/gw/ico_new.png) no-repeat; background-size: cover;}
.news-list li i.ico-hot{ background: url(https://pngpyj.happydw.cn/bxpyj/lobby/gw/ico_hot.png) no-repeat; background-size: cover;}
.news-list li span{ float: right; color: #afafaf;}
.news-list .more,.showMorehandle{ 
	display: block; margin: .3rem 0 .5rem; height: .62rem; background: #F8F8F8; color: #afafaf; 
	font-size: .24rem; line-height:2.5; text-align: center; letter-spacing: 2px;}

/* inside */

.nav-inside-top{ background: #f8f6f9; text-align: center;}
.nav-inside-top h3{ font-size: .3rem; line-height: 3; color: #4a4a4a; }
.nav-inside-top h3 span{ position: absolute; right: .75rem; top: .22rem; font-size: .18rem; color:red;}
.nav-inside-top .btn-return{ 
	top:.2rem; left: .25rem; width: .48rem; height: .48rem; background: url(https://pngpyj.happydw.cn/bxpyj/lobby/gw/ico-return.png) no-repeat; background-size: cover;}
.inside{ margin: 0 auto; width: 6.6rem;}
.inside .title{ margin-top: .25rem;}
.inside .btn{ 
	display: block; width: 5.84rem; height: .69rem; background: #b71641;
	font-size: .3rem; color: #fff; text-align: center; line-height: 2.1; letter-spacing: .1rem;
	-webkit-border-radius: .1rem; -moz-border-radius: .1rem; border-radius: .1rem; }
.inside-news .news-list { margin-bottom: .25rem;}
.inside-news .news-img{ margin: .15rem 0 .25rem 0 ;}

/* 充值  */
.inside .info{ 
	margin: .2rem auto 0; width: 5.85rem; height: .7rem; text-indent: .3rem; line-height: .7rem; 
	border: .02rem #e7e7e7 solid; letter-spacing: .02rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; border-radius: .5rem;}
.inside .info span{ margin: 0 .2rem; color: #dfdfdf;}
.inside .info input{ width: 3.75rem; height: .5rem; border: none;}
.list-ul{ margin-bottom: .3rem; overflow: hidden;}
.list-ul li{ position: relative; float: left; margin: .3rem .05rem 0 .38rem;
	border: .02rem #e7e7e7 solid; font-size: .24rem; color: #838083; text-align: center; 
	-webkit-border-radius: .1rem; -moz-border-radius: .1rem; border-radius: .1rem;}
.list-ul li:hover,.list-ul li.active{ border: .02rem #b71641 solid; color: #b71641;}	
.list-ul li i{ 
	position: absolute; bottom: 0; right: 0; width: .31rem; height: .35rem; 
	background:url(https://pngpyj.happydw.cn/bxpyj/lobby/gw/ico-choose.png) no-repeat; background-size:cover; opacity: 0; z-index: 2;}
.list-ul li:hover i,.list-ul li.active i{ opacity: 1;}
	
.list-choose li{ margin-right:.13rem; width: 1.59rem; height: 1.44rem; }
.list-choose li img{ margin: .13rem 0; width: .8rem; height: .8rem;}
.inside-promotion .info{ margin-left: .38rem; width: 5.87rem;}
.recharge .list-choose li{ margin-right: .04rem;}

.list-amount li{ width: 1.59rem; height:1.05rem; line-height: 3; color: #9a9a9a;}
.list-amount li:hover,.list-amount li.active{ color: #9a9a9a;}
.list-amount li span{ 
	position: absolute; bottom: 0; left:0; width: 100%; background: #f4f1f4; height: .4rem; color: #4a4a4a; font-size: .22rem; 
	line-height: 1.8; z-index: 1; -webkit-border-bottom-right-radius:.1rem; border-bottom-right-radius: .1rem;
	-webkit-border-bottom-left-radius:.1rem; border-bottom-left-radius: .1rem;}
.list-amount li:hover span,.list-amount li.active span{ color: #b71641; }

.list-pay li{ margin-right: 0; width: 2.72rem; height: .65rem; line-height: 2.7;}
.list-pay li:hover,.list-pay li.active{ color: #838083;}
.list-pay li img{ margin-right: .25rem; width: .42rem; height: .42rem;}
.list-pay li:nth-child(2){ margin-left: .23rem;}
.inside .btn-recharge{ margin: 0 auto 2rem; }

/* 充值成功  */
.recharge-success{ margin-left: -.3rem; margin-bottom: 5rem; width: 7.2rem; height: 7.64rem; background: #f3f3f3; overflow: hidden;}
.recharge-success .success{ 
	margin: .3rem auto 0; width: 6.09rem; height: 5.36rem; 
	background: url(https://pngpyj.happydw.cn/bxpyj/lobby/gw/bg_success.png) no-repeat; background-size: cover; overflow: hidden;}
.success h3{ text-align: center; font-size: .3rem; color: #4a4a4a;}
.success h3 img{ margin: .45rem auto .2rem; display:block; width: 1.68rem; height: 1.34rem;}
.success .pay-method{ 
	margin: 0 auto; padding: 0 .2rem; width: 5.3rem; height: .58rem; line-height: 2.4; 
	border-top: 1px #f4f4f4 solid; border-bottom: 1px #f4f4f4 solid; box-sizing: border-box; overflow: hidden;}
.success .pay-method span{ float: right;}
.success .pay-txt{ margin: .35rem 0 .15rem; font-size: .18rem; color: #adadad; text-align: center;}
.success .pay-num{ font-size: .4rem; color: #2c2c2c; text-align: center;}
.success .pay-num span{ margin-right: .1rem; font-size: .24rem;}
.recharge-success .btn-success{ margin: .5rem auto 0;}

/* 新闻中心  */
.news-title{ margin-bottom: .1rem; padding: .3rem 0 .1rem; font-size: .28rem; color: #a41539; text-align: center; border-bottom: 1px #e6e6e6 solid;}
.news-caption{ margin-bottom: .1rem; font-size: .24rem; color: #989898; text-align: center; font-weight: normal; letter-spacing: 1px;}
.detail-txt{ margin-bottom: .3rem; line-height: 2;}
.detail-txt img{ width: 5.8rem; height: 3.41rem;}
.txt-return{ display: block; margin-bottom: .4rem; width: 100%; height: .62rem; background: #f8f8f8; text-align: center; line-height:2.5; color: #afafaf; }

/* 关于我们  */
.about-img{ display: block; margin: .15rem auto .2rem; width: 6.4rem;}
.about-txt{ margin:0 auto; width: 6.4rem; text-indent: 2em; line-height: 2; word-wrap: break-word; word-break: normal;}
.inside-about .final{ margin:0 auto 2rem;}

/* 联系我们  */
.inside-contact{ 
		margin: 0 auto; width: 7.2rem; height: 9.85rem; background: url(https://pngpyj.happydw.cn/bxpyj/lobby/gw/bg_contact.jpg) no-repeat; background-size: cover; overflow: hidden;}
.inside-contact .contact{ margin: 4.5rem auto 0; width: 5.38rem; height: 2.65rem; background: #fff; opacity: .8; overflow: hidden;}
.contact ul{ margin: .4rem 0 0 .3rem; }
.contact li{ line-height: 2;}
.contact li img{ margin-right: .1rem; width: .27rem; height: .27rem; vertical-align: middle;}

/* 推广员  */
.img-promotion{ margin: .1rem 0 0 -.03rem; width: 6.66rem; height: 1.36rem;}
.img_welfare{ margin-top: .25rem; height: 2.4rem; overflow: hidden;}
.img_welfare li{ 
	 display:flex; float: left; margin-left: .4rem; margin-bottom: .2rem; width: 2.76rem; height: 1.1rem; align-items: center;
	background: #f7f7f7; font-size: .2rem; color: #b5b5b5; text-align: center;
	-webkit-border-radius: .1rem; -moz-border-radius: .1rem; border-radius: .1rem;}
.img_welfare .txt{ width: 1.64rem; font-size: .18rem; line-height: 1.5;}
.img_welfare .txt span{ font-size: .28rem; color: #3f3f3f; display: block;}
.img_welfare .img{ width: 1rem; height: 1.1rem; }
.btn-submit{ margin: .3rem auto .8rem;}

/* 用户协议  */
.inside-agreement{ height: 8.5rem;}
.inside-agreement .txt-title{ margin: .2rem 0 .1rem; font-size: .24rem; color: #ab133a; font-weight: normal;}
.inside-agreement .detail{ margin-bottom: .5rem; height: 8rem; overflow: auto;}

/* 家长监护  */
.guardianship-lst{ display: none;}
.guardianship-lst-active{ display: block;}
.inside-guardianship{padding: .3rem 0 .7rem;}
.inside-guardianship .list{ overflow: hidden;}
.list{ display: flex; display: -webkit-flex; justify-content: space-between;}
.list li{ float: left; width: 1.37rem; height: 1.26rem;}
.list li a{ 
	display: flex; display: -webkit-flex; width: 100%; height: 100%; font-size: .24rem; color: #3f3f3f;
	flex-direction:column; justify-content: center; align-items: center; border-radius: .1rem; }
.list li a:hover,.list li.active a{ background: #f7f7f7; color: #b71641;}
.list a span{ 
	display: block; margin-bottom: .1rem; width: .68rem; height: .53rem; background: url(https://pngpyj.happydw.cn/bxpyj/lobby/gw/ico_guardianship.png) no-repeat; 
	background-size: 2.72rem 1.08rem;}
.list a span.ico-list-01{ background-position: 0 0;}
.list a:hover span.ico-list-01,.list li.active span.ico-list-01{ background-position: 0 -.54rem;}
.list a span.ico-list-02{ background-position: -.68rem 0;}
.list a:hover span.ico-list-02,.list li.active span.ico-list-02{ background-position: -.68rem -.54rem;}
.list a span.ico-list-03{ background-position: -1.36rem 0;}
.list a:hover span.ico-list-03,.list li.active span.ico-list-03{ background-position: -1.36rem -.54rem;}
.list a span.ico-list-04{ background-position: -2.04rem 0;}
.list a:hover span.ico-list-04,.list li.active span.ico-list-04{ background-position: -2.04rem -.54rem;}
.mode{ display: flex; display: -webkit-flex; justify-content: space-between; clear: both;}
.mode li{ 
	float: left; display: flex; display: -webkit-flex; padding: .02rem; width: 3.06rem; height: 1.15rem; background: #fffbe5; border: 1px #f3d7b1 solid; 
	font-size: .22rem; color: #82571d; box-sizing: border-box;justify-content: space-between;}
.mode li .mode_l{ 
	margin-right: .1rem; width: .58rem; height: 100%; background: #f3d7b1; 
	color: #fff9ed; text-align: center; line-height: .95; }
.mode li .mode_l span{ display: block; margin-top: .1rem; font-size: .7rem; font-style: normal;}
.mode li .mode_r{ display: flex; display: -webkit-flex; width: 2.25rem; line-height:1.5; letter-spacing: .02rem; flex-direction:column; justify-content: center;}
.img-method{ display: block; margin: .2rem auto; width: 5.59rem; height: 1.86rem;}
.method-txt{ position: relative; padding-left: .2rem; line-height: 2;}
.method-txt::after{ content: "";  position:absolute; top:.2rem; left:0; width: .1rem; height: .1rem; background: #c9c9c9; border-radius: 2rem;}
.method-txt a,.about-txt a{ color: #b71641; text-decoration: underline;}
.about-txt input{ width: 2.68rem; height: .45rem; border: 1px #e7e7e7 solid;}
.about-txt-02{ text-indent: 0;}
/*login*/
.logined{display:none;}
.loginTit{
	width:100%;
	float: left;
	height:.55rem;
	line-height:.55rem;
	background: #efefef;
	border-bottom:1px solid #dddddd;
	margin-top:.3rem;
}
.loginTit h3{
	width:1rem;
	float: left;
	margin-left:.15rem;
}
.desc{
	width: auto;
	float: left;
	margin-left:.20rem;
}
.righttit{
	width:auto;
	float: right;
}
.righttit a{
	color:#1e8fdf;
	text-decoration: underline;
	cursor: pointer;
}
.wf100{width:100%;float: left;margin:1rem 0px 3rem 0px;}
.wf1001{width:100%;float: left;}
.logincontent{
	width:6.40rem;
	height:2.20rem;
	border:2px solid #dedede;
	border-radius: .15rem;
	margin:0px auto;
}
.login-form{
	margin:.20rem 0px .20rem .45rem;
}
.item{
	width:100%;
	float: left;
	margin:.1rem 0px .15rem 0px;
}
.name {
    width: 1.40rem;
    text-align: right;
    float: left;
}

.input {
    padding-left: .15rem;
    margin-right: .15rem;
    float: left;
}

.input input[type='text'], .input input[type='password'] {
    width: 2.50rem;
    height: .30rem;
    margin-right: .10rem;
    line-height: .28rem;
    text-indent: .15rem;
}
.submit{
	width:1.18rem;
	height:.45rem;
	line-height: .45rem;
	background: url('https://pngpyj.happydw.cn/bxpyj/lobby/gw/btn-denglu.png') no-repeat;
	border:none;
	color:#fff;
	font-size: .18rem;
	cursor: pointer;
}
label.error {
    color: red;
    font-size: .12rem;
}
/*reg*/
.regcontent{
	width:6.40rem;
	height:6.00rem;
	border:2px solid #dedede;
	border-radius: .15rem;
	margin:0px auto;
}
.reg-form{
	margin:.20rem 0px 20px .45rem;
}

/*pay*/
.paycontainer{
	width:8.34rem;
	margin:.20rem auto;
	overflow: hidden;
}
.payTit li{
	width:1.65rem;
	height:.45rem;
	line-height: .45rem;
	color:#fff;
	background: url('../images/btn.png') no-repeat;
	text-align: center;
	float: left;
	margin-left:.20rem;
	opacity: .5;
}
.payTit li.on{opacity: 1;}
.mt30{
	width:6.30rem;
	margin:.30rem 0px .50rem 0px;
	height:4.20rem;
	border:2px solid #dedede;
	border-radius:.05rem;
}
.pay-form{
	margin:.50rem 0px 0px 1.50rem;
}
.input select{
	width: 2.50rem;
    height: .30rem;
}
/**用户协议*/
.fcmTit{
	width:100%;
	text-align: center;
	padding:.15rem 0px;
}
.fcmbody{
	font-size: 0.12rem;
	width:100%;
	float: left;
}
.fcmbody h3{
	width:100%;
	float: left;
	padding:.10rem 0px;
}
.fcmbody p{
	text-indent: .30rem;
	line-height: .30rem;
}
@-webkit-keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-webkit-transform: translate3d(0, -16rem, 0)
	}
	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translate3d(0, 15px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -8px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 4px, 0)
	}
	100% {
		-webkit-transform: none
	}
}

@-moz-keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	100% {
		-moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-moz-transform: translate3d(0, -16rem, 0)
	}
	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-transform: translate3d(0, 15px, 0)
	}
	75% {
		-moz-transform: translate3d(0, -8px, 0)
	}
	90% {
		-moz-transform: translate3d(0, 4px, 0)
	}
	100% {
		-moz-transform: none
	}
}

@-o-keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	100% {
		-o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-o-transform: translate3d(0, -16rem, 0)
	}
	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-o-transform: translate3d(0, 15px, 0)
	}
	75% {
		-o-transform: translate3d(0, -8px, 0)
	}
	90% {
		-o-transform: translate3d(0, 4px, 0)
	}
	100% {
		-o-transform: none
	}
}

@-ms-keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	100% {
		-ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-ms-transform: translate3d(0, -16rem, 0)
	}
	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-transform: translate3d(0, 15px, 0)
	}
	75% {
		-ms-transform: translate3d(0, -8px, 0)
	}
	90% {
		-ms-transform: translate3d(0, 4px, 0)
	}
	100% {
		-ms-transform: none
	}
}

@keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		transform: translate3d(0, -16rem, 0)
	}
	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translate3d(0, 15px, 0)
	}
	75% {
		transform: translate3d(0, -8px, 0)
	}
	90% {
		transform: translate3d(0, 4px, 0)
	}
	100% {
		transform: none
	}
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translate3d(0, -100%, 0)
	}
}

@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-transform: translate3d(0, -100%, 0)
	}
}

@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-o-transform: translate3d(0, -100%, 0)
	}
}

@-ms-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate3d(0, -100%, 0)
	}
}