yd.less 28 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423
  1. @media screen and (min-width:801px) {
  2. .layoutCopyData_style1 a:nth-child(3) {
  3. display: none;
  4. }
  5. .layoutCopyData_style1>a {
  6. display: none;
  7. }
  8. .layoutCopyData_style1>a:nth-of-type(-n+2) {
  9. display: block;
  10. display: flex;
  11. }
  12. .pc_none {
  13. display: none;
  14. }
  15. }
  16. @media screen and (max-width:800px) {
  17. /*ipad_phone*/
  18. .scienceEducation .adBox1 {
  19. margin-top: 22px;
  20. }
  21. .farming {
  22. width: 100%;
  23. height: auto;
  24. overflow: hidden;
  25. }
  26. .farming .farmerLeft {
  27. width: 100%;
  28. height: auto;
  29. }
  30. .farming .farmerRight {
  31. width: 100%;
  32. height: auto;
  33. }
  34. .farming .farmerLeft .farmer {
  35. width: 100%;
  36. overflow: hidden;
  37. height: auto;
  38. }
  39. .farming .farmerLeft .farmer ul.mode1ul_style1 {
  40. padding-top: 15px;
  41. display: block;
  42. }
  43. .farming .farmerLeft .farmer ul.mode1ul_style1 li {
  44. width: 100%;
  45. height: 55vw;
  46. display: none;
  47. }
  48. .farming .farmerLeft .farmer ul.mode1ul_style1 li:nth-of-type(1) {
  49. display: block;
  50. }
  51. .farming .farmerLeft .farmer ul.mode1ul_style1 li img {
  52. width: 100%;
  53. height: 100%;
  54. }
  55. .farming .farmerLeft .farmer ul.mode1ul_style1 li a div {
  56. width: 90%;
  57. left: 5%;
  58. }
  59. .farming .farmerLeft .farmer ul.mode1ul_style2 {
  60. overflow: hidden;
  61. display: block;
  62. height: 213px;
  63. margin-top: 3px;
  64. }
  65. .farming .farmerLeft .farmer ul.mode1ul_style2 li {
  66. margin-bottom: 8px;
  67. height: auto;
  68. display: none;
  69. width: 100%;
  70. border-radius: 0px;
  71. }
  72. .farming .farmerLeft .farmer ul.mode1ul_style2 li:nth-of-type(-n+5) {
  73. display: block;
  74. }
  75. .farming .farmerLeft .farmer>h3 {
  76. margin-top: 5px;
  77. }
  78. .farming .farmerLeft .farmer>h3 a.active {
  79. font-size: 18px;
  80. }
  81. .farming .farmerLeft .farmer>h3>a {
  82. font-size: 12px;
  83. color: #999;
  84. width: auto;
  85. }
  86. .farming .farmerLeft .farmer ul.mode1ul_style2 p.title {
  87. width: 100%;
  88. height: auto;
  89. line-height: 22px;
  90. height: 22px;
  91. margin-bottom: 10px;
  92. word-break: keep-all;
  93. white-space: nowrap;
  94. overflow: hidden;
  95. text-overflow: ellipsis;
  96. display: block;
  97. -webkit-box-orient: vertical;
  98. -webkit-line-clamp: 1;
  99. position: relative;
  100. text-indent: 18px;
  101. }
  102. .farming .farmerLeft .farmer ul.mode1ul_style2 p.title::after {
  103. content: '';
  104. display: block;
  105. position: absolute;
  106. left: 0px;
  107. top: 8px;
  108. background: #E6E6E6;
  109. width: 6px;
  110. height: 6px;
  111. }
  112. .farming .farmerRight .rich ul {
  113. overflow: hidden;
  114. height: auto;
  115. }
  116. .farming .farmerRight .rich ul li {
  117. height: 40px;
  118. line-height: 40px;
  119. padding: 0;
  120. display: none;
  121. }
  122. .farming .farmerRight .rich ul li:nth-of-type(-n+5) {
  123. display: block;
  124. }
  125. .farming .farmerRight .rich ul li a {
  126. height: 33px;
  127. line-height: 33px;
  128. padding: 0;
  129. display: block;
  130. width: 100%;
  131. position: relative;
  132. text-indent: 15px;
  133. }
  134. .farming .farmerRight .rich ul li a .index {
  135. position: absolute;
  136. left: 0px;
  137. top: 9px;
  138. height: 16px;
  139. line-height: 16px;
  140. text-indent: 0px;
  141. }
  142. .farming .farmerRight .rich ul li a .title {
  143. height: 33px;
  144. line-height: 33px;
  145. padding: 0;
  146. float: left;
  147. width: 100%;
  148. display: block;
  149. word-break: keep-all;
  150. white-space: nowrap;
  151. overflow: hidden;
  152. text-overflow: ellipsis;
  153. display: block;
  154. -webkit-box-orient: vertical;
  155. -webkit-line-clamp: 1;
  156. text-indent: 18px;
  157. }
  158. .index_3_li {
  159. width: 100%;
  160. }
  161. .index_3_li:nth-of-type(even),
  162. .index_3_li:nth-of-type(odd) {
  163. width: 100%;
  164. }
  165. .index_3_li {
  166. display: none;
  167. }
  168. .index_3_li:nth-of-type(-n+3) {
  169. display: block;
  170. border-bottom: 1px solid #E6E6E6 !important;
  171. font-weight: normal;
  172. }
  173. .index_3_li .title {
  174. height: 22px;
  175. line-height: 22px;
  176. font-weight: normal;
  177. color: #333;
  178. word-break: keep-all;
  179. white-space: nowrap;
  180. overflow: hidden;
  181. text-overflow: ellipsis;
  182. display: block;
  183. -webkit-box-orient: vertical;
  184. -webkit-line-clamp: 1;
  185. padding: 0;
  186. }
  187. .index_3_li .title b.lis {}
  188. .index_3_li_color b.active {
  189. background: #E6E6E6 !important;
  190. }
  191. .scienceEducation {
  192. height: auto;
  193. overflow: hidden;
  194. }
  195. .scienceEducation .scienceLeft {
  196. width: 100%;
  197. overflow: hidden;
  198. height: auto;
  199. float: none;
  200. margin: 0px auto;
  201. }
  202. .scienceEducation .scienceRight {
  203. width: 100%;
  204. height: auto;
  205. }
  206. .scienceEducation .adBox1 {
  207. width: 100%;
  208. height: auto;
  209. margin-bottom: 0px;
  210. display: none;
  211. }
  212. .scienceEducation .adBox1 a {
  213. width: 100%;
  214. height: auto;
  215. }
  216. .scienceEducation .adBox1 img {
  217. width: 100%;
  218. height: auto;
  219. }
  220. .scienceEducation .scienceRight .banner_b_img ul {}
  221. .scienceEducation .scienceRight .banner_b_img ul {
  222. overflow: hidden;
  223. padding-top: 8px;
  224. height: 213px;
  225. }
  226. .scienceEducation .scienceRight .banner_b_img ul li {
  227. margin-bottom: 0px;
  228. display: none;
  229. }
  230. .scienceEducation .scienceRight .banner_b_img ul li:nth-of-type(-n+5) {
  231. display: block;
  232. }
  233. .scienceEducation .scienceRight .banner_b_img ul li a {
  234. height: auto;
  235. display: block;
  236. padding: 9px 0px;
  237. }
  238. .scienceEducation .scienceRight .banner_b_img ul li a p {
  239. display: block;
  240. line-height: 22px;
  241. height: 22px;
  242. margin-bottom: 0px;
  243. word-break: keep-all;
  244. white-space: nowrap;
  245. overflow: hidden;
  246. text-overflow: ellipsis;
  247. display: block;
  248. -webkit-box-orient: vertical;
  249. -webkit-line-clamp: 1;
  250. }
  251. .farming .farmerLeft .farmer ul.mode1ul_style2 p:nth-of-type(2) {
  252. display: none;
  253. }
  254. .farming .farmerRight .richList .richListPic {
  255. margin-bottom: 0px;
  256. }
  257. .farming .farmerRight .richList .richListText {
  258. margin-bottom: 0px;
  259. }
  260. .farming .farmerRight .richList .richListText a {
  261. height: 40px;
  262. line-height: 40px;
  263. }
  264. .farming .farmerRight .rich {
  265. height: auto;
  266. overflow: hidden;
  267. }
  268. .farming .farmerRight .richList .richListPic a {
  269. display: block;
  270. position: relative;
  271. }
  272. .farming .farmerRight .richList .richListPic a img {
  273. width: 100%;
  274. height: 55vw;
  275. }
  276. .farming .farmerRight .richList .richListPic a div {
  277. width: 90%;
  278. position: absolute;
  279. left: 5%;
  280. height: 22px;
  281. line-height: 22px;
  282. color: #fff;
  283. padding-top: 0px;
  284. bottom: 17px;
  285. border: 0;
  286. }
  287. .farming .farmerRight .richList .richListPic a div span {
  288. font-weight: lighter;
  289. -webkit-line-clamp: 1;
  290. }
  291. .farming .farmerRight .richList .richListPictow a {
  292. display: block;
  293. position: relative;
  294. }
  295. .farming .farmerRight .richList .richListPictow a img {
  296. width: 100%;
  297. height: 55vw;
  298. }
  299. .farming .farmerRight .richList .richListPictow a div {
  300. width: 90%;
  301. position: absolute;
  302. left: 5%;
  303. height: 22px;
  304. line-height: 22px;
  305. color: #fff;
  306. padding-top: 0px;
  307. bottom: 17px;
  308. border: 0;
  309. }
  310. .farming .farmerRight .richList .richListPictow a div span {
  311. font-weight: lighter;
  312. -webkit-line-clamp: 1;
  313. }
  314. .farming .farmerLeft .farmer ul.mode1ul_style1 li a div span {
  315. display: none;
  316. }
  317. .scienceEducation .scienceRight .banner_b_img ul li a {
  318. width: 100%;
  319. }
  320. .scienceEducation .scienceRight .banner_b_img ul li a p {
  321. width: 100%;
  322. position: relative;
  323. text-indent: 18px;
  324. }
  325. .scienceEducation .scienceRight .banner_b_img ul li a p::after {
  326. content: '';
  327. display: block;
  328. position: absolute;
  329. left: 0px;
  330. top: 8px;
  331. background: #E6E6E6;
  332. width: 6px;
  333. height: 6px;
  334. }
  335. .index_3 {
  336. height: auto;
  337. overflow: hidden;
  338. width: 92%;
  339. margin: 0px auto;
  340. }
  341. .index_3_box_left {
  342. height: auto;
  343. overflow: hidden;
  344. width: 100%;
  345. float: none;
  346. }
  347. .index_1_box_right {
  348. height: auto;
  349. overflow: hidden;
  350. width: 100%;
  351. float: none;
  352. }
  353. .index_1_box_right img {
  354. display: block;
  355. width: 100%;
  356. }
  357. .index_3_box_vote .inquire {
  358. width: 100%;
  359. height: auto;
  360. overflow: hidden;
  361. }
  362. .index_3_box_vote .inquire p {
  363. width: 100%;
  364. height: auto;
  365. box-sizing: border-box;
  366. padding-top: 0px;
  367. }
  368. .index_3_box_vote .inquire .radioBox {
  369. margin-top: 8px;
  370. height: auto;
  371. }
  372. .titleBox {
  373. display: none;
  374. }
  375. .lastPart3 {
  376. width: 92%;
  377. margin: 0px auto;
  378. overflow: hidden;
  379. height: auto;
  380. }
  381. .lastPart3 .inner {
  382. width: 100%;
  383. overflow: hidden;
  384. height: auto;
  385. }
  386. .lastPart3 .inner .lastPartTitle {
  387. overflow: hidden;
  388. height: auto;
  389. }
  390. .lastPart3 .inner .lastPartTitle .right a {
  391. word-break: keep-all;
  392. white-space: nowrap;
  393. margin: 0px 0px 0px 10px;
  394. padding: 0px 10px 0px 0px;
  395. }
  396. .lastPart3 .inner .lastPartTitle>a {
  397. float: right;
  398. font-size: 12px;
  399. width: auto;
  400. color: #999;
  401. }
  402. .lastPart3 .inner .lastPartContext {
  403. overflow: hidden;
  404. margin-top: 8px;
  405. }
  406. .lastPart3 .inner .lastPartContext .left {
  407. float: none;
  408. width: 100%;
  409. overflow: hidden;
  410. }
  411. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 {
  412. width: 100%;
  413. display: block;
  414. padding-top: 0px;
  415. }
  416. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li {
  417. display: none;
  418. width: 100%;
  419. height: 55vw;
  420. }
  421. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li:nth-of-type(1) {
  422. display: block;
  423. }
  424. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li img {
  425. width: 100%;
  426. height: 100%;
  427. }
  428. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div {
  429. width: 86%;
  430. left: 7%;
  431. height: 28px;
  432. overflow: hidden;
  433. bottom: 12px;
  434. }
  435. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div p {
  436. height: 28px;
  437. -webkit-line-clamp: 1 !important;
  438. width: 101%;
  439. }
  440. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div span {
  441. display: none;
  442. }
  443. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li {
  444. width: 100%;
  445. height: 42px;
  446. margin-bottom: 0px;
  447. word-break: keep-all;
  448. white-space: nowrap;
  449. overflow: hidden;
  450. text-overflow: ellipsis;
  451. }
  452. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li * {
  453. width: 100% !important;
  454. height: 44px !important;
  455. margin-bottom: 0px;
  456. display: block !important;
  457. line-height: 44px !important;
  458. position: relative;
  459. text-indent: 18px;
  460. }
  461. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li *::after {
  462. content: '';
  463. display: block;
  464. position: absolute;
  465. left: 0px;
  466. top: 18px;
  467. background: #E6E6E6;
  468. width: 6px;
  469. height: 6px;
  470. }
  471. .lastPart3 .inner .lastPartContext .right {
  472. float: none;
  473. width: 100%;
  474. overflow: hidden;
  475. margin-top: 33px;
  476. height: auto;
  477. }
  478. .lastPart3 .inner .lastPartContext .right .content li {
  479. margin-bottom: 0px;
  480. }
  481. .lastPart3 .inner .lastPartContext .right .content li a .text {
  482. width: 55%;
  483. }
  484. .lastPart3 .inner .lastPartContext .right .content>li:nth-child(2n) a .text {
  485. width: 55%;
  486. }
  487. .index_2_big_img_li {
  488. display: none;
  489. }
  490. .index_2_big_img_li:nth-of-type(1) {
  491. display: block;
  492. height: 55vw;
  493. border-radius: 10px;
  494. }
  495. .index_2_big_img_li:nth-of-type(1) a {
  496. display: block;
  497. width: 100%;
  498. height: 100%;
  499. }
  500. .index_2_big_img_li:nth-of-type(1) img {
  501. display: block;
  502. width: 100%;
  503. height: 100%;
  504. }
  505. .index_2 {
  506. height: auto !important;
  507. width: 92%;
  508. overflow: hidden;
  509. margin: 10px auto;
  510. }
  511. .index_1_box>div {
  512. display: none;
  513. }
  514. .index_1_box>div:nth-of-type(1) {
  515. display: block;
  516. height: 210px;
  517. }
  518. .index_1_box .index_1_ul {
  519. margin-top: 16px;
  520. }
  521. .index_1_box {
  522. float: none;
  523. width: 100%;
  524. overflow: hidden;
  525. margin: 0px auto 2px;
  526. }
  527. .index_1_li {
  528. margin-bottom: 7px;
  529. height: 33px !important;
  530. display: none;
  531. }
  532. .index_1_li:nth-of-type(-n+5) {
  533. display: block;
  534. }
  535. .index_1_li a {
  536. display: block;
  537. line-height: 22px;
  538. height: 22px;
  539. word-break: keep-all;
  540. white-space: nowrap;
  541. overflow: hidden;
  542. text-overflow: ellipsis;
  543. width: 100%;
  544. padding: 0px;
  545. color: #333;
  546. }
  547. .index_1_li_dot2 {
  548. display: block !important;
  549. line-height: 22px;
  550. height: 22px;
  551. word-break: keep-all;
  552. white-space: nowrap;
  553. overflow: hidden;
  554. text-overflow: ellipsis;
  555. width: 100%;
  556. padding: 0px;
  557. position: relative;
  558. text-indent: 18px;
  559. }
  560. .index_1_li_dot2::after {
  561. content: '';
  562. display: block;
  563. position: absolute;
  564. left: 0px;
  565. top: 8px;
  566. background: #E6E6E6;
  567. width: 6px;
  568. height: 6px;
  569. }
  570. .index_1_box_right_img_li_dot1 {
  571. display: none;
  572. }
  573. .index_2_li {
  574. height: auto;
  575. padding: 0px 0px 10px 0px;
  576. }
  577. .index_2_big_img_li_dot2 {
  578. padding: 0;
  579. height: 19px;
  580. -webkit-line-clamp: 1;
  581. bottom: 14px;
  582. left: 6%;
  583. width: 88%;
  584. }
  585. .index_2_big_img_li_dot2_tag {
  586. background: #9CD26B;
  587. border-radius: 4px;
  588. font-size: 12px;
  589. padding: 0px 6px;
  590. display: none;
  591. }
  592. .layoutCopy {
  593. overflow: hidden;
  594. width: 92%;
  595. margin: 0px auto;
  596. display: block;
  597. }
  598. .layoutCopy .layoutCopyLeft {
  599. width: 100%;
  600. }
  601. .layoutCopy .layoutCopyLeft .layoutCopyLeftTop {
  602. width: 100%;
  603. display: block;
  604. }
  605. .layoutCopy .layoutCopyRight {
  606. width: 100%;
  607. display: block;
  608. }
  609. .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft2 {
  610. width: 100%;
  611. display: block;
  612. overflow: hidden;
  613. }
  614. .layoutCopyData_style2 a {
  615. margin-top: 0px;
  616. border-bottom: 1px solid #E6E6E6;
  617. }
  618. .layoutCopyData_style2 a .title {
  619. line-height: 40px;
  620. height: 40px;
  621. font-weight: lighter !important;
  622. word-break: keep-all;
  623. white-space: nowrap;
  624. overflow: hidden;
  625. text-overflow: ellipsis;
  626. display: block;
  627. -webkit-box-orient: vertical;
  628. -webkit-line-clamp: 1;
  629. margin: 0px auto;
  630. position: relative;
  631. text-indent: 18px;
  632. }
  633. .layoutCopyData_style2 a .title::after {
  634. content: '';
  635. display: block;
  636. position: absolute;
  637. left: 0px;
  638. top: 17px;
  639. background: #E6E6E6;
  640. width: 6px;
  641. height: 6px;
  642. }
  643. .layoutCopyData_style3 .style3link1 .time {
  644. display: none;
  645. width: 16vw;
  646. height: auto;
  647. }
  648. .layoutCopyData_style3 .style3link1 .time p:nth-child(1) {
  649. font-size: 18px;
  650. width: 100%;
  651. height: 33px;
  652. line-height: 33px;
  653. padding: 0;
  654. margin: 0;
  655. }
  656. .layoutCopyData_style3 .style3link1 .time p:nth-child(2) {
  657. font-size: 14px;
  658. }
  659. .layoutCopyData_style3 .style3link1 {
  660. border-bottom: 1px solid #E6E6E6;
  661. margin-bottom: 0px;
  662. display: block;
  663. }
  664. .layoutCopyData_style3 .style3link1 .title {
  665. width: 100%;
  666. display: block;
  667. color: #333;
  668. word-break: keep-all;
  669. white-space: nowrap;
  670. overflow: hidden;
  671. text-overflow: ellipsis;
  672. font-size: 16px;
  673. height: 40px;
  674. line-height: 40px;
  675. position: relative;
  676. text-indent: 18px;
  677. }
  678. .layoutCopyData_style3 .style3link1 .title::after {
  679. content: '';
  680. display: block;
  681. position: absolute;
  682. left: 0px;
  683. top: 17px;
  684. background: #E6E6E6;
  685. width: 6px;
  686. height: 6px;
  687. }
  688. .layoutCopyData_style3 .style3link1 .introduce {
  689. width: 70vw;
  690. font-size: 14px;
  691. display: none;
  692. }
  693. .layoutCopyData_style3 .style3link2 b {
  694. display: none;
  695. }
  696. .layoutCopyData_style3 .style3link2 {
  697. margin-bottom: 0px;
  698. line-height: 40px;
  699. height: 40px;
  700. box-sizing: border-box;
  701. display: block;
  702. }
  703. .layoutCopyData_style3 .style3link2>p {
  704. display: none;
  705. }
  706. .layoutCopyData_style3 .style3link2 div {
  707. display: block;
  708. width: 100%;
  709. }
  710. .layoutCopyData_style3 .style3link2 div .title {
  711. width: 100%;
  712. height: 40px;
  713. line-height: 40px;
  714. border-bottom: 1px solid #E6E6E6;
  715. position: relative;
  716. text-indent: 18px;
  717. }
  718. .layoutCopyData_style3 .style3link2 div .title::after {
  719. content: '';
  720. display: block;
  721. position: absolute;
  722. left: 0px;
  723. top: 17px;
  724. background: #E6E6E6;
  725. width: 6px;
  726. height: 6px;
  727. }
  728. .layoutCopyData_style3>div {
  729. display: none;
  730. }
  731. .layoutCopyData_style3>div:nth-of-type(-n+3) {
  732. display: block;
  733. }
  734. .layoutCopy .layoutCopyLeft .layoutCopyLeftBottom {
  735. height: auto;
  736. }
  737. .layoutCopyData_style4 .layoutCopyData_pic {
  738. display: block;
  739. }
  740. .layoutCopyData_style4 .layoutCopyData_pic a {
  741. width: 100%;
  742. height: 55vw;
  743. display: none;
  744. }
  745. .layoutCopyData_style4 .layoutCopyData_pic a img {
  746. width: 100%;
  747. height: 100%;
  748. }
  749. .layoutCopyData_style4 .layoutCopyData_pic a:nth-of-type(1) {
  750. display: block;
  751. }
  752. .layoutCopyData_style4 .layoutCopyData_text a {
  753. padding-bottom: 0px;
  754. margin-top: 0px;
  755. display: none;
  756. }
  757. .layoutCopyData_style4 .layoutCopyData_text a:nth-of-type(-n+5) {
  758. display: block;
  759. display: flex;
  760. line-height: 40px;
  761. height: 40px;
  762. }
  763. .layoutCopyData_style4 .layoutCopyData_text a .title {
  764. width: 100%;
  765. }
  766. .layoutCopyData_style1 {
  767. margin-bottom: 0px;
  768. width: 100%;
  769. min-height: 270px;
  770. }
  771. .layoutCopyData_style1 a:nth-child(1) {
  772. display: block;
  773. width: 100%;
  774. margin: 0px 0px 15px 0px;
  775. position: relative;
  776. }
  777. .layoutCopyData_style1 a:nth-child(1) img {
  778. width: 100%;
  779. height: 55vw;
  780. border-radius: 6px;
  781. display: block;
  782. }
  783. .layoutCopyData_style1 a:nth-child(1)>div {
  784. width: 100%;
  785. height: auto;
  786. border: 0;
  787. }
  788. .layoutCopyData_style1 a:nth-child(1) span {
  789. width: 90%;
  790. max-height: 22px;
  791. line-height: 22px;
  792. color: #fff;
  793. font-size: 16px;
  794. position: absolute;
  795. bottom: 14px;
  796. left: 5%;
  797. font-weight: lighter !important;
  798. -webkit-line-clamp: 1 !important;
  799. }
  800. .layoutCopyData_style1 a:nth-of-type(n+2) {
  801. width: 100%;
  802. margin-top: 0px;
  803. display: -webkit-box;
  804. -webkit-box-orient: vertical;
  805. -webkit-line-clamp: 2;
  806. overflow: hidden;
  807. text-overflow: ellipsis;
  808. word-break: break-all;
  809. font-size: 16px;
  810. color: #333333;
  811. border-bottom: 1px solid #E6E6E6;
  812. }
  813. .layoutCopyData_style1 a:nth-of-type(n+2) .title {
  814. width: 100%;
  815. word-break: keep-all;
  816. white-space: nowrap;
  817. overflow: hidden;
  818. text-overflow: ellipsis;
  819. display: block;
  820. -webkit-box-orient: vertical;
  821. -webkit-line-clamp: 1;
  822. margin: 0px 0;
  823. height: 40px;
  824. line-height: 40px;
  825. position: relative;
  826. text-indent: 18px;
  827. }
  828. .layoutCopyData_style1 a:nth-of-type(n+2) .title::after {
  829. content: '';
  830. display: block;
  831. position: absolute;
  832. left: 0px;
  833. top: 18px;
  834. background: #E6E6E6;
  835. width: 6px;
  836. height: 6px;
  837. }
  838. .lastPart3 .inner .lastPartTitle .right {
  839. display: none;
  840. }
  841. .index_2_head_a_box {
  842. display: none;
  843. }
  844. .lastPart3 .inner .lastPartContext .right {
  845. display: none;
  846. }
  847. .index_1_box_right {
  848. display: none;
  849. }
  850. .farming .farmerRight .rich>h3 a {
  851. font-size: 12px;
  852. width: auto;
  853. color: #999;
  854. }
  855. .farming .farmerRight .rich>h3 .active {
  856. font-size: 18px;
  857. }
  858. .farming .farmerLeft .farmer ul.mode1ul_style1 li a div p:nth-child(1) {
  859. line-height: 24px;
  860. height: 24px;
  861. -webkit-line-clamp: 1;
  862. padding: 0px 6px;
  863. margin-top: 0px;
  864. }
  865. .farming .farmerLeft .farmer ul.mode1ul_style1 li a div {
  866. height: 24px;
  867. }
  868. .farming .farmerRight .richList .richListText a span {
  869. position: relative;
  870. text-indent: 18px;
  871. }
  872. .farming .farmerRight .richList .richListText a span::after {
  873. content: '';
  874. display: block;
  875. position: absolute;
  876. left: 0px;
  877. top: 17px;
  878. background: #E6E6E6;
  879. width: 6px;
  880. height: 6px;
  881. }
  882. .farming .farmerRight .richList .richListPictow {
  883. display: none;
  884. }
  885. .scienceEducation .scienceRight>h3 span a {
  886. font-size: 18px;
  887. line-height: 50px;
  888. height: 50px;
  889. box-sizing: border-box;
  890. display: block;
  891. }
  892. .layoutCopy .layoutTitleBox .layoutTitle a {
  893. font-size: 18px;
  894. line-height: 50px;
  895. height: 50px;
  896. box-sizing: border-box;
  897. display: block;
  898. }
  899. .layoutCopy .layoutTitleBox .layoutMore a {
  900. font-size: 12px;
  901. width: auto;
  902. color: #999;
  903. margin-right: 11px;
  904. }
  905. .scienceEducation .scienceRight>h3>a {
  906. font-size: 12px;
  907. color: #999;
  908. width: auto;
  909. }
  910. .index_1_head a {
  911. font-size: 18px;
  912. line-height: 50px;
  913. height: 50px;
  914. box-sizing: border-box;
  915. display: block;
  916. }
  917. .index_3 .index_2_head_box {
  918. margin: 5px auto 8px;
  919. }
  920. .farming .farmerLeft .farmer>h3 .titleBoxTabs span a {
  921. font-size: 18px;
  922. }
  923. .farming .farmerLeft .farmer>h3 .titleBoxTabs .active a.active {
  924. font-size: 18px;
  925. line-height: 50px;
  926. height: 50px;
  927. box-sizing: border-box;
  928. display: block;
  929. }
  930. .lastPart3 .inner .lastPartTitle .left span a {
  931. font-size: 18px;
  932. }
  933. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li {
  934. display: none;
  935. }
  936. .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li:nth-of-type(-n+5) {
  937. display: block;
  938. }
  939. .farming .farmerRight .rich>h3 {
  940. margin-top: 5px;
  941. }
  942. .farming .farmerRight .rich ul {
  943. padding-top: 8px;
  944. }
  945. .scienceEducation .scienceRight>h3 {
  946. margin: 16px auto 0px;
  947. border-bottom: 1px solid #D9D9D9;
  948. }
  949. .layoutCopy .layoutTitleBox {
  950. margin: 5px auto 15px;
  951. }
  952. .farming .farmerRight .richList {
  953. margin-top: 8px;
  954. }
  955. .lastPart3 .inner {
  956. margin-top: 8px;
  957. }
  958. .index_2 {
  959. margin-top: 5px;
  960. }
  961. .index_2_head_box {
  962. margin-bottom: 15px;
  963. }
  964. .index_3_li {
  965. padding: 9px 0px;
  966. }
  967. .index_1_head_box {
  968. justify-content: space-between;
  969. align-items: center;
  970. float: none;
  971. }
  972. .index_1_head_box>a {
  973. font-size: 12px;
  974. width: auto;
  975. color: #999;
  976. }
  977. .layoutCopyData_style4 .layoutCopyData_pic a p {
  978. line-height: 18px;
  979. font-size: 16px;
  980. width: 86%;
  981. bottom: 14px;
  982. left: 7%;
  983. }
  984. .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft1 {
  985. width: 100%;
  986. }
  987. .layoutCopyData_text {
  988. height: 210px;
  989. overflow: hidden;
  990. margin-top: 14px;
  991. }
  992. .index_3_ul {
  993. height: 123px;
  994. overflow: hidden;
  995. }
  996. .index_1_head {
  997. line-height: 50px;
  998. height: 50px;
  999. }
  1000. .phone_head_1 {
  1001. margin-top: 16px !important;
  1002. }
  1003. .phone_head_2 {
  1004. margin-top: 10px !important;
  1005. }
  1006. .phone_head_3 {
  1007. margin-top: 10px !important;
  1008. }
  1009. .phone_head_4 {
  1010. margin-top: 4px !important;
  1011. }
  1012. .phone_ul_1 {
  1013. height: 208px !important;
  1014. }
  1015. .phone_ul_2 {
  1016. height: 197px !important;
  1017. }
  1018. .lastPart3 {
  1019. display: none;
  1020. }
  1021. // 农资购销
  1022. // .layoutCopy .layoutCopyRight{display:none;}// 书刊信息
  1023. .layoutCopy .layoutCopyLeft .layoutCopyLeftBottom {
  1024. display: none;
  1025. }
  1026. // 农贸资讯
  1027. .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft2 {
  1028. display: none;
  1029. }
  1030. //三农投资
  1031. .farming .farmerRight {
  1032. display: none;
  1033. }
  1034. //农民工
  1035. .phone_name_1 {
  1036. width: 100%;
  1037. height: 50px;
  1038. border-bottom: 1px solid #E6E6E6;
  1039. margin: 16px auto 8px;
  1040. a {
  1041. float: left;
  1042. height: 50px;
  1043. line-height: 50px;
  1044. font-size: 18px;
  1045. color: #49A769;
  1046. font-weight: bold;
  1047. box-sizing: border-box;
  1048. border-bottom: 3px solid #49A769;
  1049. }
  1050. }
  1051. .phone_name_2 {
  1052. width: 100%;
  1053. height: 50px;
  1054. border-bottom: 1px solid #E6E6E6;
  1055. margin: 16px auto 8px;
  1056. a {
  1057. float: left;
  1058. height: 50px;
  1059. line-height: 50px;
  1060. font-size: 18px;
  1061. color: #49A769;
  1062. font-weight: bold;
  1063. box-sizing: border-box;
  1064. border-bottom: 3px solid #49A769;
  1065. }
  1066. }
  1067. .phone_name_3 {
  1068. width: 100%;
  1069. height: 50px;
  1070. border-bottom: 1px solid #E6E6E6;
  1071. margin: 11px auto 15px;
  1072. a {
  1073. float: left;
  1074. height: 50px;
  1075. line-height: 50px;
  1076. font-size: 18px;
  1077. color: #49A769;
  1078. font-weight: bold;
  1079. box-sizing: border-box;
  1080. border-bottom: 3px solid #49A769;
  1081. }
  1082. }
  1083. .phone_name_4 {
  1084. width: 100%;
  1085. height: 50px;
  1086. border-bottom: 1px solid #E6E6E6;
  1087. margin: 5px auto 0px;
  1088. a {
  1089. float: left;
  1090. height: 50px;
  1091. line-height: 50px;
  1092. font-size: 18px;
  1093. color: #49A769;
  1094. font-weight: bold;
  1095. box-sizing: border-box;
  1096. border-bottom: 3px solid #49A769;
  1097. }
  1098. }
  1099. .phone_name_5 {
  1100. width: 100%;
  1101. height: 50px;
  1102. border-bottom: 1px solid #E6E6E6;
  1103. margin: 11px auto 0px;
  1104. a {
  1105. float: left;
  1106. height: 50px;
  1107. line-height: 50px;
  1108. font-size: 18px;
  1109. color: #49A769;
  1110. font-weight: bold;
  1111. box-sizing: border-box;
  1112. border-bottom: 3px solid #49A769;
  1113. }
  1114. }
  1115. .phone_name_6 {
  1116. width: 100%;
  1117. height: 50px;
  1118. border-bottom: 1px solid #E6E6E6;
  1119. margin: 8px auto 15px;
  1120. a {
  1121. float: left;
  1122. height: 50px;
  1123. line-height: 50px;
  1124. font-size: 18px;
  1125. color: #49A769;
  1126. font-weight: bold;
  1127. box-sizing: border-box;
  1128. border-bottom: 3px solid #49A769;
  1129. }
  1130. }
  1131. .phone_none {
  1132. display: none !important;
  1133. }
  1134. }
  1135. @media screen and (max-width:800px) {
  1136. /*ipad_phone*/
  1137. .inner {
  1138. width: 92%;
  1139. margin: 0px auto;
  1140. overflow: hidden;
  1141. }
  1142. /* body{padding-bottom:44px;} */
  1143. }