img {
	border: none;
}
.major-top{
	background:#fff;
	min-width:1200px;
	position: relative;
}
.video-imag-sty{
	width: 588px;
	height: 342px;
}

.p-banner {
	width: 100%;
	position: relative;
	text-align: center;
	background-size: 100% 100%;
	background-color: #2d73df;
}

.p-banner-activity {
	display: none;
	background-color: #FFEEDA;
}

.p-banner-activity-img {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;

	padding: 0 10px 0 265px;
	background-image: url("../../../../../img.alicdn.com/imgextra/i4/O1CN01VLr8YJ29wxxTFEEbs_!!6000000008133-2-tps-2400-144.png")/*tpa=https://img.alicdn.com/imgextra/i4/O1CN01VLr8YJ29wxxTFEEbs_!!6000000008133-2-tps-2400-144.png*/;
	background-size: 100% 100%;
	position: relative;
	cursor: pointer;
}

.p-panner-activity-icon {
	flex: 0 35px;
	margin-right: 10px;
}

.p-panner-activity-icon img {
	width: 100%;
}

.p-banner-activity-info {
	flex: 1;
	margin-right: 10px;
	line-height: 72px;
	font-size: 20px;
	color: #DC0D31;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.p-banner-activity-btn {
	flex: 0 90px;
	height: 36px;
	cursor: pointer;
}

.p-banner-activity-btn:hover {
	opacity: .4;
}

.p-banner-activity-close {
	flex: 0 18px;
	margin-left: 185px;
	cursor: pointer;
	opacity: .4;
}

.p-banner-activity-close:hover {
	opacity: 1;
}

.p-banner-mask {
	width: 810px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.banner-animation-box {
	width: 1200px;
	height: 400px;
	background-image: url("../../../../../file.tbdingtalk.com/uploads/20230221/e0f237e3e700f8fce37fee7d335f10c1.png")/*tpa=https://file.tbdingtalk.com/uploads/20230221/e0f237e3e700f8fce37fee7d335f10c1.png*/;
	background-size: 100% 100%;
	margin: 80px auto 0px auto;
	position: relative;
}

.banner-animation-box-btn-container {
	position: absolute;
	left: 17px;
	bottom: 87px;
}

.banner-animation-box-btn-container a {
	background-size: 100% 100%;
	cursor: pointer;
	width: 140px;
	height: 48px;
	border-radius: 4px;
	display: inline-block;
	position: relative;
}

.banner-animation-box-btn-contact {
	background-image: url("../img/web/major/1.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/major/1.png*/;
}

.banner-animation-box-btn-purchase {
	background-image: url("../img/web/major/2.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/major/2.png*/;
	margin-left: 18px;
}

.banner-animation-box-btn-container img {
	border-radius: 4px;
	cursor: pointer;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.banner-animation-box-btn-contact:hover img {
	opacity: 1;
}

.banner-animation-box-btn-purchase:hover img {
	opacity: 1;
}

.banner-animation-box .contact-button {
	position: absolute;
	width: 140px;
	height: 48px;
	left: 20px;
	top: 245px;
	cursor: pointer;
}

.ripple {
	width: 760px;
	position: absolute;
	top: 120px;
	right: -48px;
	animation: rippleShow 4s;
}

@keyframes rippleShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.icons {
	width: 605px;
	position: absolute;
	top: 125px;
	right: 14px;
	animation: iconsShow 2.5s;
}

@keyframes iconsShow {
	0% {
		transform: scale(0.7);
		opacity: 0;
	}

	50% {
		transform: scale(0.7);
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.diamond {
	width: 210px;
	position: absolute;
	right: 200px;
	top: 40px;
	animation: diamondShow 2s;
}

.video-poster {
	height: 342px;
	width: 588px;
	position: absolute;
	top: 34px;
	right: 61px;
	cursor: pointer;
	background: url("../img/web/major/5.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/major/5.png*/;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.video-poster img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.video-poster:hover img {
	opacity: 1;
}

.p-video-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1002;
}

.p-video-modal .p-video-modal-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1003;
}

.p-video-modal .p-video-modal-content {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0 auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1004;
}

.p-video-modal-close {
	top: 99999px;
}

.p1-content-more-top-title {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 63px;
}

.p-video-modal-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -16px;
	right: -68px;
	width: 56px;
	height: 56px;
	border-radius: 8px;
	cursor: pointer;
	z-index: 2;
}

.p-video-modal-btn-press {
	background-color: #737373;
	opacity: 0.48;
}

.p-video-modal-btn:hover {
	background-color: #737373;
	opacity: 0.9;
}

@keyframes diamondShow {
	0% {
		top: 20px;
	}

	30% {
		top: 20px;
	}

	100% {
		top: 40px;
	}
}

.diamond-shadow {
	top: 185px;
	right: 205px;
	width: 200px;
	position: absolute;
	animation: diamondShaodwShow 2s;
}

@keyframes diamondShaodwShow {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}

	60% {
		opacity: 0;
		transform: scale(0.5);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.diamond-flash {
	width: 220px;
	position: absolute;
	right: 215px;
	top: 33px;
	opacity: 0;
	animation: diamondFlashBlink 1.5s infinite;
	animation-delay: 2s;
}

@keyframes diamondFlashBlink {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.link {
	text-decoration: none;
}

.link:link {
	color: #171a1d;
}

.link:visited {
	color: #171a1d;
}

.link:active {
	color: #171a1d;
}

.nav-container {
	width: 100%;
	height: 60px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
	justify-content: center;
	-ms-flex-pack: center;
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
	z-index: 2;
	padding-top: 12px;
}

.nav-container .link:hover,.nav-container .link:focus{
	text-decoration: none;

}


.nav-container-for-ding {
	top: 0;
}

.video-intro-title {
	margin-top: 36px;
	text-align: center;
	font-size: 44px;
	font-weight: bolder;
}

.video-intro-title-time {
	color: #2866e4;
}

.video-intro-sub-title {
	text-align: center;
	font-size: 24px;
	margin: 5px 0 36px 0;
	color: #747677;
}

.video-container {
	display: flex;
	justify-content: center;
	margin-bottom: 36px;
}

.nav-item {
	color: #171a1d;
	margin: 0 60px;
	cursor: pointer;
	position: relative;
}

.active-dot {
	width: 40px;
	height: 6px;
	background: #2866e4;
	border-radius: 100px 100px 0 0;
	position: absolute;
	bottom: -13px;
	left: 50%;
	margin-left: -20px;
	display: none;
}

.nav-item-active .active-dot {
	display: block;
}

.dpro-title {
	/* height: 190px; */
	text-align: center;
	box-sizing: content-box;
}

.dpro-title img {
	width: 360px;
	height: auto;
	padding: 56px 0 37px 0;
}

.p1-content {
	text-align: center;
	padding-top: 128px;
	margin-top: -128px;
}

.p1-content .p1-content-image1 {
	width: 1214px;
}
.p1-content .p1-content-image2{
   display: none;
}

.p1-content-more-container {
	position: relative;
	text-align: center;
	margin-top: 72px;
	background: url("../../../../../img.alicdn.com/imgextra/i2/O1CN016zzbRA1K7AjmF25xR_!!6000000001116-2-tps-3840-7526.png")/*tpa=https://img.alicdn.com/imgextra/i2/O1CN016zzbRA1K7AjmF25xR_!!6000000001116-2-tps-3840-7526.png*/ no-repeat top;
	background-size: 100% 100%;
}

.p1-content-more-top {
	margin-top: 72px;
	padding-bottom: 1px;
	/* height: 822px; */
	padding-top: 149px;
	background: url("../../../../../img.alicdn.com/imgextra/i4/O1CN014Fi7q21iwyJQkNIuE_!!6000000004478-2-tps-3840-1644.png")/*tpa=https://img.alicdn.com/imgextra/i4/O1CN014Fi7q21iwyJQkNIuE_!!6000000004478-2-tps-3840-1644.png*/ no-repeat top;
	background-size: 100%;
}

.p1-content-more-top-content {
	width: 1214px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.p1-content-more-top-content img {
	border-radius: 16px;
}

.p1-content-more-btn {
	cursor: pointer;
	position: relative;
	width: 106px;
	margin: 42px auto 47px auto;
	text-align: center;
}

.p1-content-more-btn-bar {
	position: absolute;
	width: 0;
	left: 0;
	height: 3px;
	background-color: #0089ff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.p1-content-more-btn:hover .p1-content-more-btn-bar-long {
	width: 106px;
}

.p1-content-more-btn-bar-short {
	left: 19px;
	display: none;
}

.p1-content-more-btn:hover .p1-content-more-btn-bar-short {
	width: 65px;
}

.p1-img-rem{
	padding: 0px 40px;
}

.p2-content {
	text-align: center;
	padding-bottom: 57px;
	position: relative;
	background-color: #fff;
}

.dpro-tab {
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	-ms-flex-pack: center;
}

.dpro-tab .tab-item {
	position: relative;
	list-style-type: none;
	padding: 0 10px;
	cursor: pointer;
}

.dpro-tab .tab-item:after {
	content: "";
	position: absolute;
	left: auto;
	top: auto;
	bottom: 5px;
	right: 0;
	height: 52%;
	width: 1px;
	background-color: rgba(126, 134, 142, 0.16);
}

.dpro-tab .tab-item:last-child::after {
	display: none;
}

.dpro-tab .tab-item-active {
	color: #2866e4;
	font-weight: bold;
}

.p2-1 {
	width: 1180px;
	height: 716px;
	margin: 0 auto 30px auto;
	background-image: url("../../../../../img.alicdn.com/imgextra/i4/O1CN01JCsHiY28HSSYHd4R5_!!6000000007907-2-tps-2364-1436.png")/*tpa=https://img.alicdn.com/imgextra/i4/O1CN01JCsHiY28HSSYHd4R5_!!6000000007907-2-tps-2364-1436.png*/;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 32px 0 0 210px;
}
.p2-content-rem{
	display: none;
}
.p2-content-img-two{
	width: 1180px;
}

.mainCont {
	display: none;
}

.mainCont.select {
	display: block;
}

.mainCont img {
	width: 100%;
	margin-top: -60px;
	margin-left: 10px;
}

.p3-content {
	background-color: #f6f6f6;
	display: flex;
	justify-content: center;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	padding-bottom: 80px;
	position: relative;
	height: 200px;
}
.p3-animation-box-rem{
	display: none;
}

.p3-animation-box-1 {
	width: 580px;
	height: 156px;
	background-color: #fff;
	margin: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.p3-animation-box-1:hover,.p3-animation-box-2:hover {
	box-shadow: 0px 0px 20px 0px rgba(196, 196, 196, 0.5)
}

.p3-animation-sub-1-1 {
	height: 156px;
	position: absolute;
	right: -50px;
	opacity: 0;
}

.p3-ani-1 {
	animation: sub-1-1 2s;
	right: 0;
	opacity: 1;
}

@keyframes sub-1-1 {
	0% {
		right: -50px;
		opacity: 0;
	}

	100% {
		right: 0;
		opacity: 1;
	}
}

.p3-animation-sub-1-2,
.p3-animation-sub-1-3 {
	height: 156px;
	position: absolute;
}

.p3-animation-box-2 {
	width: 580px;
	height: 156px;
	margin: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background-image: url("../../../../../img.alicdn.com/imgextra/i3/O1CN01ZTEFQe1kCNCqN8Vkm_!!6000000004647-2-tps-1160-312.png")/*tpa=https://img.alicdn.com/imgextra/i3/O1CN01ZTEFQe1kCNCqN8Vkm_!!6000000004647-2-tps-1160-312.png*/;
	background-size: 100% 100%;
}

.p3-animation-sub-2-1 {
	height: 120px;
	width: 220px;
	right: 20px;
	top: 20px;
	position: absolute;
	opacity: 0;
}

.p3-ani-2 {
	animation: sub-2-1 2s;
	opacity: 1;
}

@keyframes sub-2-1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.p3-animation-sub-2-2 {
	width: 100px;
	position: absolute;
	right: 80px;
	top: 0;
	opacity: 0;
}

.p3-ani-3 {
	animation: sub-2-2 2s;
	opacity: 1;
	top: 30px;
}

@keyframes sub-2-2 {
	0% {
		top: 0;
		opacity: 0;
	}

	50% {
		top: 0;
		opacity: 0;
	}

	100% {
		top: 30px;
		opacity: 1;
	}
}

.hover-shadow {
	box-shadow: none;
	transition: all 0.3s;
	border-radius: 10px;
	margin-bottom: 33px !important;
	cursor: pointer;
}

.hover-shadow:hover {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
}

/* .bottom-contact-rem-image{
       display: none;
    } */

.bottom-contact {
	width: 62%;
	background: #fff;
	text-align: center;
	padding: 47px 0;
	position: relative;
	margin: 0 auto;
}

/* .bottom-contact:hover {
	box-shadow: 0px 0px 20px 0px rgba(196, 196, 196, 0.5)
} */

.bottom-contact .contact-button {
	position: absolute;
	width: 140px;
	height: 50px;
	right: 235px;
	top: 80px;
}

.bottom-contact .purchase-button {
	position: absolute;
	width: 140px;
	height: 50px;
	right: 80px;
	top: 80px;
}

.bottom-contact .bottom-contact-image {
	width: 100%;
}

.bottom-contact .bottom-contact-image-400 {
	display: none;
}

.bottom-contact .bottom-contact-image-900 {
	display: none;
}

.fixed-update-notice {
	width: 62px;
	height: 62px;
	background: #2498fe;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
	justify-content: center;
	-ms-flex-pack: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	padding: 10px 0;
	text-align: center;
}

.fixed-update-notice div {
	width: 40px;
}

</style></head><body><script>with(document)with(body)with(insertBefore(createElement("script"), firstChild))setAttribute("exparams", "category=&userid=&aplus&udpid=&&yunid=&&trid=77939ca716716934018777505e&asid=AQAAAABaBKRjuDOrGgAAAAD6aCujvnKB1g==", id="tb-beacon-aplus", src=(location>"https"?"//g":"//g")+".alicdn.com/alilog/mlog/aplus_v2.js") </script><style>* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.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");
	src: url("//at.alicdn.com/t/font_1283655_e97spi8ao84.eot?#iefix") format("embedded-opentype"),
		url("//at.alicdn.com/t/font_1283655_e97spi8ao84.woff2") format("woff2"),
		url("//at.alicdn.com/t/font_1283655_e97spi8ao84.woff") format("woff"),
		url("//at.alicdn.com/t/font_1283655_e97spi8ao84.ttf") format("truetype"),
		url("//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("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;
	}
}


/* 视频 */
.top-right {
	display: inline-block;
	width: 640px;
	height: 370px;
	border: 10px solid #D8E9FF;
	border-radius: 12px;
	margin-top: 70px;
	position: relative;
	cursor: pointer;
}
.top-video-poster {
	width: 100%;
	height: 100%;
}
.video-btn {
	width: 66px;
	height: 66px;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	left: 50%;
	margin-left: -33px;
}
.video-mask {
	width: 620px;
	height: 350px;
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	
}
.top-right:hover .video-mask{
	display: block;
}
.mask {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 999;
}
.video {
	position: relative;
}
.video video {
	width: 800px;
	height: auto;
}
.close {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
}


.zhuanyeban-btn{
	width: 150px;
	height: 48px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	position: absolute;
	background-color: rgba(0, 0, 0,0.0);
	top: 94px;
	left: 80%;
	border-radius: 6px;
}