*::-moz-selection {
  background-color: rgba(56, 58, 76, 0.5);
  color: #fff;
}
*::selection {
  background-color: rgba(56, 58, 76, 0.5);
  color: #fff;
}
.app-header.navbar {
  background-color: #fff;
}
.navbar-header {
  background-color: #23b7e5;
  color: #fff;
}
.navbar-collapse {
  background-color: #383a4c;
}
.navbar-collapse .nav > li:hover > a,
.navbar-collapse .nav > li:focus > a,
.navbar-collapse .nav > li.active > a,
.navbar-collapse .nav > li > a:hover,
.navbar-collapse .nav > li > a:focus {
  color: #fff;
  background-color: #2d2f3d;
}
.navbar-collapse .nav .open > a,
.navbar-collapse .nav .open > a:hover,
.navbar-collapse .nav .open > a:focus {
  background-color: #2d2f3d;
}
.navbar-collapse a {
  color: #fff;
}
.navbar-collapse .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
@media (max-width: 767px) {
  .app-content .app-content-body .app-content-nav {
    background-color: #23b7e5;
  }
  .app-header.navbar,
  .navbar-collapse {
    background-color: transparent;
  }
}
.text-skincolor {
  color: #23b7e5;
}
.nav > li > a:hover,
.nav .open > a:hover,
.nav > li > a:focus,
.nav .open > a:focus {
  color: #23b7e5;
  background-color: #fcfdfe;
}
.nav-pills > li.active > a {
  background-color: #23b7e5;
}
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:active,
.nav-pills > li.active > a:focus {
  background-color: #19a9d5;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:active,
.nav-pills > li > a:focus {
  color: #fff;
  background-color: #19a9d5;
}
.nav-tabs {
  border-bottom: 1px solid #23b7e5;
}
.nav-tabs > li > a {
  border-bottom-color: #23b7e5;
}
.nav-tabs > li:hover > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  border-top: 2px solid #23b7e5;
  border-color: #23b7e5;
}
.nav-menu > li.active > a {
  color: #23b7e5;
  border-bottom-color: #23b7e5;
}
.nav-menu a:hover,
.nav-menu a:focus {
  color: #19a9d5;
}
.nav-menu-list > li > a:hover,
.nav-menu-list > li > a:active,
.nav-menu-list > li > a:focus {
  color: #19a9d5;
  border-bottom-color: #19a9d5;
}
.swiper-container-listMenu > .nav-menu-list > li > a:hover {
  border-bottom: 3px solid #23b7e5;
}
.swiper-container-listMenu > .nav-menu-list > li.active > a {
  border-bottom-color: #23b7e5;
}
@media (max-width: 767px) {
  .app-content-nav .nav-title > li > a {
    font-size: 15px;
    color: #fff;
    background-color: #23b7e5;
    border: 1px solid #fff;
    padding: 6px 15px;
  }
  .app-content-nav .nav-title > li > a:hover,
  .app-content-nav .nav-title > li > a:active,
  .app-content-nav .nav-title > li > a:focus {
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
  }
  .app-content-nav .nav-title > li.active > a,
  .app-content-nav .nav-title > li.active > a:hover {
    color: #000;
    background-color: #fff;
  }
}
.nav-title > li.active > a {
  color: #fff;
  background-color: #23b7e5;
}
.nav-title > li.active > a:hover,
.nav-title > li.active > a:active,
.nav-title > li.active > a:focus {
  background-color: #23b7e5;
}
.nav-title > li > a {
  color: #000;
  background-color: #fff;
  border: 1px solid #23b7e5;
}
.nav-title > li > a:hover,
.nav-title > li > a:active,
.nav-title > li > a:focus {
  color: #fff;
  background-color: #23b7e5;
  border: 1px solid #19a9d5;
}
@media (min-width: 768px) and (max-width: 991px) {
  .IS_ANDROID_APP .nav-title > li > a {
    color: #fff;
    background-color: #23b7e5;
  }
}
@media all and (min-width: 768px) {
  .form-section-title {
    background-color: #6A6C7B;
  }
}
.form-header-side {
  background-color: #6A6C7B;
}
.form-foldPack-btn {
  background-color: #6A6C7B;
}
.cn-newform .swiper-container-listMenu {
  border-bottom-color: rgba(35, 183, 229, 0.5);
}
.cn-newform .form-section.compatible .form-section-title {
  border-bottom: 1px solid rgba(35, 183, 229, 0.5);
}
.cn-newform .form-section.compatible .form-section-title .compatible-title-name {
  border-bottom: 4px solid #23b7e5;
}
.cn-newform .form-section.compatible .form-section-title .ci-down,
.cn-newform .form-section.compatible .form-section-title .ci-toright {
  color: #23b7e5;
}
.cn-section-title {
  border-bottom: 1px solid rgba(35, 183, 229, 0.5);
}
.cn-section-title-name {
  border-bottom: 4px solid #23b7e5;
}
.cn-section-title-operation .title-toggle-btn > i {
  color: #23b7e5;
}
.cn-toggle-block-btn {
  background-color: #23b7e5;
}
.cn-section-content-title .cn-section-title-name {
  background-color: rgba(35, 183, 229, 0.8);
}
.toggle-sub-block {
  border: 1px solid rgba(35, 183, 229, 0.8);
}
.toggle-sub-block + .toggle-sub-block:hover {
  border-top: 2px solid rgba(35, 183, 229, 0.8);
}
.cn-charts-section-title {
  border-bottom: 1px solid rgba(35, 183, 229, 0.5);
}
.cn-charts-section-title .cst-icon {
  background-color: #23b7e5;
}
.modal-header {
  background-color: #23b7e5;
}
.login-input-group-btn,
.login-input-group-btn:hover {
  background-color: #23b7e5;
}
@media (min-width: 768px) {
  .login-box {
    background-color: #000;
  }
  .login-box h3 {
    color: #fff;
  }
}
.login-container-text {
  color: #fff;
}
.login-container .i18n-change .dropdown-toggle {
  color: #fff;
}
.top-notice {
  color: #fa5050;
  background-color: #0fFF0000;
  position: relative;
  z-index: 100;
}
.col > .auto-scroll {
  white-space: nowrap;
  -webkit-animation: tipScroll 10s linear infinite;
          animation: tipScroll 10s linear infinite;
  overflow: visible;
  display: inline-block;
}
@-webkit-keyframes tipScroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes tipScroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.top-notice-icon {
  width: 17px;
}