/*
*个人中心白色版本
*
*/
[data-v-a44f11aa] .btn-prev,[data-v-a44f11aa] .btn-next,[data-v-a44f11aa] .el-pager li {
  background: var(--EEEFF3-262629) !important;
  border: none !important;
  border-radius: 6px !important;
  color: var(--212122-A7A7B0) !important;
  line-height: 40px !important;
  font-weight: 500;
}
[data-v-a44f11aa] .el-pager li:hover {
  background: var(--E6E7EA-262629) !important;
}
[data-v-a44f11aa] .btn-prev[aria-disabled='false']:hover {
  background: var(--E6E7EA-262629) !important;
}
[data-v-a44f11aa] .btn-next[aria-disabled='false']:hover {
  background: var(--E6E7EA-262629) !important;
}
[data-v-a44f11aa] .el-pager .active:hover {
  background: var(--212122-A7A7B0) !important;
}
[data-v-a44f11aa] .number,[data-v-a44f11aa] .more,[data-v-a44f11aa] .btn-prev,[data-v-a44f11aa] .btn-next {
  width: 40px !important;
  height: 40px !important;
}
[data-v-a44f11aa] .el-pager .active {
  color: var(--FFFFFF-070707) !important;
  background: var(--212122-A7A7B0) !important;
}
[data-v-a44f11aa] .el-icon {
  display: inline-block !important;
}

/*
*个人中心白色版本
*
*/
.hot-article[data-v-a70dba04] {
  width: 100%;
  padding: 26px 30px;
  box-sizing: border-box;
  background: var(--FFFFFF-202024);
  border-radius: 10px;
}
.hot-article .title[data-v-a70dba04] {
  justify-content: space-between;
  margin-bottom: 2px;
}
.hot-article .title .label[data-v-a70dba04] {
  color: var(--222222-C9C9CD);
  font-size: 20px;
}
.hot-article .article-list .item[data-v-a70dba04] {
  width: 100%;
  margin-top: 20px;
  cursor: pointer;
}
.hot-article .article-list .item .num[data-v-a70dba04] {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 10px;
  color: var(--222222-C9C9CD);
  font-size: 12px;
}
.hot-article .article-list .item .article-1[data-v-a70dba04] {
  background: #f5565b;
  color: #ffffff;
}
.hot-article .article-list .item .article-2[data-v-a70dba04] {
  background: #ff7050;
  color: #ffffff;
}
.hot-article .article-list .item .article-3[data-v-a70dba04] {
  background: #f3a068;
  color: #ffffff;
}
.hot-article .article-list .item .article-title[data-v-a70dba04] {
  font-size: 12px;
  color: var(--6F6F6F-C9C9CD);
  flex: 1;
}
.hot-article .article-list .item .article-title[data-v-a70dba04]:hover {
  color: #ff5066;
}

/*
*个人中心白色版本
*
*/
.article-label-filter[data-v-09a307da] {
  padding: 28px 31px 24px;
  box-sizing: border-box;
  justify-content: space-between;
  border-bottom: 1px solid var(--EDEDED-262629);
}
.article-label-filter .article-label[data-v-09a307da] {
  font-size: 20px;
  color: var(--222222-E6E6EA);
}
.article-label-filter .article-filter .item[data-v-09a307da] {
  margin-left: 20px;
  color: #919191;
  cursor: pointer;
  font-size: 14px;
}
.article-label-filter .article-filter .active-type[data-v-09a307da] {
  color: var(--222222-E6E6EA);
}

/*
*个人中心白色版本
*
*/
.article-list-wrapper[data-v-77e78fa4] {
  display: flex;
  justify-content: center;
  max-width: 1200px;
  margin: auto;
  width: 100%;
  gap: 27px;
}
.article-list-wrapper .left[data-v-77e78fa4] {
  flex: 1;
}
.article-list-wrapper .left .article-list-label[data-v-77e78fa4] {
  background-color: var(--FFFFFF-202024);
  border-radius: 10px;
}
.article-list-wrapper .left .article-list-label .article-list[data-v-77e78fa4] {
  padding: 0 30px;
  box-sizing: border-box;
}
.article-list-wrapper .left .article-list-label .article-list .article-item[data-v-77e78fa4] {
  display: flex;
  padding: 30px 0;
  box-sizing: border-box;
  border-bottom: 1px solid var(--F2F3F6-262629);
  cursor: pointer;
}
.article-list-wrapper .left .article-list-label .article-list .article-item[data-v-77e78fa4]:last-child {
  border-bottom: none;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .cover-wrapper[data-v-77e78fa4] {
  width: 29.6385542%;
  margin-right: 30px;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .cover-box[data-v-77e78fa4] {
  width: 100%;
  padding-top: 71.55%;
  position: relative;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .cover-box .cover[data-v-77e78fa4] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  position: absolute;
  inset: 0;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info[data-v-77e78fa4] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .title[data-v-77e78fa4] {
  font-size: 18px;
  color: var(--222222-E6E6EA);
  line-height: 1.2;
  text-align: left;
  transition: all 0.2s;
  cursor: pointer;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .title[data-v-77e78fa4]:hover {
  color: #ff5066;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .desc[data-v-77e78fa4] {
  font-size: 12px;
  color: #919191;
  line-height: 1.5;
  margin-top: 19px;
  text-align: left;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .date-view-repay-like > div[data-v-77e78fa4] {
  margin-right: 8.6642599%;
  font-size: 12px;
  color: #919191;
  min-width: 40px;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .date-view-repay-like > div[data-v-77e78fa4]:last-child {
  margin-right: 0;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .date-view-repay-like > div img[data-v-77e78fa4] {
  margin-right: 10px;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .date-view-repay-like > div .icon-date[data-v-77e78fa4],
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .date-view-repay-like > div .icon-reply[data-v-77e78fa4],
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .date-view-repay-like > div .icon-like[data-v-77e78fa4] {
  width: 14px;
  height: 14px;
}
.article-list-wrapper .left .article-list-label .article-list .article-item .article-info .date-view-repay-like > div .icon-view[data-v-77e78fa4] {
  width: 18px;
  height: 12px;
}
.article-list-wrapper .left .pagination[data-v-77e78fa4] {
  margin: 36px auto 51px;
}
.article-list-wrapper .right[data-v-77e78fa4] {
  width: 290px;
}
.article-list-wrapper .right .right-wrapper[data-v-77e78fa4] {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


/*# sourceMappingURL=about.b41633c8.css.map*/