* {
	box-sizing: border-box;
}

ul li {
	list-style: none;
	margin: 0
}

.flex_align {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}
.flex_align a{color: #333; text-decoration: none;}
.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: 15px;
	padding-left: 15px;
}

.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 16.6667%;
	max-width: 16.6667%;
}

.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: .5rem;


}

.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 #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: #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: .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: .65rem;
	padding-left: 15px;
}

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

.dc_body .dctab-box .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;
	border-bottom: 2px solid #35a8f4;
	padding-bottom: 12px
}

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

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

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

.text-info {
	color: #0e94fc !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: #3fcbca !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: #4bb5ea !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: #ff7671 !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.8rem .1rem;
	font-size: 12px;
	background-color: #fff;
	border-bottom: 1px solid #e1e6f1;
}

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

.list-group-item:hover {
	border-left: 3px solid #56c5fd;
	background: #f7f6fb
}

.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: 55px;
	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-right: 8px;
	position: relative;
	top: 12px;
}

.tx-11 {
	font-size: 11px;
	padding-left: 25px;
}

.progress-percentage {
	float: right;
}

.bg-success {
	background-color: #3fcbca !important;
}

.bg-danger2 {
	background-color: #eb5076 !important;
}

.bg-secondary2 {
	background-color: #d13adf !important;
}

.bg-info2 {
	background-color: #03d0ea !important;
}

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

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

.height22 {
	height: 32vh;
	overflow: auto
}

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

.height38 {
	width: 100%;
	height: 38vh;
	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: 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 #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;
}

.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:
		#747a80;
	font-size: 12px;
	border-collapse: collapse;
}

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

.dc-table th {
	background: #efefef;
	font-weight: normal;
	text-align: left
}

.dc-table th,
.dc-table td {
	padding: 0 10px;
	font-size: 13px;
	height: 36px;
}

.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: 37vh;
	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;
}

.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: #3fcbca !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: #4bb5ea !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: #ff7671 !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;
}

.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;
	 padding: .2vh 0;
	
	border-bottom: 1px solid #f8f8f8;
	color: #333;
	margin: 0;
	
}

.align-r {
	text-align: right;
}

.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 .icon_jt {
	position: relative;
	top: 3px;
	margin-left: 5px;
}

.num_text {
	color: #67aef6 !important;
	font-size: 14px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	border: 1px solid #67aef6;
	border-radius: 50%;
	position: relative;top: 5px;
	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;
}

.ellipsis60 {
    display: inline-block;
	width:90%;
	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 {
	flex: 0 0 100%;
	max-width: 100%;
}

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

.zw_list   span.tsbox {
	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;
}
.success-box.zw_list   span.tsbox {border: 1px dashed #65d3d3 ;
	color: #65d3d3 ;}
	.success-box	.num_text {border: 1px solid #65d3d3;color: #65d3d3 !important;}
.unit_list h2 {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0.1rem;
}

.scrolltitle {
	height: 24px;
	font-size: 14px;
	width: 100%;
	border-bottom: solid 1px #ddd;
	margin: 20px auto 15px auto;
}

a.abtn {
	display: block;
	height: 130px;
	width: 17px;
	overflow: hidden;
	background: url(../img/arrow3.png) no-repeat 0px 50%;
}

a.aleft {
	float: left;
}

a.agrayleft {
	cursor: default;
	background-position: -34px 50%;
}

a.aright {
	float: right;
	background-position: -17px 50%;
}

a.agrayright {
	cursor: default;
	background-position: -51px 50%;
}

.scrolllist {
	width: 100%;
	height: 124px;
	margin: 0 auto;
	background: linear-gradient(to bottom, #64b5ea 0%, #5694f1 100%) !important;	background-size: 100% 100%;
	box-shadow: 0 1px 3px 0px rgb(115 108 203 / 23%);
	border-radius: 3px;
	margin-top: 0.5rem;
	display: flex;
}

.scrolllist .imglist_w {
	width: 99%;
	height: 124px;
	overflow: hidden;
	
	position: relative;
	/*必要元素*/
}

.scrolllist .imglist_w ul {
	width: 20000px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	height: 100%;
	align-items: center;
}

.scrolllist .imglist_w li {
	width: 156px;
	float: left;
	padding: 0 10px;
	text-align: center;

}

.scrolllist .imglist_w li img {
	padding: 2px;
	width: 68px;
}

.scrolllist .imglist_w li a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
}

.scrolllist .imglist_w li a:hover img {
	filter: alpha(opacity=86);
	-moz-opacity: 0.86;
	opacity: 0.86;
}

.scrolllist .imglist_w li p {
	line-height: 24px;
	overflow: hidden;
}

#s2 {
	width: 214px;
}

#s2 .imglist_w {
	width: 176px;
}

#s2 .imglist_w ul {
	height: 20000px;
	width: auto;
	position: absolute;
	left: 0px;
	top: 0px;
}

#s2 .imglist_w li {
	float: none;
}
.aui-palace-grid-icon {
	width: 4.3rem;
	height: 4.3rem;
	
	background: #eef7fe;
	line-height: 4.3rem;
	margin: 0 auto;
	border-radius: 50%;
	margin: 0 auto;
	  margin-bottom: 0px;
	text-align: center;
	margin-bottom: .2rem;
	box-shadow: 0 0.125rem 0.2rem #3f7ba6 !important;
  }
  .scrolllist .imglist_w ul li i{font-size: 36px;}
.kfbg1 {
	background: linear-gradient(to bottom, #44d7d1 0%, #39b8e1 100%) !important;
	color: #fff !important
}

.kfbg2 {
	background: linear-gradient(to bottom, #2fcdf4 0%, #239af8 100%) !important;
	color: #fff !important
}

.kfbg3 {
	background: linear-gradient(to bottom, #48dc9e 0%, #2cc779 100%) !important;
	color: #fff !important
}

.kfbg4 {
	background: linear-gradient(to bottom, #6ecc38 0%, #3dbb1a 100%) !important;
	color: #fff !important
}

.kfbg5 {
	background: linear-gradient(to bottom, #b399fe 0%, #7d55e9 100%) !important;
	color: #fff !important
}

.kfbg6 {
	background: linear-gradient(to bottom, #8991fc 0%, #4c58ea 100%) !important;
	color: #fff !important
}

.kfbg7 {
	background: linear-gradient(to bottom, #fd8048 0%, #fc7436 100%) !important;
	color: #fff !important
}

.kfbg8 {
	background: linear-gradient(to bottom, #fd868a 0%, #f86d74 100%) !important;
	color: #fff !important
}

.kfbg9 {
	background: linear-gradient(to bottom, #8fb6fb 0%, #7795f5 100%) !important;
	color: #fff !important
}

.kfbg10 {
	background: linear-gradient(to bottom, #b095fc 0%, #825deb 100%) !important;
	color: #fff !important
}

.kfbg11 {
	background: linear-gradient(to bottom, #878ffc 0%, #515eeb 100%) !important;
	color: #fff !important
}

.kfbg12 {
	background: linear-gradient(to bottom, #48d5cd 0%, #3ab7e3 100%) !important;
	color: #fff !important
}

.kfbg13 {
	background: linear-gradient(to bottom, #68e9cb 0%, #24cbba 100%) !important;
	color: #fff !important
}

.kfbg14 {
	background: linear-gradient(to bottom, #3d81fc 0%, #3657f4 100%) !important;
	color: #fff !important
}

.kfbg14 {
	background: linear-gradient(to bottom, #ff8d5b 0%, #ff6a1e 100%) !important;
	color: #fff !important
}
.kfbg_no {
	background: linear-gradient(to bottom, #ddd 0%, #c7c6cd 100%) !important;
	color: #fff !important
}

.product-img {
	width: 60px;
	height: 60px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #e6e6e6
}
.product-img img {
	width: 60px;
	height: 60px;
	padding: 6px
}
.product-list {
	position: relative;
	height: 380px
}
.dashboard-top-countries {
	position: relative;
	height: 360px
}
.customers-list {
	position: relative;
	height: 450px
}
.product-list .row {
	background-color: #f8f9fa;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	border: 1px solid #dee2e6 !important;
	border-radius: 10px;
	padding-top: 1rem !important;
padding-bottom: 1rem !important;
margin: 1.6vh 0;
}
.align-items-center {
	align-items: center !important;
  }
  .d-flex {
	display: flex !important;
  }
  .ms-2 {
	margin-left: .5rem !important;
  }
  .mb-1 {
	margin-bottom: .25rem !important;
  }
  .h6, h6 {
	font-size: 1rem;
  }
  .row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x)/ 2);
	padding-left: calc(var(--bs-gutter-x)/ 2);
	margin-top: var(--bs-gutter-y);
  }
  .row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	align-items: center;
  }
  .col-sm {
	flex: 1 0 0%;
  }
  .col-sm-6 {
	flex: 0 0 auto;
	width: 50%;
  }
  .product-list {
	position: relative;
	
  }
  .p-3 {
	padding: .3rem !important;
  }
  .mb-3 {
	margin-bottom: 1rem !important;
  }
  .ps {
	
	overflow-anchor: none;
	-ms-overflow-style: none;
	touch-action: auto;
	-ms-touch-action: auto;
  }
  .product-list p.mb-0{ color: #55b2fd; font-weight: bold;}
  .product-list .col-sm-6 p.mb-0{ color: #000; font-weight: bold;}
  .product-list h6{ color:#666}
  .height80{height: 84vh;}
  .height38{height: 70vh;}
  .product-img i {font-size: 24px;}
  .height10{min-height: 45px;}
@media only screen and (min-width:800px) and (max-width: 1800px) {
	.h6, h6 {
		font-size:12px;
	}
	.product-list .row {
		
		padding-top: .5rem !important;
		padding-bottom: 0.5rem !important;
		margin: .6vh 0;
	}
	.product-img {
		width: 55px;
		height: 55px;

	}
	.product-list .col-sm-6 p.mb-0 {
	
		font-size: 13px;
	}

	.flex_align {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6px;
	}
	.height38 {
		height: 69vh;
	}
	
	.aui-palace-grid-icon {
		width: 3.3rem;
		height: 3.3rem;
		
		line-height: 3.3rem;

	}
	.scrolllist {
		
		height: 104px;

	}
	.scrolllist .imglist_w {
	
		height: 104px;
	
	}
}