.breadcrumb { width: 100%; height: 22px; margin-bottom: 30px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; .el-breadcrumb::v-deep { display: inline-block; vertical-align: -4px; } /deep/.el-breadcrumb__inner a, /deep/.el-breadcrumb__inner.is-link { color: #666666; font-weight: 400; text-decoration: none; transition: var(--el-transition-color); } span { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } span:hover { color: #666666; } .location { margin-right: 20px; width: 100px; height: 22px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } } .dot1 { display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dot2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .dot3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .clearfix { overflow: hidden; } // 资讯列表 .newsDetail { width: 100%; //height: 1400px; margin-bottom: 70px; .inner { width: 1200px; //height: 1400px; font-size: 16px; .innerLeft { //height: 1400px; float: right; width: 900px; margin-right: 0; margin-left: 20px; .dot1 { display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dot2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .dot3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .clearfix { overflow: hidden; } .book_son_right { float: right; width: 900px; overflow: hidden; min-height: 600px; margin-bottom: 60px; } .book_son_left_head { height: 69px; // background-image: url(../public/img/18.png); } .book_son_left_ul { margin-top: 29px; .book_son_left_li { display: block; width: 279px; height: 61px; line-height: 61px; box-sizing: border-box; margin-bottom: 15px; background: #FBFBFB; border: solid 0px #fff; border-left: solid 5px #028E21; text-align: center; color: #333; font-size: 20px; } .book_son_left_li_only { border: solid 1px #028E21; } } .book_son_right_ul { .book_son_right_li { margin-bottom: 20px; position: relative; } .book_son_right_li_img { border: solid 1px #ccc; float: left; width: 140px; height: 170px; } .book_son_right_li_in { float: right; width: 741px; } .book_son_right_li_h4 { height: 24px; line-height: 24px; font-weight: bold; font-size: 18px; color: #000; margin-top: 11px; } .book_son_right_li_dot3 { height: 63px; line-height: 21px; font-size: 16px; color: #999; margin-top: 9px; } .book_son_right_li_btn { float: left; border: solid 1px #49A769; margin-top: 24px; height: 34px; line-height: 34px; color: #49A769; font-size: 14px; padding: 0px 19px; text-align: center; box-sizing: border-box; } .book_son_right_li_btn::after { content: ''; display: block; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; } .book_son_right_li:hover .book_son_right_li_dot3 { color: #49A769; } .book_son_right_li:hover .book_son_right_li_h4 { color: #49A769; } .book_son_right_li:nth-last-of-type(1) { margin-bottom: 0px; } } } .innerRight { width: 279px; .rightMenuTitle { width: 279px; height: 69px; font-size: 22px; font-weight: bold; line-height: 58px; text-align: center; color: #fff; background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/special/projectMoreTitle.png") no-repeat; margin-bottom: 30px; } ul { li { a { border-left: 5px solid #028E21; margin-bottom: 15px; font-size: 22px; display: block; height: 61px; line-height: 61px; color: #333333; text-align: center; background: #FBFBFB; } } } .active { border-left: 0; border: 1px solid #028E21; background: #fff; } } } } .pagination { width: 100%; height: 34px; // margin-left: 141px; display: flex; justify-content: center; margin-top: 60px; // 鼠标移入后字体颜色 .el-pagination::v-deep :hover { color: #139609; } .el-pagination.is-background::v-deep .btn-next, .el-pagination.is-background::v-deep .btn-prev { width: 70px; height: 34px; margin: 0px 10px; border-radius: 4px; } .el-pagination.is-background::v-deep .el-pager li { margin: 0px 10px; width: 38px; height: 34px; border-radius: 4px; } .el-pagination.is-background::v-deep .btn-next.is-active, .el-pagination.is-background::v-deep .btn-prev.is-active, .el-pagination.is-background::v-deep .el-pager li.is-active { background-color: #028e21; color: #fff; } }