.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:5px; 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%; // margin-bottom: 70px; .inner { width: 1200px; font-size: 16px; .innerLeft { float: right; width: 900px; margin-right: 0; margin-left: 20px; .disclaimer { width: 900px; overflow: hidden; border-top: 1px solid #e6e6e6; padding: 30px 0px; color: #999999; font-size: 17px; p { width: 900px; line-height: 30px; } } // .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; } .book_son_left_head { height: 69px; background-image: url(@/public/index/01.png); } .book_son_left_ul { margin-top: 29px; .book_son_left_li { display: block; width: 279px; background: #FBFBFB; height: 61px; line-height: 61px; box-sizing: border-box; margin-bottom: 15px; text-align: center; color: #333; font-size: 20px; border-left: solid 5px #004564; } .book_son_left_li_only { border: solid 1px #004564; } } /* 三农资讯网-书刊信息-详情 */ .book_detail_box { background: #FBFBFB; padding: 40px 0px; .book_detail_img_box { float: left; width: 220px; height: 300px; margin-left: 30px; border: 1px solid #ccc; } .book_detail_img { float: left; width: 220px; height: 300px; // margin-left: 30px; border: 1px solid #ccc; } .book_detail_right { float: right; width: 600px; margin-right: 20px; } .book_detail_right_h4 { line-height: 26px; color: #333; font-size: 22px; margin-top: 11px; } .book_detail_right_title { margin-top: 22px; color: #333; font-size: 14px; } .book_detail_right_ul { margin-top: 31px; } .book_detail_right_li { float: left; min-width: 150px; margin: 0px 48px 25px 0px; display: flex; } .book_detail_right_li_label { height: 18px; line-height: 18px; color: #999; font-size: 14px; } .book_detail_right_li_text { height: 18px; line-height: 18px; color: #333; font-size: 14px; flex: 1; } .book_detail_price_box { margin-top: 9px; } .book_detail_price_red { float: left; height: 21px; line-height: 21px; color: #E52222; font-size: 16px; margin: 14px 5px 0px 0px; } .book_detail_price_box_in { float: left; min-width: 110px; height: 40px; } .book_detail_price_num { float: left; height: 40px; line-height: 40px; color: #E52222; font-size: 30px; margin: 0px 10px 0px 0px; } .book_detail_price_text { float: left; height: 21px; line-height: 21px; color: #999; font-size: 14px; margin: 14px 0px 0px 0px; } .book_detail_price_delete { float: left; height: 21px; line-height: 21px; color: #999; font-size: 14px; margin: 14px 0px 0px 0px; position: relative; } .book_detail_price_delete::after { content: ''; display: block; background: #999; width: 100%; height: 1px; left: 0px; top: 50%; position: absolute; } } .book_detail_head_box { border-bottom: solid 1px #D9D9D9; .book_detail_head_left { float: left; } .book_detail_head_a { float: left; height: 55px; line-height: 55px; color: #333; font-weight: bold; font-size: 22px; border-bottom: solid 3px rgba(0, 0, 0, 0); margin-right: 40px; } .book_detail_head_only { float: left; height: 55px; line-height: 55px; color: #004564; font-weight: bold; font-size: 22px; border-bottom: solid 3px #004564; } } .book_detail_article { margin-top: 30px; min-height: 240px; margin-bottom: 30px; } @media screen and (min-width:1200px) { /*pc_1440*/ @media screen and (max-width:1440px) { /*1200*/ } .pc_none { display: none; } } @media screen and (max-width:599px) {} @media screen and (max-width:320px) {} } .innerRight { width: 279px; .rightMenuTitle { width: 279px; height: 69px; font-size: 22px; font-weight: bold; line-height: 58px; text-align: center; color: #fff; background: url("@/public/index/navtitle.png") no-repeat; margin-bottom: 30px; a { color: #fff; } } ul { li { a { border-left: 5px solid #004564; 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 #004564; background: #fff; } } } }