回路信息 告警管理 头部 侧边栏等

package.json

@@ -17,6 +17,7 @@
     "axios": "0.18.1",
     "core-js": "3.6.5",
     "element-ui": "2.13.2",
+    "jquery": "^3.6.0",
     "js-cookie": "2.2.0",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",

src/assets/homeStatic/api/request.js

@@ -0,0 +1,80 @@
+//动态获取url
+//const URL = getUrl();
+//console.log('动态获取URL' + URL)
+
+// function getUrl(){
+//     return window.location.protocol+'//'+window.location.host
+// }
+
+//本地调试url
+const URL = "http://172.16.120.213:8080/";
+//const URL = "http://127.0.0.1:5500/";
+
+
+//这里登陆用户名、密码 写活？
+const LOGIN_NAME = "admin";
+const LOGIN_PASSWORD = "e10adc3949ba59abbe56e057f20f883e";
+
+
+const STATISTICS = "YtIoT/iot/alarm/view/getWjDataStatisticsList"; //数据统计查询
+//const STATISTICS = "data/statistics.json"; //数据统计查询
+
+const DEVICE_LIST = "YtIoT/iot/alarm/view/getWjDeviceList"; //设备列表查询
+//const DEVICE_LIST = "../data/deviceList.json";//设备列表查询
+
+const DEVICE_INFO_LIST = "YtIoT/iot/alarm/view/getWjDeviceInfoList" //设备详情查询
+
+const ALARM_LIST = "YtIoT/iot/alarm/view/getWjAlarmList"; //告警列表查询
+//const ALARM_LIST = "../data/alarmList.json";//告警列表查询
+
+const ALARM_HANDLE = "YtIoT/iot/alarm/view/updateWjAlarm";
+
+
+
+
+
+
+function ajaxRequest(path, method, data, success, error, type = 1) {
+
+    let url = URL + path;
+
+    let loginUser = {
+        "V_LOGINNAME": LOGIN_NAME,
+        "V_PASSWORD": LOGIN_PASSWORD,
+    }
+
+    if (type == 1) {
+        data.queryJson = JSON.stringify(loginUser);
+    } else {
+
+        let paramJson = {};
+
+        for (key in loginUser) {
+            paramJson[key] = loginUser[key];
+        }
+
+        for (key in data) {
+            paramJson[key] = data[key];
+        }
+
+        data = {}
+        data.queryJson = JSON.stringify(paramJson);
+    }
+
+
+    $.ajax({
+        async: false, //同步
+        data: data,
+        url: url,
+        type: method, //请求方式 post get delete put
+        dataType: "json",
+        beforeSend: function(XMLHttpRequest) {
+            // $("#loading").html("<img src='images/loading.gif' />")
+            // handlePreloader();
+            // $(".loadingdata").append('<div class="preloader"></div>');
+        },
+        success: success,
+        error: error
+    });
+
+}

src/assets/homeStatic/css/common.css

@@ -0,0 +1,279 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box
+}
+
+
+/* body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,pre,
+form, fieldset, legend, button, input, textarea,
+th, td,
+img{border:medium none;margin: 0;padding: 0;list-style-type: none;} */
+
+li {
+    list-style: none
+}
+
+a {
+    text-decoration: none;
+}
+
+input,
+select {
+    outline: none
+}
+
+table {
+    border-spacing: 0;
+}
+
+textarea {
+    resize: none;
+}
+
+.flex {
+    display: flex
+}
+
+.flex1 {
+    flex: 1
+}
+
+.flex2 {
+    flex: 1.94
+}
+
+.flex8 {
+    flex: 8
+}
+
+.flex10 {
+    flex: 10
+}
+
+.flex3 {
+    flex: 3
+}
+
+.flex9 {
+    flex: 9
+}
+
+.align-top {
+    vertical-align: top;
+}
+
+.align-left {
+    text-align: left;
+}
+
+.align-right {
+    text-align: right;
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+@font-face {
+    font-family: electronicFont;
+    src: url(../font/DS-DIGIT.TTF)
+}
+
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    margin: 0;
+    padding: 0;
+    background: url(../images/bg.png) no-repeat #000;
+    background-size: 100% 100%;
+    line-height: 1.15;
+    font-size: 0.175rem!important;
+    /* min-width:1280px;
+    min-height:700px;
+    height:100vh; */
+    /* background-size:contain; */
+}
+
+.color-green {
+    color: #37FF01!important
+}
+
+.color-blue {
+    color: #6F99FA!important
+}
+
+.color-red {
+    color: #FF5801!important
+}
+
+.color-yellow {
+    color: #EAF665!important
+}
+
+.color-orange {
+    color: #DE8C54!important
+}
+
+.color-default {
+    color: #31E9FF
+}
+
+.color-purple {
+    color: #8353FE
+}
+
+.unprocess,
+.offline {
+    color: #FF5801;
+}
+
+.processed,
+.online {
+    color: #37FF01
+}
+
+.necessary {
+    color: red
+}
+
+.relative {
+    position: relative;
+}
+
+.unshow {
+    opacity: 0;
+    cursor: default!important;
+}
+
+
+/* a.button{
+    padding: 0 0.3125rem;
+    display:inline-block;
+    color:#1BE9FF;
+    border:1px solid #31E9FF;
+    border-radius: 5px;
+    line-height: 0.35rem;
+    text-align:center;
+    background:#031252;
+    cursor:pointer;
+    font-size: 0.175rem
+
+} */
+
+@media screen and (max-width:1024px) {
+    html {
+        font-size: 42px !important
+    }
+}
+
+@media screen and (min-width:1920) {
+    html {
+        font-size: 80px !important
+    }
+}
+
+.loadingdata {
+    position: relative;
+    width: 100%;
+    height: 100%
+}
+
+.preloader {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 100%;
+    height: 100%;
+    z-index: 999999999999999;
+    background-color: #fff;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-image: url(../images/preloader.svg);
+}
+
+.txtBox span {
+    display: inline-block;
+    width: 114px;
+    font-weight: 400;
+    font-size: 14px;
+    vertical-align: top;
+}
+
+.txtBox span.choose-file {
+    display: inline-block;
+    position: absolute;
+    text-align: center;
+    width: 56px;
+    line-height: 20px;
+    background: #616F8C;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+}
+
+.choose-file input {
+    width: 56px;
+    right: 0;
+    top: 0;
+    overflow: hidden;
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+}
+
+.txtBox>div {
+    margin-bottom: 12px
+}
+
+.txtBox select,
+.txtBox input,
+.txtBox option {
+    width: 194px;
+    background-color: #34383f;
+    /* color:#fff; */
+    color: #aaa;
+    border: none;
+    line-height: 18px;
+    padding: 0 10px 0 5px;
+    font-size: 14px;
+}
+
+.txtBox textarea {
+    background-color: #34383f;
+    /* color:#fff; */
+    color: #aaa;
+    border: none;
+    padding: 5px;
+    width: 190px;
+}
+
+.xcConfirm .popBox .txtBox .bigIcon {
+    float: left;
+    margin-right: 20px;
+    width: 48px;
+    height: 48px;
+    /* background-image: url(../img/icons.png); */
+    background-repeat: no-repeat;
+    background-position: 48px 0;
+}
+
+.xcConfirm .popBox .txtBox p {
+    /* height: 84px;
+	margin-top: 16px;
+	line-height: 26px; */
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.xcConfirm .popBox .txtBox p input {
+    font-size: 18px;
+    margin-top: 6px;
+}
+
+.disabled {
+    pointer-events: none
+}

src/assets/homeStatic/css/index.css

@@ -0,0 +1,623 @@
+header {
+    width: 100%;
+    height: 1.3125rem;
+    text-align: center;
+    color: #00F6FF;
+    position: relative;
+    /* z-index:99 */
+}
+
+.header-logo {
+    /* height: 1.3125rem; */
+    /* top:0;
+   left:50%; */
+    height: 1.3125rem;
+    width: 100%;
+    background-image: url(../images/header-logo.png);
+    background-size: contain;
+    background-position: top center;
+    display: inline-block;
+    background-repeat: no-repeat
+}
+
+header .weather {
+    position: absolute;
+    top: .2rem;
+    left: .7rem;
+    font-size: .25rem;
+}
+
+header .weather span {
+    display: inline-block;
+    margin-right: 3px
+}
+
+header .showTime {
+    position: absolute;
+    top: .2rem;
+    right: .7rem;
+    font-size: .25rem;
+}
+
+.mainbox {
+    min-width: 1270px;
+    max-width: 1920px;
+    /* padding: .287rem .287rem 0; */
+    display: flex;
+    height: 100vh;
+    /* height:13.5rem; */
+    position: relative;
+}
+
+.mainbox .column {
+    flex: 3
+}
+
+.mainbox .column:nth-child(2) {
+    flex: 6;
+}
+
+.panel {
+    position: relative;
+    padding: .225rem;
+}
+
+.no h2,
+.panel h2 {
+    /* text-align: center; */
+    font-size: .175rem;
+    color: #fff;
+    margin-bottom: .225rem;
+    position: relative;
+}
+
+
+/* 搜索区域样式 */
+
+.choose-box {
+    position: absolute;
+    bottom: -0.0625rem;
+    right: 0;
+    font-size: .175rem
+}
+
+.choose-box select,
+.choose-box input {
+    border: 1px solid #036B77;
+    width: 2.05rem;
+    height: .3rem;
+    color: #fff;
+    line-height: .3rem;
+    background: rgba(0, 0, 0, 0);
+    margin-right: .125rem
+}
+
+.choose-box span {
+    display: inline-block;
+    margin-right: .125rem
+}
+
+a.button {
+    width: .6875rem;
+    height: .3rem;
+    line-height: .3rem;
+    text-align: center;
+    border: 1px solid #036B77;
+    color: #fff;
+    display: inline-block;
+    text-decoration: none;
+    background: #034854;
+    cursor: pointer;
+}
+
+.panel .chart {
+    height: 1.625rem;
+    display: flex;
+    justify-content: center;
+    align-items: center
+}
+
+.no {
+    height: 4.05rem;
+    overflow: hidden;
+    /* background-image: url(../images/no-bg.png) */
+    /* border:1px solid green */
+}
+
+.data-table-box table {
+    /* width: 10.262rem; */
+    width: 100%;
+    margin: 0 auto;
+    color: #fff;
+    font-weight: 400;
+    font-size: .175rem;
+    text-align: left;
+    width: 100%;
+    table-layout: fixed;
+}
+
+.data-table-box thead th {
+    font-size: 0.175rem;
+    /* line-height: 0.5rem; */
+    font-weight: 400;
+    padding: 0 .125rem;
+    line-height: .4rem;
+}
+
+.data-table-box table td {
+    padding: 0 .125rem;
+    line-height: .4rem;
+}
+
+.data-table-box table tr:nth-child(even) {
+    background: rgba(14, 25, 49, 0.20);
+}
+
+.data-table-box table tr:nth-child(odd) {
+    background: rgba(14, 25, 49, 0.40);
+}
+
+.data-table-box table tbody tr {
+    cursor: pointer
+}
+
+.data-table-box table tbody tr:hover,
+.data-table-box table tbody tr.selected {
+    background-color: rgb(14, 112, 203);
+}
+
+.scroll {
+    height: 2.3rem;
+    overflow-y: auto;
+}
+
+.device-table tr td:first-child,
+.device-table tr th:first-child {
+    width: 1.5rem
+}
+
+.device-table tr td:nth-child(2),
+.device-table tr th:nth-child(2) {
+    width: 1rem
+}
+
+.alarm-table tr td:first-child,
+.alarm-table tr th:first-child {
+    width: 2rem
+}
+
+.alarm-table tr td:nth-child(2),
+.alarm-table tr th:nth-child(2) {
+    width: 3.5rem
+}
+
+.alarm-table tr td:nth-child(3),
+.alarm-table tr th:nth-child(3) {
+    width: 1.3rem
+}
+
+.alarm-table tr td:nth-child(4),
+.alarm-table tr th:nth-child(4) {
+    width: 3.5rem
+}
+
+.alarm-table tr td:nth-child(5),
+.alarm-table tr th:nth-child(5) {
+    width: 2.5rem
+}
+
+.alarm-table tr td:nth-child(6),
+.alarm-table tr th:nth-child(6) {
+    width: 1rem
+}
+
+.map {
+    position: relative;
+    height: 7.55rem;
+    margin-bottom: .287rem;
+    /* background-size: 90% 90%;
+    background-position: bottom center;
+    background-image:url(../images/store.png);
+    background-repeat: no-repeat;
+    opacity: .5 */
+}
+
+.map .chart {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 5;
+    height: 10.125rem;
+    width: 100%
+}
+
+@keyframes rotate {
+    from {
+        transform: translate(-50%, -50%) rotate(0)
+    }
+    to {
+        transform: translate(-50%, -50%) rotate(360deg)
+    }
+}
+
+@keyframes rotate1 {
+    from {
+        transform: translate(-50%, -50%) rotate(0)
+    }
+    to {
+        transform: translate(-50%, -50%) rotate(-360deg)
+    }
+}
+
+.title-btn {
+    color: #fff;
+    width: 1.75rem;
+    line-height: .4rem;
+    background: rgba(0, 130, 255, .4);
+    border: 2px solid #0082ff;
+    border-radius: 10px;
+    text-align: center;
+    font-size: .25rem;
+    margin: .125rem auto
+}
+
+.total-squares {
+    margin: .175rem auto;
+    text-align: center
+}
+
+.total-square {
+    display: inline-block;
+    width: .55rem;
+    height: .55rem;
+    line-height: .55rem;
+    border: 1px solid rgba(0, 212, 233, .4);
+    font-size: .375rem;
+    color: #F6FF00
+}
+
+.yq-total {
+    font-size: .25rem;
+    color: #00D4E9;
+    text-align: center
+}
+
+.panel {
+    /* opacity: 0.8; */
+    background: linear-gradient(#003d83 0%, rgba(0, 61, 131, 0.25) 48%, #003d83 100%);
+    border: 1px solid #00f6ff;
+    border-radius: 10px;
+    box-shadow: 0px 0px 40px 0px rgba(0, 61, 131, 0.70) inset;
+}
+
+.data-table-box {
+    position: absolute;
+    bottom: .25rem;
+    /* bottom: 200px; */
+    width: 100%;
+    display: flex;
+    /* background:pink; */
+    /* border:1px solid pink; */
+    padding: 0 .25rem;
+    /* height:30vh */
+    /* height:3.5rem; */
+}
+
+.data-table-box .panel {
+    height: 3.5rem;
+    overflow: hidden
+    /* border:1px solid pink */
+}
+
+.data-table-box .column:first-child .panel {
+    margin-right: .25rem;
+}
+
+.data-statistic {
+    width: 3.5rem;
+    height: 6.5rem;
+    top: .7875rem;
+    left: .25rem;
+    position: absolute;
+}
+
+.data-statistic li {
+    display: inline-block;
+    color: #fff;
+    width: 1.375rem;
+    border: 1px solid red;
+    background: rgba(0, 106, 94, 0.50);
+    border: 1px solid #039aa0;
+    text-align: center;
+    padding: .15rem 0;
+    margin-bottom: .25rem
+}
+
+.data-statistic li:nth-child(odd) {
+    margin-right: .15rem
+}
+
+.digit-num {
+    font-size: .375rem;
+    font-family: "electronicFont";
+}
+
+.digit-des {
+    font-size: .15rem;
+    color: #fff;
+    margin-top: .0875rem
+}
+
+
+/* 声明字体*/
+
+@font-face {
+    font-family: electronicFont;
+    src: url(../font/DS-DIGIT.TTF);
+}
+
+#map1 {
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+    position: fixed;
+    top: 0;
+    left: 0
+}
+
+.layui-layer {
+    background: rgba(0, 0, 0, 0)!important
+}
+
+.dataOut {
+    /* transform:scale(.5); */
+    width: 100%;
+    height: 100%;
+    width: 638px;
+    height: 620px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -310px;
+    margin-left: -319px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+.masker {
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, .5);
+    display: block;
+    position: absolute;
+    top: 0
+}
+
+@media(max-width:1440px) {
+    .dataOut {
+        transform: scale(.8);
+    }
+}
+
+
+/* 设备详情弹框 */
+
+.deviceDetailOut {
+    display: none
+}
+
+.deviceDetailOut .dataOut {
+    background-image: url(../images/deviceOut-bg.png);
+}
+
+.dataOut .ttBox {
+    padding: 25px 20px;
+    cursor: move;
+    /* border: 1px solid pink */
+}
+
+.dataOut .ttBox .tt {
+    font-size: 14px;
+    display: block;
+    color: #01FBF6
+}
+
+.dataOut .ttBox .clsBtn {
+    display: block;
+    color: black;
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+    position: absolute;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 24px;
+    top: 20px;
+    right: 20px;
+    background: #01FBF6;
+}
+
+.dataOut .ttBox .clsBtn img {
+    width: 24px;
+    height: 24px;
+}
+
+.timeTitle {
+    color: #fff;
+    width: 100%;
+    text-align: center;
+    font-size: 14px;
+}
+
+.deviceDetailOut ul {
+    position: absolute;
+    top: 167px;
+}
+
+.deviceDetailOut ul.leftUl {
+    left: 117px;
+}
+
+.deviceDetailOut ul.rightUl {
+    left: 457px;
+}
+
+.deviceDetailOut ul li {
+    width: 70px;
+    height: 34px;
+    line-height: 34px;
+    text-align: center;
+    background: pink;
+    margin-bottom: 20px;
+    font-size: 14px;
+    opacity: .5
+}
+
+.alarmHanleOut {
+    display: none
+}
+
+.alarmHanleOut .dataOut {
+    background-image: url(../images/alarm-handle-bg.png);
+}
+
+.alarmHanleOut .txtBox {
+    padding: 20px 50px
+}
+
+.alarmHanleOut .txtBox span {
+    width: 110px;
+    color: #fff;
+    font-size: 14px;
+    display: inline-block;
+    text-align: right;
+    /* line-height:34px; */
+    margin-right: 10px;
+    vertical-align: middle;
+}
+
+.alarmHanleOut .txtBox input {
+    width: 400px;
+    line-height: 34px;
+    font-size: 14px;
+    /* color:#fff; */
+    border: 1px solid #016F6D;
+    background: #555555;
+    outline: none;
+}
+
+input::-webkit-input-placeholder {
+    color: rgba(255, 255, 255, .7)!important;
+}
+
+input::-moz-input-placeholder {
+    color: rgba(255, 255, 255, .7)!important;
+}
+
+input::-ms-input-placeholder {
+    color: rgba(255, 255, 255, .7)!important;
+}
+
+.error-radio .layui-form-item {
+    display: inline-block;
+    margin-bottom: 0;
+    color: #fff;
+    line-height: 34px;
+}
+
+.error-radio .layui-input-block {
+    margin-left: 0
+}
+
+.error-radio .layui-form-radio {
+    margin: 0;
+    width: 80px;
+    line-height: 20px;
+}
+
+.error-radio .layui-form-radioed>i,
+.error-radio .layui-form-radio>i:hover {
+    color: #01FBF6
+}
+
+.error-radio .layui-anim-scaleSpring {
+    -webkit-animation-name: none;
+    animation-name: none;
+}
+
+.error-radio .layui-input-block {
+    min-height: auto;
+}
+
+.error-radio .layui-form-radio>i {
+    font-size: 14px;
+}
+
+.dataOut .btnArea {
+    position: absolute;
+    bottom: 43px;
+    width: 100%;
+    text-align: center
+}
+
+.dataOut .btnGroup {
+    padding: 5px;
+}
+
+.dataOut .btnGroup img {
+    position: absolute;
+    left: 5px;
+    top: 5px;
+}
+
+.dataOut .sgBtn {
+    display: inline-block;
+    cursor: pointer;
+    width: 75px;
+    line-height: 20px;
+    text-align: center;
+    color: #FFFFFF;
+    border-radius: 5px;
+}
+
+.dataOut .sgBtn:hover {
+    opacity: .7
+}
+
+.dataOut .sgBtn.ok {
+    margin-right: 100px
+}
+
+.dataOut .sgBtn.ok,
+.dataOut .sgBtn.cancel,
+.dataOut .sgBtn.cancel2 {
+    width: 92px;
+    line-height: 34px;
+    position: relative;
+    color: #fff;
+    background: #00BCB8;
+    border-radius: 3px;
+    font-size: 14px;
+}
+
+#drop_area {
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 114px;
+    text-align: center;
+}
+
+
+/* 地图撒点样式 */
+
+#detail_info {
+    padding: 0px 8px;
+}
+
+.info-text {
+    display: inline-block;
+    color: #00F6FF;
+    width: 70px;
+    text-align: right
+}

src/assets/homeStatic/css/myImages.css

@@ -0,0 +1,6702 @@
+.usky_menu .x-btn-inner {
+    font-size: 16px;
+    padding: 0 10 0 10;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.x-btn-inner {
+    heigh: 24px;
+    inner-height: 24px;
+}
+
+.usky_menu .x-menu-item-text {
+    font-size: 16px;
+    padding: 0 10 0 10;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+
+/* @font-face {
+    font-family: 'UnidreamLED';
+    src:url(UnidreamLED/UnidreamLED.eot);
+    src:url(UnidreamLED/UnidreamLED.eot?#iefix)format('embedded-opentype'), 
+    url('UnidreamLED/UnidreamLED.woff') format('woff'), 
+    local('UnidreamLED'), url("UnidreamLED/UnidreamLED.woff");
+} */
+
+.x-btn-default-small-menu-active .x-btn-inner {
+    color: #ffffff;
+    background-color: #0e70cb;
+    border-color: #0e70cb;
+    background-image: -webkit-linear-gradient(top, #0e70cb, #0e70cb);
+}
+
+.x-menu-item-active .x-menu-item-link {
+    color: #ffffff;
+    background-color: #0e70cb;
+    border-color: #0e70cb;
+    background-image: -webkit-linear-gradient(top, #0e70cb, #0e70cb);
+}
+
+.amap-marker .amap-marker-content div {
+    font-family: DS-Digital-Italic;
+    color: #ffffff!important;
+    font-size: 12px!important;
+}
+
+.x-btn-arrow {
+    color: #47ccfd;
+    font-size: 20px;
+}
+
+.usky_btn {
+    background: url(usky/usky.png) left top no-repeat !important;
+}
+
+.usky_logo {
+    background: url(usky/logo.png) left top no-repeat !important
+}
+
+.ok_btn {
+    background: url(common/famicons/accept.png) left top no-repeat !important;
+}
+
+.cancel_btn {
+    background: url(common/famicons/cancel.png) left top no-repeat !important;
+}
+
+.filter_btn {
+    background: url(common/filter-x.gif) left top no-repeat !important;
+}
+
+.back_btn {
+    background: url(common/back.gif) left top no-repeat !important;
+}
+
+.append_btn {
+    background: url(common/famicons/add.png) left top no-repeat !important;
+}
+
+.modify_btn {
+    background: url(common/famicons/application_edit.png) left top no-repeat !important;
+}
+
+.delete_btn {
+    background: url(common/famicons/application_form_delete.png) left top no-repeat !important;
+}
+
+.export_btn {
+    background: url(common/save.gif) left top no-repeat !important;
+}
+
+.menu_access_btn {
+    background: url(usky/menu_access_btn.png) left top no-repeat !important;
+}
+
+.menu_alarm_btn {
+    background: url(usky/menu_alarm_btn.png) left top no-repeat !important;
+}
+
+.menu_around_btn {
+    background: url(usky/menu_around_btn.png) left top no-repeat !important;
+}
+
+.main_device_btn {
+    background: url(common/device_main.png) left top no-repeat !important;
+}
+
+.menu_data_btn {
+    background: url(usky/menu_data_btn.png) left top no-repeat !important;
+}
+
+.menu_device_btn {
+    background: url(usky/menu_device_btn.png) left top no-repeat !important;
+}
+
+.menu_efire_btn {
+    background: url(usky/menu_efire_btn.png) left top no-repeat !important;
+}
+
+.menu_fire_btn {
+    background: url(usky/menu_fire_btn.png) left top no-repeat !important;
+}
+
+.menu_frontpage_btn {
+    background: url(usky/menu_frontpage_btn.png) left top no-repeat !important;
+}
+
+.menu_map_btn {
+    background: url(usky/menu_map_btn.png) left top no-repeat !important;
+}
+
+.menu_power_btn {
+    background: url(usky/menu_power_btn.png) left top no-repeat !important;
+}
+
+.menu_statistics_btn {
+    background: url(usky/menu_statistics_btn.png) left top no-repeat !important;
+}
+
+.menu_sysinfo_btn {
+    background: url(usky/menu_sysinfo_btn.png) left top no-repeat !important;
+}
+
+.menu_theme_btn {
+    background: url(usky/menu_theme_btn.png) left top no-repeat !important;
+}
+
+.menu_view_btn {
+    background: url(usky/menu_view_btn.png) left top no-repeat !important;
+}
+
+.menu_water_btn {
+    background: url(usky/menu_water_btn.png) left top no-repeat !important;
+}
+
+.menu_work_btn {
+    background: url(usky/menu_work_btn.png) left top no-repeat !important;
+}
+
+.setup_building_btn {
+    background: url(usky/setup_building_btn.png) left top no-repeat !important;
+}
+
+.setup_company_btn {
+    background: url(usky/setup_company_btn.png) left top no-repeat !important;
+}
+
+.setup_interface_btn {
+    background: url(usky/setup_interface_btn.png) left top no-repeat !important;
+}
+
+.setup_iotcard_btn {
+    background: url(usky/setup_iotcard_btn.png) left top no-repeat !important;
+}
+
+.setup_permission_btn {
+    background: url(usky/setup_permission_btn.png) left top no-repeat !important;
+}
+
+.setup_permissiongroup_btn {
+    background: url(usky/setup_permissiongroup_btn.png) left top no-repeat !important;
+}
+
+.setup_pno_btn {
+    background: url(usky/setup_pno_btn.png) left top no-repeat !important;
+}
+
+.setup_unit_btn {
+    background: url(usky/setup_unit_btn.png) left top no-repeat !important;
+}
+
+.setup_user_btn {
+    background: url(usky/setup_user_btn.png) left top no-repeat !important;
+}
+
+.sysinfo_point_btn {
+    background: url(usky/sysinfo_point_btn.png) left top no-repeat !important;
+}
+
+.sysinfo_runtime_btn {
+    background: url(usky/sysinfo_runtime_btn.png) left top no-repeat !important;
+}
+
+.sysinfo_server_btn {
+    background: url(usky/sysinfo_server_btn.png) left top no-repeat !important;
+}
+
+.user_change_btn {
+    background: url(usky/user_change_btn.png) left top no-repeat !important;
+}
+
+.user_logout_btn {
+    background: url(usky/user_logout_btn.png) left top no-repeat !important;
+}
+
+.user_password_btn {
+    background: url(usky/user_password_btn.png) left top no-repeat !important;
+}
+
+.view_level_btn {
+    background: url(usky/view_level_btn.png) left top no-repeat !important;
+}
+
+.view_scope_btn {
+    background: url(usky/view_scope_btn.png) left top no-repeat !important;
+}
+
+.view_sound_btn {
+    background: url(usky/view_sound_btn.png) left top no-repeat !important;
+}
+
+.back_btn {
+    background: url(common/famicons/arrow_left.png) left top no-repeat !important;
+}
+
+.alarm_pie_var {
+    margin: 0px;
+    overflow: hidden;
+    z-index: 1000;
+    position: absolute;
+    top: 100px;
+    left: 20px;
+    border: 0px solid #000;
+}
+
+.device_pie_bar {
+    margin: 0px;
+    overflow: hidden;
+    z-index: 1000;
+    position: absolute;
+    top: 100px;
+    right: 20px;
+    border: 0px solid #000;
+}
+
+.pie_total {
+    color: #DDDF0D;
+    text-shadow: 1px 1px 2px #888, 0 0 0 #000;
+    font-size: 24px;
+}
+
+.pie_normal {
+    color: #31e9ff;
+    text-shadow: 1px 1px 2px #888, 0 0 0 #000;
+    font-size: 24px;
+}
+
+.pie_abnormal {
+    color: #f66167;
+    text-shadow: 1px 1px 2px #888, 0 0 0 #000;
+    font-size: 24px;
+}
+
+.shadow_black_bak {
+    text-shadow: 1px 1px 2px #888, 0 0 0 #000;
+}
+
+.shadow_white_bak {
+    text-shadow: 1px 1px 2px #FFF, 0 0 0 #000;
+}
+
+.alarm_wrapper {
+    font-family: 微软雅黑, Microsoft YaHei;
+    margin-top: 5px;
+    position: absolute;
+    top: 10px;
+    left: 70px;
+    width: 660px;
+    z-index: 1000;
+    border: 0px solid #000;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.alarm_warpper_table {
+    border: none;
+    width: 800px;
+    height: 58px;
+    z-index: 1000;
+    position: absolute;
+    top: 22px;
+    left: 560px;
+    overflow: hidden;
+    border-collapse: collapse;
+}
+
+.sub_wrapper_table {
+    border: none;
+    width: 730px;
+    height: 58px;
+    z-index: 999;
+    position: absolute;
+    top: 0px;
+    left: 35px;
+    overflow: hidden;
+    margin: 0px;
+    padding: 0px;
+    overflow: hidden;
+    border-collapse: collapse;
+}
+
+.toplevel {
+    z-index: 20000;
+}
+
+.x-item-disabled-new {
+    background: rgba(0, 0, 0, 0);
+    color: #ffffff;
+}
+
+.active_company {
+    border: 1px solid rgba(64, 85, 98, 0.7);
+    background: rgba(64, 85, 98, 0.3);
+}
+
+.saerch_company_list {
+    width: 300px;
+    z-index: 1001;
+    font-size: 14px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    position: absolute;
+    top: 80px;
+    right: 200px;
+}
+
+.bar5 {
+    background: rgba(0, 0, 0, 0.0);
+    z-index: 1001;
+    position: absolute;
+    top: 50px;
+    right: 200px;
+    color: rgba(255, 255, 255, 0.3);
+}
+
+.bar5 input,
+.bar5 button {
+    background: transparent;
+}
+
+.bar5 input {
+    border: 2px solid #27c5ff;
+    border-radius: 10px;
+    font-size: 14px;
+    width: 300px;
+    color: rgba(255, 255, 255, 0.5);
+    height: 30px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.bar input::-webkit-input-placeholder {
+    color: rgba(255, 255, 255, 0.3);
+}
+
+.bar input::-moz-placeholder {
+    color: rgba(255, 255, 255, 0.3);
+}
+
+.bar input:-moz-placeholder {
+    color: rgba(255, 255, 255, 0.3);
+}
+
+.bar input:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.3);
+}
+
+.bar5 input:focus {
+    color: rgba(255, 255, 255, 1);
+}
+
+.bar5_clear {
+    background: url(common/close-tmp.gif) no-repeat 50% 50%;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+    filter: gray;
+    width: 28px;
+    height: 28px;
+    z-index: 1001;
+    position: absolute;
+    top: 1px;
+    right: 2px;
+    cursor: "pointer";
+}
+
+.x-panel-header-new {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.0);
+    height: 0px;
+    overflow: hidden;
+}
+
+.operation_body {
+    height: 498px;
+    background: url(operation_bg.png) repeat-x;
+    overflow: hidden;
+}
+
+.operation_dock_l {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    width: 118px;
+    height: 462px;
+    background: url(operation_docker_l.png) no-repeat;
+}
+
+.operation_dock_r {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 118px;
+    height: 462px;
+    background: url(operation_docker_r.png) no-repeat;
+}
+
+.operation_title_icon {
+    position: absolute;
+    top: 86px;
+    left: 91px;
+}
+
+.operation_title_text {
+    position: absolute;
+    top: 100px;
+    left: 146px;
+    width: 300px;
+    height: 30px;
+    font-size: 24px;
+    color: #6dcffc;
+    z-index: 1;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_1 {
+    position: absolute;
+    top: 185px;
+    left: 90px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_2 {
+    position: absolute;
+    top: 255px;
+    left: 90px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_3 {
+    position: absolute;
+    top: 325px;
+    left: 90px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_4 {
+    position: absolute;
+    top: 395px;
+    left: 90px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_num_1 {
+    position: absolute;
+    top: 166px;
+    left: 146px;
+    color: #ffffff;
+    font-size: 34px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_2 {
+    position: absolute;
+    top: 236px;
+    left: 146px;
+    color: #31e9ff;
+    font-size: 34px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_3 {
+    position: absolute;
+    top: 306px;
+    left: 146px;
+    color: #f66167;
+    font-size: 34px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_4 {
+    position: absolute;
+    top: 376px;
+    left: 146px;
+    color: #f6ff67;
+    font-size: 34px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_label_11 {
+    position: absolute;
+    top: 185px;
+    left: 90px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_12 {
+    position: absolute;
+    top: 255px;
+    left: 90px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_13 {
+    position: absolute;
+    top: 325px;
+    left: 90px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_14 {
+    position: absolute;
+    top: 185px;
+    left: 444px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_15 {
+    position: absolute;
+    top: 255px;
+    left: 444px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_label_16 {
+    position: absolute;
+    top: 325px;
+    left: 444px;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_num_11 {
+    position: absolute;
+    top: 166px;
+    left: 186px;
+    color: #ffffff;
+    font-size: 34px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_12 {
+    position: absolute;
+    top: 166px;
+    left: 500px;
+    color: #31e9ff;
+    display: flex;
+    justify-content: left;
+    align-items: Center;
+    font-size: 20px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_13 {
+    position: absolute;
+    top: 236px;
+    left: 186px;
+    color: #f66167;
+    font-size: 34px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_14 {
+    position: absolute;
+    top: 236px;
+    left: 500px;
+    color: #31e9ff;
+    display: flex;
+    justify-content: left;
+    align-items: Center;
+    font-size: 20px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_15 {
+    position: absolute;
+    top: 306px;
+    left: 186px;
+    color: #f6ff67;
+    font-size: 34px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_num_16 {
+    position: absolute;
+    top: 306px;
+    left: 500px;
+    color: #31e9ff;
+    display: flex;
+    justify-content: left;
+    align-items: Center;
+    font-size: 20px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    width: 212px;
+    height: 47px;
+    background: url(operation_item.png) no-repeat;
+    padding: 2px 0px 0px 9px;
+}
+
+.operation_pie_bg {
+    position: absolute;
+    top: 116px;
+    left: 410px;
+    width: 280px;
+    height: 280px;
+    background: url(operation_pie_bg.gif) no-repeat;
+}
+
+.operation_pie {
+    position: absolute;
+    top: 158px;
+    left: 452px;
+    width: 196px;
+    height: 196px;
+    z-index: 100;
+}
+
+.operation_pie_title {
+    position: absolute;
+    top: 365px;
+    left: 526px;
+    width: 70px;
+    height: 20px;
+    z-index: 200;
+    color: #dcdcdc;
+    font-size: 16px;
+    font-family: 微软雅黑, Microsoft YaHei;
+}
+
+.operation_area_bg {
+    position: absolute;
+    top: 57px;
+    left: 750px;
+    width: 1100px;
+    height: 384px;
+    background: url(operation_area_bg.gif) no-repeat;
+}
+
+.operation_area {
+    position: absolute;
+    top: 116px;
+    left: 800px;
+    width: 1011px;
+    height: 300px;
+    z-index: 200;
+}
+
+.fp_backbtn {
+    position: absolute;
+    top: 90px;
+    left: 100px;
+    z-index: 500;
+    width: 133px;
+    height: 46px;
+    background: url(back.png) no-repeat;
+    display: none;
+    cursor: pointer;
+}
+
+.mask_left {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 630px;
+    z-index: 200;
+    background: url(mask_l.png) repeat-y;
+}
+
+.mask_right {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    width: 630px;
+    z-index: 200;
+    background: url(mask_r.png) repeat-y;
+}
+
+.mask_top {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100px;
+    z-index: 200;
+    background: url(mask_t.png) repeat-x;
+}
+
+.mask_bottom {
+    position: absolute;
+    left: 0px;
+    height: 100px;
+    z-index: 200;
+    background: url(mask_b.png) repeat-x;
+}
+
+.map_header {
+    position: absolute;
+    top: 0px;
+    width: 740px;
+    height: 0px;
+    z-index: 1000;
+    background: url(icons/map_header2.png) no-repeat center top;
+    /*background: url(03index/map_header_frame.png) no-repeat center top;*/
+}
+
+.amap-marker-label {
+    border: 0;
+    background-color: rgba(0, 0, 0, 0.0);
+}
+
+.info {
+    position: relative;
+    top: 0;
+    right: 0;
+    min-width: 0;
+    color: #31e9ff;
+    /* border-left: 2px solid #50f7ed;
+    border-bottom: 2px solid #50f7ed; */
+    font-size: 16px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    border-image: -webkit-linear-gradient(70deg, #50f7ed, transparent) 0 0 2 2;
+    border-image: -moz-linear-gradient(70deg, #50f7ed, transparent) 0 0 2 2;
+    border-image: linear-gradient(70deg, #50f7ed, transparent) 0 0 2 2;
+    background-color: rgba(16, 56, 110, 0.6);
+}
+
+.info_label {
+    margin: 0px;
+    padding: 0px;
+    font-size: 16px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    border-image: -webkit-linear-gradient(left, transparent, #50f7ed, transparent) 2 0 0 0;
+    border-image: -moz-linear-gradient(left, transparent, #50f7ed, transparent) 2 0 0 0;
+    border-image: linear-gradient(left, transparent, #50f7ed, transparent) 2 0 0 0;
+    background-color: transparent;
+}
+
+.info_title {
+    position: absolute;
+    top: 4px;
+    left: 50%;
+    text-align: center;
+    /* left: 87px; */
+    margin-left: -50px;
+    width: 100px;
+    font-size: 12px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    /* color:#31e9ff; */
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.info_body0 {
+    /* position: absolute; */
+    margin-top: 40px;
+    margin-bottom: 3px;
+    line-height: 16px;
+    margin-left: 5px;
+    color: #ffffff;
+    font-size: 12px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    overflow: hidden;
+}
+
+.info_body1 {
+    /* position: absolute; */
+    top: 60px;
+    left: 10px;
+    margin-bottom: 3px;
+    line-height: 16px;
+    margin-left: 5px;
+    color: #ffffff;
+    font-size: 12px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    overflow: hidden;
+}
+
+.info_body2 {
+    /* position: absolute; */
+    top: 86px;
+    left: 10px;
+    margin-bottom: 3px;
+    line-height: 16px;
+    margin-left: 5px;
+    color: #ffffff;
+    font-size: 12px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    overflow: hidden;
+}
+
+.info_body3 {
+    /* position: absolute; */
+    margin-bottom: 3px;
+    line-height: 16px;
+    margin-left: 5px;
+    top: 112px;
+    left: 10px;
+    color: #ffffff;
+    font-size: 12px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.info_btn {
+    position: absolute;
+    top: 156px;
+    left: 66px;
+    width: 66px;
+    height: 24px;
+    cursor: pointer;
+    background-color: #7FEEFF;
+    text-align: center;
+    color: #0f386e;
+    font-size: 12px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    padding-top: 2px;
+    border-radius: 4px;
+}
+
+.alarm_btn {
+    position: absolute;
+    top: 156px;
+    left: 138px;
+    width: 66px;
+    height: 24px;
+    cursor: pointer;
+    background-color: #7FEEFF;
+    text-align: center;
+    color: #0f386e;
+    font-size: 12px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    padding-top: 2px;
+    border-radius: 4px;
+}
+
+.company_building_return {
+    position: absolute;
+    top: 56px;
+    right: 66px;
+    width: 66px;
+    height: 24px;
+    cursor: pointer;
+    background-color: #7FEEFF;
+    text-align: center;
+    color: #0f386e;
+    font-size: 12px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    padding-top: 2px;
+    border-radius: 4px;
+}
+
+.today_team_btn {
+    position: absolute;
+    top: 156px;
+    left: 210px;
+    width: 66px;
+    height: 24px;
+    cursor: pointer;
+    background-color: #7FEEFF;
+    text-align: center;
+    color: #0f386e;
+    font-size: 12px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    padding-top: 2px;
+    border-radius: 4px;
+}
+
+.alarm_div {
+    width: 179px;
+    height: 200px;
+    background-color: yellow;
+}
+
+.data_bar_title {
+    font-size: 16px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    color: #ffffff;
+    height: 32px;
+    cursor: pointer;
+}
+
+.data_bar_total_label {
+    font-size: 12px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    color: #ffffff;
+    height: 32px;
+    cursor: pointer;
+}
+
+.data_bar_total_number {
+    font-size: 18px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    color: #31e9ff;
+    height: 32px;
+    cursor: pointer;
+}
+
+.data_bar_alarm_label {
+    font-size: 12px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    color: #ffffff;
+    height: 42px;
+    cursor: pointer;
+}
+
+.data_bar_alarm_number {
+    font-size: 18px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    color: #f66167;
+    height: 42px;
+    cursor: pointer;
+}
+
+.align_right {
+    text-align: right;
+}
+
+.device_info_title {
+    margin-top: 15px;
+    font-size: 16px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    color: #ffffff;
+    cursor: pointer;
+}
+
+.device_info {
+    font-size: 10px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    color: #ffffff;
+    cursor: pointer;
+}
+
+.device_confirm_num0 {
+    color: #ffffff;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+.device_confirm_num1 {
+    color: #5ee7b8;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+.device_confirm_num2 {
+    color: #ea924a;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+.device_confirm_num3 {
+    color: #ffffff;
+    font-size: 14px;
+    cursor: pointer;
+}
+
+.red_color {
+    color: #f66167
+}
+
+.default_color {
+    color: #000000
+}
+
+.data_bar_area {
+    top: 70px;
+    left: 34px;
+    position: absolute;
+    z-index: 800;
+    overflow-x: none;
+    overflow-y: auto;
+    width: 386px;
+    height: 891px;
+    cursor: pointer;
+}
+
+.data_bar_area::-webkit-scrollbar {
+    width: 6px;
+    height: 100%;
+}
+
+.data_bar_area::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 60px;
+    background-color: rgba(0, 130, 255, 0.6);
+    border-radius: 5px;
+}
+
+.data_bar_area::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.alarm_tab_area {
+    position: absolute;
+    right: 60px;
+    top: 100px;
+    width: 476px;
+    z-index: 500;
+    overflow-x: none;
+    overflow-y: auto;
+}
+
+.alarm_tab_area::-webkit-scrollbar {
+    width: 6px;
+    height: 100%;
+}
+
+.alarm_tab_area::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 60px;
+    background-color: rgba(0, 130, 255, 0.6);
+    border-radius: 5px;
+}
+
+.alarm_tab_area::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.alarm_tab {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 456px;
+    height: 132px;
+    background: url(icons/alarm_tab.png) no-repeat;
+    z-index: 500;
+    cursor: pointer;
+}
+
+.alarm_tab_title {
+    position: absolute;
+    top: 24px;
+    left: 38px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 16px;
+    font-weight: bold;
+    color: #31e9ff;
+    width: 320px;
+}
+
+.alarm_tab_time {
+    position: absolute;
+    top: 50px;
+    left: 38px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    color: #dcdcdc;
+    width: 270px;
+}
+
+.alarm_tab_data {
+    position: absolute;
+    top: 70px;
+    left: 38px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    color: #dcdcdc;
+    width: 270px;
+    height: 30px;
+}
+
+.alarm_tab_icon {
+    position: absolute;
+    top: 33px;
+    right: 56px;
+}
+
+.alarm_icon_01 {
+    background: url(icons/alarm_tab_01.gif) no-repeat;
+}
+
+.alarm_icon_02 {
+    background: url(icons/alarm_tab_02.gif) no-repeat;
+}
+
+.alarm_icon_03 {
+    background: url(icons/alarm_tab_03.gif) no-repeat;
+}
+
+.alarm_icon_04 {
+    background: url(icons/alarm_tab_04.gif) no-repeat;
+}
+
+.map_btn {
+    cursor: pointer;
+    z-index: 500;
+}
+
+
+/*左边按钮样式
+.map_btn_bigger_off {
+	position:absolute;
+	bottom:66px;
+	left:60px;
+	width:21px;
+	height:21px;
+	background:url(icons/bigger_off.png) no-repeat;
+}
+
+.map_btn_bigger_on {
+	position:absolute;
+	bottom:66px;
+	left:60px;
+	width:21px;
+	height:21px;
+	background:url(icons/bigger_on.png) no-repeat;
+}
+
+.map_btn_smaller_off {
+	position:absolute;
+	bottom:66px;
+	left:90px;
+	width:21px;
+	height:21px;
+	background:url(icons/smaller_off.png) no-repeat;
+}
+
+.map_btn_smaller_on {
+	position:absolute;
+	bottom:66px;
+	left:90px;
+	width:21px;
+	height:21px;
+	background:url(icons/smaller_on.png) no-repeat;
+}
+
+.map_btn_showlaebl_off {
+	position:absolute;
+	bottom:61px;
+	left:130px;
+	width:101px;
+	height:31px;
+	background:url(icons/show_label_off.png) no-repeat;
+}
+
+.map_btn_showlaebl_on {
+	position:absolute;
+	bottom:61px;
+	left:130px;
+	width:101px;
+	height:31px;
+	background:url(icons/show_label_on.png) no-repeat;
+}
+
+.map_btn_hidelabel {
+	position:absolute;
+	bottom:61px;
+	left:130px;
+	width:101px;
+	height:31px;
+	background:url(icons/hide_label.png) no-repeat;
+}
+
+.map_btn_left_off {
+	position:absolute;
+	bottom:61px;
+	left:241px;
+	width:80px;
+	height:31px;
+	background:url(icons/map_left_off.png) no-repeat;
+}
+
+.map_btn_left_on {
+	position:absolute;
+	bottom:61px;
+	left:241px;
+	width:80px;
+	height:31px;
+	background:url(icons/map_left_on.png) no-repeat;
+}
+
+.map_btn_right_off {
+	position:absolute;
+	bottom:61px;
+	left:331px;
+	width:80px;
+	height:31px;
+	background:url(icons/map_right_off.png) no-repeat;
+}
+
+.map_btn_right_on {
+	position:absolute;
+	bottom:61px;
+	left:331px;
+	width:80px;
+	height:31px;
+	background:url(icons/map_right_on.png) no-repeat;
+}
+
+.map_btn_high_off {
+	position:absolute;
+	bottom:61px;
+	left:421px;
+	width:80px;
+	height:31px;
+	background:url(icons/view_high_off.png) no-repeat;
+}
+
+.map_btn_high_on {
+	position:absolute;
+	bottom:61px;
+	left:421px;
+	width:80px;
+	height:31px;
+	background:url(icons/view_high_on.png) no-repeat;
+}
+
+.map_btn_low_off {
+	position:absolute;
+	bottom:61px;
+	left:511px;
+	width:80px;
+	height:31px;
+	background:url(icons/view_low_off.png) no-repeat;
+}
+
+.map_btn_low_on {
+	position:absolute;
+	bottom:61px;
+	left:511px;
+	width:80px;
+	height:31px;
+	background:url(icons/view_low_on.png) no-repeat;
+}
+*/
+
+.map_btn_bigger_off {
+    position: absolute;
+    bottom: 66px;
+    right: 605px;
+    width: 21px;
+    height: 21px;
+    background: url(icons/bigger_off.png) no-repeat;
+}
+
+.map_btn_bigger_on {
+    position: absolute;
+    bottom: 66px;
+    right: 605px;
+    width: 21px;
+    height: 21px;
+    background: url(icons/bigger_on.png) no-repeat;
+}
+
+.map_btn_smaller_off {
+    position: absolute;
+    bottom: 66px;
+    right: 575px;
+    width: 21px;
+    height: 21px;
+    background: url(icons/smaller_off.png) no-repeat;
+}
+
+.map_btn_smaller_on {
+    position: absolute;
+    bottom: 66px;
+    right: 575px;
+    width: 21px;
+    height: 21px;
+    background: url(icons/smaller_on.png) no-repeat;
+}
+
+.map_btn_showlaebl_off {
+    position: absolute;
+    bottom: 61px;
+    right: 455px;
+    width: 101px;
+    height: 31px;
+    background: url(icons/show_label_off.png) no-repeat;
+}
+
+.map_btn_showlaebl_on {
+    position: absolute;
+    bottom: 61px;
+    right: 455px;
+    width: 101px;
+    height: 31px;
+    background: url(icons/show_label_on.png) no-repeat;
+}
+
+.map_btn_hidelabel {
+    position: absolute;
+    bottom: 61px;
+    right: 455px;
+    width: 101px;
+    height: 31px;
+    background: url(icons/hide_label.png) no-repeat;
+}
+
+.map_btn_left_off {
+    position: absolute;
+    bottom: 61px;
+    right: 365px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/map_left_off.png) no-repeat;
+}
+
+.map_btn_left_on {
+    position: absolute;
+    bottom: 61px;
+    right: 365px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/map_left_on.png) no-repeat;
+}
+
+.map_btn_right_off {
+    position: absolute;
+    bottom: 61px;
+    right: 275px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/map_right_off.png) no-repeat;
+}
+
+.map_btn_right_on {
+    position: absolute;
+    bottom: 61px;
+    right: 275px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/map_right_on.png) no-repeat;
+}
+
+.map_btn_high_off {
+    position: absolute;
+    bottom: 61px;
+    right: 185px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/view_high_off.png) no-repeat;
+}
+
+.map_btn_high_on {
+    position: absolute;
+    bottom: 61px;
+    right: 185px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/view_high_on.png) no-repeat;
+}
+
+.map_btn_low_off {
+    position: absolute;
+    bottom: 61px;
+    right: 95px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/view_low_off.png) no-repeat;
+}
+
+.map_btn_low_on {
+    position: absolute;
+    bottom: 61px;
+    right: 95px;
+    width: 80px;
+    height: 31px;
+    background: url(icons/view_low_on.png) no-repeat;
+}
+
+.alarm_tab_pingfen {
+    position: absolute;
+    top: 620px;
+    left: 50px;
+    width: 420px;
+    height: 220px;
+    background: url(mange-item-new-new.png) no-repeat;
+}
+
+.alarm_tab_pingfenChart {
+    position: absolute;
+    top: 20px;
+    left: 0px;
+    width: 170px;
+    height: 160px;
+}
+
+.alarm_tab_pingfenTitle {
+    position: absolute;
+    top: 24px;
+    left: 216px;
+    font-Size: 18px;
+    font-weight: bold;
+    color: #7AFFFF;
+}
+
+.alarm_tab_pingfenContent {
+    position: absolute;
+    width: 230px;
+    height: 80px;
+    top: 60px;
+    left: 160px;
+    font-Size: 14px;
+    color: #7AFFFF;
+}
+
+.operating_mode {
+    width: 321px;
+    height: 80px;
+    position: fixed;
+    bottom: 100px;
+    left: 50px;
+    border: 1px solid #25bfff;
+    box-shadow: inset 0px 0px 10px #25bfff;
+    background-color: rgba(23, 21, 57, 0.2);
+    background: rgba(13, 22, 41, .9);
+    border-radius: 10px;
+    font-size: 16px;
+}
+
+.operating_mode_ul {
+    list-style-type: disc;
+    display: flex;
+    margin-block-start: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.operating_mode_li {
+    width: 105px;
+    height: 40px;
+    display: inline-block;
+    text-align: center;
+    padding: 0;
+    margin: 0px;
+    font-family: "微软雅黑";
+}
+
+.operating_mode_p1 {
+    position: fixed;
+    bottom: 140px;
+    left: 90px;
+    color: #25bfff;
+}
+
+.operating_mode_p2 {
+    color: #fff;
+    position: fixed;
+    bottom: 120px;
+    left: 72px;
+}
+
+.operating_mode_li1 {
+    width: 105px;
+    height: 40px;
+    display: inline-block;
+    text-align: center;
+    margin-top: 20px;
+    padding: 0;
+    margin: 0px;
+    font-family: "微软雅黑";
+    border-left: 1px solid #25bfff;
+}
+
+.operating_mode_p3 {
+    position: fixed;
+    bottom: 140px;
+    left: 200px;
+    color: #25bfff;
+}
+
+.operating_mode_p4 {
+    color: #fff;
+    position: fixed;
+    bottom: 120px;
+    left: 182px;
+}
+
+.operating_mode_li2 {
+    width: 105px;
+    height: 40px;
+    display: inline-block;
+    text-align: center;
+    margin-top: 20px;
+    padding: 0;
+    margin: 0px;
+    font-family: "微软雅黑";
+    border-left: 1px solid #25bfff;
+}
+
+.operating_mode_p5 {
+    color: #25bfff;
+    position: fixed;
+    bottom: 140px;
+    left: 300px;
+}
+
+.operating_mode_p6 {
+    color: #fff;
+    position: fixed;
+    bottom: 120px;
+    left: 272px;
+}
+
+.bar_chart {
+    posttion: absolute;
+    float: left;
+    height: 300px!important;
+    width: 200px!important;
+    bottom: 120px;
+    left: 600px;
+}
+
+.bar_chart_canvas {
+    height: 300px;
+    width: 200px;
+}
+
+.hiden {
+    display: none;
+}
+
+.shown {
+    display: block;
+}
+
+.proform2_bg_tl {
+    position: absolute;
+    width: 928px;
+    height: 752px;
+    top: 0px;
+    left: 0px;
+    background: url(icons/proform2_tl.png) no-repeat;
+}
+
+.proform_bg_tl {
+    position: absolute;
+    width: 928px;
+    height: 752px;
+    top: 0px;
+    left: 0px;
+    background: url(icons/proform_tl.png) no-repeat;
+}
+
+.proform_bg_tm {
+    position: absolute;
+    top: 0px;
+    left: 928px;
+    height: 752px;
+    background: url(icons/proform_tm.png) repeat-x;
+}
+
+.proform_bg_tr {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    width: 442px;
+    height: 752px;
+    background: url(icons/proform_tr.png) no-repeat;
+}
+
+.proform_bg_ml {
+    position: absolute;
+    top: 752px;
+    left: 0px;
+    width: 928px;
+    background: url(icons/proform_ml.png) repeat-y;
+}
+
+.proform_bg_mm {
+    position: absolute;
+    top: 752px;
+    left: 928px;
+    background: url(icons/proform_mm.png) repeat;
+}
+
+.proform_bg_mr {
+    position: absolute;
+    top: 752px;
+    right: 0px;
+    width: 442px;
+    background: url(icons/proform_mr.png) repeat-y;
+}
+
+.proform_bg_bl {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: 928px;
+    height: 170px;
+    background: url(icons/proform_bl.png) no-repeat;
+}
+
+.proform_bg_bm {
+    position: absolute;
+    bottom: 0px;
+    left: 928px;
+    height: 170px;
+    background: url(icons/proform_bm.png) repeat-x;
+}
+
+.proform_bg_br {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    width: 442px;
+    height: 170px;
+    background: url(icons/proform_br.png) no-repeat;
+}
+
+.proform_menu_1 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m3.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 167px;
+    left: 96px;
+}
+
+.proform_menu_1_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m3_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 167px;
+    left: 96px;
+}
+
+.proform_menu_2 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m1.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 239px;
+    left: 96px;
+}
+
+.proform_menu_2_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m1_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 239px;
+    left: 96px;
+}
+
+.proform_menu_3 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m5.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 326px;
+    left: 110px;
+}
+
+.proform_menu_3_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m5_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 326px;
+    left: 110px;
+}
+
+.proform_menu_4 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m6.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 383px;
+    left: 96px;
+}
+
+.proform_menu_4_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m6_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 383px;
+    left: 96px;
+}
+
+.proform_menu_5 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m2.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 472px;
+    left: 110px;
+}
+
+.proform_menu_5_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m2_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 472px;
+    left: 110px;
+}
+
+.proform_menu_6 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m4.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 527px;
+    left: 96px;
+}
+
+.proform_menu_6_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m4_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 527px;
+    left: 96px;
+}
+
+.proform_menu_7 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m7.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 599px;
+    left: 96px;
+}
+
+.proform_menu_7_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m7_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 599px;
+    left: 96px;
+}
+
+.proform2_menu_1 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m3.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 167px;
+    left: 96px;
+}
+
+.proform2_menu_1_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m3_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 167px;
+    left: 96px;
+}
+
+.proform2_menu_2 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m1.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 239px;
+    left: 96px;
+}
+
+.proform2_menu_2_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m1_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 239px;
+    left: 96px;
+}
+
+.proform2_menu_3 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m5.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 311px;
+    left: 96px;
+}
+
+.proform2_menu_3_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m5_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 311px;
+    left: 96px;
+}
+
+.proform2_menu_4 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m6.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 383px;
+    left: 96px;
+}
+
+.proform2_menu_4_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m6_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 383px;
+    left: 96px;
+}
+
+.proform2_menu_5 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m2.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 455px;
+    left: 96px;
+}
+
+.proform2_menu_5_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m2_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 455px;
+    left: 96px;
+}
+
+.proform2_menu_6 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m4.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 527px;
+    left: 96px;
+}
+
+.proform2_menu_6_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m4_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 527px;
+    left: 96px;
+}
+
+.proform2_menu_7 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m7.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 599px;
+    left: 96px;
+}
+
+.proform2_menu_7_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform2_m7_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 599px;
+    left: 96px;
+}
+
+.proform_fliter_btn {
+    position: absolute;
+    width: 120px;
+    height: 26px;
+    background: url(icons/proform_fliter_btn.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 440px;
+}
+
+.proform_fliter_btn_on {
+    position: absolute;
+    width: 120px;
+    height: 26px;
+    background: url(icons/proform_fliter_btn_on.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 440px;
+}
+
+.proform_modify_btn {
+    position: absolute;
+    width: 84px;
+    height: 26px;
+    background: url(icons/proform_modify_btn.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 336px;
+}
+
+.proform_modify_btn_on {
+    position: absolute;
+    width: 84px;
+    height: 26px;
+    background: url(icons/proform_modify_btn_on.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 336px;
+}
+
+.proform_append_btn {
+    position: absolute;
+    width: 84px;
+    height: 26px;
+    background: url(icons/proform_append_btn.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 232px;
+}
+
+.proform_append_btn_on {
+    position: absolute;
+    width: 84px;
+    height: 26px;
+    background: url(icons/proform_append_btn_on.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 232px;
+}
+
+.proform_delete_btn {
+    position: absolute;
+    width: 84px;
+    height: 26px;
+    background: url(icons/proform_delete_btn.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 128px;
+}
+
+.proform_delete_btn_on {
+    position: absolute;
+    width: 84px;
+    height: 26px;
+    background: url(icons/proform_delete_btn_on.png) no-repeat;
+    cursor: pointer;
+    top: 162px;
+    right: 128px;
+}
+
+.proform6_menu_1 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m1.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 167px;
+    left: 96px;
+}
+
+.proform6_menu_1_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m1_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 167px;
+    left: 96px;
+}
+
+.proform6_menu_2 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m5.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 254px;
+    left: 110px;
+}
+
+.proform6_menu_2_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m5_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 254px;
+    left: 110px;
+}
+
+.proform6_menu_3 {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m1.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 310px;
+    left: 96px;
+}
+
+.proform6_menu_3_on {
+    width: 234px;
+    height: 82px;
+    background: url(icons/proform_m1_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 310px;
+    left: 96px;
+}
+
+.company_bg_tl {
+    position: absolute;
+    width: 1414px;
+    height: 762px;
+    top: 0px;
+    left: 0px;
+    background: url(icons/company_tl.png) no-repeat;
+    z-index: 10;
+}
+
+.company_bg_tm {
+    position: absolute;
+    height: 762px;
+    top: 0px;
+    left: 1414px;
+    background: url(icons/company_tm.png) repeat-x;
+    z-index: 10;
+}
+
+.company_bg_tr {
+    position: absolute;
+    width: 406px;
+    height: 762px;
+    top: 0px;
+    right: 0px;
+    background: url(icons/company_tr.png) no-repeat;
+    z-index: 10;
+}
+
+.company_bg_ml {
+    position: absolute;
+    width: 1414px;
+    top: 762px;
+    left: 0px;
+    background: url(icons/company_ml.png) repeat-y;
+    z-index: 10;
+}
+
+.company_bg_mm {
+    position: absolute;
+    left: 1414px;
+    top: 762px;
+    background: url(icons/company_mm.png) repeat;
+    z-index: 10;
+}
+
+.company_bg_mr {
+    position: absolute;
+    width: 406px;
+    top: 762px;
+    right: 0px;
+    background: url(icons/company_mr.png) repeat-y;
+    z-index: 10;
+}
+
+.company_bg_bl {
+    position: absolute;
+    width: 1414px;
+    height: 170px;
+    bottom: 0px;
+    left: 0px;
+    background: url(icons/company_bl.png) no-repeat;
+    z-index: 10;
+}
+
+.company_bg_bm {
+    position: absolute;
+    height: 170px;
+    width: 100px;
+    bottom: 0px;
+    left: 1414px;
+    background: url(icons/company_bm.png) repeat-x;
+    z-index: 10;
+}
+
+.company_bg_br {
+    position: absolute;
+    height: 170px;
+    width: 406px;
+    bottom: 0px;
+    right: 0px;
+    background: url(icons/company_br.png) no-repeat;
+    z-index: 10;
+}
+
+.bak_to_front {
+    position: absolute;
+    top: 67px;
+    left: 73px;
+    width: 110px;
+    height: 36px;
+    background: url(icons/bak_to_front.png) no-repeat;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.building_level_label {
+    position: absolute;
+    top: 157px;
+    left: 133px;
+    color: #ffffff;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    z-index: 20;
+}
+
+.building_level_count {
+    margin-left: 15px;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.company_building {
+    position: absolute;
+    top: 195px;
+    left: 100px;
+    width: 536px;
+    height: 600px;
+    overflow-x: none;
+    overflow-y: auto;
+    z-index: 20;
+}
+
+.company_building_on {
+    position: absolute;
+    top: 200px;
+    left: 116px;
+    width: 496px;
+    height: 620px;
+    z-index: 20;
+}
+
+.company_building::-webkit-scrollbar {
+    width: 6px;
+    height: 100%;
+}
+
+.company_building::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 60px;
+    background-color: rgba(0, 130, 255, 0.6);
+    border-radius: 5px;
+}
+
+.company_building::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.building_top {
+    position: absolute;
+    width: 400px;
+    height: 120px;
+}
+
+.building_top_label {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    padding-top: 31px;
+    padding-right: 16px;
+    text-align: right;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+}
+
+.building_top_icon {
+    position: absolute;
+    top: 0px;
+    left: 40px;
+    width: 360px;
+    height: 120px;
+    background: url(icons/bt_icon.png) no-repeat;
+}
+
+.building_level {
+    position: absolute;
+    width: 400px;
+    height: 108px;
+}
+
+.building_level_info {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    padding-top: 20px;
+    padding-right: 16px;
+    text-align: right;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+}
+
+.building_level_icon {
+    position: absolute;
+    top: 0px;
+    left: 40px;
+    width: 360px;
+    height: 108px;
+    background: url(icons/bl_icon.png) no-repeat;
+}
+
+.building_empty_level_icon {
+    position: absolute;
+    top: 0px;
+    left: 40px;
+    width: 360px;
+    height: 108px;
+    background: url(icons/empty_icon.png) no-repeat;
+}
+
+.building_base {
+    position: absolute;
+    width: 400px;
+    height: 108px;
+}
+
+.building_base_info {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    padding-top: 20px;
+    padding-right: 16px;
+    text-align: right;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+}
+
+.building_base_icon {
+    position: absolute;
+    top: 0px;
+    left: 40px;
+    width: 360px;
+    height: 108px;
+    background: url(icons/bb_icon.png) no-repeat;
+}
+
+.dev_checkbox {
+    width: 15px;
+    height: 15px;
+    border: 0px solid #0082ff;
+    background-color: #0082ff;
+    cursor: pointer;
+}
+
+.dev_few_checkbox {
+    width: 15px;
+    height: 15px;
+    border: 2px solid #0082ff;
+    background-color: rgba(0, 130, 255, .7);
+    cursor: pointer;
+}
+
+.dev_uncheckbox {
+    width: 15px;
+    height: 15px;
+    border: 2px solid #0082ff;
+    cursor: pointer;
+}
+
+.dev_all_checkbox {
+    position: absolute;
+    top: 174px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_big_checkbox {
+    position: absolute;
+    top: 574px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_big_checklabel {
+    position: absolute;
+    top: 157px;
+    left: 536px;
+    width: 60px;
+    height: 20px;
+    background-color: #0082FF;
+    text-align: center;
+    font-size: 12px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    padding-top: 2px;
+    border-radius: 4px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.sc {
+    position: absolute;
+    top: 157px;
+    left: 420px;
+    width: 100px;
+    height: 20px;
+    background-color: #0082FF;
+    text-align: center;
+    font-size: 12px;
+    font-weight: bold;
+    font-family: 微软雅黑, Microsoft YaHei;
+    padding-top: 2px;
+    border-radius: 4px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_all_checklabel {
+    position: absolute;
+    top: 175px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_ui_checkbox {
+    position: absolute;
+    top: 214px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_ui_checklabel {
+    position: absolute;
+    top: 215px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_sm_checkbox {
+    position: absolute;
+    top: 254px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_sm_checklabel {
+    position: absolute;
+    top: 255px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_fc_checkbox {
+    position: absolute;
+    top: 294px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_fc_checklabel {
+    position: absolute;
+    top: 295px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_ef_checkbox {
+    position: absolute;
+    top: 334px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_ef_checklabel {
+    position: absolute;
+    top: 335px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_wp_checkbox {
+    position: absolute;
+    top: 374px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_wp_checklabel {
+    position: absolute;
+    top: 375px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_ll_checkbox {
+    position: absolute;
+    top: 414px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_ll_checklabel {
+    position: absolute;
+    top: 415px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_ci_checkbox {
+    position: absolute;
+    top: 454px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_ci_checklabel {
+    position: absolute;
+    top: 455px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_va_checkbox {
+    position: absolute;
+    top: 494px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_va_checklabel {
+    position: absolute;
+    top: 495px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.dev_ot_checkbox {
+    position: absolute;
+    top: 534px;
+    left: 688px;
+    z-index: 20;
+    cursor: pointer;
+}
+
+.dev_ot_checklabel {
+    position: absolute;
+    top: 535px;
+    left: 709px;
+    z-index: 20;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.company_page_title {
+    position: absolute;
+    top: 72px;
+    left: 930px;
+    width: 200px;
+    height: 40px;
+    z-index: 20;
+}
+
+.project_title_icon {
+    background: url(icons/project_info_title.png) no-repeat;
+}
+
+.realtime_title_icon {
+    background: url(icons/realtime_status_title.png) no-repeat;
+}
+
+.company_detail_title {
+    position: absolute;
+    top: 478px;
+    left: 930px;
+    width: 200px;
+    height: 40px;
+    z-index: 20;
+}
+
+.history_alarm_title_icon {
+    background: url(icons/history_alarm_title.png) no-repeat;
+}
+
+.device_status_title_icon {
+    background: url(icons/device_status_title.png) no-repeat;
+}
+
+.project_info_bar {
+    position: absolute;
+    top: 122px;
+    left: 883px;
+    height: 300px;
+    z-index: 20;
+    overflow: auto;
+    border: 0px solid #000;
+}
+
+.history_alarm_list {
+    position: absolute;
+    top: 529px;
+    left: 883px;
+    z-index: 20;
+    overflow: auto;
+    border: 0px solid #000;
+}
+
+.history_alarm_list::-webkit-scrollbar {
+    width: 6px;
+    height: 100%;
+}
+
+.history_alarm_list::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 60px;
+    background-color: rgba(0, 130, 255, 0.6);
+    border-radius: 5px;
+}
+
+.history_alarm_list::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.project_label {
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    color: #27c5ff;
+    vertical-align: bottom;
+}
+
+.point_label {
+    text-align: right;
+    padding-right: 10px;
+}
+
+.project_info {
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 16px;
+    color: #ffffff;
+    vertical-align: bottom;
+}
+
+.device_large_icon {
+    position: absolute;
+    top: 32px;
+    left: 48px;
+    z-index: 20;
+    width: 100px;
+    height: 100px;
+}
+
+.device_count_label {
+    position: absolute;
+    top: 150px;
+    left: 48px;
+    width: 100px;
+    height: 20px;
+    text-align: center;
+    font-family: 微软雅黑, Microsoft YaHei;
+    font-size: 12px;
+    color: #ffffff;
+}
+
+.ui_large_icon {
+    background: url(icons/ui_large_icon.png) no-repeat;
+}
+
+.fc_large_icon {
+    background: url(icons/fc_large_icon.png) no-repeat;
+}
+
+.ef_large_icon {
+    background: url(icons/ef_large_icon.gif) no-repeat;
+}
+
+.ci_large_icon {
+    background: url(icons/ci_large_icon.png) no-repeat;
+}
+
+.wp0_large_icon {
+    background: url(icons/wp0_large_icon.png) no-repeat;
+}
+
+.wp1_large_icon {
+    background: url(icons/wp1_large_icon.png) no-repeat;
+}
+
+.va_large_icon {
+    background: url(icons/va_large_icon.png) no-repeat;
+}
+
+.ll_large_icon {
+    background: url(icons/ll_large_icon.png) no-repeat;
+}
+
+.device_list_bar {
+    position: absolute;
+    top: 0px;
+    left: 200px;
+    z-index: 20;
+    width: 300px;
+    height: 300px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.status_list_bar {
+    position: absolute;
+    top: 0px;
+    left: 510px;
+    z-index: 20;
+    height: 290px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.status_list_bar_video {
+    text-align: center;
+    font-size: 12px;
+    background-color: #000000;
+    color: #ffffff;
+}
+
+.device_list_bar::-webkit-scrollbar {
+    width: 6px;
+    height: 100%;
+}
+
+.device_list_bar::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 60px;
+    background-color: rgba(0, 130, 255, 0.6);
+    border-radius: 5px;
+}
+
+.device_list_bar::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.status_list_bar::-webkit-scrollbar {
+    width: 6px;
+    height: 100%;
+}
+
+.status_list_bar::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 60px;
+    background-color: rgba(0, 130, 255, 0.6);
+    border-radius: 5px;
+}
+
+.status_list_bar::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.v_reset {
+    position: absolute;
+    top: 127px;
+    right: 100px;
+    width: 20px;
+    height: 20px;
+    background: url(icons/v_reset.png) no-repeat;
+    z-index: 200;
+    cursor: pointer;
+}
+
+.big_view {
+    position: absolute;
+    top: 157px;
+    right: 100px;
+    width: 20px;
+    height: 20px;
+    background: url(icons/v_big.png) no-repeat;
+    z-index: 200;
+    cursor: pointer;
+}
+
+.bak_reset {
+    position: absolute;
+    top: 73px;
+    right: 89px;
+    z-index: 20;
+    background: url(icons/bak.png) no-repeat;
+    width: 77px;
+    height: 41px;
+    cursor: pointer;
+}
+
+.bak_reset2 {
+    position: absolute;
+    top: 479px;
+    right: 89px;
+    z-index: 20;
+    background: url(icons/bak.png) no-repeat;
+    width: 77px;
+    height: 41px;
+    cursor: pointer;
+}
+
+.detail_data_btn {
+    margin-left: 10px;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+}
+
+.detail_background {
+    width: 1100px;
+    height: 384px;
+    background: url(operation_area_bg.gif) no-repeat;
+}
+
+.detail_area {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    margin: 10px 30px 10px 20px;
+    width: 1050px;
+    height: 364px;
+}
+
+
+/*H2019.6.30*/
+
+.title13_label1 {
+    margin-bottom: 20px;
+}
+
+
+/*
+#woker_talk table{
+	border-right:1px solid #d0d0d0;
+	border-bottom:1px solid #d0d0d0;
+	width:100%;
+	background:#666;
+	margin-bottom:20px;
+}
+#woker_talk table td{
+	border-left:1px solid #d0d0d0;
+	border-top:1px solid #d0d0d0;
+	text-align:center;
+	font-size:15px;
+}
+
+.title20_label1 {
+	border:1px solid #000;
+	width:100%;
+	background:#666;
+	min-height:80px;
+	padding-left:36px;
+	margin-bottom:20px;
+}
+
+.title27_label1 {
+	border:1px solid #000;
+	width:100%;
+	background:#666;
+	min-height:120px;
+	padding-left:36px;
+	margin-bottom:20px;
+}
+*/
+
+.title29_label1 {
+    border: 1px solid #000;
+    width: 100%;
+    background: #666;
+    min-height: 120px;
+    padding-left: 36px;
+    margin-bottom: 20px;
+}
+
+.x-boundlist-list-ct {
+    font-size: 16px;
+}
+
+.x-box-inner {
+    bottom: 0px!important;
+}
+
+
+/*H2019.6.30*/
+
+
+/*H2019.7.08*/
+
+.title2_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 56px;
+    right: 692px;
+}
+
+.maintenanceperson_title2_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 56px;
+    right: 706px;
+}
+
+.title2_div_panel3 {
+    width: 40px;
+    height: 20px;
+    border-radius: 4px;
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 5px;
+    right: 200px;
+}
+
+.input_class {
+    width: 160px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 50px;
+    right: 518px;
+}
+
+.input4_class {
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    right: 672px;
+}
+
+.childPanel1_div {
+    font-size: 16px;
+    position: absolute;
+    top: 56px;
+    right: 630px;
+}
+
+.input2_class {
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    right: 594px;
+}
+
+.childPanel1_div1 {
+    font-size: 16px;
+    position: absolute;
+    top: 56px;
+    right: 552px;
+}
+
+.input3_class {
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    right: 516px;
+}
+
+.childPanel1_div2 {
+    font-size: 16px;
+    position: absolute;
+    top: 56px;
+    right: 474px;
+}
+
+.MaintenancePersonTitle {
+    font-size: 20px;
+    color: #31e9ff;
+    position: absolute;
+    top: 25px;
+    left: 41px;
+}
+
+.MaintenancePersonTitle2 {
+    font-size: 20px;
+    color: #31e9ff;
+    position: absolute;
+    top: 25px;
+    left: 141px;
+}
+
+.title3_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 56px;
+    right: 420px;
+}
+
+.input1_class {
+    width: 160px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 50px;
+    right: 248px;
+}
+
+.maintenance_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.maintenance_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.maintenance_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.maintenance_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.maintenance_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.maintenance_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.maintenance_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.maintenance_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.maintenance_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.maintenance_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.maintenance_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.maintenance_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.maintenancePerson_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.maintenancePerson_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.maintenancePerson_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.maintenancePerson_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.maintenancePerson_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.maintenancePerson_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.maintenancePerson_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.maintenancePerson_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.maintenancePerson_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.maintenancePerson_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.maintenancePerson_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.maintenancePerson_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.maintenancePerson_title11_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 20px;
+}
+
+.maintenancePerson_title11_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 20px;
+}
+
+.maintenancePerson_title21_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 125px;
+}
+
+.maintenancePerson_title21_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 125px;
+}
+
+.maintenance_look_device_img {
+    margin: 0 auto;
+}
+
+.maintenance_look_device_img_baogao {
+    margin: 0 auto;
+    height: 270px;
+    width: 300px;
+}
+
+.maintenancePerson_title31_div {
+    width: 85px;
+    height: 29px;
+    background: url(icons/maintenance_title71_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 40px;
+}
+
+.maintenancePerson_title31_div_on {
+    width: 85px;
+    height: 29px;
+    background: url(icons/maintenance_title71_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 40px;
+}
+
+.maintenancePerson_title41_div {
+    width: 86px;
+    height: 29px;
+    background: url(icons/maintenance_title81_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 144px;
+}
+
+.maintenancePerson_title41_div_on {
+    width: 86px;
+    height: 29px;
+    background: url(icons/maintenance_title81_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 144px;
+}
+
+.maintenancePerson_input111_class {
+    width: 114px;
+    height: 24px;
+    border-radius: 4px;
+    position: absolute;
+    top: 98px;
+    right: 260px;
+}
+
+.maintenancePerson_title111_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 100px;
+    right: 388px;
+}
+
+.maintenancePerson_input211_class {
+    width: 144px;
+    height: 24px;
+    border-radius: 4px;
+    position: absolute;
+    top: 98px;
+    right: 454px;
+}
+
+.maintenancePerson_title211_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 100px;
+    right: 610px;
+}
+
+.maintenancePlan_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.maintenancePlan_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.maintenancePlan_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.maintenancePlan_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.maintenancePlan_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.maintenancePlan_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.maintenancePlan_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.maintenancePlan_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.maintenancePlan_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.maintenancePlan_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.maintenancePlan_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.maintenancePlan_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.maintenanceCheck_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 40px;
+}
+
+.maintenanceCheck_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 40px;
+}
+
+.maintenanceCheck_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 144px;
+}
+
+.maintenanceCheck_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 144px;
+}
+
+.maintenanceCheck_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.maintenanceCheck_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.Check_input1_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 79px;
+    right: 248px;
+}
+
+.Check_title3_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 85px;
+    right: 360px;
+}
+
+.Check_input_class {
+    width: 160px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 79px;
+    right: 440px;
+}
+
+.Check_title2_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 85px;
+    right: 612px;
+}
+
+.Check_input2_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 79px;
+    right: 710px;
+}
+
+.Check_input3_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 79px;
+    right: 840px;
+}
+
+.Check_title7_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 85px;
+    right: 955px;
+}
+
+.Check_title8_div {
+    font-size: 16px;
+    position: absolute;
+    top: 85px;
+    right: 820px;
+}
+
+.Check_input4_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 79px;
+    right: 1050px;
+}
+
+.Check_title9_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 85px;
+    right: 1165px;
+}
+
+.maintenanceCheck_title10_div {
+    width: 222px;
+    height: 62px;
+    background: url(icons/maintenanceCheck_title10_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 160px;
+    right: 1200px;
+}
+
+.maintenanceCheck_title20_div {
+    width: 222px;
+    height: 62px;
+    background: url(icons/maintenanceCheck_title20_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 160px;
+    right: 1200px;
+}
+
+.maintenanceCheck_title11_div {
+    width: 222px;
+    height: 62px;
+    background: url(icons/maintenanceCheck_title11_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 160px;
+    right: 958px;
+}
+
+.maintenanceCheck_title12_div {
+    width: 222px;
+    height: 62px;
+    background: url(icons/maintenanceCheck_title12_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 160px;
+    right: 716px;
+}
+
+.maintenanceCheck_title13_div {
+    width: 222px;
+    height: 62px;
+    background: url(icons/maintenanceCheck_title13_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 160px;
+    right: 474px;
+}
+
+.Check_title14_div {
+    font-size: 38px;
+    color: #59c24a;
+    position: absolute;
+    top: 170px;
+    right: 500px;
+}
+
+.Check_title15_div {
+    font-size: 38px;
+    color: #ff0000;
+    position: absolute;
+    top: 170px;
+    right: 742px;
+}
+
+.Check_title16_div {
+    font-size: 38px;
+    color: #ff9254;
+    position: absolute;
+    top: 170px;
+    right: 984px;
+}
+
+.Check_title17_div {
+    font-size: 38px;
+    color: #25b5ce;
+    position: absolute;
+    top: 170px;
+    right: 1226px;
+}
+
+.Check_select_class {
+    width: 100px;
+    height: 24px;
+    border-radius: 4px;
+    position: absolute;
+    top: 15px;
+    right: 30px;
+}
+
+.MaintenanceCheckTitle {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 150px;
+}
+
+.Maintenancediv_title {
+    font-size: 15px;
+    color: #fff;
+    position: absolute;
+    top: 10px;
+    right: 705px;
+}
+
+.Maintenancediv_title_weibao {
+    font-size: 15px;
+    color: #fff;
+    position: absolute;
+    top: 10px;
+    right: 570px;
+}
+
+.test_form {
+    background: #0082ff;
+}
+
+.maintenancePerson_input_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 50px;
+    right: 520px;
+}
+
+.inspectors_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.inspectors_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.inspectors_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.inspectors_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.inspectors_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.inspectors_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.inspectors_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.inspectors_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.inspectors_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.inspectors_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.inspectors_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.inspectors_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.inspectors_title11_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 20px;
+}
+
+.inspectors_title11_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 20px;
+}
+
+.inspectors_title21_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 125px;
+}
+
+.inspectors_title21_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 100px;
+    right: 125px;
+}
+
+.inspectors_title31_div {
+    width: 85px;
+    height: 29px;
+    background: url(icons/maintenance_title71_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 40px;
+}
+
+.inspectors_title31_div_on {
+    width: 85px;
+    height: 29px;
+    background: url(icons/maintenance_title71_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 40px;
+}
+
+.inspectors_title41_div {
+    width: 86px;
+    height: 29px;
+    background: url(icons/maintenance_title81_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 144px;
+}
+
+.inspectors_title41_div_on {
+    width: 86px;
+    height: 29px;
+    background: url(icons/maintenance_title81_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 95px;
+    right: 144px;
+}
+
+.inspectorsCheck_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 144px;
+}
+
+.inspectorsCheck_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 144px;
+}
+
+.inspectorsCheck_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 40px;
+}
+
+.inspectorsCheck_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 80px;
+    right: 40px;
+}
+
+.inspectorsCheck_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.inspectorsCheck_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.patrolPlan_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.patrolPlan_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.patrolPlan_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.patrolPlan_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.patrolPlan_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.patrolPlan_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.patrolPlan_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.patrolPlan_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.patrolPlan_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.patrolPlan_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.patrolPlan_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.patrolPlan_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.patrolpoint_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.patrolpoint_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.patrolpoint_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.patrolpoint_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.patrolpoint_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.patrolpoint_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.patrolpoint_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.patrolpoint_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.patrolpoint_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.patrolpoint_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.patrolpoint_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.patrolpoint_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.proform3_bg_tl {
+    position: absolute;
+    width: 928px;
+    height: 752px;
+    top: 0px;
+    left: 0px;
+    background: url(icons/proform3_tl.png) no-repeat;
+}
+
+.proform3_bg_ml {
+    position: absolute;
+    top: 752px;
+    left: 0px;
+    width: 928px;
+    background: url(icons/proform3_ml.png) repeat-y;
+}
+
+.proform3_bg_bl {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: 928px;
+    height: 170px;
+    background: url(icons/proform3_bl.png) no-repeat;
+}
+
+.springHandle_title20_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/springHandle_title20_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 1376px;
+}
+
+.springHandle_title17_div {
+    font-size: 38px;
+    color: #25b5ce;
+    position: absolute;
+    top: 60px;
+    right: 1460px;
+}
+
+.springHandle_title11_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/springHandle_title11_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 1054px;
+}
+
+.springHandle_title16_div {
+    font-size: 38px;
+    color: #ff9254;
+    position: absolute;
+    top: 60px;
+    right: 1140px;
+}
+
+.springHandle_title12_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/springHandle_title12_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 732px;
+}
+
+.springHandle_title15_div {
+    font-size: 38px;
+    color: #ff0000;
+    position: absolute;
+    top: 60px;
+    right: 814px;
+}
+
+.springHandle_title13_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/springHandle_title13_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 410px;
+}
+
+.springHandle_title14_div {
+    font-size: 38px;
+    color: #59c24a;
+    position: absolute;
+    top: 60px;
+    right: 494px;
+}
+
+.springHandle_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 40px;
+}
+
+.springHandle_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 40px;
+}
+
+.springHandle_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 144px;
+}
+
+.springHandle_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 144px;
+}
+
+.springHandle_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.springHandle_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.springHandle_title4_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/baoxiu_fenxi.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 144px;
+}
+
+.springHandle_title4_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/baoxiu_fenxi_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 144px;
+}
+
+.springHandle_input_class {
+    width: 160px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 260px;
+}
+
+.springHandle_title2_div_font {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 440px;
+}
+
+.springHandle_input1_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 538px;
+}
+
+.springHandle_title3_div_font {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 658px;
+}
+
+.springHandle_input2_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 740px;
+}
+
+.springHandle_title8_div {
+    font-size: 16px;
+    position: absolute;
+    top: 143px;
+    right: 845px;
+}
+
+.springHandle_input3_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 862px;
+}
+
+.springHandle_title7_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 982px;
+}
+
+.springHandle_input4_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 1080px;
+}
+
+.springHandle_title9_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 1200px;
+}
+
+.springHandle_title28_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 1420px;
+}
+
+.springHandle_input5_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 1300px;
+}
+
+.SpringHandleTitle {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 410px;
+}
+
+.SpringHandleTitle1 {
+    font-size: 16px;
+    position: absolute;
+    top: 18px;
+    right: 352px;
+}
+
+.SpringHandleTitle2 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 60px;
+    right: 410px;
+}
+
+.SpringHandleTitle3 {
+    font-size: 16px;
+    position: absolute;
+    top: 60px;
+    left: 103px;
+}
+
+.SpringHandleTitle4 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 110px;
+    right: 410px;
+}
+
+.SpringHandleTitle5 {
+    width: 60px;
+    height: 60px;
+    position: absolute;
+    top: 110px;
+    left: 103px;
+}
+
+.SpringHandleTitle6 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 180px;
+    right: 410px;
+}
+
+.SpringHandleTitle7 {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    top: 180px;
+    left: 103px;
+}
+
+.SpringHandleDiv {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 410px;
+}
+
+.SpringHandleDiv1 {
+    font-size: 16px;
+    position: absolute;
+    top: 18px;
+    right: 352px;
+}
+
+.SpringHandleDiv2 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 60px;
+    right: 410px;
+}
+
+.SpringHandleDiv3 {
+    font-size: 16px;
+    position: absolute;
+    top: 60px;
+    left: 103px;
+}
+
+.SpringHandleDiv4 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 102px;
+    right: 410px;
+}
+
+.SpringHandleDiv5 {
+    font-size: 16px;
+    position: absolute;
+    top: 102px;
+    left: 103px;
+}
+
+.SpringHandleDiv6 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 144px;
+    right: 410px;
+}
+
+.SpringHandleDiv7 {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    top: 144px;
+    left: 103px;
+}
+
+.SpringHandleDiv8 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 210px;
+}
+
+.SpringHandleDiv9 {
+    font-size: 16px;
+    position: absolute;
+    top: 18px;
+    right: 150px;
+}
+
+.SpringHandleDiv10 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 60px;
+    right: 210px;
+}
+
+.SpringHandleDiv11 {
+    font-size: 16px;
+    position: absolute;
+    top: 60px;
+    right: 33px;
+}
+
+.SpringHandleDiv12 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 410px;
+}
+
+.SpringHandleSelect {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 14px;
+    right: 295px;
+}
+
+.SpringHandleDiv13 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 60px;
+    right: 410px;
+}
+
+.springHandleInput {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    right: 295px;
+}
+
+.springHandleInput1 {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    right: 180px;
+}
+
+.SpringHandleDiv14 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 102px;
+    right: 410px;
+}
+
+.SpringHandleTextarea {
+    width: 306px!important;
+    height: 70px!important;
+    border-radius: 4px;
+    position: absolute;
+    top: 102px;
+    left: 94px;
+}
+
+.SpringHandleDiv15 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 210px;
+}
+
+.SpringHandleSelect1 {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 14px;
+    right: 95px;
+}
+
+.SpringHandleHtml2Div16 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 410px;
+}
+
+.SpringHandleHtml2Div17 {
+    font-size: 16px;
+    color: #59c24a;
+    position: absolute;
+    top: 18px;
+    left: 100px;
+}
+
+.SpringHandleHtml2Div1713 {
+    font-size: 16px;
+    color: #ff9254;
+    position: absolute;
+    top: 18px;
+    left: 100px;
+}
+
+.SpringHandleHtml2Div18 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 60px;
+    right: 410px;
+}
+
+.SpringHandleHtml2Div19 {
+    font-size: 16px;
+    position: absolute;
+    top: 60px;
+    left: 100px;
+}
+
+.SpringHandleHtml2Div20 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 102px;
+    right: 410px;
+}
+
+.SpringHandleHtml2Div21 {
+    font-size: 16px;
+    position: absolute;
+    top: 102px;
+    left: 100px;
+}
+
+.SpringHandleHtml2Div22 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 175px;
+}
+
+.SpringHandleHtml2Div23 {
+    font-size: 16px;
+    position: absolute;
+    top: 18px;
+    left: 334px;
+}
+
+.SpringHandleHtml2Div24 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 60px;
+    right: 175px;
+}
+
+.SpringHandleHtml2Div25 {
+    font-size: 16px;
+    position: absolute;
+    top: 60px;
+    left: 334px;
+}
+
+.SpringHandleHtml2Div26 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 410px;
+}
+
+.SpringHandlePanel1Title {
+    width: 60px;
+    height: 60px;
+    position: absolute;
+    top: 18px;
+    left: 103px;
+}
+
+.SpringHandleHtml2Div27 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 90px;
+    right: 410px;
+}
+
+.SpringHandleHtml2Div28 {
+    width: 250px;
+    height: 60px;
+    font-size: 16px;
+    position: absolute;
+    top: 90px;
+    left: 103px;
+}
+
+.SpringHandleHtml2Div29 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 18px;
+    right: 190px;
+}
+
+.SpringHandleHtml2Div30 {
+    font-size: 16px;
+    position: absolute;
+    top: 18px;
+    left: 316px;
+}
+
+.SpringHandleHtml2Div31 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 170px;
+    right: 410px;
+}
+
+.SpringHandleHtml2Div32 {
+    font-size: 16px;
+    position: absolute;
+    top: 170px;
+    left: 103px;
+}
+
+.SpringHandleHtml2Div33 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 170px;
+    right: 190px;
+}
+
+.SpringHandleHtml2Div34 {
+    font-size: 16px;
+    position: absolute;
+    top: 170px;
+    left: 316px;
+}
+
+.SpringHandleHtml2Div35 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 212px;
+    right: 410px;
+}
+
+.SpringHandleSelect36 {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 208px;
+    right: 295px;
+}
+
+.SpringHandleHtml2Div37 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 252px;
+    right: 410px;
+}
+
+.SpringHandleTextarea2 {
+    width: 306px!important;
+    height: 70px!important;
+    border-radius: 4px;
+    position: absolute;
+    top: 252px;
+    left: 94px;
+}
+
+.SpringHandleHtml3DivHiddle {
+    width: 1px;
+    height: 1px;
+    display: none;
+}
+
+.SpringHandleHtml3DivPanel3 {
+    width: 490px;
+    height: 270px;
+    position: relative;
+}
+
+.SpringHandleHtml3Div35 {
+    font-size: 14px;
+    color: #0082ff;
+    position: absolute;
+    top: 210px;
+    right: 410px;
+}
+
+.SpringHandleHtml3Div36 {
+    width: 300px;
+    height: 60px;
+    font-size: 16px;
+    position: absolute;
+    top: 210px;
+    left: 103px;
+}
+
+.MaintenancePersonTitle123 {
+    font-size: 20px;
+    color: #31e9ff;
+    position: absolute;
+    top: 0px;
+    left: 20px;
+}
+
+#maintenancePersonHtml2 {
+    background: #121E34;
+}
+
+#MaintenancePersonListPageToolbar2 {
+    background: #121E34;
+}
+
+#InspectorsListPageToolbar2 {
+    background: #121E34;
+}
+
+#project_data_win {
+    top: 88px!important;
+}
+
+#project_data_winweibao {
+    top: 88px!important;
+}
+
+#PatrolAnalysisCheckHtml {
+    background: #002C59;
+}
+
+#PatrolAnalysis2CheckHtml {
+    background: #002C59;
+}
+
+.PatrolAnalysisCheck_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 30px;
+    right: 40px;
+}
+
+.PatrolAnalysisCheck_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 30px;
+    right: 40px;
+}
+
+.PatrolAnalysis2Check_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 30px;
+    right: 40px;
+}
+
+.PatrolAnalysis2Check_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 30px;
+    right: 40px;
+}
+
+
+/*H2019.7.08*/
+
+.proform4_bg_tl {
+    position: absolute;
+    width: 928px;
+    height: 752px;
+    top: 0px;
+    left: 0px;
+    background: url(icons/yy6.png) no-repeat;
+}
+
+.pzb_title2_div_font {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 440px;
+}
+
+.pzb_input_class {
+    width: 160px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 260px;
+}
+
+.pzb_title3_div_font {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 700px;
+}
+
+.pzb_input1_class {
+    width: 160px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 520px;
+}
+
+.pzb_title28_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 1010px;
+}
+
+.pzb_input5_class {
+    width: 160px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 830px;
+}
+
+.pzb_title7_div {
+    font-size: 16px;
+    color: #0082ff;
+    position: absolute;
+    top: 143px;
+    right: 1332px;
+}
+
+.pzb_input2_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 1090px;
+}
+
+.pzb_title8_div {
+    font-size: 16px;
+    position: absolute;
+    top: 143px;
+    right: 1195px;
+}
+
+.pzb_input3_class {
+    width: 100px;
+    height: 28px;
+    border-radius: 4px;
+    position: absolute;
+    top: 140px;
+    right: 1212px;
+}
+
+.pzb_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 144px;
+}
+
+.pzb_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 144px;
+}
+
+.pzb_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 40px;
+}
+
+.pzb_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 140px;
+    right: 40px;
+}
+
+.pzb_title3_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.pzb_title3_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 40px;
+}
+
+.pzb_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 144px;
+}
+
+.pzb_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 144px;
+}
+
+.pzb_title5_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 249px;
+}
+
+.pzb_title5_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 198px;
+    right: 249px;
+}
+
+.pzb_title20_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/yy1.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 1376px;
+}
+
+.pzb_title11_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/yy4.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 1054px;
+}
+
+.pzb_title12_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/yy3.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 732px;
+}
+
+.pzb_title13_div {
+    width: 302px;
+    height: 62px;
+    background: url(icons/yy2.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 50px;
+    right: 410px;
+}
+
+.pzb_title14_div {
+    font-size: 38px;
+    color: #59c24a;
+    position: absolute;
+    top: 60px;
+    right: 494px;
+}
+
+.pzb_title15_div {
+    font-size: 38px;
+    color: #ff0000;
+    position: absolute;
+    top: 60px;
+    right: 814px;
+}
+
+.pzb_title16_div {
+    font-size: 38px;
+    color: #ff9254;
+    position: absolute;
+    top: 60px;
+    right: 1140px;
+}
+
+.pzb_title17_div {
+    font-size: 38px;
+    color: #25b5ce;
+    position: absolute;
+    top: 60px;
+    right: 1460px;
+}
+
+.controlRoom_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.controlRoom_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.controlRoom_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.controlRoom_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.controlRoom_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.controlRoom_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.controlRoom_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.controlRoom_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.controlRoom_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.controlRoom_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.controlRoom_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.controlRoom_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.controlRoomPerson_title1_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.controlRoomPerson_title1_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title1_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 144px;
+}
+
+.controlRoomPerson_title2_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.controlRoomPerson_title2_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title2_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 51px;
+    right: 40px;
+}
+
+.controlRoomPerson_title3_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.controlRoomPerson_title3_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title3_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 40px;
+}
+
+.controlRoomPerson_title4_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.controlRoomPerson_title4_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title4_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 144px;
+}
+
+.controlRoomPerson_title5_div {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.controlRoomPerson_title5_div_on {
+    width: 84px;
+    height: 26px;
+    background: url(icons/maintenance_title5_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 249px;
+}
+
+.controlRoomPerson_title6_div {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+.controlRoomPerson_title6_div_on {
+    width: 85px;
+    height: 26px;
+    background: url(icons/maintenance_title6_div_on.png) no-repeat;
+    cursor: pointer;
+    position: absolute;
+    top: 118px;
+    right: 353px;
+}
+
+
+/*03首页*/
+
+
+/*.lineDown_mode {
+	position:absolute;
+	bottom:0px;
+	width:100%;
+	height:34px;
+	background-color: rgba(23,21,57,0.2);
+	background: rgba(13, 22, 41, .6);
+	background-image:url(03index/line_down.png);
+}*/
+
+.lineLeft_mode {
+    width: 240px;
+    height: 100%;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    background: -webkit-linear-gradient(left, rgba(13, 22, 41, 1), rgba(13, 22, 41, 0));
+}
+
+.lineRight_mode {
+    width: 368px;
+    height: 100%;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    background: -webkit-linear-gradient(right, rgba(13, 22, 41, 1), rgba(13, 22, 41, 0));
+    font-size: 16px;
+}
+
+.lineDown_mode {
+    width: 100%;
+    height: 256px;
+    position: absolute;
+    bottom: 0px;
+    background: -webkit-linear-gradient(bottom, rgba(13, 22, 41, 1), rgba(13, 22, 41, 0));
+    font-size: 16px;
+}
+
+.indextop_up {
+    position: absolute;
+    top: 20px;
+    left: 70px;
+    width: 28px;
+    height: 22px;
+    background: url(03index/indextop_up.png) no-repeat;
+}
+
+.chart_left_bg1 {
+    position: absolute;
+    top: 54px;
+    left: 26px;
+    width: 114px;
+    height: 114px;
+    background: url(03index/chart_left_bg.png) no-repeat;
+}
+
+.chart_left_bg2 {
+    position: absolute;
+    top: 202px;
+    left: 26px;
+    width: 114px;
+    height: 114px;
+    background: url(03index/chart_left_bg.png) no-repeat;
+}
+
+.chart_left_bg3 {
+    position: absolute;
+    top: 350px;
+    left: 26px;
+    width: 114px;
+    height: 114px;
+    background: url(03index/chart_left_bg.png) no-repeat;
+}
+
+.chart_left_bg4 {
+    position: absolute;
+    top: 498px;
+    left: 26px;
+    width: 114px;
+    height: 114px;
+    background: url(03index/chart_left_bg.png) no-repeat;
+}
+
+.indexdown_up {
+    position: absolute;
+    top: 630px;
+    left: 70px;
+    width: 28px;
+    height: 22px;
+    transform: rotate(180deg);
+    background: url(03index/indextop_up.png) no-repeat;
+}
+
+.titleDown_mode {
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+    height: 34px;
+    background-image: url(03index/line_down.png);
+}
+
+.weatherDown_mode {
+    position: absolute;
+    bottom: 0px;
+    left: 6px;
+    width: 510px;
+    height: 28px;
+    background: #3B444A;
+    border: 2px solid #FFFFFF;
+    padding-left: 36px;
+}
+
+.weatherDown_mode_div {
+    font-size: 16px!important;
+    font-family: 'UnidreamLED'!important;
+}
+
+.title_down_01 {
+    position: absolute;
+    top: 0px;
+    left: 34px;
+    width: 928px;
+    height: 36px;
+    background-image: url(03index/title_down_01.png);
+}
+
+.title_down_02 {
+    position: absolute;
+    top: 0px;
+    left: 1011px;
+    width: 500px;
+    height: 36px;
+    background-image: url(03index/title_down_02.png);
+}
+
+.title_down_03 {
+    position: absolute;
+    bottom: 40px;
+    right: 0px;
+    width: 390px;
+    height: 212px;
+    border: 4px solid rgba(255, 255, 255, 0.3);
+}
+
+.title_right_01 {
+    position: absolute;
+    top: 380px;
+    right: 0px;
+    width: 368px;
+    height: 36px;
+    background-image: url(03index/title_right.png);
+}
+
+.title_right_02 {
+    position: absolute;
+    top: 420px;
+    right: 0px;
+    width: 368px;
+    overflow-x: auto;
+    overflow-y: scroll;
+}
+
+.title_right_02::-webkit-scrollbar {
+    width: 6px;
+    height: 100%;
+    display: none!important;
+}
+
+.title_right_02::-webkit-scrollbar-thumb {
+    width: 6px;
+    height: 60px;
+    background-color: rgba(0, 130, 255, 0.6);
+    border-radius: 5px;
+}
+
+.title_right_02::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.alarm_tab03 {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 368px;
+    height: 48px;
+    z-index: 500;
+    cursor: pointer;
+    background: rgba(13, 22, 41, 0.2);
+    border-left: 2px solid #fff;
+    padding-left: 10px;
+    padding-top: 10px;
+}
+
+.alarm_tab03_span {
+    display: inline-block;
+    width: 310px;
+    height: 32px;
+    line-height: 32px;
+    zoom: 1;
+    vertical-align: middle;
+    font-size: 12px!important;
+    padding-left: 10px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.title_right_03 {
+    position: absolute;
+    top: 8px;
+    right: 0px;
+    width: 368px;
+    height: 36px;
+    background-image: url(03index/title_right.png);
+}
+
+.chart_left_data1 {
+    position: absolute;
+    top: 56px;
+    left: 30px;
+    width: 110px;
+    height: 110px;
+}
+
+.chart_left_data2 {
+    position: absolute;
+    top: 204px;
+    left: 30px;
+    width: 110px;
+    height: 110px;
+}
+
+.chart_left_data3 {
+    position: absolute;
+    top: 352px;
+    left: 30px;
+    width: 110px;
+    height: 110px;
+}
+
+.chart_left_data4 {
+    position: absolute;
+    top: 492px;
+    left: 30px;
+    width: 110px;
+    height: 110px;
+}
+
+.chart_down_data1 {
+    position: absolute;
+    top: 82px;
+    left: 34px;
+    width: 928px;
+    height: 150px;
+}
+
+.chart_down_data2 {
+    position: absolute;
+    top: 82px;
+    left: 1011px;
+    width: 500px;
+    height: 150px;
+}
+
+.chart_right_data2 {
+    position: absolute;
+    top: 412px;
+    right: 0px;
+    width: 368px;
+    height: 210px;
+}
+
+.chart_right_bg1 {
+    position: absolute;
+    top: 58px;
+    right: 8px;
+    width: 244px;
+    height: 244px;
+    background: url(03index/chart_right01_bg.png) no-repeat;
+}
+
+.chart_right_data1 {
+    position: absolute;
+    top: 50px;
+    right: 0px;
+    width: 260px;
+    height: 260px;
+}
+
+.div_right_bg {
+    position: absolute;
+    top: 100px;
+    left: 34px;
+    width: 70px;
+    height: 150px;
+    overflow-x: auto;
+    overflow-y: scroll;
+}
+
+.div_right_bg::-webkit-scrollbar {
+    display: none!important;
+}
+
+.div_right_bg_tab {
+    width: 70px;
+    height: 22px;
+    border: 1px solid #2d72b3;
+    font-size: 12px;
+    font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium;
+    font-weight: 500;
+    text-align: center;
+    color: #ffffff;
+    line-height: 18px;
+}
+
+.div_right_bg_tab1 {
+    background: rgba(45, 114, 179, 0.37);
+}
+
+.div_right_bg_tab2 {
+    position: absolute;
+    top: 26px;
+    background: rgba(45, 114, 179, 0.37);
+}
+
+.div_right_bg_tab3 {
+    position: absolute;
+    top: 52px;
+    background: rgba(45, 114, 179, 0.37);
+}
+
+.div_right_bg_tab4 {
+    position: absolute;
+    top: 78px;
+    background: rgba(45, 114, 179, 0.37);
+}
+
+.div_right_bg_tab5 {
+    position: absolute;
+    top: 104px;
+    background: rgba(45, 114, 179, 0.37);
+}
+
+.div_right_bg_tab6 {
+    position: absolute;
+    top: 130px;
+    background: rgba(45, 114, 179, 0.37);
+}
+
+.div_right_bg_tab7 {
+    position: absolute;
+    top: 156px;
+    background: rgba(45, 114, 179, 0.37);
+}
+
+.div_right_bg_tab1_on {
+    background: #2d72b3;
+}
+
+.div_right_bg_tab2_on {
+    position: absolute;
+    top: 26px;
+    background: #2d72b3;
+}
+
+.div_right_bg_tab3_on {
+    position: absolute;
+    top: 52px;
+    background: #2d72b3;
+}
+
+.div_right_bg_tab4_on {
+    position: absolute;
+    top: 78px;
+    background: #2d72b3;
+}
+
+.div_right_bg_tab5_on {
+    position: absolute;
+    top: 104px;
+    background: #2d72b3;
+}
+
+.div_right_bg_tab6_on {
+    position: absolute;
+    top: 130px;
+    background: #2d72b3;
+}
+
+.div_right_bg_tab7_on {
+    position: absolute;
+    top: 156px;
+    background: #2d72b3;
+}
+
+.div_right_bg2 {
+    position: absolute;
+    top: 286px;
+    right: 28px;
+    width: 308px;
+    height: 70px;
+    background: linear-gradient(rgba(16, 41, 67, 0.3) 0%, rgba(25, 95, 121, 0.3) 100%);
+    border-radius: 50px;
+}
+
+.div_right_bg2_tab1 {
+    position: absolute;
+    top: 24px;
+    right: 109px;
+    width: 94px;
+    height: 24px;
+    background: url(03index/div_right_bg2_tab1.png) no-repeat center top;
+}
+
+.div_right_bg2_tab2 {
+    position: absolute;
+    top: 3px;
+    right: 0px;
+    width: 64px;
+    height: 64px;
+    background: rgba(13, 22, 41, 0.3);
+    border-radius: 50px;
+    float: left;
+    padding: 12px 0;
+}
+
+.div_right_bg2_tab3 {
+    position: absolute;
+    top: 3px;
+    left: 0px;
+    width: 64px;
+    height: 64px;
+    background: rgba(13, 22, 41, 0.3);
+    border-radius: 50px;
+    float: left;
+    padding: 12px 0;
+}
+
+.div_right_bg2_tab3_div {
+    width: 40px;
+    height: 40px;
+    border-radius: 50px;
+    border: 1px solid #34464F;
+    margin: 0 auto;
+    font-size: 12px;
+    font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular;
+    font-weight: 400;
+    text-align: center;
+    color: #ffffff;
+    line-height: 36px;
+}
+
+.div_right_bg2_tab4 {
+    position: absolute;
+    top: -5px;
+    left: -10px;
+    width: 84px;
+    height: 84px;
+}
+
+.div_right_bg2_tab2_div {
+    width: 40px;
+    height: 40px;
+    border-radius: 50px;
+    border: 1px solid #34464F;
+    margin: 0 auto;
+    font-size: 12px;
+    font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular;
+    font-weight: 400;
+    text-align: center;
+    color: #ffffff;
+    line-height: 36px;
+}
+
+.div_right_bg2_tab5 {
+    position: absolute;
+    top: -5px;
+    right: -10px;
+    width: 84px;
+    height: 84px;
+}
+
+.div_right_bg4 {
+    position: absolute;
+    top: 356px;
+    right: 44px;
+    width: 28px;
+    height: 14px;
+    font-size: 14px;
+    font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular;
+    font-weight: 400;
+    text-align: left;
+    color: #ffffff;
+}
+
+.div_right_bg3 {
+    position: absolute;
+    top: 356px;
+    left: 42px;
+    width: 43px;
+    height: 14px;
+    font-size: 14px;
+    font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular;
+    font-weight: 400;
+    text-align: left;
+    color: #ffffff;
+}
+
+.div_right_bg5 {
+    position: absolute;
+    top: 12px;
+    left: 28px;
+    width: 48px;
+    height: 13px;
+    font-size: 12px;
+    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
+    font-weight: Normal;
+    text-align: left;
+    color: #ffffff;
+    line-height: 30px;
+    z-index: 500;
+}
+
+.div_right_bg6 {
+    position: absolute;
+    top: 384px;
+    left: 28px;
+    width: 48px;
+    height: 13px;
+    font-size: 12px;
+    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
+    font-weight: Normal;
+    text-align: left;
+    color: #ffffff;
+    line-height: 30px;
+    z-index: 500;
+}
+
+.div_right_bg7 {
+    position: absolute;
+    top: 630px;
+    left: 28px;
+    width: 48px;
+    height: 13px;
+    font-size: 12px;
+    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
+    font-weight: Normal;
+    text-align: left;
+    color: #ffffff;
+    line-height: 30px;
+    z-index: 500;
+}
+
+.div_down_bg_title {
+    position: absolute;
+    top: 4px;
+    left: 1040px;
+    width: 56px;
+    height: 14px;
+    font-size: 14px;
+    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
+    font-weight: Normal;
+    text-align: left;
+    color: #ffffff;
+    line-height: 30px;
+    z-index: 500;
+}
+
+.div_down_bg1 {
+    position: absolute;
+    top: 40px;
+    left: 1020px;
+    opacity: 0.55;
+    background: rgba(14, 69, 81, 0.5);
+}
+
+.div_down_bg2 {
+    position: absolute;
+    top: 40px;
+    left: 1205px;
+    opacity: 0.55;
+    background: rgba(14, 69, 81, 0.5);
+}
+
+.div_down {
+    width: 128px;
+    height: 28px;
+    font-size: 12px;
+    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
+    font-weight: Normal;
+    text-align: center;
+    color: #ffffff;
+    line-height: 28px;
+    z-index: 500;
+}
+
+.div_down_bg3 {
+    position: absolute;
+    top: 40px;
+    left: 1383px;
+    opacity: 0.55;
+    background: rgba(14, 69, 81, 0.5);
+}
+
+.div_down_bg1_on {
+    position: absolute;
+    top: 40px;
+    left: 1020px;
+    background: rgba(14, 69, 81, 0.5);
+    border: 1px solid #1af7f0;
+}
+
+.div_down_bg2_on {
+    position: absolute;
+    top: 40px;
+    left: 1205px;
+    background: rgba(14, 69, 81, 0.5);
+    border: 1px solid #1af7f0;
+}
+
+.div_down_bg3_on {
+    position: absolute;
+    top: 40px;
+    left: 1383px;
+    background: rgba(14, 69, 81, 0.5);
+    border: 1px solid #1af7f0;
+}
+
+.div_down_bg4 {
+    width: 390px;
+    height: 204px;
+    z-index: 1000;
+}
+
+.div_down_bg5 {
+    position: absolute;
+    top: 4px;
+    left: 66px;
+    width: 56px;
+    height: 14px;
+    font-size: 14px;
+    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
+    font-weight: Normal;
+    text-align: left;
+    color: #ffffff;
+    line-height: 30px;
+    z-index: 500;
+}
+
+.div_down_bg6 {
+    position: absolute;
+    top: 4px;
+    left: 830px;
+    width: 120px;
+    height: 13px;
+    font-size: 12px;
+    font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium;
+    font-weight: 500;
+    text-align: left;
+    color: #ffffff;
+    line-height: 30px;
+    z-index: 500;
+}
+
+.div_down_alarm {
+    font-size: 12px;
+    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
+    font-weight: Normal;
+    text-align: left;
+    z-index: 500;
+}
+
+.div_down_alarm_bg1 {
+    position: absolute;
+    top: 50px;
+    left: 554px;
+    width: 50px;
+    height: 12px;
+    color: #ffffff;
+    opacity: 0.55;
+}
+
+.div_down_alarm_bg2 {
+    position: absolute;
+    top: 50px;
+    left: 622px;
+    width: 48px;
+    height: 13px;
+    color: #ffffff;
+    opacity: 0.55;
+}
+
+.div_down_alarm_bg3 {
+    position: absolute;
+    top: 50px;
+    left: 694px;
+    width: 48px;
+    height: 13px;
+    color: #ffffff;
+    opacity: 0.55;
+}
+
+.div_down_alarm_bg4 {
+    position: absolute;
+    top: 50px;
+    left: 768px;
+    width: 72px;
+    height: 13px;
+    color: #ffffff;
+    opacity: 0.55;
+}
+
+.div_down_alarm_bg5 {
+    position: absolute;
+    top: 50px;
+    left: 862px;
+    width: 84px;
+    height: 13px;
+    color: #ffffff;
+    opacity: 0.55;
+}
+
+.div_down_alarm_bg1_on {
+    position: absolute;
+    top: 50px;
+    left: 554px;
+    width: 50px;
+    height: 12px;
+    color: #00aeff;
+}
+
+.div_down_alarm_bg2_on {
+    position: absolute;
+    top: 50px;
+    left: 622px;
+    width: 48px;
+    height: 13px;
+    color: #00aeff;
+}
+
+.div_down_alarm_bg3_on {
+    position: absolute;
+    top: 50px;
+    left: 694px;
+    width: 48px;
+    height: 13px;
+    color: #00aeff;
+}
+
+.div_down_alarm_bg4_on {
+    position: absolute;
+    top: 50px;
+    left: 768px;
+    width: 72px;
+    height: 13px;
+    color: #00aeff;
+}
+
+.div_down_alarm_bg5_on {
+    position: absolute;
+    top: 50px;
+    left: 862px;
+    width: 84px;
+    height: 13px;
+    color: #00aeff;
+}
+
+.div_left_bg5 {
+    position: absolute;
+    top: 174px;
+    left: 40px;
+    width: 84px;
+    height: 13px;
+    color: #ffffff;
+}
+
+.div_left_bg6 {
+    position: absolute;
+    top: 322px;
+    left: 28px;
+    width: 108px;
+    height: 13px;
+    color: #ffffff;
+}
+
+.div_left_bg7 {
+    position: absolute;
+    top: 470px;
+    left: 36px;
+    width: 96px;
+    height: 13px;
+    color: #ffffff;
+}
+
+.div_left_bg8 {
+    position: absolute;
+    top: 610px;
+    left: 42px;
+    width: 84px;
+    height: 13px;
+    color: #ffffff;
+}
+
+.chartleftbg_data_div {
+    width: 32px;
+    height: 32px;
+    font-size: 12px;
+    font-family: tohama;
+    font-weight: 500;
+    text-align: center;
+    line-height: 30px;
+}
+
+.chartleftbg1_data_div {
+    position: absolute;
+    top: 98px;
+    left: 68px;
+}
+
+.chartleftbg2_data_div {
+    position: absolute;
+    top: 246px;
+    left: 68px;
+}
+
+.chartleftbg3_data_div {
+    position: absolute;
+    top: 394px;
+    left: 68px;
+}
+
+.chartleftbg4_data_div {
+    position: absolute;
+    top: 542px;
+    left: 68px;
+}
+
+
+/*应急预案*/
+
+.contingency_plan1 {
+    position: relative;
+    top: 20px;
+    width: 590px;
+    height: 200px;
+    background: #3C3C3C;
+    font-size: 14px;
+    margin: 0px!important;
+    padding: 0px!important;
+}
+
+.contingency_plan1_div1 {
+    position: absolute;
+    top: 60px;
+    left: 20px;
+}
+
+.contingency_plan1_input1 {
+    width: 160px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    left: 118px;
+}
+
+.contingency_plan1_div2 {
+    position: absolute;
+    top: 60px;
+    left: 318px;
+}
+
+.contingency_plan1_input2 {
+    width: 160px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    left: 380px;
+}
+
+.contingency_plan1_div3 {
+    position: absolute;
+    top: 100px;
+    left: 48px;
+}
+
+.contingency_plan1_input3 {
+    width: 160px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 98px;
+    left: 118px;
+}
+
+.contingency_plan1_div4 {
+    position: absolute;
+    top: 100px;
+    left: 304px;
+}
+
+.contingency_plan1_input4 {
+    width: 160px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 98px;
+    left: 380px;
+}
+
+.contingency_plan1_div6 {
+    position: absolute;
+    top: 140px;
+    left: 20px;
+}
+
+.contingency_plan1_input5 {
+    width: 160px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 138px;
+    left: 118px;
+}
+
+.contingency_plan1_div5 {
+    position: absolute;
+    top: 140px;
+    left: 280px;
+}
+
+.contingency_plan1_input6 {
+    width: 160px;
+    height: 20px;
+    border-radius: 4px;
+    position: absolute;
+    top: 138px;
+    left: 292px;
+}
+
+.contingency_plan1_div {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    font-size: 16px!important;
+    font-weight: bolder;
+}
+
+.contingency_plan2 {
+    position: relative;
+    top: 40px;
+    width: 590px;
+    height: 280px;
+    background: #3C3C3C;
+    font-size: 14px;
+}
+
+.contingency_plan3 {
+    position: relative;
+    top: 60px;
+    width: 590px;
+    height: 400px;
+    background: #3C3C3C;
+    font-size: 14px;
+}
+
+
+/*
+.contingency_plan4 {
+	position:relative;
+	top:80px;
+	width:590px;
+	height:400px;
+	background:#3C3C3C;
+	font-size:14px;
+}
+*/
+
+.contingency_plan2_div1 {
+    position: absolute;
+    top: 60px;
+    left: 62px;
+}
+
+.contingency_plan2_input1 {
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    left: 118px;
+}
+
+.contingency_plan2_div2 {
+    position: absolute;
+    top: 60px;
+    left: 322px;
+}
+
+.contingency_plan2_input2 {
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    left: 380px;
+}
+
+.contingency_plan2_div3 {
+    position: absolute;
+    top: 160px;
+    left: 62px;
+}
+
+.contingency_plan2_input3 {
+    border-radius: 4px;
+    position: absolute;
+    top: 158px;
+    left: 118px;
+}
+
+.contingency_plan2_div4 {
+    position: absolute;
+    top: 160px;
+    left: 322px;
+}
+
+.contingency_plan2_input4 {
+    border-radius: 4px;
+    position: absolute;
+    top: 158px;
+    left: 380px;
+}
+
+.contingency_plan3_div1 {
+    position: absolute;
+    top: 60px;
+    left: 48px;
+}
+
+.contingency_plan3_input1 {
+    border-radius: 4px;
+    position: absolute;
+    top: 58px;
+    left: 118px;
+}
+
+.contingency_plan3_div2 {
+    position: absolute;
+    top: 160px;
+    left: 48px;
+}
+
+.contingency_plan3_input2 {
+    border-radius: 4px;
+    position: absolute;
+    top: 158px;
+    left: 118px;
+}
+
+#map_fullname-inputEl {
+    color: #495057;
+    background: #fff;
+    background-size: cover;
+}
+
+#map_clnr-inputEl {
+    color: #495057;
+    background: #fff;
+    background-size: cover;
+}

src/assets/homeStatic/images/close.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1609206862769" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1113" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z" fill="#1A1A1A" p-id="1114"></path></svg>

src/assets/homeStatic/images/preloader.svg

@@ -0,0 +1 @@
+<svg width="72px"  height="72px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-disqus" style="background: none;"><path ng-attr-d="{{config.d}}" ng-attr-stroke-width="{{config.width}}" ng-attr-stroke="{{config.stroke}}" fill="none" d="M74 50A24 24 0 1 1 30.15006621741051 36.50999893154888 L28.78679656440357 28.786796564403577 L36.50999893154886 30.150066217410522 A24 24 0 0 1 74 50" stroke-width="2" stroke="#f5d69b"></path><circle cx="50" cy="50" ng-attr-r="{{config.radius2}}" ng-attr-stroke-width="{{config.width}}" ng-attr-stroke="{{config.stroke}}" ng-attr-stroke-dasharray="{{config.dasharray}}" fill="none" stroke-linecap="round" r="15" stroke-width="2" stroke="#f5d69b" stroke-dasharray="23.561944901923447 23.561944901923447" transform="rotate(280 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1.5s" begin="0s" repeatCount="indefinite"></animateTransform></circle></svg>

src/assets/homeStatic/js/flexible.js

@@ -0,0 +1,43 @@
+(function flexible(window, document) {
+  var docEl = document.documentElement;
+  var dpr = window.devicePixelRatio || 1;
+
+  // adjust body font size
+  function setBodyFontSize() {
+    if (document.body) {
+      document.body.style.fontSize = 12 * dpr + "px";
+    } else {
+      document.addEventListener("DOMContentLoaded", setBodyFontSize);
+    }
+  }
+  setBodyFontSize();
+
+  // set 1rem = viewWidth / 10
+  function setRemUnit() {
+    var rem = docEl.clientWidth / 24;
+    docEl.style.fontSize = rem + "px";
+  }
+
+  setRemUnit();
+
+  // reset rem unit on page resize
+  window.addEventListener("resize", setRemUnit);
+  window.addEventListener("pageshow", function(e) {
+    if (e.persisted) {
+      setRemUnit();
+    }
+  });
+
+  // detect 0.5px supports
+  if (dpr >= 2) {
+    var fakeBody = document.createElement("body");
+    var testElement = document.createElement("div");
+    testElement.style.border = ".5px solid transparent";
+    fakeBody.appendChild(testElement);
+    docEl.appendChild(fakeBody);
+    if (testElement.offsetHeight === 1) {
+      docEl.classList.add("hairlines");
+    }
+    docEl.removeChild(fakeBody);
+  }
+})(window, document);

src/assets/homeStatic/js/index.js

@@ -0,0 +1,696 @@
+/* 饼图 */
+(function() {
+
+    /* 饼图初始化 */
+    var myChartPie = echarts.init(document.querySelector(" .chart"));
+
+    var placeHolderStyle = {
+        normal: {
+            color: '#fff',
+            opacity: .1
+        },
+        emphasis: {
+            color: '#fff',
+            opacity: .1
+        }
+    }
+    optionPie = {
+        grid: {
+            left: '4%',
+            top: '4%',
+            height: "100%",
+            containLabel: true
+        },
+
+
+        textStyle: {
+            fontSize: 16,
+            color: '#40E7F4 '
+        },
+
+        tooltip: {
+            trigger: 'item',
+            formatter: "{a} :<br/>({d}%)"
+        },
+        color: ['#3FFFEA', '#FFFF00'],
+        legend: {
+            orient: 'horizontal',
+            bottom: '0',
+            left: '12%',
+            data: ['失电', '低压'],
+            textStyle: {
+                color: '#40E7F4 ',
+                fontSize: 12
+            },
+            formatter(name) {
+                return name
+            },
+            itemWidth: 20,
+            itemHeight: 10,
+            itemGap: 10
+        },
+        series: [{
+            name: '失电',
+            type: 'pie',
+            radius: ['70%', '80%'],
+            center: ["50%", "40%"],
+
+            label: false,
+            startAngle: 90,
+            clockWise: true, //顺时加载
+            hoverAnimation: true,
+            hoverOffset: 3,
+            data: [{
+
+                    value: 103,
+                    name: '失电',
+
+                },
+                {
+                    value: 242,
+                    hoverAnimation: false, //鼠标移入变大
+                    itemStyle: placeHolderStyle
+                }
+
+            ]
+        }, {
+            name: '低压',
+            type: 'pie',
+            radius: ['50%', '60%'],
+            center: ["50%", "40%"],
+            label: false,
+            startAngle: 270,
+            clockWise: true,
+            hoverAnimation: true,
+            hoverOffset: 3,
+            data: [{
+                    value: 242,
+                    name: '低压',
+
+                },
+                {
+                    value: 103,
+                    hoverAnimation: false,
+                    itemStyle: placeHolderStyle
+                }
+            ]
+        }]
+    };
+    myChartPie.setOption(optionPie);
+    window.addEventListener("resize", function() {
+        myChartPie.resize();
+    });
+
+    // 数据统计ajax请求数据
+    function getStatisticData2(queryParam = {}) {
+        ajaxRequest(STATISTICS, "get", queryParam, function(result) {
+            var data = result.data[0]
+
+
+            myChartPie.setOption({
+                series: [{
+
+
+                    data: [{
+
+                            value: data.powerLossAlarmNumber,
+                            name: '失电',
+
+                        },
+                        {
+                            value: data.lowPressureAlarmNumber,
+                            hoverAnimation: false, //鼠标移入变大
+                            itemStyle: placeHolderStyle
+                        }
+
+                    ]
+                }, {
+
+
+                    data: [{
+                            value: data.lowPressureAlarmNumber,
+                            name: '低压',
+
+                        },
+                        {
+                            value: data.powerLossAlarmNumber,
+                            hoverAnimation: false,
+                            itemStyle: placeHolderStyle
+                        }
+                    ]
+                }]
+            })
+
+
+
+        }, function(errorMsg) {
+            alert("请求数据失败!");
+        })
+    }
+    getStatisticData2()
+
+
+
+
+
+
+})();
+
+/* 地图 */
+(function() {
+    var mapStyle = 'amap://styles/659dc6c4753dc6e87c65c8a874c02133';
+    var map1 = new AMap.Map('map1', {
+        mapStyle: mapStyle, //样式URL
+        viewMode: '3D',
+        turboMode: false,
+        resizeEnable: true,
+        zoom: 11,
+        center: [121.475644, 31.1857],
+        features: ['bg', 'road', 'building'],
+        pitch: 45,
+        forceVector: true
+    });
+
+    var StatusStore = [{
+        "address": "静安区万航渡路442号",
+        "building_name": "宝辉冶金",
+        "company_code": "11284",
+        "company_name": "宝辉冶金",
+        "d0": 0,
+        "d0a": 0,
+        "d0ac": 0,
+        "d0o": 0,
+        "d0oc": 0,
+        "fulladdress": "上海市.上海市.静安区.静安区万航渡路442号",
+        "lat": 31.34759,
+        "lng": 121.3313,
+        "phone": "13816977298",
+        "username": "裘怡",
+        "xmlx": "商业"
+    }, {
+        "address": "静安区万航渡路442号",
+        "building_name": "永鑫汽车配件",
+        "company_code": "11283",
+        "company_name": "永鑫汽车配件",
+        "d0": 0,
+        "d0a": 0,
+        "d0ac": 0,
+        "d0o": 0,
+        "d0oc": 0,
+        "fulladdress": "上海市.上海市.静安区.静安区万航渡路442号",
+        "lat": 31.37482,
+        "lng": 121.26621,
+        "phone": "13816977298",
+        "username": "裘怡",
+        "xmlx": "商业"
+    }];
+
+    var current_company_code = "";
+
+    var clear_detail_info = function() {
+        var d0 = 0,
+            d0o = 0,
+            d0oc = 0,
+            d0a = 0,
+            d0ac = 0;
+        var d1 = 0,
+            d1o = 0,
+            d1oc = 0,
+            d1a = 0,
+            d1ac = 0;
+        var d2 = 0,
+            d2o = 0,
+            d2oc = 0,
+            d2a = 0,
+            d2ac = 0;
+        var d6 = 0,
+            d6o = 0,
+            d6oc = 0,
+            d6a = 0,
+            d6ac = 0;
+        var d7 = 0,
+            d7o = 0,
+            d7oc = 0,
+            d7a = 0,
+            d7ac = 0;
+        var detail_info = document.getElementById('detail_info');
+        var real_time_alarm_div = document.getElementById('real_time_alarm_div');
+        var parent = document.getElementById('map1');
+        if (detail_info != undefined) {
+            parent.removeChild(detail_info);
+            current_company_code = "";
+        } else if (real_time_alarm_div != undefined) {
+            parent.removeChild(real_time_alarm_div);
+        }
+    }
+
+    // //撒点图表弹窗
+    var showInfo = function(e) {
+        var pixel = e.pixel;
+        var company_code = e.target.getExtData().company_code;
+        var detail_info;
+        var parent = document.getElementById('map1')
+        for (var i = 0; i < StatusStore.length; i++) {
+            if (StatusStore[i].company_code == company_code) {
+                if (current_company_code == company_code)
+                    return;
+                clear_detail_info();
+                current_company_code = company_code;
+                var qobj = new Object();
+                qobj.V_LOGINNAME = $("#V_LOGINNAME").val();
+                qobj.V_PASSWORD = $("#V_PASSWORD").val();
+                qobj.V_COMPANYID = company_code;
+                qobj.I_COMMAND = 4;
+                var qdata = "queryJson=" + JSON.stringify(qobj);
+                var qurl = 'https://iot.usky.cn/YtIoT/cgi-bin/WebAction2.cgi';
+                $.ajax({
+                    type: 'POST',
+                    url: qurl,
+                    data: qdata,
+                    success: function(result) {
+                        var json = eval('(' + result + ')');
+                        if (json.action == 'getAlarmList') {
+                            $(".alarm_tab_area").remove();
+                            if ((json.ALARM == undefined) || (json.ALARM.length == 0))
+                                return;
+                            var parent = document.getElementById('map1');
+                            json.ALARM.sort(alarmSortByTime);
+                            var area = document.createElement('div');
+                            area.id = 'alarm_tab_area';
+                            area.setAttribute('class', 'alarm_tab_area');
+                            parent.appendChild(area);
+                        }
+                    }
+
+                });
+                detail_info = document.createElement('div');
+                detail_info.id = 'detail_info';
+                detail_info.style.position = 'absolute';
+                detail_info.style.top = (pixel.getY() - 210) + 'px';
+                detail_info.style.left = (pixel.getX() - 113) + 'px';
+                detail_info.style.width = '227px';
+                detail_info.style.height = '164px';
+                detail_info.style.backgroundImage = 'url(../../res/img/03index/info_bg.png)';
+                detail_info.style.zIndex = '500';
+                parent.appendChild(detail_info);
+                var info_title = document.createElement('div');
+                info_title.id = 'info_title';
+                info_title.setAttribute('class', 'info_title');
+                info_title.innerHTML = '<div style="display:inline-block;vertical-align:middle;align-self:center;">' + StatusStore[i].company_name + '</div>';
+                detail_info.appendChild(info_title);
+
+                var info_body0 = document.createElement('div');
+                info_body0.id = 'info_body0';
+                info_body0.setAttribute('class', 'info_body0');
+                // info_body0.innerHTML = '地址：' + StatusStore[i].address;
+                info_body0.innerHTML = '<span class="info-text">地理名称：</span>' + StatusStore[i].building_name;
+                detail_info.appendChild(info_body0);
+
+                var info_body1 = document.createElement('div');
+                info_body1.id = 'info_body1';
+                info_body1.setAttribute('class', 'info_body1');
+                info_body1.innerHTML = '<span class="info-text">所在位置：</span>' + StatusStore[i].address;
+                // info_body1.innerHTML = '联系人：' + StatusStore[i].username;
+                detail_info.appendChild(info_body1);
+
+                var info_body2 = document.createElement('div');
+                info_body2.id = 'info_body2';
+                info_body2.setAttribute('class', 'info_body2');
+                info_body2.innerHTML = '<span class="info-text">电压值：</span>' + StatusStore[i].phone;
+                // info_body2.innerHTML = '联系电话：' + StatusStore[i].phone;
+                detail_info.appendChild(info_body2);
+                var info_btn = document.createElement('div');
+
+                var info_body3 = document.createElement('div');
+                info_body3.id = 'info_body3';
+                info_body3.setAttribute('class', 'info_body3');
+                info_body3.innerHTML = '<span class="info-text">采集时间：</span>' + StatusStore[i].phone;
+                detail_info.appendChild(info_body3);
+                var info_btn = document.createElement('div');
+
+
+                // info_btn.id = 'info_btn';
+                // info_btn.setAttribute('class', 'info_btn');
+                // info_btn.innerHTML = '查看详情';
+                // info_btn.company_code = company_code;
+                // info_btn.onclick = function (e) {
+                //     var event = e;
+                //     location.href = baseUrl + 'view/frontpage/company.jsp?company_code=' + event.currentTarget.company_code;
+                // }
+                // detail_info.appendChild(info_btn);
+                break;
+            }
+        }
+    }
+
+    //撒点
+    var iconWidth = 28;
+    var iconHeight = 28;
+    var totalLng = 0;
+    var totalLat = 0;
+    var latngCount = 0;
+    var markers = [];
+    for (var i = 0; i < StatusStore.length; i++) {
+        var obj = StatusStore[i];
+        var iconurl = 'images/building_icon.png';
+        // var iconurl = baseUrl + 'images/building_icon.png';
+
+        if (obj.d0a != obj.d0ac)
+            iconurl = 'images/building_alarm_icon.png';
+        //iconurl = baseUrl + 'images/building_alarm_icon.png';
+
+        if ((obj.lat > 30) && (obj.lat < 33) && (obj.lng > 120) && (obj.lng < 125)) {
+            totalLng += obj.lng;
+            totalLat += obj.lat;
+            latngCount++;
+            var marker = new AMap.Marker({
+                icon: new AMap.Icon({
+                    size: new AMap.Size(iconWidth, iconHeight),
+                    image: iconurl,
+                    imageSize: new AMap.Size(iconWidth, iconHeight)
+                }),
+                position: new AMap.LngLat(obj.lng, obj.lat),
+                extData: {
+                    icontype: 'company',
+                    company_code: obj.company_code
+                },
+                offset: new AMap.Pixel(-(iconWidth / 2), -(iconHeight / 2)),
+                draggable: false,
+                raiseOnDrag: false,
+                autoRotation: false,
+                label: {
+                    offset: new AMap.Pixel(-iconWidth - 5, -(iconHeight / 2) - 10),
+                    content: "<div id='label_" + obj.company_code + "' class='info " + ('shown') + "'>" + obj.company_name + "</div>",
+                    direction: 'right'
+                }
+            });
+            // AMap.event.addListener(marker, 'click', showBuilding, this);
+            AMap.event.addListener(marker, 'mouseover', showInfo, this);
+            AMap.event.addListener(marker, 'mouseout', clear_detail_info, this);
+
+            marker.setMap(map1);
+            markers.push(marker);
+            // if (!MapShow) {
+
+            // }
+        }
+    }
+
+
+})();
+
+
+/* 数据统计 */
+(function() {
+    // 数据统计ajax请求数据
+    function getStatisticData(queryParam = {}) {
+        ajaxRequest(STATISTICS, "GET", queryParam, function(result) {
+            var data = result.data[0]
+
+            $('#alarmNumber').html(data.alarmNumber)
+            $('#processedAlarmNumber').html(data.processedAlarmNumber)
+            $('#unprocessedAlarmNumber').html(data.unprocessedAlarmNumber)
+            $('#powerLossAlarmNumber').html(data.powerLossAlarmNumber)
+            $('#lowPressureAlarmNumber').html(data.lowPressureAlarmNumber)
+            $('#siteNumber').html(data.siteNumber)
+
+        }, function(errorMsg) {
+            alert("请求数据失败!");
+        })
+    }
+    getStatisticData()
+})();
+
+
+
+/* 设备列表 */
+(function() {
+
+    // 设备列表查询ajax请求数据
+    function getListData(queryParam = {}) {
+
+        ajaxRequest(DEVICE_LIST, "POST", queryParam, function(result) {
+
+            if (result.code) {
+                var data = result.data
+                console.log('data')
+                console.log(data)
+                var items = '';
+                data.forEach(function(item, key) {
+                    var deviceStatusClassName = item.deviceStatus == '在线' ? 'online' : 'offline';
+                    items += ` <tr data-id=${item.deviceCode} class="detail">
+                        <td>${item.deviceName}</td>
+                        <td class="${deviceStatusClassName}">${item.deviceStatus}</td>
+                        <td>${item.deviceAdress}</td>
+                    </tr>`;
+                })
+                $('#deviceListBox').html(items)
+
+            } else {
+                alert('errorMSG')
+            }
+
+
+        }, function(errorMsg) {
+            alert("请求数据失败!");
+        }, 2)
+    }
+    getListData({ 'deviceCode': '1' })
+
+    //按钮搜索
+    $('#deviceButtonClick').on('click', function() {
+        getListData(getSearchParamObj());
+    })
+
+    //拼接搜索条件
+    function getSearchParamObj() {
+
+        let queryParam = {};
+        let deviceStatus = $('#deviceStatus').val();
+        queryParam.deviceStatus = deviceStatus;
+        return queryParam;
+    }
+
+
+    //设备详情弹框
+    $(document).on('dblclick', 'tr.detail', function() {
+
+        let dataId = $('.scroll tbody').find('.selected').data('id');
+        // console.log('dataId')
+        alert(dataId);
+
+        ajaxRequest(DEVICE_INFO_LIST, "POST", { "deviceCode": dataId }, function(result) {
+
+            if (result.code) {
+                var data = result.data[0]
+                console.log('data')
+                console.log(data)
+                var items = ` <ul class="leftUl">
+                        <li>${data.Uab}</li>
+                        <li>${data.Ubc}</li>
+                        <li style="margin-bottom:50px">${data.Uca}</li>
+                        <li>${data.F}</li>
+                    </ul>
+                    <ul class="rightUl">
+                        <li>${data.Ia}</li>
+                        <li>${data.Ib}</li>
+                        <li style="margin-bottom:50px">${data.Ic}</li>
+                        <li>${data.P}</li>
+                        <li>${data.Q}</li>
+                        <li>${data.COS}</li>
+                    </ul>`;
+
+                $('#txt-box').html(items)
+
+            } else {
+                alert('errorMSG')
+            }
+
+
+        }, function(errorMsg) {
+            alert("请求数据失败!");
+        }, 2)
+
+
+
+
+
+
+        $('.deviceDetailOut').show()
+    })
+    $('.clsBtn,.cancel').click(function() {
+        $('.deviceDetailOut').hide()
+    })
+
+
+
+
+
+
+
+
+
+})();
+
+
+
+/* 告警列表 */
+(function() {
+    // 告警列表查询ajax请求数据
+    function getListData(queryParam = {}) {
+        ajaxRequest(ALARM_LIST, "POST", queryParam, function(result) {
+            // console.log(result)
+            if (result.code) {
+                var data = result.RESULT
+                console.log('告警列表')
+                console.log(data)
+                var items = '';
+                data.forEach(function(item, key) {
+                    var digitalValueClassName = item.digitalValue == '动作' ? 'color-red' : 'color-orange';
+                    var handleStatusClassName = item.handleState == '已处理' ? 'processed' : 'unprocess';
+                    // var timeConsuming = item.timeConsuming == '--' ? '--' : item.timeConsuming.hours;
+
+                    items += "<tr data-id=" + item.id + " data-alarm='" + JSON.stringify(item) + "'>" +
+                        "<td>" + item.companyName + "</td>" +
+                        "<td>" + item.companyAdress + "</td>" +
+                        "<td class='" + digitalValueClassName + "'>" + item.digitalValue + "</td>" +
+                        "<td>" + item.measDesc + "</td>" +
+                        "<td>" + item.sendingTime + "</td>" +
+                        "<td>" + item.timeConsuming + "</td>" +
+                        "<td class='" + handleStatusClassName + "'>" + item.handleState + "</td>" +
+                        "</tr>"
+
+
+                })
+                $('#alarmListBox').html(items)
+
+            } else {
+                alert('errorMSG')
+            }
+
+
+        }, function(errorMsg) {
+            alert("请求数据失败!");
+        }, 2)
+    }
+    getListData()
+
+    //按钮搜索
+    $('#alarmButtonClick').on('click', function() {
+        getListData(getAlarmSearchParamObj());
+    })
+
+    //拼接搜索条件
+    function getAlarmSearchParamObj() {
+
+        let queryParam = {};
+
+        let digitalValue = $('#digitalValue').val()
+        let startTime = $('#startTime').val();
+        let endTime = $('#endTime').val();
+
+        queryParam.digitalValue = digitalValue;
+        queryParam.startTime = startTime;
+        queryParam.endTime = endTime;
+
+        return queryParam;
+    }
+
+
+    //处置弹框
+    $(document).on('dblclick', '.alarm-table tbody tr', function() {
+        let alarmInfo = $('.scroll tbody').find('.selected').data('alarm');
+        // console.log('alarmInfo')
+        // console.log(alarmInfo)
+        $('.alarmHanleOut input[name=companyName]').val(alarmInfo.companyName);
+        $('.alarmHanleOut input[name=companyAdress]').val(alarmInfo.companyAdress);
+        $('.alarmHanleOut input[name=measDesc]').val(alarmInfo.measDesc);
+
+        $('.alarmHanleOut input[name=deviceCode]').val(alarmInfo.deviceCode);
+        $('.alarmHanleOut input[name=handleContent]').val(alarmInfo.handleContent);
+
+        //$('.alarmHanleOut input[name=handleMisinformation]').val(alarmInfo.handleMisinformation);
+        $('.alarmHanleOut input[name=alarmId]').val(alarmInfo.alarmId);
+
+
+        if (alarmInfo.handleState == "已处理") {
+            //         $("#inc1").removeAttr("checked");
+            //         $("#inc0").attr("checked","checked");
+            //         $("#inc0").prop("checked", "checked");
+            //         $("input[name='handleMisinformation']").each(function() {
+            //          if ($(this).val() != alarmInfo.handleMisinformation) {
+            //          $(this).removeAttr("checked");
+            //          } else {
+            //          $(this).prop("checked", "checked");
+            //          }
+            //         });
+            $('.alarmHanleOut input[name=handleMisinformation]').val(alarmInfo.handleMisinformation);
+
+            if (alarmInfo.handleMisinformation == 0) {
+                $("#no").prop("checked", true);
+            } else {
+                $("#yes").prop("checked", true);
+            }
+
+            layui.use(['form'], function() {
+                var form = layui.form;
+                form.render('radio');
+            });
+
+        }
+
+
+
+        $('.alarmHanleOut').show()
+    })
+    $('.clsBtn,.cancel').click(function() {
+        $('.alarmHanleOut').hide()
+        $("tbody tr").removeClass("selected");
+    })
+
+    /* 处理发送请求 */
+    $('#dataUpdate').click(function() {
+        //获取表单的值 并转换成对象
+        let allParam = serializeArrayToObj($("#alarmHandleForm").serializeArray());
+
+        //验证数据是否为空
+        let res = validParamIsEmpty(allParam, {
+            // "ownerMan": "请填写单位负责人",
+        });
+
+        if (res.code == -1) {
+            alert(res.msg);
+            return;
+        }
+
+
+        //验证图片是否为空
+        // var uploadImgSrc = $('#drop_area img').attr('src')
+        // if (uploadImgSrc == 'images/upload.png') {
+        //     alert('请上传图片')
+
+        // }
+
+
+
+        //验证通过 请求ajax
+        ajaxRequest(ALARM_HANDLE, "POST", allParam, function(result) {
+            // if (result.code) {
+            //     alert('修改成功')
+
+            // } else {
+            //     alert('修改失败')
+            // }
+            $('.alarmHanleOut').hide()
+            getListData();
+
+
+        }, function(errorMsg) {
+            alert("异常错误!");
+
+        }, 2)
+
+
+    })
+
+})()

src/assets/homeStatic/js/map.js

@@ -0,0 +1,2617 @@
+/**
+ * map.js
+ */
+
+
+Ext.Loader.setConfig({
+    enabled: true
+});
+
+Ext.Loader.setPath('Ext.ux', '../../res/extjs/examples/ux');
+
+Ext.require([
+    'Ext.grid.*',
+    'Ext.data.*',
+    'Ext.ux.RowExpander',
+    'Ext.selection.CheckboxModel'
+]);
+
+var sm = Ext.create('Ext.selection.CheckboxModel');
+var myMask;
+var baseUrl = "";
+var basePath = "";
+var theme = "";
+var mapStyle = "";
+var map;
+var map1;
+var mapzoom = 11;
+var company_cur = 0;
+var StatusStore=null,AlarmStore=null;
+var firstDraw = true;
+var weatherDown_mode_div = null;
+var storeTime = 60000;
+var centerLng = 121.475644;
+var currentLng = 121.475644;
+var centerLat = 31.1857;
+var currentLat = 31.1857;
+var rotation = 0;
+var alarm_show_window=null;
+var show_alarm_list;
+var show_list_cur=0
+var V_LOGINNAME='',V_PASSWORD='';
+var listSync=true;
+var synctime = 0;
+var company_code = '';
+var start=0;
+var end = 360;
+var targetZoom = 20;
+var maxHeight = 10000;
+var maxWidth = 10000;
+var SearchList = null;
+var markers = [];
+var current_company_code="";
+var LabelShow = false;
+var MapShow = false;
+var last_move;
+var filterwin;
+var mouseon;
+var mouseoff;
+var menu_click;
+var real_time_alarm;
+var menuidx = 'm1';
+var menuidx1 = 'm1';
+var menuidx2 = 'm1';
+var myStore1 = null;
+var wsUri = "wss://iot.usky.cn:55120";
+var sm1 = Ext.create('Ext.selection.CheckboxModel');
+var websocket = null;
+Ext.define('CheckRecord3',{
+	extend: 'Ext.data.Model',
+	fields: [
+		{ name:'id', type:'int'},
+		{ name:'orderIdx', type:'int'},
+		{ name:'device_code',	type:'string' },
+		{ name:'company_code',	type:'string' },
+		{ name:'company_name',	type:'string' },
+		{ name:'fullname', type:'string' },
+		{ name:'time', type:'string' },
+		{ name:'name', type:'string' },
+		{ name:'status', type:'string' },
+		{ name:'data', type:'string' },
+		{ name:'data2', type:'string' },
+		{ name:'data4', type:'string' },
+		{ name:'clzt', type:'string' },
+		{ name:'clr_name', type:'string' },
+		{ name:'clsj', type:'string' },
+		{ name:'clnr', type:'string'},
+		{ name:'clwb', type:'string'}
+	]
+});
+
+var alarm_alert_config={
+	title:'<table border=0 style="width:320px;"><tr><td id="rt_alarm_alert_icon" style="width:24px;height:24px;"></td><td><span id="rt_alarm_alert_title" style="text-align:right;margin-left:10px;font-widght:bold;color:#31e9ff;overflow:hidden;"></span></td><td style="width:32px;color:#ffffff;cursor:pointer;text-align:left;" onclick="close_alert()"><div style="width:16px;height:16px;background-image:url(../../res/img/common/close-tmp.gif)"></div></td></tr></table>',
+	titleColor:'#ffffff',
+	titleIconColor:'#ffffff',
+	titleBackgroundColor:'rgba(0,0,0,0.1)',
+	backgroundColor: 'rgba(23,21,57,0.2)',
+	backgroundImage: 'radial-gradient(circle, rgba(23,21,57,0.2), rgba(9,9,27,0.8))',
+	border: '1px solid #31e9ff',
+	borderRadius:'10px',
+	position:'absolute',
+	width:320,
+	height:120,
+	bottom:-100,
+	right:95,
+	zIndex:990,
+	bodyText:'<div><table border="0" style="border:0px solid #31e9ff;margin:5px;font-size:9px;color:#ffffff"><tr><td colspan=2 style="height:20px;"><div id="alarm_time" style="margin-top:3px;"></div><div id="alarm_company" style="margin-top:3px;"></div><div id="alarm_device" style="margin-top:3px;"></div></td></tr></table></div>'
+}
+
+var close_alert = function(){
+	removeDIV("rt_alarm_alert");
+}
+
+var markerSortByRotation = function(a,b){
+	if((rotation<=45)||(rotation>=315))
+		return b.lat-a.lat;
+	else if((rotation>45)&&(rotation<=135))
+		return a.lng - b.lng;
+	else if((rotation>135)&&(rotation<=270))
+		return a.lat-b.lat;
+	else
+		return b.lng-a.lng;
+}
+
+var bigger_click = function(){
+	map.zoomIn( );
+}
+
+var smaller_click = function(){
+	map.zoomOut( );
+}
+
+var right_mouseover = function(){
+	$("#map_btn_right").removeClass('map_btn_right_off');
+	$("#map_btn_right").addClass('map_btn_right_on');
+}
+
+var right_mouseout = function(){
+	$("#map_btn_right").removeClass('map_btn_right_on');
+	$("#map_btn_right").addClass('map_btn_right_off');
+}
+
+var alarmSortByTime = function(a,b){
+	var time_a = Date.parse(a.time);
+	var time_b = Date.parse(b.time);
+	return time_b-time_a;
+}
+
+var clear_detail_info = function(){
+	var d0=0, d0o=0, d0oc=0, d0a=0, d0ac=0;
+	var d1=0, d1o=0, d1oc=0, d1a=0, d1ac=0;
+	var d2=0, d2o=0, d2oc=0, d2a=0, d2ac=0;
+	var d6=0, d6o=0, d6oc=0, d6a=0, d6ac=0;
+	var d7=0, d7o=0, d7oc=0, d7a=0, d7ac=0;
+	var detail_info = document.getElementById('detail_info');
+	var real_time_alarm_div = document.getElementById('real_time_alarm_div');
+	var parent = document.getElementById('container');
+	if(detail_info!=undefined){
+		parent.removeChild(detail_info);
+		current_company_code="";
+	}else if(real_time_alarm_div!=undefined){
+		parent.removeChild(real_time_alarm_div);
+	}
+}
+
+var draw_pie = function(id, total, num){
+	var mColor= '#34abf5';
+    var percent = 100;
+    if(total>0)
+        percent = Number(((num*100)/total).toString().match(/^\d+(?:\.\d{0,2})?/));
+    if(percent<60)
+        mColor = '#f66167';
+    else if(percent<80)
+        mColor = '#DDDF0D';
+    if(id=='data_pie_1'){
+	    $("#title-label-11").css({
+	    	color:mColor
+	    }).html(percent+'%');
+	    $("#title-label-12").html(total);
+    }else if(id=='data_pie_2'){
+    	$("#title-label-21").css({
+	    	color:mColor
+	    }).html(percent+'%');
+	    $("#title-label-22").html(total);
+    }else if(id=='data_pie_3'){
+    	$("#title-label-31").css({
+	    	color:mColor
+	    }).html(percent+'%');
+	    $("#title-label-32").html(total);
+    }else if(id=='data_pie_4'){
+    	$("#title-label-41").css({
+	    	color:mColor
+	    }).html(percent+'%');
+	    $("#title-label-42").html(total);
+    }
+    Highcharts.getOptions().colors = Highcharts.map(['#f66167','#34abf5', '#DDDF0D'], function (color) {
+    	return {
+    		radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
+    		stops: [
+    			[0, color],
+    			[1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
+    		]
+    	};
+    });
+	Highcharts.chart(id,{
+	    chart: {
+	        type: 'pie',
+	        backgroundColor: 'rgba(0,0,0,0)',
+	        height:'100%',
+	        options3d: {
+	            enabled: true,
+	            alpha: 45,
+	            beta: 0
+	        }
+	    },
+	    title: {
+	        text: '处置率:'+percent+'%',
+	        floating:true,
+	          y:85,
+	          style:{fontSize:'12px',color:'#ffffff'}
+	    },
+      exporting: {   
+	      enabled: false
+	  },
+	  credits: {
+	      enabled: false
+	  },
+	  tooltip: {
+//	      enabled: false
+		  pointFormat: '{point.percentage:.2f}%'
+	  },
+	    plotOptions: {
+	        pie: {
+	            allowPointSelect: true,
+	            
+	            cursor: 'pointer',
+	            depth: 15,
+	            dataLabels: {
+	                enabled: false,
+	                format: '{point.name}'
+	            }
+	        }
+	    },
+	    series: [{
+	        type: 'pie',
+	        name: '处置率',
+	        startAngle:90,
+	        data: [{
+	        	name:'待处理',
+	        	y:100-percent,
+	        	sliced: true,
+				selected: true
+				},
+	            ['已处理', percent]
+	        ]
+	    }]
+    });
+}
+
+var showBuilding = function(company_code){
+	if((StatusStore!=null)&&(StatusStore.length>0)){
+		for(var i=0;i<StatusStore.length;i++){
+			if(StatusStore[i].company_code==company_code){
+				map.setCenter(new AMap.LngLat(StatusStore[i].lng,StatusStore[i].lat,true));
+				map.setPitch(83);
+				map.setZoom(18);
+				break;
+			}
+		}
+	}
+}
+
+var showInfo = function(e){
+	var pixel = e.pixel;
+	var company_code = e.target.getExtData().company_code;
+	var detail_info;
+	var parent = document.getElementById('container')
+	for(var i=0;i<StatusStore.length;i++){
+		if(StatusStore[i].company_code==company_code){
+			if(current_company_code==company_code)
+				return;
+			clear_detail_info();
+			current_company_code=company_code;
+			var qobj = new Object();
+			qobj.V_LOGINNAME = $("#V_LOGINNAME").val();
+			qobj.V_PASSWORD = $("#V_PASSWORD").val();
+			qobj.V_COMPANYID = company_code;
+			qobj.I_COMMAND = 4;
+			var qdata = "queryJson="+JSON.stringify(qobj);
+			var qurl = 'https://iot.usky.cn/YtIoT/cgi-bin/WebAction2.cgi';
+			$.ajax({
+				type:'POST',
+				url: qurl,
+				data: qdata,
+				success:function(result){
+					var json = eval('(' + result + ')');
+					if(json.action=='getAlarmList'){
+						$(".alarm_tab_area").remove();
+						if((json.ALARM==undefined)||(json.ALARM.length==0))
+							return;
+						var parent = document.getElementById('container');
+						json.ALARM.sort(alarmSortByTime);
+						var area = document.createElement('div');
+						area.id= 'alarm_tab_area';
+						area.setAttribute('class','alarm_tab_area');
+						parent.appendChild(area);
+					}
+				}
+				
+			});
+			detail_info = document.createElement('div');
+			detail_info.id = 'detail_info';
+			detail_info.style.position='absolute';
+			detail_info.style.top=(pixel.getY()-310)+'px';
+			detail_info.style.left=(pixel.getX()-0)+'px';
+			detail_info.style.width='300px';
+			detail_info.style.height='312px';
+			detail_info.style.backgroundImage='url(../../res/img/03index/info_bg.png)';
+			detail_info.style.zIndex='500';
+			detail_info.onmouseleave=clear_detail_info;
+			parent.appendChild(detail_info);
+			var info_title = document.createElement('div');
+			info_title.id='info_title';
+			info_title.setAttribute('class','info_title');
+			info_title.innerHTML='<div style="display:inline-block;vertical-align:middle;align-self:center;">'+StatusStore[i].company_name+'</div>';
+			detail_info.appendChild(info_title);
+			
+			var info_body0 = document.createElement('div');
+			info_body0.id = 'info_body0';
+			info_body0.setAttribute('class','info_body0');
+			info_body0.innerHTML='地址：'+StatusStore[i].address;
+			detail_info.appendChild(info_body0);
+			var info_body1 = document.createElement('div');
+			info_body1.id = 'info_body1';
+			info_body1.setAttribute('class','info_body1');
+			info_body1.innerHTML='联系人：'+StatusStore[i].username;
+			detail_info.appendChild(info_body1);
+			var info_body2 = document.createElement('div');
+			info_body2.id = 'info_body2';
+			info_body2.setAttribute('class','info_body2');
+			info_body2.innerHTML='联系电话：'+StatusStore[i].phone;
+			detail_info.appendChild(info_body2);
+			var info_btn = document.createElement('div');
+			info_btn.id = 'info_btn';
+			info_btn.setAttribute('class','info_btn');
+			info_btn.innerHTML='查看详情';
+			info_btn.company_code=company_code;
+			info_btn.onclick=function(e){
+				var event = e;
+				location.href = baseUrl+'view/frontpage/company.jsp?company_code='+event.currentTarget.company_code;
+			}
+			detail_info.appendChild(info_btn);
+			break;
+		}
+	}
+}
+
+var draw_all = function(){
+	if(company_cur>0)
+		return;
+	var d0=0, d0o=0, d0oc=0, d0a=0, d0ac=0;
+	var d1=0, d1o=0, d1oc=0, d1a=0, d1ac=0;
+	var d2=0, d2o=0, d2oc=0, d2a=0, d2ac=0;
+	var d6=0, d6o=0, d6oc=0, d6a=0, d6ac=0;
+	var d7=0, d7o=0, d7oc=0, d7a=0, d7ac=0;
+	var totalLat=0, totalLng=0, latngCount=0;
+//	map.clearMap();
+	clear_detail_info();
+	markers = [];
+	var zoom = map.getZoom();
+	var iconWidth = 28;
+	var iconHeight = 28;
+	if((StatusStore!=null)&&(StatusStore.length>0)){
+		rotation = map.getRotation();
+		StatusStore.sort(markerSortByRotation);		
+		for(var i=0;i<StatusStore.length;i++){
+			var obj = StatusStore[i];
+			var iconurl = baseUrl+'res/img/icons/building.png';
+			if((obj.d0a!=obj.d0ac)
+					||(obj.d0o!=obj.d0oc)
+					||(obj.d1a!=obj.d1ac)
+					||(obj.d1o!=obj.d1oc)
+					||(obj.d2a!=obj.d2ac)
+					||(obj.d2o!=obj.d2oc)
+					||(obj.d6a!=obj.d6ac)
+					||(obj.d6o!=obj.d6oc)
+					||(obj.d7a!=obj.d7ac)
+					||(obj.d7o!=obj.d7oc))
+				iconurl = baseUrl+'res/img/icons/building_alarm.png';
+			d1  += obj.d1;
+			d1o += obj.d1o;
+			d1a += obj.d1a;
+			d1oc+= obj.d1oc;
+			d1ac+= obj.d1ac;
+			d2  += obj.d2;
+			d2o += obj.d2o;
+			d2a += obj.d2a;
+			d2oc+= obj.d2oc;
+			d2ac+= obj.d2ac;
+			d6  += obj.d6;
+			d6o += obj.d6o;
+			d6a += obj.d6a;
+			d6oc+= obj.d6oc;
+			d6ac+= obj.d6ac;
+			d7  += obj.d7;
+			d7o += obj.d7o;
+			d7a += obj.d7a;
+			d7oc+= obj.d7oc;
+			d7ac+= obj.d7ac;
+			if((obj.lat>30)&&(obj.lat<33)&&(obj.lng>120)&&(obj.lng<125)){
+				totalLng += obj.lng;
+				totalLat += obj.lat;
+				latngCount++;
+				var marker= new AMap.Marker({
+	                icon:new AMap.Icon({
+	                	size:new AMap.Size(iconWidth,iconHeight),
+	                	image:iconurl,
+	                	imageSize:new AMap.Size(iconWidth,iconHeight)
+	                }),
+	                position: new AMap.LngLat(obj.lng,obj.lat),
+	                extData:{
+	                	icontype:'company',
+	                    company_code:obj.company_code
+	                },
+	                offset: new AMap.Pixel(-(iconWidth/2), -(iconHeight/2)),
+	                draggable:false,
+	                raiseOnDrag:false,
+	                autoRotation:false,
+	                label:{
+	                	offset: new AMap.Pixel(-iconWidth-5,-(iconHeight/2)-10),
+	                	content:"<div id='label_"+obj.company_code+"' class='info "+(LabelShow?'shown':'hiden')+"'>"+obj.company_name+"</div>",
+	                	direction: 'right'
+	                }
+	            });
+	            AMap.event.addListener(marker,'click',showBuilding,this);
+	            AMap.event.addListener(marker,'mouseover',showInfo,this);
+	            if(!MapShow){
+	            marker.setMap(map);
+	            markers.push(marker);
+	            }
+			}			
+		}
+		var sts = [{
+            url: baseUrl+'res/img/icons/icon_juhe_grade1.png',
+            size: new AMap.Size(40, 40),
+            offset: new AMap.Pixel(-16, -16)
+        }, {
+            url: baseUrl+'res/img/icons/icon_juhe_grade2.png',
+            size: new AMap.Size(40, 40),
+            offset: new AMap.Pixel(-16, -16)
+        }, {
+            url: baseUrl+'res/img/icons/icon_juhe_grade3.png',
+            size: new AMap.Size(40, 40),
+            offset: new AMap.Pixel(-18, -18)
+        }];
+		if(!MapShow){
+			MapShow=true;
+//		map.plugin(["AMap.MarkerClusterer"],function(){
+//			 cluster = new AMap.MarkerClusterer(map, markers, {
+//	                styles: sts,
+//	                gridSize:80,
+//	                maxZoom:18
+////	                minClusterSize:3
+////		                renderClusterMarker:_renderClusterMarker
+//	            });   
+//		});
+		}
+		if((latngCount>0)&&(firstDraw)){
+			map.setCenter(new AMap.LngLat(totalLng/latngCount,totalLat/latngCount,true));
+			map.setFitView();
+			firstDraw = false;
+		}
+		showOperat();
+	}
+	
+}
+
+var real_time_alarm = function(obj){
+	obj.title = obj.innerHTML;
+}
+
+var alarm_sound = function(){
+	var audio = document.createElement('audio');
+	 audio.src="../../8773.wav";
+	 audio.autoplay="autoplay";
+	 document.getElementById("title_right_02").appendChild(audio);
+}
+
+var initWebSocket = function() {
+	try{
+		if(typeof MozWebSocket == 'function')
+			WebSocket =MozWebSocket;
+		if( websocket && websocket.readyState == 1)
+			websocket.close();
+		websocket = new WebSocket(wsUri);
+		websocket.onopen = function(evt){
+			var json = {};
+			json.agentid = $("#V_LOGINNAME").val();
+			console.log("Connected.");
+			(function(){})()
+			websocket.send(JSON.stringify(json));
+		};
+		websocket.onclose = function(evt){
+			console.log("DisConnected.");
+			(function(){})()
+			initWebSocket();
+		};
+		var i =0;
+		websocket.onmessage = function(evt){
+			console.log("Received:",evt.data);
+			var jData =  eval('(' + evt.data + ')');
+			if(jData.dwtype!=undefined){
+				if(document.getElementById('rt_alarm_alert')!=undefined)
+					removeDIV('rt_alarm_alert');
+//				 var alarm_alert= new UNote();
+//			 	 alarm_alert.create("rt_alarm_alert","container",alarm_alert_config);
+				 var Li = document.createElement('li');
+				 Li.setAttribute('class','alarm_tab03');
+				 Li.style.top=(52*i)+'px';
+				 document.getElementById("title_right_02_ul").appendChild(Li);
+				 var Icon = document.createElement('img');
+				 Icon.width='32';
+				 Icon.height='32';
+				 Icon.style.verticalAlign='middle';
+				 Icon.src="../../res/img/icons/alarm_tab_04.gif"
+				 if(jData.detype==1){
+				 	Icon.src="../../res/img/icons/alarm_tab_01.gif"
+				 }else if(jData.dwtype==2){
+				 	Icon.src="../../res/img/icons/alarm_tab_03.gif"
+				 }else if(jData.dwtype==6){
+				 	Icon.src="../../res/img/icons/alarm_tab_04.gif"
+				 }else if(jData.dwtype==7){
+				 	Icon.src="../../res/img/icons/alarm_tab_02.gif"
+				 }else if(jData.dwtype==16){
+				 	Icon.src="../../res/img/icons/alarm_tab_05.gif"
+				 }
+//				 document.getElementById("rt_alarm_alert_icon").innerHTML="";
+				 Li.appendChild(Icon);
+				 var span1 = document.createElement('span');
+				 span1.innerHTML=jData.evtname+'\n'+jData.time+'\n'+jData.company+'\n'+jData.devicename;
+				 span1.setAttribute('onmouseover',"real_time_alarm(this)");
+				 span1.setAttribute('class','alarm_tab03_span');
+				 Li.appendChild(span1);
+				 i++;
+				 var title_right_02 = document.getElementById('title_right_02');
+				 title_right_02.scrollTop = title_right_02.scrollHeight;
+				 alarm_sound();
+			}
+		};
+		websocket.onerror = function(evt){
+			console.log("Error:",evt.data);
+			(function(){})()
+		};
+	}catch(exception){
+		console.log("Exception:",exception);
+		(function(){})()
+	}
+}
+
+var getCurrentData = function(){
+	if(((new Date()).getTime()-synctime)<storeTime)
+		return;
+	$("#fp_backbtn").css("display","none");
+	synctime = (new Date()).getTime();
+	var query = new Object();
+	query.V_LOGINNAME = V_LOGINNAME;
+	query.V_PASSWORD = V_PASSWORD;
+	query.V_COMMAND = 'FRONTPAGE';
+	query.COMMSTATUS = "NO";
+	if($("#company_code").val().length>0)
+		query.company_code = $("#company_code").val();
+	var qdata = JSON.stringify(query);
+	var qurl = 'http://47.103.74.123:8080/YtIoT/cgi-bin/WebAction.cgi';
+	if((baseUrl.indexOf('localhost')>=0)||(baseUrl.indexOf('127.0.0.1')>=0))
+		qurl = 'http://47.103.74.123:8080/YtIoT/cgi-bin/WebAction.cgi';
+    $.ajax({
+        type:'POST',
+        url: qurl,
+        data: qdata,
+        success: function(result){
+        	if((result==undefined)||(result.length==0)){
+        		Ext.Msg.alert('错误信息', '访问权限错误，请重新登录', function(){
+        			window.parent.document.location=baseUrl;
+        		});
+        	}else{
+	            var json = eval('(' + result + ')');
+	            if(json.check=='false'){
+	            	Ext.Msg.alert('错误信息', '访问权限错误，请重新登录', function(){
+            			window.parent.document.location=baseUrl;
+            		});
+	            }
+	            if(json.action=='getFrontpageQuery'){
+	            	if(json.check=='true'){
+	            		if(json.LIST!=undefined)
+	            			StatusStore = json.LIST;
+	            		if(json.ALARM!=undefined)
+	            			AlarmStore = json.ALARM;
+	                	draw_all();
+
+	            	}
+	            }
+        	}
+            myMask.hide();
+        }
+    });
+    setTimeout(getCurrentData,storeTime);
+}
+
+var chk_company_cur = function(idx){
+	var nrow=0;
+	while(1){
+		idx++;
+		if(idx>=StatusStore.length)
+			idx = 0;
+		var obj = StatusStore[idx];
+		if((obj.lat>30)&&(obj.lat<33)&&(obj.lng>120)&&(obj.lng<125))
+			return idx;
+		nrow++;
+		if(nrow>=StatusStore.length)
+			return -1;
+	}
+}
+
+var show_cur_comany = function(){
+	var current_t = Date.parse(new Date());
+	if((current_t-last_move)>30000){
+		last_move = current_t;
+		if((StatusStore!=null)&&(StatusStore.length>0)){
+			company_cur = chk_company_cur(company_cur);
+			if(company_cur>=0){
+				var obj = StatusStore[company_cur];
+				showBuilding(obj.company_code);
+				LabelShow = false;
+		    	shower_click();
+			}
+		}
+	}
+	setTimeout(show_cur_comany,5000);
+}
+
+var evaluate_container_method = function(type){
+	var myColor = ['#A8CFFF', '#00FFAE', '#A8CFFF', '#A8CFFF'];
+	var myData = null;
+	var myDataInfo = null;
+	if(type==1){
+		myData = ['巡检人员数量', '今日任务', '超时任务', '今日完成'];
+		myDataInfo = [xjrysl, jrrw, csrw, jrwcrw];
+	}else if(type==2){
+		myData = ['维保人员数量', '今日任务', '超时任务', '今日完成'];
+		myDataInfo = [xjrysl, jrrw, csrw, jrwcrw];
+	}else if(type==3){
+		myData = ['报修人员数量', '今日任务', '超时任务', '今日完成'];
+		myDataInfo = [ConfirmStore[0].zrs, ConfirmStore[0].jrsj, ConfirmStore[0].cssj, ConfirmStore[0].jrjj];
+	}
+    echarts.init(document.getElementById('evaluate_container')).setOption({
+        grid: {
+            left: '5%',
+            right: '5%',
+            bottom: '5%',
+            top: '10%',
+            containLabel: true
+        },
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: {
+                type: 'none'
+            },
+            formatter: function(params) {
+                return params[0].name + '<br/>' +
+                    // "<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgba(36,207,233,0.9)'></span>" +
+                    // params[0].seriesName + ' : ' +
+                     Number((params[0].value.toFixed(4) / 1).toFixed(2)).toLocaleString() + '<br/>'
+            }
+        },
+        // backgroundColor: 'rgb(20,28,52)',
+        xAxis: {
+            show: false,
+            type: 'value'
+        },
+        yAxis: [{
+            type: 'category',
+            inverse: true,
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#fff'
+                },
+            },
+            splitLine: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            },
+            axisLine: {
+                show: false
+            },
+            data: myData
+        }, {
+            type: 'category',
+            inverse: true,
+            axisTick: 'none',
+            axisLine: 'none',
+            show: true,
+            axisLabel: {
+                textStyle: {
+                    color: '#ffffff',
+                    fontSize: '12'
+                },
+                formatter: function(value) {
+                    if (value >= 10000) {
+                    } else {
+                        return value.toLocaleString();
+                    }
+                },
+            },
+            data: myDataInfo
+        }],
+        series: [
+            {
+                // name: '金额',
+                type: 'bar',
+                zlevel: 1,
+                itemStyle: {
+                    normal: {
+                        barBorderRadius: [ 0, 10, 10, 0],
+                        // color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
+                        //     offset: 0,
+                        //     color: 'rgb(57,89,255,1)'
+                        // }, {
+                        //     offset: 1,
+                        //     color: 'rgb(46,200,207,1)'
+                        // }]),
+                        color: function(params) {
+                        var num = myColor.length;
+                        return myColor[params.dataIndex % num]
+                        },
+                    },
+                },
+                barWidth: 14,
+                data: myDataInfo
+            },
+            {
+                // name: '背景',
+                type: 'bar',
+                barWidth: 14,
+                barGap: '-100%',
+                data: [1000, 1000, 1000, 1000],
+                itemStyle: {
+                    normal: {
+                        color: 'rgba(14,69,81,0.5)',
+                        barBorderRadius: 0,
+                    }
+                },
+            },
+        ]
+    });
+}
+
+var get_evaluation_data = function(type){
+	var evaluation_url = null;
+	if(type==1){
+	    evaluation_url = baseUrl+"iot/spotoperationrecord/getList2";
+	}else if(type==2){
+		evaluation_url = baseUrl+"iot/spotoperationrecord/getList3";
+	}else if(type==3){
+		evaluation_url = baseUrl+"iot/xjeventprocessing/getList";
+	}
+	var query = new Object();
+	query.V_LOGINNAME = V_LOGINNAME;
+	query.V_PASSWORD = V_PASSWORD;
+	if((company_code!=null)&&(company_code!='null')&&(company_code.length>0))
+		query.company_code = company_code;
+	$.ajax({
+        type:'POST',
+        url: evaluation_url,
+        data: {
+        	queryJson : Ext.JSON.encode(query)
+    	 },
+        success: function(result){
+            var json = eval('(' + result + ')');
+            if(type==1||type==2){
+            	xjrysl = json.xjrysl;
+    			jrwcrw = json.jrwcrw;
+    			csrw = json.csrw;
+    			jrrw = json.jrrw;
+                evaluate_container_method(type);
+        	}else if(type==3){
+        		ConfirmStore = json.RESULT;
+                evaluate_container_method(type);
+        	}
+            
+        }
+    });
+}
+
+/**
+ * 
+ * @param dateNow :Date类
+ * @param intervalDays ：间隔天数
+ * @param bolPastTime  ：Boolean,判断在参数date之前，还是之后，
+ */
+function getDateRange(dateNow,intervalDays,bolPastTime){
+  let oneDayTime = 24 * 60 * 60 * 1000;
+  let list = [];
+  let lastDay;
+
+  if(bolPastTime == true){
+	  for(var i=0;i<=intervalDays;i++){
+		  lastDay = new Date(dateNow.getTime() - i * oneDayTime);
+	      list.push(this.formateDate(lastDay));
+	  }
+      
+  }else{
+      lastDay = new Date(dateNow.getTime() + intervalDays * oneDayTime);
+      list.push(this.formateDate(dateNow));
+      list.push(this.formateDate(lastDay));
+  }
+  return list;
+}
+function formateDate(time){
+  let year = time.getFullYear()
+  let month = time.getMonth() + 1
+  let day = time.getDate()
+
+  if (month < 10) {
+    month = '0' + month
+  }
+
+  if (day < 10) {
+    day = '0' + day
+  }
+
+  return year + '-' + month + '-' + day + ''
+
+}
+
+var get_alarm_data = function(type){
+	var date = new Date();
+    var list = this.getDateRange(date,6,true)
+    var yData;
+	var yData1;
+    if(type==1){
+    	yData = [3,5,7,82,25,14,23];
+    	yData1 = [2,1,3,50,25,13,20];
+    }else if(type==2){
+    	yData = [140,87,7,82,175,135,47];
+    	yData1 = [125,64,3,50,25,124,20];
+    }else if(type==3){
+    	yData = [114,74,28,57,146,135,69];
+    	yData1 = [98,64,14,50,58,124,58];
+    }else if(type==4){
+    	yData = [4,241,189,341,182,652,193];
+    	yData1 = [1,64,14,50,58,124,58];
+    }else if(type==5){
+    	yData = [742,180,658,41,852,12,29];
+    	yData1 = [268,78,541,12,156,8,15];
+    }
+	
+	Highcharts.getOptions().colors = Highcharts.map(['#f66167', '#34abf5'], function (color) {
+		return {
+			linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
+			stops: [
+				[0, color],
+				[1, Highcharts.Color(color).setOpacity(0).get('rgb')] // darken
+			]
+		};
+	});
+	Highcharts.chart('alarm_container',{
+		chart:{
+			type:'area',
+//			zoomType: 'x',
+			backgroundColor: 'rgba(0,0,0,0)'
+		},
+		color:['#2995E6', '#00FFD8'],
+		title:{
+			text:null,
+//			text:'水系统监控告警处理情况跟踪',
+			float:true,
+			style:{fontSize:'14px',color:'#2995E6',fontWeight:'bold'}
+		},
+		legend:{
+			enabled:false,
+			floating:true,
+			x:410,
+			y:-210,
+			itemStyle:{fontSize:'12px',color:'#00FFD8',fontWeight:'bold'}
+		},
+//		colors:['#f66167', '#34abf5'],
+	    exporting: {   
+	        enabled: false
+	    },
+	    credits: {
+	        enabled: false
+	    },
+		xAxis:{
+			categories:list,
+			tickmarkPlacement:'on',
+
+			gridLineWidth:0,
+			labels:{
+				enabled:false,
+				style:{fontSize:'10px',color:'#2995E6',fontWeight:'bold'}
+			},
+			title:{
+				enabled:false
+			}
+		},
+		yAxis:{
+			title:{
+				enabled:false,
+				text:'次',
+				style:{fontSize:'10px',color:'#2995E6',fontWeight:'bold'}
+			},
+			gridLineWidth:1,
+			gridLineColor:'rgba(0,0,0,0.2)',
+			labels:{
+//				enabled:false,
+				formatter:this.value,
+				style:{fontSize:'10px',color:'#2995E6',fontWeight:'bold'}
+			}
+		},
+		plotOptions:{
+			area:{
+				enabled:false,
+				stackiung:'normal',
+//				fillOpacity:0.1,
+//				lineColor:'#666666',
+//				lineWidth:1,
+				marker:{
+					lineWidth:0,
+					enabled:false,
+					radius:0
+//					lineColor:'#666666'
+				}
+			}
+		},
+		series:[
+			{
+				name:'告警次数',
+				data:yData,
+				lineColor:'rgba(41,149,230,1)',
+				fillColor: {
+					linearGradient: {
+						x1: 0,
+						y1: 0,
+						x2: 0,
+						y2: 1
+					},
+					stops: [
+						[0, 'rgba(41,149,230,0.5)'],
+						[1, 'rgba(41,149,230,0.1)']
+					]
+				}
+			},{
+				name:'处理次数',
+				data:yData1,
+				lineColor:'rgba(0,255,216,1)',
+				fillColor: {
+					linearGradient: {
+						x1: 0,
+						y1: 0,
+						x2: 0,
+						y2: 1
+					},
+					stops: [
+						[0, 'rgba(0,255,216,0.5)'],
+						[1, 'rgba(0,255,216,0.1)']
+					]
+				},
+			}
+		]
+	});
+}
+
+
+
+var right_echart1_method  = function(type){
+	let value = 0;
+	if(type==1){
+		value = hjresult;
+	}else{
+		value = sonresult;
+	}
+	let angle = 0; //角度，用来做简单的动画效果的
+	
+	echarts.init(document.getElementById('right_echart1')).setOption({
+		title: {
+	         text: '{a|' + value + '}{c|}',
+	         x: 'center',
+	         y: 'center',
+	         textStyle: {
+	             rich: {
+	                 a: {
+	                     fontSize: 16,
+	                     color: '#29EEF3'
+	                 },
+
+	                 c: {
+	                     fontSize: 14,
+	                     color: '#ffffff',
+	                     // padding: [5,0]
+	                 }
+	             }
+	         }
+	     },
+	     legend: {
+	         type: "plain",
+	         orient: "vertical",
+	         right: 0,
+	         top: "10%",
+	         align: "auto",
+	         data: [{
+	             name: '火灾',
+	             icon: "circle"
+	         }, {
+	             name: 'rtu',
+	             icon: "circle"
+	         }, {
+	             name: '水系统',
+	             icon: "circle"
+	         }, {
+	             name: '电气火灾',
+	             icon: "circle"
+	         }],
+	         textStyle: {
+	             color: "white",
+	             fontSize: 16,
+	             padding: [10, 1, 10, 0]
+	         },
+	         selectedMode: false
+	     },
+
+	     series: [
+	          {
+	             name: '离线设备占比',
+	             type: 'pie',
+	             radius: ['58%', '45%'],
+	             silent: true,
+	             clockwise: true,
+	             startAngle: 90,
+	             z: 0,
+	             zlevel: 0,
+	             label: {
+	                 normal: {
+	                     position: "center",
+
+	                 }
+	             },
+	             data: [{
+	                     value: value,
+	                     name: "",
+	                     itemStyle: {
+	                         normal: {
+	                             color: { // 完成的圆环的颜色
+	                                 colorStops: [{
+	                                     offset: 1,
+	                                     color: 'rgba(19,235,249,1)' // 0% 处的颜色
+	                                 }, {
+	                                     offset: 0,
+	                                     color: 'rgba(19,235,249,0.05)' // 100% 处的颜色
+	                                 }]
+	                             },
+	                         }
+	                     }
+	                 },
+	                 {
+	                     value: 100 - value,
+	                     name: "",
+	                     label: {
+	                         normal: {
+	                             show: false
+	                         }
+	                     },
+	                     itemStyle: {
+	                         normal: {
+	                             color: "rgba(11, 27, 36, .7)"
+	                         }
+	                     }
+	                 }
+	             ]
+	         },
+
+	         {
+	             name: "",
+	             type: "gauge",
+	             radius: "58%",
+	             center: ['50%', '50%'],
+	             startAngle: 0,
+	             endAngle: 359.9,
+	             splitNumber: 32,
+	             hoverAnimation: true,
+	             axisTick: {
+	                 show: false
+	             },
+	             splitLine: {
+	                 length: 17,
+	                 lineStyle: {
+	                     width: 5,
+	                     color: "rgba(13, 22, 41, .7)"
+	                 }
+	             },
+	             axisLabel: {
+	                 show: false
+	             },
+	             pointer: {
+	                 show: false
+	             },
+	             axisLine: {
+	                 lineStyle: {
+	                     opacity: 0
+	                 }
+	             },
+	             detail: {
+	                 show: false
+	             },
+	             data: [{
+	                 value: 0,
+	                 name: ""
+	             }]
+	         },
+
+	     ]
+	});
+}
+
+var show_page = function(){
+	var mid = "div_down_bg";
+	var mid1 = "div_right_bg_tab";
+	var mid2 = "div_down_alarm_bg";
+	if(menuidx=='m1'){
+		mid += '1';
+	}else if(menuidx=='m2'){
+		mid += '2';
+	}else if(menuidx=='m3'){
+		mid += '3';
+	}
+	
+	if(menuidx1=='m1'){
+		mid1 += '1';
+	}else if(menuidx1=='m2'){
+		mid1 += '2';
+	}else if(menuidx1=='m3'){
+		mid1 += '3';
+	}else if(menuidx1=='m4'){
+		mid1 += '4';
+	}else if(menuidx1=='m5'){
+		mid1 += '5';
+	}else if(menuidx1=='m6'){
+		mid1 += '6';
+	}else if(menuidx1=='m7'){
+		mid1 += '7';
+	}
+	
+	if(menuidx2=='m1'){
+		mid2 += '1';
+	}else if(menuidx2=='m2'){
+		mid2 += '2';
+	}else if(menuidx2=='m3'){
+		mid2 += '3';
+	}else if(menuidx2=='m4'){
+		mid2 += '4';
+	}else if(menuidx2=='m5'){
+		mid2 += '5';
+	}
+	for(var i=1;i<4;i++){
+		var id = "div_down_bg"+i;
+		$("#"+id).removeClass(id+'_on');
+		$("#"+id).addClass(id);
+	}
+	for(var i=1;i<8;i++){
+		var id = "div_right_bg_tab"+i;
+		$("#"+id).removeClass(id+'_on');
+		$("#"+id).addClass(id);
+	}
+	for(var i=1;i<6;i++){
+		var id = "div_down_alarm_bg"+i;
+		$("#"+id).removeClass(id+'_on');
+		$("#"+id).addClass(id);
+	}
+	$("#"+mid).removeClass(mid);
+	$("#"+mid).addClass(mid+'_on');
+	$("#"+mid1).removeClass(mid1);
+	$("#"+mid1).addClass(mid1+'_on');
+	$("#"+mid2).removeClass(mid2);
+	$("#"+mid2).addClass(mid2+'_on');
+}
+
+var get_offline_data = function(type){
+	var query = new Object();
+	query.V_LOGINNAME = V_LOGINNAME;
+	query.V_PASSWORD = V_PASSWORD;
+	query.dwtype = type;
+	if((company_code!=null)&&(company_code!='null')&&(company_code.length>0))
+		query.company_code = company_code;
+	$.ajax({
+        type:'POST',
+        url: baseUrl+"iot/alarm/view/getHjOfflineList",
+        data: {
+        	queryJson : Ext.JSON.encode(query)
+    	 },
+        success: function(result){
+            var json = eval('(' + result + ')');
+            if(json.action=='getHjOfflineList'){
+            	hjtotalCount = json.hjtotalCount;
+            	hjresult = json.hjresult;
+            	sontotalCount = json.sontotalCount;
+            	sonresult = json.sonresult;
+            	if(type==1){
+            		document.getElementById('div_right_bg2_tab3_div').innerHTML=hjtotalCount;
+            		document.getElementById('div_right_bg2_tab2_div').innerHTML=hjtotalCount;
+            	}else{
+            		document.getElementById('div_right_bg2_tab3_div').innerHTML=sontotalCount;
+            		document.getElementById('div_right_bg2_tab2_div').innerHTML=sontotalCount;
+            	}
+            	right_echart1_method(type);
+            }
+        }
+    });
+}
+
+mouseon = function(obj){
+	var id = obj.id;
+	$("#"+id).removeClass(id);
+	$("#"+id).addClass(id+'_on');
+}
+
+ mouseoff = function(obj){
+	 if((obj.id).indexOf("div_down_bg") != -1){
+		var mid = "div_down_bg";
+		for(var i=1;i<4;i++){
+			var id = "div_down_bg"+i;
+			$("#"+id).removeClass(id+'_on');
+			$("#"+id).addClass(id);
+		}
+		if(menuidx=='m1'){
+			mid += '1';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx=='m2'){
+			mid += '2';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx=='m3'){
+			mid += '3';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+	 }else if((obj.id).indexOf("div_right_bg") != -1){
+		var mid = "div_right_bg_tab";
+		for(var i=1;i<8;i++){
+			var id = "div_right_bg_tab"+i;
+			$("#"+id).removeClass(id+'_on');
+			$("#"+id).addClass(id);
+		}
+		if(menuidx1=='m1'){
+			mid += '1';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx1=='m2'){
+			mid += '2';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx1=='m3'){
+			mid += '3';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx1=='m4'){
+			mid += '4';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx1=='m5'){
+			mid += '5';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx1=='m6'){
+			mid += '6';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+		else if(menuidx1=='m7'){
+			mid += '7';
+		$("#"+mid).removeClass(mid);
+		$("#"+mid).addClass(mid+'_on');
+		}
+	 }else if((obj.id).indexOf("div_down_alarm") != -1){
+			var mid = "div_down_alarm_bg";
+			for(var i=1;i<6;i++){
+				var id = "div_down_alarm_bg"+i;
+				$("#"+id).removeClass(id+'_on');
+				$("#"+id).addClass(id);
+			}
+			if(menuidx2=='m1'){
+				mid += '1';
+			$("#"+mid).removeClass(mid);
+			$("#"+mid).addClass(mid+'_on');
+			}
+			else if(menuidx2=='m2'){
+				mid += '2';
+			$("#"+mid).removeClass(mid);
+			$("#"+mid).addClass(mid+'_on');
+			}
+			else if(menuidx2=='m3'){
+				mid += '3';
+			$("#"+mid).removeClass(mid);
+			$("#"+mid).addClass(mid+'_on');
+			}
+			else if(menuidx2=='m4'){
+				mid += '4';
+			$("#"+mid).removeClass(mid);
+			$("#"+mid).addClass(mid+'_on');
+			}
+			else if(menuidx2=='m5'){
+				mid += '5';
+			$("#"+mid).removeClass(mid);
+			$("#"+mid).addClass(mid+'_on');
+			}
+		 }
+}
+
+ menu_click = function(obj){
+	var id = obj.id;
+	if(id=='div_down_bg1'){
+		menuidx = 'm1';
+		get_evaluation_data(1);
+	}
+	else if(id=='div_down_bg2'){
+		menuidx = 'm2';
+		get_evaluation_data(2);
+	}
+	else if(id=='div_down_bg3'){
+		menuidx = 'm3';
+		get_evaluation_data(3);
+	}
+	else if(id=='div_right_bg_tab1'){
+		menuidx1 = 'm1';
+		get_offline_data(1);
+	}
+	else if(id=='div_right_bg_tab2'){
+		menuidx1 = 'm2';
+		get_offline_data(6);
+	}
+	else if(id=='div_right_bg_tab3'){
+		menuidx1 = 'm3';
+		get_offline_data(2);
+	}
+	else if(id=='div_right_bg_tab4'){
+		menuidx1 = 'm4';
+		get_offline_data(7);
+	}
+	else if(id=='div_right_bg_tab5'){
+		menuidx1 = 'm5';
+		get_offline_data(16);
+	}
+	else if(id=='div_right_bg_tab6'){
+		menuidx1 = 'm6';
+		get_offline_data(128);
+	}
+	else if(id=='div_right_bg_tab7'){
+		menuidx1 = 'm7';
+		get_offline_data(17);
+	}
+	else if(id=='div_down_alarm_bg1'){
+		menuidx2 = 'm1';
+		get_alarm_data(1);
+	}
+	else if(id=='div_down_alarm_bg2'){
+		menuidx2 = 'm2';
+		get_alarm_data(2);
+	}
+	else if(id=='div_down_alarm_bg3'){
+		menuidx2 = 'm3';
+		get_alarm_data(3);
+	}
+	else if(id=='div_down_alarm_bg4'){
+		menuidx2 = 'm4';
+		get_alarm_data(4);
+	}
+	else if(id=='div_down_alarm_bg5'){
+		menuidx2 = 'm5';
+		get_alarm_data(5);
+	}
+}
+ 
+ var timer_start = function(){
+		
+		var start_count = (start_count+1);
+		if(start_count>10){
+			menu_shown = false;
+			hide_menu();
+			setTimeout("timer_start()", 1000); 
+			return;
+		}
+		$("#weatherDown_mode_div").html((new Date()).Format("yyyy-MM-dd hh:mm:ss"));
+		setTimeout("timer_start()", 1000); 
+}
+ 
+ var get_weather_data_div = function(){
+	 var weatherDown_mode = document.getElementById('weatherDown_mode');
+	 weatherDown_mode_div = document.getElementById('weatherDown_mode_div1');
+	 if(weatherDown_mode_div){
+		 document.getElementById('weatherDown_mode_div2').innerHTML= lives[0].weather+lives[0].temperature+'℃'+'  '+lives[0].winddirection+lives[0].windpower+'级';
+     }else{
+     	var weatherDown_mode_div = document.createElement('span');
+         weatherDown_mode_div.id= 'weatherDown_mode_div';
+         weatherDown_mode_div.setAttribute('class','div_down_alarm weatherDown_mode_div');
+         weatherDown_mode.appendChild(weatherDown_mode_div);
+         var weatherDown_mode_div1 = document.createElement('img');
+         weatherDown_mode_div1.id= 'weatherDown_mode_div1';
+         weatherDown_mode_div1.setAttribute('class','div_down_alarm weatherDown_mode_div1');
+         weatherDown_mode_div1.src='../../res/img/03index/e-time_icon.png';
+         weatherDown_mode.appendChild(weatherDown_mode_div1);
+         var weatherDown_mode_div2 = document.createElement('span');
+         weatherDown_mode_div2.id= 'weatherDown_mode_div2';
+         weatherDown_mode_div2.setAttribute('class','div_down_alarm weatherDown_mode_div');
+         weatherDown_mode_div2.innerHTML= lives[0].weather+lives[0].temperature+'℃'+'  '+lives[0].winddirection+lives[0].windpower+'级';
+         weatherDown_mode.appendChild(weatherDown_mode_div2);
+     }
+ }
+ 
+ var get_weather_data = function(){
+		$.ajax({
+	        type:'GET',
+	        url: "https://restapi.amap.com/v3/weather/weatherInfo?key=eb1ae4db1ab6cbb4ff967a4f4005eab0&city=310000",
+	        success: function(result){
+	        	console.log(result);
+//	            var json = eval('(' + result + ')');
+	                lives = result.lives;
+	                get_weather_data_div();
+	                
+//	                weatherDown_mode.innerHTML=lives[0].weather;
+	            
+	        }
+	    });
+	}
+ 
+    var  show_all_fireAlarm = function(){
+		if($("#V_LOGINNAME").val()=='guest')
+			return;
+		parent.window.keep_menu();
+		if($("#company_code").val()!=undefined)
+			location.href = baseUrl + 'view/fireAlarm/subFireAlarm.jsp?theme='+theme+'&company_code='+($("#company_code").val());
+		else
+			location.href = baseUrl + 'view/fireAlarm/subFireAlarm.jsp?theme='+theme;
+	}
+
+	var show_all_waterAlarm = function(){
+		if($("#V_LOGINNAME").val()=='guest')
+			return;
+		parent.window.keep_menu();
+		if($("#company_code").val()!=undefined)
+			location.href = baseUrl + 'view/waterAlarm/subWaterAlarm.jsp?theme='+theme+'&company_code='+($("#company_code").val());
+		else
+			location.href = baseUrl + 'view/waterAlarm/subWaterAlarm.jsp?theme='+theme;
+	}
+
+	var show_all_rtuAlarm = function(){
+		if($("#V_LOGINNAME").val()=='guest')
+			return;
+		parent.window.keep_menu();
+		if($("#company_code").val()!=undefined)
+			location.href = baseUrl + 'view/rtuAlarm/subRtuAlarm.jsp?theme='+theme+'&company_code='+($("#company_code").val());
+		else
+			location.href = baseUrl + 'view/rtuAlarm/subRtuAlarm.jsp?theme='+theme;
+	}
+
+	var show_all_efireAlarm = function () {
+		if($("#V_LOGINNAME").val()=='guest')
+			return;
+		parent.window.keep_menu();
+		if($("#company_code").val()!=undefined)
+			location.href = baseUrl + 'view/efireAlarm/subeFireAlarm.jsp?theme='+theme+'&company_code='+($("#company_code").val());
+		else
+			location.href = baseUrl + 'view/efireAlarm/subeFireAlarm.jsp?theme='+theme;
+	}
+
+var showOperat = function(){
+	menuidx = 'm1';
+	menuidx1 = 'm1';
+	menuidx2 = 'm1';
+	var d0=0, d0o=0, d0oc=0, d0a=0, d0ac=0;
+	var d1=0, d1o=0, d1oc=0, d1a=0, d1ac=0;
+	var d2=0, d2o=0, d2oc=0, d2a=0, d2ac=0;
+	var d6=0, d6o=0, d6oc=0, d6a=0, d6ac=0;
+	var d7=0, d7o=0, d7oc=0, d7a=0, d7ac=0;
+	var parent = document.getElementById('container');
+	var lineLeft_mode = document.getElementById('lineLeft_mode');
+	var container1 = document.getElementById('container1');
+	var lineDown_mode = document.getElementById('lineDown_mode');
+	var lineRight_mode = document.getElementById('lineRight_mode');
+	var title_down_03 = document.getElementById('title_down_03');
+		var qobj = new Object();
+		qobj.V_LOGINNAME = $("#V_LOGINNAME").val();
+		qobj.V_PASSWORD = $("#V_PASSWORD").val();
+		qobj.V_COMPANYID = company_code;
+		qobj.I_COMMAND = 4;
+		var qdata = "queryJson="+JSON.stringify(qobj);
+		var qurl = 'https://47.103.74.123:8080/YtIoT/cgi-bin/WebAction2.cgi';
+		for(var i=0;i<StatusStore.length;i++){
+			var obj = StatusStore[i];
+			d1  += obj.d1;
+			d1o += obj.d1o;
+			d1a += obj.d1a;
+			d1oc+= obj.d1oc;
+			d1ac+= obj.d1ac;
+			d2  += obj.d2;
+			d2o += obj.d2o;
+			d2a += obj.d2a;
+			d2oc+= obj.d2oc;
+			d2ac+= obj.d2ac;
+			d6  += obj.d6;
+			d6o += obj.d6o;
+			d6a += obj.d6a;
+			d6oc+= obj.d6oc;
+			d6ac+= obj.d6ac;
+			d7  += obj.d7;
+			d7o += obj.d7o;
+			d7a += obj.d7a;
+			d7oc+= obj.d7oc;
+			d7ac+= obj.d7ac;		
+		}
+//		$.ajax({
+//			type:'POST',
+//			url: qurl,
+//			data: qdata,
+//			success:function(result){
+//				var json = eval('(' + result + ')');
+//				if(json.action=='getAlarmList'){
+//					if((json.ALARM==undefined)||(json.ALARM.length==0))
+//						return;
+		            if(container1){
+			
+		            }else{
+		            	
+//		            	var chartleftbg1 = document.createElement('div');
+//		            	chartleftbg1.id= 'chart_left_bg1';
+//		            	chartleftbg1.setAttribute('class','chart_left_bg1');
+//						lineLeft_mode.appendChild(chartleftbg1);
+//						var chartleftbg2 = document.createElement('div');
+//						chartleftbg2.id= 'chart_left_bg2';
+//						chartleftbg2.setAttribute('class','chart_left_bg2');
+//						lineLeft_mode.appendChild(chartleftbg2);
+//						var chartleftbg3 = document.createElement('div');
+//						chartleftbg3.id= 'chart_left_bg3';
+//						chartleftbg3.setAttribute('class','chart_left_bg3');
+//						lineLeft_mode.appendChild(chartleftbg3);
+//						var chartleftbg4 = document.createElement('div');
+//						chartleftbg4.id= 'chart_left_bg4';
+//						chartleftbg4.setAttribute('class','chart_left_bg4');
+//						lineLeft_mode.appendChild(chartleftbg4);
+						var chartleftbg1_data = document.createElement('div');
+						chartleftbg1_data.id= 'container1';
+						chartleftbg1_data.setAttribute('class','chart_left_data1');
+						chartleftbg1_data.setAttribute('onclick','show_all_fireAlarm()');
+						lineLeft_mode.appendChild(chartleftbg1_data);
+						var chartleftbg2_data = document.createElement('div');
+						chartleftbg2_data.id= 'container2';
+						chartleftbg2_data.setAttribute('class','chart_left_data2');
+						chartleftbg2_data.setAttribute('onclick','show_all_efireAlarm()');
+						lineLeft_mode.appendChild(chartleftbg2_data);
+						var chartleftbg3_data = document.createElement('div');
+						chartleftbg3_data.id= 'container3';
+						chartleftbg3_data.setAttribute('class','chart_left_data3');
+						chartleftbg3_data.setAttribute('onclick','show_all_waterAlarm()');
+						lineLeft_mode.appendChild(chartleftbg3_data);
+						var chartleftbg4_data = document.createElement('div');
+						chartleftbg4_data.id= 'container4';
+						chartleftbg4_data.setAttribute('class','chart_left_data4');
+						chartleftbg4_data.setAttribute('onclick','show_all_rtuAlarm()');
+						lineLeft_mode.appendChild(chartleftbg4_data);
+						var divleftbg5 = document.createElement('div');
+						divleftbg5.id= 'div_left_bg5';
+						divleftbg5.setAttribute('class','div_down_alarm div_left_bg5');
+						divleftbg5.innerHTML='火灾监控处置率';
+						lineLeft_mode.appendChild(divleftbg5);
+						var divleftbg6 = document.createElement('div');
+						divleftbg6.id= 'div_left_bg6';
+						divleftbg6.setAttribute('class','div_down_alarm div_left_bg6');
+						divleftbg6.innerHTML='电气火灾监控处置率';
+						lineLeft_mode.appendChild(divleftbg6);
+						var divleftbg7 = document.createElement('div');
+						divleftbg7.id= 'div_left_bg7';
+						divleftbg7.setAttribute('class','div_down_alarm div_left_bg7');
+						divleftbg7.innerHTML='水系统监控处置率';
+						lineLeft_mode.appendChild(divleftbg7);
+						var divleftbg8 = document.createElement('div');
+						divleftbg8.id= 'div_left_bg8';
+						divleftbg8.setAttribute('class','div_down_alarm div_left_bg8');
+						divleftbg8.innerHTML='RTU监控处置率';
+						lineLeft_mode.appendChild(divleftbg8);
+//						var chartleftbg1_data_div = document.createElement('div');
+//						chartleftbg1_data_div.id= 'chartleftbg1_data_div';
+//						chartleftbg1_data_div.setAttribute('class','chartleftbg_data_div chartleftbg1_data_div');
+//						chartleftbg1_data_div.innerHTML=percent+'%';
+//						lineLeft_mode.appendChild(chartleftbg1_data_div);
+//						var chartleftbg2_data_div = document.createElement('div');
+//						chartleftbg2_data_div.id= 'chartleftbg2_data_div';
+//						chartleftbg2_data_div.setAttribute('class','chartleftbg_data_div chartleftbg2_data_div');
+//						chartleftbg2_data_div.innerHTML='80%';
+//						lineLeft_mode.appendChild(chartleftbg2_data_div);
+//						var chartleftbg3_data_div = document.createElement('div');
+//						chartleftbg3_data_div.id= 'chartleftbg3_data_div';
+//						chartleftbg3_data_div.setAttribute('class','chartleftbg_data_div chartleftbg3_data_div');
+//						chartleftbg3_data_div.innerHTML='80%';
+//						lineLeft_mode.appendChild(chartleftbg3_data_div);
+//						var chartleftbg4_data_div = document.createElement('div');
+//						chartleftbg4_data_div.id= 'chartleftbg4_data_div';
+//						chartleftbg4_data_div.setAttribute('class','chartleftbg_data_div chartleftbg4_data_div');
+//						chartleftbg4_data_div.innerHTML='80%';
+//						lineLeft_mode.appendChild(chartleftbg4_data_div);
+						
+						//下侧模块
+						var chartdownbg1_data = document.createElement('div');
+						chartdownbg1_data.id= 'alarm_container';
+						chartdownbg1_data.setAttribute('class','chart_down_data1');
+						lineDown_mode.appendChild(chartdownbg1_data);
+						var chartdownbg2_data = document.createElement('div');
+						chartdownbg2_data.id= 'evaluate_container';
+						chartdownbg2_data.setAttribute('class','chart_down_data2');
+						lineDown_mode.appendChild(chartdownbg2_data);
+						var divdownbg = document.createElement('div');
+						divdownbg.id= 'div_down_bg_title';
+						divdownbg.setAttribute('class','div_down_bg_title');
+						divdownbg.innerHTML='物管考评';
+						lineDown_mode.appendChild(divdownbg);
+						var divdownbg1 = document.createElement('div');
+						divdownbg1.id= 'div_down_bg1';
+						divdownbg1.setAttribute('class','div_down div_down_bg1');
+						divdownbg1.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg1.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg1.setAttribute('onclick',"menu_click(this)");
+						divdownbg1.innerHTML='巡检记录';
+						lineDown_mode.appendChild(divdownbg1);
+						var divdownbg2 = document.createElement('div');
+						divdownbg2.id= 'div_down_bg2';
+						divdownbg2.setAttribute('class','div_down div_down_bg2');
+						divdownbg2.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg2.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg2.setAttribute('onclick',"menu_click(this)");
+						divdownbg2.innerHTML='维保工作';
+						lineDown_mode.appendChild(divdownbg2);
+						var divdownbg3 = document.createElement('div');
+						divdownbg3.id= 'div_down_bg3';
+						divdownbg3.setAttribute('class','div_down div_down_bg3');
+						divdownbg3.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg3.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg3.setAttribute('onclick',"menu_click(this)");
+						divdownbg3.innerHTML='报修服务';
+						lineDown_mode.appendChild(divdownbg3);
+						var divdownbg4 = document.createElement('div');
+						divdownbg4.id= 'div_down_bg4';
+						divdownbg4.setAttribute('class','div_down_bg4');
+//						divdownbg4.innerHTML='<iframe src="http://www.thingjs.com/s/f3f828772e4823f45559f83b?params=105b0f77fd24654d4eebc434e9" style="width:98%;height:100%;border:1px solid #25bfff;"></iframe>';
+						title_down_03.appendChild(divdownbg4);
+						var divdownbg5 = document.createElement('div');
+						divdownbg5.id= 'div_down_bg5';
+						divdownbg5.setAttribute('class','div_down_bg5');
+						divdownbg5.innerHTML='设备工况';
+						lineDown_mode.appendChild(divdownbg5);
+						var divdownbg6 = document.createElement('div');
+						divdownbg6.id= 'div_down_bg6';
+						divdownbg6.setAttribute('class','div_down_bg6');
+						divdownbg6.innerHTML='离线处理情况跟踪报表';
+						lineDown_mode.appendChild(divdownbg6);
+						var divdownbg7 = document.createElement('div');
+						divdownbg7.id= 'div_down_alarm_bg1';
+						divdownbg7.setAttribute('class','div_down_alarm div_down_alarm_bg1');
+						divdownbg7.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg7.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg7.setAttribute('onclick',"menu_click(this)");
+						divdownbg7.innerHTML='RTU监控';
+						lineDown_mode.appendChild(divdownbg7);
+						var divdownbg8 = document.createElement('div');
+						divdownbg8.id= 'div_down_alarm_bg2';
+						divdownbg8.setAttribute('class','div_down_alarm div_down_alarm_bg2');
+						divdownbg8.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg8.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg8.setAttribute('onclick',"menu_click(this)");
+						divdownbg8.innerHTML='火灾监控';
+						lineDown_mode.appendChild(divdownbg8);
+						var divdownbg9 = document.createElement('div');
+						divdownbg9.id= 'div_down_alarm_bg3';
+						divdownbg9.setAttribute('class','div_down_alarm div_down_alarm_bg3');
+						divdownbg9.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg9.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg9.setAttribute('onclick',"menu_click(this)");
+						divdownbg9.innerHTML='视频监控';
+						lineDown_mode.appendChild(divdownbg9);
+						var divdownbg10 = document.createElement('div');
+						divdownbg10.id= 'div_down_alarm_bg4';
+						divdownbg10.setAttribute('class','div_down_alarm div_down_alarm_bg4');
+						divdownbg10.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg10.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg10.setAttribute('onclick',"menu_click(this)");
+						divdownbg10.innerHTML='电梯状态监控';
+						lineDown_mode.appendChild(divdownbg10);
+						var divdownbg11 = document.createElement('div');
+						divdownbg11.id= 'div_down_alarm_bg5';
+						divdownbg11.setAttribute('class','div_down_alarm div_down_alarm_bg5');
+						divdownbg11.setAttribute('onmouseover',"mouseon(this)");
+						divdownbg11.setAttribute('onmouseout',"mouseoff(this)");
+						divdownbg11.setAttribute('onclick',"menu_click(this)");
+						divdownbg11.innerHTML='消防水系统监控';
+						lineDown_mode.appendChild(divdownbg11);
+						
+						//右侧模块
+						var chartrightbg1 = document.createElement('div');
+						chartrightbg1.id= 'chart_right_bg1';
+						chartrightbg1.setAttribute('class','chart_right_bg1');
+						lineRight_mode.appendChild(chartrightbg1);
+						var chartrightbg1_data = document.createElement('div');
+						chartrightbg1_data.id= 'right_echart1';
+						chartrightbg1_data.setAttribute('class','chart_right_data1');
+						lineRight_mode.appendChild(chartrightbg1_data);
+//						var chartrightbg2_data = document.createElement('div');
+//						chartrightbg2_data.id= 'right_echart2';
+//						chartrightbg2_data.setAttribute('class','chart_right_data2');
+//						lineRight_mode.appendChild(chartrightbg2_data);
+						var divrightbg = document.createElement('div');
+						divrightbg.id= 'div_right_bg';
+						divrightbg.setAttribute('class','div_right_bg');
+						lineRight_mode.appendChild(divrightbg);
+						var divrightbg_tab1 = document.createElement('div');
+						divrightbg_tab1.id= 'div_right_bg_tab1';
+						divrightbg_tab1.setAttribute('class','div_right_bg_tab div_right_bg_tab1');
+						divrightbg_tab1.setAttribute('onmouseover',"mouseon(this)");
+						divrightbg_tab1.setAttribute('onmouseout',"mouseoff(this)");
+						divrightbg_tab1.setAttribute('onclick',"menu_click(this)");
+						divrightbg_tab1.innerHTML='火灾';
+						divrightbg.appendChild(divrightbg_tab1);
+						var divrightbg_tab2 = document.createElement('div');
+						divrightbg_tab2.id= 'div_right_bg_tab2';
+						divrightbg_tab2.setAttribute('class','div_right_bg_tab div_right_bg_tab2');
+						divrightbg_tab2.setAttribute('onmouseover',"mouseon(this)");
+						divrightbg_tab2.setAttribute('onmouseout',"mouseoff(this)");
+						divrightbg_tab2.setAttribute('onclick',"menu_click(this)");
+						divrightbg_tab2.innerHTML='RTU';
+						divrightbg.appendChild(divrightbg_tab2);
+						var divrightbg_tab3 = document.createElement('div');
+						divrightbg_tab3.id= 'div_right_bg_tab3';
+						divrightbg_tab3.setAttribute('class','div_right_bg_tab div_right_bg_tab3');
+						divrightbg_tab3.setAttribute('onmouseover',"mouseon(this)");
+						divrightbg_tab3.setAttribute('onmouseout',"mouseoff(this)");
+						divrightbg_tab3.setAttribute('onclick',"menu_click(this)");
+						divrightbg_tab3.innerHTML='水系统';
+						divrightbg.appendChild(divrightbg_tab3);
+						var divrightbg_tab4 = document.createElement('div');
+						divrightbg_tab4.id= 'div_right_bg_tab4';
+						divrightbg_tab4.setAttribute('class','div_right_bg_tab div_right_bg_tab4');
+						divrightbg_tab4.setAttribute('onmouseover',"mouseon(this)");
+						divrightbg_tab4.setAttribute('onmouseout',"mouseoff(this)");
+						divrightbg_tab4.setAttribute('onclick',"menu_click(this)");
+						divrightbg_tab4.innerHTML='电气火灾';
+						divrightbg.appendChild(divrightbg_tab4);
+						var divrightbg_tab5 = document.createElement('div');
+						divrightbg_tab5.id= 'div_right_bg_tab5';
+						divrightbg_tab5.setAttribute('class','div_right_bg_tab div_right_bg_tab5');
+						divrightbg_tab5.setAttribute('onmouseover',"mouseon(this)");
+						divrightbg_tab5.setAttribute('onmouseout',"mouseoff(this)");
+						divrightbg_tab5.setAttribute('onclick',"menu_click(this)");
+						divrightbg_tab5.innerHTML='视频监控';
+						divrightbg.appendChild(divrightbg_tab5);
+						var divrightbg_tab6 = document.createElement('div');
+						divrightbg_tab6.id= 'div_right_bg_tab6';
+						divrightbg_tab6.setAttribute('class','div_right_bg_tab div_right_bg_tab6');
+						divrightbg_tab6.setAttribute('onmouseover',"mouseon(this)");
+						divrightbg_tab6.setAttribute('onmouseout',"mouseoff(this)");
+						divrightbg_tab6.setAttribute('onclick',"menu_click(this)");
+						divrightbg_tab6.innerHTML='井盖监控';
+						divrightbg.appendChild(divrightbg_tab6);
+						var divrightbg_tab7 = document.createElement('div');
+						divrightbg_tab7.id= 'div_right_bg_tab7';
+						divrightbg_tab7.setAttribute('class','div_right_bg_tab div_right_bg_tab7');
+						divrightbg_tab7.setAttribute('onmouseover',"mouseon(this)");
+						divrightbg_tab7.setAttribute('onmouseout',"mouseoff(this)");
+						divrightbg_tab7.setAttribute('onclick',"menu_click(this)");
+						divrightbg_tab7.innerHTML='电梯监控';
+						divrightbg.appendChild(divrightbg_tab7);
+						var divrightbg2 = document.createElement('div');
+						divrightbg2.id= 'div_right_bg2';
+						divrightbg2.setAttribute('class','div_right_bg2');
+						lineRight_mode.appendChild(divrightbg2);
+						var divrightbg2_tab1 = document.createElement('div');
+						divrightbg2_tab1.id= 'div_right_bg2_tab1';
+						divrightbg2_tab1.setAttribute('class','div_right_bg2_tab1');
+						divrightbg2.appendChild(divrightbg2_tab1);
+						var divrightbg2_tab2 = document.createElement('div');
+						divrightbg2_tab2.id= 'div_right_bg2_tab2';
+						divrightbg2_tab2.setAttribute('class','div_right_bg2_tab2');
+						divrightbg2.appendChild(divrightbg2_tab2);
+//						var divrightbg2_tab2_data_div = document.createElement('div');
+//						divrightbg2_tab2_data_div.id= 'divrightbg2_tab2_data_div';
+//						divrightbg2_tab2_data_div.setAttribute('class','divrightbg2_tab2_data_div');
+//						divrightbg2_tab2_data_div.innerHTML='80%';
+//						divrightbg2_tab2.appendChild(divrightbg2_tab2_data_div);
+						var divrightbg2_tab3 = document.createElement('div');
+						divrightbg2_tab3.id= 'div_right_bg2_tab3';
+						divrightbg2_tab3.setAttribute('class','div_right_bg2_tab3');
+						divrightbg2.appendChild(divrightbg2_tab3);
+						var divrightbg2_tab3_div = document.createElement('div');
+						divrightbg2_tab3_div.id= 'div_right_bg2_tab3_div';
+						divrightbg2_tab3_div.setAttribute('class','div_right_bg2_tab3_div');
+						divrightbg2_tab3_div.innerHTML='145';
+						divrightbg2_tab3.appendChild(divrightbg2_tab3_div);
+						var divrightbg2_tab4 = document.createElement('div');
+						divrightbg2_tab4.id= 'div_right_bg2_tab4';
+						divrightbg2_tab4.setAttribute('class','div_right_bg2_tab4');
+						divrightbg2.appendChild(divrightbg2_tab4);
+						var divrightbg2_tab2_div = document.createElement('div');
+						divrightbg2_tab2_div.id= 'div_right_bg2_tab2_div';
+						divrightbg2_tab2_div.setAttribute('class','div_right_bg2_tab2_div');
+						divrightbg2_tab2_div.innerHTML='145';
+						divrightbg2_tab2.appendChild(divrightbg2_tab2_div);
+						var divrightbg2_tab5 = document.createElement('div');
+						divrightbg2_tab5.id= 'div_right_bg2_tab5';
+						divrightbg2_tab5.setAttribute('class','div_right_bg2_tab5');
+						divrightbg2.appendChild(divrightbg2_tab5);
+						var divrightbg3 = document.createElement('div');
+						divrightbg3.id= 'div_right_bg3';
+						divrightbg3.setAttribute('class','div_right_bg3');
+						divrightbg3.innerHTML='前一天';
+						lineRight_mode.appendChild(divrightbg3);
+						var divrightbg4 = document.createElement('div');
+						divrightbg4.id= 'div_right_bg4';
+						divrightbg4.setAttribute('class','div_right_bg4');
+						divrightbg4.innerHTML='当前';
+						lineRight_mode.appendChild(divrightbg4);
+						var divrightbg5 = document.createElement('div');
+						divrightbg5.id= 'div_right_bg5';
+						divrightbg5.setAttribute('class','div_right_bg5');
+						divrightbg5.innerHTML='告警信息';
+						lineRight_mode.appendChild(divrightbg5);
+						var divrightbg6 = document.createElement('div');
+						divrightbg6.id= 'div_right_bg6';
+						divrightbg6.setAttribute('class','div_right_bg6');
+						divrightbg6.innerHTML='实时告警';
+						lineRight_mode.appendChild(divrightbg6);
+//						var divrightbg7 = document.createElement('div');
+//						divrightbg7.id= 'div_right_bg7';
+//						divrightbg7.setAttribute('class','div_right_bg7');
+//						divrightbg7.innerHTML='实时告警';
+//						lineRight_mode.appendChild(divrightbg7);
+		            }
+		            draw_pie("container1",d1a,d1ac);
+		            draw_pie("container2",d7a,d7ac);
+		            draw_pie("container3",d2a,d2ac);
+		            draw_pie("container4",d6a,d6ac);
+		            get_offline_data(1);
+		            get_evaluation_data(1);
+		            show_page();
+		            get_weather_data();
+		            get_alarm_data(1);
+		            var colors = ['#FB9E40', '#FC4747'];
+//		            Highcharts.getOptions().colors = Highcharts.map(colors, function (color) {
+//		            	return {
+//		            		linearGradient: { x1: 1, x2: 0, y1: 0, y2: 0 },
+//		            		stops: [
+//		            			[0, 'rgba(0,255,216,1)'],
+//		            			[1, 'rgba(0,255,216,0)']
+//		            		]
+//		            	};
+//		            });
+//		            Highcharts.chart('container1', {
+//		            	chart: {
+//		            		type: 'solidgauge',
+//		            		marginTop: 50,
+//		            		backgroundColor: 'rgba(0,0,0,0)'
+//		            	},
+//		            	credits: {
+//		            		enabled:false
+//		            	},
+//		            	exporting: {
+//		            		enabled:false
+//		            	},
+//		            	title: {
+//		            		text:null
+//		            	},
+//		            	tooltip: {
+////		            		enabled : false,
+//		            		borderWidth: 0,
+//		            		backgroundColor: 'rgba(5,24,36,0.7)',
+//		            		shadow: false,
+//		            		style: {
+//		            			fontSize: '12px'
+//		            		},
+//		            		pointFormat: '<span style="font-size:1em; color: #ffffff; font-weight: bold">{series.name}</span><br><span style="font-size:1em; color: #ffffff; font-weight: bold">待处理：{point.y}</span>',
+//		            		positioner: function (labelWidth) {
+//		            			return {
+//		            				x: 280 - labelWidth / 2,
+//		            				y: 60
+//		            			};
+//		            		}
+//		            	},
+//		            	pane: {
+//		            		startAngle: 0,
+//		            		endAngle: 360,
+//		            		background: [{ // Track for Move
+//		            			outerRadius: '112%',
+//		            			innerRadius: '88%',
+//		            			backgroundColor: 'rgba(0,0,0,0)',
+//		            			//Highcharts.Color(Highcharts.getOptions().colors[1]).setOpacity(0.3).get(),
+//		            			borderWidth: 0
+//		            		}]
+//		            	},
+//		            	yAxis: {
+//		            		min: 0,
+//		            		max: 100,
+//		            		lineWidth: 0,
+//		            		tickPositions: []
+//		            	},
+//		            	plotOptions: {
+//		            		solidgauge: {
+//		            			borderWidth: '12px',
+//		            			dataLabels: {
+//		            				enabled: false
+//		            			},
+//		            			linecap: 'round',
+//		            			stickyTracking: false
+//		            		}
+//		            	},
+//		            	series: [{
+//		            		 name: '报告总数：1,256',
+//		            		// borderColor: Highcharts.getOptions().colors[1],
+//		            		borderColor:Highcharts.getOptions().colors[1],
+//		            		data: [{
+//		            			color: 'yellow',
+//		            			// color:'yellow',
+//		            			radius: '100%',
+//		            			innerRadius: '100%',
+//		            			y: 80
+//		            		}]
+//		            	}]
+//		            });
+					
+//		            Highcharts.getOptions().colors = Highcharts.map(colors, function (color) {
+//		            	return {
+//		            		linearGradient: { x1: 1, x2: 0, y1: 0, y2: 0 },
+//		            		stops: [
+//		            			[0, 'rgba(6,183,245,1)'],
+//		            			[1, 'rgba(6,183,245,0.05)']
+//		            		]
+//		            	};
+//		            });
+//		            Highcharts.chart('container2', {
+//		            	chart: {
+//		            		type: 'solidgauge',
+//		            		marginTop: 50,
+//		            		backgroundColor: 'rgba(0,0,0,0)'
+//		            	},
+//		            	credits: {
+//		            		enabled:false
+//		            	},
+//		            	exporting: {
+//		            		enabled:false
+//		            	},
+//		            	title: {
+//		            		text:null
+//		            	},
+//		            	tooltip: {
+////		            		enabled : false,
+//		            		borderWidth: 0,
+//		            		backgroundColor: 'rgba(5,24,36,0.7)',
+//		            		shadow: false,
+//		            		style: {
+//		            			fontSize: '12px'
+//		            		},
+//		            		pointFormat: '<span style="font-size:1em; color: #ffffff; font-weight: bold">{series.name}</span><br><span style="font-size:1em; color: #ffffff; font-weight: bold">待处理：{point.y}</span>',
+//		            		positioner: function (labelWidth) {
+//		            			return {
+//		            				x: 280 - labelWidth / 2,
+//		            				y: 60
+//		            			};
+//		            		}
+//		            	},
+//		            	pane: {
+//		            		startAngle: 0,
+//		            		endAngle: 360,
+//		            		background: [{ // Track for Move
+//		            			outerRadius: '112%',
+//		            			innerRadius: '88%',
+//		            			backgroundColor: 'rgba(0,0,0,0)',
+//		            			//Highcharts.Color(Highcharts.getOptions().colors[1]).setOpacity(0.3).get(),
+//		            			borderWidth: 0
+//		            		}]
+//		            	},
+//		            	yAxis: {
+//		            		min: 0,
+//		            		max: 100,
+//		            		lineWidth: 0,
+//		            		tickPositions: []
+//		            	},
+//		            	plotOptions: {
+//		            		solidgauge: {
+//		            			borderWidth: '12px',
+//		            			dataLabels: {
+//		            				enabled: false
+//		            			},
+//		            			linecap: 'round',
+//		            			stickyTracking: false
+//		            		}
+//		            	},
+//		            	series: [{
+//		            		 name: '报告总数：1,256',
+//		            		// borderColor: Highcharts.getOptions().colors[1],
+//		            		borderColor:Highcharts.getOptions().colors[1],
+//		            		data: [{
+//		            			color: 'yellow',
+//		            			// color:'yellow',
+//		            			radius: '100%',
+//		            			innerRadius: '100%',
+//		            			y: 80
+//		            		}]
+//		            	}]
+//		            });
+		            
+//		            Highcharts.getOptions().colors = Highcharts.map(colors, function (color) {
+//		            	return {
+//		            		linearGradient: { x1: 1, x2: 0, y1: 0, y2: 0 },
+//		            		stops: [
+//		            			[0, 'rgba(255,174,0,1)'],
+//		            			[1, 'rgba(255,174,0,0.05)']
+//		            		]
+//		            	};
+//		            });
+//		            Highcharts.chart('container3', {
+//		            	chart: {
+//		            		type: 'solidgauge',
+//		            		marginTop: 50,
+//		            		backgroundColor: 'rgba(0,0,0,0)'
+//		            	},
+//		            	credits: {
+//		            		enabled:false
+//		            	},
+//		            	exporting: {
+//		            		enabled:false
+//		            	},
+//		            	title: {
+//		            		text:null
+//		            	},
+//		            	tooltip: {
+////		            		enabled : false,
+//		            		borderWidth: 0,
+//		            		backgroundColor: 'rgba(5,24,36,0.7)',
+//		            		shadow: false,
+//		            		style: {
+//		            			fontSize: '12px'
+//		            		},
+//		            		pointFormat: '<span style="font-size:1em; color: #ffffff; font-weight: bold">{series.name}</span><br><span style="font-size:1em; color: #ffffff; font-weight: bold">待处理：{point.y}</span>',
+//		            		positioner: function (labelWidth) {
+//		            			return {
+//		            				x: 280 - labelWidth / 2,
+//		            				y: 60
+//		            			};
+//		            		}
+//		            	},
+//		            	pane: {
+//		            		startAngle: 0,
+//		            		endAngle: 360,
+//		            		background: [{ // Track for Move
+//		            			outerRadius: '112%',
+//		            			innerRadius: '88%',
+//		            			backgroundColor: 'rgba(0,0,0,0)',
+//		            			//Highcharts.Color(Highcharts.getOptions().colors[1]).setOpacity(0.3).get(),
+//		            			borderWidth: 0
+//		            		}]
+//		            	},
+//		            	yAxis: {
+//		            		min: 0,
+//		            		max: 100,
+//		            		lineWidth: 0,
+//		            		tickPositions: []
+//		            	},
+//		            	plotOptions: {
+//		            		solidgauge: {
+//		            			borderWidth: '12px',
+//		            			dataLabels: {
+//		            				enabled: false
+//		            			},
+//		            			linecap: 'round',
+//		            			stickyTracking: false
+//		            		}
+//		            	},
+//		            	series: [{
+//		            		name: '报告总数：1,256',
+//		            		// borderColor: Highcharts.getOptions().colors[1],
+//		            		borderColor:Highcharts.getOptions().colors[1],
+//		            		data: [{
+//		            			color: 'yellow',
+//		            			// color:'yellow',
+//		            			radius: '100%',
+//		            			innerRadius: '100%',
+//		            			y: 80
+//		            		}]
+//		            	}]
+//		            });
+//		            
+//		            Highcharts.getOptions().colors = Highcharts.map(colors, function (color) {
+//		            	return {
+//		            		linearGradient: { x1: 1, x2: 0, y1: 0, y2: 0 },
+//		            		stops: [
+//		            			[0, 'rgba(195,38,21,1)'],
+//		            			[1, 'rgba(195,38,21,0.05)']
+//		            		]
+//		            	};
+//		            });
+//		            Highcharts.chart('container4', {
+//		            	chart: {
+//		            		type: 'solidgauge',
+//		            		marginTop: 50,
+//		            		backgroundColor: 'rgba(0,0,0,0)'
+//		            	},
+//		            	credits: {
+//		            		enabled:false
+//		            	},
+//		            	exporting: {
+//		            		enabled:false
+//		            	},
+//		            	title: {
+//		            		text:null
+//		            	},
+//		            	tooltip: {
+////		            		enabled : false,
+//		            		borderWidth: 0,
+//		            		backgroundColor: 'rgba(5,24,36,0.7)',
+//		            		shadow: false,
+//		            		style: {
+//		            			fontSize: '12px'
+//		            		},
+//		            		pointFormat: '<span style="font-size:1em; color: #ffffff; font-weight: bold">{series.name}</span><br><span style="font-size:1em; color: #ffffff; font-weight: bold">待处理：{point.y}</span>',
+//		            		positioner: function (labelWidth) {
+//		            			return {
+//		            				x: 280 - labelWidth / 2,
+//		            				y: 60
+//		            			};
+//		            		}
+//		            	},
+//		            	pane: {
+//		            		startAngle: 0,
+//		            		endAngle: 360,
+//		            		background: [{ // Track for Move
+//		            			outerRadius: '112%',
+//		            			innerRadius: '88%',
+//		            			backgroundColor: 'rgba(0,0,0,0)',
+//		            			//Highcharts.Color(Highcharts.getOptions().colors[1]).setOpacity(0.3).get(),
+//		            			borderWidth: 0
+//		            		}]
+//		            	},
+//		            	yAxis: {
+//		            		min: 0,
+//		            		max: 100,
+//		            		lineWidth: 0,
+//		            		tickPositions: []
+//		            	},
+//		            	plotOptions: {
+//		            		solidgauge: {
+//		            			borderWidth: '12px',
+//		            			dataLabels: {
+//		            				enabled: false
+//		            			},
+//		            			linecap: 'round',
+//		            			stickyTracking: false
+//		            		}
+//		            	},
+//		            	series: [{
+//		            		name: '报告总数：1,256',
+//		            		// borderColor: Highcharts.getOptions().colors[1],
+//		            		borderColor:Highcharts.getOptions().colors[1],
+//		            		data: [{
+//		            			color: 'yellow',
+//		            			// color:'yellow',
+//		            			radius: '100%',
+//		            			innerRadius: '100%',
+//		            			y: 80
+//		            		}]
+//		            	}]
+//		            });
+		            
+		            map1 = new AMap.Map('div_down_bg4', {
+		                mapStyle: mapStyle, //样式URL
+		                viewMode: '3D',
+		                turboMode: false,
+		                resizeEnable: true,
+		                zoom: mapzoom,
+		                center: [121.475644, 31.1857],
+		                features:['bg', 'road', 'building'],
+		                pitch: 45,
+		                forceVector: true
+		            });
+		            
+		            
+					
+					
+					
+//					xData = ["Mo", "Tu", "We","Th","Fr","Sa","Su"];
+//					yData = [333, 1230, 425,178,258,674,941];
+//					echarts.init(document.getElementById('right_echart2')).setOption({
+////						backgroundColor: '#061326',
+//					    "grid": {
+//					        "top": "25%",
+//					        "left": "-5%",
+//					        "bottom": "5%",
+//					        "right": "5%",
+//					        "containLabel": true
+//					    },
+//					    tooltip:{
+//					      show:true 
+//					    },
+//					    animation: false,
+//					    "xAxis": [{
+//					        "type": "category",
+//					        "data": xData,
+//					        "axisTick": {
+//					            "alignWithLabel": true
+//					        },
+//					        "nameTextStyle": {
+//					            "color": "#82b0ec"
+//					        },
+//					        "axisLine": {
+//					            show: false,
+//					            "lineStyle": {
+//					                "color": "#82b0ec"
+//					            }
+//					        },
+//					        "axisLabel": {
+//					            "textStyle": {
+//					                "color": "#fff"
+//					            },
+//					            margin: 30
+//					        }
+//					    }],
+//					    "yAxis": [{
+//					        show: false,
+//					        "type": "value",
+//					        "axisLabel": {
+//					            "textStyle": {
+//					                "color": "#fff"
+//					            },
+//					        },
+//					        "splitLine": {
+//					            "lineStyle": {
+//					                "color": "#0c2c5a"
+//					            }
+//					        },
+//					        "axisLine": {
+//					            "show": false
+//					        }
+//					    }],
+//					    "series": [{
+//					            "name": "",
+//					            type: 'pictorialBar',
+//					            symbolSize: [10, 4],
+//					            symbolOffset: [0, -6],
+//					            symbolPosition: 'end',
+//					            z: 12,
+//					            // "barWidth": "0",
+//					            "label": {
+//					                "normal": {
+//					                    "show": true,
+//					                    "position": "top",
+//					                    // "formatter": "{c}%"
+//					                    fontSize: 12,
+//					                    fontWeight: 'bold',
+//					                    color: '#34DCFF'
+//					                }
+//					            },
+//					            color: "#2DB1EF",
+//					            data: yData
+//					        },
+//					        {
+//					            name: '',
+//					            type: 'pictorialBar',
+//					            symbolSize: [40, 10],
+//					            symbolOffset: [0, 7],
+//					            // "barWidth": "20",
+//					            z: 12,
+//					            "color": "#2DB1EF",
+//					            "data": yData
+//					        },
+//					        {
+//					            name: '',
+//					            type: 'pictorialBar',
+//					            symbolSize: [15, 8],
+//					            symbolOffset: [0, 12],
+//					            z: 10,
+//					            itemStyle: {
+//					                normal: {
+//					                    color: 'transparent',
+//					                    borderColor: '#2EA9E5',
+//					                    borderType: 'solid',
+//					                    borderWidth: 1
+//					                }
+//					            },
+//					            data: yData
+//					        },
+//					        {
+//					            name: '',
+//					            type: 'pictorialBar',
+//					            symbolSize: [20, 10],
+//					            symbolOffset: [0, 18],
+//					            z: 10,
+//					            itemStyle: {
+//					                normal: {
+//					                    color: 'transparent',
+//					                    borderColor: '#19465D',
+//					                    borderType: 'solid',
+//					                    borderWidth: 2
+//					                }
+//					            },
+//					            data: yData
+//					        },
+//					        {
+//					            type: 'bar',
+//					            //silent: true,
+//					            "barWidth": "20",
+//					            barGap: '10%', // Make series be overlap
+//					            barCateGoryGap: '10%',
+//					            itemStyle: {
+//					                normal: {
+//					                    color: new echarts.graphic.LinearGradient(0, 0, 0, 0.3, [{
+//					                            offset: 0,
+//					                            color: "rgba(15,182,196,1)"
+//					                        },
+//					                        {
+//					                            offset: 1,
+//					                            color: "rgba(26,216,232,1)"
+//					                        }
+//					                    ]),
+//					                    opacity: .8
+//					                },
+//					            },
+//					            data: yData
+//					        }
+//					    ]
+//			        });
+					
+		            
+		            
+		            Highcharts.chart('div_right_bg2_tab4', {
+		            	chart: {
+		            		type: 'solidgauge',
+		            		backgroundColor: 'rgba(0,0,0,0)'
+		            	},
+		            	credits: {
+		            		enabled:false
+		            	},
+		            	exporting: {
+		            		enabled:false
+		            	},
+		            	title: {
+		            		text:null
+		            	},
+		            	tooltip: {
+		            		enabled:false,
+		            		borderWidth: 0,
+		            		backgroundColor: 'none',
+		            		shadow: false,
+		            		style: {
+		            			fontSize: '12px'
+		            		},
+		            		pointFormat: '{series.name}<br><span style="font-size:1em; color: {point.color}; font-weight: bold">{point.y}%</span>',
+		            		positioner: function (labelWidth) {
+		            			return {
+		            				x: 80 - labelWidth / 2,
+		            				y: 60
+		            			};
+		            		}
+		            	},
+		            	pane: {
+		            		startAngle: 0,
+		            		endAngle: 360,
+		            		background: [{ // Track for Move
+		            			outerRadius: '112%',
+		            			innerRadius: '88%',
+		            			backgroundColor: 'rgba(0,0,0,0)',
+		            			//Highcharts.Color(Highcharts.getOptions().colors[1]).setOpacity(0.3).get(),
+		            			borderWidth: 0
+		            		}]
+		            	},
+		            	yAxis: {
+		            		min: 0,
+		            		max: 100,
+		            		lineWidth: 0,
+		            		tickPositions: []
+		            	},
+		            	plotOptions: {
+		            		solidgauge: {
+		            			borderWidth: '2px',
+		            			dataLabels: {
+		            				enabled: false
+		            			},
+		            			linecap: 'round',
+		            			stickyTracking: false
+		            		}
+		            	},
+		            	series: [{
+		            		// name: 'Move',
+		            		// borderColor: Highcharts.getOptions().colors[1],
+		            		borderColor:'#147E94',
+		            		data: [{
+		            			color: 'yellow',
+		            			// color:'yellow',
+		            			radius: '100%',
+		            			innerRadius: '100%',
+		            			y: 80
+		            		}]
+		            	}]
+		            });
+		            
+		            Highcharts.chart('div_right_bg2_tab5', {
+		            	chart: {
+		            		type: 'solidgauge',
+		            		backgroundColor: 'rgba(0,0,0,0)'
+		            	},
+		            	credits: {
+		            		enabled:false
+		            	},
+		            	exporting: {
+		            		enabled:false
+		            	},
+		            	title: {
+		            		text:null
+		            	},
+		            	tooltip: {
+		            		enabled:false,
+		            		borderWidth: 0,
+		            		backgroundColor: 'none',
+		            		shadow: false,
+		            		style: {
+		            			fontSize: '12px'
+		            		},
+		            		pointFormat: '{series.name}<br><span style="font-size:1em; color: {point.color}; font-weight: bold">{point.y}%</span>',
+		            		positioner: function (labelWidth) {
+		            			return {
+		            				x: 80 - labelWidth / 2,
+		            				y: 60
+		            			};
+		            		}
+		            	},
+		            	pane: {
+		            		startAngle: 0,
+		            		endAngle: 360,
+		            		background: [{ // Track for Move
+		            			outerRadius: '112%',
+		            			innerRadius: '88%',
+		            			backgroundColor: 'rgba(0,0,0,0)',
+		            			//Highcharts.Color(Highcharts.getOptions().colors[1]).setOpacity(0.3).get(),
+		            			borderWidth: 0
+		            		}]
+		            	},
+		            	yAxis: {
+		            		min: 0,
+		            		max: 100,
+		            		lineWidth: 0,
+		            		tickPositions: []
+		            	},
+		            	plotOptions: {
+		            		solidgauge: {
+		            			borderWidth: '2px',
+		            			dataLabels: {
+		            				enabled: false
+		            			},
+		            			linecap: 'round',
+		            			stickyTracking: false
+		            		}
+		            	},
+		            	series: [{
+		            		// name: 'Move',
+		            		// borderColor: Highcharts.getOptions().colors[1],
+		            		borderColor:'#95B3CA',
+		            		data: [{
+		            			color: 'yellow',
+		            			// color:'yellow',
+		            			radius: '100%',
+		            			innerRadius: '100%',
+		            			y: 80
+		            		}]
+		            	}]
+		            });
+}
+
+
+var body_resize = function() {
+	$("#mask_l").css('height',$(window).innerHeight()+'px');
+	$("#mask_r").css('height',$(window).innerHeight()+'px');
+	$("#mask_b").css('top',($(window).innerHeight()-100)+'px');
+	$("#mask_b").css('width',$(window).innerWidth()+'px');
+	$("#mask_t").css('width',$(window).innerWidth()+'px');
+	$("#map_header").css('left',($(window).innerWidth()-740)/2+'px');
+	$("#map_header").css('height','82px');
+	$("#container").css('width',$(window).innerWidth()+'px');
+	$("#container").css('height',$(window).innerHeight()+'px');
+	var area_height = $(window).innerHeight()-129;
+	$("#data_bar_area").css('height',area_height+'px');
+	$("#title_right_02").css('height',($(window).innerHeight()-680)+'px');
+	draw_all();
+	timer_start();
+}
+
+Ext.onReady(function(){
+	var queryJson = new Object();
+	queryJson.V_LOGINNAME = $("#V_LOGINNAME").val();
+	queryJson.V_PASSWORD =  $("#V_PASSWORD").val();
+	queryJson.company_code = $("#company_code").val();
+	
+	filterwin = function(spot_id){
+		 var query = new Object();
+		 query.dwtype = 'YTWP';
+         query.company_code = spot_id.currentTarget.company_code;
+         query.V_LOGINNAME = $("#V_LOGINNAME").val();
+         query.V_PASSWORD =  $("#V_PASSWORD").val();
+         var jsonstr = Ext.JSON.encode(query);
+            myStore1.getProxy().extraParams = {
+             queryJson : jsonstr
+            };
+         myStore1.reload();
+		Ext.create('Ext.window.Window', {
+		    title: '今日告警',
+		    height: 300,
+		    width: 500,
+		    modal: true,
+		    layout:'border',
+		    items: MaintenanceCheckPanel1,
+		    buttons:[
+		    	{
+		    		text:'关闭',
+		    		 handler : function() {
+		    			 this.up('window').hide();
+		    		 }
+		    	}
+		    ],
+		    closeAction: 'hide'
+		}).show();
+	}
+	parent.window.hiding_menu();
+	maxHeight =  document.documentElement.clientHeight;
+	maxWidth = document.documentElement.clientWidth;
+	if(($("#V_LOGINNAME").val().length==0)||($("#V_LOGINNAME").val()=='null')||($("#V_LOGINNAME").val()==null))
+		$("#V_LOGINNAME").val(sessionStorage.getItem('V_LOGINNAME'));
+	else
+		sessionStorage.setItem('V_LOGINNAME',$("#V_LOGINNAME").val());
+	if(($("#V_PASSWORD").val().length==0)||($("#V_PASSWORD").val()=='null')||($("#V_PASSWORD").val()==null))
+		$("#V_PASSWORD").val(sessionStorage.getItem('V_PASSWORD'));
+	else
+		sessionStorage.setItem('V_PASSWORD',$("#V_PASSWORD").val());
+    baseUrl = $("#basePath").val();
+    basePath = $("#baseUrl").val();
+    theme = $("#theme").val();
+    V_LOGINNAME = $("#V_LOGINNAME").val();
+    V_PASSWORD = $("#V_PASSWORD").val();
+    viewAlarmType = $("#viewAlarmType").val();
+    pieAlarmType = $("#pieAlarmType").val();
+    statusType = $("#statusType").val();
+    company_code = $("#company_code").val();
+    mapStyle = (theme=='default')?'normal':(theme=='gray')?'amap://styles/light':'amap://styles/659dc6c4753dc6e87c65c8a874c02133';
+    $("#alarm_wrapper_table").css('left',(($(document).innerWidth()-800)/2)+'px');
+    if((theme=='access')||(theme==''))
+    	$('#alarm_wrapper').addClass('shadow_black');
+    else
+    	$('#alarm_wrapper').addClass('shadow_white');
+    last_move = Date.parse(new Date());
+    company_cur = -1;
+    myMask = new Ext.LoadMask(Ext.getBody(), {    
+        msg: '查询中，请稍后！',   
+        cls:'toplevel',
+        removeMask: true //完成后移除    
+	}); 
+    map = new AMap.Map('container', {
+        mapStyle: mapStyle, //样式URL
+        viewMode: '3D',
+        turboMode: false,
+        resizeEnable: true,
+        zoom: mapzoom,
+        center: [121.475644, 31.1857],
+        features:['bg', 'road', 'building'],
+        pitch: 45,
+        forceVector: true
+    });
+
+    map.on('movestart',function(e){
+    	clear_detail_info();
+    });
+    map.on('mousemove',function(e){
+    	if(company_cur<0)
+    		return;
+    	last_move = Date.parse(new Date());
+    	company_cur=-1;
+    	firstDraw = true;
+    	map.setPitch(45);
+    	draw_all();
+    	LabelShow = true;
+    	shower_click();
+    	shower_mouseout();
+    });
+    map.on('complete',function(e){
+        getCurrentData();  
+
+    });
+    $("#search_company").on('input',function(){
+    	update_companyList();
+    });
+    myMask.show();
+    window.onresize=function(){
+    	body_resize();
+//    	showPingfen('0');
+//    	showOperat();
+    };
+    body_resize();
+    initWebSocket();
+//    showPingfen('0');
+//    showOperat();
+});

src/assets/homeStatic/js/upload.js

@@ -0,0 +1,21 @@
+function DragImgUpload(id, options) {
+    this.me = $(id); var defaultOpt = { boxWidth: '100px', boxHeight: '114px' }
+    this.preview = $('<div id="preview"><img src="images/upload.png" class="img-responsive"  style="width: 100%;height: auto;" alt="" title=""> </div>'); this.opts = $.extend(true, defaultOpt, {}, options); this.init(); this.callback = this.opts.callback;
+}
+DragImgUpload.prototype = {
+    init: function () { this.me.append(this.preview); this.me.append(this.fileupload); this.cssInit(); this.eventClickInit(); }, cssInit: function () {
+        this.me.css({ 'width': this.opts.boxWidth, 'height': this.opts.boxHeight,  'cursor': 'pointer' })
+        this.preview.css({ 'height': '100%', 'overflow': 'hidden' })
+    }, onDragover: function (e) { e.stopPropagation(); e.preventDefault(); e.dataTransfer.dropEffect = 'copy'; }, onDrop: function (e) {
+        var self = this; e.stopPropagation(); e.preventDefault(); var fileList = e.dataTransfer.files; if (fileList.length == 0) { return false; }
+        if (fileList[0].type.indexOf('image') === -1) { alert("您拖的不是图片！"); return false; }
+        var img = window.URL.createObjectURL(fileList[0]); var filename = fileList[0].name; var filesize = Math.floor((fileList[0].size) / 1024); if (filesize > 500) { alert("上传大小不能超过500K."); return false; }
+        self.me.find("img").attr("src", img); self.me.find("img").attr("title", filename); if (this.callback) { this.callback(fileList); }
+    }, eventClickInit: function () {
+        var self = this; this.me.unbind().click(function () { self.createImageUploadDialog(); })
+        var dp = this.me[0]; dp.addEventListener('dragover', function (e) { self.onDragover(e); }); dp.addEventListener("drop", function (e) { self.onDrop(e); });
+    }, onChangeUploadFile: function () { var fileInput = this.fileInput; var files = fileInput.files; var file = files[0]; var img = window.URL.createObjectURL(file); var filename = file.name; this.me.find("img").attr("src", img); this.me.find("img").attr("title", filename); if (this.callback) { this.callback(files); } }, createImageUploadDialog: function () {
+        var fileInput = this.fileInput; if (!fileInput) { fileInput = document.createElement('input'); fileInput.type = 'file'; fileInput.name = 'ime-images'; fileInput.multiple = true; fileInput.onchange = this.onChangeUploadFile.bind(this); this.fileInput = fileInput; }
+        fileInput.click();
+    }
+}

src/assets/homeStatic/js/util.js

@@ -0,0 +1,107 @@
+//获取时间
+var t = null;
+t = setTimeout(time, 1000); //開始运行
+function time() {
+    clearTimeout(t); //清除定时器
+    dt = new Date();
+    var y = dt.getFullYear();
+    var mt = Appendzero(dt.getMonth() + 1);
+    var day = Appendzero(dt.getDate());
+    var h = Appendzero(dt.getHours()); //获取时
+    var m = Appendzero(dt.getMinutes()); //获取分
+    var s = Appendzero(dt.getSeconds()); //获取秒
+    document.querySelector(".showTime").innerHTML =
+
+        y +
+        "-" +
+        mt +
+        "-" +
+        day +
+        " " +
+        h +
+        ":" +
+        m +
+        ":" +
+        s;
+    t = setTimeout(time, 1000); //设定定时器，循环运行
+}
+
+
+//获取天气
+$(function() {
+    $.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: 'GET',
+        dataType: 'jsonp',
+        data: {
+            "key": "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function(html) {
+            var str = "";
+            str += "<span>" + html.city + "</span>";
+            // str += "<span>" + html.weather[0].date + "</span>";
+            str += "<span>" + html.weather[0].weather + "</span>";
+            str += "<span>" + html.weather[0].temp + "</span>";
+            str += "<span>" + html.weather[0].wind + "</span>";
+            str += "</tr>";
+            $(".weather").html(str)
+        }
+    });
+})
+
+
+/* 个位补零*/
+function Appendzero(obj) {
+    if (obj < 10) return "0" + obj;
+    else return obj;
+}
+
+function add0(m) { return m < 10 ? '0' + m : m }
+
+
+//时间戳转化成时间格式
+function getFormatDate(timestamp) {
+    //timestamp是整数，否则要parseInt转换,不会出现少个0的情况
+    var time = new Date(timestamp);
+    var year = time.getFullYear();
+    var month = time.getMonth() + 1;
+    var date = time.getDate();
+    var hours = time.getHours();
+    var minutes = time.getMinutes();
+    var seconds = time.getSeconds();
+    return year + '-' + add0(month) + '-' + add0(date) + ' ' + add0(hours) + ':' + add0(minutes) + ':' + add0(seconds);
+}
+
+
+/* 毫秒转化*/
+function test(time_distance) {
+    // 天时分秒换算 
+    var int_day = Math.floor(time_distance / 86400)
+    time_distance = time_distance - int_day * 86400;
+
+    var int_hour = Math.floor(time_distance / 3600)
+    time_distance = time_distance - int_hour * 3600;
+
+    var int_minute = Math.floor(time_distance / 60)
+    time_distance = time_distance - int_minute * 60;
+
+    var int_second = Math.floor(time_distance)
+    // 时分秒为单数时、前面加零 
+    if (int_day < 10) {
+        int_day = "0" + int_day;
+    }
+    if (int_hour < 10) {
+        int_hour = "0" + int_hour;
+    }
+    if (int_minute < 10) {
+        int_minute = "0" + int_minute;
+    }
+    if (int_second < 10) {
+        int_second = "0" + int_second;
+    }
+    return int_day + '天';
+}
+
+
+//alert(test(3000000));
+// console.log(test);

src/assets/homeStatic/js/valid.js

@@ -0,0 +1,40 @@
+/**
+ * 简单验证 字段是否空
+ * @param {*} allParam 
+ * @param {*} validParam 
+ */
+function validParamIsEmpty(allParam, validParam) {
+
+    for (let key in validParam) {
+        if (!allParam[key]) {
+            return { "code": -1, "msg": validParam[key] }
+        }
+    }
+
+    return { "code": 0, "msg": "success" }
+
+}
+
+/**
+ * 将表单序列化的字段转换为对象格式
+ * @param {*} allParam 
+ */
+function serializeArrayToObj(arrayParam) {
+    let objParam = {};
+    for (let key in arrayParam) {
+        objParam[arrayParam[key].name] = arrayParam[key].value
+    }
+    return objParam;
+}
+
+function checkEmailFormat() {
+
+}
+
+function checkMobileFormat() {
+
+}
+
+function checkAgeFormat() {
+
+}

src/assets/homeStatic/layui/css/layui.css

@@ -0,0 +1,1395 @@
+/**
+ 
+ @Name: layui
+ @Author: 贤心
+ @Site: www.layui.com
+ 
+ */
+
+
+/** 初始化 **/
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
+a:active,a:hover{outline:0}
+img{display: inline-block; border: none; vertical-align: middle;}
+li{list-style:none;}
+table{border-collapse: collapse; border-spacing: 0;}
+h1,h2,h3{font-weight: 400;}
+h4, h5, h6{font-size: 100%; font-weight: 400;}
+button,input,select,textarea{font-size: 100%; }
+input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
+pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
+
+/** 初始化全局标签 **/
+body{line-height: 24px; font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
+hr{height: 1px; margin: 10px 0; border: 0; clear: both;}
+a{color: #333; text-decoration:none; }
+a:hover{color: #777;}
+a cite{font-style: normal; *cursor:pointer;}
+
+/** 基础通用 **/
+.layui-border-box, .layui-border-box *{box-sizing: border-box;}
+/* 消除第三方ui可能造成的冲突 */.layui-box, .layui-box *{box-sizing: content-box;}
+.layui-clear{clear: both; *zoom: 1;}
+.layui-clear:after{content:'\20'; clear:both; *zoom:1; display:block; height:0;}
+.layui-inline{position: relative; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
+/* 三角形 */.layui-edge{position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden;}
+.layui-edge-top{top: -4px; border-bottom-color: #999; border-bottom-style: solid;}
+.layui-edge-right{border-left-color: #999; border-left-style: solid;}
+.layui-edge-bottom{top: 2px; border-top-color: #999; border-top-style: solid;}
+.layui-edge-left{border-right-color: #999; border-right-style: solid;}
+/* 单行溢出省略 */.layui-elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
+/* 屏蔽选中 */.layui-unselect,.layui-icon, .layui-disabled{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
+/* 禁用 */.layui-disabled,.layui-disabled:hover{color: #d2d2d2 !important; cursor: not-allowed !important;}
+/* 纯圆角 */.layui-circle{border-radius: 100%;}
+.layui-show{display: block !important;}
+.layui-hide{display: none !important;}
+
+/** 图标字体 **/
+@font-face {
+  font-family: 'layui-icon';
+  src: url('../font/iconfont.eot?v=256');
+  src: url('../font/iconfont.eot?v=256#iefix') format('embedded-opentype'),
+       url('../font/iconfont.woff2?v=256') format('woff2'),
+       url('../font/iconfont.woff?v=256') format('woff'),
+       url('../font/iconfont.ttf?v=256') format('truetype'),
+       url('../font/iconfont.svg?v=256#layui-icon') format('svg');
+}
+                    
+.layui-icon{
+  font-family:"layui-icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* font-class */
+.layui-icon-reply-fill:before{content:"\e611"}
+.layui-icon-set-fill:before{content:"\e614"}
+.layui-icon-menu-fill:before{content:"\e60f"}
+.layui-icon-search:before{content:"\e615"}
+.layui-icon-share:before{content:"\e641"}
+.layui-icon-set-sm:before{content:"\e620"}
+.layui-icon-engine:before{content:"\e628"}
+.layui-icon-close:before{content:"\1006"}
+.layui-icon-close-fill:before{content:"\1007"}
+.layui-icon-chart-screen:before{content:"\e629"}
+.layui-icon-star:before{content:"\e600"}
+.layui-icon-circle-dot:before{content:"\e617"}
+.layui-icon-chat:before{content:"\e606"}
+.layui-icon-release:before{content:"\e609"}
+.layui-icon-list:before{content:"\e60a"}
+.layui-icon-chart:before{content:"\e62c"}
+.layui-icon-ok-circle:before{content:"\1005"}
+.layui-icon-layim-theme:before{content:"\e61b"}
+.layui-icon-table:before{content:"\e62d"}
+.layui-icon-right:before{content:"\e602"}
+.layui-icon-left:before{content:"\e603"}
+.layui-icon-cart-simple:before{content:"\e698"}
+.layui-icon-face-cry:before{content:"\e69c"}
+.layui-icon-face-smile:before{content:"\e6af"}
+.layui-icon-survey:before{content:"\e6b2"}
+.layui-icon-tree:before{content:"\e62e"}
+.layui-icon-ie:before{content:"\e7bb"}
+.layui-icon-upload-circle:before{content:"\e62f"}
+.layui-icon-add-circle:before{content:"\e61f"}
+.layui-icon-download-circle:before{content:"\e601"}
+.layui-icon-templeate-1:before{content:"\e630"}
+.layui-icon-util:before{content:"\e631"}
+.layui-icon-face-surprised:before{content:"\e664"}
+.layui-icon-edit:before{content:"\e642"}
+.layui-icon-speaker:before{content:"\e645"}
+.layui-icon-down:before{content:"\e61a"}
+.layui-icon-file:before{content:"\e621"}
+.layui-icon-layouts:before{content:"\e632"}
+.layui-icon-rate-half:before{content:"\e6c9"}
+.layui-icon-add-circle-fine:before{content:"\e608"}
+.layui-icon-prev-circle:before{content:"\e633"}
+.layui-icon-read:before{content:"\e705"}
+.layui-icon-404:before{content:"\e61c"}
+.layui-icon-carousel:before{content:"\e634"}
+.layui-icon-help:before{content:"\e607"}
+.layui-icon-code-circle:before{content:"\e635"}
+.layui-icon-windows:before{content:"\e67f"}
+.layui-icon-water:before{content:"\e636"}
+.layui-icon-username:before{content:"\e66f"}
+.layui-icon-find-fill:before{content:"\e670"}
+.layui-icon-about:before{content:"\e60b"}
+.layui-icon-location:before{content:"\e715"}
+.layui-icon-up:before{content:"\e619"}
+.layui-icon-pause:before{content:"\e651"}
+.layui-icon-date:before{content:"\e637"}
+.layui-icon-layim-uploadfile:before{content:"\e61d"}
+.layui-icon-delete:before{content:"\e640"}
+.layui-icon-play:before{content:"\e652"}
+.layui-icon-top:before{content:"\e604"}
+.layui-icon-firefox:before{content:"\e686"}
+.layui-icon-friends:before{content:"\e612"}
+.layui-icon-refresh-3:before{content:"\e9aa"}
+.layui-icon-ok:before{content:"\e605"}
+.layui-icon-layer:before{content:"\e638"}
+.layui-icon-face-smile-fine:before{content:"\e60c"}
+.layui-icon-dollar:before{content:"\e659"}
+.layui-icon-group:before{content:"\e613"}
+.layui-icon-layim-download:before{content:"\e61e"}
+.layui-icon-picture-fine:before{content:"\e60d"}
+.layui-icon-link:before{content:"\e64c"}
+.layui-icon-diamond:before{content:"\e735"}
+.layui-icon-log:before{content:"\e60e"}
+.layui-icon-key:before{content:"\e683"}
+.layui-icon-rate-solid:before{content:"\e67a"}
+.layui-icon-fonts-del:before{content:"\e64f"}
+.layui-icon-unlink:before{content:"\e64d"}
+.layui-icon-fonts-clear:before{content:"\e639"}
+.layui-icon-triangle-r:before{content:"\e623"}
+.layui-icon-circle:before{content:"\e63f"}
+.layui-icon-radio:before{content:"\e643"}
+.layui-icon-align-center:before{content:"\e647"}
+.layui-icon-align-right:before{content:"\e648"}
+.layui-icon-align-left:before{content:"\e649"}
+.layui-icon-loading-1:before{content:"\e63e"}
+.layui-icon-return:before{content:"\e65c"}
+.layui-icon-fonts-strong:before{content:"\e62b"}
+.layui-icon-upload:before{content:"\e67c"}
+.layui-icon-dialogue:before{content:"\e63a"}
+.layui-icon-video:before{content:"\e6ed"}
+.layui-icon-headset:before{content:"\e6fc"}
+.layui-icon-cellphone-fine:before{content:"\e63b"}
+.layui-icon-add-1:before{content:"\e654"}
+.layui-icon-face-smile-b:before{content:"\e650"}
+.layui-icon-fonts-html:before{content:"\e64b"}
+.layui-icon-screen-full:before{content:"\e622"}
+.layui-icon-form:before{content:"\e63c"}
+.layui-icon-cart:before{content:"\e657"}
+.layui-icon-camera-fill:before{content:"\e65d"}
+.layui-icon-tabs:before{content:"\e62a"}
+.layui-icon-heart-fill:before{content:"\e68f"}
+.layui-icon-fonts-code:before{content:"\e64e"}
+.layui-icon-ios:before{content:"\e680"}
+.layui-icon-at:before{content:"\e687"}
+.layui-icon-fire:before{content:"\e756"}
+.layui-icon-set:before{content:"\e716"}
+.layui-icon-fonts-u:before{content:"\e646"}
+.layui-icon-triangle-d:before{content:"\e625"}
+.layui-icon-tips:before{content:"\e702"}
+.layui-icon-picture:before{content:"\e64a"}
+.layui-icon-more-vertical:before{content:"\e671"}
+.layui-icon-bluetooth:before{content:"\e689"}
+.layui-icon-flag:before{content:"\e66c"}
+.layui-icon-loading:before{content:"\e63d"}
+.layui-icon-fonts-i:before{content:"\e644"}
+.layui-icon-refresh-1:before{content:"\e666"}
+.layui-icon-rmb:before{content:"\e65e"}
+.layui-icon-addition:before{content:"\e624"}
+.layui-icon-home:before{content:"\e68e"}
+.layui-icon-time:before{content:"\e68d"}
+.layui-icon-user:before{content:"\e770"}
+.layui-icon-notice:before{content:"\e667"}
+.layui-icon-chrome:before{content:"\e68a"}
+.layui-icon-edge:before{content:"\e68b"}
+.layui-icon-login-weibo:before{content:"\e675"}
+.layui-icon-voice:before{content:"\e688"}
+.layui-icon-upload-drag:before{content:"\e681"}
+.layui-icon-login-qq:before{content:"\e676"}
+.layui-icon-snowflake:before{content:"\e6b1"}
+.layui-icon-heart:before{content:"\e68c"}
+.layui-icon-logout:before{content:"\e682"}
+.layui-icon-file-b:before{content:"\e655"}
+.layui-icon-template:before{content:"\e663"}
+.layui-icon-transfer:before{content:"\e691"}
+.layui-icon-auz:before{content:"\e672"}
+.layui-icon-console:before{content:"\e665"}
+.layui-icon-app:before{content:"\e653"}
+.layui-icon-prev:before{content:"\e65a"}
+.layui-icon-website:before{content:"\e7ae"}
+.layui-icon-next:before{content:"\e65b"}
+.layui-icon-component:before{content:"\e857"}
+.layui-icon-android:before{content:"\e684"}
+.layui-icon-more:before{content:"\e65f"}
+.layui-icon-login-wechat:before{content:"\e677"}
+.layui-icon-shrink-right:before{content:"\e668"}
+.layui-icon-spread-left:before{content:"\e66b"}
+.layui-icon-camera:before{content:"\e660"}
+.layui-icon-note:before{content:"\e66e"}
+.layui-icon-refresh:before{content:"\e669"}
+.layui-icon-female:before{content:"\e661"}
+.layui-icon-male:before{content:"\e662"}
+.layui-icon-screen-restore:before{content:"\e758"}
+.layui-icon-password:before{content:"\e673"}
+.layui-icon-senior:before{content:"\e674"}
+.layui-icon-theme:before{content:"\e66a"}
+.layui-icon-tread:before{content:"\e6c5"}
+.layui-icon-praise:before{content:"\e6c6"}
+.layui-icon-star-fill:before{content:"\e658"}
+.layui-icon-rate:before{content:"\e67b"}
+.layui-icon-template-1:before{content:"\e656"}
+.layui-icon-vercode:before{content:"\e679"}
+.layui-icon-service:before{content:"\e626"}
+.layui-icon-cellphone:before{content:"\e678"}
+.layui-icon-print:before{content:"\e66d"}
+.layui-icon-cols:before{content:"\e610"}
+.layui-icon-wifi:before{content:"\e7e0"}
+.layui-icon-export:before{content:"\e67d"}
+.layui-icon-rss:before{content:"\e808"}
+.layui-icon-slider:before{content:"\e714"}
+.layui-icon-email:before{content:"\e618"}
+.layui-icon-subtraction:before{content:"\e67e"}
+.layui-icon-mike:before{content:"\e6dc"}
+.layui-icon-light:before{content:"\e748"}
+.layui-icon-gift:before{content:"\e627"}
+.layui-icon-mute:before{content:"\e685"}
+.layui-icon-reduce-circle:before{content:"\e616"}
+.layui-icon-music:before{content:"\e690"}
+
+/* 基本布局 */
+.layui-main{position: relative; width: 1140px; margin: 0 auto;}
+.layui-header{position: relative; z-index: 1000; height: 60px;}
+.layui-header a:hover{transition: all .5s; -webkit-transition: all .5s;}
+.layui-side{position: fixed; left: 0; top: 0; bottom: 0; z-index: 999; width: 200px; overflow-x: hidden;}
+.layui-side-scroll{position: relative; width: 220px; height: 100%; overflow-x: hidden;}
+.layui-body{position: absolute; left: 200px; right: 0; top: 0; bottom: 0; z-index: 998; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box;}
+
+/* 后台框架大布局 */.layui-layout-body{overflow: hidden;}
+.layui-layout-admin .layui-header{background-color: #23262E;}
+.layui-layout-admin .layui-side{top: 60px; width: 200px; overflow-x: hidden;}
+.layui-layout-admin .layui-body{position: fixed; top: 60px; bottom: 44px;}
+.layui-layout-admin .layui-main{width: auto; margin: 0 15px;}
+.layui-layout-admin .layui-footer{position: fixed; left: 200px; right: 0; bottom: 0; height: 44px; line-height: 44px; padding: 0 15px; background-color: #eee;}
+.layui-layout-admin .layui-logo{position: absolute; left: 0; top: 0; width: 200px; height: 100%; line-height: 60px; text-align: center; color: #009688; font-size: 16px;}
+.layui-layout-admin .layui-header .layui-nav{background: none;}
+.layui-layout-left{position: absolute !important; left: 200px; top: 0;}
+.layui-layout-right{position: absolute !important; right: 0; top: 0;}
+
+/* 栅格布局 */
+.layui-container{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
+.layui-fluid{position: relative; margin: 0 auto; padding: 0 15px;}
+
+.layui-row:before, .layui-row:after{content: ''; display: block; clear: both;}
+.layui-col-xs1, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12
+,.layui-col-sm1, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12
+,.layui-col-md1, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-md10, .layui-col-md11, .layui-col-md12
+,.layui-col-lg1, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12
+{position: relative; display: block; box-sizing: border-box;}
+
+.layui-col-xs1, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12{float: left;}
+.layui-col-xs1{width: 8.33333333%;}
+.layui-col-xs2{width: 16.66666667%;}
+.layui-col-xs3{width: 25%;}
+.layui-col-xs4{width: 33.33333333%;}
+.layui-col-xs5{width: 41.66666667%;}
+.layui-col-xs6{width: 50%;}
+.layui-col-xs7{width: 58.33333333%;}
+.layui-col-xs8{width: 66.66666667%;}
+.layui-col-xs9{width: 75%;}
+.layui-col-xs10{width: 83.33333333%;}
+.layui-col-xs11{width: 91.66666667%;}
+.layui-col-xs12{width: 100%;}
+
+.layui-col-xs-offset1{margin-left: 8.33333333%;}
+.layui-col-xs-offset2{margin-left: 16.66666667%;}
+.layui-col-xs-offset3{margin-left: 25%;}
+.layui-col-xs-offset4{margin-left: 33.33333333%;}
+.layui-col-xs-offset5{margin-left: 41.66666667%;}
+.layui-col-xs-offset6{margin-left: 50%;}
+.layui-col-xs-offset7{margin-left: 58.33333333%;}
+.layui-col-xs-offset8{margin-left: 66.66666667%;}
+.layui-col-xs-offset9{margin-left: 75%;}
+.layui-col-xs-offset10{margin-left: 83.33333333%;}
+.layui-col-xs-offset11{margin-left: 91.66666667%;}
+.layui-col-xs-offset12{margin-left: 100%;}
+
+/* 超小屏幕(手机) */
+@media screen and (max-width: 768px) {
+  .layui-hide-xs{display: none!important;}
+  .layui-show-xs-block{display: block!important;}
+  .layui-show-xs-inline{display: inline!important;}
+  .layui-show-xs-inline-block{display: inline-block!important;}
+}
+
+/* 小型屏幕(平板) */
+@media screen and (min-width: 768px) {
+  .layui-container{width: 750px;}
+  .layui-hide-sm{display: none!important;}
+  .layui-show-sm-block{display: block!important;}
+  .layui-show-sm-inline{display: inline!important;}
+  .layui-show-sm-inline-block{display: inline-block!important;}
+
+  .layui-col-sm1, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12{float: left;}
+  .layui-col-sm1{width: 8.33333333%;}
+  .layui-col-sm2{width: 16.66666667%;}
+  .layui-col-sm3{width: 25%;}
+  .layui-col-sm4{width: 33.33333333%;}
+  .layui-col-sm5{width: 41.66666667%;}
+  .layui-col-sm6{width: 50%;}
+  .layui-col-sm7{width: 58.33333333%;}
+  .layui-col-sm8{width: 66.66666667%;}
+  .layui-col-sm9{width: 75%;}
+  .layui-col-sm10{width: 83.33333333%;}
+  .layui-col-sm11{width: 91.66666667%;}
+  .layui-col-sm12{width: 100%;}
+  /* 列偏移 */
+  .layui-col-sm-offset1{margin-left: 8.33333333%;}
+  .layui-col-sm-offset2{margin-left: 16.66666667%;}
+  .layui-col-sm-offset3{margin-left: 25%;}
+  .layui-col-sm-offset4{margin-left: 33.33333333%;}
+  .layui-col-sm-offset5{margin-left: 41.66666667%;}
+  .layui-col-sm-offset6{margin-left: 50%;}
+  .layui-col-sm-offset7{margin-left: 58.33333333%;}
+  .layui-col-sm-offset8{margin-left: 66.66666667%;}
+  .layui-col-sm-offset9{margin-left: 75%;}
+  .layui-col-sm-offset10{margin-left: 83.33333333%;}
+  .layui-col-sm-offset11{margin-left: 91.66666667%;}
+  .layui-col-sm-offset12{margin-left: 100%;}
+}
+/* 中型屏幕(桌面) */
+@media screen and (min-width: 992px) {
+  .layui-container{width: 970px;}
+  .layui-hide-md{display: none!important;}
+  .layui-show-md-block{display: block!important;}
+  .layui-show-md-inline{display: inline!important;}
+  .layui-show-md-inline-block{display: inline-block!important;}
+  
+  .layui-col-md1, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-md10, .layui-col-md11, .layui-col-md12{float: left;}
+  .layui-col-md1{width: 8.33333333%;}
+  .layui-col-md2{width: 16.66666667%;}
+  .layui-col-md3{width: 25%;}
+  .layui-col-md4{width: 33.33333333%;}
+  .layui-col-md5{width: 41.66666667%;}
+  .layui-col-md6{width: 50%;}
+  .layui-col-md7{width: 58.33333333%;}
+  .layui-col-md8{width: 66.66666667%;}
+  .layui-col-md9{width: 75%;}
+  .layui-col-md10{width: 83.33333333%;}
+  .layui-col-md11{width: 91.66666667%;}
+  .layui-col-md12{width: 100%;}
+  /* 列偏移 */
+  .layui-col-md-offset1{margin-left: 8.33333333%;}
+  .layui-col-md-offset2{margin-left: 16.66666667%;}
+  .layui-col-md-offset3{margin-left: 25%;}
+  .layui-col-md-offset4{margin-left: 33.33333333%;}
+  .layui-col-md-offset5{margin-left: 41.66666667%;}
+  .layui-col-md-offset6{margin-left: 50%;}
+  .layui-col-md-offset7{margin-left: 58.33333333%;}
+  .layui-col-md-offset8{margin-left: 66.66666667%;}
+  .layui-col-md-offset9{margin-left: 75%;}
+  .layui-col-md-offset10{margin-left: 83.33333333%;}
+  .layui-col-md-offset11{margin-left: 91.66666667%;}
+  .layui-col-md-offset12{margin-left: 100%;}
+}
+/* 大型屏幕(桌面) */
+@media screen and (min-width: 1200px) {
+  .layui-container{width: 1170px;}
+  .layui-hide-lg{display: none!important;}
+  .layui-show-lg-block{display: block!important;}
+  .layui-show-lg-inline{display: inline!important;}
+  .layui-show-lg-inline-block{display: inline-block!important;}
+  
+  .layui-col-lg1, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12{float: left;}
+  .layui-col-lg1{width: 8.33333333%;}
+  .layui-col-lg2{width: 16.66666667%;}
+  .layui-col-lg3{width: 25%;}
+  .layui-col-lg4{width: 33.33333333%;}
+  .layui-col-lg5{width: 41.66666667%;}
+  .layui-col-lg6{width: 50%;}
+  .layui-col-lg7{width: 58.33333333%;}
+  .layui-col-lg8{width: 66.66666667%;}
+  .layui-col-lg9{width: 75%;}
+  .layui-col-lg10{width: 83.33333333%;}
+  .layui-col-lg11{width: 91.66666667%;}
+  .layui-col-lg12{width: 100%;}
+  /* 列偏移 */
+  .layui-col-lg-offset1{margin-left: 8.33333333%;}
+  .layui-col-lg-offset2{margin-left: 16.66666667%;}
+  .layui-col-lg-offset3{margin-left: 25%;}
+  .layui-col-lg-offset4{margin-left: 33.33333333%;}
+  .layui-col-lg-offset5{margin-left: 41.66666667%;}
+  .layui-col-lg-offset6{margin-left: 50%;}
+  .layui-col-lg-offset7{margin-left: 58.33333333%;}
+  .layui-col-lg-offset8{margin-left: 66.66666667%;}
+  .layui-col-lg-offset9{margin-left: 75%;}
+  .layui-col-lg-offset10{margin-left: 83.33333333%;}
+  .layui-col-lg-offset11{margin-left: 91.66666667%;}
+  .layui-col-lg-offset12{margin-left: 100%;}
+}
+
+/* 列间隔 */
+.layui-col-space1{margin: -0.5px;}
+.layui-col-space1>*{padding: 0.5px;}
+.layui-col-space2{margin: -1px;}
+.layui-col-space2>*{padding: 1px;}
+.layui-col-space4{margin: -2px;}
+.layui-col-space4>*{padding: 2px;}
+.layui-col-space5{margin: -2.5px;}
+.layui-col-space5>*{padding: 2.5px;}
+.layui-col-space6{margin: -3px;}
+.layui-col-space6>*{padding: 3px;}
+.layui-col-space8{margin: -4px;}
+.layui-col-space8>*{padding: 4px;}
+.layui-col-space10{margin: -5px;}
+.layui-col-space10>*{padding: 5px;}
+.layui-col-space12{margin: -6px;}
+.layui-col-space12>*{padding: 6px;}
+.layui-col-space14{margin: -7px;}
+.layui-col-space14>*{padding: 7px;}
+.layui-col-space15{margin: -7.5px;}
+.layui-col-space15>*{padding: 7.5px;}
+.layui-col-space16{margin: -8px;}
+.layui-col-space16>*{padding: 8px;}
+.layui-col-space18{margin: -9px;}
+.layui-col-space18>*{padding: 9px;}
+.layui-col-space20{margin: -10px;}
+.layui-col-space20>*{padding: 10px;}
+.layui-col-space22{margin: -11px;}
+.layui-col-space22>*{padding: 11px;}
+.layui-col-space24{margin: -12px;}
+.layui-col-space24>*{padding: 12px;}
+.layui-col-space25{margin: -12.5px;}
+.layui-col-space25>*{padding: 12.5px;}
+.layui-col-space26{margin: -13px;}
+.layui-col-space26>*{padding: 13px;}
+.layui-col-space28{margin: -14px;}
+.layui-col-space28>*{padding: 14px;}
+.layui-col-space30{margin: -15px;}
+.layui-col-space30>*{padding: 15px;}
+
+
+/** 页面元素 **/
+.layui-btn, .layui-input, .layui-textarea, .layui-upload-button, .layui-select{outline: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;}
+
+/* 引用 */.layui-elem-quote{margin-bottom: 10px; padding: 15px; line-height: 22px; border-left: 5px solid #009688; border-radius: 0 2px 2px 0; background-color: #f2f2f2;}
+.layui-quote-nm{border-style: solid; border-width: 1px; border-left-width: 5px; background: none;}
+/* 字段集合 */.layui-elem-field{margin-bottom: 10px; padding: 0; border-width: 1px; border-style: solid;}
+.layui-elem-field legend{margin-left: 20px; padding: 0 10px; font-size: 20px; font-weight: 300;}
+.layui-field-title{margin: 10px 0 20px; border-width: 0; border-top-width: 1px;}
+.layui-field-box{padding: 10px 15px;}
+.layui-field-title .layui-field-box{padding: 10px 0;}
+
+/* 进度条 */
+.layui-progress{position: relative; height: 6px; border-radius: 20px; background-color: #e2e2e2;}
+.layui-progress-bar{position: absolute; left: 0; top: 0; width: 0; max-width: 100%; height: 6px; border-radius: 20px; text-align: right; background-color: #5FB878; transition: all .3s; -webkit-transition: all .3s;}
+.layui-progress-big,
+.layui-progress-big .layui-progress-bar{height: 18px; line-height: 18px;}
+.layui-progress-text{position: relative; top: -20px; line-height: 18px; font-size: 12px; color: #666}
+.layui-progress-big .layui-progress-text{position: static; padding: 0 10px; color: #fff;}
+
+
+/*
+
+  面板
+ 
+*/
+
+
+/* 折叠面板 */
+.layui-collapse{border-width: 1px; border-style: solid; border-radius: 2px;}
+.layui-colla-item,
+.layui-colla-content{border-top-width: 1px; border-top-style: solid;}
+.layui-colla-item:first-child{border-top: none;}
+.layui-colla-title{position: relative; height: 42px; line-height: 42px; padding: 0 15px 0 35px; color: #333; background-color: #f2f2f2; cursor: pointer; font-size: 14px; overflow: hidden;}
+.layui-colla-content{display: none; padding: 10px 15px; line-height: 22px; color: #666;}
+.layui-colla-icon{position: absolute; left: 15px; top: 0; font-size: 14px;}
+
+/* 卡片面板 */
+.layui-card{margin-bottom: 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
+.layui-card:last-child{margin-bottom: 0;}
+.layui-card-header{position: relative; height: 42px; line-height: 42px; padding: 0 15px; border-bottom: 1px solid #f6f6f6; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
+.layui-card-body{position: relative; padding: 10px 15px; line-height: 24px;}
+.layui-card-body[pad15]{padding: 15px;}
+.layui-card-body[pad20]{padding: 20px;}
+.layui-card-body .layui-table{margin: 5px 0;}
+.layui-card .layui-tab{margin: 0;}
+
+/* 常规面板 */
+.layui-panel{}
+
+/* 窗口面板 */
+.layui-panel-window{position: relative; padding: 15px; border-radius: 0; border-top: 5px solid #E6E6E6; background-color: #fff;}
+
+/* 其它辅助 */
+.layui-auxiliar-moving{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: none; z-index: 9999999999;}
+
+
+/* 
+
+  默认主题 
+  
+*/
+
+
+/* 背景颜色 */
+.layui-bg-red{background-color: #FF5722 !important; color: #fff!important;} /*赤*/
+.layui-bg-orange{background-color: #FFB800!important; color: #fff!important;} /*橙*/
+.layui-bg-green{background-color: #009688!important; color: #fff!important;} /*绿*/
+.layui-bg-cyan{background-color: #2F4056!important; color: #fff!important;} /*青*/
+.layui-bg-blue{background-color: #1E9FFF!important; color: #fff!important;} /*蓝*/
+.layui-bg-black{background-color: #393D49!important; color: #fff!important;} /*黑*/
+.layui-bg-gray{background-color: #eee!important; color: #666!important;} /*灰*/
+
+/* 边框 */
+.layui-quote-nm, 
+.layui-elem-field,
+.layui-collapse, 
+.layui-colla-item, 
+.layui-colla-content,
+.layui-badge-rim,
+.layui-tab-title,
+.layui-tab-title .layui-this:after,
+.layui-tab-bar,
+.layui-tab-card,
+
+.layui-input, .layui-textarea, .layui-select,
+.layui-form-pane .layui-form-label, 
+.layui-form-pane .layui-form-item[pane],
+.layui-layedit, .layui-layedit-tool{border-color: #e6e6e6}
+
+/* 背景边框 */
+hr, .layui-timeline-item:before{background-color: #e6e6e6;}
+
+/* 文本区域 */
+.layui-text{line-height: 22px; font-size: 14px; color: #666;}
+.layui-text h1,
+.layui-text h2,
+.layui-text h3{font-weight: 500; color: #333;}
+.layui-text h1{font-size: 30px;}
+.layui-text h2{font-size: 24px;}
+.layui-text h3{font-size: 18px;}
+.layui-text a:not(.layui-btn){color: #01AAED;}
+.layui-text a:not(.layui-btn):hover{text-decoration: underline;}
+.layui-text ul{padding: 5px 0 5px 15px;}
+.layui-text ul li{margin-top: 5px; list-style-type: disc;}
+.layui-text em,
+.layui-word-aux{color: #999 !important; padding-left: 5px !important; padding-right: 5px !important;}
+
+/*
+ 
+  按钮 
+
+*/
+
+.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
+.layui-btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
+.layui-btn:active{opacity: 1; filter:alpha(opacity=100);}
+.layui-btn+.layui-btn{margin-left: 10px;}
+
+/* 按钮容器 */
+.layui-btn-container{font-size: 0;}
+.layui-btn-container .layui-btn{margin-right: 10px; margin-bottom: 10px;}
+.layui-btn-container .layui-btn+.layui-btn{margin-left: 0;}
+.layui-table .layui-btn-container .layui-btn{margin-bottom: 9px;}
+
+
+/* 圆角 */.layui-btn-radius{border-radius: 100px;}
+.layui-btn .layui-icon{margin-right: 3px; font-size: 18px; vertical-align: bottom; vertical-align: middle\0;}
+
+/* 原始 */.layui-btn-primary{border: 1px solid #C9C9C9; background-color: #fff; color: #555;}
+.layui-btn-primary:hover{border-color: #009688; color: #333}
+/* 百搭 */.layui-btn-normal{background-color: #1E9FFF;}
+/* 暖色 */.layui-btn-warm{background-color: #FFB800;}
+/* 警告 */.layui-btn-danger{background-color: #FF5722;}
+/* 选中 */.layui-btn-checked{background-color: #5FB878;}
+/* 禁用 */.layui-btn-disabled,.layui-btn-disabled:hover,.layui-btn-disabled:active{border: 1px solid #e6e6e6; background-color: #FBFBFB; color: #C9C9C9; cursor: not-allowed; opacity: 1;}
+
+/* 大型 */.layui-btn-lg{height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px;}
+/* 小型 */.layui-btn-sm{height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px;}
+.layui-btn-sm i{font-size: 16px !important;}
+/* 超小 */.layui-btn-xs{height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px;}
+.layui-btn-xs i{font-size: 14px !important;}
+/* 按钮组 */.layui-btn-group{display: inline-block; vertical-align: middle; font-size: 0;}
+.layui-btn-group .layui-btn{margin-left: 0!important; margin-right: 0!important; border-left: 1px solid rgba(255,255,255,.5); border-radius: 0;}
+.layui-btn-group .layui-btn-primary{border-left: none;}
+.layui-btn-group .layui-btn-primary:hover{border-color: #C9C9C9; color: #009688;}
+.layui-btn-group .layui-btn:first-child{border-left: none; border-radius: 2px 0 0 2px;}
+.layui-btn-group .layui-btn-primary:first-child{border-left: 1px solid #c9c9c9;}
+.layui-btn-group .layui-btn:last-child{border-radius: 0 2px 2px 0;}
+.layui-btn-group .layui-btn+.layui-btn{margin-left: 0;}
+.layui-btn-group+.layui-btn-group{margin-left: 10px;}
+/* 流体 */.layui-btn-fluid{width: 100%;}
+
+/** 表单 **/
+.layui-input, .layui-textarea, .layui-select{height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px;}
+.layui-input::-webkit-input-placeholder,
+.layui-textarea::-webkit-input-placeholder,
+.layui-select::-webkit-input-placeholder{line-height: 1.3;}
+.layui-input, .layui-textarea{display: block; width: 100%; padding-left: 10px;}
+.layui-input:hover, .layui-textarea:hover{border-color: #D2D2D2 !important;}
+.layui-input:focus, .layui-textarea:focus{border-color: #C9C9C9 !important;}
+.layui-textarea{position: relative; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical;}
+.layui-select{padding: 0 10px;}
+.layui-form select, 
+.layui-form input[type=checkbox],
+.layui-form input[type=radio]{display: none;}
+.layui-form *[lay-ignore]{display: initial;}
+
+.layui-form-item{margin-bottom: 15px; clear: both; *zoom: 1;}
+.layui-form-item:after{content:'\20'; clear: both; *zoom: 1; display: block; height:0;}
+.layui-form-label{position: relative; float: left; display: block; padding: 9px 15px;  width: 80px; font-weight: 400; line-height: 20px; text-align: right;}
+.layui-form-label-col{display: block; float: none; padding: 9px 0; line-height: 20px; text-align: left;}
+.layui-form-item .layui-inline{margin-bottom: 5px; margin-right: 10px;}
+.layui-input-block, .layui-input-inline{position: relative;}
+.layui-input-block{margin-left: 110px; min-height: 36px;}
+.layui-input-inline{display: inline-block; vertical-align: middle;}
+.layui-form-item .layui-input-inline{float: left; width: 190px; margin-right: 10px;}
+.layui-form-text .layui-input-inline{width: auto;}
+
+/* 分割块 */.layui-form-mid{position: relative; float: left; display: block; padding: 9px 0 !important; line-height: 20px; margin-right: 10px;}
+/* 警告域 */.layui-form-danger:focus
+,.layui-form-danger+.layui-form-select .layui-input{border-color: #FF5722 !important;}
+
+
+/* 下拉选择 */.layui-form-select{position: relative;}
+.layui-form-select .layui-input{padding-right: 30px; cursor: pointer;}
+.layui-form-select .layui-edge{position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s;}
+.layui-form-select dl{display: none; position: absolute; left: 0; top: 42px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #d2d2d2; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12); box-sizing: border-box;}
+.layui-form-select dl dt,
+.layui-form-select dl dd{padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
+.layui-form-select dl dt{font-size: 12px; color: #999;}
+.layui-form-select dl dd{cursor: pointer;}
+.layui-form-select dl dd:hover{background-color: #f2f2f2; -webkit-transition: .5s all; transition: .5s all;}
+.layui-form-select .layui-select-group dd{padding-left: 20px;}
+.layui-form-select dl dd.layui-select-tips{padding-left: 10px !important; color: #999;}
+.layui-form-select dl dd.layui-this{background-color: #5FB878; color: #fff;}
+.layui-form-select dl dd.layui-disabled{background-color: #fff;}
+.layui-form-selected dl{display: block;}
+.layui-form-selected .layui-edge{margin-top: -9px; -webkit-transform:rotate(180deg); transform: rotate(180deg);}
+.layui-form-selected .layui-edge{margin-top: -3px\0; }
+:root .layui-form-selected .layui-edge{margin-top: -9px\0/IE9;}
+.layui-form-selectup dl{top: auto; bottom: 42px;}
+.layui-select-none{margin: 5px 0; text-align: center; color: #999;}
+
+.layui-select-disabled .layui-disabled{border-color: #eee !important;}
+.layui-select-disabled .layui-edge{border-top-color: #d2d2d2}
+
+/* 复选框 */.layui-form-checkbox{position: relative; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin-right: 10px; padding-right: 30px; background-color: #fff; cursor: pointer; font-size: 0;  -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box;}
+.layui-form-checkbox:hover{}
+.layui-form-checkbox *{display: inline-block; vertical-align: middle;}
+.layui-form-checkbox span{padding: 0 10px; height: 100%; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
+.layui-form-checkbox:hover span{background-color: #c2c2c2;}
+.layui-form-checkbox i{position: absolute; right: 0; top: 0; width: 30px; height: 28px; border: 1px solid #d2d2d2; border-left: none; border-radius: 0 2px 2px 0; color: #fff; font-size: 20px; text-align: center;}
+.layui-form-checkbox:hover i{border-color: #c2c2c2; color: #c2c2c2;}
+.layui-form-checked, .layui-form-checked:hover{border-color: #5FB878;}
+.layui-form-checked span, .layui-form-checked:hover span{background-color: #5FB878;}
+.layui-form-checked i, .layui-form-checked:hover i{color: #5FB878;}
+.layui-form-item .layui-form-checkbox{margin-top: 4px;}
+
+/* 复选框-原始风格 */.layui-form-checkbox[lay-skin="primary"]{height: auto!important; line-height: normal!important; min-width: 18px; min-height: 18px; border: none!important; margin-right: 0; padding-left: 28px; padding-right: 0; background: none;}
+.layui-form-checkbox[lay-skin="primary"] span{padding-left: 0; padding-right: 15px; line-height: 18px; background: none; color: #666;}
+.layui-form-checkbox[lay-skin="primary"] i{right: auto; left: 0; width: 16px; height: 16px; line-height: 16px; border: 1px solid #d2d2d2; font-size: 12px; border-radius: 2px; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;}
+.layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #5FB878; color: #fff;}
+.layui-form-checked[lay-skin="primary"] i{border-color: #5FB878 !important; background-color: #5FB878; color: #fff;}
+.layui-checkbox-disbaled[lay-skin="primary"] span{background: none!important; color: #c2c2c2;}
+.layui-checkbox-disbaled[lay-skin="primary"]:hover i{border-color: #d2d2d2;}
+.layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin-top: 10px;}
+
+/* 复选框-开关风格 */.layui-form-switch{position: relative; display: inline-block; vertical-align: middle; height: 22px; line-height: 22px; min-width: 35px; padding: 0 5px; margin-top: 8px; border: 1px solid #d2d2d2; border-radius: 20px; cursor: pointer; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;}
+.layui-form-switch i{position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; border-radius: 20px; background-color: #d2d2d2; -webkit-transition: .1s linear; transition: .1s linear;}
+.layui-form-switch em{position: relative; top: 0; width: 25px; margin-left: 21px; padding: 0!important; text-align: center!important; color: #999!important; font-style: normal!important; font-size: 12px;}
+.layui-form-onswitch{border-color: #5FB878; background-color: #5FB878;}
+.layui-form-onswitch i{left: 100%; margin-left: -21px; background-color: #fff;}
+.layui-form-onswitch em{margin-left: 5px; margin-right: 21px; color: #fff!important;}
+
+.layui-checkbox-disbaled{border-color: #e2e2e2 !important;}
+.layui-checkbox-disbaled span{background-color: #e2e2e2 !important;}
+.layui-checkbox-disbaled i{border-color: #e2e2e2 !important;}
+.layui-checkbox-disbaled:hover i{color: #fff !important;}
+
+/* 单选框 */
+*[lay-radio]{display: none;}
+.layui-form-radio{display: inline-block; vertical-align: middle; line-height: 28px; margin: 6px 10px 0 0; padding-right: 10px; cursor: pointer; font-size: 0;}
+.layui-form-radio *{display: inline-block; vertical-align: middle; font-size: 14px;}
+.layui-form-radio>i{margin-right: 8px; font-size: 22px; color: #c2c2c2;}
+.layui-form-radioed>i,.layui-form-radio>i:hover{color: #5FB878;}
+.layui-radio-disbaled>i{color: #e2e2e2 !important;}
+
+/* 表单方框风格 */.layui-form-pane .layui-form-label{width: 110px; padding: 8px 15px; height: 38px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px 0 0 2px; text-align: center; background-color: #FBFBFB; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
+.layui-form-pane .layui-input-inline{margin-left: -1px;}
+.layui-form-pane .layui-input-block{margin-left: 110px; left: -1px;}
+.layui-form-pane .layui-input{border-radius: 0 2px 2px 0;}
+.layui-form-pane .layui-form-text .layui-form-label{float: none; width: 100%; border-radius: 2px; box-sizing: border-box; text-align: left;}
+.layui-form-pane .layui-form-text .layui-input-inline{display: block; margin: 0; top: -1px; clear: both;}
+.layui-form-pane .layui-form-text .layui-input-block{margin: 0; left: 0; top: -1px;}
+.layui-form-pane .layui-form-text .layui-textarea{min-height: 100px; border-radius: 0 0 2px 2px;}
+.layui-form-pane .layui-form-checkbox{margin: 4px 0 4px 10px;}
+.layui-form-pane .layui-form-switch, 
+.layui-form-pane .layui-form-radio{margin-top: 6px; margin-left: 10px; }
+.layui-form-pane .layui-form-item[pane]{position: relative; border-width: 1px; border-style: solid;}
+.layui-form-pane .layui-form-item[pane] .layui-form-label{position: absolute; left: 0; top: 0; height: 100%; border-width: 0px; border-right-width: 1px;}
+.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left: 110px;}
+
+/** 表单响应式 **/
+@media screen and (max-width: 450px) {
+  .layui-form-item .layui-form-label{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
+  .layui-form-item .layui-inline{display: block; margin-right: 0; margin-bottom: 20px; clear: both;}
+  .layui-form-item .layui-inline:after{content:'\20'; clear:both; display:block; height:0;}
+  .layui-form-item .layui-input-inline{display: block; float: none; left: -3px; width: auto; margin: 0 0 10px 112px; }
+  .layui-form-item .layui-input-inline+.layui-form-mid{margin-left: 110px; top: -5px; padding: 0;}
+  .layui-form-item .layui-form-checkbox{margin-right: 5px; margin-bottom: 5px;}
+}
+
+/** 富文本编辑器 **/
+.layui-layedit{border-width: 1px; border-style: solid; border-radius: 2px;}
+.layui-layedit-tool{padding: 3px 5px; border-bottom-width: 1px; border-bottom-style: solid; font-size: 0;}
+.layedit-tool-fixed{position: fixed; top: 0; border-top: 1px solid #e2e2e2;}
+.layui-layedit-tool .layedit-tool-mid,
+.layui-layedit-tool .layui-icon{display: inline-block; vertical-align: middle; text-align: center; font-size: 14px;}
+.layui-layedit-tool .layui-icon{position: relative; width: 32px; height: 30px; line-height: 30px; margin: 3px 5px; border-radius: 2px; color: #777; cursor: pointer; border-radius: 2px;}
+.layui-layedit-tool .layui-icon:hover{color: #393D49;}
+.layui-layedit-tool .layui-icon:active{color: #000;}
+.layui-layedit-tool .layedit-tool-active{background-color: #e2e2e2; color: #000;}
+.layui-layedit-tool .layui-disabled,
+.layui-layedit-tool .layui-disabled:hover{color: #d2d2d2; cursor: not-allowed;}
+.layui-layedit-tool .layedit-tool-mid{width: 1px; height: 18px; margin: 0 10px; background-color: #d2d2d2;}
+
+.layedit-tool-html{width: 50px !important; font-size: 30px !important;}
+.layedit-tool-b,
+.layedit-tool-code,
+.layedit-tool-help{font-size: 16px !important;}
+.layedit-tool-d,
+.layedit-tool-unlink,
+.layedit-tool-face,
+.layedit-tool-image{font-size: 18px !important;}
+.layedit-tool-image input{position: absolute; font-size: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.01; filter: Alpha(opacity=1); cursor: pointer;}
+
+.layui-layedit-iframe iframe{display: block; width: 100%;}
+#LAY_layedit_code{overflow: hidden;}
+
+/** 分页 **/
+.layui-laypage{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;}
+.layui-laypage>a:first-child,
+.layui-laypage>a:first-child em{border-radius: 2px 0 0 2px;}
+.layui-laypage>a:last-child,
+.layui-laypage>a:last-child em{border-radius: 0 2px 2px 0;}
+.layui-laypage>*:first-child{margin-left: 0!important;}
+.layui-laypage>*:last-child{margin-right: 0!important;}
+.layui-laypage a,
+.layui-laypage span,
+.layui-laypage input, 
+.layui-laypage button,
+.layui-laypage select{border: 1px solid #e2e2e2;}
+.layui-laypage a,
+.layui-laypage span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px;}
+.layui-laypage a:hover{color: #009688;}
+.layui-laypage em{font-style: normal;}
+.layui-laypage .layui-laypage-spr{color:#999; font-weight: 700;}
+.layui-laypage a{ text-decoration: none;}
+.layui-laypage .layui-laypage-curr{position: relative;}
+.layui-laypage .layui-laypage-curr em{position: relative; color: #fff;}
+.layui-laypage .layui-laypage-curr .layui-laypage-em{position: absolute; left: -1px; top: -1px; padding: 1px; width: 100%; height: 100%; background-color: #009688; }
+.layui-laypage-em{border-radius: 2px;}
+.layui-laypage-prev em,
+.layui-laypage-next em{font-family: Sim sun; font-size: 16px;}
+
+.layui-laypage .layui-laypage-count,
+.layui-laypage .layui-laypage-limits,
+.layui-laypage .layui-laypage-refresh,
+.layui-laypage .layui-laypage-skip{margin-left: 10px; margin-right: 10px; padding: 0; border: none;}
+.layui-laypage .layui-laypage-limits,
+.layui-laypage .layui-laypage-refresh{vertical-align: top;}
+.layui-laypage .layui-laypage-refresh i{font-size: 18px; cursor: pointer;}
+.layui-laypage select{height: 22px; padding: 3px; border-radius: 2px; cursor: pointer;}
+.layui-laypage .layui-laypage-skip{height: 30px; line-height: 30px; color: #999;}
+.layui-laypage input, .layui-laypage button{height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top;  background-color: #fff; box-sizing: border-box;}
+.layui-laypage input{display: inline-block; width: 40px; margin: 0 10px; padding: 0 3px; text-align: center;}
+.layui-laypage input:focus,
+.layui-laypage select:focus{border-color: #009688!important;}
+.layui-laypage button{margin-left: 10px; padding: 0 10px; cursor: pointer;}
+
+/** 流加载 **/
+.layui-flow-more{margin: 10px 0; text-align: center; color: #999; font-size: 14px;}
+.layui-flow-more a{ height: 32px; line-height: 32px;  }
+.layui-flow-more a *{display: inline-block; vertical-align: top;}
+.layui-flow-more a cite{padding: 0 20px; border-radius: 3px; background-color: #eee; color: #333; font-style: normal;}
+.layui-flow-more a cite:hover{opacity: 0.8;}
+.layui-flow-more a i{font-size: 30px; color: #737383;}
+
+/** 表格 **/
+.layui-table{width: 100%; margin: 10px 0; background-color: #fff; color: #666;}
+.layui-table tr{transition: all .3s; -webkit-transition: all .3s;}
+.layui-table th{text-align: left; font-weight: 400;}
+
+.layui-table thead tr,
+.layui-table-header,
+.layui-table-tool,
+.layui-table-total,
+.layui-table-total tr,
+.layui-table-patch,
+.layui-table-mend,
+.layui-table[lay-even] tr:nth-child(even),
+.layui-table tbody tr:hover,
+.layui-table-hover,
+.layui-table-click{background-color: #f2f2f2;}
+
+.layui-table th,
+.layui-table td,
+.layui-table[lay-skin="line"],
+.layui-table[lay-skin="row"],
+.layui-table-view,
+.layui-table-tool,
+.layui-table-header,
+.layui-table-col-set,
+.layui-table-total,
+.layui-table-page,
+.layui-table-fixed-r,
+.layui-table-tips-main,
+.layui-table-grid-down{border-width: 1px; border-style: solid; border-color: #e6e6e6;}
+
+.layui-table th, .layui-table td{position: relative; padding: 9px 15px; min-height: 20px; line-height: 20px;  font-size: 14px;}
+
+.layui-table[lay-skin="line"] th, .layui-table[lay-skin="line"] td{border-width: 0; border-bottom-width: 1px;}
+.layui-table[lay-skin="row"] th, .layui-table[lay-skin="row"] td{border-width: 0;border-right-width: 1px;}
+.layui-table[lay-skin="nob"] th, .layui-table[lay-skin="nob"] td{border: none;}
+
+.layui-table img{max-width:100px;}
+
+/* 大表格 */.layui-table[lay-size="lg"] th,
+.layui-table[lay-size="lg"] td{padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;}
+.layui-table-view .layui-table[lay-size="lg"] .layui-table-cell{height: 40px; line-height: 40px;}  
+/* 小表格 */.layui-table[lay-size="sm"] th,
+.layui-table[lay-size="sm"] td{padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-size: 12px;}
+.layui-table-view .layui-table[lay-size="sm"] .layui-table-cell{height: 20px; line-height: 20px;} 
+
+/* 数据表格 */
+.layui-table[lay-data]{display: none;}
+.layui-table-box{position: relative; overflow: hidden;}
+.layui-table-view{margin: 10px 0;}
+.layui-table-view .layui-table{position: relative; width: auto; margin: 0;}
+.layui-table-view .layui-table[lay-skin="line"]{border-width: 0; border-right-width: 1px;}
+.layui-table-view .layui-table[lay-skin="row"]{border-width: 0; border-bottom-width: 1px;}
+.layui-table-view .layui-table th,
+.layui-table-view .layui-table td{padding: 5px 0; border-top: none; border-left: none;}
+.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor: pointer;}
+.layui-table-view .layui-table td{cursor: default;}
+.layui-table-view .layui-table td[data-edit="text"]{cursor: text;}
+.layui-table-view .layui-form-checkbox[lay-skin="primary"] i{width: 18px; height: 18px;}
+.layui-table-view .layui-form-radio{line-height: 0; padding: 0;}
+.layui-table-view .layui-form-radio>i{margin: 0; font-size: 20px;}
+.layui-table-init{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 110;}
+.layui-table-init .layui-icon{position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #c2c2c2;}
+.layui-table-header{border-width: 0; border-bottom-width: 1px; overflow: hidden;}
+.layui-table-header .layui-table{margin-bottom: -1px;}
+
+.layui-table-tool .layui-inline[lay-event]{position: relative; width: 26px; height: 26px; padding: 5px; line-height: 16px; margin-right: 10px; text-align: center; color: #333; border: 1px solid #ccc; cursor: pointer; -webkit-transition: .5s all; transition: .5s all;}
+.layui-table-tool .layui-inline[lay-event]:hover{border: 1px solid #999;}
+.layui-table-tool-temp{padding-right: 120px;}
+.layui-table-tool-self{position: absolute; right: 17px; top: 10px;}
+.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin: 0 0 0 10px;}
+.layui-table-tool-panel{position: absolute; top: 29px; left: -1px; padding: 5px 0; min-width: 150px; min-height: 40px; border: 1px solid #d2d2d2; text-align: left; overflow-y: auto; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.12);}
+.layui-table-tool-panel li{padding: 0 10px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: .5s all; transition: .5s all;}
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"]{width: 100%;}
+.layui-table-tool-panel li:hover{background-color: #f2f2f2;}
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"]{padding-left: 28px;}
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] i{position: absolute; left: 0; top: 0;}
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] span{padding: 0;}
+.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left: auto; right: -1px;}
+
+.layui-table-col-set{position: absolute; right: 0; top: 0; width: 20px; height: 100%; border-width: 0; border-left-width: 1px; background-color: #fff;}
+
+.layui-table-sort{width: 10px; height: 20px; margin-left: 5px; cursor: pointer!important;}
+.layui-table-sort .layui-edge{position: absolute; left: 5px; border-width: 5px;}
+.layui-table-sort .layui-table-sort-asc{top: 3px; border-top: none; border-bottom-style: solid; border-bottom-color: #b2b2b2;}
+.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color: #666;}
+.layui-table-sort .layui-table-sort-desc{bottom: 5px; border-bottom: none; border-top-style: solid; border-top-color: #b2b2b2;}
+.layui-table-sort .layui-table-sort-desc:hover{border-top-color: #666;}
+.layui-table-sort[lay-sort="asc"] .layui-table-sort-asc{border-bottom-color: #000;}
+.layui-table-sort[lay-sort="desc"] .layui-table-sort-desc{border-top-color: #000;}
+
+.layui-table-cell{height: 28px; line-height: 28px; padding: 0 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
+.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{top: -1px; padding: 0;}
+.layui-table-cell .layui-table-link{color: #01AAED;}
+
+.laytable-cell-checkbox,
+.laytable-cell-radio,
+.laytable-cell-space,
+.laytable-cell-numbers{padding: 0; text-align: center;}
+
+.layui-table-body{position: relative; overflow: auto; margin-right: -1px; margin-bottom: -1px;}
+.layui-table-body .layui-none{line-height: 26px; padding: 15px; text-align: center; color: #999;}
+.layui-table-fixed{position: absolute; left: 0; top: 0; z-index: 101;}
+.layui-table-fixed .layui-table-body{overflow: hidden;}
+.layui-table-fixed-l{box-shadow: 0 -1px 8px rgba(0,0,0,.08);}
+.layui-table-fixed-r{left: auto; right: -1px; border-width: 0; border-left-width: 1px; box-shadow: -1px 0 8px rgba(0,0,0,.08);}
+.layui-table-fixed-r .layui-table-header{position: relative; overflow: visible;}
+.layui-table-mend{position: absolute; right: -49px; top: 0; height: 100%; width: 50px;}
+
+.layui-table-tool{position: relative; z-index: 890; width: 100%; min-height: 50px; line-height: 30px; padding: 10px 15px; border-width: 0; border-bottom-width: 1px;}
+.layui-table-tool .layui-btn-container{margin-bottom: -10px;}
+
+.layui-table-total{margin-bottom: -1px; border-width: 0; border-top-width: 1px; overflow: hidden;}
+
+
+.layui-table-page{position: relative; width: 100%; padding: 7px 7px 0; border-width: 0; border-top-width: 1px; height: 41px; margin-bottom: -1px; font-size: 12px; white-space: nowrap; overflow: hidden;}
+.layui-table-page>div{height: 26px;}
+.layui-table-page .layui-laypage{margin: 0;}
+.layui-table-page .layui-laypage a,
+.layui-table-page .layui-laypage span{height: 26px; line-height: 26px; margin-bottom: 10px; border: none; background: none;}
+.layui-table-page .layui-laypage a,
+.layui-table-page .layui-laypage span.layui-laypage-curr{padding: 0 12px;}
+.layui-table-page .layui-laypage span{margin-left: 0; padding: 0;}
+.layui-table-page .layui-laypage .layui-laypage-prev{margin-left: -7px!important;}
+.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left: 0; top: 0; padding: 0;}
+.layui-table-page .layui-laypage input,
+.layui-table-page .layui-laypage button{height: 26px; line-height: 26px; }
+.layui-table-page .layui-laypage input{width: 40px;}
+.layui-table-page .layui-laypage button{padding: 0 10px;}
+.layui-table-page select{height: 18px;}
+.layui-table-view select[lay-ignore]{display: inline-block;}
+
+.layui-table-patch .layui-table-cell{padding: 0; width: 30px;}
+
+.layui-table-edit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 14px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15)}
+.layui-table-edit:focus{border-color: #5FB878!important;}
+select.layui-table-edit{padding: 0 0 0 10px; border-color: #C9C9C9;}
+.layui-table-view .layui-form-switch,
+.layui-table-view .layui-form-checkbox,
+.layui-table-view .layui-form-radio{top: 0; margin: 0; box-sizing: content-box;}
+.layui-table-view .layui-form-checkbox{top: -1px; height: 26px; line-height: 26px;}
+.layui-table-view .layui-form-checkbox i{height: 26px;}
+
+/* 展开溢出的单元格 */
+.layui-table-grid .layui-table-cell{overflow: visible;}
+.layui-table-grid-down{position: absolute; top: 0; right: 0; width: 26px; height: 100%; padding: 5px 0; border-width: 0; border-left-width: 1px; text-align: center; background-color: #fff; color: #999; cursor: pointer;}
+.layui-table-grid-down .layui-icon{position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px;}
+.layui-table-grid-down:hover{background-color: #fbfbfb;}
+
+body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-shadow: 0 1px 6px rgba(0,0,0,.12);}
+.layui-table-tips-main{margin: -44px 0 0 -1px; max-height: 150px; padding: 8px 15px; font-size: 14px; overflow-y: scroll; background-color: #fff; color: #666;}
+.layui-table-tips-c{position: absolute; right: -3px; top: -13px; width: 20px; height: 20px; padding: 3px; cursor: pointer; background-color: #666; border-radius: 50%; color: #fff;}
+.layui-table-tips-c:hover{background-color: #777;}
+.layui-table-tips-c:before{position: relative; right: -2px;}
+
+/** 文件上传 **/
+.layui-upload-file{display: none!important; opacity: .01; filter: Alpha(opacity=1);}
+.layui-upload-list{margin: 10px 0;}
+.layui-upload-choose{padding: 0 10px; color: #999;}
+.layui-upload-drag{position: relative; display: inline-block; padding: 30px; border: 1px dashed #e2e2e2; background-color: #fff; text-align: center; cursor: pointer; color: #999;}
+.layui-upload-drag .layui-icon{font-size: 50px; color: #009688;}
+.layui-upload-drag[lay-over]{border-color: #009688}
+.layui-upload-form{display: inline-block;}
+.layui-upload-iframe{position: absolute; width: 0; height: 0; border: 0; visibility: hidden}
+.layui-upload-wrap{position: relative; display: inline-block; vertical-align: middle;}
+.layui-upload-wrap .layui-upload-file{display: block!important; position: absolute; left: 0; top: 0; z-index: 10; font-size: 100px; width: 100%; height: 100%; opacity: .01; filter: Alpha(opacity=1); cursor: pointer;}
+
+/** 穿梭框 **/
+.layui-transfer-box,
+.layui-transfer-header,
+.layui-transfer-search{border-width: 0; border-style: solid; border-color: #e6e6e6}
+.layui-transfer-box{position: relative; display: inline-block; vertical-align: middle; border-width: 1px; width: 200px; height: 360px; border-radius: 2px; background-color:#fff;}
+.layui-transfer-box .layui-form-checkbox{width: 100%; margin: 0 !important;}
+.layui-transfer-header{height: 38px; line-height: 38px; padding: 0 10px; border-bottom-width: 1px;}
+.layui-transfer-search{position:relative; padding: 10px; border-bottom-width: 1px;}
+.layui-transfer-search .layui-input{height: 32px; padding-left: 30px; font-size: 12px;}
+.layui-transfer-search .layui-icon-search{position: absolute; left: 20px; top: 50%; margin-top: -8px; color: #666;}
+.layui-transfer-active{margin: 0 15px; display: inline-block; vertical-align: middle;}
+.layui-transfer-active .layui-btn{display: block; margin: 0; padding: 0 15px; background-color: #5FB878; border-color: #5FB878; color: #fff;}
+.layui-transfer-active .layui-btn-disabled{background-color: #FBFBFB; border-color: #e6e6e6; color: #C9C9C9;}
+.layui-transfer-active .layui-btn:first-child{margin-bottom: 15px;}
+.layui-transfer-active .layui-btn .layui-icon{margin: 0; font-size: 14px !important;}
+.layui-transfer-data{padding: 5px 0; overflow: auto;}
+.layui-transfer-data li{height: 32px; line-height: 32px; padding: 0 10px;}
+.layui-transfer-data li:hover{background-color: #f2f2f2; transition: .5s all;}
+.layui-transfer-data .layui-none{padding: 15px 10px; text-align: center; color: #999;}
+
+
+/** 导航菜单 **/
+.layui-nav{position: relative; padding: 0 20px; background-color: #393D49; color: #fff; border-radius: 2px; font-size: 0; box-sizing: border-box;}
+.layui-nav *{font-size: 14px;}
+.layui-nav .layui-nav-item{position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 60px;}
+.layui-nav .layui-nav-item a{display: block; padding: 0 20px; color: #fff; color: rgba(255,255,255,.7); transition: all .3s; -webkit-transition: all .3s;}
+.layui-nav-bar,
+.layui-nav .layui-this:after,
+.layui-nav-tree .layui-nav-itemed:after{position: absolute; left: 0; top: 0; width: 0; height: 5px; background-color: #5FB878; transition: all .2s; -webkit-transition: all .2s;}
+.layui-nav-bar{z-index: 1000;}
+.layui-nav .layui-this a
+,.layui-nav .layui-nav-item a:hover{color: #fff;}
+.layui-nav .layui-this:after{content: ''; top: auto; bottom: 0; width: 100%;}
+.layui-nav-img{width: 30px; height: 30px; margin-right: 10px; border-radius: 50%;}
+
+.layui-nav .layui-nav-more{content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;}
+.layui-nav .layui-nav-more{position: absolute; top: 50%; right: 3px; margin-top: -4px; border-width: 6px; border-top-style: solid; border-top-color: #fff; border-top-color: rgba(255,255,255,.7);}
+.layui-nav .layui-nav-mored,
+.layui-nav-itemed > a .layui-nav-more{margin-top: -9px; border-style: dashed; border-color: transparent; border-bottom-style: solid; border-bottom-color: #fff;}
+
+
+.layui-nav-child{display: none; position: absolute; left: 0; top: 65px; min-width: 100%; line-height: 36px; padding: 5px 0;  box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 2px; white-space: nowrap;}
+.layui-nav .layui-nav-child a{color: #333;}
+.layui-nav .layui-nav-child a:hover{background-color: #f2f2f2; color: #000;}
+.layui-nav-child dd{position: relative;}
+.layui-nav-child dd.layui-this{background-color: #5FB878; color: #fff;}
+.layui-nav .layui-nav-child dd.layui-this a{background-color: #5FB878; color: #fff;}
+.layui-nav-child dd.layui-this:after{display: none;}
+
+/* 垂直导航菜单 */.layui-nav-tree{width: 200px; padding: 0;}
+.layui-nav-tree .layui-nav-item{display: block; width: 100%; line-height: 45px;}
+.layui-nav-tree .layui-nav-item a{position: relative; height: 45px; line-height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
+.layui-nav-tree .layui-nav-item a:hover{background-color: #4E5465;}
+.layui-nav-tree .layui-nav-bar{width: 5px; height: 0;}
+.layui-nav-tree .layui-this,
+.layui-nav-tree .layui-this>a,
+.layui-nav-tree .layui-this>a:hover,
+.layui-nav-tree .layui-nav-child dd.layui-this,
+.layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #009688; color: #fff;}
+.layui-nav-tree .layui-this:after{display: none;}
+.layui-nav-tree .layui-nav-title a,
+.layui-nav-tree .layui-nav-title a:hover,
+.layui-nav-itemed>a{color: #fff !important;}
+.layui-nav-tree .layui-nav-bar{background-color: #009688;}
+
+.layui-nav-tree .layui-nav-child{position: relative; z-index: 0; top: 0; border: none; box-shadow: none;}
+.layui-nav-tree .layui-nav-child a{height: 40px; line-height: 40px;}
+.layui-nav-tree .layui-nav-child a{color: #fff; color: rgba(255,255,255,.7);}
+.layui-nav-tree .layui-nav-child a:hover,
+.layui-nav-tree .layui-nav-child{background: none; color: #fff;}
+.layui-nav-tree .layui-nav-more{right: 10px;}
+
+.layui-nav-itemed>.layui-nav-child{display: block; padding: 0; background-color: rgba(0,0,0,.3) !important;} 
+.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display: block;}
+
+/* 侧边 */.layui-nav-side{position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; z-index: 999;}
+
+/* 导航主题色 */.layui-bg-blue .layui-nav-bar,
+.layui-bg-blue .layui-this:after,
+.layui-bg-blue .layui-nav-itemed:after{background-color: #93D1FF;}
+.layui-bg-blue .layui-nav-child dd.layui-this{background-color: #1E9FFF;}
+.layui-nav-tree.layui-bg-blue .layui-nav-title a,
+.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover, 
+.layui-bg-blue .layui-nav-itemed>a{background-color: #007DDB !important;}
+
+
+/** 面包屑 **/
+.layui-breadcrumb{visibility: hidden; font-size: 0;}
+.layui-breadcrumb>*{font-size: 14px;}
+.layui-breadcrumb a{color: #999 !important;}
+.layui-breadcrumb a:hover{color: #5FB878 !important;}
+.layui-breadcrumb a cite{color: #666; font-style: normal;}
+.layui-breadcrumb span[lay-separator]{margin: 0 10px; color: #999;}
+
+/** Tab选项卡 **/
+.layui-tab{margin: 10px 0; text-align: left !important;}
+.layui-tab[overflow]>.layui-tab-title{overflow: hidden;}
+.layui-tab-title{position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; border-bottom-width: 1px; border-bottom-style: solid; transition: all .2s; -webkit-transition: all .2s;}
+.layui-tab-title li{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s;}
+.layui-tab-title li{position: relative; line-height: 40px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer;}
+.layui-tab-title li a{display: block;}
+.layui-tab-title .layui-this{color: #000;}
+
+.layui-tab-title .layui-this:after{position: absolute; left:0; top: 0; content: ''; width:100%; height: 41px; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none;}
+.layui-tab-bar{position: absolute; right: 0; top: 0; z-index: 10; width: 30px; height: 39px; line-height: 39px; border-width: 1px; border-style: solid; border-radius: 2px; text-align: center; background-color: #fff; cursor: pointer;}
+.layui-tab-bar .layui-icon{position: relative; display: inline-block; top: 3px; transition: all .3s; -webkit-transition: all .3s;}
+.layui-tab-item{display: none;}
+.layui-tab-more{padding-right: 30px; height: auto !important; white-space: normal !important;}
+.layui-tab-more li.layui-this:after{border-bottom-color: #e2e2e2; border-radius: 2px;}
+.layui-tab-more .layui-tab-bar .layui-icon{top: -2px; top: 3px\0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
+:root .layui-tab-more .layui-tab-bar .layui-icon{top: -2px\0/IE9;}
+
+.layui-tab-content{padding: 10px;}
+
+/* Tab关闭 */.layui-tab-title li .layui-tab-close{position: relative; display: inline-block; width: 18px; height: 18px; line-height: 20px; margin-left: 8px; top: 1px; text-align: center; font-size: 14px; color: #c2c2c2; transition: all .2s; -webkit-transition: all .2s;}
+.layui-tab-title li .layui-tab-close:hover{border-radius: 2px; background-color: #FF5722; color: #fff;}
+
+/* Tab简洁风格 */.layui-tab-brief > .layui-tab-title .layui-this{color: #009688;}
+.layui-tab-brief > .layui-tab-title .layui-this:after
+,.layui-tab-brief > .layui-tab-more li.layui-this:after{border: none; border-radius: 0; border-bottom: 2px solid #5FB878;}
+.layui-tab-brief[overflow] > .layui-tab-title .layui-this:after{top: -1px;}
+
+/* Tab卡片风格 */.layui-tab-card{border-width: 1px; border-style: solid; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
+.layui-tab-card > .layui-tab-title{ background-color: #f2f2f2;}
+.layui-tab-card > .layui-tab-title li{margin-right: -1px; margin-left: -1px;}
+.layui-tab-card > .layui-tab-title .layui-this{background-color: #fff;     }
+.layui-tab-card > .layui-tab-title .layui-this:after{border-top: none; border-width: 1px; border-bottom-color: #fff;}
+.layui-tab-card > .layui-tab-title .layui-tab-bar{height: 40px; line-height: 40px; border-radius: 0; border-top: none; border-right: none;}
+.layui-tab-card > .layui-tab-more .layui-this{background: none; color: #5FB878;}
+.layui-tab-card > .layui-tab-more .layui-this:after{border: none;}
+
+/* 时间线 */
+.layui-timeline{padding-left: 5px;}
+.layui-timeline-item{position: relative; padding-bottom: 20px;}
+.layui-timeline-axis{position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; color: #5FB878; border-radius: 50%; text-align: center; cursor: pointer;}
+.layui-timeline-axis:hover{color: #FF5722;}
+.layui-timeline-item:before{content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 1px; height: 100%;}
+.layui-timeline-item:last-child:before{display: none;}
+.layui-timeline-item:first-child:before{display: block;}
+.layui-timeline-content{padding-left: 25px;;}
+.layui-timeline-title{position: relative; margin-bottom: 10px;}
+
+/* 小徽章 */
+.layui-badge,
+.layui-badge-dot,
+.layui-badge-rim{position:relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #FF5722; color: #fff; border-radius: 2px;}
+.layui-badge{height: 18px; line-height: 18px;}
+.layui-badge-dot{width: 8px; height: 8px; padding: 0; border-radius: 50%;}
+.layui-badge-rim{height: 18px; line-height: 18px; border-width: 1px; border-style: solid; background-color: #fff; color: #666;}
+
+.layui-btn .layui-badge,
+.layui-btn .layui-badge-dot{margin-left: 5px;}
+.layui-nav .layui-badge,
+.layui-nav .layui-badge-dot{position: absolute; top: 50%; margin: -5px 6px 0;}
+.layui-nav .layui-badge{margin-top: -10px;}
+.layui-tab-title .layui-badge,
+.layui-tab-title .layui-badge-dot{left: 5px; top: -2px;}
+
+/* carousel 轮播 */
+.layui-carousel{position: relative; left: 0; top: 0; background-color: #f8f8f8;}
+.layui-carousel>*[carousel-item]{position: relative; width: 100%; height: 100%; overflow: hidden;}
+.layui-carousel>*[carousel-item]:before{position: absolute; content: '\e63d'; left: 50%; top: 50%; width: 100px; line-height: 20px; margin: -10px 0 0 -50px; text-align: center; color: #c2c2c2; font-family:"layui-icon" !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
+.layui-carousel>*[carousel-item] > *{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; transition-duration: .3s; -webkit-transition-duration: .3s;}
+.layui-carousel-updown > *{-webkit-transition: .3s ease-in-out up; transition: .3s ease-in-out up;}
+.layui-carousel-arrow{display: none\0; opacity: 0; position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; border: none 0; border-radius: 50%; background-color: rgba(0,0,0,.2); color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer;}
+.layui-carousel-arrow[lay-type="add"]{left: auto!important; right: 10px;}
+.layui-carousel[lay-arrow="always"] .layui-carousel-arrow{opacity: 1; left: 20px;}
+.layui-carousel[lay-arrow="always"] .layui-carousel-arrow[lay-type="add"]{right: 20px;}
+.layui-carousel[lay-arrow="none"] .layui-carousel-arrow{display: none;}
+.layui-carousel-arrow:hover,
+.layui-carousel-ind ul:hover{background-color: rgba(0,0,0,.35);}
+.layui-carousel:hover .layui-carousel-arrow{display: block\0; opacity: 1; left: 20px;}
+.layui-carousel:hover .layui-carousel-arrow[lay-type="add"]{right: 20px;}
+.layui-carousel-ind{position: relative; top: -35px; width: 100%; line-height: 0!important; text-align: center; font-size: 0;}
+.layui-carousel[lay-indicator="outside"]{margin-bottom: 30px;}
+.layui-carousel[lay-indicator="outside"] .layui-carousel-ind{top: 10px;}
+.layui-carousel[lay-indicator="outside"] .layui-carousel-ind ul{background-color: rgba(0,0,0,.5);}
+.layui-carousel[lay-indicator="none"] .layui-carousel-ind{display: none;}
+.layui-carousel-ind ul{display: inline-block; padding: 5px; background-color: rgba(0,0,0,.2); border-radius: 10px; -webkit-transition-duration: .3s; transition-duration: .3s;}
+.layui-carousel-ind li{display: inline-block; width: 10px; height: 10px; margin: 0 3px; font-size: 14px; background-color: #e2e2e2; background-color: rgba(255,255,255,.5); border-radius: 50%; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s;}
+.layui-carousel-ind li:hover{background-color: rgba(255,255,255,.7);}
+.layui-carousel-ind li.layui-this{background-color: #fff;}
+.layui-carousel>*[carousel-item]>.layui-this,
+.layui-carousel>*[carousel-item]>.layui-carousel-prev,
+.layui-carousel>*[carousel-item]>.layui-carousel-next{display: block}
+.layui-carousel>*[carousel-item]>.layui-this{left: 0;}
+.layui-carousel>*[carousel-item]>.layui-carousel-prev{left: -100%;}
+.layui-carousel>*[carousel-item]>.layui-carousel-next{left: 100%;}
+.layui-carousel>*[carousel-item]>.layui-carousel-prev.layui-carousel-right,
+.layui-carousel>*[carousel-item]>.layui-carousel-next.layui-carousel-left{left: 0;}
+.layui-carousel>*[carousel-item]>.layui-this.layui-carousel-left{left: -100%;}
+.layui-carousel>*[carousel-item]>.layui-this.layui-carousel-right{left: 100%;}
+
+/* 上下切换 */.layui-carousel[lay-anim="updown"] .layui-carousel-arrow{left: 50%!important; top: 20px; margin: 0 0 0 -18px;}
+.layui-carousel[lay-anim="updown"] .layui-carousel-arrow[lay-type="add"]{top: auto!important; bottom: 20px;}
+.layui-carousel[lay-anim="updown"] .layui-carousel-ind{position: absolute; top: 50%; right: 20px; width: auto; height: auto;}
+.layui-carousel[lay-anim="updown"] .layui-carousel-ind ul{padding: 3px 5px;}
+.layui-carousel[lay-anim="updown"] .layui-carousel-ind li{display: block; margin: 6px 0;}
+
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>*{left: 0!important;}
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-this{top: 0;}
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-prev{top: -100%;}
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-next{top: 100%;}
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-prev.layui-carousel-right,
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-carousel-next.layui-carousel-left{top: 0;}
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-this.layui-carousel-left{top: -100%;}
+.layui-carousel[lay-anim="updown"]>*[carousel-item]>.layui-this.layui-carousel-right{top: 100%;}
+
+/* 渐显切换 */.layui-carousel[lay-anim="fade"]>*[carousel-item]>*{left: 0!important;}
+.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-prev,
+.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-next{opacity: 0;}
+.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-prev.layui-carousel-right,
+.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-carousel-next.layui-carousel-left{opacity: 1;}
+.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-this.layui-carousel-left,
+.layui-carousel[lay-anim="fade"]>*[carousel-item]>.layui-this.layui-carousel-right{opacity: 0}
+
+/** fixbar **/
+.layui-fixbar{position: fixed; right: 15px; bottom: 15px; z-index: 999999;}
+.layui-fixbar li{width: 50px; height: 50px; line-height: 50px; margin-bottom: 1px; text-align:center; cursor: pointer; font-size:30px; background-color: #9F9F9F; color:#fff; border-radius: 2px; opacity: 0.95;}
+.layui-fixbar li:hover{opacity: 0.85;}
+.layui-fixbar li:active{opacity: 1;}
+.layui-fixbar .layui-fixbar-top{display: none; font-size: 40px;}
+
+/** 表情面板 **/
+body .layui-util-face{border: none; background: none;}
+body .layui-util-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
+.layui-util-face .layui-layer-TipsG{display:none;}
+.layui-util-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
+.layui-util-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
+.layui-util-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}
+
+/** 代码修饰器 **/
+.layui-code{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}
+
+/** 评分组件 By star1029 **/
+.layui-rate,
+.layui-rate *{display: inline-block; vertical-align: middle;}
+.layui-rate{padding: 10px 5px 10px 0; font-size: 0;}
+.layui-rate li i.layui-icon{ font-size: 20px; color: #FFB800;}
+.layui-rate li i.layui-icon{margin-right: 5px; transition: all .3s; -webkit-transition: all .3s;}
+.layui-rate li i:hover{cursor: pointer; transform: scale(1.12); -webkit-transform: scale(1.12);}
+.layui-rate[readonly] li i:hover{cursor: default; transform: scale(1);}
+
+/** 颜色选择器 By star1029 **/
+.layui-colorpicker{width: 26px; height: 26px; border: 1px solid #e6e6e6; padding: 5px; border-radius: 2px; line-height: 24px; display: inline-block; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;}
+.layui-colorpicker:hover{border-color: #d2d2d2;}
+.layui-colorpicker.layui-colorpicker-lg{width: 34px; height: 34px; line-height: 32px;}
+.layui-colorpicker.layui-colorpicker-sm{width: 24px; height: 24px; line-height: 22px;}
+.layui-colorpicker.layui-colorpicker-xs{width: 22px; height: 22px; line-height: 20px;}
+
+.layui-colorpicker-trigger-bgcolor{display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);  border-radius: 2px;}
+.layui-colorpicker-trigger-span{display: block; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,.15); border-radius: 2px; text-align: center;}
+.layui-colorpicker-trigger-i{display: inline-block; color: #FFF; font-size: 12px;}
+.layui-colorpicker-trigger-i.layui-icon-close{color: #999;}
+
+.layui-colorpicker-main{position: absolute; z-index: 66666666; width: 280px; padding: 7px; background: #FFF; border: 1px solid #d2d2d2; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12);}
+.layui-colorpicker-main-wrapper{height: 180px; position: relative;}
+.layui-colorpicker-basis{width: 260px; height: 100%; position: relative;}
+.layui-colorpicker-basis-white{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, #FFF, hsla(0,0%,100%,0));}
+.layui-colorpicker-basis-black{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #000, transparent);}
+.layui-colorpicker-basis-cursor{width: 10px; height: 10px; border: 1px solid #FFF; border-radius: 50%; position: absolute; top: -3px; right: -3px; cursor: pointer;}
+.layui-colorpicker-side{position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: linear-gradient(#F00, #FF0, #0F0, #0FF, #00F, #F0F, #F00);}
+.layui-colorpicker-side-slider{width: 100%; height: 5px; box-shadow: 0 0 1px #888888; box-sizing: border-box; background: #FFF; border-radius: 1px; border: 1px solid #f0f0f0; cursor: pointer; position: absolute; left: 0;}
+.layui-colorpicker-main-alpha{display: none; height: 12px; margin-top: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}
+.layui-colorpicker-alpha-bgcolor{height: 100%; position: relative;}
+.layui-colorpicker-alpha-slider{width: 5px; height: 100%; box-shadow: 0 0 1px #888888; box-sizing: border-box; background: #FFF; border-radius: 1px; border: 1px solid #f0f0f0; cursor: pointer; position: absolute; top: 0;}
+.layui-colorpicker-main-pre{padding-top: 7px; font-size: 0;}
+.layui-colorpicker-pre{width: 20px; height: 20px;  border-radius: 2px; display: inline-block; margin-left: 6px; margin-bottom: 7px; cursor: pointer;}
+.layui-colorpicker-pre:nth-child(11n+1){margin-left: 0;}
+.layui-colorpicker-pre-isalpha{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}
+.layui-colorpicker-pre.layui-this{box-shadow: 0 0 3px 2px rgba(0,0,0,.15);}
+.layui-colorpicker-pre > div{height: 100%; border-radius: 2px;}
+.layui-colorpicker-main-input{text-align: right; padding-top: 7px;}
+.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin: 0 0 0 10px;}
+.layui-colorpicker-main-input div.layui-inline{float: left; margin-right: 10px; font-size: 14px;}
+.layui-colorpicker-main-input input.layui-input{width: 150px; height: 30px; color: #666;}
+
+/** 滑块 By star1029 **/
+.layui-slider{height: 4px; background: #e2e2e2; border-radius: 3px; position: relative; cursor: pointer;}
+.layui-slider-bar{border-radius: 3px; position: absolute; height: 100%;}
+.layui-slider-step{position: absolute; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #FFF; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
+.layui-slider-wrap{width: 36px; height: 36px; position: absolute; top: -16px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; text-align: center;}
+.layui-slider-wrap-btn{width: 12px; height: 12px; border-radius: 50%; background: #FFF; display: inline-block; vertical-align: middle; cursor: pointer; transition: 0.3s;}
+.layui-slider-wrap:after{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
+.layui-slider-wrap-btn:hover, 
+.layui-slider-wrap-btn.layui-slider-hover{transform: scale(1.2);}
+.layui-slider-wrap-btn.layui-disabled:hover{transform: scale(1) !important;}
+.layui-slider-tips{position: absolute; top: -42px; z-index: 66666666; white-space:nowrap; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; background: #000; border-radius: 3px; height: 25px; line-height: 25px; padding: 0 10px;}
+.layui-slider-tips:after{content: ''; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #000 transparent transparent transparent;}
+.layui-slider-input{width: 70px; height: 32px; border: 1px solid #e6e6e6; border-radius: 3px; font-size: 16px; line-height: 32px; position: absolute; right: 0; top: -14px;}
+.layui-slider-input-btn{position: absolute; top: 0; right: 0; width: 20px; height: 100%; border-left: 1px solid #d2d2d2;}
+.layui-slider-input-btn i{cursor: pointer; position: absolute; right: 0; bottom: 0; width: 20px; height: 50%; font-size: 12px; line-height: 16px; text-align: center; color: #999;}
+.layui-slider-input-btn i:first-child{top: 0; border-bottom: 1px solid #d2d2d2;}
+.layui-slider-input-txt{height: 100%; font-size: 14px;}
+.layui-slider-input-txt input{height: 100%; border: none;}
+.layui-slider-input-btn i:hover{color: #009688;}
+/*垂直滑块*/
+.layui-slider-vertical{width: 4px; margin-left: 33px;}
+.layui-slider-vertical .layui-slider-bar{width: 4px;}
+.layui-slider-vertical .layui-slider-step{top: auto; left: 0px; -webkit-transform: translateY(50%); transform: translateY(50%);}
+.layui-slider-vertical .layui-slider-wrap{top: auto; left: -16px; -webkit-transform: translateY(50%); transform: translateY(50%);}
+.layui-slider-vertical .layui-slider-tips{top: auto; left: 2px;}
+@media \0screen{
+  .layui-slider-wrap-btn{margin-left: -20px;}
+  .layui-slider-vertical .layui-slider-wrap-btn{margin-left: 0; margin-bottom: -20px;}
+  .layui-slider-vertical .layui-slider-tips{margin-left: -8px;}
+  .layui-slider > span{margin-left: 8px;}
+}
+
+/** 树组件 By star1029 **/
+.layui-tree{line-height: 22px;}
+.layui-tree .layui-form-checkbox{margin: 0 !important;}
+.layui-tree-set{width: 100%; position: relative;}
+.layui-tree-pack{display: none; padding-left: 20px; position: relative;}
+.layui-tree-line .layui-tree-pack{padding-left: 27px;}
+.layui-tree-line .layui-tree-set .layui-tree-set:after{content: ''; position: absolute; top: 14px; left: -9px; width: 17px; height: 0; border-top: 1px dotted #c0c4cc;}
+.layui-tree-entry{position: relative; padding: 3px 0; height: 20px; white-space: nowrap;}
+.layui-tree-entry:hover{background-color: #eee;}
+.layui-tree-line .layui-tree-entry:hover{background-color: rgba(0,0,0,0);}
+.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color: #999; text-decoration: underline; transition: 0.3s;}
+.layui-tree-main{display: inline-block; vertical-align: middle; cursor: pointer; padding-right: 10px;}
+.layui-tree-line .layui-tree-set:before{content: ''; position: absolute; top: 0; left: -9px; width: 0; height: 100%; border-left: 1px dotted #c0c4cc;}
+.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height: 13px;}
+.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height: 0;}
+.layui-tree-iconClick{display: inline-block; vertical-align: middle; position: relative; height: 20px; line-height: 20px; margin: 0 10px; color: #c0c4cc;}
+.layui-tree-icon{height: 12px; line-height: 12px; width: 12px; text-align: center; border: 1px solid #c0c4cc;}
+.layui-tree-iconClick .layui-icon{font-size: 18px;}
+.layui-tree-icon .layui-icon{font-size: 12px; color: #666;}
+.layui-tree-iconArrow{padding: 0 5px;}
+.layui-tree-iconArrow:after{content: ''; position: absolute; left: 4px; top: 3px; z-index: 100; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #c0c4cc; transition: 0.5s;}
+.layui-tree-spread>.layui-tree-entry>.layui-tree-iconClick>.layui-tree-iconArrow:after{transform: rotate(90deg) translate(3px, 4px);}
+.layui-tree-txt{display: inline-block; vertical-align: middle; color: #555;}
+.layui-tree-search{margin-bottom: 15px; color: #666;}
+.layui-tree-btnGroup{visibility: hidden; display: inline-block; vertical-align: middle; position: relative;}
+.layui-tree-btnGroup .layui-icon{display: inline-block; vertical-align: middle; padding: 0 2px; cursor: pointer;}
+.layui-tree-btnGroup .layui-icon:hover{color: #999; transition: 0.3s;}
+.layui-tree-entry:hover .layui-tree-btnGroup{visibility: visible;}
+.layui-tree-editInput{position: relative; display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; padding: 0 3px; border: none; background-color: rgba(0,0,0,0.05);}
+.layui-tree-emptyText{text-align: center; color: #999;}
+
+
+
+
+/** 动画 **/
+.layui-anim{-webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
+.layui-anim.layui-icon{display: inline-block;}
+.layui-anim-loop{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
+.layui-trans,
+.layui-trans a{transition: all .3s; -webkit-transition: all .3s;} /* 过度变换 */
+
+@-webkit-keyframes layui-rotate{ /* 循环旋转 */
+  from {-webkit-transform: rotate(0deg);}
+  to {-webkit-transform: rotate(360deg);}
+}
+@keyframes layui-rotate{
+  from {transform: rotate(0deg);}
+  to {transform: rotate(360deg);}
+}
+.layui-anim-rotate{-webkit-animation-name: layui-rotate; animation-name: layui-rotate; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-timing-function: linear; animation-timing-function: linear;}
+
+@-webkit-keyframes layui-up{ /* 从最底部往上滑入 */
+  from {-webkit-transform: translate3d(0, 100%, 0); opacity: 0.3;}
+  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
+}
+@keyframes layui-up{
+  from {transform: translate3d(0, 100%, 0);  opacity: 0.3;}
+  to {transform: translate3d(0, 0, 0);  opacity: 1;}
+}
+.layui-anim-up{-webkit-animation-name: layui-up; animation-name: layui-up;}
+
+@-webkit-keyframes layui-upbit{ /* 微微往上滑入 */
+  from {-webkit-transform: translate3d(0, 30px, 0); opacity: 0.3;}
+  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
+}
+@keyframes layui-upbit{
+  from {transform: translate3d(0, 30px, 0);  opacity: 0.3;}
+  to {transform: translate3d(0, 0, 0);  opacity: 1;}
+}
+.layui-anim-upbit{-webkit-animation-name: layui-upbit; animation-name: layui-upbit;}
+
+
+@-webkit-keyframes layui-scale { /* 放大 */
+  0% {opacity: 0.3; -webkit-transform: scale(.5);}
+  100% {opacity: 1; -webkit-transform: scale(1);}
+}
+@keyframes layui-scale {
+  0% {opacity: 0.3; -ms-transform: scale(.5); transform: scale(.5);}
+  100% {opacity: 1; -ms-transform: scale(1); transform: scale(1);}
+}
+.layui-anim-scale{-webkit-animation-name: layui-scale; animation-name: layui-scale}
+
+@-webkit-keyframes layui-scale-spring { /* 弹簧式放大 */
+  0% {opacity: 0.5; -webkit-transform: scale(.5);}
+  80% {opacity: 0.8; -webkit-transform: scale(1.1);}
+  100% {opacity: 1; -webkit-transform: scale(1);}
+}
+@keyframes layui-scale-spring {
+  0% {opacity: 0.5; transform: scale(.5);}
+  80% {opacity: 0.8; transform: scale(1.1);}
+  100% {opacity: 1; transform: scale(1);}
+}
+.layui-anim-scaleSpring{-webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring}
+
+@-webkit-keyframes layui-fadein { /* 渐现 */
+  0% {opacity: 0;}
+  100% {opacity: 1;}
+}
+@keyframes layui-fadein {
+  0% {opacity: 0;}
+  100% {opacity: 1;}
+}
+.layui-anim-fadein{-webkit-animation-name: layui-fadein; animation-name: layui-fadein}
+
+@-webkit-keyframes layui-fadeout { /* 渐隐 */
+  0% {opacity: 1;}
+  100% {opacity: 0;}
+}
+@keyframes layui-fadeout {
+  0% {opacity: 1;}
+  100% {opacity: 0;}
+}
+.layui-anim-fadeout{-webkit-animation-name: layui-fadeout; animation-name: layui-fadeout}
+
+
+

src/assets/homeStatic/layui/css/layui.mobile.css

@@ -0,0 +1,191 @@
+/**
+ 
+ @Name: layui mobile
+ @Author: 贤心
+ @Site: http://www.layui.com/mobile/
+ 
+ */
+ 
+/* reset */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,legend{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
+html{font:12px 'Helvetica Neue','PingFang SC',STHeitiSC-Light,Helvetica,Arial,sans-serif; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
+a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
+a{text-decoration: none; background:transparent}
+a:active,a:hover{outline:0}
+table{border-collapse:collapse;border-spacing:0}
+li{list-style:none;}
+b,strong{font-weight:700;}
+h1, h2, h3, h4, h5, h6{font-weight:500;}
+address,cite,dfn,em,var{font-style:normal;}
+dfn{font-style:italic}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+img{border:0; vertical-align: bottom}
+button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0; outline: 0;}
+button,select{text-transform:none}
+select{-webkit-appearance: none; border:none;}
+input{line-height:normal; }
+input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
+input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
+input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
+input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
+label,input{vertical-align: middle;}
+
+
+/** 图标字体 **/
+@font-face {font-family: 'layui-icon';
+  src: url('../font/iconfont.eot?v=1.0.7');
+  src: url('../font/iconfont.eot?v=1.0.7#iefix') format('embedded-opentype'),
+  url('../font/iconfont.woff?v=1.0.7') format('woff'),
+  url('../font/iconfont.ttf?v=1.0.7') format('truetype'),
+  url('../font/iconfont.svg?v=1.0.7#iconfont') format('svg');
+}
+                    
+.layui-icon{
+  font-family:"layui-icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+
+/** 基础通用 **/
+/* 消除第三方ui可能造成的冲突 */.layui-box, .layui-box *{-webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;}
+.layui-border-box, .layui-border-box *{-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
+.layui-inline{position: relative; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
+/* 三角形 */.layui-edge{position: absolute; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden;}
+/* 单行溢出省略 */.layui-elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
+/* 屏蔽选中 */.layui-unselect{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
+.layui-disabled,.layui-disabled:active{background-color: #d2d2d2 !important; color: #fff !important; cursor: not-allowed !important;}
+/* 纯圆角 */.layui-circle{border-radius: 100%;}
+.layui-show{display: block !important;}
+.layui-hide{display: none !important;}
+
+
+.layui-upload-iframe{position: absolute; width: 0px; height: 0px; border: 0px; visibility: hidden;}
+.layui-upload-enter{border: 1px solid #009E94; background-color: #009E94; color: #fff; -webkit-transform: scale(1.1); transform: scale(1.1);}
+
+
+/* 弹出动画 */
+@-webkit-keyframes layui-m-anim-scale { /* 默认 */
+	0% {opacity: 0; -webkit-transform: scale(.5); transform: scale(.5)}
+	100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
+}
+@keyframes layui-m-anim-scale { /* 由小到大 */
+	0% {opacity: 0; -webkit-transform: scale(.5); transform: scale(.5)}
+	100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
+}
+.layui-m-anim-scale{animation-name:  layui-m-anim-scale; -webkit-animation-name:  layui-m-anim-scale;}
+
+@-webkit-keyframes layui-m-anim-up{ /* 从下往上 */
+  0%{opacity: 0; -webkit-transform: translateY(800px); transform: translateY(800px)}
+  100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}
+}
+@keyframes layui-m-anim-up{
+  0%{opacity: 0; -webkit-transform: translateY(800px); transform: translateY(800px)}
+  100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}
+}
+.layui-m-anim-up{-webkit-animation-name: layui-m-anim-up; animation-name: layui-m-anim-up}
+
+@-webkit-keyframes layui-m-anim-left{ /* 从右往左 */
+  0%{-webkit-transform: translateX(100%); transform: translateX(100%)}
+  100%{-webkit-transform: translateX(0); transform: translateX(0)}
+}
+@keyframes layui-m-anim-left{
+  0%{-webkit-transform: translateX(100%); transform: translateX(100%)}
+  100%{-webkit-transform: translateX(0); transform: translateX(0)}
+}
+.layui-m-anim-left{-webkit-animation-name: layui-m-anim-left; animation-name: layui-m-anim-left}
+
+@-webkit-keyframes layui-m-anim-right{ /* 从左往右 */
+  0%{-webkit-transform: translateX(-100%); transform: translateX(-100%)}
+  100%{-webkit-transform: translateX(0); transform: translateX(0)}
+}
+@keyframes layui-m-anim-right{
+  0%{-webkit-transform: translateX(-100%); transform: translateX(-100%)}
+  100%{-webkit-transform: translateX(0); transform: translateX(0)}
+}
+.layui-m-anim-right{-webkit-animation-name: layui-m-anim-right; animation-name: layui-m-anim-right}
+
+@-webkit-keyframes layui-m-anim-lout{ /* 往左收缩 */
+  0%{-webkit-transform: translateX(0); transform: translateX(0)}
+  100%{-webkit-transform: translateX(-100%); transform: translateX(-100%)}
+}
+@keyframes layui-m-anim-lout{
+  0%{-webkit-transform: translateX(0); transform: translateX(0)}
+  100%{-webkit-transform: translateX(-100%); transform: translateX(-100%)}
+}
+.layui-m-anim-lout{-webkit-animation-name: layui-m-anim-lout; animation-name: layui-m-anim-lout}
+
+@-webkit-keyframes layui-m-anim-rout{ /* 往右收缩 */
+  0%{-webkit-transform: translateX(0); transform: translateX(0)}
+  100%{-webkit-transform: translateX(100%); transform: translateX(100%)}
+}
+@keyframes layui-m-anim-rout{
+  0%{-webkit-transform: translateX(0); transform: translateX(0)}
+  100%{-webkit-transform: translateX(100%); transform: translateX(100%)}
+}
+.layui-m-anim-rout{-webkit-animation-name: layui-m-anim-rout; animation-name: layui-m-anim-rout}
+
+
+/** layer mobile */
+.layui-m-layer{position:relative; z-index: 19891014;}
+.layui-m-layer *{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
+.layui-m-layershade,
+.layui-m-layermain{position:fixed; left:0; top:0; width:100%; height:100%;}
+.layui-m-layershade{background-color:rgba(0,0,0, .7); pointer-events:auto;}
+.layui-m-layermain{display:table; font-family: Helvetica, arial, sans-serif; pointer-events: none;}
+.layui-m-layermain .layui-m-layersection{display:table-cell; vertical-align:middle; text-align:center;}
+.layui-m-layerchild{position:relative; display:inline-block; text-align:left; background-color:#fff; font-size:14px; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);  pointer-events:auto;  -webkit-overflow-scrolling: touch;}
+.layui-m-layerchild{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .2s; animation-duration: .2s;}
+
+.layui-m-layer0 .layui-m-layerchild{width: 90%; max-width: 640px;}
+.layui-m-layer1 .layui-m-layerchild{border:none; border-radius:0;}
+.layui-m-layer2 .layui-m-layerchild{width:auto; max-width:260px; min-width:40px; border:none; background: none; box-shadow: none; color:#fff;}
+.layui-m-layerchild h3{padding: 0 10px; height: 60px; line-height: 60px; font-size:16px; font-weight: 400;  border-radius: 5px 5px 0 0; text-align: center;}
+.layui-m-layerchild h3,
+.layui-m-layerbtn span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
+.layui-m-layercont{padding: 50px 30px; line-height: 22px; text-align:center;}
+.layui-m-layer1 .layui-m-layercont{padding:0; text-align:left;}
+.layui-m-layer2 .layui-m-layercont{text-align:center; padding: 0; line-height: 0;}
+.layui-m-layer2 .layui-m-layercont i{width:25px; height:25px; margin-left:8px; display:inline-block; background-color:#fff; border-radius:100%;}
+.layui-m-layer2 .layui-m-layercont p{margin-top: 20px;}
+
+/* loading */
+@-webkit-keyframes layui-m-anim-loading{
+    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
+    40%{transform:scale(1); -webkit-transform:scale(1)}
+}
+@keyframes layui-m-anim-loading{
+    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
+    40%{transform:scale(1); -webkit-transform:scale(1)}
+}
+.layui-m-layer2 .layui-m-layercont i{-webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out; animation: layui-m-anim-loading 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
+
+.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0; -webkit-animation-delay: -.32s; animation-delay: -.32s;}
+.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay: -.16s; animation-delay: -.16s;}
+.layui-m-layer2 .layui-m-layercont>div{line-height:22px; padding-top:7px; margin-bottom:20px; font-size: 14px;}
+.layui-m-layerbtn{display: box; display: -moz-box; display: -webkit-box; width: 100%; position:relative; height: 50px; line-height: 50px; font-size: 0; text-align:center;  border-top:1px solid #D0D0D0; background-color: #F2F2F2; border-radius: 0 0 5px 5px;}
+.layui-m-layerbtn span{position:relative; display: block; -moz-box-flex: 1; box-flex: 1; -webkit-box-flex: 1;  text-align:center; font-size:14px; border-radius: 0 0 5px 5px; cursor:pointer;}
+.layui-m-layerbtn span[yes]{color: #40AFFE;}
+.layui-m-layerbtn span[no]{border-right: 1px solid #D0D0D0; border-radius: 0 0 0 5px;}
+.layui-m-layerbtn span:active{background-color: #F6F6F6;}
+.layui-m-layerend{position:absolute; right:7px; top:10px; width:30px; height:30px; border: 0; font-weight:400; background: transparent; cursor: pointer; -webkit-appearance: none; font-size:30px;}
+.layui-m-layerend::before, .layui-m-layerend::after{position:absolute; left:5px; top:15px; content:''; width:18px; height:1px; background-color:#999; transform:rotate(45deg); -webkit-transform:rotate(45deg); border-radius: 3px;}
+.layui-m-layerend::after{transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);}
+
+/* 底部对话框风格 */
+body .layui-m-layer .layui-m-layer-footer{position: fixed; width: 95%; max-width: 100%; margin: 0 auto; left:0; right: 0; bottom: 10px; background: none;}
+.layui-m-layer-footer .layui-m-layercont{padding: 20px; border-radius: 5px 5px 0 0; background-color: rgba(255,255,255,.8);}
+.layui-m-layer-footer .layui-m-layerbtn{display: block; height: auto; background: none; border-top: none;}
+.layui-m-layer-footer .layui-m-layerbtn span{background-color: rgba(255,255,255,.8);}
+.layui-m-layer-footer .layui-m-layerbtn span[no]{color: #FD482C; border-top: 1px solid #c2c2c2; border-radius: 0 0 5px 5px;}
+.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top: 10px; border-radius: 5px;}
+
+/* 通用提示 */
+body .layui-m-layer .layui-m-layer-msg{width: auto; max-width: 90%; margin: 0 auto; bottom: -150px; background-color: rgba(0,0,0,.7); color: #fff;}
+.layui-m-layer-msg .layui-m-layercont{padding: 10px 20px;}
+
+
+
+

src/assets/homeStatic/layui/css/modules/code.css

@@ -0,0 +1,23 @@
+/**
+ 
+ @Name: layui.code
+ @Author: 贤心
+ @Site: http://www.layui.com
+ 
+ */
+
+/* 加载就绪标志 */
+html #layuicss-skincodecss{display:none; position: absolute; width:1989px;}
+
+/* 默认风格 */
+.layui-code-view{display: block; position: relative; margin: 10px 0; padding: 0; border: 1px solid #e2e2e2; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}
+.layui-code-h3{position: relative; padding: 0 10px; height: 32px; line-height: 32px; border-bottom: 1px solid #e2e2e2; font-size: 12px;}
+.layui-code-h3 a{position: absolute; right: 10px; top: 0; color: #999;}
+.layui-code-view .layui-code-ol{position: relative; overflow: auto;}
+.layui-code-view .layui-code-ol li{position: relative; margin-left: 45px; line-height: 20px; padding: 0 5px; border-left: 1px solid #e2e2e2; list-style-type: decimal-leading-zero; *list-style-type: decimal; background-color: #fff;}
+.layui-code-view pre{margin: 0;}
+
+/* notepadd++风格 */
+.layui-code-notepad{border: 1px solid #0C0C0C; border-left-color: #3F3F3F; background-color: #0C0C0C; color: #C2BE9E}
+.layui-code-notepad .layui-code-h3{border-bottom: none;}
+.layui-code-notepad .layui-code-ol li{background-color: #3F3F3F; border-left: none;}

src/assets/homeStatic/layui/css/modules/laydate/default/font.css

@@ -0,0 +1,16 @@
+/** 图标字体 **/
+@font-face {font-family: 'laydate-icon';
+  src: url('./font/iconfont.eot');
+  src: url('./font/iconfont.eot#iefix') format('embedded-opentype'),
+  url('./font/iconfont.svg#iconfont') format('svg'),
+  url('./font/iconfont.woff') format('woff'),
+  url('./font/iconfont.ttf') format('truetype');
+}
+                    
+.laydate-icon{
+  font-family:"laydate-icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

src/assets/homeStatic/layui/css/modules/laydate/default/laydate.css

@@ -0,0 +1,155 @@
+/**
+ 
+ @Name: laydata
+ @Author: 贤心
+ 
+ **/
+ 
+
+html #layuicss-laydate{display: none; position: absolute; width: 1989px;}
+
+/* 初始化 */
+.layui-laydate *{margin: 0; padding: 0;}
+
+/* 主体结构 */
+.layui-laydate, .layui-laydate *{box-sizing: border-box;}
+.layui-laydate{position: absolute; z-index: 66666666; margin: 5px 0; border-radius: 2px; font-size: 14px; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
+.layui-laydate-main{width: 272px;}
+.layui-laydate-header *,
+.layui-laydate-content td,
+.layui-laydate-list li{transition-duration: .3s; -webkit-transition-duration: .3s;}
+
+@-webkit-keyframes laydate-upbit{ /* 微微往上滑入 */
+  from {-webkit-transform: translate3d(0, 20px, 0); opacity: 0.3;}
+  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
+}
+@keyframes laydate-upbit{
+  from {transform: translate3d(0, 20px, 0);  opacity: 0.3;}
+  to {transform: translate3d(0, 0, 0);  opacity: 1;}
+}
+.layui-laydate{-webkit-animation-name: laydate-upbit; animation-name: laydate-upbit;}
+.layui-laydate-static{ position: relative; z-index: 0; display: inline-block; margin: 0; -webkit-animation: none; animation: none;}
+
+/* 展开年月列表时 */
+.laydate-ym-show .laydate-prev-m,
+.laydate-ym-show .laydate-next-m{display: none !important;}
+.laydate-ym-show .laydate-prev-y,
+.laydate-ym-show .laydate-next-y{display: inline-block !important;}
+.laydate-ym-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
+
+/* 展开时间列表时 */
+.laydate-time-show .layui-laydate-header .layui-icon,
+.laydate-time-show .laydate-set-ym span[lay-type="year"],
+.laydate-time-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
+
+/* 头部结构 */
+.layui-laydate-header{position: relative; line-height:30px; padding: 10px 70px 5px;}
+.layui-laydate-header *{display: inline-block; vertical-align: bottom;}
+.layui-laydate-header i{position: absolute; top: 10px; padding: 0 5px; color: #999; font-size: 18px; cursor: pointer;}
+.layui-laydate-header i.laydate-prev-y{left: 15px;}
+.layui-laydate-header i.laydate-prev-m{left: 45px;}
+.layui-laydate-header i.laydate-next-y{right: 15px;}
+.layui-laydate-header i.laydate-next-m{right: 45px;}
+.laydate-set-ym{width: 100%; text-align: center; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
+.laydate-set-ym span{padding: 0 5px; cursor: pointer;}
+.laydate-time-text{cursor: default !important;}
+
+/* 主体结构 */
+.layui-laydate-content{position: relative; padding: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
+.layui-laydate-content table{border-collapse: collapse; border-spacing: 0;}
+.layui-laydate-content th,
+.layui-laydate-content td{width: 36px; height: 30px; padding: 5px; text-align: center;}
+.layui-laydate-content th{font-weight: 400;}
+.layui-laydate-content td{position: relative; cursor: pointer;}
+.laydate-day-mark{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 30px; font-size: 12px; overflow: hidden;}
+.laydate-day-mark::after{position: absolute; content:''; right: 2px; top: 2px; width: 5px; height: 5px; border-radius: 50%;}
+
+/* 底部结构 */
+.layui-laydate-footer{position: relative; height: 46px; line-height: 26px; padding: 10px 20px;}
+.layui-laydate-footer span{margin-right: 15px; display: inline-block; cursor: pointer; font-size: 12px;}
+.layui-laydate-footer span:hover{color: #5FB878;}
+.laydate-footer-btns{position: absolute; right: 10px; top: 10px;}
+.laydate-footer-btns span{height: 26px; line-height: 26px; margin: 0 0 0 -1px; padding: 0 10px; border: 1px solid #C9C9C9; background-color: #fff;  white-space: nowrap; vertical-align: top; border-radius: 2px;}
+
+/* 年月列表 */
+.layui-laydate-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background-color: #fff;}
+.layui-laydate-list>li{position: relative; display: inline-block; width: 33.3%; height: 36px; line-height: 36px; margin: 3px 0; vertical-align: middle; text-align: center; cursor: pointer;}
+.laydate-month-list>li{width: 25%; margin: 17px 0;}
+.laydate-time-list{}
+.laydate-time-list>li{height: 100%; margin: 0; line-height: normal; cursor: default;}
+.laydate-time-list p{position: relative; top: -4px; line-height: 29px;}
+.laydate-time-list ol{height: 181px; overflow: hidden;}
+.laydate-time-list>li:hover ol{overflow-y: auto;}
+.laydate-time-list ol li{width: 130%; padding-left: 33px; line-height: 30px; text-align: left; cursor: pointer;}
+
+/* 提示 */
+.layui-laydate-hint{position: absolute; top: 115px; left: 50%; width: 250px; margin-left: -125px; line-height: 20px; padding: 15px; text-align: center; font-size: 12px; color: #FF5722;}
+
+
+/* 双日历 */
+.layui-laydate-range{width: 546px;}
+.layui-laydate-range .layui-laydate-main{display: inline-block; vertical-align: middle;}
+.layui-laydate-range .laydate-main-list-0 .laydate-next-m,
+.layui-laydate-range .laydate-main-list-0 .laydate-next-y,
+.layui-laydate-range .laydate-main-list-1 .laydate-prev-y,
+.layui-laydate-range .laydate-main-list-1 .laydate-prev-m{display: none;}
+.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left: 1px solid #e2e2e2;}
+
+
+/* 默认简约主题 */
+.layui-laydate, .layui-laydate-hint{border: 1px solid #d2d2d2; box-shadow: 0 2px 4px rgba(0,0,0,.12); background-color: #fff; color: #666;}
+.layui-laydate-header{border-bottom: 1px solid #e2e2e2;}
+.layui-laydate-header i:hover,
+.layui-laydate-header span:hover{color: #5FB878;}
+.layui-laydate-content{border-top: none 0; border-bottom: none 0;}
+.layui-laydate-content th{color: #333;}
+.layui-laydate-content td{color: #666;}
+.layui-laydate-content td.laydate-selected{background-color: #00F7DE;}
+.laydate-selected:hover{background-color: #00F7DE !important;}
+.layui-laydate-content td:hover,
+.layui-laydate-list li:hover{background-color: #eaeaea; color: #333;}
+.laydate-time-list li ol{margin: 0; padding: 0; border: 1px solid #e2e2e2; border-left-width: 0;}
+.laydate-time-list li:first-child ol{border-left-width: 1px;}
+.laydate-time-list>li:hover{background: none;}
+.layui-laydate-content .laydate-day-prev,
+.layui-laydate-content .laydate-day-next{color: #d2d2d2;}
+.laydate-selected.laydate-day-prev,
+.laydate-selected.laydate-day-next{background-color: #f8f8f8 !important;}
+.layui-laydate-footer{border-top: 1px solid #e2e2e2;}
+.layui-laydate-hint{color: #FF5722;}
+.laydate-day-mark::after{background-color: #5FB878;}
+.layui-laydate-content td.layui-this .laydate-day-mark::after{display: none;}
+.layui-laydate-footer span[lay-type="date"]{color: #5FB878;}
+.layui-laydate .layui-this{background-color: #009688 !important; color: #fff !important;}
+.layui-laydate .laydate-disabled,
+.layui-laydate .laydate-disabled:hover{background:none !important; color: #d2d2d2 !important; cursor: not-allowed !important; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
+
+/* 墨绿/自定义背景色主题 */
+.laydate-theme-molv{border: none;}
+.laydate-theme-molv.layui-laydate-range{width: 548px}
+.laydate-theme-molv .layui-laydate-main{width: 274px;}
+.laydate-theme-molv .layui-laydate-header{border: none; background-color: #009688;}
+.laydate-theme-molv .layui-laydate-header i,
+.laydate-theme-molv .layui-laydate-header span{color: #f6f6f6;}
+.laydate-theme-molv .layui-laydate-header i:hover,
+.laydate-theme-molv .layui-laydate-header span:hover{color: #fff;}
+.laydate-theme-molv .layui-laydate-content{border: 1px solid #e2e2e2; border-top: none; border-bottom: none;}
+.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left: none;}
+.laydate-theme-molv .layui-laydate-footer{border: 1px solid #e2e2e2;}
+
+/* 格子主题 */
+.laydate-theme-grid .layui-laydate-content td,
+.laydate-theme-grid .layui-laydate-content thead,
+.laydate-theme-grid .laydate-year-list>li,
+.laydate-theme-grid .laydate-month-list>li{border: 1px solid #e2e2e2;}
+.laydate-theme-grid .laydate-selected,
+.laydate-theme-grid .laydate-selected:hover{background-color: #f2f2f2 !important; color: #009688 !important;}
+.laydate-theme-grid .laydate-selected.laydate-day-prev,
+.laydate-theme-grid .laydate-selected.laydate-day-next{color: #d2d2d2 !important;}
+.laydate-theme-grid .laydate-year-list,
+.laydate-theme-grid .laydate-month-list{margin: 1px 0 0 1px;}
+.laydate-theme-grid .laydate-year-list>li,
+.laydate-theme-grid .laydate-month-list>li{margin: 0 -1px -1px 0;}
+.laydate-theme-grid .laydate-year-list>li{height: 43px; line-height: 43px;}
+.laydate-theme-grid .laydate-month-list>li{height: 71px; line-height: 71px;}
+

src/assets/homeStatic/layui/css/modules/layer/default/layer.css

@@ -0,0 +1,181 @@
+/**
+ 
+ @Name: layer
+ @Author: 贤心
+ 
+ **/
+
+/* *html{background-image: url(about:blank); background-attachment: fixed;} */
+html #layuicss-layer{display: none; position: absolute; width: 1989px;}
+
+/* common */
+.layui-layer-shade, .layui-layer{position:fixed; _position:absolute; pointer-events: auto;}
+.layui-layer-shade{top:0; left:0; width:100%; height:100%; _height:expression(document.body.offsetHeight+"px");}
+.layui-layer{-webkit-overflow-scrolling: touch;}
+.layui-layer{top:150px; left: 0; margin:0; padding:0; background-color:#fff; -webkit-background-clip: content; border-radius: 2px; box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
+.layui-layer-close{position:absolute;}
+.layui-layer-content{position:relative;}
+.layui-layer-border{border: 1px solid #B2B2B2; border: 1px solid rgba(0,0,0,.1); box-shadow: 1px 1px 5px rgba(0,0,0,.2);}
+.layui-layer-load{background:url(loading-1.gif) #eee center center no-repeat;}
+.layui-layer-ico{ background:url(icon.png) no-repeat;}
+.layui-layer-dialog .layui-layer-ico,
+.layui-layer-setwin a,
+.layui-layer-btn a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
+
+.layui-layer-move{display: none; position: fixed; *position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; filter:alpha(opacity=0); background-color: #fff; z-index: 2147483647;}
+.layui-layer-resize{position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize;}
+
+/* 动画 */
+.layer-anim{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration:.3s; animation-duration:.3s;}
+
+@-webkit-keyframes layer-bounceIn { /* 默认 */
+	0% {opacity: 0; -webkit-transform: scale(.5); transform: scale(.5)}
+	100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
+}
+@keyframes layer-bounceIn {
+	0% {opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5)}
+	100% {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
+}
+.layer-anim-00{-webkit-animation-name: layer-bounceIn;animation-name: layer-bounceIn}
+
+@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}
+
+@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}
+
+@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}
+
+@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}
+
+@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}
+
+@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
+
+/* 标题栏 */
+.layui-layer-title{padding:0 80px 0 20px; height:42px; line-height:42px; border-bottom:1px solid #eee; font-size:14px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #F8F8F8; border-radius: 2px 2px 0 0;}
+.layui-layer-setwin{position:absolute; right:15px; *right:0; top:15px; font-size:0; line-height: initial;}
+.layui-layer-setwin a{position:relative; width: 16px; height:16px; margin-left:10px; font-size:12px; _overflow:hidden;}
+.layui-layer-setwin .layui-layer-min cite{position:absolute; width:14px; height:2px; left:0; top:50%; margin-top:-1px; background-color:#2E2D3C; cursor:pointer; _overflow:hidden;}
+.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA; }
+.layui-layer-setwin .layui-layer-max{background-position:-32px -40px;}
+.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px;}
+.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px;}
+.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px;}
+.layui-layer-setwin .layui-layer-close1{background-position: 1px -40px; cursor: pointer;}
+.layui-layer-setwin .layui-layer-close1:hover{opacity:0.7;}
+.layui-layer-setwin .layui-layer-close2{position:absolute; right:-28px; top:-28px; width:30px; height:30px;  margin-left:0; background-position:-149px -31px; *right:-18px; _display:none;}
+.layui-layer-setwin .layui-layer-close2:hover{ background-position:-180px -31px;}
+
+/* 按钮栏 */
+.layui-layer-btn{text-align: right; padding: 0 15px 12px; pointer-events: auto; user-select: none; -webkit-user-select: none;}
+.layui-layer-btn a{height: 28px; line-height: 28px; margin: 5px 5px 0; padding: 0 15px; border: 1px solid #dedede; background-color:#fff; color: #333; border-radius: 2px; font-weight:400; cursor:pointer; text-decoration: none;}
+.layui-layer-btn a:hover{opacity: 0.9; text-decoration: none;}
+.layui-layer-btn a:active{opacity: 0.8;}
+.layui-layer-btn .layui-layer-btn0{border-color: #1E9FFF; background-color: #1E9FFF; color:#fff;}
+.layui-layer-btn-l{text-align: left;}
+.layui-layer-btn-c{text-align: center;}
+
+/* 定制化 */
+.layui-layer-dialog{min-width:260px;}
+.layui-layer-dialog .layui-layer-content{position: relative; padding:20px; line-height:24px; word-break: break-all; overflow:hidden; font-size:14px; overflow-x: hidden; overflow-y:auto;}
+.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute; top:16px; left:15px; _left:-40px; width:30px; height:30px;}
+.layui-layer-ico1{background-position:-30px 0 }
+.layui-layer-ico2{background-position:-60px 0;}
+.layui-layer-ico3{background-position:-90px 0;}
+.layui-layer-ico4{background-position:-120px 0;}
+.layui-layer-ico5{background-position:-150px 0;}
+.layui-layer-ico6{background-position:-180px 0;}
+.layui-layer-rim{border:6px solid #8D8D8D; border:6px solid rgba(0,0,0,.3); border-radius:5px; box-shadow: none;}
+.layui-layer-msg{min-width:180px; border:1px solid #D3D4D3; box-shadow: none;}
+.layui-layer-hui{min-width:100px;  background-color: #000; filter:alpha(opacity=60); background-color: rgba(0,0,0,0.6); color: #fff; border:none;}
+.layui-layer-hui .layui-layer-content{padding:12px 25px; text-align:center;}
+.layui-layer-dialog .layui-layer-padding{padding: 20px 20px 20px 55px; text-align: left;}
+.layui-layer-page .layui-layer-content{position:relative; overflow:auto;}
+.layui-layer-page .layui-layer-btn,.layui-layer-iframe .layui-layer-btn{padding-top:10px;}
+.layui-layer-nobg{background:none;}
+.layui-layer-iframe iframe{display: block; width: 100%;}
+
+.layui-layer-loading{border-radius:100%; background:none;  box-shadow:none;  border:none;}
+.layui-layer-loading .layui-layer-content{width:60px; height:24px; background:url(loading-0.gif) no-repeat;}
+.layui-layer-loading .layui-layer-loading1{width:37px; height:37px; background:url(loading-1.gif) no-repeat;}
+.layui-layer-loading .layui-layer-loading2, .layui-layer-ico16{width:32px; height:32px; background:url(loading-2.gif) no-repeat;}
+.layui-layer-tips{background: none; box-shadow:none; border:none;}
+.layui-layer-tips .layui-layer-content{position: relative; line-height: 22px; min-width: 12px; padding: 8px 15px; font-size: 12px; _float:left; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); background-color: #000; color: #fff;}
+.layui-layer-tips .layui-layer-close{right:-2px; top:-1px;}
+.layui-layer-tips i.layui-layer-TipsG{ position:absolute;  width:0; height:0; border-width:8px; border-color:transparent; border-style:dashed; *overflow:hidden;}
+.layui-layer-tips i.layui-layer-TipsT, .layui-layer-tips i.layui-layer-TipsB{left:5px; border-right-style:solid; border-right-color: #000;}
+.layui-layer-tips i.layui-layer-TipsT{bottom:-8px;}
+.layui-layer-tips i.layui-layer-TipsB{top:-8px;}
+.layui-layer-tips i.layui-layer-TipsR, .layui-layer-tips i.layui-layer-TipsL{top: 5px; border-bottom-style:solid; border-bottom-color: #000;}
+.layui-layer-tips i.layui-layer-TipsR{left:-8px;}
+.layui-layer-tips i.layui-layer-TipsL{right:-8px;}
+
+/* skin */
+.layui-layer-lan[type="dialog"]{min-width:280px;}
+.layui-layer-lan .layui-layer-title{background:#4476A7; color:#fff; border: none;}
+.layui-layer-lan .layui-layer-btn{padding: 5px 10px 10px; text-align: right; border-top:1px solid #E9E7E7}
+.layui-layer-lan .layui-layer-btn a{background: #fff; border-color: #E9E7E7; color: #333;}
+.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5;}
+.layui-layer-molv .layui-layer-title{background: #009f95; color:#fff; border: none;}
+.layui-layer-molv .layui-layer-btn a{background: #009f95; border-color: #009f95;}
+.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1;}
+
+
+/**
+ 
+ @Name: layer拓展样式
+ 
+ */
+
+.layui-layer-iconext{background:url(icon-ext.png) no-repeat;}
+
+/* prompt模式 */
+.layui-layer-prompt .layui-layer-input{display: block; width: 230px; height: 36px; margin: 0 auto; line-height: 30px; padding-left: 10px; border: 1px solid #e6e6e6; color: #333;}
+.layui-layer-prompt textarea.layui-layer-input{width: 300px; height: 100px; line-height: 20px; padding: 6px 10px;}
+.layui-layer-prompt .layui-layer-content{padding: 20px;}
+.layui-layer-prompt .layui-layer-btn{padding-top: 0;}
+
+/* tab模式 */
+.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4);}
+.layui-layer-tab .layui-layer-title{padding-left:0; overflow: visible;}
+.layui-layer-tab .layui-layer-title span{position:relative; float:left; min-width:80px; max-width:260px; padding:0 20px; text-align:center; cursor:default; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;}
+.layui-layer-tab .layui-layer-title span.layui-this{height: 43px; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #fff; z-index: 10;}
+.layui-layer-tab .layui-layer-title span:first-child{border-left:none;}
+.layui-layer-tabmain{line-height:24px; clear:both;}
+.layui-layer-tabmain .layui-layer-tabli{display:none;}
+.layui-layer-tabmain .layui-layer-tabli.layui-this{display: block;}
+
+/* photo模式 */
+.layui-layer-photos{-webkit-animation-duration: .8s; animation-duration: .8s;}
+.layui-layer-photos .layui-layer-content{overflow:hidden; text-align: center;}
+.layui-layer-photos .layui-layer-phimg img{position: relative; width:100%; display: inline-block; *display:inline; *zoom:1; vertical-align:top;}
+.layui-layer-imguide,.layui-layer-imgbar{display:none;}
+.layui-layer-imgprev, .layui-layer-imgnext{position:absolute; top:50%; width:27px; _width:44px; height:44px;  margin-top:-22px; outline:none;blr:expression(this.onFocus=this.blur());}
+.layui-layer-imgprev{left:10px; background-position:-5px -5px; _background-position:-70px -5px;}
+.layui-layer-imgprev:hover{background-position:-33px -5px; _background-position:-120px -5px;}
+.layui-layer-imgnext{right:10px; _right:8px; background-position:-5px -50px; _background-position:-70px -50px;}
+.layui-layer-imgnext:hover{background-position:-33px -50px; _background-position:-120px -50px;}
+.layui-layer-imgbar{position:absolute; left:0; bottom:0; width:100%; height:32px; line-height:32px; background-color:rgba(0,0,0,.8); background-color:#000\9; filter:Alpha(opacity=80); color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:0;}
+.layui-layer-imgtit{/*position:absolute; left:20px;*/}
+.layui-layer-imgtit *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
+.layui-layer-imgtit a{max-width:65%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff;}
+.layui-layer-imgtit a:hover{color:#fff; text-decoration:underline;}
+.layui-layer-imgtit em{padding-left:10px; font-style: normal;}
+
+/* 关闭动画 */
+@-webkit-keyframes layer-bounceOut {
+  100% {opacity: 0; -webkit-transform: scale(.7); transform: scale(.7)}
+  30% {-webkit-transform: scale(1.05); transform: scale(1.05)}
+  0% {-webkit-transform: scale(1); transform: scale(1);}
+}
+@keyframes layer-bounceOut {
+  100% {opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7);}
+  30% {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
+  0% {-webkit-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
+}
+.layer-anim-close{-webkit-animation-name: layer-bounceOut; animation-name: layer-bounceOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration:.2s; animation-duration:.2s;}
+
+@media screen and (max-width: 1100px) {
+  .layui-layer-iframe{overflow-y: auto; -webkit-overflow-scrolling: touch;}
+}
+
+

src/assets/homeStatic/layui/date.html

@@ -0,0 +1,94 @@
+
+
+
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>layDate 日期组件功能演示</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="css/layui.css" media="all">
+  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
+</head>
+<body>
+
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>日期时间</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">联动范围选择</div>
+          <div class="layui-card-body" pad15>
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">活动日期</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-start" placeholder="开始日期">
+                  </div>
+                  <div class="layui-form-mid">
+                    -
+                  </div>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-end" placeholder="结束日期">
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <script src="layui.js"></script>  
+  <script>
+  layui.config({
+    base: '../../../layuiadmin/' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'laydate'], function(){
+    var laydate = layui.laydate;
+    
+    //示例代码
+    
+    //开始日期
+    var insStart = laydate.render({
+      elem: '#test-laydate-start'
+      ,min: 0
+      ,done: function(value, date){
+        //更新结束日期的最小日期
+        insEnd.config.min = lay.extend({}, date, {
+          month: date.month - 1
+        });
+        
+        //自动弹出结束日期的选择器
+       insEnd.config.elem[0].focus();
+      }
+    });
+    
+    //结束日期
+    var insEnd = laydate.render({
+      elem: '#test-laydate-end'
+      ,min: 0
+      ,done: function(value, date){
+        //更新开始日期的最大日期
+        insStart.config.max = lay.extend({}, date, {
+          month: date.month - 1
+        });
+      }
+    });
+  });
+  </script>
+</body>
+</html>