新增提示

src/assets/css/base.css

@@ -213,15 +213,10 @@ button:focus {
 .p30{padding: 30px;}
 .p50{padding: 50px;}
 
-.fs15 {
-   font-size: 15px;
-}
-.fs18 {
-  font-size: 18px;
-}
-.fs32 {
-  font-size: 32px;
-}
+.fs15 {font-size: 15px;}
+.fs16 {font-size: 16px;}
+.fs18 { font-size: 18px;}
+.fs32 {font-size: 32px;}
 
 .w840 {
    width: 840px;
@@ -299,6 +294,13 @@ button:focus {
     transition: all .5s;
 }
 
+.questiong-ico {
+  background-position: 0 -472px;
+  width: 18px;
+  height: 20px;
+  margin-right: 5px;
+}
+
 .p-ico2 {
     background: url("../images/icon7.png") no-repeat;
     display: inline-block;

src/containers/center/market/index.vue

@@ -3,6 +3,27 @@
     <div class="right-block-bd ng-scope" ui-view="myStudyContent" style="position: relative;">
       <div class="panel-tit clear">
         <p class="fl">推荐课程</p>
+        <ul class="fr tips-intro" style="color:royalblue" @mouseover="showTip=true" @mouseleave="showTip=false" >
+          <li class="fs15 tit">
+            <i class="p-ico questiong-ico" style="margin-right: 0px;"/> 已将近退休年龄，是否还需要参加继续教育？
+          </li>
+        </ul>
+
+        <div class="fr tip-card" v-show="showTip" >
+          <div class="p20">
+            <h3 >一、建设从业人员：</h3>
+            <h5 style="margin: 8px;">1、安管人员：</h5>
+            <h5 style="margin-left: 16px;">①企业主要负责人（A证）：年龄18周岁以上，分管安全的技术负责人、安全总监到60岁，法定代表人没有年龄限制。</h5>
+            <h5 style="margin-left: 16px;">②项目负责人（B证）：年龄18周岁以上，65周岁以下。</h5>
+            <h5 style="margin-left: 16px;">③安全生产管理人员（C证）：年龄18周岁以上，60周岁以下。</h5>
+            <h4 style="margin: 8px;">2、特种作业人员：年龄18周岁以上，男性55周岁以下，女性50周岁以下。</h4>
+            <h4 style="margin: 8px;">3、八大员：年龄20周岁以上，60周岁以下。</h4>
+
+            <h2 style="margin:8px 0 16px 0px;">二、执业注册人员：</h2>
+            <h4 style="margin: 8px;">1、注册建造师（一级、二级）、注册监理工程师：年龄65周岁以下；</h4>
+            <h4 style="margin: 8px;">2、其他执业资格注册证件无年龄要求。</h4>
+          </div>
+        </div>
       </div>
 
       <ul class="pt-line mt20">
@@ -258,6 +279,7 @@
         total: 0,
         stage: 0,
         isCompanyPay: 0,
+        showTip: false,
         width: "",
         type: '',
         list: [],
@@ -540,4 +562,21 @@
   .commitment-content {
     font-size: 16px;
   }
+  .tip-card{
+    border-radius: 20px;
+    font-size:14px;
+    float: right;
+    width: 420px;
+    right: 20px;
+    position: absolute;
+    top:50px;
+    color: white;
+    background-color: #7fbae4 ;
+    z-index: 1000;
+  }
+  .tips-intro {
+      color: #468cf2;
+      cursor: pointer;
+      position: relative;
+  }
 </style>