/* CSS Document */
.upIn{
	-webkit-animation: t_b 1s ease;
	-moz-animation: t_b 1s ease;
	-o-animation: t_b 1s ease;
	animation: t_b 1s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}
.shake{
	-webkit-animation: shake 1s ease;
	-moz-animation: shake 1s ease;
	-o-animation: shake 1s ease;
	animation: shake 1s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}
.leftIn{
	-webkit-animation: l_r 1s ease 0s;
	-moz-animation: l_r 1s ease 0s;
	-o-animation: l_r 1s ease 0s;
	animation: l_r 1s ease 0s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}
.rightIn{
	-webkit-animation: r_l 1s ease 0s;
	-moz-animation: r_l 1s ease 0s;
	-o-animation: r_l 1s ease 0s;
	animation: r_l 1s ease 0s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}
.easeIn{
	-webkit-animation: easeIn 1s ease 1s;
	-moz-animation: easeIn 1s ease 1s;
	-o-animation: easeIn 1s ease 1s;
	animation: easeIn 1s ease 1s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}
.img-responsive{
	margin:0 auto;
}
.banner {
	position: relative;
	margin-bottom: 15px;
	z-index: 0;
	overflow: hidden;
	background-image: url(../images/banner-bg.jpg);
	background-size: cover;
	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
}
html,body{
    max-width: 99%;
	overflow-x:hidden;
}
.iphone-download{
	display: block;
	margin: 20px 0;
	padding: 5px 25px;
	background-color: #faae37;
	color: #fff;
	font-size:70%;
	border:none;
	text-align:center;
	border-radius: 3px;
}
.android-download{
	display: block;
	margin: 20px 0;
	padding: 5px 25px;
	background-color: #4bc6c6;
	color: #fff;
	font-size:70%;
	border:none;
	text-align:center;
	border-radius: 3px;
}
i.iphone-download-pic{
	display:inline-block;
	width:36px;
	height:39px;
	margin-right:10px;
	background:url(../images/iphone.png) no-repeat center;
	vertical-align:middle;
	position:relative;
	font-family:Verdana;
	margin-bottom:5px;
	
}
i.android-download-pic{
	display:inline-block;
	width:32px;
	height:39px;
	margin-right:10px;
	background:url(../images/android.png) no-repeat center;
	vertical-align:middle;
	position:relative;
	font-family:Verdana;
}
.android-download:hover,.iphone-download:hover{
	text-decoration:none;
	color:#fff;
}
.android-download:visited,.iphone-download:visited{
	text-decoration:none;
	color:#fff;
}
.android-download:link,.iphone-download:link{
	text-decoration:none;
	color:#fff;
}
.edition-text{
	position: absolute;
	right: 27px;
	bottom: 1px;
	font-family: Verdana;
	font-size: 13px;
	color: #fff;
}
html,body{
	font-size:28px;
}
.banners{
	margin-top:20px;
	margin-bottom:10px;
}
.banners .col-xs-8{
	border-top:1px dashed #d7d7d7;
	padding-top:20px;
}
#layer {
	background: black;
	opacity: 0.5;
	display: block;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}

#guide {
	padding-top: 15px;
	display: none;
	z-index: 15;
	position: absolute;
	left: 1%;
	width: 98%;
	top: -5px;
	opacity: 1;
	height: 120px;
	border-radius: 5px;
	text-align: center;
	background: url("../images/guide.png") no-repeat scroll 97% 14% #ffffff;
}
#guide small{
        font-size:12px;
}
.version-pisotion{
	position: relative;
}
.col-xs-2{
		+width:16%;
		+float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-xs-8{
		+width:55%;
		+float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}