index.css 4.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. body{background-color:#F5F5F5;}
  2. .indextop{background-color:#fff;height:50px;}
  3. .indextop .d1{margin:10px 0 0 10px;}
  4. .indextop .d1 img{height:30px;}
  5. .indextop .d2{width:60px;text-align:right;margin:10px 10px 0 0;}
  6. .indextop .d2 img{height:30px;}
  7. .menuhp{float:left;height:190px;background-color:#fff;padding:15px 0 0 0;float:left;margin:-25px 10px 0 10px;width:calc(100% - 20px);position:relative;z-index:25;border-radius:10px;clear:both;}
  8. .swiper-container .swiper-slide .d1{width:20%;float:left;text-align:center;height:90px;font-size:14px;}
  9. .swiper-container .swiper-slide .d1 img{margin:0 0 8px 0;border:0;width:40px;height:40px;border-radius:40px;}
  10. .indexgg{height:34px;width:100%;}
  11. .indexgg .d1{margin:10px 0 0 10px;height:34px;width:85px;background-color:#fff;border-radius:30px 0 0 30px;}
  12. .indexgg .d1 img{float:left;height:16px;margin:9px 10px 0 10px;}
  13. .indexgg .d1 span{float:left;height:16px;border-left:#D5D4D4 solid 1px;width:2px;margin:9px 0 0 0;}
  14. .indexgg .d2{margin:10px 10px 0 0;background-color:#fff;border-radius:0 30px 30px 0;height:34px;}
  15. .indexgg .d2 .divm{float:left;width:calc(100% - 20px);margin:7px 20px 0 0;height:16px;overflow:hidden;font-size:14px;}
  16. .ggbox{width:100%;margin-top:15px;}
  17. .indexcap{margin:10px 0 0 0;height:40px;background-color:#fff;border-bottom:#ebebeb solid 1px;}
  18. .indexcap .d1{margin:10px 0 0 16px;font-size:15px;}
  19. .indexcap .d2{margin:12px 16px 0 0;text-align:right;}
  20. .indexcap .d2 a{color:#999;}
  21. .newslist{padding:18px 0;background-color:#fff;border-bottom:#ebebeb solid 1px;}
  22. .newslist .d1{margin:0 0 0 10px;}
  23. .newslist .d1 .s1{float:left;width:100%;height:45px;margin-bottom:10px;line-height:23px;font-size:14px;overflow:hidden;}
  24. .newslist .d1 .s2{float:left;color:#70B9EC;padding:2px 3px 2px 3px;border-radius:2px;background-color:#ECF5FF;}
  25. .newslist .d1 .s3{float:right;margin:2px 0 0 0;color:#999;}
  26. .newslist .d2{margin:0 10px 0 15px;width:100px;}
  27. .newslist .d2 img{width:100px;height:75px;}
  28. .swiper-container1 {background-color:#fff;overflow:hidden;line-height:normal;padding:0 0 15px 0;}
  29. .swiper-container1 .dmain{float:left;margin:15px 0 0 15px;width:calc(100% - 15px);}
  30. .swiper-container1 .dmain .d1{float:left;width:100%;padding-top:100%;position:relative;overflow:hidden;}
  31. .swiper-container1 .dmain .d1 img{position: absolute;top: 0;left:0;width: 100%;height:100%;border-radius:10px;}
  32. .swiper-container1 .dmain .d2{float:left;width:100%;margin:10px 0 0 0;height:16px;overflow:hidden;}
  33. .swiper-container1 .dmain .d3{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff6600;font-size:14px;}
  34. .swiper-container1 .dmain .d4{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff0000;}
  35. .swiper-containerpp {background-color:#fff;overflow:hidden;line-height:normal;padding:0 0 15px 0;}
  36. .swiper-containerpp .dmain{float:left;margin:15px 0 0 15px;width:calc(100% - 15px);}
  37. .swiper-containerpp .dmain .d1{float:left;width:100%;padding-top:100%;position:relative;overflow:hidden;}
  38. .swiper-containerpp .dmain .d1 img{position: absolute;top: 0;left:0;width: 100%;height:100%;border-radius:10px;}
  39. .swiper-containerpp .dmain .d2{float:left;width:100%;margin:10px 0 0 0;height:16px;overflow:hidden;}
  40. .swiper-containerpp .dmain .d3{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff6600;font-size:14px;}
  41. .swiper-containerpp .dmain .d4{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff0000;}
  42. .prolist{background-color:#fff;}
  43. .prolist .dmain{margin:0;}
  44. .prolist .dmain .dm{float:left;width:calc(100% - 20px);border-bottom:#ebebeb solid 1px;padding:15px 10px;}
  45. .prolist .dmain .dm .d1{float:left;width:100px;}
  46. .prolist .dmain .dm .d1 div{float:left;width:100%;padding-top:100%;position:relative;overflow:hidden;}
  47. .prolist .dmain .dm .d1 div img{position: absolute;top: 0;left:0;width: 100%;height:100%;border-radius:10px;}
  48. .prolist .dmain .dm .d2{float:right;width:calc(100% - 115px);}
  49. .prolist .dmain .dm .d2 .b1{float:left;width:100%;font-size:14px;overflow:hidden;line-height:20px;height:39px;}
  50. .prolist .dmain .dm .d2 .b2{float:left;width:calc(100% - 50px);margin:8px 0 0 0;}
  51. .prolist .dmain .dm .d2 .b2 .sb1{float:left;width:100%;height:20px;overflow:hidden;}
  52. .prolist .dmain .dm .d2 .b2 .sb1 span{float:left;padding:2px 3px 0 3px;height:18px;margin:0 5px 0 0;border-radius:2px;background-color:#F4F4F4;color:#666;}
  53. .prolist .dmain .dm .d2 .b2 .sb2{float:left;width:100%;margin:10px 0 0 0;font-size:14px;}
  54. .prolist .dmain .dm .d2 .b2 .sb2 .s1{color:#ff6600;float:left;}
  55. .prolist .dmain .dm .d2 .b2 .sb2 .s2{color:#999;margin:0 0 0 10px;float:left;}
  56. .prolist .dmain .dm .d2 .b3{float:right;width:50px;margin:32px 0 0 0;}
  57. .prolist .dmain .dm .d2 .b3 span{color:#fff;float:left;width:50px;border-radius:20px;text-align:center;background-color:#53BCFB;font-size:15px;padding:5px 0 0 0;height:25px;}