/* body {
	min-width: 1440px;
} */

.zebra-hardware-banner {
	background-color: #d2d5d7;
}

.zebra-hardware-banner-content {
	height: 460px;
	width: 1440px;
	margin: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 86px;
	background-image: url("/assets/img/zhineng-yingjian/dingding-zhineng-yingjian.png")/*tpa=https://img.alicdn.com/imgextra/i3/O1CN01AX8iHP1YKp8MXJakj_!!6000000003041-2-tps-2880-920.png*/
}

.zebra-hardware-banner-content .bannerContent {
	padding: 66px 120px;
	color: #0f0e0e;
	width: 786px;
}

.zebra-hardware-banner-content .bannerContent .bannerTitle {
	font-size: 46px;
	margin: 10px 0;
	font-weight: bold;
}

.zebra-hardware-banner-content .bannerContent .bannerDesc {
	font-size: 18px;
	line-height: 26px;
	margin-top: 12px;
	font-weight: 100;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
}

.zebra-hardware-banner-content .bannerContent .bannerRelation {
	border: 1px solid rgba(255, 255, 255, 0.6);
	padding: 8px 12px 12px;
	margin-top: 92px;
	display: inline-block;
}

.zebra-hardware-banner-content .bannerContent .bannerRelationIcon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../../../../../img.alicdn.com/imgextra/i1/O1CN01EnQMEv1ogNd7kve48_!!6000000005254-2-tps-36-36.png")/*tpa=https://img.alicdn.com/imgextra/i1/O1CN01EnQMEv1ogNd7kve48_!!6000000005254-2-tps-36-36.png*/ no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	vertical-align: middle;
	margin-right: 4px;
}

.zebra-hardware-banner-content .bannerContent .bannerRelationText {
	font-size: 12px;
	color: #FFFFFF;
	vertical-align: middle;
}

.zebra-hardware-content {
	width: 1440px;
	margin: auto;
}

.zebra-hardware-content-title {
	/* font-size: 42px; */
	/* color: #000000; */
	letter-spacing: 0;
	text-align: center;
	line-height: 60px;
	margin: 72px auto 38px;
}

.zebra-hardware-content-fuse-title {
	margin-bottom: 26px;
}

.zebra-hardware-content-subtitle {
	font-size: 22px;
	/* color: #000000; */
	text-align: center;
	line-height: 38px;
}

.zebra-hardware-content-open {
	width: 1200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.zebra-hardware-content-open-item {
	height: 260px;
	width: 588px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(gradient, invalid));
	background-image: -webkit-linear-gradient(top, invalid gradient);
	background-image: -moz- oldlinear-gradient(top, invalid gradient);
	background-image: linear-gradient(180deg, invalid gradient);
	background: #F3F6F8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0 12px;
	padding: 34px 36px !important;
	overflow: hidden;
}

.zebra-hardware-content-open-icon {
	height: 48px;
	width: 48px;
}

.zebra-hardware-content-open-title {
	font-size: 22px;
	margin: 12px 0 12px;
}

.zebra-hardware-content-open-desc {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	margin-bottom: 6px;
}

.zebra-hardware-content-fuse {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 38px;
}

.fuse-2{
	display: none;
}

.zebra-hardware-content-fuse-item {
	height: 340px;
	width: 240px;
	overflow: hidden;
	/* cursor: pointer; */
	position: relative;
}

.zebra-hardware-content-fuse-item .fuseBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	-webkit-transition: all ease-out 0.4s;
	-moz-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
}

.zebra-hardware-content-fuse-item .fuseShdow {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	opacity: 0.46;
	z-index: 1;
	-webkit-transition: all 0.14s linear;
	-moz-transition: all 0.14s linear;
	transition: all 0.14s linear;
}

.zebra-hardware-content-fuse-item:hover .fuseBg {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.zebra-hardware-content-fuse-item:hover .fuseShdow {
	opacity: 0;
}

.zebra-hardware-content-fuse-item:hover .fuse-content {
	right: -100%;
	bottom: -100%;
	opacity: 0;
}

.zebra-hardware-content-fuse-item .fuse-content {
	-webkit-transition: all ease-out 0.3s;
	-moz-transition: all ease-out 0.3s;
	transition: all ease-out 0.3s;
	height: 204px;
	width: 144px;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 1;
	z-index: 2;
}

.zebra-hardware-content-fuse :first-child :nth-child(3){
	background-color: #005EFF;
}
.zebra-hardware-content-fuse :nth-child(2) :nth-child(3){
	background-color: #FF9200;
}
.zebra-hardware-content-fuse :nth-child(3) :nth-child(3){
	background-color: #878F95;
}
.zebra-hardware-content-fuse :nth-child(4) :nth-child(3){
	background-color: #9A5DFF;
}
.zebra-hardware-content-fuse :nth-child(5) :nth-child(3){
	background-color: #5AC8FA;
}
.zebra-hardware-content-fuse :nth-child(6) :nth-child(3){
	background-color: #29B550;
}

.zebra-hardware-content-fuse-item .fuse-content .fuseIcon {
	width: 32px;
	height: 32px;
	margin: 26px 0 10px 24px;
}

.zebra-hardware-content-fuse-item .fuse-content .fuseText {
	font-size: 22px;
	color: #FFFFFF;
	padding-left: 24px;
}

.zebra-hardware-content-solution {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1300px;
	margin: auto;
}

.zebra-hardware-content-solution-item {
	margin: 20px 20px;
	height: 450px;
	/* width: 588px; */
	background: #FAFAFA;
	overflow: hidden;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.zebra-hardware-content-solution .col-md-5 ,.zebra-hardware-content-solution .col-sm-5, .zebra-hardware-content-solution .col-xs-12{
	padding: 0 !important;
}

/* .zebra-hardware-content-solution-item:hover {
	-webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.16);
} */

.zebra-hardware-content-solution-item .solutionImg {
	height: 250px;
	width: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-color: #000000;
}

.zebra-hardware-content-solution-item .solutionContent {
	padding-left: 36px;
	font-size: 14px;
	/* color: #888888; */
	letter-spacing: 0;
	line-height: 10px;
}

.zebra-hardware-content-solution-item .solutionContent .solutionContent-p {
	color: #000;
	font-size: 26px;
	line-height: 60px;
	margin-top: 12px;
	margin-bottom: 0px;
	/* margin-left: 7px; */
}
.solutionContent .solutionContent-content {
	margin: 0px;
	border: none;
	background-color: #FAFAFA;
	line-height: 18px;
	font-size: 14px;
	color: #888888;
	font-family: Microsoft YaHei;
}

.zebra-hardware-content-support {
	height: 460px;
	margin-top: 50px;
	background: rgba(229, 235, 240, 0.46);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.zebra-hardware-content-support .supportText {
	margin-right: 180px;
	margin-top: -16px;
}

.zebra-hardware-content-support .supportText h2 {
	font-size: 42px;
	margin-bottom: 20px;
}

.zebra-hardware-content-support .supportText p {
	font-size: 22px;
	letter-spacing: 0;
	line-height: 38px;
}

.zebra-hardware-content-support .supportImg {
	width: 446px;
	height: 318px;
}

.zebra-hardware-content-partner {
	width: 1300px;
	margin:  0 auto 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.zebra-hardware-content-partner img {
	width: 100%;
	/* height: 480px; */
	margin: 11px;
}

.zebra-hardware-content-relation {
	height: 200px;
	margin-top: 48px;
	background: #0089FF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.zebra-hardware-content-relation .relationCon {
	border: 2px solid rgba(255, 255, 255, 0.4);
	padding: 22px 26px;
}

.zebra-hardware-content-relation .relationCon .relationIcon {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("../../../../../img.alicdn.com/imgextra/i4/O1CN01tym8f21pkn3opqoNs_!!6000000005399-2-tps-68-68.png")/*tpa=https://img.alicdn.com/imgextra/i4/O1CN01tym8f21pkn3opqoNs_!!6000000005399-2-tps-68-68.png*/ no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	vertical-align: middle;
	margin-right: 4px;
}

.zebra-hardware-content-relation .relationCon .relationText {
	font-size: 22px;
	color: #FFFFFF;
	vertical-align: middle;
}




.dd-home-head-announcement a,
.dd-home-head-announcement div,
.dd-home-head-announcement span,
.dd-home-head-body-block a,
.dd-home-head-body-block div,
.dd-home-head-body-block span,
.dd-home-head-body div,
.dd-home-head-body a,
.dd-home-head-body span {
	font-weight: 400;
	font-family: "PingFangSC-Regular", "Microsoft YaHei", "Open Sans", Arial,
		"Hiragino Sans GB", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun,
		sans-serif;
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: "iconfont-dinghome2019";
	src: url("../../../../../at.alicdn.com/t/font_1283655_e97spi8ao84.eot")/*tpa=https://at.alicdn.com/t/font_1283655_e97spi8ao84.eot*/;
	src: url("../../../../../at.alicdn.com/t/font_1283655_e97spi8ao84.eot-#iefix")/*tpa=https://at.alicdn.com/t/font_1283655_e97spi8ao84.eot?#iefix*/ format("embedded-opentype"),
		url("../../../../../at.alicdn.com/t/font_1283655_e97spi8ao84.woff2")/*tpa=https://at.alicdn.com/t/font_1283655_e97spi8ao84.woff2*/ format("woff2"),
		url("../../../../../at.alicdn.com/t/font_1283655_e97spi8ao84.woff")/*tpa=https://at.alicdn.com/t/font_1283655_e97spi8ao84.woff*/ format("woff"),
		url("../../../../../at.alicdn.com/t/font_1283655_e97spi8ao84.ttf")/*tpa=https://at.alicdn.com/t/font_1283655_e97spi8ao84.ttf*/ format("truetype"),
		url("../../../../../at.alicdn.com/t/font_1283655_e97spi8ao84.svg#iconfont")/*tpa=https://at.alicdn.com/t/font_1283655_e97spi8ao84.svg#iconfont*/ format("svg");
}

a {
	text-decoration: none;
	color: #171a1d;
	font-size: 14px;
}

.dd-home-head-icon {
	font-family: "iconfont-dinghome2019" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.dd-home-head-body {
	position: fixed;
	width: 100%;
	height: 80px;
	top: 0;
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	z-index: 999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.7);
}

.dd-home-head-body-block {
	position: relative;
	width: 100%;
	height: 80px;
	background-color: #fff;
}

.dd-home-head-content {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(126, 134, 142, 0.24);
	box-shadow: inset 0 -1px 0 0 rgba(126, 134, 142, 0.24);
}

.dd-home-head-logo {
	width: 216px;
	height: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dd-home-head-logo-link {
	position: relative;
	display: block;
	width: 216px;
	height: 80px;
	margin-top: -4px;
	background-position: 0%;
	-o-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	text-decoration: none;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dd-home-head-nav {
	height: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 24px;
	min-width: 1px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	visibility: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.dd-home-head-nav-item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 80px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: -webkit-calc(44px - 16 / 480 * (1920px - 100vw));
	margin-right: -moz-calc(44px - 16 / 480 * (1920px - 100vw));
	margin-right: calc(44px - 16 / 480 * (1920px - 100vw));
}

.dd-home-head-nav-item:last-child {
	margin-right: 0px;
}

.dd-version {
	margin-right: 0px !important;
}

.dd-home-head-nav-item.active .dd-home-head-nav-item-link {
	color: #007fff;
}

.dd-home-head-nav-item.active .dd-home-head-nav-item-link-arrow path {
	fill: #007fff !important;
}

.dd-home-head-nav-item.active .dd-home-head-nav-item-link-icon {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.dd-home-head-nav-item-link {
	font-size: 16px;
	color: #171a1d;
	line-height: 80px;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dd-home-head-nav-item:hover .dd-home-head-nav-item-slide {
	height: auto;
	visibility: visible;
	-webkit-transform: translateY(0px) scale(1);
	-moz-transform: translateY(0px) scale(1);
	-ms-transform: translateY(0px) scale(1);
	-o-transform: translateY(0px) scale(1);
	transform: translateY(0px) scale(1);
	opacity: 1;
}

.dd-home-head-nav-item-slide {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 80px;
	left: -16px;
	min-width: 147px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #ffffff;
	-webkit-box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.08);
	border-radius: 0 0 8px 8px;
	padding: 6px;
	visibility: hidden;
	-webkit-transform: translateY(-10px) scale(0.9);
	-moz-transform: translateY(-10px) scale(0.9);
	-ms-transform: translateY(-10px) scale(0.9);
	-o-transform: translateY(-10px) scale(0.9);
	transform: translateY(-10px) scale(0.9);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out,
		-moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out,
		-moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	-o-transition-property: opacity, visibility, -o-transform;
	-moz-transition-property: transform, opacity, visibility, -moz-transform;
	transition-property: transform, opacity, visibility;
	transition-property: transform, opacity, visibility, -webkit-transform,
		-moz-transform, -o-transform;
	transition-property: transform, opacity, visibility, -webkit-transform,
		-moz-transform, -o-transform;
}

.dd-home-head-nav-item-slide-link {
	height: 36px;
	line-height: 36px;
	padding-left: 18px;
	width: 100%;
	text-decoration: none;
	color: #171a1d;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.dd-home-head-nav-item-slide-link:hover {
	color: #007fff;
	background-color: rgba(126, 134, 142, 0.12);
}

.dd-home-head-nav-item-link-icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 4px;
}

.dd-home-head-nav-item:hover .dd-home-head-nav-item-link {
	color: #007fff;
}

.dd-home-head-nav-item-link-arrow path {
	fill: #171a1d66 !important;
}

.dd-home-head-nav-item:hover .dd-home-head-nav-item-link-arrow path {
	fill: #007fff !important;
}

.dd-home-head-nav-item:hover .dd-home-head-nav-item-link-icon {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.dd-home-head-nav-item-link-shadow {
	position: absolute;
	border-radius: 6px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: -webkit-calc(100% + 16px);
	width: -moz-calc(100% + 16px);
	width: calc(100% + 16px);
	height: 36px;
	-webkit-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
}

.dd-home-head-nav-item-link-shadow:hover {
	background-color: rgba(126, 134, 142, 0.12);
}

.dd-home-head-nav-item-new {
	position: absolute;
	width: 27px;
	height: 17px;
	left: 25px;
	top: 20px;
	background-image: url("../../../../../gw.alicdn.com/tfs/TB1BbdKdb_I8KJjy1XaXXbsxpXa-54-34.png")/*tpa=https://gw.alicdn.com/tfs/TB1BbdKdb_I8KJjy1XaXXbsxpXa-54-34.png*/;
	background-position: 0%;
	-o-background-size: 100%;
	background-size: 100%;
}

.dd-home-head-operation {
	position: relative;
	height: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dd-home-head-operation-region {
	position: relative;
	height: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.dd-home-head-operation-region-text {
	font-size: 16px;
	white-space: nowrap;
	text-align: center;
	color: #000;
}

.dd-home-head-operation-region-icon {
	margin: 1px 0 0 5px;
	font-size: 12px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.dd-home-head-slide-list {
	display: none;
	position: absolute;
	width: 180px;
	top: 68px;
	left: -12px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.18);
	box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.18);
	border-radius: 6px;
	z-index: 9999;
}

.dd-home-head-slide-list.long {
	width: 180px;
}

.dd-home-head-slide-list-item {
	display: block;
	width: 180px;
	height: 38px;
	padding: 0 13px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	line-height: 38px;
	text-decoration: none;
}

.dd-home-head-slide-list-item.long {
	width: 180px;
}

.dd-home-head-slide-list-item:hover {
	color: #007fff !important;
	background-color: #f6f6f6;
}

.dd-home-head-slide-list-item.active {
	color: #000;
}

.dd-home-head-operation-item {
	margin-right: -webkit-calc(16px - 8 / 480 * (1920px - 100vw));
	margin-right: -moz-calc(16px - 8 / 480 * (1920px - 100vw));
	margin-right: calc(16px - 8 / 480 * (1920px - 100vw));
	position: relative;
	display: block;
	width: 88px;
	height: 36px;
	line-height: 34px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
	color: #171a1d;
	background-color: #ffffff;
	border: 1px solid rgba(126, 134, 142, 0.24);
	-webkit-transition: background-color 0.4s, color 0.4s;
	-o-transition: background-color 0.4s, color 0.4s;
	-moz-transition: background-color 0.4s, color 0.4s;
	transition: background-color 0.4s, color 0.4s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dd-home-head-operation-register {}

.dd-home-head-operation-register:hover {
	color: #007fff;
	background-color: rgba(126, 134, 142, 0.12);
	outline: 0;
	text-decoration: none;
}

.dd-home-head-operation-download {
	color: #fff;
	background-color: #0089ff;
}

.dd-home-head-operation-download:hover {
	background-color: #007fff;
	outline: 0;
	text-decoration: none;
	color: #fff;
}

.dd-home-head-operation-join {}

.dd-home-head-operation-join:hover {
	color: #007be5;
	background-color: rgba(126, 134, 142, 0.12);
}

.dd-home-head-operation-login {
	position: relative;
	display: block;
	font-size: 16px;
	color: #000;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 64px;
	height: 36px;
	line-height: 34px;
	border-radius: 6px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dd-home-head-operation-login:hover {
	color: #007fff;
	background-color: rgba(126, 134, 142, 0.12);
}

.dd-home-head-operation-menu {
	width: 36px;
	height: 36px;
	margin-left: 4px;
	cursor: pointer;
	border-radius: 6px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: background-color 0.4s, fill 0.4s;
	-o-transition: background-color 0.4s, fill 0.4s;
	-moz-transition: background-color 0.4s, fill 0.4s;
	transition: background-color 0.4s, fill 0.4s;
	display: none;
}

.dd-home-head-operation-menu:hover {
	background-color: rgba(126, 134, 142, 0.12);
}

.dd-home-head-operation-menu svg path {
	fill: #000;
}

.dd-home-head-operation-menu:hover svg path {
	fill: #007fff;
}

.dd-home-head-operation-menu>svg path {
	font-size: 16px;
}

.dd-home-head-operation-menu-close {
	display: none;
}

.dd-home-head-nav-item-side {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.dd-home-head-product-content-nav {
	position: relative;
	width: 360px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.dd-home-head-nav-item-content {
	position: fixed;
	top: 80px;
	left: 0px;
	width: 100vw;
	height: 0px;
	overflow: hidden;
	-webkit-box-shadow: 0 27px 32px 0 rgba(23, 26, 29, 0.1);
	box-shadow: 0 27px 32px 0 rgba(23, 26, 29, 0.1);
	-webkit-transition: height 0.4s;
	-o-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
}

.dd-home-head-nav-item-content-left-bg {
	position: fixed;
	z-index: -1;
	top: 80px;
	left: 0px;
	height: 0px;
	width: 22vw;
	-webkit-transition: height 0.4s;
	-o-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
}

.dd-home-head-nav-item-content-right-bg {
	position: fixed;
	z-index: -2;
	top: 80px;
	right: 0px;
	height: 0px;
	width: 100vw;
	-webkit-transition: height 0.4s;
	-o-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
}

.dd-home-head-nav-item-content-thunk {
	width: 100%;
	height: 30px;
	background: transparent;
}

.dd-home-head-nav-item-content-thunk-bg {
	background-color: #f8f9fd;
	height: 100%;
}

.dd-home-head-nav-item-content-thunk-right-bg {
	background-color: #fff;
	height: 100%;
}

.dd-home-head-nav-item-content-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.dd-home-head-nav-item-content-item-left {
	width: 22%;
	padding-left: 120px;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-right: 46px;
	-webkit-transition: height 0.4s;
	-o-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
}

.dd-home-head-nav-item-content-item-left-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.dd-home-head-nav-item-content-item-link {
	width: auto;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	margin-bottom: 8px;
	cursor: pointer;
}

.dd-home-head-nav-item-content-item-link>span {
	padding: 0 10px;
	display: inline-block;
	font-weight: 500;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #171a1d;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 6px;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.dd-home-head-nav-item-content-item-link>span:hover {
	background-color: rgba(126, 134, 142, 0.12);
}

.active>span {
	color: #0089ff;
}

.dd-home-head-nav-item-content-item-right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-right: 32px;
	overflow-y: scroll;
}

.dd-home-head-nav-item-content-item-right-container {
	padding-left: 48px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 998px;
}

.dd-home-head-nav-item-content-item-right-box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.dd-home-head-nav-item-content-item-right-pBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.dd-home-head-nav-item-content-item-right-pBox .dd-home-head-nav-item-content-item-right-box-title {
	height: 36px;
	line-height: 36px;
	margin-left: 10px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 12px;
	color: rgba(23, 26, 29, 0.6);
	font-weight: 500;
	font-family: PingFangSC-Medium;
}

.dd-home-head-nav-item-content-item-right-child {}

.dd-home-head-nav-item-content-item-right-child-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dd-home-head-nav-item-content-item-right-parent .dd-home-head-nav-item-content-item-right-threeTitle {
	height: 36px;
	line-height: 36px;
	margin-bottom: 8px;
	text-align: center;
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(126, 134, 142, 0.16);
	box-shadow: inset 0 -1px 0 0 rgba(126, 134, 142, 0.16);
	font-weight: 500;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #171a1d;
}

.dd-home-head-nav-item-content-item-right-link>span {
	display: inline-block;
	font-weight: 400;
	padding: 8px 10px;
	margin-bottom: 8px;
	border-radius: 6px;
	-webkit-transition: background-color 0.3s, color 0.4s;
	-o-transition: background-color 0.3s, color 0.4s;
	-moz-transition: background-color 0.3s, color 0.4s;
	transition: background-color 0.3s, color 0.4s;
	cursor: pointer;
	color: #171a1d;
}

.dd-home-head-nav-item-content-item-right-link:hover span {
	background-color: rgba(126, 134, 142, 0.12);
	color: #007fff;
}

.dd-home-mini-menu {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100vw;
	height: -webkit-calc(100vh - 80px);
	height: -moz-calc(100vh - 80px);
	height: calc(100vh - 80px);
	background-color: #fff;
	-webkit-transition: visibility 0.3s ease-in-out, opacity 0.2s ease-in-out,
		-webkit-transform 0.3s;
	transition: visibility 0.3s ease-in-out, opacity 0.2s ease-in-out,
		-webkit-transform 0.3s;
	-o-transition: visibility 0.3s ease-in-out, opacity 0.2s ease-in-out,
		-o-transform 0.3s;
	-moz-transition: visibility 0.3s ease-in-out, opacity 0.2s ease-in-out,
		transform 0.3s, -moz-transform 0.3s;
	transition: visibility 0.3s ease-in-out, opacity 0.2s ease-in-out,
		transform 0.3s;
	transition: visibility 0.3s ease-in-out, opacity 0.2s ease-in-out,
		transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s,
		-o-transform 0.3s;
	transition: visibility 0.3s ease-in-out, opacity 0.2s ease-in-out,
		transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s,
		-o-transform 0.3s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 0;
}

.dd-home-mini-menu-open {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.dd-home-mini-menu-close {
	-webkit-transform: translateY(-26px);
	-moz-transform: translateY(-26px);
	-ms-transform: translateY(-26px);
	-o-transform: translateY(-26px);
	transform: translateY(-26px);
	opacity: 0;
	visibility: hidden;
}

.dd-home-mini-menu-item {
	height: 56px;
	width: 100%;
	overflow-y: hidden;
	-webkit-transition: -webkit-box-flex 0.4s, -webkit-flex 0.4s;
	transition: -webkit-box-flex 0.4s, -webkit-flex 0.4s;
	-o-transition: flex 0.4s;
	-moz-transition: flex 0.4s, -moz-box-flex 0.4s;
	transition: flex 0.4s;
	transition: flex 0.4s, -webkit-box-flex 0.4s, -webkit-flex 0.4s,
		-moz-box-flex 0.4s, -ms-flex 0.4s;
	transition: flex 0.4s, -webkit-box-flex 0.4s, -webkit-flex 0.4s,
		-moz-box-flex 0.4s, -ms-flex 0.4s;
	cursor: pointer;
}

.dd-home-mini-menu-item-noThree {
	width: 100%;
}

.dd-home-mini-menu-joinAndRegister {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 32px;
	padding-right: 44px;
}

.dd-home-mini-menu-register {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 8px;
}

.dd-home-mini-menu-register a {
	display: block;
	height: 44px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	background-color: #007fff;
	font-weight: 400;
	font-size: 18px;
	border-radius: 6px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	padding-left: 8px;
}

.dd-home-mini-menu-register:hover a {
	background-color: #007be5;
}

.dd-home-mini-menu-join {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 8px;
}

.dd-home-mini-menu-join a {
	display: block;
	height: 44px;
	text-align: center;
	line-height: 42px;
	background-color: #ffffff;
	border: 1px solid rgba(126, 134, 142, 0.24);
	border-radius: 6px;
	font-weight: 400;
	font-size: 18px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.dd-home-mini-menu-join:hover a {
	color: #007fff;
	background-color: rgba(126, 134, 142, 0.12);
}

.dd-home-mini-menu-item .dd-home-mini-menu-item-link {
	height: 56px;
	width: -webkit-calc(100% - 64px);
	width: -moz-calc(100% - 64px);
	width: calc(100% - 64px);
	margin-left: 32px;
	font-weight: 500;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #171a1d;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid rgba(126, 134, 142, 0.24);
}

.dd-home-mini-menu-item-link-first {
	border-top: none;
}

.dd-home-mini-menu-item-link-last {
	border-bottom: 1px solid rgba(126, 134, 142, 0.24);
}

.dd-home-mini-menu-item-link svg {
	width: 12px;
	height: 12px;
}

.dd-home-mini-menu-item-link-icon {
	margin-right: 12px;
}

.dd-home-mini-menu-item-link-icon svg path {
	font-size: 12.6px;
	fill: #171a1d66;
}

.dd-home-mini-menu-item-link svg path {
	font-size: 12px;
}

.dd-home-mini-menu-item-open .dd-home-mini-menu-item-link {
	color: #007fff;
	border-bottom: 1px solid rgba(126, 134, 142, 0.24);
}

.dd-home-mini-menu-item-open {
	-webkit-box-flex: 20%;
	-webkit-flex: 20%;
	-moz-box-flex: 20%;
	-ms-flex: 20%;
	flex: 20%;
}

.version-active .dd-home-mini-menu-item-link {
	color: #007fff;
	border-bottom: 1px solid rgba(126, 134, 142, 0.24);
}

.dd-home-mini-menu-item-open svg path {
	fill: #007fff;
}

.dd-home-mini-menu-item-open .dd-home-mini-menu-item-link-icon {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.dd-home-mini-menu-item-open .dd-home-mini-submenu-box::after {
	opacity: 1;
}

/* .dd-home-mini-menu-item:hover .dd-home-mini-menu-item-link {
    color: #007fff;
  }
  .dd-home-mini-menu-item:hover svg path {
    fill: #007fff;
  } */

.dd-home-mini-submenu-box {
	height: -webkit-calc(100% - 56px);
	height: -moz-calc(100% - 56px);
	height: calc(100% - 56px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;

	/* border-bottom: 1px solid rgba(126, 134, 142, 0.24); */
}

.dd-home-mini-submenu-box::after {
	opacity: 0;
	position: absolute;
	content: "";
	left: 32px;
	bottom: 0px;
	width: -webkit-calc(100vw - 64px);
	width: -moz-calc(100vw - 64px);
	width: calc(100vw - 64px);
	height: 1px;
	background-color: rgba(126, 134, 142, 0.24);
}

.dd-home-mini-submenu-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	padding-top: 12px;
	position: relative;
	background-color: #f8f9fd;
	padding-left: 32px;
	overflow-y: scroll;
}

.dd-home-mini-submenu-left::-webkit-scrollbar {
	display: none;
}

.dd-home-mini-submenu-link-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 8px;
	padding-right: 24px;
}

.dd-home-mini-submenu-item {
	margin-bottom: 24px;
}

.dd-home-mini-submenu-item span {
	font-weight: 500;
	font-family: PingFangSC-Medium;
	color: #171a1d;
}

.nothree-link {
	position: relative;
}

.nothree-link::after {
	position: absolute;
	z-index: 1;
	width: -webkit-calc(100vw - 64px);
	width: -moz-calc(100vw - 64px);
	width: calc(100vw - 64px);
	content: "";
	height: 100%;
	left: -8px;
	top: 0;
	border-radius: 6px;
}

.nothree-link:hover::after {
	background-color: rgba(126, 134, 142, 0.12);
}

.submenu-item-active span {
	color: #007be5;
}

/* .click-submenu-item-active {
  color: #007be5;
}
.click-submenu-item-active span {
  background-color: rgba(126, 134, 142, 0.12);
} */

.dd-home-mini-submenu-item-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 56px;
	width: 100%;
	z-index: -1;
	/* transition: top 0.4s; */
}

.dd-home-mini-submenu-item span {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 6px;
}

.dd-home-mini-submenu-item:hover>span {
	color: #007fff;
	background-color: rgba(126, 134, 142, 0.12);
}

.nothree-link:hover span {
	background-color: transparent;
}

.dd-home-mini-submenu-right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	overflow-y: scroll;
	padding-left: 40px;
	margin-right: 32px;
	-webkit-transition: margin 0.3s, padding 0.3s;
	-o-transition: margin 0.3s, padding 0.3s;
	-moz-transition: margin 0.3s, padding 0.3s;
	transition: margin 0.3s, padding 0.3s;
}

.dd-home-mini-three-layer-menu {
	padding-top: 12px;
	padding-bottom: 16px;
}

.dd-home-mini-three-layer-menu>.dd-home-mini-three-layer-menu-three-title:first-child {
	margin-top: 0px;
}

.dd-home-mini-three-layer-menu .dd-home-mini-three-layer-menu-three-title {
	margin-top: 24px;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	font-size: 14px;
	color: #171a1d;
	margin-bottom: -8px;
}

.dd-home-mini-three-layer-menu-title {
	padding-left: 10px;
	margin-top: 8px;
	height: 56px;
	font-weight: 500;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	color: rgba(23, 26, 29, 0.6);
	line-height: 56px;
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(126, 134, 142, 0.24);
	box-shadow: inset 0 -1px 0 0 rgba(126, 134, 142, 0.24);
}

.dd-home-mini-three-layer-menu-container {
	max-width: 75%;
	margin-left: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 6px 0;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.dd-home-mini-three-layer-menu-link-box {
	width: 50%;
}

.dd-home-mini-three-layer-menu-link>span {
	margin-left: -10px;
}

.dd-home-mini-three-layer-menu-link>span {
	padding: 8px 10px;
	display: inline-block;
	border-radius: 6px;
}

.dd-home-mini-three-layer-menu-link span:hover {
	background-color: rgba(126, 134, 142, 0.12);
	color: #007fff;
}

.dd-home-mini-three-layer-menu-link-active span {
	color: #007fff;
}

.dd-home-head-announcement {
	position: fixed;
	width: 100%;
	background: #fff6e2;
	padding: 10px 0;
	z-index: 1;
}

.dd-home-head-announcement-text {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	color: #ff7627;
	text-decoration: none !important;
	cursor: pointer;
}

@media screen and (max-width: 600px) {
	.dd-home-mini-submenu-right {
		padding-left: 24px;
		margin-right: 32px;
	}
}

@media screen and (max-width: 750px) {
	.dd-home-head-nav {
		width: 0;
	}
}

@media screen and (max-width: 900px) {
	.dd-home-head-operation-join {
		display: none;
	}

	.dd-home-head-operation-register {
		display: none;
	}

	.dd-home-mini-menu-joinAndRegister {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 900px) {
	.dd-home-head-operation-join {
		display: block;
	}

	.dd-home-head-operation-register {
		display: block;
	}

	.dd-home-mini-menu-joinAndRegister {
		display: none;
	}
}

@media screen and (max-width: 1440px) {
	.dd-home-head-nav-item {
		margin-right: 28px;
	}

	.dd-home-head-operation-item {
		margin-right: 8px;
	}
}

@media screen and (max-width: 1920px) {
	.dd-home-head-content {
		padding: 0 32px;
	}
}

@media screen and (min-width: 1920px) {
	.dd-home-head-content {
		padding: 0 64px;
	}

	.dd-home-head-nav-item {
		margin-right: 44px;
	}

	.dd-home-head-operation-item {
		margin-right: 16px;
	}
}


.dd-base-footer-contant {
	font-family: "PingFangSC-Regular", "Microsoft YaHei", "Open Sans", Arial,
		"Hiragino Sans GB", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun,
		sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

.color-white {
	opacity: 1 !important;
}

.server-button-hover {
	color: #303036;
	background-color: #f6f6f6;
}

.dd-base-footer-contant {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 100%;
	/* min-width: 750px; */
	background-color: #f6f6f6;
	color: #000000;
}

.dd-base-footer-container {
	width: 83.333333333333333%;
	padding-top: 79px;
}

.dd-base-footer-list-group {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
	padding-bottom: 42px;
	border-bottom: 1px solid rgba(126, 134, 142, 0.24);
}

.dd-base-footer-group-item {
	width: 16.666666666666666%;
}

.dd-base-footer-group-item-container {
	width: 90%;
}

.dd-base-footer-group-item-head {
	font-weight: 600;
	font-size: 14px;
	color: #171a1d;
	margin-bottom: 18px;
	line-height: 22px;
}

.dd-base-footer-group-item-link {
	margin-bottom: 8px;
}

.dd-base-footer-group-item-link-text {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	line-height: 22px;
	text-decoration: none;
	opacity: 0.4;
}

.dd-base-footer-group-item-link-text:hover {
	opacity: 1;
}

.dd-base-footer-trademark-content {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	align-items: flex-end;
	-ms-flex-align: end;
	-ms-align-items: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: justify;
	padding-top: 47px;
	margin-bottom: 42px;
}

.dd-base-footer-conversation-content {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	align-items: flex-start;
	-ms-flex-align: start;
	-ms-align-items: start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.dd-base-footer-conversation-icon {
	vertical-align: middle;
	margin-right: 8px;
}

.dd-base-footer-language-content {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-align-items: center;
	cursor: pointer;
}

.dd-base-footer-language-content:hover .dd-base-footer-language-list {
	height: 186px;
	visibility: visible;
	-webkit-transform: translateY(0px) scale(1);
	-ms-transform: translateY(0px) scale(1);
	-moz-transform: translateY(0px) scale(1);
	-o-transform: translateY(0px) scale(1);
	transform: translateY(0px) scale(1);
	opacity: 1;
	border-radius: 6px;
}

.dd-base-footer-language-content:hover .dd-base-footer-language-arrow-icon {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.dd-base-footer-language-list-thunk {
	height: 26px;
}

.dd-base-footer-language-list-container {
	padding: 4px;
	background-color: #fff;
	height: 152px;
	border-radius: 6px;
	width: 180px;
	-webkit-box-shadow: 0 2px 16px 0 rgb(0 0 0 / 18%);
	box-shadow: 0 2px 16px 0 rgb(0 0 0 / 18%);
}

.dd-base-footer-language-text {
	font-weight: 500;
	font-size: 14px;
	color: #000000;
	margin-right: 8px;
}

.dd-base-footer-language-arrow-icon>svg {
	width: 12px;
	height: 12px;
}

.dd-base-footer-language-arrow-icon>svg path {
	font-size: 12px;
	fill: #000;
}

.dd-base-footer-language-list {
	position: absolute;
	height: 0px;
	top: 0px;
	left: -12px;
	z-index: 9999;
	-webkit-transform: translateY(-10px) scale(0.9);
	-ms-transform: translateY(-10px) scale(0.9);
	-moz-transform: translateY(-10px) scale(0.9);
	-o-transform: translateY(-10px) scale(0.9);
	transform: translateY(-10px) scale(0.9);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out,
		-moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out,
		-moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	-o-transition-property: opacity, visibility, -o-transform;
	-moz-transition-property: transform, opacity, visibility, -moz-transform;
	transition-property: transform, opacity, visibility;
	transition-property: transform, opacity, visibility, -webkit-transform,
		-moz-transform, -o-transform;
	transition-property: transform, opacity, visibility, -webkit-transform,
		-moz-transform, -o-transform;
	transition-property: transform, opacity, visibility, -webkit-transform;
	visibility: hidden;
}

.dd-base-footer-language--item {
	display: block;
	height: 38px;
	padding: 0 13px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	line-height: 38px;
	text-decoration: none;
}

.dd-base-footer-language--item:hover {
	color: #007fff;
	background-color: rgba(126, 134, 142, 0.12);
	border-radius: 6px;
}

.contact {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	-moz-box-pack: start;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
}

.email {
	margin-bottom: 12px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-align-items: center;
}

.email-title {
	font-weight: 500;
	font-size: 14px;
	color: #000000;
	margin-right: 4px;
}

.email-address {
	font-weight: 400;
	font-size: 14px;
	color: rgba(23, 26, 29, 0.6);
	letter-spacing: 0;
}

.conversation-base {
	width: 32px;
	height: 32px;
	margin-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#dd_home_foot_wb .conversation-base {
	margin-left: 0px;
}

.dd-base-footer-language {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-align-items: center;
}

.conversation-base .conversation-icon {
	display: block;
	height: 29.8px;
	width: 29.8px;
	margin: auto;
}

.conversation-base .active {
	display: none;
}

.conversation-base:hover .conversation-icon {
	display: none;
}

.conversation-base:hover .active {
	display: block;
}

.tik-tok,
.bilibili,
.we-chart,
.we-bo,
.fuwu {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	align-items: flex-end;
	-ms-flex-align: end;
	-ms-align-items: end;
}

.we-chart-hover-content {
	display: none;
	position: absolute;
	width: 150px;
	height: 196px;
	top: -183px;
	left: -41px;
}

.dd-base-footer-download-content {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	margin-bottom: 24px;
}

.dd-base-footer-download-content>.dd-foot-download-item {
	margin-right: 16px;
	display: inline-block;
}

.download-item:last-child {
	margin: 0px;
}

.dd-base-footer-download-content .download-block {
	position: relative;
	cursor: pointer;
}

.dd-base-footer-download-content .download-block>.active {
	display: none;
}

.dd-base-footer-download-content .download-block:hover>img {
	display: none;
}

.dd-base-footer-download-content .download-block:hover>.active {
	display: block;
}

.qr-content {
	width: 130px;
	height: 177px;
	background: #ffffff;
	-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.18);
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.18);
	border-radius: 6px;
	padding: 0 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: -190px;
	left: 50%;
	margin-left: -65px;
	visibility: hidden;
	-webkit-transform: translateY(10px) scale(0.9);
	-ms-transform: translateY(10px) scale(0.9);
	-moz-transform: translateY(10px) scale(0.9);
	-o-transform: translateY(10px) scale(0.9);
	transform: translateY(10px) scale(0.9);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out,
		-moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out,
		-moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	-o-transition-property: opacity, visibility, -o-transform;
	-moz-transition-property: transform, opacity, visibility, -moz-transform;
	transition-property: transform, opacity, visibility;
	transition-property: transform, opacity, visibility, -webkit-transform,
		-moz-transform, -o-transform;
	transition-property: transform, opacity, visibility, -webkit-transform,
		-moz-transform, -o-transform;
	transition-property: transform, opacity, visibility, -webkit-transform;
}

.qr-img {
	width: 104px;
	height: 104px;
	margin: 13px 0 3px;
}

.qr-text {
	text-align: left;
	line-height: 17px;
	font-size: 12px;
	color: #000000;
	height: 34px;
	padding-top: 5px;
	border-top: 0.5px solid #b4babd;
}

.dd-base-footer-download-content .download-block:hover .qr-content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px) scale(1);
	-ms-transform: translateY(0px) scale(1);
	-moz-transform: translateY(0px) scale(1);
	-o-transform: translateY(0px) scale(1);
	transform: translateY(0px) scale(1);
}

.conversation-base:hover .qr-content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px) scale(1);
	-ms-transform: translateY(0px) scale(1);
	-moz-transform: translateY(0px) scale(1);
	-o-transform: translateY(0px) scale(1);
	transform: translateY(0px) scale(1);
}

.conversation-base .qr-text {
	text-align: center;
}

.iphone {
	width: 97px;
	height: 42px;
}

.iphone>img {
	width: 97px;
	height: 42px;
	display: block;
}

.android {
	width: 111px;
	height: 42px;
}

.android>img {
	width: 111px;
	height: 42px;
	display: block;
}

.mac {
	width: 96px;
	height: 42px;
}

.mac>img {
	width: 96px;
	height: 42px;
	display: block;
}

.windows {
	width: 122px;
	height: 42px;
}

.windows>img {
	width: 122px;
	height: 42px;
	display: block;
}

.dd-base-footer-inner-bottom-containt {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 18px;
}

.dd-base-footer-inner-bottom-componey-name-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	-ms-justify-content: center;
	margin-bottom: 4px;
}

.dd-base-footer-inner-bottom-componey-name-list-item {
	color: rgba(0, 0, 0, 0.4);
}

.dd-base-footer-inner-bottom-componey-name-list-item:hover {
	color: rgba(0, 0, 0);
}

.dd-base-footer-inner-bottom-componey-name-list-item-link {
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 10px;
	color: rgba(0, 0, 0, 0.4);
	border-right: 1px solid rgba(0, 0, 0, 0.4);
	line-height: 12px;
	text-decoration: none;
}

.dd-base-footer-inner-bottom-componey-name-list-item-link:hover {
	color: rgba(0, 0, 0);
	border-right: 1px solid rgba(0, 0, 0, 0.4);
}

.dd-base-footer-inner-bottom-componey-name-list-item-link:nth-child(1) {
	padding-left: 0;
}

.dd-base-footer-inner-bottom-componey-name-list-item-link:last-child {
	border: 0;
}

.dd-base-footer-inner-bottom-police-content {
	margin-top: 35px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	margin-bottom: 84px;
}

.dd-base-footer-inner-bottom-componey-copyright {
	font-weight: 400;
	font-size: 12px;
	color: rgba(23, 26, 29, 0.6);
	letter-spacing: 0;
	text-align: center;
	line-height: 22px;
}

.dd-base-footer-inner-bottom-police-main {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
	margin: 0 auto;
}

.plice-img {
	width: 20px;
	height: 20px;
}

.plice-text {
	margin: 0 4px;
	text-decoration: none;
	font-weight: 400;
	font-size: 12px;
	color: rgba(23, 26, 29, 0.6);
	letter-spacing: 0;
}

.plice-text:hover {
	color: rgba(0, 0, 0);
}

.dd-base-footer-credentials-link {
	font-size: 12px;
	color: rgba(23, 26, 29, 0.6);
	letter-spacing: 0;
}

.dd-base-footer-credentials-link:hover {
	color: rgba(0, 0, 0);
}

.dd-base-footer-icon-content {
	margin: 73px 0 52px;
}

.dd-base-footer-icon {
	width: 122px;
	height: 45px;
}

.dd-base-footer-contant img {
	border: 0px;
}

#dd-base-footer-download-mac {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	z-index: 99999;
}

.dd-base-footer-download-mac-mask {
	min-height: 638px;
	width: 806px;
	background-color: #ffffff;
	border-radius: 8px;
}

.dd-base-footer-download-mac-container {
	padding: 0 73px;
	position: relative;
}

.dd-base-footer-download-mac-cross {
	position: absolute;
	right: 22px;
	top: 22px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.dd-base-footer-download-mac-header {
	font-family: PingFangSC;
	font-weight: 900;
	font-size: 30px;
	color: #000000;
	padding: 54px 0 27px 0;
	text-align: center;
}

.dd-base-footer-download-mac-title {
	font-family: PingFangSC;
	font-size: 16px;
	color: rgba(23, 26, 29, 0.6);
	margin-bottom: 24px;
}

.dd-base-footer-download-mac-how {
	font-family: PingFangSC;
	font-weight: 600;
	font-size: 20px;
	color: #171a1d;
	margin-bottom: 24px;
}

.dd-base-footer-download-mac-answer {
	font-family: PingFangSC;
	font-size: 16px;
	color: #8a8a8a;
	line-height: 25px;
}

.dd-base-footer-download-mac-answer-point {
	color: #171a1d;
	font-family: PingFangSC;
}

.dd-base-footer-download-mac-img {
	width: 100%;
	margin: 32px 0 27px 0;
}

.dd-base-footer-download-mac-suggest {
	font-family: PingFangSC;
	font-size: 16px;
	color: rgba(23, 26, 29, 0.6);
	margin-bottom: 56px;
}

.dd-base-footer-download-mac-btn {
	height: 44px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: -webkit-calc(50% - 12px);
	width: -moz-calc(50% - 12px);
	width: calc(50% - 12px);
	max-width: 213px;
	min-width: 120px;
	border: 1px solid #0089ff;
	border-radius: 5px;
	font-family: PingFangSC;
	font-weight: 700;
	font-size: 14px;
	color: #0089ff;
	line-height: 36px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	padding: 4px 12px;
}

.dd-base-footer-download-mac-btnList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 48px;
}

.btn-right {
	margin-left: 24px;
	min-width: 146px;
	border: 1px solid hsla(210, 7%, 53%, 0.24);
}

.btn-right:hover {
	background-color: rgba(127, 135, 144, 0.16);
}

.btn-left {
	background-color: #0089ff;
	color: #ffffff;
}

.btn-left:hover {
	background-color: #2d7be5;
}

#dd-modal-linux {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	z-index: 99999;
}

.modal_main2 {
	font-family: PingFangSC;
	color: rgba(23, 26, 29, 0.6);
	padding: 32px 54px 24px;
	font-size: 16px;
	padding: 48px 73px;
	position: relative;
	background-color: #fff;
	border-radius: 16px;
}

.modal_main2 a:hover {
	color: #0070d1;
}

.modal_main2 a {
	text-decoration: none;
	color: #000;
}

.modal_main2 .title {
	font-weight: 900;
	font-size: 30px;
	color: #000000;
	padding-bottom: 27px;
	text-align: center;
}

.modal_main2 .btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	margin-top: 50px;
}

.modal_main2 .Subheading {
	margin: 20px 0;
	font-size: 20px;
	color: #000000;
	font-weight: 600;
}

.modal_main2 .line {
	margin-bottom: 40px;
}

.modal_main2 .line span {
	color: #000000;
}

/* .modal_main2 img {
width: 100%;
margin: 32px 0 27px 0;
} */

.modal_main2 .hint {
	margin: 0 0 40px;
}

.modal_main2 .selBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* margin-top: -20px; */
}

.modal_main2 .text {
	font-size: 14px !important;
}

.modal_main2 .btnBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 50px;
}

.modal_main2 .btnBox .btn {
	width: 212px;
	height: 44px;
	color: #fff;
	background: #0089ff;
	border-radius: 4px;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
}

.modal_main2 .btn:hover {
	background-color: #0075eb !important;
}

.modal_main2 .selectBox {
	position: relative;
	width: -webkit-calc(100% - 130px);
	width: -moz-calc(100% - 130px);
	width: calc(100% - 130px);
}

.modal_main2 .textBox {
	color: #171a1d;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 13px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px;
	/* border: 1px solid rgba(23, 26, 29, 0.3); */
	border: 1px solid var(--common_line_hard_color, hsla(210, 7%, 53%, 0.24));
	border-radius: 4px;
}

.modal_main2 .selectBox-center {
	display: none;
	position: absolute;
	top: 34px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px;
	-webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%),
		0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
	box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%),
		0 9px 28px 8px rgb(0 0 0 / 5%);
	background: #fff;
	border-radius: 4px;
}

.modal_main2 .selectBox-center .option {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 6px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	/* font-weight: 600; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #171a1d;
	margin-bottom: 1px;
	border-radius: 4px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
		Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
		Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.modal_main2 .selectBox-center .option:last-child {
	margin-bottom: unset;
}

.modal_main2 .selectBox-center .option_sel {
	color: #171a1d;
	font-weight: 600;
	background-color: rgba(127, 135, 144, 0.16);
}

.modal_main2 .selectBox-center .option:hover {
	color: #171a1d;
	font-weight: 600;
	background-color: rgba(127, 135, 144, 0.16);
}

.modal_main2 .selectBox .textBox .icon1,
.modal_main2 .selectBox .textBox .icon2 {
	width: 12px;
}

.modal_main2 :global .dtd-select:not(.dtd-select-disabled):hover .dtd-select-selector {
	border-color: #e0e2e4 !important;
}

.modal_main2 :global .dtd-select:not(.dtd-select-disabled):active .dtd-select-selector {
	border-color: #e0e2e4 !important;
}

@media screen and (max-width: 745px) {
	.dd-base-footer-conversation-content {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.contact {
		margin-top: 16px;
	}

	.dd-base-footer-list-group {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.dd-base-footer-group-item {
		width: 33.3333333333333333333333333%;
	}

	.dd-base-footer-group-item:nth-child(n + 4) {
		margin-top: 16px;
	}

	.contact {
		-webkit-transform: translate(-7px);
		-ms-transform: translate(-7px);
		-moz-transform: translate(-7px);
		-o-transform: translate(-7px);
		transform: translate(-7px);
	}

	.dd-foot-download-item:last-child {
		margin-right: 0px;
	}
}

@media screen and (max-width: 720px) {
	.download-block:last-child {
		margin-top: 12px;
	}
}
