@charset "utf-8";
a {
color: #999;
text-decoration: none;
}
.yahei {
	font-family: 'Hiragino Sans GB','Microsoft YaHei','SimSun',sans-serif;
}
.clearfix {
	zoom: 1;
}
.clear-fix:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
img {
	vertical-align: middle;
	font-size: 12px;
	line-height: 1em;
	color: #999;
	text-align: left;
	overflow: hidden;
	-ms-interpolation-mode: bicubic;
}
.app_main {
	width: 100%;
	height: 620px;
	background: url("../images/app/bg_app.png") no-repeat center;
	font-family: "Microsoft yahei";
}
.app_main .main {
	width: 1000px;
	height: 620px;
	margin: auto;
}
.app_main .logo {
	padding: 20px 0 0 40px;
}
.app_main .logo h1 {
	float: left;
	padding-right: 15px;
}
.app_main .logo h1 img {
	height: 50px;
	margin-top:5px;
}
.app_main .logo span {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 23px;
	color: #311919;
	float: left;
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
	border-left: solid 1px #fff;
}
.app_main .banner {
	float: left;
	width: 210px;
	height: 370px;
	margin: 96px 0 0 51px;
	overflow: hidden;
	position: relative;
}
.app_main .banner div {
	width: 1920px;
	position: absolute;
	top: 0;
	left: 0;
}
.app_main .banner div img {
	width: 210px;
	height: 370px;
	float: left;
	display: block;
}
.ao-content-box {
	position: relative;
	float: right;
	width: 550px;
	padding-left: 0;
	margin-top: 235px;
}
.ao-content-box .trigger {
	height: 56px;
	padding-left: 20px;
}
.ao-content-box .trigger li {
	float: left;
}
.ao-content-box .trigger li a {
	display: block;
	width: 264px;
	height: 56px;
}
.ao-content-box .trigger li a.android {
	background: url(//static2.51fanli.net/misc/images/client-v3/trigger.alpha.png) 0 -57px no-repeat;
	_background-image: url(//static2.51fanli.net/misc/images/client-v3/trigger.gif);
}
.ao-content-box .trigger li.current a.android {
	background: url(//static2.51fanli.net/misc/images/client-v3/trigger.alpha.png) no-repeat;
	_background-image: url(//static2.51fanli.net/misc/images/client-v3/trigger.gif);
}
.ao-content-box .trigger li a.iphone {
	background: url(//static2.51fanli.net/misc/images/client-v3/trigger.alpha.png) 0 -114px no-repeat;
	_background-image: url(//static2.51fanli.net/misc/images/client-v3/trigger.gif);
}
.ao-content-box .trigger li.current a.iphone {
	background: url(//static2.51fanli.net/misc/images/client-v3/trigger.alpha.png) 0 -171px no-repeat;
	_background-image: url(//static2.51fanli.net/misc/images/client-v3/trigger.gif);
}
.ao-content-box .panel-box {
	clear: both;
}
.ao-content-box .ao-content-panel {
	padding-top: 27px;
}
.ao-content-box .ao-way {
	float: left;
	border-right: 1px solid #62696e;
	white-space: nowrap;
	overflow: hidden;
	height: 100%;
}
.ao-content-box .ao-way h6 {
	padding: 0 0 12px;
	margin: 0 auto;
	line-height: 18px;
	font-weight: 400;
	color: #999;
	font-size: 14px;
}
.ao-content-box .ao-way1 {
	width: 264px;
	padding-left: 20px;
	text-align: center;
}
.ao-content-box .ao-way2 {
	width: 190px;
	padding-left: 34px;
	border-right: 0;
	text-align: center;
}
.ao-content-box .download p {
	font-size: 16px;
	font-family: "microsoft yahei",simsun;
	color: #fff;
	line-height: 24px;
}
.ao-content-box .download p.bj {
	margin-bottom: 25px;
}
.ao-content-box .btn-down-css3 {
	display: inline-block;
	width: 180px;
	border-radius: 23px;
	line-height: 46px;
	height: 46px;
	background-color: #f60;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 600;
}
.ao-content-box .btn-down-css3-ios {
font-size: 16px;
}
.app_footer {
	width: 930px;
	margin: 16px auto 30px auto;
}