a {
  text-decoration: none;
}
.kx-color,
.kx-color:hover {
  color: #01875f !important;
}
.kx-background-color,
.kx-background-color:hover {
  background-color: #01875f !important;
}
/* header */
.kx-logo img {
  max-width: 160px;
  height: 50px;
}
.kx-logo-light {
  display: block;
}
.kx-logo-dark {
  display: none;
}
.mdui-theme-layout-dark .kx-logo-dark {
  display: block;
}
.mdui-theme-layout-dark .kx-logo-light {
  display: none;
}
.kx-menu:hover,
.kx-menu.active {
  color: #01875f;
  border-bottom: 3px solid #01875f;
}
.kx-bottom-menu .mdui-bottom-nav a.mdui-bottom-nav-active {
    color: #01875f;
}
.kx-toolbar,
.kx-bottom-menu .mdui-bottom-nav {
  background-color: #fff;
}
.kx-bottom-menu .mdui-bottom-nav {
    z-index: 2;
}
.mdui-theme-layout-dark .kx-toolbar,
.mdui-theme-layout-dark .kx-bottom-menu .mdui-bottom-nav {
  background-color: #303030;
}
.kx-appbar .kx-toolbar .kx-search-bar {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 722px;
  height: 46px;
  margin-left: 30px;
  background-color: #f1f3f4;
  border-radius: 8px;
  transition-duration: 0.18s;
  transition-property: background-color, box-shadow;
}
@media (max-width: 1080px) {
  .kx-appbar .kx-toolbar .kx-search-bar {
    max-width: 600px;
  }
}
@media (max-width: 960px) {
  .kx-logo img {
    height: 36px;
  }
  .kx-bottom-menu {
    display: block !important;
  }
  .kx-menu {
    display: none;
  }
}
@media (min-width: 961px) {
  .mdui-bottom-nav-fixed {
    padding-bottom: 0;
  }
}
.kx-appbar .kx-toolbar .kx-search-bar.focus {
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3),
    0 1px 3px 1px rgba(65, 69, 73, 0.15);
}
.mdui-theme-layout-dark .kx-appbar .kx-toolbar .kx-search-bar {
  background-color: #424242 !important;
}
.mdui-theme-layout-dark .kx-appbar .kx-toolbar .kx-search-bar input {
  color: #fff;
}
.mdui-theme-layout-dark .kx-appbar .kx-toolbar .kx-search-bar.focus {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.6), 0 6px 10px 4px rgba(0, 0, 0, 0.3);
}
.kx-appbar .kx-toolbar .kx-search-bar input {
  flex: 1;
  height: 46px;
  background-color: transparent;
  border: none;
  outline: none;
}
.kx-appbar .kx-toolbar .kx-search-bar .back,
.kx-appbar .kx-toolbar .kx-search-bar .cancel,
.kx-appbar .kx-toolbar .kx-search-bar .submit {
  margin: 0 5px;
}
.kx-appbar .kx-toolbar .kx-search-bar .back,
.kx-appbar .kx-toolbar .kx-search-bar .cancel {
  display: none;
}
.kx-appbar .kx-toolbar .kx-search-bar.not-empty .cancel {
  display: flex;
}
.kx-appbar .kx-toolbar.mobile .kx-search-btn,
.kx-appbar .kx-toolbar.mobile .kx-refresh {
  display: none;
}
.kx-appbar .kx-toolbar.mobile .kx-search-bar {
  position: absolute;
  display: flex;
  height: 100%;
  margin: 0;
  background-color: #fff;
  border-radius: 0;
}
.mdui-theme-layout-dark .kx-appbar .kx-toolbar.mobile .kx-search-bar {
  background-color: #424242 !important;
}
.kx-appbar .kx-toolbar.mobile .kx-search-bar.focus {
  box-shadow: none;
}
.kx-appbar .kx-toolbar.mobile .kx-search-bar .back {
  display: flex;
}
.kx-appbar .kx-toolbar.mobile .kx-search-bar .submit,
.kx-appbar .kx-toolbar .search-icon {
  display: none;
}
.kx-search .submit {
  cursor: auto;
}
/* header. */
/* category list */
.kx-tab-scrollable {
  padding-left: 0;
  padding-bottom: 8px;
}
.kx-tab-scrollable .mdui-tab-active {
  /*color: #01875f;*/
  color: #056449;
  /*background-color: #e6f3ef;*/
  border-color: #056449;
}
.kx-tab-scrollable .mdui-tab-indicator {
  background-color: #01875f;
}
.kx-tab-scrollable a {
    border: 1px rgb(218,220,224) solid;
    border-radius: 30px;
    margin-right: 10px;
}
.kx-tab-scrollable a:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
/*@media (max-width: 960px) {*/
/*    .kx-tab-scrollable a {*/
/*        border-radius: 14px;*/
/*    }*/
/*}*/
/* category list. */
/* footer */
.kx-gaba {
  vertical-align: middle;
}
/* footer. */

/* app swiper */
.kx-app-swiper {
  width: 100%;
  height: 100%;
}
.kx-app-swiper .swiper-slide {
  width: 150px;
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.kx-app-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kx-app-box {
  border-radius: 8px;
}
.kx-app-box img {
  width: 100%;
  border-radius: 20%;
  -webkit-box-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.kx-app-box:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.mdui-theme-layout-dark .kx-app-box:hover, .mdui-theme-layout-dark .kx-tab-scrollable a:hover {
    background-color: hsla(0,0%,100%,.04);
}
.swiper-button-disabled {
  display: none;
}
.swiper-button-next,
.swiper-button-prev {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #fff;
  color: rgb(95, 99, 104);
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 24px;
}
/* app swiper. */

/* down.html */
.kx-app-down-header .kx-app-icon {
  width: 150px;
  height: 150px;
  border-radius: 20%;
  -webkit-box-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.kx-app-down-btn {
  color: #fff;
  border-radius: 10px;
}
.kx-app-info span {
  margin-right: 10px;
}
/* down.html. */
/* post.html */
.kx-post-list {
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  box-shadow: none;
}
.kx-post-item {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.kx-post-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.mdui-theme-layout-dark .kx-post-item {
  border-bottom-color: hsla(0, 0%, 100%, 0.12);
}
.kx-post-img {
  /* width: 480px;
  height: 300px; */
  width: 20%;
  max-height: 120px;
}
.kx-post-con {
  width: 80%;
  box-sizing: border-box;
}
@media (max-width: 960px) {
  .kx-post-img {
    width: 0%;
  }
  .kx-post-con {
    width: 100%;
    padding-left: 6px!important;
    padding-right: 6px!important;
  }
}
/* post.html. */
.mdui-typo img {
    width: auto;
    height: auto;;
}