.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; } } .layoutCopyLeftBottom{ height: 338px; } .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; height: 583px; margin: 0 auto; } .index_2_h { height: 715px !important; } .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; }