.flex_align {
	display: flex;
	align-items: center;
}

body {
	margin: 0;
	padding: 0;
	background: #f0f5fb;
	font-family: "Microsoft YaHei";
}

.dc_body h1,
.dc_body h2,
.dc_body h3,
.dc_body h4,
.dc_body h5,
.dc_body h6 {
	margin: 0;
}

.dc_body p {
	margin: 0;
}

.dc_body ul {
	margin: 0;
	/*padding: 0*/
}

.dc_body {
	margin: 0;
	font-family: Microsoft YaHei;
	color: #334151;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}

.dc_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -8px;
	margin-left: -8px;

}

.dc_col_1,
.dc_col_2,
.dc_col_3,
.dc_col_4,
.dc_col_5,
.dc_col_6,
.dc_col_7,
.dc_col_8,
.dc_col_9,
.dc_col_10,
.dc_col_11,
.dc_col_12,
.dc_col,
.dc_col_auto,
.col-md,
.col-md-auto,
.dc_col_lg_1,
.dc_col_lg_2,
.dc_col_lg_3,
.dc_col_lg_4,
.dc_col_lg_5,
.dc_col_lg_6,
.dc_col_lg_7,
.dc_col_lg_8,
.dc_col_lg_9,
.dc_col_lg_10,
.dc_col_lg_11,
.dc_col_lg_12,
.col-lg,
.dc_col_lg_auto,
.dc_col_xl_1,
.dc_col_xl_2,
.dc_col_xl_3,
.dc_col_xl_4,
.dc_col_xl_5,
.dc_col_xl_6,
.dc_col_xl_7,
.dc_col_xl_8,
.dc_col_xl_9,
.dc_col_xl_10,
.dc_col_xl_11,
.dc_col_xl_12,
.col-xl,
.dc_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}

.dc_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.dc_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.dc_col_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.dc_col_2 {
	flex: 0 0 20%;
	max-width: 20%;
}

.dc_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.dc_col_4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.dc_col_5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.dc_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.dc_col_7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.dc_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.dc_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.dc_col_10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.dc_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.dc_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 1200px) {
	.dc_col_xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.dc_col_xl_auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.dc_col_xl_1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}

	.dc_col_xl_2 {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.dc_col_xl_3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.dc_col_xl_4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.dc_col_xl_5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}

	.dc_col_xl_6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.dc_col_xl_7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}

	.dc_col_xl_8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}

	.dc_col_xl_9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.dc_col_xl_10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}

	.dc_col_xl_11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}

	.dc_col_xl_12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.btn-group,
.btn-group-vertical {

	display: inline-flex;
	vertical-align: middle;
}

.btn-primary {
	color: #fff !important;
	background-color: rgba(44, 109, 210, 1) !important;
	border-color: #8760fb;
}

.btn-group>.btn:not(:first-child) {
	margin-left: -1px;
}

.btn-group-sm>.btn {
	border: 1px solid #f2f2f2;
	padding: .25rem .5rem;
	text-align: center;
	vertical-align: middle;
	color: #666;
	margin: 0;
	font-size: 12px;
	background: none;
}

.btn-padding {
	padding: .65rem !important
}

.btn-padding span {
	padding-bottom: 15px !important
}

.gradient-branding {
	background: #6a11cb;
	background: -webkit-linear-gradient(180deg, #727cf5, #8e75dc) !important;
	background: linear-gradient(180deg, #727cf5, #8e75dc) !important;
}

.align-items-center {
	align-items: center !important;
}

.font18 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-left: 1rem
}

.badge {

	padding: 3px 5px 4px;
}

.badge-secondary {
	color: #ff7671;
	font-weight: bold;
	background: #f2f2f2;
	border-radius: 5px
}

.badge-success {
	color: #3fcbca;
	;
	font-weight: bold;
	background: #f2f2f2;
	border-radius: 5px
}

.text-center {
	text-align: center !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-3 {
	margin-top: 10px
}

.p-0 {
	padding: 0 !important;
}

.border-bottom {
	border-bottom: 1px solid #e1e6f1 !important;
}

.dc_body .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
	border-radius: 3px;
	margin-top: .6vh;


}

.dc_body .dc_top .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;

	border-radius: 8px;
	margin-bottom: 0;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);

}

.search_box {
	width: 100%;
	overflow: hidden;
	background-color: white;
	position: relative;
}

.search_box div {
	width: 100%;
}

.search_box input {
	float: left;
	width: 100%;
	padding: 0 10px;
	height: 50px;
	color: #777;
	border: 1px solid #e1e6f1;
	font-size: 14px;
	font-family: "微软雅黑";
}

.search_box button.search_btn {
	float: right;
	color: #fcface;
	width: 94px;
	height: 50px;
	cursor: pointer;
	background-image: linear-gradient(to right, #ffb923 0%, #ffa01e 100%);
	border: none;
	position: absolute;
	right: 0;
}

.content_nav {
	width: 100%;
	background: #3753f2;
}

.bm_0 {
	border-bottom: none;
}

.br_1 {
	border-right: 1px solid #e3e5e4;
}

.bm_1 {
	border-bottom: 1px solid #e3e5e4;
	overflow: hidden
}

.activity-block .task-list li {
	padding-left: 25px;
	margin-bottom: 15px;
}

.task-list li h6 {
	margin-bottom: 8px !important;
}

.tx-12 {
	font-size: 12px;
}

.activity-block .task-list li .task-icon {
	top: 0;
	left: 0px;
	width: 8px;
	height: 8px;
}

.text-muted {
	color: #1f9bfc !important;
}

.text-444 {
	color: #444 !important;
}

.media {
	display: flex;
	align-items: flex-start;
}

.media-body {
	display: flex;
	align-items: center;
	flex: 1;
}

h5,
.h5 {
	font-size: 1.09375rem;
}

small,
.small {
	font-size: 80%;
	font-weight: 400;
}

.dc_body .card-body {
	flex: 1 1 auto;
	padding: 5px;
}

.dc_top {
	background: #f0f5fb;
}

.dc_body .card-title {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid #e1e6f1;
	flex: 1 1 auto;
	padding: 0 .65rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 3.6vh;
	padding-left: 15px;
}

.dc_body .card-title::before {
	width: 3px;
	height: 14px;
	top: 1.1vh;
	position: absolute;
	content: "";
	background: #2fa5f4;
	border-radius: 20px;
	left: 8px;
}

.dc_body .dctab-box .card-title::before {
	width: 0px;
	height: 0x;
}

.dc_body .dctab-box2 .card-title::before {
	width: 0px;
	height: 0x;
}

.dc_body .card-title i {
	margin-right: 3px
}

.dc_body .card-title .more {
	color: #999;
	font-size: 12px;
	font-weight: normal
}

.dc_body .card-title span {
	color: #35a8f4;

}

.dc_body .card-title span i {
	color: #a8cbf2;
}

.text-danger {
	color: #f94d22 !important;
}

.text-999 {
	color: #999 !important;
}

.text-info {
	color: #2fa5f4 !important;
}

.text-success {
	color: #03c895 !important;
}

.text-warning {
	color: #ffc107 !important;
}

.text-primary {
	color: #08a5c5 !important;
}

.text-cot-1 {
	color: #ff4146 !important
}

.text-cot-2 {
	color: #fe980f !important
}

.text-cot-3 {
	color: #32a5ff !important
}

.text-cot-4 {
	color: #000 !important
}

.jxicon_15 {
	color: #ff4146 !important
}

.jxicon_16 {
	color: #7581f7 !important
}

.jxicon_17 {
	color: #9d5cf6 !important
}

.bg-primary {
	background-color: #8d76dd !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: #8d76dd !important;
}

.bg-secondary {
	background-color: #eb6f33 !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
	background-color: #eb6f33 !important;
}

.bg-success {
	background-color: #03c895 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
	background-color: #3fcbca !important;
}

.bg-info {
	background-color: #0e94fc !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
	background-color: #4bb5ea !important;
}

.bg-warning {
	background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
	background-color: #d39e00 !important;
}

.bg-danger {
	background-color: #ff4146 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
	background-color: #ff7671 !important;
}

.bg-light {
	background-color: #e1e6f1 !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
	background-color: #dbe0ea !important;
}

.bg-dark {
	background-color: #3b4863 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
	background-color: #131212 !important;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.m-0 {
	margin: 0 !important;
}

.p-0 {
	padding: 0 !important;
}

.text-center {
	text-align: center !important;
}

*::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	transition: .3s background;
}

::-webkit-scrollbar-thumb {
	background: #e1e6f1;
}

*:hover::-webkit-scrollbar-thumb {
	background: #adb5bd;
}

/*-----Br Themes-----*/
h6,
.h6 {
	font-size: 15px;
	font-weight: normal;
}

.float-right {
	float: right !important;
}

.list-group-item {
	margin: 0;
	position: relative;
	display: block;
	padding: 0.75rem .1rem;
	font-size: 12px;
	background-color: #fff;
	border-bottom: 1px solid #e1e6f1;
}

.list-group {
	margin: 6px 0 !important
}

.list-group-item:hover {
	background: #f7f6fb
}

.list-group-item h6 {
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.list-group-item h6 div.width90 {
	width: 80%;
	display: flex;
	align-items: center;
}

.task-list {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 10px 0 0;
}

.activity-block .task-list:after {
	left: 5px;
	z-index: 0;
}

.task-list:after {
	content: "";
	position: absolute;
	background: #e1e6f1;
	height: 100%;
	width: 1px;
	top: 0;
	left: 30px;
	z-index: 1;
}

.task-list li {
	margin-bottom: 20px;
	padding-left: 55px;
	position: relative;
}

.task-list li:last-child {
	margin-bottom: 0;
}

.task-list li .task-icon {
	position: absolute;
	left: 22px;
	top: 13px;
	border-radius: 50%;
	padding: 2px;
	width: 17px;
	height: 17px;
	z-index: 2;
}

.task-list li h6 {
	margin-bottom: 5px;
}

.product-img img {
	transform: scale(1);
	transition: .3s ease-in-out;
}

.product-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.item-card .product-info {
	padding: 0;
	margin: 0;
	opacity: 0;
	left: 0;
	right: 0;
	text-align: center;
	position: absolute;
	bottom: -30px;
	z-index: 1;
	transition: all .5s ease 0s;
}

.item-card:hover .product-info {
	opacity: 1;
	bottom: 30%;
}

.main-content {
	min-height: 78vh;
}

.breadcrumb-3 ol {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}

.breadcrumb-3 li {
	display: contents;
	text-align: center;
}

.breadcrumb-4 ol {
	position: relative;
	display: block;
	width: 100%;
	text-align: right;
}

.breadcrumb-4 li {
	display: contents;
	text-align: right;
}

.z-index2 {
	z-index: 2;
}

.p-15 {
	padding: 15px !important;
}

.hot_topics {
	background-color: #fff;
	background-clip: border-box;
	border-radius: 2px;
	padding: 5px 15px;
	padding-right: 5px;
	position: relative;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
	margin-top: .5rem;
	z-index: 10;
}

.hot_topics .hot_wrapper {
	padding: 5px 10px;
	border-radius: 3px;
	height: 50px;
	line-height: 45px;
	overflow: hidden;
	float: right;
	width: 95%
}

.hot_wrapper,
.hot_wrapper a {
	font-size: 14px;
	color: #333;
	padding-top: 0px;
	white-space: nowrap;
	overflow: hidden;

	width: 900px;
	text-decoration: none;
}

.hot_topics .dc_col_10 {
	background: #f6faff;
	display: flex;
	align-items: center;
	border: 1px solid #eef6ff;
	flex: 0 0 90%;
	max-width: 90%;
}

.hot_topics .dc_col_2 {
	flex: 0 0 10%;
	max-width: 10%;
}

.hot_span {
	width: 40px;
}

.hot_span img {
	width: 30px;
}

.notice_text {
	font-size: 12px;
	width: 140px;
	text-align: right;
}

.notice_text a {
	color: #5ec4fa;
	text-decoration: none;
}

.hot_topics .inner {
	width: 50000px;
	overflow: hidden;
}

.hot_topics .inner p {
	display: inline-block;
}

.hot_topics span {
	color: #5ec4fa;
	margin-right: 3px
}

.subnav_a {
	background: url(../img/subnavbg.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 55px;
	line-height: 55px;
	font-size: 14px;
	color: #fff;
	display: flex;
	text-decoration: none;
	padding: 8px 10px;
	align-items: center;
	justify-content: space-between;

}

.subnav_a span {
	color: #fff;
}

.subnav_a img.nav_icon5 {
	margin-left: 5px;
	position: relative;
	top: 0;
}

.tx-11 {
	font-size: 11px;
}

.progress-percentage {
	float: right;
}



.icon-box {
	width: 55px;
	height: 55px;
	margin: auto;
	border: 0px solid #fff;
	line-height: 55px;
	border-radius: 50%;
	text-align: center;
}

.icon-box {
	color: #fff
}

.icon-tubiao11 {
	font-size: 30px
}

.card-variant-triangle-info2 {
	color: #95d2ec;
	width: 0;
	height: 0;
	border-right: 25px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}

.card-variant-triangle-info {
	color: #95d2ec;
	width: 0;
	height: 0;
	border-top: 25px solid #d5edf7;
	border-right: 25px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}

.card-title .icon--huanbaobumenjiancejigou {
	margin-right: .2rem;
	font-size: 14px
}

.height50 {
	height:74.3vh;
	overflow: hidden
}

.height40 {
	height:35vh;
	overflow: auto
}

.height100 {
	width: 100%;
	height: 100%;
}

.w-icon img {
	height: 50px
}

.w-icon {
	font-size: 12px;

	text-align: center;


	display: inline-block;
}

.w-img {
	float: left;
	width: 48px;
	margin-right: 8px;
}

.w-img img {
	width: 48px;
}

.ml-1 {
	margin-right: 1rem
}

.media-body h5.mb-1 {
	margin-top: .3rem !important
}

.w-icon h5 font {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}

.media-body p {
	color: #333;
	margin: 0;
	font-size: 16px
}

.rounded-0 .card-body {
	height: 7vh;
}

.dc_suzi {
	height: 8px;
	width: 8px;
	background: #f36b53;
	display: inline-block;
	margin-right: 1rem;
	border-radius: 50%;
}

.media-body .h5 {
	margin: 1rem 0 !important
}

.dc_table_cot {
	width: 100%;
}

.dc_table_cot td {
	border-bottom: 1px solid #e2e3e5;
	padding: 5px
}

.dc_table {
	width: 100%;
}

.dc_table td {
	background: #eaf4ff;
	padding: 1rem;
	border-radius: 5px;
	text-align: center;
	color: #999;
}

.dc_table h5 {
	color: #6c757d !important
}

.bg-eaf0fa {
	background: #f0f5f9 !important;
	color: #141414 !important
}

.text-nowrap {
	font-size: 11px
}

.text-727bf4 {
	color: #727bf4 !important;
	font-weight: 600
}

.ljbtn {
	background-image: linear-gradient(135deg, #9fbdfb 10%, #6093fc 100%) !important;
	color: #fff;
	padding: 5px;
	border-radius: 3px;
}

.xp-ul {
	list-style: none
}

.xp-ul li {
	padding: 12px;
	font-size: 13px;
	border-bottom: 1px dotted #f2f2f2
}

.xp-ul li span {
	color: #999;
	width: 60px;
	display: inline-block;
}

.xp-num {
	width: 100%;
	border-top: 1px solid #e1e6f1;
	padding-top: 20px;
}

.xp-num .t_4 {
	font-size: 13px;
	padding: 2px 20px
}

.xp-num .t_4 h5 {
	font-size: 24px !important;
	margin-top: 5px
}

.list-group-item:hover {
	color: #000
}

.yp-num {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	margin-left: 10px
}

.yb-zhong span {
	border: 1px solid #e1e6f1;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.2)
}

.yb-zhong {
	text-align: center;
	margin-bottom: -30px
}

.dctab-box {
	width: 100%;
	position: relative
}

.dctab-box .dctab ul li {
	position: relative;
	padding: 0 10px;
	border-right: 1px solid #f4f4f4;
	float: left;
	line-height: 36px;
	text-align: center;
	list-style: none;
	cursor: pointer;
	margin: 0 4px;
	color: #333
}

.dctab-box .dctab ul li.action {
	color: #35a8f4;
	font-size: 14px;
	padding: 0 15px;
	font-weight: 500;
	border-bottom: 2px solid #35a8f4;
}

.dctab-box .dctab ul li.action i {
	color: #35a8f4
}

.dctab-box .dctab ul li i {
	color: #b6b5b5;
	margin-right: 3px;
	position: relative;
	top: 2px
}

.dctab-box .dctab-content {
	width: 100%;
	height: 100%;
}

.dctab-box .dctab-content .item {
	display: none;
}

.dctab-box .dctab-content .item:first-child {
	display: block;
}

.dctab-box .dctab ul li:first-child {
	background: url(../img/tab1.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab ul li.action:first-child {
	background: url(../img/tab1_ac.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab ul li:nth-child(2) {
	background: url(../img/tab2.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab ul li.action:nth-child(2) {
	background: url(../img/tab2_ac.png) left center no-repeat;
	padding-left: 20px;
}


.dctab-box .dctab2 ul li {
	position: relative;
	padding: 0 10px;
	border-right: 1px solid #f4f4f4;
	float: left;
	line-height: 36px;
	text-align: center;
	list-style: none;
	cursor: pointer;
	margin: 0 4px;
	color: #333
}

.dctab-box .dctab2 ul li.action {
	color: #35a8f4;
	font-size: 14px;
	padding: 0 15px;
	font-weight: 500;
	border-bottom: 2px solid #35a8f4;
}

.dctab-box .dctab2 ul li.action i {
	color: #35a8f4
}

.dctab-box .dctab2 ul li i {
	color: #b6b5b5;
	margin-right: 3px;
	position: relative;
	top: 2px
}

.dctab-box .dctab2-content {}

.dctab-box .dctab2-content .item {
	display: none;
}

.dctab-box .dctab2-content .item:first-child {
	display: block;
}

.dctab-box .dctab2 ul li:first-child {
	background: url(../img/tab3.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab2 ul li.action:first-child {
	background: url(../img/tab3_ac.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab2 ul li:nth-child(2) {
	background: url(../img/tab4.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab2 ul li.action:nth-child(2) {
	background: url(../img/tab4_ac.png) left center no-repeat;
	padding-left: 20px;
}


.dctab-box .dctab3 ul li {
	position: relative;
	padding: 0 10px;
	border-right: 1px solid #f4f4f4;
	float: left;
	line-height: 36px;
	text-align: center;
	list-style: none;
	cursor: pointer;
	margin: 0 4px;
	color: #333
}

.dctab-box .dctab3 ul li.action {
	color: #35a8f4;
	font-size: 14px;
	padding: 0 15px;
	font-weight: 500;
	border-bottom: 2px solid #35a8f4;
}

.dctab-box .dctab3 ul li.action i {
	color: #35a8f4
}

.dctab-box .dctab3 ul li i {
	color: #b6b5b5;
	margin-right: 3px;
	position: relative;
	top: 2px
}

.dctab-box .dctab3-content {}

.dctab-box .dctab3-content .item {
	display: none;
}

.dctab-box .dctab3-content .item:first-child {
	display: block;
}

.dctab-box .dctab3 ul li:first-child {
	background: url(../img/tab7.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab3 ul li.action:first-child {
	background: url(../img/tab7_ac.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab3 ul li:nth-child(2) {
	background: url(../img/tab6.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab3 ul li:nth-child(3) {
	background: url(../img/tab5.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab3 ul li.action:nth-child(2) {
	background: url(../img/tab6_ac.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab3 ul li.action:nth-child(3) {
	background: url(../img/tab5_ac.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab3 ul li:nth-child(4) {
	background: url(../img/tab8.png) left center no-repeat;
	padding-left: 20px;
}

.dctab-box .dctab3 ul li.action:nth-child(4) {
	background: url(../img/tab8_ac.png) left center no-repeat;
	padding-left: 20px;
}


.dc-tb-ul li {
	width: 20%;
	float: left;
	padding: 5px;
	font-size: 13px;
}

.dc-tb-ul li div {
	padding: 8px 12px;
	border-radius: 3px
}

.dc-tb-ul li div img {
	float: left;
	margin-right: 6px;
	width: 18px
}

.dc-tb-ul li div.bg1 {
	background: #ecf6eb;
	color: #17ac84;
}

.dc-tb-ul li div.bg2 {
	background: #eaf5fb;
	color: #149afd;
}

.dc-tb-ul li div.bg3 {
	background: #f6f2e6;
	color: #f4c106;
}

.dc-tb-ul li div.bg4 {
	background: #fff3f3;
	color: #fd393b;
}

.dc-tb-ul li div.bg5 {
	background: #f6f4ff;
	color: #8359e9;
}

.dc-num {
	float: right;
	font-weight: bold
}

.dc-pl0 {
	padding-left: 0 !important;
}

.dc-pr0 {
	padding-right: 0 !important;
}



.num_icon {
	width: 16px;
	height: 16px;
	line-height: 12px;
	color: #61acfb !important;
	display: inline-block;
	text-align: center;
	margin-right: 3px;
	border-radius: 50%;
	border: 1px solid #61acfb;
}

.num_icon.border1 {
	border: 1px solid #ff5a5a !important;
	color: #ff5a5a !important;
}

.num_icon.border2 {
	border: 1px solid #ff812c !important;
	color: #ff812c !important;
}

.num_icon.border3 {
	border: 1px solid #ffce2b !important;
	color: #ffce2b !important;
}

.map_vod {
	height: 100%;
	width: 100%;
}

.relative {
	position: relative;
}

.inputfrom {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 100000;
}

.inputbox {
	position: relative;
}

.inputbox input {
	background-color: rgba(255, 255, 255, 0.75);
	border: 1px solid #e1e6f1;
	width: 200px;
	font-family: inherit;
	height: 30px;
	border-radius: 3px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
}

.inputbox button {
	background: none;
	border: none;
	width: 30px;
	padding: 0.5rem;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 0;
	color: #333;
}

.inputbox button img {
	width: 16px;
}

.anchorBL {
	display: none;
}

.zw_list li {
	font-size: 12px;
	height: 4vh;
	line-height: 4vh;
	background: #fbfbfb;
	color: #333;
	margin: 0;
	padding: 0;
	margin-bottom: .3vh;
	list-style: none;
	cursor: pointer;
}

.align-r {
	text-align: right;
	color: #1f9bfc;
}

.zw_list li div span font {
	font-size: 16px;
	margin-right: 3px;
}

.zw_list .zw_list_title {
	background: #528fef;
	background-size: 100% 100%;
	color: #fff;
	height: 4vh;
	line-height: 4vh;
	font-weight: bold;
	border: none;
}

.zw_list .icon {
	margin: 0 5px;
}

.zw_list li span.text-info {
	margin-left: 10px;
}

.zw_list .icon_jt {
	position: relative;
	top: 3px;
	margin-left: 5px;
}

.num_text {
	color: #47454f !important;
	font-size: 14px;
	margin-right: 5px;
}

.num_lable {
	background: linear-gradient(to right, #1dd0b4, #74d8cd) !important;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-right: 3px;
	line-height: 16px;
	border-radius: 50%;
	font-size: 12px;
}

.num_lable_top1 {
	background: linear-gradient(to right, #f45a16, #f47339) !important;
}

.num_lable_top2 {
	background: linear-gradient(to right, #efa014, #f6b541) !important;
}

.num_lable_top3 {
	background: linear-gradient(to right, #1dd0b4, #74d8cd) !important;
}

.ellipsis90 {
	float: left;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis80 {
	float: left;
	width: 78%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pagination-box {
	display: flex;
	float: right;
	align-items: center;
	font-size: 12px;
}

.page-link {
	color: #334151;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px 6px;
	border-width: 0;
	border: 1px solid #e1e6f1;
	font-weight: 400;
	margin: 5px 1px;
	text-decoration: none;
}

.page-link i {
	font-size: 18px;
	line-height: 0;
}

.pagination {
	float: right;
	display: flex;
	padding-left: 10px;
	list-style: none;
	margin: 6px 0;
}

.pagination-box a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.page-text {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.page-text select {
	border: 1px solid #e1e6f1;
	margin: 0 5px;
	padding: 3px 6px;
}

.pagination .active {
	color: #fff;
	background: #2ea6e6;
}

.enter-page {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.enter-page input {
	color: #334151;

	padding: 3px 6px;
	border-width: 0;
	width: 35px;
	border: 1px solid #e1e6f1;
	font-weight: 400;
	margin: 5px;
	text-align: center;
	text-decoration: none;
}

.zw_list .dc_col_4 a {
	color: #141414;
	text-decoration: none;
	width: 96%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zw_list .dc_col_4 a span:nth-child(2) {
	justify-content: center;
	display: flex;
	border-radius: 20px;
	height: 26px;
	line-height: 25px;
	text-align: center;
	min-width: 80px;
	border-radius: 15px;
	border: 1px dashed #0e94fc;
	color: #0e94fc;
}

.unit_list h2 {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0.1rem;
}

.box-2 {
	float: left;
	width: 480px;
	margin: 0 14px;
}

.box-2 ul {
	/*padding: 10px 0 8px 0;*/
	height: 245px;
}

.box-2 ul li {
	width: 100%;
	height: 35px;
	line-height: 35px;
}

.box-2 ul li {
	float: left;
}

.box-2 ul li a {
	float: left;
	height: 35px;
	line-height: 35px;
	transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	cursor: pointer;
}

.box-2 ul li span {
	float: right;
	line-height: 35px;
}

.jc_suzi {
	height: 6px;
	width: 6px;
	background: #169af1;
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
}

.heightchart {
	width: 98vh;
	height: 26vh;
}

.yearbox {
	border-bottom: 1px solid #e1e6f1;
	text-align: center;
}

.yearbox select {
	border: none;
	background: none;
	height: 5vh;
	width: 20%;
	outline: none;
}

ul li.sp_fixd2 {
	margin-top: 5px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	font-size: 12px;
}


.sp_ls_box {
	float: left;
	overflow: hidden;
	width: 100px;
	height: 70px;
	display: inline-block;
	padding: 1px;
	border: 1px solid #e1e6f1;
}

.sp_ls_text {
	float: left;
	display: inline-block;
	width: 82%;
	padding-left: 6px;
	padding-top: 3px;
	color: #666;
}

.sp_ls_text p {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-top: 3px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #333;
}

.sp_ls_box {
	float: left;
	overflow: hidden;
	width: 90px;
	height: 60px;
	display: inline-block;
	padding: 1px;
	border: 1px solid #e1e6f1
}

.sp_ls_box img {
	width: 100%;
	height: 100%;
}

ul li.sp_fixd2 {
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
	position: relative
}

.ap_label_warning {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	right: 8px;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-color: rgb(255, 153, 0);
	color: #FFFFFF;
}

.ap_label_gray {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	right: 8px;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-color: #999;
	color: #FFFFFF;
}

.sp_box h2 span.ap_label_primary {
	padding: 3px 8px;
	line-height: normal !important;
	font-size: 13px;
	border: none !important;
	cursor: pointer
}

.ap_label_primary {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	right: 8px;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;

	color: #FFFFFF;
	background-color: #0e94fc;

}

.height30 {
	height: 30vh !important;
	overflow: auto;
}

.aiimgbox {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.aiimgbox img {
	width: 100%;
	height: 100%;
}

.aiimgbox h3 {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;

	margin: 0;
	color: #333;
	background-color: rgba(255, 255, 255, 0.7);
}

.aiimgbox h3 span {
	margin-right: 10px;
}

.aiimgbox .end {
	background: #ff4146;
	color: #fff;
	position: absolute;
	top: -0.6em;
	right: -2em;
	font-size: 0.6em;
	padding: 1em 2em 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.why {
	color: #35a8f4;
	display: flex;
	align-items: center;
}

.why img {
	width: 16px;
	margin-left: 3px;
}

.current {
	background: #35a8f4;
	color: #fff;
	border-radius: 5px
}

.yc_tab li {
	float: left;
	text-align: center;
	cursor: pointer;
	padding: 0 10px;
	font-size: 12px;
	list-style: none;
	height: 20px;
	line-height: 20px;
}

.yc_tab_box .height100:first-child {
	display: block;
}

.yc_tab_box .height100 {
	display: none;
}


.yc_tab2 li {
	float: left;
	text-align: center;
	cursor: pointer;
	padding: 0 10px;
	font-size: 12px;
	list-style: none;
	height: 20px;
	line-height: 20px;
}

.yc_tab_box2 .height100:first-child {
	display: block;
}

.yc_tab_box2 .height100 {
	display: none;
}

.tj-centon {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	overflow: hidden;
	padding-bottom: .08rem;
	color: #c0e9ff;
	display: flex;
	justify-content: center;
}

.yc_tr_bg td {
	padding: 5px;
}

.yc_echarts {
	width: 100%;
	height: 25vh;
	text-align: center;
}

.yc_table {
	width: 100%;
}

.yc_table td {
	width: 33.33%;
	text-align: center;
}

.txtshow {
	width: 100%;
	border-bottom: 1px solid #e1e6f1;
	font-size: 24px;
	
	font-weight: 100;
	padding-left: 10px;
	display: inline-block;
	color: #0e94fc;
	background: #fff;
	font-weight: bold;
	color: #000;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	position: relative;
	z-index: 2;
}

.yc_liang {
	width: 35px;
	height: 20px;
	background: #0e94fc;
	font-size:18px;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-family: 微软雅黑;
}

.td_sm div {
	border-bottom: 1px solid #e1e6f1;
	font-size: 13px;
	
	background-color: #e1e6f1;
	padding-left: 5px;
	text-align: center;
	padding: 2px;
	color: #333;
}

.SP_val_ling {
	color: #0e94fc;
	margin-left: 15px;
}

.spantxt_new {
	padding-left: 70px;
}

.div_time {
	width: 100%;
	height: 35px;
	text-align: center;
	background-color: #EAEAEA;
	line-height: 35px;
	
	font-size: 15px;
	border-top: 1px solid #fff;
}

.div_gc {
	width: 100%;
	height: 40px;
	text-align: center;
	background-color: #EAEAEA;
	line-height: 40px;
	
	font-size: 20px;
	border-top: 1px solid #fff;
}

.SP_val {
	color: #03c895;
	margin-left: 15px;
}

.SP_val_YC {

	margin-left: 15px;
	color: rgb(255, 153, 0);
}

.SP_val2 {
	color: #03c895;
	margin-left: 5px;
	color: #F1683C;
	font-size: 14px;
	line-height: 18px;
	height: 80px;
	padding-top: 33px;
	text-align: middle;
	
}

.SP_txt {
	font-size: 14px;
	margin-left: 15px;
}


.tj-centon li {
	list-style: none;
	padding: 6px 20px 0px;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}

.tj-centon li span {
	color: #0e94fc;
}

.yc_td1 {
	text-align: center;
	border-top: 1px solid #e1e6f1;
	width: 30%;
	position: relative;
}

.yc_td2 {
	text-align: left;
	position: relative;
	width: 30%;
	border-top: 1px solid #e1e6f1;
}

.yc_div_r {
	font-size: 12px;
	vertical-align: middle;
	position: absolute;
	z-index: 3;
	top: 5px
}

.yc_you {
	width: 35px;
	height: 20px;
	background: #03c895;
	font-size: 18px;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-family: 微软雅黑;
}

.yc_lilan {
	width: 35px;
	height: 20px;
	background: rgb(255, 153, 0);
	font-size:18px;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-family: 微软雅黑;
}

.yc_pjz {
	height: 110px;
	background-color: #fff;
	position: relative;
	border-right: 1px solid #fff;
	width: 30%
}

.yc_pjz_a {
	top: 26px;
	position: absolute;
	left: 20px;
	width: 50px;
}

.yc_pjz_b {
	top: -40px;
	left: 80px;
	position: absolute;
}

.yc-table img {
	width: 40px;
	margin: 0 ;
	margin-right: 10px;
}

.yc-table td p b {
	font-size: 14px;
	color: #3399ff;
}

.yc-table td {
	font-size: 12px;
	color: #333;
	text-align: center;
	padding: 6px;
}

.yc-table td .unit {
	position: absolute;
	right: 5px;
	top: 0;
	color: #89909d;
	font-size: 12px;
}

.yc-table td div {
	display: inline-block;
}

.yc-table td div {
	display: inline-block;
}

.yc_img_box {
	position: relative;
	background: #f3f7fb;
	border-radius: 10px;
	padding: 5px;
	width: 100%;
	margin: 0 auto;
}

.ringline {

}

.height75 {
	height: 86.2vh;
}

.ScrollText {
	overflow: hidden;
	height: 28vh;
}

.sp_video {
	height: calc(100% - 136px);
	width: 100%;
}

video {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.yc-table {
	border: 1px solid #edede3;
	background: #fff;
	width: 100%;
	margin: 6px auto;
	border-radius: 5px;
	box-shadow: 0 3px 10px rgba(62, 85, 120, .045);
}

.subNavBox {
	width: 100%;
	border: solid 1px #e5e3da;
	margin: 5px auto;
	height: 35vh;
	overflow: auto;
}

.subNav {
	border-bottom: solid 1px #e5e3da;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	position: relative;
	color: #999;
	line-height: 4.2vh;
	padding-left: 10px;
	background-position: 99% 50%;
	overflow: hidden;
	padding-left: 30px;
}

.subNav:hover {
	color: #03c895;
}

.currentDd {
	color: #03c895
}

.box-c1 {
	background: url(../img/jiantou.png) no-repeat #e7faec;
	background-position: 98% 50%;
	color: #03c895 !important;
}

.box-c2 {
	background: #fef7f7;
	background-position: 98% 50%;
	color: #F46B68 !important;
	display: flex;
	justify-content: space-between;
	padding-right: 10px;
}

.box-c2 span {
	font-weight: normal;
}

.subNav i {
	margin-right: 6px;
	font-weight: normal;
}

.currentDt {
	background: url(../img/jiantou1.png) no-repeat #e7faec;
	background-position: 98% 50%;
}

.navContent {
	display: none;
	border-bottom: solid 1px #e5e3da;
}

.navContent li {
	list-style: none;
	padding: 6px 10px;
	font-size: 12px;
	border-bottom: 1px solid #f6f6f6;
}

.navContent li a {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	color: #333;
}

.subNav .icon {
	position: absolute;
	left: 0;
	right: 0;
	width: 30px;
}

 .btn_f {
	background: #35a8f4;
	color: #fff;
	border-radius: 5px;
	padding: 3px 6px;
}

.navContent li .dc_col_3 {
	text-align: right;
}

.ant-tag {
	color: #03c895;
	background: #e6f7ff;
	border-color: #91d5ff;
	padding: 5px 7px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 22px;
	margin-left: 10px;
}

.ant-tag i {
	margin-right: 5px;
}

.ant-tag.ant-tag-lixiang {
	color: #666;
	background: #f2f2f2;
	border-color: #f2f2f2;
}
.tab_top{justify-content: space-between; display: flex; align-items: center;    box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
    background: #fff; padding-right: 10px;}
.tab_top ul li{padding:12px 6px; }
.tab_top ul li{display:inline-block; float: left; font-size: 13px; margin: 0 6px;}
.tab_top ul li a{ color: #333; text-decoration: none;}
.tab_top ul li.active a{color: #0e94fc;}
.tab_top ul li.active {border-bottom: 2px solid #0e94fc; }
.tab_top .btn_f{height: 23px; font-size: 12px; }
.tab_top ul li i{margin-right: 5px;}
.height_chart{ height: 100%;}
select{background: none; border: 1px solid #f1f1f1; padding: 3px; border-radius: 5px;}
.n_weight{font-weight: normal;}





 .yb-title {background: #dfedfb; padding: 0 3px; line-height: 25px;  display: flex; align-items: center; justify-content: space-between; font-size: 12px; margin-bottom: 3px; border-radius:  0 0 3px 3px; color: #464646; position: absolute; bottom: 0; z-index: 100; width: calc(100% - 6px); }
.display{display: flex;}
.yl_span{font-weight: normal;
   text-shadow: none;
     height: 18px; padding: 0 5px;
	 line-height: 18px;
    border-radius: 5px;
   color: #FFFFFF;
    background-color: #03c895;
}
.lczhbox{display: flex;  margin: 0 auto;flex: 1; flex-wrap: wrap;justify-content: space-between; color: #333; padding: 0;  overflow: hidden;  }
.lczhbox img{width: 52px; margin-right: .6rem; }
.lczhbox li{border-radius: 8px; list-style: none; border:1px solid #e0def3; font-size: 13px; padding: .7rem 10px; display: flex;  }
.lczhbox li p{color: #666;  margin-top: 3px;}
.lczhbox li H2{font-size: 18px; margin-top: 3px;}
.lczhbox li .top-num{width:188px; display: flex; justify-content: center; padding: 0 10px;  border-right: 1px solid #efeff4;}
.lczhbox li .top-num:last-child{border: none;}
.width20{width: 150px !important;}
.iconbox .iconfont{font-size: 28px;}
.iconbox {border: 1px solid #ddd; border-radius: 10px; text-align: center; width: 50px; margin: 0 ; margin-right: 6px; line-height: 45px; height: 45px; margin-bottom: 5px; display: block;}
.boder1{border:1px solid #78a9f9; color: #78a9f9;}
.boder2{border:1px solid #96e1f5; color: #96e1f5;}
.boder3{border:1px solid #ffc28a; color: #ffc28a;}
.boder4{border:1px solid #ff9d9d; color: #ff9d9d;}
.boder5{border:1px solid #22d4b5; color: #22d4b5;}
.boder6{border:1px solid #c3b6e6; color: #c3b6e6;}
.boder7{border:1px solid #cedd79; color: #cedd79;}
.boder8{border:1px solid #71d4d4; color: #71d4d4;}
.boder9{border:1px solid #a3d2f6; color: #a3d2f6;}
.boder10{border:1px solid #efd947; color: #efd947;}
.filter{width:100%;margin:0 auto;border-radius:4px;box-sizing:border-box;background:#fff;padding:5px 0px ;position:relative;overflow:hidden; }
.filter .items{position:relative;width:100%;height:auto;overflow:hidden}
.filter .items.more{padding-right:110px;}

.filter .items dl{height:auto;overflow:hidden;width:100%;padding-bottom:5px;padding-left:0; margin: 0; }
.filter .items dt,.filter .items dd{display:inline-block;float:left;line-height:28px;color:rgba(0,0,0,0.65);margin-right:16px;border-radius:4px;margin-bottom:4px;}
.filter .items dt{color:#000;letter-spacing:2px; font-size: 13px; float: left; min-height: 122px;}
.filter .items dd{white-space:nowrap; position: relative;margin: 0 8px; font-size: 12px; border: 1px solid #f3f3f3;}
.filter .items dt a,.filter .items dd a{display:block;width:100%;height:28px;line-height:28px;color:inherit;padding:0px 8px; text-decoration: none;}
.filter .items dt:hover a,.filter .items dd:hover a,.filter .items dt.active,.filter .items dd.active{color:#fff;background: #2fa5f4; background-size:20px; border-radius:4px;}
.filter .items.more dd{margin-bottom:10px;}
.filter .items.more{height:40px;overflow: hidden;}


.scholars-choose-box{position: relative;border-bottom:1px solid rgba(0,0,0,0.05); padding-top: 6px;}
.filter .items.line{position:absolute;border:1px solid rgba(0,0,0,0.05);overflow:visible;top: 6px; right: 10px;}
.filter button.line{ width:55px;height:30px; color: #333; border-radius:3px;padding-left:6px;background:  url(../img/icon_arrow2.png) right 5px center no-repeat #f0f5fb; background-size: 14px 14px; right:0;top:-30px;text-align:left;font-size:12px; border: none; cursor: pointer;}
.filter .items.line a i{font-size:8px}
.filter .items.line a i.up{transform:rotate(180deg);display:inline-block}


.height {
    height: auto !important;
}

.flowChart {
	background-color: #f6f7f9;
	padding: 12px;
	display: flex; height: 67vh; overflow: auto;
}
.flowChart-left {
	width: 50px;
	flex-shrink: 0;
}
.flowChart .dashed {
	width: 0px;
	height: 100%;
	margin-left: 50%;
	border-left-style: dashed;
	border-left-color: #ddd;
	border-left-width: 2px;
}
.flowChart-right {
	flex-grow: 1;
}
.flowChart .oneNode {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}
.flowChart .check {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	line-height: 30px;
	color: white;
	font-size: 12px;
	text-align: center;
	position: relative;
	left: -49px;
	flex-shrink: 0;
	background-color: #2fa5f4;
	border: 4px solid #89c8f2;
}
.jz-icon{background:url(../img/jz_icon.png) no-repeat right bottom ; display: block; position: absolute;right: -5px; bottom: -6px; background-size: 16px 16px; width: 20px; height:20px ;}
.wc-icon{background:url(../img/wc_icon.png) no-repeat right bottom ; display: block; position: absolute;right: -5px; bottom: -6px; background-size: 16px 16px; width: 20px; height:20px ;}
.flowChart .check-success {
	background-color: rgb(87, 194, 64);
	border: 4px solid rgba(198, 228, 177,0.9);
}
.flowChart .check-danger {
	background-color: rgb(228,108,35);
	border: 4px solid rgb(250, 166, 122);
}
.flowChart .check-prime {
	background-color: rgb(0, 136, 165);
	border: 4px solid rgb(88, 191, 243);
}
.flowChart .check-warning {
	background-color: rgb(248, 144,2);
	border: 4px solid rgba(255, 208, 122,1);
}
.flowChart .NodeDetail {
	background-color: white;
	margin-left: -60px;
	flex-grow: 1;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	box-shadow: 1px 1px 3px #f3f3f3;
}
.flowChart img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.NodeDetail .details {
	flex-grow: 1;
	padding-left: 8px;
	display: flex;
	justify-content: space-between;

}
.NodeDetail .details h4{font-size: 16px;}
.ts_lable{background: #fe9b35; float: right; border-radius: 20px; padding: 0 5px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;}
.details p {
	color: #333;
	font-size: 12px;
	font-weight: 100;  margin-top: 5px;
}
.NodeDetail-title {
	display: flex;
	margin-bottom: 10px;
}
.NodeDetail-content {
	flex-grow: 1;
	background: #f7f7f7;
	padding: 6px;
	border-radius: 3px;
	font-size: 13px;
}
.NodeDetail-content p {
	text-indent: 2em;
	text-align: justify;
	font-size: 14px;
}
.NodeDetail-content  span{margin: 0 10px; width: 45%; display: inline-block;}
.NodeDetail-footer span {
	font-size: 12px;
	font-weight: 100;
	color: rgb(104, 104, 104);
	float: right;	margin-top: 5px;
}
.badge {
	padding: 2px 5px;
	font-size: 12px;
	background-color: rgb(72, 108, 160);
	border-radius: 10px;
	font-weight: 100;
	color: white;
	letter-spacing: 2px;
	box-shadow: 1px 1px 1px gainsboro;
}
.BadgeGray {
	background-color: rgb(104, 108, 104);
}
.tag {
	width: 0;
	height: 0;
	border: 14px solid;
	border-style: dashed;
	border-color: transparent white transparent transparent;
	position: absolute;
	left: -13px;
	top: -14px;
}
.tag-boder {
	width: 0;
	height: 0;
	border: 12px solid;
	border-style: dashed;
	border-color: transparent gainsboro transparent transparent;
	position: relative;
	left: -59px;
}
.NodeDetail-content p{
	
}

@media only screen and (min-width:800px) and (max-width: 1800px) {


	h5,
	.h5 {
		font-size: 12px;
	}


	.NodeDetail-content {

		font-size: 12px;
	}
	.dc_body .card-title {
		font-size: 13px;}
		.lczhbox li .top-num {
			width: 142px;
		
			padding: 0 5px;
			
		}.iconbox {
	
			width: 40px;
			height: 40px;
			line-height: 40px;
			margin-right: 5px;

		}.lczhbox li {
			
			font-size: 12px;
			padding: 0.7rem 6px;
			
		}.width20 {
			width: 110px !important;
		}.lczhbox li H2 {
			font-size: 16px;
			margin-top: 3px;
		}.NodeDetail .details h4 {
			font-size: 14px;
		}.dc_body .card-title::before {
			
			top: .9vh;
	
		}
}