groupon.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /*团购背景颜色*/
  2. body {background-color:#F5F7FA;}
  3. /* search 搜索框*/
  4. .groupon_search {width:95%;margin:0.8rem auto;position: relative;}
  5. .groupon_search input {display:block;width:100%;border-radius:30px;height:35px;border:1px solid #DADBDD;padding:0 50px 0 15px;font-size:0.95rem;}
  6. .groupon_search a {position:absolute;top:0;right:0;height:35px;line-height:35px;border-radius:0 30px 30px 0;display:block;width:55px;background-color:#4292F1;text-align:center;}
  7. .groupon_search a img {border:none;display:inline-block;width:40%;margin:0 auto;}
  8. /* 团购楼盘 */
  9. .groupon_module {width:95%;margin:0 auto;padding:10px;background-color:#fff;}
  10. .groupon_module .groupon_img {position:relative;border-radius:5px;overflow:hidden;}
  11. .groupon_module .groupon_img .groupon_hot {
  12. position:absolute;top:9px;left:-18px;background-color:#FF4524;color:#fff;font-size:12px;padding:2px 23px;font-weight:600;
  13. transform:rotate(-45deg);
  14. -ms-transform:rotate(-45deg); /* IE 9 */
  15. -moz-transform:rotate(-45deg); /* Firefox */
  16. -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
  17. -o-transform:rotate(-45deg); /* Opera */
  18. }
  19. .groupon_module .groupon_img .groupon_apply {position:absolute;top:6px;right:5px;background:rgba(0,0,0,0.6);color:#fff;font-size:0.75rem;padding:4px 7px;border-radius:10px;}
  20. .groupon_module .groupon_img .groupon_apply span {display:inline-block;padding:0 3px;color:#EEBE7C;}
  21. .groupon_module .groupon_title {padding:15px 0px;font-size:1.1rem;border-bottom:1px solid #E9E9E9;color:#333;font-weight:600;}
  22. .groupon_module .groupon_end {padding:8px 0;position:relative;}
  23. .groupon_module .groupon_end p {line-height:35px;font-size:0.95rem;}
  24. .groupon_module .groupon_end p.price span {color:#FD4E5F;font-weight:600;font-size:1.4rem;}
  25. .groupon_module .groupon_end .groupon_btn {position:absolute;top:50%;right:0px;background-color:#FF5835;padding:8px 15px;border-radius:5px;margin-top:-0.95rem;}
  26. .groupon_module .groupon_end .groupon_btn a {color:#fff;font-size:0.9rem;}
  27. .groupon_module + .groupon_module {margin-top:20px;}
  28. /* 到底啦 */
  29. .lpremark_Dn{ width: 95%; text-align: center; font-size: 1rem; color: #999; height: 40px;line-height:40px;margin: 0 auto;background:#fff;margin-top:15px;position:relative;}
  30. .lpremark_Dn i{ height: 1px; background: #B1B1B1; width: 50%; display: inline-block;margin:0 auto;position:relative;top:-3px;}
  31. .lpremark_Dn span{ background: #fff; display: inline-block; padding: 0 10px;position:absolute;left:50%;margin-left:-2rem;z-index:11;}
  32. /*媒体查询*/
  33. @media (max-width: 320px){
  34. .groupon_module .groupon_end .groupon_btn{margin-top:0rem;}
  35. .groupon_module .groupon_title {padding:10px 0;line-height:27px;}
  36. }