.db {
	display: block
}

.dn {
	display: none
}

.di {
	display: inline-block
}

.psr {
	position: relative
}

.psa {
	position: absolute
}

.zi1 {
	z-index: 1
}

.tp0 {
	top: 0
}

.lf0 {
	left: 0
}

.ov {
	overflow: hidden
}

.left {
	float: left
}

.right {
	float: right
}

.mg0 {
	margin: 0 auto
}

.mg10 {
	margin: 10px
}

.mgtb10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.mgtb15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.mgtb20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.mgtb30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.mgtb40 {
	margin-top: 40px;
	margin-bottom: 40px
}

.mglra {
	margin-left: auto;
	margin-right: auto
}

.mglr2 {
	margin-left: 2px;
	margin-right: 2px
}

.mglr3 {
	margin-left: 3px;
	margin-right: 3px
}

.mglr5 {
	margin-left: 5px;
	margin-right: 5px
}

.mglr10 {
	margin-left: 10px;
	margin-right: 10px
}

.mglr15 {
	margin-left: 15px;
	margin-right: 15px
}

.mglr20 {
	margin-left: 20px;
	margin-right: 20px
}

.mglr40 {
	margin-left: 40px;
	margin-right: 40px
}

.mglr60 {
	margin-left: 60px;
	margin-right: 60px
}

.mgilr10 {
	margin-left: 10%;
	margin-right: 10%
}

.mgilr15 {
	margin-left: 15%;
	margin-right: 15%
}

.mgt5 {
	margin-top: 5px
}

.mgt10 {
	margin-top: 10px
}

.mgt15 {
	margin-top: 15px
}

.mgt20 {
	margin-top: 20px
}

.mgt25 {
	margin-top: 25px
}

.mgt28 {
	margin-top: 28px
}

.mgt30 {
	margin-top: 30px
}

.mgt1 {
	margin-top: 1px
}

.mgt2 {
	margin-top: 2px
}

.mgt3 {
	margin-top: 3px
}

.mgt4 {
	margin-top: 4px
}

.mgt6 {
	margin-top: 6px
}

.mgt7 {
	margin-top: 7px
}

.mgt8 {
	margin-top: 8px
}

.mgt9 {
	margin-top: 9px
}

.mgt13 {
	margin-top: 13px
}

.mgt14 {
	margin-top: 14px
}

.mgt18 {
	margin-top: 18px
}

.mgt19 {
	margin-top: 19px
}

.mgt24 {
	margin-top: 24px
}

.mgt25 {
	margin-top: 25px
}

.mgt26 {
	margin-top: 26px
}

.mgt28 {
	margin-top: 28px
}

.mgt29 {
	margin-top: 29px
}

.mgt38 {
	margin-top: 38px
}

.mgt39 {
	margin-top: 39px
}

.mgt40 {
	margin-top: 40px
}

.mgt45 {
	margin-top: 45px
}

.mgt50 {
	margin-top: 50px
}

.mgt60 {
	margin-top: 60px
}

.mgt63 {
	margin-top: 63px
}

.mgt70 {
	margin-top: 70px
}

.mgt100 {
	margin-top: 100px
}

.mgt160 {
	margin-top: 160px
}

.mgt-2 {
	margin-top: -2px
}

.mgt-10 {
	margin-top: -10px
}

.mgb5 {
	margin-bottom: 5px
}

.mgb10 {
	margin-bottom: 10px
}

.mgb15 {
	margin-bottom: 15px
}

.mgb20 {
	margin-bottom: 20px
}

.mgb40 {
	margin-bottom: 40px
}

.mgb30 {
	margin-bottom: 30px
}

.mgb50 {
	margin-bottom: 50px
}

.mgb200 {
	margin-bottom: 200px
}

.mgbi60 {
	margin-bottom: 60%
}

.mgl5 {
	margin-left: 5px
}

.mgl10 {
	margin-left: 10px
}

.mgl12 {
	margin-left: 12px
}

.mgl15 {
	margin-left: 15px
}

.mgl20 {
	margin-left: 20px
}

.mgl2 {
	margin-left: 2px
}

.mgl3 {
	margin-left: 3px
}

.mgl24 {
	margin-left: 24px
}

.mgl30 {
	margin-left: 30px
}

.mgl36 {
	margin-left: 36px
}

.mgl40 {
	margin-left: 40px
}

.mgl60 {
	margin-left: 60px
}

.mgl63 {
	margin-left: 63px
}

.mgl70 {
	margin-left: 70px
}

.mgl80 {
	margin-left: 80px
}

.mgl93 {
	margin-left: 93px
}

.mgl280 {
	margin-left: 280px
}

.mgli5 {
	margin-left: 5%
}

.mgr5 {
	margin-right: 5px
}

.mgr10 {
	margin-right: 10px
}

.mgr15 {
	margin-right: 15px
}

.mgr20 {
	margin-right: 20px
}

.mgr8 {
	margin-right: 8px
}

.mgr12 {
	margin-right: 12px
}

.mgr28 {
	margin-right: 28px
}

.mgr30 {
	margin-right: 30px
}

.mgr60 {
	margin-right: 60px
}

.mgr118 {
	margin-right: 118px
}

.mgr400 {
	margin-right: 400px
}

.pd10 {
	padding: 10px
}

.pd15 {
	padding: 15px
}

.pd20 {
	padding: 20px
}

.pd30 {
	padding: 30px
}

.pdtb5 {
	padding-top: 5px;
	padding-bottom: 5px
}

.pdtb10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.pdtb15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.pdtb20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.pdtb70 {
	padding-top: 70px;
	padding-bottom: 70px
}

.pdlr5 {
	padding-left: 5px;
	padding-right: 5px
}

.pdlr8 {
	padding-left: 8px;
	padding-right: 8px
}

.pdlr10 {
	padding-left: 10px;
	padding-right: 10px
}

.pdlr15 {
	padding-left: 15px;
	padding-right: 15px
}

.pdlr20 {
	padding-left: 20px;
	padding-right: 20px
}

.pdt5 {
	padding-top: 5px
}

.pdt10 {
	padding-top: 10px
}

.pdt15 {
	padding-top: 15px
}

.pdt20 {
	padding-top: 20px
}

.pdt29 {
	padding-top: 29px
}

.pdt40 {
	padding-top: 40px
}

.pdb5 {
	padding-bottom: 5px
}

.pdb10 {
	padding-bottom: 10px
}

.pdb15 {
	padding-bottom: 15px
}

.pdb20 {
	padding-bottom: 20px
}

.pdb4 {
	padding-bottom: 4px
}

.pdl5 {
	padding-left: 5px
}

.pdl10 {
	padding-left: 10px
}

.pdl15 {
	padding-left: 15px
}

.pdl20 {
	padding-left: 20px
}

.pdl40 {
	padding-left: 40px
}

.pdr5 {
	padding-right: 5px
}

.pdr10 {
	padding-right: 10px
}

.pdr15 {
	padding-right: 15px
}

.pdr20 {
	padding-right: 20px
}

.pdr40 {
	padding-right: 40px
}

.pdri2 {
	padding-right: 1%
}

.w50 {
	width: 50px
}

.w76 {
	width: 76px
}

.w80 {
	width: 80px
}

.w90 {
	width: 90px
}

.w100 {
	width: 100px
}

.w120 {
	width: 120px
}

.w150 {
	width: 150px
}

.w180 {
	width: 180px
}

.w185 {
	width: 185px
}

.w200 {
	width: 200px
}

.w210 {
	width: 210px
}

.w210 {
	width: 210px
}

.w250 {
	width: 250px
}

.w400 {
	width: 400px
}

.w580 {
	width: 580px
}

.wi20 {
	width: 20%
}

.wi45 {
	width: 45%
}

.wi80 {
	width: 80%
}

.h24 {
	height: 24px
}

.h27 {
	height: 27px
}

.h30 {
	height: 30px
}

.h44 {
	height: 44px
}

.h56 {
	height: 56px
}

.h78 {
	height: 78px
}

.h89 {
	height: 89px
}

.h200 {
	height: 200px
}

.h300 {
	height: 300px
}

.h473 {
	height: 473px
}

.textc {
	text-align: center
}

.textl {
	text-align: left
}

.textr {
	text-align: right
}

.textj {
	text-align: justify
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.f24 {
	font-size: 24px
}

.f13 {
	font-size: 13px
}

.f15 {
	font-size: 15px
}

.f22 {
	font-size: 22px
}

.f24 {
	font-size: 24px
}

.f26 {
	font-size: 26px
}

.f30 {
	font-size: 30px
}

.f40 {
	font-size: 40px
}

.f4vw {
	font-size: 4vw
}

.f5vw {
	font-size: 5vw
}

.f9vw {
	font-size: 9vw
}

.lh24 {
	line-height: 24px
}

.lh30 {
	line-height: 30px
}

.lh36 {
	line-height: 36px
}

.lh14 {
	line-height: 14px
}

.lh16 {
	line-height: 16px
}

.lh20 {
	line-height: 20px
}

.lh22 {
	line-height: 22px
}

.lh29 {
	line-height: 29px
}

.lh32 {
	line-height: 32px
}

.lh40 {
	line-height: 40px
}

.lh42 {
	line-height: 42px
}

.lh44 {
	line-height: 44px
}

.lh50 {
	line-height: 50px
}

.lh1e {
	line-height: 1.5em
}

.lh2e {
	line-height: 2em
}

.fw {
	font-weight: 700
}

.fw2 {
	font-weight: 500
}

.red {
	color: #f00 !important
}

.orange {
	color: #ff6702
}

.grey {
	color: #93929a
}

.green {
	color: #74d9bd
}

.clear {
	zoom: 1
}

.clear:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden;
	width: 0;
	height: 0
}

.bgico {
	background: url(./ico.png) no-repeat left top;
	background-size: 650px 650px
}

.checkbox {
	display: none
}

.checkbox+label {
	background-color: #fff;
	border: 1px solid #c1caca;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px
		rgba(0, 0, 0, 0.05);
	padding: 7px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	top: 2px
}

.checkbox:checked+label {
	background-color: #ecf2f7;
	border: 1px solid #92a1ac;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441
}

.checkbox:checked+label:after {
	content: '\2714';
	position: absolute;
	top: -4px;
	left: 0;
	color: #758794;
	width: 100%;
	text-align: center;
	font-size: 16px;
	vertical-align: text-top
}

.radio {
	display: none
}

.radio+label {
	background: #fff;
	border: 1px solid #a2a2a2;
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 14px;
	position: relative;
	top: 3px;
	margin-right: 5px
}

.radio:checked+label {
	border: 1px solid #209be6
}

.radio:checked+label:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 10px;
	height: 10px;
	background: #209be6;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px
		rgba(0, 0, 0, 0.1)
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex
}

.justify {
	justify-content: space-between;
	justify-content: -webkit-space-between;
	justify-content: -moz-space-between
}

.prompt {
	background: rgba(0, 22, 55, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100
}

.prompt .main {
	background: #fff;
	width: 60%;
	border-radius: 6px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%)
}

.greater-than {
	background: url(./ico.png) no-repeat left top;
	background-size: 650px 650px;
	display: inline-block;
	width: 12px;
	height: 19px;
	background-position: -237px -63px
}

body {
	font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #333;
	display: inline-table;
	width: 100%;
	background: #f2f2f2
}

a {
	text-decoration: none
}

a:hover {
	color: #333
}

a:link, a:visited {
	color: #666
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0
}

i, em {
	font-style: normal
}

table, td, img {
	border: 0
}

table, tr, td {
	border-collapse: collapse;
	border-spacing: 0
}

.wrap {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.content {
	background: #fff;
	text-align: center;
	position: relative;
	height: 100%;
}

.bg-one {
	background: url(./quruo.jpeg) no-repeat top center;
	background-size: 100% 100%;
}

.content .logo img {
	width: 40%;
	margin: 30px 0;
}

.content .slogan img {
	width: 73%;
}

@media screen and (max-width:320px) {
	.content .ban-one img {
		margin-top: 60px;
	}
	.download-menu {
		margin-top: 10px;
	}
	//
	.content { //
		height: 568px;
		//
	}
}

@media screen and (min-width:375px) {
	.content .ban-one img {
		margin-top: 77px;
	}
	//
	.content { //
		height: 667px;
		//
	}
}

@media screen and (min-width:414px) {
	.content .ban-one img {
		margin-top: 100px;
	}
	//
	.content { //
		height: 736px;
		//
	}
}

.content .ban-one img {
	width: 74%; //
	margin-top: 100px;
}

.download-menu {
	width: 60%;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	color: #896022;
	border-radius: 44px;
	bottom: 46px;
	position: absolute;
	left: 21%;
}

/*箭头*/
.arrow {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -11px;
	border: 3px solid transparent;
	border-bottom: 3px solid #666;
	border-right: 3px solid #666;
	z-index: 99;
	opacity: .6;
	-webkit-transform: rotate(45deg);
	-webkit-animation: arrow 1.5s infinite ease-in-out;
}

@
-webkit-keyframes arrow { 0% {
	opacity: 0;
	-webkit-transform: translate(0, 0px) rotate(45deg)
}

50%
{
opacity








:








1;
-webkit-transform








:translate








(0
,
5
px








)
rotate








(45
deg






)
}
100%
{
opacity








:








0;
-webkit-transform








:translate








(0
,
10
px








)
rotate








(45
deg






)
}
}
/*箭头*/
.ban-2 {
	height: 60%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

.ban-2 img {
	width: 80%;
}

.ny-box h2 {
	font-size: 7vw;
	color: #4b93fd;
	font-weight: normal;
	padding-top: 10%;
	width: 60vw;
	margin: 0 auto;
	line-height: 40px;
}

.ny-box p {
	font-size: 4vw;
	color: #666;
	width: 70vw;
	line-height: 26px;
	margin: 0 auto;
	margin-top: 10px;
}

.last-box {
	background: url(./last-bg.png) no-repeat top center;
	background-size: 100% 100%;
}

.beian {
	font-size: 10px;
	color: #bdb8b8;
	position: absolute;
	bottom: 0;
	margin-bottom: 20px;
	left: 7%;
}

.last-tex {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -200px;
}

.last-box .last-tex h2, .last-box .last-tex p {
	color: #fff;
}