@import "../../plugins/layui/css/layui.css";
@import './dx-header.css';
@import './dx-footer.css';
@import './dx-current-focus.css';

/** 首页公共 */
.section-title {
  color: rgba(212, 7, 15, 1);
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.section-title:hover {
  color: rgba(212, 7, 15, 1) !important;
}
.section-title--icon {
  padding-left: 8px;
  position: relative;
  box-sizing: border-box;
}
.section-title--icon::before {
  content: " ";
  width: 4px;
  height: 80%;
  background-color: #D80710;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section-more--red {
  color: rgba(217, 15, 24, 1);
  font-size: 18px;
  display: flex;
  align-items: center;
}
.section-more--red:hover {
  color: rgba(217, 15, 24, 1);
}
.section-more--gray {
  font-size: 14px;
  color: rgba(102, 102, 102, 1);
}
.section-more--gray:hover{
  color: rgba(102, 102, 102, 1);
}

.dx-main {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #F9F4F1;
  /* background-image: url("../images/bg-index-left.png"),
  url("../images/bg-index-top.png"),
  url("../images/bg-index-right.png"),
  url("../images/bg-index-bottom.png");
  background-color: rgba(249, 246, 245, 1);
 background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 846px 710px, auto 1523px, 1275px 560px, auto 605px;
  background-position: left -20px top 1050px, center top, right -120px top 1630px, center bottom;*/
}
@media screen and (min-width: 1401px){
  .dx-main {
    background-position: left -140px top 1050px, center top, right -200px top 1630px, center bottom;  
  }
}
@media screen and (min-width: 1681px){
  .dx-main {
    background-position: left -20px top 1050px, center top, right 0px top 1630px, center bottom;  
  }
}
@media screen and (min-width: 1921px){
  .dx-main {
    background-position: left 0px top 1050px, center top, right 0px top 1630px, center bottom;  
  }
}
@media screen and (min-width: 2561px){
  .dx-main {
    background-position: left calc(((100% - 1200px)/2)) top 1050px, center top, right calc((100% - 1200px)/2) top 1630px, center bottom;  
  }
}

/* 轮播 */
.dx-main__carousel {
  display: flex;
  margin-top: 28px;
}
.dx-main__carousel .main-carousel__lf .carousel-item {
  /* position: relative; */
}
.dx-main__carousel .main-carousel__lf .carousel-item .image{
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 1;
  background-color: orange;
}
.dx-main__carousel .main-carousel__lf .carousel-item .title{
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 24px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: 16px 24px;
  box-sizing: border-box;
  z-index: 999;
}
.dx-main__carousel .main-carousel__indicator {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  height: 100%;
}
.dx-main__carousel .main-carousel__indicator .indicator {
  position: relative;
  background-color: #fff;
  padding: 0px 28px;
  box-sizing: border-box;
  width: 380px;
}
.dx-main__carousel .main-carousel__indicator .indicator::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(216, 7, 16, 1);
  /* background: linear-gradient(to right, #cf454c ,  #D80710); */
  height: 100%;
  width: 0;
  z-index: 0;
  transition: all 0.4s ease-in-out;
}
.dx-main__carousel .main-carousel__indicator .indicator-active::after {
  width: 100%;
}
.dx-main__carousel .main-carousel__indicator .indicator .title {
  font-size: 20px;
  color: rgba(26, 26, 26, 1);
  height: 82px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.dx-main__carousel .main-carousel__indicator .indicator .title::after {
  content: " ";
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: rgba(202, 202, 202, 1);
  bottom: 0;
  left: 0;
}
.dx-main__carousel .main-carousel__indicator .indicator:last-child .title::after {
  content: unset;
}
.dx-main__carousel .main-carousel__indicator .indicator-active .title {
  color: #fff;
}
.dx-main__carousel .main-carousel__indicator .indicator-active .title::after {
  background-color: transparent;
}


/** 党建征集-轮播 */
.collect-carousel {
  height: 120px;
  margin-top: 20px;
}
.collect-carousel .collect-carousel__item {
  /* position: relative; */
}
.collect-carousel .collect-carousel__item .image {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.collect-carousel .collect-carousel__item .active-title {
  width: 620px;
  font-size: 32px;
  /** padding-left: 56px;**/
  display: flex;
  align-items: center;
  height: 100%;
  color: rgba(255, 227, 124, 1);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  justify-content: center;
}
.collect-carousel .collect-carousel__item .active-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 450px;
  height: 100%;
  font-size: 18px;
  color: rgba(255, 227, 124, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 56px;
  box-sizing: border-box;
}
.collect-carousel .collect-carousel__item .active-content .active__sponsor {
  width: 400px;
}
.collect-carousel .collect-carousel__item .active-content .active__time {
  margin-top: 8px;
}


/** 案例投票 */
.dx-vote {
  margin-top: 32px;
}
.dx-vote .dx-vote__title {
  display: flex;
  justify-content: space-between;
}
.dx-vote .dx-vote__content {
  margin-top: 24px;
}
.dx-vote .dx-vote__content ul {
  display: flex;
  flex-wrap: wrap;
}
.case-card__item {
  width: 288px;
  height: 300px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 24px;
  overflow: hidden;
}
.case-card__item:not(:nth-child(4n)) {
  margin-right: calc(4% / 3);
}

.case-card__item .case-card__item-hd .image {
  width: 288px;
  height: 180px;
  border: none;
}
.case-card__item .case-card__item-bd {
  box-sizing: border-box;
  padding: 0px 25px;
}
.case-card__item .case-card__item-bd .title {
  font-size: 16px;
  font-weight: 500;
  color: rgba(26, 26, 26, 1);
  margin-top: 12px;
  display: block;
  width: 100%;
}
.case-card__item .case-card__item-bd .sub-title {
  font-size: 12px;
  color: rgba(68, 68, 68, 1);
  margin-top: 4px;
  display: block;
  width: 100%;
}
.case-card__item-bd .handle {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  align-items: center;
}
.case-card__item-bd .handle a {
  font-size: 14px;
  color: #AF0108;
}
.case-card__item-bd .handle .vote-num {
  font-size: 14px;
  color: #AF0108;
  display: flex;
}
.case-card__item-bd .handle span {
  align-self: center;
}
.case-card__item-bd .vote-num .image {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.case-card__item-bd .handle .view-num {
  color: rgba(139, 99, 101, 1);
  font-size: 14px;
  display: flex;
}
.case-card__item-bd .view-num .image {
  width: 24px;
  height: 16px;
	margin-right: 4px;
}
.case-card__item-bd .handle .vote-btn {
  width: 70px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100px;
  border: 1px solid #AF0108;
}

/** 案例展播 & 百家基层 */
.dx-case,.dx-base {
  overflow: hidden;
  background-color: #fff;
  float: left;
  padding: 24px 38px 24px 38px;
  box-sizing: border-box;
}
.dx-case {
  width: 386px;
  margin-right: 14px;
}

.dx-base {
  width: 800px;
}
.dx-case__title,.dx-base__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.dx-base__title {
  margin-bottom: 10px;
}
.dx-case__content {
  list-style: none;
  overflow: hidden;
  height: 330px;
}
.dx-case__content .dx-case__item {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
.dx-case__content .dx-case__item:last-of-type {
  margin-bottom: 0px;
}
.dx-case__item .date {
  width: 60px;
  height: 52px;
  margin-right: 8px;
  background: url("../images/icon-calendar.png") no-repeat center center / contain;
  text-align: center;
  color: #fff;
}
.dx-case__item .date .day {
  text-align: center;
  font-size: 19px;
  margin-top: 8px;
}
.dx-case__item .date .year {
  margin-top: -2px;
  font-size: 12px;
  transform: scale(0.65);
}
.dx-case__item .content {
  /* width: 442px; */
  width: 240px;
}
.dx-case__item .content .title {
  font-size: 16px;
  font-weight: 500;
  color: rgba(26, 26, 26, 1);
  display: inline-block;
  width: 100%;
}
.dx-case__item .content .author {
  color: rgba(68, 68, 68, 1);
  font-size: 12px;
  margin-top: 4px;
}
/** 百家基层 复写tab样式 */
.layui-tab .layui-tab-title {
  height: 42px;
  display: flex;
  background-color: rgba(245, 245, 245, 1);
}
.layui-tab .layui-tab-title li {
  /* margin-right: 4px; */
  margin-right: 9px;
  border-width: 0px;
  box-sizing: border-box;
  height: 40px;
  background-color: #fff;
  color: rgba(216, 7, 16, 1);
  /* padding: 0 18px; */
  padding: 0 4px;
  font-size: 16px;
  min-width: 89px;
}
.layui-tab .layui-tab-title li:last-of-type {
  margin-right: 0px;
}
.layui-tab .layui-tab-title .layui-this {
 color: #fff;
 height: 45px;
 background-color: rgba(216, 7, 16, 1);
}
.layui-tab-title .layui-this:after {
  content: none;
}
.dx-base__tab-content {
  padding: 0px;
}
/** 百家基层tabs： 轮播 
.dx-base__carousel {
  display: flex;
}
.dx-base__carousel {
  position: relative;
}
.dx-base__carousel .dx-base__carousel-lf .carousel-item .image{
  width: 100%;
  height: 100%;
  display: inline-block;
}

.dx-base__carousel-indicator {
  position: absolute;
  top: 0px;
  transform: translateX(-100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
*/
.dx-base__carousel-indicator .indicator:first-child {
  margin-top: 22px;
}
.dx-base__carousel-indicator .indicator {
  /* background-color: rgba(0, 0, 0, 0.7); */
  color: #fff;
  padding: 9px 13px;
  box-sizing: border-box;
  width: 100%;
  height: 61px;
}

.dx-base__carousel-indicator .indicator--more {
  /* background-color: rgba(255, 255, 255, 0.7); */
  /* height: 41px; */
  height: 41px;
  text-align: right;
  margin-top: 22px;
}
.dx-base__carousel-indicator .indicator-active {
  /* background-color: rgba(216, 7, 16, 0.7); */
  transition-property: all;
  transition-duration: 0.5;
}
.dx-base__carousel-indicator .indicator .title {
  font-size: 16px;
  /* color: #fff; */
  color: #000;
  width: 100%;
  display: inline-block;
  margin-top: 2px;
}
.dx-base__carousel-indicator .indicator--more .title {
  color: rgba(216, 7, 16, 1);
}
.dx-base__carousel-indicator .indicator .date {
  /* color: #fff; */
  color: rgba(211, 6, 15, 1);
  font-size: 16px;
}




/** 志愿者服务 & 干部进社区  & 新闻资讯 */
.dx-livelihood {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  flex-wrap: wrap;
}
.dx-livelihood .dx-livelihood__wrapper {
  /* width: 391px; */
  width: 594px;
  /* height: 371px; */
  height: 382px;
  box-sizing: border-box;
  padding: 24px 38px 0 38px;
  background-color: #fff;
  /* margin-bottom: 20px; */
  margin-bottom: 12px;
}
.dx-livelihood .dx-livelihood__wrapper:nth-of-type(3) {
  background: url("../images/bg-news-last.jpg") no-repeat center center / contain;
}
.dx-livelihood .dx-livelihood__wrapper:nth-of-type(4) {
  background: url("../images/bg-news-last1.jpg") no-repeat center center / contain;
}
.dx-livelihood__wrapper .dx-livelihood__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dx-livelihood__wrapper .dx-livelihood__content {
  margin-top: 21px;
  list-style: none;
  overflow: hidden;
  /* height: 254px; */
}
.dx-livelihood__wrapper .dx-livelihood__item {
  margin-bottom: 18px;
  font-size: 16px;
}

.dx-livelihood__wrapper .dx-livelihood__item:last-of-type {
  margin-bottom: 0;
}

.dx-livelihood__wrapper .dx-livelihood__item .date {
  color: rgba(211, 6, 15, 1);
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dx-livelihood__wrapper .dx-livelihood__item .title {
  color: #000;
  display: block;
  width: 100%;
  font-size: 15px;
}
.dx-livelihood__wrapper .dx-livelihood__item .title-multiline {
  display: -webkit-box;
  height: 44px;
}
.dx-livelihood__wrapper:nth-of-type(3) .dx-livelihood__item,
.dx-livelihood__wrapper:last-of-type .dx-livelihood__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.dx-livelihood__wrapper:nth-of-type(3) .dx-livelihood__item .title,
.dx-livelihood__wrapper:last-of-type .dx-livelihood__item .title {
  width: 450px;
}

.dx-livelihood__wrapper:nth-of-type(3) .dx-livelihood__item .date,
.dx-livelihood__wrapper:last-of-type .dx-livelihood__item .date {
  width: 60px;
  text-align: center;
}

.dx-livelihood__wrapper:nth-of-type(3) .dx-livelihood__item .day,
.dx-livelihood__wrapper:last-of-type .dx-livelihood__item .day {
  font-size: 30px;
}

.dx-livelihood__wrapper:nth-of-type(3) .dx-livelihood__item .year,
.dx-livelihood__wrapper:last-of-type .dx-livelihood__item .year {
  margin-top: -2px;
  font-size: 12px;
  transform: scale(0.9);
}



/** 生态赋能 */
.dx-ecology-enable {
  margin-top: 18px;
}
.dx-ecology-enable .dx-ecology-enable__title {
  display: flex;
  justify-content: space-between;
}
.ecology-enable-card__content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 26px;
}
.ecology-enable-card__item {
  width: 389px;
  height: 342px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
}
.ecology-enable-card__item:not(:nth-child(3n)) {
  margin-right: calc(4% / 3);
}

.ecology-enable-card__item .ecology-enable-card__item-hd .image {
  width: 100%;
  height: 240px;
}
.ecology-enable-card__item .ecology-enable-card__item-bd {
  box-sizing: border-box;
  padding: 0px 25px;
}
.ecology-enable-card__item .ecology-enable-card__item-bd .title {
  font-size: 16px;
  font-weight: 500;
  color: rgba(26, 26, 26, 1);
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
.ecology-enable-card__item .ecology-enable-card__item-bd .title .text {
  max-width: calc(100% - 90px);
}
.ecology-enable-card__item .ecology-enable-card__item-bd .title .view-all {
  font-size: 12px;
  color: #AF0108;
}
.ecology-enable-card__item .ecology-enable-card__item-bd .sub-title {
  font-size: 12px;
  color: rgba(68, 68, 68, 1);
  margin-top: 6px;
  width: 100%;
}

/** 线上授课 & 国学视频 */
.dx-online {
  overflow: flow;
  display: flex;
  margin-top: 20px;
}
.dx-online .online-statistics {
    width: 656px;
    background: url(../images/bg-online-class.png) no-repeat center center;
    background-size: 100% 100%;
    height: 456px;
    box-sizing: border-box;
    padding: 30px 38px;
    margin-right: 10px;
}
.dx-online .online-statistics__content {
  margin-top: 24px;
}
.online-statistics__content .title {
  color: rgba(121, 84, 85, 1);
  font-size: 16px;
  font-weight: 300;
  position: relative;
  text-align: center;
}
.online-statistics__content .title::before {
  content: " ";
  position: absolute;
  left: 25px;
  top: 50%;
  height: 1px;
  width: 178px;
  background-color: rgba(106, 0, 5, 0.2);
}
.online-statistics__content .title::after {
  content: " ";
  position: absolute;
  right: 25px;
  top: 50%;
  height: 1px;
  width: 178px;
  background-color: rgba(106, 0, 5, 0.2);
}
.online-statistics__content .statistics-box {
  margin-top: 54px;
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.online-statistics__content .statistics-box__item {
  font-size: 46px;
  text-align: center;
  color: rgba(212, 7, 15, 1);
  width: 33%;
  position: relative;
}
.online-statistics__content .statistics-box__item:not(:nth-child(3n))::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 58px;
  background-color: rgba(106, 0, 5, 0.2);
}
.online-statistics__content .statistics-box__item .desc {
  font-size: 16px;
  color: rgba(121, 84, 85, 1);
  margin-left: -28px;
}
.online-statistics__content .statistics-box__item .unit {
  font-size: 28px;
  margin-left: -10px;
}
.online-statistics__content .statistics-box2 {
  margin-top: 54px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  box-sizing: border-box;
  padding: 0px 30px;
}
.online-statistics__content .statistics-box2__item {
  font-size: 28px;
  color: rgba(121, 84, 85, 1);
  width: 50%;
  text-align: center;
}
.online-statistics__content .statistics-box2__item .desc {
  font-size: 16px;
}
.online-statistics__content .statistics-box2__item .unit {
  font-size: 17px;
  margin-left: -8px;
}
.dx-online .online-video {
 /* width: calc(100% - 668px);*/
  width:534px;
  overflow: hidden; /**bfc*/
}
.dx-online .online-video .online-video__tab {
  margin: 0px;
}
.online-video .online-video__tab .online-video__tab-title {
  border-bottom-width: 0px;
}
.online-video .online-video__tab .online-video__tab-title li {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  margin-right: 8px;
  width: 172px;
}
.online-video .online-video__tab .online-video__tab-title li:last-of-type {
  margin-right: 0px;
}
.online-video .online-video__tab-content {
  padding: 0;
}
.online-video .online-video__tab-content .more {
  font-size: 18px;
  line-height: 49px;
  text-align: center;
  display: block;
  color: rgba(217, 15, 24, 1);
  background-color: #fff;
}
.online-video .online-video__card-box {
  overflow: hidden; /*bfc*/
  margin-top: 0;
}
.online-video .online-video__card-box .online-video__card {
  width: 264px;
  height: 180px;
  float: left;
  position: relative;
}
.online-video .online-video__card-box .online-video__card .image{
  width: 265px;
  height: 180px;
}
.online-video .online-video__card-box .online-video__card .title {
  font-size: 14px;
  color: #fff;
  width: 100%;
  line-height: 43px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
	 padding: 0 15px;
  box-sizing: border-box;
}

.online-video .online-video__card-box .online-video__card:not(:nth-child(2n)) {
  margin-right: 4px;
}
.online-video .online-video__card-box .online-video__card:nth-child(1) {
  margin-bottom: 4px;
}
.online-video .online-video__card-box .online-video__card:nth-child(2) {
  margin-bottom: 4px;
}

/** 线下教育学习 */
.dx-edu__title {
  display: flex;
  justify-content: space-between;
}
.edu-card__content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 17px;
}
.edu-card__item {
  width: 288px;
  height: 298px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
}
.edu-card__item--person {
  height: 364px;
}
.edu-card__item:not(:nth-child(4n)) {
  margin-right: calc(4% / 3);
}

.edu-card__item .edu-card__item-hd .image {
  width: 288px;
  height: 180px;
}
.edu-card__item--person .edu-card__item-hd .image {
  height: 248px;
}
.edu-card__item .edu-card__item-bd {
  box-sizing: border-box;
  padding: 0px 25px;
}
.edu-card__item .edu-card__item-bd .title {
  font-size: 16px;
  font-weight: 500;
  color: rgba(26, 26, 26, 1);
  margin-top: 20px;
  width: 100%;
}
.edu-card__item .edu-card__item-bd .user-name {
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin-top: 14px;
}
.edu-card__item .edu-card__item-bd .sub-title {
  font-size: 12px;
  color: rgba(68, 68, 68, 1);
  margin-top: 4px;
  display: inline-block;
  max-width: 100%;
}
.edu-card__item .edu-card__item-bd .introduce {
  text-align: center;
  width: 100%;
  margin-top: 0px;
}
.edu-card__item-bd .handle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edu-card__item-bd .handle a {
  font-size: 14px;
  color: #AF0108;
}
.edu-card__item-bd .handle .view-num {
  color: rgba(139, 99, 101, 1);
  font-size: 14px;
  display: flex;
}
.edu-card__item-bd .view-num .image {
  width: 24px;
  height: 16px;
  margin-right: 4px;
}
/** 优秀教师履历 */
.dx-fine-resume {
  margin-top: 8px;
}
.dx-fine-resume .dx-fine-resume__title {
  display: flex;
  justify-content: space-between;
}
.dx-fine-resume .swiper-button-prev {
  margin-left: -10px;
}
.dx-fine-resume .swiper-button-next {
  margin-right: -10px;
}
.dx-fine-resume .swiper-button-item {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: 24px;
}
.dx-fine-resume .fine-resume__item {
  width: 233px !important;
  height: 290px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
  margin-right: 9px;
  cursor: pointer;
}

.dx-fine-resume .fine-resume__item .fine-resume__item-hd .image {
  width: 233px;
  height: 199px;
}
.dx-fine-resume .fine-resume__item .fine-resume__item-bd {
  box-sizing: border-box;
  padding: 0px 20px;
}
.dx-fine-resume .fine-resume__item .fine-resume__item-bd .title {
  font-size: 17px;
  font-weight: 500;
  color: rgba(26, 26, 26, 1);
  margin-top: 12px;
  max-width: 100%;
}
.dx-fine-resume .fine-resume__item .fine-resume__item-bd .user-name {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.dx-fine-resume .fine-resume__item .fine-resume__item-bd .sub-title {
  margin-top: -4px;
}
.dx-fine-resume .fine-resume__item .fine-resume__item-bd .sub-title span {
  position: relative;
  font-size: 12px;
  color: rgba(68, 68, 68, 1);
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  transform: scale(0.8);
  text-align: center;
}
.dx-fine-resume .fine-resume__item-bd .handle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dx-fine-resume .fine-resume__item-bd .handle a {
  font-size: 14px;
  color: #AF0108;
}
.dx-fine-resume .fine-resume__item-bd .handle .view-num {
  color: rgba(139, 99, 101, 1);
  font-size: 14px;
  display: flex;
}
.dx-fine-resume .fine-resume__item-bd .view-num .image {
  width: 24px;
  height: 16px;
  margin-right: 4px;
}
.swiper-button-next, .swiper-button-prev {
  margin-top: -45px;
}