.sl-chart-search {
  height: 42px;
}

.sl-chart-search .form-control {
  height: 42px;
  -webkit-appearance: none;
  appearance: none;
}
.sl-chart-search select.form-control {
  background: url('../../images/icon-select-down.svg') 176px center no-repeat;
}

.sl-chart-search .input-group-btn .btn {
  padding: 9px 12px 7px !important;
  background: none;
  border-left: 0;
  border-color: #e2e2e2;
  outline: none;
}

.sl-chart-search .input-group-btn .btn:active,
.sl-chart-search .input-group-btn .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sl-chart-search .input-group-btn .btn .glyphicon {
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7ml6XljoY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5pS255uK5oql6KGoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5pS255uK5oql6KGoLeS7iuWkqSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOTYuMDAwMDAwLCAtMjc3LjAwMDAwMCkiIGZpbGw9IiNDQ0NGRTAiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0OS4wMDAwMDAsIDE4OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLml6XljoYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0Ny4wMDAwMDAsIDg5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi41NzE1OTgzLDEuNjkwNDkzNzIgTDE1LjcwMDE5MjUsMS42OTA0OTM3MiBMMTUuNzAwMTkyNSwxLjQzMTU2NDg1IEMxNS43MDAxOTI1LDAuNjU1NDU2MDY3IDE1LjA2ODIzNDMsMC4wMjEwMTI1NTIzIDE0LjI5NTg5MTIsMC4wMjEwMTI1NTIzIEwxNC4yNzUxNzk5LDAuMDIxMDEyNTUyMyBDMTMuNTAyNzg2NiwwLjAyMTAxMjU1MjMgMTIuODcwODUzNiwwLjY1NTQ1NjA2NyAxMi44NzA4NTM2LDEuNDMxNTY0ODUgTDEyLjg3MDg1MzYsMS42OTA0OTM3MiBMNS4xMDQ1MTg4MywxLjY5MDQ5MzcyIEw1LjEwNDUxODgzLDEuNDMxNTY0ODUgQzUuMTA0NTE4ODMsMC42NTU0NTYwNjcgNC40NzI1ODU3NywwLjAyMTAxMjU1MjMgMy43MDAyMTc1NywwLjAyMTAxMjU1MjMgTDMuNjc4ODUzNTYsMC4wMjEwMTI1NTIzIEMyLjkwNjUxMDQ2LDAuMDIxMDEyNTUyMyAyLjI3NDU1MjMsMC42NTU0NTYwNjcgMi4yNzQ1NTIzLDEuNDMxNTY0ODUgTDIuMjc0NTUyMywxLjY5MDQ5MzcyIEwxLjQwNTAwNDE4LDEuNjkwNDkzNzIgQzAuNjMyNjM1OTgzLDEuNjkwNDkzNzIgMC4wMDA3MDI5Mjg4NywyLjMyNTU2NDg1IDAuMDAwNzAyOTI4ODcsMy4xMDA0OTM3MiBMMC4wMDA3MDI5Mjg4NywxNi41ODU2MDY3IEMwLjAwMDcwMjkyODg3LDE3LjM2MTc0MDYgMC42MzI2NjEwODgsMTcuOTk2MjA5MiAxLjQwNTAwNDE4LDE3Ljk5NjIwOTIgTDE2LjU3MTU5ODMsMTcuOTk2MjA5MiBDMTcuMzQzOTkxNiwxNy45OTYyMDkyIDE3Ljk3NTg5OTYsMTcuMzYxNzQwNiAxNy45NzU4OTk2LDE2LjU4NTYwNjcgTDE3Ljk3NTg5OTYsMy4xMDA0OTM3MiBDMTcuOTc1ODk5NiwyLjMyNTU2NDg1IDE3LjM0Mzk5MTYsMS42OTA0OTM3MiAxNi41NzE1OTgzLDEuNjkwNDkzNzIgWiBNMTMuNDMyNTY5LDEuNDMxNTM5NzUgQzEzLjQzMjU2OSwwLjk2NTE0NjQ0NCAxMy44MDk5OTE2LDAuNTg1MjM4NDk0IDE0LjI3NTE3OTksMC41ODUyMzg0OTQgTDE0LjI5NTg5MTIsMC41ODUyMzg0OTQgQzE0Ljc2MDQyNjgsMC41ODUyMzg0OTQgMTUuMTM4NDc3LDAuOTY1MTcxNTQ4IDE1LjEzODQ3NywxLjQzMTUzOTc1IEwxNS4xMzg0NzcsMy45NDA1NDM5MyBDMTUuMTM4NDc3LDQuNDA2OTYyMzQgMTQuNzYwNDI2OCw0Ljc4Njg3MDI5IDE0LjI5NTg5MTIsNC43ODY4NzAyOSBMMTQuMjc1MTc5OSw0Ljc4Njg3MDI5IEMxMy44MDk5OTE2LDQuNzg2ODcwMjkgMTMuNDMyNTY5LDQuNDA2OTYyMzQgMTMuNDMyNTY5LDMuOTQwNTQzOTMgTDEzLjQzMjU2OSwxLjQzMTUzOTc1IFogTTIuODM2MjkyODksMS40MzE1Mzk3NSBDMi44MzYyOTI4OSwwLjk2NTE0NjQ0NCAzLjIxMzcxNTQ4LDAuNTg1MjM4NDk0IDMuNjc4ODc4NjYsMC41ODUyMzg0OTQgTDMuNzAwMjE3NTcsMC41ODUyMzg0OTQgQzQuMTY0MTI1NTIsMC41ODUyMzg0OTQgNC41NDI4Mjg0NSwwLjk2NTE3MTU0OCA0LjU0MjgyODQ1LDEuNDMxNTM5NzUgTDQuNTQyODI4NDUsMy45NDA1NDM5MyBDNC41NDI4Mjg0NSw0LjQwNjk2MjM0IDQuMTY0MTI1NTIsNC43ODY4NzAyOSAzLjcwMDIxNzU3LDQuNzg2ODcwMjkgTDMuNjc4ODc4NjYsNC43ODY4NzAyOSBDMy4yMTM3MTU0OCw0Ljc4Njg3MDI5IDIuODM2MjkyODksNC40MDY5NjIzNCAyLjgzNjI5Mjg5LDMuOTQwNTQzOTMgTDIuODM2MjkyODksMS40MzE1Mzk3NSBaIE0xNi41NzE1OTgzLDE2Ljg2ODM4NDkgTDEuNDA1MDA0MTgsMTYuODY4Mzg0OSBDMS4yNTI2OTQ1NiwxNi44NjgzODQ5IDEuMTI0MTU5LDE2LjczNzMzODkgMS4xMjQxNTksMTYuNTg1NjA2NyBMMS4xMjQxNTksNi42NzA3Njk4NyBMMTYuODUyNDQzNSw2LjY3MDc2OTg3IEwxNi44NTI0NDM1LDE2LjU4NTYwNjcgQzE2Ljg1MjQ0MzUsMTYuNzM3MzM4OSAxNi43MjM5MzMxLDE2Ljg2ODM4NDkgMTYuNTcxNTk4MywxNi44NjgzODQ5IEwxNi41NzE1OTgzLDE2Ljg2ODM4NDkgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTIiIHBvaW50cz0iMy4xODgzODQ5NCA5Ljk2NTI3MTk3IDUuNzc5NjU2OSA5Ljk2NTI3MTk3IDUuNzc5NjU2OSA4LjY5MDIwOTIxIDMuMTg4Mzg0OTQgOC42OTAyMDkyMSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTMiIHBvaW50cz0iNy43MTI4MzY4MiA5Ljk2NTI3MTk3IDEwLjI4MzU0ODEgOS45NjUyNzE5NyAxMC4yODM1NDgxIDguNjkwMjA5MjEgNy43MTI4MzY4MiA4LjY5MDIwOTIxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtNCIgcG9pbnRzPSIxMi4yMTY3MjggOS45NjUyNzE5NyAxNC43NDYzMTggOS45NjUyNzE5NyAxNC43NDYzMTggOC42OTAyMDkyMSAxMi4yMTY3MjggOC42OTAyMDkyMSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTUiIHBvaW50cz0iMy4xODgzODQ5NCAxMi41MzU5ODMzIDUuNzc5NjU2OSAxMi41MzU5ODMzIDUuNzc5NjU2OSAxMS4yODE0ODEyIDMuMTg4Mzg0OTQgMTEuMjgxNDgxMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTYiIHBvaW50cz0iNy43MTI4MzY4MiAxMi41MzU5ODMzIDEwLjI4MzU0ODEgMTIuNTM1OTgzMyAxMC4yODM1NDgxIDExLjI4MTQ4MTIgNy43MTI4MzY4MiAxMS4yODE0ODEyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtNyIgcG9pbnRzPSIxMi4yMTY3MjggMTIuNTM1OTgzMyAxNC43NDYzMTggMTIuNTM1OTgzMyAxNC43NDYzMTggMTEuMjgxNDgxMiAxMi4yMTY3MjggMTEuMjgxNDgxMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTgiIHBvaW50cz0iMy4xODgzODQ5NCAxNS4xMjcyNTUyIDUuNzc5NjU2OSAxNS4xMjcyNTUyIDUuNzc5NjU2OSAxMy44MTEwNzExIDMuMTg4Mzg0OTQgMTMuODExMDcxMSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTkiIHBvaW50cz0iNy43MTI4MzY4MiAxNS4xMjcyNTUyIDEwLjI4MzU0ODEgMTUuMTI3MjU1MiAxMC4yODM1NDgxIDEzLjgxMTA3MTEgNy43MTI4MzY4MiAxMy44MTEwNzExIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTAiIHBvaW50cz0iMTIuMjE2NzI4IDE1LjEyNzI1NTIgMTQuNzQ2MzE4IDE1LjEyNzI1NTIgMTQuNzQ2MzE4IDEzLjgxMTA3MTEgMTIuMjE2NzI4IDEzLjgxMTA3MTEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')
}

.sl-chart-search .input-group-btn .btn .glyphicon:before {
  content: "";
}

.sl-chart-search .input-group {
  float: left;
}

.sl-chart-cnt {
  padding-top: 40px;
}

.sl-chart-tab .nav-tabs {
  height: 42px;
}

.sl-chart {
  width: 790px;
  height: 500px;
  background-color: #ccc;
}

.input-group-addon,
.input-group-btn .btn {
  position: relative;
  border-radius: 0 3px 3px 0;
}

.input-group .form-control {
  border-radius: 3px 0 0 3px;
  border-right: 0;
  cursor: pointer;
}

.filter-range {
  height: 26px;
  line-height: 26px;
  padding-left: 0;
}

.filter-range span {
  display: block;
  padding: 0 15px;
  cursor: pointer;
  border: 1px solid #EEEEEE;
  margin-left: -1px;
  margin-top: 9px;
  float: left;
}

.filter-range p {
  /*display: flex;*/
}

.filter-range span.on {
  position: relative;
  font-weight: bold;
  background-color: #EFF3FA;
  border-color: #E1ECFF;
}

.sl-summary {
  height: 170px;
  margin: 45px 0 0;
  text-align: left;
  position: relative;
}

.sl-summary .bg {
  background-color: #fff;
  height: 170px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.summary-item {
  width: 33%;
  margin-bottom: 40px;
}

.cpc-summary .summary-item {
  width: 50%;
}

.summary-item h3 {
  color: #111111;
  font-size: 30px;
  margin-bottom: 6px;
}

.summary-item h3,
.summary-item p {
  padding-left: 50px;
}

.summary-item h3 span {
  font-size: 20px;
}

.summary-item h3.orange {
  color: #111;
}

.summary-item h3.small {
  font-size: 16px;
  color: #999999;
}

.summary-item p {
  font-size: 13px;
  color: #999999;
  text-transform: capitalize;
}

.filter-nav span {
  display: inline-block;
  padding: 0 15px;
  cursor: pointer;
  float: left !important;
  font-size: 14px !important;
  color: #999;
}

.filter-nav span.on {
  color: #262626;
}

.filter-content {
  min-height: 100px;
  position: relative;
}

.table tbody tr th {
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400;
}

.loading {
  position: absolute;
  background-color: rgba(255, 255, 255, .8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.loading .shape-cont {
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.loading .shape {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 1px;
}

.loading .shape.shape1 {
  left: 0;
  background-color: #5C6BC0;
}

.loading .shape.shape2 {
  right: 0;
  background-color: #8BC34A;
}

.loading .shape.shape3 {
  bottom: 0;
  background-color: #FFB74D;
}

.loading .shape.shape4 {
  bottom: 0;
  right: 0;
  background-color: #F44336;
}

.loading .shape1 {
  animation: animation5shape1 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
  }

  50% {
    -webkit-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
  }

  75% {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }
}

@keyframes animation5shape1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
  }

  50% {
    -webkit-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
  }

  75% {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }
}

.loading .shape2 {
  animation: animation5shape2 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }

  50% {
    -webkit-transform: translate(-15px, 15px);
    transform: translate(-15px, 15px);
  }

  75% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
  }
}

@keyframes animation5shape2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }

  50% {
    -webkit-transform: translate(-15px, 15px);
    transform: translate(-15px, 15px);
  }

  75% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
  }
}

.loading .shape3 {
  animation: animation5shape3 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape3 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }

  50% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px);
  }

  75% {
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }
}

@keyframes animation5shape3 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }

  50% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px);
  }

  75% {
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }
}

.loading .shape4 {
  animation: animation5shape4 2s ease 0s infinite reverse;
}

@-webkit-keyframes animation5shape4 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }

  50% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  75% {
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }
}

@keyframes animation5shape4 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }

  50% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  75% {
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }
}

.sl-page-main {
  position: relative;
}

.chart-map {
  height: 400px;
  position: relative;
  margin: 30px 0 20px;
  background-color: #e0e0e0;
}

.chart canvas {
  background-color: #fff;
}

.chart p {
  padding-top: 150px;
}

.sl-pagination {
  padding: 20px 0;
}

.table-striped>tbody tr.label-footer {
  background-color: #f9f9f9;
}

.sort {
  display: inline-block;
  width: 10px;
  height: 18px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
  background: url('../../images/double_arrow_default.svg') center center no-repeat;
  position: relative;
  top: -2px;
}

.sort.down {
  background: url('../../images/double_arrow_down.svg') center center no-repeat;
}

.sort.up {
  background: url('../../images/double_arrow_up.svg') center center no-repeat;
}

.sl-page-main {
  background: none;
  box-shadow: none;
  padding: 20px;
}

.sl-page-wrap {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(32, 32, 32, .1);
  box-shadow: 0 2px 4px rgba(32, 32, 32, .1);
  border-radius: 4px;
  padding: 0;
  margin: 20px 0 30px 20px;
}

.page-title {
  padding: 16px 20px;
  border-bottom: 1px solid #E2E2E2;
  overflow: hidden;
}

.page-title h3 {
  float: left;
  font-size: 15px;
  color: #262626;
}

.page-title span {
  font-size: 14px;
  color: #999999;
  float: right;
}

.page-title .btn {
  padding: 6px 18px !important;
  background-color: #5090FF !important;
}

.filter-nav {
  padding-top: 8px;
}

.chart-wrap {
  /* display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; */
  /*flex-flow: row wrap;*/
  overflow: hidden;
}

.chart-item {
  width: 50%;
  margin: 30px 0;
  position: relative;
  float: left;
}

.chart-item:nth-child(2n) {
  padding-left: 30px;
}

.chart-title {
  width: 200px;
  font-size: 16px;
  color: #262626;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
  top: 0;
}

.chart-title:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #585858;
  left: 10px;
  top: 2px;
  border-radius: 2px;
}

.chart-box {
  width: 100%;
  height: 280px;
  position: relative;
  top: -40px;
}

.chart-no-data {
  width: 420px;
  height: 320px;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  padding-top: 40px;
  padding-left: 15px;
}

.chart-no-data p {
  width: 100%;
  position: absolute;
  top: 108px;
  left: 0;
  text-align: center;
}

.g2-tooltip ul li:nth-child(2) {
  display: none;
}

.loading-cnt img {
  width: 120px;
}

.icon-box {
  position: relative;
}

.class-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}

.layui-layer-dialog {
  /* top: 50px !important; */
}

.img-box {
  text-align: center;
}

.img-box img {
  padding-top: 40px;
  max-width: 100%;
  height: 850px;
}

.link-table {
  vertical-align: middle;
}

.link-table td {
  vertical-align: middle !important;
}

.column-image {
  position: relative;
  height: 100px;
}

.column-image img {
  max-width: 80px;
  max-height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chart-item-sum {
  position: relative;
  padding-bottom: 30px;
  width: 420px;
  overflow: hidden;
  top: -20px;
}

.chart-sum-val {
  position: absolute;
  font-size: 18px;
  font-weight: 500;
  left: 45px;
  bottom: -4px;
}

.chart-sum-percent {
  position: absolute;
  font-size: 15px;
  font-weight: 500;
  right: 120px;
  bottom: -2px;
}

.chart-box__trend {
  font-size: 14px;
  color: #999;
  display: flex;
  align-items: center;
}

.chart-box__trend.up {
  color: #77C984;
}

.chart-box__trend.down {
  color: #FF6A59;
}

.chart-box__trend i {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.chart-box__trend.up .icon-chart {
  display: inline-block;
  width: 8px;
  height: 11px;
  background: url('../../images/icon-top-s.svg');
}

.chart-box__trend.down .icon-chart {
  display: inline-block;
  width: 8px;
  height: 11px;
  background: url('../../images/icon-bottom-s.svg');
}

.chart-content {
  min-height: 100px;
  padding-top: 0!important;
}

.chart-content-title {
  position: relative;
  padding: 20px 30px 0;
  display: flex;
}

.period-type-switch {
  margin-left: auto;
  display: flex;
}

.period-type-switch button {
  border: none;
  font-size: 12px;
  padding: 5px 8px;
  background: #e8e8e8;
}

.period-type-switch button.active {
  background: #5090ff;
  color: #fff;
}

.period-type-switch button:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.period-type-switch button:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.tabs-wrap {
  display: flex;
  background: #F3F2F2;
}

.tabs-item {
  height: 70px;
  line-height: 70px;
  font-size: 14px;
  color: #999;
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
  cursor: pointer;
}

.tabs-item.active {
  background-color: #fff;
  font-size: 15px;
  color: #262626;
  font-weight: 500;
}

.tabs-item.first.active::after {
	position: absolute;
  top: 0;
	left: 100%;
	content: "";
	height: 70px;
  width: 35px;
  background-image: linear-gradient(to bottom left, transparent 50%, #fff 50%);
  z-index: 1;
}
.tabs-item.last {
  flex: auto;
}
.tabs-item.last.active::after {
	position: absolute;
  top: 0;
	right: 100%;
	content: "";
	height: 70px;
  width: 35px;
  background-image: linear-gradient(to top left, #fff 50%, transparent 50%);
  z-index: 1;
}
.filter-header {
  height: 70px;
  line-height: 70px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  border-bottom: 1px solid #e5e5e5;
}
.filter-header span {
  margin-left: auto;
}
/* .filter-header .btn {
  padding: 8px 22px !important;
  background-color: #5090ff;
} */
.label-time {
  position: absolute;
  right: 43px;
  top: 277px;
  color: #999;
  font-size: 10px;
}
.sl-page-select {
  /* top: 0px!important; */
  padding: 0px 12px;
}
.select-opts {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.select-opts label {
  width: 100px;
  margin-bottom: 0;
  position: relative;
  top: 3px;
}
.select-opts .sop {
  width: 240px;
  height: 34px;
  position: relative;
}
.select-opts .sop .caret {
  width: 14px;
  height: 15px;
  background: url(../../images/icon-ss.svg) no-repeat;
  border: 0;
  margin-top: -3px!important;
}
.select-opts .sop .dropdown-menu.open {
  width: 240px!important;
}
.sl-pagination a {
  background-color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  display: none;
}
.layui-laydate-content td.laydate-selected {
  background-color: #f5f5f5!important;
}
.laydate-btns-clear {
  display: none!important;
}

.sl-page-hd-filtr{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.sl-page-hd-filtr .on{
  font-size: 16px;
  color: #262626;
  font-weight: 500;
}
.sl-page-hd-filtr.flex {
  width: calc(100% - 260px);
  line-height: 1.2;
  top: 50%;
  font-weight: 400;
  text-align: right;
}
.sl-chart-search select.form-control {
  background: url('../../images/icon-select-down.svg') 135px center no-repeat;
  background-size: 15px;
  padding-right: 25px;
}
.sl-chart-search select.select1 {
  background: url('../../images/icon-select-down.svg') 148px center no-repeat;
  background-size: 15px;
}

.charge-tip {
	position: relative;
}

.charge-tip>span {
	top: 2px;
}

.j_how_active {
	cursor: pointer;
	color: #333;
	font-size: 10px;
}

.charge-tip>b {
	position: absolute;
	/* height: 365px; */
	width: 500px;
	font-size: 12px;
	font-weight: normal;
	background: #fff;
	border: 1px solid #eee;
	top: 35px;
  right: -40px;
	z-index: 99;
	padding: 18px;
	border-radius: 5px;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
	display: none;
	color: #999;
}

.charge-tip>b:after,
.charge-tip>b:before {
	bottom: 100%;
	left: 82%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.charge-tip>b:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}

.charge-tip>b:before {
	border-color: rgba(238, 238, 238, 0);
	border-bottom-color: #ddd;
	border-width: 13px;
	margin-left: -13px;
}