@media screen and (min-width:801px) { .layoutCopyData_style1 a:nth-child(3) { display: none; } .layoutCopyData_style1>a { display: none; } .layoutCopyData_style1>a:nth-of-type(-n+2) { display: block; display: flex; } .pc_none { display: none; } } @media screen and (max-width:800px) { /*ipad_phone*/ .scienceEducation .adBox1 { margin-top: 22px; } .farming { width: 100%; height: auto; overflow: hidden; } .farming .farmerLeft { width: 100%; height: auto; } .farming .farmerRight { width: 100%; height: auto; } .farming .farmerLeft .farmer { width: 100%; overflow: hidden; height: auto; } .farming .farmerLeft .farmer ul.mode1ul_style1 { padding-top: 15px; display: block; } .farming .farmerLeft .farmer ul.mode1ul_style1 li { width: 100%; height: 55vw; display: none; } .farming .farmerLeft .farmer ul.mode1ul_style1 li:nth-of-type(1) { display: block; } .farming .farmerLeft .farmer ul.mode1ul_style1 li img { width: 100%; height: 100%; } .farming .farmerLeft .farmer ul.mode1ul_style1 li a div { width: 90%; left: 5%; } .farming .farmerLeft .farmer ul.mode1ul_style2 { overflow: hidden; display: block; height: 213px; margin-top: 3px; } .farming .farmerLeft .farmer ul.mode1ul_style2 li { margin-bottom: 8px; height: auto; display: none; width: 100%; border-radius: 0px; } .farming .farmerLeft .farmer ul.mode1ul_style2 li:nth-of-type(-n+5) { display: block; } .farming .farmerLeft .farmer>h3 { margin-top: 5px; } .farming .farmerLeft .farmer>h3 a.active { font-size: 18px; } .farming .farmerLeft .farmer>h3>a { font-size: 12px; color: #999; width: auto; } .farming .farmerLeft .farmer ul.mode1ul_style2 p.title { width: 100%; height: auto; line-height: 22px; height: 22px; margin-bottom: 10px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; text-indent: 18px; } .farming .farmerLeft .farmer ul.mode1ul_style2 p.title::after { content: ''; display: block; position: absolute; left: 0px; top: 8px; background: #E6E6E6; width: 6px; height: 6px; } .farming .farmerRight .rich ul { overflow: hidden; height: auto; } .farming .farmerRight .rich ul li { height: 40px; line-height: 40px; padding: 0; display: none; } .farming .farmerRight .rich ul li:nth-of-type(-n+5) { display: block; } .farming .farmerRight .rich ul li a { height: 33px; line-height: 33px; padding: 0; display: block; width: 100%; position: relative; text-indent: 15px; } .farming .farmerRight .rich ul li a .index { position: absolute; left: 0px; top: 9px; height: 16px; line-height: 16px; text-indent: 0px; } .farming .farmerRight .rich ul li a .title { height: 33px; line-height: 33px; padding: 0; float: left; width: 100%; display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-indent: 18px; } .index_3_li { width: 100%; } .index_3_li:nth-of-type(even), .index_3_li:nth-of-type(odd) { width: 100%; } .index_3_li { display: none; } .index_3_li:nth-of-type(-n+3) { display: block; border-bottom: 1px solid #E6E6E6 !important; font-weight: normal; } .index_3_li .title { height: 22px; line-height: 22px; font-weight: normal; color: #333; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0; } .index_3_li .title b.lis {} .index_3_li_color b.active { background: #E6E6E6 !important; } .scienceEducation { height: auto; overflow: hidden; } .scienceEducation .scienceLeft { width: 100%; overflow: hidden; height: auto; float: none; margin: 0px auto; } .scienceEducation .scienceRight { width: 100%; height: auto; } .scienceEducation .adBox1 { width: 100%; height: auto; margin-bottom: 0px; display: none; } .scienceEducation .adBox1 a { width: 100%; height: auto; } .scienceEducation .adBox1 img { width: 100%; height: auto; } .scienceEducation .scienceRight .banner_b_img ul {} .scienceEducation .scienceRight .banner_b_img ul { overflow: hidden; padding-top: 8px; height: 213px; } .scienceEducation .scienceRight .banner_b_img ul li { margin-bottom: 0px; display: none; } .scienceEducation .scienceRight .banner_b_img ul li:nth-of-type(-n+5) { display: block; } .scienceEducation .scienceRight .banner_b_img ul li a { height: auto; display: block; padding: 9px 0px; } .scienceEducation .scienceRight .banner_b_img ul li a p { display: block; line-height: 22px; height: 22px; margin-bottom: 0px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .farming .farmerLeft .farmer ul.mode1ul_style2 p:nth-of-type(2) { display: none; } .farming .farmerRight .richList .richListPic { margin-bottom: 0px; } .farming .farmerRight .richList .richListText { margin-bottom: 0px; } .farming .farmerRight .richList .richListText a { height: 40px; line-height: 40px; } .farming .farmerRight .rich { height: auto; overflow: hidden; } .farming .farmerRight .richList .richListPic a { display: block; position: relative; } .farming .farmerRight .richList .richListPic a img { width: 100%; height: 55vw; } .farming .farmerRight .richList .richListPic a div { width: 90%; position: absolute; left: 5%; height: 22px; line-height: 22px; color: #fff; padding-top: 0px; bottom: 17px; border: 0; } .farming .farmerRight .richList .richListPic a div span { font-weight: lighter; -webkit-line-clamp: 1; } .farming .farmerRight .richList .richListPictow a { display: block; position: relative; } .farming .farmerRight .richList .richListPictow a img { width: 100%; height: 55vw; } .farming .farmerRight .richList .richListPictow a div { width: 90%; position: absolute; left: 5%; height: 22px; line-height: 22px; color: #fff; padding-top: 0px; bottom: 17px; border: 0; } .farming .farmerRight .richList .richListPictow a div span { font-weight: lighter; -webkit-line-clamp: 1; } .farming .farmerLeft .farmer ul.mode1ul_style1 li a div span { display: none; } .scienceEducation .scienceRight .banner_b_img ul li a { width: 100%; } .scienceEducation .scienceRight .banner_b_img ul li a p { width: 100%; position: relative; text-indent: 18px; } .scienceEducation .scienceRight .banner_b_img ul li a p::after { content: ''; display: block; position: absolute; left: 0px; top: 8px; background: #E6E6E6; width: 6px; height: 6px; } .index_3 { height: auto; overflow: hidden; width: 92%; margin: 0px auto; } .index_3_box_left { height: auto; overflow: hidden; width: 100%; float: none; } .index_1_box_right { height: auto; overflow: hidden; width: 100%; float: none; } .index_1_box_right img { display: block; width: 100%; } .index_3_box_vote .inquire { width: 100%; height: auto; overflow: hidden; } .index_3_box_vote .inquire p { width: 100%; height: auto; box-sizing: border-box; padding-top: 0px; } .index_3_box_vote .inquire .radioBox { margin-top: 8px; height: auto; } .titleBox { display: none; } .lastPart3 { width: 92%; margin: 0px auto; overflow: hidden; height: auto; } .lastPart3 .inner { width: 100%; overflow: hidden; height: auto; } .lastPart3 .inner .lastPartTitle { overflow: hidden; height: auto; } .lastPart3 .inner .lastPartTitle .right a { word-break: keep-all; white-space: nowrap; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px; } .lastPart3 .inner .lastPartTitle>a { float: right; font-size: 12px; width: auto; color: #999; } .lastPart3 .inner .lastPartContext { overflow: hidden; margin-top: 8px; } .lastPart3 .inner .lastPartContext .left { float: none; width: 100%; overflow: hidden; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 { width: 100%; display: block; padding-top: 0px; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li { display: none; width: 100%; height: 55vw; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li:nth-of-type(1) { display: block; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li img { width: 100%; height: 100%; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div { width: 86%; left: 7%; height: 28px; overflow: hidden; bottom: 12px; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div p { height: 28px; -webkit-line-clamp: 1 !important; width: 101%; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div span { display: none; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li { width: 100%; height: 42px; margin-bottom: 0px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li * { width: 100% !important; height: 44px !important; margin-bottom: 0px; display: block !important; line-height: 44px !important; position: relative; text-indent: 18px; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li *::after { content: ''; display: block; position: absolute; left: 0px; top: 18px; background: #E6E6E6; width: 6px; height: 6px; } .lastPart3 .inner .lastPartContext .right { float: none; width: 100%; overflow: hidden; margin-top: 33px; height: auto; } .lastPart3 .inner .lastPartContext .right .content li { margin-bottom: 0px; } .lastPart3 .inner .lastPartContext .right .content li a .text { width: 55%; } .lastPart3 .inner .lastPartContext .right .content>li:nth-child(2n) a .text { width: 55%; } .index_2_big_img_li { display: none; } .index_2_big_img_li:nth-of-type(1) { display: block; height: 55vw; border-radius: 10px; } .index_2_big_img_li:nth-of-type(1) a { display: block; width: 100%; height: 100%; } .index_2_big_img_li:nth-of-type(1) img { display: block; width: 100%; height: 100%; } .index_2 { height: auto !important; width: 92%; overflow: hidden; margin: 10px auto; } .index_1_box>div { display: none; } .index_1_box>div:nth-of-type(1) { display: block; height: 210px; } .index_1_box .index_1_ul { margin-top: 16px; } .index_1_box { float: none; width: 100%; overflow: hidden; margin: 0px auto 2px; } .index_1_li { margin-bottom: 7px; height: 33px !important; display: none; } .index_1_li:nth-of-type(-n+5) { display: block; } .index_1_li a { display: block; line-height: 22px; height: 22px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0px; color: #333; } .index_1_li_dot2 { display: block !important; line-height: 22px; height: 22px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0px; position: relative; text-indent: 18px; } .index_1_li_dot2::after { content: ''; display: block; position: absolute; left: 0px; top: 8px; background: #E6E6E6; width: 6px; height: 6px; } .index_1_box_right_img_li_dot1 { display: none; } .index_2_li { height: auto; padding: 0px 0px 10px 0px; } .index_2_big_img_li_dot2 { padding: 0; height: 19px; -webkit-line-clamp: 1; bottom: 14px; left: 6%; width: 88%; } .index_2_big_img_li_dot2_tag { background: #9CD26B; border-radius: 4px; font-size: 12px; padding: 0px 6px; display: none; } .layoutCopy { overflow: hidden; width: 92%; margin: 0px auto; display: block; } .layoutCopy .layoutCopyLeft { width: 100%; } .layoutCopy .layoutCopyLeft .layoutCopyLeftTop { width: 100%; display: block; } .layoutCopy .layoutCopyRight { width: 100%; display: block; } .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft2 { width: 100%; display: block; overflow: hidden; } .layoutCopyData_style2 a { margin-top: 0px; border-bottom: 1px solid #E6E6E6; } .layoutCopyData_style2 a .title { line-height: 40px; height: 40px; font-weight: lighter !important; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin: 0px auto; position: relative; text-indent: 18px; } .layoutCopyData_style2 a .title::after { content: ''; display: block; position: absolute; left: 0px; top: 17px; background: #E6E6E6; width: 6px; height: 6px; } .layoutCopyData_style3 .style3link1 .time { display: none; width: 16vw; height: auto; } .layoutCopyData_style3 .style3link1 .time p:nth-child(1) { font-size: 18px; width: 100%; height: 33px; line-height: 33px; padding: 0; margin: 0; } .layoutCopyData_style3 .style3link1 .time p:nth-child(2) { font-size: 14px; } .layoutCopyData_style3 .style3link1 { border-bottom: 1px solid #E6E6E6; margin-bottom: 0px; display: block; } .layoutCopyData_style3 .style3link1 .title { width: 100%; display: block; color: #333; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; height: 40px; line-height: 40px; position: relative; text-indent: 18px; } .layoutCopyData_style3 .style3link1 .title::after { content: ''; display: block; position: absolute; left: 0px; top: 17px; background: #E6E6E6; width: 6px; height: 6px; } .layoutCopyData_style3 .style3link1 .introduce { width: 70vw; font-size: 14px; display: none; } .layoutCopyData_style3 .style3link2 b { display: none; } .layoutCopyData_style3 .style3link2 { margin-bottom: 0px; line-height: 40px; height: 40px; box-sizing: border-box; display: block; } .layoutCopyData_style3 .style3link2>p { display: none; } .layoutCopyData_style3 .style3link2 div { display: block; width: 100%; } .layoutCopyData_style3 .style3link2 div .title { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #E6E6E6; position: relative; text-indent: 18px; } .layoutCopyData_style3 .style3link2 div .title::after { content: ''; display: block; position: absolute; left: 0px; top: 17px; background: #E6E6E6; width: 6px; height: 6px; } .layoutCopyData_style3>div { display: none; } .layoutCopyData_style3>div:nth-of-type(-n+3) { display: block; } .layoutCopy .layoutCopyLeft .layoutCopyLeftBottom { height: auto; } .layoutCopyData_style4 .layoutCopyData_pic { display: block; } .layoutCopyData_style4 .layoutCopyData_pic a { width: 100%; height: 55vw; display: none; } .layoutCopyData_style4 .layoutCopyData_pic a img { width: 100%; height: 100%; } .layoutCopyData_style4 .layoutCopyData_pic a:nth-of-type(1) { display: block; } .layoutCopyData_style4 .layoutCopyData_text a { padding-bottom: 0px; margin-top: 0px; display: none; } .layoutCopyData_style4 .layoutCopyData_text a:nth-of-type(-n+5) { display: block; display: flex; line-height: 40px; height: 40px; } .layoutCopyData_style4 .layoutCopyData_text a .title { width: 100%; } .layoutCopyData_style1 { margin-bottom: 0px; width: 100%; min-height: 270px; } .layoutCopyData_style1 a:nth-child(1) { display: block; width: 100%; margin: 0px 0px 15px 0px; position: relative; } .layoutCopyData_style1 a:nth-child(1) img { width: 100%; height: 55vw; border-radius: 6px; display: block; } .layoutCopyData_style1 a:nth-child(1)>div { width: 100%; height: auto; border: 0; } .layoutCopyData_style1 a:nth-child(1) span { width: 90%; max-height: 22px; line-height: 22px; color: #fff; font-size: 16px; position: absolute; bottom: 14px; left: 5%; font-weight: lighter !important; -webkit-line-clamp: 1 !important; } .layoutCopyData_style1 a:nth-of-type(n+2) { width: 100%; margin-top: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size: 16px; color: #333333; border-bottom: 1px solid #E6E6E6; } .layoutCopyData_style1 a:nth-of-type(n+2) .title { width: 100%; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin: 0px 0; height: 40px; line-height: 40px; position: relative; text-indent: 18px; } .layoutCopyData_style1 a:nth-of-type(n+2) .title::after { content: ''; display: block; position: absolute; left: 0px; top: 18px; background: #E6E6E6; width: 6px; height: 6px; } .lastPart3 .inner .lastPartTitle .right { display: none; } .index_2_head_a_box { display: none; } .lastPart3 .inner .lastPartContext .right { display: none; } .index_1_box_right { display: none; } .farming .farmerRight .rich>h3 a { font-size: 12px; width: auto; color: #999; } .farming .farmerRight .rich>h3 .active { font-size: 18px; } .farming .farmerLeft .farmer ul.mode1ul_style1 li a div p:nth-child(1) { line-height: 24px; height: 24px; -webkit-line-clamp: 1; padding: 0px 6px; margin-top: 0px; } .farming .farmerLeft .farmer ul.mode1ul_style1 li a div { height: 24px; } .farming .farmerRight .richList .richListText a span { position: relative; text-indent: 18px; } .farming .farmerRight .richList .richListText a span::after { content: ''; display: block; position: absolute; left: 0px; top: 17px; background: #E6E6E6; width: 6px; height: 6px; } .farming .farmerRight .richList .richListPictow { display: none; } .scienceEducation .scienceRight>h3 span a { font-size: 18px; line-height: 50px; height: 50px; box-sizing: border-box; display: block; } .layoutCopy .layoutTitleBox .layoutTitle a { font-size: 18px; line-height: 50px; height: 50px; box-sizing: border-box; display: block; } .layoutCopy .layoutTitleBox .layoutMore a { font-size: 12px; width: auto; color: #999; margin-right: 11px; } .scienceEducation .scienceRight>h3>a { font-size: 12px; color: #999; width: auto; } .index_1_head a { font-size: 18px; line-height: 50px; height: 50px; box-sizing: border-box; display: block; } .index_3 .index_2_head_box { margin: 5px auto 8px; } .farming .farmerLeft .farmer>h3 .titleBoxTabs span a { font-size: 18px; } .farming .farmerLeft .farmer>h3 .titleBoxTabs .active a.active { font-size: 18px; line-height: 50px; height: 50px; box-sizing: border-box; display: block; } .lastPart3 .inner .lastPartTitle .left span a { font-size: 18px; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li { display: none; } .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li:nth-of-type(-n+5) { display: block; } .farming .farmerRight .rich>h3 { margin-top: 5px; } .farming .farmerRight .rich ul { padding-top: 8px; } .scienceEducation .scienceRight>h3 { margin: 16px auto 0px; border-bottom: 1px solid #D9D9D9; } .layoutCopy .layoutTitleBox { margin: 5px auto 15px; } .farming .farmerRight .richList { margin-top: 8px; } .lastPart3 .inner { margin-top: 8px; } .index_2 { margin-top: 5px; } .index_2_head_box { margin-bottom: 15px; } .index_3_li { padding: 9px 0px; } .index_1_head_box { justify-content: space-between; align-items: center; float: none; } .index_1_head_box>a { font-size: 12px; width: auto; color: #999; } .layoutCopyData_style4 .layoutCopyData_pic a p { line-height: 18px; font-size: 16px; width: 86%; bottom: 14px; left: 7%; } .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft1 { width: 100%; } .layoutCopyData_text { height: 210px; overflow: hidden; margin-top: 14px; } .index_3_ul { height: 123px; overflow: hidden; } .index_1_head { line-height: 50px; height: 50px; } .phone_head_1 { margin-top: 16px !important; } .phone_head_2 { margin-top: 10px !important; } .phone_head_3 { margin-top: 10px !important; } .phone_head_4 { margin-top: 4px !important; } .phone_ul_1 { height: 208px !important; } .phone_ul_2 { height: 197px !important; } .lastPart3 { display: none; } // 农资购销 // .layoutCopy .layoutCopyRight{display:none;}// 书刊信息 .layoutCopy .layoutCopyLeft .layoutCopyLeftBottom { display: none; } // 农贸资讯 .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft2 { display: none; } //三农投资 .farming .farmerRight { display: none; } //农民工 .phone_name_1 { width: 100%; height: 50px; border-bottom: 1px solid #E6E6E6; margin: 16px auto 8px; a { float: left; height: 50px; line-height: 50px; font-size: 18px; color: #49A769; font-weight: bold; box-sizing: border-box; border-bottom: 3px solid #49A769; } } .phone_name_2 { width: 100%; height: 50px; border-bottom: 1px solid #E6E6E6; margin: 16px auto 8px; a { float: left; height: 50px; line-height: 50px; font-size: 18px; color: #49A769; font-weight: bold; box-sizing: border-box; border-bottom: 3px solid #49A769; } } .phone_name_3 { width: 100%; height: 50px; border-bottom: 1px solid #E6E6E6; margin: 11px auto 15px; a { float: left; height: 50px; line-height: 50px; font-size: 18px; color: #49A769; font-weight: bold; box-sizing: border-box; border-bottom: 3px solid #49A769; } } .phone_name_4 { width: 100%; height: 50px; border-bottom: 1px solid #E6E6E6; margin: 5px auto 0px; a { float: left; height: 50px; line-height: 50px; font-size: 18px; color: #49A769; font-weight: bold; box-sizing: border-box; border-bottom: 3px solid #49A769; } } .phone_name_5 { width: 100%; height: 50px; border-bottom: 1px solid #E6E6E6; margin: 11px auto 0px; a { float: left; height: 50px; line-height: 50px; font-size: 18px; color: #49A769; font-weight: bold; box-sizing: border-box; border-bottom: 3px solid #49A769; } } .phone_name_6 { width: 100%; height: 50px; border-bottom: 1px solid #E6E6E6; margin: 8px auto 15px; a { float: left; height: 50px; line-height: 50px; font-size: 18px; color: #49A769; font-weight: bold; box-sizing: border-box; border-bottom: 3px solid #49A769; } } .phone_none { display: none !important; } } @media screen and (max-width:800px) { /*ipad_phone*/ .inner { width: 92%; margin: 0px auto; overflow: hidden; } /* body{padding-bottom:44px;} */ }