<template>
  <div class="dailyPractice">
  <!-- <div style="width: 50px;">111</div>
  <div style="width: 50px;">111</div>
  <div style="width: 50px;">111</div>
  <div style="width: 50px;">111</div>
  <div style="width: 50px;">111</div> -->
    <div class="dailyTitle">一日一讲</div>
    <div class="dailysolid">
      <p style="color: rgb(107, 114, 128); padding: 0px 16px 0px 16px; font-size: 16px">
        讲堂360
      </p>
    </div>
    <div class="" style="width: 100%; padding: 16px; font-size: 18px">
      <p class="" style="padding-bottom: 1rem">
        &nbsp;&nbsp;&nbsp;&nbsp; 为配合
        “2023年宣传周“活动开展，宣传落实《职业病防治法》和《国家职业病防治规划（2021-2025年）》，普及职业病防治和职业健康知识，携手上海建科检验有限公司推出“职业卫生一日一讲”。
        <br/>
        <p style="padding-top: 5px;font-size: 20px; padding-bottom: 6px;">&nbsp;日程安排：</p>
        
      </p>
      <div class="dailyContent">
        <p class="" style="padding-top: 8px">4-25 我国职业健康形势</p>
        <p class="" style="padding-top: 8px">4-26 职业卫生相关法律法规体系介绍</p>
        <p class="" style="padding-top: 8px">4-27 《职业病防治法》的了解和学习</p>
        <p class="" style="padding-top: 8px">4-28 职业危害和个体防护（上）</p>
        <p class="" style="padding-top: 8px">4-29 职业危害和个体防护（下）</p>
        <p class="" style="padding-top: 8px">4-30 职业危害事故应急救援</p>
      </div>
      <p class="" style="padding-top: 8px">
        &nbsp;请点击右下方 “一日一讲” 进入观看
      </p>
      <!-- <img
        src="../../../static/img/erweima.jpg"
        class=""
        style="width: 100%; padding: 0px 32px 0px 32px"
        alt=""
      /> -->
      <a href="http://m.jiangtang360.com/login2" style="float: right; padding: 48px 35px 0px 0px; font-size: 20px; font-weight: bold;">一日一讲</a>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang="scss" scoped>
.dailyPractice {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: black;
  text-align: left;
  background:url("../../../static/img/dailyPractice.jpeg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: fixed;
}
.dailyTitle {
  width: 100%;
  font-size: 26px;
  text-align: center;
  padding: 32px 16px 0px 16px;
}
.dailysolid {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-color: rgb(209, 213, 219);
  padding: 8px 0px 8px 0px;
}
.dailyContent {
  padding: 8px 16px 8px 16px;
  border-radius: 6px;
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
  --tw-gradient-from: #bfdbfe var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}
</style>
