|
|
@@ -207,7 +207,7 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
<ul class="content_top_right">
|
|
|
- <li class="content_right_list" v-for="(item, index) in pageData[4].data1"
|
|
|
+ <li class="content_right_list" v-for="(item, index) in pageData[4].data2"
|
|
|
:key="index">
|
|
|
<NuxtLink to="#">
|
|
|
<div class="part3_time">
|
|
|
@@ -695,7 +695,7 @@ async function getPageAllData(jsonString) {
|
|
|
//模块8高端资讯
|
|
|
pageData.value[7].data = mkdata.data[7].child.imgnum;
|
|
|
// console.log('1111111',mkdata.data[4].child.textnum);
|
|
|
-
|
|
|
+
|
|
|
for (let i in mkdata.data[7].child.textnum) {
|
|
|
if (i < 7) {
|
|
|
pageData.value[7].data1.push(mkdata.data[7].child.textnum[i]);
|
|
|
@@ -713,132 +713,6 @@ async function getPageAllData(jsonString) {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-//获得模块数据
|
|
|
-// async function getPageData(catid, img_num, text_num, modulesNum, childNavNum, childImgNum, childTextNum) {
|
|
|
-// const mkdata = await requestDataPromise('/web/getWebsiteCatidArticle', {
|
|
|
-// method: 'GET',
|
|
|
-// query: {
|
|
|
-// 'catid': catid, //catid
|
|
|
-// 'img_num': img_num, //图片数量
|
|
|
-// 'text_num': text_num, //文字数量
|
|
|
-// 'child_catnum': childNavNum,//子级栏目菜单数量
|
|
|
-// 'child_imgnum': childImgNum,//子栏目展示图片新闻数量
|
|
|
-// 'child_textnum': childTextNum//子栏目展示文字新闻数量
|
|
|
-// },
|
|
|
-// });
|
|
|
-// if (modulesNum == 1) {
|
|
|
-// for (let i in mkdata.data.img) {
|
|
|
-// if (i < 1) {
|
|
|
-// pageData.value[0].data.push(mkdata.data.img[i]);
|
|
|
-// } else {
|
|
|
-// pageData.value[0].data1.push(mkdata.data.img[i]);
|
|
|
-// }
|
|
|
-// }
|
|
|
-// pageData.value[0].data2 = mkdata.data.text;
|
|
|
-// }
|
|
|
-// if (modulesNum == 2) {
|
|
|
-// pageData.value[1].data = mkdata.data.img;
|
|
|
-// pageData.value[1].data1 = mkdata.data.text;
|
|
|
-// }
|
|
|
-// if (modulesNum == 3) {
|
|
|
-// for (let i in mkdata.data.img) {
|
|
|
-// if (i < 1) {
|
|
|
-// pageData.value[2].data.push(mkdata.data.img[i]);
|
|
|
-// } else {
|
|
|
-// pageData.value[2].data1.push(mkdata.data.img[i]);
|
|
|
-// }
|
|
|
-// }
|
|
|
-// pageData.value[2].data2 = mkdata.data.text;
|
|
|
-// }
|
|
|
-// if (modulesNum == 4) {
|
|
|
-// pageData.value[3].data = mkdata.data.img;
|
|
|
-// pageData.value[3].data2 = mkdata.data.text;
|
|
|
-// }
|
|
|
-// //模块5
|
|
|
-// if (modulesNum == 5) {
|
|
|
-// pageData.value[4].data = mkdata.data.img;
|
|
|
-// for (let i in mkdata.data.text) {
|
|
|
-// if (i < 5) {
|
|
|
-// pageData.value[4].data1.push(mkdata.data.text[i]);
|
|
|
-// } else {
|
|
|
-// pageData.value[4].data2.push(mkdata.data.text[i]);
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }
|
|
|
-// if (modulesNum == 6) {
|
|
|
-// for (let i in mkdata.data.img) {
|
|
|
-// if (i < 1) {
|
|
|
-// pageData.value[5].data.push(mkdata.data.img[i]);
|
|
|
-// } else {
|
|
|
-// pageData.value[5].data1.push(mkdata.data.img[i]);
|
|
|
-// }
|
|
|
-// }
|
|
|
-// pageData.value[5].data2 = mkdata.data.text;
|
|
|
-// }
|
|
|
-// if (modulesNum == 7) {
|
|
|
-// for (let i in mkdata.data.img) {
|
|
|
-// if (i < 1) {
|
|
|
-// pageData.value[6].data.push(mkdata.data.img[i]);
|
|
|
-// } else {
|
|
|
-// pageData.value[6].data1.push(mkdata.data.img[i]);
|
|
|
-// }
|
|
|
-// }
|
|
|
-// pageData.value[6].data2 = mkdata.data.text;
|
|
|
-// }
|
|
|
-// //模块8
|
|
|
-// if (modulesNum == 8) {
|
|
|
-// pageData.value[7].data = mkdata.data.img;
|
|
|
-// for (let i in mkdata.data.text) {
|
|
|
-// if (i < 7) {
|
|
|
-// pageData.value[7].data1.push(mkdata.data.text[i]);
|
|
|
-// } else if (i < 9) {
|
|
|
-// pageData.value[7].data2.push(mkdata.data.text[i]);
|
|
|
-// } else if (i < 11) {
|
|
|
-// pageData.value[7].data3.push(mkdata.data.text[i]);
|
|
|
-// } else {
|
|
|
-// pageData.value[7].data4.push(mkdata.data.text[i]);
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }
|
|
|
-//新农村
|
|
|
-//模块1 理论前沿
|
|
|
-// async function getPageData1() {
|
|
|
-// await getPageData(pageData.value[0].cid, 3, 10, 1, 0, 0, 0);
|
|
|
-// }
|
|
|
-// //模块2 典型经验
|
|
|
-// async function getPageData2() {
|
|
|
-// await getPageData(pageData.value[1].cid, 2, 6, 2, 0, 0, 0);
|
|
|
-// }
|
|
|
-// //模块3 农业天地
|
|
|
-// async function getPageData3() {
|
|
|
-// await getPageData(pageData.value[2].cid, 3, 10, 3, 0, 0, 0);
|
|
|
-// }
|
|
|
-// //模块4 美丽乡村
|
|
|
-// async function getPageData4() {
|
|
|
-// await getPageData(pageData.value[3].cid, 2, 6, 4, 0, 0, 0);
|
|
|
-// }
|
|
|
-// //模块5 农民之家
|
|
|
-// async function getPageData5() {
|
|
|
-// await getPageData(pageData.value[4].cid, 1, 10, 5, 0, 0, 0);
|
|
|
-// }
|
|
|
-// //模块6 农业天地
|
|
|
-// async function getPageData6() {
|
|
|
-// await getPageData(pageData.value[5].cid, 3, 10, 6, 0, 0, 0);
|
|
|
-// }
|
|
|
-// //模块7 农村建设
|
|
|
-// async function getPageData7() {
|
|
|
-// await getPageData(pageData.value[6].cid, 3, 10, 7, 0, 0, 0);
|
|
|
-// }
|
|
|
-// //模块8 高端资讯
|
|
|
-// async function getPageData8() {
|
|
|
-// await getPageData(pageData.value[7].cid, 3, 13, 8, 0, 0, 0);
|
|
|
-// }
|
|
|
-// 注意，为了保持模块的数量，当前固定为8个
|
|
|
-// 所以这里的农业天地，合并了原来是下面的7号模块
|
|
|
-// 而原本是7号模块的地方现在变成了8号模块
|
|
|
-
|
|
|
//3.渲染页面数据 end ---------------------------------------->
|
|
|
|
|
|
//4.设置seo信息 start---------------------------------------->
|
|
|
@@ -904,1474 +778,5 @@ function getTime(date, part, digits) {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-// 一级标题
|
|
|
-.nav1 {
|
|
|
- width: 100%;
|
|
|
- height: 214px;
|
|
|
- background: #fff;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- height: 214px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- .nav1_title {
|
|
|
- width: 1120px;
|
|
|
- height: 214px;
|
|
|
- margin-left: 40px;
|
|
|
- line-height: 217px;
|
|
|
- text-align: center;
|
|
|
- font-family: DingTalk JinBuTi, DingTalk JinBuTi;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 50px;
|
|
|
- color: #6D2512;
|
|
|
- background: url(/_nuxt/public/index/title_bg.png) no-repeat 0;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.nav2top {
|
|
|
- width: 1250px;
|
|
|
- height: 3px;
|
|
|
- margin: 0 auto;
|
|
|
- background-color: #a01c0e;
|
|
|
-}
|
|
|
-
|
|
|
-.nav2btm {
|
|
|
- width: 1200px;
|
|
|
- height: 3px;
|
|
|
- margin: 0 auto;
|
|
|
- background-color: #a01c0e;
|
|
|
-}
|
|
|
-
|
|
|
-.nav2 {
|
|
|
- width: 100%;
|
|
|
- height: 48px;
|
|
|
- background-color: #a01c0e;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1250px;
|
|
|
- height: 48px;
|
|
|
- line-height: 48px;
|
|
|
- padding: 0 45px;
|
|
|
- margin: 0 auto;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- // justify-content: space-between;
|
|
|
-
|
|
|
- .titleList {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
-
|
|
|
- .nav2_title {
|
|
|
- display: inline-block;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- }
|
|
|
-
|
|
|
- a {
|
|
|
- padding: 0 38px;
|
|
|
- color: #FFFFFF;
|
|
|
- border-left: 1px solid #7E1C11;
|
|
|
- }
|
|
|
-
|
|
|
- //鼠标点击后的样式
|
|
|
- .nav2_title_active {
|
|
|
- display: inline-block;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- border-bottom: 1px solid #FFFFFF;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .titleList:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- .nav2_title {
|
|
|
- border-bottom: 1px solid #FFFFFF;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .home {
|
|
|
- width: 100px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- color: #F8ECD2;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//第一部分
|
|
|
-.part1 {
|
|
|
- width: 100%;
|
|
|
- height: 585px;
|
|
|
- margin-top: 35px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- .part1_left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
-
|
|
|
- .part1_title {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .nav_part1_left {
|
|
|
- float: left;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part1_content {
|
|
|
- width: 720px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .context_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .top {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title1 {
|
|
|
- margin-top: 15px;
|
|
|
- width: 350px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .top:hover {
|
|
|
- a .title1 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom {
|
|
|
- width: 350px;
|
|
|
- margin-top: 25px;
|
|
|
-
|
|
|
- .bottom_left {
|
|
|
- float: left;
|
|
|
- width: 165px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title2 {
|
|
|
- margin-top: 10px;
|
|
|
- width: 165px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:hover {
|
|
|
- a .title2 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .context_right {
|
|
|
- float: right;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .rightContent {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
-
|
|
|
- .context1:nth-child(5n+1) {
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .context1:nth-child(5n+1):hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .context1 {
|
|
|
- margin-bottom: 27px;
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .context1:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- // height: 1000px;
|
|
|
-
|
|
|
- .part1_right_title {
|
|
|
- width: 450px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part1_right_title1_active {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .active_bg {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 7px;
|
|
|
- right: -5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_title1 {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content {
|
|
|
- width: 450px;
|
|
|
- // height: 940px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part1_right_top11 {
|
|
|
- width: 450px;
|
|
|
- height: 180px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .part1_right_content_top {
|
|
|
- float: left;
|
|
|
- width: 220px;
|
|
|
- height: 180px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
- }
|
|
|
-
|
|
|
- a .content_top_title2 {
|
|
|
- display: inline-block;
|
|
|
- width: 220px;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content_top:hover {
|
|
|
- a .content_top_title2 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content_top:nth-child(2) {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .part1_right_content_bottom {
|
|
|
- width: 450px;
|
|
|
- height: 300px;
|
|
|
- margin-top: 15px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .content_bottom_list {
|
|
|
- width: 450px;
|
|
|
- height: 22px;
|
|
|
- line-height: 21px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-bottom: 28px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_list:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//第二部分
|
|
|
-.part2 {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- // margin-bottom: 40px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- .part2_left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
-
|
|
|
- .part2_title {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .nav_part2_left {
|
|
|
- float: left;
|
|
|
- width: 100px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_content {
|
|
|
- width: 720px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part2_content_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .content_a {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
-
|
|
|
- // margin-bottom: 25px;
|
|
|
- .context111:nth-child(5n+1) {
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .context111 {
|
|
|
- margin-bottom: 27px;
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .context111:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_content_right {
|
|
|
- float: right;
|
|
|
- width: 350px;
|
|
|
- height: 480px;
|
|
|
-
|
|
|
- .right_top {
|
|
|
- width: 350px;
|
|
|
- height: 300px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title11 {
|
|
|
- margin-top: 15px;
|
|
|
- width: 350px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .right_top:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a .title11 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .right_bottom {
|
|
|
- width: 350px;
|
|
|
- height: 165px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .bottom_left {
|
|
|
- float: left;
|
|
|
- width: 165px;
|
|
|
- height: 130px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title22 {
|
|
|
- margin-top: 10px;
|
|
|
- width: 165px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a .title22 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- // height: 1000px;
|
|
|
-
|
|
|
- .part2_right_title {
|
|
|
- width: 450px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part2_right_title1_active {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .active_bg11 {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 7px;
|
|
|
- right: -5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_title1 {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content {
|
|
|
- width: 450px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part2_right_top11 {
|
|
|
- width: 450px;
|
|
|
- height: 170px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .part2_right_content_top {
|
|
|
- float: left;
|
|
|
- width: 220px;
|
|
|
- height: 180px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
- }
|
|
|
-
|
|
|
- a .content_top_title22 {
|
|
|
- display: inline-block;
|
|
|
- width: 220px;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content_top:hover {
|
|
|
- a .content_top_title22 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content_top:nth-child(2) {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .part2_right_content_bottom {
|
|
|
- width: 450px;
|
|
|
- height: 300px;
|
|
|
- margin-top: 20px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .content_bottom_list {
|
|
|
- width: 450px;
|
|
|
- height: 22px;
|
|
|
- line-height: 21px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-bottom: 28px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_list:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//第三部分
|
|
|
-.part3 {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- // height: 1200px;
|
|
|
- margin-top: 35px;
|
|
|
- margin-bottom: 40px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- height: 1200px;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part3_left {
|
|
|
- float: left;
|
|
|
-
|
|
|
- .part3_left_top {
|
|
|
- width: 720px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .part3_leftTitle {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part3_left_title:first-child {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_title {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- // em{
|
|
|
- // display: inline-block;
|
|
|
- // width: 8px;
|
|
|
- // height: 8px;
|
|
|
- // background-color: #a01c0e;
|
|
|
- // border-radius: 4px;
|
|
|
- // position: absolute;
|
|
|
- // top: 9px;
|
|
|
- // right: 6px;
|
|
|
- // }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content {
|
|
|
- width: 720px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part3_left_content_top {
|
|
|
- .content_top_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
- height: 484px;
|
|
|
-
|
|
|
- .part3_photo_text {
|
|
|
- width: 350px;
|
|
|
- height: 280px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- .littleTips {
|
|
|
- display: inline-block;
|
|
|
- width: 50px;
|
|
|
- height: 26px;
|
|
|
- line-height: 26px;
|
|
|
- text-align: center;
|
|
|
- background-color: #a01c0e;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #fff;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .part3_text {
|
|
|
- display: inline-block;
|
|
|
- width: 350px;
|
|
|
- height: 26px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 15px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_photo_text:hover {
|
|
|
- .part3_text {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_content {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .part3_content_list:first-child {
|
|
|
- width: 350px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 22px;
|
|
|
- margin-top: 35px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_content_list:first-child:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_content_list:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .part3_content_list {
|
|
|
- width: 350px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 22px;
|
|
|
- margin-bottom: 27px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_content_list:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_top_right {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
- height: 542px;
|
|
|
- border: 1px solid #D9D9D9;
|
|
|
- margin-left: 20px;
|
|
|
- padding: 30px 25px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .content_right_list {
|
|
|
- width: 350px;
|
|
|
- height: 58px;
|
|
|
- line-height: 58px;
|
|
|
- margin-bottom: 48px;
|
|
|
-
|
|
|
- .part3_time {
|
|
|
- float: left;
|
|
|
- width: 77px;
|
|
|
- height: 58px;
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- .month {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 26px;
|
|
|
- color: #A01C0E;
|
|
|
- line-height: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- .xiegang {
|
|
|
- font-size: 22px;
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
-
|
|
|
- .day {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #A01C0E;
|
|
|
- line-height: 19px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .time_left_content {
|
|
|
- float: left;
|
|
|
- width: 231px;
|
|
|
- height: 58px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- line-height: 22px;
|
|
|
- padding-top: 12px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- border-left: 1px solid #D9D9D9;
|
|
|
- padding-left: 22px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- a:hover {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_right_list:hover {
|
|
|
- .time_left_content {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_bottom {
|
|
|
- width: 720px;
|
|
|
- margin-top: 25px;
|
|
|
-
|
|
|
- .part3_leftTitle1 {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- margin-bottom: 25px;
|
|
|
-
|
|
|
- .part3_left_title_active {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a.active {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_title {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- // em{
|
|
|
- // display: inline-block;
|
|
|
- // width: 8px;
|
|
|
- // height: 8px;
|
|
|
- // background-color: #a01c0e;
|
|
|
- // border-radius: 4px;
|
|
|
- // position: absolute;
|
|
|
- // top: 9px;
|
|
|
- // right: 6px;
|
|
|
- // }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content1 {
|
|
|
- width: 720px;
|
|
|
-
|
|
|
- .content_bottom_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- // height: 350px;
|
|
|
- .content_top {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- .part3_text {
|
|
|
- display: inline-block;
|
|
|
- width: 350px;
|
|
|
- height: 50px;
|
|
|
- line-height: 22px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- margin-top: 15px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .content_top:hover {
|
|
|
- .part3_text {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom {
|
|
|
- width: 350px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .content_bottom_1 {
|
|
|
- float: left;
|
|
|
- width: 165px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- }
|
|
|
-
|
|
|
- .part3_text {
|
|
|
- display: inline-block;
|
|
|
- width: 165px;
|
|
|
- height: 44px;
|
|
|
- line-height: 22px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_1:hover {
|
|
|
- .part3_text {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_1:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_right {
|
|
|
- float: left;
|
|
|
- margin-left: 20px;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .bottom_content_1 {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .bottom_content_list:nth-child(5n+1) {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_list {
|
|
|
- width: 350px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- margin-bottom: 25px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_list:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_1:first-child {
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_1:last-child {
|
|
|
- .bottom_content_list:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right {
|
|
|
- float: right;
|
|
|
- width: 451px;
|
|
|
-
|
|
|
- .part3_rightTitle {
|
|
|
- width: 451px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part3_right_title:first-child {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_title {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- // em{
|
|
|
- // display: inline-block;
|
|
|
- // width: 8px;
|
|
|
- // height: 8px;
|
|
|
- // background-color: #a01c0e;
|
|
|
- // border-radius: 4px;
|
|
|
- // position: absolute;
|
|
|
- // top: 9px;
|
|
|
- // right: 6px;
|
|
|
- // }
|
|
|
- }
|
|
|
-
|
|
|
- .rightMore {
|
|
|
- float: right;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 12px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_content_top {
|
|
|
- width: 451px;
|
|
|
- height: 325px;
|
|
|
- position: relative;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part3_right_contentlist_top {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- width: 425px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-bottom: 25px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .numStyle {
|
|
|
- display: inline-block;
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- background-color: #f6f6f6;
|
|
|
- text-align: center;
|
|
|
- margin-right: 20px;
|
|
|
- font-family: Protest Strike, Protest Strike;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #CCCCCC;
|
|
|
- border-radius: 4px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_contentlist_top:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_contentlist_top:nth-child(1) {
|
|
|
- .numStyle {
|
|
|
- background-color: #a01c0e;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_contentlist_top:nth-child(2) {
|
|
|
- .numStyle {
|
|
|
- background-color: #FFC62E;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_contentlist_top:nth-child(3) {
|
|
|
- .numStyle {
|
|
|
- background-color: #e98008;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_contentlist_top:last-child {
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_photo_text_right {
|
|
|
- width: 451px;
|
|
|
- height: 120px;
|
|
|
- margin-top: 35px;
|
|
|
- margin-bottom: 35px;
|
|
|
- background-color: #f6f3f0;
|
|
|
-
|
|
|
-
|
|
|
- .part3_text11 {
|
|
|
- float: left;
|
|
|
- width: 271px;
|
|
|
- height: 96px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- padding: 25px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- float: left;
|
|
|
- width: 180px;
|
|
|
- height: 120px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_photo_text_right:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- .part3_text11 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_content_11 {
|
|
|
- width: 451px;
|
|
|
- height: 70px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .part3_right_contentlist_11 {
|
|
|
- width: 451px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
-
|
|
|
- .erjibiaoti {
|
|
|
- display: inline-block;
|
|
|
- width: 87px;
|
|
|
- height: 24px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #A01C0E;
|
|
|
- border-right: #D3D5D8 1px solid;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_contentlist_11:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_contentlist_11:first-child {
|
|
|
- margin-bottom: 25px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+@import '@/assets/css/class.less';
|
|
|
</style>
|
Jing