#navWiki {
}

.v-card {
  /* margin-bottom: 18px; */
}

.v-card .card-title a {
  color: #333;
}

.v-card .card-body .v-flex {
  flex-wrap: wrap;
}

.v-card .card-body .v-href {
  /*margin-top: 15px;*/
  /* padding-bottom: 10px; */
  /* word-break: keep-all; */
}

.v-card .card-body .v-flex img {
  margin-right: 10px;
}

.cat_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cat_list .v-card {
  width: 414px;
}

.cat_list .v-card:nth-child(2n + 1) {
  /* margin-right: 20px; */
}

.spantitle {
  color: #333;
}

.spantitle-disable {
  color: gray !important;
  cursor: not-allowed;
  text-decoration: line-through;
}

a.spantitle {
  color: #ce731e;
}

.site-details {
}

.site-details a {
  color: #ce731e !important;
}

/* add code */

.card-body .site-info {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  color: #999;
}

.card-body p {
  font-size: 14px;
}

.card-body .tip-text {
  font-size: 14px;
  color: #999999;
}

.v-headimg-box {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  width: 340px;
}

.v-headimg-box .v-headimg-item {
  display: flex;
  margin-left: 10px;
  margin-bottom: 10px;
  align-items: center;
  width: 160px;
  overflow: hidden;
  background: #f4e7c6;
  height: 60px;
  padding: 0 10px;
  overflow: hidden;
}

.v-headimg-box .v-headimg-item img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 100px;
}

.v-headimg-box .v-headimg-item .v-head-username {
  color: #333;
  font-weight: 700;
  margin-bottom: 0;
}

.v-headimg-box .v-headimg-item .v-head-link {
  color: #333;
}

.site-details p {
  color: #333;
  margin-bottom: 10px !important;
  line-height: 2;
}

.v-search .v-search-tip {
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
  text-align: center;
  padding-top: 20px;
}

.v-search .card-body .v-flex {
  justify-content: center;
}

.v-search form {
  margin-bottom: 29px;
  text-align: center;
}

.v-search input {
  width: 240px;
  border: 1px solid rgb(221, 221, 221, 1);
  outline: none;
  padding: 8px;
  border-radius: 100em;
}

.v-search button {
  background: #333;
  color: white;
  border: none;
  margin-left: 10px;
  border-radius: 4px;
  border-radius: 100em;
  padding: 7px 25px;
  width: 80px;
}

.v-public .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  margin-bottom: 12px;
}

.v-public .card-header a {
  color: #333;
}

.public-container {
  border: none;
  margin-top: 20px;
}

.public-container .public-title {
  border-bottom: 1px dashed #333;
  padding-bottom: 0px;
}

.public-container .public-title h4 {
  margin-bottom: 0;
}

.public-list {
  margin-top: 0px;
  min-height: 160px;
  overflow: hidden;
}

.public-list ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}

.public-list div {
  display: flex;
  align-items: baseline;
  margin-bottom: 5px;
  /* justify-content: space-between; */
}

.spandate {
  color: #999;
}

.cat_list .card-body {
  display: block;
}

.cat_list .card-title a {
  color: #333 !important;
}

.site-detail .card-body {
  justify-content: space-between;
}

.site-detail .site-imgs {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.site-detail .site-icon {
  width: 76px;
  height: 76px;
  border-radius: 10px;
  margin-right: 20px;
}

.site-detail .site-title {
  color: #333;
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: bold;
}

.site-detail .site-btn {
  display: inline-block;
  border: solid 1px #333;
  border-radius: 4px;
  color: #333;
  height: 36px;
  width: 80px;
  line-height: 36px;
  text-align: center;
  margin-right: 15px;
}

.site-detail .site-btn:hover {
  color: #333 !important;
}

.site-detail .site-btn.active:hover {
  color: #fff !important;
}

.site-detail .site-btn.active {
  background: #333;
  color: #fff;
}

.site-detail .site-id {
  font-size: 14px;
  color: #333;
  font-weight: 400;
}

.zldq-list {
  margin-top: 0 !important;
}

.zldq-list .title-x5 {
  color: #333 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin-top: 10px;
  display: block;
}

.zldq-list .title-x5 h3 {
  font-size: 16px !important;
  font-weight: bold;
}

/*专栏大全相关样式*/
.zldq-list > div {
  margin-top: 0 !important;
}

.zldq-list .item-content > div > p {
  height: 66px;
  line-height: 22px;
  /* display: block; */
  overflow: hidden;
  font-size: 14px;
  display: -webkit-box;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.zldq-list .zldq-imghead {
  width: 120px;
  height: 160px;
  object-fit: cover;
  margin-right: 10px;
}

.zldq-list .r-item-footer {
  flex-direction: column;
}

.zldq-list .r-i-left {
  /* margin-bottom: 10px; */
  display: flex;
  color: #666;
  font-size: 14px;
}

.zldq-list .r-i-l-label {
  min-width: 72px;
}

.zldq-list .r-i-l-text {
  color: #ce731e !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.zlt-list {
  /* display: flex; */
  /* flex-wrap: wrap; */
}

.zlt-list .zlt-item {
  /* width: 45%;
  margin-bottom: 20px; */
}

.recmd-list .recmd-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
}

.float_cat_list .clear_float {
  clear: both;
}

.float_cat_list .float-list.right {
  float: right;
  width: 50%;
}

.float_cat_list .float-list.left {
  float: left;
  width: 50%;
}
.float_cat_list .float-list.right .v-card {
  float: right;
}

.float_cat_list .v-card {
  /*        float:right;*/
  width: calc(100% - 8px) !important;
  max-width: 100%;
  box-sizing: border-box;
  /* min-height: 170px; */
}

.float_cat_list .v-card .card-body {
  /* min-height: 100px; */
}

.float_cat_list .v-card:nth-child(2n + 1) {
  /*        float:left;*/
}

.iframe .pagebar {
  display: block !important;
}
.baike-list {
  display: flex;
  flex-wrap: wrap;
}
.baike-list .category-item {
  padding-right: 10px;
  padding-bottom: 10px;
  width: 33.33%;
}
.baike-list .category-item:nth-child(3n) {
  padding-right: 0;
}

.baike-list .category-item .category-box {
  border: solid 1px #ddd2b7;
  color: #333;
  display: block;
  background: #fff0cd;
  text-align: center;
  padding: 12px;
  border-radius: 3px;
  white-space: nowrap; /* 保持文本在一行，不换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis; /* 超出部分显示为省略号 */
}
.zlt-list .z-list-item {
  /* margin-bottom: 6px; */
  line-height: 1.75;
}
.zlt-list .z-list-item a {
  color: #333;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.zlt-detail .zlt-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
}
.zlt-detail .zldq-imghead {
  display: block;
  width: 72px;
  height: 100px;
  object-fit: cover;
  margin-right: 10px;
  background: #eee;
  border-radius: 6px;
}
.zlt-detail .title-x5 h3 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zlt-detail .zl-desc {
  margin-top: 6px;
  height: 66px;
  line-height: 22px;
  display: -webkit-box;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.zlt-detail .r-item-footer .r-i-left {
  color: #666;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 12px;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 图片卡片风格定义 */
.baike-list {
  display: flex;
  flex-wrap: wrap;
}
.biake-filter-title {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 5px;
  color: #333;
}
.baike-list {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: all 0.4s;
  max-height: 1500px;
}
.category-list {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: all 0.4s;
  max-height: 1500px;
}
.baike-list.collapse,
.category-list.collapse {
  position: relative;
}
.baike-list.collapse:after,
.category-list.collapse:after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  box-shadow: 0 0 22px 30px rgba(251, 242, 219, 1);
  background: rgba(251, 242, 219, 1);
}

.baike-list.style-4 {
  max-height: 2000px;
}
.baike-list.style-1.collapse {
  max-height: 170px;
}
.baike-list.style-2.collapse {
  max-height: 560px;
}
.baike-list.style-3.collapse {
  max-height: 560px;
}
.baike-list.style-4.collapse {
  max-height: 760px;
}
.baike-list.style-5.collapse {
  max-height: 160px;
}
.baike-list .category-item {
  width: 33.33%;
}
.baike-list .category-item .category-box {
  border: solid 1px #ddd2b7;
  color: #333;
  display: block;
  background: #fff0cd;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
  font-size: 14px;
}
/* 图片卡片风格定义 */
.baike-list .category-item.img-style-2 .category-box,
.baike-list .category-item.img-style-3 .category-box,
.baike-list .category-item.img-style-4 .category-box,
.baike-list .category-item.img-style-5 .category-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.category-list .img-style-1 img,
.baike-list .category-item.img-style-0 .category-box img,
.baike-list .category-item.img-style-1 .category-box img {
  /* 小图 */
  max-height: 24px;
  max-width: 24px;
}
.baike-list .category-item.img-style-2 .category-box img {
  /* 1：1 */
  height: 100px;
  width: 100px;
}
.baike-list .category-item.img-style-3 {
  width: 25%;
}
.baike-list .category-item.img-style-3 .category-box img {
  /* 2：3 */
  height: 100px;
  width: 150px;
}
.baike-list .category-item.img-style-4 .category-box img {
  /* 3：2 */
  height: 150px;
  width: 100px;
}
.baike-list .category-item.img-style-5 .category-box img {
  /* 无图 */
  display: none !important;
}
.v-site-category {
  margin-top: 20px;
}
.search-container {
  background: #fffae4;
  /* padding:14px 20px; */
}
.search-input-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #8a8a8a;
  font-size: 14px;
}
.search-input-text img {
  display: block;
  height: 22px;
  width: 22px;
}
.top_banner {
  max-height: 400px;
}
.top_banner img {
  width: 100%;
  height: 100%;
  display: block;
}
.site-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-detail .site-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-detail .s-i-avatar {
  border-radius: 12px;
  background: #eee;
  width: 72px;
  height: 72px;
  display: block;
  margin-right: 12px;
}
.site-detail .site-info .s-i-title {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.site-detail .site-info .s-i-date {
  color: rgba(138, 138, 138, 1);
}

.info-module {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-updates {
  margin-right: 12px;
  display: flex;
  flex-direction: column;
}
.i-s-block {
  background: rgba(243, 238, 209, 1);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 170px;
  padding: 12px 16px;
}
.site-info-icon {
  display: block;
  width: 25px;
  height: 25px;
}
.site-info-title {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
}
.site-info-update {
  font-size: 14px;
  font-weight: 400;
  color: #8a8a8a;
}
.info-section:last-child {
  margin-right: 0;
}
.info-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.info-content {
  color: #555;
}
.site-stats {
  display: flex;
  flex-direction: column;
  background: rgba(243, 238, 209, 1);
  padding: 12px 16px;
  width: 175px;
  height: 147px;
  margin-right: 12px;
  justify-content: space-around;
}
.stat-item {
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.stat-icon {
  margin-right: 5px;
  display: block;
  width: 13px;
  height: 13px;
  margin-right: 12px;
}
.info-sq {
  background: rgba(243, 238, 209, 1);
  padding: 12px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 147px;
  width: 100%;
}
.site-detail-more {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
}
.site-detail-more svg {
  width: 10px;
  height: 10px;
  margin-left: 2px;
}
.site-detail-text {
  color: #333;
  font-size: 14px;
  line-height: 2;
}
.site-detail-text a {
  color: #ce731e;
}
.site-author-avatar {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 100px;
  margin-left: -10px;
}
.site-author-avatar:first-child {
  margin-left: 0;
}
.site-auto-nums {
  margin-left: 10px;
  color: #8a8a8a;
  font-size: 14px;
}
.card-header {
  padding: 0;
  padding-right: 0;
  background: none;
  justify-content: start !important;
}
.card-body {
  padding: 0;
}
.card-header img {
  height: 20px;
  margin-right: 2px;
}
.card-body {
  background: none;
}
.v-public .card-header a {
  color: #333;
  font-size: 16px;
}
.card-header svg {
  width: 10px;
  height: 10px;
  margin-left: 2px;
}
.biake-filter-title {
  font-size: 14px;
  color: #333;
  font-weight: 700;
}
.el-input__inner {
  background: none !important;
  border: solid 1px rgb(232, 227, 196) !important;
}
.baike-list .category-item .category-box {
  background-color: rgb(243, 238, 209);
  border: none;
  padding: 7px 5px;
  border-radius: 6px;
}
.baike-list.collapse:after,
.category-list.collapse:after {
  box-shadow: 0 0 22px 30px rgba(255, 250, 228);
  background: rgba(255, 250, 228);
}
.el-input--mini .el-input__inner {
  height: 32px;
  line-height: 32px;
}
.filter-category-btn,
.filter-start-btn {
  border: none;
  background: none;
  color: #8a8a8a;
  padding: 6px 0;
}
@media (max-width: 768px) {
  .container {
    padding: 0;
  }
  .search-container,
  .top_banner,
  .site-detail,
  .info-module {
    margin: 0 0px 12px;
    width: auto;
  }
  .top-nav-1 {
    padding: 0 16px;
  }
  .info-sq {
    display: none;
  }
  .site-card {
    /* border-radius: 0; */
  }
  .baike-list .category-item.img-style-1 .category-box img {
    /* 小图 */
    max-height: 24px;
    max-width: 24px;
  }
  .baike-list .category-item.img-style-2 .category-box img {
    /* 1：1 */
    height: 90px;
    width: 90px;
  }
  .baike-list .category-item.img-style-3 {
    width: 25%;
  }
  .baike-list .category-item.img-style-3 .category-box img {
    /* 2：3 */
    height: 60px;
    width: 90px;
  }
  .baike-list .category-item.img-style-4 .category-box img {
    /* 3：2 */
    height: 90px;
    width: 60px;
  }
  .baike-list .category-item.img-style-5 .category-box img {
    /* 无图 */
    display: none !important;
  }
  .zlt-list .z-list-item {
    margin-bottom: 10px;
    width: 100%;
  }
  .zlt-list .z-list-item a {
    color: #333;
    text-decoration: none;
  }
  .cat_list {
    flex-direction: column;
  }

  .cat_list .v-card {
    width: 100% !important;
  }

  .v-content {
    /* padding-bottom: 100px !important; */
  }

  .v-site-desc .card-header,
  .site-detail .card-header {
    display: none !important;
  }

  .site-detail .card-body {
    flex-direction: column;
    padding: 30px 15px 15px;
  }

  .card-body .site-info,
  .site-detail .site-imgs {
    margin-bottom: 10px;
  }

  .v-headimg-box .v-headimg-item {
    margin-left: 0;
    margin-right: 10px;
    width: 150px;
  }

  .site-detail .site-icon {
    margin-right: 15px;
  }

  .site-detail .site-btn {
    width: 75px;
    line-height: 32px;
    height: 32px;
    margin-right: 2px;
    margin-bottom: 4px;
  }

  .v-search .card-header {
    background: #fbf2db;
    text-align: center;
    justify-content: center;
  }

  .v-search .card-body {
    padding: 0 20px;
  }

  .v-search .card-body .v-flex {
    flex-wrap: nowrap;
  }

  .v-search .v-search-tip {
    padding-top: 0;
  }

  .v-search input {
    width: 100%;
    flex: 1;
  }

  .v-search button {
    margin-left: 10px;
    min-width: 80px;
  }

  .public-list {
    font-size: 14px;
    height: auto;
  }

  .v-card {
    /* margin-bottom: 10px !important; */
  }

  .zldq-list .zldq-imghead {
    width: 90px;
    height: 130px;
  }
  .top_banner {
    height: auto;
  }
  .recmd-item .item-content > :nth-child(2) p {
    margin-top: 0 !important;
    display: -webkit-box;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
    line-height: 24px;
  }

  .zldq-list .title-x5 {
    margin-top: 0;
  }

  .zldq-list .title-x5 h3 {
    font-size: 16px !important;
  }

  .zldq-list .r-i-left {
    font-size: 14px;
  }

  .public-list div {
    display: block !important;
  }

  .float_cat_list .v-card {
    width: 100%;
    min-height: 1px;
  }

  .float_cat_list .float-list {
    width: 100%;
  }
  .info-module {
    flex-wrap: wrap;
    background: none;
    padding: 0 !important;
    border-radius: 0;
  }
  .info-section {
    width: calc(50% - 6px);
    border-radius: 6px;
  }
  .info-sq {
    margin-top: 12px;
    background-color: rgba(255, 250, 228, 1);
    width: 100%;
  }
  .site-stats,
  .info-section,
  .i-s-block {
    background-color: rgba(255, 250, 228, 1);
  }
  .site-updates {
    background: none !important;
  }
  .i-s-block {
    width: 100%;
  }
  .m-b-16 {
    margin-bottom: 12px;
  }
  .site-card {
    padding: 12px;
  }
  .site-btns {
    flex: 1;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
}

/* iframe bug fixed*/
.iframe .collapse:not(.show) {
  display: block;
}

.iframe .navbar-nav {
  flex-direction: row;
}

.iframe #navWiki.navbar .navbar-nav li > .nav-link {
  padding: 6px 0px !important;
}

@media (max-width: 768px) {
  .iframe #navWiki.navbar .navbar-nav li > .nav-link {
    padding: 14px 0px !important;
  }
  .layout-tabbar {
    display: flex;
  }
}

.cat-filter {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.cat-filter .cat-form-item {
  padding-bottom: 12px;
  width: 50%;
}
.cat-filter .cat-form-item:nth-child(2n-1) {
  padding-right: 12px;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner,
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  /* border-color: #333 !important; */
}

.el-tabs__item:hover,
.el-tabs__item.is-active,
.el-select-dropdown__item.selected,
.el-picker-panel__icon-btn:hover,
.el-picker-panel__shortcut:hover,
.el-date-table td.available:hover,
.el-date-table td.today span {
  /* color: #333 !important; */
}

.menu-pop-up {
  position: fixed;
  width: 100vw;
  z-index: 1000;
  bottom: 0;
  left: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: rgba(255, 250, 228);
}

.menu-pop-up-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: rgba(0, 0, 0, .3);
}

.menu-pop-up>a {
  display: inline-block;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-bottom: 1px solid #ccc;
}

.menu-pop-up>a>img {
  width: 30px;
  height: 30px;
}

.menu-pop-up>a>span {
  min-width: 50px;
}

.menu-btn-container {
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-btn {
  font-size: 20px;
  width: 30px;
  margin-left: 4px;
  color: #000;
}

@media (min-width: 1080px) {
  .menu-pop-up {
    width: 736px;
    left: calc((100vw - 1080px) / 2 + 72px);
  }
}