Accueil Explorer Aide
S'inscrire Connexion
liyaoyu
/
pfhwyigou
Suivre 1
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: f272eab5be
Branches Tags
pfhwyigou
/
wechat
/
web
/
css
/
brand
/
home.css

home.css 4.4 KB
Historique Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 
  1. .max_box{max-width:640px;margin:auto;min-width:320px;position: relative;background:#FFF;}
    2. 

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

  3. .y_header{display:none;}
    4. 

  4. .navsidebar{display:none;}
    5. 

  5. .m_headimg{height:180px;position:relative;
    6. 

  6. display:flex;align-items:center;
    7. 

  7. justify-content:center;
    8. 

  8. }
    9. 

  9. .m_headimg img{width:130px;display:block;}
    10. 

  10. .m_headimg i{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
    11. 

  11. 

  12. .m_dh{position:absolute;top:9px;left:50%;width:90%;height:40px;margin-left:-46%;}
    13. 

  13. .m_dh .m_dh_l{float:left;display: block;height:40px; width: 40px; text-align: center; position: relative; left: -10px;}
    14. 

  14. .m_dh .m_dh_l img{width:16px;position:relative;top:10px; margin: auto;}
    15. 

  15. .m_dh .m_dh_r{float:right;display: block;height:40px; width: auto; position: relative; right: 0;top: 0; }
    16. 

  16. .m_dh .m_dh_r img{width:20px;position:relative;top:10px;}
    17. 

  17. 

  18. 

  19. /*文章描述*/
    20. 

  20. .m_Article_box{padding:0 20px;border-radius:10px 10px 0 0;background:#FFF;position:relative;z-index:10;margin-top:-10px;padding-top:30px;}
    21. 

  21. .y_lphome_h2{}
    22. 

  22. .y_lphome_h2 span{font-size:1.125rem;color:#383838;}
    23. 

  23. .m_Article_text{margin-top:5px;font-size:1rem;color:#333;line-height:25px; position: relative;}
    24. 

  24. .m_Article_text_box{overflow:hidden;font-size:0.875rem;color:#999;}
    25. 

  25. /*.m_Article_text_box.on{height:auto;}*/
    26. 

  26. .m_Article_buttom{margin-top:15px;text-align:center;}
    27. 

  27. .m_Article_buttom span{display: inline-block;border-radius: 3px;font-size:0.9375rem;color:#999;}
    28. 

  28. .m_Article_buttom img{width:11px;margin-left:5px;}
    29. 

  29. .m_Article_text .bg-openg{
    30. 

  30. 	width: 100%;
    31. 

  31.     position: absolute;
    32. 

  32.     left: 0px;
    33. 

  33.     bottom: 3px;
    34. 

  34.     padding: 23px 0;
    35. 

  35.     background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%);
    36. 

  36.     box-shadow: 0 -5px 15px 0 rgba(255,255,255,0.8);
    37. 

  37. }
    38. 

  38. 

  39. 

  40. 

  41. 

  42. .sell_conter{margin-top:65px;padding:0 15px;background:#FFF;}
    43. 

  43. .sell_conter ul li {border-bottom:1px solid #F5F5F5; position: relative;padding:15px 0;}
    44. 

  44. .sell_conter ul li:last-child{border-bottom:0;padding-bottom:0;}
    45. 

  45. .sell_conter ul li .cal_price{ z-index: 8; position: absolute; right: 0; top:24px; height: 35px; width: 35px;}
    46. 

  46. .sell_conter ul li .cal_price img{ width: 100%; height: 100%;}
    47. 

  47. .sell_conter ul li a {display:block;}
    48. 

  48. .sell_conter ul li .sell_img{width:33%;height:92px;position:relative;border-radius:3px;overflow:hidden;float:left;}
    49. 

  49. .sell_conter ul li .sell_img i{position:absolute;bottom:0;left:0;font-size:0.8125rem;color:#fff;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:20px 10px 5px 10px;
    50. 

  50.  background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));          
    51. 

  51.                 -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));
    52. 

  52.                 -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));
    53. 

  53. }
    54. 

  54. .sell_conter ul li .sell_img img {display:block;width:100%;height:100%;}
    55. 

  55. .sell_conter ul li .sell_conter_right {float:left;width:62%;margin-left:15px;}
    56. 

  56. .sell_conter ul li .sell_conter_right p.jg_ing{margin-top:5px;}
    57. 

  57. .sell_conter ul li .sell_conter_right p.jg_ing span{ color:#D50000; font-weight: bold; font-size:0.75rem;}
    58. 

  58. .sell_conter ul li .sell_conter_right p.jg_ing span em{color:#EF0000;font-size:1.05rem;margin-top:10px;font-weight:600;}
    59. 

  59. .sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;}
    60. 

  60. .sell_conter_right .style{font-size:0.6875rem;color:#999;}
    61. 

  61. .sell_conter_right .style{}
    62. 

  62. .sell_conter_right .style i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:5px;display: block;float:left;font-style: normal;background:#EFF2F4;margin-right: 6px;font-size:0.6875rem;color:#475C89;padding:5px 6px 3px 6px;border-radius:3px;}
    63. 

  63. .sell_conter_right .style i:nth-child(1){background:#FFE6EC;color:#D61F2B;}
    64. 

  64. .sell_conter ul li .sell_conter_right .title {font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}
    65. 

  65. 

  66. .m_gzlx{font-size:0.6875rem;color:#333;margin-top:10px;background:#F8F8F8;padding:4px 10px;border-radius:50px;float:left;}
    67. 

  67. .m_gzlx_l{float:left; font-weight: bold; color: #333;}
    68. 

  68. .m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;}
    69. 

  69. .m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;}
    70. 

  70. .m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;}
    71. 

  71. .m_gzlx_r span{color:#D50000; }
    72. 

  72. 

  73.