pvimage.css 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}
  2. #LRdiv3 , #LXB_CONTAINER_SHOW ,.qwpuic , .yii-debug-toolbar{display:none !important;}
  3. /*相册弹窗*/
  4. /*#swiperzs{display:none;}*/
  5. html, body {position: relative;height: 100%;}
  6. .m_swiper_xc{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#000;}
  7. .m_swiper_ajax{width:100%;height:90.4%;}
  8. .m_swiper_box{width:100%;height:100%;position:relative;
  9. display:flex;
  10. display:-webkit-flex;
  11. display:-moz-flex;
  12. display:-o-flex;
  13. align-items:center;
  14. }
  15. .m_swiper{width: 100%;height:80%;}
  16. .m_swiper_ul{width:100%;height:100%;}
  17. .m_swiper_li{overflow: hidden;height:100%;}
  18. .m_swiper_li img{width:100%;object-fit: fill;}
  19. /*.m_swiper_gb{position:absolute;top:20px;right:20px;z-index:10;width:17px;}
  20. .m_swiper_gb img{width:100%;display:block;}*/
  21. .m_swiper_head{height:10%;position:absolute;top:0;width:100%;}
  22. .m_swiper_head .m_swiper_fh{float:left;height:100%;position:relative;z-index:10;}
  23. .m_swiper_head .m_swiper_fh img{width:12px;margin-top:20px;margin-left:20px;}
  24. .m_swiper_qb{float:right;margin-top:20px;margin-right:20px;position:relative;z-index:10;}
  25. .m_swiper_qb a{font-size:1.0625rem;color:#FFF;}
  26. .m_swiper_box .swiper-button-prev{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex3.png) no-repeat 6px 17px/ 10px 16px;border-radius:0 3px 3px 0;left:0;}
  27. .m_swiper_box .swiper-button-next{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex4.png) no-repeat 10px 17px/ 10px 16px;border-radius:3px 0 0 3px;right:0;}
  28. /*导航*/
  29. .m_albumtnav_box{position:absolute;bottom:0;width:100%;z-index:100;}
  30. .wrapper02_box{width:100%;background:#000;}
  31. .wrapper02 {position:relative;height:50px;width:95%;overflow: hidden;margin:0 auto;}
  32. .wrapper02 .scroller {position:absolute;}
  33. .wrapper02 .scroller ul{width:100%;}
  34. .wrapper02 .scroller li {position:relative;width:100px;height:30px;color:#333;float: left;line-height:30px;text-align:center;background:#000;border-radius:3px;}
  35. .wrapper02 .scroller li a{font-size:0.875rem;color:#fff;display:block;}
  36. .wrapper02 .scroller li.cur{background:#323232;}
  37. /*.wrapper02 .scroller li.cur a{color:#4292F1;}*/
  38. .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%;}
  39. .m_swiper_box .swiper-pagination{color: #FFF; z-index: 1;font-size:1rem;top:20px;}