html {
  overflow-y: scroll
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}

.mr45 {
  margin-right: 45px;
}

.mr40 {
  margin-right: 40px;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.dp-flex {
  display: flex;
}

.w1200 {
  width: 1200px;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

.none {
  display: none !important;
}

.cont-jspd-main.none2,
.item-cont.none2 {
  display: none;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

body>.container {
  min-height: calc(100vh - 510px);
}

.header {
  /*height: 140px;*/
  width: 100%;
  box-shadow: 0px 3px 12px rgb(107, 107, 107, 0.11);
}

.header .logo {
  padding-top: 29px;
  padding-bottom: 10px;
}

.header .logo img {
  width: 388px;
}

.link-text {
  width: 240px;
  height: 22px;
  border: 1px solid rgb(169, 169, 169);
  float: right;
  cursor: default;
  padding-left: 3px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

.link-text span {
  float: right;
}

.header-links-new {
  position: relative;
}

.header-links-new ul {
  display: none;
  position: absolute;
  width: 240px;
  right: 0px;
  top: 21px;
  border: 1px solid rgb(169, 169, 169);
  background-color: #fff;
  cursor: default;
  z-index: 10;
}

.header-links-new ul li {
  padding-left: 3px;
  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

.header-links-new ul li:hover {
  background-color: #007aff;
  color: #fff;
}

.header .links {
  margin-top: 40px;
}

.header .links select {
  width: 240px;
  height: 22px;
}

.header .search {
  display: table;
  *display: block;
  *float: right;
  width: 332px;
  height: 35px;
  border: 1px solid #b8b8b8;
  border-radius: 20.5px;
  margin-top: 34px;
}

.header .search i {
  font-size: 24px;
  color: #737373;
  float: left;
  padding-top: 5px;
}

.header .search .search-classify {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  margin-bottom: 0;
  width: 72px;
  line-height: 35px;
  font-size: 18px;
  text-align: center;
  border-radius: 3px;
}

.header .search .search-classify .value-btn {
  font-size: 16px;
  color: #4c4c4c;
}

.header .search .search-classify>p {
  /*height: 30px;*/
  border-right: 1px solid #251b17;
  cursor: pointer;
}

.header .search>input {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  width: 289px;
  *width: 396px;
  height: 35px;
  margin-bottom: 0;
  /* padding: 0 16px; */
  line-height: 35px;
  font-size: 14px;
  background: transparent;
  color: #a5a5a5;
  padding-left: 30px;
}

.header .search>input::-webkit-input-placeholder {
  color: #a5a5a5;
}

.header .search>input::-moz-input-placeholder {
  color: #a5a5a5;
}

.header .search>input::-ms-input-placeholder {
  color: #a5a5a5;
}

.header .search>input::placeholder {
  color: #a5a5a5;
}

.header .search>span {
  display: table-cell;
  *display: block;
  width: 90px;
  *width: 109px;
  height: 40px;
  font-size: 18px;
  font-family: "PingFang SC";
  line-height: 1;
  *line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #251b17;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}


.header .nav>ul {
  width: 1200px;
  height: 58px;
  margin: 0 auto;
  font-size: 0;
  display: flex;
}

.header .nav>ul>li {
  display: inline-block;
  *display: inline;
  /* width: 174px; */
  _height: 58px;
  zoom: 1;
  font-size: 18px;
  text-align: center;
  flex: 1;
  text-align: center;
}

.header .nav>ul>li>a {
  color: #5c5c5c;
}

.header .nav>ul>li:hover {
  background: #5889e4;
}

.header .nav>ul>li:hover a {
  color: #fff;
  font-weight: 500;
}

.header .nav>ul>li:first-child {
  /* width: 153px; */
}

.header .nav>ul>li.check {
  background: #5889e4;
}

.header .nav>ul>li.check a {
  color: #fff;
  font-weight: 500;
}

.header .nav>ul>li.check a {
  border: 0;
}

.header .nav>ul>li>a {
  display: block;
  width: 100%;
  line-height: 58px;
}

.header .nav>ul>li:last-child>a {
  border: 0;
}

/*头部搜索*/

.search-classify {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.search-classify>button {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}

.search-classify>button {
  background: url(../img/search_icon_line.png) right center no-repeat;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.search-classify>button>span img {
  display: block;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: -4px;
  margin-left: -5px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.open>.dropdown-menu {
  /*display: block;*/
}

.dropdown-menu {
  background: #ffffff;
  border-left: 1px solid #251b17;
  border-right: 1px solid #251b17;
  border-bottom: 1px solid #251b17;
  position: absolute;
  top: 38px;
  left: -1px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100px;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

.dropdown-menu li:hover {
  background: #ebebeb;
}

.dropdown-menu li.on {
  background: #ebebeb;
}

.dropdown-menu li {
  font-size: 18px;
}

/*首页分类布局结构*/

.slide {
  float: left;
  width: 267px;
  margin-right: 25px;
}

.rcont {
  overflow: hidden;
}

/*栏目页左右布局结构*/

.w300 {
  width: 300px;
}

.w854 {
  width: 854px;
}

.w267 {
  width: 267px;
}

.w893 {
  width: 893px;
}

.cont-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  justify-content: center;
  /* overflow: hidden; */
}

.cont-title {
  border-bottom: 2px solid #d9d9d9;
  overflow: hidden;
  width: 100%;
}

.cont-title>p>img {
  display: block;
  margin: 7px 0;
}

.cont-title>p {
  float: left;
  height: 100%;
  color: #4c4c4c;
  font-size: 24px;
  font-weight: 400;
}

.cont-classfy {
  /* box-shadow:0px 10px 10px -4px rgba(223,223,223,0.21); */
}

.cont-classfy,
.cont-kbjd,
.cont-jcjd {
  width: 100%;
}

.cont-cont {
  flex: 1;
  min-height: 240px;
}

.cont-main {
  flex: 1;
}

.cont-main,
.cont-slide {
  float: left;
}

.books .cont-main {
  margin-left: 40px;
}

.news .cont-main {
  margin-right: 46px;
}

.downloadBooklist .cont-main {
  margin-right: 46px;
}

.downloadResource .cont-main {
  margin-left: 40px;
}

.detailBook .cont-main {
  margin-right: 46px;
}

.cont-main .authorlist {
  width: 854px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.cont-main .authorlist .author-item {
  width: 130px;
  height: 222px;
  margin-right: 50px;
  margin-bottom: 30px;
}

.cont-main .authorlist .author-item .author-img {
  width: 130px;
  height: 173px;
}

.cont-main .authorlist .author-item:nth-child(5n) {
  margin-right: 0;
}

.cont-main .authorlist .author-item .author-cont {
  padding-top: 5px;
}

.category-menu-list {
  position: relative;
  width: 267px;
  font-size: 16px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.09);
  z-index: 2;
}

.category-menu-list .first {
  height: 61.2px;
  padding: 18px 0 12px 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  background: url('../img/icon_bg_fl.png');
}

.category-menu-list .first>p {
  color: #fff;
}

.category-menu-list>li {
  /*line-height: 42px;*/
  font-size: 16px;
}

.category-menu-list>li>a {
  display: inline-block;
  position: relative;
  padding: 0px 14px 0px 27px;
  /*width: 100%;*/
  width: 224px;
  height: 40px;
  *height: 44px;
  line-height: 36px;
  border-top: 2px solid #f6f6f6;
  border-left: 2px solid #f6f6f6;
  border-right: 2px solid #f6f6f6;
  border-bottom: 2px solid #f6f6f6;
  border-right: none;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  background: #f6f6f6;
  box-sizing: content-box;
}

.category-menu-list>li>a>i {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.category-menu-list>li>a>i>img {
  display: block;
}

.category-menu-list>li>a>i,
.category-menu-list>li>a>font {
  vertical-align: middle;
}

.category-menu-list>li>a>span {
  position: absolute;
  right: 14px;
  top: 0;
}

.category-menu-list .on .second_list {
  display: block;
}

.second_list {
  font-size: 0;
}

.second_list>li>a>img {
  width: 20px;
  height: 22px;
  margin-right: 10px;
}

.second_list>li {
  display: block;
  height: 42px;
  color: #848484;
  font-size: 15px;
  line-height: 42px;
}

.second_list .on {
  background: #f6f9ff;
}

.second_list li:last-child {
  margin-bottom: 0;
}

.second_list>li.on>a {
  color: #5889e4;
  font-weight: 500;
}

.second_list>li>a {
  display: block;
  font-size: 14px;
  color: #372e2b;
  padding: 0 16px 0 14px;
  /*font-weight: bold;*/
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.second_list>li>a>font {
  margin-right: 10px;
}

.second_list>li.on .third_list {
  visibility: visible;
  opacity: 1;
}

.third_list {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 267px;
  width: 550px;
  min-height: 240px;
  padding: 30px 40px;
  font-size: 14px;
  color: #7d7d7d;
  border: 1px solid #d6d6d6;
  background: #fff;
  opacity: 0;
}

.third_list>li {
  line-height: 1.5;
  margin-bottom: 10px;
}

.third_list>li>a {
  line-height: 1;
  font-size: 15px;
  font-weight: 500;
  color: #5889e4;
}

.four_list>li {
  margin-top: 2px;
  overflow: hidden;
}

.four_list>li>a {
  display: inline-block;
  float: left;
  font-size: 13px;
  color: #372e2b;
  vertical-align: middle;
}

.four_list>li>font {
  display: inline-block;
  float: left;
  margin: 0 6px;
  vertical-align: middle;
  height: 19px;
}

.slide-ad {
  margin: 10px auto 0;
  background: #f6f6f6;
}

.slide-ad img {
  display: block;
  width: 100%;
  height: 100%;
}

.banner {
  width: 100%;
}

.swiper-banner .swiper-slide a {
  pointer-events: none;
}

.swiper-banner .swiper-slide img {
  width: 100%;
  max-width: none;
}

.pagination .swiper-pagination-bullet-active {
  background: #e40002;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border: 1px solid #fff;
  border-radius: 8px;
  background: #555;
  opacity: 0.8;
  cursor: pointer;
}

.swiper-active-switch {
  background: #fff;
}


.item-title {
  padding-bottom: 8px;
  border-bottom: 2px solid #d9d9d9;
  overflow: hidden;
}

.item-title>p {
  float: left;
  height: 100%;
  color: #4c4c4c;
  font-size: 24px;
  font-weight: 800;
  font-family: simsun;
}

.item-title>p>img {
  display: block;
  margin: 7px 0;
}

.item-title .item-more {
  float: right;
  margin-top: 12px;
}

.item-title .item-more a>font,
.item-title .item-more a>i {
  display: inline-block;
  vertical-align: middle;
}

/**/

/*新闻列表*/

.news {
  margin-top: 15px;
  overflow: hidden;
}

.news-img {
  float: left;
  margin-right: 29px;
}

.news-cont {
  overflow: hidden;
}

.news-img img {
  display: block;
  width: 358px;
  height: 263px;
}

.news-cont>a {}

.news-cont ul>li {
  border-bottom: 1px dashed #d0d0d0;
}

.news-cont ul>li>a {
  display: block;
  padding: 10px 0;
  *padding: 11px 0;
  overflow: hidden;
}

.news-cont ul>li:first-child>a {
  padding-top: 8px;
}

.news-cont ul>li>a>p {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.news-cont .news-conttit {
  width: 395px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-cont .news-conttime {
  width: 116px;
  font-size: 14px;
  text-align: right;
}

#bookslide {
  position: relative;
  overflow: hidden;
}

.bookslide .prev {
  position: absolute;
  left: 0;
  top: 120px;
  width: 20px;
  height: 60px;
  background: url(../img/icon/home_recommend_icon_left.png) left center no-repeat;
  z-index: 2;
}

.bookslide .next {
  position: absolute;
  right: 0;
  top: 120px;
  width: 20px;
  height: 60px;
  background: url(../img/icon/home_recommend_icon_right.png) right center no-repeat;
  z-index: 2;
}

.bookslide {
  position: relative;

  padding: 30px 14px 0;
}

.book-tw {
  padding: 0 40px 5px;
}

.book-tw {
  float: left;
  width: 50%;
  *width: 43%;
}

.book-tw-img {
  float: left;
  width: 180px;
  height: 241px;
  margin-right: 30px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.21);
}

.book-tw-cont {
  overflow: hidden;
  height: 241px;
}

.tw-title {
  font-weight: bold;
  font-size: 16px;
  color: #4c4c4c;
  margin-bottom: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tw-author {
  font-size: 14px;
  color: #4c4c4c;
  margin-bottom: 14px;
}

.tw-cont {
  color: #4c4c4c;
  max-height: 168px;
  font-size: 14px;
  font-weight: 400;
}

.book-tw img {
  width: 100%;
  height: 100%;
}

#bookslide .swiper-button-prev,
#bookslide .swiper-container-rtl .swiper-button-next {
  background-size: 15px;
  left: 0;
}

#bookslide .swiper-button-next,
#bookslide .swiper-container-rtl .swiper-button-prev {
  background-size: 15px;
  right: 0;
}

#bookslide .swiper-button-prev {
  background: url(../img/icon/home_recommend_icon_left.png) left center no-repeat;
}

#bookslide .swiper-button-next {
  background: url(../img/icon/home_recommend_icon_right.png) right center no-repeat;
}

/*dom书籍列表*/

.booklist {
  display: -webkit-flex;
  /* Safari */
  flex-wrap: wrap;
  width: 1200px;
  *width: 1270px;
  padding: 30px 8px 0;
  font-size: 0;
  margin: 0 0 -40px;
}

.book-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 180px;
  margin-right: 70px;
  margin-bottom: 40px;
}

.book-item:nth-child(5n) {
  margin-right: 0px;
}

.book-item .book-img {
  width: 180px;
  height: 241px;
}

.book-item .book-img img {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.21);
}

.book-item .book-img img:hover {
  transform: scale(1.03);
  transition: transform 0.3s;
}

.book-item .book-cont>p {
  padding-top: 21px;
  font-size: 16px;
  color: #4c4c4c;
  height: 69px;
  overflow: hidden;
}

/* 教材 */
.item-classfy {
  /* box-shadow:0px 10px 10px -4px rgba(223,223,223,0.21); */
}

.textbook-classfy {
  cursor: pointer;
  display: inline-block;
  margin: 0 40px;
  height: 58px;
  line-height: 58px;
  font-size: 16px;
  color: #4c4c4c;
  position: relative;
  font-weight: 400;
}

.textbook-classfy:hover {
  color: #d9202e;
}

.textbook-classfy.red {
  color: #d9202e;
}

.textbook-classfy.red::after {
  content: url(../img/icon/img_tab.png);
  position: absolute;
  left: 50%;
  margin-left: -38.5px;
  top: 22px;
}

.textbooklist {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
}

.textbook-item {
  width: 285px;
  height: 106px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.textbook-item .textbook-img {
  width: 285px;
  height: 106px;
  overflow: hidden;
}

.textbook-item:nth-child(4n) {
  margin-right: 0px;
}

.textbook-item:last-child {
  margin: 0px;
}

.textbook-cont {
  width: 285px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.45);
  position: relative;
  top: -36px;
}

.textbook-cont>p {
  color: #fff;
  font-size: 16px;
  padding: 7px 25px 7px 25px;
}

.textbooklist>.textbook-item:hover .textbook-cont {
  height: 106px;
  bottom: 106px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -106px;
}

/* 教师 */
.teacherlist {
  padding-top: 10px;
}

.teacher-item {
  width: 360px;
  height: 305px;
  padding: 8px;
  transition: box-shadow 1s;
  -moz-transition: box-shadow 1s;
  -webkit-transition: box-shadow 1s;
  -o-transition: box-shadow 1s;
}

.teacher-item:hover {
  box-shadow: 0px 4px 10px 0px rgba(142, 142, 142, 0.5);
}

.teacher-item .teacher-img>img {
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
}

.teacher-item:hover .teacher-img>img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.teacher-img {
  width: 344px;
  height: 192px;
  margin-bottom: 10px;
  overflow: hidden;
}

.teacher-img>img {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}

.teacher-cont {}

.teacher-cont>p {
  color: #181818;
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 400;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.teacherlist .swiper-teacher {
  width: 1140px;
  height: 330px;
  padding: 0 10px;
}

.teacherlist .swiper-slide {
  padding-top: 10px;
}

.teacherlist {
  position: relative;
  --swiper-navigation-size: 30px;
  /* 设置按钮大小 */
}

/* 新书 */
.newBooklist {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.newBook-item {
  width: 270px;
  height: 347px;
  background-color: #F4F4F4;
}

.newBook-item:hover .newBook-img>img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.newBook-img {
  width: 266px;
  height: 266px;
  margin: 2px 2px 0;
  overflow: hidden;
  background-color: #fff;
}

.newBook-img>img {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}

.newBook-cont {
  padding: 10px 24px 18px;
  background-color: #f4f4f4;
}

.newBook-cont>p {
  color: #373737;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.newBook-cont>p:first-child {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}

/*dom面包屑*/

.breadcrumb {
  width: 100%;
  line-height: 1;
  /*height: 30px;*/
  /*line-height: 30px;*/
}

.breadcrumb a,
.breadcrumb span {
  font-size: 14px;
  color: #4c4c4c;
}

/*推荐*/

.more {
  position: relative;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}

.more-title {
  padding: 15px 31px;
  color: #4c4c4c;
  font-size: 20px;
  font-weight: 500;
  overflow: hidden;
}

.more-book {
  height: 669px;
  *height: 600px;
  margin: 0 20px;
  overflow: hidden;
}

.whitedom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  background: #fff;
  z-index: 2;
}

.book-tujian {
  height: 118px;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.book-tujian-img {
  float: left;
  margin-right: 27px;
  width: 76px;
  height: 102px;
}

.book-tujian-img img {
  display: block;
  width: 100%;
}

.book-tujian-cont {
  position: relative;
  overflow: hidden;
  height: 102px;
}

.tujian-cont-title {
  font-size: 16px;
  font-weight: 500;
  color: #4c4c4c;
  margin-bottom: 6px;
}

.tujian-cont-price {
  position: absolute;
  bottom: 0;
}

.more-button-next {
  position: absolute;
  top: 18px;
  right: 32px;
  width: 24px;
  height: 24px;
  background: url(../img/slide_icon_right.png) no-repeat;
  cursor: pointer;
}

.more-button-prev {
  position: absolute;
  top: 18px;
  right: 60px;
  width: 24px;
  height: 24px;
  background: url(../img/slide_icon_left.png) no-repeat;
  cursor: pointer;
}

/*新闻列表*/

.newsitem {
  overflow: hidden;
  padding: 15px 0 21px;
  border-bottom: 1px dashed #d0d0d0;
}

.newsitem-img {
  float: left;
  width: 156px;
  height: 114px;
  margin-right: 60px;
}

.newsitem-cont {
  overflow: hidden;
}

.newsitem-img img {
  width: 100%;
  height: 100%;
}

.newsitem-cont .newsitem-cont-title {
  color: #251b17;
  font-size: 16px;
  font-weight: 500;
}

.newsitem-cont .newsitem-cont-title>p,
.newsitem-cont .newsitem-cont-time>p,
.newsitem-cont .newsitem-cont-des>p {
  color: #251b17;
}

.newsitem-cont .newsitem-cont-time>p {
  height: 21px;
  overflow: hidden;
}

.newsitem-cont-des {
  margin-top: 10px;
  height: 61px;
  overflow: hidden;
}

.newsitem-cont-des>p {
  cursor: default;
}

/*新闻详情*/

.detail-title>p {
  color: #4c4c4c;
  font-size: 20px;
  font-weight: 500;
}

.detail-time {
  margin-top: 4px;
}

.detail-time>p {
  color: #787878;
}

.detail-cont {
  margin-top: 30px;
}

.article img {
  max-width: 100% !important;
}

/* 作者详情页 */
.authordetail .author-img {
  float: left;
  width: 180px;
  height: 242px;
  margin-right: 30px;
  border: 1px solid #ababab;
}

.authordetail .author-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.authordetail .author-cont {
  overflow: hidden;
  font-size: 16px;
}

.authordetail .author-cont p {
  color: #636363;
}

.authordetail .author-tit {
  margin-bottom: 22px;
  font-size: 20px;
  font-weight: 500;
  color: #4c4c4c;
}

/*分类*/

.sort {
  overflow: hidden;
  margin-bottom: 16px;
}

.sort .sort-filtrate {
  /*min-height: 25px;*/
  float: left;
  padding-left: 8px;
  margin-right: 30px;
  font-size: 0;
  border-left: 4px solid #5889e4;
}

.sort .sort-filtrate a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.sort .sort-filtrate span {
  display: inline-block;
  margin: 0 10px;
  height: 24px;
  line-height: 21px;
  vertical-align: middle;
  font-size: 18px;
}

.sort .sort-filtrate2 {
  /*min-height: 30px;*/
  float: left;
  overflow: hidden;
  font-size: 0;
}

.sort .sort-filtrate2 p {
  display: inline-block;
  padding: 0 4px;
  /*margin-bottom: 4px;*/
  margin-right: 10px;
  border: 1px solid #979797;
}

.sort .sort-filtrate2 p>span {
  margin: 0 3px;
  font-size: 16px;
}

.sort-close {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/labelclose.png) center no-repeat;
  cursor: pointer;
}

.filtrate,
.filtrate2 {
  padding: 10px 0;
  background: #f8f8f8;
}

.filtrate {
  display: table;
  /*margin-top: 16px;*/
  margin-bottom: 16px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(217, 217, 217, 0.5);
  -moz-box-shadow: 0px 1px 1px 0px rgba(217, 217, 217, 0.5);
  box-shadow: 0px 1px 1px 0px rgba(217, 217, 217, 0.5);
  overflow: hidden;
}

.filtrate.none {
  display: none;
}

.filtrate2 {
  margin-bottom: 30px;
  border: 1px solid #f8f8f8;
  overflow: hidden;
}

.filtrate-l {
  display: table-cell;
  min-width: 124px;
  padding: 0 17px;
  vertical-align: middle;
}

.filtrate-r {
  display: table-cell;
  width: 100%;
  padding: 0 15px;
  border-left: 1px solid #eaeaea;
  overflow: hidden;
  font-size: 0;
  vertical-align: middle;
}

.filtrate-l>p {
  font-weight: 500;
  cursor: pointer;
  text-align: center;
}

.filtrate-l>p.check-sort {
  color: #5889e4;
}

.filtrate-r>p {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 15px;
  *margin-left: 0;
  font-size: 14px;
  line-height: 2;
  color: #333333;
  cursor: pointer;
}

.filtrate-r>p.check-sort {
  color: #5889e4;
}

.third_list>a.check-sort {
  color: #5889e4;
}

.book-filtrate-list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  font-size: 0;
}

.book-filtrate-list-null {
  height: 257px;
  text-align: center;
}

.book-filtrate-list-null>p {
  color: #4c4c4c;
  font-size: 14px;
  margin-top: 232px;
}

.book-filtrate {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 50%;
  *width: 43%;
  padding-right: 40px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #d0d0d0;
  overflow: hidden;
}

.book-filtrateimg {
  float: left;
  width: 140px;
  height: 187px;
  margin-right: 15px;
  background: #4c4c4c;
}

.book-filtrateimg img {
  width: 100%;
  height: 100%;
}

.book-filtratecont {
  overflow: hidden;
}

.book-filtrate-title {
  color: #251b17;
  font-size: 16px;
  font-weight: 500;
}

.book-filtrate-title {
  height: 48px;
  overflow: hidden;
  /*min-height: 48px;*/
}

.book-filtrate-des>p {
  height: 29px;
  line-height: 29px;
  padding: 5px 0;
  font-size: 14px;
  color: #251b17;
}

.book-filtrate-title>a:hover p {
  color: #818488;
  transition: color 100ms;
}

.va-filtrate-list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  font-size: 0;
}

.va-filtrate-list-null {
  height: 257px;
  text-align: center;
}

.va-filtrate-list-null>p {
  color: #4c4c4c;
  font-size: 14px;
  margin-top: 232px;
}

.va-filtrate {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 50%;
  *width: 43%;
  padding-right: 40px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #d0d0d0;
  overflow: hidden;
}

.va-filtrateimg {
  float: left;
  width: 140px;
  height: 140px;
  margin-right: 15px;
  background: #4c4c4c;
}

.va-filtrateimg img {
  width: 100%;
  height: 100%;
}

.va-filtratecont {
  overflow: hidden;
}

.va-filtrate-title {
  color: #251b17;
  font-size: 16px;
  font-weight: 500;
}

.va-filtrate-title {
  height: 48px;
  overflow: hidden;
  /*min-height: 48px;*/
}

.va-filtrate-des>p {
  height: 29px;
  line-height: 29px;
  padding: 5px 0;
  font-size: 14px;
  color: #251b17;
}

.va-filtrate-title>a:hover p {
  color: #dd0b20;
  transition: color 100ms;
}

.titps {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 500;
}

.pagediv .pagination {
  position: static;
}

.resourcetable {
  margin-top: -10px;
}

.resourcetable table {
  border-collapse: separate;
  border-spacing: 2px 5px;
}

table thead th {
  background: #d2d2d2;
  height: 40px;
}

table thead th span {
  color: #575757;
  font-size: 16px;
  font-weight: 500;
}

table thead .s1 {
  width: 265px;
}

table thead .s2 {
  width: 345px;
}

table thead .s3 {
  width: 100px;
}

table thead .s4 {
  width: 121px;
}

table tbody td {
  vertical-align: top;
  background: #fafafa;
}

table tbody .s1 {
  width: 277px;
  padding: 8px 13px;
  overflow: hidden;
}

table tbody .s1 .s1-img {
  float: left;
  margin-right: 17px;
  width: 72px;
  height: 96px;
}

table tbody .s1 .s1-img img {
  display: block;
  width: 100%;
  height: 100%;
}

table tbody .s1>p {
  overflow: hidden;
  cursor: default;
}

table tbody .s1>p:hover a {
  color: #e32534;
}

table tbody .s2>span,
table tbody .s3>span,
table tbody .s4>span {
  display: block;
  height: 27px;
  line-height: 27px;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
}

table tbody .s3>span,
table tbody .s4>span {
  text-align: center;
}

table tbody .s2 .folder {
  padding-left: 40px;
  background: url(../img/icon/resource_icon_package_normal.png) left 20px center no-repeat;
}

table tbody .s2 .file {
  padding-left: 40px;
  background: url(../img/icon/resource_icon_wj_normal.png) left 20px center no-repeat;
}

table tbody .s2 .folder:hover {
  background: url(../img/icon/resource_icon_package_press.png) left 20px center no-repeat;
  color: #e32534;
}

table tbody .s2 .folder:hover a {
  color: #e32534;
}

table tbody .s2 .file:hover {
  background: url(../img/icon/resource_icon_wj_press.png) left 20px center no-repeat;
  color: #e32534;
}

table tbody .s2 .file:hover a {
  color: #e32534;
}

.booklist-table {
  margin-top: 6px;
}

.booklist-table table {
  border-collapse: separate;
  border-spacing: 2px 5px;
}

.booklist-table table tbody .s1 {
  padding: 0;
}

.booklist-table table tbody .s1>p {
  line-height: 27px;
}

.booklist-table table tbody .s2>span:last-child {
  border-bottom: 0;
}

/*书籍详情*/

.detail-book {
  overflow: hidden;
}

.detail-book-img {
  float: left;
  width: 180px;
  height: 242px;
  margin-right: 45px;
}

.detail-book-img img {
  width: 100%;
  height: 100%;
}

.detail-book-cont {
  overflow: hidden;
}

.detail-book-cont .book-title {
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  color: #4c4c4c;
  width: 100%;
  margin-bottom: 6px;
}

.detail-book-cont>p>span {
  font-size: 16px;
  color: #636363;
}

.detail-book-cont>.details-book-price>span {
  color: #ff2100;
}

.detail-book-cont>p {
  font-size: 16px;
  padding: 4px 0;
  float: left;
  width: 50%;
}

.detail-book-cont>p font {
  color: #949494;
  margin: 0 8px;
}

.detail-book-cont>p a {
  color: #949494;
}

.detail-book-cont>p a:hover {
  color: #5889e4;
}

.detailItem .detail-item {
  margin-top: 10px;
}

.detail-item .item-title>p {
  font-size: 20px;
}

.details-book-item {
  margin-top: 56px;
}

.details-book-item-cont-title {
  font-size: 20px;
  font-weight: 500;
  color: #4c4c4c;
  border-bottom: 2px solid #d9d9d9;
}

.details-book-item-cont-content {
  margin: 16px 0px 30px;
  color: #4c4c4c;
  font-size: 14px;
}

.search-div-more {
  margin-top: 30px;
}



.resource {
  padding: 0px;
}

.detail-item .resource {
  margin-top: 20px;
}

.resource-item {
  margin-top: 20px;
  overflow: hidden;
}

.resource-item:last-child {
  margin-bottom: 0;
}

.resource-item-row {
  overflow: hidden;
}

.resource-item-row>p {
  line-height: 1.5;
  font-size: 14px;
  overflow: hidden;
}

.resource-item-row:last-child>p.file,
.resource-item-row:last-child>p.folder {
  margin-bottom: 0;
}

.resource-item-row>p>span {
  display: inline-block;
  font-size: 0;
}

.resource-item-row>p .s4 {
  float: right;
  width: 64px;
  font-size: 14px;
  text-align: center;
  background: url(../img/icon/book_detail_icon_download.png) right 5px center no-repeat;
  cursor: pointer;
}

.resource-item-row>p .s3 {
  float: right;
  width: 142px;
  font-size: 14px;
  text-align: center;
}

.resource-item-row>p .s2 {
  float: right;
  width: 62px;
  font-size: 14px;
  text-align: center;
}

.resource-item-row>p .s1 {
  float: left;
  width: 560px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.resource-item-row>p .s1 a:hover,
.resource-item-row>p .s4 a:hover {
  color: #df0112;
}

.resource-item-row>p .s4:hover {
  background: url(../img/icon/book_detail_icon_downloadlink.png) right 5px center no-repeat;
}

.resource-item-row>p .s4 a {
  display: block;
}

.resource-item-level1 .resource-title>p {
  background: url(../img/bookdetail_icon_resource.png) left center no-repeat;
  border: 0;
  padding-left: 16px;
}

.resource-item-level1>p.file {
  padding-left: 30px;
}

.resource-item-level2>p {
  padding-left: 30px;
}

.resource-item-level3>p {
  padding-left: 53px;
}

.resource-item-level1>p.folder,
.resource-item-level2>p.folder {
  font-weight: bold;
  margin-bottom: 12px;
}

.resource-item-level1>p.file,
.resource-item-level2>p.file,
.resource-item-level3>p.file {
  margin-bottom: 8px;
}

.resource-item-level1>p.file .s1 {
  width: 530px;
}

.resource-item-level2>p.file .s1 {
  width: 530px;
}

.resource-item-level3>p.file .s1 {
  width: 507px;
}

.resource-item-level1>p.folder:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../img/bookdetail_icon_resource.png) left center no-repeat;
  vertical-align: bottom;
}

.resource-item-level2>p.folder:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../img/bookdetail_icon_resource.png) left center no-repeat;
  vertical-align: bottom;
}

.intro {
  padding: 20px 0;
  overflow: hidden;
}

.intro>p {
  max-height: 110px;
  overflow: hidden;
  font-size: 14px;
  line-height: 28px;
  vertical-align: middle;
}

.unfold {
  margin-top: 4px;
  margin-left: 30px;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.unfold>span {
  margin-right: 12px;
  font-size: 14px;
  color: #868686;
  vertical-align: middle;
  position: relative;
}

.unfold>span::after {
  content: url(../img/icon/nor.png);
  position: absolute;
  top: 0px;
}

.unfold:hover span {
  color: #E00D1E;
}

.unfold:hover>span::after {
  content: url(../img/icon/pre.png);
  position: absolute;
  top: 0px;
}

.unfold>img {
  vertical-align: middle;
}

.menu {
  padding: 20px 0;
}

.menu .menu-item>p {
  font-size: 14px;
  line-height: 28px;
  padding: 0 10px;
}

.menu .menu-item .menu-item-chapter {
  font-weight: 500;
}

.footer {
  box-shadow: 0px -2px 10px rgba(146, 152, 163, 0.11);
}

.footer-bottom {
  color: #8e8d8d;
  font-size: 13px;
  display: flex;
}

.footer-bottom-left {
  width: 819px;
  margin-top: 18px;
}

.footer-bottom-left a {
  color: #8e8d8d;
}

.footer-bottom-left span {
  margin-left: 10px;
  line-height: 30px;
}

.footer-bottom-right {
  display: flex;
  width: 381px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-bottom-right a {
  display: inline-block;
}

.footer-bottom-right span {
  width: 30%;
}

.footer-bottom-right span:first-child,
.footer-bottom-right span:last-child {
  width: 40%;
}

.footer-bottom-right span img {
  padding-bottom: 6px;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d9dee5;
  color: #535353;
}

.footer-top-list {
  margin-bottom: 10px;
  margin-left: 150px;
  width: 240px;
  height: 72px;
  overflow: hidden;
  transition: height 1s;
  -moz-transition: height 1s;
  /* Firefox 4 */
  -webkit-transition: height 1s;
  /* Safari 和 Chrome */
  -o-transition: height 1s;
  /* Opera */
}

.footer-top-title {
  font-size: 18px;
  padding: 30px 0px 15px;
  font-weight: 500;
}

.footer-top-title>span,
.footer-top-title>i {
  cursor: pointer;
}

.footer-top-content {
  font-size: 13px;
  display: flex;
  height: 145px;
  flex-direction: column;
  flex-wrap: wrap;
}

.footer-top-content>a {
  margin-right: 35px;
  margin-bottom: 10px;
  display: inline-block;
}

.footer-top-content>a:hover {
  color: #5889e4;
}

.footer-main-more,
.footer-main-ercode {
  display: flex;
  vertical-align: top;
  justify-content: space-between;
}

.footer-main-more {
  /*margin-right: 54px;*/
}

.footer-main-ercode {
  float: right;
}

.footer-main-more>li {
  /* float: left; */
  max-width: 300px;
  /*width: 345px;*/
  /**width: 290px;*/
  /* margin-right: 170px; */
}

.footer-main-more>li:last-child {
  margin-right: 0;
  width: 120px;
  font-size: 14px;
  color: #efefef;
  text-align: center;
}

.footer-main-more>li:last-child img {
  margin-bottom: 25px;
}

.footer-main-more>li .dl>h3 {
  margin-bottom: 10px;
  color: #efefef;
  font-size: 18px;
  font-weight: 500;
}

.footer-main-more>li .dl>ul>li>a {
  display: block;
  font-size: 13px;
  color: #efefef;
  margin-bottom: 10px;
}

.footer-main-ercode>a {
  display: inline-block;
  float: left;
  text-align: center;
  margin: 0 10px;
}

.footer-main-ercode img {
  display: block;
  width: 120px;
  height: 120px;
}

.footer-main-ercode span {
  display: block;
  margin-top: 18px;
  font-size: 12px;
  color: #fff;
}

.footer-copyright {
  padding: 10px 0;
}

.footer-copyright a {
  color: #efefef;
}

.footer-copyright>p {
  color: #efefef;
  font-size: 14px;
  margin: 5px 0;
}

.dialog-view {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 102;
}

.model-download {
  width: 450px;
  min-height: 125px;
  background: #ffffff;
  border: 1px solid #939393;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.09);
}

.model-head {
  background: #f3f3f3;
  overflow: hidden;
  height: 23px;
}

.model-head>img {
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
}

.model-download-file {
  padding: 10px 17px 14px;
  max-height: 180px;
  overflow-y: auto;
}

.model-download-file ul li {
  overflow: hidden;
  margin-bottom: 8px;
}

.model-download-file ul li:last-child {
  margin-bottom: 0;
}

.model-download-file ul li>a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.model-download-file ul li span {
  display: block;
}

.model-download-file ul li>a:active .download-flie-num,
.model-download-file ul li>a:active .download-flie-title,
.model-download-file ul li>a:active .download-flie-size {
  color: #e32534;
}

.download-flie-num {
  float: left;
}

.download-flie-title {
  overflow: hidden;
}

.download-flie-title a:hover {
  color: #e32534;
}

.download-flie-size {
  padding-left: 33px;
}

.third_list>a:hover {
  color: #dd0b20;
  transition: color 100ms;
}

.news-cont ul>li>a:hover .news-conttit {
  color: #dd0b20;
  transition: color 100ms;
}

.book-tw-cont>a .tw-title:hover {
  color: #dd0b20;
  transition: color 100ms;
}

.newsitem-cont .newsitem-cont-title>a:hover p {
  color: #dd0b20;
  transition: color 100ms;
}

.cont-download-qrcode {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.download-qrcode-item {
  width: 264px;
  text-align: center;
  margin-bottom: 14px;
}

.download-qrcode-item p {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}

.download-qrcode-item img {
  width: 80px;
}

/*侧边QQ 微信*/

.link {
  position: fixed;
  right: 0;
  top: 360px;
  z-index: 10;
  /* display: none; */
  top: calc(100vh / 2 - 450px / 2);
}



.link-item {
  text-align: center;
  padding: 10px 20px;
  cursor: pointer;
}

.link-item img {
  width: 70px;
}

.link-item a img {
  display: block !important;
}

.link-item>p {
  color: #ffffff;
}

.link-item>a>p {
  color: #ffffff;
}

.link-item.qq>img {
  width: 35px;
  height: 38px;
}

/* .link-item.wx > img {
  width: 45px;
  height: 37px;
} */


.link-item-dialog {
  display: none;
  position: absolute;
  right: 110px;
  width: 180px;
  top: 0px;
  font-size: 14px;
  color: #535353;
  background-color: #fff;
}

.link-item-dialog>img {
  width: 180px;
  margin-bottom: 5px;
}

/*下拉列表mtree*/

/* 
				ul.mtree {
					opacity: 0;
					margin-left: 0;
				} 
			*/

ul.mtree ul {
  margin-left: 1em;
}

ul.mtree li {
  list-style: none;
  font-size: 14px;
}

ul.mtree a {
  display: block;
}

ul.mtree li.mtree-node>a {
  font-weight: 400;
}

ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.transit {
  background: #ffffff;
}

ul.mtree.transit ul {
  margin-left: 0;
}

ul.mtree.transit ul>li {
  font-size: 14px;
}

ul.mtree.transit li.mtree-node {
  position: relative;
}

ul.mtree.transit li.mtree-node>a:before {
  color: #ccc;
  font-weight: normal;
  position: absolute;
  right: 20px;
}

ul.mtree.transit li.mtree-open>a:before {
  content: "-";
}

ul.mtree.transit li.mtree-closed>a:before {
  content: "+";
}

ul.mtree.transit ul>li:first-child {
  margin-top: 1px;
}

ul.mtree.transit li.mtree-open>a {
  background: #f9f9f9;
}

ul.mtree.transit li>a:hover,
ul.mtree.transit li.mtree-active>a {
  color: #df0112;
}

ul.mtree.transit li>p:hover,
ul.mtree.transit li.mtree-active>p {
  color: #5ca7ff;
}

ul.mtree.transit li.mtree-node>ul>li:hover {
  background: #fafdff;
}

ul.mtree.transit li.mtree-node:last-child>ul>li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

ul.mtree.transit a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 10px 12px 18px;
  /*background: #F9F9FB;*/
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
}

ul.mtree.transit a p.playlist_name {
  display: flex;
  flex: 1;
  align-items: flex-start;
  margin-right: 10px;
}

ul.mtree.transit a .playlist_tool {
  display: flex;
  color: #b2b2b2;
  font-size: 12px;
  align-items: center;
}

ul.mtree.transit a p {
  display: flex;
  position: relative;
  align-items: flex-start;
}

ul.mtree.transit li li>a {
  color: #555;
  padding-left: 3.1em;
  background: #ffffff;
}

ul.mtree.transit li li li>a {
  color: #8a8a8a;
  padding-left: 5.4em;
}

ul.mtree.transit li li li li>a {
  color: #8a8a8a;
  padding-left: 7.2em;
}

ul.mtree.transit li li li li li>a {
  color: #8a8a8a;
  padding-left: 12em;
}

.mtree_title {
  padding: 11px 18px;
  font-size: 12px;
  color: #b2b2b2;
}

.mtree .icon-password {
  display: none;
}

.mtree .icon-buy-product {
  display: none;
}

.mtree_key {
  pointer-events: none;
}

.mtree_key .icon-password {
  display: inline-block;
  font-size: 20px;
  vertical-align: text-bottom;
  color: #ccc;
}

.mtree_key a {
  color: #b2b2b2;
}

.mtree_key p {
  color: #b2b2b2;
}

.mtree_key i {
  color: #b2b2b2;
}

.mtree_part a {
  color: #b2b2b2;
}

.mtree_part p {
  color: #b2b2b2;
}

.mtree_part .icon-buy-product {
  display: block;
  margin-left: 6px;
  font-size: 20px;
  color: #f86442;
}

.mtree_part.mtree_check i {
  color: #b2b2b2;
}

.mtree_part.mtree_check .icon-buy-product {
  color: #f86442;
}

.mtree_part.mtree_check p {
  color: #b2b2b2;
}

.mtree_check i {
  color: #df0112;
}

.mtree_check p {
  color: #df0112;
}

.cx-details-main .cx-details-top .cx-details-img {
  position: relative;
  bottom: 0;
  left: 0;
  float: left;
  height: 216px;
  margin-right: 45px;
  min-height: 216px;
}

.cx-details-main .cx-details-top .cx-details-img img {
  height: 100%;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.cx-details-main .cx-details-bottom {
  margin-top: 20px;
}

.cx-details-tab .cx-details-tab-title:after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background: #eee;
}

.cx-details-tab .cx-details-tab-title ul {
  text-align: center;
}

.cx-details-tab .cx-details-tab-title ul .check {
  color: #333333;
  border-bottom: 2px solid #333;
}

.cx-details-tab .cx-details-tab-title ul li {
  display: inline-block;
  margin: 0 7%;
  text-align: center;
  padding: 24px 0 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #9e9e9e;
  cursor: pointer;
}

.cx-details-tab .cx-details-tab-cont .tab .cx-details-tab-p {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.cx-details-tab .cx-details-tab-cont .cx-search-label ul li {
  margin: 0 12px 0 0;
}

.details-title {
  padding: 0;
  margin-bottom: 17px;
  font-size: 20px;
  font-weight: 500;
}

.cx-details-top .cx-details-title .details-property {
  font-size: 16px;
  padding: 2px 0;
}

.details-value.cx-link-color {
  color: #949494;
}

.details-value.cx-link-color:hover {
  color: #df0112;
}

/*----音视频播放----*/
/* 
	*
	*
	*
	*
	*
	*
	*/
.content-box {
  position: relative;
  width: 1200px;
  height: 652px;
  background: #fff;
  margin: 0 auto 20px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
}

.vaObject {
  position: relative;
  height: 72px;
  top: 580px;
}

.bg-img {
  position: absolute;
  height: auto;
  top: 0px;
  left: 0px;
  width: 1200px;
  -webkit-filter: blur(18px);
  -ms-filter: blur(18px);
  filter: blur(18px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=18, MakeShadow=false);
  max-width: 1200px;
}

.bg-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  /*box-shadow: inset 0 0 6px rgba(0, 0, 0, .06);*/
}

.music-img {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 200px;
  height: 200px;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 5px #e6e6e6;
  z-index: 2;
}

.music-cd {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 45%;
  left: 45%;
  transform: translateY(-50%);
}

.disk {
  background-image: url("../img/va/cd.png");
  width: 200px;
  height: 200px;
  position: absolute;
  top: 29%;
  left: 49%;
  transform: translate(-50% -50%);
  background-size: cover;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  border-radius: 50%;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
  {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mp-control {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 72px;
  border-top: 1px solid #e8e8e8;
  background: #ffffff;
}

.videoView {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  padding-bottom: 72px;
  box-sizing: inherit;
}

.cx-va-title {
  display: block;
  color: #b2b2b2;
}

.mp-control .panel-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 100%;
  z-index: 2;
}

.mp-control .panel-left .next,
.mp-control .panel-left .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 39px;
  height: 39px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 22px;
  text-align: center;
  line-height: 39px;
  box-sizing: content-box;
  cursor: pointer;
  /*color: #666666;*/
}

.mp-control .panel-left .prev {
  left: 40px;
}

.mp-control .panel-left .next {
  left: 100px;
}

.mp-control .panel-left .next:hover:before {
  color: #262626;
}

.mp-control .panel-left .play-control {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 22px;
  text-align: center;
  box-sizing: content-box;
  transform: translateY(-50%);
}

.mp-control .panel-left .play-control:hover:before {
  color: #262626;
}

.mp-control .panel-left .play-control .control-text {
  display: inline-block;
  text-indent: -99em;
}

.mp-control .panel-center {
  position: absolute;
  top: 0;
  left: 192px;
  right: 221px;
  height: 100%;
}

.mp-control .panel-center .thumb {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 3px solid #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.mp-control .panel-center .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mp-control .panel-center h1 {
  position: absolute;
  top: 15px;
  left: 61px;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}

.mp-control .panel-center .progress-control {
  position: absolute;
  top: 50px;
  left: 120px;
  right: 70px;
  height: 4px;
}

.progress-control span {
  display: inline-block;
  /*text-indent: -99em*/
}

.progress-control .progress-holder {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 100%;
  background: #e7e7e7;
  border-radius: 2.5px;
  z-index: 20;
  cursor: pointer;
}

.progress-control .progress-holder .mouse-display {
  content: "";
  position: absolute;
  top: -6px;
  left: -1%;
  width: 16px;
  height: 16px;
  background: #5ca7ff;
  border: 4px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgba(165, 165, 165, 50);
  -webkit-box-shadow: 0 0 4px 0 rgba(165, 165, 165, 50);
}

.progress-control .progress-holder .load-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 4px;
  border-radius: 2.5px;
  background: #c4dffb;
}

.progress-control .progress-holder .play-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 4px;
  border-radius: 2.5px;
  background: #5ca7ff;
}

/*.mp-control .panel-center .progress-control .progress-holder .play-progress:before {
    content: '';
    position: absolute;
    top: -6px;
    right: -7px;
    width: 16px;
    height: 16px;
    background: #50B7FF;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #d0d0d0
  }*/

.progress-control .progress-holder .play-progress .control-text {
  height: 4px;
}

.mp-control .panel-center .current-time-display {
  position: absolute;
  left: 60px;
  top: 46px;
  font-size: 12px;
  line-height: 12px;
  color: #999;
  width: 50px;
  height: 12px;
  text-align: center;
}

.mp-control .panel-center .current-time-display span {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 12px;
  left: 0;
  top: 0;
  text-indent: -999em;
}

.mp-control .panel-center .duration-display {
  position: absolute;
  right: 10px;
  top: 46px;
  font-size: 12px;
  line-height: 12px;
  color: #999;
  width: 50px;
  height: 12px;
  text-align: center;
}

.mp-control .panel-center .duration-display span {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 12px;
  right: 0;
  top: 0;
  text-indent: -999em;
}

.mp-control .panel-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
}

.mp-control .panel-right .loop-f {
  position: relative;
  float: left;
  width: 22px;
  height: 20px;
  margin-top: 26px;
  cursor: pointer;
  vertical-align: middle;
}

.mp-control .panel-right .loop-f .loop {
  position: absolute;
  bottom: 27px;
  left: -6px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 10px 5px;
  z-index: 3;
}

.mp-control .panel-right .loop-f .loop a {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
}

.mp-control .panel-right .loop-f .loop1,
.mp-control .panel-right .loop-f.loop-f-1 {
  position: relative;
  font: 400 20px/1 taotao, "Microsoft Yahei";
}

.mp-control .panel-right .loop-f .loop1:before,
.mp-control .panel-right .loop-f.loop-f-1:before {
  content: "\E917";
  position: absolute;
  left: 3px;
  color: #666;
}

.mp-control .panel-right .loop-f .loop3,
.mp-control .panel-right .loop-f.loop-f-3 {
  position: relative;
  font: 400 20px/1 taotao, "Microsoft Yahei";
}

.mp-control .panel-right .loop-f .loop3:before,
.mp-control .panel-right .loop-f.loop-f-3:before {
  content: "\E909";
  position: absolute;
  left: 3px;
  color: #666;
}

.mp-control .panel-right .loop-f .loop3:after,
.mp-control .panel-right .loop-f.loop-f-3:after {
  content: "1";
  position: absolute;
  left: 3px;
  color: #666;
  font-size: 12px;
  font-family: sans-serif;
  width: 19px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.mp-control .panel-right .like,
.mp-control .panel-right .loop-f .loop4,
.mp-control .panel-right .loop-f.loop-f-4,
.mp-control .panel-right .unlike {
  font: 400 20px/1 taotao, "Microsoft Yahei";
}

.mp-control .panel-right .loop-f .loop4,
.mp-control .panel-right .loop-f.loop-f-4 {
  position: relative;
}

.mp-control .panel-right .loop-f .loop4:before,
.mp-control .panel-right .loop-f.loop-f-4:before {
  content: "\E909";
  position: absolute;
  left: 3px;
  color: #666;
}

.mp-control .panel-right .like {
  float: left;
  width: 21px;
  height: 19px;
  margin: 26px 20px 0;
  cursor: pointer;
}

/* .mp-control .panel-right .like:before {
    content: "\E904";
    color: #666;
  }
  
  .mp-control .panel-right .like.on:before {
    content: "\E903";
    color: #f78181;
  } */

.mp-control .panel-right .unlike {
  float: left;
  width: 21px;
  height: 20px;
  margin-top: 26px;
  cursor: pointer;
}

.mp-control .panel-right .unlike:before {
  content: "\E902";
  color: #666;
}

.mp-control .panel-right .toggle-xh {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 110px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 40px;
}

.mp-control .panel-right .toggle-ci {
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 40px;
}

.mp-control .panel-right .toggle-playlist {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 40px;
}

.mp-control .panel-right .toggle-like {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 160px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 32px;
}

.mp-control .panel-right .toggle-playlist,
.mp-control .panel-right .toggle-xh,
.mp-control .panel-right .toggle-ci,
.mp-control .panel-right .toggle-like {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #666;
}

.mp-control .panel-right .toggle-xh,
.mp-control .panel-right .toggle-ci {
  color: #eeeeee;
}

.mp-control .panel-right .toggle-fullscreen {
  display: inline-block;
  position: absolute;
  top: -50px;
  right: 23px;
  cursor: pointer;
  font: 400 49px/1, "Microsoft Yahei";
}

/*.va-list {
    position: absolute;
    right: -1000px;
    bottom: 62px;
    width: 380px;
    max-height: 583px;
    background: #fff;
    overflow: auto;
    transition: right .3s ease-in-out;
    z-index: 2;
  }*/
.v-collect {
  display: none;
  position: static;
  padding: 0 15px;
  background: #ffffff;
  z-index: 2;
}

.v-collect .collect-item>p {
  float: left;
  color: #7f7f7f;
  font-size: 12px;
}

.v-collect .collect-item>i {
  float: right;
  font-size: 22px;
}

.collect-item {
  overflow: hidden;
  padding: 10px 0;
}

.va-list {
  display: none;
  position: absolute;
  right: 0;
  bottom: 72px;
  width: 380px;
  height: 580px;
  max-height: 580px;
  overflow: auto;
  background: #fff;
  /* box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2); */
  border: 1px solid #e8e8e8;
  z-index: 2;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.va-list::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent;
}

/*定义滚动条的轨道，内阴影及圆角*/

.va-list::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  border-radius: 20px;
  background-color: transparent;
}

/*定义滑块，内阴影及圆角*/

.va-list::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 26px;
  border-radius: 30px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #c5c5c5;
}

.va-list .va-list-title {
  padding: 11px 0 11px 18px;
  /*margin: 10px 0 0 15px;*/
}

.va-list-mtitle {
  padding: 10px 20px 5px;
}

.va-list-mtitle-t {
  font-weight: 500;
}

.va-list-mtitle img {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}

.va-list-mtitle {
  display: none;
}

.audio-listimg {
  margin-top: 1px;
  margin-right: 5px;
  color: #b4b4b4;
  vertical-align: text-top;
  font-size: 18px;
}

/*信息科技*/
.classfy-xxkj {
  display: inline-block;
  margin: 0 40px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  color: #4c4c4c;
  max-width: 80px;
  position: relative;
  cursor: pointer;
  font-weight: 400;
}

.classfy-xxkj.checked {
  color: #d9202e;
}

.classfy-xxkj:hover {
  color: #d9202e;
}

.classfy-xxkj.checked::after {
  content: url(../img/icon/img_tab.png);
  position: absolute;
  left: 50%;
  margin-left: -38.5px;
  top: 22px;
}

/* .classfy-xxkj:hover::after{
  content:url(../img/icon/img_tab.png);
  position: absolute;
  left: 50%;
  margin-left: -38.5px;
  top: 22px;
} */
.cont-kbjd {
  display: none;
}

.cont-kbjd-main>.cont-item:first-child {
  margin-top: 10px;
}

.cont-kbjd .cont-item {
  padding: 15px 0;
  width: 1200px;
  border-bottom: 1px dashed #c4c4c4;
}

.cont-kbjd .cont-item p {
  display: flex;
  align-items: center;
}

.cont-kbjd .cont-item p>span:first-child {
  flex: 1;
  padding-right: 52px;
}

.cont-kbjd .cont-item p>span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont-kbjd .cont-item p span:nth-child(2) {
  margin-right: 52px;
}

.cont-kbjd .cont-item p span:nth-child(3) {
  margin-right: 43px;
}

.cont-kbjd .cont-item p a {
  margin-right: 25px;
}

.cont-kbjd .cont-item p a::after {
  content: url(../img/icon/book_detail_icon_download.png);
  margin-left: 9px;
}

.cont-kbjd .cont-item p a:hover::after {
  content: url(../img/icon/book_detail_icon_downloadlink.png);
  margin-left: 9px;
}

.cont-kbjd .cont-item p span:first-child:hover,
.cont-kbjd .cont-item p a:hover {
  color: #d9202e;
  cursor: pointer;
}

/*主编介绍*/
.cont-zbjs {
  display: none;
  margin-top: 30px;
}

.cont-zbjs .cont-item:first-child {
  width: 155px;
  height: 199px;
  margin: 28px 33px 0 34px;
  overflow: hidden;
}

.cont-zbjs .cont-item:nth-child(2) {
  flex: 1;
  color: #171717;
  margin-top: 28px;
}

.cont-zbjs .cont-item:nth-child(2) p:first-child {
  font-size: 20px;
  margin-bottom: 12px;
}

.cont-zbjs .cont-item:nth-child(2) p:nth-child(2) {
  font-size: 14px;
}

/*教材解读*/
.cont-jcjd {
  display: none;
}

.cont-jcjd .cont-item {
  padding: 15px 0;
  border-bottom: 1px dashed #c4c4c4;
  width: 1200px;
}

.cont-jcjd .cont-item p {
  display: flex;
  align-items: center;
}

.cont-jcjd .cont-item p>span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont-jcjd .cont-item p>span:first-child {
  flex: 1;
  padding-right: 52px;
}

.cont-jcjd .cont-item p span:nth-child(2) {
  margin-right: 52px;
}

.cont-jcjd .cont-item p span:nth-child(3) {
  margin-right: 43px;
}

.cont-jcjd .cont-item p a {
  margin-right: 25px;
}

.cont-jcjd .cont-item p a::after {
  content: url(../img/icon/book_detail_icon_download.png);
  margin-left: 9px;
}

.cont-jcjd .cont-item p a:hover::after {
  content: url(../img/icon/book_detail_icon_downloadlink.png);
  margin-left: 9px;
}

.cont-jcjd .cont-item p span:first-child:hover,
.cont-jcjd .cont-item p a:hover {
  color: #d9202e;
  cursor: pointer;
}

/*图书列表*/
.cont-tslb-main {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
}

.cont-tslb .cont-item {
  display: flex;
  margin-bottom: 30px;
  margin-right: 30px;
}

.cont-tslb .cont-item:nth-child(4n) {
  margin-right: 0px;
}

.cont-tslb .cont-item a {
  display: flex;
}

.cont-tslb .cont-item a:hover p {
  color: #d9202e;
}

.cont-tslb .cont-item-img {
  width: 139px;
  height: 185px;
  overflow: hidden;
}

.cont-tslb .cont-item-title {
  margin-left: 12px;
  width: 126px;
  font-size: 16px;
  color: #4c4c4c;
}

.cx-ellipsis-1 a {}

/*左分类*/
.cont-classfy-left {
  margin-right: 52px;
  width: 235px;
}

.classfy-left {
  width: 235px;
  height: 52px;
  font-size: 20px;
  color: #5e5951;
  line-height: 52px;
  padding-left: 28px;
  cursor: pointer;
  border-bottom: 1px solid #ebe6dd;
}

.classfy-left.checked {
  background-color: #f8f8f8;
  border: none;
}

/*教师频道*/
.cont-jspd-main>.cont-item {
  display: flex;
  justify-content: space-between;
  height: 83px;
  font-size: 18px;
  color: #251b17;
  line-height: 83px;
  border-bottom: 1px dashed #d0d0d0;
}

.cont-jspd-main>.cont-item>a {
  display: flex;
  justify-content: space-between;
  flex: 1;
  width: 913px;
}

.cont-jspd-main>.cont-item>a:hover p {
  color: #d9202e;
}

.cont-jspd-main>.cont-item .cont-item-title {
  flex: 1;
  overflow: hidden;
  padding-right: 60px;
}

.cont-jspd-main>.cont-item .cont-item-title>p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont-jspd-main>.cont-item .cont-item-time {
  font-size: 14px;
}

.cont-jspd {
  width: 913px;
}

/*二类教材*/
.cont-eljc-main {
  display: flex;
  flex-wrap: wrap;
  min-height: 316px;
}

.cont-eljc-main>.cont-item {
  width: 285px;
  height: 106px;
  margin-top: 30px;
  overflow: hidden;
  margin-right: 20px;
}

.cont-eljc-main>.cont-item:nth-child(4n) {
  margin-right: 0px;
}

.cont-eljc-main .cont-item-img {
  width: 285px;
  height: 106px;
  overflow: hidden;
}

.cont-eljc-main .cont-item-title {
  align-items: center;
  width: 285px;
  height: 36px;
  line-height: 36px;
  position: relative;
  bottom: 36px;
  background: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  padding: 0px 25px;
}

.cont-eljc-main .cont-item-title>p {
  color: #fff;
}

.cont-eljc-main>.cont-item:hover .cont-item-title {
  height: 106px;
  bottom: 106px;
  display: flex;
  justify-content: center;
}

/*details-信息广角*/
.item-cont-title {
  font-size: 20px;
  color: #4c4c4c;
  margin-bottom: 3px;
}

.item-cont-time {
  font-size: 14px;
  color: #787878;
  margin-bottom: 29px;
}

.item-cont-img {
  margin-bottom: 29px;
}

.item-cont-main {
  font-size: 14px;
  color: #251b17;
}

/*分社简介*/
.cont-main-fsjj {
  margin-top: 20px;
  min-height: 303px;
}

.resource-item-cont {
  overflow: hidden;
  transition: height 1s;
  -moz-transition: height 1s;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
}


.pagediv>.pagination>.active>a {
  z-index: 1;
}

/*目录页-新闻中心*/
.cont-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

.cont-news .pagediv {
  width: 100%;
}

.news-items {
  width: 578px;
  color: #4c4c4c;
  margin-bottom: 50px;
}

.news-items:hover .news-items-title p,
.news-items:hover .news-items-cont p {
  color: #848488;
}

.news-items:hover .news-items-square {
  width: 338px;
}

.news-items:hover .news-items-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.news-items-img img {
  transition: transform .5s;
  -moz-transition: -moz-transform .5s;
  /* Firefox 4 */
  -webkit-transition: -webkit-transform .5s;
  /* Safari 和 Chrome */
  -o-transition: -o-transform .5s;
  /* Opera */
}

.news-items-img {
  float: left;
  width: 220px;
  height: 161px;
  overflow: hidden;
  margin-right: 20px;
}

.news-items-title {
  float: left;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  width: 338px;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 50px;
}

.news-items-cont {
  font-size: 14px;
  line-height: 20px;
  float: left;
  width: 338px;
  height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 12px;
}

.news-items-title p,
.news-items-cont p {
  color: #4c4c4c;
}

.news-items-square {
  background-color: #5889e4;
  width: 0px;
  float: left;
  height: 3px;
  transition: width .5s;
  -moz-transition: width .5s;
  /* Firefox 4 */
  -webkit-transition: width .5s;
  /* Safari 和 Chrome */
  -o-transition: width .5s;
  /* Opera */
}

/*首页-分类*/
.container>.main-item:first-child {
  position: relative;
  top: -78px;
  z-index: 3;
}

.index-classify {
  display: flex;
  flex-wrap: wrap;
}

.index-classify-item {
  width: 300px;
  height: 200px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
}

.index-classify-item:first-child {
  /* background: url('../img/img_tushufenlei.png') center no-repeat; */
  /* background-size: cover; */
}

.index-classify-item:first-child,
.index-classify-item:nth-child(3),
.index-classify-item:nth-child(6),
.index-classify-item:nth-child(8) {
  background-color: #f7f9fc;
}

/************原始****************/
/* .index-classify-item p{
  color: #65686f;
}
.index-classify-item-title{
  margin-top: 136px;
}
.index-classify-item:hover p{
  font-weight: 600;
  color: #fff;
  line-height: 200px;
}
.index-classify-item:hover .index-classify-item-title{
  margin: 0px;
}
.index-classify-item:first-child{
  background: url('../img/img_tushufenlei.png');
}
.index-classify-item:first-child .index-classify-item-title{
  margin-top: 66px;
}
.index-classify-item:first-child p{
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
.index-classify-item:first-child:hover .index-classify-item-title{
  margin-top: 66px;
}
.index-classify-item:first-child:hover .index-classify-item-title p{
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
}
.index-classify-item:nth-child(2){
  background: url('../img/img_ye_nor.png');
}
.index-classify-item:nth-child(2):hover{
  background: url('../img/img_ye_pre.png');
}
.index-classify-item:nth-child(3){
  background: url('../img/img_gx_nor.png');
}
.index-classify-item:nth-child(3):hover{
  background: url('../img/img_gx_pre.png');
}
.index-classify-item:nth-child(4){
  background: url('../img/img_zxx_nor.png');
}
.index-classify-item:nth-child(4):hover{
  background: url('../img/img_zxx_pre.png');
}
.index-classify-item:nth-child(5){
  background: url('../img/img_dxsx_nor.png');
}
.index-classify-item:nth-child(5):hover{
  background: url('../img/img_dxsx_pre.png');
}
.index-classify-item:nth-child(6){
  background: url('../img/img_jyxll_nor.png');
}
.index-classify-item:nth-child(6):hover{
  background: url('../img/img_jyxll_pre.png');
}
.index-classify-item:nth-child(7){
  background: url('../img/img_xlx_nor.png');
}
.index-classify-item:nth-child(7):hover{
  background: url('../img/img_xlx_pre.png');
}

.index-classify-item:nth-child(8){
  background: url('../img/img_rwsk_nor.png');
}
.index-classify-item:nth-child(8):hover{
  background: url('../img/img_rwsk_pre.png');
} 
/************动画1****************/
/* .index-classify-item-img{
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  top: 40px;
  left: 0px;
  transition: top 1s,left 1s;
  -moz-transition: top 1s,left 1s;
  -webkit-transition: top 1s,left 1s;	
  -o-transition: top 1s,left 1s;	
}
.index-classify-item-img>span{
  font-size: 50px;
  color: #d8d8d8;
  transition: font-size 1s,color 1s;
  -moz-transition: font-size 1s,color 1s;
  -webkit-transition: font-size 1s,color 1s;	
  -o-transition: font-size 1s,color 1s;	
}
.index-classify-item-title{
  width: 100%;
  position: absolute;
  text-align: center;
  top: 136px;
  transition: top 1s;
  -moz-transition: top 1s;	
  -webkit-transition: top 1s;	
  -o-transition: top 1s;	
}
.index-classify-item-title p{
  transition: color 1s;
  -moz-transition: color 1s;	
  -webkit-transition: color 1s;	
  -o-transition: color 1s;	
}
.index-classify-item:hover .index-classify-item-title{
  top: 88px;
}
.index-classify-item:hover .index-classify-item-title p{
  color: #fff;
}
.index-classify-item:hover .index-classify-item-img{
  border: none;
  left: 60px;
  top: 60px;
}
.index-classify-item:hover{
  background-color: #5889e4;
}
.index-classify-item:hover .index-classify-item-img>span{
  color: #3b74de;
  font-size: 200px;
} */
/************动画2****************/
.index-classify-item-img {
  /* border: 1px solid #d8d8d8; */
  /* border-radius: 50%; */
  /* width: 80px; */
  /* height: 80px; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  opacity: 1;
  /* top: 40px; */
  left: 0px;
  transition: opacity 0.3s, left 1s;
  -moz-transition: opacity 0.3s, left 1s;
  -webkit-transition: opacity 0.3s, left 1s;
  -o-transition: opacity 0.3s, left 1s;
}

.index-classify-item-title {
  color: #333;
  font-size: 18px;
  width: 100%;
  position: absolute;
  text-align: center;
  top: 134px;
  transition: top 1s;
  -moz-transition: top 1s;
  -webkit-transition: top 1s;
  -o-transition: top 1s;
  z-index: 2;
}

/* .index-classify-item-title p{
  transition: color 1s;
  -moz-transition: color 1s;	
  -webkit-transition: color 1s;	
  -o-transition: color 1s;	
} */
.index-classify-item:hover .index-classify-item-title {
  top: 88px;
}

.index-classify-item:hover .index-classify-item-title p {
  color: #fff;
}

.index-classify-item:hover .index-classify-item-img {
  opacity: 0;
}

.index-classify-item-img2 {
  position: absolute;
  top: 200px;
  z-index: 0;
  transition: top 300ms ease-out;
  -moz-transition: top 300ms ease-out;
  -webkit-transition: top 300ms ease-out;
  -o-transition: top 300ms ease-out;
}

.index-classify-item:hover .index-classify-item-img2 {
  top: 0px;
}

.index-classify-item:first-child>.index-classify-item-title {
  top: 0px;
}

.index-classify-item:first-child>.index-classify-item-title>p {
  color: #fff;
  font-size: 20px;
}

.index-classify-item:first-child>.index-classify-item-title>p:first-child {
  margin-top: 66px;
}

.index-classify-item:first-child>.index-classify-item-title>p:nth-child(2) {
  margin-top: 6px;
}






/* 首页-新闻中心 */
.policy {
  overflow: hidden;
  padding-top: 80px;
}

.policy-title {
  margin: 0px 0px 20px;
}

.policy-img {
  display: none;
  float: left;
  width: 632px;
  height: 448px;
  overflow: hidden;
}

.policy-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.policy-list {
  display: flex;
  justify-content: space-between;
}

.policy-list a {
  width: 365px;
  display: inline-block;
}

.policy-cont {
  overflow: hidden;
  width: 100%;
  /* height: 150px; */
  float: left;
  position: relative;
}

.policy-cont>a {
  position: absolute;
  top: 0px;
  right: 0px;
  overflow: hidden;
  border: 1px solid #5889e4;
  border-radius: 1px;
}

.policy-item {
  padding: 0px;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
  margin-bottom: 25px;
  position: relative;
}

.policy-item:hover .policy-progress {
  width: 100%;

}

.policy-head {
  display: flex;
  line-height: 22px;
  overflow: hidden;
  /* align-items: center; */
  flex-direction: column;
}

.policy-tit {
  font-weight: 500;
  /* margin-right: 54px; */
  font-size: 16px;
  color: #373737;
  /* flex: 1; */
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 44px;
}

.policy-tit-time {
  font-weight: 400;
  font-size: 13px;
  overflow: hidden;
  color: #797979;
  text-align: right;
}

.policy-des {
  height: 56px;
  margin-top: 5px;
  overflow: hidden;
  font-size: 12px;
  color: #797979;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 9px;
  height: 56px;
}

.policy-progress {
  height: 3px;
  background-color: #5889e4;
  width: 0px;
  position: absolute;
  bottom: 0px;
  transition: width 1s;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
}

.policy-more {
  display: flex;
  align-items: center;
  line-height: 30px;
  color: #5889e4;
  float: right;
  transition: right .5s;
  -moz-transition: right .5s;
  -webkit-transition: right .5s;
  -o-transition: right .5s;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  padding-left: 10px;
}

.policy-more svg {
  margin-left: 5px;
}

.policy-more-img {
  background-color: #fff;
  float: right;
  transition: right .3s;
  -moz-transition: right .3s;
  -webkit-transition: right .3s;
  -o-transition: right .3s;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 1px;
}


.policy-cont a:hover .policy-more,
.policy-cont a:hover .policy-more-img {
  right: -120px;
}

.policy-cont a:hover .policy-more-hover,
.policy-cont a:hover .policy-more-hover-img {
  right: 0px;
}

.policy-more img,
.policy-more-hover img {
  margin-left: 5px;
  width: 30px;
}

.policy-more-hover {
  display: flex;
  align-items: center;
  line-height: 30px;
  color: #fff;
  position: absolute;
  right: 120px;
  top: 0px;
  transition: right .5s;
  -moz-transition: right .5s;
  -webkit-transition: right .5s;
  -o-transition: right .5s;
  z-index: 10;
  padding-left: 10px;
}

.policy-more-hover-img {
  line-height: 30px;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 120px;
  top: 0px;
  background-color: #5889e4;
  transition: right .3s;
  -moz-transition: right .3s;
  -webkit-transition: right .3s;
  -o-transition: right .3s;
  border-radius: 1px;
}

.policy-cont>a,
.policy-more,
.policy-more-img,
.policy-more-hover,
.policy-more-hover-img {
  width: 120px;
  height: 30px;
  font-size: 16px;
}

/*首页-新书推荐*/
.index-book {
  position: relative;
}

.index-book-item {
  width: 240px;
  height: 320px;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}

.index-book-item:hover .index-book-title {
  bottom: 0px;
}

.index-book-item:hover .index-book-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.swiper-index-book {
  width: 1080px;
}

.swiper-index-book .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: url('../img/icon_left_pre.png');
}

.index-book .swiper-button-prev,
.index-book .swiper-button-next {
  width: 40px;
  height: 40px;
}

.index-book .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: '';
}

.index-book .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: '';
}

.index-book-img {
  overflow: hidden;
}

.index-book-img img {
  transition: transform .5s;
  -moz-transition: transform .5s;
  /* Firefox 4 */
  -webkit-transition: transform .5s;
  /* Safari 和 Chrome */
  -o-transition: transform .5s;
  /* Opera */
}

.index-book-title {
  position: absolute;
  bottom: -87px;
  width: 100%;
  height: 87px;
  font-size: 16px;
  /* font-weight: 500; */
  padding: 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  transition: bottom .5s;
  -moz-transition: bottom .5s;
  /* Firefox 4 */
  -webkit-transition: bottom .5s;
  /* Safari 和 Chrome */
  -o-transition: bottom .5s;
  /* Opera */
}

.index-book-title p {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-book-title p:nth-child(2) {
  margin-top: 5px;
}

/*首页-友情链接*/
.index-link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.index-link-item {
  width: 280px;
  height: 128px;
  margin-bottom: 30px;
  overflow: hidden;
}


/*search页面*/
.search-square {
  width: 5px;
  height: 5px;
  background-color: #5889e4;
  display: inline-block;
  margin: 0px 7px 2px 4px;
}


/*download页面*/
.cont-download {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 26px;
}

.download-items {
  width: 509px;
  margin-right: 40px;
  margin-bottom: 40px;
}

.download-items:nth-child(2),
.download-items:nth-child(4) {
  margin-right: 0;
}

.download-items img {
  /* width: 280px; */
}

.download-items-title {
  /* padding-bottom: 8px; */
  /* border-bottom: 2px solid #d9d9d9; */
}

.download-items-more {
  float: right;
  font-size: 14px;
  color: #251b17;
}

.download-items-list {
  margin-top: 10px;
}

.download-items-list ul li {
  font-weight: 500;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 40px;
  border-bottom: 1px dashed #cecece;
}

.download-items-list ul li a {
  color: #4c4c4c;
}

.download-items-list ul li a:hover {
  color: #818488;
}


/*details-download页面*/
.cont-detalis-download {
  width: 100%;
  margin-top: 10px;
}

.details-download-items-cont {
  display: flex;
  justify-content: space-between;
}

.details-download-items {
  line-height: 36px;
  padding-left: 8px;
  padding-right: 15px;
}

.details-download-items:nth-child(even) {
  background-color: #f6f6f6;
}

.details-download-items a:hover .details-download-items-title {
  color: #818488;
}

.details-download-items a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.details-download-items-title {
  font-size: 16px;
  color: #4c4c4c;
  font-weight: 500;
}

.details-download-items-time {
  font-size: 16px;
  color: #4c4c4c;
}



/*introduction页面*/
.introduction-classify {
  float: left;
  width: 235px;
  margin-right: 40px;
}

.introduction-classify ul li {
  height: 52px;
  width: 100%;
  color: #5e5951;
  font-size: 20px;
  line-height: 52px;
  padding-left: 28px;
  cursor: pointer;
}

.introduction-classify ul li.checked {
  background-color: #5889e4;
  font-weight: 500;
  color: #fff;
}

.introduction-classify ul li a {
  width: 100%;
  height: 100%;
  display: block;
}

.introduction-classify ul li.checked a {
  color: #fff;
}

.introduction-cont {
  float: left;
  width: 925px;
}

.introduction-cont-title {
  font-size: 26px;
  font-weight: 500;
}

.introduction-cont-list {
  display: flex;
  flex-wrap: wrap;
}

.introduction-item {
  display: flex;
  width: calc(50% - 22.5px);
  margin-bottom: 84px;
}

.introduction-item:nth-child(even) {
  margin-left: 45px;
}

.introduction-item a {
  display: flex;
  width: 100%;
}

.introduction-img {
  width: 170px;
  height: 124px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: url('https://data2.ecnupress.com.cn/files/4899385eb25983/app/79677361639e60/resource/761592616396e0.png') no-repeat;
  background-size: 100%;
}

.introduction-main {
  display: flex;
  flex-direction: column;
  width: calc(100% - 170px);
  padding-left: 10px;
}

.introduction-title {
  color: #818488;
  font-size: 18px;
  margin-bottom: 10px;
  height: 54px;
  overflow: hidden;
}

.introduction-title>p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.introduction-time {
  text-align: right;
}

.introduction-content {
  color: #818488;
  font-size: 14px;
  height: 42px;
  overflow: hidden;
}

.introduction-content>p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.introduction-progress {
  height: 3px;
  width: 100%;
  position: relative;
}

.introduction-progress::before {
  content: '';
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #5889e4;
  transition: width 500ms;
  -moz-transition: width 500ms;
  /* Firefox 4 */
  -webkit-transition: width 500ms;
  /* Safari 和 Chrome */
  -o-transition: width 500ms;
  /* Opera */
}

.introduction-cont-details-title {
  font-size: 26px;
  color: #333;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.introduction-cont-details-time {
  font-size: 14px;
  color: #666;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.introduction-item:hover .introduction-progress::before {
  width: 100%;
}

.pagediv .pagination>.active>a,
.pagediv .pagination>.active>a:focus,
.pagediv .pagination>.active>a:hover,
.pagediv .pagination>.active>span,
.pagediv .pagination>.active>span:focus,
.pagediv .pagination>.active>span:hover {
  background-color: #f7f8f9;
  color: #7d7d7d;
  border: 1px solid #ddd;
}

.pagediv .pagination>li>a:focus,
.pagediv .pagination>li>a:hover,
.pagediv .pagination>li>span:focus,
.pagediv .pagination>li>span:hover {
  background-color: #f7f8f9;
  border: 1px solid #ddd;
}

@media only screen and (max-width: 1500px) {

  .link-item>img,
  .link-item>a>img {
    width: 50px;
  }

}

.dqgz-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 66px;
  border-bottom: 2px solid #D9D9D9;
}

.dqgz-item-title>p:first-child {
  line-height: 36px;
  font-weight: 600;
  font-size: 26px;
  color: #251B17;
  display: flex;
  align-items: center;
}
.dqgz-item-title>p:first-child::before{
  content: '';
  display: inline-block;
  width: 4px;
  height: 35px;
  background: #5889E4;
  margin-right: 8px;
}
.dqgz-item-title>p:first-child>span:first-child{
  line-height: 45px;
  font-weight: 900;
  font-size: 32px;
  color: #251B17;
  margin-right: 4px;
  font-family: Songti SC-Black;
}
.dqgz-item-title>p:nth-child(2) {
  line-height: 20px;
  font-size: 14px;
  color: #939393;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dqgz-item-title>p:nth-child(2)>img {
  width: 16px;
  margin-left: 2px;
}

.dqgz-item-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 36px;
}

.dqgz-item-list-item {
  width: calc(50% - 18px);
  display: inline-block;
  padding-bottom: 30px;
  cursor: pointer;
}

.dqgz-item-list-item:nth-child(odd) {
  margin-right: 35px;
}

.dqgz-item-list-item>p:first-child {
  line-height: 25px;
  font-size: 18px;
  color: #251B17;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dqgz-item-list-item>p:nth-child(2) {
  line-height: 22px;
  font-size: 16px;
  color: #BBBBBB;
  text-align: right;
  padding-top: 10px;
  position: relative;

}

.dqgz-item-list-item>p:nth-child(2)::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #5889E4;
  transition: all 500ms;
}

.dqgz-item-list-item:hover>p:nth-child(2)::after {
  width: 100%;
}

.dqgz .pagediv{
  padding-top: 36px;
}