zizaicheng.css 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. body{background:#FFF;}
  2. .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}
  3. .max_box img{display:block;}
  4. .Plan_img{width:100%;position:relative;}
  5. .Plan_img img{width:100%;}
  6. .Plan_xc_box{width:100%;padding-top: 10px;}
  7. .Plan_xc_title{display:flex;align-items:center;justify-content:center;}
  8. .Plan_xc_title p{font-size:0.875rem;color:#6D5235;background:#FFF;float:left;padding:6px 16px;margin-right:15px;border-radius:50px;box-shadow :0px 0px 20px 0px #dcdcdc;}
  9. .Plan_xc_title p.on{background:#D44531;color:#FFF;}
  10. .Plan_xclb_box{margin-top:15px;overflow:hidden;position:relative;height:290px;}
  11. .Plan_xclb ul{}
  12. .Plan_xclb ul li{border-top:1px solid #ece9e9;width:100%;height:210px;overflow:hidden;border-bottom:1px solid #ece9e9;}
  13. .Plan_xclb ul li img{width:100%;height:100%;}
  14. .Plan_xclb ul li i{position:absolute;bottom:0;left:0;background:rgba(2, 0, 51, 0.5);padding:5px 20px;font-size:0.875rem;color:#FFF;}
  15. #prev{bottom:20px;top:auto;left:28%;background:url(/zt/zizaicheng20190305/image/m_zzc1.png) no-repeat 0 0/ 100% 100%;width:40px;height:40px;}
  16. #next{bottom:20px;top:auto;right:28%;background:url(/zt/zizaicheng20190305/image/m_zzc2.png) no-repeat 0 0/ 100% 100%;width:40px;height:40px;}
  17. .Plan_xclb_box .swiper-pagination {
  18. top: auto;
  19. color: #968c8c;
  20. text-align:center;
  21. z-index: 1;
  22. height: 25px;
  23. line-height: 25px;
  24. bottom: 28px;
  25. }
  26. .Plan_xclb_box .swiper-pagination-current{color:#D95C4B}
  27. .Plan_bm{width:100%;padding:20px 0;background:#D9644E;border-radius:10px;}
  28. .Plan_bm form{width:90%;background:#FFF;border-radius:5px;margin:auto;padding:20px 0;}
  29. .Plan_bm_title{text-align:center;position:relative;}
  30. .Plan_bm_title em{font-size:1.25rem;color:#D44531;border-bottom:1px solid #A3A3A3;padding:5px 8px;font-weight:600;}
  31. .Plan_bm_title :before {content:"";width:20px;height:2px;background:#36426A;position:absolute;bottom:-5px;left:50%;margin-left:-10px;}
  32. .Plan_bm_input{border-radius:5px;height:30px;margin:auto;width:70%;overflow:hidden;background:#F8F8F8;border-radius:50px;}
  33. .Plan_bm_input img{float:left;width:12px;position:relative;top:7px;left:12px;}
  34. .Plan_bm_input input{float:right;height:100%;width:98%;padding:0 10px;border:0;font-size:0.75rem;color:#826C56;background:#F8F8F8;}
  35. .Plan_bm_buttom{width:70%;margin:auto;background:#D9644E;height:30px;margin-top:10px;border-radius:50px;text-align:center;font-size:0.95rem;color:#FFF;line-height:30px;font-weight:600;}
  36. .m_shouye{position:fixed;top:10px;right:5px;width:50px;height:50px;z-index:10;}
  37. .m_shouye img{width:100%;height:100%;}
  38. .m_st{width:55px;display:block;position:absolute;top:-55px;left:20px;}