Home Explore Help
Register Sign In
liyaoyu
/
pfhwyigou
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
pfhwyigou
/
mobile
/
web
/
zt
/
yahu20190708
/
css
/
yahu.css

yahu.css 5.5 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 
  1. /* 手机端最外层*/
    2. 

  2. body{background:#FFF;}
    3. 

  3. .max_box {max-width:750px;margin:0 auto;overflow:hidden;z-index: 10;position: relative;}
    4. 

  4. 

  5. .w_banner {overflow:hidden;width:100%;}
    6. 

  6. .w_banner .swiper-slide{height:200px;}
    7. 

  7. .swiper-container {height:100%;}
    8. 

  8. .swiper-slide > i img {display:inline-block;width:100%;}
    9. 

  9. #yw_swiper .swiper-slide img {display:block;width:100%;height:100%;}
    10. 

  10. .yw_swiper-pagination {position:absolute;bottom:16px;z-index:10;}
    11. 

  11. .w_banner .swiper-container .yw_swiper-pagination span {margin:0 3px;width:5px;height:5px;}
    12. 

  12. .w_banner .swiper-container .yw_swiper-pagination span.swiper-pagination-bullet-active {background:#D4A376;width:16px;border-radius:10px;}
    13. 

  13. .w_banner .swiper-container-horizontal>.swiper-pagination-bullets {text-align:center;bottom:27%;}
    14. 

  14. .w_banner .swiper-container-horizontal .swiper-pagination-bullet {background:#FFF;opacity:1;}
    15. 

  15. 

  16. .w_banner_img{width:100%;height:105px;}
    17. 

  17. .w_banner_img img{width:100%;height:100%;}
    18. 

  18. 

  19. 

  20. .m_list_box ul li{width:20%;height:55px;position:relative;float:left;}
    21. 

  21. .m_list_box ul li:before {content:"";display:block;width:50%;height:3px;position:absolute;left:50%;bottom:0;margin-left:-25%;background:#fff;border-radius:6px 6px 0 0;} 
    22. 

  22. .m_list_box ul li.on{background:#FFD9B7;} 
    23. 

  23. .m_list_box ul li.on:before {background:#0D4639;} 
    24. 

  24. .m_list_box ul li em{font-size:0.875rem;color:#064335;font-weight:600;text-align:center;display:block;margin-top:9px;}
    25. 

  25. .m_list_box ul li span{display:block;text-align:center;font-size:0.5rem;color:#0D4639;margin-top:5px;}
    26. 

  26. 

  27. 

  28. .m_lplist{background:#EDEDED;padding:15px;display:none;}
    29. 

  29. .m_lplist li{background:#FFF;border-radius:10px;padding:15px 15px 0 15px;margin-bottom:15px;}
    30. 

  30. .m_lplist li:last-child{margin-bottom:0;}
    31. 

  31. .m_lplist_top{border-bottom:1px solid #f8f8f8;padding-bottom: 10px;position:relative;}
    32. 

  32. .m_lplist_top a{position:absolute;top:0;left:0;height:100%;width:100%;display:block;z-index:1;}
    33. 

  33. .m_lplist_text{float:left;width:50%;}
    34. 

  34. .m_lplist_text .title{font-size:0.9375rem;color:#333;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    35. 

  35. .m_lplist_text .title:before {content:"";float:left;display:block;width:2px;height:14px;background:#FF4934;position:relative;top:2px;margin-right:5px;} 
    36. 

  36. .m_lplist_text .jiage{font-size:0.625rem;color:#FF4A34;font-weight:600;margin-top:5px;} 
    37. 

  37. .m_lplist_text .jiage span{font-size:1.25rem;font-weight:600;} 
    38. 

  38. .m_lplist_text .xinxi{margin-top:5px;} 
    39. 

  39. .m_lplist_text .xinxi i{font-size:0.5625rem;color:#FF4A34;background:#FDF0EF;padding:2px 6px;display:block;float:left;margin-right:8px} 
    40. 

  40. .m_lplist_text .xinxi i:last-child{margin-right:0;} 
    41. 

  41. .m_lplist_text .huibao{margin-top:10px;} 
    42. 

  42. .m_lplist_text .huibao i{font-size:0.625rem;color:#FFF;padding:3px 11px;border-radius:40px 20px 20px 40px;display:block;float:left;max-width:96%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    43. 

  43.   background: linear-gradient(left, #FC6844, #FF4935);
    44. 

  44.   background: -webkit-linear-gradient(left, #FC6844, #FF4935);
    45. 

  45.   background: -o-linear-gradient(left, #FC6844, #FF4935);
    46. 

  46.   background: -moz-linear-gradient(left, #FC6844, #FF4935);
    47. 

  47. } 
    48. 

  48. .m_lplist_text .dizhi{margin-top:7px;} 
    49. 

  49. .m_lplist_text .dizhi img{width:7px;height:10px;float:left;position:relative;top:1px;} 
    50. 

  50. .m_lplist_text .dizhi span{font-size:0.625rem;color:#666;float:left;width:90%;margin-left:3px;} 
    51. 

  51. 

  52. .m_lplist_img{float:right;width:47%;height:120px;border-radius:5px;overflow:hidden;}
    53. 

  53. .m_lplist_img img{width:100%;height:100%;}
    54. 

  54. 

  55. .m_lplist_bottom{margin-top:10px;}
    56. 

  56. .m_bottom_text{font-size:0.75rem;color:#555;line-height:23px;display:none;}
    57. 

  57. 

  58. .m_lplist_bottom p{background:url(/zt/yahu20190708/image/yh5.png) no-repeat 0 0/ 100% 100%;font-size:0.6875rem;color:#FFF;height:23px;width:61%;margin:auto;
    59. 

  59. display:flex;align-items:center;justify-content:center; margin-top:20px;
    60. 

  60. }
    61. 

  61. .m_lplist_bottom p img{width:11px;margin-left:7px;position:relative;top:-1px;}
    62. 

  62. .m_bm_box{width:100%;position:relative;}
    63. 

  63. .m_bm_box img{width:100%;display:block;}
    64. 

  64. 

  65. .m_bm_box form{width:78%;height:45%;position:absolute;top:31%;left:11%;}
    66. 

  66. .m_bm_box form .input{height:22%;background:#FFF;border-radius:5px;margin-bottom:3%;}
    67. 

  67. .m_bm_box form .input:last-child{margin-bottom:0;}
    68. 

  68. .m_bm_box form .input img{width:13px;float:left;margin-top:5%;margin-left:5%;}
    69. 

  69. .m_bm_box form .input input{float:left;height:100%;width:82%;margin-left:10px;border:0;}
    70. 

  70. .m_submit{height:22%;border-radius:5px;text-align:center;line-height:44px;font-size:1.25rem;color:#00372A;font-weight:600;
    71. 

  71.      background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FED8B6), to(#CD9F6B));    
    72. 

  72.                 -moz-linear-gradient(linear, 0 0, 0 bottom, from(#161515), to(#333));
    73. 

  73.                 -o-linear-gradient(linear, 0 0, 0 bottom, from(#161515), to(#333));
    74. 

  74. 

  75. }
    76. 

  76. 

  77. .m_img{width:100%;}
    78. 

  78. .m_img img{width:100%;display:block;}
    79. 

  79. 

  80. 

  81. .m_xial_box{background:url(/zt/yahu20190708/image/yh11.png) no-repeat 0 0/ 100% 100%;}
    82. 

  82. .m_xial{margin-bottom:20px;padding:0 20px;}
    83. 

  83. .m_xial_box .m_xial:last-child{margin-bottom:0;}
    84. 

  84. .m_xial_top{background:#FFD9B7;height:40px;}
    85. 

  85. 

  86. .m_xial_top em{margin-top: 7px;display:block;float:left;width:8%;height:25px;background:#FFC088;font-size:0.9375rem;color:#094436;font-weight:600;text-align:center;line-height:25px;border-radius:0 50px 50px 0;}
    87. 

  87. .m_xial_top span{font-size:0.9375rem;color:#094436;font-weight:600;margin-left:7px;float:left;line-height:40px;display:block;width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    88. 

  88. .m_xial_top img{margin-top: 13px;width:16px;float:right;display:block;margin-right:10px;}
    89. 

  89. 

  90. 

  91. .m_xial_xl{width:100%;display:none;}
    92. 

  92. .m_xial_xl img{width:100%;display:block;}
    93. 

  93. 

  94. .m_xial_box .m_xial:first-child .m_xial_xl{display:block;}
    95.