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



.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: 5%;
	padding-left: 5%;


}

.dc_bg {
	width: 100%;
	height: 100%;
	background: url(../img/sbg.png) no-repeat;
}

.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: 8px;
	padding-left: 8px;
}

.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: #0692fb !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: 5px;
	margin-top: .6vh;


}

.dc_body .dc_top .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background: rgba(255, 255, 255, 0.9);
	background-clip: border-box;

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

}

.dc_body .dc_top .dc_col_3:first-child .card {
	border-left: 2px solid #f26f3a;
}

.dc_body .dc_top .dc_col_3:nth-child(2) .card {
	border-left: 2px solid #fdae50;
}

.dc_body .dc_top .dc_col_3:nth-child(3) .card {
	border-left: 2px solid #24b0ec;
}

.dc_body .dc_top .dc_col_3:nth-child(4) .card {
	border-left: 2px solid #978df1;
}

.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: #99a6b7 !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: .6vh;
}

.dc_top {}

.dc_body .card-title {
	font-size: 14px;
	font-weight: bold;
	color: #0692fb;
	border-bottom: 1px solid #e1e6f1;
	flex: 1 1 auto;
	padding: .65rem;
	padding-left: 15px;
}

.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: #0692fb;
	border-bottom: 2px solid #0692fb;
	padding-bottom: 9px;

}

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

.dc_body .card-title span img {
	margin-right: 5px;
	position: relative;
	top: 3px;
}

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

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

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

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

.text-success {
	color: #1fc945 !important;
}
.text-danger {
	color: #fe792f !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: #1fc945 !important;
}

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

.bg-info {
	background-color: #0692fb !important;
}

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

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

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

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

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
	background-color: #fe792f !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;
}


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



.lczhbox li .abox font{
    font-size: 12px; margin-left: 3px;
}


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

.height28 {
	height: 23vh !important;
	overflow: auto
}

.height29 {
	width: 100%;
	height: 29.5vh;
	overflow: auto
}

.height30 {
	height: 32.2vh;
	overflow: auto
}

.height38 {
	width: 100%;
	height: 36.8vh;
	overflow: auto
}

.height35 {
	width: 100%;
	height: 35vh;
	overflow: auto
}

.height35 .ScrollText {
	height: 28vh;
}

.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: 46px;
}

.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 {
	padding: 0 1vh;
}

.rounded-0 .card-body .media-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 tbody tr:nth-of-type(2n+1) {
	background-color:
		#f8f9fa;
}

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

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

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

.tcbtn {
	background:#0692fb !important;
	color: #fff;
	padding: 5px 10px;
	border: none;
	border-radius: 3px;
	font-size: 12px;
}
.czbtn {
	background:#fff !important;
	color: #333;
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-radius: 3px; margin-left: 8px;
	font-size: 12px;
}

.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;
	font-size: 14x;
	font-weight: bold;
	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: #0692fb;
	font-size: 14px;
	padding: 0 15px;
	font-weight: bold;
	border-bottom: 2px solid #0692fb;
}

.dctab-box .dctab ul li.action i {
	color: #0692fb
}

.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;
	font-size: 14x;
	font-weight: bold;
	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: #0692fb;
	font-size: 14px;
	padding: 0 15px;
	font-weight: bold;
	border-bottom: 2px solid #0692fb;
}

.dctab-box .dctab2 ul li.action i {
	color: #0692fb
}

.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/tab4.png) left center no-repeat;
	padding-left: 20px;
}

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

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

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


.dctab-box .dctab3 ul li {
	position: relative;
	padding: 0 10px;
	border-right: 1px solid #f4f4f4;
	font-size: 14x;
	font-weight: bold;
	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: #0692fb;
	font-size: 14px;
	padding: 0 15px;
	font-weight: bold;
	border-bottom: 2px solid #0692fb;
}

.dctab-box .dctab3 ul li.action i {
	color: #0692fb
}

.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;
}
.dctab-box .dctab3 ul li:nth-child(5) {
	background: url(../img/tab2.png) left center no-repeat;
	padding-left: 20px;
}

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

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

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

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

.dctab-box .dctab3 ul li.action:nth-child(7) {
	background: url(../img/tab3_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;
}

.iq-progress-bar {
	background: #eef1f7;
	box-shadow: 0 0 0;
	height: 6px;
	margin: 0;
	position: relative;
	width: 100%;
	border-radius: 4px;
}

.iq-progress-bar>span {
	background: #4F6272 none repeat scroll 0 0;
	display: block;
	height: 100%;
	width: 0;
	border-radius: 4px;
}

.dc-table {
	width: 100%;
	margin-bottom: .3rem;
	color:
		#666;
	font-size: 12px;
	border-collapse: collapse;
}

.dc-table a {
	color: #5aa6f9;
}

.dc-table th {

	font-weight: normal;
	text-align: left;
	color: #334151;
	font-weight: bold;
}


.dc-table th,
.dc-table td {
	padding: 0 10px;
	font-size: 12px;
	height: 3.7vh;

}

.dc-table img {
	float: left;
	margin-right: 6px;
	width: 16px
}

.dc-table i {
	color: #2faffa
}

.dc-table tbody tr:nth-of-type(2n+1) {
	background-color:
		#f8f9fa;
}

.width60 {
	width: 65%;
}

.widht50 {
	width: 50%;
}

.height35 {
	height: 28vh;
	overflow: auto;
}

#breakNewsList {
	height: 18vh;
	overflow: hidden;
	width: 100%;
}

.ScrollText {
	height: 34vh;
	overflow: hidden !important;
}

.iq-progress-bar {
	background: #eef1f7;
	box-shadow: 0 0 0;
	height: 6px;
	margin: 0;
	position: relative;
	width: 100%;
	border-radius: 4px;
}

.iq-progress-bar>span {
	background: #4F6272 none repeat scroll 0 0;
	display: block;
	height: 100%;
	width: 0;
	border-radius: 4px;
}



.rank_list li {
	padding: 5px;
}

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

.num {
	margin: 0 5px;
	font-weight: bold;
}

.background {
	width: 100%;
	height: 12px;
	border-radius: 10px;
	background: #f4f4f4;
	margin: 0px;
	overflow: hidden;
}

.progress {
	height: 12px;
	border-radius: 5px;
	overflow: hidden;
}

.unit_list .background {
	width: 100%;
	height: 14px;
	border-radius: 5px;
	background: #f4f4f4;
	margin: 0px;
	overflow: hidden;
}

.unit_list .progress {
	height: 14px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.unit_list .progress_text {
	position: absolute;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding-left: 8px;
}

.unit_list li {
	padding: 3px;
	display: flex;
}

.progress_box {
	width: 98%;
}

.unit_list li .num_span {
	width: 26px;
	display: inline-block;
	line-height: 28px;
	margin-top: 3px;
	border-radius: 3px;
	height: 28px;
	color: #fff;
	font-size: 12px !important;
	margin-right: 6px;
	text-align: center;
	background-image: linear-gradient(to right, #3b8bf1 0%, #60abfa 100%);
}

.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 li {
	font-size: 12px;
	height: 4vh;
	line-height: 4vh;
	background: #f5f8f9;
	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, #2cabf7, #50c9fe);
	width: 20px;
	height: 20px;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-right: 3px;
	line-height: 20px;
	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: #0692fb;
}

.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: 5px;
	width: 5px;
	background: #0692fb;
	display: inline-block;
	margin-right: 3px;
	border-radius: 50%;
	position: relative;
	top: -3px;
}

.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;
	justify-content: space-between;
	width: 100%;
	margin: 20px auto !important;
	flex-wrap: wrap;
	color: #333;
	padding: 0 !important;
}

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

.lczhbox li {

	position: relative;

	width: calc(30% - 10px);

	list-style: none;

}
.lczhbox li h3{font-size: 13px;  height: 26px;}
.lczhbox li .abox {
	display: flex;
	align-items: center;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
	height: 8vh;
	padding: 5px 10px;
	font-size: 14px;
	position: relative;
	border: 1px solid #f5f5f5;
	background: #fff;

	overflow: hidden;
	border-radius: 5px;
}

.tbox {
	display: flex;
	align-items: center;
	width: 50%;
}

.lczhbox li.active_h {
	width: calc(22% - 10px);
}

.lczhbox li .abox table {
	width: 100%;
	font-size: 12px;
}

.color999 {
	color: #99a0c1;
}

.lczhbox li p {
	color: #99a0c1;
	margin-bottom: 3px;
	font-size: 13px;
}

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

.height50 {
	height: 73vh;
}

.ggao {
	background-image: url('../img/news.png');
	background-size: 100% 100%;
	height: 10vh;
}

.ggao a {
	color: white;
	float: right;
	font-size: 13px;
	margin-top: 4px;
	text-decoration: none
}

.lczhbox .end {
	background: #0692fb;
	color: #fff;
	position: absolute;
	top: -0.5em;
	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);
}

.hot_topics {
	background: rgba(255, 255, 255, 0.7);
	background-clip: border-box;
	border-radius: 2px;
	padding: 10px 5%;
	padding-right: 5px;
	position: relative;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 10;
	margin: 0;
}

.hot_topics .hot_wrapper {
	padding: 1vh 10px;
	display: flex;
	align-items: center;
	overflow: hidden;

}
.hor_right{display: flex; align-items: center; margin-right: 5%;}
.hor_right h3{ font-weight: normal;font-size: 12px; margin: 0 5px;}
.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: 50px;


}

.hot_span img {
	width: 42px;
	border-radius: 50%;
	opacity: .8;
	display: inline-block;
}

.notice_text {
	font-size: 12px;
	width: 100px;
	position: absolute;
	right: 0px;
}

.init-sr .init-des {
	margin-bottom: 4px;
	color: #777;
	font-size: 13px;
}

.init-sr .init-data {
	display: inline-block;
	height: 40px;
	padding: 0 20px;
	line-height: 38px;
	background: #f7f8fa
}

.init-sr .init-data span {
	margin-right: 30px;
}
.init-sr p{margin: 0; padding: 0; 	font-size: 13px;   color: #666;
    margin-bottom: 3px;}
.init-sr h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	font-size: 18px;
	color: #333;
}

.init-des span {
	min-width: 30%;
	display: inline-block;
	margin: 5px;
	margin-bottom: 0;
}

.init-des span font {
	min-width: 100px;
	text-align: right;
	display: inline-block;
}

.init-des span font:first-child {
	text-align: left;
}

.btn_1 {
	display: inline-block;
	border-radius: 18px;
	font-size: 12px;
	padding: 5px 6px;
	border: 1px solid #0692fb;
	color: #0692fb;
	text-align: center;
	width: 70px;
	margin-left: 1%;
	text-decoration: none;
}

.color-bule {
	color: #0692fb;
}


.abox-nav-list .abox-item {

	background: url("../img/line.png") center right no-repeat;
	float: left;
	display: inline-block;
	width: 16.6667%;
	margin: 0;

}

.abox-nav-list .abox-item.pageson {
	background: url("../img/line_ac.png") center right no-repeat;
}

.abox-nav-list .abox-item .abox-text {

	background: #fff;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
	width: 85%;
	border-radius: 5px;
	font-size: 14px;
	float: left;

	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 10vh;
	padding: 5px 0;

}

.abox-nav-list {
	padding: 10px;
}

.abox-title {
	background: url("../img/icon2.png") center left 5px no-repeat;
	text-align: left;
	display: block;
	border-radius: 5px;
}

.abox-nav-list .abox-item.pageson .abox-title {
	background: url("../img/icon1.png") center left 5px no-repeat;
	color: #0692fb;
	border-radius: 5px;

}

.abox-nav-list .abox-item.on .abox-title {
	background: url("../img/icon1.png") center left 5px no-repeat;
	color: #0692fb;
	border-radius: 5px;

}

.abox-nav-list .abox-item:last-child .abox-text {
	width: 100%;
}

.abox-nav-list .abox-item.pageson .abox-text {
	background: #eaf5fe;
}

.iconbox{
	width: 26px;
	height: 26px;
	display: block;
	border-radius: 5px;
	float: left;
	margin:0 8%;
	margin-right: 3%;
	text-align: center;
	line-height:26px ;
	background: #99a0c1;
	color: #fff;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);

}
.abox-nav-list .abox-item.pageson .iconbox{background: #0692fb;}

.icon-image01 {
	background: url("../images/icon001.png") left no-repeat;
	background-size: contain;
}

.icon-image02 {
	background: url("../images/icon002.png") left no-repeat;
	background-size: contain;
}

.icon-image03 {
	background: url("../images/icon003.png") left no-repeat;
	background-size: contain;
}

.icon-image04 {
	background: url("../images/icon004.png") left no-repeat;
	background-size: contain;
}

.icon-image05 {
	background: url("../images/icon005.png") left no-repeat;
	background-size: contain;
}

.abox-info ul li h2 {

	color: #fff;
	font-size: 14px;
}

.abox-info ul li h2 img {
	width: 20px;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.abox-info ul li h3 {
	font-weight: normal;
	color: #666;
	font-size: 14px;
}

.lin {
	width: 63px;
	height: 1px;
	background: #313534;
	margin: 8px 0 10px 0;
}

.abox-info ul li p {
	font-size: 14px;
	color: #99a0c1;
	padding-bottom: 8px;
}

.abox-side {
	padding-top: 1px;
}

.abox-info .abox-side h3 {
	color: #333;
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #99a0c1;
	cursor: pointer;
}

.abox-info .abox-side h3:hover {
	color: #08acee;
}

.abox-info .abox-side ul {
	padding-top: 14px;
}

.abox-info .abox-side ul li {
	color: #999;
	font-size: 13px;
	padding: 5px 0;
}

.abox-info ul li a {
	color: #08acee;
	text-decoration: underline;
}

.abox-info ul li .abox-info-title {
	font-size: 14px;
	padding-bottom: 4px;
}

.abox-info ul li h4 {
	font-size: 14px;
	padding-bottom: 10px;
}

.top_icon{
	width: 36px;
    height: 36px;
    display: block;
    border-radius: 5px;
    float: left;
    margin: 0 10px;
    text-align: center;
    line-height: 36px;
    background: #99a0c1;
    color: #fff;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
}
.top_icon i{font-size: 20px;}
.abox-item-list {

	width: 100%;
	display: flex;
	align-items: center;
}
.search .input-wrap {
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.frombox {
    display: flex;
    align-items: center;
	justify-content: space-between;
	margin: 5px;
}
.search{ display: flex;  justify-content:flex-end;width: 100%;}
.search input {
	outline: none;
	border: none;
	width: 100%;
	padding: 6px 10px;
	font-size: 12px;
	border: 1px solid #ddd;border-radius:  3px 0 0 3px  ;
	background: none;
	cursor: pointer;
	}
  
  .search input::-webkit-search-decoration,
  .search input::-webkit-search-cancel-button,
  .search input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  }
  .search .clear-button { 
	width: 116px; background: #0692fb;padding: 5px ;
	text-align: right; font-size: 12px; color: #fff;border: 1px solid #0692fb;
	position: relative; padding-right: 3px; margin-left: -2px;border-radius: 0  3px 3px 0   ;
	}
  .search .clear-button img{width: 100%; padding: 3px;}
  .title_gz{font-size: 16px; margin: 0; padding: 0 12px; position: relative;}

  .title_gz::before {
	  width: 3px;
	  height: 14px;
	  top: 4px;
	  position: absolute;
	  content: "";
	  background: #2fa5f4;
	  border-radius: 20px;
	  left: 5px;
  }

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

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


	.dc-table th,
	.dc-table td {

		font-size: 12px !important;

	}


	.list-group-item h6 div.width90 {
		width: 75%;
	}

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

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

	.list-group-item h6 {
		font-size: 12px !important;

	}

	.list-group-item {

		padding: 0.5rem 0.1rem;

	}

	.init-des span {
		min-width: 30%;
		display: inline-block;
		margin: 5px;
		margin-bottom: 0;
	}

	.init-sr .init-des {

		font-size: 12px !important;
	}
	.abox-nav-list .abox-item .abox-text {

		height: 13vh;
		
	}
	.abox-nav-list .abox-item .abox-text {
	
		width: 88%;
		font-size: 13px;
		
	}.lczhbox li {
	
		width: calc(38% - 10px);
		
	}
	.lczhbox li.active_h {
		width: calc(21% - 10px);
	}
	.lczhbox li .abox {

		height:10vh;
		
		font-size: 12px !important;
	
	}
	.top_icon {
		width: 36px;
		height: 36px;
		display: block;
		border-radius: 5px;
		float: left;
		margin: 0 5px;
	

	}
	.lczhbox li .abox {

		padding: 5px 3px;

	}
}