#search>div.big-title.text-center.mb-3.mb-md-5.mt-2>h2 {
  letter-spacing: 2px !important;
}

.customize-width {
  max-width: 1900px
}

.sidebar-nav {
  width: 220px
}

@media (min-width: 768px) {
  .main-content {
    margin-left: 220px;
  }

  .main-content .page-header {
    left: 220px;
  }
}

.panel-body a:not(.no-c) {
  color: #f1404b
}

.panel-body a:not(.no-c):hover {
  color: #f9275f
}

a:hover,
.io-grey-mode .sidebar-show,
.io-grey-mode .sidebar-item>a:hover,
.io-grey-mode .sidebar-item li>a:hover,
.home-like:hover,
.io-grey-mode .sidebar-popup>div>ul>li>a:hover {
  color: #f1404b
}

.header-mini-btn label:hover path {
  stroke: #f1404b
}

.url-card .max .tga a:not(.no-tag):hover,
.card-app.card .tga a:not(.no-tag):hover {
  background: #f1404b
}

.sidebar .url-card .card:hover {
  border: 1px solid #f1404b !important;
}

.tags i {
  color: #f1404b
}

.custom-piece_c_b {
  background: #f1404b !important
}

.custom-piece_c {
  color: #f1404b !important
}

.slider_menu[sliderTab] .anchor,
.customize-menu .btn-edit,
.badge-danger,
.comment-list .rank,
.sidebar .card-header:after {
  background: #f1404b
}

.badge-outline-primary {
  color: #f1404b;
  border: #f1404b solid 1px
}

.posts-nav .page-numbers.current,
.posts-nav .page-numbers:not(.dots):hover,
#comments-navi>a:hover,
#comments-navi>.current,
.page-nav>a:hover span,
.page-nav>.current span {
  background-color: #f1404b;
  box-shadow: 0px 5px 20px -3px rgba(241, 64, 75, .6);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  background-color: rgba(241, 64, 75, .15);
  border-color: rgba(241, 64, 75, .15);
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(241, 64, 75, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #f1404b
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: #f1404b;
  background-color: #f1404b
}

.btn-search:hover,
.btn-search.current {
  background-color: #f1404b;
  box-shadow: 0 5px 20px -3px rgba(241, 64, 75, .6)
}

.btn-search.current:after {
  border-top-color: #f1404b
}

.panel-body h2,
.panel-body h3 {
  border-color: #f1404b
}

.custom_btn-outline {
  color: #f1404b;
  background-color: transparent;
  border-color: #f1404b;
}

.custom_btn-outline:hover {
  color: #ffffff;
  background-color: #14171B;
  border-color: #14171B;
}

.custom_btn-outline:focus,
.custom_btn-outline.focus {
  color: #14171B;
  box-shadow: 0 0 0 0 transparent !important;
  background-color: transparent;
}

.custom_btn-outline.disabled,
.custom_btn-outline:disabled {
  color: #f1404b;
  background-color: transparent !important;
}

.custom_btn-outline:not(:disabled):not(.disabled):active,
.custom_btn-outline:not(:disabled):not(.disabled).active,
.show>.custom_btn-outline.dropdown-toggle {
  color: #fff;
  background-color: #f1404b;
  border-color: #f1404b;
}

.custom_btn-outline:not(:disabled):not(.disabled):active:focus,
.custom_btn-outline:not(:disabled):not(.disabled).active:focus,
.show>.custom_btn-outline.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 transparent !important;
}

.custom_btn-d {
  color: #ffffff;
  background-color: #f1404b;
  border-color: #f1404b;
}

.custom_btn-d:hover {
  color: #ffffff;
  background-color: #14171B;
  border-color: #14171B;
}

.custom_btn-d:focus,
.custom_btn-d.focus {
  color: #ffffff;
  background-color: #14171B;
  border-color: #14171B;
  box-shadow: 0 0 0 0 transparent !important;
}

.custom_btn-d.disabled,
.custom_btn-d:disabled {
  color: #ffffff;
  background-color: #f1404b;
  border-color: #f1404b;
}

.custom_btn-d:not(:disabled):not(.disabled):active,
.custom_btn-d:not(:disabled):not(.disabled).active {
  color: #ffffff;
  background-color: #14171B;
  border-color: #14171B;
}

.custom_btn-d:not(:disabled):not(.disabled):active:focus,
.custom_btn-d:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0 transparent !important;
}

.btn.custom_btn-d {
  color: #ffffff;
  background-color: #f1404b;
  border-color: #f1404b;
}

.btn.custom_btn-d:hover {
  color: #ffffff;
  background-color: #14171B;
  border-color: #14171B;
}

.btn.custom_btn-d:focus,
.btn.custom_btn-d.focus {
  color: #ffffff;
  background-color: #14171B;
  border-color: #14171B;
  box-shadow: 0 0 0 0 transparent !important;
}

.btn.custom_btn-d.disabled,
.btn.custom_btn-d:disabled {
  color: #ffffff;
  background-color: #f1404b;
  border-color: #f1404b;
}

.btn.custom_btn-d:not(:disabled):not(.disabled):active,
.btn.custom_btn-d:not(:disabled):not(.disabled).active,
.show>.custom_btn-d.dropdown-toggle {
  color: #ffffff;
  background-color: #14171B;
  border-color: #14171B;
}

.btn.custom_btn-d:not(:disabled):not(.disabled):active:focus,
.btn.custom_btn-d:not(:disabled):not(.disabled).active:focus,
.show>.custom_btn-d.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 transparent !important;
}

.btn-dark:hover {
  background-color: #f1404b;
  border-color: #f1404b
}

.sidebar .card .searchform input[type='submit'] {
  border: 1px solid #f1404b;
  background-color: #f1404b
}

.sidebar .card .searchform input[type='submit']:hover {
  border: 1px solid #14171B;
  background-color: #14171B
}

.content-layout .site-title {
  margin-top: 1.5rem;
}

.new-search-box {
  display: none;
  width: 92%;

}

.new-search-box .solgan {
  display: inline-block;
  float: right;
  vertical-align: middle;
  color: #1a7fc5;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  margin-left: 1.25rem;
}

.new-search {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 48%;
}

.new-search #search-text {
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  height: 40px;
  font-size: 1pc;
  border-radius: 50px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .05);
  padding: 9px 20px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, .2) !important;
}

.new-search button {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0 !important;
  width: unset;
  height: unset;
  margin: 0 9px;
  line-height: 40px;
  border-radius: 3px;
}

.new-search button i {
  color: #fff;
  font-size: 18px;
}

.new-nav-box {
  display: none;
  position: relative;
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
  border-top: 1px solid #eee;
}

.new-nav-box ul,
.new-nav-box li {
  list-style: none;
}

.new-nav-box .nav-list li {
  display: inline-block;
  line-height: 2.4;
  text-align: center;
}

.head-nav a {
  display: inline-block;
  color: #333;
  font-size: 14px;
  line-height: 2.8;
}

/*
.new-nav-box::before {
  content: ".";
  font-size: 0;
  width: 100%;
  height: 1px;
  background: #eee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
} */

@media only screen and (max-width: 767px) {
  /*小屏幕的样式*/
  #header {
    /* background: #17a24f; */
    background: #fff;
  }

  #sidebar-switch {
    color: #282a2d;
  }

  .new-search-box,
  .new-nav-box {
    display: block;
  }

  .navbar-brand,.search-1,
  .header-big.canvas-fx {
    display: none;
  }
  #content {
    margin-top: 3rem !important;
  }
  .post-breadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .list-footer div .author img {
    display: none;
  }
  .list-footer div .time-1 {
    display: none;
  }
  .list-footer div .time-2 {
    display: block !important;
  }
}