ywt
/
nfywt-wx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
							<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>南方医务通</title>
    <link type="text/css" rel="stylesheet" href="css/icoline.min.css">
    <link type="text/css" rel="stylesheet" href="css/comm.min.css">
    <link type="text/css" rel="stylesheet" href="css/pages.min.css">
    <link type="text/css" rel="stylesheet" href="css/popup.min.css">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="pragma" content="no-cache">
    <style>
        .appointment-list-li{
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .5rem;
            border-top: 1px #ebebeb solid;
        }

        .appointment-list-li .iconbox{
            display: flex;align-items: center;
        }

        .appointment-list-li .iconbox .lefticon{
            width: 30px;
            height: 30px;
        }

        .appointment-list-li .iconbox .lefttext{
            padding-left: 10px;
            color: #535353;
        }

        .appointment-list-li .righticon{
            width: 15px;height: 15px;
        }

        .appointment-list-li img{
            width: 100%;
            height: 100%;
        }

        .notice{
            display: block;
            padding: 10px;
            text-align: center;
            background: #fff;
            margin-top: 20px;
            color: #535353;
        }
    </style>
</head>
<body>
<header id="header" class="head">

    <div class="wrap">

        <i class="menu_back icon-arrow-left"></i>

        <div class="title">

            <span class="title_d"><p>预约挂号</p></span>

            <div class="clear"></div>

        </div>

        <i class="menu_home icon-home"></i>

    </div>
</header>
<article id="container" class="containerNoBottom">
    <section id="content" class="content">
        <!-- 标题开始 -->
        <div style="padding: 1.5rem;color: #008a8a;text-align: center;">
            南方医科大学南方医院
        </div>
        <!-- 标题结束 -->

        <!-- 挂号类型开始 -->
        <div>
            <ul>
                <a href="dept_q_list.html">
                    <li class="appointment-list-li">
                        <div class="iconbox">
                            <div class="lefticon"><img src="./images/icon-appointment.png" alt=""></div>
                            <div class="lefttext">按科室挂号</div>
                        </div>
                        <div class="righticon"><img src="./images/icon-de.png" alt=""></div>
                    </li>
                </a>
                <a href="appointmentDoctor.html">
                    <li class="appointment-list-li">
                        <div class="iconbox">
                            <div class="lefticon"><img src="./images/icon-doctor.png" alt=""></div>
                            <div class="lefttext">按医生挂号</div>
                        </div>
                        <div class="righticon"><img src="./images/icon-de.png" alt=""></div>
                    </li>
                </a>
                <a href="date_q_list.html">
                    <li class="appointment-list-li">
                        <div class="iconbox">
                            <div class="lefticon"><img src="./images/icon-date.png" alt=""></div>
                            <div class="lefttext">按日期挂号</div>
                        </div>
                        <div class="righticon"><img src="./images/icon-de.png" alt=""></div>
                    </li>
                </a>
            </ul>
        </div>
        <!-- 挂号类型结束 -->

        <!-- 预约须知开始 -->
            <a class="notice" href="appointmentNotice.html">预约须知</a>
        <!-- 预约须知结束 -->
    </section>
</article>
<script type="text/javascript" src="js/asset/zepto.min.js"></script>
<script type="text/javascript" src="js/asset/base.min.js"></script>
</body>
</html>