collect.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .collect_box {
  2. width: 100%;
  3. background: #f7f8fc;
  4. }
  5. // 头部
  6. .collect_box-head {
  7. background: -webkit-linear-gradient(right, #0dc6b6, #0cd3aa, #1dd69c);
  8. position: fixed;
  9. width: 100%;
  10. z-index: 100;
  11. }
  12. .collect_divBox {
  13. display: flex;
  14. justify-content: space-between;
  15. width: 55%;
  16. margin: 0 0 0 .5rem;
  17. }
  18. .collect_headrBox-tlt {
  19. text-align: center;
  20. font-size: 18px;
  21. color: #fff;
  22. padding: 8px 0 8px 0;
  23. }
  24. .collect_headrBox-img {
  25. width: .5rem;
  26. height: .5rem;
  27. vertical-align: middle;
  28. margin-top: .3rem;
  29. }
  30. // 主内容
  31. .collect_box-main {
  32. background: #f7f8fc;
  33. }
  34. .collect_box-mainB {
  35. padding: 1.1rem 0 0 0;
  36. }
  37. .collect_box-mainB, .swiper-wrapper {
  38. height: 100% !important;
  39. }
  40. // 病虫害切换
  41. .collect_box-main .navlist ul {
  42. border-bottom: 1px solid #e9e9e9;
  43. display: flex;
  44. justify-content: space-between;
  45. background: #fff;
  46. }
  47. .collect_box-main .navlist ul li {
  48. margin: 0 .5rem 0 .5rem;
  49. }
  50. .collect_box-main .navlist .activeT {
  51. border-bottom: 1px solid #1ec8a1;
  52. color: #1ec8a1;
  53. }
  54. .navli .navliVal {
  55. padding: 10px 35px 10px 35px;
  56. font-size: 15px;
  57. }
  58. // 交流页面
  59. .collect_box-main-ulA {
  60. // border: 1px solid #000;
  61. }
  62. .collect_box-main-listA {
  63. background: #fff;
  64. padding-top: .25rem;
  65. }
  66. .home_box-main-authenticateUlA {
  67. width: 98%;
  68. margin: .25rem auto;
  69. display: flex;
  70. flex-wrap: wrap;
  71. }
  72. .home_box-main-authenticateListA {
  73. border: 1px solid #fff;
  74. background: #fff;
  75. width: 47%;
  76. margin: .2rem 0 0 .2rem;
  77. border-radius: 5px;
  78. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  79. }
  80. .home_box-main-authenticateListA-box1 {
  81. width: 100%;
  82. border-radius: 5px;
  83. }
  84. .home_box-main-authenticateListA-box1-img {
  85. // width: 4.5rem;
  86. width: 100%;
  87. height: 3rem;
  88. border-radius: 5px 5px 0 0;
  89. }
  90. .home_box-main-authenticateListA-box1-txt {
  91. font-size: 12px;
  92. color: #686565;
  93. text-align: left;
  94. padding: .05rem .15rem .05rem .15rem;
  95. }
  96. .home_box-main-authenticateListA-box1-num {
  97. text-align: right;
  98. color: #acacac;
  99. }
  100. // 暂无处理
  101. .seek_data_judge {
  102. margin: 45% 0 0 0;
  103. }
  104. .seek_data_judge_img {
  105. margin: 0 auto;
  106. }
  107. .seek_data_judge_text {
  108. font-size: 25px;
  109. color: #bfbfbf;
  110. margin: .5rem 0 0 0;
  111. text-align: center;
  112. }