<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="/css/common.css" />
<link rel="stylesheet" href="/css/subject.css" />
</head>
<body>
<div class="main">
<img class="index-icon" src="/img/index-icon.png" />
<div class="box">
<div class="tab flexacenter">
首页
<img class="img" src="/img/arrows.svg" />
按学科查看
<img class="img" src="/img/arrows.svg" />
<div class="current">建筑及城市规划</div>
</div>
<div class="info flexacenter">
<img class="img" src="/img/subject.png" />
<div class="flex1">
<div class="title">学科领域</div>
<div class="list flexflex">
<div class="item pitch">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
</div>
</div>
</div>
<div class="body flexflex">
<div class="left">
<div class="item flexacenter pitch"><img class="img" src="/img/side-all-pitch.png" />全部项目</div>
<div class="item flexacenter"><img class="img" src="https://axure-file.lanhuapp.com/md5__226be23041eb582c15651be885eb13cd.png" />香港大学</div>
</div>
<div class="right flex1">
<div class="h flexacenter">
<div class="total">共 113 个项目</div>
<div class="item flexacenter">
学费由低到高
<img class="img-sort" src="/img/sort-icon.png" />
</div>
<div class="item flexacenter">
学校主页
<img class="img-school" src="/img/sort-icon.png" />
</div>
</div>
<div class="list flexflex">
<div class="item">
<div class="operate flexcenter">
<div style="display: none;" class="circle flexcenter">
<img class="img-add" src="/img/add-thick.svg" />
</div>
<div class="circle flexcenter">
<img class="img-dot" src="/img/dot-dot-dot.png" />
</div>
<div class="select flexflex show">
<div class="title flexacenter">
<div class="dot"></div>
该项目已加入对比单，未加入项目管理
</div>
<div class="btn flexcenter"><img class="img" src="/img/add-circle.svg" />加入项目管理</div>
</div>
<div style="display: none;" class="already flexacenter">
<div class="tick-box flexcenter">
<img class="img-tick" src="/img/tick-icon.svg" />
</div>
已加入
</div>
</div>
<div class="name flexflex">建筑硕士</div>
<div class="english">Master of Architecture</div>
<div class="introduce flexacenter">
建筑学院
<div class="flexacenter">
<div class="line">|</div>
专业排名
<div class="quantity">52</div>
</div>
<div class="flexacenter">
<div class="line">|</div>
学费HK$ <vie class="quantity">281,000</vie>
</div>
</div>
<div class="word">一句话描述独特之处，一句话描述独特之处。</div>
<div class="tag flexflex">
<div class="tag-item admissions">招生官项目</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div class="base flexcenter">
<div class="left flexacenter">
<div class="text flex1">搜索项目</div>
<img class="img" src="/img/search-black-icon.svg" />
</div>
<div class="rigth flexacenter">
<img class="img" src="/img/contrast-icon.png" />
<div class="text">项目对比</div>
<div class="number">16</div>
</div>
</div>
</div>
<script>
function name() {
return "123"
}
</script>
</body>
</html>