body {
	margin: 0px; padding: 0px; font-family: "Microsoft YaHei";
}
a {
	border: 0px currentColor; border-image: none; text-decoration: none; vertical-align: top; display: inline-block;
}
.clearfix {
	-ms-zoom: 1;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
img {
	border: 0px currentColor; border-image: none; vertical-align: top;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.page {
	background: url("/download/file/bgpic.jpg") no-repeat top / cover; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: -1;
}
.logo img {
    height: 40px;
    margin-left: 100px;
}
.text { font-size:3rem; color:#fff; margin:50px 0;}








@media screen and (max-width:1024px)
{
.page {
	min-height: 600px; min-width: 534px;
}
}
@media screen and (max-width:1366px) and (min-width:1025px)
{
.page {
	min-height: 660px; min-width: 712px;
}
}
@media screen and (max-width:1440px) and (min-width:1367px)
{
.page {
	min-height: 790px; min-width: 750px;
}
}
@media screen and (max-width:1600px) and (min-width:1441px)
{
.page {
	min-height: 790px; min-width: 834px;
}
}
@media screen and (min-width:1601px)
{
.page {
	min-height: 900px; min-width: 1000px;
}
}
.main {
	margin: 0px auto;
}
@media screen and (max-width:1024px)
{
.main {
	width: 534px;
}
}
@media screen and (max-width:1366px) and (min-width:1025px)
{
.main {
	width: 712px;
}
}
@media screen and (max-width:1440px) and (min-width:1367px)
{
.main {
	width: 750px;
}
}
@media screen and (max-width:1600px) and (min-width:1441px)
{
.main {
	width: 834px;
}
}
@media screen and (min-width:1601px)
{
.main {
	width: 1000px;
}
}
.main .title {
	padding: 20px 0px 0px 10px; margin-bottom: 30px;
}
.main .title a {
	width: 16%; display: block;
}
.main .title a img {
	width: 100%;
}
@media screen and (max-width:1024px)
{
.main .content div.fl {
	width: 243px;
}
}
@media screen and (max-width:1366px) and (min-width:1025px)
{
.main .content div.fl {
	width: 324px;
}
}
@media screen and (max-width:1440px) and (min-width:1367px)
{
.main .content div.fl {
	width: 342px;
}
}
@media screen and (max-width:1600px) and (min-width:1441px)
{
.main .content div.fl {
	width: 380px;
}
}
@media screen and (min-width:1601px)
{
.main .content div.fl {
	width: 455px;
}
}
.main .content div.fl img {
	width: 87.5%; float: right;
}
@media screen and (max-width:1024px)
{
.main .content div.fr {
	width: 291px;
}
}
@media screen and (max-width:1366px) and (min-width:1025px)
{
.main .content div.fr {
	width: 388px;
}
}
@media screen and (max-width:1440px) and (min-width:1367px)
{
.main .content div.fr {
	width: 408px;
}
}
@media screen and (max-width:1600px) and (min-width:1441px)
{
.main .content div.fr {
	width: 454px;
}
}
@media screen and (min-width:1601px)
{
.main .content div.fr {
	width: 545px;
}
}
.main .content div.text {
	text-align: center;
}
.main .content div.text img {
	width: 67%; padding-top: 30px;
}
@media screen and (max-width:1024px)
{
.main .content div.text img {
	margin-bottom: 120px;
}
}
@media screen and (max-width:1366px) and (min-width:1025px)
{
.main .content div.text img {
	margin-bottom: 160px;
}
}
@media screen and (max-width:1440px) and (min-width:1367px)
{
.main .content div.text img {
	margin-bottom: 170px;
}
}
@media screen and (max-width:1600px) and (min-width:1441px)
{
.main .content div.text img {
	margin-bottom: 190px;
}
}
@media screen and (min-width:1601px)
{
.main .content div.text img {
	margin-bottom: 225px;
}
}
.main .content div.btns {
	text-align: center;
}
.main .content div.btns a {
	border-radius: 15px; transition:0.5s; width: 67%; text-align: center; color: rgb(255, 255, 255);
}
.main .content div.btns a:hover {
	color: rgb(255, 255, 255);
}
.main .content div.btns a.android {
	background: rgb(236, 105, 65); border: 2px solid rgb(236, 105, 65); border-image: none; opacity: 0.7;
}
.main .content div.btns a.android:hover {
	opacity: 1;
}
.main .content div.btns a.iphone {
	background: 0px 0px; border: 2px solid rgb(255, 255, 255); border-image: none;
}
.main .content div.btns a.iphone:hover {
	background: rgb(236, 105, 65); border: 2px solid rgb(236, 105, 65); border-image: none; opacity: 0.7;
}
@media screen and (max-width:1024px)
{
.main .content div.btns a {
	height: 50px; line-height: 50px; font-size: 20px; margin-bottom: 15px;
}
}
@media screen and (max-width:1366px) and (min-width:1025px)
{
.main .content div.btns a {
	height: 68px; line-height: 68px; font-size: 24px; margin-bottom: 25px;
}
}
@media screen and (max-width:1440px) and (min-width:1367px)
{
.main .content div.btns a {
	height: 72px; line-height: 72px; font-size: 26px; margin-bottom: 25px;
}
}
@media screen and (max-width:1600px) and (min-width:1441px)
{
.main .content div.btns a {
	height: 80px; line-height: 80px; font-size: 30px; margin-bottom: 25px;
}
}
@media screen and (min-width:1601px)
{
.main .content div.btns a {
	height: 93px; line-height: 93px; font-size: 36px; margin-bottom: 35px;
}
}
.main .content div.btns a img {
	width: 100%;
}
.main .content div.download {
	text-align: center; margin-top: 6px;
}
.main .content div.download img.erweima {
	width: 25%;
}
.main .content div.download img.tip {
	width: 37%;
}
@media screen and (max-width:1024px)
{
.main .content div.download img.tip {
	padding-top: 20px;
}
}
@media screen and (max-width:1366px) and (min-width:1025px)
{
.main .content div.download img.tip {
	padding-top: 30px;
}
}
@media screen and (max-width:1440px) and (min-width:1367px)
{
.main .content div.download img.tip {
	padding-top: 35px;
}
}
@media screen and (max-width:1600px) and (min-width:1441px)
{
.main .content div.download img.tip {
	padding-top: 40px;
}
}
@media screen and (min-width:1601px)
{
.main .content div.download img.tip {
	padding-top: 45px;
}
}