* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body,
html {
	line-height: 1.5;
}

.pointer {
	cursor: pointer;
}

img {
	border-style: none;
}

a {
	text-decoration: none;
}

.text-right {
	text-align: right;
}

.d-flex {
	display: flex
}

.flex-column {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.jc-start {
	justify-content: flex-start
}

.jc-end {
	justify-content: flex-end
}

.jc-center {
	justify-content: center
}

.jc-between {
	justify-content: space-between
}

.jc-around {
	justify-content: space-around
}

.jc-evenly {
	justify-content: space-evenly
}

.ai-start {
	align-items: flex-start
}

.ai-end {
	align-items: flex-end
}

.ai-center {
	align-items: center
}

.ai-between {
	align-items: space-between
}

.ai-around {
	align-items: space-around
}

.ai-evenly {
	align-items: space-evenly
}

.flex-1 {
	flex: 1
}

.flex-grow-1 {
	flex-grow: 1
}

.DownloadApp {
	margin-top: 180px;
	background: #fafafb;
}

.HeaderLayout {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 998;
	background: #fff;
}

.HeaderLayout.scrollBg {
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .05));
}

.tips {
	padding: 16px 24px;
	background: #fef5ee;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.tips .tips-text {
	font-size: 14px;
	line-height: 21px;
	color: #ff7114;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 500
}

.tips .tips-button {

	padding: 8px 12px;
	margin-left: 0;
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ff7114;
	border-radius: 7px;
	cursor: pointer;
	font-family: PingFang SC, PingFang SC-Medium;
	font-weight: 500;
	color: #fff;
}

.tips .tips-button span {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
}

.tips .tips-button img {
	margin-left: 4px;
	width: 6px;
}

.mini-navbar-header {
	display: flex;
	padding: 15px 28px;
}

.isFixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	background: #fff;
}

.mini-navbar-header .logo {
	flex: 1;
}

.mini-navbar-header .mini-navbar-logo {
	width: 156px;
	margin-top: 5px;
}

.menu-status {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}

.menu-status img {
	width: 20px;
	height: 20px;
}

.mini-menu {
	height: calc(100vh - 68px);
	overflow-x: auto;
	display: none;
}

.mini-menu-title {
	
	padding: 15px;
	font-size: 14px;
	border-bottom: 1px solid #eee;
}

.menu-item {
	display: flex;
	align-items: center;
}

.menu-item div {
	flex: 1;
	color: #101010;
	height: 21px;
}

.icon-right {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
}

@media screen and (max-width: 420px) {
	.navbar-logo img {
		width: auto;
		height: 24px;
		max-height: 32px
	}

	.menu-status span {
		display: inline-block;
		width: 30px;
		text-align: center;
		margin-right: 10px
	}

	.menu-status img {
		width: 16px;
		height: 16px
	}

	.mini-menu {
		height: calc(100vh - 60px);
		overflow-x: auto
	}

	.mini-navbar-language {
		font-size: 16px
	}
}

.DownloadApp .download-content .main-content {
	padding: 0 0 75px;
	flex-direction: column;
}

.DownloadApp .download-content {
	margin-top: 0;
	padding: 0;
	display: block;
}

.download-mobile {
	font-size: 0;
}

.download-mobile img {
	width: 100%;
}

.DownloadApp .download-content .main-content .download-title {
	margin-top: 32px;
	font-size: 26px;
	text-align: center;
	font-weight: 700;
	color: #1a202c;
}

.DownloadApp .download-content .main-content .download-text {
	margin: 8px 0 24px;
	padding: 0 28px;
	font-size: 13px;
	text-align: center;
	color: #7a7a7a;
}

.DownloadApp .download-content .main-content .download-app {
	width: 100%;
	justify-content: space-evenly;
	padding: 0 28px;
	display: flex;
	flex-wrap: wrap;
}

.DownloadApp .download-content .main-content .download-app .download-wraps {
	position: relative;
	flex: 1;
}

.DownloadApp .download-content .main-content .download-app .download-wraps:nth-child(n+2) {
	margin-left: 10px;
}

.DownloadApp .download-content .main-content .download-app .download-wraps .download-btn {
	width: auto;
	padding: 6px 10px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #121212;
	border-radius: 8px;
}

.DownloadApp .download-content .main-content .download-app .download-wraps .download-btn .icon {
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

.DownloadApp .download-content .main-content .download-app .download-wraps .download-btn span {
	font-size: 11px;
	display: block;
	color: #d5d8db;

}

.DownloadApp .download-content .main-content .download-app .download-wraps .download-btn span:nth-child(2) {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: block;
}

.DownloadApp .download-content .main-content .download-app .apk-32 {
	max-width: none;
	justify-content: flex-start;
	display: flex;
	align-items: center;

	margin-top: 12px;
	cursor: pointer;
}

.DownloadApp .download-content .main-content .download-app .apk-32 .apk-32-wrap {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #9ea0a5;
}

.DownloadApp .download-content .main-content .apk-32 .apk-32-wrap span {
	font-size: 12px;
	color: #9ea0a5;
	white-space: nowrap;
}

.DownloadApp .download-content .main-content .apk-32 .apk-32-wrap img {
	margin-left: 2px;
	width: 12px;
	height: 12px;

}

/*  */
.DownloadApp .download-content .main-content .description-content {
	width: 100%;
	display: block;
	padding: 0 28px;
	margin-top: 20px;
	background: #fff;
	position: relative;
}

.description-content .main-container {

	padding: 12px 12px 75px;
	position: relative;
	border-radius: 10px;
	border: 1px solid #cbd5e1;
}

.description-content .main-container .symbol {
	margin-right: 8px;
	color: #e55036;
	font-size: 16px;
}

.description-content .main-container .desc1 {
	font-size: 11px;
	color: #3a3b3d;
	font-weight: 400;
	text-align: left;
}

.description-content .main-container .desc2 {
	margin: 10px 0 0;
	color: #2980fe;
}

.description-content .main-container .arrow-blue {
	margin-left: 8px;
	height: 10px;
	margin-top: 2px;
}

.description-content .main-container .website-wrap {
	margin: 15px 0;
	display: flex;
	align-items: center;
}

.description-content .main-container .website-wrap .website {
	position: relative;
	height: 22px;
	padding: 8px 10px 8px 30px;
	margin-left: 16px;

	background: #ebfaf1;
	border-radius: 9px;
	display: flex;
	align-items: center;
}

.description-content .main-container .website-wrap .website img {
	height: 30px;
	position: absolute;
	left: -5px;
	bottom: -2px;
}

.description-content .main-container .website-wrap .website span {
	font-size: 9px;
	font-weight: 500;
	color: #16a57a;
}

.description-content .main-container .website-wrap .unlock-wrap {
	width: auto;
	margin-left: 16px;
	background: #ffecec;
}

.description-content .main-container .website-wrap .unlock-wrap span {
	width: 30px;
	height: 1px;
	background: #e55036;
}

/*  */
.description-content .version-wrap {

	display: flex;
	padding: 12px 18px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	background: #3d8cfe;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


.description-content .text {
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: #fff;
	margin-top: 8px;
}

.description-content .version-wrap .arrow {
	width: 12px;
	height: 12px;
	margin-left: 8px;
}

.FooterLayout {
	background: #1c1c1f;
}

.FooterLayout .content {
	padding: 68px 28px 60px;
	flex-direction: column;
}

.FooterLayout .content .footer-wrap {
	margin: 32px 0 0;
}

.FooterLayout .content .follow-wrap .logo {
	width: 199px;
}

.FooterLayout .content .follow-wrap .footer-follows {
	margin: 41px 0 21px;
}

.FooterLayout .content .follow-wrap .footer-follows .footer-follow {
	width: 32px;
	height: 32px;
}

.FooterLayout .content .follow-wrap .footer-follows .footer-follow:nth-child(n+2) {
	margin-left: 10px;
}

.footer-follow-1 {
	background: url("../images/footer-follow-1.png") no-repeat 100%/contain;
	cursor: pointer;
}

.footer-follow-2 {
	background: url("../images/footer-follow-2.png") no-repeat 100%/contain;
	cursor: pointer;
}

.footer-follow-3 {
	background: url("../images/footer-follow-3.png") no-repeat 100%/contain;
	cursor: pointer;
}

.footer-follow-4 {
	background: url("../images/footer-follow-4.png") no-repeat 100%/contain;
	cursor: pointer;
}

.footer-follow-5 {
	background: url("../images/footer-follow-5.png") no-repeat 100%/contain;
	cursor: pointer;
}

.footer-follow-6 {
	background: url("../images/footer-follow-6.png") no-repeat 100%/contain;
	cursor: pointer;
}

.footer-follow-7 {
	background: url("../images/footer-follow-7.png") no-repeat 100%/contain;
	cursor: pointer;
}

.footer-follow-8 {
	background: url("../images/footer-follow-8.png") no-repeat 100%/contain;
	cursor: pointer;
}

.FooterLayout .content .follow-wrap .copyright {
	font-size: 13px;
	font-weight: 400;
	color: #6f7174;
	line-height: 20px;
}

.FooterLayout .content .footer-wrap .footer-list {
	padding: 0;
	width: 100%;
	margin-bottom: 12px;
}

.FooterLayout .content .footer-wrap .footer-list .footer-item .title {
	padding: 0;
	font-size: 14px;
	text-align: left;
	font-weight: 300;
	color: #6f7174;
	line-height: 20px;
}

.FooterLayout .content .footer-wrap .footer-list .footer-item .footer-link-wrap {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
}

.FooterLayout .content .footer-wrap .footer-list .footer-item .footer-link-wrap .footer-link {
	width: 100%;
}

.FooterLayout .content .footer-wrap .footer-list .footer-item .footer-link-wrap .footer-link a {
	margin-bottom: 8px;
	line-height: 21px;
	display: inline-block;

	font-size: 14px;
	font-weight: 300;
	color: rgba(255, 255, 255, .88);
}