.flex { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; flex-direction: row; }
.flex-col { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
.flex-grow-0 { min-width: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.flex-grow-1 { min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }
.flex-x-left { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.flex-x-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-x-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.flex-y-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.flex-y-bottom { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; }
.flex-y-top { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }

/*clear*/
.clearfix:before,.clearfix:after { content:""; display: table; }
.clearfix:after { clear: both; }
.float-left{ float: left; }
.float-right{ float: right; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }

.w-25{ width:25%!important; display: inline-block}
.w-30{ width:30%!important; display: inline-block}
.w-40{ width:40%!important; display: inline-block}
.w-50{ width:49%!important; display: inline-block }
.w-75{ width:75%!important; display: inline-block }
.w-100{ width:100%!important; }

.tips { text-align: center; color: #999; }
.tright { text-align: right; }
.tleft { text-align: left; }
.tc { text-align: center; }
.b { font-weight: bold; }
.normal{ font-weight: normal; }
.c-white{ color: white!important; }
.c-fff{ color: #ffffff!important; }
.c-000{ color: #000000!important; }
.c-333{ color: #333333!important; }
.c-666{ color: #666!important; }
.c-999{ color: #999!important; }
.c-white{color: white!important;}
.c-yellow{color: #fff45c!important;}
.c-light-blue{ color: #00c2fd!important;}
.c-gray{ color: lightgray!important;}
.c-dark{ color: darkgrey!important;}
.c-orange{ color: #FF8800!important;}
.c-red{ color: #ff3300!important;}
.c-purple{ color: #4954E6!important;}
.c-blue{ color: #3370ff!important;}
.c-green{ color: green!important;}
.c-lightgreen{ color: #34C724!important;}
.c-dept-blue{color: #2B3F57!important;}
.f8 { font-size: 8pt!important;}
.f9 { font-size: 9pt!important;}
.f10 { font-size: 10pt!important;}
.f11 { font-size: 11pt!important;}
.f12 { font-size: 12pt!important;}
.f13 { font-size: 13pt!important;}
.f14 { font-size: 14pt!important;}
.f15 { font-size: 15pt!important;}
.f16 { font-size: 16pt!important;}
.f17 { font-size: 17pt!important;}
.f18 { font-size: 18pt!important;}
.f19 { font-size: 19pt!important;}
.f20 { font-size: 20pt!important;}
.f21 { font-size: 21pt!important;}
.f22 { font-size: 22pt!important;}
.f23 { font-size: 23pt!important;}
.f24 { font-size: 24pt!important;}
.f25 { font-size: 25pt!important;}
.f30 { font-size: 30pt!important;}
.f35 { font-size: 35pt!important;}
.f40 { font-size: 40pt!important;}
.f50 { font-size: 50pt!important;}
.f60 { font-size: 60pt!important;}
.f70 { font-size: 70pt!important;}
.f80 { font-size: 80pt!important;}


.status-0 {
  background: #d5d5d5;
  color: #333333;
  padding: 4px 10px;
  border-radius: 20px;
}
.status-1 {
  background: #ff6600;
  color: white;
  padding: 4px 10px;
  border-radius: 20px;
}
.status-2 {
  background: #18bc9c;
  color: white;
  padding: 4px 10px;
  border-radius: 20px;
}
.status-3 {
  background: #f4ae21;
  color: white;
  padding: 4px 10px;
  border-radius: 20px;
}
.status-4 {
  background: #3498db;
  color: white;
  padding: 4px 10px;
  border-radius: 20px;
}
.status-5 {
  background:limegreen;
  color: white;
  padding: 4px 10px;
  border-radius: 20px;
}
.status-6 {
  background:lightpink;
  color: #000;
  padding: 4px 10px;
  border-radius: 20px;
}

/*滚动条整体样式*/
.scroll{scrollbar-arrow-color: #f4ae21;
  /*图6,三角箭头的颜色*/
  scrollbar-face-color: #333;
  /*图5,立体滚动条的颜色*/
  scrollbar-3dlight-color: #666;
  /*图1,立体滚动条亮边的颜色*/
  scrollbar-highlight-color: #666;
  /*图2,滚动条空白部分的颜色*/
  scrollbar-shadow-color: #999;
  /*图3,立体滚动条阴影的颜色*/
  scrollbar-darkshadow-color: #666;
  /*图4,立体滚动条强阴影的颜色*/
  scrollbar-track-color: #666;
  /*图7,立体滚动条背景颜色*/
  scrollbar-base-color:#f8f8f8;
}
/*高宽分别对应横竖滚动条的尺寸*/
.scroll::-webkit-scrollbar { width: 0; height: 0; }
/*滚动条里面小方块*/
.scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #F9F9F9; }
/*滚动条里面轨道*/
.scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #f1f1f1;}


.progress{
  width: 100px;
  height: 15px;
  border-radius: 30px;
  background-color: #d5d5d5;
}
.progress .inner{
  height: 15px;
  border-radius: 30px;
  background-color:#18bc9c;
}


/* 图表 */
.base-box {
  padding: 10px;
}

.base-item {
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
}
.base-item:hover{
  box-shadow: 0 0 5px #d1d1d1;
  cursor: pointer;
  border: 1px solid #a0c1d8;
}

.chat {
  width: 100%;
  min-height: 350px;
  margin: 10px;
  text-align: center;
  color: #999999;
  font-size: 16pt;
}

.loading {
  padding: 30px 0;
  background-color: white;
  border-radius: 10px;
  color: #999999;
  font-size: 16pt;
  text-align: center;
  margin-top: 20px;
}
.loading img{
  max-height: 150px;
}


.table_inner {
  border-collapse: collapse;
  border: 0px solid #000;
}

.table_inner td {
  border: 0px solid #000;
  padding: 5px;
}