pfhwyigou/mobile/web/css/house/album.css

.max_box{max-width:640px;margin:auto;min-width:320px;}

#LRdiv3{display:none !important;}

.m_album_box{width:100%;height:100%;background:#000;overflow:hidden;position:fixed;top:0;left:0;z-index:100;}
.m_Return{width:13px;margin:20px 15px;z-index:100;position:absolute;top:0;}
.m_Return img{width:100%;display:block;}


/*轮播*/
.m_swiper_box{width:100%;height:100%;background:#000;}
.m_albumlb_box{width:100%;height:100%;background:#000;}
.m_albumlb_box ul li{width:100%;background:#000;
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-o-flex;
  align-items:center;
}
.m_albumlb_box ul li img{width:100%;display:block;max-height:537px;}
.m_albumlb_box ul li .m_video{width:100%;height:260px;position:relative;}
.m_albumlb_box ul li .m_video_img{width:80px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;}
.m_albumlb_box ul li .m_video_img img{width:100%;display:block;}

.m_albumlb_box .swiper-pagination {
  top: auto;
  color: #fff;
  text-align: right;
  padding-right: 20px;
  z-index: 1;
  height: 25px;
  line-height: 25px;
  bottom:90px;
}


/*信息*/
.m_album_text{padding:10px 15px;background: rgba(0,0,0,0.5);position:absolute;bottom:65px;width:100%;left:0;}
.m_album_textTop:nth-child(2){margin-top:20px;}
.m_album_textTop span{font-size:0.8125rem;color:#FFF;margin-right:20px;}




/*导航*/
.m_albumtnav_box{position:absolute;bottom:0;width:100%;z-index:100;}
.wrapper02_box{width:100%;background:#000;}
.wrapper02 {position:relative;height:65px;width:95%;overflow: hidden;margin:0 auto;}
.wrapper02 .scroller {position:absolute}
.wrapper02 .scroller ul{width:100%;}
.wrapper02 .scroller li {position:relative;width:74.4px;height:50px;color:#333;float: left;line-height:50px;text-align:center;}
.wrapper02 .scroller li a{font-size:0.875rem;color:#fff;display:block;}
.wrapper02 .scroller li.cur a i{background:#F24747;}
.wrapper02 .scroller li.cur a{color:#F24747;}
.wrapper02 .scroller li a i{display:block;background:#000;height:2px;position: absolute;bottom:3px;left:50%;width:80%;border-radius:20px;margin-left:-40%;}



.data_remind{border:1px solid;width:100%;height:100%;position:fixed;top:0;left:0;background:#333;}


@media screen and (min-width: 300px) and (max-width: 374px) {
  .wrapper02 .scroller li{width:61.4px;}
  .m_albumlb_box ul li img{max-height: 438px;}
}

@media screen and (min-width: 414px){

  .wrapper02 .scroller li{width:79.4px;}
  .m_albumlb_box ul li img{max-height:606px;}
}