.farming { width: 100%; height: 664px; .farmerLeft, .farmerRight { float: left; } .farmerLeft { width: 720px; height: 616px; margin-right: 21px; .farmer { width: 720px; height: 330px; >h3 { font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #D9D9D9; height: 50px; line-height: 50px; display: flex; justify-content: space-between; a.active { font-size: 22px; height: 50px; line-height: 50px; display: inline-block; color: #139602; font-weight: bold; box-sizing: border-box; width: auto; font-weight: bold; border-bottom: 3px solid #49A769; } .titleBoxTabs { a { color: #333; } span { a { font-size: 22px; height: 50px; line-height: 50px; display: inline-block; box-sizing: border-box; } margin-right: 20px; } .active { a { height: 50px; line-height: 50px; display: inline-block; box-sizing: border-box; margin-right: 40px; font-weight: bold; } a.active { color: #139602; border-bottom: 3px solid #49A769; } } a.active { color: #139602; border-bottom: 3px solid #49A769; } } span { height: 50px; line-height: 50px; display: inline-block; box-sizing: border-box; } >a { width: 65px; height: 50px; line-height: 50px; font-weight: 400; font-size: 16px; color: #333333; font-style: normal; text-transform: none; display: inline-block; } } ul.mode1ul_style1 { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; li { position: relative; width: 349px; height: 236px; border-radius: 10px; box-sizing: border-box; overflow: hidden; img { width: 349px; height: 236px; } a { div { position: absolute; width: 320px; height: 48px; bottom: 10px; z-index: 10; left:15px; color: #fff; font-size: 16px; z-index: 99; span { display: inline-block; background: #9CD26B; font-size: 14px; color: #fff; padding: 2px 6px; border-radius: 4px; margin-right: 5px; } p { font-size: 16px; margin-top: 5px; height: 46px; } p:nth-child(1) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } } } } } ul.mode1ul_style2 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; li { width: 349px; height: 58px; border-radius: 10px; border-bottom: 1px solid #E6E6E6; box-sizing: border-box; margin-bottom: 22px; } p { font-size: 16px; color: #333333; margin-bottom: 4px; } p.title { width: 349px; height: 46px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } p.title:hover { color: #49A769; } } } .farmerbottom { width: 720px; height: 280px; img { width: 498px; height: 280px; } >.leftList { width: 290px; height: 280px; background-color: #f6f6f6; padding: 11px 26px 6px 20px; box-sizing: border-box; >li { width: 296px; height: 32px; color: #666666; font-size: 14px; margin-bottom: 14px; h4 { width: 249px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Source Han Sans, Source Han Sans; height: 27px; line-height: 21px; font-size: 18px; color: #333333; font-weight: 400; em { display: inline-block; width: 8px; height: 8px; background-color: #333333; border-radius: 8px; } } p { width: 249px; height: 48px; // line-height: 24px; padding-left: 14px; // color: #333333; } a { color: #333333; } a:hover { color: #139602; } } >li:hover, >li:hover>a>h4 { color: #088f04; } >li:hover>a>h4>em { background-color: #088f04; } } } } .farmerRight { width: 450px; height: 600px; .rich, .inquire { width: 100%; height: 309px; >h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #D9D9D9; height: 50px; line-height: 50px; display: flex; justify-content: space-between; .active { font-size: 22px; height: 50px; line-height: 50px; display: inline-block; color: #49A769; border-bottom: 3px solid #49A769; box-sizing: border-box; width: auto; font-weight: bold; } span { font-size: 22px; height: 50px; line-height: 50px; display: inline-block; color: #49A769; border-bottom: 3px solid #49A769; box-sizing: border-box; } a { width: 65px; height: 50px; line-height: 50px; font-size: 16px; color: #333333; font-weight: normal; } } .photo { height: 104px; margin-top: 23px; >.photoL:first-child { margin-right: 10px; } } .photoL { display: inline-block; width: 185px; height: 104px; border-radius: 6px; position: relative; a { width: 185px; height: 104px; } img { width: 185px; height: 104px; border-radius: 6px; } span { position: absolute; bottom: 0; left: 0; display: inline-block; padding-left: 7px; box-sizing: border-box; width: 185px; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.5); font-weight: 500px; font-size: 14px; color: #FFFFFF; line-height: 22px; } } .photoList { display: inline-block; width: 185px; height: 104px; position: relative; img { width: 185px; height: 104px; } span { position: absolute; bottom: 0; left: 0; display: inline-block; width: 185px; height: 30px; font-weight: 500; color: #FFFFFF; padding-top: 7px; padding-left: 6px; box-sizing: border-box; } } // 文字部分 ul { height: 220px; margin-bottom: 10px; padding-top: 10px; li { height: 55px; padding:10px 0 6px 0; border-bottom: 1px solid #E6E6E6; a { display: flex; color: #333333; font-size: 16px; .index { height: 48px; margin-right: 20px; } .title { height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } } a:hover{ color: #139609; } } li:nth-child(1) .index,li:nth-child(2) .index,li:nth-child(3) .index { color: #49A769; font-weight: bold; } } } .richList { margin-top: 30px; .richListPic,.richListPictow{ a { color: #333333; font-size: 16px; display: flex; justify-content: space-between; align-items: center; img { width: 152px; height: 103px; margin-right: 10px; border-radius: 8px; } div { width: 285px; height: 103px; padding-top: 10px; box-sizing: border-box; border-bottom: 1px solid #D9D9D9; span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-weight: bold; overflow: hidden; text-overflow: ellipsis; word-break: break-all; &:hover { color: #49A769; } } } } } .richListPic { margin-bottom: 20px; } .richListPictow { margin-top: 30px; margin-bottom: 20px; } .richListText { margin-bottom: 17px; a { font-size: 16px; color: #333333; border-bottom: 1px solid #E6E6E6; display: block; height: 60px; line-height: 60px; &:hover { color: #49A769; } span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } } } } .rich { .photoL { display: inline-block; width: 185px; height: 104px; position: relative; border-radius: 6px; img { width: 185px; height: 104px; border-radius: 6px; } span { position: absolute; bottom: 0; left: 0; display: inline-block; padding-left: 7px; box-sizing: border-box; width: 185px; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.5); font-weight: 500px; font-size: 14px; color: #FFFFFF; line-height: 22px; border-radius: 0px 0px 6px 6px; } } } .inquire { width: 380px; height: 280px; margin-top: 20px; background: #FFFFFF; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1); border-radius: 6px 6px 6px 6px; padding: 4px 6px; box-sizing: border-box; p { width: 328px; height: 69px; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 18px; color: #333333; line-height: 21px; text-align: left; font-style: normal; text-transform: none; padding: 12px 20px 0 32px; } .radio { /deep/.el-radio { --el-radio-input-border-color-hover: #27881a; } /deep/.el-radio-group { align-items: center; display: inline-flex; flex-wrap: wrap; font-size: 0; padding-left: 35px; } /deep/.el-radio.el-radio--large { height: 29px; } /deep/.el-radio.el-radio--large .el-radio__label { font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #333333; } /deep/.el-radio.el-radio--large .el-radio__inner { height: 16px; width: 16px; } /deep/.el-radio__input.is-checked+.el-radio__label { color: #27881a; } /deep/.el-radio__input.is-checked .el-radio__inner { background: #33b023; border-color: #27881a; } } .btn { width: 188px; height: 32px; margin: 20px auto; button { width: 70px; height: 32px; line-height: 32px; border-radius: 6px; border: none; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #999999; cursor: pointer; } .voting { background-color: #33b023; color: #fff; margin-right: 44px; } } } } } .scienceEducation { height: 694px; .scienceLeft, .scienceRight { float: left; } .adBox1 { margin-bottom: 20px; width: 450px; height: 290px; overflow: hidden; a { display: block; height: 290px; } img { width: 450px; height: 290px; } } .scienceLeft { width: 720px; height:700px; margin-right: 21px; } .scienceRight { width: 450px; height: 600px; >h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #139602; height: 50px; line-height: 50px; display: flex; justify-content: space-between; span { color: #139602; border-bottom: 3px solid #139602; height: 50px; line-height: 50px; display: inline-block; box-sizing: border-box; a { color: #139602; } } >a { width: 65px; height: 50px; line-height: 50px; font-weight: 400; font-size: 16px; color: #333333; font-style: normal; text-transform: none; display: inline-block; } } .banner { width: 380px; height: 214px; margin-top: 20px; } .banner_b_img { .photo { height: 104px; margin-top: 23px; >.photoL:first-child { margin-right: 10px; } } .photoL { display: inline-block; width: 185px; height: 104px; position: relative; border-radius: 2px; img { width: 185px; height: 104px; border-radius: 2px; } span { position: absolute; top: 0; left: 0; display: inline-block; padding-left: 7px; box-sizing: border-box; width: 185px; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.5); font-weight: 500px; font-size: 14px; color: #FFFFFF; line-height: 22px; border-radius: 2px 2px 0px 0px; } } // .photoL { // margin-right: 5px; // } // ul { // width: 380px; // height: 186px; // >li { // height: 22px; // padding-top: 16px; // >strong { // display: inline-block; // width: 24px; // height: 24px; // line-height: 24px; // background-color: #cecece; // padding-left: 6px; // box-sizing: border-box; // font-family: Source Han Sans, Source Han Sans; // font-weight: 500; // font-size: 18px; // color: #FFFFFF; // font-style: normal; // text-transform: none; // } // >em { // display: inline-block; // width: 6px; // height: 6px; // border-radius: 10px; // border: 2px solid #8CBA86; // vertical-align: 5px; // } // a, // span { // display: inline-block; // width: 350px; // height: 22px; // white-space: nowrap; // overflow: hidden; // text-overflow: ellipsis; // font-family: PingFang SC, PingFang SC; // font-weight: 500; // font-size: 18px; // color: #333333; // line-height: 21px; // text-align: left; // font-style: normal; // text-transform: none; // padding-left: 9px; // } // >a:hover, // >span:hover { // color: #139609; // } // } // } ul { padding: 30px 0 0 0 ; li { margin-bottom: 5px; a { display: flex; align-items: center; justify-content: space-between; width: 450px; height: 55px; color: #333333; font-size: 16px; border-bottom: 1px solid #E6E6E6; &:hover { color: #49A769; } p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; width: 450px; height: 46px; box-sizing: border-box; //padding-left: 10px; //border-left: 1px solid #D9D9D9; margin-bottom: 5px; } p:nth-last-child{ border-bottom: none } } } } } } } .dynamic { height: 610px; .inner { height: 610px; } .innerLeft { .title { >h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #139602; >a { float: right; width: 56px; height: 20px; line-height: 24px; font-weight: 400; font-size: 14px; color: #999999; font-style: normal; text-transform: none; } } } .protectRights { float: left; margin-top: 26px; .photoList { float: left; width: 387px; margin-right: 40px; >.top { width: 387px; height: 320px; position: relative; img { width: 387px; height: 320px; border-radius: 6px; } span { position: absolute; bottom: 0; left: 0; display: inline-block; width: 387px; height: 68px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 33px 33px 8px 13px; box-sizing: border-box; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 18px; color: #FFFFFF; line-height: 21px; } } >.bottom { width: 387px; height: 202px; margin-top: 15px; >li { width: 185px; height: 210px; float: left; margin-right: 17px; background-color: #f5f5f5; img { width: 185px; height: 139px; border-radius: 6px; } p { width: 175px; height: 63px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 18px; color: #333333; line-height: 30px; text-align: left; font-style: normal; text-transform: none; margin-left: 5px; } } >li:nth-child(2) { margin-right: 0; } } } .textList { float: left; width: 340px; height: 545px; >li { width: 340px; height: 27px; margin-bottom: 19px; h4 { width: 282px; height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 18px; color: #333333; line-height: 21px; text-align: left; font-style: normal; text-transform: none; em { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 4px; background-color: #333333; } } p { padding-left: 14px; width: 249px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 14px; color: #666666; line-height: 24px; text-align: left; font-style: normal; text-transform: none; } } a { color: #333333; } a:hover { color: #139602; } >li:hover>a>h4, >li:hover>a>p { color: #139602; } >li:hover>a>h4>em { background-color: #139602; } } } } .innerRight { .title { >h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #139602; >a { float: right; width: 56px; height: 20px; line-height: 24px; font-weight: 400; font-size: 14px; color: #999999; font-style: normal; text-transform: none; } } } .dynamicList { width: 380px; margin-top: 26px; >li { width: 380px; height: 120px; margin-bottom: 21px; img { float: left; width: 160px; height: 120px; } .text { float: left; width: 220px; height: 120px; padding-left: 15px; box-sizing: border-box; font-size: 16px; >h5 { width: 199px; height: 52px; margin-bottom: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; padding-top: 6px; font-family: PingFang SC, PingFang SC; font-weight: 600; font-size: 18px; color: #333333; line-height: 26px; text-align: left; font-style: normal; text-transform: none; } >p { width: 198px; height: 70px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; margin-top: 10px; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 14px; color: #666666; line-height: 24px; text-align: left; font-style: normal; text-transform: none; } } } li:hover { .text { box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1); background-color: #fff; h5, p { color: #139602; } } } } } } .policy { height: 678px; .inner { height: 678px; .innerLeft { width: 790px; height: 621px; .title { >h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #139602; >a { float: right; width: 56px; height: 20px; line-height: 24px; font-weight: 400; font-size: 14px; color: #999999; font-style: normal; text-transform: none; } } } .policyList { width: 790px; margin-top: 20px; >li { width: 790px; height: 121px; margin-bottom: 20px; img, .text { float: left; } img { width: 224px; height: 121px; } .text { width: 566px; height: 121px; padding-left: 20px; box-sizing: border-box; >h5 { padding: 13px 0 6px; width: 536px; height: 25px; margin-bottom: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFang SC, PingFang SC; font-weight: 600; font-size: 18px; color: #333333; line-height: 21px; text-align: left; font-style: normal; text-transform: none; } p { width: 536px; height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 14px; color: #666666; line-height: 24px; text-align: left; font-style: normal; text-transform: none; >span:first-child { margin-right: 20px; } } } } li:hover { .text { box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1); background-color: #fff; h5, p { color: #139602; } } } } } .innerRight { .title { h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #139602; a { float: right; width: 56px; height: 20px; line-height: 24px; font-weight: 400; font-size: 14px; color: #999999; font-style: normal; text-transform: none; } } } .banner { width: 380px; height: 214px; margin-top: 20px; } .banner_b_img { .photo { height: 104px; margin-top: 23px; } .photoL { display: inline-block; width: 185px; height: 104px; position: relative; img { width: 185px; height: 104px; border-radius: 2px; } span { position: absolute; top: 0; left: 0; display: inline-block; padding-left: 7px; box-sizing: border-box; width: 185px; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.5); font-weight: 500px; font-size: 14px; color: #FFFFFF; line-height: 22px; } } .photoL { margin-right: 10px; } ul { width: 380px; height: 186px; >li { height: 22px; padding-top: 16px; >strong { display: inline-block; width: 24px; height: 24px; line-height: 24px; background-color: #cecece; padding-left: 6px; box-sizing: border-box; font-family: Source Han Sans, Source Han Sans; font-weight: 500; font-size: 18px; color: #FFFFFF; font-style: normal; text-transform: none; } >em { display: inline-block; width: 6px; height: 6px; border-radius: 10px; border: 2px solid #8CBA86; vertical-align: middle; } a, >span { display: inline-block; width: 350px; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 18px; color: #333333; line-height: 21px; text-align: left; font-style: normal; text-transform: none; padding-left: 9px; vertical-align: middle; } a:hover, >span:hover { color: #139609; } } } } } } } // 改版新增样式 start----------------------------------------> .titleBox { width: 1200px; margin: 0 auto; padding:20px 0 0 0; img { margin: 0 auto; display: block; width: 1200px; height: 90px; } } //布局复制 .layoutCopy { display: flex; justify-content: space-between; position: relative; width: 1200px; margin: 0 auto; margin-bottom: 15px; .layoutCopyLeft { width: 720px; .layoutCopyLeftTop { width: 720px; display: flex; justify-content: space-between; .layoutCopyLeft1 { width: 350px; } .layoutCopyLeft2 { width: 350px; } .layoutCopyAll { width: 720px; } } .layoutCopyAll { width: 720px; } } .layoutCopyRight { width: 450px; } .layoutTitleBox { border-bottom: 1px solid #D9D9D9; margin-bottom: 40px; display: flex; justify-content: space-between; .layoutTitleBoxTabs { display: flex; justify-content: space-between; div.layoutTitle { margin-right: 40px; border-bottom: 0; color: #333; cursor: pointer; font-weight: bold; } div.active { border-bottom: 3px solid #49A769; color: #49A769; cursor: pointer; } } .layoutTitle { font-size: 22px; color:#49A769; border-bottom: 3px solid #49A769; height: 50px; line-height: 50px; font-weight: bold; a { font-size: 22px; color:#49A769; } } .layoutMore { color:#333333; font-size: 16px; height: 50px; line-height: 50px; a { color:#333333; font-size: 16px; } } } } //布局内容样式 .layoutCopyData_style1 { margin-bottom: 30px; a:nth-child(1) { color: #333333; font-size: 16px; display: flex; justify-content: space-between; align-items: center; img { width: 152px; height: 103px; margin-right: 10px; border-radius: 8px; } div { width: 181px; height:103px; box-sizing: border-box; border-bottom: 1px solid #D9D9D9; span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-weight: bold; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } } } a:nth-child(1):hover { color:#49A769 } a:nth-child(2) { margin-top: 30px; 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; .title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; height: 45px; } p { margin-top: 10px; margin-bottom: 15px; } } a:hover .title{ color:#49A769 } } .layoutCopyData_style2 { a { margin-top: 32px; font-size: 16px; color: #333333; display: block; border-bottom: 1px solid #E6E6E6; .title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; height: 45px; } p { margin-top: 10px; margin-bottom: 13px; } } a:nth-child(1) .title{ font-weight: bold; } a:hover .title{ color:#49A769 } } .layoutCopyData_style3 { .style3link1 { display: flex; align-items: center; justify-content: space-between; .time { width: 100px; height: 100px; background: #F4FFF7; p:nth-child(1) { font-size: 38px; color: #49A769; text-align: center; border-bottom: 1px solid #49A769; width: 75px; margin: 0 auto; margin-bottom: 5px; padding-bottom: 5px; padding-top: 10px; } p:nth-child(2) { font-size: 15px; color: #49A769; text-align: center; } } .title { width: 590px; font-size: 22px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; &:hover { color: #49A769; } } .introduce { width: 590px; font-size: 16px; color: #999999; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } margin-bottom: 20px; } .style3link2 { display: flex; justify-content: space-between; height: 30px; line-height: 30px; color:#333333; div { display: flex; justify-content: space-between; align-items: center; .title { width: 600px; // 修改这里,添加单行文本溢出省略样式 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#333333; font-size: 16px; &:hover { color: #49A769; } } } b { width: 6px; height: 6px; background: #49A769; margin-right: 8px; } margin-bottom: 10px; } } .layoutCopyData_style4 { .layoutCopyData_pic { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; a { width: 220px; height: 140px; display: block; position: relative; z-index: 99; img { width: 220px; height: 140px; border-radius: 8px; } p { position: absolute; bottom:10px; width: 200px; height: 18px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; left: 10px; } } } .layoutCopyData_text { a { border-bottom:1px soild #E6E6E6; color: #333333; font-size: 16px; display: flex; height: 41px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E6E6E6; padding-bottom: 12px; margin-top: 10px; .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 431px; &:hover { color: #49A769; } } .more { width: 16px; height: 16px; background: #EDF7F0; color: #49A769; font-size: 12px; text-align: center; line-height: 15px; border-radius: 3px; } } } } // 改版新增样式 end----------------------------------------> .lastPart3 { width: 100%; height: 688px; .inner { margin-top: 20px; width: 1200px; height: 660px; background-color: #fff; .lastPartTitle { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #D9D9D9; .left { span { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 22px; color: #333333; line-height: 19px; letter-spacing: 1px; text-align: left; font-style: normal; text-transform: none; padding-bottom: 13px; a { color: #333; height: 50px; line-height: 50px; display: inline-block; box-sizing: border-box; margin-right: 40px; } a.active { color: #49A769; border-bottom: 3px solid #49A769; height: 50px; line-height: 50px; display: inline-block; } } .active { a { color: #49A769; border-bottom: 3px solid #49A769; height: 50px; line-height: 50px; display: inline-block; box-sizing: border-box; margin-right: 40px; font-weight: bold; } } } .right { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 16px; color: #333333; line-height: 19px; letter-spacing: 1px; text-align: left; font-style: normal; text-transform: none; a { color: #333333; margin-right: 20px; line-height: 50px; padding-right: 20px; border-right: 1px solid #e5e5e5; } >a:last-child { border-right: none; } >a:hover { cursor: pointer; color: #49A769; } a:nth-child(8) { border-right: none; } a:nth-child(9) { display: none; } } } .lastPartContext { margin-top: 30px; .left { float: left; width: 720px; ul.mode1ul_style1 { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; li { position: relative; width: 349px; height: 236px; border-radius: 10px; box-sizing: border-box; overflow: hidden; img { width: 349px; height: 236px; } a { div { position: absolute; width: 320px; height: 42px; bottom: 20px; z-index: 10; left:15px; color: #fff; font-size: 16px; z-index: 99; span { display: inline-block; background: #9CD26B; font-size: 12px; color: #fff; padding: 2px 6px; border-radius: 4px; margin-right: 5px; } p { font-size: 16px; margin-top: 5px; height: 45px; margin-bottom: 10px; } p:nth-child(1) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } } } } } ul.mode1ul_style2 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; li { width: 349px; height:60px; //border-radius: 10px; border-bottom: 1px solid #E6E6E6; box-sizing: border-box; margin-bottom: 20px; } p { font-size: 16px; color: #333333; margin-bottom: 4px; } p.title { width: 349px; height: 46px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } p.title:hover { color: #49A769; } } } .right { float: right; width: 450px; height: 570px; .title { height: 56px; h3 { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 22px; color: #333333; line-height: 19px; letter-spacing: 1px; text-align: left; font-style: normal; text-transform: none; a { float: right; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 16px; color: #333333; line-height: 19px; letter-spacing: 1px; text-align: left; font-style: normal; text-transform: none; padding-top: 3px; } .leftTitle { color: #333333; font-size: 22px; font-weight: bold; float:left } } } .content { li { width: 450px; height:85px; line-height: 50px; border-top: 3px solid #49A769; background-color: #fbfbfb; margin-bottom: 23px; a { display: block; width: 450px; height: 102px; span { float: left; padding: 18px 20px 14px 20px; height: 46px; width: 70px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 15px; color: #49A769; line-height: 18px; text-align: left; font-style: normal; text-transform: none; strong { display: inline-block; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 25px; color: #49A769; line-height: 29px; text-align: center; font-style: normal; text-transform: none; margin-bottom: 5px; } } .text { float: left; width: 300px; height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; line-height: 22px; padding: 21px 0 14px 0; color: #333333; font-size: 16px; } } } >li:nth-child(2n) { border-top: 3px solid #DF9A2B; a { display: block; width: 450px; height: 102px; span { float: left; padding: 18px 20px 14px 20px; width: 70px; height: 46px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 15px; color: #DF9A2B; line-height: 18px; text-align: left; font-style: normal; text-transform: none; strong { display: inline-block; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 25px; color: #DF9A2B; line-height: 29px; text-align: center; font-style: normal; text-transform: none; margin-bottom: 5px; } } .text { float: left; width: 300px; line-height: 22px; height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; overflow: hidden; padding: 21px 0 14px 0; color: #333333; } } } >li:hover{ cursor: pointer; .text{ color: #49A769; } } >li:nth-child(2n):hover{ cursor: pointer; .text{ color: #49A769; } } } } } } } //曹国庆 //public .clearfix{overflow:hidden;} .clearfix_2::after{content: '';display: block;height: 0;visibility: hidden;clear: both;} .hiddenColor{visibility:hidden;} .hand{cursor:pointer;} .aTag_parent{position:relative;} .aTag_parent>a,.aTag{display:block;width:100%;height:100%;position:absolute;z-index:99;border:0px;top:0px;left:0px;background:rgba(0,0,0,0);} .dot1{display:block;word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;} .dot2{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .dot3{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .cover100 img{ display:block; width:100%; height:100%; border-radius: 8px; } .back100{background-size:100% 100%;background-repeat:no-repeat;} .index_main{margin:0 auto;} .slow_6{-webkit-transition:all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;} //index 1 .index1 {width: 1200px;margin: 0 auto; margin-top: 20px;} .index_1_box{float:left;width:29%;margin-right:2%;} .index_1_head_box{ width:100%; border-bottom:solid 1px #D9D9D9; position:relative; display: flex; justify-content: space-between; .leftTitle { color: #333333; font-size: 22px; font-weight: bold; } } .index_1_head_box a{ height:54px; line-height:54px; color:#333; font-size:16px; } .index_1_head{float:left;height:54px;line-height:54px;color:#333;font-weight:bold;font-size:22px;border-bottom:solid 3px #fff;margin-right: 40px;} .index_1_head a{display:block;height:54px;line-height:54px;color:#333;font-weight:bold;font-size:22px;} .index_1_head a.active{color:#49A769;border-bottom:solid 3px #49A769;} .index_1_head_only a{color:#333;} .index_1_head_only a.active{color:#49A769;border-bottom:solid 3px #49A769;} .index_1_head_box_line_none{border:none;} .index_1_head:nth-of-type(even){margin:0px 20px;} .index_1_img_li{margin-top:30px;position:relative;} .index_1_img_li::after{content: '';display: block;position:absolute;right:0px;bottom:0px;height:0px;border-bottom:solid 1px #D9D9D9;width:188px;} .index_1_img_li img{float:left;width:150px;height:85px;margin-right:13px;border-radius: 8px;} .index_1_li_dot3{height:60px;line-height:20px;color:#333;font-size:16px;font-weight:bold;} .index_1_li{width:100%;border-bottom:solid 1px #D9D9D9;margin-bottom: 30px;} .index_1_li_only { height: 54px !important; } .index_1_li_dot2{height:38px;line-height:19px;color:#000;font-size:16px;} .index_1_li_time{height:16px;line-height:14px;color:#999;font-size:14px} .index_1_li_bold { margin-top: 30px; } .index_1_li_bold .index_1_li_dot2{font-weight:bold;line-height:20px;height:40px;} .index_1_li_bold .index_1_li_time{display: block; } .index_1_li_dot2:hover{color:#49A769;} .index_1_li_dot3:hover{color:#49A769;} .index_1_li { margin-bottom: 27px; a { display: block; padding-bottom: 10px; } li { margin-bottom: 26px !important; } } .index_1_box_right{width:450px;float:right;} .index_1_box_right_img_ul{margin-top:30px;} .index_1_box_right_img_li{width:49%;height:140px;border-radius:4px;position:relative;margin-bottom:5px;} .index_1_box_right_img_li:nth-of-type(odd){float:left;} .index_1_box_right_img_li:nth-of-type(even){float:right;} .index_1_box_right_img_li_dot1{ position:absolute; width:100%; height:33px; line-height:33px; box-sizing:border-box; padding:0px 8px; left:0px; bottom:0px; font-size:16px; color:#fff; } .index_1_box_right_li{ border-bottom:solid 1px #E6E6E6; width:98%; margin:0px auto; a { .index_1_box_right_li_dot1 { &:hover { color: #49A769; } } } } .index_1_box_right_li_dot1{height:55px;line-height:55px;color:#333;font-size:16px;} .index_1_box_right_li_font{float:right;padding:4px;background:#e8f5e6;color:#49A769;font-size:14px;margin-top:14px;border-radius:2px;margin-left:14px;} .index_2,.index_1,.index_3 { width: 1200px;margin: 0 auto; } .index_2_head_box{border-bottom:solid 1px #D9D9D9;margin-bottom:30px;} .index_1_head_box_2{float:left;width:auto;border:none;} .index_2_head_a_box{ margin-top:11px;float:right;} .index_2_head_a_box a{float:left;height:12px;line-height:12px;color:#333;font-size:16px;padding:0 20px;border-left:solid 1px #ccc;margin:10px 0px;} .index_2_head_a_box a:nth-of-type(1){border:none;} .index_2_big_img_li{ height:236px; position:relative; margin:0px auto 20px; border-radius:6px; overflow: hidden; } .index_2_big_img_li::after{ content: ''; display: block; width:100%; height:68px; z-index:44; left:0px; bottom:0px; position:absolute; background:linear-gradient(to bottom,rgba(0,0,0,0),black); opacity:.5; } .index_2_big_img_li_dot2{position:absolute;width:100%;padding:0 8px;box-sizing:border-box;font-size:16px;color:#fff;height:38px;line-height:19px;left:0px;bottom:28px; z-index:111;} .index_2_big_img_li_dot2_tag{float:left;background:#49A769;color:#fff;font-size:14px;height:18px;line-height:18px;margin:1px 4px 0px 0px;padding:0px 3px;z-index:111;} .index_1_box_right_img_ul_2{margin:20px auto 20px;} .index_1_box_right_img_ul_2 .index_1_box_right_img_li{height:115px;margin-bottom:0px;} .index_2_li{ border-bottom:solid 1px #E6E6E6; height: 115px; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; width:100%; a { display: block; height: 80px; .index_2_li_dot2 { &:hover { color: #49A769; } } } } .index_2_li_time_box{ float:left; background:#F4FFF7; width:100px; margin-right:30px; padding:5px 0px; height: 80px; box-sizing: border-box; } .index_2_li_time_head{margin:0px auto 0;border-bottom:solid 1px #49A769;width:75px;font-size:38px;color:#49A769;height:44px;line-height:44px;text-align:center;} .index_2_li_time_foot{text-align:center;font-size:15px;color:#49A769;width:100%;margin:0px auto 0px;} .index_2_li_dot2{height:42px;line-height:21px;color:#333;font-size:16px;margin-top:11px;} .index_3_box_left{float:left;width:720px;} .index_3_li{ border-bottom:solid 1px #E6E6E6; padding:14px 0px; width:49%; font-size: 16px; p { color: #333333; padding-left: 20px; } a:hover { p.title { color: #33b023; } } .title { height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; b.lis { background: #E6E6E6; width: 6px; height: 6px; display: inline-block; margin-bottom: 2px; margin-right: 5px; } } } .index_3_li:nth-of-type(1),.index_3_li:nth-of-type(2){ font-weight: bold; } .index_3_li:nth-of-type(odd){float:left;} .index_3_li:nth-of-type(even){float:right;} .index_3 .index_2_head_box{margin-bottom:0px;} .index_3_li_dot2{position:relative;width:100%;box-sizing:border-box;padding:0px 20px;height:42px;line-height:21px} .index_3_li_dot2::after{content: '';display: block;width:6px;height:6px;z-index:144;left:0px;top:10px;position:absolute;background:#E6E6E6;} .index_3_li_color{ border-bottom:solid 1px #49A769 !important; b.active { background: #33b023 !important; width: 6px; height: 6px; display: inline-block; margin-bottom: 2px; margin-right: 5px; } } .index_3_li_color .index_3_li_dot2::after{background:#49A769;} .index_3_li_color .index_3_li_dot2{font-weight:bold;} .banner_1_vote{width:100%;position:relative;} .banner_1_vote img,.banner_1_vote a{width:100%;display:block;} .banner_1_vote_h4{font-size:32px;color:#fff;position:absolute;z-index:11;left:0px;top:0px;} .index_3_box_vote{ width:100%; box-sizing:border-box; border:solid 1px #FBFBFB; background: #FBFBFB; .inquire { width: 450px; height: 420px; margin-top: 20px; border-radius: 6px 6px 6px 6px; padding: 4px 6px; box-sizing: border-box; p { width: 380px; height: 69px; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 18px; color: #333333; line-height: 21px; text-align: left; font-style: normal; text-transform: none; padding: 12px 20px 0 32px; } .radioBox { width: 440px; height: 230px; padding-left: 30px; overflow-y: auto; box-sizing: border-box; } .radio { /deep/.el-radio { --el-radio-input-border-color-hover: #27881a; } /deep/.el-radio-group { align-items: center; display: inline-flex; flex-wrap: wrap; font-size: 0; //padding-left: 35px; } /deep/.el-radio.el-radio--large { width: 330px; height: 29px; margin-bottom: 15px; } /deep/.el-radio.el-radio--large .el-radio__label { font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; } /deep/.el-radio.el-radio--large .el-radio__inner { height: 16px; width: 16px; } /deep/.el-radio__input.is-checked+.el-radio__label { color: #27881a; } /deep/.el-radio__input.is-checked .el-radio__inner { background: #33b023; border-color: #27881a; } } .checkInputBox { /deep/.el-checkbox { --el-radio-input-border-color-hover: #27881a; } /deep/.el-checkbox-group { align-items: center; display: inline-flex; flex-wrap: wrap; font-size: 0; //padding-left: 35px; } /deep/.el-checkbox.el-checkbox--large { width: 330px; height: 29px; margin-bottom: 15px; } /deep/.el-checkbox.el-checkbox--large .el-checkbox__label { font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; } /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner { height: 16px; width: 16px; } /deep/.el-checkbox__input.is-checked+.el-checkbox__label { color: #27881a; } /deep/.el-checkbox__input.is-checked .el-checkbox__inner { background: #33b023; border-color: #27881a; } } .btn { width: 70px; height: 32px; margin: 0 auto; padding-top: 15px; button { width: 70px; height: 32px; line-height: 32px; border-radius: 6px; border: none; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #999999; } .voting { background-color: #49A769; color: #fff; margin-right: 44px; cursor: pointer; } .look { cursor: pointer; } } } .inquireData { .inquireDataItem { width: 380px; height: 38px; display: flex; align-items: center; justify-content: space-between; background: #F3F3F3; border: 1px solid #D2D2D2; margin-bottom: 10px; border-radius: 6px; padding: 0 15px; box-sizing: border-box; color: #999999; .inquireDataItemTitle { width: 290px; height: 38px; font-size: 16px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inquireDataItemNum { font-size: 16px; } } .active { color:#49A769; background: #dff7e8; border: 1px solid #49A769; } } } .index_1_li { height: 50px; .index_1_li_time { margin-top: 10px; } } .index_1_ul_mrbot { margin-bottom: 30px; } .imgbg::after{ content: ''; display: block; width:100%; height:68px; z-index:44; left:0px; bottom:0px; position:absolute; background:linear-gradient(to bottom,rgba(0,0,0,0),black); opacity:.5; } .index_1_li_bottom { margin-bottom: 22px; } .index_1_li_bottom2 { height: 57px; }