|
@@ -1,142 +1,186 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
+
|
|
|
<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <title>诊断指南</title>
|
|
|
- <style>
|
|
|
- *{
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
- ul,li{
|
|
|
- list-style: none;
|
|
|
- }
|
|
|
- table{
|
|
|
- border-collapse: collapse;
|
|
|
- border-spacing: 0;
|
|
|
- }
|
|
|
- body{
|
|
|
- font-size: 14px;
|
|
|
- overflow-y: scroll;
|
|
|
- font-family: '微软雅黑', '宋体';
|
|
|
- background: #dde2ea;
|
|
|
- height: 100%;
|
|
|
- color: #505050;
|
|
|
- line-height: 28px;
|
|
|
- }
|
|
|
- h1{
|
|
|
- margin: 0 77px 0px 210px;
|
|
|
- font-size: 32px;
|
|
|
- }
|
|
|
- h2{
|
|
|
- font-size: 22px;
|
|
|
- position: absolute;
|
|
|
- top: -12px;
|
|
|
- background: #fff;
|
|
|
- padding-right: 6px;
|
|
|
- }
|
|
|
- .content{
|
|
|
- position: relative;
|
|
|
- height: 550px;
|
|
|
- }
|
|
|
- .infos{
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- padding: 0 60px 0 0;
|
|
|
- }
|
|
|
- .infos>div{
|
|
|
- margin-left: 210px;
|
|
|
- }
|
|
|
- .title{
|
|
|
- position: relative;
|
|
|
- height:24px;
|
|
|
- margin: 30px 0 13px;
|
|
|
- }
|
|
|
- .line{
|
|
|
- border-bottom: 1px dashed #ccc;
|
|
|
- }
|
|
|
- .container{
|
|
|
- width: 80%;
|
|
|
- overflow: hidden;
|
|
|
- background: #fff;
|
|
|
- margin: 0 auto;
|
|
|
- padding: 30px 0 30px 24px;
|
|
|
- }
|
|
|
- .anchors{
|
|
|
- width: 160px;
|
|
|
- position: absolute;
|
|
|
- left: 15px;
|
|
|
- top: 0;
|
|
|
- margin-right: 14px;
|
|
|
- overflow: auto;
|
|
|
- }
|
|
|
- .anchors ul{
|
|
|
- padding: 15px 18px;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #eee;
|
|
|
- background-color: #eee;
|
|
|
- line-height: 17px;
|
|
|
- }
|
|
|
- .anchors li{
|
|
|
- position: relative;
|
|
|
- border-left: 2px solid #ccc;
|
|
|
- }
|
|
|
- .anchors .anchor-line{
|
|
|
- height: 15px;
|
|
|
- width: 0;
|
|
|
- border-left: 2px solid #ccc;
|
|
|
- /* background-color: #ccc; */
|
|
|
- }
|
|
|
- .anchors .anchor-line:last-child{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .anchors i{
|
|
|
- position: absolute;
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- border-radius: 5px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- background-color: #eee;
|
|
|
- left: -5px;
|
|
|
- top: 5px;
|
|
|
- }
|
|
|
- .anchors a{
|
|
|
- display: inline-block;
|
|
|
- position: relative;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: calc(100% - 20px);
|
|
|
- padding-left: 10px;
|
|
|
- text-decoration: none;
|
|
|
- font-size: 13px;
|
|
|
- font-weight: 400;
|
|
|
- color: #000;
|
|
|
- word-wrap: break-word;
|
|
|
- }
|
|
|
- .anchors .active a{
|
|
|
- color: #267FD7!important;
|
|
|
- font-weight: 700!important;
|
|
|
- }
|
|
|
- .anchors .active i{
|
|
|
- background: #267FD7;
|
|
|
- }
|
|
|
- a:visited{
|
|
|
- color:#000
|
|
|
- }
|
|
|
- </style>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>诊断指南</title>
|
|
|
+ <style>
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ ul,
|
|
|
+ li {
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ font-size: 14px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ font-family: '微软雅黑', '宋体';
|
|
|
+ background: #dde2ea;
|
|
|
+ height: 100%;
|
|
|
+ color: #505050;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+
|
|
|
+ h1 {
|
|
|
+ margin: 0 77px 0px 210px;
|
|
|
+ font-size: 32px;
|
|
|
+ }
|
|
|
+
|
|
|
+ h2 {
|
|
|
+ font-size: 22px;
|
|
|
+ position: absolute;
|
|
|
+ top: -12px;
|
|
|
+ background: #fff;
|
|
|
+ padding-right: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ position: relative;
|
|
|
+ height: 550px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .infos {
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 0 60px 0 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .infos>div {
|
|
|
+ margin-left: 210px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ position: relative;
|
|
|
+ height: 24px;
|
|
|
+ margin: 30px 0 13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .line {
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ }
|
|
|
+
|
|
|
+ .container {
|
|
|
+ width: 80%;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 30px 0 30px 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors {
|
|
|
+ width: 160px;
|
|
|
+ position: absolute;
|
|
|
+ left: 15px;
|
|
|
+ top: 0;
|
|
|
+ margin-right: 14px;
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors ul {
|
|
|
+ padding: 15px 18px;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ background-color: #eee;
|
|
|
+ line-height: 17px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors li {
|
|
|
+ position: relative;
|
|
|
+ border-left: 2px solid #ccc;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors .anchor-line {
|
|
|
+ height: 15px;
|
|
|
+ width: 0;
|
|
|
+ border-left: 2px solid #ccc;
|
|
|
+ /* background-color: #ccc; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors .anchor-line:last-child {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors i {
|
|
|
+ position: absolute;
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ border-radius: 5px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ background-color: #eee;
|
|
|
+ left: -5px;
|
|
|
+ top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors a {
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ padding-left: 10px;
|
|
|
+ text-decoration: none;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #000;
|
|
|
+ word-wrap: break-word;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors .active a {
|
|
|
+ color: #267FD7 !important;
|
|
|
+ font-weight: 700 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anchors .active i {
|
|
|
+ background: #267FD7;
|
|
|
+ }
|
|
|
+
|
|
|
+ a:visited {
|
|
|
+ color: #000
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <script>
|
|
|
+ if (!Function.prototype.bind) {
|
|
|
+ Function.prototype.bind = function (oThis) {
|
|
|
+ if (typeof this !== "function") {
|
|
|
+ throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
|
|
|
+ }
|
|
|
+ var aArgs = Array.prototype.slice.call(arguments, 1),
|
|
|
+ fToBind = this,
|
|
|
+ fNOP = function () {},
|
|
|
+ fBound = function () {
|
|
|
+ return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
|
|
|
+ aArgs.concat(Array.prototype.slice.call(arguments)));
|
|
|
+ };
|
|
|
+ fNOP.prototype = this.prototype;
|
|
|
+ fBound.prototype = new fNOP();
|
|
|
+ return fBound;
|
|
|
+ };
|
|
|
+ }
|
|
|
+ </script>
|
|
|
</head>
|
|
|
+
|
|
|
<body>
|
|
|
-<div class="container">
|
|
|
+ <div class="container">
|
|
|
<h1></h1>
|
|
|
<div class="content">
|
|
|
- <div class="infos"></div>
|
|
|
- <div class="anchors">
|
|
|
- <ul></ul>
|
|
|
- </div>
|
|
|
+ <div class="infos"></div>
|
|
|
+ <div class="anchors">
|
|
|
+ <ul></ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
-<!-- <script src="./js/jquery-1.9.1.min.js"></script>
|
|
|
+ </div>
|
|
|
+ <!-- <script src="./js/jquery-1.9.1.min.js"></script>
|
|
|
<script src="./js/information.js"></script> -->
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|