.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: 3px;
	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 #ddd;
	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 {

}

.media-body {
	padding: 10px;
}

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

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

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

.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 i {
	color: #a8cbf2;
}

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

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

.text-info {
	color: #1c84c6 !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: 80.6vh;
	overflow: auto
}

.height25 {
	height: 36vh;
	overflow: auto
}

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

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


.w-icon {
	font-size: 12px;
	position: absolute;
	right: 1%;
	text-align: center;
top: 12%;

	display: inline-block;
}
.w-icon_ec {
	font-size: 12px;
	position: absolute;
	right: 1%;
	text-align: center;
top: 2%;

	display: inline-block;
}
.blue_Bg{background: #0e94fc !important;}
.blue_Bg .media-body p {
    color: #fff;
    margin: 0;
    font-size: 16px;
}
.blue_Bg .media-body h5.mb-1{ color: #fff;}
.blue_Bg .media-more {
    font-size: 12px;
    color: #fff;
	
}
.icon_jt img{width: 12px; position: relative; top: 2px; margin-left: 3px;}
.w-img {
	float: left;
	width: 52px;
	height: 52px;
	line-height: 52px;
	background: #e1eff9;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;

}
.charttop{width: 6vw; height: 8vh;}
.w-img img {
	width: 30px; margin-top: 12px;
}

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

.media-body h5.mb-1 {
	margin: 2% 0
}

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

.media-more {
	font-size: 12px;
	color: #999;
	display: flex;
	justify-content: space-between;
	padding-right: 6px;
}

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

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

.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 #ddd;
	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 #ddd;
	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 #ddd;
	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 .dc_row {
	padding: 0 8px;
}

.zw_list li {
	font-size: 12px;
	height: 4vh;
	line-height: 4vh;

	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;
}

.num_bg {
	background: url(../img/num_bg.png);
	width: 43px;
	height: 24px;
	margin-left: -5px;
	margin-top: -12px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
	color: #fff;
}

.zw_list .zw_list_title {
	background: #fbfbfb;
	color: #666;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	border: none;
}

.zw_list li:nth-child(2n) {
	background: #f8fafd;
}

.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;
}

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

.num_lable {
	background: linear-gradient(to right, #2cabf7, #50c9fe);
	width: 18px;
	height: 18px;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-right: 3px;
	line-height: 18px;
	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;
}

.ellipsis {

	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;

	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 #ddd;
	text-align: center;
}

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

.lczhbox {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	color: #333;
	padding-left: 6px;
	padding-bottom: 10px;
	overflow: hidden;
}

.lczhbox img {
	width: 42px;
	margin-right: .6rem;
}

.lczhbox li {

	margin-top: .5rem;
	font-size: 14px;
	margin-left: .5rem;
	border: 1px solid #f5f5f5;
	display: flex;
	align-items: center;
	width: 48%;
	padding: 15px;
	list-style: none;
	height: 10vh;
	border-radius: 8px;
}

.lczhbox li h2 {
	color: #666;
	border-radius: 8px 8px 0 0;
	padding: .6vh 0;
	font-size: 14px;
}

.lczhbox li h2 b {
	font-size: 16px;
	color: #333;
}

.lczhbox li h2 p {
	font-size: 12px;
}

.lczhbox li span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-right: 10%;
	line-height: 60px;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	background: #aaa;
}



.height26 {
	height: 28vh !important;
	overflow: auto;
}

.item-arrow img {
	width: 16px;
}

.item-arrow {
	width: 60px;
	text-align: center;
	cursor: pointer;
	border-bottom: none;
	font-size: 0.8rem;
	color: #212121;
	position: absolute;
	border-radius: 10px 10px 0 0;
	left: 50%;
	margin-left: -25px;
	bottom: 0px;
	margin: 0 auto;
	background: url(../img/bottombg.png);
	background-size: auto;
	background-size: 100% 100%;
	height: 16px;
	z-index: 10000;
}

.height40 .zw_list .dc_col_3 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.badge5 {


	font-size: 12px;

	padding: 3px 5px;

	width: 85px;
	display: inline-block;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: linear-gradient(to right, rgba(63, 169, 255, 1) 0, rgba(80, 200, 255, 1) 100%);
	border-radius: 10px;
	line-height: initial;

}

.height40 .zw_list .dc_col_3 .badge5 {
	margin-right: 15px;
}

.yc_map {
	width: 100%;
	height: 100%;
	opacity: 0;
}

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

.BMapLabel p {
	margin: 0;
	color: #333;
	margin-bottom: 2px
}

.mapbox {
	position: absolute;
	top: 3.6vh;
	opacity: 0;
	width: 98.5%;
	height: 92%;
}

.zindex {
	opacity: 1;
	z-index: 1000;
}

.lflex {
	position: absolute;
	left: 2px;
	top: 2px;
	padding: 3px !important;
	z-index: 1000;
	background: #ddd;
	background-size: 100% 100%;
	color: #333;
	display: flex;
	border-radius: 5px;
}

.lflex li {
	display: flex;
	align-items: center;
	padding: 2px 5px;
	cursor: pointer;
	font-size: 13px;
}

.lflex li img {
	width: 20px;
	margin-right: 3px;
}

.lflex li font {
	margin-left: 5px;
}

.lflex li.active {
	border: 1px solid #0088ff;
}

.xmtitle {}

.xmtitle span {

	color: #0088ff;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 13px;
}

.map-close {
	position: absolute;
	right: 5px;
	top: .8vh;
	margin: 0 5px;
	font-size: 12px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: #0088ff;
	height: 22px;
	line-height: 22px;
	width: 60px;
	text-align: center;
	border-radius: 5px;
	z-index: 10000;
	cursor: pointer;
	color: #fff;
}

.map-close img {
	width: 14px;
	height: auto !important;
}

.tableLabel1 {
	display: none;
}

.BMap_Marker:hover .tableLabel1 {
	display: block;
	z-index: 10000000;
}

.infoBoxContent {
	background-color: cyan;
}

.BMap_pop div {
	background: #ddd !important;
	border: none !important;
	color: #333 !important;
	;
}

.BMap_pop .BMap_top {
	border-top: 1px solid #ddd !important;
	background-color: #ddd !important;
}

.BMap_pop .BMap_center {
	border-right: 1px solid #ddd !important;
	background-color: #ddd !important;
}

.maptable {
	width: 100%;
	margin-top: 15px;
	height: 100px;
}

.maptable td {
	padding: 3px 2px;
}

.maptable img {
	position: relative;
	top: 2px;
	width: 16px;
	margin-right: 3px;
}

.trbg {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 5px;
}

.BMap_pop div:nth-child(8) {
	display: none;
}

.mapbg {
	background: url(../img/mapbg.png) no-repeat;
	background-size: auto;
	background-size: 100% 100%;
	overflow: hidden;
}

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

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

.yc_tab {
	border: 1px solid #ddd;
	border-radius: 3px;
}

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

.current {
	background: #35a8f4;
	color: #fff;
}

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

.yc_tab_box .height100 {
	display: none;
}

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

.yc_tab_box .height100:nth-child(2) .chart100 {
	width: 72vw;
	height: 34vh;
}
.yc_tab2{margin-left: 15px !important;	border: 1px solid #ddd;
	border-radius: 3px;}
.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;
}

.yc_tab3 li {
	float: left;
	text-align: center;
	cursor: pointer;
	padding: 0 10px;
	font-size: 14px;
	list-style: none;
	line-height: 3.6vh;
}

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

.yc_tab_box3 .height100 {
	display: none;
}

.yc_tab_box3 .height100:nth-child(2) {
	width: 48vh;
	height: 22vh;
}

.yc_tab3 .current {
	background: none;
	border-bottom: 2px solid #35a8f4;
	border-radius: 0;
	color: #35a8f4;
}

.zw_list .dc_col_2 {
	flex: 0 0 16.667%;
	max-width: 16.667%;
	text-align: center;
}

h6 label.lab_right {
	float: right;
	background: none;
	font-size: 12px;
}

.bao_btn {
	background: #35a8f4;
	color: #fff !important;
	padding: 2px 5px;
	border-radius: 5px;
	font-size: 12px;
}

.zw_list .dc_col_4 {
	text-align: center;
}

.border-r {
	border-right: 1px solid #f2f2f2;
}

.relative {
	position: relative;
	text-align: center;
}

.yc_lable {
	position: absolute;
	bottom: 0px;
	width: 90%;
	margin: 0 auto;
	background: #f5f8f9;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	padding: 0;
	height: 30px;
	font-size: 12px;
	text-align: center;
}

.yc_lable img {
	width: 24px;
	margin-right: 6px;
}

.yc_dz {
	position: absolute;
	top: 6px;
	width: 90%;
	margin: 0 auto;
	color: #35a8f4;
	background: #f5f8f9;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	padding: 0;
	height: 30px;
	font-size: 12px;
	text-align: center;
}

.yc_dz img {
	width: 24px;
	margin-right: 6px;
}

.text_pm {
	width: 50px;
	border: none;
	display: inline-block;
	border-radius: 6px 2px 6px 6px;
	margin-right: 3px;
	color: #fff;
	font-size: 12px;
	height: 18px;
	text-align: center;
	line-height: 18px;
}

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

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

.num_zd {
	background: linear-gradient(to right, #ff4146, #ed2025) !important;
}

.num_yd {
	background: linear-gradient(to right, #e01116, #bc090d) !important;
}

.num_cd {
	background: linear-gradient(to right, #d328c9, #f33fe8) !important;
}

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

.dj_list {
	position: absolute;
	right: -50px;
	bottom: 2px;
	padding: 3px !important;
	z-index: 1000;
	width: 360px;
	display: flex;
	text-align: center;
	flex-wrap: wrap;
	background-size: 100% 100%;
	color: #ffff;
	display: flex;

}

.dj_list li {
	display: flex;
	align-items: center;
	padding: 2px 10px;
	width: 20%;
	cursor: pointer;
	font-size: 12px;
	justify-content: center;

}

.dj_list li:nth-child(3) {
	width: 30%;
}

.dj_list li:nth-child(3) {
	width: 30%;
}

.text-col {
	color: #333;
}

.yc_xmtab2 {
	display: inline-block !important;
}

.yc_xmtab3 {
	display: inline-block !important;
}

.yc_xm_main3 #yc_xm_chart1 {
	width: 25vw;
	height: 22vh;
}

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

	.media-body {
		padding: 0px;
	}.media-body h5.mb-1 {
		margin: 1% 0;
	}
}