<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>停调补课申请</title>
    <style>
      body {
        margin: 0;
        padding: 0;
      }

      .body {
        width: 1000px;
        margin: 0 auto;
        /* background-color: antiquewhite; */
        /*border: solid 1px #333;*/
        min-height: 600px;
        padding: 0 30px;
      }

      .title {
        font-size: 28px;
        padding: 50px 0;
        text-align: center;
        /* margin-bottom: 15px; */
      }

      /*.content {*/
      /*    padding-bottom: 25px;*/
      /*    border-bottom: dashed 1px #333;*/
      /*}*/

      .title_1 {
        text-align: left;
        line-height: 32px;
        position: relative;
        margin-top: 15px;
      }

      .title_2 {
        text-align: left;
        line-height: 45px;
        position: relative;
        margin: 10px 0;
      }

      .qian {
        position: absolute;
        left: 180px;
        height: 50px;
        top: 0;
        width: auto;
        object-fit: contain;
      }

      .text {
        display: inline-block;
        /* margin: 0 65px; */
        /* padding-bottom: 2px; */
      }

      .text > p {
        margin: 15px 0;
        line-height: 36px;
      }

      .text_1 {
        border-bottom: solid 1px #333;
        margin: 0 5px;
      }

      p {
        text-indent: 2em;
        line-height: 32px;
      }

      .luokuan {
        text-align: right;
        margin: 15px 0 70px;
      }

      .luokuan .person {
        display: inline-block;
        min-width: 250px;
        text-align: left;
        line-height: 32px;
        position: relative;
        /*margin-bottom: 60px;*/
      }

      .person .qian {
        top: -10px;
        left: 70px;
      }

      .reason {
        /*display: flex;*/
        margin-bottom: 5px;
        overflow: hidden;
      }

      .reason .left {
        /* flex: 0 0 60px; */
        display: inline-block;
        vertical-align: top;
        width: 60px;
      }

      .reason .right {
        /* flex: 1; */
        display: inline-block !important;
        vertical-align: top;
        /*width: calc(100% - 70px);*/
        width: 830px;
        float: right;
        border-bottom: solid 1px #333;
      }

      .tips {
        padding: 15px 0;
        display: inline-block;
        vertical-align: top;
        /* width: 65px; */
        /* writing-mode: tb-rl; */
        /* background-image: url('./static/image/tips.png');
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat; */
        margin-left: 30px;
      }
      .tips-image {
        width: 60px;
        object-fit: contain;
      }

      .fb {
        font-weight: bold;
        padding: 0 8px;
      }

      .sqr {
        color: rgb(71, 71, 71);
        /* font-style: italic; */
        /* writing-mode: tb-rl; */

        font-size: 15px;
        line-height: 18px;
      }
      .tips_text {
        display: inline-block;
        vertical-align: top;
        width: 22px;
        text-align: center;
      }
      .line {
        padding: 20px 0 20px;
      }

      .person > div:first-child {
        padding-bottom: 10px;
      }
      .content {
        display: inline-block;
        width: 900px;
        vertical-align: top;
      }
    </style>
  </head>

  <body>
    <div class="body">
      <div>
        <div class="title">调课申请单</div>
        <div class="content-border">
          <div class="content">
            <div class="reason">
              <div class="left">原因:</div>
              <div class="right">法定节假日休息</div>
            </div>
            <div class="title_1">调课内容:</div>
            <div class="text">
              <p>
                现将
                <span class="text_1">
                  2021级护理学(中外合作办学)本科班,2021级医学影像技术(中外合作办学)本科班
                </span>
                专业
                <span class="text_1">C语言程序设计</span>
                课程
                <span class="text_1">2022-06-15</span>
                星期
                <span class="text_1">三</span>
                第
                <span class="text_1">7-8</span>
                节(
                <span class="text_1">软件实验室2(BN505)</span>
                实验室)调至
                <span class="text_1">2022-11-22</span>
                星期
                <span class="text_1">二</span>
                第
                <span class="text_1">1-2</span>
                节 (
                <span class="text_1">软件实验室2(BN505)</span>
                实验室)。望批准。
              </p>
            </div>
            <div class="title_2">
              课程所在院(部)意见:
              <img
                src="http://api.lab.site.xmnk.cn/storage/signature/cijZzE5gpAmPc4XRqiqs29CxmNMY1bSx.png"
                class="qian"
                alt=""
              />
            </div>
            <div class="title_2">
              专业所在院(部)意见:
              <img
                src="http://api.lab.site.xmnk.cn/storage/signature/Kc8n1vgLoAtdapxe1h8CRqT0qCgiBF2C.png"
                class="qian"
                alt=""
              />
            </div>
            <div class="title_2">
              教务处意见:
              <img
                src="http://api.lab.site.xmnk.cn/storage/signature/BxHgX0e382tthO6ocx5DQp2Mn2gjzbiB.jpeg"
                class="qian"
                alt=""
              />
            </div>
            <div class="luokuan">
              <div class="person">
                <div>
                  申请人:
                  <img
                    src="http://api.lab.site.xmnk.cn/storage/signature/E80MJZJwojZ1blj97miL1w4kJFHIh4NG.png"
                    class="qian"
                    alt=""
                  />
                </div>
                <div>2022年11月15日</div>
              </div>
            </div>
          </div>
          <div class="tips sqr">
            <img
              src="./static/image/tips1.png"
              class="tips-image"
              alt=""
              srcset=""
            />
            <!-- <div class="sqr tips_text">
              信息技术学院·实验中心以电子申请单为准
            </div>
            <div class="sqr tips_text">
              第一联 · 教务处 · 留存 &nbsp;&nbsp;&nbsp;&nbsp; 第二联 ·
              课程所在院系或专业所在院系留存
            </div> -->
          </div>
        </div>
      </div>

      <div class="line">
        <div style="border-bottom: dashed 1px #333"></div>
      </div>
      <div>
        <div class="title">调课申请单</div>
        <div class="content-border">
          <div class="content">
            <div class="reason">
              <div class="left">原因:</div>
              <div class="right">法定节假日休息</div>
            </div>
            <div class="title_1">调课内容:</div>
            <div class="text">
              <p>
                现将
                <span class="text_1">
                  2021级护理学(中外合作办学)本科班,2021级医学影像技术(中外合作办学)本科班
                </span>
                专业
                <span class="text_1">C语言程序设计</span>
                课程
                <span class="text_1">2022-06-15</span>
                星期
                <span class="text_1">三</span>
                第
                <span class="text_1">7-8</span>
                节(
                <span class="text_1">软件实验室2(BN505)</span>
                实验室)调至
                <span class="text_1">2022-11-22</span>
                星期
                <span class="text_1">二</span>
                第
                <span class="text_1">1-2</span>
                节 (
                <span class="text_1">软件实验室2(BN505)</span>
                实验室)。望批准。
              </p>
            </div>
            <div class="title_2">
              课程所在院(部)意见:
              <img
                src="http://api.lab.site.xmnk.cn/storage/signature/cijZzE5gpAmPc4XRqiqs29CxmNMY1bSx.png"
                class="qian"
                alt=""
              />
            </div>
            <div class="title_2">
              专业所在院(部)意见:
              <img
                src="http://api.lab.site.xmnk.cn/storage/signature/Kc8n1vgLoAtdapxe1h8CRqT0qCgiBF2C.png"
                class="qian"
                alt=""
              />
            </div>
            <div class="title_2">
              教务处意见:
              <img
                src="http://api.lab.site.xmnk.cn/storage/signature/BxHgX0e382tthO6ocx5DQp2Mn2gjzbiB.jpeg"
                class="qian"
                alt=""
              />
            </div>
            <div class="luokuan">
              <div class="person">
                <div>
                  申请人:
                  <img
                    src="http://api.lab.site.xmnk.cn/storage/signature/E80MJZJwojZ1blj97miL1w4kJFHIh4NG.png"
                    class="qian"
                    alt=""
                  />
                </div>
                <div>2022年11月15日</div>
              </div>
            </div>
          </div>
          <div class="tips sqr">
            <img
              src="./static/image/tips1.png"
              class="tips-image"
              alt=""
              srcset=""
            />
            <!-- <div class="sqr tips_text">
              信息技术学院·实验中心以电子申请单为准
            </div>
            <div class="sqr tips_text">
              第一联 · 教务处 · 留存 &nbsp;&nbsp;&nbsp;&nbsp; 第二联 ·
              课程所在院系或专业所在院系留存
            </div> -->
          </div>
        </div>
      </div>
    </div>
  </body>
</html>