.pagination-container[data-v-2756f585] {
  width: 100%;
}
[data-theme="light"] .pagination-container[data-v-2756f585] {
  color: #3B3559 !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] {
  color: #ffffff !important;
}
.pagination-container[data-v-2756f585]  {
  display: flex;
  font-size: 0.75rem;
}
.pagination-container[data-v-2756f585] .el-pagination {
  padding: 1rem 0;
}
.pagination-container[data-v-2756f585] .el-pagination.is-background .btn-next,
.pagination-container[data-v-2756f585] .el-pagination.is-background .btn-prev {
  background: transparent;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li {
  color: #5F6472 !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li {
  color: #E7EEF8 !important;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li {
  background: #fff !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li {
  background: #1A253A !important;
}
.pagination-container[data-v-2756f585] .el-pagination.is-background .btn-next:not(.disabled):hover,
.pagination-container[data-v-2756f585] .el-pagination.is-background .btn-prev:not(.disabled):hover,
.pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #ad2935;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination.is-background .btn-next:not(.disabled):hover,
[data-theme="light"]
    .pagination-container[data-v-2756f585] .el-pagination.is-background .btn-prev:not(.disabled):hover,
[data-theme="light"]
    .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #ad2935 !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination.is-background .btn-next:not(.disabled):hover,
[data-theme="dark"]
    .pagination-container[data-v-2756f585] .el-pagination.is-background .btn-prev:not(.disabled):hover,
[data-theme="dark"]
    .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #F6665D !important;
}
.pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #fff;
  background-color: #ad2935;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #fff !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #E7EEF8 !important;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background: #ad2935 !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background: #ad2935 !important;
}
.pagination-container[data-v-2756f585] .el-input__inner:focus {
  border-color: #c0c0c0;
}
.pagination-container[data-v-2756f585] .el-pagination button,
.pagination-container[data-v-2756f585] .el-pagination span:not([class*="suffix"]),
.pagination-container[data-v-2756f585] .el-pager li {
  font-size: 0.75rem;
  min-width: 2rem !important;
  height: 2rem;
  line-height: 2rem;
  padding: 0;
  border-radius: 0.25rem;
}
.pagination-container[data-v-2756f585] .el-pagination__editor.el-input .el-input__inner {
  width: 2.125rem;
  height: 1.75rem;
  line-height: 1.75rem;
  border: none;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination__editor.el-input .el-input__inner {
  background: #F2F2F4 !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination__editor.el-input .el-input__inner {
  background: #111723 !important;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination__editor.el-input .el-input__inner {
  color: #3B3559 !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination__editor.el-input .el-input__inner {
  color: #ffffff !important;
}
.pagination-container[data-v-2756f585] .el-pager .more::before {
  line-height: 1.25rem;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination__total,
[data-theme="light"]
  .pagination-container[data-v-2756f585] .el-pagination__jump {
  color: #5F6472 !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination__total,
[data-theme="dark"]
  .pagination-container[data-v-2756f585] .el-pagination__jump {
  color: #A7AAB5 !important;
}
.pagination-container[data-v-2756f585] .el-pagination__jump {
  width: 8.75rem;
  height: 12.5rem;
  text-align: center;
}
[data-theme="light"] .pagination-container[data-v-2756f585] .el-pagination__jump {
  background: #ffffff !important;
}
[data-theme="dark"] .pagination-container[data-v-2756f585] .el-pagination__jump {
  background: #20293A !important;
}
.pagination-container.hidden[data-v-2756f585] {
  display: none;
}
.spinner[data-v-634db306] {
  margin: 6.25rem auto;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}
.container1 > div[data-v-634db306],
.container2 > div[data-v-634db306],
.container3 > div[data-v-634db306] {
  width: 0.375rem;
  height: 0.375rem;
  background-color: rgb(90, 104, 117);
  border-radius: 100%;
  position: absolute;
  animation: bouncedelay-634db306 1.2s infinite ease-in-out;
  animation-fill-mode: both;
}
.spinner .spinner-container[data-v-634db306] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container2[data-v-634db306] {
  transform: rotateZ(45deg);
}
.container3[data-v-634db306] {
  transform: rotateZ(90deg);
}
.circle1[data-v-634db306] {
  top: 0;
  left: 0;
}
.circle2[data-v-634db306] {
  top: 0;
  right: 0;
}
.circle3[data-v-634db306] {
  right: 0;
  bottom: 0;
}
.circle4[data-v-634db306] {
  left: 0;
  bottom: 0;
}
.container2 .circle1[data-v-634db306] {
  animation-delay: -1.1s;
}
.container3 .circle1[data-v-634db306] {
  animation-delay: -1s;
}
.container1 .circle2[data-v-634db306] {
  animation-delay: -0.9s;
}
.container2 .circle2[data-v-634db306] {
  animation-delay: -0.8s;
}
.container3 .circle2[data-v-634db306] {
  animation-delay: -0.7s;
}
.container1 .circle3[data-v-634db306] {
  animation-delay: -0.6s;
}
.container2 .circle3[data-v-634db306] {
  animation-delay: -0.5s;
}
.container3 .circle3[data-v-634db306] {
  animation-delay: -0.4s;
}
.container1 .circle4[data-v-634db306] {
  animation-delay: -0.3s;
}
.container2 .circle4[data-v-634db306] {
  animation-delay: -0.2s;
}
.container3 .circle4[data-v-634db306] {
  animation-delay: -0.1s;
}
@keyframes bouncedelay-634db306 {
0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
}
40% {
    transform: scale(1);
    -webkit-transform: scale(1);
}
}
@charset "UTF-8";
#blog[data-v-0d028f8e] {
  position: relative;
  height: calc(100vh - 6.875rem);
  width: 100vw;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
[data-theme="light"] #blog[data-v-0d028f8e] {
  color: #3B3559 !important;
}
[data-theme="dark"] #blog[data-v-0d028f8e] {
  color: #ffffff !important;
}
[data-theme="light"] #blog[data-v-0d028f8e] {
  background: #F3F4F8 !important;
}
[data-theme="dark"] #blog[data-v-0d028f8e] {
  background: #0B1221 !important;
}
#blog .top-title[data-v-0d028f8e] {
  color: #ad2935 !important;
}
#blog .blogBox[data-v-0d028f8e] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 1rem;
}
#blog .blog_topBox[data-v-0d028f8e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  line-height: 2rem;
  box-sizing: border-box;
}
#blog .blog_topBox_tips[data-v-0d028f8e] {
  padding-top: 0.375rem;
  font-size: 0.875rem;
}
#blog .blog_topBox_search[data-v-0d028f8e] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.3125rem;
}
#blog .blog_topBox_search .input-box[data-v-0d028f8e]  {
  width: 17.5rem;
  font-size: 0.875rem;
  font-weight: bold;
  margin-right: 0.5rem;
}
#blog .blog_topBox_search .input-box[data-v-0d028f8e] .el-input__inner {
  width: 17.5rem;
  border: 0.0625rem solid transparent;
  font-size: 0.75rem;
  height: 2rem;
  border-radius: 1rem;
  background-color: transparent;
}
[data-theme="light"] #blog .blog_topBox_search .input-box[data-v-0d028f8e] .el-input__inner {
  border-color: #EAEAEA !important;
}
[data-theme="dark"] #blog .blog_topBox_search .input-box[data-v-0d028f8e] .el-input__inner {
  border-color: #374353 !important;
}
#blog .blog_topBox_search .input-box[data-v-0d028f8e] .el-input--mini .el-input__icon {
  line-height: 1.5625rem;
}
#blog .blog_topBox_search .switchBox[data-v-0d028f8e] {
  width: 5.125rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  padding: 0.125rem 0.25rem;
}
[data-theme="light"] #blog .blog_topBox_search .switchBox[data-v-0d028f8e] {
  background: #ffffff !important;
}
[data-theme="dark"] #blog .blog_topBox_search .switchBox[data-v-0d028f8e] {
  background: #20293A !important;
}
#blog .blog_topBox_search .switchBox li[data-v-0d028f8e],
#blog .blog_topBox_search .switchBox span li[data-v-0d028f8e] {
  cursor: pointer;
  width: 2.5rem;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
}
[data-theme="light"] #blog .blog_topBox_search .switchBox li[data-v-0d028f8e]:hover,
[data-theme="light"]
          #blog .blog_topBox_search .switchBox span li[data-v-0d028f8e]:hover {
  background: rgba(188, 27, 41, 0.1) !important;
}
[data-theme="dark"] #blog .blog_topBox_search .switchBox li[data-v-0d028f8e]:hover,
[data-theme="dark"]
          #blog .blog_topBox_search .switchBox span li[data-v-0d028f8e]:hover {
  background: #BC1B29 !important;
}
#blog .blog_topBox_search .search_type[data-v-0d028f8e] {
  cursor: pointer;
  width: 1.125rem;
  height: 1.125rem;
}
#blog .blogContent[data-v-0d028f8e] {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 1.375rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
#blog .blogContent[data-v-0d028f8e]::after {
  content: "";
  flex: auto;
}
#blog .blogContent .blog-item[data-v-0d028f8e] {
  cursor: pointer;
  height: 24.375rem;
  width: calc((100% - 2.125rem) / 3);
  border-radius: 1.25rem;
  margin-bottom: 1.0625rem;
  box-sizing: border-box;
  margin-right: 1rem;
}
[data-theme="light"] #blog .blogContent .blog-item[data-v-0d028f8e] {
  background: #ffffff !important;
}
[data-theme="dark"] #blog .blogContent .blog-item[data-v-0d028f8e] {
  background: #20293A !important;
}
#blog .blogContent .blog-item[data-v-0d028f8e]:nth-child(3n) {
  margin-right: 0;
}
#blog .blogContent .blog-item .img-box[data-v-0d028f8e] {
  box-sizing: border-box;
  width: 100%;
  height: 15.625rem;
  background-size: cover;
  border-radius: 1.25rem 1.25rem 0 0;
}
#blog .blogContent .blog-item .item-content[data-v-0d028f8e] {
  padding: 1rem;
  box-sizing: border-box;
}
#blog .blogContent .blog-item .item-content .title[data-v-0d028f8e] {
  height: 1.75rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
#blog .blogContent .blog-item .item-content .content[data-v-0d028f8e] {
  margin-top: 0.5rem;
  height: 2.6875rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme="light"] #blog .blogContent .blog-item .item-content .content[data-v-0d028f8e] {
  color: #A8A5AD !important;
}
[data-theme="dark"] #blog .blogContent .blog-item .item-content .content[data-v-0d028f8e] {
  color: rgba(255, 255, 255, 0.5) !important;
}
#blog .blogContent .blog-item .item-content .likes-box[data-v-0d028f8e] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.75rem;
}
[data-theme="light"] #blog .blogContent .blog-item .item-content .likes-box[data-v-0d028f8e] {
  color: #A8A5AD !important;
}
[data-theme="dark"] #blog .blogContent .blog-item .item-content .likes-box[data-v-0d028f8e] {
  color: rgba(255, 255, 255, 0.5) !important;
}
#blog .blogContent .blog-item .item-content .likes-box .likes-box-left[data-v-0d028f8e] {
  display: flex;
  font-size: 0.75rem;
  line-height: 1.1875rem;
  margin-right: 0.625rem;
}
#blog .blogContent .blog-item .item-content .likes-box .likes-box-left img[data-v-0d028f8e] {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 1.25rem;
  margin-right: 0.25rem;
}
#blog .blogContent .blog-item .item-content .likes-box .likes-box-left > div[data-v-0d028f8e] {
  align-items: center;
  display: flex;
}
#blog .blogContent .blog-item .item-content .likes-box .likes-box-left .likes[data-v-0d028f8e] {
  margin-left: 0.3125rem;
}
#blog .blogContent .blog-item .item-content .likes-box .likes-box-left .views img[data-v-0d028f8e] {
  width: 1.3125rem;
  height: 1.3125rem;
}
#blog .blogContent .blog-item .item-content .likes-box .add_time[data-v-0d028f8e] {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.1875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#blog .blogContent .el-loading-mask[data-v-0d028f8e] {
  height: 100vh;
}
#blog .blogContent[data-v-0d028f8e]::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.3125rem;
  /*高宽分别对应横竖滚动条的尺寸*/
}
#blog .blogContent[data-v-0d028f8e]::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0.625rem;
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background: #cac9c9;
}
[data-theme="light"] #blog .blogContent[data-v-0d028f8e]::-webkit-scrollbar-thumb {
  background: #AAADB8 !important;
}
[data-theme="dark"] #blog .blogContent[data-v-0d028f8e]::-webkit-scrollbar-thumb {
  background: #78889b !important;
}
#blog .blogContent[data-v-0d028f8e]::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0.625rem;
  /* background: #ededed; */
}
#blog .Pagination-box[data-v-0d028f8e]  {
  width: 100%;
  height: 3rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#blog .Pagination-box[data-v-0d028f8e] .pagination-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#blog .Pagination-box[data-v-0d028f8e] .pagination-container .el-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}