|
|
@@ -4,110 +4,149 @@
|
|
|
<!-- 导航栏 -->
|
|
|
<HomePageNavigation></HomePageNavigation>
|
|
|
<!-- 面包屑导航 -->
|
|
|
- <div class="breadcrumb-box">
|
|
|
+ <!-- <div class="breadcrumb-box">
|
|
|
<div class="inner">
|
|
|
<span class="location">当前位置：</span>
|
|
|
<el-breadcrumb :separator-icon="ArrowRight">
|
|
|
<el-breadcrumb-item>
|
|
|
<NuxtLink to="/">首页</NuxtLink>
|
|
|
</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item v-if="parent_children_count > 0">
|
|
|
+ <el-breadcrumb-item>
|
|
|
<NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
|
|
|
</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item v-if="parent_children_count == 0">
|
|
|
- <NuxtLink :to="`/${parent_pinyin}/list-1.html`"> {{ parent_name }}</NuxtLink>
|
|
|
+ <el-breadcrumb-item>
|
|
|
+ <NuxtLink :to="`list-1.html`"> {{ routLevelTitle }}</NuxtLink>
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item class="phone_breadcrumb_text">
|
|
|
+ {{ routeNewsTtitle }}
|
|
|
</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item class="phone_breadcrumb_text">{{ routeNewsTtitle }}</el-breadcrumb-item>
|
|
|
</el-breadcrumb>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 面包屑导航 -->
|
|
|
+ <div class="breadcrumb-box">
|
|
|
+ <div class="inner">
|
|
|
+ <span class="location">当前位置：</span>
|
|
|
+ <el-breadcrumb :separator-icon="ArrowRight">
|
|
|
+ <el-breadcrumb-item>
|
|
|
+ <NuxtLink to="/">首页</NuxtLink>
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item>
|
|
|
+ <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item>
|
|
|
+ <NuxtLink :to="`list-1.html`"> {{ routLevelTitle }}</NuxtLink>
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item class="phone_breadcrumb_text">
|
|
|
+ {{ routeNewsTtitle }}
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 资讯列表 -->
|
|
|
<div class="newsDetail">
|
|
|
- <div class="inner">
|
|
|
+ <!-- <div class="inner"> -->
|
|
|
+
|
|
|
<div class="innerLeft">
|
|
|
+
|
|
|
<div class="LeftTop">
|
|
|
<h1>{{ newsDetail.title }}</h1>
|
|
|
<p>
|
|
|
- 来源: <span>{{ newsDetail.copyfrom }}</span>
|
|
|
- 作者: <span>{{ newsDetail.author }}</span>
|
|
|
- 发布时间: <span>{{ time }}</span>
|
|
|
+ <span>时间：{{ time }}</span>
|
|
|
+ <span>来源：{{ newsDetail.copyfrom }}</span>
|
|
|
+ <span>作者：{{ newsDetail.author }}</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div class="leftBottom" v-html="newsDetail.content" v-if="newsDetail.content" @click="openPreview">
|
|
|
+ <div
|
|
|
+ class="leftBottom"
|
|
|
+ v-html="newsDetail.content"
|
|
|
+ v-if="newsDetail.content"
|
|
|
+ @click="openPreview">
|
|
|
</div>
|
|
|
<div v-if="previewVisible" class="preview-modal" @click="closePreview">
|
|
|
<img :src="selectedImage" alt="Preview">
|
|
|
</div>
|
|
|
<!-- 免责声明: -->
|
|
|
- <div class="disclaimer" v-if="newsDetail.copyfrom != '本网'">
|
|
|
+ <div class="disclaimer" v-if="newsDetail.copyfrom!='本网'">
|
|
|
<p>原文链接：{{ newsDetail.fromurl }}</p>
|
|
|
<p>[免责声明]本文来源于网络转载，仅供学习交流使用，不构成商业目的。 版权归原作者所有，如涉及作品内容，版权和其他问题，请在30日与本网联系，我们将第一时间处理。</p>
|
|
|
</div>
|
|
|
<div v-if="articleChoice">
|
|
|
- <!-- 投票 start ---------------------------------------->
|
|
|
+ <!--投票-->
|
|
|
<div class="index_3_box_vote" v-if="articleChoice">
|
|
|
<div class="voteTitle">投票区</div>
|
|
|
<div class="inquire">
|
|
|
- <p v-if="voteList.length > 0">{{ voteList[0].survey_name }}</p>
|
|
|
+ <p v-if="voteList.length>0">{{voteList[0].survey_name}}</p>
|
|
|
<div class="radioBox">
|
|
|
- <!--投票选项-->
|
|
|
- <div v-if="!isDisabled">
|
|
|
- <div class="radio" v-if="isRadio">
|
|
|
- <el-radio-group v-model="radio1" @change="handleRadioChange">
|
|
|
- <el-radio v-for="item in voteList" :key="item.id" :value="item.id"
|
|
|
- size="large">
|
|
|
- <span v-if="item.is_other == 0">{{ item.choice_name }}</span>
|
|
|
- <span v-else>其他</span>
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <el-input v-if="showUserChoice" v-model="userChoice" :rows="2" type="textarea"
|
|
|
- resize="none" placeholder="请输入.." />
|
|
|
- </div>
|
|
|
- <div class="checkInputBox" v-else>
|
|
|
- <el-checkbox-group v-model="check1" @change="handleCheckboxChange">
|
|
|
- <span v-for="item in voteList" :key="item.id">
|
|
|
- <span v-if="item.is_other == 0">
|
|
|
- <el-checkbox size="large" :label="item.choice_name"
|
|
|
- :value="item.id" />
|
|
|
- </span>
|
|
|
- <span v-else>
|
|
|
- <el-checkbox size="large" label="其他" :value="item.id" />
|
|
|
- </span>
|
|
|
+ <!--投票选项-->
|
|
|
+ <div v-if="!isDisabled">
|
|
|
+ <div class="radio" v-if="isRadio">
|
|
|
+ <el-radio-group v-model="radio1" @change="handleRadioChange">
|
|
|
+ <el-radio v-for="item in voteList" :key="item.id" :value="item.id" size="large">
|
|
|
+ <span v-if="item.is_other == 0">{{item.choice_name}}</span>
|
|
|
+ <span v-else>其他</span>
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <el-input
|
|
|
+ v-if="showUserChoice"
|
|
|
+ v-model="userChoice"
|
|
|
+ :rows="2"
|
|
|
+ type="textarea"
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入.."
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="checkInputBox" v-else>
|
|
|
+ <el-checkbox-group v-model="check1" @change="handleCheckboxChange">
|
|
|
+ <span v-for="item in voteList" :key="item.id">
|
|
|
+ <span v-if="item.is_other == 0">
|
|
|
+ <el-checkbox size="large" :label="item.choice_name" :value="item.id"/>
|
|
|
</span>
|
|
|
- </el-checkbox-group>
|
|
|
- <el-input v-if="showUserChoice" v-model="userChoice" :rows="2" type="textarea"
|
|
|
- resize="none" placeholder="请输入.." />
|
|
|
- </div>
|
|
|
+ <span v-else>
|
|
|
+ <el-checkbox size="large" label="其他" :value="item.id"/>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <el-input
|
|
|
+ v-if="showUserChoice"
|
|
|
+ v-model="userChoice"
|
|
|
+ :rows="2"
|
|
|
+ type="textarea"
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入.."
|
|
|
+ />
|
|
|
</div>
|
|
|
- <!--投票结果-->
|
|
|
- <div class="inquireData" v-else>
|
|
|
- <div v-for="item in websiteSurveyData.data" :key="item.id">
|
|
|
- <div class="inquireDataItem active" v-if="item.status == 1">
|
|
|
- <div class="inquireDataItemTitle">
|
|
|
- <span v-if="item.choice_name == ''">其他</span>
|
|
|
- <span v-else>{{ item.choice_name }}</span>
|
|
|
- </div>
|
|
|
- <div class="inquireDataItemNum">{{ item.results }}票</div>
|
|
|
+ </div>
|
|
|
+ <!--投票结果-->
|
|
|
+ <div class="inquireData" v-else>
|
|
|
+ <div v-for="item in websiteSurveyData.data" :key="item.id">
|
|
|
+ <div class="inquireDataItem active" v-if="item.status == 1">
|
|
|
+ <div class="inquireDataItemTitle">
|
|
|
+ <span v-if="item.choice_name == ''">其他</span>
|
|
|
+ <span v-else>{{item.choice_name}}</span>
|
|
|
</div>
|
|
|
- <div class="inquireDataItem" v-else>
|
|
|
- <div class="inquireDataItemTitle">
|
|
|
- <span v-if="item.choice_name == ''">其他</span>
|
|
|
- <span v-else>{{ item.choice_name }}</span>
|
|
|
- </div>
|
|
|
- <div class="inquireDataItemNum">{{ item.results }}票</div>
|
|
|
+ <div class="inquireDataItemNum">{{item.results}}票</div>
|
|
|
+ </div>
|
|
|
+ <div class="inquireDataItem" v-else>
|
|
|
+ <div class="inquireDataItemTitle">
|
|
|
+ <span v-if="item.choice_name == ''">其他</span>
|
|
|
+ <span v-else>{{item.choice_name}}</span>
|
|
|
</div>
|
|
|
+ <div class="inquireDataItemNum">{{item.results}}票</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
<div class="btn">
|
|
|
- <button class="voting" @click="addWebsiteSurvey" :disabled="isDisabled"
|
|
|
- v-if="!isDisabled">投票</button>
|
|
|
+ <button class="voting" @click="addWebsiteSurvey" :disabled="isDisabled" v-if="!isDisabled">投票</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 投票 end ---------------------------------------->
|
|
|
</div>
|
|
|
- <div class="recommendRead" v-if="newsDetail.commendArticle != false">
|
|
|
+ <!--推荐阅读-->
|
|
|
+ <!-- <div class="recommendRead" v-if="newsDetail.commendArticle != false">
|
|
|
<div class="recommendReadTitle">
|
|
|
<span class="read_title">
|
|
|
推荐阅读
|
|
|
@@ -121,7 +160,7 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!--上一篇 下一篇-->
|
|
|
<div class="prevNext">
|
|
|
<NuxtLink to="/">上一篇：李强签署国务院令 公布《行政执法监督条例》</NuxtLink>
|
|
|
@@ -129,16 +168,142 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="innerRight">
|
|
|
- <!-- 热点资讯1 -->
|
|
|
- <!-- <div class="hotList1">
|
|
|
- <DetailHotNews></DetailHotNews>
|
|
|
- </div> -->
|
|
|
- <!-- 热点资讯2 -->
|
|
|
- <div class="hotList2">
|
|
|
- <DetailHotNews2></DetailHotNews2>
|
|
|
+ <div class="newsItemsBox">
|
|
|
+ <div class="new-items-box-title">
|
|
|
+ <span></span>
|
|
|
+ <NuxtLink to="/" title="最新资讯"> 最新动态 </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="new-items-box-body">
|
|
|
+ <div class="coniteml zzjj">
|
|
|
+
|
|
|
+ <div class="l_img maskLayer">
|
|
|
+ <NuxtLink class="imgA" to="http://hbfzdy.org.cn/show-139825.html" title="全国统战部长会议在京召开 王沪宁出席并讲话">
|
|
|
+ <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1">
|
|
|
+ </NuxtLink>
|
|
|
+ <NuxtLink class="maskLayer_text" to="http://hbfzdy.org.cn/show-139825.html" title="全国统战部长会议在京召开 王沪宁出席并讲话">
|
|
|
+ <span class="zzc">全国统战部长会议在京召开 王沪宁出席并讲话</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="l_img maskLayer">
|
|
|
+ <NuxtLink class="imgA" to="http://hbfzdy.org.cn/show-139806.html" title="监测数据造假不可为 企业个人的环保法律责任清单">
|
|
|
+ <img src="http://img.hbfzdy.org.cn/202601/940d7fb8dff31.png" data-src="http://img.hbfzdy.org.cn/202601/940d7fb8dff31.png" data-isloaded="1">
|
|
|
+ </NuxtLink>
|
|
|
+ <NuxtLink class="maskLayer_text" to="http://hbfzdy.org.cn/show-139806.html" title="监测数据造假不可为 企业个人的环保法律责任清单">
|
|
|
+ <span class="zzc">监测数据造假不可为 企业个人的环保法律责任清单</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <ul class="conitemlList">
|
|
|
+ <li>
|
|
|
+ <span>1</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>2</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>3</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>4</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>5</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>6</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>7</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>8</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>9</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>10</span>
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
|
|
|
+ </li>
|
|
|
+
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="newsItemsBox">
|
|
|
+ <div class="new-items-box-title">
|
|
|
+ <span></span>
|
|
|
+ <NuxtLink to="/" title="最新资讯"> 热点新闻 </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="new-items-box-body">
|
|
|
+ <div class="coniteml2">
|
|
|
+ <div class="rdxwImg">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1">
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="rdxwText">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
|
|
|
+ <p> 1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="coniteml2">
|
|
|
+ <div class="rdxwImg">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1">
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="rdxwText">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
|
|
|
+ <p> 1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="coniteml2">
|
|
|
+ <div class="rdxwImg">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1">
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="rdxwText">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
|
|
|
+ <p> 1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="coniteml2">
|
|
|
+ <div class="rdxwImg">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1">
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="rdxwText">
|
|
|
+ <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
|
|
|
+ <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
|
|
|
+ <p> 1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- <DetailHotNews2></DetailHotNews2> -->
|
|
|
</div>
|
|
|
- </div>
|
|
|
+
|
|
|
</div>
|
|
|
<!-- 页面底部 -->
|
|
|
<HomeFoot></HomeFoot>
|
|
|
@@ -620,30 +785,34 @@ const closePreview = () => {
|
|
|
//@import url('@/assets/css/article/yd.less');
|
|
|
//面包屑
|
|
|
.breadcrumb-box {
|
|
|
- width: 1400px;
|
|
|
+ width: 1401px;
|
|
|
margin: 0 auto;
|
|
|
+ background: #fff;
|
|
|
+ padding: 0 10PX 0;
|
|
|
+ padding-left: 11PX;
|
|
|
.inner {
|
|
|
width: 100%;
|
|
|
- height: 22px;
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
+ height: 50PX;
|
|
|
+ margin-top: 14px;
|
|
|
+ padding-top: 20PX;
|
|
|
+ // margin-bottom: 20px;
|
|
|
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;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- border-bottom: 1px dashed #ccc;
|
|
|
- margin-bottom: 10px;
|
|
|
- padding: 20px 20px 20px 0;
|
|
|
+ border-bottom: 1PX solid #ccc;
|
|
|
+ // border-bottom: 1px dashed #ccc;
|
|
|
+ // margin-bottom: 10px;
|
|
|
+ // padding: 20px 20px 20px 0;
|
|
|
box-sizing: border-box;
|
|
|
a {
|
|
|
font-size: 16px;
|
|
|
- color: #000;
|
|
|
+ color: #000;
|
|
|
line-height: 20px;
|
|
|
}
|
|
|
span {
|
|
|
@@ -656,161 +825,7 @@ const closePreview = () => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-//资讯详情
|
|
|
-.newsDetail {
|
|
|
- width: 100%;
|
|
|
- margin-bottom: 10px;
|
|
|
- .inner {
|
|
|
- width: 1400px;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 16px;
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: space-between;
|
|
|
- .innerLeft {
|
|
|
- width: 1030px;
|
|
|
- .LeftTop {
|
|
|
- margin-top: 20px;
|
|
|
- border-bottom: 1px dashed #ccc;
|
|
|
- padding-bottom: 20px;
|
|
|
- >h1 {
|
|
|
- line-height: 40px;
|
|
|
- margin-bottom: 20px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- >p {
|
|
|
- height: 18px;
|
|
|
- line-height: 18px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- text-align: center;
|
|
|
- span {
|
|
|
- margin-right: 40px;
|
|
|
- }
|
|
|
- }
|
|
|
- >img {
|
|
|
- width: 680px;
|
|
|
- height: 382px;
|
|
|
- padding: 50px 0px 60px 55px;
|
|
|
- }
|
|
|
- }
|
|
|
- .leftBottom {
|
|
|
- margin-top: 20px;
|
|
|
- font-size: 20px;
|
|
|
- line-height: 38px;
|
|
|
- margin-bottom: 30px;
|
|
|
- word-break: break-all;
|
|
|
- ul>li img {
|
|
|
- width: 790px;
|
|
|
- height: 382px;
|
|
|
- }
|
|
|
- img {
|
|
|
- width: 790px;
|
|
|
- height: 382px;
|
|
|
- }
|
|
|
- p.tinymce-material {
|
|
|
- img {
|
|
|
- width: 790px;
|
|
|
- }
|
|
|
- }
|
|
|
- >h3,
|
|
|
- >p {
|
|
|
- text-indent: 2em;
|
|
|
- width: 790px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- line-height: 38px;
|
|
|
- padding-bottom: 30px;
|
|
|
- img {
|
|
|
- width: 790px;
|
|
|
- }
|
|
|
- }
|
|
|
- >h3 {
|
|
|
- font-weight: 600px;
|
|
|
- }
|
|
|
- >p {
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
- }
|
|
|
- .disclaimer {
|
|
|
- width: 790px;
|
|
|
- overflow: hidden;
|
|
|
- border-top: 1px solid #e6e6e6;
|
|
|
- padding: 30px 0px;
|
|
|
- color: #999999;
|
|
|
- font-size: 17px;
|
|
|
- p {
|
|
|
- width: 790px;
|
|
|
- line-height: 30px;
|
|
|
- }
|
|
|
- }
|
|
|
- .recommendRead {
|
|
|
- width: 100%;
|
|
|
- margin: 30px 0px 20px 0;
|
|
|
- .recommendReadTitle {
|
|
|
- font-size: 18px;
|
|
|
- color: #001996;
|
|
|
- height: 42px;
|
|
|
- line-height: 35px;
|
|
|
- letter-spacing: 1px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- .read_title {
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- width: 94px;
|
|
|
- height: 40px;
|
|
|
- border-bottom: 2px solid #158d91;
|
|
|
- }
|
|
|
- }
|
|
|
- .recommendReadList {
|
|
|
- min-height: 155px;
|
|
|
- margin-top: 20px;
|
|
|
- padding-bottom: 10px;
|
|
|
- font-size: 16px;
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- .recommendReadListTitle {
|
|
|
- margin-top: 18px;
|
|
|
- a {
|
|
|
- &:hover {
|
|
|
- color: #158d91;
|
|
|
- }
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
- .recommendReadListTitle:nth-child(1)::after {
|
|
|
- content: "热";
|
|
|
- margin-left: 13px;
|
|
|
- background: #FF8A37;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- padding: 0px 2px;
|
|
|
- }
|
|
|
- .recommendReadListTitle:hover a {
|
|
|
- color: #158d91;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .innerRight {
|
|
|
- width: 315px;
|
|
|
- overflow: hidden;
|
|
|
- border-top: 1px solid #139602;
|
|
|
- .hotList1 {
|
|
|
- margin-bottom: 50px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+
|
|
|
.leftBottom::v-deep p img,
|
|
|
.leftBottom::v-deep img,
|
|
|
.leftBottom::v-deep video {
|
|
|
@@ -1021,8 +1036,9 @@ const closePreview = () => {
|
|
|
}
|
|
|
//上一篇 下一篇
|
|
|
.prevNext {
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
+ // border-bottom: 1px solid #ccc;
|
|
|
padding-bottom: 10px;
|
|
|
+ margin-top: 45PX;
|
|
|
a {
|
|
|
display: block;
|
|
|
color: #333;
|
|
|
@@ -1030,185 +1046,1232 @@ const closePreview = () => {
|
|
|
display: block;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
+ margin-bottom: 20PX;
|
|
|
&:hover {
|
|
|
color: #0071B7;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.breadcrumb-box {
|
|
|
- width: 1400PX;
|
|
|
- margin: 0px auto 0px;
|
|
|
-}
|
|
|
-.el-breadcrumb {
|
|
|
- height: 22PX;
|
|
|
- line-height: 22PX;
|
|
|
-}
|
|
|
-.breadcrumb-box .inner span.location {
|
|
|
- font-size: 16PX;
|
|
|
- ;
|
|
|
- height: 22PX;
|
|
|
- ;
|
|
|
- line-height: 22PX;
|
|
|
- font-weight: normal;
|
|
|
- word-break: keep-all;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-.breadcrumb-box .inner a {
|
|
|
- font-size: 16PX;
|
|
|
- ;
|
|
|
- height: 22PX;
|
|
|
- line-height: 22PX;
|
|
|
- display: inline-block;
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-.breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner {
|
|
|
- font-size: 16PX;
|
|
|
- ;
|
|
|
- height: 22PX;
|
|
|
- line-height: 22PX;
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-.breadcrumb-box:deep(.el-icon) {
|
|
|
- width: 16PX;
|
|
|
- height: 16PX;
|
|
|
-}
|
|
|
-.breadcrumb-box .inner span {
|
|
|
- font-size: 16PX;
|
|
|
- height: 22PX;
|
|
|
- line-height: 22PX;
|
|
|
-}
|
|
|
-.el-breadcrumb__inner {}
|
|
|
-.newsDetail {
|
|
|
- box-sizing: border-box;
|
|
|
- overflow: hidden;
|
|
|
- width: 1400PX;
|
|
|
- margin: 0px auto 0px;
|
|
|
-}
|
|
|
-.newsDetail .inner {
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .LeftTop>h1 {
|
|
|
- font-size: 24PX;
|
|
|
- line-height: 33PX;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .LeftTop>p span {
|
|
|
- font-size: 14PX;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .leftBottom {
|
|
|
- font-size: 18PX;
|
|
|
- line-height: 22px;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .recommendRead .recommendReadTitle {
|
|
|
- height: 33PX;
|
|
|
- line-height: 33PX;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .recommendRead .recommendReadTitle .read_title {
|
|
|
- height: 33PX;
|
|
|
- line-height: 33PX;
|
|
|
- font-size: 16PX;
|
|
|
- width: auto;
|
|
|
- box-sizing: border-box;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft {
|
|
|
- float: left;
|
|
|
- width: 64%;
|
|
|
- overflow: hidden;
|
|
|
- margin-right: 0px;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerRight {
|
|
|
- float: right;
|
|
|
- width: 33%;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.innerRight .hotList2 {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .LeftTop>p {
|
|
|
- font-size: 14PX;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList {}
|
|
|
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList .recommendReadListTitle {
|
|
|
- line-height: 33PX;
|
|
|
- height: 33PX;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList .recommendReadListTitle a {
|
|
|
- line-height: 33PX;
|
|
|
- height: 33PX;
|
|
|
- padding-right: 22PX;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 16PX;
|
|
|
- width: 90%;
|
|
|
- float: left;
|
|
|
- display: block;
|
|
|
- word-break: keep-all;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList .recommendReadListTitle:nth-child(1)::after {
|
|
|
- font-size: 14PX;
|
|
|
- margin-top: 1PX;
|
|
|
-}
|
|
|
-.prevNext a {
|
|
|
- height: 22PX;
|
|
|
- line-height: 22PX;
|
|
|
- font-size: 14PX;
|
|
|
- width: 100%;
|
|
|
- display: block;
|
|
|
- word-break: keep-all;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.breadcrumb-box{width:1400PX;margin:0px auto 0px; }
|
|
|
+.el-breadcrumb{height:22PX;line-height:22PX;}
|
|
|
+.breadcrumb-box .inner span.location{font-size:16PX;;height:22PX;;line-height:22PX; font-weight:normal;word-break: keep-all; white-space: nowrap;}
|
|
|
+.breadcrumb-box .inner a{font-size:16PX;;height:22PX;line-height:22PX;display:inline-block; font-weight:normal;}
|
|
|
+
|
|
|
+.breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner{font-size:16PX;;height:22PX;line-height:22PX;
|
|
|
+ font-weight:normal;}
|
|
|
+
|
|
|
+.breadcrumb-box:deep(.el-icon){width:16PX;height:16PX;}
|
|
|
+.breadcrumb-box .inner span{font-size:16PX;height:22PX;line-height:22PX;}
|
|
|
+
|
|
|
+.prevNext a{height:22PX;line-height:22PX;font-size:15PX;width:100%;
|
|
|
+ display:block;word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
@media screen and (min-width: 1401px) {
|
|
|
//你的样式
|
|
|
-}
|
|
|
-@media screen and (max-width: 1400px) {
|
|
|
- .breadcrumb-box {
|
|
|
- width: 100%;
|
|
|
- margin: 0px auto 0px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0px 10px;
|
|
|
- }
|
|
|
- .newsDetail {
|
|
|
- width: 100%;
|
|
|
- margin: 0px auto 0px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0px 10px;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-}
|
|
|
-@media screen and (min-width: 801px) and (max-width: 1400px) {
|
|
|
- //你的样式
|
|
|
-}
|
|
|
-@media screen and (max-width: 800px) {
|
|
|
- //你的样式
|
|
|
- .newsDetail .inner {
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .newsDetail .inner .innerLeft {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .newsDetail .inner .innerRight {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner {
|
|
|
- width: 100PX;
|
|
|
- display: block;
|
|
|
- word-break: keep-all;
|
|
|
- white-space: nowrap;
|
|
|
+ .newsDetail{
|
|
|
+ width: 1401PX;
|
|
|
+ margin: 0 auto 10PX;
|
|
|
overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- }
|
|
|
- .newsDetail .inner .innerLeft .recommendRead .recommendReadTitle .read_title {
|
|
|
- width: auto;
|
|
|
- }
|
|
|
- .newsDetail .inner .innerLeft .leftBottom {
|
|
|
- line-height: 33PX;
|
|
|
+ font-size: 16px;
|
|
|
+ // background: red;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: #fff;
|
|
|
+ // margin-top: 20PX;
|
|
|
+ padding: 0 10PX;
|
|
|
+ .innerLeft{
|
|
|
+ float:left;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 65%;
|
|
|
+ // background: red;
|
|
|
+ .LeftTop {
|
|
|
+ >h1 {
|
|
|
+
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // color: #454749;
|
|
|
+ line-height: 40PX;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 24PX;
|
|
|
+ color: #333333;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ width: 100%;
|
|
|
+ height: 40PX;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26PX;
|
|
|
+ // border-bottom: 1PX solid #ccc;
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ span {
|
|
|
+ padding: 0 10PX;
|
|
|
+ font-size: 15PX;
|
|
|
+ color: #454749;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >img {
|
|
|
+ display: inline-block;
|
|
|
+ max-width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 20PX auto;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .leftBottom {
|
|
|
+ margin-top: 20PX;
|
|
|
+ font-size: 18PX;
|
|
|
+ line-height: 38PX;
|
|
|
+ // margin-bottom: 30PX;
|
|
|
+ word-break:break-all;
|
|
|
+ ul>li img {
|
|
|
+ width: 790PX;
|
|
|
+ height: 382PX;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ height: 382PX;
|
|
|
+ }
|
|
|
+ p.tinymce-material {
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >h3,
|
|
|
+ >p {
|
|
|
+ text-indent: 2em;
|
|
|
+ width: 790PX;
|
|
|
+ font-family: "宋体";
|
|
|
+ font-size: 18PX;
|
|
|
+ color: #333;
|
|
|
+ line-height: 38PX;
|
|
|
+ padding-bottom: 30PX;
|
|
|
+ font-weight: normal;
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >h3 {
|
|
|
+ font-weight: 600PX;
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ text-indent: 2em;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .disclaimer {
|
|
|
+ width: 790PX;
|
|
|
+ overflow: hidden;
|
|
|
+ border-top: 1PX solid #e6e6e6;
|
|
|
+ padding: 30PX 0PX;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 18PX;
|
|
|
+ p {
|
|
|
+ text-indent: 2em;
|
|
|
+ width: 790PX;
|
|
|
+ line-height: 30PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendRead {
|
|
|
+ width: 100%;
|
|
|
+ margin: 30PX 0PX 20PX0;
|
|
|
+ .recommendReadTitle {
|
|
|
+ font-size: 18PX;
|
|
|
+ color: #001996;
|
|
|
+ height: 42PX;
|
|
|
+ line-height: 35PX;
|
|
|
+ letter-spacing: 1PX;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1PX solid #D9D9D9;
|
|
|
+ .read_title {
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ width: 94PX;
|
|
|
+ height: 40PX;
|
|
|
+ border-bottom: 2PX solid #158d91;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendReadList {
|
|
|
+ min-height: 155PX;
|
|
|
+ margin-top: 20PX;
|
|
|
+ padding-bottom: 10PX;
|
|
|
+ font-size: 16PX;
|
|
|
+ border-bottom: 1PX solid #D9D9D9;
|
|
|
+ .recommendReadListTitle {
|
|
|
+ margin-top: 18PX;
|
|
|
+ a {
|
|
|
+ &:hover {
|
|
|
+ color: #158d91;
|
|
|
+ }
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendReadListTitle:nth-child(1)::after {
|
|
|
+ content: "热";
|
|
|
+ margin-left: 13PX;
|
|
|
+ background: #FF8A37;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14PX;
|
|
|
+ padding: 0PX 2PX;
|
|
|
+ }
|
|
|
+ .recommendReadListTitle:hover a {
|
|
|
+ color: #158d91;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .innerRight{
|
|
|
+ width: 32%;
|
|
|
+ float: right;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 25PX auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ // background: blue;
|
|
|
+ .newsItemsBox {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // padding: 10PX 0;
|
|
|
+ // background: blue;
|
|
|
+ .new-items-box-title {
|
|
|
+ // margin-bottom: 10PX;
|
|
|
+ width: 100%;
|
|
|
+ height: 36PX;
|
|
|
+ line-height: 36PX;
|
|
|
+ border-bottom: 2PX solid #83E515;
|
|
|
+ // background: yellow;
|
|
|
+ span{
|
|
|
+ width: 46PX;
|
|
|
+ height: 31PX;
|
|
|
+ background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+ height: 31PX;
|
|
|
+ float: left;
|
|
|
+ margin: 2PX;
|
|
|
+ }
|
|
|
+ a{
|
|
|
+ width: 88PX;
|
|
|
+ float: left;
|
|
|
+ display: block;
|
|
|
+ font-size: 16PX;
|
|
|
+ text-align: center;
|
|
|
+ color: #065500;
|
|
|
+ font-weight: bold;
|
|
|
+ // margin-left: 10px;
|
|
|
+ // border-bottom: 2PX solid #2b96f1;
|
|
|
+ // background: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .new-items-box-body{
|
|
|
+ padding: 10PX 10PX ;
|
|
|
+ .coniteml{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // overflow: hidden;
|
|
|
+ // padding: 10PX 10PX ;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 20PX;
|
|
|
+ .l_img{
|
|
|
+ width: 48%;
|
|
|
+ // background: red;
|
|
|
+ height: auto;
|
|
|
+ // float: left;
|
|
|
+ // overflow: hidden;
|
|
|
+ .imgA{
|
|
|
+ display: block;
|
|
|
+ height: 100PX;
|
|
|
+ img{
|
|
|
+ vertical-align: middle;
|
|
|
+ // display: block ;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ // margin-top: -20PX;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .coniteml2{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 10PX 0;
|
|
|
+ .rdxwImg{
|
|
|
+ width: 34%;
|
|
|
+ height: 92PX;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ img{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .rdxwText{
|
|
|
+ width: 63%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ float: right;
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ h4{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 20PX;
|
|
|
+ line-height: 20PX;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 14PX;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ width: 100%;
|
|
|
+ height: 50PX;
|
|
|
+ line-height: 24PX;
|
|
|
+ font-size: 15PX;
|
|
|
+ color: #333;
|
|
|
+ margin: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ text-indent: 2em;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .zzjj{
|
|
|
+ // margin-bottom: 40PX;
|
|
|
+ .maskLayer{
|
|
|
+ position: relative;
|
|
|
+ height: 100PX;
|
|
|
+ width: 49%;
|
|
|
+ .maskLayer_text{
|
|
|
+ .zzc{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ background: rgba(0, 0, 0, .5);
|
|
|
+ color: #fff;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 30PX;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16PX;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ // background: blue;
|
|
|
+
|
|
|
+ li{
|
|
|
+ width: 100%;
|
|
|
+ height: 30PX;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content:space-between;
|
|
|
+ span{
|
|
|
+ width: 4%;
|
|
|
+ display: inline-block;
|
|
|
+ height: 15PX;
|
|
|
+ font-size: 15PX;
|
|
|
+ line-height: 15PX;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-right: 6PX;
|
|
|
+ }
|
|
|
+
|
|
|
+ a{
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 34PX;
|
|
|
+ width: 96%;
|
|
|
+ // background: green;
|
|
|
+ font-size: 15PX;
|
|
|
+ color: #454749;
|
|
|
+ margin-top: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ a:hover{
|
|
|
+ color: #83E515;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(1) span{
|
|
|
+ background: #ff7500;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(2) span{
|
|
|
+ background: #ffa400;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(3) span{
|
|
|
+ background: #f6c20e;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+@media screen and (min-width: 801px) and (max-width: 1400px) {
|
|
|
+ //你的样式
|
|
|
+ .newsDetail{
|
|
|
+ min-width: 801PX;
|
|
|
+ max-width: 1400PX;
|
|
|
+ margin: 0 auto 10PX;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 16px;
|
|
|
+ // background: red;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: #fff;
|
|
|
+ // margin-top: 20PX;
|
|
|
+ padding: 0 10PX;
|
|
|
+ .innerLeft{
|
|
|
+ float:left;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 65%;
|
|
|
+ // background: red;
|
|
|
+ .LeftTop {
|
|
|
+ >h1 {
|
|
|
+
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // color: #454749;
|
|
|
+ line-height: 40PX;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 24PX;
|
|
|
+ color: #333333;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ width: 100%;
|
|
|
+ height: 40PX;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26PX;
|
|
|
+ // border-bottom: 1PX solid #ccc;
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ span {
|
|
|
+ padding: 0 10PX;
|
|
|
+ font-size: 15PX;
|
|
|
+ color: #454749;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >img {
|
|
|
+ display: inline-block;
|
|
|
+ max-width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 20PX auto;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .leftBottom {
|
|
|
+ margin-top: 20PX;
|
|
|
+ font-size: 18PX;
|
|
|
+ line-height: 38PX;
|
|
|
+ // margin-bottom: 30PX;
|
|
|
+ word-break:break-all;
|
|
|
+ ul>li img {
|
|
|
+ width: 790PX;
|
|
|
+ height: 382PX;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ height: 382PX;
|
|
|
+ }
|
|
|
+ p.tinymce-material {
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >h3,
|
|
|
+ >p {
|
|
|
+ text-indent: 2em;
|
|
|
+ width: 790PX;
|
|
|
+ font-family: "宋体";
|
|
|
+ font-size: 18PX;
|
|
|
+ color: #333;
|
|
|
+ line-height: 38PX;
|
|
|
+ padding-bottom: 30PX;
|
|
|
+ font-weight: normal;
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >h3 {
|
|
|
+ font-weight: 600PX;
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ text-indent: 2em;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .disclaimer {
|
|
|
+ width: 790PX;
|
|
|
+ overflow: hidden;
|
|
|
+ border-top: 1PX solid #e6e6e6;
|
|
|
+ padding: 30PX 0PX;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 18PX;
|
|
|
+ p {
|
|
|
+ text-indent: 2em;
|
|
|
+ width: 790PX;
|
|
|
+ line-height: 30PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendRead {
|
|
|
+ width: 100%;
|
|
|
+ margin: 30PX 0PX 20PX0;
|
|
|
+ .recommendReadTitle {
|
|
|
+ font-size: 18PX;
|
|
|
+ color: #001996;
|
|
|
+ height: 42PX;
|
|
|
+ line-height: 35PX;
|
|
|
+ letter-spacing: 1PX;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1PX solid #D9D9D9;
|
|
|
+ .read_title {
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ width: 94PX;
|
|
|
+ height: 40PX;
|
|
|
+ border-bottom: 2PX solid #158d91;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendReadList {
|
|
|
+ min-height: 155PX;
|
|
|
+ margin-top: 20PX;
|
|
|
+ padding-bottom: 10PX;
|
|
|
+ font-size: 16PX;
|
|
|
+ border-bottom: 1PX solid #D9D9D9;
|
|
|
+ .recommendReadListTitle {
|
|
|
+ margin-top: 18PX;
|
|
|
+ a {
|
|
|
+ &:hover {
|
|
|
+ color: #158d91;
|
|
|
+ }
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendReadListTitle:nth-child(1)::after {
|
|
|
+ content: "热";
|
|
|
+ margin-left: 13PX;
|
|
|
+ background: #FF8A37;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14PX;
|
|
|
+ padding: 0PX 2PX;
|
|
|
+ }
|
|
|
+ .recommendReadListTitle:hover a {
|
|
|
+ color: #158d91;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .innerRight{
|
|
|
+ width: 32%;
|
|
|
+ float: right;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 25PX auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ // background: blue;
|
|
|
+ .newsItemsBox {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // padding: 10PX 0;
|
|
|
+ // background: blue;
|
|
|
+ .new-items-box-title {
|
|
|
+ // margin-bottom: 10PX;
|
|
|
+ width: 100%;
|
|
|
+ height: 36PX;
|
|
|
+ line-height: 36PX;
|
|
|
+ border-bottom: 2PX solid #83E515;
|
|
|
+ // background: yellow;
|
|
|
+ span{
|
|
|
+ width: 46PX;
|
|
|
+ height: 31PX;
|
|
|
+ background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+ height: 31PX;
|
|
|
+ float: left;
|
|
|
+ margin: 2PX;
|
|
|
+ }
|
|
|
+ a{
|
|
|
+ width: 88PX;
|
|
|
+ float: left;
|
|
|
+ display: block;
|
|
|
+ font-size: 16PX;
|
|
|
+ text-align: center;
|
|
|
+ color: #065500;
|
|
|
+ font-weight: bold;
|
|
|
+ // margin-left: 10px;
|
|
|
+ // border-bottom: 2PX solid #2b96f1;
|
|
|
+ // background: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .new-items-box-body{
|
|
|
+ padding: 10PX 10PX ;
|
|
|
+ .coniteml{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // overflow: hidden;
|
|
|
+ // padding: 10PX 10PX ;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 20PX;
|
|
|
+ .l_img{
|
|
|
+ width: 48%;
|
|
|
+ // background: red;
|
|
|
+ height: auto;
|
|
|
+ // float: left;
|
|
|
+ // overflow: hidden;
|
|
|
+ .imgA{
|
|
|
+ display: block;
|
|
|
+ height: 100PX;
|
|
|
+ img{
|
|
|
+ vertical-align: middle;
|
|
|
+ // display: block ;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ // margin-top: -20PX;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .coniteml2{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 10PX 0;
|
|
|
+ .rdxwImg{
|
|
|
+ width: 34%;
|
|
|
+ height: 92PX;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ img{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .rdxwText{
|
|
|
+ width: 63%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ float: right;
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ h4{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 20PX;
|
|
|
+ line-height: 20PX;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 14PX;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ width: 100%;
|
|
|
+ height: 50PX;
|
|
|
+ line-height: 24PX;
|
|
|
+ font-size: 15PX;
|
|
|
+ color: #333;
|
|
|
+ margin: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ text-indent: 2em;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .zzjj{
|
|
|
+ // margin-bottom: 40PX;
|
|
|
+ .maskLayer{
|
|
|
+ position: relative;
|
|
|
+ height: 100PX;
|
|
|
+ width: 49%;
|
|
|
+ .maskLayer_text{
|
|
|
+ .zzc{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ background: rgba(0, 0, 0, .5);
|
|
|
+ color: #fff;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 30PX;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16PX;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ // background: blue;
|
|
|
+
|
|
|
+ li{
|
|
|
+ width: 100%;
|
|
|
+ height: 30PX;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content:space-between;
|
|
|
+ span{
|
|
|
+ width: 4%;
|
|
|
+ display: inline-block;
|
|
|
+ height: 15PX;
|
|
|
+ font-size: 15PX;
|
|
|
+ line-height: 15PX;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-right: 6PX;
|
|
|
+ }
|
|
|
+
|
|
|
+ a{
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 34PX;
|
|
|
+ width: 96%;
|
|
|
+ // background: green;
|
|
|
+ font-size: 15PX;
|
|
|
+ color: #454749;
|
|
|
+ margin-top: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ a:hover{
|
|
|
+ color: #83E515;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(1) span{
|
|
|
+ background: #ff7500;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(2) span{
|
|
|
+ background: #ffa400;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(3) span{
|
|
|
+ background: #f6c20e;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+@media screen and (max-width: 800px) {
|
|
|
+ //你的样式
|
|
|
+ .breadcrumb-box {
|
|
|
+ max-width: 100%;
|
|
|
+ height: 80PX;
|
|
|
+ // padding: 0 10PX;
|
|
|
+ // margin-top: 20PX;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ }
|
|
|
+ .breadcrumb-box .inner{
|
|
|
+ max-width: 98%;
|
|
|
+ margin-bottom: 25PX;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 40PX 20PX -10PX;
|
|
|
+ margin-top: 10PX;
|
|
|
+ white-space: nowrap;
|
|
|
+ a{
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .prevNext{
|
|
|
+ margin: 20PX 0;
|
|
|
+ }
|
|
|
+ .newsDetail{
|
|
|
+ max-width: 800PX;
|
|
|
+ margin: 0 auto 10PX;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 16px;
|
|
|
+ // background: red;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ // align-items: flex-start;
|
|
|
+ // justify-content: space-between;
|
|
|
+ background: #fff;
|
|
|
+ // margin-top: 20PX;
|
|
|
+ padding: 0 20PX;
|
|
|
+ .innerLeft{
|
|
|
+ float:left;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ // background: red;
|
|
|
+ .LeftTop {
|
|
|
+ >h1 {
|
|
|
+
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // color: #454749;
|
|
|
+ line-height: 40PX;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 44px;
|
|
|
+ color: #333333;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ width: 100%;
|
|
|
+ height: 40PX;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26PX;
|
|
|
+ // border-bottom: 1PX solid #ccc;
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ span {
|
|
|
+ padding: 0 10PX;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #454749;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >img {
|
|
|
+ display: inline-block;
|
|
|
+ max-width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 20PX auto;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .leftBottom {
|
|
|
+ margin-top: 20PX;
|
|
|
+ font-size: 18PX;
|
|
|
+ line-height: 38PX;
|
|
|
+ // margin-bottom: 30PX;
|
|
|
+ word-break:break-all;
|
|
|
+ ul>li img {
|
|
|
+ width: 790PX;
|
|
|
+ height: 382PX;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ height: 382PX;
|
|
|
+ }
|
|
|
+ p.tinymce-material {
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >h3,
|
|
|
+ >p {
|
|
|
+ text-indent: 2em;
|
|
|
+ width: 790PX;
|
|
|
+ font-family: "宋体";
|
|
|
+ font-size: 28px;
|
|
|
+ color: #333;
|
|
|
+ line-height: 38PX;
|
|
|
+ padding-bottom: 30PX;
|
|
|
+ font-weight: normal;
|
|
|
+ img {
|
|
|
+ width: 790PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >h3 {
|
|
|
+ font-weight: 600PX;
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ text-indent: 2em;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .disclaimer {
|
|
|
+ width: 790PX;
|
|
|
+ overflow: hidden;
|
|
|
+ border-top: 1PX solid #e6e6e6;
|
|
|
+ padding: 30PX 0PX;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 18PX;
|
|
|
+ p {
|
|
|
+ text-indent: 2em;
|
|
|
+ width: 790PX;
|
|
|
+ line-height: 30PX;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendRead {
|
|
|
+ width: 100%;
|
|
|
+ margin: 30PX 0PX 20PX0;
|
|
|
+ .recommendReadTitle {
|
|
|
+ font-size: 18PX;
|
|
|
+ color: #001996;
|
|
|
+ height: 42PX;
|
|
|
+ line-height: 35PX;
|
|
|
+ letter-spacing: 1PX;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1PX solid #D9D9D9;
|
|
|
+ .read_title {
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ width: 94PX;
|
|
|
+ height: 40PX;
|
|
|
+ border-bottom: 2PX solid #158d91;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendReadList {
|
|
|
+ min-height: 155PX;
|
|
|
+ margin-top: 20PX;
|
|
|
+ padding-bottom: 10PX;
|
|
|
+ font-size: 16PX;
|
|
|
+ border-bottom: 1PX solid #D9D9D9;
|
|
|
+ .recommendReadListTitle {
|
|
|
+ margin-top: 18PX;
|
|
|
+ a {
|
|
|
+ &:hover {
|
|
|
+ color: #158d91;
|
|
|
+ }
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recommendReadListTitle:nth-child(1)::after {
|
|
|
+ content: "热";
|
|
|
+ margin-left: 13PX;
|
|
|
+ background: #FF8A37;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14PX;
|
|
|
+ padding: 0PX 2PX;
|
|
|
+ }
|
|
|
+ .recommendReadListTitle:hover a {
|
|
|
+ color: #158d91;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .innerRight {
|
|
|
+ width: 100%;
|
|
|
+ // float: right;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 20PX auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .newsItemsBox {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // padding: 10PX 0;
|
|
|
+ // background: blue;
|
|
|
+ .new-items-box-title {
|
|
|
+ // margin-bottom: 10PX;
|
|
|
+ width: 100%;
|
|
|
+ height: 36PX;
|
|
|
+ line-height: 36PX;
|
|
|
+ border-bottom: 2PX solid #83E515;
|
|
|
+ // background: yellow;
|
|
|
+ span{
|
|
|
+ width: 46PX;
|
|
|
+ height: 31PX;
|
|
|
+ background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+ height: 31PX;
|
|
|
+ float: left;
|
|
|
+ margin: 2PX;
|
|
|
+ }
|
|
|
+ a{
|
|
|
+ width: 88PX;
|
|
|
+ float: left;
|
|
|
+ display: block;
|
|
|
+ font-size: 16PX;
|
|
|
+ text-align: center;
|
|
|
+ color: #065500;
|
|
|
+ font-weight: bold;
|
|
|
+ // margin-left: 10px;
|
|
|
+ // border-bottom: 2PX solid #2b96f1;
|
|
|
+ // background: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .new-items-box-body{
|
|
|
+ padding: 10PX 10PX ;
|
|
|
+ .coniteml{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ // overflow: hidden;
|
|
|
+ // padding: 10PX 10PX ;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 90PX;
|
|
|
+ .l_img{
|
|
|
+ width: 48%;
|
|
|
+ // background: red;
|
|
|
+ height: auto;
|
|
|
+ // float: left;
|
|
|
+ // overflow: hidden;
|
|
|
+ .imgA{
|
|
|
+ display: block;
|
|
|
+ height: 112.5PX;
|
|
|
+ img{
|
|
|
+ vertical-align: middle;
|
|
|
+ // display: block ;
|
|
|
+ bottom: 5PX;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ // margin-top: -20PX;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .coniteml2{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 10PX 0;
|
|
|
+ .rdxwImg{
|
|
|
+ width: 34%;
|
|
|
+ height: 92PX;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ img{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .rdxwText{
|
|
|
+ width: 63%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ float: right;
|
|
|
+ margin-top: 10PX;
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ h4{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 20PX;
|
|
|
+ line-height: 20PX;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+ h4:hover{
|
|
|
+ color: #83E515;
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ width: 100%;
|
|
|
+ height: 50PX;
|
|
|
+ line-height: 24PX;
|
|
|
+ font-size: 30px;
|
|
|
+ color: #333;
|
|
|
+ margin: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ text-indent: 2em;
|
|
|
+
|
|
|
+ }
|
|
|
+ p:hover{
|
|
|
+ color: #83E515;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .zzjj{
|
|
|
+ // margin-bottom: 40PX;
|
|
|
+ .maskLayer{
|
|
|
+ position: relative;
|
|
|
+ height: 37.5PX;
|
|
|
+ line-height: 37.5PX;
|
|
|
+ width: 49%;
|
|
|
+ .maskLayer_text{
|
|
|
+ height: 37.5PX;
|
|
|
+ .zzc{
|
|
|
+ position: absolute;
|
|
|
+ bottom: -75PX;
|
|
|
+ height: 37.5PX;
|
|
|
+ left: 0;
|
|
|
+ background: rgba(0, 0, 0, .5);
|
|
|
+ color: #fff;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 37.5PX;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16PX;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ overflow: hidden;
|
|
|
+ // background: blue;
|
|
|
+
|
|
|
+ li{
|
|
|
+ width: 100%;
|
|
|
+ height: 30PX;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content:space-between;
|
|
|
+ span{
|
|
|
+ width: 4%;
|
|
|
+ display: inline-block;
|
|
|
+ height: 15PX;
|
|
|
+ font-size: 15PX;
|
|
|
+ line-height: 15PX;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-right: 6PX;
|
|
|
+ }
|
|
|
+
|
|
|
+ a{
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 34PX;
|
|
|
+ width: 96%;
|
|
|
+ // background: green;
|
|
|
+ font-size: 34px;
|
|
|
+ color: #454749;
|
|
|
+ margin-top: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ a:hover{
|
|
|
+ color: #83E515;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(1) span{
|
|
|
+ background: #ff7500;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(2) span{
|
|
|
+ background: #ffa400;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+ .conitemlList li:nth-child(3) span{
|
|
|
+ background: #f6c20e;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
+ // .newsDetail .inner{display:block;width:100%;}
|
|
|
+ // .newsDetail .inner .innerLeft{width:100%;}
|
|
|
+ // .newsDetail .inner .innerRight{width:100%;}
|
|
|
+
|
|
|
+ // .breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner{width:100PX;
|
|
|
+ // display:block;word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .newsDetail .inner .innerLeft .recommendRead .recommendReadTitle .read_title{width:auto;}
|
|
|
+ // .newsDetail .inner .innerLeft .leftBottom{line-height:33PX;}
|
|
|
+
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</style>
|
