.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.layui-layout .layui-body .layui-card .layui-card-header {
  background: none;
  box-shadow: none;
  font-size: 20px;
  font-weight: bold;
}
.text-left {
  text-align: left;
}
.statistics {
  display: flex;
}
.searchTop {
  font-size: 18px;
  margin-bottom: 10px;
}
.searchTop span {
  color: #E7505A;
  margin-left: 8px;
}
.justifyBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.justifyBox .searchTop {
  margin-bottom: 0px;
}
.justifyBox a {
  top: 0px;
}
.form_index .think-box-shadow {
  margin-bottom: 16px;
  box-shadow: none;
}
.form_index .think-box-shadow .content {
  box-sizing: border-box;
  border: 1px solid #E7ECF1;
  padding: 16px 20px 0px 20px;
}
.form_index .think-box-shadow .content .titleBox {
  padding-bottom: 16px;
  border-bottom: 1px solid #EEF1F5;
  display: flex;
}
.form_index .think-box-shadow .content .titleBox .title {
  font-size: 16px;
  font-weight: bold;
  color: #2F353B;
  margin-right: 8px;
}
.form_index .think-box-shadow .content .titleBox .subTitle {
  font-size: 12px;
  color: #646A73;
  position: relative;
  top: 3px;
}
.form_index .think-box-shadow .content .topFour {
  display: flex;
  align-items: center;
}
.form_index .think-box-shadow .content .topFour > .item:last-child::after {
  display: none;
}
.form_index .think-box-shadow .content .topFour .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  height: 160px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  cursor: default;
  margin-bottom: 10px;
  transition: background-color 0.5s ease;
}
.form_index .think-box-shadow .content .topFour .item::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 65px;
  background: #F4F7FE;
  transform: translate(0%, -50%);
  top: 50%;
  right: 0;
}
.form_index .think-box-shadow .content .topFour .item .num {
  color: #3B3F51;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 8px;
}
.form_index .think-box-shadow .content .topFour .item .text {
  font-size: 14px;
  color: #5C687C;
}
.form_index .think-box-shadow .content .topFour .item .subText {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.form_index .think-box-shadow .content .topFour .item .subText .right {
  color: #333333;
}
.form_index .think-box-shadow .content .topFour .item .subText .right .unit {
  font-size: 10px;
}
.form_index .think-box-shadow .content .topFour .item.url:hover {
  cursor: pointer;
  background: #F7F7F7;
}
.form_index .think-box-shadow .content .fiveItem .item {
  width: 145px;
  height: 64px;
  line-height: 64px;
  margin-right: 8px;
  display: inline-block;
}
.form_index .think-box-shadow .content .fiveItem .item .img {
  width: 23px;
  height: 23px;
  margin-right: 13px;
}
.form_index .think-box-shadow .content .fiveItem .item .text {
  color: #2F353B;
  font-size: 16px;
}
.form_index .think-box-shadow.towShadow {
  display: flex;
}
.form_index .think-box-shadow.towShadow > .content:first-child {
  margin-left: 0px;
}
.form_index .think-box-shadow.towShadow .content {
  width: 50%;
  height: 260px;
  display: inline-block;
  box-sizing: border-box;
  margin-left: 20px;
}
.form_index .think-box-shadow.towShadow .content .topFour {
  margin-top: 30px;
}
.form_index .bottomBox .think-box-shadow {
  width: 270px;
  height: 106px;
  margin-right: 24px;
  margin-bottom: 24px;
  display: inline-block;
  box-sizing: border-box;
}
.form_index .bottomBox .think-box-shadow .clear .text {
  float: left;
  font-size: 16px;
  color: #333333;
}
.form_index .bottomBox .think-box-shadow .clear .img {
  float: right;
  height: 33px;
  width: auto;
}
.form_index .bottomBox .think-box-shadow .clickInto {
  font-size: 14px;
  color: #888888;
}
.dragContent {
  margin-top: 38px;
}
.dragContent > .timeSelect {
  margin-right: 8px;
  width: 240px;
}
.dragContent .qn-line-btn {
  background: #ffffff !important;
}
.layui-form-checked[lay-skin=primary] i {
  background: #22C0CE;
  border: #22C0CE;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #22C0CE;
}
.dragBoard .layui-icon-ok {
  color: #FFFFFF !important;
}
.checkContent {
  margin-top: 22px;
}
.checkContent .item {
  margin-bottom: 12px;
}
.checkContent .item .left {
  display: inline-block;
  font-size: 16px;
  margin-right: 16px;
}
.checkContent .item .right {
  display: inline-block;
}
.bottomContent {
  margin-top: 22px;
}
.contentBox {
  display: none;
}
.qn-table .card {
  box-sizing: border-box;
  padding: 0px 11px 11px 11px;
  font-size: 14px;
  border: 1px solid #EFEFEF;
  margin-bottom: 20px;
}
.qn-table .card .cardTitle {
  color: #333333;
  height: 41px;
  line-height: 41px;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 11px;
}
.qn-table .card .cardTitle .iconfont {
  color: #333333;
  margin-right: 8px;
  font-size: 14px;
}
.qn-table .card .cardContent .item {
  width: 50%;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 6px 0;
}
.qn-table .card .cardContent .item .left {
  min-width: 20%;
}
.qn-table .card .cardContent .item .right {
  width: 70%;
}
.qn-table .card .cardContent table {
  width: 100%;
}
.qn-table .card .cirlceChartBox {
  margin-top: 37px;
}
.qn-table .card .cirlceChartBox .chart_dd {
  width: 358px;
  height: 173px;
  display: inline-block;
  border: 1px solid #EFEFEF;
  margin-right: 30px;
}
.overview {
  padding: 20px 45px!important;
}
.overview .overViewTitle {
  color: #1F2329;
  font-size: 16px;
  position: relative;
  margin-bottom: 8px;
}
.overview .overViewTitle::after {
  content: '';
  position: absolute;
  left: -13px;
  width: 4px;
  height: 100%;
  background: #22C0CE;
}
.overview .subTitle {
  color: #646A7C;
  font-size: 14px;
}
.overview .fieCard {
  position: relative;
  border: 1px solid #E8E8E8;
  margin-top: 30px;
}
.overview .fieCard .title {
  position: absolute;
  background: #FFFFFF;
  width: 107px;
  height: 30px;
  left: 10px;
  top: -15px;
  text-align: center;
}
.overview .fieCard .title .img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.overview .fieCard .title .text {
  font-size: 14px;
  color: #1F2329;
}
.overview .fieCard .content {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 24px 12px;
}
.overview .fieCard .content .item {
  width: 25%;
  height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 60px;
  box-sizing: border-box;
  transition: background-color 0.5s ease;
  cursor: default;
}
.overview .fieCard .content .item:hover {
  background: none;
}
.overview .fieCard .content .item .text {
  font-size: 14px;
  color: #646A7C;
}
.overview .fieCard .content .item .num {
  font-size: 26px;
  color: #333333;
  font-weight: bold;
  margin: 12px 0px;
}
.overview .fieCard .content .item.url:hover {
  cursor: pointer;
  background: #F7F7F7;
}
.triangle_up,
.triangle_down {
  width: 0;
  height: 0;
  display: inline-block;
  margin-bottom: 2px;
  margin-left: 4px;
}
.triangle_up {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #F5222D;
}
.triangle_down {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #52C41A;
}
.onelineInfo {
  margin-right: 14px;
}
.layui-input {
  display: inline-block;
}
.qn-tab-input {
  display: inline-flex;
}
.qn-tab-input .layui-input {
  width: 240px;
}
.qn-tab-input .qn-tab-box {
  display: inline-block;
  border-radius: 2px;
  overflow: hidden;
  margin: 0 10px;
}
.qn-tab-input .qn-tab-box > .layui-btn {
  margin: 0px;
  border-right: none;
  border-radius: 0px;
}
.qn-tab-input .qn-tab-box > .layui-btn:hover {
  border-right: none;
}
.qn-tab-input .qn-tab-box > .layui-btn:last-child {
  border-right: 1px solid #C9C9C9;
}
.qn-tab-input .qn-tab-box > .qn-line-btn:last-child {
  border-right: 1px solid #32c5d2;
}
.qn-tab-input .qn-tab-box .qn-line-btn {
  border-color: #32c5d2;
}
.qn-tab-input .qn-tab-box .qn-line-btn + .layui-btn {
  border-left: 1px solid #32c5d2;
}
.previewImgBox {
  min-height: 200px;
  box-sizing: border-box;
  padding: 10px 0px 10px 10px;
}
.previewImgBox .placeholder {
  font-size: 14px;
  color: #CCCCCC;
}
.previewImgBox .previewImg {
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: inline-block;
  margin-right: 10px;
}
.previewImgBox .previewImg .img {
  width: 100%;
  height: auto;
}
.layui-card-header .content-title .subTitle {
  font-size: 16px;
  color: #888888;
  margin-left: 8px;
  font-weight: normal;
}
.qn-select-form-box {
  overflow: visible;
  box-shadow: none;
}
.flagItem .layui-icon {
  display: none;
}
.posno-flag-active .flagItem {
  background: #EEEEEE;
}
.posno-flag-active .flagItem.check {
  position: relative;
}
.posno-flag-active .flagItem.check::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0;
  height: 0;
  border-top: 30px solid #32c5d2;
  border-right: 30px solid transparent;
}
.posno-flag-active .flagItem.check .layui-icon {
  display: block;
  position: absolute;
  left: 1px;
  top: -6px;
  color: #FFFFFF;
}