a {
	text-decoration: none
}

.header-box {
	padding-top: 4.3rem;
	padding-bottom: 6.8rem;
	font-size: 2.6rem;
	color: #111
}

.header-box.pc {
	background: url(../img/pcIndexBanner.png) no-repeat;
	background-size: 100% 100%
}

.header-box.app {
	display: none;
	background: url(../img/APPBanner.png) no-repeat;
	background-size: 100% 100%
}

.container {
	width: 1000px;
	margin: 0 auto
}

.app-header {
	display: none
}

@media screen and (min-width:1366px) {
	.container {
		width: 1300px
	}
}

.app-name {
	font-size: 4rem
}

.app-logo {
	margin-top: -4rem
}

.nav {
	width: 56.8rem;
	height: 6.3rem;
	padding-top: 1.7rem;
	padding-bottom: 1.7rem;
	font-size: 1.8rem;
	text-align: right;
	background: url(../img/whiteBg.png) no-repeat;
	background-size: 100% 100%
}

.nav-li {
	display: inline-block;
	margin-right: 6.2rem;
	padding-bottom: .6rem;
	color: inherit;
	text-decoration: none;
	border-bottom: .3rem solid transparent;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.nav-li.active,
.nav-li:hover {
	color: #585cf6;
	border-color: #6062f6
}

.app-info {
	margin-top: 4.9rem
}

.app-info_list li {
	position: relative;
	padding-left: 4.7rem;
	margin-bottom: 3.6rem;
	line-height: 3.2rem
}

.app-info_list li:before {
	content: '';
	position: absolute;
	width: 2.8rem;
	height: 2.8rem;
	left: 0;
	top: .3rem;
	background: url(../img/PcListStyle.png) no-repeat;
	background-size: 100% 100%
}

.pc-btn {
	display: inline-block;
	width: 20rem;
	padding: 2rem 0;
	text-align: center;
	font-size: 2.2rem;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(42deg, #545bff, #b955ff);
	box-shadow: -.1rem 1.2rem 2.6rem .1rem rgba(87, 90, 246, .2);
	border-radius: 1rem;
	opacity: 1;
	-webkit-transition: opacity ease .3s;
	-moz-transition: opacity ease .3s;
	-ms-transition: opacity ease .3s;
	-o-transition: opacity ease .3s;
	transition: opacity ease .3s
}

.pc-btn.mr {
	margin-right: 2.7rem
}

.pc-btn:hover {
	opacity: .8
}

.pc-cap {
	height: .8rem;
	background: #f8f9ff
}

.app-function {
	padding-top: 1rem;
	padding-bottom: 4.9rem;
	background-color: #fff
}

.app-function_list {
	display: flex;
	display: -webkit-flex;
	text-align: center;
	align-items: center;
	justify-content: center
}

.app-function_li {
	flex: 1;
	font-size: 2.4rem
}

.advantage {
	padding-top: 6.6rem;
	padding-bottom: 4.3rem;
	background-color: #fff
}

.advantage h1 {
	margin-bottom: 4.7rem;
	font-size: 4rem;
	line-height: 3.2rem
}

.advantage-li {
	width: 50%;
	padding: 1.5rem;
	font-size: 2.4rem;
	color: #666;
	line-height: 3.2rem
}

.advantage-li.left .advantage-content {
	float: right
}

.advantage-li.right .advantage-content {
	float: left
}

.advantage-li .advantage-content_img {
	display: block;
	margin-right: 3rem
}

.advantage-li .advantage-content {
	width: 55.5rem;
	padding: 4.5rem 0 3.8rem 2.7rem;
	background: #f8f9ff;
	border-radius: 1rem
}

.advantage-li .advantage-content_tit {
	margin-bottom: 1rem;
	color: #1b21ff;
	font-size: 2.8rem
}

.footer {
	padding-top: 3rem;
	padding-bottom: 1.8rem;
	background: #f8f9ff;
	font-size: 1.8rem;
	line-height: 3.2rem
}

.link a {
	display: inline-block;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	color: #111
}

.link a:hover {
	text-decoration: underline
}

.copyright {
	padding-top: 1rem;
	font-size: 1.6rem;
	color: #666
}

.download-style .header-box.pc {
	background: url(../img/PCDownload.png) no-repeat;
	background-size: 100% 100%
}

.download-style .app-info {
	margin-top: 0
}

.download-style .list-right {
	width: 50%
}

.download-style .app-name {
	margin-bottom: 4.3rem
}

.download-style .app-intro {
	margin-bottom: 7.3rem;
	font-size: 2.4rem;
	color: #666;
	line-height: 3.1rem
}

.download-style .pc-btn {
	width: 33.4rem;
	padding: 2.7rem 0
}

.download-style .app-download {
	margin-top: 6rem
}

.download-style .dis-inline {
	display: inline-block
}

.download-style .dis-inline p {
	margin-top: 3.5rem;
	font-size: 2.4rem;
	color: #999
}

.download-style .dis-inline.mr {
	margin-right: 16rem
}

@media screen and (max-width:1023px) {
	.container {
		width: 100%
	}

	.app-header {
		display: block;
		padding: 1.5rem 1.2rem;
		font-size: 1.4rem;
		line-height: 4.4rem
	}

	.app-header img {
		margin-right: .5rem
	}

	.header-box {
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.header-box .app-info {
		margin-top: 0;
		line-height: 2.25rem
	}

	.header-box .app-download {
		margin-top: 2.5rem;
		text-align: center
	}

	.app-info {
		font-size: 1.5rem;
		color: #333
	}

	.app-info h1 {
		margin-bottom: 3.3rem;
		font-size: 2rem
	}

	.advantage-li {
		width: 100%;
		padding: .65rem 1.1rem;
		line-height: 1.8rem
	}

	.advantage-li .advantage-content {
		width: 100%;
		padding: 2.1rem .5rem 1.3rem 2.95rem;
		font-size: 1.4rem
	}

	.advantage-li .advantage-content_tit {
		margin-bottom: .6rem;
		font-size: 1.6rem
	}

	.advantage-li .advantage-content_img {
		width: 4.3rem;
		margin-right: 2rem
	}

	.advantage {
		padding-top: 2.25rem;
		padding-bottom: 1rem
	}

	.advantage h1 {
		margin-bottom: 1.6rem;
		font-size: 1.6rem
	}

	.footer {
		padding-top: 0;
		padding-bottom: 2rem;
		background-color: #fff
	}

	.copyright {
		font-size: 1.2rem
	}

	.pc-btn {
		/* width: 26% !important; */
		padding: 1.3rem 0 !important;
		font-size: 1.1rem;
		background: linear-gradient(42deg, #545bff, #b955ff);
		box-shadow: -1px 60.5rem 130.5rem 1px rgba(87, 90, 246, .2);
		-webkit-border-radius: .5rem;
		-moz-border-radius: .5rem;
		border-radius: .5rem
	}

	.pc-btn.mr {
		margin-right: 1.6rem
	}

	.download-style .dis-inline p {
		margin-top: .6rem;
		font-size: 1.2rem
	}

	.download-style .dis-inline.mr {
		margin-right: 2.2rem
	}
}

@media screen and (max-width:320px) {
	.pc-btn {
		width: 13rem !important;
		padding: 1.3rem 0 !important
	}

	.advantage-li .advantage-content {
		padding: 2.1rem 0 1.3rem .5rem
	}

	.advantage-li .advantage-content_img {
		margin-right: 1rem
	}
}

#xy-pc {
	margin-bottom: -40px
}

@media screen and (max-width: 1023px) {
	.nav {
		/* display: none; */
		width: 100%;
		height: auto;
		font-size: 1.6rem;
		margin-bottom: 2rem;
		text-align: center;
	}

	.app-name {
		display: none;
	}

	.app-logo img {
		/* display: none; */
		width: 8rem;
	}

	.app-logo {
		width: 100%;
		margin-top: -1rem;
		text-align: center;
	}

	.nav-li {
		margin-right: 1rem;
	}

	.app-info_list {
		padding: 0 1.5rem;
	}

	.app-info_list li {
		margin-bottom: 1rem
	}

	.app-download .pc-btn:nth-child(2) {
		display: none;
	}

	.pc-btn {
		width: 40%;
		font-size: 1.4rem
	}

	.app-function_li {
		width: 20%;
	}

	.app-function_li img {
		width: 60px;

	}

	.app-function_li {
		font-size: 1.2rem;
	}

	.app-function {
		padding-bottom: 2rem;
	}

	.download-style .list-right {
		width: 100%;
		padding: 0 1.5rem;
	}

	.download-style .pc-btn {
		display: block;
		width: 100% !important;
		font-size: 1.4rem
	}

	.download-style .dis-inline:nth-child(2) {
		display: none;
	}

	.download-style .dis-inline {
		display: inline-block;
		width: 40%;
	}

	.header-box {
		padding-top: 2rem;
		padding-bottom: 2rem
	}
	.download-style .app-intro {
	    margin-bottom: 2rem;
	    font-size: 1.8rem;
	    color: #333;
	    text-align: center;
	    line-height: 3.1rem;
	}
}