@charset "utf-8";
.top-warning {
	width: 100%;
	box-sizing: border-box;
	position: static;
	background-color: #e4eff5;
	color: #333;
	text-align: center;
	margin-bottom: 0
}

.zd-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}

.zd-scrollbar::-webkit-scrollbar {
	width: 5px;
	height: 12px;
	background-color: #fff
}

.zd-scrollbar::-webkit-scrollbar-track {
	background-color: #fff
}

.qc-scrollbar-service .qc-scrollbar-button-desc {
	display: none
}

.qc-scrollbar-button {
	background-color: #fff
}

.gift-mod .qc-scrollbar-button-desc {
	color: #0038ff
}

.gift-mod .qc-scrollbar-button {
	padding-top: 12px;
	padding-bottom: 12px
}

.qc-scrollbar-icon.gift {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 86.9% 66.8%;
	background-size: 1500% 1438.888888888889%;
	background-repeat: no-repeat
}

.gift-mod .qc-scrollbar-button:hover {
	background-color: #02A3FF
}

.gift-mod .qc-scrollbar-button:hover .qc-scrollbar-button-desc {
	color: #fff
}

.gift-mod .qc-scrollbar-button:hover .qc-scrollbar-icon.gift {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 86.9% 58.51%;
	background-size: 1500% 1438.888888888889%;
	background-repeat: no-repeat
}

.zd-2-media-panel {
	display: block;
	box-sizing: border-box;
	height: 172px;
	padding: 20px;
	background-color: #fff;
	text-decoration: none;
	position: relative;
	top: 0;
	transition: all .2s linear;
	box-shadow: 0 2px 4px rgba(3, 27, 78, .06);
	border: 1px solid #E5E8ED
}

.zd-2-media-panel-object {
	margin-bottom: 10px;
	height: 32px
}

.zd-2-media-panel-icon {
	max-width: 100%;
	height: 100%
}

.zd-2-media-panel-title {
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.zd-2-media-panel-desc {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	max-height: 48px
}

a.zd-2-media-panel:hover {
	box-shadow: 0 4px 8px rgba(3, 27, 78, .12);
	top: -3px
}

a.zd-2-media-panel:hover .zd-2-media-panel-title {
	color: #0038ff
}

.zd-section {
	padding: 60px 0
}

.zd-section-bg {
	background-color: #f5f7fa
}

.zd-section-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}

.zd-section-hd {
	margin-bottom: 40px
}

.zd-section-tit {
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: 400;
	line-height: 1.4
}

.zd-section-des {
	text-align: center;
	font-size: 16px;
	color: #666;
	margin: 20px 0 0;
	line-height: 1.4
}

.zd-section-des a {
	color: #0038ff;
	text-decoration: none
}

.zd-section-des a:hover {
	text-decoration: underline
}

.zd-lattice {
	font-size: 0
}

.zd-lattice>.zd-lattice-cell {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 14px;
	text-align: left
}

.zd-lattice-line {
	font-size: 0
}

.zd-lattice-line>.zd-lattice-cell {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 14px;
	text-align: left;
	position: relative
}

.zd-lattice-line>.zd-lattice-cell:after {
	content: '';
	position: absolute;
	right: -40px;
	top: 50%;
	margin-top: -70px;
	width: 1px;
	height: 140px;
	background-color: #e5e5e5
}

.zd-lattice-line>.zd-lattice-cell:last-child:after {
	display: none
}

.zd-lattice-card {
	font-size: 0
}

.zd-lattice-card>.zd-lattice-cell {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 14px;
	text-align: left
}

.zd-lattice-center {
	text-align: center
}

.com-none-panel {
	padding-top: 140px;
	padding-bottom: 140px;
	text-align: center
}

.com-none-panel+.com-none-panel {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #d8d8d8
}

.com-none-panel-icon {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
	width: 169px;
	height: 94px;
	background-image: url(../../images/ZdsjuX/tag-img.svg);
	background-repeat: no-repeat;
	background-size: 100% auto
}

.com-none-panel-icon.error {
	width: 248px;
	height: 180px;
	background-image: url(../../images/ZdsjuX/icon-error.svg)
}

.com-none-panel-icon.search {
	width: 220px;
	height: 220px;
	background-image: url(../../images/ZdsjuX/icon-search.svg)
}

.com-none-panel-icon.column {
	width: 220px;
	height: 220px;
	background-image: url(../../images/ZdsjuX/icon-column.svg)
}

.com-none-panel-icon.network {
	width: 220px;
	height: 220px;
	background-image: url(../../images/ZdsjuX/icon-network.svg)
}

.com-none-panel-icon.arrangement {
	width: 360px;
	height: 360px;
	background-image: url(../../images/ZdsjuX/icon-arrangement.png)
}

.com-none-panel-title {
	margin-bottom: 8px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	color: #000
}

.com-none-panel-desc {
	font-size: 14px;
	line-height: 22px;
	color: #666
}

.com-none-panel-btns {
	margin-top: 30px
}

.com-none-panel-btns .c-btn {
	margin: 0 5px;
	min-width: 160px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle
}

.com-none-panel-btns .c-btn-hole {
	line-height: 34px
}

.com-none-panel-btns .com-arrow-btn {
	margin: 0 5px;
	min-width: 160px;
	height: 36px;
	line-height: 34px;
	font-size: 14px
}

.com-none-panel-btns .com-arrow-btn.primary .com-arrow-btn-caret:before {
	border-width: 17px 7px
}

.com-none-panel-link {
	margin: 0 5px;
	color: #0038ff
}

.com-none-panel-link:after {
	content: '';
	display: inline-block;
	vertical-align: -2px;
	margin-left: 5px;
	width: 7px;
	height: 13px;
	overflow: hidden;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	background-position: 66.53999999999999% 34.150000000000006%;
	background-size: 3857.142857142857% 1992.3076923076924%;
	background-repeat: no-repeat
}

.com-none-panel-pre {
	border-top: 1px dashed #e5e5e5;
	margin-top: 30px;
	padding-top: 15px;
	text-align: left;
	color: #666;
	word-break: break-all;
	white-space: pre-wrap;
	overflow: auto
}

.com-none-panel.page {
	margin: 0 auto;
	padding: 120px 0;
	max-width: 730px
}

.com-none-panel.page+.com-none-panel.page {
	border-top: 1px solid #D8D8D8
}

.com-none-panel.page .com-none-panel-icon {
	margin-bottom: 20px
}

.com-none-panel-icon.error-404 {
	width: 560px;
	height: 250px;
	background-image: url(../../images/ZdsjuX/icon-404.svg)
}

.com-none-panel-icon.error-503 {
	width: 560px;
	height: 250px;
	background-image: url(../../images/ZdsjuX/icon-503.svg)
}

.com-none-panel-icon.error-504 {
	width: 560px;
	height: 250px;
	background-image: url(../../images/ZdsjuX/icon-504.svg)
}

.com-none-panel-icon.error-403 {
	width: 560px;
	height: 250px;
	background-image: url(../../images/ZdsjuX/icon-403.svg)
}

.com-none-panel.page .com-none-panel-title {
	margin-bottom: 20px
}

.com-none-panel.page .com-none-panel-btns {
	margin-top: 40px
}

.zd-4-hero-group {
	min-width: 320px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #131720;
	-webkit-font-smoothing: antialiased;
	background-image: url(../../images/ZdsjuX/helpbr.jpg)
}

.zd-4-hero-inner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 16px;
	max-width: 1200px;
	height: 420px;
	color: #fff;
	line-height: 1.5;
	font-size: 0;
	text-align: center
}

.zd-4-hero-ct {
	display: inline-block;
	vertical-align: middle;
	width: 688px;
	padding-top: 68px
}

.zd-4-hero-tit {
	font-size: 40px;
	font-weight: 400;
	line-height: 56px;
	color: #fff
}

.zd-4-hero-search-wrap {
	position: relative;
	margin-top: 16px;
	z-index: 10
}

.zd-4-hero-search-input {
	display: block;
	height: 40px;
	width: 100%;
	padding: 4px 40px 4px 16px;
	font-size: 14px;
	border: 1px solid #c2c2c2;
	border-radius: 2px;
	-webkit-appearance: none;
	box-sizing: border-box;
	background-color: #fff;
	outline: 0;
	caret-color: #0038ff
}

.zd-4-hero-search-input::placeholder {
	color: #666
}

.zd-4-hero-search-input:focus {
	border-color: #0038ff
}

.zd-4-hero-search-btn {
	width: 38px;
	border-radius: 0;
	font-size: 0;
	height: 38px;
	border: none;
	vertical-align: top;
	position: absolute;
	right: 1px;
	top: 1px;
	background-color: transparent;
	outline: 0
}

.zd-4-hero-search-btn::before {
	content: '';
	position: absolute;
	left: 12px;
	top: 12px;
	width: 13px;
	height: 15px;
	background-image: url(../../images/ZdsjuX/zd-4-hero-search-icon.svg)
}

.zd-4-hero-search-wrap.zd-4-hero-search-active .zd-4-hero-search-btn::before {
	background-image: url(../../images/ZdsjuX/zd-4-hero-search-icon-hover.svg)
}

.zd-4-hero-search-list-wrap {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: #eee 2px 2px 0;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .1);
	z-index: 1;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	line-height: 24px;
	text-align: left
}

.documents-details .zd-4-hero-search-list-wrap {
	border: 1px solid #e5e5e5
}

.zd-4-hero-search-list {
	max-height: 188px;
	overflow-y: auto;
	overflow-x: hidden
}

.zd-4-hero-search-inner {
	vertical-align: middle;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 4px 16px;
	line-height: 24px;
	color: #333
}

.zd-4-hero-search-result-title {
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.zd-4-hero-search-item a {
	display: block
}

.zd-4-hero-search-item.actived a {
	background-color: #f7f8fa
}

.zd-4-hero-search-item>a:hover {
	background-color: #f7f8fa;
	color: #0038ff
}

.zd-4-hero-search-item>a:hover .zd-4-hero-search-cont-info {
	color: #0038ff
}

.zd-4-hero-search-list-all {
	border-top: 1px solid #e5e5e5;
	padding: 10px 16px
}

.zd-4-hero-search-none {
	padding: 10px 0 10px 46px
}

.zd-4-hero-search-none-cont {
	font-size: 14px;
	color: #666;
	line-height: 14px
}

.api-container .zd-4-hero-search-inner {
	display: block
}

.zd-4-hero-search-cont-tag,
.zd-4-hero-search-item a:hover .zd-4-hero-search-cont-tag {
	color: #999
}

.zd-4-hero-search-cont-info,
.zd-4-hero-search-cont-tag {
	line-height: 24px;
	height: 24px;
	max-width: 540px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.zd-4-hero-search-cont-info {
	color: #333
}

.zd-4-hero-search-cont-data {
	line-height: 40px;
	height: 40px;
	max-width: 540px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.zd-4-hero-search-item {
	position: relative
}

.zd-4-hero-debug {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
	color: #0038ff;
	display: none
}

.zd-4-hero-debug.wrong {
	right: 120px
}

.zd-4-hero-search-icon-link {
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	display: inline-block;
	vertical-align: -3px;
	margin-left: 5px;
	background-position: 14.57% 94.65%;
	background-repeat: no-repeat
}

.zd-4-hero-debug.ash {
	color: #999
}

.zd-4-hero-debug.ash .zd-4-hero-search-icon-link {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 7.48% 94.65%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-4-hero-search-list-type {
	padding: 8px 20px
}

.zd-4-hero-search-list-type>a {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin-right: 40px
}

.zd-4-hero-search-list-type>a.active,
.zd-4-hero-search-list-type>a:hover {
	color: #0038ff
}

.zd-4-hero-search-state {
	text-align: center;
	padding: 15px 20px
}

.zd-4-hero-state-none {
	width: 96px;
	height: 96px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 300% 319.75308641975306%;
	display: inline-block;
	background-position: 0.5599999999999999% 0.5599999999999999%;
	background-repeat: no-repeat
}

.zd-4-hero-state-none-2 {
	margin-top: 6px;
	width: 96px;
	height: 96px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 300% 319.75308641975306%;
	display: inline-block;
	background-position: 51.67% 0.5599999999999999%;
	background-repeat: no-repeat
}

.zd-4-hero-search-state-text {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 12px
}

.zd-4-hero-search-tip {
	font-size: 14px;
	padding: 15px 0;
	text-align: left
}

.zd-4-hero-search-tip>span {
	color: #ccc
}

.zd-4-hero-search-tip>a {
	color: #fff;
	margin-right: 10px
}

.zd-4-hero-search-tip>a:last-child {
	margin-right: 0
}

.zd-4-hero-search-tip>a:hover {
	color: #0038ff
}

.zd-4-hero-search-list-all-title {
	font-size: 14px;
	color: #9B9B9B
}

.zd-4-hero-search-list-all-more {
	float: right
}

.zd-3-event-panel {
	display: table;
	padding: 25px 20px;
	width: 100%;
	table-layout: fixed;
	text-decoration: none;
	box-sizing: border-box
}

.zd-3-event-panel-object {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	width: 48px;
	box-sizing: content-box
}

.zd-3-event-panel-img {
	display: block;
	width: 48px;
	height: 48px
}

.zd-3-event-panel-body {
	display: table-cell;
	vertical-align: middle
}

.zd-3-event-panel-title {
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400
}

.zd-3-event-panel-desc {
	margin-top: 2px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.zd-3-event-panel:hover .zd-3-event-panel-title {
	color: #0038ff
}

.zd-3-event-panel-group {
	box-sizing: border-box;
	margin: -120px auto;
	max-width: 1200px;
}

.zd-3-event-panel-group-inner {
	margin: 0 auto;
	box-sizing: border-box;
	box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06);
	border-radius: 2px
}

.zd-3-event-panel-list {
	font-size: 0;
	padding-left: 10px;
}

.zd-3-event-panel-list li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: calc(25% - 18px);
	background: rgba(255, 255, 255, 0.09);
	margin-right: 18px;
}
.zd-3-event-panel-list li:last-child {
	margin-right: 0;
	width: calc(25% - 10px);
}
.zd-3-event-panel-list li:first-child:before {
	display: none
}

.zd-column-layout {
	margin: 32px auto 60px;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}

.documents-details .zd-column-layout::before {
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #f5f7fa;
	z-index: 0
}

.documents-home .zd-column-layout {
	margin: 160px auto 60px
}

.zd-column-layout-cont {
	position: relative;
	z-index: 5
}

.documents-home .zd-column-layout-cont {
	position: relative;
	padding-left: 0;
	z-index: 5;
	font-size: 0;
	min-height: 500px;
	zoom: 1
}

.zd-column-layout-main {
	float: right;
	width: calc(100% - 0px);
	box-sizing: border-box
}

.zd-column-panel-hd {
	margin-bottom: 8px
}

.zd-column-panel-title {
	font-size: 20px;
	color: #333;
	line-height: 28px;
	font-weight: 400
}

.zd-column-panel-bd {
	border-top: 1px solid #E5E5E5;
	padding: 12px 20px;
	margin-bottom: 28px
}

.zd-column-panel-bd-inner {
	width: 100%;
	overflow: hidden
}

.zd-column-panel-list {
	width: 100%;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -10px;
	font-size: 0
}

.zd-column-panel-item {
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	width: 20%;
	box-sizing: border-box
}

.zd-column-panel-item-link {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	vertical-align: 1px
}

.zd-column-panel-item-link:hover {
	color: #0038ff
}

.zd-column-layout-aside {
	position: relative;
	float: left;
	padding-right: 5px;
	width: 240px;
	box-sizing: border-box;
	overflow: hidden;
	top: 0
}

.zd-column-aside-bd-2::-webkit-scrollbar-track {
	background-color: #F5F7FA
}

.documents-details .zd-column-layout-aside {
	position: fixed;
	top: 40px
}

.zd-column-layout-cont::after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
	clear: both
}

.zd-column-aside-title {
	font-size: 18px;
	color: #000;
	line-height: 28px;
	font-weight: 400
}

.doc-aside-wrap::-webkit-scrollbar-corner {
	background-color: #F5F7FA
}

.doc-aside-wrap:hover::-webkit-scrollbar-thumb {
	background-color: #e3e8ed
}

.doc-aside-wrap {
	overflow-y: scroll;
	margin-right: -4px;
	padding-right: 20px
}

.zd-column-aside-bd {
	margin-top: 12px
}

.zd-column-aside-menu-wrap {
	margin-bottom: 12px
}

.zd-column-aside-menu-wrap a:hover {
	transition: all .2s linear
}

.zd-column-aside-menu-wrap:last-child {
	margin-bottom: 0
}

.zd-column-aside-menu-wrap.active .zd-column-aside-list {
	display: block
}

.zd-column-aside-menu-wrap.active {
	margin-bottom: 0
}

.zd-column-aside-menu {
	padding: 0 12px 0 0;
	position: relative
}

.zd-column-aside-menu:hover {
	cursor: pointer
}

.zd-column-aside-menu-title {
	font-size: 14px;
	color: #000;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	word-wrap: break-word;
	font-weight: 500
}

.zd-column-aside-menu-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background-size: cover;
	margin-right: 4px
}

.zd-column-aside-menu-fold {
	width: 12px;
	height: 7px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	position: absolute;
	right: 0;
	top: 8px;
	background-size: 2250% 3700%;
	background-position: 84.88% 71.83%;
	background-repeat: no-repeat
}

.zd-column-aside-menu-wrap.active .zd-column-aside-menu .zd-column-aside-menu-fold {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 67.83% 76.98%;
	background-size: 2250% 3700%;
	background-repeat: no-repeat
}

.zd-column-aside-list {
	display: none;
	margin: 8px 0;
	position: relative;
	height: auto
}

.zd-column-aside-list::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 2px;
	background-color: #E5E8ED
}

.zd-column-aside-list-item {
	margin-bottom: 4px;
	padding-left: 18px
}

.zd-column-aside-list-item a:hover {
	color: #0038ff
}

.zd-column-aside-list-item:last-child {
	margin-bottom: 0
}

.zd-column-aside-list-link-wrap {
	position: relative
}

.zd-column-aside-list-link {
	line-height: 24px;
	font-size: 14px;
	color: #666;
	display: block;
	padding-right: 18px;
	word-wrap: break-word;
	font-weight: 400
}

.zd-column-aside-list-link:hover {
	color: #0038ff
}

.zd-column-aside-list-item.active .zd-column-aside-list-link-wrap .zd-column-aside-menu-fold {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 67.83% 76.98%;
	background-size: 2250% 3700%;
	background-repeat: no-repeat
}

.zd-column-aside-subnav {
	font-size: 12px;
	padding-left: 14px;
	padding-bottom: 8px
}

.zd-column-aside-subnav a {
	color: #999;
	word-wrap: break-word
}

.zd-column-aside-subnav-3 {
	display: block;
	margin-top: 8px;
	position: relative;
	padding-right: 16px
}

.zd-column-aside-subnav-3 .zd-column-aside-menu-fold {
	top: 4px
}

.zd-column-aside-subnav-3.active .zd-column-aside-menu-fold {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 67.83% 76.98%;
	background-size: 2250% 3700%;
	background-repeat: no-repeat
}

.zd-column-aside-subnav-4,
.zd-column-aside-subnav-5 {
	display: block;
	margin-top: 8px;
	position: relative
}

.zd-column-aside-subnav-inner {
	padding-left: 14px
}

.zd-column-aside-list-item.on .zd-column-aside-list-link-wrap::before {
	content: "";
	position: absolute;
	left: -18px;
	top: 0;
	width: 2px;
	background-color: #0038ff;
	bottom: 0;
	z-index: 1;
	height: 100%
}

.zd-column-aside-subnav-3.on::before {
	content: "";
	position: absolute;
	left: -32px;
	top: 0;
	width: 2px;
	background-color: #0038ff;
	bottom: 0;
	z-index: 1;
	height: 100%
}

.zd-column-aside-subnav-4.on::before {
	content: "";
	position: absolute;
	left: -46px;
	top: 0;
	width: 2px;
	background-color: #0038ff;
	bottom: 0;
	z-index: 1;
	height: 100%
}

.zd-column-aside-subnav-5.on::before {
	content: "";
	position: absolute;
	left: -60px;
	top: 0;
	width: 2px;
	background-color: #0038ff;
	bottom: 0;
	z-index: 1;
	height: 100%
}

.zd-column-aside-list-item.on .zd-column-aside-list-link,
.zd-column-aside-menu-wrap.on .zd-column-aside-menu-title,
.zd-column-aside-subnav-3.on>a,
.zd-column-aside-subnav-4.on>a,
.zd-column-aside-subnav-5.on>a {
	color: #0038ff
}

.zd-column-aside-hd-2 {
	position: relative;
	margin-top: 18px;
	margin-bottom: 23px;
	padding-right: 40px
}

.zd-column-menu-icon {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/zd-column-menu-icon.svg);
	background-size: cover;
	margin-right: 8px;
	margin-top: 2px
}

.zd-column-menu-icon:hover {
	background-image: url(../../images/ZdsjuX/zd-column-menu-icon-hover.svg);
	cursor: pointer
}

.zd-column-aside-menu-fold-2 {
	position: absolute;
	right: 20px;
	top: 3px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/zd-column-aside-menu-fold-2.svg);
	background-size: cover;
	cursor: pointer
}

.zd-column-aside-menu-fold-2.active {
	background-image: url(../../images/ZdsjuX/zd-column-aside-menu-fold-2-active.svg)
}

.zd-column-aside-title-2 {
	font-size: 16px;
	color: #000;
	line-height: 22px;
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	max-width: 80%;
	height: 44px;
	overflow: hidden
}

.zd-column-layout-aside a:focus {
	outline: 0
}

.zd-2-s-panels {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10px;
	background:none;
}

.zd-2-s-lattice-card {
	font-size: 0
}

.zd-2-s-lattice-without-margin {
	margin-bottom: -20px
}

.zd-2-s-lattice-card>.zd-2-s-lattice-cell {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 14px;
	text-align: left;
	margin-bottom: 20px
}

.zd-2-s-panel {
	display: block;
	position: relative;
	top: 0;
	box-shadow: 0 2px 4px rgba(3, 27, 78, .06);
	border: 1px solid #E5E8ED;
	box-sizing: border-box;
	padding: 19px 20px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-font-smoothing: antialiased
}

.zd-2-s-panel:hover {
	box-shadow: 0 4px 8px rgba(3, 27, 78, .12);
	transition: all .2s linear
}

.zd-2-s-cont {
	position: relative;
	padding-left: 60px
}

.zd-2-s-panel-title {
	position: relative;
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-font-smoothing: antialiased;
	font-weight: 400
}

.zd-2-s-panel-desc {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400
}

.zd-2-s-panel-icon {
	position: absolute;
	left: 0;
	top: 3px;
	width: 48px;
	height: 48px
}

.zd-2-s-panel-icon-m {
	display: none;
	opacity: 0
}

.zd-2-s-panel-icon-hover {
	display: none;
	position: absolute;
	left: 0;
	top: 3px;
	width: 48px;
	height: 48px
}

.zd-2-s-panel:hover .zd-2-s-panel-icon-hover {
	display: block
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-1>.zd-2-s-lattice-cell {
	width: 100%
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-2>.zd-2-s-lattice-cell {
	margin-right: 20px;
	width: calc((100% - 20px * (2 - 1) - 1px)/ 2)
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-2>.zd-2-s-lattice-cell:nth-child(2n) {
	margin-right: 0
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-2>.zd-2-s-lattice-cell:nth-child(2n):after {
	display: none
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-3>.zd-2-s-lattice-cell {
	margin-right: 20px;
	width: calc((100% - 20px * (3 - 1) - 1px)/ 3)
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-3>.zd-2-s-lattice-cell:nth-child(3n) {
	margin-right: 0
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-3>.zd-2-s-lattice-cell:nth-child(3n):after {
	display: none
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-4>.zd-2-s-lattice-cell {
	margin-right: 20px;
	width: calc((100% - 20px * (4 - 1) - 1px)/ 4)
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-4>.zd-2-s-lattice-cell:nth-child(4n) {
	margin-right: 0
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-4>.zd-2-s-lattice-cell:nth-child(4n):after {
	display: none
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-5>.zd-2-s-lattice-cell {
	margin-right: 20px;
	width: calc((100% - 20px * (5 - 1) - 1px)/ 5)
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-5>.zd-2-s-lattice-cell:nth-child(5n) {
	margin-right: 0
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-5>.zd-2-s-lattice-cell:nth-child(5n):after {
	display: none
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-6>.zd-2-s-lattice-cell {
	margin-right: 20px;
	width: calc((100% - 20px * (6 - 1) - 1px)/ 6)
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-6>.zd-2-s-lattice-cell:nth-child(6n) {
	margin-right: 0
}

.zd-2-s-lattice-card.zd-2-s-lattice-cols-6>.zd-2-s-lattice-cell:nth-child(6n):after {
	display: none
}

.zd-2-hero-group .zd-2-s-panels {
	position: relative;
	margin-top: -37px;
	z-index: 10
}

.zd-section-introduce {
background-image: linear-gradient(178deg, #262626 1%, #262626 100%);

}

.zd-section-introduce .zd-section-tit {
	color: #fff;
	font-size: 32px
}

.zd-section-introduce .zd-section-des {
	color: rgba(255, 255, 255, .5);
	margin-top: 4px;
	font-size: 14px
}

.zd-section-introduce .zd-section-hd {
	margin-bottom: 40px
}

.zd-section-introduce .zd-section-inner {
	margin-bottom: 68px
}

.zd-section-introduce .zd-section-inner:last-child {
	margin-bottom: 0
}

.zd-section-introduce .zd-2-s-panel {
	background-color:rgba(218, 218, 218, 0.1);
	border: none;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1), 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.zd-section-introduce .zd-2-s-panel-title {
	color: #fff
}

.zd-section-introduce .zd-2-s-panel-desc {
	color: rgba(255, 255, 255, .5)
}

.zd-section-introduce .zd-2-s-panel:hover {
	background-color: #0038ff
}

.zd-section-introduce .zd-2-s-panel:hover .zd-2-s-panel-title {
	color: #fff
}

.zd-section-introduce .zd-2-s-panel:hover .zd-2-s-panel-desc {
	color: #fff
}

.zd-action-panel {
	position: relative;
	padding: 32px 10px;
	min-height: 218px;
	background-size: auto 100%;
	text-align: center;
	-webkit-font-smoothing: antialiased
}

.zd-action-panel .zd-btn-white-hole:hover {
	color: #0038ff
}

.zd-action-panel-inner {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 1200px;
	padding: 0 10px
}

.zd-action-panel-title {
	font-size: 32px;
	line-height: 46px;
	font-weight: 400;
	color: #333
}

.zd-action-panel-desc {
	margin-top: 8px;
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.zd-action-panel-desc a {
	color: #555
}

.zd-action-panel-btns {
	margin-top: 32px;
	font-size: 0
}

.zd-action-panel .zd-btn {
	min-width: 160px;
	height: 44px;
	line-height: 42px;
	font-size: 16px
}

.zd-action-panel-custom-bg {
	background: 0 0
}

.zd-action-panel-bgs {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.zd-action-panel-bg-mobile,
.zd-action-panel-bg-pc {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%
}

.zd-action-panel-bg-mobile {
	background-size: cover
}

.zd-action-panel-desc.mobile {
	display: none
}

[class*=zd-i-],
[class^=zd-i-] {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px
}

[class*=zd-i-s-],
[class^=zd-i-s-] {
	width: 12px;
	height: 12px
}

.zd-collapse-list {
	border-top: 1px solid #e5e5e5
}

.zd-collapse-item {
	border-bottom: 1px solid #e5e5e5
}

.zd-collapse-item-hd {
	position: relative;
	padding: 0 40px 0 16px;
	height: 50px;
	background-color: #fff;
	cursor: pointer
}

.zd-collapse-item-title {
	padding: 10px 0;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	font-weight: 400;
	-webkit-font-smoothing: antialiased
}

.zd-collapse-product-m .zd-collapse-item-hd::after {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -9px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-size: 1687.5% 1618.75%;
	background-position: 96.46000000000001% 7.82%
}

.zd-collapse-product-m .zd-collapse-item.active .zd-collapse-item-hd::after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-size: 1687.5% 1618.75%;
	background-position: 96.46000000000001% 0.41000000000000003%
}

.zd-collapse-item-bd {
	display: none;
	padding: 20px;
	border-top: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 28px;
	color: #333
}

.zd-collapse-item.active .zd-collapse-item-bd {
	display: block
}

.zd-collapse-item.active .zd-collapse-item-title {
	color: #0038ff
}

.zd-menu-nav-dropdown {
	display: none;
	position: fixed;
	left: 0;
	top: 56px;
	z-index: 900;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	color: #666
}

.zd-menu-nav-dropdown-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: 432px;
	max-height: 432px;
	overflow-y: auto
}

.zd-menu-nav-head {
	padding: 8px 16px;
	border-bottom: 1px solid #E3E8ED
}

.zd-menu-nav-head-title {
	color: #9b9b9b
}

.zd-menu-nav-head-title-sub {
	color: #333
}

.zd-menu-nav-head-arrows {
	margin: 0 4px
}

.zd-menu-nav-head-line {
	margin: 0 4px;
	vertical-align: 1px;
	color: #9b9b9b
}

.zd-menu-nav-head-cont {
	line-height: 24px;
	position: relative
}

.zd-menu-nav-btn-close {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 49.220000000000006% 93.12%;
	background-size: 2250% 2158.333333333333%;
	background-repeat: no-repeat
}

.zd-menu-nav-side {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 124px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #F5F7FA
}

.zd-menu-nav-side-bd {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.zd-menu-nav-li {
	padding: 8px 0;
	position: relative
}

.zd-menu-nav-li>a {
	display: block;
	position: relative;
	padding: 0 16px;
	font-size: 14px;
	line-height: 24px;
	word-wrap: break-word
}

.zd-menu-nav-side .zd-menu-nav-li.active {
	background-color: #fff
}

.zd-menu-nav-side .zd-menu-nav-li.active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background-color: #0038ff
}

.zd-menu-nav-side .zd-menu-nav-li.active>a {
	color: #0038ff
}

.zd-menu-nav-side .zd-menu-nav-li.on::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background-color: #333;
	border-radius: 50%
}

.zd-menu-nav-side .zd-menu-nav-li.active::after {
	display: none
}

.zd-menu-nav-side .zd-menu-nav-li>a {
	color: #333
}

.zd-menu-nav-main .zd-menu-nav-li {
	padding-top: 4px;
	padding-bottom: 4px
}

.zd-menu-nav-main .zd-menu-nav-li>a {
	padding-left: 40px;
	color: #666
}

.zd-menu-nav-main .zd-menu-nav-li.active::before {
	content: "";
	position: absolute;
	left: 28px;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background-color: #0038ff;
	border-radius: 50%
}

.zd-menu-nav-main {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto
}

.zd-menu-nav-inner {
	padding-top: 6px
}

.zd-menu-nav-mask {
	opacity: .82;
	background: #000;
	z-index: 10;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.zd-search-mobile-bar {
	display: none
}

.zd-document-catalog,
.zd-menu-slide-btn {
	display: none
}

.zd-menu-mobile {
	display: none;
	overflow: auto;
	height: 100%
}

.zd-top-search {
	padding: 12px 0;
	background: #F5F7FA;
	border-bottom: 1px solid #E5E8ED;
	box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06);
}
.ssxhbar{
	position:fixed;
	top:-65px;
	width: 100%;
	z-index:11 ;
	transition: transform 0.2s ease 0s;
	transform: translate(0px, 0px);
	}
.sslbbar{
	position:relative;
	top:auto;
	width: 100%;
	z-index:11 ;
	transition: transform 0.2s ease 0s;
	transform: translate(0px, 0px);
	}
.zd-top-search-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}

.zd-top-search-cont {
	display: table;
	width: 100%
}

.zd-top-search-panel {
	display: table-cell;
	vertical-align: middle
}

.zd-top-search-wrap {
	position: relative;
	z-index: 10
}

.zd-top-search-input {
	display: block;
	height: 40px;
	width: 100%;
	padding: 4px 40px 4px 16px;
	font-size: 14px;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	-webkit-appearance: none;
	box-sizing: border-box;
	background-color: #fff;
	outline: 0
}

.zd-top-search-input.active,
.zd-top-search-input:focus {
	border-color: #0038ff
}

.zd-top-search-btn {
	width: 38px;
	border-radius: 0;
	font-size: 0;
	height: 38px;
	border: none;
	vertical-align: top;
	position: absolute;
	right: -12px;
	top: 12px;
	background-color: transparent;
	outline: 0;
	background-image: url(../../images/ZdsjuX/zd-4-hero-search-icon.svg);
	background-repeat: no-repeat;
}

.zd-top-search-btn:hover {
	background-image: url(../../images/ZdsjuX/zd-4-hero-search-icon-hover.svg)
}

.zd-top-search-recommend {
	display: table-cell;
	vertical-align: middle
}

.zd-top-search-recommend-list {
	font-size: 0
}

.zd-top-search-recommend-list li {
	display: inline-block;
	vertical-align: middle
}

.zd-top-search-recommend-list a:hover {
	color: #0038ff
}

.zd-top-search-recommend-link {
	font-size: 16px;
	color: #000;
	line-height: 26px;
	padding: 0 20px;
	position: relative
}

.zd-top-search-recommend-link::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background-color: #CCC
}

.zd-top-search-recommend-list li:last-child .zd-top-search-recommend-link::after {
	display: none
}

.zd-top-search-recommend-list li:last-child .zd-top-search-recommend-link {
	padding-right: 0
}

.icon-clear-text {
	right: 40px;
	top: 13px;
	width: 14px;
	height: 14px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	font-size: 0;
	background-position: 96.46000000000001% 15.229999999999999%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-header-subnav {
	background-color: #F5F7FA;
	border-bottom: 1px solid #E5E8ED
}

.zd-header-subnav-tabs {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
	font-size: 0
}

.zd-header-subnav-tab {
	display: inline-block;
	font-size: 16px;
	line-height: 52px;
	color: #000;
	padding: 0 26px;
	position: relative;
	font-weight: 500;
	margin-right: 20px
}

.zd-header-subnav-tab:last-child {
	margin-right: 0
}

.zd-header-subnav-tab.active,
.zd-header-subnav-tab:hover {
	color: #0038ff
}

.zd-header-subnav-tab.active::before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #0038ff;
	position: absolute;
	left: 0;
	bottom: -1px
}

.zd-top-search-feedback {
	margin-bottom: 32px
}

.zd-top-search-feedback-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
	font-size: 0
}

.zd-top-search-feedback-title {
	font-size: 24px;
	color: #333;
	line-height: 40px;
	margin-bottom: 15px
}

.zd-top-search-mode .zd-select {
	display: table-cell;
	padding-right: 18px;
	width: 180px
}

.zd-top-search-mode .zd-select:last-child {
	padding-right: 0
}

.zd-top-search-mode .zd-top-search-panel {
	width: 936px
}

.zd-top-search-mode .zd-select-btn {
	height: 40px;
	border-color: #e5e8ed;
	border-radius: 2px
}

.zd-dropdown-menu-item a:hover {
	color: #0038ff
}

.zd-header-crumbs {
	margin: 24px 0 32px
}

.zd-header-crumbs-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
	font-size: 0;
	line-height: 24px
}

.zd-header-crumbs-link {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #666;
	line-height: 26px
}

.zd-header-crumbs-link.active,
.zd-header-crumbs-link:hover {
	color: #0038ff
}

.zd-header-crumbs-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
	width: 6px;
	height: 10px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 4500% 2590%;
	background-position: 79.17% 92.36999999999999%;
	background-repeat: no-repeat
}

.documents-fav .zd-header-crumbs,
.documents-feedback .zd-header-crumbs {
	margin-top: 26px;
	margin-bottom: 16px
}

.zd-search-ul-wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
	font-size: 0
}

.zd-search-list {
	padding: 12px 0;
	border-top: 1px solid rgba(153, 153, 153, .24);
	position: relative
}

.zd-search-list:last-child {
	border-bottom: 1px solid rgba(153, 153, 153, .24)
}

.zd-search-list-tag {
	display: inline-block;
	vertical-align: 2px;
	background-color: #0038ff;
	border-radius: 2px;
	color: #fff;
	line-height: 20px;
	padding: 0 4px;
	font-size: 12px;
	margin-right: 4px;
	position: absolute;
	left: 0;
	top: 2px
}

.zd-search-list-tag.not {
	background-color: #999
}

.zd-search-list-title {
	display: inline-block;
	display: -webkit-box;
	vertical-align: middle;
	font-size: 16px;
	color: #333;
	line-height: 26px;
	font-weight: 400;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 52px;
	position: relative
}

.zd-search-list-title:hover {
	color: #0038ff
}

.zd-search-list-bd {
	font-size: 16px;
	font-size: 0;
	color: #9B9B9B;
	line-height: 28px;
	margin-top: 8px
}

.zd-search-list-text {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin-right: 24px
}

.zd-search-list-dot {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	background-color: #E1E6F0;
	border-radius: 50%;
	margin: 0 8px
}

.zd-search-list-btn {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14px;
	min-width: 64px;
	height: 28px;
	line-height: 24px;
	text-align: center;
	border: 2px solid #0038ff;
	border-radius: 2px;
	color: #0038ff;
	font-size: 12px
}

.zd-search-list-btn-cancel {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14px;
	min-width: 64px;
	height: 28px;
	line-height: 24px;
	text-align: center;
	border: 2px solid #E1E6F0;
	border-radius: 2px;
	color: #666;
	font-size: 12px
}

.zd-search-list-date {
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.zd-search-list-crumbs {
	margin-top: 4px
}

.zd-search-list-crumbs-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 0;
	line-height: 26px
}

.zd-search-list-crumbs-link {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	line-height: 26px
}

.zd-search-list-crumbs-link.active,
.zd-search-list-crumbs-link:hover {
	color: #0038ff
}

.zd-search-list-crumbs-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
	width: 6px;
	height: 10px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 4500% 2590%;
	background-position: 89.02% 85.14%;
	background-repeat: no-repeat
}

.documents-fav .zd-search-list-tag {
	margin-right: 10px
}

.documents-fav .zd-search-list-downline .zd-search-list-title {
	color: #999
}

.documents-fav .zd-search-list-downline .zd-search-list-title:hover {
	cursor: default
}

.documents-fav .zd-search-list-bd {
	margin-top: 12px
}

.zd-search-status-show {
	padding-bottom: 40px
}

.zd-search-loading {
	width: 100%;
	height: 600px;
	background-image: url(../../images/ZdsjuX/loading.gif);
	background-size: 180px 180px;
	background-repeat: no-repeat;
	background-position: center center
}

.zd-search-status-icon {
	display: block;
	margin: 0 auto;
	width: 180px
}

.zd-search-status-icon img {
	width: 100%
}

.zd-search-status-text {
	text-align: center;
	font-size: 18px;
	color: #000;
	line-height: 28px
}

.zd-search-none {
	width: 100%;
	height: 600px;
	background-image: url(../../images/ZdsjuX/no-cont.png);
	background-size: 180px 180px;
	background-repeat: no-repeat;
	background-position: center center
}

.documents-feedback .zd-search-list-title {
	padding-left: 54px
}

.zd-pages-wrap {
	margin: 40px 0 64px
}

.zd-pages {
	font-size: 0;
	text-align: center
}

.zd-pages-dot,
.zd-pages-item {
	display: inline-block;
	margin: 0 5px;
	min-width: 36px;
	padding-left: 5px;
	padding-right: 5px;
	height: 36px;
	line-height: 34px;
	font-size: 14px;
	color: #666;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
	text-decoration: none
}

.zd-pages-item:hover {
	color: #2b2b2b;
	border: 1px solid #999;
	text-decoration: none
}

.zd-pages-item:focus {
	outline: 0
}

.zd-pages-item-active,
.zd-pages-item-active:hover {
	border: none;
	color: #333;
	font-weight: 700;
	cursor: default
}

.zd-pages-item-disabled {
	display: none
}

.zd-pages-dot {
	border: none;
	color: #666;
	cursor: default
}

.zd-pages-item-next,
.zd-pages-item-prev {
	position: relative;
	width: auto
}

.zd-pages-item-prev {
	padding: 0 10px 0 18px
}

.zd-pages-item-next {
	padding: 0 18px 0 10px
}

.zd-pages-item-next:before,
.zd-pages-item-prev:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat
}

.zd-pages-item-prev:before {
	left: 2px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 28.74% 94.65%;
	background-size: 1687.5% 1618.75%
}

.zd-pages-item-next:before {
	right: 2px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 42.91% 94.65%;
	background-size: 1687.5% 1618.75%
}

.zd-pages-item-prev:hover:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 35.83% 94.65%;
	background-size: 1687.5% 1618.75%
}

.zd-pages-item-next:hover:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 21.65% 94.65%;
	background-size: 1687.5% 1618.75%
}

.zd-pages-item-prev.zd-pages-item-disabled .zd-pages-item-next.zd-pages-item-disabled {
	display: none
}

.zd-pages-mini {
	margin: 20px 0
}

.zd-pages-mini .zd-pages-dot,
.zd-pages-mini .zd-pages-item {
	vertical-align: middle;
	width: auto;
	height: auto;
	padding: 5px;
	color: #444;
	border: none;
	line-height: 20px
}

.zd-pages-mini .zd-pages-item:hover {
	color: #0038ff
}

.zd-pages-mini .zd-pages-item-active:hover {
	color: #444
}

.zd-pages-mini .zd-pages-item-next:before,
.zd-pages-mini .zd-pages-item-prev:before {
	display: none
}

.zd-faq-panel-cont {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
	font-size: 0
}

.zd-faq-panel-question-wrap {
	padding-bottom: 32px
}

.zd-faq-panel-question {
	background-color: #F5F7FA;
	border-radius: 2px;
	padding: 20px 40px;
	margin-left: 20px
}

.zd-faq-user {
	position: relative
}

.zd-faq-user-object {
	position: absolute;
	left: -64px;
	top: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #fff
}

.zd-faq-user-icon {
	max-width: 100%;
	max-height: 100%
}

.zd-faq-user-name {
	font-size: 16px;
	line-height: 26px;
	color: #131313
}

.zd-faq-user-date {
	font-size: 12px;
	color: #333;
	line-height: 20px
}

.zd-faq-panel-bd {
	margin-top: 20px;
	padding-right: 120px;
	position: relative
}

.zd-faq-panel-text {
	font-size: 14px;
	color: #131313;
	line-height: 24px
}

.zd-faq-panel-view-wrap {
	margin-top: 20px
}

.zd-faq-panel-view {
	max-width: 640px;
	display: block
}

.zd-faq-panel-btn {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 54px;
	height: 28px;
	line-height: 24px;
	text-align: center;
	border: 2px solid #0038ff;
	border-radius: 2px;
	color: #0038ff;
	font-size: 12px
}

.zd-faq-panel-answer-wrap {
	border-top: 1px solid #E5E8ED;
	padding-top: 20px
}

.zd-faq-panel-answer-title {
	font-size: 20px;
	color: #000
}

.zd-faq-panel-answer {
	margin-top: 40px
}

.zd-answer-user {
	position: relative;
	padding-left: 64px;
	padding-bottom: 20px;
	margin-bottom: 52px;
	border-bottom: 1px solid #ddd
}

.zd-answer-user-object {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #fff
}

.zd-answer-user-icon {
	max-width: 100%;
	max-height: 100%
}

.zd-answer-user-name {
	font-size: 16px;
	line-height: 26px;
	color: #131313
}

.zd-answer-user-date {
	font-size: 12px;
	color: #333;
	line-height: 20px
}

.zd-answer-user-text {
	font-size: 14px;
	color: #000;
	line-height: 24px;
	margin-top: 20px
}

.zd-answer-user-text a {
	color: #0038ff
}

.zd-answer-user-manner {
	margin-top: 24px
}

.zd-answer-user-manner-link {
	margin-right: 20px;
	font-size: 12px;
	color: #131313;
	line-height: 18px
}

.zd-answer-icon-dislike,
.zd-answer-icon-like {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px
}

.zd-answer-icon-like {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-like.svg)
}

.zd-answer-icon-dislike {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-dislike.svg)
}

.zd-answer-user-manner-link.active .zd-answer-icon-like,
.zd-answer-user-manner-link:hover .zd-answer-icon-like {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-like-hover.svg)
}

.zd-answer-user-manner-link.active .zd-answer-icon-dislike,
.zd-answer-user-manner-link:hover .zd-answer-icon-dislike {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-dislike-hover.svg)
}

.zd-answer-user-file {
	margin-top: 20px
}

.zd-answer-user-file-link {
	font-size: 14px;
	color: #4A4A4A;
	line-height: 24px;
	margin-right: 4px;
	display: block;
	margin-bottom: 12px
}

.zd-answer-user-file-link:last-child {
	margin-bottom: 0
}

.zd-answer-user-file-link:hover {
	color: #0038ff
}

.zd-answer-icon-file {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-image: url(../../images/ZdsjuX/zd-answer-img.svg)
}

.zd-answer-user-file-link:hover .zd-answer-icon-file {
	background-image: url(../../images/ZdsjuX/zd-answer-img-hover.svg)
}

.zd-mask {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	background-color: #000;
	opacity: .5;
	z-index: 100
}

.zd-modal {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	white-space: nowrap;
	text-align: center;
	overflow-y: auto;
	overflow-x: hidden
}

.zd-modal:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

.zd-modal-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 25px 25px 30px;
	background-color: #fff;
	width: 600px;
	text-align: left;
	max-width: 100%;
	white-space: normal;
	font-size: 14px
}

.zd-modal-hd {
	margin-bottom: 20px
}

.zd-modal-title {
	font-size: 16px;
	line-height: 22px;
	color: #333;
	font-weight: 500
}

.zd-modal-close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 32px;
	height: 32px;
	font-size: 0
}

.zd-modal-close:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 2250% 2158.333333333333%;
	background-repeat: no-repeat;
	background-position: 65.5% 93.12%
}

.zd-modal-close:hover:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 2250% 2158.333333333333%;
	background-repeat: no-repeat;
	background-position: 54.65% 93.12%
}

.zd-modal-ft {
	margin-top: 20px;
	text-align: center;
	font-size: 0
}

.zd-modal-ft .zd-btn {
	margin: 0 5px;
	min-width: 164px;
	border-radius: 2px
}

.zd-modal-xl .zd-modal-inner {
	width: 950px
}

.zd-modal-l .zd-modal-inner {
	width: 800px
}

.zd-modal-s .zd-modal-inner {
	width: 400px
}

.zd-modal-auto .zd-modal-inner {
	width: auto;
	min-width: 400px
}

.zd-modal-confirm {
	display: table;
	table-layout: fixed
}

.zd-modal-confirm-object {
	display: table-cell;
	vertical-align: top;
	width: 32px;
	padding-right: 10px;
	box-sizing: content-box
}

.zd-modal-confirm-icon {
	display: inline-block;
	width: 32px;
	height: 32px
}

.zd-modal-confirm-icon-warning {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 77.73% 30.4%;
	background-size: 843.75% 809.375%
}

.zd-modal-confirm-icon-success {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 77.73% 0.44%;
	background-size: 843.75% 809.375%
}

.zd-modal-confirm-icon-error {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 77.73% 45.37%;
	background-size: 843.75% 809.375%
}

.zd-modal-confirm-icon-pending {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 77.73% 15.42%;
	background-size: 843.75% 809.375%
}

.zd-modal-confirm-icon-infoblue {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 0.42% 70.48%;
	background-size: 843.75% 809.375%
}

.zd-modal-confirm-body {
	display: table-cell;
	vertical-align: top
}

.zd-modal-confirm-title {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #333
}

.zd-modal-confirm-desc {
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.zd-faq-dialog .zd-modal-inner {
	width: 590px
}

.zd-faq-dialog .zd-textarea {
	resize: none;
	height: 100px
}

.zd-faq-dialog a {
	color: #0038ff
}

.zd-faq-dialog .zd-form-controls,
.zd-faq-dialog .zd-form-text .zd-form-label {
	vertical-align: top
}

.zd-faq-dialog .zd-form-label {
	line-height: 24px
}

.zd-faq-view {
	height: 140px;
	width: 450px;
	background-color: #ddd;
	margin-top: 12px;
	position: relative
}

.zd-faq-tip {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2;
	line-height: 1;
	width: 100%
}

.zd-faq-loading-icon {
	width: 32px;
	height: 38px;
	background-size: 32px 39px;
	background-image: url(../../images/ZdsjuX/documents@2x-202103301718.png);
	display: inline-block;
	-webkit-animation: rotate-loading .8s infinite linear;
	-o-animation: rotate-loading .8s infinite linear;
	animation: rotate-loading .8s infinite linear;
	transform-origin: center 57%;
	-webkit-background-size: 32px 39px;
	background-position: 0px 0px
}

.zd-faq-loading-text {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-top: 16px
}

.zd-faq-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	cursor: pointer
}

.zd-faq-edit-icon {
	width: 32px;
	height: 32px;
	display: inline-block;
	background-size: cover;
	background-image: url(../../images/ZdsjuX/edit-pop.png)
}

.zd-faq-edit-text {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px
}

@-moz-keyframes rotate-loading {
	from {
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0)
	}

	to {
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-ms-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
		transform: rotateZ(-360deg)
	}
}

@-ms-keyframes rotate-loading {
	from {
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0)
	}

	to {
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-ms-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
		transform: rotateZ(-360deg)
	}
}

@-webkit-keyframes rotate-loading {
	from {
		-webkit-transform: rotate3d(1, 1, 1, 0);
		-moz-transform: rotate3d(1, 1, 1, 0);
		-ms-transform: rotate3d(1, 1, 1, 0);
		-o-transform: rotate3d(1, 1, 1, 0);
		transform: rotate3d(1, 1, 1, 0)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
		-moz-transform: rotate3d(0, 0, 1, 360deg);
		-ms-transform: rotate3d(0, 0, 1, 360deg);
		-o-transform: rotate3d(0, 0, 1, 360deg);
		transform: rotate3d(0, 0, 1, 360deg)
	}
}

@keyframes rotate-loading {
	from {
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0)
	}

	to {
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-ms-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
		transform: rotateZ(-360deg)
	}
}

.zd-form-title {
	font-size: 14px;
	padding-bottom: 25px
}

.zd-form-des {
	padding: 0 0 20px;
	color: #666;
	font-size: 12px;
	margin-top: -20px
}

.zd-form-item {
	display: table-row;
	font-size: 14px
}

.zd-form-controls {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 15px;
	width: 100%
}

.zd-form-label {
	display: table-cell;
	min-width: 80px;
	vertical-align: top;
	padding-bottom: 15px;
	color: #999;
	padding-top: 7px
}

.zd-form-vertical .zd-form-controls,
.zd-form-vertical .zd-form-item {
	display: block
}

.zd-form-vertical .zd-form-label {
	display: block;
	padding-bottom: 5px;
	padding-top: 0
}

.zd-form-fixed .zd-form-label {
	width: 90px;
	word-wrap: break-word
}

.zd-form-text .zd-form-controls {
	padding-bottom: 10px
}

.zd-form-text .zd-form-label {
	min-width: 80px;
	padding-bottom: 10px;
	padding-top: 0;
	vertical-align: middle
}

.zd-form-required .zd-form-label:after {
	display: inline-block;
	content: "*";
	color: #F74042;
	line-height: 1;
	position: absolute;
	margin: 5px 0 0 3px
}

.zd-form-message {
	color: #999;
	margin-top: 5px;
	font-size: 12px
}

.zd-form-action {
	border-top: #ddd 1px solid;
	padding-top: 15px;
	margin-top: 15px
}

.zd-form-action .zd-btn {
	margin-right: 20px
}

.zd-form-status-error .zd-input,
.zd-form-status-error .zd-select-btn {
	border: 1px solid #F74042
}

.zd-form-status-error .zd-form-message {
	color: #F74042
}

.zd-dropdown {
	position: absolute;
	z-index: 900;
	background-color: #fff;
	border: 1px solid #ddd
}

.zd-dropdown-menu-item {
	list-style: none
}

.zd-dropdown-menu-item a {
	display: block;
	padding: 0 10px;
	font-size: 14px;
	line-height: 36px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none
}

.zd-dropdown-menu-item a:hover {
	background-color: #f5f7fa
}

.zd-dropdown-menu-item-active a,
.zd-dropdown-menu-item-active a:hover {
	background-color: #0038ff;
	color: #fff;
	cursor: default
}

.zd-dropdown-menu-item-disabled a,
.zd-dropdown-menu-item-disabled a:hover {
	background-color: #f5f7fa;
	color: #999;
	cursor: not-allowed
}

.zd-select {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.zd-select-btn {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0 30px 0 10px;
	border: 1px solid #ddd;
	height: 36px;
	font-size: 14px;
	line-height: 34px;
	color: #333;
	background-color: #fff;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.zd-select-btn:focus {
	outline: 0
}

.zd-select-btn-caret {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	width: 11px;
	height: 6px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	transition: transform .2s ease-in-out;
	background-repeat: no-repeat;
	background-position: 75.29% 70.36%;
	background-size: 2454.5454545454545% 4316.666666666666%
}

.zd-select-btn-default {
	width: 400px
}

.zd-select:hover .zd-select-btn {
	border-color: #b3b3b3
}

.zd-select-placeholder .zd-select-btn {
	color: #999
}

.zd-select-placeholder .zd-select-btn-caret {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 77.99000000000001% 76.68%;
	background-size: 2454.5454545454545% 4316.666666666666%
}

.zd-select-open .zd-select-btn,
.zd-select-open:hover .zd-select-btn {
	border-color: #004aff
}

.zd-select-open .zd-select-btn-caret {
	transform: rotate3d(0, 0, 1, 180deg)
}

.zd-select-open .zd-select-dropdown {
	display: block
}

.zd-select-disabled .zd-select-btn,
.zd-select-disabled:hover .zd-select-btn {
	border-color: #ddd;
	background-color: #f5f7fa;
	color: #999;
	cursor: not-allowed
}

.zd-select-readonly .zd-select-btn,
.zd-select-readonly:hover .zd-select-btn {
	border-color: #ddd;
	background-color: #f5f7fa;
	color: #333;
	cursor: default
}

.zd-select-error .zd-select-btn,
.zd-select-error:hover .zd-select-btn {
	border-color: #F74042;
	color: #F74042
}

.zd-select-btn-link {
	padding-left: 0;
	padding-right: 20px;
	border: none;
	line-height: 36px
}

.zd-select-btn-link .zd-select-btn-caret {
	right: 0
}

.zd-select-btn-primary-link {
	padding-left: 0;
	padding-right: 20px;
	border: none;
	line-height: 36px;
	color: #0038ff
}

.zd-select-btn-primary-link .zd-select-btn-caret {
	right: 0;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 72.97% 76.68%;
	background-size: 2454.5454545454545% 4316.666666666666%
}

.zd-select-placeholder .zd-select-btn-primary-link {
	color: #0038ff
}

.zd-select-placeholder .zd-select-btn-primary-link .zd-select-btn-caret {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 72.97% 76.68%;
	background-size: 2454.5454545454545% 4316.666666666666%
}

.zd-select-dropdown {
	display: none;
	min-width: 150px;
	width: 100%
}

.zd-select-dropdown.zd-dropdown-bottom {
	top: 100%;
	left: 0;
	margin-top: 5px
}

.zd-select-dropdown.zd-dropdown-top {
	bottom: 100%;
	left: 0;
	margin-bottom: 5px
}

.zd-select-l .zd-select-btn {
	height: 40px;
	line-height: 38px
}

.zd-select-s .zd-select-btn {
	height: 32px;
	line-height: 30px
}

.zd-select-auto-width {
	max-width: 100%
}

.zd-select-auto-width .zd-select-btn-default {
	width: 100%
}

.zd-select-auto-width .zd-select-dropdown {
	min-width: 150px
}

.zd-select-full-width,
.zd-select-full-width .zd-select-btn-default {
	width: 100%
}

select.zd-select {
	display: inline-block;
	vertical-align: middle;
	width: 400px;
	padding: 0 30px 0 10px;
	border: 1px solid #ddd;
	height: 36px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	text-align: left;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 75.29% 70.36%;
	background-size: 2454.5454545454545% 4316.666666666666%;
	background-repeat: no-repeat
}

select.zd-select:focus {
	outline: 0
}

select.zd-select:hover {
	border-color: #b3b3b3
}

select.zd-select-placeholder {
	color: #999;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 77.99000000000001% 76.68%;
	background-size: 2454.5454545454545% 4316.666666666666%;
	background-repeat: no-repeat
}

select.zd-select:disabled,
select.zd-select:disabled:hover {
	border-color: #ddd;
	background-color: #f5f7fa;
	color: #999;
	cursor: not-allowed
}

select.zd-select-readonly:disabled,
select.zd-select-readonly:disabled:hover {
	border-color: #ddd;
	background-color: #f5f7fa;
	color: #333;
	cursor: default
}

select.zd-select-error,
select.zd-select-error:hover {
	border-color: #F74042;
	color: #F74042
}

select.zd-select-l {
	height: 40px;
	line-height: 38px
}

select.zd-select-s {
	height: 32px;
	line-height: 30px
}

select.zd-select-auto-width {
	width: auto;
	max-width: 100%
}

select.zd-select-full-width {
	width: 100%
}

.zd-loading {
	text-align: center
}

.zd-loading-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #0038ff;
	-webkit-animation: bouncedelay .7s infinite ease-in-out both;
	animation: bouncedelay .7s infinite ease-in-out both;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px
}

.zd-loading-dot:first-child {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.zd-loading-dot:nth-child(2) {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

.zd-loading-white .zd-loading-dot {
	background-color: #fff
}

.zd-loading-s .zd-loading-dot {
	width: 8px;
	height: 8px;
	margin-left: 1px;
	margin-right: 1px
}

@keyframes bouncedelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: .8
	}
}

.zd-btn {
	height: 36px;
	min-width: 88px;
	padding: 0 16px;
	background-color: #0038ff;
	border: 1px solid transparent;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	box-sizing: border-box;
	text-decoration: none
}

.zd-btn-text {
	color: inherit
}

.zd-btn:hover {
	text-decoration: none;
	background-color: #0066ff
}

.zd-btn-pay {
	background-color: #ff7200
}

.zd-btn-pay:hover {
	background-color: #f06c00
}

.zd-btn-hole {
	border-color: #0038ff;
	background-color: rgba(0, 0, 0, 0);
	color: #0038ff
}

.zd-btn-hole:hover {
	background-color: rgba(0, 164, 255, .15);
	border-color: #0038ff;
	color: #0038ff
}

.zd-btn-white-hole {
	border-color: #DCDEE6;
	color: #333
}

.zd-btn-white-hole:hover {
	color: #000
}

.zd-btn-weak {
	background: rgba(0, 0, 0, 0);
	border-color: #DCDEE6;
	color: #666
}

.zd-btn-weak:hover {
	background: rgba(0, 0, 0, 0);
	border-color: #999;
	color: #000
}

.zd-btn-link {
	min-width: 0;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	color: #333
}

.zd-btn-link:hover {
	color: #0038ff;
	border: none;
	background-color: rgba(0, 0, 0, 0)
}

.zd-btn-disabled,
.zd-btn-disabled:hover {
	background-color: #ddd;
	border-color: #ddd;
	color: #999;
	cursor: default
}

.zd-btn-l {
	height: 40px;
	line-height: 38px
}

.zd-btn-s {
	height: 32px;
	line-height: 30px
}

.zd-btn-xs {
	height: 28px;
	line-height: 26px;
	min-width: 80px;
	padding: 0 10px;
	font-size: 12px
}

.zd-btn-full-width {
	min-width: 0;
	display: block;
	width: 100%
}

.zd-btn-auto-width {
	min-width: 0
}

.zd-btn .zd-loading {
	display: none
}

.zd-btn .zd-loading-dot {
	background-color: #fff;
	vertical-align: middle
}

.zd-btn-loading {
	cursor: default
}

.zd-btn-loading .zd-btn-text {
	display: none
}

.zd-btn-loading .zd-loading {
	display: block
}

.zd-btn-loading:hover {
	background-color: #0038ff
}

.zd-btn-pay.zd-btn-loading:hover {
	background-color: #ff7200
}

.zd-btn-hole .zd-loading-dot {
	background-color: #0038ff
}

.zd-btn-hole.zd-btn-loading:hover,
.zd-btn-white-hole.zd-btn-loading:hover {
	background-color: rgba(0, 0, 0, 0)
}

.zd-btn-weak .zd-loading-dot {
	background-color: #ddd
}

.zd-btn-weak.zd-btn-loading:hover {
	background-color: rgba(0, 0, 0, 0);
	border-color: #ddd
}

.zd-btn-link .zd-loading-dot {
	background-color: #ddd
}

.zd-btn-link.zd-btn-loading:hover {
	background-color: rgba(0, 0, 0, 0)
}

.zd-btn-disabled .zd-loading-dot {
	background-color: #999
}

.zd-btn-disabled.zd-btn-loading:hover {
	background-color: #ddd
}

.zd-upload-btn {
	position: relative;
	overflow: hidden
}

.zd-upload-btn-file {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	font-size: 200px
}

.zd-upload-btn.zd-btn-disabled .zd-upload-btn-file {
	display: none
}

.zd-input,
.zd-textarea {
	width: 400px;
	padding: 0 10px;
	border: 1px solid #ddd;
	height: 36px;
	font-size: 14px;
	line-height: 34px;
	color: #333;
	background-color: #fff;
	font-family: inherit
}

.zd-input::-moz-placeholder,
.zd-textarea::-moz-placeholder {
	color: #999;
	opacity: 1
}

.zd-input:-ms-input-placeholder,
.zd-textarea:-ms-input-placeholder {
	color: #999
}

.zd-input::-webkit-input-placeholder,
.zd-textarea::-webkit-input-placeholder {
	color: #999
}

.zd-input:hover,
.zd-textarea:hover {
	border-color: #b3b3b3
}

.zd-input:focus,
.zd-textarea:focus {
	outline: 0;
	border-color: #004aff
}

.zd-input-disabled,
.zd-input-disabled:focus,
.zd-input-disabled:hover,
.zd-input:disabled,
.zd-input:disabled:focus,
.zd-input:disabled:hover,
.zd-textarea-disabled,
.zd-textarea-disabled:focus,
.zd-textarea-disabled:hover,
.zd-textarea:disabled,
.zd-textarea:disabled:focus,
.zd-textarea:disabled:hover {
	border-color: #ddd;
	background-color: #f5f7fa;
	color: #999;
	cursor: not-allowed
}

.zd-input-readonly,
.zd-input-readonly:focus,
.zd-input-readonly:hover,
.zd-input:read-only,
.zd-input:read-only:focus,
.zd-input:read-only:hover,
.zd-textarea-readonly,
.zd-textarea-readonly:focus,
.zd-textarea-readonly:hover,
.zd-textarea:read-only,
.zd-textarea:read-only:focus,
.zd-textarea:read-only:hover {
	border-color: #ddd;
	background-color: #f5f7fa;
	color: #333;
	cursor: default
}

.zd-input-error,
.zd-input-error:focus,
.zd-input-error:hover,
.zd-textarea-error,
.zd-textarea-error:focus,
.zd-textarea-error:hover {
	border-color: #F74042;
	color: #F74042
}

.zd-input-l,
.zd-textarea-l {
	height: 40px;
	line-height: 38px
}

.zd-input-s,
.zd-textarea-s {
	height: 32px;
	line-height: 30px
}

.zd-input-full-width,
.zd-textarea-full-width {
	width: 100%
}

.zd-input-group {
	display: table;
	width: 100%;
	background-color: #f5f7fa
}

.zd-input-group-text {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	font-size: 14px;
	font-size: #333;
	line-height: 34px
}

.zd-input-group-text>span {
	display: block;
	padding: 0 10px;
	border: 1px solid #ddd
}

.zd-input-group-text:first-child>span {
	border-right: none
}

.zd-input-group-text:last-child>span {
	border-left: none
}

.zd-input-group-cell {
	display: table-cell
}

.zd-input-group .zd-input {
	width: 100%
}

.zd-input-group-l .zd-input-group-text {
	line-height: 38px
}

.zd-input-group-l .zd-input {
	height: 40px;
	line-height: 38px
}

.zd-input-group-s .zd-input-group-text {
	line-height: 30px
}

.zd-input-group-s .zd-input {
	height: 32px;
	line-height: 30px
}

.zd-textarea {
	height: auto
}

.zd-checkbox {
	width: 16px;
	height: 16px;
	cursor: pointer;
	vertical-align: middle;
	outline: 0;
	background: 0 0\9;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	-webkit-appearance: none;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat;
	background-position: 7.48% 79.84%
}

.zd-checkbox-block {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	padding-left: 21px;
	min-width: 16px;
	min-height: 24px;
	font-size: 14px;
	line-height: 24px;
	color: #333
}

.zd-checkbox-block .zd-checkbox {
	position: absolute;
	left: 0;
	top: 5px
}

.zd-checkbox-label {
	display: inline-block;
	vertical-align: middle
}

.zd-checkbox:focus,
.zd-checkbox:hover {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat;
	background-position: 7.48% 79.84%
}

.zd-checkbox:checked,
.zd-checkbox:checked:focus,
.zd-checkbox:checked:hover {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat;
	background-position: 0.38999999999999996% 94.65%
}

.zd-checkbox[disabled] {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat;
	background-position: 72.83% 56.379999999999995%
}

.zd-checkbox[disabled]:checked {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat;
	background-position: 76.77000000000001% 65.84%
}

.zd-checkbox .form-ctrl-label.disabled,
.zd-checkbox-wrap.disabled,
.zd-checkbox[disabled],
.zd-checkbox[disabled]+label {
	cursor: default;
	cursor: not-allowed
}

.zd-checkbox-block-full {
	display: block;
	margin-right: 0
}

.zd-checkbox-block-full+.zd-checkbox-block-full {
	margin-top: 5px
}

.documents-details {
	background-color: #fff
}

.documents-details .zd-column-layout {
	margin: 0 auto
}

.zd-document-details-layout {
	background-color: #fff;
	float: right;
	width: calc(100% - 240px);
	box-sizing: border-box
}

.zd-document-details-wrap {
	padding-left: 32px;
	padding-bottom: 24px
}

.zd-document-head {
	padding: 16px 0 16px 32px;
	width: 100%;
	min-height: 57px;
	border-bottom: 1px solid rgba(153, 153, 153, .32);
	position: relative;
	background-color: #fff
}

.zd-document-details-layout.zd-document-head-topbar-layout {
	position: relative;
	padding-top: 67px
}

.zd-document-head-topbar-layout .zd-document-head {
	position: fixed;
	top: 40px;
	z-index: 100;
	max-width: 950px;
	padding-right: 10px
}

.documents-container {
	overflow-x: visible
}

.zd-document-head::after {
	content: '';
	position: absolute;
	right: -1000%;
	bottom: -1px;
	width: 1000%;
	height: calc(100% + 1px);
	background-color: #fff;
	border-bottom: 1px solid rgba(153, 153, 153, .32);
	z-index: 0
}

.zd-document-search-mini {
	position: relative;
	padding-left: 26px
}

.zd-document-search-mini-input {
	width: 70%;
	height: 24px;
	line-height: 24px;
	border: none;
	background-color: transparent;
	font-size: 14px;
	color: #666;
	outline: 0;
	caret-color: #0038ff
}

.zd-document-search-mini-input::-webkit-input-placeholder {
	color: #0038ff;
	font-weight: 600
}

.zd-document-search-mini-btn {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	cursor: pointer;
	background-position: 14.57% 87.24%;
	background-repeat: no-repeat
}

.zd-document-search-mini-input:active {
	border-color: #0038ff
}

.zd-document-search-mini-input:focus::placeholder {
	color: transparent
}

.zd-document-search-mini .zd-4-hero-search-list {
	box-shadow: none;
	top: 40px;
	left: -32px
}

.zd-document-search-mini .zd-4-hero-search-list-wrap {
	width: 980px
}

.zd-document-links {
	text-align: right;
	position: absolute;
	right: 10px;
	top: 18px
}

.zd-document-link {
	color: #666;
	margin-left: 28px
}

.zd-document-link:hover {
	color: #0038ff
}

.zd-document-head .zd-4-hero-search-item>.zd-4-hero-search-inner,
.zd-document-head .zd-4-hero-search-none {
	padding-left: 56px
}

.zd-document-head .zd-4-hero-search-item a {
	padding-left: 40px
}

.zd-document-head .zd-4-hero-search-list-all {
	padding-left: 56px
}

.zd-document-head .zd-4-hero-search-list-wrap {
	box-shadow: 0 15px 35px 0 rgba(50, 50, 93, .1), 0 5px 15px 0 rgba(0, 0, 0, .07);
	z-index: 10010;
	border-radius: 0 0 4px 4px;
	left: -32px;
	top: 40px
}

.zd-document-head .zd-4-hero-search-list {
	max-height: none
}

.zd-document-search-mini .zd-4-hero-search-list {
	max-height: 350px
}

.zd-header-crumbs-2 {
	margin-top: 20px
}

.zd-header-crumbs-inner-2 {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 0;
	line-height: 20px
}

.zd-header-crumbs-link-2 {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	line-height: 20px
}

.zd-header-crumbs-link-2.active,
.zd-header-crumbs-link-2:hover {
	color: #0038ff
}

.zd-header-crumbs-icon-2 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
	width: 6px;
	height: 10px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 4500% 2590%;
	background-position: 79.17% 92.36999999999999%;
	background-repeat: no-repeat
}

.zd-document-introduce {
	margin-top: 20px;
	border-bottom: 1px solid rgba(153, 153, 153, .32);
	padding-bottom: 22px;
	margin-bottom: 40px
}

.zd-document-introduce-cont {
	display: table;
	width: 100%
}

.zd-document-introduce-main {
	display: table-cell;
	vertical-align: top;
	padding-right: 54px
}

.zd-document-introduce-side {
	display: table-cell;
	vertical-align: top;
	width: 224px
}

.zd-document-title {
	font-size: 28px;
	color: #000;
	line-height: 40px;
	font-weight: 400;
	margin-bottom: 16px;
	margin-top: 20px
}

.zd-document-text {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 16px;
	margin-top: -4px
}

.zd-document-btn-wrap {
	font-size: 0
}

.zd-document-btn {
	text-align: center;
	display: inline-block;
	padding: 0 30px;
	border: 1px solid #0038ff;
	line-height: 36px;
	color: #0038ff;
	margin-right: 20px;
	font-size: 14px;
	box-sizing: border-box
}

.zd-document-btn:hover {
	background-color: rgba(0, 164, 255, .15)
}

.zd-document-info-panel {
	width: 224px;
	box-shadow: 0 2px 3px 0 rgba(3, 27, 78, .06)
}

.zd-document-info-panel-img {
	display: block;
	width: 100%;
	height: 96px
}

.zd-document-info-panel-bd {
	border: 1px solid #E5E8ED;
	padding: 8px 12px
}

.zd-document-info-panel-title {
	color: #000;
	font-size: 14px
}

.zd-document-info-panel-icon {
	width: 14px;
	height: 14px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1928.5714285714284% 1850%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	background-position: 79.3% 55.92%;
	background-repeat: no-repeat
}

.zd-document-info-duration {
	margin-top: 18px;
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.c-thumbnail-img {
	position: relative
}

.c-thumbnail-time {
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	position: absolute;
	left: 13px;
	bottom: 6px
}

.c-thumbnail-status-bar-2 {
	padding-left: 13px;
	border: 1px solid #e5e5e5;
	border-top: 0;
	box-sizing: border-box;
	width: 100%
}

.c-thumbnail-status-bar-2 span {
	display: block;
	width: 100%;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	color: #333
}

.c-thumbnail-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	color: #fff;
	text-align: center;
	max-height: 48px;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden
}

.c-thumbnail-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 46px;
	height: 46px
}

.c-thumbnail-play-btn-icon {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 586.9565217391305% 563.0434782608695%;
	position: absolute;
	z-index: 10;
	background-position: 56.699999999999996% 39.44%;
	background-repeat: no-repeat
}

.c-thumbnail-item .c-thumbnail-img img {
	display: block;
	width: 100%
}

.c-thumbnail-play-btn:after,
.c-thumbnail-play-btn:before {
	position: absolute;
	background: #fff;
	width: 46px;
	height: 46px;
	content: "";
	display: block;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	opacity: 0
}

.c-thumbnail-card:hover .c-thumbnail-play-btn:before {
	animation: wave-animate 3s infinite linear
}

.c-thumbnail-card:hover .c-thumbnail-play-btn:after {
	opacity: 0;
	animation: wave-animate 3s 1.5s infinite linear
}

@keyframes wave-animate {
	0% {
		transform: scale(1);
		opacity: 0;
		transform-origin: center
	}

	50% {
		transform: scale(1.5);
		opacity: .3;
		transform-origin: center
	}

	100% {
		transform: scale(2);
		opacity: 0;
		transform-origin: center
	}
}

.zd-document-title-m {
	font-size: 20px;
	color: #000;
	line-height: 28px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}

.zd-document-title-m:first-child {
	margin-top: 0
}

.zd-document-title-s {
	font-size: 14px;
	color: #333;
	line-height: 24px
}

.zd-document-title-m-more {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px
}

.zd-document-study {
	position: relative
}

.zd-document-study-panels {
	position: relative;
	margin-top: 28px
}

.zd-document-study-panels::after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both
}

.zd-document-study-panels .zd-line {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	background-color: #E3E8ED
}

.zd-line-top {
	width: 12px;
	height: 12px;
	background-color: #E1E6F0;
	border-radius: 50%;
	position: absolute;
	left: -6px;
	top: 0
}

.zd-line-bottom {
	width: 12px;
	height: 12px;
	background-color: #E1E6F0;
	border-radius: 50%;
	position: absolute;
	left: -6px;
	bottom: 0
}

.zd-document-study-panel:nth-child(odd)::before {
	content: '';
	width: 76px;
	height: 1px;
	background-color: #E3E8ED;
	position: absolute;
	right: -75px;
	top: 72px
}

.zd-document-study-panel:nth-child(even)::before {
	content: '';
	width: 75px;
	height: 1px;
	background-color: #E3E8ED;
	position: absolute;
	left: -74px;
	top: 100px
}

.zd-document-study-panel {
	width: 380px;
	margin-bottom: 32px;
	position: relative
}

.zd-document-study-panel:nth-child(odd) {
	float: left
}

.zd-document-study-panel:nth-child(even) {
	float: right
}

.zd-document-study-panel-hd {
	display: inline-block;
	padding: 8px 20px;
	background-color: #6975A0;
	line-height: 40px;
	color: #fff
}

.zd-document-study-panel-hd-title {
	font-size: 16px;
	color: #FFF;
	line-height: 24px;
	font-weight: 400
}

.zd-document-study-panel-list {
	padding: 12px 20px;
	border-bottom: 1px solid #ECECEC
}

.zd-document-study-panel-title {
	font-size: 16px;
	color: #333;
	margin-bottom: 4px
}

.zd-document-study-panel-body {
	border: 1px solid #E1E6F0
}

.zd-document-study-panel-body:hover {
	box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .06)
}

.zd-document-study-panel-links {
	margin-top: 4px
}

.zd-document-study-panel-link {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	width: calc((100% - 10px)/ 2);
	font-size: 14px;
	color: #999;
	overflow: hidden;
	padding-right: 10px;
	text-overflow: ellipsis;
	word-break: keep-all
}

.zd-document-study-panel-link:nth-child(2n) {
	padding-right: 0
}

.zd-document-study-panel-link:hover {
	color: #0038ff
}

.zd-document-recommend {
	border-bottom: 1px solid rgba(153, 153, 153, .32);
	margin-top: 20px;
	margin-bottom: 20px
}

.zd-document-recommend-title {
	font-size: 28px;
	color: #000;
	line-height: 40px;
	font-weight: 400;
	margin-bottom: 16px;
	margin-top: 20px
}

.zd-document-recommend-desc {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 28px
}

.zd-22-product-panel {
	position: relative;
	border: 1px solid #E5E8ED;
	box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06);
	padding: 12px 20px;
	border-radius: 2px
}

.zd-22-product-panel:hover {
	box-shadow: 0 4px 8px rgba(3, 27, 78, .12);
	transition: all .2s linear;
	cursor: pointer
}

.zd-22-product-panel-title {
	font-size: 18px;
	color: #000;
	line-height: 28px
}

.zd-22-product-panel-desc {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin-top: 8px;
	max-height: 48px;
	overflow: hidden
}

.zd-22-product-panel-line {
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	left: 0;
	top: 0
}

.zd-22-product-panel-line-1 {
	background-color: #0038ff
}

.zd-22-product-panel-line-2 {
	background-color: #04C8DC
}

.zd-22-product-panel-line-3 {
	background-color: #006FFF
}

.zd-23-product-panel-wrap {
	background-color: #F5F7FA;
	border-radius: 2px;
	padding: 12px;
	margin-bottom: 32px
}

.zd-23-product-panel {
	background-color: #fff;
	text-align: center
}

.zd-23-product-panel:hover {
	box-shadow: 0 4px 8px rgba(3, 27, 78, .12);
	transition: all .2s linear
}

.zd-23-product-panel-hd .zd-23-product-panel-title {
	background-color: #989EA8;
	padding: 16px 10px;
	position: relative;
	display: block
}

.zd-23-product-panel-hd>a:hover .zd-23-product-panel-title {
	background-color: #0038ff;
	color: #fff
}

.zd-23-product-panel-title {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #fff;
	height: 60px;
	text-overflow: ellipsis;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden
}

.zd-23-product-panel-item {
	line-height: 60px;
	border-top: 1px solid #E5E8ED;
	display: block
}

a.zd-23-product-panel-item:hover .zd-23-product-panel-text {
	color: #0038ff
}

.zd-23-product-panel-text {
	padding: 0 15px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	max-height: 48px;
	overflow: hidden
}

.zd-feedback-panel {
	border-radius: 2px
}

.zd-feedback-panel-text {
	font-size: 16px;
	color: #000;
	line-height: 26px
}

.zd-feedback-panel-btns {
	margin-top: 12px;
	font-size: 0
}

.zd-feedback-panel-btn {
	display: inline-block;
	border: 1px solid #0038ff;
	border-radius: 100px;
	line-height: 38px;
	padding: 0 16px;
	color: #0038ff;
	margin-right: 20px;
	box-sizing: border-box;
	font-size: 14px
}

.zd-feedback-panel-btn.active,
.zd-feedback-panel-btn:hover {
	background-color: #0038ff;
	color: #fff;
	transition: all .2s linear
}

.zd-feedback-panel-btn.active .zd-feedback-btn-up,
.zd-feedback-panel-btn:hover .zd-feedback-btn-up {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 89.02% 11.49%;
	background-size: 1125% 1079.1666666666665%;
	background-repeat: no-repeat
}

.zd-feedback-panel-btn.active .zd-feedback-btn-down,
.zd-feedback-panel-btn:hover .zd-feedback-btn-down {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 47.56% 68.08999999999999%;
	background-size: 1125% 1079.1666666666665%;
	background-repeat: no-repeat
}

.zd-feedback-panel-btn:last-child {
	margin-right: 0
}

.zd-feedback-btn-down,
.zd-feedback-btn-up {
	display: inline-block;
	vertical-align: -6px;
	width: 22px;
	height: 22px;
	background-size: cover;
	margin-right: 8px
}

.zd-feedback-btn-up {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 89.02% 0.43%;
	background-size: 1125% 1079.1666666666665%;
	background-repeat: no-repeat
}

.zd-feedback-btn-down {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 68.7% 68.08999999999999%;
	background-size: 1125% 1079.1666666666665%;
	background-repeat: no-repeat
}

ul.zd-step-list {
	margin: 16px 0;
	padding-left: 0;
	position: relative
}

.zd-step-list::before {
	content: '';
	position: absolute;
	left: 10px;
	top: 0;
	width: 1px;
	background-color: #E1E6F0;
	height: 100%
}

.zd-step-list li {
	margin-bottom: 10px;
	line-height: 20px;
	list-style: none
}

.zd-step-list li:last-child {
	margin-bottom: 0
}

i.zd-step-list-num {
	display: inline-block;
	vertical-align: 0;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border: 1px solid #E1E6F0;
	text-align: center;
	border-radius: 50%;
	color: #999;
	margin-right: 12px;
	background-color: #fff;
	position: relative;
	font-style: normal
}

.zd-step .zd-document-tips,
.zd-step .zd-tabs-operation-list {
	margin-left: 34px
}

.zd-feedback {
	margin-bottom: 20px
}

.zd-feedback-item {
	border-bottom: 1px solid rgba(7, 3, 3, .24);
	margin-bottom: 20px;
	padding-left: 24px
}

.zd-feedback-item:last-child {
	border-bottom: none
}

.zd-feedback-user {
	position: relative;
	padding: 16px 20px 20px 40px
}

.zd-feedback-user-main {
	background-color: #F5F7FA
}

.zd-feedback-user-sub {
	margin-left: 26px
}

.zd-feedback-user-object {
	position: absolute;
	left: -24px;
	top: 16px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #fff
}

.zd-feedback-user-info {
	position: relative
}

.zd-feedback-user-icon {
	max-width: 100%;
	max-height: 100%
}

.zd-feedback-user-name {
	font-size: 16px;
	line-height: 26px;
	color: #333
}

.zd-feedback-user-date {
	font-size: 12px;
	color: rgba(19, 19, 19, .7);
	line-height: 20px;
	margin-top: 4px
}

.zd-feedback-user-text {
	font-size: 14px;
	color: #000;
	line-height: 24px;
	word-wrap: break-word;
	margin-top: 20px
}

.zd-feedback-user-text a {
	color: #0038ff
}

.zd-feedback-user-manner {
	margin-top: 18px
}

.zd-feedback-user-manner-link {
	margin-right: 20px;
	font-size: 12px;
	color: #131313;
	line-height: 18px;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.zd-feedback-user-manner-praise {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 12px;
	color: #131313;
	line-height: 18px;
	line-height: 32px;
	position: relative;
	background-color: #E5E8ED;
	border-radius: 16px;
	padding: 0 16px;
	height: 32px
}

.zd-feedback-user-manner-link.active::before,
.zd-feedback-user-manner-praise.active::before {
	content: '赞同+1';
	color: #0038ff;
	position: absolute;
	left: 24px;
	top: -24px;
	animation: flotage 1s forwards;
	white-space: nowrap
}

@keyframes flotage {
	from {
		top: -18px;
		opacity: 1
	}

	to {
		top: -36px;
		opacity: 0
	}
}

.zd-feedback-icon-dislike,
.zd-feedback-icon-feedback,
.zd-feedback-icon-like {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px
}

.zd-feedback-icon-like {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-like.svg)
}

.zd-feedback-icon-dislike {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-dislike.svg)
}

.zd-feedback-icon-feedback {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-feedback.svg)
}

.zd-feedback-user-manner-link.active .zd-feedback-icon-like,
.zd-feedback-user-manner-link:hover .zd-feedback-icon-like {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-like-hover.svg)
}

.zd-feedback-user-manner-link.active .zd-feedback-icon-dislike,
.zd-feedback-user-manner-link:hover .zd-feedback-icon-dislike {
	background-image: url(../../images/ZdsjuX/zd-answer-icon-dislike-hover.svg)
}

.zd-feedback-icon-praise {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 8px;
	background-image: url(../../images/ZdsjuX/zd-feedback-icon-praise.svg)
}

.zd-feedback-user-manner-praise.active .zd-feedback-icon-praise,
.zd-feedback-user-manner-praise:hover .zd-feedback-icon-praise {
	background-image: url(../../images/ZdsjuX/zd-feedback-icon-praise-hover.svg)
}

.zd-feedback-user-manner-praise.active,
.zd-feedback-user-manner-praise:hover {
	color: #0038ff
}

.zd-feedback-user-file {
	margin-top: 20px
}

.zd-feedback-user-file-link {
	font-size: 14px;
	color: #4A4A4A;
	line-height: 24px;
	margin-right: 4px;
	display: block;
	margin-bottom: 12px
}
.mhelp-menu{display: none;}
.zd-feedback-user-file-link:last-child {
	margin-bottom: 0
}

.zd-feedback-user-file-link:hover {
	color: #0038ff
}

.zd-feedback-icon-file {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-image: url(../../images/ZdsjuX/zd-answer-img.svg)
}

.zd-feedback-user-file-link:hover .zd-feedback-icon-file {
	background-image: url(../../images/ZdsjuX/zd-answer-img-hover.svg)
}

.zd-feedback-view {
	margin-top: 20px
}

.zd-feedback-img {
	max-width: 60%;
	max-height: 234px;
	height: auto;
	display: block
}

.zd-feedback-link {
	margin: 20px 0;
	position: relative;
	text-align: center
}

.zd-feedback-link::before {
	content: '';
	left: 0;
	top: -80px;
	position: absolute;
	height: 60px;
	width: 100%;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1))
}

.zd-feedback-link.active::before {
	display: none
}

.zoom-mask {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .8);
	z-index: 100
}

.zoom-img-hover:hover {
	cursor: zoom-in
}

.zoom-wrap {
	overflow: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}

.zoom-wrap>img {
	display: inline
}

.zoom-wrap .zoom-in {
	cursor: zoom-in
}

.zoom-wrap .zoom-out {
	cursor: zoom-out
}

.zoom-close {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	font-size: 0;
	cursor: pointer;
	background-position: 58.13% 68.08999999999999%;
	background-size: 1125% 1079.1666666666665%;
	background-repeat: no-repeat
}

.zoom-close:hover {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 36.99% 68.08999999999999%;
	background-size: 1125% 1079.1666666666665%;
	background-repeat: no-repeat
}

.zoom-wrap::-webkit-scrollbar-thumb {
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}

.zoom-wrap::-webkit-scrollbar {
	width: 5px;
	height: 12px;
	background-color: #666
}

.zoom-wrap::-webkit-scrollbar-track {
	background-color: #666
}

.zd-feedback-ft {
	display: table;
	width: 100%;
	border-top: 1px solid #E1E6F0;
	padding-top: 12px;
	padding-bottom: 32px
}

.zd-feedback-ft-prev {
	display: table-cell;
	text-align: left
}

.zd-feedback-ft-next {
	display: table-cell;
	text-align: right
}

.zd-feedback-ft-next a {
	color: #666
}

.zd-feedback-other {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin-top: 8px
}

.zd-title-module {
	position: relative;
	margin-top: 22px;
	margin-bottom: 14px
}

.zd-title-module-title {
	font-size: 30px;
	font-weight: 400
}

.zd-title-module-body {
	margin-top: 4px;
	position: relative;
	min-height: 24px
}

.zd-title-module-date {
	font-size: 12px;
	color: #666;
	line-height: 20px
}

.zd-title-module-operate {
	position: absolute;
	right: 0;
	top: -1px;
	font-size: 0
}

.zd-title-module-fav {
	display: inline-block;
	vertical-align: -8px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 57.089999999999996% 87.24%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-title-module-pdf {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 28.74% 87.24%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-title-module-github {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 42.91% 87.24%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-title-module-share {
	display: inline-block;
	vertical-align: -4px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 96.46000000000001% 30.04%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

a.actived .zd-title-module-fav,
a.actived:hover .zd-title-module-fav {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 50% 87.24%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

a:hover .zd-title-module-pdf {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 7.48% 87.24%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

a:hover .zd-title-module-github {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 35.83% 87.24%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-title-module-btn:hover .zd-title-module-share,
.show-bubble .zd-title-module-share {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 96.46000000000001% 22.63%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-title-module-btn.fav .zd-title-module-text>em {
	padding-left: 4px
}

.zd-title-module-btn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px
}

.zd-title-module-btn:hover .zd-title-module-text {
	color: #0038ff
}

.zd-title-module-text {
	color: #666;
	margin-left: 4px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle
}

.zd-document-tips {
	background: #F7F8FA;
	border: 1px solid #E5E5E5;
	padding: 12px 12px 12px 40px;
	position: relative;
	line-height: 24px;
	margin-bottom: 25px;
	border-radius: 2px
}

.zd-document-tip-title {
	font-size: 14px;
	line-height: 24px;
	color: #333
}

.zd-document-tip-desc {
	font-size: 14px;
	color: #151515;
	line-height: 24px
}

.zd-document-tip-icon {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 16px;
	top: 16px
}

.zd-document-tip-list {
	margin-top: 4px
}

.zd-document-tip-list li {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-top: 4px
}

.zd-document-tip-list li:first-child {
	margin-top: 0
}

.zd-document-tip-list li::before {
	content: '';
	display: inline-block;
	vertical-align: 3px;
	margin-right: 8px;
	width: 6px;
	height: 6px;
	background-color: #999;
	border-radius: 50%
}

.zd-document-tips-explain {
	border-color: #C9E3F2;
	background-color: #fff
}

.zd-document-tips-explain.zd-document-tips-bg {
	background-color: #F6FCFF
}

.zd-document-tips-explain::before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #0038ff
}

.zd-document-tips-explain .zd-document-tip-icon {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 96.46000000000001% 65.02%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-document-tips-explain .zd-document-tip-title {
	color: #333
}

.zd-document-tips-explain li::before {
	background-color: #0038ff
}

.zd-document-tips-alarm {
	border-color: #FFE5CD;
	background-color: #fff
}

.zd-document-tips-alarm.zd-document-tips-bg {
	background-color: #FCF9E9
}

.zd-document-tips-alarm::before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #FF7800
}

.zd-document-tips-alarm .zd-document-tip-icon {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 96.46000000000001% 72.43%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-document-tips-alarm .zd-document-tip-title {
	color: #FF7800
}

.zd-document-tips-alarm li::before {
	background-color: #FF7800
}

.zd-document-tips-forbid {
	border-color: #FFD6D7;
	background-color: #fff
}

.zd-document-tips-forbid.zd-document-tips-bg {
	background-color: #FFF7F7
}

.zd-document-tips-forbid::before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #F64041
}

.zd-document-tips-forbid .zd-document-tip-icon {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 96.46000000000001% 57.60999999999999%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-document-tips-forbid .zd-document-tip-title {
	color: #F64041
}

.zd-document-tips-forbid li::before {
	background-color: #F64041
}

.zd-document-tips-notice {
	border-color: rgba(53, 210, 226, .43);
	background-color: #fff
}

.zd-document-tips-notice.zd-document-tips-bg {
	background-color: #F1FEFF
}

.zd-document-tips-notice::before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #04C8DC
}

.zd-document-tips-notice .zd-document-tip-icon {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 96.46000000000001% 42.8%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-document-tips-notice .zd-document-tip-title {
	color: #04C8DC
}

.zd-document-tips-notice li::before {
	background-color: #04C8DC
}

.zd-tabs-doc-product {
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative
}

ul.zd-tabs-doc-product-list {
	border-bottom: #E5E8ED 1px solid;
	position: relative;
	padding-left: 0;
	margin-bottom: 12px;
	font-size: 0;
	white-space: nowrap
}

.zd-tabs-doc-product-btn-next,
.zd-tabs-doc-product-btn-prev {
	width: 28px;
	height: 40px;
	line-height: 40px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	z-index: 10;
	font-size: 0;
	border: 1px solid #E5E8ED;
	background-size: cover
}

.zd-tabs-doc-product-btn-prev {
	left: 0;
	background-image: url(../../images/ZdsjuX/btn-prev.svg)
}

.zd-tabs-doc-product-btn-prev:hover {
	background-image: url(../../images/ZdsjuX/btn-prev-hover.svg);
	box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12)
}

.zd-tabs-doc-product-btn-prev.disabled,
.zd-tabs-doc-product-btn-prev.disabled:hover {
	background-image: url(../../images/ZdsjuX/btn-prev-disabled.svg);
	cursor: default;
	box-shadow: inherit
}

.zd-tabs-doc-product-btn-next {
	right: 0;
	background-image: url(../../images/ZdsjuX/btn-next.svg)
}

.zd-tabs-doc-product-btn-next:hover {
	background-image: url(../../images/ZdsjuX/btn-next-hover.svg);
	box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12)
}

.zd-tabs-doc-product-btn-next.disabled,
.zd-tabs-doc-product-btn-next.disabled:hover {
	background-image: url(../../images/ZdsjuX/btn-next-disabled.svg);
	cursor: default;
	box-shadow: inherit
}

.zd-tabs-doc-product-item {
	display: inline-block;
	text-align: center;
	position: relative;
	cursor: pointer;
	padding-top: 8px;
	padding-bottom: 8px;
	overflow: hidden;
	vertical-align: bottom;
	margin-bottom: -2px;
	margin-right: 20px;
	border-bottom: 2px solid transparent
}

.zd-tabs-doc-product-item>a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.zd-tabs-doc-product-item>a:hover {
	text-decoration: none
}

.zd-tabs-doc-product-item.active {
	border-bottom-color: #0038ff
}

.zd-tabs-doc-product-item.active>a {
	color: #0038ff
}

.zd-tabs-doc-product-cont {
	font-size: 14px;
	color: #333;
	line-height: 24px
}

.zd-tabs-operation-wrap {
	border: 1px solid #E1E6F0;
	border-radius: 2px;
	margin-bottom: 20px
}

ul.zd-tabs-operation {
	padding-top: 4px;
	border-bottom: #E5E8ED 1px solid;
	position: relative;
	padding-left: 0;
	font-size: 0;
	margin-bottom: 0
}

.zd-tabs-operation-item {
	display: inline-block;
	text-align: center;
	position: relative;
	cursor: pointer;
	padding-bottom: 4px;
	overflow: hidden;
	vertical-align: bottom;
	margin-bottom: -1px;
	margin-right: 20px;
	border-bottom: 2px solid transparent
}

.zd-tabs-operation-item>a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.zd-tabs-operation-item.active {
	border-bottom-color: #0038ff
}

.zd-tabs-operation-item.active>a {
	color: #0038ff
}

.zd-tabs-operation-hd .zd-tabs {
	padding-top: 0;
	padding-bottom: 0
}

.zd-tabs-operation-hd .zd-tabs-list {
	padding-top: 4px;
	padding-bottom: 4px
}

.zd-tabs-operation-hd .zd-tabs-active .zd-tabs-item-con:after {
	bottom: -5px
}

.zd-tabs-operation-hd .zd-tabs-btn-next,
.zd-tabs-operation-hd .zd-tabs-btn-prev {
	width: 28px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	position: absolute;
	top: 0;
	z-index: 10;
	font-size: 0;
	background-size: cover
}

.zd-tabs-operation-hd .zd-tabs-btn-next {
	right: 0;
	border-left: 1px solid #e5e5e5;
	background-image: url(../../images/ZdsjuX/btn-next.svg)
}

.zd-tabs-operation-hd .zd-tabs-btn-next:hover {
	background-image: url(../../images/ZdsjuX/btn-next-hover.svg);
	box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12)
}

.zd-tabs-operation-hd .zd-tabs-btn-next.disabled,
.zd-tabs-operation-hd .zd-tabs-btn-next.disabled:hover {
	background-image: url(../../images/ZdsjuX/btn-next-disabled.svg);
	cursor: default;
	box-shadow: inherit
}

.zd-tabs-operation-hd .zd-tabs-btn-prev {
	left: 0;
	border-right: 1px solid #e5e5e5;
	background-image: url(../../images/ZdsjuX/btn-prev.svg)
}

.zd-tabs-operation-hd .zd-tabs-btn-prev:hover {
	background-image: url(../../images/ZdsjuX/btn-prev-hover.svg);
	box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12)
}

.zd-tabs-operation-hd .zd-tabs-btn-prev.disabled,
.zd-tabs-operation-hd .zd-tabs-btn-prev.disabled:hover {
	background-image: url(../../images/ZdsjuX/btn-prev-disabled.svg);
	cursor: default;
	box-shadow: inherit
}

.zd-tabs-operation-bd {
	padding: 12px 16px
}

.zd-tabs-operation-bd>p:last-child {
	margin-bottom: 0
}

.zd-tabs-operation-bd .zd-document-tips {
	margin-bottom: 12px
}

.zd-tabs-operation-title {
	margin-top: 12px;
	margin-bottom: 12px;
	font-size: 14px
}

.zd-tabs-operation-dot {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background-color: #E3E8EE;
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-right: 8px
}

.zd-tabs-operation-span {
	font-size: 14px;
	color: #333;
	line-height: 24px
}

.zd-tabs-operation-text {
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 12px
}

.zd-tabs-operation-text a {
	color: #0038ff
}

.zd-tabs-operation-list li {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.zd-tabs-operation-list li::before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	vertical-align: 2px;
	background-color: #9BA6B7;
	border-radius: 50%;
	margin-right: 12px
}

.icon-term {
	display: inline-block;
	vertical-align: 1px;
	background: #0038ff;
	border-radius: 2px;
	padding: 0 4px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	margin: 0 4px;
	transform: scale(.8)
}

.zd-table-wrap table {
	width: 100%;
	margin-bottom: 20px
}

.zd-table-wrap table td,
.zd-table-wrap table th {
	padding: 12px 14px;
	border: 1px solid #E1E6F0;
	word-wrap: break-word;
	text-align: left;
	border-radius: 2px;
	line-height: 24px
}

.zd-table-wrap table th {
	background-color: #F5F7FA;
	color: #677489;
	font-weight: 400;
	word-break: keep-all
}

.zd-table-wrap table td {
	color: #333
}

.zd-table-wrap table tr {
	background-color: #fff
}

.zd-table-icon-succeed {
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	display: inline-block;
	vertical-align: middle;
	background-position: 71.26% 87.24%;
	background-repeat: no-repeat
}

.zd-table-icon-wrong {
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	display: inline-block;
	vertical-align: middle;
	background-position: 64.17% 87.24%;
	background-repeat: no-repeat
}

.zd-table-hd-gray {
	background-color: #F5F7FA
}

.zd-table-wrap.td-border-none table td {
	border: none
}

.zd-table-wrap.td-border-none table {
	border: 1px solid #E1E6F0
}

.zd-table-wrap table {
	margin-top: 0;
	margin-bottom: 24px;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	line-height: 1.5
}

.zd-document-image-title {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-bottom: 8px
}

.zd-document-image-desc {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 12px
}

.zd-document-image-object {
	border-radius: 2px;
	border: 1px solid #E1E6F0;
	margin: 0 auto;
	max-width: 580px;
	height: 240px;
	background-color: #F5F7FA
}

.zd-quesion-items {
	border: 1px solid #E1E6F0;
	border-radius: 4px
}

.zd-quesion-item {
	padding: 20px;
	border-bottom: 1px solid #E1E6F0
}

.zd-quesion-item:last-child {
	border-bottom: none
}

.zd-quesion-item-hd {
	position: relative
}

.zd-quesion-item-bd {
	margin-top: 8px;
	display: none
}

h3.zd-quesion-title {
	font-size: 14px;
	color: #000;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 0
}

.zd-quesion-btn {
	position: absolute;
	right: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	font-size: 0;
	background-position: 96.46000000000001% 50.21%;
	background-repeat: no-repeat
}

.zd-quesion-item-desc {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.zd-quesion-item-desc>p {
	margin-bottom: 0
}

.zd-quesion-item.active .zd-quesion-item-bd {
	display: block
}

.zd-quesion-item.active .zd-quesion-btn {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 0.38999999999999996% 79.84%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.zd-quesion-item-top {
	border-bottom: 1px solid #E1E6F0
}

.zd-quesion-item-top-btn {
	display: block;
	position: relative;
	padding: 12px 20px
}

.zd-quesion-item-top-btn-title {
	font-size: 14px;
	color: #0038ff
}

.zd-quesion-item-top-btn-arrows {
	position: absolute;
	right: 23px;
	top: 18px;
	width: 10px;
	height: 6px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 2700% 4316.666666666666%;
	font-size: 0;
	background-position: 83.46000000000001% 90.91%;
	background-repeat: no-repeat
}

.zd-quesion-item-top.active .zd-quesion-item-top-btn-arrows {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 9.62% 98.02%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-code-wrap {
	margin-bottom: 24px
}

.zd-code {
	background-color: #50556B;
	border-radius: 2px;
	margin-bottom: 12px
}

.zd-code .markdown-code-bd {
	border: none
}

.zd-code:last-child {
	margin-bottom: 0
}

.zd-code-bd {
	position: relative;
	padding: 16px 40px 0 20px
}

.zd-code-toolbars {
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 2
}

.zd-code-toolbars-copy {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	background-position: 0.38999999999999996% 87.24%
}

.zd-code-pre {
	color: #fff;
	overflow-x: auto;
	line-height: 24px;
	padding: 0 0 16px !important
}

.zd-code-pre code {
	background-color: transparent;
	margin: 0
}

.zd-code-pre::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.zd-code-pre.hover {
	padding: 0 0 13px !important
}

.zd-code-pre.hover::-webkit-scrollbar {
	height: 8px
}

.zd-code-pre::-webkit-scrollbar-thumb {
	background-color: #8E96B9
}

.zd-code-hd {
	border-bottom: none;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	background: #3C4258
}

ul.zd-code-tab {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	white-space: nowrap
}

.zd-code-tab>li {
	display: inline-block
}

.zd-code-tab a {
	display: block;
	padding: 0 20px;
	min-width: 78px;
	font-size: 14px;
	line-height: 48px;
	color: #C3D1E6;
	text-align: center
}

.zd-code-tab a:hover {
	color: #fff;
	text-decoration: none
}

.zd-code-tab .active a {
	padding-top: 2px;
	border-bottom: 2px solid #C3D1E6;
	line-height: 44px
}

.zd-code-ft {
	padding: 6px 16px;
	background-color: #3C4258
}

.zd-code-ft a {
	font-size: 12px;
	color: #C3D1E6;
	line-height: 20px
}

.zd-browser-icon-tips {
	display: inline-block;
	vertical-align: -3px;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	background-position: 96.46000000000001% 79.84%;
	background-repeat: no-repeat
}

.zd-browser-tips.active .zd-browser-icon-tips {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	background-position: 96.46000000000001% 87.24%;
	background-repeat: no-repeat
}

.zd-browser-head-title {
	font-size: 14px;
	color: #151515;
	line-height: 24px
}

.zd-browser-body {
	margin-top: 16px
}

.zd-browser-body-text {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 12px
}

.zd-browser-body-text em {
	color: #000;
	font-weight: 400
}

.zd-browser-body-list li {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.zd-browser-body-list li::before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	vertical-align: 2px;
	background-color: #9BA6B7;
	border-radius: 50%;
	margin-right: 12px
}

blockquote.zd-document-tips {
	padding: 12px 12px 12px 40px;
	background-color: #fff
}

.zd-document-tip-desc>p {
	margin-bottom: 0
}

.zd-link {
	color: #0038ff;
	text-decoration: none
}

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

.zd-link-arrow,
.zd-link-weak-arrow,
.zd-link-white-arrow {
	font-size: 14px
}

.zd-link-arrow:after,
.zd-link-weak-arrow:after,
.zd-link-white-arrow:after {
	content: '';
	display: inline-block;
	vertical-align: 0;
	margin-left: 6px;
	width: 6px;
	height: 10px;
	overflow: hidden;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	background-repeat: no-repeat;
	background-position: 66.29% 44.58%;
	background-size: 4500% 2590%
}

.zd-link-arrow:hover,
.zd-link-weak-arrow:hover,
.zd-link-white-arrow:hover {
	text-decoration: none
}

.zd-link-arrow:hover:after,
.zd-link-weak-arrow:hover:after,
.zd-link-white-arrow:hover:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.zd-link-arrow.zd-link-s,
.zd-link-weak-arrow.zd-link-s,
.zd-link-white-arrow.zd-link-s {
	font-size: 12px
}

.zd-link-arrow.zd-link-s:after,
.zd-link-weak-arrow.zd-link-s:after,
.zd-link-white-arrow.zd-link-s:after {
	margin-left: 5px;
	width: 5px;
	height: 8px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.25% 5.18%;
	background-size: 5400% 3237.5%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow {
	color: #666
}

.zd-link-weak-arrow:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 66.29% 39.76%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow:hover {
	color: #0038ff
}

.zd-link-weak-arrow:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 66.29% 44.58%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow.zd-link-s:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.25% 17.130000000000003%;
	background-size: 5400% 3237.5%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow.zd-link-s:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.25% 5.18%;
	background-size: 5400% 3237.5%;
	background-repeat: no-repeat
}

.zd-link-white-arrow {
	color: #fff
}

.zd-link-white-arrow:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.62% 0.4%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-white-arrow:hover {
	color: #fff
}

.zd-link-white-arrow:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.62% 0.4%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-white-arrow.zd-link-s:after,
.zd-link-white-arrow.zd-link-s:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.25% 13.15%;
	background-size: 5400% 3237.5%;
	background-repeat: no-repeat
}

.zd-link-arrow-left,
.zd-link-weak-arrow-left,
.zd-link-white-arrow-left {
	font-size: 14px
}

.zd-link-arrow-left:before,
.zd-link-weak-arrow-left:before,
.zd-link-white-arrow-left:before {
	content: '';
	display: inline-block;
	vertical-align: 0;
	margin-right: 6px;
	width: 6px;
	height: 10px;
	overflow: hidden;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	background-position: 6.4399999999999995% 99.6%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-arrow-left:hover,
.zd-link-weak-arrow-left:hover,
.zd-link-white-arrow-left:hover {
	text-decoration: none
}

.zd-link-arrow-left:hover:before,
.zd-link-weak-arrow-left:hover:before,
.zd-link-white-arrow-left:hover:before {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px)
}

.zd-link-arrow-left.zd-link-s,
.zd-link-weak-arrow-left.zd-link-s,
.zd-link-white-arrow-left.zd-link-s {
	font-size: 12px
}

.zd-link-arrow-left.zd-link-s:before,
.zd-link-weak-arrow-left.zd-link-s:before,
.zd-link-white-arrow-left.zd-link-s:before {
	width: 5px;
	height: 8px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.25% 9.16%;
	background-size: 5400% 3237.5%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-left {
	color: #666
}

.zd-link-weak-arrow-left:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-repeat: no-repeat;
	background-position: 3.4099999999999997% 99.6%;
	background-size: 4500% 2590%
}

.zd-link-weak-arrow-left:hover {
	color: #0038ff
}

.zd-link-weak-arrow-left:hover:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 6.4399999999999995% 99.6%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-left.zd-link-s:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.25% 21.12%;
	background-size: 5400% 3237.5%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-left.zd-link-s:hover:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 99.25% 9.16%;
	background-size: 5400% 3237.5%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-left {
	color: #fff
}

.zd-link-white-arrow-left:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 0.38% 99.6%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-left:hover {
	color: #fff
}

.zd-link-white-arrow-left.zd-link-s:before,
.zd-link-white-arrow-left.zd-link-s:hover:before,
.zd-link-white-arrow-left:hover:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 0.38% 99.6%;
	background-size: 4500% 2590%;
	background-repeat: no-repeat
}

.zd-link-arrow-top,
.zd-link-weak-arrow-top,
.zd-link-white-arrow-top {
	font-size: 14px
}

.zd-link-arrow-top:after,
.zd-link-weak-arrow-top:after,
.zd-link-white-arrow-top:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	margin-left: 4px;
	width: 10px;
	height: 6px;
	overflow: hidden;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 88.08% 90.91%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-arrow-top:hover,
.zd-link-weak-arrow-top:hover,
.zd-link-white-arrow-top:hover {
	text-decoration: none
}

.zd-link-arrow-top.zd-link-s,
.zd-link-weak-arrow-top.zd-link-s,
.zd-link-white-arrow-top.zd-link-s {
	font-size: 12px
}

.zd-link-arrow-top.zd-link-s:after,
.zd-link-weak-arrow-top.zd-link-s:after,
.zd-link-white-arrow-top.zd-link-s:after {
	width: 8px;
	height: 5px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 79.39% 70.08%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-top {
	color: #666
}

.zd-link-weak-arrow-top:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 87.31% 76.68%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-top:hover {
	color: #0038ff
}

.zd-link-weak-arrow-top:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 88.08% 90.91%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-top.zd-link-s:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 66.79% 48.43%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-top.zd-link-s:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 79.39% 70.08%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-top {
	color: #fff
}

.zd-link-white-arrow-top:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 89.62% 71.54%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-top:hover {
	color: #fff
}

.zd-link-white-arrow-top:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 89.62% 71.54%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-top.zd-link-s:after,
.zd-link-white-arrow-top.zd-link-s:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 96.56% 90.55%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.zd-link-arrow-bottom,
.zd-link-weak-arrow-bottom,
.zd-link-white-arrow-bottom {
	font-size: 14px
}

.zd-link-arrow-bottom:after,
.zd-link-weak-arrow-bottom:after,
.zd-link-white-arrow-bottom:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	margin-left: 4px;
	width: 10px;
	height: 6px;
	overflow: hidden;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 14.23% 98.02%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-arrow-bottom:hover,
.zd-link-weak-arrow-bottom:hover,
.zd-link-white-arrow-bottom:hover {
	text-decoration: none
}

.zd-link-arrow-bottom.zd-link-s,
.zd-link-weak-arrow-bottom.zd-link-s,
.zd-link-white-arrow-bottom.zd-link-s {
	font-size: 12px
}

.zd-link-arrow-bottom.zd-link-s:after,
.zd-link-weak-arrow-bottom.zd-link-s:after,
.zd-link-white-arrow-bottom.zd-link-s:after {
	width: 8px;
	height: 5px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 26.340000000000003% 97.64%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-bottom {
	color: #666
}

.zd-link-weak-arrow-bottom:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 92.69% 90.91%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-bottom:hover {
	color: #0038ff
}

.zd-link-weak-arrow-bottom:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 14.23% 98.02%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-bottom.zd-link-s:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 22.52% 97.64%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.zd-link-weak-arrow-bottom.zd-link-s:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 26.340000000000003% 97.64%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-bottom {
	color: #fff
}

.zd-link-white-arrow-bottom:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 82.69% 76.68%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-bottom:hover {
	color: #fff
}

.zd-link-white-arrow-bottom:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 82.69% 76.68%;
	background-size: 2700% 4316.666666666666%;
	background-repeat: no-repeat
}

.zd-link-white-arrow-bottom.zd-link-s:after,
.zd-link-white-arrow-bottom.zd-link-s:hover:after {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 18.7% 97.64%;
	background-size: 3375% 5180%;
	background-repeat: no-repeat
}

.hljs-comment,
.hljs-quote {
	color: #999
}

.hljs-deletion,
.hljs-name,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
	color: #f2777a
}

.hljs-built_in,
.hljs-builtin-name,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type {
	color: #cc99cd
}

.hljs-attribute {
	color: #fc6
}

.hljs-addition,
.hljs-bullet,
.hljs-string,
.hljs-symbol {
	color: #86d99e
}

.hljs-section,
.hljs-title {
	color: #69c
}

.hljs-keyword,
.hljs-selector-tag {
	color: #c9c
}

.hljs {
	display: block;
	overflow-x: auto;
	background: #2d2d2d;
	color: #ccc;
	padding: .5em
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}

.zd-documents-tools {
	z-index: 105
}

.zd-documents-tools-catalog .zd-scrollbar-tools-button-desc {
	margin-top: 0
}

.zd-learning-path-item {
	position: relative;
	font-size: 0;
	box-sizing: border-box
}

.zd-learning-path-inner {
	padding-left: 196px;
	position: relative
}

.zd-learning-path-inner::before {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #E3E8ED;
	position: absolute;
	left: 24px;
	top: 0;
	z-index: 5
}

.zd-learning-path-head {
	line-height: 32px;
	position: absolute;
	left: 8px;
	top: 0;
	z-index: 10
}

.zd-learning-path-icon {
	width: 36px;
	height: 36px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	border: 4px solid #fff;
	background-color: #fff
}

.zd-learning-path-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #333;
	line-height: 28px;
	font-weight: 500
}

.zd-learning-path-section {
	padding-top: 4px;
	padding-bottom: 20px;
	overflow: hidden
}

.zd-learning-path-item .zd-learning-path-section:last-child {
	padding-bottom: 48px
}

.zd-learning-path-wrap .zd-learning-path-item:last-child .zd-learning-path-section:last-child {
	padding-bottom: 0
}

.zd-learning-path-wrap .zd-learning-path-item:last-child .zd-learning-path-inner::after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #E1E6F0;
	position: absolute;
	left: 19.5px;
	bottom: 0
}

.zd-learning-path-section-title {
	display: block;
	font-size: 16px;
	color: #000;
	line-height: 26px;
	font-weight: 400
}

.zd-learning-path-section-list>li {
	padding-right: 50px;
	display: inline-block;
	vertical-align: top
}

.zd-learning-path-section-list.list-3>li {
	width: calc((100% / 3) - 50px)
}

.zd-learning-path-section-list>li>a {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 24px;
	display: inline-block;
	margin-top: 4px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%
}

.zd-learning-path-section-list>li>a:hover {
	color: #0038ff
}

.zd-learning-path-section-list a.no-hover:hover {
	color: #666
}

.zd-learning-path-section-step>li a.no-hover:hover .zd-learning-path-section-step-num {
	color: #999;
	border-color: #d8d8d8
}

.zd-learning-path-section-menu {
	padding-top: 4px
}

.zd-learning-path-section-menu dt {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 24px;
	text-overflow: ellipsis;
	word-break: keep-all;
	overflow: hidden;
	width: 100%;
	margin-bottom: 4px
}

.zd-learning-path-section-menu dt a {
	color: #666
}

.zd-learning-path-section-menu dd a {
	display: inline-block;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	text-overflow: ellipsis;
	word-break: keep-all;
	overflow: hidden;
	width: calc(100% - 9px);
	position: relative;
	padding-left: 8px
}

.zd-learning-path-section-menu dd a::before {
	content: '';
	width: 2px;
	height: 2px;
	background-color: #999;
	position: absolute;
	left: 2px;
	top: 9px;
	overflow: hidden;
	font-size: 0
}

.zd-learning-path-section-menu dd a:hover::before {
	background-color: #0038ff
}

.zd-learning-path-section-menu dd .zd-link::before {
	display: none
}

.zd-learning-path-section .zd-link,
.zd-learning-path-section-menu a:hover {
	color: #0038ff
}

.zd-api-explorer {
	background: #FFF;
	border: 1px solid #E5E8ED;
	border-radius: 2px
}

.zd-api-explorer-hd {
	background-color: #F5F7FA;
	border-radius: 2px;
	padding: 12px 16px;
	position: relative
}

.zd-api-explorer-title {
	font-size: 14px;
	color: #677489;
	text-align: left;
	line-height: 24px
}

a.zd-api-explorer-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	line-height: 48px;
	padding: 0 16px;
	background-color: #0038ff;
	color: #fff;
	font-size: 14px
}

a.zd-api-explorer-btn:hover {
	text-decoration: none
}

.zd-icon-explorer {
	width: 16px;
	height: 12px;
	display: inline-block;
	vertical-align: -1px;
	margin-right: 10px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 2158.333333333333%;
	background-position: 50% 78.53999999999999%;
	background-repeat: no-repeat
}

.zd-api-explorer-body {
	padding: 16px
}

.zd-api-explorer-cont {
	font-size: 14px;
	color: #333;
	line-height: 24px
}

.api-explorer-dialog .zd-modal-ft.twin {
	margin-left: -5px;
	margin-right: -5px
}

.api-explorer-dialog .zd-modal-ft.twin .zd-btn {
	width: calc(50% - 10px);
	min-width: auto
}

.open-api-explorer {
	overflow: hidden
}

.open-api-explorer .zd-column-layout {
	max-width: inherit;
	padding-left: 0;
	padding-right: 0
}

.open-api-explorer .z-nav-wrap,
.open-api-explorer .zd-column-layout-aside,
.open-api-explorer .zd-document-head {
	display: none
}

.open-api-explorer .zd-document-details-layout {
	display: table;
	width: 100%;
	float: none;
	table-layout: fixed
}

.open-api-explorer .zd-document-details-wrap {
	display: table-cell;
	padding-right: 32px;
	width: calc(50% - 64px)
}

.api-explorer-panel-wrap {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	height: 500px;
	border-left: 1px solid #ccc
}

.api-explorer-login-wrap {
	margin-top: calc(50% - 56px)
}

.api-explorer-login-wrap .zd-btn {
	display: block;
	margin: 20px auto 0
}

.api-explorer-login-text {
	font-size: 16px;
	color: rgba(0, 0, 0, .5);
	text-align: center;
	line-height: 24px
}

.api-explorer-login-title {
	font-size: 24px;
	color: rgba(0, 0, 0, .5);
	text-align: center;
	line-height: 32px
}

.api-explorer-nav {
	height: 40px;
	line-height: 40px;
	background-color: #2b303b;
	padding: 0 20px;
	position: relative;
	font-size: 0;
	z-index: 10
}

.btn-api-exit,
.btn-api-menu {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #FFF;
	line-height: 18px
}

.btn-api-exit {
	position: absolute;
	right: 34px;
	line-height: 40px
}

.btn-api-exit:hover,
.btn-api-menu:hover {
	color: #0038ff
}

.icon-api-menu {
	width: 14px;
	height: 12px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	display: inline-block;
	vertical-align: -1px;
	background-size: 1928.5714285714284% 2158.333333333333%;
	margin-right: 8px;
	background-position: 56.64% 78.53999999999999%;
	background-repeat: no-repeat
}

.icon-api-exit {
	width: 16px;
	height: 15px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	display: inline-block;
	vertical-align: -3px;
	background-size: 1687.5% 1726.6666666666665%;
	margin-right: 8px;
	background-position: 42.91% 79.51%;
	background-repeat: no-repeat
}

.open-document-menu .api-explorer-nav {
	height: 60px;
	line-height: 60px
}

.open-document-menu .btn-api-menu {
	background-color: #323c54;
	padding: 11px 16px
}

.open-document-menu .btn-api-exit {
	padding: 0 16px;
	background-color: #323c54;
	top: 10px;
	right: 20px
}

.open-document-menu .zd-column-layout-cont {
	position: static
}

.open-document-menu .zd-column-layout-aside {
	display: block;
	background-color: #fff;
	z-index: 20;
	padding: 10px 10px 0 20px;
	width: 260px;
	top: 0
}

.open-document-menu .zd-column-layout-aside-inner {
	overflow-y: auto;
	padding-right: 40px
}

.open-document-menu .zd-column-menu-icon {
	display: none
}

.open-document-menu .zd-column-layout-aside-inner::-webkit-scrollbar-thumb {
	background-color: #d8d8d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.open-document-menu .zd-column-layout-aside-inner::-webkit-scrollbar {
	width: 5px;
	height: 12px;
	background-color: #fff
}

.open-document-menu .zd-column-layout-aside-inner::-webkit-scrollbar-track {
	background-color: #fff
}

.open-document-menu .zd-column-aside-menu-fold-2 {
	right: 0
}

.mask-api-explorer {
	opacity: .6;
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 20
}

.api-explorer-doc-menu {
	display: none;
	border-bottom: 1px solid #E8E8E8;
	padding: 20px;
	margin: -10px -10px 26px -20px;
	position: relative
}

.open-document-menu .api-explorer-doc-menu {
	display: block
}

.api-explorer-doc-menu h4 {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: 400
}

.btn-api-explorer-close {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 12px;
	height: 12px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 2250% 2158.333333333333%;
	background-position: 62.4% 78.53999999999999%;
	background-repeat: no-repeat
}

.btn-api-explorer-close:hover {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 60.08% 93.12%;
	background-size: 2250% 2158.333333333333%;
	background-repeat: no-repeat
}

.topbar-guide-nav {
	background-color: #fff;
	position: relative;
	z-index: 10;
	border-bottom: 1px solid rgba(153, 153, 153, .32)
}

.topbar-guide-inner {
	width: 1180px;
	margin: 0 auto;
	position: relative
}

.topbar-guide-link {
	padding: 16px 0
}

.topbar-guide-link li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px
}

.topbar-guide-link li a {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.topbar-guide-link li a:hover {
	color: #0038ff
}

.topbar-guide-btn {
	position: absolute;
	right: 0;
	top: 10px
}

.topbar-guide-btn-2 {
	font-size: 0;
	position: absolute;
	right: 0;
	top: 10px
}

.topbar-guide-btn-2-box {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #E5E8ED;
	line-height: 34px;
	font-size: 14px;
	padding: 0 10px;
	width: 160px;
	color: #999
}

.topbar-guide-btn-2-search {
	height: 36px;
	padding: 0 9px;
	background-color: #0038ff;
	border: 1px solid transparent;
	color: #fff;
	font-size: 0;
	line-height: 34px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	outline: 0;
	box-sizing: border-box;
	text-decoration: none
}

.topbar-guide-btn-2-search-icon {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 35.83% 79.84%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.topbar-guide-btn-icon {
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 10px;
	background-position: 21.65% 79.84%;
	background-repeat: no-repeat
}

.sidebar-guide-panel {
	width: 423px;
	background-color: #fff;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 1010;
	box-shadow: -3px 2px 30px 0 rgba(0, 0, 0, .22);
	transform: translateX(calc(100% + 30px))
}

.sidebar-guide-panel-search-inner {
	position: relative;
	display: table;
	width: 100%;
	height: 76px;
	border-bottom: 1px solid #DFDFDF
}

.sidebar-guide-panel-search-box {
	display: table-cell;
	position: relative;
	padding: 26px 36px 26px 60px
}

.sidebar-guide-panel-search-input {
	width: 70%;
	height: 24px;
	line-height: 24px;
	border: none;
	background-color: transparent;
	font-size: 18px;
	color: #666;
	outline: 0;
	caret-color: #0038ff
}

.sidebar-guide-panel-search-input::-webkit-input-placeholder {
	color: #0038ff
}

.sidebar-guide-panel-search-input:active {
	border-color: #0038ff
}

.sidebar-guide-panel-search-input:focus::placeholder {
	color: #999
}

.icon-search-btn {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -9px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	cursor: pointer;
	background-position: 21.65% 87.24%;
	background-repeat: no-repeat
}

.icon-clear-text {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	cursor: pointer;
	background-position: 96.46000000000001% 15.229999999999999%;
	background-repeat: no-repeat
}

.sidebar-guide-panel-fold {
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	background: #F5F7FA;
	font-size: 14px;
	display: table-cell;
	position: relative;
	text-align: center
}

.sidebar-guide-panel-fold a {
	display: block;
	width: 100%;
	height: 100%
}

.sidebar-guide-panel-fold:hover {
	background-color: #0038ff
}

.sidebar-guide-panel-fold:hover a {
	color: #fff
}

.sidebar-guide-panel-search-result .key-tag {
	background-color: rgba(0, 164, 255, .2)
}

.sidebar-guide-panel-search-result-list {
	padding: 18px 24px;
	border-bottom: 1px solid #DFDFDF
}

.sidebar-guide-panel-search-result-list:hover {
	background-color: #F5F7FA;
	cursor: pointer
}

.sidebar-guide-panel-search-result-title {
	font-size: 18px;
	color: #000;
	line-height: 28px
}

.sidebar-guide-panel-search-result-cont {
	width: 378px;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin-top: 4px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 48px
}

.sidebar-guide-panel-search-info {
	padding: 16px 24px;
	background-color: #F5F7FA;
	border-bottom: 1px solid #DFDFDF
}

.sidebar-guide-panel-search-info-text {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.sidebar-guide-panel-search-result-list .zd-select,
.sidebar-guide-panel-search-result-list .zd-select-btn {
	width: 100%
}

.sidebar-guide-panel-search-box-wrap {
	padding: 16px 20px 0
}

.sidebar-guide-panel-search-box-wrap .zd-select {
	display: block
}

.sidebar-guide-panel-search-box-wrap .zd-select-btn-default {
	width: 100%
}

.sidebar-guide-panel-search-state {
	padding: 20px 0 42px;
	border-bottom: 1px solid #DFDFDF
}

.sidebar-guide-panel-search-state-img {
	display: block;
	margin: 0 auto;
	max-width: 180px;
	max-height: 180px;
	opacity: .4
}

.sidebar-guide-panel-search-state-text {
	text-align: center;
	margin: 0 40px;
	font-size: 18px;
	color: #000;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.sidebar-guide-panel-search-clause {
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 24px;
	margin-top: 60px
}

.sidebar-guide-panel-search-state:only-child {
	border-bottom: none
}

.sidebar-guide-panel-search-state-loading {
	padding: 30px 0
}

.sidebar-guide-panel-search-result-list.read .sidebar-guide-panel-search-result-title {
	color: #999
}

.sidebar-guide-panel-search-tips {
	width: calc(100% - 40px);
	position: absolute;
	top: 77px;
	left: 0;
	padding: 12px 20px;
	background-color: #F5F7FA
}

.icon-enter {
	display: inline-block;
	vertical-align: -1px;
	width: 16px;
	height: 11px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 2354.5454545454545%;
	background-position: 96.46000000000001% 36.69%;
	background-repeat: no-repeat
}

.sidebar-guide-panel-search-result {
	overflow-y: auto
}

.sidebar-guide-panel-search-result::-webkit-scrollbar-thumb {
	background-color: #d8d8d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.sidebar-guide-panel-search-result::-webkit-scrollbar {
	width: 5px;
	height: 12px;
	background-color: #fff
}

.sidebar-guide-panel-search-result::-webkit-scrollbar-track {
	background-color: #fff
}

.com-share-bubble {
	color: #444;
	z-index: 900
}

.com-share-bubble>.c-bubble-inner {
	padding: 20px;
	border: 1px solid #E7E8F1;
	border-radius: 0;
	-webkit-box-shadow: 0 10px 20px rgba(3, 27, 78, .1);
	box-shadow: 0 10px 20px rgba(3, 27, 78, .1)
}

.com-share-bubble.c-bubble-top>.c-bubble-inner:before {
	border-width: 0 8px 11px;
	border-color: transparent transparent #E7E8F1
}

.com-share-bubble.c-bubble-top>.c-bubble-inner:after {
	border-width: 0 7px 9px;
	border-color: transparent transparent #fff
}

.com-share-bubble.c-bubble-bottom>.c-bubble-inner:before {
	border-width: 11px 8px 0;
	border-color: #E7E8F1 transparent transparent
}

.com-share-bubble.c-bubble-bottom>.c-bubble-inner:after {
	border-width: 9px 7px 0;
	border-color: #fff transparent transparent
}

.com-share-bubble.c-bubble-left>.c-bubble-inner:before {
	left: auto;
	border-width: 8px 11px 8px 0;
	border-color: transparent #E7E8F1 transparent transparent
}

.com-share-bubble.c-bubble-left>.c-bubble-inner:after {
	left: auto;
	border-width: 7px 9px 7px 0;
	border-color: transparent #fff transparent transparent
}

.com-share-bubble.c-bubble-right>.c-bubble-inner:before {
	border-width: 8px 0 8px 11px;
	border-color: transparent transparent transparent #E7E8F1;
	left: 100%;
	top: inherit;
	margin-left: -1px;
	margin-top: -8px
}

.com-share-bubble.c-bubble-right>.c-bubble-inner:after {
	border-width: 7px 0 7px 9px;
	border-color: transparent transparent transparent #fff;
	left: 100%;
	top: inherit;
	margin-left: -1px;
	margin-top: -7px
}

.com-share-bubble-trigger {
	font-size: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.com-share-bubble-trigger>.com-share-bubble {
	visibility: hidden;
	width: 160px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	text-align: center;
	pointer-events: none;
	opacity: 0
}

.com-share-bubble-trigger.show-bubble>.com-share-bubble {
	visibility: visible;
	visibility: visible;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	opacity: 1;
	opacity: 1;
	z-index: 900
}

.com-share-bubble-trigger>.com-share-bubble>.c-bubble-inner {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	text-align: left;
	vertical-align: middle;
	pointer-events: auto
}

.com-share-bubble-trigger>.c-bubble-bottom,
.com-share-bubble-trigger>.c-bubble-top {
	left: 50%;
	margin-left: -80px
}

.com-share-bubble-trigger>.c-bubble-top {
	top: 100%;
	margin-top: 8px;
	-webkit-transform: translateY(-11px);
	transform: translateY(-11px)
}

.com-share-bubble-trigger>.c-bubble-bottom {
	bottom: 100%;
	margin-bottom: 11px;
	-webkit-transform: translateY(11px);
	transform: translateY(11px)
}

.com-share-bubble-trigger.show-bubble>.c-bubble-bottom,
.com-share-bubble-trigger.show-bubble>.c-bubble-top {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.com-share-bubble-trigger>.c-bubble-left,
.com-share-bubble-trigger>.c-bubble-right {
	top: 50%;
	height: 160px;
	margin-top: -80px
}

.com-share-bubble-trigger>.c-bubble-left:before,
.com-share-bubble-trigger>.c-bubble-right:before {
	font-size: 0;
	display: inline-block;
	width: 0;
	height: 100%;
	content: '';
	vertical-align: middle
}

.com-share-bubble-trigger>.c-bubble-left {
	text-align: left;
	left: 100%;
	margin-left: 11px;
	-webkit-transform: translateX(-11px);
	transform: translateX(-11px)
}

.com-share-bubble-trigger>.c-bubble-right {
	text-align: right;
	right: 100%;
	margin-right: 11px;
	-webkit-transform: translateX(11px);
	transform: translateX(11px)
}

.com-share-bubble-trigger.show-bubble>.c-bubble-left,
.com-share-bubble-trigger.show-bubble>.c-bubble-right {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.com-share-bubble-trigger.c-triangle-align-start>.com-share-bubble.c-bubble-bottom,
.com-share-bubble-trigger.c-triangle-align-start>.com-share-bubble.c-bubble-top {
	text-align: left;
	margin-left: -32px
}

.com-share-bubble-trigger.c-triangle-align-start>.c-bubble-bottom>.c-bubble-inner,
.com-share-bubble-trigger.c-triangle-align-start>.c-bubble-top>.c-bubble-inner {
	left: 32px
}

.com-share-bubble-trigger.c-triangle-align-start>.c-bubble-left,
.com-share-bubble-trigger.c-triangle-align-start>.c-bubble-right {
	margin-top: -18px
}

.com-share-bubble-trigger.c-triangle-align-start>.c-bubble-left>.c-bubble-inner,
.com-share-bubble-trigger.c-triangle-align-start>.c-bubble-right>.c-bubble-inner {
	top: 18px;
	vertical-align: top
}

.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-bottom,
.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-top {
	text-align: right;
	left: auto;
	right: 0;
	margin-right: -24px
}

.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-bottom>.c-bubble-inner,
.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-top>.c-bubble-inner {
	left: auto;
	right: 24px
}

.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-bottom>.c-bubble-inner:after,
.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-top>.c-bubble-inner:after {
	margin-right: 1px
}

.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-left,
.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-right {
	top: auto;
	bottom: -24px;
	margin-top: 0
}

.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-left>.c-bubble-inner,
.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-right>.c-bubble-inner {
	vertical-align: bottom;
	top: auto;
	bottom: 24px
}

.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-left>.c-bubble-inner:after,
.com-share-bubble-trigger.c-triangle-align-end>.c-bubble-right>.c-bubble-inner:after {
	margin-bottom: 1px
}

.com-share-bubble-msg {
	color: #333
}

.com-share-bubble-msg>.c-bubble-inner {
	padding: 10px
}

.com-share-bubble-msg .icon {
	position: relative;
	top: -1px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 28.74% 79.84%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.com-share-bubble-opts>li {
	margin-bottom: 15px
}

.com-share-bubble-opts>li:last-child {
	margin-bottom: 0
}

.com-share-bubble-opts .com-share-bubble-trigger {
	display: block
}

.com-share-bubble-link,
.com-share-bubble-text {
	display: block;
	color: #333;
	font-size: 12px
}

.com-share-bubble-link:hover {
	color: #0038ff;
	text-decoration: none
}

.com-share-bubble-icon {
	position: relative;
	top: -1px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px
}

.com-share-bubble-icon.qq {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 87.6% 40.589999999999996%;
	background-size: 1350% 1295%;
	background-repeat: no-repeat
}

.com-share-bubble-icon.wechat {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 87.6% 31.380000000000003%;
	background-size: 1350% 1295%;
	background-repeat: no-repeat
}

.com-share-bubble-icon.weibo {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 87.6% 22.18%;
	background-size: 1350% 1295%;
	background-repeat: no-repeat
}

.com-share-bubble-icon.link {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 87.6% 49.79%;
	background-size: 1350% 1295%;
	background-repeat: no-repeat
}

.com-share-bubble-code {
	margin-top: 10px;
	width: 110px;
	height: 110px
}

.com-share-bubble-code img {
	display: block;
	width: 100%
}

.com-share-bubble .c-bubble-trigger {
	display: block
}

.com-share-bubble-trigger-link {
	color: #0038ff;
	font-size: 14px
}

.com-share-bubble-trigger-link .com-i-share {
	position: relative;
	top: -1px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 14.57% 79.84%;
	background-size: 1687.5% 1618.75%;
	background-repeat: no-repeat
}

.com-share-mobile-layout {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none
}

.com-share-mobile-layout .com-share-guide,
.com-share-mobile-layout .com-share-mask,
.com-share-mobile-layout .com-share-msg,
.com-share-mobile-layout .com-share-popup {
	pointer-events: auto
}

.com-share-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	background-color: #000;
	opacity: .7;
	transform-origin: bottom center;
	transition: all .3s ease-in-out
}

.com-share-mask.hided {
	opacity: 0;
	visibility: hidden
}

.com-share-popup {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 901;
	background-color: #fff;
	overflow: hidden;
	transition: all .3s ease;
	box-sizing: border-box
}

.com-share-popup.hided {
	transform: translate3d(0, 100%, 0);
	visibility: hidden
}

.com-share-popup-hd {
	margin: 0 10px;
	padding: 0 5px;
	border-bottom: 1px solid #e5e5e5
}

.com-share-popup-title {
	font-size: 14px;
	line-height: 50px;
	font-weight: 700;
	color: #333;
	text-align: left
}

.com-share-popup-close {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 5px;
	top: 5px;
	background-color: transparent;
	font-size: 0;
	text-align: center
}

.com-share-popup-close:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 11px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 70.66% 92.74%;
	background-size: 2454.5454545454545% 2354.5454545454545%;
	background-repeat: no-repeat
}

.com-share-popup-close:active:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 75.68% 92.74%;
	background-size: 2454.5454545454545% 2354.5454545454545%;
	background-repeat: no-repeat
}

.com-share-popup-close:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.com-share-popup-bd {
	padding: 20px 15px
}

.com-share-opts {
	display: -webkit-box;
	display: flex
}

.com-share-opts-item {
	-webkit-box-flex: 1;
	flex: 1
}

.com-share-opt {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	text-align: center
}

.com-share-opt-icon {
	display: block;
	margin: 0 auto 5px;
	width: 44px;
	height: 44px;
	background-color: #666;
	border-radius: 50%;
	text-align: center;
	line-height: 44px
}

.com-share-opt-icon:before {
	position: relative;
	top: -1px;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px
}

.com-share-opt-icon.wechat {
	background-color: #30CC04
}

.com-share-opt-icon.wechat:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 14.34% 68.67%;
	background-size: 1038.4615384615386% 996.1538461538462%;
	background-repeat: no-repeat
}

.com-share-opt-icon.qq {
	background-color: #0038ff
}

.com-share-opt-icon.qq:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 63.519999999999996% 56.65%;
	background-size: 1038.4615384615386% 996.1538461538462%;
	background-repeat: no-repeat
}

.com-share-opt-icon.weibo {
	background-color: #F43B51
}

.com-share-opt-icon.weibo:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 52.05% 56.65%;
	background-size: 1038.4615384615386% 996.1538461538462%;
	background-repeat: no-repeat
}

.com-share-opt-icon.link {
	background-color: #5F5D5D
}

.com-share-opt-icon.link:before {
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 25.82% 68.67%;
	background-size: 1038.4615384615386% 996.1538461538462%;
	background-repeat: no-repeat
}

.com-share-popup-bd-ft-btn {
	border-top: 8px solid #f2f2f2;
	width: 100%;
	display: block;
	text-align: center;
	padding: 12px 0;
	font-size: 16px;
	color: #666;
	line-height: 24px
}

.com-share-popup-close {
	display: none
}

.com-share-guide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	background-color: rgba(0, 0, 0, .7);
	transition: all .3s ease-in-out
}

.com-share-guide.hided {
	opacity: 0;
	visibility: hidden
}

.com-share-guide-cnt {
	position: absolute;
	box-sizing: border-box;
	max-width: 100%;
	padding: 0 15px;
	font-size: 20px;
	line-height: 30px;
	color: #fff
}

.com-share-guide-arrow {
	position: absolute;
	width: 60px;
	height: 73px
}

.com-share-guide.top-right .com-share-guide-cnt {
	top: 15px;
	right: 0;
	padding-top: 93px;
	text-align: right
}

.com-share-guide.top-right .com-share-guide-arrow {
	right: 15px;
	top: 0;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 0.48% 45.410000000000004%;
	background-size: 442.62295081967216% 350%;
	background-repeat: no-repeat
}

.com-share-guide.top-right.mini-app .com-share-guide-arrow {
	right: 35px
}

.com-share-guide.bottom-center .com-share-guide-cnt {
	bottom: 15px;
	left: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 93px
}

.com-share-guide.bottom-center .com-share-guide-arrow {
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-position: 30.620000000000005% 45.410000000000004%;
	background-size: 442.62295081967216% 350%;
	background-repeat: no-repeat
}

.com-share-msg {
	position: absolute;
	left: 0;
	bottom: 170px;
	z-index: 9001;
	width: 100%;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	transition: all .3s ease
}

.com-share-msg.hided {
	transform: translate3d(0, 100%, 0), scale3d(1, 1, 1, 0);
	visibility: hidden;
	opacity: 0
}

.com-share-msg-info {
	background-color: #E6F8EE;
	color: #007E3B;
	border-radius: 4px;
	display: inline-block;
	padding: 10px 15px;
	max-width: 100%;
	font-size: 14px;
	text-align: left
}

.zd-operation-msg {
	display: inline-block;
	background: #FFF;
	box-shadow: 0 7px 25px 0 rgba(207, 216, 221, .76);
	padding: 8px 20px;
	line-height: 24px;
	font-size: 0
}

.zd-operation-msg-inner {
	display: table;
	width: 100%
}

.zd-operation-msg-icon-succeed {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	margin-right: 8px;
	background-position: 78.35% 87.24%;
	background-repeat: no-repeat
}

.zd-operation-msg-text {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 24px
}

.zd-operation-msg-close {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(../../images/ZdsjuX/documents-202103301718.svg);
	background-size: 1687.5% 1618.75%;
	font-size: 0;
	margin-left: 20px;
	background-position: 85.42999999999999% 87.24%;
	background-repeat: no-repeat
}

@media (min-width:769px) {
	body {
		min-width: 1280px
	}

	body.documents-home {
		min-width: auto
	}

	.ceiling-nav-layout {
		padding-top: 40px
	}

	.ceiling-nav-layout .z-nav-wrap {
		position: fixed
	}

	.doc-box,
	.doc-hd,
	.doc-header,
	.doc-inner {
		min-width: inherit
	}

	.zd-document-details-layout a:hover {
		text-decoration: none
	}
}

@media screen and (max-width:768px) {
	.home-container {
		background-color: #F5F7FA
	}

	body.self-service {
		background-color: #F7F8FA
	}
}

@media screen and (min-width:769px) {
	.documents-home .z-nav-wrap.z-nav-air-sub .z-nav-mod-pc::after {
		content: '';
		position: absolute;
		left: 0;
		top: 40px;
		width: 100%;
		height: 120px;
		background: -webkit-linear-gradient(rgba(25, 30, 43, 1), rgba(25, 30, 43, 0));
		background: -o-linear-gradient(rgba(25, 30, 43, 1), rgba(25, 30, 43, 0));
		background: -moz-linear-gradient(rgba(25, 30, 43, 1), rgba(25, 30, 43, 0));
		background: linear-gradient(rgba(25, 30, 43, 1), rgba(25, 30, 43, 0));
		pointer-events: none
	}
}

@media (max-width:600px) {
	.zd-2-media-panel {
		height: auto
	}

	.zd-2-media-panel-title {
		white-space: normal
	}

	.zd-2-media-panel-desc {
		display: block;
		max-height: none
	}

	.zd-2-media-panel-link-icon {
		display: none
	}
}

@media screen and (max-width:1367px) {
	.zd-section {
		padding: 45px 10px 50px
	}

	.zd-section-hd {
		margin-bottom: 30px
	}

	.zd-section-tit {
		font-size: 24px
	}

	.zd-section-des {
		font-size: 16px
	}
}

@media screen and (max-height:769px) {
	.zd-section {
		padding: 45px 10px 50px
	}

	.zd-section-hd {
		margin-bottom: 30px
	}

	.zd-section-tit {
		font-size: 24px
	}

	.zd-section-des {
		font-size: 16px
	}
}

@media screen and (max-width:768px) {
	.zd-section {
	    padding: 25px 0 30px;
	}

	.zd-section-inner {
		padding: 0 15px
	}

	.zd-section-tit {
		font-size: 20px
	}

	.zd-section-bg1,
	.zd-section-bg2 {
		background-image: none
	}

	.zd-section-line {
		background: #fff;
		border-bottom: 1px solid #e5e5e5
	}
}

@media (min-width:769px) {
	.zd-lattice>.zd-lattice-cell {
		margin-bottom: 40px
	}

	.zd-lattice.zd-lattice-cols-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice.zd-lattice-cols-2>.zd-lattice-cell {
		margin-right: 60px;
		width: calc((100% - 60px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-3>.zd-lattice-cell {
		margin-right: 60px;
		width: calc((100% - 60px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-4>.zd-lattice-cell {
		margin-right: 60px;
		width: calc((100% - 60px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-5>.zd-lattice-cell {
		margin-right: 60px;
		width: calc((100% - 60px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-6>.zd-lattice-cell {
		margin-right: 60px;
		width: calc((100% - 60px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice.zd-lattice-without-margin {
		margin-bottom: -40px
	}
}

@media (min-width:601px) and (max-width:768px) {
	.zd-lattice>.zd-lattice-cell {
		margin-bottom: 40px
	}

	.zd-lattice.zd-lattice-cols-m-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice.zd-lattice-cols-m-2>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-m-3>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-m-4>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-m-5>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-m-6>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice.zd-lattice-without-margin {
		margin-bottom: -40px
	}
}

@media (max-width:600px) {
	.zd-lattice>.zd-lattice-cell {
		margin-bottom: 40px
	}

	.zd-lattice.zd-lattice-cols-s-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice.zd-lattice-cols-s-2>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-s-3>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-s-4>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-s-5>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice.zd-lattice-cols-s-6>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice.zd-lattice-without-margin {
		margin-bottom: -40px
	}
}

@media (min-width:769px) {
	.zd-lattice-line>.zd-lattice-cell {
		margin-bottom: 20px
	}

	.zd-lattice-line.zd-lattice-cols-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice-line.zd-lattice-cols-2>.zd-lattice-cell {
		margin-right: 80px;
		width: calc((100% - 80px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice-line.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-3>.zd-lattice-cell {
		margin-right: 80px;
		width: calc((100% - 80px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice-line.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-4>.zd-lattice-cell {
		margin-right: 80px;
		width: calc((100% - 80px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice-line.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-5>.zd-lattice-cell {
		margin-right: 80px;
		width: calc((100% - 80px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice-line.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-6>.zd-lattice-cell {
		margin-right: 80px;
		width: calc((100% - 80px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice-line.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-without-margin {
		margin-bottom: -20px
	}

	.zd-lattice-line.zd-lattice-cols-1>.zd-lattice-cell:after {
		display: none
	}
}

@media (min-width:601px) and (max-width:768px) {
	.zd-lattice-line>.zd-lattice-cell {
		margin-bottom: 20px
	}

	.zd-lattice-line.zd-lattice-cols-m-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice-line.zd-lattice-cols-m-2>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice-line.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-m-3>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice-line.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-m-4>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice-line.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-m-5>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice-line.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-m-6>.zd-lattice-cell {
		margin-right: 40px;
		width: calc((100% - 40px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice-line.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-without-margin {
		margin-bottom: -20px
	}

	.zd-lattice-line.zd-lattice-cols-m-1>.zd-lattice-cell:after {
		display: none
	}

	.zd-lattice-line>.zd-lattice-cell:after {
		right: -20px
	}
}

@media (max-width:600px) {
	.zd-lattice-line>.zd-lattice-cell {
		margin-bottom: 40px
	}

	.zd-lattice-line.zd-lattice-cols-s-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice-line.zd-lattice-cols-s-2>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice-line.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-s-3>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice-line.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-s-4>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice-line.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-s-5>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice-line.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-cols-s-6>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice-line.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice-line.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice-line.zd-lattice-without-margin {
		margin-bottom: -40px
	}

	.zd-lattice-line.zd-lattice-cols-s-1>.zd-lattice-cell:after {
		display: none
	}

	.zd-lattice-line>.zd-lattice-cell:after {
		right: -5px
	}
}

@media (min-width:769px) {
	.zd-lattice-card>.zd-lattice-cell {
		margin-bottom: 20px
	}

	.zd-lattice-card.zd-lattice-cols-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice-card.zd-lattice-cols-2>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice-card.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-3>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice-card.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-4>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice-card.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-5>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice-card.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-6>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice-card.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-without-margin {
		margin-bottom: -20px
	}

	.com-none-panel-link:hover:after {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
}

@media (min-width:601px) and (max-width:768px) {
	.zd-lattice-card>.zd-lattice-cell {
		margin-bottom: 20px
	}

	.zd-lattice-card.zd-lattice-cols-m-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice-card.zd-lattice-cols-m-2>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice-card.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-m-3>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice-card.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-m-4>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice-card.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-m-5>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice-card.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-m-6>.zd-lattice-cell {
		margin-right: 20px;
		width: calc((100% - 20px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice-card.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-without-margin {
		margin-bottom: -20px
	}
}

@media (max-width:600px) {
	.zd-lattice-card>.zd-lattice-cell {
		margin-bottom: 20px
	}

	.zd-lattice-card.zd-lattice-cols-s-1>.zd-lattice-cell {
		width: 100%
	}

	.zd-lattice-card.zd-lattice-cols-s-2>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (2 - 1) - 1px)/ 2)
	}

	.zd-lattice-card.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-s-3>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (3 - 1) - 1px)/ 3)
	}

	.zd-lattice-card.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-s-4>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (4 - 1) - 1px)/ 4)
	}

	.zd-lattice-card.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-s-5>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (5 - 1) - 1px)/ 5)
	}

	.zd-lattice-card.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-cols-s-6>.zd-lattice-cell {
		margin-right: 10px;
		width: calc((100% - 10px * (6 - 1) - 1px)/ 6)
	}

	.zd-lattice-card.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n) {
		margin-right: 0
	}

	.zd-lattice-card.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n):after {
		display: none
	}

	.zd-lattice-card.zd-lattice-without-margin {
		margin-bottom: -20px
	}
}

@media (min-width:601px) {
	.com-none-panel.horizontal {
		margin: 0 auto;
		max-width: 840px
	}

	.com-none-panel.horizontal .com-none-panel-object {
		display: table-cell;
		vertical-align: middle;
		padding-right: 60px;
		width: 220px
	}

	.com-none-panel.horizontal .com-none-panel-main {
		display: table-cell;
		vertical-align: middle;
		text-align: left
	}

	.com-none-panel.horizontal .com-none-panel-btns {
		margin-top: 20px;
		margin-left: -5px
	}
}

@media (max-width:768px) {
	.com-none-panel {
		padding: 50px 15px
	}

	.com-none-panel-icon.error {
		margin-bottom: 20px;
		width: 156px;
		height: 99px
	}

	.com-none-panel-icon.arrangement,
	.com-none-panel-icon.column,
	.com-none-panel-icon.network,
	.com-none-panel-icon.search {
		width: 180px;
		height: 180px
	}

	.com-none-panel-title {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 26px
	}

	.com-none-panel-btns {
		margin: 30px -5px 0
	}

	.com-none-panel-btns .c-btn {
		height: 40px;
		line-height: 38px
	}

	.com-none-panel-btns .c-btn-hole {
		line-height: 38px
	}

	.com-none-panel-link:active:after {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}

	.com-none-panel-btns .c-btn-hole,
	.com-none-panel-btns .c-btn-hole:hover {
		color: #0038ff;
		border-color: #0038ff;
		background-color: transparent
	}

	.com-none-panel.page {
		padding: 50px 15px;
		background-color: #fff
	}

	.com-none-panel.page+.com-none-panel.page {
		margin-top: 10px;
		border-top: none
	}

	.com-none-panel-icon.error-403,
	.com-none-panel-icon.error-404,
	.com-none-panel-icon.error-503,
	.com-none-panel-icon.error-504 {
		width: 300px;
		height: 130px
	}
}

@media (max-width:600px) {
	.com-none-panel-btns {
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center
	}

	.com-none-panel-btns .c-btn {
		-webkit-box-flex: 1;
		flex: 1;
		min-width: 0
	}

	.com-none-panel-link {
		-webkit-box-flex: 1;
		flex: 1
	}
}

@media screen and (max-width:768px) {
	.zd-4-hero-search-list-wrap {
		top: 44px;
		width: calc(100% - 1px)
	}

	.zd-4-hero-search-btn::before {
		top: 12px
	}

	.zd-4-hero-search-list {
		padding-top: 4px
	}
}

@media screen and (min-width:769px) {

	.zd-4-hero-search-item.zd-4-hero-search-item-show>a .zd-4-hero-debug,
	.zd-4-hero-search-item>a:hover .zd-4-hero-debug {
		display: block
	}
}

@media screen and (max-width:768px) {
	.zd-4-hero-inner {
		height: 200px;
		padding-left: 16px;
		padding-right: 16px
	}

	.zd-4-hero-group {
		min-width: auto;
		width: 100%;
	}

	.zd-4-hero-search-btn {
		height: 40px
	}

	.zd-4-hero-search-tip {
		display: none
	}

	.zd-4-hero-search-list-type>a {
		margin-right: 20px
	}

	.zd-4-hero-search-cont-info,
	.zd-4-hero-search-cont-tag {
		max-width: 100%
	}

	.zd-search-mobile-bar .zd-4-hero-search-list-all {
		padding-left: 46px
	}

	.zd-4-hero-search-list.zd-4-hero-search-m {
		padding-bottom: 44px
	}

	.zd-4-hero-search-item-wrap {
		padding-top: 10px;
		padding-bottom: 4px;
		border-bottom: 1px solid #e5e5e5
	}

	.zd-4-hero-search-list .zd-4-hero-search-item-wrap:last-child {
		border-bottom: none
	}

	.zd-4-hero-search-result-more {
		position: absolute;
		right: 0;
		top: 0
	}

	.zd-4-hero-search-result-title {
		position: relative
	}

	.zd-4-hero-search-list-all-wrap {
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: #fff;
		width: 100%
	}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) and (-webkit-min-device-pixel-ratio:1) {
	.zd-4-hero-search-wrap {
		width: 528px;
		margin: 32px auto 0
	}

	.zd-accordion-list .zd-accordion-item-list li {
		width: calc(25% - 16px)
	}
}

@media screen and (max-width:768px) {
	.zd-3-event-panel {
		padding: 0
	}

	.zd-3-event-panel-group {
		margin: 0;
		padding: 0;
		max-width: inherit
	}

	.zd-3-event-panel-group-inner {
		border: none;
		box-shadow: none;
		border-radius: inherit;
		background-color: inherit
	}
	.zd-3-event-panel-list li {
	text-align: center;
	    background: #26272c;
	    width: calc(25% - 1px);
	    margin-right: 0;
	   border-right: 1px solid #454545;
	       border-top: 1px solid #454545;
	    padding: 15px 0;
	}
	.zd-3-event-panel-list li:last-child {
	      margin-right: 0;
	      width: 25%;
	      border-right: none;
	}
	.zd-3-event-panel-list {
	    padding-left: 0;
	}
	.zd-3-event-panel-body,
	.zd-3-event-panel-object {
		display: block;
		text-align: center;
		width: 100%
	}

	.zd-3-event-panel-desc {
		display: none
	}

	.zd-3-event-panel-title {
		font-size: 12px;
		line-height: 20px
	}

	.zd-3-event-panel-object {
		line-height: 48px;
		padding-right: 0;
		margin-bottom: 8px
	}

	.zd-3-event-panel-icon {
		display: inline-block;
		vertical-align: middle;
		max-width: 40px;
		max-height: 40px
	}
	.documents-home .zd-column-layout {
	  margin: 0 auto;
	      background-color: #F5F7FA;
	      padding: 20px 15px;
	}
	.zd-column-panel-title {
	    font-size: 18px;
	}
	.zd-column-panel-hd {
	    margin-bottom: 0;
	    background: #fff;
	    padding: 9px 15px;
	    border: 1px solid #E5E8ED;
	    border-radius: 3px;
	    border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.zd-column-panel-bd {
	    padding: 12px 18px;
	    margin-bottom: 28px;
	    background: #FFF;
	    border: 1px solid #E5E8ED;
	    box-shadow: 0 3px 6px 0 rgba(3,27,78,.12);
	    border-radius: 3px;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	}
	.zd-column-panel-item {
	    width: 50%;
	}
}

@media (min-width:769px) {
	.c-footer {
		position: relative
	}
}

@media screen and (min-width:769px) {
	.zd-column-aside-menu:hover .zd-column-aside-menu-title {
		color: #0038ff
	}
}

@media screen and (max-width:1366px) {
	.zd-column-aside-subnav {
		padding-top: 0;
		padding-bottom: 0
	}
}

@media screen and (max-width:768px) {
	.zd-document-catalog .zd-column-aside-list-item {
		position: relative
	}

	.zd-document-catalog .zd-column-aside-list-item.on::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 2px;
		background-color: #0038ff;
		bottom: 0;
		z-index: 1;
		height: 100%
	}

	.zd-document-catalog .zd-column-aside-subnav-3.on::before {
		left: -26px
	}

	.zd-document-catalog .zd-column-aside-subnav-4.on::before {
		left: -40px
	}
}

@media screen and (max-width:768px) {
	.zd-2-s-panels {
	    display: block;
		    padding: 0;
	}
	.zd-2-s-panel::before {
	display: none;
	}
	.zd-2-s-lattice-card.zd-2-s-lattice-cols-3>.zd-2-s-lattice-cell {
	    margin-right: 0;
	    width: 100%;
	}
	.zd-2-s-panel-desc {
	    display: block;
	}
	.zd-section-introduce .zd-2-s-panel-title {
	    text-align: left;
	}
	.zd-2-s-panel {
	    padding: 20px;
	}
	.mhelp-menu{display: block;padding-top:0;}
	.article-title {
	    line-height: 26px;
	    font-size: 18px;
	    padding: 10px 20px;
	}
}


@media (min-width:601px) {
	.zd-action-panel-bg-mobile {
		background-color: transparent !important;
		background-image: none !important
	}
}

@media (max-width:600px) {
	.zd-action-panel {
		background-size: cover;
		min-height: 0;
		padding: 32px 6px;
		background-color: #0038ff;
	}

	.zd-action-panel-title {
		font-size: 24px;
		line-height: 32px
	}

	.zd-action-panel-desc {
		display: none;
		margin-top: 12px;
		font-size: 14px;
		line-height: 24px
	}

	.zd-action-panel-desc i,
	.zd-action-panel-desc.mobile {
		display: block
	}

	.zd-action-panel-btns {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		margin-top: 20px;
		margin-left: -10px;
		margin-right: -10px
	}

	.zd-action-panel .zd-btn {
		margin: 0 10px;
		min-width: 136px;
		max-width: 100%;
		height: 40px;
		line-height: 38px;
		font-size: 14px
	}

	.zd-action-panel-bgs-responsive .zd-action-panel-bg-pc {
		background-color: transparent !important;
		background-image: none !important
	}
}

@media screen and (max-width:768px) {
	.zd-collapse-item-bd {
		padding: 20px 16px 25px
	}

	.home-container .select-product-section {
		padding-bottom: 0
	}

	.zd-collapse-product-m .zd-collapse-item-hd {
		padding-left: 44px
	}

	.zd-collapse-product-icon {
		position: absolute;
		left: 16px;
		top: 17px;
		width: 16px;
		height: 16px
	}

	.zd-collapse-product-icon img {
		width: 100%;
		height: 100%;
		display: block
	}

	.zd-collapse-item.zd-collapse-item-active .zd-collapse-product-icon img {
		opacity: 0
	}

	.zd-collapse-product-icon img.active-img {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0
	}

	.zd-collapse-item.zd-collapse-item-active .zd-collapse-product-icon img.active-img {
		opacity: 1
	}

	.zd-collapse-product-cont {
		padding: 0
	}

	.zd-collapse-product-m .zd-collapse-product-cont {
		padding: 10px 0;
		background-color: #F5F7FA
	}

	.zd-collapse-product-m .zd-collapse-product-title {
		line-height: 24px
	}

	.zd-collapse-product-item {
		box-sizing: border-box;
		vertical-align: top;
		width: 100%;
		padding: 10px 16px
	}

	.zd-collapse-product-item .zd-collapse-product-title a {
		font-size: 14px;
		color: #333;
		line-height: 24px
	}

	.zd-collapse-product-tag {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 2px;
		margin-left: 10px;
		min-width: 32px;
		border: 1px solid #f60;
		font-size: 12px;
		line-height: 14px;
		color: #f60;
		text-align: center
	}

	.zd-collapse-product-text-span {
		font-size: 14px;
		color: #666;
		line-height: 24px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		max-height: 72px;
		word-wrap: break-word
	}

	.zd-collapse-product-text .zd-btn {
		display: inline-block;
		margin-top: 8px
	}

	.more-product-link {
		padding: 10px 16px 20px
	}

	.more-product-link a {
		font-size: 14px;
		color: #0038ff;
		line-height: 24px
	}

	.more-product-link a::after {
		content: '';
		display: inline-block;
		vertical-align: -3px;
		width: 18px;
		height: 18px;
		background-image: url(../../images/ZdsjuX/documents-media37-202103301718.svg);
		background-repeat: no-repeat;
		background-size: 225% 200%;
		margin-left: 6px;
		background-position: 5% 6.25%
	}

	.more-product-link.active a::after {
		background-image: url(../../images/ZdsjuX/documents-media37-202103301718.svg);
		background-position: 95% 6.25%;
		background-size: 225% 200%;
		background-repeat: no-repeat
	}

	.zd-accordion-list {
		background-color: #F5F7FA
	}

	.zd-accordion-list-inner {
		padding-left: 16px;
		padding-right: 16px
	}

	.zd-accordion-list-hd {
		position: relative
	}

	.zd-accordion-list-hd:first-child {
		padding-top: 20px
	}

	.zd-accordion-list-title {
		font-size: 18px;
		color: #000;
		line-height: 24px;
		font-weight: 400
	}

	.zd-accordion-list-btn {
		position: absolute;
		right: 0;
		top: 22px
	}

	.icon-accordion-menu {
		display: inline-block;
		vertical-align: -1px;
		width: 14px;
		height: 12px;
		background-image: url(../../images/ZdsjuX/documents-media37-202103301718.svg);
		margin-left: 6px;
		background-position: 4.55% 95%;
		background-size: 257.14285714285717% 266.66666666666663%;
		background-repeat: no-repeat
	}

	.zd-accordion-list-body {
		padding-bottom: 32px
	}

	.zd-accordion-list-body:last-child {
		padding-bottom: 0
	}

	.zd-accordion-item {
		background: #FFF;
		border: 1px solid #E5E8ED;
		box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12);
		border-radius: 3px;
		margin-top: 20px
	}

	.zd-accordion-item-hd {
		position: relative;
		padding: 0 40px 0 48px;
		height: 50px
	}

	.zd-accordion-item-hd::before {
		content: '';
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		height: 1px;
		border-bottom: 1px solid #e5e5e5;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		z-index: 10
	}

	.zd-accordion-item-icon {
		position: absolute;
		left: 16px;
		top: 13px;
		width: 24px;
		height: 24px
	}

	.zd-accordion-item-icon img {
		width: 100%;
		height: 100%;
		display: block
	}

	.zd-accordion-item-title {
		padding: 10px 0;
		font-size: 16px;
		line-height: 30px;
		color: #333;
		font-weight: 400;
		-webkit-font-smoothing: antialiased
	}

	.zd-accordion-item-body {
		padding: 16px 16px 20px
	}

	.zd-accordion-item-list {
		font-size: 0;
		margin-right: -12px;
		margin-bottom: -12px
	}

	.zd-accordion-item-list li {
		width: calc(50% - 12px);
		margin-right: 12px;
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		color: #666;
		line-height: 24px;
		max-height: 48px;
		margin-bottom: 12px;
		overflow: hidden
	}

	.zd-accordion-item-list li a {
		color: #666
	}

	.select-product-section {
		padding-top: 0
	}

	.select-product-section .zd-2-section-hd {
		display: none
	}
	.zd-section-introduce .zd-section-tit {
	    display: block;
		font-size: 24px;
	}
	.zd-section-introduce .zd-section-des {
	    font-size: 12px;
	}
}

@media screen and (min-width:769px) {
	.zd-navigation-top {
		display: none
	}
}

@media screen and (max-width:768px) {
	.zd-navigation-top {
		position: fixed;
		background-color: #fff;
		width: 100%;
		z-index: 100;
		box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12);
		top: 56px;
		padding: 14px 16px;
		text-align: left
	}

	.zd-navigation-top-line {
		margin: 0 4px;
		vertical-align: 2px;
		color: #9b9b9b
	}

	.zd-navigation-top .zd-accordion-list-btn {
		right: 16px;
		top: 17px
	}

	.zd-navigation-top-primary-title,
	.zd-navigation-top-secondary-title {
		font-size: 18px;
		line-height: 24px
	}

	.zd-navigation-top-primary-title {
		color: #9b9b9b
	}

	.zd-navigation-top-secondary-title {
		color: #000
	}

	.zd-search-mobile-bar {
		display: block;
		height: 68px;
		border-bottom: 1px solid #e5e5e5;
		position: fixed;
		left: 0;
		top: 0;
		background-color: #fff;
		width: 100%;
		box-sizing: border-box;
		z-index: 120
	}

	.zd-search-mobile-menu {
		position: absolute;
		left: 0;
		top: 0;
		line-height: 68px;
		padding: 0 15px
	}

	.zd-search-mobile-menu-icon {
		display: inline-block;
		vertical-align: -6px;
		width: 24px;
		height: 24px;
		background-image: url(../../images/ZdsjuX/documents-media39-202103301718.svg);
		background-size: 212.5% 108.33333333333333%;
		background-repeat: no-repeat;
		background-position: 3.6999999999999997% 50%
	}

	.zd-search-mobile-menu-close {
		display: inline-block;
		vertical-align: -6px;
		width: 24px;
		height: 24px;
		background-image: url(../../images/ZdsjuX/documents-media39-202103301718.svg);
		background-size: 221.73913043478262% 113.04347826086956%;
		background-repeat: no-repeat;
		background-position: 96.43% 33.33%
	}

	.zd-search-mobile-inner {
		padding: 14px 16px 14px 48px
	}

	.zd-search-mobile-panel {
		vertical-align: middle
	}

	.zd-search-mobile-wrap {
		position: relative;
		z-index: 10
	}

	.zd-search-mobile-wrap.zd-search-mobile-active .zd-search-mobile-btn {
		background-image: url(../../images/ZdsjuX/zd-4-hero-search-btn-hover.svg)
	}

	.zd-search-mobile-input {
		display: block;
		height: 40px;
		width: 100%;
		padding: 4px 40px 4px 16px;
		font-size: 16px;
		border: 1px solid #e5e8ed;
		border-radius: 2px;
		-webkit-appearance: none;
		box-sizing: border-box;
		background-color: #fff;
		outline: 0
	}

	.zd-search-mobile-input:focus {
		border-color: #0038ff
	}

	.zd-search-mobile-btn {
		width: 38px;
		border-radius: 0;
		font-size: 0;
		height: 38px;
		border: none;
		vertical-align: top;
		position: absolute;
		right: 1px;
		top: 1px;
		background-color: transparent;
		outline: 0;
		background-image: url(../../images/ZdsjuX/zd-4-hero-search-btn.svg)
	}

	.zd-search-mobile-btn.active,
	.zd-search-mobile-btn:hover {
		background-image: url(../../images/ZdsjuX/zd-4-hero-search-btn-hover.svg)
	}

	.zd-search-mobile-inner .zd-4-hero-search-list {
		top: 67px;
		box-shadow: none;
		max-height: 160px
	}

	.zd-search-mobile-inner .zd-4-hero-search-item a {
		padding-left: 32px
	}

	.zd-search-mobile-bar.active .zd-search-mobile-menu-icon {
		display: none
	}

	.zd-search-mobile-bar .zd-4-hero-search-list-wrap {
		top: 67px;
		box-shadow: none;
		border-left: none;
		border-right: none
	}

	.zd-search-mobile-bar.active .zd-4-hero-search-list-wrap {
		display: block
	}
	.pcmenu {
	    display: none;
	}
	.help-menu::before {
display: none;
	}
	.help-menu dt {
	    padding-top: 0;
	}
	.help-list-title>span {
	    right: 0;
	    top: 0;
	    width: 40px;
	    height: 40px;
	}
	.common-questions ul li {
	    margin-left: 0;
	}
	.zd-top-search-btn {
	    right: 0;
	}
	.nav-tab-item {
	    padding: 0 5px;
		margin-right: 0;
	}
	.common-questions {
	    width:100%;
		    padding-top: 0;
	}
	.sub-page-content p {
	    padding: 0 25px 0 30px;
	}
	#text-area {
	    width: 100%;
	}
	.solved-or-not span{
	float: left;
	width: 100%;
	}
	.help-list-title>.help-all {
	    position: fixed;
	    width: 60%;
	    left: 0;
	    top: 64px;
	    overflow: auto;
	    border-left: none;
	    max-height: 400px;
	    box-shadow: 5px 8px 30px 0 rgba(0,0,0,.15);
	    border-top-right-radius: 10px;
	    border-bottom-right-radius: 10px;
	}
	.help-list-title>.help-all ul>li {
	    width: 100%;
		margin-left: 0;
	}
	.help-list-title>.help-all ul>li h4 {
	    padding-left: 50px;
	}
	.help-list-title>.help-all ul>li>p {
	    margin-left: 0;
	    padding-left: 52px;
	}
}

@media screen and (max-width:768px) {
	.zd-document-catalog {
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		height: 100%;
		z-index: 901
	}

	.zd-document-catalog-inner {
		width: 200px;
		height: 100%;
		padding: 20px 18px;
		overflow: auto;
		background-color: #fff
	}

	.zd-document-catalog-text {
		font-size: 14px;
		line-height: 24px;
		color: #0A0A0A;
		position: relative
	}

	.zd-document-catalog-title {
		margin-top: 12px
	}

	.zd-document-catalog-close {
		width: 23px;
		height: 23px;
		background-image: url(../../images/ZdsjuX/documents-media40-202103301718.svg);
		background-size: 108.69565217391303% 108.69565217391303%;
		background-repeat: no-repeat;
		position: absolute;
		right: -6px;
		top: 0;
		font-size: 0;
		background-position: 50% 50%
	}

	.zd-document-catalog .zd-column-aside-list::after {
		left: 0;
		display: none
	}

	.zd-document-catalog .zd-column-aside-list-item.active .zd-column-aside-list-link::before {
		left: 0
	}

	.zd-document-catalog .zd-column-aside-list-item {
		padding-left: 12px
	}

	.zd-document-catalog .zd-column-aside-list {
		margin-top: 0;
		min-height: 76px;
		max-height: min(40vh, 401px);
		overflow-x: auto
	}

	.zd-column-aside-menu-wrap.active {
		margin-top: 6px
	}

	.zd-menu-slide-btn {
		display: block;
		position: fixed;
		right: 20px;
		bottom: 60px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: rgba(0, 164, 255, .7);
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .28);
		border-radius: 20px;
		z-index: 115;
		color: #fff
	}

	.zd-menu-slide-btn-v2 {
		background-color: rgba(0, 164, 255, .7);
		color: #fff;
		border: none
	}

	.zd-document-catalog-v2 {
		top: inherit;
		bottom: 0;
		height: auto;
		background-color: #fff
	}

	.zd-document-catalog-v2,
	.zd-document-catalog-v2 .zd-document-catalog-inner {
		width: 100%
	}

	.zd-document-catalog-v2 .zd-document-catalog-text {
		color: #666
	}

	.zd-document-catalog-v2 .zd-document-catalog-title {
		font-size: 14px;
		color: #0A0A0A;
		line-height: 24px
	}

	.zd-document-catalog-v2 .zd-column-aside-list-link {
		padding-top: 6px;
		padding-bottom: 6px
	}

	.zd-document-catalog-v2 .zd-document-catalog-btn-close {
		border-top: 8px solid #F5F7FA
	}

	.zd-document-catalog-v2 .zd-document-catalog-btn-close a {
		width: 100%;
		display: block;
		text-align: center;
		padding: 12px 0;
		font-size: 16px;
		color: #666;
		line-height: 24px
	}

	.zd-document-catalog-v2 .zd-document-catalog-inner {
		padding-bottom: 8px
	}

	.zd-document-catalog-v2 .zd-column-aside-menu-wrap {
		position: relative
	}

	.zd-document-catalog-v2 .zd-column-aside-menu-wrap::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 2px;
		background-color: #E5E8ED;
		bottom: 0;
		z-index: 0;
		height: 100%
	}
}

@media screen and (max-width:768px) {
	.zd-menu-mobile {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		background-color: #fff;
		z-index: 950;
		width: 100%
	}

	.zd-menu-mobile-head {
		background: #FFF;
		height: 40px;
		line-height: 40px;
		box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06);
		padding-left: 18px;
		position: relative
	}

	.zd-menu-mobile-close {
		display: inline-block;
		vertical-align: middle;
		width: 24px;
		height: 24px;
		background-image: url(../../images/ZdsjuX/documents-media41-202103301718.svg);
		background-size: 221.73913043478262% 182.6086956521739%;
		background-position: 96.43% 5.26%;
		background-repeat: no-repeat
	}

	.zd-menu-mobile-nav {
		height: 46px;
		line-height: 46px;
		border-bottom: 1px solid #d8d8d8;
		padding-left: 16px;
		background-color: #FFF;
		position: relative
	}

	.zd-menu-mobile-nav-icon {
		width: 16px;
		height: 14px;
		display: inline-block;
		vertical-align: middle;
		background-image: url(../../images/ZdsjuX/documents-media41-202103301718.svg);
		background-size: 318.75% 300%;
		background-position: 2.86% 96.43%;
		background-repeat: no-repeat
	}

	.zd-menu-mobile-text {
		font-size: 14px;
		color: #666;
		display: inline-block;
		vertical-align: middle
	}

	.zd-menu-mobile-nav-close {
		width: 23px;
		height: 23px;
		background-image: url(../../images/ZdsjuX/documents-media41-202103301718.svg);
		background-size: 221.73913043478262% 182.6086956521739%;
		background-repeat: no-repeat;
		position: absolute;
		right: 6px;
		top: 12px;
		font-size: 0;
		background-position: 96.43% 5.26%
	}

	.zd-menu-mobile-inner {
		padding: 15px 15px 15px 36px;
		background: #FFF;
		border-bottom: 1px solid #d8d8d8
	}

	.zd-menu-mobile .zd-column-aside-menu-title {
		font-weight: 600
	}

	.zd-menu-mobile .zd-column-aside-subnav-3::before {
		display: none
	}

	.zd-menu-mobile-v2 {
		width: 68%
	}

	.zd-menu-mobile-v2 .zd-menu-mobile-nav {
		padding-left: 12px;
		border-bottom-color: #ededed
	}

	.zd-menu-mobile-v2 .zd-menu-mobile-inner {
		padding-left: 16px;
		border-bottom: none
	}

	.zd-menu-mobile-v2 .zd-column-aside-list {
		margin-top: 20px;
		margin-bottom: 0;
		display: block
	}

	.zd-menu-mobile-v2 .zd-column-aside-list::after {
		display: none
	}

	.zd-menu-mobile-v2 .zd-column-aside-menu-wrap.active {
		margin-top: 0
	}

	.zd-menu-mobile-v2 .zd-column-aside-menu-title {
		font-size: 16px;
		line-height: 24px;
		font-weight: 400
	}

	.zd-menu-mobile-v2 .zd-column-aside-list-link {
		color: #333
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-2 {
		font-size: 14px;
		line-height: 24px;
		margin-top: 12px;
		position: relative
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-3>a {
		color: #333
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-3 .zd-column-aside-least-inner {
		display: none
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-3.active .zd-column-aside-least-inner {
		display: block
	}

	.zd-menu-mobile-v2 .zd-menu-mobile-nav-icon-right {
		width: 16px;
		height: 14px;
		display: inline-block;
		vertical-align: -1px;
		margin-left: 4px;
		background-image: url(../../images/ZdsjuX/documents-media41-202103301718.svg);
		background-size: 318.75% 300%;
		background-position: 54.290000000000006% 96.43%;
		background-repeat: no-repeat
	}

	.zd-menu-mobile-v2 .zd-column-aside-list-item .zd-column-aside-menu-fold {
		left: 0
	}

	.zd-menu-mobile-v2 .zd-column-aside-list-item {
		position: relative;
		margin-bottom: 18px
	}

	.zd-menu-mobile-v2 .zd-column-aside-list-item:last-child {
		margin-bottom: 0
	}

	.zd-menu-mobile-v2 .zd-column-aside-list-item .zd-column-aside-subnav {
		display: none
	}

	.zd-menu-mobile-v2 .zd-column-aside-list-item.active .zd-column-aside-subnav {
		display: block
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav {
		color: #666
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-inner {
		position: relative;
		display: none
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-2 .zd-column-aside-menu-fold {
		left: -18px;
		top: 9px
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-3 {
		line-height: 20px;
		line-height: 24px;
		margin-top: 12px;
		font-size: 14px;
		color: #333
	}

	.zd-menu-mobile-v2 .zd-column-aside-least-inner {
		position: relative;
		padding-left: 12px
	}

	.zd-menu-mobile-v2 .zd-column-aside-least-inner::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 2px;
		background-color: #E5E8ED
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-3 .zd-column-aside-menu-fold {
		left: -18px;
		top: 9px
	}

	.zd-column-aside-list-item.active>.zd-column-aside-menu-fold,
	.zd-column-aside-subnav-2.active>.zd-column-aside-menu-fold,
	.zd-column-aside-subnav-3.active>.zd-column-aside-menu-fold {
		background-image: url(../../images/ZdsjuX/documents-media41-202103301718.svg);
		background-position: 94.87% 77.14%;
		background-size: 425% 600%;
		background-repeat: no-repeat
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-4 {
		font-size: 12px;
		color: #666;
		line-height: 20px;
		margin-top: 12px;
		position: relative
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-4.active::before {
		content: "";
		position: absolute;
		left: -12px;
		top: 0;
		height: 100%;
		width: 2px;
		background-color: #0038ff
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-4.active>a {
		color: #0038ff !important
	}

	.zd-menu-mobile-v2 .zd-column-aside-least-inner {
		margin-top: 8px;
		padding-top: 10px;
		padding-bottom: 10px
	}

	.zd-menu-mobile-v2 .zd-column-aside-least-inner .zd-column-aside-subnav-4:first-child {
		margin-top: 0
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-2>a {
		color: #333
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-2.active .zd-column-aside-subnav-inner {
		display: block
	}

	.icon-hot-menu {
		display: inline-block;
		vertical-align: 5px;
		width: 24px;
		height: 24px;
		font-size: 0;
		background-image: url(../../images/ZdsjuX/documents-media41-202103301718.svg);
		background-position: 3.6999999999999997% 5.56%;
		background-size: 212.5% 175%;
		background-repeat: no-repeat
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-2.on>a,
	.zd-menu-mobile-v2 .zd-column-aside-subnav-3.on>a,
	.zd-menu-mobile-v2 .zd-column-aside-subnav-4.on>a,
	.zd-menu-mobile-v2 .zd-column-aside-subnav-5.on>a,
	.zd-menu-mobile-v2 .zd-column-aside-subnav-6.on>a {
		color: #0038ff !important
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-6 {
		display: block;
		margin-top: 8px
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-5.on::before {
		display: none
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-5,
	.zd-menu-mobile-v2 .zd-column-aside-subnav-6 {
		padding-left: 8px
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-5::after,
	.zd-menu-mobile-v2 .zd-column-aside-subnav-6::after {
		content: '';
		width: 2px;
		height: 2px;
		background-color: #666;
		position: absolute;
		left: 0;
		top: 10px;
		border-radius: 50%
	}

	.zd-menu-mobile-v2 .zd-column-aside-subnav-5.on::after,
	.zd-menu-mobile-v2 .zd-column-aside-subnav-6.on::after {
		background-color: #0038ff
	}

	.zd-column-aside-subnav-6 {
		position: relative
	}

	.zd-menu-mobile-v2 .zd-column-aside-list-item .zd-column-aside-subnav-4 a:hover,
	.zd-menu-mobile-v2 .zd-column-aside-list-item .zd-column-aside-subnav-5 a:hover {
		color: #999
	}
}

@media screen and (max-width:768px) {
.zd-top-search-recommend {
    display: none;
}
}

@media screen and (max-width:768px) {
	.zd-header-subnav-tabs {
		padding: 0 16px
	}
}

@media screen and (max-width:768px) {
	.zd-top-search-feedback-inner {
		padding: 0 16px
	}
}

@media screen and (max-width:768px) {
	.zd-header-crumbs-inner {
		padding: 0 16px
	}
}

@media screen and (min-width:769px) {
	.documents-feedback .zd-search-list-bd {
		padding-left: 54px
	}
}

@media screen and (max-width:768px) {
	.zd-search-ul-wrap {
		padding: 0 16px
	}
}

@media (min-width:920px) {
	.Page__Container-eUbTcM {
		width: auto
	}
}

@media screen and (max-width:1100px) {
	#root {
		overflow: auto
	}
}

@media screen and (max-width:768px) {
	.zd-pages {
		position: relative
	}

	.zd-pages-dot,
	.zd-pages-item {
		display: none;
		margin: 0;
		height: initial;
		line-height: 24px;
		font-size: 18px
	}

	.zd-pages-item-active,
	.zd-pages-item-active:hover {
		font-weight: 400;
		display: inline-block;
		width: 100%;
		padding: 10px 0
	}

	.zd-pages-item-active:before {
		content: "\7B2C";
		margin-right: 5px
	}

	.zd-pages-item-active:after {
		content: "\9875";
		margin-left: 5px
	}

	.zd-pages-item-next,
	.zd-pages-item-next.zd-pages-item-disabled,
	.zd-pages-item-next:hover,
	.zd-pages-item-prev,
	.zd-pages-item-prev.zd-pages-item-disabled,
	.zd-pages-item-prev:hover {
		display: inline-block;
		position: absolute;
		top: 0;
		color: #0038ff;
		border: none
	}

	.zd-pages-item-prev {
		left: 0;
		padding: 10px 0 10px 16px
	}

	.zd-pages-item-prev:before,
	.zd-pages-item-prev:hover:before {
		left: 0;
		background-image: url(../../images/ZdsjuX/documents-media50-202103301718.svg);
		background-repeat: no-repeat;
		background-position: 5% 5%;
		background-size: 225% 225%
	}

	.zd-pages-item-next {
		right: 0;
		padding: 10px 16px 10px 0
	}

	.zd-pages-item-next:before,
	.zd-pages-item-next:hover:before {
		right: 0;
		background-image: url(../../images/ZdsjuX/documents-media50-202103301718.svg);
		background-repeat: no-repeat;
		background-position: 5% 95%;
		background-size: 225% 225%
	}

	.zd-pages-item-next.zd-pages-item-disabled,
	.zd-pages-item-next.zd-pages-item-disabled:hover,
	.zd-pages-item-prev.zd-pages-item-disabled,
	.zd-pages-item-prev.zd-pages-item-disabled:hover {
		-webkit-tap-highlight-color: transparent;
		color: #999
	}

	.zd-pages-item-prev.zd-pages-item-disabled:before,
	.zd-pages-item-prev.zd-pages-item-disabled:hover:before {
		background-image: url(../../images/ZdsjuX/documents-media50-202103301718.svg);
		background-repeat: no-repeat;
		background-position: 95% 5%;
		background-size: 225% 225%
	}

	.zd-pages-item-next.zd-pages-item-disabled:before,
	.zd-pages-item-next.zd-pages-item-disabled:hover:before {
		background-image: url(../../images/ZdsjuX/documents-media50-202103301718.svg);
		background-repeat: no-repeat;
		background-position: 95% 95%;
		background-size: 225% 225%
	}
}

@media screen and (max-width:480px) {
	.zd-pages-wrap {
		margin: 15px 16px
	}

	.zd-pages {
		line-height: 32px
	}

	.zd-pages-item {
		line-height: 16px;
		font-size: 14px
	}
}

@media only screen and (max-width:414px) {
	.pagination-pages {
		margin: 15px 0;
		height: 32px;
		line-height: 32px
	}

	.pagination-pages li.current {
		position: relative;
		top: 3px
	}

	.tzd-pagination-wrap {
		margin: 0 27px
	}

	.pagination-pages li a {
		height: initial;
		line-height: 16px;
		font-size: 14px
	}

	.pagination-pages li.pagination-next>a i {
		top: 3px
	}

	.pagination-pages li.pagination-pre>a i {
		top: 2px
	}
}

@media all and (max-width:768px) {
	.zd-checkbox {
		border: none;
		border-radius: 0;
		background-color: transparent
	}
}

@media screen and (min-width:769px) {
	.zd-column-layout-cont.zd-details-compact {
		padding-right: 190px
	}
}

@media screen and (min-width:769px) {
	.zd-document-introduce-side .zd-document-btn-wrap {
		display: none
	}
}

@media screen and (min-width:769px) {

	.zd-document-video-btn,
	.zd-document-video-wrap {
		display: none
	}
}

@media screen and (max-width:768px) {
	.zd-document-video-wrap {
		display: block;
		width: 100%;
		height: 108px;
		position: relative
	}

	.zd-document-video-btn {
		height: 108px;
		font-size: 0;
		position: relative;
		padding-top: 20px;
		background-color: rgba(26, 31, 42, .55)
	}

	.zd-document-video-icon {
		width: 28px;
		height: 28px;
		display: block;
		background-image: url(../../images/ZdsjuX/documents-media57-202103301718.svg);
		background-size: 105% 105%;
		margin: 0 auto 12px;
		background-position: 50% 50%;
		background-repeat: no-repeat
	}

	.zd-document-video-text {
		display: block;
		font-size: 16px;
		line-height: 24px;
		height: 24px;
		overflow: hidden;
		color: #fff;
		text-align: center
	}

	.zd-document-video-time {
		position: absolute;
		right: 8px;
		bottom: 12px;
		font-size: 12px;
		color: #fff
	}

	.zd-document-btn-wrap.list-1 .zd-document-btn {
		display: block;
		margin-left: 0;
		margin-right: 0
	}

	.zd-document-btn-wrap.list-2 {
		margin-left: -8px;
		margin-right: -8px
	}

	.zd-document-btn-wrap.list-2 .zd-document-btn {
		display: inline-block;
		width: calc(50% - 16px);
		margin-left: 8px;
		margin-right: 8px
	}

	.zd-document-video-show {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url(../../images/ZdsjuX/documents-media60-202103301718.svg);
		background-size: 110.00000000000001% 110.00000000000001%;
		background-position: 50% 50%;
		background-repeat: no-repeat
	}
}

@media (min-width:769px) {
	body.documents-details {
		min-width: 1200px
	}
}

@media screen and (max-width:768px) {
	.zd-column-layout {
		padding: 0
	}

	.documents-details .zd-column-layout::before {
		display: none
	}

	.zd-document-details-wrap {
		padding-left: 0;
		padding-bottom: 0
	}

	.zd-document-details-layout {
		float: none;
		width: 100%;
		padding-top: 68px
	}

	.zd-document-head {
		display: none
	}

	.zd-header-crumbs-2 {
		padding: 8px 16px;
		background-color: #F5F7FA;
		margin-top: 0;
		margin-left: -16px;
		margin-right: -16px
	}

	.zd-header-crumbs-link-2 {
		color: #676767;
		display: inline
	}

	.zd-document-details-cont {
		padding-bottom: 20px;
		padding-left: 16px;
		padding-right: 16px
	}

	.zd-document-introduce {
		padding-left: 16px;
		padding-right: 16px;
		border-bottom: 10px solid #F7F8FA;
		margin: 0 -16px
	}

	.zd-document-introduce-cont {
		display: block
	}

	.zd-document-introduce-main {
		display: block;
		padding-right: 0
	}

	.zd-document-introduce-main .zd-document-btn-wrap {
		display: none
	}

	.zd-document-introduce-side {
		display: block;
		width: auto;
		margin-top: 20px
	}

	.zd-document-info-panel {
		width: auto
	}

	.zd-document-btn-wrap {
		text-align: center;
		margin-top: 20px;
		margin-left: -4px;
		margin-right: -4px
	}

	.zd-document-btn-wrap .zd-document-btn {
		width: calc(50% - 8px);
		padding-left: 0;
		padding-right: 0
	}

	.zd-document-btn {
		margin: 0 4px;
		border: 1px solid #0038ff
	}

	.zd-document-text {
		margin-bottom: 0
	}

	.zd-document-title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 12px
	}

	.zd-document-info-panel-img {
		height: 148px
	}

	.zd-document-info-panel-title {
		font-size: 18px
	}

	.zd-document-info-duration {
		font-size: 16px
	}

	.zd-document-study-wrap {
		padding-top: 20px
	}

	.zd-line {
		display: none
	}

	.zd-document-study-panel:nth-child(even),
	.zd-document-study-panel:nth-child(odd) {
		float: none
	}

	.zd-document-study-panel:nth-child(even)::before,
	.zd-document-study-panel:nth-child(odd)::before {
		display: none
	}

	.zd-document-study-panel {
		width: 100%;
		margin-bottom: 20px
	}

	.zd-document-study-panels {
		margin-top: 0
	}

	.zd-document-recommend {
		margin-top: 0;
		border-bottom: 10px solid #F7F8FA;
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px
	}

	.zd-document-recommend-title {
		font-size: 24px
	}

	.zd-feedback-panel {
		display: block;
		padding: 20px 16px;
		background-color: #f5f7fa
	}

	.zd-feedback-panel-text {
		text-align: center;
		display: block
	}

	.zd-feedback-panel-btns {
		width: auto;
		display: block;
		text-align: center;
		margin-top: 16px
	}

	.zd-feedback-ft {
		display: block
	}

	.zd-feedback-ft-next,
	.zd-feedback-ft-prev {
		display: block;
		text-align: left
	}

	.zd-feedback-ft-next .zd-link-weak-arrow::after,
	.zd-feedback-ft-prev .zd-link-weak-arrow-left:before {
		display: none
	}

	.zd-feedback-ft-next {
		margin-top: 12px
	}
}

@media screen and (min-width:769px) and (max-width:1366px) {
	.zd-header-crumbs-2 {
		margin-top: 12px
	}

	.zd-column-aside-hd-2 {
		margin-bottom: 5px
	}

	.zd-column-aside-list-link {
		font-size: 12px
	}

	.zd-column-aside-list-item {
		margin-bottom: 2px
	}

	.zd-column-aside-menu-wrap {
		margin-bottom: 8px
	}

	.zd-document-details-layout.zd-toc-layout {
		width: calc(100% - 208px)
	}

	.documents-details .zd-column-layout {
		padding: 0 20px
	}

	.zd-column-layout-aside {
		width: 208px
	}

	.zd-document-details-layout {
		width: calc(100% - 208px)
	}

	.responsible .markdown-nav.absolute {
		top: 180px !important
	}
}

@media screen and (max-width:768px) {
	.zd-document-details-cont .document-feedback-container .doc-feedback-bubble {
		margin-top: 0
	}
}

@media screen and (min-width :769px) {
	.zd-title-module-btn.fav .zd-title-module-text {
		display: inline-block;
		vertical-align: middle;
		padding-left: 16px;
		line-height: 16px;
		position: relative;
		margin-left: 0
	}

	.zd-title-module-btn.fav .zd-title-module-text::before {
		content: '';
		width: 4px;
		height: 4px;
		background-color: #999;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -3px;
		border-radius: 50%
	}

	a:hover .zd-title-module-fav {
		background-image: url(../../images/ZdsjuX/documents-media65-202103301718.svg);
		background-position: 50% 50%;
		background-size: 112.5% 112.5%;
		background-repeat: no-repeat
	}
}

@media only screen and (min-width:769px) {
	.zd-title-module-btn.share:hover>.com-share-bubble {
		visibility: visible;
		-webkit-transition-delay: .1s;
		transition-delay: .1s;
		opacity: 1;
		margin-top: 24px
	}
}

@media only screen and (max-width:768px) {
	.zd-title-module-title {
		font-size: 24px;
		line-height: 32px;
		color: #000
	}

	.zd-title-module-body {
		margin-top: 4px
	}

	.zd-title-module {
		padding: 20px 16px;
		margin: 0 -16px
	}

	.zd-title-module-operate {
		position: static;
		margin-top: 24px;
		text-align: right;
		line-height: inherit
	}

	.zd-title-module-operate .zd-title-module-btn:first-child {
		margin-left: 0
	}

	.zd-title-module-btn.fav {
		display: none
	}

	.com-share-bubble-trigger {
		margin-left: 12px
	}

	.zd-title-module-btn.github {
		display: none
	}

	.zd-title-module-body {
		display: table;
		width: 100%
	}

	.zd-title-module-date,
	.zd-title-module-operate {
		display: table-cell;
		vertical-align: middle
	}
}

@media only screen and (min-width:769px) {

	.indexes-vocabulary,
	.indexes-vocabulary-tips {
		display: none
	}
}

@media only screen and (max-width:768px) {
	.zd-tabs-doc-product-wrap {
		min-height: 36px
	}

	.zd-tabs-doc-product {
		margin-left: -16px;
		margin-right: -16px;
		overflow: auto
	}

	.zd-tabs-doc-product.fixed {
		position: fixed;
		width: 100%;
		background-color: #fff;
		top: 62px;
		z-index: 80
	}

	.indexes-vocabulary {
		position: fixed;
		right: 4px;
		top: 50%;
		margin-top: -208px;
		z-index: 10
	}

	.indexes-vocabulary>a {
		display: block;
		margin-bottom: 4px;
		position: relative
	}

	.indexes-vocabulary>a.active .indexes-vocabulary-letter {
		color: #fff;
		background-color: #0038ff
	}

	.zd-tabs-doc-product-item a:active {
		text-decoration: none !important
	}

	.indexes-vocabulary-letter {
		display: block;
		color: #000;
		width: 14px;
		height: 14px;
		line-height: 14px;
		border-radius: 50%;
		text-align: center;
		font-size: 12px
	}

	.indexes-vocabulary-tips {
		display: none;
		width: 34px;
		height: 28px;
		line-height: 28px;
		position: absolute;
		right: 20px;
		top: -8px;
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		text-align: left;
		text-indent: 8px;
		background-size: cover
	}

	ul.zd-tabs-doc-product-list {
		border-bottom: none
	}

	ul.zd-tabs-doc-product-list>li:first-child {
		padding-left: 10px
	}

	ul.zd-tabs-doc-product-list>li:last-child {
		padding-right: 10px
	}

	.zd-tabs-doc-product-item {
		margin-right: 0;
		border-bottom-color: #E5E8ED
	}

	.zd-tabs-doc-product-btn-next,
	.zd-tabs-doc-product-btn-prev {
		display: none
	}
	.zd-4-hero-ct {
	    width: 100%;
		padding-top: 28px;
	}
	.zd-4-hero-tit {
	    font-size: 28px;
	}
	.zd-4-hero-search-input {
	    font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.zd-tabs-operation-hd .zd-tabs-active .zd-tabs-item-con:after {
		bottom: -2px
	}

	.zd-table-wrap {
		max-width: 100%;
		overflow-x: auto;
		margin-bottom: 24px;
		padding-bottom: 5px
	}
}

@media screen and (max-width:1280px) {
	.c-footer-blogroll-extra {
		display: none
	}

	.zd-documents-tools-catalog {
		display: block
	}

	.zd-scrollbar-tools {
		top: inherit;
		bottom: 0
	}

	.zd-scrollbar-tools.zd-documents-tools {
		width: 100%;
		right: 0
	}

	.zd-scrollbar-tools.zd-documents-tools .zd-scrollbar-tools-inner {
		padding-bottom: 8px;
		padding-right: 8px
	}

	.zd-scrollbar-tools.zd-documents-tools .zd-scrollbar-tools-button {
		float: right;
		width: auto;
		min-width: 44px;
		height: 44px;
		line-height: 44px;
		padding: 0 10px;
		margin-top: 0;
		margin-right: 8px
	}

	.zd-scrollbar-tools.zd-documents-tools .zd-scrollbar-tools-button:last-child {
		margin-right: 0
	}

	.zd-scrollbar-tools.zd-documents-tools .zd-scrollbar-tools-button-desc {
		width: auto;
		display: inline-block
	}

	.zd-scrollbar-tools.zd-documents-tools .zd-scrollbar-tools-icon {
		vertical-align: middle
	}

	.zd-scrollbar-tools.zd-documents-tools .zd-documents-tools-gift .zd-scrollbar-tools-icon,
	.zd-scrollbar-tools.zd-documents-tools .zd-documents-tools-gift .zd-scrollbar-tools-icon-hover {
		vertical-align: -3px
	}

	.zd-scrollbar-tools-item+.zd-scrollbar-tools-item {
		margin-top: 0
	}

	.zd-scrollbar-toc-layer {
		padding: 16px;
		background-color: #fff
	}

	.zd-scrollbar-toc-wrap {
		max-height: 300px;
		max-width: 188px;
		overflow-y: auto;
		padding-right: 10px
	}

	.zd-scrollbar-toc-wrap::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .3);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px
	}

	.zd-scrollbar-toc-wrap::-webkit-scrollbar {
		width: 5px;
		height: 5px;
		background-color: #fff
	}

	.zd-scrollbar-toc-wrap::-webkit-scrollbar-track {
		background-color: #fff
	}

	.zd-scrollbar-toc-title {
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: 400;
		line-height: 2;
		color: #333
	}

	.zd-scrollbar-toc-dl {
		border-left: 2px solid #e6e6e6;
		padding-left: 12px
	}

	.zd-scrollbar-toc-dl dd {
		padding-left: 12px
	}

	.zd-scrollbar-toc-dl dd a {
		display: block;
		position: relative;
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 1.5;
		color: #999
	}

	.qc-back2top {
		bottom: 60px
	}
}

@media screen and (max-width:768px) {

	.zd-documents-tools-catalog,
	.zd-documents-tools-gift {
		display: none
	}
}

@media screen and (min-width:769px) {
	.zd-learning-path-section-step-num {
		display: inline-block;
		vertical-align: 0;
		width: 16px;
		height: 16px;
		line-height: 12px;
		margin-right: 4px;
		text-align: center;
		color: #999;
		border: 2px solid #d8d8d8;
		border-radius: 50%
	}

	.zd-learning-path-section-step-num>span {
		font-size: 12px;
		transform: scale(.8)
	}

	.zd-learning-path-section-step>li a:hover .zd-learning-path-section-step-num {
		border-color: #0038ff;
		color: #0038ff
	}

	.zd-learning-path-section-menu dd {
		min-height: 20px
	}

	.zd-learning-path-section-list {
		margin-right: -50px
	}
}

@media screen and (max-width:768px) {
	.zd-learning-path-wrap {
		padding-top: 28px;
		padding-bottom: 18px
	}

	.zd-learning-path-inner {
		padding-left: 46px;
		padding-top: 48px
	}

	.zd-learning-path-section-list>li {
		display: block;
		width: 100% !important;
		padding-right: 0
	}

	.zd-learning-path-section-step {
		position: relative
	}

	.zd-learning-path-section-step::before {
		content: '';
		position: absolute;
		border-left: 1px dashed #ddd;
		width: 0;
		left: 8.5px;
		top: 8px;
		height: calc(100% - 12px);
		z-index: 5
	}

	.zd-learning-path-section-step li {
		margin-bottom: 10px
	}

	.zd-learning-path-section-step li:last-child {
		margin-bottom: 0;
		position: relative
	}

	.zd-learning-path-section-step li:last-child::after {
		content: '';
		position: absolute;
		border-left: 1px solid #fff;
		width: 0;
		left: 8.5px;
		top: 8px;
		height: calc(100% - 12px);
		z-index: 5
	}

	.zd-learning-path-section-step-num {
		width: 18px;
		height: 18px;
		line-height: 18px;
		line-height: 14px;
		text-align: center;
		display: inline-block;
		vertical-align: 1px;
		border: 2px solid #E5E5E5;
		background-color: #fff;
		color: #999;
		border-radius: 50%;
		font-size: 12px;
		margin-right: 10px;
		position: relative;
		z-index: 10
	}

	.zd-learning-path-section-step li a:active .zd-learning-path-section-step-num {
		color: #0038ff;
		border-color: #0038ff
	}

	.zd-learning-path-section-step .zd-learning-path-section-menu {
		margin-left: 26px
	}

	.zd-learning-path-head {
		left: 0
	}

	.zd-learning-path-inner::before {
		left: 16px
	}

	.zd-learning-path-icon {
		width: 34px;
		height: 34px;
		margin-right: 8px;
		border-left: none;
		border-right: none
	}

	.zd-learning-path-section-menu dd a {
		line-height: 24px;
		font-size: 14px
	}

	.zd-learning-path-section-menu dd a::before {
		top: 11px
	}

	.zd-learning-path-section {
		padding-bottom: 20px
	}

	.zd-learning-path-item .zd-learning-path-section:last-child {
		padding-bottom: 36px
	}

	.zd-learning-path-wrap .zd-learning-path-item:last-child .zd-learning-path-inner::after {
		left: 11.5px
	}
}

@media (max-width:1366px) {
	.topbar-guide-btn {
		right: 12px
	}
}

@media (max-width:1200px) and (min-width:769px) {
	.topbar-guide-inner {
		width: 100%
	}
}

@media (max-width:1366px) {
	.topbar-guide-link {
		padding: 16px 10px
	}
}

@media (min-width:769px) {
	.bottom-guide-panel {
		display: none
	}
}

@media (max-width:768px) {
	.sidebar-guide-panel-search-result-cont {
		width: auto
	}

	.topbar-guide-nav {
		display: none
	}

	.sidebar-guide-panel {
		width: 100%;
		transform: translateX(calc(100% + 30px))
	}

	.sidebar-guide-panel.sidebar-guide-panel-slide {
		transition: all .4s
	}

	.sidebar-guide-panel-search-inner {
		height: 68px
	}

	.sidebar-guide-panel-search-box {
		padding: 22px 36px 18px 52px
	}

	.sidebar-guide-panel-search-state {
		padding: 10px 0 60px
	}

	.sidebar-guide-panel-search-info {
		padding: 16px
	}

	.sidebar-guide-panel-search-result {
		overflow-y: auto
	}

	.sidebar-guide-panel-search-result-list {
		padding: 20px 16px
	}

	.bottom-guide-panel {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1020;
		background-color: #fff;
		width: 100%
	}

	.bottom-guide-panel-head {
		line-height: 44px;
		font-size: 14px;
		color: #0038ff;
		background-color: #F7F8FA;
		padding: 0 16px;
		position: relative
	}

	.bottom-guide-panel-head-close {
		width: 23px;
		height: 23px;
		background-image: url(../../images/ZdsjuX/documents-media79-202103301718.svg);
		background-size: 108.69565217391303% 108.69565217391303%;
		background-repeat: no-repeat;
		position: absolute;
		right: 12px;
		top: 9px;
		font-size: 0;
		background-position: 50% 50%
	}

	.bottom-guide-panel-ul {
		border-bottom: 8px solid #f2f2f2;
		max-height: 301px;
		overflow-x: auto
	}

	.bottom-guide-panel-list {
		padding: 12px 16px;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}

	.bottom-guide-panel-list>a {
		color: #000;
		font-size: 14px
	}

	.bottom-guide-panel-footter-btn {
		width: 100%;
		display: block;
		text-align: center;
		padding: 12px 0;
		font-size: 16px;
		color: #666;
		line-height: 24px
	}
}

@media (min-width:601px) {

	.com-share-mobile,
	.com-share-mobile-layout {
		display: none
	}
}

@media (max-width:600px) {
	.com-share-pc {
		display: none
	}
}

@media screen and (max-width:320px) {
	.zd-operation-msg {
		padding: 8px 6px
	}

	.zd-operation-msg-text {
		font-size: 12px
	}
}