增加电话查号

css/base.css

@@ -23,18 +23,18 @@ p,
 blockquote,
 th,
 td {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 table {
-    border-collapse: collapse;
-    border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
 fieldset,
 img {
-    border: 0
+  border: 0;
 }
 
 address,
@@ -47,18 +47,18 @@ strong,
 th,
 b,
 var {
-    font-style: normal;
-    font-weight: normal
+  font-style: normal;
+  font-weight: normal;
 }
 
 ol,
 ul {
-    list-style: none
+  list-style: none;
 }
 
 caption,
 th {
-    text-align: left
+  text-align: left;
 }
 
 h1,
@@ -67,166 +67,168 @@ h3,
 h4,
 h5,
 h6 {
-    font-size: 100%;
-    font-weight: normal
+  font-size: 100%;
+  font-weight: normal;
 }
 
 q:before,
 q:after {
-    content: ''
+  content: "";
 }
 
 abbr,
 acronym {
-    border: 0
+  border: 0;
 }
 
 * {
-    padding: 0px;
-    margin: 0px;
-    text-align: left;
-    font-family: 'PingFangSC-Regular', '微软雅黑', Arial, Verdana, Tahoma, "宋体", Helvetica, sans-serif;
-    line-height: 150%;
-    box-sizing: border-box;
+  padding: 0px;
+  margin: 0px;
+  text-align: left;
+  font-family: "PingFangSC-Regular", "微软雅黑", Arial, Verdana, Tahoma, "宋体",
+    Helvetica, sans-serif;
+  line-height: 150%;
+  box-sizing: border-box;
 }
 
 html {
-    width: 100%;
-    height: 100%;
-    font-size: 14px;
-    color: #333;
-    overflow: hidden;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  color: #333;
+  overflow: hidden;
 }
 
 body {
-    width: 100%;
-    height: 100%;
-    font-size: 14px;
-    text-align: center;
-    color: #333;
-    overflow: hidden;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  text-align: center;
+  color: #333;
+  overflow: hidden;
 }
 
 table {
-    border-collapse: collapse;
+  border-collapse: collapse;
 }
 
 td {
-    padding: 3px;
+  padding: 3px;
 }
 
 img {
-    border: none;
-    vertical-align: middle;
+  border: none;
+  vertical-align: middle;
 }
 
 input {
-    padding: 1px;
-    vertical-align: middle;
-    line-height: normal;
+  padding: 1px;
+  vertical-align: middle;
+  line-height: normal;
 }
 
 input:focus {
-    outline: none;
+  outline: none;
 }
 
 .main-box {
-    margin-right: auto;
-    margin-left: auto;
-    width: 960px;
-    clear: both;
-    zoom: 1;
-    overflow: hidden;
-    background-color: #CCCCCC;
+  margin-right: auto;
+  margin-left: auto;
+  width: 960px;
+  clear: both;
+  zoom: 1;
+  overflow: hidden;
+  background-color: #cccccc;
 }
 
 .text-overflow-hidden {
-    white-space: nowrap;
-    word-spacing: normal;
-    letter-spacing: normal;
-    overflow: hidden;
+  white-space: nowrap;
+  word-spacing: normal;
+  letter-spacing: normal;
+  overflow: hidden;
 }
 
 .box-align-center {
-    margin-right: auto;
-    margin-left: auto;
+  margin-right: auto;
+  margin-left: auto;
 }
 
-
 /*css定义超链接四个状态也有顺序的。*/
 
 a:link,
 a:visited {
-    text-decoration: none;
-    color: #1F376D;
+  text-decoration: none;
+  color: #1f376d;
 }
 
 a:hover,
 a:active {
-    text-decoration: underline;
-    color: #BD0A01;
-    border: none;
+  text-decoration: underline;
+  color: #bd0a01;
+  border: none;
 }
 
 .fl {
-    float: left;
+  float: left;
 }
 
 .fr {
-    float: right;
+  float: right;
+}
+.hauto {
+  height: auto !important;
 }
 
 .clearfix:after {
-    content: '';
-    display: block;
-    clear: both;
-    visibility: hidden;
+  content: "";
+  display: block;
+  clear: both;
+  visibility: hidden;
 }
 
 .clearfix {
-    *zoom: 1;
+  *zoom: 1;
 }
 
 .iconfont {
-    font-family: "iconfont";
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -webkit-text-stroke-width: 0.2px;
-    -moz-osx-font-smoothing: grayscale;
-    color: #005395;
-    font-size: 18px;
+  font-family: "iconfont";
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+  color: #005395;
+  font-size: 18px;
 }
 
 .bolderFont {
-    font-weight: 600;
+  font-weight: 600;
 }
 
-
 /* 超出部分隐藏 展示行数 */
 
 .firstLine {
-    -webkit-line-clamp: 1;
+  -webkit-line-clamp: 1;
 }
 
 .secondLine {
-    -webkit-line-clamp: 2;
+  -webkit-line-clamp: 2;
 }
 
 .required {
-    color: #fe2a44;
-    margin-right: 4px;
+  color: #fe2a44;
+  margin-right: 4px;
 }
 
 .oneline {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .twoline {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
 }

css/index.css

@@ -152,6 +152,35 @@ article > .content .left {
   background: rgba(255, 255, 255, 0.85);
   filter: alpha(opacity=85);
 }
+.opcBg .opcBg_searchBox {
+  width: 100%;
+  top: 41px;
+  right: 0;
+  margin-top: 0;
+  display: none;
+}
+.opcBg .opcBg_title {
+  height: 40px;
+  padding-left: 0;
+}
+.opcBg .opcBg_item {
+  height: 100%;
+  line-height: 40px;
+  width: 50%;
+  text-align: center;
+  border-right: 1px solid #fff;
+  cursor: pointer;
+}
+.opcBg .opcBg_item:last-of-type {
+  border-right: none;
+}
+.opcBg .opcBg_item.active {
+  background-color: #005395;
+  color: #fff;
+}
+.opcBg .opcBg_item.active .iconfont {
+  color: #fff;
+}
 
 .title {
   font-size: 16px;
@@ -411,7 +440,6 @@ article > .content .left {
 }
 
 .right .r-list {
-  padding-right: 6px;
   position: absolute;
   top: 41px;
   left: 0;
@@ -422,17 +450,17 @@ article > .content .left {
 
 .right .r-list .r-item {
   height: 165px;
-  padding-left: 16px;
+  padding: 16px 8px 16px 16px;
   overflow: hidden;
   color: #333;
   margin-top: 1px;
+  border-bottom: 1px solid #fff;
 }
 
 .right .r-list .r-item .r-item-title {
   font-weight: bold;
   height: 20px;
   line-height: 20px;
-  margin-top: 16px;
 }
 
 .right .r-list .r-item .r-item-content {
@@ -1125,13 +1153,13 @@ article > .content .left {
   border-bottom: none;
 }
 /* 自动建单 */
-#bx_eventClass{
-  width:100%;
+#bx_eventClass {
+  width: 100%;
   height: 100%;
   border: 0 none;
   padding: 5px 16px;
   color: #999;
 }
-.bx_eventClass{
-  padding:0!important;
+.bx_eventClass {
+  padding: 0 !important;
 }

login.html

@@ -30,7 +30,7 @@
                 <input id="pwd" type="password" placeholder="请输入密码">
                 <button id="login">登录</button>
                 <p>推荐使用Google浏览器，其他浏览器可能出现兼容性问题</p>
-                <p class="login_reset" style="color: #005395;">账号为您的学号(工号)，初始密码为您的学号（工号）后4位</p>
+                <!-- <p class="login_reset" style="color: #005395;">账号为您的学号(工号)，初始密码为您的学号（工号）后4位</p> -->
             </div>
             <div class="shadow">
                 <img src="./imgs/shadow_login.png" alt="">