/* 适配移动页面 */
.ph_show{display: none;}
@media (max-width: 689px) and (min-device-width: 320px), (max-device-width: 480px){
  html{
    font-size: 26.6667vw;
  }
  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;}
  .ph_focus{
    width: 100%;
    height:1.69rem;
    background: #ececec;
  }
  /* 好书共享焦点图 */
  .ph_hsgx_focus{
    width: 3.45rem;
    height: 1.7rem;
    margin:.2rem auto;
    background: #ffffff;
    box-shadow: 0 .02rem .06rem 0 rgba(207,207,207,0.35); 
    position: relative;
  }
  .box_layer{
    width:100%;
    height:auto;
    overflow: hidden;
    position: relative;
  }
  .left_layer{
    position: absolute;
    left:0;
    top:.2rem;
    width:.14rem;
    height: 1.7rem;
    background: #fff;
    z-index: 5;
    border-right:.01rem solid rgba(207,207,207,0.35);
  }
  .right_layer{
    position: absolute;
    right:0;
    top:.2rem;
    width:.1rem;
    height: 1.7rem;
    background: #fff;
    z-index: 5;
  }
  .ph_hsgx_focus_left{
    float: left;
    height: 1.7rem;
    width:.45rem;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
    /* background: #fff; */
  }
 
  .hsgx_txt{
    width: .35rem;
    height: 1.7rem;
    background: #ffffff;
    float: left;
    font-size: .15rem;  
    text-align:center;
    line-height: .2rem;
    letter-spacing:.05rem;
     writing-mode: horizontal-tb;
     -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  }
  .hsgx_txt a{
    color: #222222;
    display: block;
       margin: .4rem .08rem;
  }
  
  .ph_shadow{
    float: left;
    width: .08rem;
    height: 1.42rem;
    opacity: 0.94;
    margin:.14rem 0;
    background: linear-gradient(#ffffff, #eaeaea 46%, #ffffff);
    filter: blur(.04rem);
  }
  
  .hsgx_view{
    float: right;
    width:3rem;
    height:1.7rem;
    /* margin:0 .1rem;  */
  }
  /* 好书焦点图  */
  .hsgx_view div.swiper-slide div.box {
    width: 100%;
    height:1.7rem;
    overflow: hidden;
    position: relative; 
    margin:0 auto;
    font-size: .12rem; 
  }
  .hsgx_view div.swiper-slide div.box img{
    width: .85rem;
    height: 1.2rem;
    float: left;
    margin:.25rem  .15rem .25rem .1rem; 
  }
  .hsgx_view div.swiper-slide div.box  h3,
  .hsgx_view div.swiper-slide div.box p{
    font-size: .18rem;  
    color: #222222;
    line-height: .2rem;
    padding-right:.1rem;
  }
  .hsgx_view div.swiper-slide div.box h3{ 
    font-weight: 700; 
    margin-top:.25rem;
    line-height: .25rem;
  }
  .hsgx_view div.swiper-slide div.box p{
    font-size: .12rem; 
  }
  .swiper-view{
    position: relative;
    z-index: 1;
  }
  /* 圆点 */
  .hsgx_view .swiper-pagination-view {
    width: 100%;
    height:.1rem;
    position: absolute;
    left: 0;
    top:1.45rem;
    text-align: center;
  }
  .hsgx_view .swiper-pagination-view span.swiper-pagination-bullet,
  .hsgx_view .swiper-pagination-view span.swiper-pagination-switch{
    display: inline-block;
    width: .05rem;
    height: .05rem;
    border-radius: 50%;
    margin: 0 .05rem;
    cursor: pointer;
    background: #666;
    }
    .hsgx_view .swiper-pagination-view span.swiper-pagination-bullet-active,
    .hsgx_view .swiper-pagination-view span.swiper-visible-switch  {
    width: .13rem;
    border-radius: .03rem;
    background: #FE8833;
    }

  .hsgx_view span.swiper-pagination-bullet {
    display: inline-block;
    width: .05rem;
    height: .05rem;
    border-radius: 50%;
    margin: 0 .05rem;
    background: #666;
  }
  .hsgx_view span.swiper-pagination-bullet-active {
    width: .13rem;
    border-radius: .03rem;
    background: #FE8833;
  }
  /* 列表 */

  .ph_list{
    width: 100%;
    height:auto;
    margin:0 auto; 
  }
  .ph_list_cultural_history{
    width:3.445rem;
    height:auto;
    margin:.2rem auto 0; 
  }
  .ph_list_cultural_history:last-child{
    margin-bottom: .3rem;
  }
  .ph_list_cultural_history h3{
    float: left;
    font-size: .22rem;
    font-weight: 700;
    text-align: left;
    color: #222222;
    line-height: .3rem;

  }
  .ph_list_cultural_history .ph_cultural_history_nav a{ 
    float:right;
    font-size: .14rem; 
    text-align: left;
    color: #999999;
    line-height: .3rem;
  }
  .ph_list_cultural_history li{
    width:100%;
    min-height: .68rem;
    padding-bottom: .15rem;
    border-bottom: .01rem  solid #F1F1F1;
    margin-top: .15rem;
    overflow: hidden;
  }
  .ph_list_cultural_history li:last-child{
    border:none;
  }
  .ph_list_cultural_history li img{
    float: left;
    width: 1.2rem;
    height:.68rem;
    margin-right: .15rem;
  }
  .ph_list_cultural_history li .ph_title{
    font-size: .16rem; 
    text-align: left;
    color: #222222;
    line-height: .22rem;
  }
  .ph_list_cultural_history li .ph_time{
    font-size:.12rem; 
    text-align: left;
    color: #afafaf;
    line-height: .24rem;
  }
  .ph_list .ph_line{
    width: 100%;
    height: .05rem;
    background: #f6f6f6;
  }


}