/* header部分 */
.dj-header-box {
  background-image: url(../images/bg-index-header.png);
  background-size: 0.0133rem 5.72rem;
  background-repeat: repeat-x;
  height: 7.1467rem;
}
.dj-header-box .dj-header-box_top {
  display: flex;
  padding: 0.5067rem 0.4533rem 0.44rem 0.48rem;
  justify-content: space-between;
  align-items: flex-end;
}
.dj-header-box .dj-header-box_top img {
  width: 8.04rem;
  height: 1.2133rem;
  vertical-align: bottom;
}
.dj-header-box .dj-header-box_top span {
  font-family: FZLTZHUNHK--GBK1-0;
  font-size: 0.48rem;
  color: #ffea8e;
  letter-spacing: 0.064rem;
}
/* 轮播图部分 */
.swiper-container {
  width: 9.1467rem;
  height: 4.8rem;
  margin: 0 auto;
  position: relative;
}
.swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.16rem;
}
.swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 0.16rem;
}
.swiper-container .swiper-wrapper .swiper-slide video {
  width: 100%;
}
.swiper-container .swiper-pagination-bullet {
  display: inline-block;
  width: 0.5333rem;
  height: 0.0533rem;
  margin: 0 0.1067rem;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 0;
  bottom: 0.1333rem;
  left: 0;
}
/* 主体部分 */
.dj-main-box {
  /* 提取模块公共部分start */
  /* tab切换选项卡 */
  /* 主标题前的红色竖线 */
  /* 列表封面图 */
  /* 提取模块公共部分end */
}
.dj-main-box .layui-tab {
  margin: 0;
}
.dj-main-box .layui-tab-title_box {
  margin: 0.4rem 0 0 0;
}
.dj-main-box .layui-tab-title_box .layui-tab-title {
  height: 1.3333rem;
  padding: 0 0.44rem 0 0.44rem;
  box-sizing: border-box;
  border-bottom: 0.0133rem solid #dadada;
  overflow-x: scroll;
  /* 隐藏滚动条 */
}
.dj-main-box .layui-tab-title_box .layui-tab-title::-webkit-scrollbar {
  display: none;
}
.dj-main-box .layui-tab-title_box .layui-tab-title li {
  line-height: 1.0667rem;
  font-size: 0.4267rem;
  margin: 0 0.1733rem;
  padding: 0;
  min-width: auto;
  font-family: PingFangSC-Regular;
}
.dj-main-box .layui-tab-title_box .layui-tab-title li:first-child {
  margin-left: 0;
}
.dj-main-box .layui-tab-title_box .layui-tab-title li:last-of-type {
  margin-right: 0;
}
.dj-main-box .layui-tab-title_box .layui-tab-title .layui-tab-bar {
  display: none;
}
.dj-main-box .layui-tab-title .layui-this {
  color: #c61b00;
}
.dj-main-box .layui-tab-title .layui-this:after {
  content: "";
  width: 74%;
  height: 1.2rem;
  left: 50%;
  border-bottom: 0.054rem solid #c61b00;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  transform: translate(-50%);
}
.dj-main-box .dj-tabcontent-title {
  font-size: 0.48rem;
  color: #333;
  font-weight: bold;
  position: relative;
  margin-left: 0.4267rem;
}
.dj-main-box .dj-tabcontent-title::before {
  content: " ";
  width: 0.1067rem;
  height: 0.4rem;
  background-color: #d80710;
  position: absolute;
  top: 0.1867rem;
  left: -0.4267rem;
}
.dj-main-box .dj-tabcontent-box_list--pic img {
  width: 2.9333rem;
  border-radius: 0.1333rem;
}
.dj-main-box .layui-tab-content {
  padding: 0.4267rem;
  position: relative;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box {
  /* 党务培训 */
  /* 百家示范、案例选树(征集)、党建宣传 */
  /* 案例选树(投票) */
  /* 案例选树(展播)、生态赋能 */
}
.dj-main-box .layui-tab-content .dj-tabcontent-box:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title a {
  font-size: 0.32rem;
  color: #666;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title a span {
  margin-right: 0.08rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_title a img {
  width: 0.24rem;
  height: 0.1333rem;
  transform: rotate(270deg);
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info {
  margin-left: 0.4267rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info h2 {
  font-size: 0.4267rem;
  color: #333;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo {
  display: flex;
  align-items: flex-end;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-tag {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0.0267rem 0.1067rem 0 0.1067rem;
  font-size: 0.2667rem;
  color: #c61b00;
  background: #fffdfd;
  border: 0.0133rem solid #c61b00;
  border-radius: 0.08rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-view {
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-view img {
  width: 0.3733rem;
  padding-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--courseinfo .dj-tabcontent-box_list--courseinfo-view span {
  font-size: 0.24rem;
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:first-child {
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:first-child img {
  width: 0.3733rem;
  margin-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:first-child span {
  font-size: 0.24rem;
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--studyinfo div:last-child {
  font-size: 0.24rem;
  color: #333;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--dwpx .dj-tabcontent-box_list--info .dj-tabcontent-box_list--libraryinfo {
  font-size: 0.32rem;
  color: #444;
  line-height: 0.4rem;
  margin-top: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc {
  margin-bottom: 0.5867rem;
  display: block;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo span,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo span,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo span {
  font-size: 0.32rem;
  display: inline-block;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo span:first-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo span:first-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo span:first-child {
  color: #d3060f;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf .dj-tabcontent-box_list--fzinfo span:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj .dj-tabcontent-box_list--fzinfo span:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc .dj-tabcontent-box_list--fzinfo span:last-child {
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--bjsf h2,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zj h2,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--djxc h2 {
  font-size: 0.4267rem;
  color: #000;
  margin-top: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp {
  display: flex;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info {
  max-width: 3.7333rem;
  margin: 0 0.4267rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info h2 {
  width: 100%;
  font-size: 0.4267rem;
  color: #333;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp {
  display: flex;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div {
  font-size: 0.24rem;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:first-child {
  color: #8b6365;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:first-child img {
  width: 0.3733rem;
  vertical-align: middle;
  padding-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:last-child {
  color: #d3060f;
  margin-left: 0.2133rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--info .dj-tabcontent-box_list--tp div:last-child img {
  width: 0.24rem;
  vertical-align: middle;
  padding-right: 0.16rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--btn {
  z-index: 1;
  font-size: 0.32rem;
  color: #d3060f;
  text-align: center;
  display: flex;
  align-items: center;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_tp .dj-tabcontent-box_list--btn span {
  display: inline-block;
  border: 0.0133rem solid #d80710;
  border-radius: 0.4533rem;
  padding: 0.08rem 0.2667rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb:last-child,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn:last-child {
  margin-bottom: 0;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb .dj-tabcontent-box_list--info,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn .dj-tabcontent-box_list--info {
  margin-left: 0.4267rem;
  position: relative;
  color: #333;
  flex: 1;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb .dj-tabcontent-box_list--info h2,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn .dj-tabcontent-box_list--info h2 {
  font-size: 0.4267rem;
}
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--alxs_zb .dj-tabcontent-box_list--info h3,
.dj-main-box .layui-tab-content .dj-tabcontent-box .dj-tabcontent-box_list--stfn .dj-tabcontent-box_list--info h3 {
  font-size: 0.32rem;
  margin-top: 0.16rem;
}
/* 公共页脚部分 */
.dj-footer-box--fix {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.dj-footer-box--notfix {
  position: relative;
}
.dj-footer-box {
  min-width: 4.2667rem;
  max-width: 10rem;
  z-index: 1;
}
.dj-footer-box .dj-footer-t {
  width: 100%;
  height: 2.8267rem;
  background: #f5f2eb;
  padding: 0.4267rem 0.96rem 0.16rem 0.4267rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  display: none;
}
.dj-footer-box .dj-footer-t .dj-footer-t_l h2 {
  font-size: 0.32rem;
  color: #af0108;
  margin-bottom: 0.2667rem;
}
.dj-footer-box .dj-footer-t .dj-footer-t_l p {
  font-size: 0.2667rem;
  color: #666;
  line-height: 0.5333rem;
}
.dj-footer-box .dj-footer-t .dj-footer-t_r {
  text-align: center;
}
.dj-footer-box .dj-footer-t .dj-footer-t_r h2 {
  font-size: 0.32rem;
  color: #af0108;
  margin-bottom: 0.1067rem;
}
.dj-footer-box .dj-footer-t .dj-footer-t_r img {
  width: 1.68rem;
  height: 1.7067rem;
}
.dj-footer-box .dj-footer-b {
  width: 100%;
  background: #b11706;
  padding: 0.16rem 0;
  box-sizing: border-box;
}
.dj-footer-box .dj-footer-b p {
  opacity: 0.8;
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
  line-height: 0.32rem;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a:last-child {
  display: flex;
  align-items: center;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a span {
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
  line-height: 0.32rem;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a span:first-child {
  margin-right: 0.1333rem;
}
.dj-footer-box .dj-footer-b p.dj-footer-b--copyright a img {
  width: 0.2667rem;
  height: 0.2667rem;
  margin-right: 0.0533rem;
}
/* 除首页以外的所有页面的公共头部 */
.dj-header-box {
  background-image: none;
  background-color: #9bbbff;
  height: 1.3333rem;
  position: relative;
}
.dj-header-box .dj-header-box-content {
  height: 1.3333rem;
  line-height: 1.3333rem;
  border-bottom: none;
  box-sizing: border-box;
}
.dj-header-box .dj-header-box-content .dj-header-box_logo {
  width: 0.8533rem;
  height: 0.8533rem;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0.2667rem 0 0 0.4267rem;
}
.dj-header-box .dj-header-box-content .dj-header-box_logo img {
  width: 0.56rem;
  height: 0.5067rem;
  border: 0.2rem solid rgba(0, 0, 0, 0);
}
.dj-header-box .dj-header-box-content h1 {
  font-family: FZLTZHUNHK--GBK1-0;
  font-size: 0.48rem;
  color: #01489f;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0.1067rem;
  transform: translate(-50%);
  max-width: 5.7867rem;
}
/* 主体部分 */
.dj-main-box {
  width: 100%;
  /* section one 红承基地*/
  /* section two 特色功能区*/
  /*section three 体系优势*/
}
.dj-main-box .dj-hc-base {
  width: 100%;
  height: 6.2533rem;
  margin: 0 auto;
  background: url(../images/bg-hcjd-1.jpg) no-repeat;
  background-size: 100% 6.2533rem;
  background-position: center center;
}
.dj-main-box .dj-feature-ability {
  width: 100%;
  height: 5.3333rem;
  margin: 0 auto;
  background: url(../images/bg-hcjd-2.jpg) no-repeat;
  background-size: 100% 6.2533rem;
  background-position: center center;
}
.dj-main-box .dj-system-advantage {
  width: 100%;
  background: #fff;
  text-align: center;
}
.dj-main-box .dj-system-advantage .dj-content .dj-system-title {
  padding: 0.6667rem 0 0 0;
}
.dj-main-box .dj-system-advantage .dj-content .dj-system-advantage--fourarea ul li {
  width: 9.1467rem;
  box-sizing: border-box;
  border: 1px solid #c8d8e7;
  border-radius: 0.1067rem;
  background: #fff;
  margin: 0.3467rem auto;
}
.dj-main-box .dj-system-advantage .dj-content .dj-system-advantage--fourarea ul li .dj-system-advantage--fourarea_t {
  color: #000;
  padding: 0.2667rem 0.2667rem 0.16rem 0.2667rem;
  background: #fff;
  border-top-left-radius: 0.1067rem;
  border-top-right-radius: 0.1067rem;
}
.dj-main-box .dj-system-advantage .dj-content .dj-system-advantage--fourarea ul li .dj-system-advantage--fourarea_t h5 {
  font-size: 0.3733rem;
}
.dj-main-box .dj-system-advantage .dj-content .dj-system-advantage--fourarea ul li .dj-system-advantage--fourarea_t p {
  font-size: 0.32rem;
  margin-top: 0.1067rem;
}
.dj-main-box .dj-system-advantage .dj-content .dj-system-advantage--fourarea ul li .dj-system-advantage--fourarea_b {
  background: rgba(200, 216, 231, 0.2);
  border-top: 0.0133rem solid #c8d8e7;
  font-size: 0.32rem;
  color: #01489f;
  padding: 0.2667rem;
  box-sizing: border-box;
  min-height: 2.8rem;
}
.dj-main-box .dj-system-advantage .dj-content .dj-system-advantage--fourarea ul li .dj-system-advantage--fourarea_b h5 {
  font-weight: bolder;
}
.dj-main-box .dj-system-advantage .dj-content .dx-system-advantage--sixarea ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.dj-main-box .dj-system-advantage .dj-content .dx-system-advantage--sixarea ul li {
  width: 4.4rem;
  border: 0.0133rem solid #c8d8e7;
  border-radius: 0.1067rem;
  color: #000;
  padding: 0.2667rem;
  box-sizing: border-box;
  margin-right: 0.3467rem;
  margin-bottom: 0.3467rem;
}
.dj-main-box .dj-system-advantage .dj-content .dx-system-advantage--sixarea ul li h1 {
  font-size: 0.3733rem;
}
.dj-main-box .dj-system-advantage .dj-content .dx-system-advantage--sixarea ul li p {
  margin-top: 0.16rem;
  font-size: 0.32rem;
  color: #000;
}