lpdetails.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. body{background:#fff;}
  2. .y_lphome_h2 {padding:10px 0 15px 0;border-bottom:1px solid #F8F8F8;}
  3. .y_lphome_h2 span{ font-size: 1rem; color: #333;font-weight:600;}
  4. /*基本信息*/
  5. .y_lpjbxx{ background: #fff; padding-top:15px;}
  6. .y_lpjbxx_main{ margin: 0 15px;}
  7. .y_lpjbxx_cent{ margin-top: 5px;}
  8. .y_lpjbxx_cent ul li{ font-size:0.875rem; color: #333; padding:10px 0;}
  9. .y_lpjbxx_cent ul li span{ color:#666; display: inline-block; float: left;}
  10. .y_lpjbxx_cent ul li em{ display: inline-block; width: 76%; float: left; color: #333;margin-left:15px;position:relative;}
  11. .y_lpjbxx_cent ul li.tese em i{ display: inline-block; font-size: 0.85rem; padding: 3px 5px; border-radius: 3px;}
  12. .y_lpjbxx_cent ul li.tese em i+i{ margin-left: 8px;}
  13. .y_lpjbxx_cent ul li.tese em i:nth-child(1){ background: #EBF3FE; color:#638EC9;}
  14. .y_lpjbxx_cent ul li.tese em i:nth-child(2){ background: #F8EAE6; color:#E3957E;}
  15. .y_lpjbxx_cent ul li.tese em i:nth-child(3){ background: #E2F8E1; color:#75AB78;}
  16. .y_lpjbxx_cent ul li.tese em i:nth-child(4){ background: #FFF3E2; color:#F9A321;}
  17. @media screen and (min-width: 300px) and (max-width: 374px) {
  18. .y_lpjbxx_cent ul li .yxq{position:absolute;top:17px;margin-left:0 !important;left:0}
  19. }
  20. /*.y_lpjbxx_cent ul li+li{ border-top: 1px solid #e4e3e3;}*/
  21. .y_lpjbxx_cent ul li{ position: relative;}
  22. .y_lpjbxx_cent ul li a.y_ckysz{ display: inline-block;font-size: 0.9rem; color: #fb6537;}
  23. /* 2018-10-12 猜您喜欢*/
  24. .w_guess {margin:20px 10px;}
  25. .w_guess .w_ti {margin-bottom:15px;}
  26. .w_guess .w_ti span {font-size:1rem;color:#333;}
  27. .w_guess .w_ti a { padding-left:20px;display:inline-block;float:right;font-size:0.7rem;color:#999;margin-top:3px;padding-right:8px; background: url('/image/ico_hyh.png') no-repeat 0px center; background-size: 15px;}
  28. .w_guess .swiper-slide {display:inline-block;width:141px;}
  29. .w_guess .swiper-slide {padding-right:10px;}
  30. .w_guess .h_img {display:inline-block;width:100%;height:96px;}
  31. .w_guess .h_img img {display:inline-block;width:100%;height:100%;}
  32. .w_guess .h_name {margin-top:10px;font-size:1rem;color:#333;font-family: 'PingFang-Medium'; }
  33. .w_guess .h_p {margin-top:5px;}
  34. .w_guess .h_p span {font-size:0.9rem;color:#FF3131;font-family: 'PingFang-Medium';}
  35. .w_guess .h_p span i {color:#333333;font-size:0.75rem;}
  36. .w_guess .h_p em {float:right;color:#999;font-size:0.8rem;}
  37. /*媒体查询*/
  38. @media (max-width: 320px){
  39. .y_lpjbxx_cent ul li em{ width: 68%;}
  40. .y_lpjbxx_cent ul li.tese em i+i{ margin-left: 5px;}
  41. }
  42. .deta_xkz{float: left;}
  43. .y_licencemain{ border: 1px solid #E2E2E2; overflow: hidden; margin-top:20px;width:100%;}
  44. .y_licencemain table.tabtop13{ width: 100%; height: auto;}
  45. .y_licencemain table.tabtop13 tr{ width: 100%;}
  46. .y_licencemain table.tabtop13 tr th{word-break:break-all;vertical-align:inherit; padding:9px 0px; font-size:0.8125rem; color: #666; width: 33.3%; text-align: center;border-bottom: 1px solid #EEE;}
  47. .y_licencemain table.tabtop13 tr th+th{border-left: 1px solid #EEE;}
  48. .y_licencemain table.tabtop13 tr td{ border-bottom: 1px solid #EEE; word-break:break-all; padding:13px 10px; background-color:#ffffff; vertical-align:inherit; font-size: 0.9rem; color: #333; width: 33.3%; text-align: center;}
  49. .y_licencemain table.tabtop13 tr td:nth-child(3){ font-size: 0.8125rem; color: #333;}
  50. .y_licencemain table.tabtop13 tr td+td{border-left: 1px solid #EEE;}
  51. .priceBox{margin-top:15px;}
  52. .priceBox.on{max-height:50px;overflow:hidden;}
  53. .priceBox.ons{max-height:115px;overflow:hidden;}
  54. .priceBox .aMonthPrice {clear: both;overflow: hidden;margin-bottom: 10px;display: none;}
  55. .priceBox .aMonthPrice.current {display: block;}
  56. .priceBox .tit3{padding-top: 10px;}
  57. .priceBox .noprice {color: #999999;padding:5px 0px;}
  58. .priceBox .price {color: #252525;padding:5px 0px;}
  59. .priceBox .w190 {text-align: center;width:32.5%;float: left;background-color: #f4f6f7;font-size:0.7rem;}
  60. .priceBox .mr4 {margin-right: 4px;}
  61. .y_lpjbxx .more {width: 30%;padding:10px 0;background-color: #f4f6f7;margin: 10px auto 0;text-align: center;color: #7b818f;font-size:0.9rem;}
  62. .y_lpjbxx .more.more2 {display: none;}