.wrap_book .bookDetial {
  padding: 42px 42px;
  background: #FFF;
  width: 1015px;
}
.wrap_book .bookDetial .book_top {
  display: flex;
  line-height: 30px;
  margin-bottom: 44px;

}
.wrap_book .bookDetial .book_topt {
  /*display: flex;*/
  line-height: 30px;
  margin-bottom: 44px;

}
.wrap_book .bookDetial .book_list {
  display: flex;
  flex-wrap: wrap;
}
.wrap_book .bookDetial .book_list .book {
  width: 170px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  margin: 0 6px;
  margin-top: 18px;
  font-size: 14px;
  line-height: 20px;
}
.wrap_book .bookDetial .book_list .book .bookImg {
  width: 100%;
}
.wrap_book .bookDetial .book_list .book .bookImg img {
  width: 100%;
}
.wrap_book .bookDetial .des_txt {
  line-height: 26px;
  font-size: 13px;
  margin-top: 26px;
  font-family: "宋体";
  margin-bottom: 20px ;
  text-decoration: none;
}
.wrap_book .bookDetial .des_txt p {
  text-indent: 2em;
  text-decoration: none;
}
.wrap_book .bookDetial .des_txt img {
    width: 100%;
}
.wrap_book .bookDetial .bookDes_btn {
  margin-top: 12px;
}
.wrap_book .bookDetial .bookDes_btn .btn {
  padding: 9px 14px;
  margin-right: 10px;
}
.wrap_book .bookDetial .bookDes_btn .btn:nth-child(1) {
  border: 1px solid #007aff;
}
.wrap_book .bookDetial .bookDes_btn .btn:nth-child(2) {
  border: 1px solid #cc3929;
  background: #cc3929;
  color: #FFF;
}
.wrap_book .bookDetial .bookDes_text1 span {
  font-size: 14px;
}
.wrap_book .bookDetial .bookDes_text1 span:nth-child(1) {
  font-weight: 600;
  font-size: 20px;
}
.wrap_book .bookDetial .bookDes_text2 {
  font-size: 14px;
}
.wrap_book .bookDetial .bookDes_text3 {
  display: flex;
}
.wrap_book .bookDetial .bookDes_text3 .key {
  font-weight: 600;
}
.wrap_book .bookDetial .bookDes_text3 div {
  margin: 0 10px;
}
.wrap_book .bookDetial .bookDes_text3 div:nth-child(1) {
  margin-left: 0;
}
.wrap_book .bookDetial .bookImg {
  width: 147px;
  height: 197px;
  overflow: hidden;
  margin-right: 32px;
}
.wrap_book .bookDetial .bookImg img {
  width: 100%;
}
.wrap_surname .booksurname {
  padding: 42px 42px;
  background: #FFF;
  width: 1015px;
  height: 728px;
}
.wrap_surname .surnameList {
  display: flex;
  margin-top: 26px;
  flex-wrap: wrap;
}
.wrap_surname .surnameList .surname {
  display: flex;
  justify-content: space-between;
  width: 160px;
  border-bottom: 1px #9a9a9a dashed;
  padding: 10px 0;
  margin: 0 12px;
}
.wrap_bookComment .book_concent .bookComment {
  padding: 42px 42px;
  background: #FFF;
  width: 1015px;
  min-height: 505px;
/*  height: 728px;*/
}
.wrap_bookComment .book_concent .bookComment .comment {
  display: flex;
  padding: 22px 0;
  border-bottom: 1px #9a9a9a dashed;
  justify-content: space-between;
  align-items: center;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_L {
  width: 850px;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_L .bookTitle {
  margin-bottom: 14px;
  font-weight: 600;
}
.comment .comment_L .bookTitle a{
color: #666;
}
.comment .comment_L .bookTitle a:hover{
color: #c60300;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_L .bookdes {
  display: flex;
  line-height: 25px;
  color: #8f8f8f;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_L .bookdes .pic {
  width: 70px;
  height: 84px;
  margin-right: 14px;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_L .bookdes .pic img {
  width: 100%;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_R {
  text-align: right;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_R .num {
  background: #ae0001;
  color: #FFF;
  padding: 3px;
  display: inline-block;
}
.wrap_bookComment .book_concent .bookComment .comment .comment_R .date {
  color: #8f8f8f;
  margin-top: 8px;
}
.wrap_authorList .book_concent .author_list {
  padding: 42px 42px;
  background: #FFF;
  width: 796px;
  height: 728px;
}
.wrap_authorList .book_concent .author_list .author {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 18px 0;
  border-bottom: 1px #9a9a9a dashed;
  cursor: pointer;
}
.wrap_authorList .book_concent .author_list .author .key {
  background: #c60300;
  color: #FFF;
  display: inline-block;
  padding: 4px 3px;
  margin-right: 6px;
}
.wrap_bookList .book_concent .book_list {
  padding: 42px 42px;
  background: #FFF;
  width: 796px;
  min-height: 728px;
  display: flex;
  flex-wrap: wrap;
}
.wrap_bookList .book_concent .book_list .book {
  width: 147px;
  margin-top: 20px;
  margin-left: 14px;
  margin-right: 14px;
  line-height: 22px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.wrap_bookList .book_concent .book_list .book .pic {
  width: 147px;
  height: 209px;
  overflow: hidden;
}
.wrap_bookList .book_concent .book_list .book .pic img {
  width: 100%;
}
.wrap_bookList .book_concent .book_list .book .bookName {
  display: -webkit-box;
  display: -moz-box;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /* 实现限制文字显示多少行,也就是说要多少行是出现省略号,我这里设置三行就让文本出现省略号 */
  -webkit-line-clamp: 2;
}
.wrap_bookList .book_concent .book_list .book .bookAuthor {
  color: #de5a5a;
  font-size: 12px;
  margin-top: 6px;
}
.wrap_index {
  height: 100vh;
  background: #f6f6f6 url('../img/bg.jpg') no-repeat top;
}
.wrap_index .center {
  width: 1010px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.wrap_index .center .logo {
  position: absolute;
  top: 104px;
}
.wrap_index .center .logo img {
  width: 360px;
}
.wrap_index .center .btnBox {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.wrap_index .center .btnBox .btn {
  cursor: pointer;
  margin: 70px auto 0;
  width: 300px;
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  background: url('../img/btn.png');
  background-size: 100% 100%;
  color: #000;
}
.wrap_index .center .btnBox .btn:hover {
  opacity: 0.9;
}
.wrap_index .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 104px;
  width: 100%;
  background: #4dabc7;
  line-height: 104px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}
.wrap {
  background: #f6f6f6 url('../img/bg.jpg') no-repeat top;
  min-height: 650px;
}
.wrap .breadcrumbBox {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.wrap .breadcrumbBox .breadcrumb {
  margin-bottom: 0;
}
.wrap .book_concent {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.wrap .book_concent .pages {
  text-align: right;
}
.wrap .book_concent .book_menu {
  width: 155px;
}

.wrap .book_concent .book_menu .b_menu {
  width: 100%;
  height: 64px;
  text-align: center;
  line-height: 64px;
  cursor: pointer;
  background: #FFF;
  border-bottom: 1px solid #eeeeee;
  text-decoration:none;
}



.wrap .book_concent .book_menu .b_menu.on,
.wrap .book_concent .book_menu .b_menu:hover {
  text-decoration:none;
background-color: #C60300;
color: #FFF;
}

.wrap .center {
  width: 1010px;
  margin: 0 auto;
}
.wrap .title {
  width: 100%;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  background: url(../img/h1.png ) no-repeat left bottom;
  background-size: auto;
}
.wrap .wrap1 {
  padding-top: 66px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.wrap .wrap1 .searchBox {
  display: flex;
}
.wrap .wrap1 .searchBox input {
  border: none;
  height: 40px;
  width: 270px;
  padding: 0 20px;
}
.wrap .wrap1 .searchBox .text {
  width: 85px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  background: #ae0001;
  display: inline-block;
}
.wrap .menuList {
  margin-top: 50px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f5f7f6;
  display: flex;
  position: relative;
}
.wrap .menuList .menu {
  padding: 0 48px;
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
.wrap .menuList .menu.on,
.wrap .menuList .menu:hover {
  background: #ae0001;
  color: #FFF;
}
.wrap .menuList .login {
  cursor: pointer;
  position: absolute;
  right: 24px;
  height: 40px;
  display: flex;
  align-items: center;
}
.wrap .bannerBox {
  padding: 16px ;
  background: #FFF;
  margin-top: 16px;
}
.wrap .bannerBox .swiper-pagination {
  bottom: 0;
  background: #000000ab;
  padding: 3px 0;
  text-align: right;
}
.wrap .bannerBox .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #FFF;
  opacity: 1;
}
.wrap .bannerBox .swiper-pagination-bullet-active {
  background: #007aff;
}
.wrap .bannerBox .swiper-container {
  width: 100%;
  height: 340px;
}
.wrap .bannerBox .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wrap .wrap2 {
  padding: 18px 16px;
  background: #FFF;
  margin-top: 14px;
}
.wrap .wrap2 .title {
  width: 100%;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  background: url(../img/h1.png ) no-repeat left bottom;
  background-size: auto;
}
.wrap .wrap2 .title .gd a{
color: #666;
}
.wrap .wrap2 .title .gd a:hover{
 color: #C60300;
}

.wrap .wrap2 h2 {
  font-weight: 100;
  font-size: 16px;
}
.wrap .wrap2 .t a{
color: #666;
}
.wrap .wrap2 .t a:hover{
 color: #C60300;
}
.wrap .wrap2 .swiper-container2 {
  width: 100%;
  height: 320px;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.wrap .wrap2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wrap .wrap2 .swiper-pagination {
  bottom: 0;
}
.wrap .wrap2 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #9a9a9a;
  opacity: 1;
}
.wrap .wrap2 .swiper-pagination-bullet-active {
  background: #b10001;
}
.wrap .wrap3 {
  padding: 18px 16px;
  background: #FFF;
  margin-top: 14px;
  padding-bottom: 24px;
}
.wrap .wrap3 .content {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wrap .wrap3 .new {
  padding: 12px 0 ;
  display: flex;
  align-items: center;
  color: #666666;
  width: 472px;
  border-bottom: 1px #666666 dotted;
}
.wrap .wrap3 .new .text2 {
  width: 274px;
  margin-left: 12px;
}
.wrap .wrap3 .new .text2 a{
color: #666;
/* line-height: 24px;
 font-size: 14px;*/
}
.wrap .wrap3 .new .text2 a:hover{
 color: #C60300;
}
.wrap .wrap3 .new .text3 {
  width: 60px;
  margin: 0 16px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #cdcdcd;
}
.wrap .wrap3 .new .text3 img {
  width: 16px;
  height: 16px;
}

.wrap .wrap3 .title .gd a{
 color: #666;
}
.wrap .wrap3 .title .gd a:hover{
color: #c60300;
}

.wrap .ggbox {
  width: 100%;
  height: 68px;
  margin-top: 16px;
  background: url(../img/gg.png) no-repeat;
}
.wrap .wrap4 {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.wrap .wrap4 .wrap4-1  {
  width: 468px;
  padding: 18px 16px;
  background: #FFF;
}
.wrap .wrap4 .wrap4-1 .content {
  margin-top: 20px;
  color: #666666;
}
.wrap .wrap4 .wrap4-1 .content .item {
  display: flex;
  padding: 12px 0 ;
  justify-content: space-between;
  border-bottom: 1px #666666 dotted;
}
.wrap .wrap4 .wrap4-1 .content .item .text1 {
  display: flex;
  align-items: center;
}
.wrap .wrap4 .wrap4-1 .content .item .text1 a{
color: #666;
}
.wrap .wrap4 .wrap4-1 .content .item .text1 a:hover{
color: #C60300;
}
.wrap .wrap4 .wrap4-1 .content .item .text1 img {
  margin-right: 4px;
}
.wrap .wrap4 .wrap4-1 .content .item .key a{
  color: #ff0300;
}
.wrap .wrap4 .wrap4-1 .content .item .key a:hover{
  color: #c60300;
}
.wrap .wrap4 .wrap4-2 {
  width: 468px;
  padding: 18px 16px;
  background: #FFF;
}
.wrap .wrap4 .wrap4-2 .content {
  margin-top: 20px;
  color: #666666;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wrap .wrap4 .wrap4-2 .content .item {
  width: 205px;
  display: flex;
  padding: 12px 0 ;
  justify-content: space-between;
  border-bottom: 1px #666666 dotted;
}
.wrap .wrap4 .wrap4-2 .content .item .key {
  color: #ff0300;
}
.wrap .wrap4 .wrap4-2 .content .item .text1 {
  display: flex;
  align-items: center;
}
.wrap .wrap4 .wrap4-2 .content .item .text1 img {
  margin-right: 4px;
}
.wrap .wrap4 .wrap4-2 .content .item .text img {
  width: 16px;
  height: 16px;
}
.wrap .wrap4 .wrap4-2 .content .item .text1 .lx a{
 color: #666;
}
.wrap .wrap4 .wrap4-2 .content .item .text1 .lx a:hover{
color: #c60300;
}
.wrap .wrap4 .wrap4-2 .title .gd a{
 color: #666;
}
.wrap .wrap4 .wrap4-2 .title .gd a:hover{
color: #c60300;
}

.wrap4 .wrap4-1 .title .gd a{
 color: #666;
}
.wrap4 .wrap4-1 .title .gd a:hover{
color: #c60300;
}
.wrap .footer {
  margin-top: 16px;
  background: #FFF;
  padding: 14px 0;
  text-align: center;
}
.wrap .footer a{
 color: #666;
}
.wrap .footer a:hover{
color: #c60300;
}

.modal{
   top: 50%;
    margin-top: -186px;
}