Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
front
/
icssDService
2
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Browse Source

解决bind问题

Luolei 6 năm trước cách đây
mục cha
444fee9bea
commit
4ce58da22b
6 tập tin đã thay đổi với 590 bổ sung và 396 xóa
Split View Hiển thị tình trạng sai khác
  1. 62 37
      src/html/disclaimer.html
  2. 175 130
      src/html/drugInfo.html
  3. 19 0
      src/html/index.html
  4. 175 131
      src/html/information.html
  5. 22 0
      src/html/page.html
  6. 137 98
      src/html/scale.html

+ 62 - 37
src/html/disclaimer.html
Xem Tập Tin 

@@ -1,46 +1,71 @@
 
 <!DOCTYPE html>
 
 <html>
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
 
-    <style>
 
-         *{
 
-            margin: 0;
 
-            padding: 0;
 
-        }
 
-        html {
 
-            height: 100%;
 
-        }
 
-        body{
 
-            font-size: 14px;
 
-            overflow-y: auto;
 
-            font-family: '微软雅黑', '宋体';
 
-            background: #dde2ea;
 
-            height: 100%;
 
-            color: #505050;
 
-            line-height: 28px;
 
-        }
 
-        h1 {
 
-            text-align: center;
 
-            padding: 80px 0 60px;
 
-        }
 
-        .container {
 
-            width: 80%;
 
-            background: #fff;
 
-            margin: 0 auto;
 
-            padding: 0 30px 40px;
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
+  <title><%= htmlWebpackPlugin.options.title %></title>
 
+  <style>
 
+    * {
 
+      margin: 0;
 
+      padding: 0;
 
+    }
 
+
 
+    html {
 
+      height: 100%;
 
+    }
 
+
 
+    body {
 
+      font-size: 14px;
 
+      overflow-y: auto;
 
+      font-family: '微软雅黑', '宋体';
 
+      background: #dde2ea;
 
+      height: 100%;
 
+      color: #505050;
 
+      line-height: 28px;
 
+    }
 
+
 
+    h1 {
 
+      text-align: center;
 
+      padding: 80px 0 60px;
 
+    }
 
+
 
+    .container {
 
+      width: 80%;
 
+      background: #fff;
 
+      margin: 0 auto;
 
+      padding: 0 30px 40px;
 
+    }
 
+  </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");
 
         }
 
-    </style>
 
+        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">
 
-        <h1></h1>
 
-        <div class="content">
 
-            
-        </div>
 
+  <div class="container">
 
+    <h1></h1>
 
+    <div class="content">
 
+
 
     </div>
 
+  </div>
 
 </body>
 
-</html>
 
 
+</html>

+ 175 - 130
src/html/drugInfo.html
Xem Tập Tin 

@@ -1,140 +1,185 @@
 
 <!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: #33475f;
 
-        }
 
-        h1{
 
-            font-size: 32px;
 
-            margin: 0 77px 0px 210px;
 
-        }
 
-        h2{
 
-            font-size: 18px;
 
-            position: absolute;
 
-            top: -12px;
 
-            background: #fff;
 
-            padding-right: 6px;
 
-        }
 
-        .contentBox {
 
-            padding-right: 60px;
 
-        }
 
-        .content{
 
-            position: relative;
 
-        }
 
-        .infos{
 
-            height: 100%;
 
-            overflow: auto;
 
-        }
 
-        .infos>div{
 
-            margin-left: 210px;
 
-        }
 
-        .title{
 
-            position: relative;
 
-            height:24px;
 
-            margin: 34px 0 10px;
 
-        }
 
-        .line{
 
-            border-bottom: 1px dashed #ccc;
 
-        }
 
-        .container{
 
-            width: 76%;
 
-            overflow: hidden;
 
-            background: #fff;
 
-            margin: 0 auto;
 
-            padding: 30px 0px 30px 30px;
 
-        }
 
-        .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;
 
-        }
 
-        .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: #0089be!important;
 
-            font-weight: 700!important;
 
-        }
 
-        .anchors .active i{
 
-            background: #0089be;
 
-        }
 
-        a:visited{
 
-            color:#33475f
 
-        }
 
-    </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: #33475f;
 
+    }
 
+
 
+    h1 {
 
+      font-size: 32px;
 
+      margin: 0 77px 0px 210px;
 
+    }
 
+
 
+    h2 {
 
+      font-size: 18px;
 
+      position: absolute;
 
+      top: -12px;
 
+      background: #fff;
 
+      padding-right: 6px;
 
+    }
 
+
 
+    .contentBox {
 
+      padding-right: 60px;
 
+    }
 
+
 
+    .content {
 
+      position: relative;
 
+    }
 
+
 
+    .infos {
 
+      height: 100%;
 
+      overflow: auto;
 
+    }
 
+
 
+    .infos>div {
 
+      margin-left: 210px;
 
+    }
 
+
 
+    .title {
 
+      position: relative;
 
+      height: 24px;
 
+      margin: 34px 0 10px;
 
+    }
 
+
 
+    .line {
 
+      border-bottom: 1px dashed #ccc;
 
+    }
 
+
 
+    .container {
 
+      width: 76%;
 
+      overflow: hidden;
 
+      background: #fff;
 
+      margin: 0 auto;
 
+      padding: 30px 0px 30px 30px;
 
+    }
 
+
 
+    .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;
 
+    }
 
+
 
+    .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: #0089be !important;
 
+      font-weight: 700 !important;
 
+    }
 
+
 
+    .anchors .active i {
 
+      background: #0089be;
 
+    }
 
+
 
+    a:visited {
 
+      color: #33475f
 
+    }
 
+  </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/information.js"></script>
 
+  </div>
 
+  <script src="./../js/information.js"></script>
 
 </body>
 
+
 
 </html>

+ 19 - 0
src/html/index.html
Xem Tập Tin 

@@ -5,6 +5,25 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
   <title><%= htmlWebpackPlugin.options.title %></title>
 
+  <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>

+ 175 - 131
src/html/information.html
Xem Tập Tin 

@@ -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>

+ 22 - 0
src/html/page.html
Xem Tập Tin 

@@ -1,14 +1,36 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
   <meta charset="UTF-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
   <title><%= htmlWebpackPlugin.options.title %></title>
 
+  <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="iframeContainer">
 
     <iframe class="iframeContainer" src="./index.html" frameborder="0"></iframe>
 
   </div>
 
 </body>
 
+
 
 </html>

+ 137 - 98
src/html/scale.html
Xem Tập Tin 

@@ -1,113 +1,151 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <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: #33475f;
 
-        }
 
-        .container {
 
-          width: 80%;
 
-          overflow: hidden;
 
-          background: #fff;
 
-          margin: 0 auto;
 
-          padding: 30px 30px 30px 30px;
 
-        }
 
-        h1 {
 
-          text-align: center;
 
-          padding: 20px 0;
 
-        }
 
-        .groupBox {
 
-          border-bottom: 4px solid #EBEBEB;
 
-        }
 
-        .groupName {
 
-          font-weight: bold;
 
-          padding: 10px 0;
 
-        }
 
-        .groupRowName {
 
-          line-height: 30px;
 
-        }
 
-        .groupRowBox {
 
-          line-height: 30px;
 
-          padding-left: 30px;
 
-        }
 
-        .groupRowRadio {
 
-          margin: 0 20px 0 0;
 
-          vertical-align: middle;
 
-          display: inline-block;
 
-        }
 
-        .groupRowRecommend {
 
-          color: #267FD7;
 
-          margin-left: 5px;
 
-        }
 
-        .calcu {
 
-          text-align: right;
 
-          height: 40px;
 
-          margin: 10px 0 0 0;
 
-          line-height: 40px;
 
-          border-top: 1px solid #979797;
 
-        }
 
-        .allCalcuBox {
 
-          text-align: right;
 
-          height: 60px;
 
-          line-height: 60px;
 
-          vertical-align: middle;
 
-          position: relative;
 
-          padding: 0 80px 0 0;
 
-        }
 
-        .calcuBtn {
 
-          position: absolute;
 
-          right: 0;
 
-          top: 12px;
 
-          display: inline-block;
 
-          width: 70px;
 
-          height: 36px;
 
-          line-height: 36px;
 
-          text-align: center;
 
-          background: #267FD7;
 
-          color: #fff;
 
-          border-radius: 4px;
 
-        }
 
-        .groupRowWrapper {
 
-          margin-top: 15px;
 
-        }
 
-        .groupRowIndex {
 
-          display: inline-block;
 
-          width: 25px;
 
-          text-align: right;
 
-          margin-right: 5px;
 
-        }
 
-        .noSelect {
 
-          border: 1px solid red;  
-          box-sizing: border-box;
 
-        }
 
-  
+    * {
 
+      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: #33475f;
 
+    }
 
+
 
+    .container {
 
+      width: 80%;
 
+      overflow: hidden;
 
+      background: #fff;
 
+      margin: 0 auto;
 
+      padding: 30px 30px 30px 30px;
 
+    }
 
+
 
+    h1 {
 
+      text-align: center;
 
+      padding: 20px 0;
 
+    }
 
+
 
+    .groupBox {
 
+      border-bottom: 4px solid #EBEBEB;
 
+    }
 
+
 
+    .groupName {
 
+      font-weight: bold;
 
+      padding: 10px 0;
 
+    }
 
+
 
+    .groupRowName {
 
+      line-height: 30px;
 
+    }
 
+
 
+    .groupRowBox {
 
+      line-height: 30px;
 
+      padding-left: 30px;
 
+    }
 
+
 
+    .groupRowRadio {
 
+      margin: 0 20px 0 0;
 
+      vertical-align: middle;
 
+      display: inline-block;
 
+    }
 
+
 
+    .groupRowRecommend {
 
+      color: #267FD7;
 
+      margin-left: 5px;
 
+    }
 
+
 
+    .calcu {
 
+      text-align: right;
 
+      height: 40px;
 
+      margin: 10px 0 0 0;
 
+      line-height: 40px;
 
+      border-top: 1px solid #979797;
 
+    }
 
+
 
+    .allCalcuBox {
 
+      text-align: right;
 
+      height: 60px;
 
+      line-height: 60px;
 
+      vertical-align: middle;
 
+      position: relative;
 
+      padding: 0 80px 0 0;
 
+    }
 
+
 
+    .calcuBtn {
 
+      position: absolute;
 
+      right: 0;
 
+      top: 12px;
 
+      display: inline-block;
 
+      width: 70px;
 
+      height: 36px;
 
+      line-height: 36px;
 
+      text-align: center;
 
+      background: #267FD7;
 
+      color: #fff;
 
+      border-radius: 4px;
 
+    }
 
+
 
+    .groupRowWrapper {
 
+      margin-top: 15px;
 
+    }
 
+
 
+    .groupRowIndex {
 
+      display: inline-block;
 
+      width: 25px;
 
+      text-align: right;
 
+      margin-right: 5px;
 
+    }
 
+
 
+    .noSelect {
 
+      border: 1px solid red;
 
+      box-sizing: border-box;
 
+    }
 
   </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">
 
-      <h1></h1>
 
-      <div class="content"></div>
 
+    <h1></h1>
 
+    <div class="content"></div>
 
 
   </div>
 
-  
+
 
   <!-- <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
 
   <script type="text/javascript">
 
     $(function(){
 
@@ -155,4 +193,5 @@
 
       
   </script> -->
 
 </body>
 
+
 
 </html>