body {
	margin: 0px;
	font-size: 14px;
	color: #333;
	font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif;
}

li {
	list-style: none;
}

a {
	text-decoration: none;

}

button {
	cursor: pointer;
	border: 0px;
	padding: 0px;
	outline: none;
}

/*flex,两端垂直对齐*/
.flex-space-between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}

.page-width {}

.header-module {
	position: relative;
	height: 1.8rem;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.50) 76%, rgba(0, 0, 0, 0.00));
}

.ht {
	height: 100%;
}

.ht .left {

}

.ht .left img {
	width: 4rem;

}

.ht .right {
	margin-top:-.2rem
}

.ht .right .item {
	color: #FFFFFF;
	margin-left: 50px;display: none;
}

.ht .right button {
	padding: 0px;
	line-height: 38px;
	width: 100px;
	margin-left: 10px;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	background: linear-gradient(135deg, #139bfd, #0061ff);
	border-radius: 19px;display: none;
}

.ht .right .itemBtn {
	background: rgba(255, 255, 255, 0.2);
	margin-left: 50px;display: none;
}
.ht .right img{
	width: .8rem;
	padding: .4rem;
}
.popup-module{
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	z-index: 3;
	display: none;
	background-color: rgba(0,0,0,.8);
}
.popup-header{
	background-color: #0061FF;
	display: flex;
	align-items: center;
	height: 1.6rem;
	padding-left: .rem;
	justify-content: space-between;
}
.popup-header img:first-child{
	width: 4rem;
	margin-top: .1rem;
}
.popup-header img:last-child{
	width: .6rem;
	padding: .4rem;}
.popup-middle{
	
}
.popup-middle div{
	color: #FFFFFF;
	font-size: 0.45rem;
	height: 1.43rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0px 0.4rem;
	opacity: .8;
	border-bottom: 1px solid rgba(255,255,255,0.30);;
}
.popup-middle div img{
	width: 0.8rem;
	margin-right: 0.4rem;
}
.popup-middle div:hover{
	opacity: 1;
}

.middle-module .banner {
	background-color: #14103e;
	margin-top:-1.8rem;
	display: flex;

	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	padding: 1.06rem 0.4rem 0;	height: 5rem;

}


.middle-module .banner .content {
	width: 45%;
	flex-shrink: 0;

}

.middle-module .banner .content h1 {
	

	font-size: .7rem;
	margin: 0px;
	font-weight: Normal;
	text-align: left;
	color: #ffffff;
letter-spacing: 0.05rem;

}

.middle-module .banner .content p {
	font-size: .4rem;
	width: 100%;
	opacity: .7;
	font-weight: ExtraLight;
	text-align: left;
	color: #ffffff;
	margin-top: .4rem;
	line-height: .6rem;

}

.middle-module .banner .content .btns {
	margin-top: 110px;
	display: none;
}

.middle-module .banner .content .btns button {
	width: 150px;
	height: 50px;
	background: linear-gradient(135deg, #139bfd, #0061ff);
	border-radius: 25px;
	margin: 0px 15px;
	font-size: 16px;

	font-weight: 500;
	text-align: center;
	color: #ffffff;
	line-height: 24px;
}

.middle-module .banner .content .btns .download {
	border: 1px solid #ffffff;
	background: none;
}

.middle-module .banner .content .btns .download img {
	width: 16px;
}

.middle-module .wapBanner {
	flex-shrink: 1;
	width: 55%;
	display: block;
	margin-left: 0.4rem;
}

.info-desc {
	display: flex;
	justify-content: space-between;

	flex-wrap: wrap;
	padding: 0.7rem 0.4rem 0;
}

.info-desc .item {
	width: 48%;

	text-align: center;
	margin-bottom: 1.06rem;
}



.info-desc .item .info-desc-img1 {
	width: 1.86rem;
	margin-bottom: .7rem;

}

.info-desc .item .info-desc-img2 {
	width: 1.33rem;
	margin-bottom: 0.6rem;
}

.info-desc .item .info-desc-img3 {
	width: 1.33rem;
	margin-bottom: 0.95rem;
}


.info-desc .item .info-desc-img4 {
	width: 1.2rem;
	margin-bottom: 0.6rem;

}

.info-desc .item .info-desc-img5 {
	width: 1.33rem;
	margin-bottom: 0.5rem;
}

.info-desc .item .info-desc-img6 {
	width: 1.46rem;
	margin-bottom: 0.5rem;
}

.info-desc .item h2 {
	font-size: 0.5rem;
}

.info-desc .item p {
	font-size: 0.37rem;
	margin-top: 0.2rem;
	line-height: 0.66rem;
}

.features-module {

	background: #141d46;
}

.features {}

.features-left {
	padding-top: 0.8rem;
}

.features-left h3 {

	font-size: 0.61rem;
	margin: 0px;
	font-weight: Normal;
	text-align: center;
	color: #ffffff;
	line-height: 0.8rem;

}

.features-left p {
	font-size: 0.37rem;

	opacity: .7;
	text-align: center;
	color: #ffffff;
	line-height: 0.66rem;
	margin-top: 0.53rem;
	padding：0px .4rem;
	border:1px solid #141d46;
}

.features-left button {
	width: 2.7rem;
	height: 0.9rem;
	border: 1px solid #ffffff;
	background: none;
	border-radius: .4rem;
	display: block;
	margin: auto;

	font-size: 0.37rem;

	font-weight: 500;
	text-align: center;
	color: #ffffff;
	margin-top: 0.8rem;
}

.features-right {

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0.8rem 0.4rem .3rem;
}

.features-right div {
	margin-bottom: 0.4rem;
	width: 15%;

}



.features-right div img {
	width: 100%;
}

.features-right div p {
	color: #FFFFFF;
	text-align: center;
	color: #ffffff;
	line-height: 0.53rem;
	margin-top: 0.1rem;
}

.application_module {
	margin-top: 1.06rem;
	padding-bottom: 0.1rem;
	border-bottom: .6rem solid #f3f3f3;
	;
}

.application {
	overflow: hidden;
}

.application-left {}

.application-left h3 {

	font-size: 0.61rem;
	margin: 0px;
	font-weight: Normal;
	text-align: left;
	padding-top: 0px;

	text-align: center;
}

.application-left p {
	font-size: 0.37rem;

	text-align: center;

	line-height: 22px;
	margin-top: 25px;
}

.application-left button {
	width: 2.8rem;
	height: 0.8rem;
	border: 1px solid #0061FF;
	background: none;
	border-radius: .4rem;
	display: block;
	margin: auto;

	font-size: 0.35rem;

	font-weight: 500;
	text-align: center;
	color: #0061FF;
	margin-top: 0.6rem;
}

.abtns {
	margin-top: 0.83rem;

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0px 0.4rem;
}

.application-left .abtns .item {
	width: 30%;

	line-height: 0.93rem;
	margin: 0px;
	font-size: 0.4rem;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 0.4rem;
	border-radius: 0.13rem;
}

.application-left .abtns .item1 {
	background: linear-gradient(133deg, #7b97fc, #2d44d5 97%);
}

.application-left .abtns .item2 {
	background: linear-gradient(133deg, #67dbee, #0fb9d5 95%);

}

.application-left .abtns .item3 {
	background: linear-gradient(133deg, #75dba8, #1db567 97%);
	border-radius: 0.13rem;
}

.application-left .abtns .item4 {
	background: linear-gradient(133deg, #ffaf6e, #f76000 97%);
	border-radius: 0.13rem;
}

.application-left .abtns .item5 {
	background: linear-gradient(133deg, #cb9eff, #a945e2 97%);
	border-radius: 0.13rem;
}

.application-left .abtns .item6 {
	background: linear-gradient(133deg, #ff8888, #ff2c2c 97%);
	border-radius: 0.13rem;
}

.application-right-module {



	overflow: hidden;
	/*最外层设置  溢出隐藏  */
}

.application-right {
	overflow-y: auto;
	white-space: nowrap;
	padding-right: .4rem;
}

.application-right .item {
	width: 6.34rem;

	background: #ffffff;
	overflow: hidden;
	border-radius: 0.13rem;
	margin-left: 0.4rem;
	margin-bottom: 0.4rem;
	display: inline-block;
	box-shadow: 0px 0px 0.53rem #ddd;
}





.application-right .header {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.06rem;
	border-top-left-radius: 0.13rem;
	border-top-right-radius: 0.13rem;
}

.application-right .header strong {
	font-size: 0.42rem;
	color: #FFFFFF;
}

.application-right .header p {
	font-size: 0.32rem;
	color: #FFFFFF;
	margin-top: .1rem;
}

.application-right .header .ar {
	margin-right: 0.4rem;
}

.application-right .ar1 {
	background: linear-gradient(225deg, #a6d945, #8cbf18);
}

.application-right .ar1 img {
	width: 1.86rem;
	height: 1.68rem;
}

.application-right .ar2 {
	background: linear-gradient(225deg, #9f71e0 -1%, #733adc 99%);
}

.application-right .ar2 img {
	width: 2.1rem;
	height: 1.97rem;
}

.application-right .ar3 {
	background: linear-gradient(225deg, #ffbf00, #ff7500 99%);
}

.application-right .ar3 img {
	width: 1.6rem;
	height: 1.86rem;
}

.application-right .ar4 {

	background: linear-gradient(225deg, #5db6ff, #002aff);
}

.application-right .ar4 .ar {}

.application-right .ar4 img {
	width: 1.97rem;
	height: 1.6rem;
}

.application-right .ar5 {
	background: linear-gradient(225deg, #ff8686, #ff3e00);
}

.application-right .ar5 img {
	width: 1.94rem;
	height: 1.73rem;
}

.application-right .ar6 {
	justify-content: center;
	background: url(image/gengduo.png);
}

.application-right .ar6 p {

	text-align: center;
}

.application-right .am {
	margin-top: 0.56rem;
	padding: 0px 0.4rem;
	padding-bottom: 0.4rem;
}

.application-right .am h4 {
	font-size: 0.42rem;
	margin: 0px;

}

.application-right .am p {
	font-size: 0.32rem;
	color: #666666;

	line-height: 0.53rem;
	margin-top: 0.26rem;
	height: 1.06rem;

	white-space: pre-wrap;

}

.application-right .footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 0.02rem solid #eeeeee;
	padding: .4rem 0.4rem;

}

.application-right .footer .h4 {
	font-size: 0.42rem;
	color: black;
}

.application-right .footer button {
	padding: 0px .4rem;
	height: 0.8rem;
	background: linear-gradient(135deg, #139bfd, #0061ff);
	border-radius: 19px;

	font-size: 0.32rem;
	color: #FFFFFF;
}

.planet-module {
	background: #141d46;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.50);
	padding-bottom: 0.02rem;
}

.planet {
	padding-top: 1.5rem;

}



.planet-left h3 {
	font-size: 0.69rem;

	font-weight: Normal;
	text-align: left;
	color: #ffffff;
	margin: 0px;
	text-align: center;
	line-height: 46px;
}

.planet-left>p {
	font-size: 16px;
	font-weight: ExtraLight;
	text-align: center;
	color: #ffffff;
	opacity: .7;
	line-height: 22px;
	margin-top: 0.8rem;
}

.code_module {
	width: 6.93rem;
	padding-bottom: 1.2rem;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.13rem;
	position: relative;
	text-align: center;
	margin: 0.8rem auto;
}

.code_module p {
	text-align: center;
	color: #FFFFFF;
	font-size: 0.5rem;
	font-weight: 500;

	color: #ffffff;
	line-height: 20px;
	padding-top: 0.7rem;
}

.code_module .bg {
	margin-top: 0.4rem;
	width: 4.5rem;
}

.code_module .img_code {
	position: absolute;
	width: 3.86rem;
	height: 3.86rem;
	left: 1.54rem;
	top: 2rem;

}

.code_module div {
	height: 12px;
	opacity: 0.7;
	width: 5.3rem;
	margin: .3rem auto 0;
	font-size: 0.4rem;
	font-family: SourceHanSansCN, SourceHanSansCN-Medium;
	font-weight: 500;
	text-align: left;
	color: #ffffff;

	line-height: .6rem;
	text-align: center;
	display: none;
}

.code_module .wap {
	display: block;
}

#code_module {
	margin-top: -25px;
}

#code_module .img_code {
	position: absolute;
	width: 4rem;
	height: 4rem;
	left: 1.46rem;
	top: 1.95rem;

}

#code_module .code_module p,
#code_module .code_module div {
	color: #333333;
}

.planet-right {

	padding: 0px 0.4rem;
}

.planet-right .item {

	border-radius: 0.13rem;
	background-color: #FFFFFF;
	margin-bottom: 0.8rem;
}

.planet-right .item h4 {
	font-size: 0.5rem;

	padding: 0.63rem 0.66rem .35rem .66rem;
	font-weight: 600;
	text-align: left;
	color: #333333;
	line-height: 28px;
}

.planet-right .item div {
	display: flex;


	padding: 0rem 0.56rem .4rem .66rem;

}

.planet-right .item div p {
	font-size: 0.37rem;
	font-weight: Normal;
	text-align: left;
	color: #666666;
	margin: 0px;
	line-height: 0.64rem;
}

.planet-right .item div img {
	width: 2.13rem;
	height: 1.86rem;
	margin-left: .4rem;
}

.planet-right .item div .pr1 {
	margin-top: 0rem;
	margin-left: .4rem;
}

.planet-right .item div .pr2 {
	height: 2.18rem;

}

.planet-right .item div .pr3 {
	height: 1.86rem;

}

.planet-right .item div .pr4 {
	height: 1.94rem;

}

.identity_module {}

.identity h4 {

	font-size: .7rem;
	font-family: SourceHanSansCN, SourceHanSansCN-Normal;
	font-weight: Normal;
	text-align: left;
	color: #333333;

	text-align: center;
	margin: 0px;
	padding-top: 1rem;
}

.identity p {

	font-size: 0.4rem;
	font-family: SourceHanSansCN, SourceHanSansCN-ExtraLight;
	font-weight: ExtraLight;
	text-align: center;
	padding: 0px 0.4rem;
	color: #666;
	line-height: 0.7rem;
	text-align: center;
	margin-top: .7rem;
	padding-bottom: 1rem;

}

.identity .imgs {
	padding: 0px 0.8rem;
}

.identity .imgs img {
	width: 100%;
	cursor: pointer;
}

.footer-module {
	padding-bottom: 0rem;
	background-color: #1A1B2F;
}

.footer-module>.footer {
	display: flex;

	padding: 0.93rem 0.8rem;
	justify-content: space-between;
}

.footer-module>.footer>.item h5 {

	font-size: 0.53rem;
	font-weight: 500;
	text-align: left;
	color: #ffffff;

	margin-bottom: 0.66rem;
	text-align: center;
}

.footer-module>.footer>.item a {
	display: block;
	color: #FFFFFF;
	line-height: 90px;
	opacity: 0.7;
	font-size: 14px;
	font-weight: Normal;
	text-align: left;
	color: #ffffff;
	line-height: 14px;
	margin-bottom: 30px;

}

.footer-module>.footer>.item {
	display: none;
}

.footer-module>.footer>.item_img {
	text-align: center;
	width: 142px;
	display: block;
}

.footer-module>.footer>.item_img img {
	width: 142px;
}

.footer-module>.footer>.item_img a {
	text-align: center;
	margin-top: 20px;
	display: none;
}

.footer-module>.footer_copy {

	opacity: 0.7;
	font-size: 0.4rem;
	font-weight: Normal;
	text-align: center;
	color: #ffffff;
	line-height: 0.68rem;
	padding: .5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.20);

}