body{min-width: 1200px;}

.bookIndex_content{
  width:1200px;
  margin:0 auto;
}
.crumbs{
  text-align: left;
  font-size: 14px;
  color: rgba(102,102,102,1);
  line-height: 24px;
  overflow: hidden;
  padding: 38px 0 19px 0;
  /* border-bottom: 1px solid #E7E7E7; */
}
.crumbs a{
  color:#666666;
  text-decoration: none;
}
.crumbs::before {
  display: block;
  float: left;
  content: '';
  width: 13px;
  height: 17px;
  background:url(805.png)no-repeat left;
  margin-right: 10px;
  margin-top:3px;
}
/* 内容 */
.book_list_left{
  float: left;
  width:794px;
  height:auto;
  border-top:1px solid rgba(231,231,231,1);
  position: relative;
}
.book_nav{
  width:125px;
  height:360px; 
  position: absolute;
  top:10px;
  left:-165px;
}
.book_nav span{
  display: block;
  width:125px;
  height:46px;
  background:rgba(222,97,78,1);
  border-radius:5px;
  cursor: pointer;
  font-size:20px;
  color:rgba(255,255,255,1);
  line-height: 46px;
  text-align: center;
  margin-bottom: 25px;
}
.book_ul{
  width:100%; 
  height:auto; 
}
.book_li:first-child+div{
   margin-left: 14px;
}
.book_li img{float: left;margin-right:20px;}
.book_li{
  float: left;
  width:390px;
  margin-top:20px;
  margin-bottom: 5px;;
}
.book_li .text h3{
  font-size:17px; 
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:26px;
  margin-top:27px;
}
.book_li .text p{
  font-size:15px;
  color:rgba(102,102,102,1);
  line-height:22px;
  max-height: 44px;
  padding:11px 0;
}
.book_li .text {overflow: hidden;}
.book_li .text i{
  display: block;
  width:104px;
  height:43px;
  background: url(1322.png)no-repeat center;
  float: right;
}
.page {
  width: 100%;
  text-align: center;
  padding: 40px 0;
  float: left;
}
/* 2020/9/24 liang*/
.page span{
    /* display: inline-block;
    width: 37px;
    height: 37px;
    font-size: 18px;
    border: 1px solid rgba(191,191,191,1);
    opacity: 0.39; */
    border-radius: 5px;
    line-height: 37px;
    margin: 0 10px;
    cursor: pointer;
    color: #C5C5C5;
    text-align: center;
}
/* 右侧 */
.book_list_right{
  float: right;
  width:367px;
  height:auto; 
}
.focus{
  width:366px;
  height:213px;
  border-radius:5px; 
  position: relative;
  /* background: url(#)no-repeat center; */
  /* z-index: 9; */
}
.highlights{
  width:97px;
  height:34px;
  font-size:20px;
  line-height: 34px;  
  color:#fff;
  border-left:5px solid #FE8833;
  position: absolute;
  left: 0;
  top:0;
  border-top-left-radius: 5px;
  padding-left: 10px;
  z-index: 10;
}
/* 轮播 */
.slideBox{ width:366px; height:213px; overflow:hidden; position:relative; }
  .slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:20px; bottom:15px; z-index:1; }
  .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
  .slideBox .hd ul li{ float:left; margin-left:9px;  width:18px; height:18px; line-height:18px; text-align:center; border:1px solid #fff; cursor:pointer;color:#fff }
  .slideBox .hd ul li.on{ background:#FFC501; color:#070707; }
  .slideBox .bd{ position:relative;
     height:100%; z-index:0; 
  
      }
  .slideBox .bd li{ zoom:1; vertical-align:middle; }
  .slideBox .bd img{width:366px; height:213px; display:block; border-radius: 5px; 
     
    position: relative;
    z-index: 0;
  }
  .slideBox .bd li p{
    position: absolute;
    left:20px;
    bottom:50px;
    height:40px;
    width:328px;
    border-bottom:1px solid #fff;
    line-height: 40px;
    color:#fff;
    font-size:18px; 
  }
  /* 热门咨询 */
  .hot_consultation{
    width:367px;
    height:526px;
    background:rgba(247,247,247,1);
    border-radius:5px; 
    overflow: hidden;
  } 
  .hot_consultation>p,
  .hot_words>p 
  {
    width:328px;
    height:50px;
    border-top:1px solid rgba(202,202,202,1); 
    margin:20px auto;
  }
  .hot_consultation>p span,
  .hot_words>p span {
    display: inline-block;
    font-size:20px; 
    color:rgba(51,51,51,1); 
    border-top:2px solid #FE962E; 
    line-height: 50px;
    margin-top:-2px;
  }
  .hot_consultation>p span::before{
    display: block;
    float: left;
    width:18px;
    height:20px;
    content: '';
    background: url(#)no-repeat left;
    margin:15px 5px 0 0;

  }
  .hot_img,.hot_list{
    width:327px;
    margin:0 auto;
  }
  .hot_img>div{
    margin-top:20px;
  }
  .hot_img img{
    float: left;
    width:165px;
    height:86px;
    margin-right: 10px;
  }
  .hot_img p{
    font-size:18px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:28px; 
  }
  .hot_list li{
    font-size:16px; 
    color:rgba(51,51,51,1);
    line-height:25px;
    margin-top:20px;
  }
  .hot_list li::before{
    display: block;
    content: '';
    width:6px;
    height:6px;
    background:rgba(170,170,170,1);
    border-radius:50%;
    float: left;
    margin: 12px 15px 0 0;
  }
  .hot_list li a{
    color:#333;
    text-decoration: none;
  }
  .hot_consultation,
  .good_book,
  .hot_words{
    margin-top:30px;
  }
  /* 好书推荐 */
  .good_book{
    width:367px;
    height:294px;
    background:rgba(247,247,247,1);
    border-radius:5px; 
  }
  .picScroll-left>p{
    width:328px;
    height:50px;
    border-top:1px solid rgba(202,202,202,1); 
    margin:20px auto;
  }
  .picScroll-left>p span{
    display: inline-block;
    font-size:20px; 
    color:rgba(51,51,51,1); 
    border-top:2px solid #FE962E; 
    line-height: 50px;
    margin-top:-2px;
  }
  .picScroll-left>p span::before{
    display: block;
    float: left;
    width:19px;
    height:19px;
    content: '';
    background: url(#)no-repeat left;
    margin:15px 5px 0 0;
  }
  .good_book_picscroll{
    width:327px;
    height:274px;
    margin:0 auto;
  }
  .picScroll-left {
    width:327px;
    height:274px;
    overflow: hidden;
    position: relative; 
  }

  .picScroll-left .hd {
    overflow: hidden;
    height: 30px; 
    position: absolute;
    top:20px;
    right:0px;
    z-index: 9;
    width:60px;
    border:1px solid red;
  }

  .picScroll-left .hd .prev,
  .picScroll-left .hd .next {
    display: block;
    width: 5px;
    height: 9px;
    float: left;
    margin-left: 5px;
    margin-top: 10px; 
    cursor: pointer; 
  }
  .picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
  }

  .picScroll-left .bd ul li { 
    width:327px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
  } 

  .picScroll-left .bd ul li .pic img {
    width: 120px;
    height: 160px;
    display: block;
    float: left;
    margin-right:15px;
  }

  .picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
  }

  .picScroll-left .bd ul li .title {
    line-height: 24px;
  }
  .title h3{
    font-size:20px; 
    font-weight:bold;
    color:rgba(199,20,16,1);
    line-height:27px;
    margin-top:20px;
  }
  .title h3 a{
    color:rgba(199,20,16,1);
  }
  .txt{
    font-size:16px; 
    color:rgba(102,102,102,1);
    line-height:27px;
    padding: 5px 0;
  }
  .times{
    font-size:16px; 
    color:rgba(102,102,102,1);
    line-height:27px;
    text-align: right;
  }



/*  */
  .books{
    width:367px;
    height:160px;
    margin-top:10px;
  }
  .books span{
     display:block;
     width:116px;
     height:160px;
     float: left;
     margin-left: 9px;
  }
  .books span:first-child{
    margin-left: 0;
  }
  /* 热门词汇 */
  .hot_words{
    width:367px;
    height:364px;
    background:rgba(247,247,247,1);
    border-radius:5px;
    overflow: hidden;
  }
  .hot_words>p{margin-bottom:0}
  .hot_words>p span::before{
    display: block;
    float: left;
    width:17px;
    height:21px;
    content: '';
    background: url(#)no-repeat left;
    margin:15px 5px 0 0;
  }
  .hot_words_ul{
    padding:0 19px;
  }
  .hot_words_ul li{
    float: left;
    font-size:18px;
    min-width:73px;
    color:rgba(102,102,102,1);
    line-height:27px;
    border:1px solid rgba(230,230,230,1);
    padding:5px 5px;
    text-align: center;
    margin-top:30px;
    margin-right:24px;
  }
  
/* 适配移动页面 */
.ph_show{display: none;}
@media (max-width: 689px) and (min-device-width: 320px), (max-device-width: 480px){
  html{
    font-size: 26.666667vw;
  }
  body {
    min-width: 1200px;
    -webkit-text-size-adjust: none !important;
    min-width: 100%;
    width: 100%; 
    background: #fff;
  }
  .pc_hide{display: none;}
  .ph_show{display: block;}

  /* 列表 */
  .hs_nav{
    width:100%;
    height: .4rem;
    background: #ffffff;  
    box-shadow: 0pt 3pt 6pt 0pt rgba(196,196,196,0.2);
  }
 
  .hs_nav  a{
    color: #333333;
  }
  .hs_nav .ph_add{
    background: url(#)no-repeat bottom;
    padding-bottom:.1rem;
  }
  .hs_nav .ph_add a{
    color: #fe8833;
  }
  .ph_cont {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    /*段落中文本不换行*/
    white-space: nowrap;
    /*阴影*/
    box-shadow: 0 .03rem .06rem 0 rgba(196,196,196,0.2); 
    /*设置横向滚动*/
    overflow-x: scroll;
    /*禁止纵向滚动*/
    overflow-y: hidden;
    /*文本平铺*/
    text-align: justify;
    /*背景颜色*/
    background: #Fff;
    padding: 0 .05rem; 
    /*设置边距改变效果为内缩*/
    box-sizing: border-box;
  }
  
  .ph_cont a {
    color: #333333;
    /*取消超链接下划线*/
    text-decoration: none;
    margin: auto .1rem;
    font-size: .14rem;
  }
  .ph_cont a.ph_add{
    color:#FE8833
  }
  .ph_cont::-webkit-scrollbar {
    /*隐藏滚动条*/
    display: none;
  }
/*  */


/*  */
  .hs_list{
    width:3.44rem;
    height:auto;
    margin:.27rem auto;
  }
  .hs_list li{
    width: 100%;
    border-bottom: 1pt solid #f1f1f1;
    padding-bottom: .15rem;
    margin-bottom: .15rem;
    overflow: hidden;
  }
  .hs_list li img {
    float: left; 
    width: .85rem;
    height: 1.2rem;
    margin-right: .15rem;
  }
  .hs_list li .hs_text{
    /* float: left; */
    /* width: 2.4rem; */
  }
  .hs_list li .hs_text h3{
    font-size: .18rem; 
    font-weight: 600; 
    color: #222222;
    line-height: .25rem;
    padding-bottom: .07rem;
  }
  .hs_list li .hs_text p{
    font-size: .12rem; 
    color: #222222;
    line-height: .2rem;
  }
  /* 分页 */
  .ph_page{
    text-align: center;
    padding: .2rem 0;
  }
  .prevPage1 {
    display: block;
    width: .2rem;
    height: .2rem;
    border: .01rem solid #BFBFBF;
    box-sizing: border-box;
    background: url(773.png) no-repeat center center;
    border-radius: .03rem;
    float: left;
  }

  
  .prevPage2 {
    display: block;
    width: .2rem;
    height: .2rem;
    border: .01rem solid #BFBFBF;
    box-sizing: border-box;
    background: url(773.png) no-repeat center center;
    filter: alpha(opacity=50);
    opacity: 0.5;
    border-radius: .03rem;
    float: left;
  }
  
  .nextPage1 {
    display:block;
    width: .2rem;
    height: .2rem;
    border: .01rem solid #BFBFBF;
    box-sizing: border-box;
    background: url(774.png) no-repeat center center;
    border-radius:.03rem;
    float: left;
  }
  
  
  .nextPage2 {
    display:block;
    width: .2rem;
    height: .2rem;
    border: .01rem solid #BFBFBF;
    box-sizing: border-box;
    background: url(774.png) no-repeat center center;
    filter: alpha(opacity=50);
    opacity: 0.5;
    border-radius: .03rem;
    float: left;
  }
  
  
  .loadMore .curr {
    line-height: .2rem;
    display:block;
    width: .2rem;
    height: .2rem;
    border-radius: .03rem;
    margin-right: .1rem;
    color: #FFFFFF !important;
    font-size: .12rem;
    text-align: center;
    background: #DE614E !important;
    float: left;
  }
  
  .loadMore .nocurr {
    line-height: .2rem;
    display:block;
    width: .2rem;
    height: .2rem;
    box-sizing: border-box;
    border: .01rem solid #BFBFBF;
    border-radius: .03rem;
    margin-right: .1rem;
    font-size: .12rem;
    float: left;
  }
  
  .loadMore .nocurr span {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}