<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<meta name="description" content="一线希望" />
		<meta name="keywords" content="一线希望" />
		<meta name="applicable-device" content="pc,mobile" />
		<meta name="MobileOptimized" content="width" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="robots" content="noarchive"/>
		<meta name="google" value="notranslate">
		<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
		<title>一线希望</title>
		<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="./css/base.css"/>
		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
		<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部导航 -->
		<header class="header w100">
			<div class="head w1140">
				<!-- logo -->
				<h1 class="logo">
					<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
				</h1>
				<!-- 导航 -->
				<ul class="nav">
					<li class="active"><a href="solid.html">实体瘤</a></li>
					<li><a href="blood.html">血液肿瘤</a></li>
					<li><a href="other.html">其他</a></li>
					<li><a href="operation.html">操作指南</a></li>
				</ul>
				<!-- 顶部右侧 -->
				<div class="top-right">
					<!-- 通知 -->
					<div class="notice"><a href="">通知</a></div>
					<!-- 登录/注册 -->
					<div class="login-registration">
						<ins><img src="images/icon/icon-user.png" alt="登录/注册"></ins>
						<span><em><a href="login.html">登录</a>/<a href="register.html">注册</a></em><!-- 高高兴 --></span>
						<em class="icon-arrow"></em>
					</div>
				</div>
				<!-- 导航按钮 -->
				<div class="nav-bg"></div>
				<div class="head-btn">
					<i class="bar-top"></i>
					<i class="bar-cen"></i>
					<i class="bar-bom"></i>
				</div>
			</div>
		</header>
		<!-- 主体内容 -->
		<div class="main index-main w1140 wow fadeInUp">
			<!-- 首页内容 -->
			<div class="index-content wow fadeInUp">
				<!-- 搜索 -->
				<div class="search wow fadeInUp">
					<input type="text" placeholder="请输入关键字搜索">
					<button  class="search-btn" type="submit">搜索</button>
				</div>
				<!-- 筛选 -->
				<ul class="screen wow fadeInUp">
					<li>
						<strong>患者常驻地区</strong>
						<section>
							<a href="" class="active">全国</a>
							<a href="">北京</a>
							<a href="">深圳</a>
							<a href="">上海</a>
							<a href="">广州</a>
							<a href="">成都</a>
							<a href="">西安</a>
							<a href="">湖北</a>
							<a href="">厦门</a>
							<a href="">山东</a>
							<a href="">珠海</a>
							<a href="">杭州</a>
							<a href="">苏州</a>
							<a href="">郑州</a>
							<a href="">福州</a>
							<a href="">长沙</a>
							<a href="">重庆</a>
							<a href="">天津</a>
							<a href="">宁波</a>
							<a href="">远程</a>
							<a href="">其它</a>
						</section>
						<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
					</li>
					<li>
						<strong>主要诊断</strong>
						<section>
							<select name="first-column">
								<option value="">实体瘤</option>
								<option value="">实体瘤</option>
								<option value="">实体瘤</option>
							</select>
							<select name="second-column">
								<option value="">血液肿瘤</option>
								<option value="">血液肿瘤</option>
								<option value="">血液肿瘤</option>
							</select>
							<select name="third-column">
								<option value="">三级菜单名</option>
								<option value="">三级菜单名</option>
								<option value="">三级菜单名</option>
							</select>
						</section>
						<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
					</li>
					<li>
						<strong>性别</strong>
						<section>
							<a href="" class="active">全部</a>
							<a href="">男性</a>
							<a href="">女性</a>
						</section>
						<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
					</li>
					<li>
						<strong>排列方式</strong>
						<section>
							<select name="first-array">
								<option value="">上传病例时间</option>
								<option value="">上传病例时间</option>
								<option value="">上传病例时间</option>
							</select>
							<select name="second-array">
								<option value="">首次诊断日期</option>
								<option value="">首次诊断日期</option>
								<option value="">首次诊断日期</option>
							</select>
							<select name="third-array">
								<option value="">病人年龄</option>
								<option value="">病人年龄</option>
								<option value="">病人年龄</option>
							</select>
						</section>
						<div class="more-btn"><ins>更多</ins><em class="icon-arrow"></em></div>
					</li>
				</ul>
				<!-- 患者列表 -->
				<ul class="patient-list wow fadeInUp">
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
					<li class="wow fadeInUp">
						<div class="patient-top wow fadeInUp">
							<span>
								<img src="images/icon/icon-portrait.png" alt="患者代号">
								<strong>患者代号:</strong>sc20220423123
							</span>
							<span>
								<img src="images/icon/icon-sex.png" alt="性别">
								<strong>性别:</strong>男性
							</span>
							<span>
								<img src="images/icon/icon-address.png" alt="常驻地区">
								<strong>常驻地区:</strong>北京
							</span>
							<span>
								<img src="images/icon/icon-portrait.png" alt="上传人">
								<strong>上传人:</strong>周蓓蓓
								<em><img src="images/icon/icon-user.png" alt="周蓓蓓"></em>
							</span>
						</div>
						<div class="patient-bottom wow fadeInUp">
							<div class="patient-detailed"><span>详情信息</span></div>
							<div class="patient-bl">
								<h2>主要诊断:实体瘤<em>-</em>血液肿瘤<em>-</em>三级菜单名<span>年龄:65</span></h2>
								<p>病情介绍文字后台替换毕业于某知名211计算机系硕士学历,期间研究编译和编译优化发表多篇论文,7年计算机、软件工程科班出身,基础扎实。参加工作供职知名银行,具备多年网站、后端服务架构经验和大型软件管理,以及大型软件性能调优、架构演进经验全栈工程师:对银行、保险、物联网、工控、3D打印、游戏等诸多领域有积累。</p>
							</div>
							<div class="patient-br">
								<span>上传病例日期:2022.04.22</span>
								<span>首次诊断日期:2021.12.20</span>
								<a href="" class="choice-btn">选择</a>
								<a href="" class="collection-btn"><img src="images/icon/icon-collection.png" alt="收藏">收藏患者</a>
							</div>
						</div>
					</li>
				</ul>
				<!-- 分页 -->
				<div class="paging wow fadeInUp">
					<a href="" class="prev">上一页</a>
					<a href="" class="active">1</a>
					<a href="">2</a>
					<a href="">3</a>
					<a href="">4</a>
					<a href="">5</a>
					<a href="">6</a>
					<a href="">7</a>
					<a href="">8</a>
					<a href="">9</a>
					<a href="">10</a>
					<a href=""><em>></em></a>
					<a href="" class="next">下一页</a>
				</div>
			</div>
			<!-- 首页侧边栏 -->
			<div class="index-side wow fadeInUp">
				<span><img src="images/avatar.png" alt="用户名"></span>
				<p>我是病人信息管理者</p>
				<a class="index-side-btn" href="upload.html">上传病人信息</a>
			</div>
		</div>
		
		<!-- 尾部 -->
		<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
			<div class="foot w1140 wow fadeInUp">
				<div class="foot-nav">
					<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
				</div>
				<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
			</div>
		</div>
	</body>
</html>