

* {
	box-sizing: border-box;
}

.lc_body h1, .lc_body h2, .lc_body h3, .lc_body h4, .lc_body h5, .lc_body h6 {
	margin: 0;
}
.lc_body p {
	margin: 0;
}
.lc_body ul {
	margin: 0;
	padding: 0;

}
body {
	background: #001427 !important;font-family: 'Microsoft YaHei';
	color: #fff
}
.lc_body {margin: 0;
	font-family: Microsoft YaHei;
	color: #334151;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
}
.lc_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	
}
.lc_col_1, .lc_col_2, .lc_col_3, .lc_col_4, .lc_col_5, .lc_col_6, .lc_col_7, .lc_col_8, .lc_col_9, .lc_col_10, .lc_col_11, .lc_col_12, .lc_col, .lc_col_auto, .col-md, .col-md-auto, .lc_col_lg_1, .lc_col_lg_2, .lc_col_lg_3, .lc_col_lg_4, .lc_col_lg_5, .lc_col_lg_6, .lc_col_lg_7, .lc_col_lg_8, .lc_col_lg_9, .lc_col_lg_10, .lc_col_lg_11, .lc_col_lg_12, .col-lg, .lc_col_lg_auto, .lc_col_xl_1, .lc_col_xl_2, .lc_col_xl_3, .lc_col_xl_4, .lc_col_xl_5, .lc_col_xl_6, .lc_col_xl_7, .lc_col_xl_8, .lc_col_xl_9, .lc_col_xl_10, .lc_col_xl_11, .lc_col_xl_12, .col-xl, .lc_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.lc_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_2 {
	flex: 0 0 16.6667%;
	max-width: 16.6667%;
}
.lc_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.lc_col_5 {
	flex: 0 0 40%;
	max-width: 40%;
}
.lc_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_7 {
	flex: 0 0 60%;
	max-width: 60%;
}
.lc_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_10 {
	flex: 0 0 80%;
	max-width: 80%;
}
.lc_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
 @media (min-width: 1200px) {
.lc_col_xl {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_xl_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_xl_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_xl_2 {
	flex: 0 0 16.667%;
	max-width: 16.667%;
}
.lc_col_xl_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_xl_4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
.lc_col_xl_5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}
.lc_col_xl_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_xl_7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}
.lc_col_xl_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_xl_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_xl_10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}
.lc_col_xl_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_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:.25rem 1rem !important}
.btn-padding span{ display:inline-block; padding-top:12px !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}
.mt-5{ margin-top:.6rem}


.p-0{padding: 0!important;}
.border-bottom {
	border-bottom: 1px solid #e1e6f1!important;
}
.lc_body .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;

	background-clip: border-box; 
	border: 1px solid rgba(15,115,227,0.5);
	box-shadow: inset 0 0 30px #004681 !important;
    border-radius: 3px;
	
}

.bm_0 {
	border-bottom:none;
}
.br_1 {
	border-right:1px solid #e3e5e4;
}
.bm_1 {
	border-bottom:1px solid #e3e5e4;
}

.task-list li h6 {
	margin-bottom: 8px !important;
}
.tx-12 {
	font-size: 12px;
}

.text-muted {
	color: #99a6b7 !important;
}
.text-444 {
	color: #444 !important;
}


h5, .h5 {
	font-size: 1.09375rem;
}
small, .small {
	font-size: 80%;
	font-weight: 400;
}
.lc_body .card-body {
	flex: 1 1 auto;
 padding:6px; position: relative;
}
.lc_top{  padding:.5rem 0}
.lc_body .card-title {
	font-size:14px; position: relative;
	font-weight: 600;     background: url(../img/title1.png) right 3% center no-repeat !important;
	color: #fff;  
	border-bottom: 1px solid #002d49;
	flex: 1 1 auto;
 padding: .5rem;  padding-left: 5px;
}
.lc_body .card-title  .more{ color:#fff; font-size:12px; font-weight:normal}
.lc_body .card-title  span{color:#fff; padding:0 10px;  position:relative; display: flex; align-items: center;  
	background: #0088ff -webkit-linear-gradient(left, #0088ff,#01d3ff,#00a6ff) 0 0 no-repeat;
    -webkit-background-size: 80px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.3);

    -webkit-animation: slideShine 3s infinite;
}

@-webkit-keyframes slideShine {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 100%;
    }
}
.lc_body .card-title  span img{margin-right: 3px;}
.lc_body .card-title  span i{color:#085eef;  }
.lc_body .card-title .right{position:absolute; top: 5px; right: 5px; display: flex; align-items: center; font-weight: normal; font-size: 12px;}
.text-danger {
	color: #ff473d !important;
}
.text-999 {
	color: #999 !important;
}
.text-success {
	color: #03c895 !important;
}
.text-warning {
	color: #ffc107 !important;
}
.text-primary {
	color: #8760fb !important;
}
.text-cot-1{ color:#ff4146!important}
.text-cot-2{ color:#42bc9f!important}
.text-cot-3{ color:#32a5ff!important}
.text-cot-4{ color:#7581f7!important}
.jxicon_15{ color:#ff4146!important}
.jxicon_16{ color:#7581f7!important}
.jxicon_17{ color:#9d5cf6!important}
.text-w{color: #fff!important; font-size: 0.8rem;}
.bg-primary {
	background-color: #8d76dd !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:14px;
	font-weight: normal;
}
.float-right {
	float: right !important;
}

.lc_body a{ text-decoration:none}


.main-content {
	min-height: 78vh;
}

.z-index2 {
	z-index: 2;
}
.p-15 {
	padding: 15px !important;
}

.tx-11 {
	font-size: 11px;
}




.height50 {
	width: 100%;
	height: 55.4vh; overflow:auto
}

.height33 {
	width: 100%;
	height: 34.6vh; overflow:auto
}
.height25 {
	width: 100%;
	height: 25.2vh; overflow:auto
}


.db_echarts1{width: 100%; height: 100%;}

table{border-collapse: collapse;}

.position{ position:relative}

.align-items{align-items: center;}
*{margin:0;padding:0;list-style:none;}
.ScrollText {
    height: 48vh;
    overflow: hidden;
    width: 100%;
}
.ScrollText2 {
    height: 31vh;
    overflow: hidden;
    width: 100%;
}

.p-flex{display: flex; justify-content: space-between;}
.ellipsis{
    float: left; text-align: left !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.num_lable {
    background: linear-gradient(to right, #2cabf7 , #50c9fe);
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}
.aui-text-info {
    color: #03a9f4 !important;
}
.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;}
.colorb{color: #fff;  }
.colorr{color: #fe4d52;}
	.card:before, .card:after {
		position: absolute;
		width: 8px;
		height: 8px;
		content: "";
		border-top: 2px solid #3fdafa;
		top: 0;
	}
	.card .boxfoot::before, .card .boxfoot::after {
		position: absolute;
		width: 8px;
		height: 8px;
		content: "";
		border-bottom: 2px solid #02a6b5;
		bottom: 0;
	}
	.card:before, .boxfoot:before {
		border-left:  2px solid #177efa;
		left: 0;
	}
	.card:after, .boxfoot:after {
		border-right: 2px solid #02a6b5;
		right: 0;
	}
	.zw_list li {
		font-size: 12px;
		text-align: center;
		height: 5vh;
		line-height: 5vh;    background: #fbfbfb;
		background: url(../img/trbg.png) no-repeat;
		background-size: 100% 100%;
	   color: #fff;
		margin: 0;
		margin-bottom: .3vh;
	}      
	.zw_list li div span font{font-size: 16px; margin-right: 3px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
	 .zw_list .zw_list_title {
		background: url(../img/zw_listbg.png) no-repeat;
		background-size: 100% 100%;
		color: #fff;height: 4vh;
		line-height: 4vh; 
		font-weight: bold;
		border: none;
	}

@font-face {
	font-family: 'ds-digitalbold';
	src: url('../font/DS-DigitalBold.ttf');
	src: url('../font/ds-digitalbold-webfont.eot');
	src: url('../font/ds-digitalbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ds-digitalbold-webfont.woff2') format('woff2'), url('../font/ds-digitalbold-webfont.woff') format('woff'), url('../font/ds-digitalbold-webfont.ttf') format('truetype'), url('../font/ds-digitalbold-webfont.svg#ds-digitalbold') format('svg');
}
.cofont{font-family: 'DS-DigitalBold' !important;  font-weight: bold; font-size: 18px;}

.text2 {
    color: #fed130 !important;
}
.text1 {
    color: #fed130 !important;
}
.text3 {
    color: #fed130 !important;
}
.data-r{ position: absolute; right: 15px; top: 5px; color: #fff; font-size: 14px; display: flex; align-items: center;}
.data-r span {
    color: #FFA800; font-weight: bold; margin: 0 3px;
}
.data-r div{margin: 0 6px;}
	@media (max-width:1800px){ body{font-size: 12px;}
	
	.lc_body .card-title {
			padding: .3rem;
		}
	
	.lc_body .card-title span{padding-left: 18px;}

}

