groupon_details.css 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. body {background-color:#F5F7FA;}
  2. /* 顶部楼盘 */
  3. .groupon_module {margin:0 auto;padding:10px 12px;background-color:#fff;}
  4. .groupon_module .groupon_img {position:relative;border-radius:5px;overflow:hidden;}
  5. .groupon_module .groupon_img .groupon_hot {
  6. position:absolute;top:9px;left:-18px;background-color:#FF4524;color:#fff;font-size:12px;padding:2px 23px;font-weight:600;
  7. transform:rotate(-45deg);
  8. -ms-transform:rotate(-45deg); /* IE 9 */
  9. -moz-transform:rotate(-45deg); /* Firefox */
  10. -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
  11. -o-transform:rotate(-45deg); /* Opera */
  12. }
  13. .groupon_module .groupon_title {padding:15px 0px;font-size:1.1rem;border-bottom:1px solid #E9E9E9;color:#333;font-weight:600;}
  14. .groupon_module .groupon_end {padding:8px 0;position:relative;}
  15. .groupon_module .groupon_end p {line-height:35px;font-size:0.95rem;}
  16. .groupon_module .groupon_end p.price span {color:#FD4E5F;font-weight:600;font-size:1.4rem;}
  17. .groupon_module .groupon_end .groupon_btn {position:absolute;top:50%;right:0px;background-color:#FF5835;padding:8px 15px;border-radius:5px;margin-top:-1.5rem;}
  18. .groupon_module .groupon_end .groupon_btn a {color:#fff;font-size:0.9rem;}
  19. .groupon_module .groupon_apply {position:absolute;bottom:0px;right:0px;font-size:0.8rem;padding:4px 0px;border-radius:10px;}
  20. .groupon_module .groupon_apply span {display:inline-block;padding:0 3px;color:#FF4927;font-size:0.9rem;}
  21. /* 团购详情内容 */
  22. .details_conter {margin-top:20px;background-color:#fff;}
  23. .details_conter .details_title {background-color:#535D63;color:#fff;padding:8px 0 8px 10px;font-size:1.1rem;}
  24. .flow {padding:15px 10px;}
  25. .flow .flow_title span{font-size:1.1rem;border-left:5px solid #288FEE;padding-left:5px;}
  26. .flow .module_order {padding:20px 0;}
  27. .flow .module_order ul li {text-align:center;display:inline-block;width:19%;}
  28. .flow .module_order ul li .label img {display:block;width:65%;margin:0 auto;}
  29. .flow .module_order ul li p {font-size:0.7rem;line-height:30px;}
  30. .flow .module_order ul li .serial_label img {display:block;width:40%;margin:0 auto;}
  31. .module_order .wire {width:85%;margin:-0.9rem auto 0;}
  32. .module_order .wire i {display:block;height:1px;background-color:#f9f0dd;}
  33. .mt-20 {margin-top:20px;}
  34. .content {padding:5px;}
  35. .content .red {text-align:center;color:red;padding:10px 0;}
  36. .content img {display:block;width:100%;}
  37. /*媒体查询*/
  38. @media (max-width: 320px){
  39. .groupon_module .groupon_title {padding:10px 0;line-height:27px;}
  40. .flow .module_order ul {padding-left:5px;}
  41. .flow .module_order ul li {width:18%;}
  42. .flow .module_order ul li p {font-size:0.6rem;}
  43. .module_order .wire {margin:-0.7rem auto 0;width:78%;}
  44. }