根据青浦一张图调整loading页面和对应DMS数据

接入地名地址服务

config/config.js

@@ -22,8 +22,8 @@ var map23DConfig = {
         [90, -180],
         [-90, 180]
     ], //左上角  右下角，
-    //23D资源文件 
-    map23DAssetsUrl: 'http://localhost:10152', //+ 文件名
+    //23D资源文件
+    map23DAssetsUrl: 'http://10.235.245.174:2024', //+ 文件名
     //图层最大数量限制
     layerMaxLength: 10,
     //网络类型1：离线，2：在线
@@ -40,25 +40,28 @@ var map23DConfig = {
  */
 var onemapUrlConfig = {
     //域名
-    siteUrl: 'http://localhost:10152',
+    siteUrl: 'http://10.235.245.174:2024',
     //DMS
     DMS_URL: "/proxy_dms",
     OAUTH_URL: "/proxy_auth",
     columnConfig: {
         vector: {
-            id: 1410,
+            id: 1157,
         },
+        // 栅格数据
         raster: {
-            id: 1417,
+            id: 1226
+            // id: 1158,
         },
+        // 3dt
         model: {
-            id: 1416,
+            id: 1230,
         },
     },
     //图层配置
     customizeLayer: {
         // gr: "http://121.43.55.7:10011/proxy?servertype=World_Imagery&token=622067E9-93E5-D8EC-E677-85B58A63C0C7", // 2000
-        gr: "https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer", // 2000
+        gr: "http://10.235.245.174:10011/proxy?servertype=y01_air_newest&token=622067E9-93E5-D8EC-E677-85B58A63C0C7", // 2000
         gt: "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
         gm: "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer"
     },
@@ -69,7 +72,7 @@ var onemapUrlConfig = {
     // systemName: '大数据可视化平台',
     systemName: '地图数据可视化系统',
     //系统logo
-    systemLogoUrl: 'http://localhost:10152/images/layout/logo-offline.png',
+    systemLogoUrl: 'http://10.235.245.174:2024/images/layout/logo-offline.png',
     //版权
     systemCopy: '-',
 
@@ -77,11 +80,11 @@ var onemapUrlConfig = {
     defaultGlobalSettingData: {
         "baseMap2D": {
             "center": {
-                "lat": 39.9,
-                "lng": 116.37
+                "lat": 31.141618,
+                "lng": 121.126049
             },
             "type": 2,
-            "zoom": 4
+            "zoom": 12
         },
         "map2DThematicSetting": [],
         "map2DThematicCategory": [],
@@ -96,25 +99,25 @@ var onemapUrlConfig = {
                 "info": "",
                 "type": "qxData",
                 "name": "蟠龙天地建筑",
-                "url": "http://121.43.55.7:10011/proxy/tileset.json?servertype=ppl_jz&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
+                "url": "http://10.235.245.174:10011/proxy/tileset.json?servertype=ppl_jz&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
             }, {
                 "category": "倾斜摄影",
                 "info": "",
                 "type": "qxData",
                 "name": "蟠龙天地水系",
-                "url": "http://121.43.55.7:10011/proxy/tileset.json?servertype=ppl_sx&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
+                "url": "http://10.235.245.174:10011/proxy/tileset.json?servertype=ppl_sx&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
             }, {
                 "category": "倾斜摄影",
                 "info": "",
                 "type": "qxData",
                 "name": "蟠龙天地地面",
-                "url": "http://121.43.55.7:10011/proxy/tileset.json?servertype=ppl_dm&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
+                "url": "http://10.235.245.174:10011/proxy/tileset.json?servertype=ppl_dm&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
             }, {
                 "category": "倾斜摄影",
                 "info": "",
                 "type": "qxData",
                 "name": "蟠龙天地小品",
-                "url": "http://121.43.55.7:10011/proxy/tileset.json?servertype=ppl_xp&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
+                "url": "http://10.235.245.174:10011/proxy/tileset.json?servertype=ppl_xp&token=622067E9-93E5-D8EC-E677-85B58A63C0C7"
             }
         ],
         "importantGoalsCategory": [],

scripts/layout/user.js

@@ -7,6 +7,420 @@ define(['html!templates/user',
     'css!styles/tools/toolPublicPopup',
     'modDir/tools/toolDraw_new'
 ], function (tplLayout) {
+    /*****
+ * 地理帮助脚本
+ */
+    const coordinate = {
+        x_PI: (Math.PI * 3000.0) / 180.0,
+        PI: Math.PI,
+        ee: 0.00669342162296594323,
+        a: 6378245.0,
+        projs: {
+            '01': 'wgs84', //84坐标
+            '02': 'gcj02', //火星坐标
+            '03': 'bd09', //百度坐标
+            '04': 'utm4', //utm坐标
+            '05': 'shcj', //城建坐标
+            '06': 'meter', //米制单位
+            '07': 'degree' // 度制单位
+        },
+        epsg: {
+            //WGS 84 - WGS84 - World Geodetic System 1984, used in GPS
+            '4326': '+proj=longlat +datum=WGS84 +no_defs',
+            //WGS 84 / Pseudo-Mercator - Spherical Mercator, Google Maps, OpenStreetMap, Bing, ArcGIS, ESRI
+            '3857':
+                '+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext  +no_defs',
+            //CGCS2000 / 3-degree Gauss-Kruger zone 40
+            '4528':
+                '+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=40500000 +y_0=0 +ellps=GRS80 +units=m +no_defs'
+        },
+        bd09_to_gcj02: function (bd_lon, bd_lat) {
+            var x = bd_lon - 0.0065
+            var y = bd_lat - 0.006
+            var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * this.x_PI)
+            var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * this.x_PI)
+            var gg_lng = z * Math.cos(theta)
+            var gg_lat = z * Math.sin(theta)
+            return [gg_lng, gg_lat]
+        },
+
+        gcj02_to_bd09: function (lng, lat) {
+            var z =
+                Math.Sqrt(lng * lng + lat * lat) + 0.00002 * Math.Sin(lat * this.x_PI)
+            var theta = Math.Atan2(lat, lng) + 0.000003 * Math.Cos(lng * this.x_PI)
+            var bd_lng = z * Math.Cos(theta) + 0.0065
+            var bd_lat = z * Math.Sin(theta) + 0.006
+            return [bd_lng, bd_lat]
+        },
+
+        wgs84_to_gcj02: function (lng, lat) {
+            if (this.out_of_china(lng, lat)) {
+                [lng, lat]
+            } else {
+                var dlat = this.transformlat(lng - 105.0, lat - 35.0)
+                var dlng = this.transformlng(lng - 105.0, lat - 35.0)
+                var radlat = (lat / 180.0) * this.PI
+                var magic = Math.sin(radlat)
+                magic = 1 - this.ee * magic * magic
+                var sqrtmagic = Math.sqrt(magic)
+                dlat =
+                    (dlat * 180.0) /
+                    (((this.a * (1 - this.ee)) / (magic * sqrtmagic)) * this.PI)
+                dlng =
+                    (dlng * 180.0) / ((this.a / sqrtmagic) * Math.cos(radlat) * this.PI)
+                var mglat = parseFloat(lat) + parseFloat(dlat)
+                var mglng = parseFloat(lng) + parseFloat(dlng)
+                return [mglng, mglat]
+            }
+        },
+
+        gcj02_to_wgs84: function (lng, lat) {
+            if (this.out_of_china(lng, lat)) {
+                return [lng, lat]
+            } else {
+                var dlat = this.transformlat(lng - 105.0, lat - 35.0)
+                var dlng = this.transformlng(lng - 105.0, lat - 35.0)
+                var radlat = (lat / 180.0) * this.PI
+                var magic = Math.sin(radlat)
+                magic = 1 - this.ee * magic * magic
+                var sqrtmagic = Math.sqrt(magic)
+                dlat =
+                    (dlat * 180.0) /
+                    (((this.a * (1 - this.ee)) / (magic * sqrtmagic)) * this.PI)
+                dlng =
+                    (dlng * 180.0) / ((this.a / sqrtmagic) * Math.cos(radlat) * this.PI)
+                var mglat = lat + dlat
+                var mglng = lng + dlng
+                return [lng * 2 - mglng, lat * 2 - mglat]
+            }
+        },
+
+        out_of_china: function (lng, lat) {
+            // 纬度3.86~53.55,经度73.66~135.05
+            return !(lng > 73.66 && lng < 135.05 && lat > 3.86 && lat < 53.55)
+        },
+
+        transformlat: function (lng, lat) {
+            var ret =
+                -100.0 +
+                2.0 * lng +
+                3.0 * lat +
+                0.2 * lat * lat +
+                0.1 * lng * lat +
+                0.2 * Math.sqrt(Math.abs(lng))
+            ret +=
+                ((20.0 * Math.sin(6.0 * lng * this.PI) +
+                    20.0 * Math.sin(2.0 * lng * this.PI)) *
+                    2.0) /
+                3.0
+            ret +=
+                ((20.0 * Math.sin(lat * this.PI) +
+                    40.0 * Math.sin((lat / 3.0) * this.PI)) *
+                    2.0) /
+                3.0
+            ret +=
+                ((160.0 * Math.sin((lat / 12.0) * this.PI) +
+                    320 * Math.sin((lat * this.PI) / 30.0)) *
+                    2.0) /
+                3.0
+            return ret
+        },
+
+        transformlng: function (lng, lat) {
+            var ret =
+                300.0 +
+                lng +
+                2.0 * lat +
+                0.1 * lng * lng +
+                0.1 * lng * lat +
+                0.1 * Math.sqrt(Math.abs(lng))
+            ret +=
+                ((20.0 * Math.sin(6.0 * lng * this.PI) +
+                    20.0 * Math.sin(2.0 * lng * this.PI)) *
+                    2.0) /
+                3.0
+            ret +=
+                ((20.0 * Math.sin(lng * this.PI) +
+                    40.0 * Math.sin((lng / 3.0) * this.PI)) *
+                    2.0) /
+                3.0
+            ret +=
+                ((150.0 * Math.sin((lng / 12.0) * this.PI) +
+                    300.0 * Math.sin((lng / 30.0) * this.PI)) *
+                    2.0) /
+                3.0
+            return ret
+        },
+
+        /// <summary>
+        /// web墨卡托经纬度转米
+        /// </summary>
+        /// <param name="lng"></param>
+        /// <param name="lat"></param>
+        /// <returns></returns>
+        degree_to_meter: function (lng, lat) {
+            var x = (lng * 20037508.34) / 180
+            var y = Math.log(Math.tan(((90 + lat) * this.PI) / 360)) / (this.PI / 180)
+            y = (y * 20037508.34) / 180
+            return [x, y]
+        },
+
+        //Web墨卡托转经纬度
+        meter_to_degree: function (x, y) {
+            var lon = (x / 20037508.34) * 180
+            var lat = (y / 20037508.34) * 180
+            lat =
+                (180 / this.PI) *
+                (2 * Math.atan(Math.exp((lat * this.PI) / 180)) - this.PI / 2)
+
+            return [lon, lat]
+        },
+        /**
+         * @description wgs84坐标转上海城建
+         * @time 2020-09-02
+         * @author zhb
+         * @param {*} x
+         * @param {*} y
+         */
+        wgs84_to_shcj: function (x, y) {
+            let xy = []
+            xy = this.shcj_get_UTM_from_WGS(x, y)
+            return this.utm_to_shcj4(xy[0], xy[1])
+        },
+
+        utm_to_shcj4(x, y) {
+            let DX, DY, T, K
+            DX = -500199.29965
+            DY = -3457078.805985
+            T = 0.0000001755
+            K = 1.0004000106
+            return this.covert_by_four_parm(x, y, DX, DY, T, K)
+        },
+
+        shcj_get_UTM_from_WGS: function (lon, lat) {
+            let a = 6378137
+            let b = 6356752.3142451
+            let f = (a - b) / a
+
+            let eSquare = 2 * f - f * f
+            let k0 = 0.9996
+            let lonOrigin = 121.46714714
+            let FN = 0
+            // # 确保longtitude位于-180.00----179.9之间
+            let lonTemp = lon + 180 - Math.floor((lon + 180) / 360) * 360 - 180
+            let latRad = (lat * this.PI) / 180
+            let lonRad = (lonTemp * this.PI) / 180
+            let lonOriginRad = (lonOrigin * this.PI) / 180
+            let e2Square = eSquare / (1 - eSquare)
+
+            let V = a / Math.sqrt(1 - eSquare * Math.pow(Math.sin(latRad), 2))
+            let T = Math.pow(Math.tan(latRad), 2)
+            let C = e2Square * Math.pow(Math.cos(latRad), 2)
+            let A = Math.cos(latRad) * (lonRad - lonOriginRad)
+            let M =
+                a *
+                ((1 -
+                    eSquare / 4 -
+                    (3 * Math.pow(eSquare, 2)) / 64 -
+                    (5 * Math.pow(eSquare, 3)) / 256) *
+                    latRad -
+                    ((3 * eSquare) / 8 +
+                        (3 * Math.pow(eSquare, 2)) / 32 +
+                        (45 * Math.pow(eSquare, 3)) / 1024) *
+                    Math.sin(2 * latRad) +
+                    ((15 * Math.pow(eSquare, 2)) / 256 +
+                        (45 * Math.pow(eSquare, 3)) / 1024) *
+                    Math.sin(4 * latRad) -
+                    ((35 * Math.pow(eSquare, 3)) / 3072) * Math.sin(6 * latRad))
+
+            // # x
+            let UTMEasting =
+                k0 *
+                V *
+                (A +
+                    ((1 - T + C) * Math.pow(A, 3)) / 6 +
+                    ((5 - 18 * T + Math.pow(T, 2) + 72 * C - 58 * e2Square) *
+                        Math.pow(A, 5)) /
+                    120) +
+                500000.0
+            //  # y
+            let UTMNorthing =
+                k0 *
+                (M +
+                    V *
+                    Math.tan(latRad) *
+                    (Math.pow(A, 2) / 2 +
+                        ((5 - T + 9 * C + 4 * Math.pow(C, 2)) * Math.pow(A, 4)) / 24 +
+                        ((61 - 58 * T + Math.pow(T, 2) + 600 * C - 330 * e2Square) *
+                            Math.pow(A, 6)) /
+                        720))
+            //# 南半球纬度起点为10000000.0m
+
+            UTMNorthing += FN
+            let xy = []
+            xy[0] = UTMEasting
+            xy[1] = UTMNorthing
+            return xy
+        },
+
+        /**
+         * @description 上海城建坐标转wgs84
+         * @time 2020-09-02
+         * @author zhb
+         * @param {*} x
+         * @param {*} y
+         */
+        shcj_to_wgs84: function (x, y) {
+            let xy = []
+            xy = this.shcj_to_utm4(x, y)
+            return this.shcj_get_WGS_from_UTM(xy[0], xy[1])
+        },
+
+        shcj_to_utm4: function (x, y) {
+            let DX, DY, T, K
+            DX = 499999.90104
+            DY = 3455696.403019
+            T = -0.0000001755
+            K = 0.999600149344
+            return this.covert_by_four_parm(x, y, DX, DY, T, K)
+        },
+
+        //四参数公式
+        covert_by_four_parm: function (x, y, dx, dy, a, k) {
+            let px = 0
+            let py = 0
+            px = x * k * Math.cos(a) - y * k * Math.sin(a) + dx
+            py = x * k * Math.sin(a) + y * k * Math.cos(a) + dy
+            let xy = []
+            xy[0] = px
+            xy[1] = py
+            return xy
+        },
+        shcj_get_WGS_from_UTM: function (x, y) {
+            //WGS84
+
+            let a = 6378137 //椭球体长半轴
+            let b = 6356752.3142451 //椭球体短半轴
+            //	        double a = 6378245 ;
+            //	        double b =6356863.018773047300000000;
+            x = 500000 - x
+            let k0 = 0.9996
+            let e = Math.sqrt(1 - Math.pow(b, 2) / Math.pow(a, 2))
+            // # calculate the meridional arc
+            let M = y / k0
+            //# calculate footprint latitude
+            let mu =
+                M /
+                (a *
+                    (1 -
+                        Math.pow(e, 2) / 4 -
+                        (3 * Math.pow(e, 4)) / 64 -
+                        (5 * Math.pow(e, 6)) / 256))
+            let e1 =
+                (1 - Math.pow(1 - Math.pow(e, 2), 1.0 / 2)) /
+                (1 + Math.pow(1 - Math.pow(e, 2), 1.0 / 2))
+
+            let J1 = (3 * e1) / 2 - (27 * Math.pow(e1, 3)) / 32
+            let J2 = (21 * Math.pow(e1, 2)) / 16 - (55 * Math.pow(e1, 4)) / 32
+            let J3 = (151 * Math.pow(e1, 3)) / 96
+            let J4 = (1097 * Math.pow(e1, 4)) / 512
+            let fp =
+                mu +
+                J1 * Math.sin(2 * mu) +
+                J2 * Math.sin(4 * mu) +
+                J3 * Math.sin(6 * mu) +
+                J4 * Math.sin(8 * mu)
+
+            // # Calculate Latitude and Longitude
+
+            let e2 = Math.pow(e, 2) / (1 - Math.pow(e, 2))
+            let C1 = e2 * Math.pow(Math.cos(fp), 2)
+            let T1 = Math.pow(Math.tan(fp), 2)
+            let R1 =
+                (a * (1 - Math.pow(e, 2))) /
+                Math.pow(1 - Math.pow(e * Math.sin(fp), 2), 3.0 / 2)
+            //# This is the same as rho in the forward conversion formulas above, but calculated for fp instead of lat.
+            let N1 = a / Math.pow(1 - Math.pow(e * Math.sin(fp), 2), 1.0 / 2)
+            //# This is the same as nu in the forward conversion formulas above, but calculated for fp instead of lat.
+            let D = x / (N1 * k0)
+
+            let Q1 = (N1 * Math.tan(fp)) / R1
+            let Q2 = Math.pow(D, 2) / 2
+            let Q3 =
+                ((5 + 3 * T1 + 10 * C1 - 4 * Math.pow(C1, 2) - 9 * e2) * Math.pow(D, 4)) /
+                24
+            let Q4 =
+                ((61 +
+                    90 * T1 +
+                    298 * C1 +
+                    45 * Math.pow(T1, 2) -
+                    3 * Math.pow(C1, 2) -
+                    252 * e2) *
+                    Math.pow(D, 6)) /
+                720
+            let lat = ((fp - Q1 * (Q2 - Q3 + Q4)) * 180) / this.PI
+            // System.out.println("lat===="+Math.toRadians(fp - Q1*(Q2 - Q3 + Q4)));
+            let Q5 = D
+            let Q6 = ((1 + 2 * T1 + C1) * Math.pow(D, 3)) / 6
+            let Q7 =
+                ((5 -
+                    2 * C1 +
+                    28 * T1 -
+                    3 * Math.pow(C1, 2) +
+                    8 * e2 +
+                    24 * Math.pow(T1, 2)) *
+                    Math.pow(D, 5)) /
+                120
+            let lonmid = 121.46714714
+            let lon = lonmid - (((Q5 - Q6 + Q7) / Math.cos(fp)) * 180) / this.PI
+            //System.out.println("lon===="+(mMid - Math.toRadians((Q5 - Q6 + Q7)/Math.cos(fp))));
+            // System.out.println(lat+","+lon);
+            let xy = []
+            xy[0] = lon
+            xy[1] = lat
+            return xy
+        },
+
+        wgs84_to_bd09: function (x, y) {
+            let ll = this.wgs84_to_gcj02(x, y)
+            ll = this.gcj02_to_bd09(ll[0], ll[1])
+            return ll
+        },
+        bd09_to_wgs84: function (x, y) {
+            let ll = this.bd09_to_gcj02(x, y)
+            ll = this.gcj02_to_wgs84(ll[0], ll[1])
+            return ll
+        },
+        gcj02_to_shcj: function (x, y) {
+            let ll = this.gcj02_to_wgs84(x, y)
+            ll = this.wgs84_to_shcj(ll[0], ll[1])
+            return ll
+        },
+        shcj_to_gcj02: function (x, y) {
+            let ll = this.shcj_to_wgs84(x, y)
+            ll = this.wgs84_to_gcj02(ll[0], ll[1])
+            return ll
+        },
+        /**
+         * @description 坐标转换转换 01:84,02:高德，03.百度，04，UTM，05，上海城建,06:米制单位
+         * @param {} from
+         * @param {*} to
+         * @param {*} xy
+         * @time 2020-09-02
+         * @author zhb
+         */
+        convert_proj_from_to: function (from, to, xy) {
+            if (from === to) {
+                return xy
+            } else {
+                let fromProj = this.projs[from]
+                let toProj = this.projs[to]
+                let targetMethod = `${fromProj}_to_${toProj}`
+                return this[targetMethod](xy[0], xy[1])
+            }
+        }
+    }
+
     var status = {
         userContentShow: false,
         netType: null,
@@ -20,6 +434,30 @@ define(['html!templates/user',
     };
 
     function setLayout() {
+        // 获取地名地址token - 刘梦祥
+        getAddrApiToken();
+        // 渲染地名地址搜索框 - 刘梦祥
+        setTimeout(function () {
+            $("#addressSearch").show();
+            showResultListBox(false, [], false);
+            // 地名地址搜索框内容监听
+            $("#addressSearch").on("change", function () {
+                let searchValue = "";
+                searchValue = $("#addressSearch").val();
+                if (searchValue != "") {
+                    searchValueFun();
+                } else {
+                    // 收起建议栏
+                    showResultListBox(false, [], false);
+                }
+            });
+
+            //监听地名地址搜索结果View Close按钮 
+            $(".closeDiv").off("click").on("click", function () {
+                showResultListBox(false, [], false);
+            })
+        }, 500);
+
         // $(tplLayout).appendTo($("#wrapper"));
         $(tplLayout).appendTo($("#userInfo"));
         //$('#userContent .userLink .cover-content').html(ONEMAP.D.user.name);
@@ -55,6 +493,126 @@ define(['html!templates/user',
         }
     };
 
+    // 获取地名地址token信息，并保存到LocalStorage中 - 刘梦祥
+    function getAddrApiToken() {
+        try {
+            $.ajax({
+                url: onemapUrlConfig.DMS_URL + '/dms/content/selectContentList',
+                type: 'POST',
+                headers: {
+                    token: localStorage.getItem("systemToken")
+                },
+                dataType: "json",
+                data: {
+                    columnId: 1229,
+                    states: 0,
+                    pageSize: 10,
+                    page: 0
+                },
+            })
+                .done(function (res) {
+                    if (res.content && res.content.data && res.content.data[0].c_content) {
+                        localStorage.setItem("Accesstoken", res.content.data[0].c_content);
+                    } else {
+                        ONEMAP.C.publisher.publish({
+                            type: 'warning',
+                            message: "用户尚未登录！"
+                        }, 'noteBar::add');
+                    }
+                }).fail(function (error) {
+                    ONEMAP.C.publisher.publish({
+                        type: 'warning',
+                        message: error
+                    }, 'noteBar::add');
+                    console.error("getAddrApiToken", error);
+                });
+        } catch (error) {
+            console.error("getAddrApiToken catch", error);
+        }
+    }
+    // 地名地址搜索功能 - 刘梦祥
+    function searchValueFun() {
+        // 根据搜索条件进行搜索匹配
+        try {
+            let searchValue = $("#addressSearch").val();
+            let params = {
+                addr: searchValue,
+                page: 1,
+                limit: 10,
+                projectId: [],
+                addressType: [],
+                fuzzy: true
+            };
+            if (localStorage.getItem("addrSearchTag") == 1) {
+                params.fuzzy = true;
+            } else {
+                params.fuzzy = false;
+            }
+            // 开始搜索
+            $.ajax({
+                url: "http://10.235.245.226:7010/AddressCoreService/addrMatch/addrApi/searchAddrForGeo",
+                type: 'POST',
+                headers: {
+                    "Accesstoken": localStorage.getItem("Accesstoken")
+                },
+                data: params,
+            })
+                .done(function (res) {
+                    if (res.data.features.length > 0) {
+                        let resultDataList = res.data.features;
+                        showResultListBox(true, resultDataList, params.fuzzy);
+                    } else {
+                        ONEMAP.C.publisher.publish({
+                            type: 'warning',
+                            message: "关键词未搜索到结果！"
+                        }, 'noteBar::add');
+                        showResultListBox(false, [], false);
+                    }
+                }).fail(function (error) {
+                    console.error("searchValueFun", error);
+                    showResultListBox(false, [], false);
+                });
+        } catch (error) {
+            console.error("searchValueFun catch", error);
+            showResultListBox(false, [], false);
+        }
+    }
+
+    // 定位到指定的坐标
+    ONEMAP.C.publisher.subscribe(function (data) {
+        let localAddr = coordinate.shcj_to_wgs84(data.x, data.y);
+        map23DControl.setView({
+            center: {
+                lat: localAddr[1],
+                lng: localAddr[0]
+            },
+            zoom: 18
+        })
+    }, 'orientationToMap');
+
+    // 根据条件渲染地名地址结果View  - 刘梦祥 fuzzy:如果返回的结果是精准查找的话，点击Item后要有单独的处理事件并隐藏View
+    function showResultListBox(status, resultList, fuzzy) {
+        if ($(".resultItem")) {
+            $(".resultItem").remove();
+        }
+        if (resultList.length > 0) {
+            for (let i = 0; i < resultList.length; i++) {
+                if (fuzzy) {
+                    $(`<div class="resultItem orientation" onclick="orientation('` + resultList[i].properties.x + `','` + resultList[i].properties.y + `')">` + (i + 1) + " : " + resultList[i].properties.addr + `</div>`).appendTo($("#resultListBox"));
+                } else {
+                    $(`<div class="resultItem" onclick="searchAddrTure('` + resultList[i].properties.addr + `')">` + (i + 1) + " : " + resultList[i].properties.addr + `</div>`).appendTo($("#resultListBox"));
+                }
+            }
+        }
+
+        if (status) {
+            $("#resultListBox").show();
+        } else {
+            localStorage.setItem("addrSearchTag", 0);
+            $("#resultListBox").hide();
+        }
+    }
+
     function fullMap(option) {
         if (option) {
             $("#userContent").fadeOut('slow')

scripts/vendor/map23dlib/Gauss.js

@@ -1,174 +1,172 @@
 var GaussUtil = (function () {
-// 保存 Math 函数名和属性
-var pow = Math.pow,
-    sqrt = Math.sqrt,
-    sin = Math.sin,
-    cos = Math.cos,
-    tan = Math.tan,
-    abs = Math.abs,
-    floor = Math.floor, 
-    ceil = Math.ceil,
-    pi = Math.PI; 
-// 国家2000坐标系椭球
-var a = 6378137,
-    f = 298.257222101,
-    //b = 6356752.3142,
-    b = a-a/f;
+    // 保存 Math 函数名和属性
+    var pow = Math.pow,
+        sqrt = Math.sqrt,
+        sin = Math.sin,
+        cos = Math.cos,
+        tan = Math.tan,
+        abs = Math.abs,
+        floor = Math.floor,
+        ceil = Math.ceil,
+        pi = Math.PI;
+    // 国家2000坐标系椭球
+    var a = 6378137,
+        f = 298.257222101,
+        //b = 6356752.3142,
+        b = a - a / f;
     //f = a / (a - b),
     // 第一偏心率
     e = (2 * f - 1) / pow(f, 2),
-    e2 = pow(e, 2),
-    e3 = pow(e, 3),
-    e4 = pow(e, 4),
-    e5 = pow(e, 5),
-    // 第二偏心率
-    e_2 = e / (1 - e);
-// 计算子午线弧长公式的系数
-var cA = 1 + 3 * e / 4 + 45 * e2 / 64 + 175 * e3 / 256 + 11025 * e4 / 16384,
-    cB = 3 * e / 4 + 15 * e2 / 16 + 525 * e3 / 512 + 2205 * e4 / 2048,
-    cC = 15 * e2 / 64 + 105 * e3 / 256 + 2205 * e4 / 4096,
-    cD = 35 * e3 / 512 + 315 * e4 / 2048,
-    cE = 315 * e4 / 16384;
-// 和带号处理相关的参数
-var zoneMask = 1000000;
-var offsetValue = 500000;
+        e2 = pow(e, 2),
+        e3 = pow(e, 3),
+        e4 = pow(e, 4),
+        e5 = pow(e, 5),
+        // 第二偏心率
+        e_2 = e / (1 - e);
+    // 计算子午线弧长公式的系数
+    var cA = 1 + 3 * e / 4 + 45 * e2 / 64 + 175 * e3 / 256 + 11025 * e4 / 16384,
+        cB = 3 * e / 4 + 15 * e2 / 16 + 525 * e3 / 512 + 2205 * e4 / 2048,
+        cC = 15 * e2 / 64 + 105 * e3 / 256 + 2205 * e4 / 4096,
+        cD = 35 * e3 / 512 + 315 * e4 / 2048,
+        cE = 315 * e4 / 16384;
+    // 和带号处理相关的参数
+    var zoneMask = 1000000;
+    var offsetValue = 500000;
 
-// 根据高斯平面坐标计算经纬度坐标
-// 注意：这里的 x, y 坐标是测量坐标系下的纵轴和横轴坐标，与
-// 通常意义上的平面坐标有区别。
-// @x 纵轴坐标，如  3215242.42
-// @y 横轴坐标，如 38540123.52
-// @return <object>: { lat: <number>, lon: <number> }
-function calcLatLonFromGauss(x, y,zoneType) {
-    var zoneNum = floor(y / zoneMask);
-    var L0 = calcCentralMeridian(zoneNum,zoneType);
-    if (!L0) {
-        return null;
-    }
-    // 整理横轴坐标：去带号，去偏移量
-    y = y % zoneMask - offsetValue;
-    // 计算底点 F 的纬度 Bf，这是计算最终结果非常重要的参数
-    var Bf = calcBf(x, y);
-    // 计算最终结果时需要的参数，保存会多次使用的值
-    var cosBf = cos(Bf),
-        cosBf2 = pow(cosBf, 2),
-        tanBf = tan(Bf),
-        tanBf2 = pow(tanBf, 2),
-        tanBf4 = pow(tanBf, 4),
-        Nf = a / sqrt(1 - e * pow(sin(Bf), 2)),
-        y_Nf = y / Nf,
-        V2 = 1 + e_2 * cosBf2, // tf/Mf
-        nf2 = e_2 * cosBf2;
-    // 非常复杂的计算方法，尽量不要改动
-    // 计算公式可参考：《大地坐标系统及其应用》p188下（8-90）
-    var B = Bf - V2 * tanBf / 2 * (pow(y_Nf, 2) - (5 + 3 * tanBf2 + nf2 - 9 * nf2 * tanBf2) * pow(y_Nf, 4) / 12 + (61 + 90 * tanBf2 + 45 * tanBf4) * pow(y_Nf, 6) / 360);
-    var l = (y_Nf - (1 + 2 * tanBf2 + nf2) *  pow(y_Nf, 3) / 6 + (5 + 28 * tanBf2 + 24 * tanBf4 + 6 * nf2 + 8 * nf2 * tanBf2) * pow(y_Nf, 5) / 120) / cosBf;
-    B = B * 180 / pi;
-    l = l * 180 / pi;
-    return {
-        lon: l + L0,
-        lat: B,
-        longitude: l + L0,
-        latitude: B
-    };
-}
-
-function calcGaussFromLatLon(B, L, zoneType)
-{
-    zoneType = zoneType || 6;
-    var zoneNum = calcZoneNum(L, zoneType);
-    if (!zoneNum) {
-        return null;
+    // 根据高斯平面坐标计算经纬度坐标
+    // 注意：这里的 x, y 坐标是测量坐标系下的纵轴和横轴坐标，与
+    // 通常意义上的平面坐标有区别。
+    // @x 纵轴坐标，如  3215242.42
+    // @y 横轴坐标，如 38540123.52
+    // @return <object>: { lat: <number>, lon: <number> }
+    function calcLatLonFromGauss(x, y, zoneType) {
+        var zoneNum = floor(y / zoneMask);
+        var L0 = calcCentralMeridian(zoneNum, zoneType);
+        if (!L0) {
+            return null;
+        }
+        // 整理横轴坐标：去带号，去偏移量
+        y = y % zoneMask - offsetValue;
+        // 计算底点 F 的纬度 Bf，这是计算最终结果非常重要的参数
+        var Bf = calcBf(x, y);
+        // 计算最终结果时需要的参数，保存会多次使用的值
+        var cosBf = cos(Bf),
+            cosBf2 = pow(cosBf, 2),
+            tanBf = tan(Bf),
+            tanBf2 = pow(tanBf, 2),
+            tanBf4 = pow(tanBf, 4),
+            Nf = a / sqrt(1 - e * pow(sin(Bf), 2)),
+            y_Nf = y / Nf,
+            V2 = 1 + e_2 * cosBf2, // tf/Mf
+            nf2 = e_2 * cosBf2;
+        // 非常复杂的计算方法，尽量不要改动
+        // 计算公式可参考：《大地坐标系统及其应用》p188下（8-90）
+        var B = Bf - V2 * tanBf / 2 * (pow(y_Nf, 2) - (5 + 3 * tanBf2 + nf2 - 9 * nf2 * tanBf2) * pow(y_Nf, 4) / 12 + (61 + 90 * tanBf2 + 45 * tanBf4) * pow(y_Nf, 6) / 360);
+        var l = (y_Nf - (1 + 2 * tanBf2 + nf2) * pow(y_Nf, 3) / 6 + (5 + 28 * tanBf2 + 24 * tanBf4 + 6 * nf2 + 8 * nf2 * tanBf2) * pow(y_Nf, 5) / 120) / cosBf;
+        B = B * 180 / pi;
+        l = l * 180 / pi;
+        return {
+            lon: l + L0,
+            lat: B,
+            longitude: l + L0,
+            latitude: B
+        };
     }
-    L -= zoneNum * zoneType - (zoneType == 6 ? 3 : 0);
-
-    // 角度转换弧度
-    var rB = B * pi / 180,
-        tB = tan(rB),
-        tB2 = pow(tB, 2),
-        X = cos(rB) * L * pi / 180,
-        N = a / sqrt(1 - e * sin(rB) * sin(rB)),
-        it2 = e_2 * pow(cos(rB), 2);
-    var x = X * X / 2 + (5 - tB2 + 9 * it2 + 4 * it2 * it2) * pow(X, 4) / 24 + (61 - 58 * tB2 + pow(tB, 4)) * pow(X, 6) / 720;
-    x = calcMeridianLength(B) + N * tB * x;
-    var y = N * (X +  (1 - tB2 + it2) * pow(X, 3) / 6 + (5 - 18 * tB2 + pow(tB, 4) + 14 * it2 - 58 * tB2 * it2) * pow(X, 5) / 120);
-    // 横轴坐标换算为常见格式：平移，加带号
-    y += offsetValue;
-    return {
-        x: x,
-        y: y,
-        zoneNum:zoneNum,
-        e: y, // 东坐标
-        n: x  // 北坐标
-    };
-}
-// 根据纬度计算子午线弧长
-function calcMeridianLength(B)
-{
-    // 将度转化为弧度
-    var rB = B * pi / 180;
-    return a * (1 - e) * 
-        (cA * rB - 
-         cB * sin(2 * rB) / 2 + 
-         cC * sin(4 * rB) / 4 - 
-         cD * sin(6 * rB) / 6 + 
-         cE * sin(8 * rB) / 8);
-}
 
-// 根据带号和分带类型计算中央子午线经度
-// @zoneNum 带号
-// @type 分带类型，3/6，可选，未提供时根据中国范围带号合理推测
-function calcCentralMeridian(zoneNum, zoneType) {
-    zoneType = zoneType || calcZoneType(zoneNum);
-    // 中国范围内带号，6度分带：13-21,3度分带：23-45
-    if (zoneNum >= 0 && zoneNum <= 120 && (zoneType === 3 || zoneType === 6)) {
-        return zoneType === 3 ? 3 * zoneNum : 6 * zoneNum - 3;
-    } else {
-        return null;
-    }
-}
+    function calcGaussFromLatLon(B, L, zoneType) {
+        zoneType = zoneType || 6;
+        var zoneNum = calcZoneNum(L, zoneType);
+        if (!zoneNum) {
+            return null;
+        }
+        L -= zoneNum * zoneType - (zoneType == 6 ? 3 : 0);
 
-// 根据中国范围内合理的 3度和 6度带号，推测分带类型
-function calcZoneType(zoneNum) {
-    if (zoneNum <= 23) {
-        return 6;
+        // 角度转换弧度
+        var rB = B * pi / 180,
+            tB = tan(rB),
+            tB2 = pow(tB, 2),
+            X = cos(rB) * L * pi / 180,
+            N = a / sqrt(1 - e * sin(rB) * sin(rB)),
+            it2 = e_2 * pow(cos(rB), 2);
+        var x = X * X / 2 + (5 - tB2 + 9 * it2 + 4 * it2 * it2) * pow(X, 4) / 24 + (61 - 58 * tB2 + pow(tB, 4)) * pow(X, 6) / 720;
+        x = calcMeridianLength(B) + N * tB * x;
+        var y = N * (X + (1 - tB2 + it2) * pow(X, 3) / 6 + (5 - 18 * tB2 + pow(tB, 4) + 14 * it2 - 58 * tB2 * it2) * pow(X, 5) / 120);
+        // 横轴坐标换算为常见格式：平移，加带号
+        y += offsetValue;
+        return {
+            x: x,
+            y: y,
+            zoneNum: zoneNum,
+            e: y, // 东坐标
+            n: x  // 北坐标
+        };
     }
-    if (zoneNum >= 25) {
-        return 3;
+    // 根据纬度计算子午线弧长
+    function calcMeridianLength(B) {
+        // 将度转化为弧度
+        var rB = B * pi / 180;
+        return a * (1 - e) *
+            (cA * rB -
+                cB * sin(2 * rB) / 2 +
+                cC * sin(4 * rB) / 4 -
+                cD * sin(6 * rB) / 6 +
+                cE * sin(8 * rB) / 8);
     }
-    return null;
-}
 
-// 根据经度值、分带类型计算带号
-function calcZoneNum(lon, zoneType) {
-    if(lon<=1.5 && zoneType ==3){
-        lon = 360+lon
-    }else if(lon<0){
-        lon = 360+lon
+    // 根据带号和分带类型计算中央子午线经度
+    // @zoneNum 带号
+    // @type 分带类型，3/6，可选，未提供时根据中国范围带号合理推测
+    function calcCentralMeridian(zoneNum, zoneType) {
+        zoneType = zoneType || calcZoneType(zoneNum);
+        // 中国范围内带号，6度分带：13-21,3度分带：23-45
+        if (zoneNum >= 0 && zoneNum <= 120 && (zoneType === 3 || zoneType === 6)) {
+            return zoneType === 3 ? 3 * zoneNum : 6 * zoneNum - 3;
+        } else {
+            return null;
+        }
     }
-    if (lon >= 0 && lon <= 361.5 && zoneType && (zoneType === 3 || zoneType === 6)) {
-        return zoneType === 3 ? floor((lon + 1.5) / 3) : ceil(lon / 6);
-    } else {
+
+    // 根据中国范围内合理的 3度和 6度带号，推测分带类型
+    function calcZoneType(zoneNum) {
+        if (zoneNum <= 23) {
+            return 6;
+        }
+        if (zoneNum >= 25) {
+            return 3;
+        }
         return null;
     }
-}
 
-// 计算底点纬度 Bf
-function calcBf(x, y) {
-    var LIMIT_VALUE = 0.00000000001;
-    var lastBf, Bf = x / (a * (1 - e) * cA);
-    do {
-        lastBf = Bf;
-        Bf = (x + a * (1 - e) * (cB * sin(2 * Bf) / 2 - cC * sin(4 * Bf) / 4 + cD * sin(6 * Bf) / 6) - cE * sin(8 * Bf) / 8) / (a * (1 - e) * cA);
+    // 根据经度值、分带类型计算带号
+    function calcZoneNum(lon, zoneType) {
+        if (lon <= 1.5 && zoneType == 3) {
+            lon = 360 + lon
+        } else if (lon < 0) {
+            lon = 360 + lon
+        }
+        if (lon >= 0 && lon <= 361.5 && zoneType && (zoneType === 3 || zoneType === 6)) {
+            return zoneType === 3 ? floor((lon + 1.5) / 3) : ceil(lon / 6);
+        } else {
+            return null;
+        }
     }
-    while (abs(lastBf - Bf) > LIMIT_VALUE);
-    return Bf;
-}
 
-// API
-return {
-    toLatLon: calcLatLonFromGauss,
-    fromLatLon: calcGaussFromLatLon,
-    calcZoneNum:calcZoneNum
-};
+    // 计算底点纬度 Bf
+    function calcBf(x, y) {
+        var LIMIT_VALUE = 0.00000000001;
+        var lastBf, Bf = x / (a * (1 - e) * cA);
+        do {
+            lastBf = Bf;
+            Bf = (x + a * (1 - e) * (cB * sin(2 * Bf) / 2 - cC * sin(4 * Bf) / 4 + cD * sin(6 * Bf) / 6) - cE * sin(8 * Bf) / 8) / (a * (1 - e) * cA);
+        }
+        while (abs(lastBf - Bf) > LIMIT_VALUE);
+        return Bf;
+    }
+
+    // API
+    return {
+        toLatLon: calcLatLonFromGauss,
+        fromLatLon: calcGaussFromLatLon,
+        calcZoneNum: calcZoneNum
+    };
 }());

scripts/vendor/map23dlib/leaflet.mapshot.css

@@ -1,172 +1,168 @@
 /*S leaflet-bar leaflet-control-mapshot*/
 
 #mapShotDownload {
-    background:url(/images/layout/bg-000-50.png);
-    width:100%;
-    height:100%;
-    position:fixed;
-    _position:absolute;
-    left:0px;
-    top:0px;
-    right:0px;
-    bottom:0px;
-    z-index:100499999999999999999;
-    display:none;
-    color: #FFF;
+  background: url(/images/layout/bg-000-50.png);
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  _position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 100499999999999999999;
+  display: none;
+  color: #fff;
 }
 
 #mapShotDownload p {
-    position: absolute;
-    top: 40%;
-    left: 50%;
-    margin-left:-190px;
-    text-align: center;
-    font-size: 18px;
-    width: 380px;
-    padding: 15px;
-    color: #FFF;
-    background: url(/images/layout/bg110.png) no-repeat center center;
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  margin-left: -190px;
+  text-align: center;
+  font-size: 18px;
+  width: 380px;
+  padding: 15px;
+  color: #fff;
+  background: url(/images/layout/bg110.png) no-repeat center center;
 }
 
-#mapShotDownload p a{
-    color:#00eaff;
+#mapShotDownload p a {
+  color: #00eaff;
 }
 #continueMapShot {
-    display: inline-block;
-    width: 100px;
-    height: 30px;
-    line-height: 30px;
-    color: #FFF;
-    cursor: pointer;
-    margin-top: 10px;
+  display: inline-block;
+  width: 100px;
+  height: 30px;
+  line-height: 30px;
+  color: #fff;
+  cursor: pointer;
+  margin-top: 10px;
 }
 
-
 #mapHolder .leaflet-mapshot-info {
-    position: absolute;
-    left: -292px;
-    top: 430px;
-    width: 220px;
-    background: rgba(45, 53, 68, 0.8);
-    padding: 5px 10px;
-    display: none;
-    border: 0px;
-    color: #FFF;
+  position: absolute;
+  left: -292px;
+  top: 430px;
+  width: 220px;
+  background: rgba(64, 158, 255, 0.8);
+  padding: 5px 10px;
+  display: none;
+  border: 0px;
+  color: #fff;
 }
 
 #mapHolder .leaflet-control-mapshot {
-    width: 0px;
-    height: 0px;
-    border: none;
-    color: #FFF;
+  width: 0px;
+  height: 0px;
+  border: none;
+  color: #fff;
 }
 #mapHolder .leaflet-bar .leaflet-mapshot-link {
-    display: none;
-    color: #FFF;
+  display: none;
+  color: #fff;
 }
 .leaflet-control-mapshot,
 .leaflet-control-mapshot:hover {
-    width:68px;
-    height:26px;
-    background:#FFF;
-    border:1px solid #000;
+  width: 68px;
+  height: 26px;
+  background: #fff;
+  border: 1px solid #000;
 }
 .leaflet-bar .leaflet-mapshot-link,
 .leaflet-bar .leaflet-mapshot-link:hover {
-    width:68px;
-    height:26px;
-    text-align:center;
-    text-decoration:none;
-    color:black;
-    display:block;
-    background:#FFF;
-    font-size:20px;
-    line-height:20px;
-    position:relative;
-    cursor:pointer;
-    border:none;
+  width: 68px;
+  height: 26px;
+  text-align: center;
+  text-decoration: none;
+  color: black;
+  display: block;
+  background: #fff;
+  font-size: 20px;
+  line-height: 20px;
+  position: relative;
+  cursor: pointer;
+  border: none;
 }
 
 .leaflet-control-mapshot span {
-    display:block;
-    width:68px;
-    height:26px;
-    line-height:26px;
-    overflow:hidden;
-    position:absolute;
-    left:0px;
-    top:0px;
-    font-size:12px;
-    text-align:center;
+  display: block;
+  width: 68px;
+  height: 26px;
+  line-height: 26px;
+  overflow: hidden;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  font-size: 12px;
+  text-align: center;
 }
 
 .leaflet-bar .leaflet-mapshot-link:hover span {
-    background: #EBEBEB url(images/control-mainlayers-sprite.png) no-repeat -3px -71px;
+  background: #ebebeb url(images/control-mainlayers-sprite.png) no-repeat -3px -71px;
 }
 
 .leaflet-control-mapshot.active .leaflet-mapshot-link span {
-    background: #FFFFFF url(images/control-mainlayers-sprite.png) no-repeat -3px -44px;
+  background: #ffffff url(images/control-mainlayers-sprite.png) no-repeat -3px -44px;
 }
 
 .leaflet-control-mapshot.active .leaflet-mapshot-link:hover span {
-    background-color:#F9F9F9;
+  background-color: #f9f9f9;
 }
 
-
-
 .leaflet-mapshot-info {
-    position: absolute;
-    left:-244px;
-    top: -1px;
-    border:1px solid #666;
-    width: 220px;
-    background: #fff;
-    padding: 5px 10px;
-    display: none;
+  position: absolute;
+  left: -244px;
+  top: -1px;
+  border: 1px solid #666;
+  width: 220px;
+  background: #fff;
+  padding: 5px 10px;
+  display: none;
 }
 
 .leaflet-mapshot-info h3 {
-    font-size: 12px;
-    font-weight: bold;
-    border-bottom: 1px solid #999;
-    margin-bottom: 5px;
-
+  font-size: 12px;
+  font-weight: bold;
+  border-bottom: 1px solid #999;
+  margin-bottom: 5px;
 }
 
 .leaflet-mapshot-info label,
 .leaflet-mapshot-info p {
-    padding: 3px;
-    float: left;
+  padding: 3px;
+  float: left;
 }
 
 .leaflet-mapshot-info p {
-    width: 130px;
+  width: 130px;
 }
 
 .leaflet-mapshot-info label {
-    float: left;
-    clear: both;
-    width: 70px;
-    text-align: right;
-    color: #fff;
+  float: left;
+  clear: both;
+  width: 70px;
+  text-align: right;
+  color: #fff;
 }
 
 .leaflet-mapshot-info select {
-    float: left;
+  float: left;
 }
 
 .leaflet-mapshot-info .subdiv {
-    clear: both;
-    padding: 5px 0 0 0;
-    text-align: center;
-    border-top: 1px solid #eee;
+  clear: both;
+  padding: 5px 0 0 0;
+  text-align: center;
+  border-top: 1px solid #eee;
 }
 
 .leaflet-mapshot-info .subdiv button {
-    font-size: 12px;
-    padding: 2px 5px;
-    cursor: pointer;
+  font-size: 12px;
+  padding: 2px 5px;
+  cursor: pointer;
 }
-.maptile{
-    margin-right: 10px;
+.maptile {
+  margin-right: 10px;
 }

scripts/vendor/map23dlib/map23DView.css

@@ -1,231 +1,231 @@
 #map23DHolder {
-    width: 100%;
-    height: 100%;
-    position: relative;
+  width: 100%;
+  height: 100%;
+  position: relative;
 }
 
 #map2DWrap {
-    width: calc(50% - 10px);
-    height: 100%;
-    position: relative;
-    left: 0px;
-    top: 0px;
-    background: #aaa;
-    z-index: 2;
+  width: calc(50% - 10px);
+  height: 100%;
+  position: relative;
+  left: 0px;
+  top: 0px;
+  background: #aaa;
+  z-index: 2;
 }
 
 #map2DDiv {
-    position: absolute;
-    width: 100%;
-    height: 100%;
+  position: absolute;
+  width: 100%;
+  height: 100%;
 }
 
 #map3DWrap {
-    width: 50%;
-    height: 100%;
-    position: relative;
-    left: calc(50% - 10px);
-    bottom: 100%;
-    float: left;
-    background: #bbb;
-    padding: 0 0 0 10px;
-    z-index: 1;
+  width: 50%;
+  height: 100%;
+  position: relative;
+  left: calc(50% - 10px);
+  bottom: 100%;
+  float: left;
+  background: #bbb;
+  padding: 0 0 0 10px;
+  z-index: 1;
 }
 
 .show2DOnly #map2DWrap {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .show2DOnly #map3DWrap {
-    width: 1px;
-    height: 1px;
-    /* right: -9999999px;
+  width: 1px;
+  height: 1px;
+  /* right: -9999999px;
     overflow: hidden; */
-    display: none;
+  display: none;
 }
 
 .show3DOnly #map3DWrap {
-    width: 100%;
-    height: 100%;
-    bottom: 0;
-    left: 0;
-    padding: 0px;
+  width: 100%;
+  height: 100%;
+  bottom: 0;
+  left: 0;
+  padding: 0px;
 }
 
 .show3DOnly #map2DWrap {
-    width: 1px;
-    height: 1px;
-    /* overflow: hidden; */
-    display: none;
+  width: 1px;
+  height: 1px;
+  /* overflow: hidden; */
+  display: none;
 }
 
 #TimeLineContainer {
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
-    width: 400px;
-    z-index: 2222222;
+  position: absolute;
+  bottom: 10px;
+  left: 10px;
+  width: 400px;
+  z-index: 2222222;
 }
 
 #TimeLineContainer li {
-    margin-top: 20px;
-    text-decoration: none;
+  margin-top: 20px;
+  text-decoration: none;
 }
 
 .measureDistance_tips,
 .measureArea_tips,
 .measureHeight_tips {
-    position: absolute;
-    top: -100px;
-    left: -100px;
-    width: 160;
-    height: 20;
-    background-color: #000000;
-    color: #ffffff;
-    text-indent: 10;
-    z-index: 1000
+  position: absolute;
+  top: -100px;
+  left: -100px;
+  width: 160;
+  height: 20;
+  background-color: #000000;
+  color: #ffffff;
+  text-indent: 10;
+  z-index: 1000;
 }
 
 /*3D弹窗*/
 #markerPopup {
-    position: absolute;
+  position: absolute;
 }
 
 #markerPopup a {
-    color: #999
+  color: #999;
 }
 
 #markerPopup a:hover {
-    color: #0078A8
+  color: #0078a8;
 }
 
 /*23D重写的弹窗样式*/
 .popup_html {
-    position: relative;
-    border: 1px solid #aaaaaa;
-    border-radius: 4px;
+  position: relative;
+  border: 1px solid #aaaaaa;
+  border-radius: 4px;
 }
 
 .popup_html .popup-ct {
-    background: rgba(9, 30, 41, 0.8);
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
-    color: #fff
+  background: rgba(9, 30, 41, 0.8);
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  color: #fff;
 }
 
 .popup_html .popup-lt {
-    position: absolute;
-    top: 0px;
-    left: -20px;
-    bottom: 19px;
-    width: 20px;
-    height: 100%;
-    background-position: top left;
+  position: absolute;
+  top: 0px;
+  left: -20px;
+  bottom: 19px;
+  width: 20px;
+  height: 100%;
+  background-position: top left;
 }
 
 .popup_html .popup-lb {
-    position: absolute;
-    left: -20px;
-    bottom: -19px;
-    width: 42px;
-    height: 19px;
-    background-position: top left;
+  position: absolute;
+  left: -20px;
+  bottom: -19px;
+  width: 42px;
+  height: 19px;
+  background-position: top left;
 }
 
 .popup_html .popup-rt {
-    position: absolute;
-    right: -8px;
-    top: 0px;
-    bottom: 19px;
-    width: 8px;
-    height: 100%;
-    background-position: top right;
+  position: absolute;
+  right: -8px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  height: 100%;
+  background-position: top right;
 }
 
 .popup_html .popup-rb {
-    position: absolute;
-    right: -8px;
-    bottom: -19px;
-    height: 19px;
-    left: 22px;
-    background-position: top right;
+  position: absolute;
+  right: -8px;
+  bottom: -19px;
+  height: 19px;
+  left: 22px;
+  background-position: top right;
 }
 
 .popup_html .popup-cb {
-    background: rgba(19, 46, 67, 0.86);
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-    padding-left: 5px;
+  background: rgba(64, 158, 230, 0.86);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  padding-left: 5px;
 }
 
 /*2D弹窗样式覆盖*/
 .leaflet-popup-content {
-    margin: 0px 0px !important;
-    line-height: unset !important;
-    font-size: unset !important;
+  margin: 0px 0px !important;
+  line-height: unset !important;
+  font-size: unset !important;
 }
 
 .leaflet-popup-content-wrapper,
 .leaflet-popup-tip {
-    background: none !important;
-    /* color: #000 !important; */
-    box-shadow: none !important;
+  background: none !important;
+  /* color: #000 !important; */
+  box-shadow: none !important;
 }
 
 .leaflet-plabel-text {
-    position: absolute;
-    left: 30px;
-    top: -30px;
+  position: absolute;
+  left: 30px;
+  top: -30px;
 }
 
 .leaflet-container .leaflet-control-zoomslider {
-    width: 36px;
-    border: 0px;
+  width: 36px;
+  border: 0px;
 }
 
 .leaflet-control-zoomslider a {
-    width: 35px;
-    height: 35px;
-    text-align: center;
-    text-decoration: none;
-    display: block;
-    overflow: hidden;
-    background: #fff;
-    line-height: 35px;
-    font-size: 35px;
-    /*border: 1px solid #ffffff;*/
-    font-weight: normal;
+  width: 35px;
+  height: 35px;
+  text-align: center;
+  text-decoration: none;
+  display: block;
+  overflow: hidden;
+  background: #fff;
+  line-height: 35px;
+  font-size: 35px;
+  /*border: 1px solid #ffffff;*/
+  font-weight: normal;
 }
 
 .leaflet-control-zoomslider a:nth-child(1) {
-    border-bottom: 1px solid #999;
+  border-bottom: 1px solid #999;
 }
 
 .leaflet-control-zoomslider-wrap {
-    padding-top: 0px;
-    padding-bottom: 0px;
-    display: none;
-    /* width: 13px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  display: none;
+  /* width: 13px;
     margin-left: 10px;
     padding-bottom: 26px; */
 }
 
 .leaflet-control-zoomslider-knob {
-    width: 35px;
-    height: 35px;
-    text-align: center;
-    text-decoration: none;
-    display: block;
-    overflow: hidden;
-    background: #c7c7c7;
-    line-height: 35px;
-    font-size: 20px;
-    border: 1px solid #ffffff;
+  width: 35px;
+  height: 35px;
+  text-align: center;
+  text-decoration: none;
+  display: block;
+  overflow: hidden;
+  background: #c7c7c7;
+  line-height: 35px;
+  font-size: 20px;
+  border: 1px solid #ffffff;
 }
 
 .leaflet-control-zoomslider a:hover {
-    /* width: 30px;
+  /* width: 30px;
     height: 30px;
     text-align: center;
     text-decoration: none;
@@ -238,180 +238,179 @@
 }
 
 .leaflet-control-zoomslider-knob-bg {
-    width: 6px;
-    position: absolute;
-    left: 6px;
-    top: 18px;
+  width: 6px;
+  position: absolute;
+  left: 6px;
+  top: 18px;
 }
 
 .leaflet-bar-p-pic {
-    width: 36px;
-    height: 146px;
-    /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAACSCAYAAAAtk2jwAAAAGXRFW…vh7cOgxBN4AkgACSABJIAEkAASQAJIAAkgAZTt+F+AAQDU0CORc1KdmQAAAABJRU5ErkJggg==) no-repeat left top; */
-    background: url(images/control-zoomslider-part.png);
-    position: absolute;
-    left: 26px;
-    top: 56px;
-    display: none;
+  width: 36px;
+  height: 146px;
+  /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAACSCAYAAAAtk2jwAAAAGXRFW…vh7cOgxBN4AkgACSABJIAEkAASQAJIAAkgAZTt+F+AAQDU0CORc1KdmQAAAABJRU5ErkJggg==) no-repeat left top; */
+  background: url(images/control-zoomslider-part.png);
+  position: absolute;
+  left: 26px;
+  top: 56px;
+  display: none;
 }
 
 .leaflet-control-zoomslider .leaflet-bar-p-pic span {
-    display: block;
-    cursor: pointer;
+  display: block;
+  cursor: pointer;
 }
 
 .leaflet-bar-p-pic .bj_country {
-    width: 36px;
-    height: 20px;
-    display: block;
-    position: absolute;
-    left: 0px;
-    top: 97px;
+  width: 36px;
+  height: 20px;
+  display: block;
+  position: absolute;
+  left: 0px;
+  top: 97px;
 }
 
 .leaflet-bar-p-pic .bj_province {
-    width: 36px;
-    height: 20px;
-    display: block;
-    position: absolute;
-    left: 0px;
-    top: 69px;
+  width: 36px;
+  height: 20px;
+  display: block;
+  position: absolute;
+  left: 0px;
+  top: 69px;
 }
 
 .leaflet-bar-p-pic .bj_city {
-    width: 36px;
-    height: 20px;
-    display: block;
-    position: absolute;
-    left: 0px;
-    top: 42px;
+  width: 36px;
+  height: 20px;
+  display: block;
+  position: absolute;
+  left: 0px;
+  top: 42px;
 }
 
 .leaflet-bar-p-pic .bj_street {
-    width: 36px;
-    height: 20px;
-    display: block;
-    position: absolute;
-    left: 0px;
-    top: 0px;
+  width: 36px;
+  height: 20px;
+  display: block;
+  position: absolute;
+  left: 0px;
+  top: 0px;
 }
 
 .leaflet-contextmenu {
-    display: none;
-    /* background: url(images/saiderbb.png) center center; */
-    background: rgba(39, 68, 78, 0.86);
-    cursor: default;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    border: 1px solid #aaaaaa;
-    padding: 5px;
-    margin: 5px 0 0 5px;
+  display: none;
+  /* background: url(images/saiderbb.png) center center; */
+  background: rgba(64, 158, 255, 0.86);
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  border: 1px solid #aaaaaa;
+  padding: 5px;
+  margin: 5px 0 0 5px;
 }
 
 .leaflet-contextmenu a.leaflet-contextmenu-item {
-    display: block;
-    font-size: 12px;
-    line-height: 1.5;
-    text-decoration: none;
-    padding: 2px 10px;
-    cursor: pointer;
-    outline: none;
-    width: 140px;
-    border: 0px !important;
+  display: block;
+  font-size: 12px;
+  line-height: 1.5;
+  text-decoration: none;
+  padding: 2px 10px;
+  cursor: pointer;
+  outline: none;
+  width: 140px;
+  border: 0px !important;
 }
 
 .leaflet-contextmenu a.place span {
-    color: #FFF !important;
+  color: #fff !important;
 }
 
 .leaflet-container a {
-    color: #999;
+  color: #999;
 }
 .leaflet-container a:hover {
-    color: #0078A8;
+  color: #0078a8;
 }
 
 .leaflet-container img {
-    max-width: none !important;
+  max-width: none !important;
 }
 
 .leaflet-contextmenu-icon {
-    margin: 2px 8px 0 0;
-    width: 16px;
-    height: 16px;
-    float: left;
-    border: 0;
+  margin: 2px 8px 0 0;
+  width: 16px;
+  height: 16px;
+  float: left;
+  border: 0;
 }
 
 .leaflet-contextmenu-separator {
-    border-bottom: 1px solid #3de0ff;
-    margin: 5px 0;
+  border-bottom: 1px solid #3de0ff;
+  margin: 5px 0;
 }
 
 .leaflet-contextmenu a.latlng span {
-    color: #FFF !important;
+  color: #fff !important;
 }
 
 .leaflet-contextmenu a.leaflet-contextmenu-item:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 .leaflet-contextmenu a.leaflet-contextmenu-item.over {
-    background: none !important;
-    border-bottom: 0px solid #3de0ff;
-    border-top: 0px !important;
+  background: none !important;
+  border-bottom: 0px solid #3de0ff;
+  border-top: 0px !important;
 }
 
 .leaflet-contextmenu a.leaflet-contextmenu-item {
-    color: #3de0ff
+  color: #3de0ff;
 }
 
 .leaflet-popup-content-wrapper,
 .leaflet-popup-tip {
-    color: #fff;
+  color: #fff;
 }
 
 .leaflet-control-measure-area-link {
-    display: none;
+  display: none;
 }
 
 .leaflet-control-measure-distance-link {
-    display: none;
+  display: none;
 }
 
-
 .leaflet-bar {
-    box-shadow: none;
-    border-radius: 0px;
+  box-shadow: none;
+  border-radius: 0px;
 }
 
 .leaflet-container .leaflet-control-zoomslider {
-    bottom: 70px;
-    right: 28px;
-    border: 1px solid rgba(255, 255, 255, .1);
+  bottom: 70px;
+  right: 28px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .leaflet-marker-icon:hover {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .leaflet-bar-part-top {
-    width: 35px !important;
-    height: 35px !important;
-    line-height: 35px !important;
-    background: #262a30 !important;
-    color: #dae4f6 !important;
-    font-size: 35px !important;
-    border-bottom: 1px solid #555 !important;
+  width: 35px !important;
+  height: 35px !important;
+  line-height: 35px !important;
+  background: #262a30 !important;
+  color: #dae4f6 !important;
+  font-size: 35px !important;
+  border-bottom: 1px solid #555 !important;
 }
 
 .leaflet-bar-part-bottom {
-    width: 35px !important;
-    height: 35px !important;
-    line-height: 35px !important;
-    background: #262a30 !important;
-    color: #dae4f6 !important;
-    font-size: 35px !important;
-    border: none !important;
-}
+  width: 35px !important;
+  height: 35px !important;
+  line-height: 35px !important;
+  background: #262a30 !important;
+  color: #dae4f6 !important;
+  font-size: 35px !important;
+  border: none !important;
+}

scripts/vendor/userLogin/userLogin.css

@@ -1,336 +1,338 @@
 li {
-    list-style: none;
+  list-style: none;
 }
 
 #userLogin {
-    width: 660px;
-    height: 432px;
-    padding: 5px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -210px 0 0 -330px;
-    z-index: 9991;
-    background: #fff;
-    border-radius: 10px;
-    display: none;
+  width: 660px;
+  height: 432px;
+  padding: 5px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -210px 0 0 -330px;
+  z-index: 9991;
+  background: hsla(0, 0%, 100%, 0.65);
+  border-radius: 10px;
+  display: none;
 }
 
 #userLogin.hide {
-    display: none;
+  display: none;
 }
 
 #userLogin .login {
-    clear: both;
+  clear: both;
 }
 
 #userLogin .login .left {
-    float: left;
-    height: 100%;
+  float: left;
+  height: 100%;
 }
 
 #userLogin .login .left img {
-    height: 100%;
-    width: auto;
+  height: 100%;
+  width: auto;
 }
 
 #userLogin .login .left p {
-    width: 220px;
-    height: 432px;
-    background: url(./images/loginBg.png);
+  width: 220px;
+  height: 432px;
+  background: url(./images/loginBg.png);
+  border-radius: 10px;
 }
 
 #userLogin .login .right {
-    float: left;
-    margin-left: 35px;
+  float: left;
+  margin-left: 35px;
 }
 
 #userLogin .login .right li {
-    display: block;
+  display: block;
 }
 
 #userLogin .head {
-    height: 40px;
-    line-height: 40px;
-    margin-top: 40px;
-    clear: both;
-    margin-bottom: 30px;
+  height: 40px;
+  line-height: 40px;
+  margin-top: 40px;
+  clear: both;
+  margin-bottom: 30px;
 }
 
 #userLogin .head span {
-    padding: 0 20px;
-    display: inline-block;
-    border-right: 1px solid #ccc;
-    color: #565656;
-    font-size: 16px;
-    line-height: 18px;
-    cursor: pointer;
+  padding: 0 20px;
+  display: inline-block;
+  border-right: 1px solid #ccc;
+  color: #565656;
+  font-size: 16px;
+  line-height: 18px;
+  cursor: pointer;
 }
 
 #userLogin .head span:nth-child(1) {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 #userLogin .head span:nth-child(2) {
-    margin-right: 11px;
+  margin-right: 11px;
 }
 
 #userLogin .head span.active {
-    color: #333;
-    font-weight: bold;
+  color: #333;
+  font-weight: bold;
 }
 
 #userLogin .head p {
-    height: 20px;
-    width: 36px;
-    padding-left: 20px;
-    margin-right: 4px;
-    line-height: 20px;
-    cursor: pointer;
-    text-align: center;
-    display: inline-block;
+  height: 20px;
+  width: 36px;
+  padding-left: 20px;
+  margin-right: 4px;
+  line-height: 20px;
+  cursor: pointer;
+  text-align: center;
+  display: inline-block;
 }
 
 #userLogin .head p.weixin {
-    background: url('./images/wx.png') no-repeat left center;
+  background: url("./images/wx.png") no-repeat left center;
 }
 
 #userLogin .head p.qq {
-    width: 20px;
-    background: url('./images/qq.png') no-repeat left center;
+  width: 20px;
+  background: url("./images/qq.png") no-repeat left center;
 }
 
 #userLogin .head p.weibo {
-    background: url('./images/weibo.png') no-repeat left center;
-    margin-left: 10px;
+  background: url("./images/weibo.png") no-repeat left center;
+  margin-left: 10px;
 }
 
 #userLogin .head .close {
-    float: right;
-    margin-top: -30px;
-    margin-right: -30px;
-    width: 30px;
-    height: 30px;
-    background: url('./images/close.png') no-repeat;
-    border: none;
-    margin-left: 0px;
+  float: right;
+  margin-top: -30px;
+  margin-right: -30px;
+  width: 30px;
+  height: 30px;
+  background: url("./images/close.png") no-repeat;
+  border: none;
+  margin-left: 0px;
+  filter: contrast(1000%);
 }
 
 #userLogin .autoLogin {
-    display: inline-block;
-    margin-bottom: 30px;
+  display: inline-block;
+  margin-bottom: 30px;
 }
 
 #userLogin .login .right input {
-    height: 40px;
-    width: 309px;
-    margin: 10px 0;
-    padding: 0 5px 0 36px;
-    line-height: 40px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
+  height: 40px;
+  width: 309px;
+  margin: 10px 0;
+  padding: 0 5px 0 36px;
+  line-height: 40px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
 }
 
 #userLogin .login .right input.user {
-    background: url('./images/user.png') 12px 13px no-repeat;
+  background: url("./images/user.png") 12px 13px no-repeat;
 }
 
 #userLogin .login .right input.lock {
-    background: url('./images/lock.png') 14px 12px no-repeat;
+  background: url("./images/lock.png") 14px 12px no-repeat;
 }
 
 #userLogin .loginBtn,
 #userLogin .regBtn,
 #userLogin .queding {
-    width: 350px;
-    height: 42px;
-    line-height: 42px;
-    background: #fdd034;
-    color: #fff;
-    font-weight: bold;
-    border: none;
-    border-radius: 5px;
-    font-size: 18px;
+  width: 350px;
+  height: 42px;
+  line-height: 42px;
+  background: #409eff;
+  color: #fff;
+  font-weight: bold;
+  border: none;
+  border-radius: 5px;
+  font-size: 18px;
 }
 
 #userLogin .other {
-    clear: both;
-    margin-top: 10px;
+  clear: both;
+  margin-top: 10px;
 }
 
 #userLogin .other button,
 #userLogin .back button {
-    border: none;
-    background: transparent;
-    color: #de9516;
-    font-size: 14px;
+  border: none;
+  background: transparent;
+  color: #de9516;
+  font-size: 14px;
 }
 
 #userLogin .other .openReg {
-    margin-right: 10px;
+  margin-right: 10px;
 }
 
 #userLogin .fl {
-    float: left;
+  float: left;
 }
 
 #userLogin .fr {
-    float: right;
+  float: right;
 }
 
 #userLogin button {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 #userLogin .login .right li.msgShow,
 #userLogin .login .right li.passShow {
-    display: none;
+  display: none;
 }
 
 #userLogin .login .right li.msgShow.show,
 #userLogin .login .right li.passShow.show {
-    display: inline-block;
+  display: inline-block;
 }
 
 #userLogin .login .right input.yzm {
-    width: 155px;
-    background: url('./images/lock.png') 14px 12px no-repeat;
+  width: 155px;
+  background: url("./images/lock.png") 14px 12px no-repeat;
 }
 
 /*注册*/
 #userLogin .regist {
-    display: none;
-    padding: 17px 100px 40px 95px;
+  display: none;
+  padding: 17px 100px 40px 95px;
 }
 
 #userLogin .regist li {
-    margin: 20px auto;
-    position: relative;
+  margin: 20px auto;
+  position: relative;
 }
 
 #userLogin .regist li.queding {
-    display: none;
+  display: none;
 }
 
 #userLogin .regist li input {
-    height: 40px;
-    line-height: 40px;
-    padding: 0 10px;
-    border-radius: 5px;
-    width: 326px;
-    border: 1px solid #ccc;
+  height: 40px;
+  line-height: 40px;
+  padding: 0 10px;
+  border-radius: 5px;
+  width: 326px;
+  border: 1px solid #ccc;
 }
 
 #userLogin li input.yzm {
-    width: 170px;
+  width: 170px;
 }
 
 #userLogin li button.getYzm {
-    padding: 11.5px 25px;
-    border: 1px solid #ccc;
-    color: #666;
-    background: #f7f7f7;
-    border-radius: 5px;
-    margin-left: 10px;
-    vertical-align: middle;
-}
-#userLogin .msgShow{
-    position: relative;
-}
-#userLogin .li_cover{
-    position: relative;
-}
-#userLogin .msgShow .btn_cov{
-    position: absolute;
-    top: 10px;
-    right: 0px;
-    width: 144px;
-    height: 40px;
-    background: #f7f7f7;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    display: none;
-    line-height: 40px;
-    text-align: center;
-}
-#userLogin .li_cover .btn_cov{
-    position: absolute;
-    top: 0px;
-    right: 42px;
-    width: 144px;
-    height: 40px;
-    background: #f7f7f7;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    display: none;
-    line-height: 40px;
-    text-align: center;
+  padding: 11.5px 25px;
+  border: 1px solid #ccc;
+  color: #666;
+  background: #f7f7f7;
+  border-radius: 5px;
+  margin-left: 10px;
+  vertical-align: middle;
+}
+#userLogin .msgShow {
+  position: relative;
+}
+#userLogin .li_cover {
+  position: relative;
+}
+#userLogin .msgShow .btn_cov {
+  position: absolute;
+  top: 10px;
+  right: 0px;
+  width: 144px;
+  height: 40px;
+  background: #f7f7f7;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  display: none;
+  line-height: 40px;
+  text-align: center;
+}
+#userLogin .li_cover .btn_cov {
+  position: absolute;
+  top: 0px;
+  right: 42px;
+  width: 144px;
+  height: 40px;
+  background: #f7f7f7;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  display: none;
+  line-height: 40px;
+  text-align: center;
 }
 #userLogin .regist span.menu {
-    color: #666;
-    font-size: 16px;
-    font-weight: bold;
-    display: inline-block;
-    width: 60px;
-    margin-right: 15px;
-    text-align: right;
+  color: #666;
+  font-size: 16px;
+  font-weight: bold;
+  display: inline-block;
+  width: 60px;
+  margin-right: 15px;
+  text-align: right;
 }
 
 #userLogin span.check {
-    display: inline-block;
-    width: 11px;
-    height: 11px;
-    border-radius: 2px;
-    border: 1px solid #ccc;
-    margin-right: 10px;
-    vertical-align: top;
-    margin-top: 3px;
-    cursor: pointer;
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  border-radius: 2px;
+  border: 1px solid #ccc;
+  margin-right: 10px;
+  vertical-align: top;
+  margin-top: 3px;
+  cursor: pointer;
 }
 
 #userLogin span.check.active {
-    background: url('./images/yes.png') left no-repeat;
+  background: url("./images/yes.png") left no-repeat;
 }
 
 #userLogin .regist li.xieyi {
-    margin: 10px 0 15px;
-    text-align: center;
+  margin: 10px 0 15px;
+  text-align: center;
 }
 
 #userLogin .regist li.xieyi a {
-    color: #0048aa;
+  color: #0048aa;
 }
 
 #userLogin .regist .redAlert {
-    color: #f00;
-    display: none;
-    position: absolute;
-    top: -20px;
-    left: 75px;
+  color: #f00;
+  display: none;
+  position: absolute;
+  top: -20px;
+  left: 75px;
 }
 
 #userLogin .regist .redAlert.show {
-    display: block;
+  display: block;
 }
 
 #userLogin .regBtn {
-    margin-left: 75px;
+  margin-left: 75px;
 }
 
 #userLogin .regist li.other,
 #userLogin .regist li.back {
-    text-align: right;
-    margin-right: 40px;
+  text-align: right;
+  margin-right: 40px;
 }
 
 #userLogin .tip {
-    width: 100%;
-    height: 20px;
-    position: absolute;
-    text-align: center;
-    color: #ff0000;
-    line-height: 20px;
-    top: 10px;
-    margin: 0 auto;
-    display: none;
-}
+  width: 100%;
+  height: 20px;
+  position: absolute;
+  text-align: center;
+  color: #ff0000;
+  line-height: 20px;
+  top: 10px;
+  margin: 0 auto;
+  display: none;
+}

styles/atlas/atlasList.css

@@ -1,115 +1,116 @@
 #thematicModSearch {
-    overflow: hidden;
-    zoom: 1;
-    clear: both;
-    padding: 16px 0 1px 20px;
-    height: 36px;
-    margin-bottom: 10px;
+  overflow: hidden;
+  zoom: 1;
+  clear: both;
+  padding: 16px 0 1px 20px;
+  height: 36px;
+  margin-bottom: 10px;
 }
 #thematicModSearch .input {
-    width: 225px;
-    height: 100%;
-    font-size: 12px;
-    color: #999;
-    float: left;
-    text-indent: 8px;
-    line-height: 36px;
-    padding: 0px;
-    background: #fff;
-    border: none;
+  width: 225px;
+  height: 100%;
+  font-size: 12px;
+  color: #999;
+  float: left;
+  text-indent: 8px;
+  line-height: 36px;
+  padding: 0px;
+  background: #fff;
+  border: none;
 }
 #thematicSearchSubmit {
-    border: none;
-    width: 48px;
-    height: 36px;
-    border: 0px;
-    background: #fff url(../../images/layout/thmapsearch_03.png) no-repeat 0px 0px;
-    text-indent: 11111111111px;
+  border: none;
+  width: 48px;
+  height: 36px;
+  border: 0px;
+  background: #fff url(../../images/layout/thmapsearch_03.png) no-repeat 0px 0px;
+  text-indent: 11111111111px;
 }
 #thematicCategoryList {
-    overflow: hidden;
-    zoom: 1;
-    clear: both;
-    padding: 5px 0 5px 0px;    
-    background: url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom;
+  overflow: hidden;
+  zoom: 1;
+  clear: both;
+  padding: 5px 0 5px 0px;
+  background: url(../../images/layout/bg-sideBar-line.png) no-repeat center
+    bottom;
 }
 .currentAreaThematic {
-    color: #fff;
-    margin-bottom: 0px;
-    display: inline-block;
-    width: 45%; 
+  color: #fff;
+  margin-bottom: 0px;
+  display: inline-block;
+  width: 45%;
 }
 #thematicPanel {
-    position:absolute;
-    left:0px;
-    top: 0px;
-    width:300px;
-    bottom: 0px;
-    /*background: none;*/
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 300px;
+  bottom: 0px;
+  /*background: none;*/
 }
 
 #thematicCategoryList label {
-    margin-left: 5px;
+  margin-left: 5px;
 }
 .currentAreaThematic input {
-    float: left;
-    margin: 2px 0 0 45px;
+  float: left;
+  margin: 2px 0 0 45px;
 }
 #thematicCategoryList ul {
-    overflow: hidden;
-    zoom: 1;
-    margin-top: 16px;
-    margin-bottom: 8px;
-    margin-left: 15px;
+  overflow: hidden;
+  zoom: 1;
+  margin-top: 16px;
+  margin-bottom: 8px;
+  margin-left: 15px;
 }
 #thematicCategoryList li {
-    float: left;
-    margin: 0px 9px 3px 0;
+  float: left;
+  margin: 0px 9px 3px 0;
 }
 
 #thematicCategoryList li.cur a {
-    font-weight: bold;
-    color: #36fffd;
-    background: url(../../images/layout/acur.png) no-repeat center center;
+  font-weight: bold;
+  color: #36fffd;
+  background: url(../../images/layout/acur.png) no-repeat center center;
 }
 #thematicCategoryList li a {
-    display: inline-block;
-    line-height: 20px;
-    height: 20px;
-    text-align: center;
-    color: #fff;
-    word-break: keep-all;
-    text-decoration: none;
-    font-size: 14px;
-    padding: 0px 10px 0px 10px;
+  display: inline-block;
+  line-height: 20px;
+  height: 20px;
+  text-align: center;
+  color: #fff;
+  word-break: keep-all;
+  text-decoration: none;
+  font-size: 14px;
+  padding: 0px 10px 0px 10px;
 }
 #thematicResultsList {
-    max-height: 750px;
-    padding: 10px 0 0 0px;
-    overflow: hidden;
-    overflow-y: auto;
-    position: relative;
-    z-index: 40;
+  max-height: 750px;
+  padding: 10px 0 0 0px;
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  z-index: 40;
 }
 #thematicResultsList .thematic-list {
-    overflow: hidden;
-    width: 260px;
-    margin-left: 25px;
+  overflow: hidden;
+  width: 260px;
+  margin-left: 25px;
 }
-#thematicResultsList li.select span{
-    color: #ffcd2c;
+#thematicResultsList li.select span {
+  color: #ffcd2c;
 }
 #thematicResultsList li {
-    position: relative;
-    width: 118px;
-    height: 72px;
-    text-align: center;
-    float: left;
-    display: inline;
-     /*background: url(../../images/layout/cover_item.png) no-repeat; */
-    margin: 5px 12px 5px 0;
-    overflow: hidden;
-    background-size: 100%; 
+  position: relative;
+  width: 118px;
+  height: 72px;
+  text-align: center;
+  float: left;
+  display: inline;
+  /*background: url(../../images/layout/cover_item.png) no-repeat; */
+  margin: 5px 12px 5px 0;
+  overflow: hidden;
+  background-size: 100%;
 }
 
 /*#thematicResultsList li:hover{
@@ -119,305 +120,306 @@
     background: url(../../images/layout/cover_item_select.png) no-repeat;
 }*/
 #thematicResultsList a {
-    display: block;
-    width: 100%;
-    height: 100%;
-    text-align: left;
-    overflow: hidden;
-    zoom: 1;
+  display: block;
+  width: 100%;
+  height: 100%;
+  text-align: left;
+  overflow: hidden;
+  zoom: 1;
 }
 #thematicResultsList img {
-    width: 90%;
-    height: 85%;
-    float: left;
-    border: 0px solid #efefef;
-    margin-left: 6px;
-    margin-top: 5px;
+  width: 90%;
+  height: 85%;
+  float: left;
+  border: 0px solid #efefef;
+  margin-left: 6px;
+  margin-top: 5px;
 }
 #thematicResultsList span.name {
-    float: left;
-    width: 90px;
-    line-height: 1;
-    color: #00fffc;
-    position: absolute;
-    bottom: 9px;
-    left: 0;
-    text-shadow: 1px 1px 1px #000;
-    opacity: 1;
-    text-align: center;
-    overflow: hidden;
-    right: 0;
-    margin: auto;
-    font-weight: bold;
-    font-size: 12px;
-}
-#thematicResultsList span.cover{
-    width: 122px;
-    height: 72px;
-    background: url(../../images/layout/cover_item.png) no-repeat center center;
-    overflow: hidden;
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    background-size: 122px 72px;
-}
-#thematicResultsList span.jump{
-    width: 15px;
-    height: 15px;
-    background: url(../../images/atlas/jump.png) right top no-repeat;
-    background-size: 15px;
-    position: absolute;
-    right: 6px;
-    top: 6px;
-}
-#thematicResultsList span.addset{
-    width: 15px;
-    height: 15px;
-    background: url(../../images/atlas/addset.png) right top no-repeat;
-    background-size: 15px;
-    position: absolute;
-    right: 6px;
-    top: 6px;
-}
-#thematicResultsList li:hover span.cover{
-    background: url(../../images/layout/cover_item_hover.png) top left no-repeat;
-    background-size: 122px 72px;
-}
-#thematicResultsList li.select span.cover{
-    background: url(../../images/layout/cover_item_select.png) top left no-repeat;
-    background-size: 122px 72px;
+  float: left;
+  width: 90px;
+  line-height: 1;
+  color: #00fffc;
+  position: absolute;
+  bottom: 9px;
+  left: 0;
+  text-shadow: 1px 1px 1px #000;
+  opacity: 1;
+  text-align: center;
+  overflow: hidden;
+  right: 0;
+  margin: auto;
+  font-weight: bold;
+  font-size: 12px;
+}
+#thematicResultsList span.cover {
+  width: 122px;
+  height: 72px;
+  background: url(../../images/layout/cover_item.png) no-repeat center center;
+  overflow: hidden;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  background-size: 122px 72px;
+}
+#thematicResultsList span.jump {
+  width: 15px;
+  height: 15px;
+  background: url(../../images/atlas/jump.png) right top no-repeat;
+  background-size: 15px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+}
+#thematicResultsList span.addset {
+  width: 15px;
+  height: 15px;
+  background: url(../../images/atlas/addset.png) right top no-repeat;
+  background-size: 15px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+}
+#thematicResultsList li:hover span.cover {
+  background: url(../../images/layout/cover_item_hover.png) top left no-repeat;
+  background-size: 122px 72px;
+}
+#thematicResultsList li.select span.cover {
+  background: url(../../images/layout/cover_item_select.png) top left no-repeat;
+  background-size: 122px 72px;
 }
 #thematicPage {
-    height: 36px;
-    width: 233px;
-    overflow: hidden;
-    text-align: right;
-    clear: both;
-    position: relative;
-    color: #fff;
-    margin: auto;
-    border: 1px solid #42bbe8;
-    border-radius: 5px;
-    background: rgba(45, 53, 68, 0.8);
-    padding: 0px;
-    margin-top: 20px;
-    display:none;
+  height: 36px;
+  width: 233px;
+  overflow: hidden;
+  text-align: right;
+  clear: both;
+  position: relative;
+  color: #fff;
+  margin: auto;
+  border: 1px solid #42bbe8;
+  border-radius: 5px;
+  background: rgba(64, 158, 255, 0.8);
+  padding: 0px;
+  margin-top: 20px;
+  display: none;
 }
 #thematicPage .firstpage {
-    width: 28px;
-    height: 36px;
-    margin-left: 3px;
-    border-right: 1px solid #3fb4e3;
-    background: url(../../images/layout/page_11.png) no-repeat 7px 11px;
-    float: left;
-    cursor: pointer;
+  width: 28px;
+  height: 36px;
+  margin-left: 3px;
+  border-right: 1px solid #3fb4e3;
+  background: url(../../images/layout/page_11.png) no-repeat 7px 11px;
+  float: left;
+  cursor: pointer;
 }
 #thematicPage .uppage {
-    width: 29px;
-    height: 34px;
-    background: url(../../images/layout/page_13.png) no-repeat 10px 11px;
-    float: left;
-    cursor: pointer;
+  width: 29px;
+  height: 34px;
+  background: url(../../images/layout/page_13.png) no-repeat 10px 11px;
+  float: left;
+  cursor: pointer;
 }
 .fg {
-    width: 1px;
-    height: 34px;
-    background: url(../../images/layout/page_03.png) no-repeat 0px 10px;
-    float: left;
+  width: 1px;
+  height: 34px;
+  background: url(../../images/layout/page_03.png) no-repeat 0px 10px;
+  float: left;
 }
 #thematicPageJump {
-    width: 96px;
-    height: 34px;
-    float: left;
+  width: 96px;
+  height: 34px;
+  float: left;
 }
 #thematicPageJump span {
-    float: left;
-    height: 24px;
-    font-size: 12px;
-    line-height: 37px;
-    text-indent: 35px;
+  float: left;
+  height: 24px;
+  font-size: 12px;
+  line-height: 37px;
+  text-indent: 35px;
 }
 #thematicPage .nextpage {
-    width: 29px;
-    height: 34px;
-    background: url(../../images/layout/page_06ch.png) no-repeat 10px 11px;
-    float: left;
-    cursor: pointer;
+  width: 29px;
+  height: 34px;
+  background: url(../../images/layout/page_06ch.png) no-repeat 10px 11px;
+  float: left;
+  cursor: pointer;
 }
 #thematicPage .endpage {
-    width: 28px;
-    height: 36px;
-    background: url(../../images/layout/page_08ch.png) no-repeat 7px 11px;
-    float: left;
-    border-left: 1px solid #3fb4e3;
-    cursor: pointer;
+  width: 28px;
+  height: 36px;
+  background: url(../../images/layout/page_08ch.png) no-repeat 7px 11px;
+  float: left;
+  border-left: 1px solid #3fb4e3;
+  cursor: pointer;
 }
 .page-wrap .btn-group {
-    float: right;
-    width: 93px;
+  float: right;
+  width: 93px;
 }
 .not-result {
-    padding: 15px 0;
-    text-align: center;
-    font-size: 14px;
-    color: #666;
+  padding: 15px 0;
+  text-align: center;
+  font-size: 14px;
+  color: #666;
 }
 
-
 .abtn-atlas-library,
 .abtn-atlas-library:hover {
-    float:right;
-    margin: 10px 26px 0 0;
-    padding: 0 14px 0 0;
-    font-size:16px;
-    color: #36fffa;
-    background:url(../../images/layout/icon-dpoint-right.png) no-repeat right center;
+  float: right;
+  margin: 10px 26px 0 0;
+  padding: 0 14px 0 0;
+  font-size: 16px;
+  color: #36fffa;
+  background: url(../../images/layout/icon-dpoint-right.png) no-repeat right
+    center;
 }
 
-
-#atlasInfoDetail{
-    position: absolute;
-    bottom: 25px;
-    right: 110px;
-    width: 262px;
-    background: url(../../images/atlas/bg-rp-body.png);
-    display: none;
-    z-index: 222;
+#atlasInfoDetail {
+  position: absolute;
+  bottom: 25px;
+  right: 110px;
+  width: 262px;
+  background: url(../../images/atlas/bg-rp-body.png);
+  display: none;
+  z-index: 222;
 }
 #atlasInfoDetail h3 {
-    color: #fff;
-    padding: 0 0 6px 0;
-    background: url(../../images/atlas/bg-rp-body-bottom.png) no-repeat center bottom;
-    margin-bottom: 10px;
-    margin-right: 24px;
-}
-#atlasInfoDetail p{
-    padding: 0px;
-    margin: 0px;
-    color: #fff;
-    line-height: 1.5;
-    text-align:left;
-}
-#atlasInfoDetail .cover-content{
-    margin: 10px 20px;
-    text-align:center;
-    width: 240px;
-}
-#thematicPanel .btn-atals-labrary{
-    width: auto;
-    position: absolute;
-    right: 0px;
-    bottom: 0px;
-    height: 35px;
-    font-size: 14px;
-    background: none;
-    color: #99ffff;
-    border: none;
-    margin: 0 25px;
-}
-#atlasInfoDetail .close{
-    position: absolute;
-    right: 5px;
-    top: 0px;
-    width: 14px;
-    height: 14px;
-    background: url(../../images/layout/close-white.png) no-repeat;
-    background-size: 14px;
-    cursor: pointer; 
-}
-#atlasAddsetPopModel,#theModel{
-    display: none;
-}
-#atlasAddsetPop{
-    position: absolute;
-    top: 200px;
-    right: 500px;
-    width: 296px;
-    height: 346px;
-    display: none;
-}
-#atlasAddsetPop .cover-content{
-    background: #fff;
-    border: 2px solid #01b7ff;
-    height: 46px;
-}
-#atlasAddsetPop .cover-content.active{
-    height: auto;
-}
-#atlasAddsetPop.active{
-    display: block;
-}
-#atlasAddsetPop .title{
-    clear: both;
-    background: url(../../images/atlas/ptop.png) no-repeat;
-    padding: 0 20px;
-    height: 46px;
-    line-height: 46px;
-    color: #fff;
-    cursor: move;
-}
-#atlasAddsetPop .title span{
-    float: right;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background: url(../../images/atlas/shang.png) no-repeat;
-    margin-top: 18px;
-    cursor: pointer;
-}
-#atlasAddsetPop .title span.juan{
-    background: url(../../images/atlas/xia.png) no-repeat;
-}
-#atlasAddsetPop .content{
-    height: 0;
-    overflow: hidden;
-}
-#atlasAddsetPop .content.active{
-    height: auto;
-}
-#atlasAddsetPop .content ul{
-    height: 248px;
-    overflow: auto;
-}
-#atlasAddsetPop .content li{
-    padding: 0 20px;
-    clear: both;
-    height: 50px;
-    line-height: 50px;
-    border-bottom: 1px solid #eee;
-}
-#atlasAddsetPop .content li:focus{
-    background: #f5f5f5;
-}
-#atlasAddsetPop .content li span.name{
-    width: 210px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: inline-block;
-    white-space: nowrap;
-}
-#atlasAddsetPop .content li span.del{
-    float: right;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background: url(../../images/atlas/del.png) no-repeat;
-    margin-top: 16px;
-    cursor: pointer;
-}
-#atlasAddsetPop .btns{
-    text-align: center;
-    padding: 10px;
-}
-#atlasAddsetPop .btns button{
-    width: 100px;
-    height: 32px;
-    border-radius: 5px;
-    background: #2c8af3;
-    color: #fff;
-    line-height: 32px;
-    text-align: center;
-    border: none;
-    margin: 0 5px;
-    cursor: pointer;
-}
+  color: #fff;
+  padding: 0 0 6px 0;
+  background: url(../../images/atlas/bg-rp-body-bottom.png) no-repeat center
+    bottom;
+  margin-bottom: 10px;
+  margin-right: 24px;
+}
+#atlasInfoDetail p {
+  padding: 0px;
+  margin: 0px;
+  color: #fff;
+  line-height: 1.5;
+  text-align: left;
+}
+#atlasInfoDetail .cover-content {
+  margin: 10px 20px;
+  text-align: center;
+  width: 240px;
+}
+#thematicPanel .btn-atals-labrary {
+  width: auto;
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  height: 35px;
+  font-size: 14px;
+  background: none;
+  color: #99ffff;
+  border: none;
+  margin: 0 25px;
+}
+#atlasInfoDetail .close {
+  position: absolute;
+  right: 5px;
+  top: 0px;
+  width: 14px;
+  height: 14px;
+  background: url(../../images/layout/close-white.png) no-repeat;
+  background-size: 14px;
+  cursor: pointer;
+}
+#atlasAddsetPopModel,
+#theModel {
+  display: none;
+}
+#atlasAddsetPop {
+  position: absolute;
+  top: 200px;
+  right: 500px;
+  width: 296px;
+  height: 346px;
+  display: none;
+}
+#atlasAddsetPop .cover-content {
+  background: #fff;
+  border: 2px solid #01b7ff;
+  height: 46px;
+}
+#atlasAddsetPop .cover-content.active {
+  height: auto;
+}
+#atlasAddsetPop.active {
+  display: block;
+}
+#atlasAddsetPop .title {
+  clear: both;
+  background: url(../../images/atlas/ptop.png) no-repeat;
+  padding: 0 20px;
+  height: 46px;
+  line-height: 46px;
+  color: #fff;
+  cursor: move;
+}
+#atlasAddsetPop .title span {
+  float: right;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: url(../../images/atlas/shang.png) no-repeat;
+  margin-top: 18px;
+  cursor: pointer;
+}
+#atlasAddsetPop .title span.juan {
+  background: url(../../images/atlas/xia.png) no-repeat;
+}
+#atlasAddsetPop .content {
+  height: 0;
+  overflow: hidden;
+}
+#atlasAddsetPop .content.active {
+  height: auto;
+}
+#atlasAddsetPop .content ul {
+  height: 248px;
+  overflow: auto;
+}
+#atlasAddsetPop .content li {
+  padding: 0 20px;
+  clear: both;
+  height: 50px;
+  line-height: 50px;
+  border-bottom: 1px solid #eee;
+}
+#atlasAddsetPop .content li:focus {
+  background: #f5f5f5;
+}
+#atlasAddsetPop .content li span.name {
+  width: 210px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+  white-space: nowrap;
+}
+#atlasAddsetPop .content li span.del {
+  float: right;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: url(../../images/atlas/del.png) no-repeat;
+  margin-top: 16px;
+  cursor: pointer;
+}
+#atlasAddsetPop .btns {
+  text-align: center;
+  padding: 10px;
+}
+#atlasAddsetPop .btns button {
+  width: 100px;
+  height: 32px;
+  border-radius: 5px;
+  background: #2c8af3;
+  color: #fff;
+  line-height: 32px;
+  text-align: center;
+  border: none;
+  margin: 0 5px;
+  cursor: pointer;
+}

styles/chooseBg.css

@@ -1,136 +1,140 @@
 #chooseBg {
-    position: absolute;
-    right: 50px;
-    top: 0px;
-    width: 260px;
-    height: 72px;
-    z-index: 111111;
-    /* display: none; */
-    padding: 0 13px 0 0;
+  position: absolute;
+  right: 50px;
+  top: 0px;
+  width: 260px;
+  height: 72px;
+  z-index: 111111;
+  /* display: none; */
+  padding: 0 13px 0 0;
 }
 
 #mapBaseLayerControl {
-    width: 100%;
-    height: 100%;
-    background: rgba(45, 53, 68, 0.8);
-    border: 1px solid #aaaaaa;
-    border-radius: 4px;
-    background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+  background: rgba(64, 158, 255, 0.8);
+  border: 1px solid #aaaaaa;
+  border-radius: 4px;
+  background-size: 100% 100%;
 }
 
 .tDClass {
-    /* background: #378be0; */
+  /* background: #378be0; */
 }
 
 #mapBaseLayerControl .choosemap {
-    margin: 0px;
-    width: 100%;
-    height: 100%;
-    position: relative;
+  margin: 0px;
+  width: 100%;
+  height: 100%;
+  position: relative;
 }
 
 #mapBaseLayerControl .choosemap .map-list {
-    position: absolute;
-    top: 2px;
-    left: 4px;
-    width: 100%;
-    height: 52px;
+  position: absolute;
+  top: 2px;
+  left: 4px;
+  width: 100%;
+  height: 52px;
 }
 
 #mapBaseLayerControl .choosemap .name-dem-control {
-    position: absolute;
-    bottom: 6px;
-    left: 3px;
-    width: 100%;
-    height: 10px;
+  position: absolute;
+  bottom: 6px;
+  left: 3px;
+  width: 100%;
+  height: 10px;
 }
 
 #mapBaseLayerControl .choosemap .name-dem-control li {
-    margin-left: 3px;
-    position: relative;
-    font-size: 10px;
-    color: #ffffff;
-    line-height: 10px;
-    float: left;
-    width: 55px;
-    background: none;
+  margin-left: 3px;
+  position: relative;
+  font-size: 10px;
+  color: #ffffff;
+  line-height: 10px;
+  float: left;
+  width: 55px;
+  background: none;
 }
 
 #mapBaseLayerControl .choosemap .name-dem-control li span {
-    position: absolute;
-    left: 20px;
-    top: 0px;
+  position: absolute;
+  left: 20px;
+  top: 0px;
 }
 
 #mapBaseLayerControl .choosemap .name-dem-control .name-control {
-    display: none;
+  display: none;
 }
 
 #mapBaseLayerControl .choosemap .name-dem-control .geWang-control {
-    display: none;
+  display: none;
 }
 
 #mapBaseLayerControl .choosemap .name-dem-control .dem-control {
-    display: none;
+  display: none;
 }
 
 #mapBaseLayerControl .choosemap .name-dem-control .yx-control {
-    display: none;
-    width: 81px;
+  display: none;
+  width: 81px;
 }
 
 #mapBaseLayerControl .choosemap .map-list li {
-    width: 64px;
-    height: 44px;
-    position: relative;
-    float: left;
-    cursor: pointer;
-    color: #ffffff;
-    margin: 0 3px;
+  width: 64px;
+  height: 44px;
+  position: relative;
+  float: left;
+  cursor: pointer;
+  color: #ffffff;
+  margin: 0 3px;
 }
 
-#mapBaseLayerControl .choosemap .map-list li:hover {}
+#mapBaseLayerControl .choosemap .map-list li:hover {
+}
 
 #mapBaseLayerControl .choosemap .map-list li p {
-    position: absolute;
-    top: 30px;
-    left: 0px;
-    background: #1065ba;
-    height: 13px;
-    line-height: 12px;
-    text-align: center;
-    font-size: 14px;
+  position: absolute;
+  top: 30px;
+  left: 0px;
+  background: #1065ba;
+  height: 13px;
+  line-height: 12px;
+  text-align: center;
+  font-size: 14px;
 }
 
-#mapBaseLayerControl .choosemap .map-list li.active {}
+#mapBaseLayerControl .choosemap .map-list li.active {
+}
 
-#mapBaseLayerControl .choosemap .map-list li.active p {}
+#mapBaseLayerControl .choosemap .map-list li.active p {
+}
 
 #mapBaseLayerControl .choosemap .map-list li.active .mapchoose-border {
-    background: url(../images/layout/map-type-border-shadow.png) center center no-repeat;
+  background: url(../images/layout/map-type-border-shadow.png) center center
+    no-repeat;
 }
 
 #mapBaseLayerControl .choosemap .map-list li .mapchoose-border {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    background: url(../images/layout/map-type-border.png) center center no-repeat;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  background: url(../images/layout/map-type-border.png) center center no-repeat;
 }
 
 #mapBaseLayerControl .choosemap .map-list .baseSatellite {
-    margin-right: 20px;
-    margin-left: 10px;
-    background-size: 100% 100% !important;
+  margin-right: 20px;
+  margin-left: 10px;
+  background-size: 100% 100% !important;
 }
 
 #mapBaseLayerControl .choosemap .map-list .baseTerrain {
-    background: url(../images/layout/dishi.png) no-repeat;
-    margin-right: 20px;
+  background: url(../images/layout/dishi.png) no-repeat;
+  margin-right: 20px;
 }
 
 #mapBaseLayerControl .choosemap .map-list .baseStreet {
-    background: url(../images/layout/jiaot.png) no-repeat;
-    margin-right: 0px;
-}
+  background: url(../images/layout/jiaot.png) no-repeat;
+  margin-right: 0px;
+}

styles/feedback.css

@@ -1,93 +1,93 @@
 .feedbackPanel {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 100;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 100;
 }
 
 .feedbackPanel .bg {
-    width: 100%;
-    height: 100%;
-    background: rgba(45, 53, 68, 0.8);
+  width: 100%;
+  height: 100%;
+  background: rgba(64, 158, 255, 0.8);
 }
 
 .feedbackPanel .content {
-    position: fixed;
-    top: calc(50% - 350px);
-    left: calc(50% - 500px);
-    width: 900px;
-    height: 640px;
-    background: #ffffff;
-    padding: 30px 50px;
-    border-radius: 7px;
+  position: fixed;
+  top: calc(50% - 350px);
+  left: calc(50% - 500px);
+  width: 900px;
+  height: 640px;
+  background: #ffffff;
+  padding: 30px 50px;
+  border-radius: 7px;
 }
 
 .feedbackPanel .content .close {
-    position: absolute;
-    top: -5px;
-    right: 15px;
-    font-size: 50px;
-    font-weight: 100;
-    color: #aaaaaa;
-    cursor: pointer;
+  position: absolute;
+  top: -5px;
+  right: 15px;
+  font-size: 50px;
+  font-weight: 100;
+  color: #aaaaaa;
+  cursor: pointer;
 }
 
 .feedbackPanel .content .title {
-    text-align: center;
-    font-size: 25px;
-    color: #000;
-    margin: 20px 0 0 0;
-    letter-spacing: 2px;
+  text-align: center;
+  font-size: 25px;
+  color: #000;
+  margin: 20px 0 0 0;
+  letter-spacing: 2px;
 }
 
 .feedbackPanel .content .tips {
-    color: #aaaaaa;
-    font-size: 14px;
-    margin: 10px 0 40px 0;
+  color: #aaaaaa;
+  font-size: 14px;
+  margin: 10px 0 40px 0;
 }
 
 .feedbackPanel .content table,
 .feedbackPanel .content table tr {
-    width: 100%;
+  width: 100%;
 }
 
 .feedbackPanel .content table tr td {
-    width: 46%;
-    height: 50px;
-    padding: 0 4% 0 0;
+  width: 46%;
+  height: 50px;
+  padding: 0 4% 0 0;
 }
 
 .feedbackPanel .content table tr td:last-child {
-    padding: 0;
+  padding: 0;
 }
 
 .feedbackPanel .content table tr td p {
-    margin: 0 0 10px 0;
+  margin: 0 0 10px 0;
 }
 
 .feedbackPanel .content table tr td input {
-    width: calc(97% - 10px);
-    height: 40px;
-    padding: 0 10px 0 10px;
-    margin: 0 0 15px 0;
-    border: 1px solid #aaaaaa;
+  width: calc(97% - 10px);
+  height: 40px;
+  padding: 0 10px 0 10px;
+  margin: 0 0 15px 0;
+  border: 1px solid #aaaaaa;
 }
 
 .feedbackPanel .content table tr textarea {
-    width: 100%;
-    padding: 5px;
+  width: 100%;
+  padding: 5px;
 }
 
 .feedbackPanel .content .red {
-    color: red;
+  color: red;
 }
 
 .feedbackPanel .content .submit {
-    width: 120px;
-    height: 36px;
-    background: transparent;
-    border: 1px solid #aaaaaa;
-    border-radius: 4px;
-    margin: 15px calc(50% - 60px);
-    cursor: pointer;
-}
+  width: 120px;
+  height: 36px;
+  background: transparent;
+  border: 1px solid #aaaaaa;
+  border-radius: 4px;
+  margin: 15px calc(50% - 60px);
+  cursor: pointer;
+}

styles/footer.css

@@ -1,311 +1,308 @@
 #footer {
-    /* background: url('../images/layout/footer-bg.png') bottom no-repeat; */
-    background: rgba(0, 0, 0, .5);
-    width: 100%;
-    /*height: 30px;*/
-    background-size: 100% 30px;
-    color: #fff;
-    text-align: center;
+  /* background: url('../images/layout/footer-bg.png') bottom no-repeat; */
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  /*height: 30px;*/
+  background-size: 100% 30px;
+  color: #fff;
+  text-align: center;
 }
 
 @media screen and (max-width: 1600px) {
-    /* #footer {
+  /* #footer {
         height: 50px;
     } */
 }
 
 #footer.class3d {
-    /* background: url('../images/layout/footer-3d-bg.png') bottom left repeat; */
+  /* background: url('../images/layout/footer-3d-bg.png') bottom left repeat; */
 }
 
-
 #footer .footer-info {
-    line-height: 30px;
-    float: left;
-    /* width: 40%; */
-    text-align: left;
+  line-height: 30px;
+  float: left;
+  /* width: 40%; */
+  text-align: left;
 }
 
 #footer .footer-content {
-    padding: 5px 0 0 0;
-    display: inline-block;
-    /* width: 60%; */
+  padding: 5px 0 0 0;
+  display: inline-block;
+  /* width: 60%; */
 }
 
 @media screen and (max-width: 1600px) {
-    #footer .footer-info {
-        width: 100%
-    }
+  #footer .footer-info {
+    width: 100%;
+  }
 
-    #footer .footer-content {
-        /* width: 100%; */
-        padding: 0;
-        /* float: left; */
-    }
+  #footer .footer-content {
+    /* width: 100%; */
+    padding: 0;
+    /* float: left; */
+  }
 }
 
 #footer .footer-content div,
 #footer .footer-content p,
 #footer .footer-info p {
-    display: inline-block;
+  display: inline-block;
 }
 
 #footer .footer-info p {
-    margin: 0 0 0 10px;
-    cursor: pointer;
-    text-decoration: underline;
-    color: #3385ff;
+  margin: 0 0 0 10px;
+  cursor: pointer;
+  text-decoration: underline;
+  color: #3385ff;
 }
 
 #footer .footer-info p:first-child {
-    cursor: default;
-    text-decoration: none;
-    color: #ffffff;
+  cursor: default;
+  text-decoration: none;
+  color: #ffffff;
 }
 
 #footer .Arealinkimg {
-    width: 25px;
-    height: 22px;
-    background: url('../images/layout/chooselocation_rt.png') no-repeat 4px 0px;
-    border: none;
-    vertical-align: text-bottom;
+  width: 25px;
+  height: 22px;
+  background: url("../images/layout/chooselocation_rt.png") no-repeat 4px 0px;
+  border: none;
+  vertical-align: text-bottom;
 }
 
 #footer .Arealinkimg.downIcon {
-    width: 25px;
-    height: 22px;
-    background: url('../images/layout/chooselocation.png') no-repeat 4px 0px;
-    border: none;
-    vertical-align: text-bottom;
+  width: 25px;
+  height: 22px;
+  background: url("../images/layout/chooselocation.png") no-repeat 4px 0px;
+  border: none;
+  vertical-align: text-bottom;
 }
 
-
-
 #footer.min .f-right {
-    width: 50%;
-    height: 100%;
-    position: absolute;
-    right: 0px;
-    bottom: 0px;
-    z-index: 2;
+  width: 50%;
+  height: 100%;
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  z-index: 2;
 }
 
 #footer .tools-location {
-    /* width: 160px; */
-    height: 22px;
-    float: left;
-    display: none;
-    position: relative;
+  /* width: 160px; */
+  height: 22px;
+  float: left;
+  display: none;
+  position: relative;
 }
 
 #footer .tools-location p {
-    color: #fff;
-    font-size: 15px;
-    line-height: 23px;
-    float: left;
-    margin-right: 10px;
+  color: #fff;
+  font-size: 15px;
+  line-height: 23px;
+  float: left;
+  margin-right: 10px;
 }
 
 #footer .tools-location .location_wheater {
-    cursor: pointer;
-    float: right;
+  cursor: pointer;
+  float: right;
 }
 
 #footer .Arealinkimg:hover {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 #footer .abtn_location {
-    /* width: 77px; */
-    height: 22px;
-    overflow: hidden;
-    float: left;
-    margin-right: 10px;
+  /* width: 77px; */
+  height: 22px;
+  overflow: hidden;
+  float: left;
+  margin-right: 10px;
 }
 
 #footer .abtn_location a {
-    line-height: 23px;
-    font-size: 14px;
-    color: #fff;
-    margin-left: 5px;
-    width: 77px;
-    height: 22px;
-    overflow: hidden;
-    text-decoration: none;
+  line-height: 23px;
+  font-size: 14px;
+  color: #fff;
+  margin-left: 5px;
+  width: 77px;
+  height: 22px;
+  overflow: hidden;
+  text-decoration: none;
 }
 
 #footer .scale {
-    width: 100px;
-    float: left;
-    position: absolute;
-    left: 10px;
-    bottom: 40px;
+  width: 100px;
+  float: left;
+  position: absolute;
+  left: 10px;
+  bottom: 40px;
 }
 
 @media screen and (max-width: 1370px) {
-    #footer .scale {
-        bottom: 70px;
-    }
+  #footer .scale {
+    bottom: 70px;
+  }
 }
 
 #footer .scale .leaflet-control-scale-line {
-    /* margin-left: 90px; */
-    font-size: 14px;
-    margin-top: 16px;
+  /* margin-left: 90px; */
+  font-size: 14px;
+  margin-top: 16px;
 }
 
 #footer .scale .leaflet-control-scale-line span {
-    top: -17px;
-    left: 0px;
-    display: block;
-    text-align: center;
-    width: 100%;
+  top: -17px;
+  left: 0px;
+  display: block;
+  text-align: center;
+  width: 100%;
 }
 
 #footer .viewHeight {
-    float: left;
-    color: #fff;
+  float: left;
+  color: #fff;
 }
 
 #footer .viewHeight p {
-    float: left;
+  float: left;
 }
 
 #footer .pointInfoChange {
-    float: left;
+  float: left;
 }
 
 #footer #pointInfoToTen {
-    float: left;
-    color: #fff;
-    font-size: 14px;
-    margin-right: 14px;
-    /* width: 376px; */
-    line-height: 23px;
-    height: 100%;
-    position: relative;
+  float: left;
+  color: #fff;
+  font-size: 14px;
+  margin-right: 14px;
+  /* width: 376px; */
+  line-height: 23px;
+  height: 100%;
+  position: relative;
 }
 
 #footer #pointInfoToTen .goosXY {
-    cursor: pointer;
-    float: left;
+  cursor: pointer;
+  float: left;
 }
 
 #footer #pointInfoToTen .zoningNum {
-    cursor: pointer;
-    margin-right: 5px;
-    float: left;
+  cursor: pointer;
+  margin-right: 5px;
+  float: left;
 }
 
 #footer #pointInfoToTen .zoningNum .sixZoning {
-    display: none;
+  display: none;
 }
 
 #footer #pointInfoToSix {
-    float: left;
-    color: #fff;
-    font-size: 14px;
-    margin-right: 25px;
-    /* width: 270px; */
-    line-height: 23px;
-    height: 100%;
-    cursor: pointer;
+  float: left;
+  color: #fff;
+  font-size: 14px;
+  margin-right: 25px;
+  /* width: 270px; */
+  line-height: 23px;
+  height: 100%;
+  cursor: pointer;
 }
 
 #footer #pointInfoToSix .hm {
-    display: none;
+  display: none;
 }
 
 #footer .logo {
-    position: absolute;
-    width: 200px;
-    height: 32px;
-    bottom: 50px;
-    left: 5px;
-    color: transparent;
-    cursor: pointer;
-    background: url(../images/layout/logo.png) center no-repeat;
+  position: absolute;
+  width: 200px;
+  height: 32px;
+  bottom: 50px;
+  left: 5px;
+  color: transparent;
+  cursor: pointer;
+  background: url(../images/layout/logo.png) center no-repeat;
 }
 
 #footer.class3d .logo {
-    position: absolute;
-    width: 240px;
-    height: 32px;
-    bottom: 0px;
-    left: 5px;
-    color: transparent;
-    cursor: pointer;
-    background: url(../images/layout/logo3wei.png) center no-repeat;
+  position: absolute;
+  width: 240px;
+  height: 32px;
+  bottom: 0px;
+  left: 5px;
+  color: transparent;
+  cursor: pointer;
+  background: url(../images/layout/logo3wei.png) center no-repeat;
 }
 
 #footer .viewZoom,
 #footer .viewHeight,
 #footer .viewDEMHeight {
-    line-height: 23px;
-    margin-left: 10px;
+  line-height: 23px;
+  margin-left: 10px;
 }
 
 #footer .contact {
-    position: absolute;
-    right: 10px;
-    bottom: 105px;
-    text-align: right;
+  position: absolute;
+  right: 10px;
+  bottom: 105px;
+  text-align: right;
 }
 
 #footer .contact a {
-    color: #fff;
-    font-size: 16px;
-    background: #0e74d1;
-    padding: 4px 10px;
-    display: inline-block;
-    text-decoration: underline;
-    /*border-radius: 5px;*/
+  color: #fff;
+  font-size: 16px;
+  background: #0e74d1;
+  padding: 4px 10px;
+  display: inline-block;
+  text-decoration: underline;
+  /*border-radius: 5px;*/
 }
 
 #footer .contact a.olCommu {
-    background: #0e74d1 url(../images/layout/share-link.png) 4px no-repeat;
-    background-size: 19px;
-    padding-left: 27px;
+  background: #0e74d1 url(../images/layout/share-link.png) 4px no-repeat;
+  background-size: 19px;
+  padding-left: 27px;
 }
 
 #footer .contact .phoneNum {
-    background: #0e74d1;
-    /*border-radius: 5px 0 0 5px;*/
-    padding: 4px 10px;
-    margin-right: -5px;
-    display: none;
-    font-size: 16px;
+  background: #0e74d1;
+  /*border-radius: 5px 0 0 5px;*/
+  padding: 4px 10px;
+  margin-right: -5px;
+  display: none;
+  font-size: 16px;
 }
 
 #footer .contact .phoneNum a {
-    border-radius: 0;
-    padding: 0;
-    margin: 0;
+  border-radius: 0;
+  padding: 0;
+  margin: 0;
 }
 
 #footer .contact a.data-share-link {
-    background: #0e74d1 url(../images/layout/link.png) 6px no-repeat;
-    background-size: 14px;
-    padding-left: 23px;
-    display: none;
+  background: #0e74d1 url(../images/layout/link.png) 6px no-repeat;
+  background-size: 14px;
+  padding-left: 23px;
+  display: none;
 }
 
 #footer .contact a.kf-center {
-    display: none;
+  display: none;
 }
 
 #footer .contact a.showNum {
-    background: #0e74d1 url(../images/layout/phone.png) 6px no-repeat;
-    background-size: 14px;
-    padding-left: 27px;
+  background: #0e74d1 url(../images/layout/phone.png) 6px no-repeat;
+  background-size: 14px;
+  padding-left: 27px;
 }
 
 #footer .contact.olB {
-    bottom: 70px;
+  bottom: 70px;
 }
 
 #footer .contact.power {
-    bottom: 35px;
+  bottom: 35px;
 }
 
 /*#footer .contact a.showNum{
@@ -313,51 +310,52 @@
 }*/
 
 #footer #changeLatlng {
-    display: none;
-    position: absolute;
-    bottom: 28px;
-    left: -14px;
-    width: 60px;
-    /* background: url(../images/layout/saiderbb.png) center center; */
-    background: rgba(39, 68, 78, 0.86);
-    border: 1px solid #aaaaaa;
-    border-radius: 4px;
-    padding: 5px;
-    margin: 5px 0 0 5px;
+  display: none;
+  position: absolute;
+  bottom: 28px;
+  left: -14px;
+  width: 60px;
+  /* background: url(../images/layout/saiderbb.png) center center; */
+  background: rgba(64, 158, 255, 0.86);
+  border: 1px solid #aaaaaa;
+  border-radius: 4px;
+  padding: 5px;
+  margin: 5px 0 0 5px;
 }
 
 #footer #changeLatlng li {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 #footer #changeLatlng li:hover {
-    color: #00ffcc;
+  color: #00ffcc;
 }
 
 #pointInfoToTen .changeType {
-    float: left;
-    margin-right: 10px;
-    padding-right: 15px;
-    cursor: pointer;
-    background: url(../images/layout/chooselocation_rt.png) no-repeat 47px;
-    width: 45px;
-    text-align: left;
+  float: left;
+  margin-right: 10px;
+  padding-right: 15px;
+  cursor: pointer;
+  background: url(../images/layout/chooselocation_rt.png) no-repeat 47px;
+  width: 45px;
+  text-align: left;
 }
 
 #footer {
-    -moz-user-select: -moz-none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
+  -moz-user-select: -moz-none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 #footer .iplocation {
-    position: absolute;
-    width: 35px;
-    height: 35px;
-    right: 39px;
-    bottom: 54px;
-    background: #262a30 url(../images/tools/iplocation.png) center center no-repeat;
-    cursor: pointer;
-}
+  position: absolute;
+  width: 35px;
+  height: 35px;
+  right: 39px;
+  bottom: 54px;
+  background: #262a30 url(../images/tools/iplocation.png) center center
+    no-repeat;
+  cursor: pointer;
+}

styles/gcms/gcmsList.css

@@ -1,387 +1,387 @@
 #gcmsListWrap {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0px;
-    right: 0px;
-    top: 0px;
-    bottom: 0px;
-    /* background: #fff url(/images/layout/bg-normal.png); */
-    background: rgba(34, 59, 73, 1);
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px;
+  /* background: #fff url(/images/layout/bg-normal.png); */
+  background: rgba(34, 59, 73, 1);
 }
 
 #gcmsListWrap .panel-header h3 {
-    padding: 20px 10px 20px 30px;
-    color: #FFFFFF;
-    /* background: url(../../images/layout/bg-a-hover.png) no-repeat center bottom; */
-    border-bottom: 1px solid #aaaaaa;
-    display: block;
-    font-size: 16px;
-    text-decoration: none;
-    text-align: center;
+  padding: 20px 10px 20px 30px;
+  color: #ffffff;
+  /* background: url(../../images/layout/bg-a-hover.png) no-repeat center bottom; */
+  border-bottom: 1px solid #aaaaaa;
+  display: block;
+  font-size: 16px;
+  text-decoration: none;
+  text-align: center;
 }
 
 #gcmsArticlesListPage .abtn-next {
-    text-indent: -11111px;
-    background: #0b4496 url(/images/layout/page_06ch.png) no-repeat 7px 4px;
-    border: 0px;
+  text-indent: -11111px;
+  background: #0b4496 url(/images/layout/page_06ch.png) no-repeat 7px 4px;
+  border: 0px;
 }
 
 #gcmsArticlesListPage .abtn-prev {
-    text-indent: -11111px;
-    background: #0b4496 url(/images/layout/page_13ch.png) no-repeat 7px 4px;
-    border: 0px;
+  text-indent: -11111px;
+  background: #0b4496 url(/images/layout/page_13ch.png) no-repeat 7px 4px;
+  border: 0px;
 }
 
 #gcmsListWrap .panel-header .abtn-goback {
-    position: absolute;
-    left: 20px;
-    top: 20px;
+  position: absolute;
+  left: 20px;
+  top: 20px;
 }
 
 #gcmsListWrap .panel-header .abtn-goback .icon-angle-left {
-    float: left;
-    width: 16px;
-    height: 16px;
-    background: url(../../images/layout/glyphicons-halflings-white.png) no-repeat -430px -72px;
-    margin: 3px 0 0 0;
+  float: left;
+  width: 16px;
+  height: 16px;
+  background: url(../../images/layout/glyphicons-halflings-white.png) no-repeat -430px -72px;
+  margin: 3px 0 0 0;
 }
 
 #gcmsListContent {
-    clear: both;
-    float: right;
-    width: 243px;
-    position: relative;
-    background: rgba(34, 59, 73, 0.86);
-    color: #fff;
-    padding-top: 10px;
+  clear: both;
+  float: right;
+  width: 243px;
+  position: relative;
+  background: rgba(64, 158, 255, 0.86);
+  color: #fff;
+  padding-top: 10px;
 }
 
 #gcmsListContent.single {
-    width: 310px;
-    float: none;
+  width: 310px;
+  float: none;
 }
 
-
 #gcmsListContent .panel-header {
-    background: #700000 !important;
+  background: #700000 !important;
 }
 
 #gcmsSubNav {
-    position: absolute;
-    left: 0px;
-    top: 55px;
-    width: 31px;
-    padding: 10px 0 0 5px;
+  position: absolute;
+  left: 0px;
+  top: 55px;
+  width: 31px;
+  padding: 10px 0 0 5px;
 }
 
 #gcmsSubNav li {
-    width: 22px;
-    font-size: 14px;
-    margin-bottom: 1px;
-    padding: 10px 3px 10px 8px;
-    cursor: pointer;
-    text-align: center;
-    margin-right: -1px;
-    color: #FFF;
-    line-height: 1.1;
-    word-wrap: break-word;
-    letter-spacing: 1em;
+  width: 22px;
+  font-size: 14px;
+  margin-bottom: 1px;
+  padding: 10px 3px 10px 8px;
+  cursor: pointer;
+  text-align: center;
+  margin-right: -1px;
+  color: #fff;
+  line-height: 1.1;
+  word-wrap: break-word;
+  letter-spacing: 1em;
 }
 
 #gcmsSubNav li a {
-    color: #FFF;
-    text-decoration: none;
+  color: #fff;
+  text-decoration: none;
 }
 
-#gcmsSubNav li:hover {}
+#gcmsSubNav li:hover {
+}
 
 #gcmsSubNav .cur {
-    border-right: none;
-    background: #FFFCFC;
-    font-weight: bold;
-    color: #000;
+  border-right: none;
+  background: #fffcfc;
+  font-weight: bold;
+  color: #000;
 }
 
-#gcmsArticlesList {}
+#gcmsArticlesList {
+}
 
 #gcmsListContent.single #gcmsArticlesList {
-    width: 100%;
+  width: 100%;
 }
 
 #gcmsArticlesList ul {
-    clear: both;
-    padding: 0px;
-    overflow: hidden;
+  clear: both;
+  padding: 0px;
+  overflow: hidden;
 }
 
 #gcmsArticlesList li {
-    position: relative;
-    overflow: hidden;
-    cursor: pointer;
-    padding: 15px 20px;
-    font-size: 14px;
-    border-bottom: 1px solid #aaaaaa;
-    /* background:url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom; */
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  padding: 15px 20px;
+  font-size: 14px;
+  border-bottom: 1px solid #aaaaaa;
+  /* background:url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom; */
 }
 
 #gcmsArticlesList li .addIG {
-    text-indent: -1111111111px;
-    width: 20px;
-    height: 20px;
-    background: url(../../images/layout/icon_close.png) no-repeat center center;
-    position: absolute;
-    right: 20px;
-    top: 50%;
-    margin-top: -10px;
-    border: 0px;
-    cursor: pointer;
+  text-indent: -1111111111px;
+  width: 20px;
+  height: 20px;
+  background: url(../../images/layout/icon_close.png) no-repeat center center;
+  position: absolute;
+  right: 20px;
+  top: 50%;
+  margin-top: -10px;
+  border: 0px;
+  cursor: pointer;
 }
 
 #gcmsArticlesList li .addIG:hover {
-    background: url(../../images/layout/icon_close_hover.png) no-repeat center center;
+  background: url(../../images/layout/icon_close_hover.png) no-repeat center
+    center;
 }
 
 #gcmsArticlesList li.cur {
-    /* background: url(../../images/layout/bg-a-hover.png) no-repeat center bottom; */
-    background: rgb(68, 106, 128);
+  /* background: url(../../images/layout/bg-a-hover.png) no-repeat center bottom; */
+  background: rgb(68, 106, 128);
 }
 
 #gcmsArticlesList li .thumb {
-    width: 204px;
-    border: 1px solid #FFF;
+  width: 204px;
+  border: 1px solid #fff;
 }
 
 #gcmsArticlesList li a {
-    display: block;
-    padding: 5px 0;
-    color: #540a02;
+  display: block;
+  padding: 5px 0;
+  color: #540a02;
 }
 
 #gcmsArticlesList li .new {
-    font-weight: bold;
-    padding: 5px 0 5px 36px;
-    background: url(../images/icon-new.png) no-repeat left 8px;
+  font-weight: bold;
+  padding: 5px 0 5px 36px;
+  background: url(../images/icon-new.png) no-repeat left 8px;
 }
 
 #gcmsArticlesList li:hover {
-    background: rgb(68, 106, 128);
+  background: rgb(68, 106, 128);
 }
 
 #gcmsArticlesList li a i {
-    background: url(../../images/layout/glyphicons-halflings.gif) no-repeat -72px -120px;
-    display: inline-block;
-    width: 14px;
-    height: 14px;
+  background: url(../../images/layout/glyphicons-halflings.gif) no-repeat -72px -120px;
+  display: inline-block;
+  width: 14px;
+  height: 14px;
 }
 
 #gcmsArticlesList li .time {
-    color: #b01403;
+  color: #b01403;
 }
 
 #gcmsArticlesListPage {
-    margin: 0 0 0 37px;
+  margin: 0 0 0 37px;
 }
 
 #gcmsArticlesListPage.single {
-    margin: 0 0 0 0px;
+  margin: 0 0 0 0px;
 }
 
-
 #gcmsArticlesListPage.single {
-    margin: 0 0 0 0px;
+  margin: 0 0 0 0px;
 }
 
 #gcmsListSearchPanel {
-    /* background:#2967b4 url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom; */
-    background: rgba(34, 59, 73, 0.86);
-    padding: 5px 5px;
-    margin: 0 0 0 37px;
-    font-size: 14px;
-    color: #fff;
+  /* background:#2967b4 url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom; */
+  background: rgba(64, 158, 255, 0.86);
+  padding: 5px 5px;
+  margin: 0 0 0 37px;
+  font-size: 14px;
+  color: #fff;
 }
 
 #gcmsListSearchPanel .input {
-    width: 120px;
+  width: 120px;
 }
 
 #gcmsListSearchPanel.single {
-    margin: 0 0 0 0px;
+  margin: 0 0 0 0px;
 }
 
-
 #gcmsListSearchPanel.single .input {
-    width: 160px;
+  width: 160px;
 }
 
 #gcmsListSearchPanel dl {
-    overflow: hidden;
-    padding: 3px 0;
-    margin-top: 10px;
+  overflow: hidden;
+  padding: 3px 0;
+  margin-top: 10px;
 }
 
 #gcmsListSearchPanel dl dt {
-    float: left;
-    width: 80px;
-    padding-right: 10px;
-    text-align: right;
-    line-height: 30px;
+  float: left;
+  width: 80px;
+  padding-right: 10px;
+  text-align: right;
+  line-height: 30px;
 }
 
 #gcmsListSearchPanel dl dd {
-    float: left;
-    width: 150px;
+  float: left;
+  width: 150px;
 }
 
 #gcmsListSearchPanel.single dl dd {
-    float: left;
-    width: 190px;
+  float: left;
+  width: 190px;
 }
 
 #gcmsListSearchPanel dl dd .select {
-    height: 30px;
-    border: 1px solid #dcdcdc;
-    color: #666;
+  height: 30px;
+  border: 1px solid #dcdcdc;
+  color: #666;
 }
 
 #gcmsListSearchPanel dl dd ul.list {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 #gcmsListSearchPanel dl dd ul.list li {
-    float: left;
-    line-height: 30px;
-    margin-right: 5px;
+  float: left;
+  line-height: 30px;
+  margin-right: 5px;
 }
 
 #gcmsListSearchPanel .time-input {
-    width: 75px;
-    float: left
+  width: 75px;
+  float: left;
 }
 
 #gcmsListSearchPanel.single .time-input {
-    width: 115px;
-    float: left
+  width: 115px;
+  float: left;
 }
 
 #gcmsListSearchPanel.single .limites-search .input {
-    width: 59px;
+  width: 59px;
 }
 
 #gcmsListSearchPanel .limites-search .input {
-    width: 39px;
+  width: 39px;
 }
 
 #gcmsListSearchPanel .limites-search dd label {
-    padding: 0 5px;
+  padding: 0 5px;
 }
 
 #gcmsListSearchPanel .timepicker-clean {
-    position: relative;
-    margin: 0 0 0 -20px;
-    cursor: pointer;
-    display: none;
-    font-family: Arial;
-    padding: 4px 5px;
-    background: #fff;
-    display: inline-block;
-    display: none;
-    margin-right: 1px;
+  position: relative;
+  margin: 0 0 0 -20px;
+  cursor: pointer;
+  display: none;
+  font-family: Arial;
+  padding: 4px 5px;
+  background: #fff;
+  display: inline-block;
+  display: none;
+  margin-right: 1px;
 }
 
-
 #gcmsListBtnSearch {
-    color: #FFFFFF;
-    overflow: hidden;
-    cursor: pointer;
-    border: 1px solid #aaaaaa;
-    border-radius: 4px;
-    margin: 10px 0 10px 130px;
-    background: rgba(34, 59, 73, 1) url(../../images/layout/icon-search-bg.png) no-repeat 10px center;
-    padding-left: 15px;
-    width: 70px;
-    height: 27px;
+  color: #ffffff;
+  overflow: hidden;
+  cursor: pointer;
+  border: 1px solid #aaaaaa;
+  border-radius: 4px;
+  margin: 10px 0 10px 130px;
+  background: rgba(34, 59, 73, 1) url(../../images/layout/icon-search-bg.png)
+    no-repeat 10px center;
+  padding-left: 15px;
+  width: 70px;
+  height: 27px;
 }
 
 #gcmsListBtnSearch:hover {
-    background-color: rgb(68, 106, 128);
+  background-color: rgb(68, 106, 128);
 }
 
 /* 新分页 */
 #gcmsArticlesListPage {
-    height: 36px;
-    width: 233px;
-    overflow: hidden;
-    text-align: right;
-    clear: both;
-    position: relative;
-    color: #fff;
-    margin: auto;
-    border: 1px solid #aaaaaa;
-    border-radius: 5px;
-    background: rgba(34, 59, 73, 0.86);
-    padding: 0px;
-    margin-top: 20px;
-    /*display:none;*/
+  height: 36px;
+  width: 233px;
+  overflow: hidden;
+  text-align: right;
+  clear: both;
+  position: relative;
+  color: #fff;
+  margin: auto;
+  border: 1px solid #aaaaaa;
+  border-radius: 5px;
+  background: rgba(64, 158, 255, 0.86);
+  padding: 0px;
+  margin-top: 20px;
+  /*display:none;*/
 }
 
 #gcmsArticlesListPage .firstpage {
-    width: 28px;
-    height: 36px;
-    margin-left: 3px;
-    border-right: 1px solid #aaaaaa;
-    background: url(../../images/layout/page_11.png) no-repeat 7px 11px;
-    float: left;
-    cursor: pointer;
+  width: 28px;
+  height: 36px;
+  margin-left: 3px;
+  border-right: 1px solid #aaaaaa;
+  background: url(../../images/layout/page_11.png) no-repeat 7px 11px;
+  float: left;
+  cursor: pointer;
 }
 
 #gcmsArticlesListPage .uppage {
-    width: 29px;
-    height: 34px;
-    background: url(../../images/layout/page_13.png) no-repeat 10px 11px;
-    float: left;
-    cursor: pointer;
+  width: 29px;
+  height: 34px;
+  background: url(../../images/layout/page_13.png) no-repeat 10px 11px;
+  float: left;
+  cursor: pointer;
 }
 
 .fg {
-    width: 1px;
-    height: 34px;
-    background: url(../../images/layout/page_03.png) no-repeat 0px 10px;
-    float: left;
+  width: 1px;
+  height: 34px;
+  background: url(../../images/layout/page_03.png) no-repeat 0px 10px;
+  float: left;
 }
 
 #thematicPageJump {
-    width: 96px;
-    height: 34px;
-    float: left;
+  width: 96px;
+  height: 34px;
+  float: left;
 }
 
 #thematicPageJump span {
-    float: left;
-    height: 24px;
-    font-size: 12px;
-    line-height: 37px;
-    text-indent: 35px;
+  float: left;
+  height: 24px;
+  font-size: 12px;
+  line-height: 37px;
+  text-indent: 35px;
 }
 
 #gcmsArticlesListPage .nextpage {
-    width: 29px;
-    height: 34px;
-    background: url(../../images/layout/page_06ch.png) no-repeat 10px 11px;
-    float: left;
-    cursor: pointer;
+  width: 29px;
+  height: 34px;
+  background: url(../../images/layout/page_06ch.png) no-repeat 10px 11px;
+  float: left;
+  cursor: pointer;
 }
 
 #gcmsArticlesListPage .endpage {
-    width: 28px;
-    height: 36px;
-    background: url(../../images/layout/page_08ch.png) no-repeat 7px 11px;
-    float: left;
-    border-left: 1px solid #aaaaaa;
-    cursor: pointer;
+  width: 28px;
+  height: 36px;
+  background: url(../../images/layout/page_08ch.png) no-repeat 7px 11px;
+  float: left;
+  border-left: 1px solid #aaaaaa;
+  cursor: pointer;
 }
 
 .page-wrap .btn-group {
-    float: right;
-    width: 93px;
-}
+  float: right;
+  width: 93px;
+}

styles/header.css

@@ -1,261 +1,258 @@
 #header .header-content {
-    height: 0px;
-    text-align: left;
+  height: 0px;
+  text-align: left;
 }
 
 /*#header input{
     border:none;
 }*/
 #header .h-left {
-    color: #fff;
-    text-align: left;
-    display: inline-block;
-    position: relative;
+  color: #fff;
+  text-align: left;
+  display: inline-block;
+  position: relative;
 }
 
 #header .h-center {
-    color: #fff;
-    text-align: left;
-    margin-right: 10px;
-    display: inline-block;
-    margin-top: 10px;
-    position: relative;
-    vertical-align: top;
-    border-radius: 4px;
-    background: rgba(45, 53, 68, 0.8);
-    float: right;
+  color: #fff;
+  text-align: left;
+  margin-right: 10px;
+  display: inline-block;
+  margin-top: 10px;
+  position: relative;
+  vertical-align: top;
+  border-radius: 4px;
+  background: rgba(64, 158, 255, 0.8);
+  float: right;
 }
 
 #header .h-center .h-center-search {
-    background: #ffffff url(../images/layout/search.png) center center no-repeat;
-    /* background: #ffffff; */
-    height: 35px;
-    vertical-align: middle;
-    border: 0px solid #01b7ff;
-    width: 35px;
-    margin: 5px 0 0 0;
-    vertical-align: top;
-    border-left: none;
-    cursor: pointer;
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
+  background: #ffffff url(../images/layout/search.png) center center no-repeat;
+  /* background: #ffffff; */
+  height: 35px;
+  vertical-align: middle;
+  border: 0px solid #01b7ff;
+  width: 35px;
+  margin: 5px 0 0 0;
+  vertical-align: top;
+  border-left: none;
+  cursor: pointer;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
 }
 
 #header .h-center .h-center-search:hover {
-    /* background: #378be0 url(../images/layout/search_active.png) 12px center no-repeat; */
+  /* background: #378be0 url(../images/layout/search_active.png) 12px center no-repeat; */
 }
 
 #header .h-center .h-center-search-content {
-    margin: 5px 0 0 0;
-    height: 35px;
-    padding: 0 0px 0 10px;
-    width: 210px;
-    border: 0px;
-    width: 270px;
-    line-height: 35px;
-    font-size: 16px;
-    color: #999;
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
+  margin: 5px 0 0 0;
+  height: 35px;
+  padding: 0 0px 0 10px;
+  width: 210px;
+  border: 0px;
+  width: 270px;
+  line-height: 35px;
+  font-size: 16px;
+  color: #999;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
 
 #header .h-center .close {
-    width: 20px;
-    height: 20px;
-    background: url(../images/layout/search-close.png) center center no-repeat;
-    /* background-size: 20px 20px; */
-    position: absolute;
-    top: 8px;
-    /* right: 92px; */
-    left: 339px;
-    cursor: pointer;
-    display: none;
-    padding: 5px 5px;
-    /* border-left: 1px solid #eee; */
+  width: 20px;
+  height: 20px;
+  background: url(../images/layout/search-close.png) center center no-repeat;
+  /* background-size: 20px 20px; */
+  position: absolute;
+  top: 8px;
+  /* right: 92px; */
+  left: 339px;
+  cursor: pointer;
+  display: none;
+  padding: 5px 5px;
+  /* border-left: 1px solid #eee; */
 }
 
 #header .h-right {
-    position: relative;
-    display: inline-block;
-    vertical-align: top;
-    float: right;
-    width: 191px;
-    height: 59px;
-    background: url(../images/layout/time.png) no-repeat;
-    background-size: 100% 100%;
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  float: right;
+  width: 191px;
+  height: 59px;
+  background: url(../images/layout/time.png) no-repeat;
+  background-size: 100% 100%;
 }
 
 #header.class3d .h-right {
-    background: url(../images/layout/time-3d.png) no-repeat;
-    background-size: 100% 100%;
+  background: url(../images/layout/time-3d.png) no-repeat;
+  background-size: 100% 100%;
 }
 
 #header .h-right #standardTime {
-    color: #fff;
-    text-align: center;
+  color: #fff;
+  text-align: center;
 }
 
 #header .h-right #standardTime .title {
-    font-family: 'SimHei';
-    font-size: 12px;
-    margin: 6px 0 0 25px;
+  font-family: "SimHei";
+  font-size: 12px;
+  margin: 6px 0 0 25px;
 }
 
 #header .h-right #standardTime .title .date {
-    font-size: 13px;
-    margin-left: 10px;
+  font-size: 13px;
+  margin-left: 10px;
 }
 
 #header .h-right #standardTime .time {
-    margin: 5px 0 0 65px;
-    transform: scale(0.9);
-    -ms-transform: scale(0.9);
+  margin: 5px 0 0 65px;
+  transform: scale(0.9);
+  -ms-transform: scale(0.9);
 }
 
 #header .h-right #standardTime .time span {
-    display: inline-block;
-    width: 16.5px;
-    height: 24px;
+  display: inline-block;
+  width: 16.5px;
+  height: 24px;
 }
 
 #header .h-right #standardTime .time .n0 {
-    background: url(../images/layout/numbers.png) -148px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -148px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n1 {
-    background: url(../images/layout/numbers.png) 6px 0 no-repeat;
+  background: url(../images/layout/numbers.png) 6px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n2 {
-    background: url(../images/layout/numbers.png) -11px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -11px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n3 {
-    background: url(../images/layout/numbers.png) -29px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -29px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n4 {
-    background: url(../images/layout/numbers.png) -46px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -46px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n5 {
-    background: url(../images/layout/numbers.png) -63px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -63px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n6 {
-    background: url(../images/layout/numbers.png) -80px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -80px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n7 {
-    background: url(../images/layout/numbers.png) -96px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -96px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n8 {
-    background: url(../images/layout/numbers.png) -113px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -113px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .n9 {
-    background: url(../images/layout/numbers.png) -130px 0 no-repeat;
+  background: url(../images/layout/numbers.png) -130px 0 no-repeat;
 }
 
 #header .h-right #standardTime .time .mao {
-    background: url(../images/layout/mao.png) 0 9px no-repeat;
-    width: 6px;
+  background: url(../images/layout/mao.png) 0 9px no-repeat;
+  width: 6px;
 }
 
 #header.class3d .h-left,
 #header.class3d .h-center,
 #header.class3d .h-right {
-    /*background:none;*/
+  /*background:none;*/
 }
 
 #header.class3d {
-    /*background:url(../images/layout/bg-header-3d.png);*/
+  /*background:url(../images/layout/bg-header-3d.png);*/
 }
 
-
 #logo {
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    height: 61px;
-    width: 410px;
-    z-index: 3;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  height: 61px;
+  width: 410px;
+  z-index: 3;
 }
 
 #clock {
-    position: absolute;
-    right: 0px;
-    top: 0px;
-    z-index: 3;
-    width: 410px;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  z-index: 3;
+  width: 410px;
 }
 
 #operationalTime {
-    position: absolute;
-    right: 15px;
-    height: 30px;
-    width: 302px;
-    top: 15px;
+  position: absolute;
+  right: 15px;
+  height: 30px;
+  width: 302px;
+  top: 15px;
 }
 
 #operationalTime .title {
-    color: #00f0ff;
-    font-size: 14px;
-    height: 30px;
-    line-height: 30px;
-    float: left;
+  color: #00f0ff;
+  font-size: 14px;
+  height: 30px;
+  line-height: 30px;
+  float: left;
 }
 
 #operationalTime .time {
-    height: 30px;
-    line-height: 30px;
-    font-size: 15px;
-    color: #fff;
-    float: left;
-    margin-left: 15px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 15px;
+  color: #fff;
+  float: left;
+  margin-left: 15px;
 }
 
-
-
 #searchInViewFrom {
-    position: absolute;
-    z-index: 2;
-    top: 1px;
-    background: url(../images/layout/serchdimi_03.png);
-    width: 259px;
-    height: 38px;
-    right: 48px;
-    display: none;
-    border: 1px solid #01b7ff;
-    border-bottom: 0px;
+  position: absolute;
+  z-index: 2;
+  top: 1px;
+  background: url(../images/layout/serchdimi_03.png);
+  width: 259px;
+  height: 38px;
+  right: 48px;
+  display: none;
+  border: 1px solid #01b7ff;
+  border-bottom: 0px;
 }
 
 #searchresult {
-    width: 315px;
-    /*height: 446px; */
-    border-radius: 4px;
-    background: #fff;
-    background-position: center;
-    position: absolute;
-    top: 61px;
-    left: 100px;
-    display: none;
-    z-index: 2;
-    /* border: 1px solid #01b7ff; */
-    max-height: 550px;
-    overflow-y: auto;
+  width: 315px;
+  /*height: 446px; */
+  border-radius: 4px;
+  background: #fff;
+  background-position: center;
+  position: absolute;
+  top: 61px;
+  left: 100px;
+  display: none;
+  z-index: 2;
+  /* border: 1px solid #01b7ff; */
+  max-height: 550px;
+  overflow-y: auto;
 }
 
 #searchInViewFrom .input {
-    float: left;
-    background: none;
-    border: 0px;
-    width: 182px;
-    height: 37px;
-    line-height: 37px;
-    font-size: 14px;
-    color: #fff;
+  float: left;
+  background: none;
+  border: 0px;
+  width: 182px;
+  height: 37px;
+  line-height: 37px;
+  font-size: 14px;
+  color: #fff;
 }
 
 /* .lichoose{
@@ -263,118 +260,119 @@
     display: block !important;
 }  */
 .lichooseicon {
-    background: url(../images/layout/chooseli.png) !important;
+  background: url(../images/layout/chooseli.png) !important;
 }
 
 #btnSearchInView {
-    border: 0px;
-    height: 30px;
-    width: 30px;
-    /* background: url(../images/layout/toolsulbg_03.png) no-repeat -9px -6px; */
-    /*margin-left: 20px;*/
-    margin-top: 0px;
+  border: 0px;
+  height: 30px;
+  width: 30px;
+  /* background: url(../images/layout/toolsulbg_03.png) no-repeat -9px -6px; */
+  /*margin-left: 20px;*/
+  margin-top: 0px;
 }
 
 #header .tools-routgh {
-    background: url(../images/layout/ljgh.png) no-repeat center center;
-    /* background: transparent; */
-    height: 45px;
-    vertical-align: middle;
-    border: 0px;
-    width: 45px;
-    vertical-align: top;
-    border-left: none;
-    cursor: pointer;
+  background: url(../images/layout/ljgh.png) no-repeat center center;
+  /* background: transparent; */
+  height: 45px;
+  vertical-align: middle;
+  border: 0px;
+  width: 45px;
+  vertical-align: top;
+  border-left: none;
+  cursor: pointer;
 }
 
 #header .tools-routgh:hover,
 #header .tools-routgh.cur {
-    background: url(../images/layout/ljgh_active.png) no-repeat center center;
+  background: url(../images/layout/ljgh_active.png) no-repeat center center;
 }
 
 /* 头像暂不显示 */
 #head {
-    width: 46px;
-    height: 46px;
-    margin: 10px;
-    border: 2px solid transparent;
-    background: transparent;
+  width: 46px;
+  height: 46px;
+  margin: 10px;
+  border: 2px solid transparent;
+  background: transparent;
 }
 
 /* 目录 */
 .h-center .menu {
-    font-size: 12px;
-    color: #666;
-    background: transparent;
-    background: transparent url(../images/layout/menu-icon.png) 0px no-repeat;
-    padding: 11px 17px 14px 28px;
-    border: 0px;
-    /* vertical-align: top; */
-    /*margin-right: 10px;*/
-    cursor: pointer;
-    height: 45px;
-    position: static;
+  font-size: 12px;
+  color: #666;
+  background: transparent;
+  background: transparent url(../images/layout/menu-icon.png) 0px no-repeat;
+  padding: 11px 17px 14px 28px;
+  border: 0px;
+  /* vertical-align: top; */
+  /*margin-right: 10px;*/
+  cursor: pointer;
+  height: 45px;
+  position: static;
 }
 
-
 .h-center input {
-    float: left;
+  float: left;
 }
 
 #routSearchContent {
-    width: 340px;
-    min-height: 600px;
-    background: rgba(34, 59, 73, 0.86);
-    background-position: center;
-    position: absolute;
-    top: 64px;
-    left: 0px;
-    display: none;
-    z-index: 2;
-    /* border: 1px solid #01b7ff; */
+  width: 340px;
+  min-height: 600px;
+  background: rgba(64, 158, 255, 0.86);
+  background-position: center;
+  position: absolute;
+  top: 64px;
+  left: 0px;
+  display: none;
+  z-index: 2;
+  /* border: 1px solid #01b7ff; */
 }
 
 #appQRCode {
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    width: 50px;
-    height: 50px;
-    border-radius: 25px;
-    background: rgba(45, 53, 68, 0.8) url(../images/layout/QRCode.png) center center no-repeat;
-    cursor: pointer;
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background: rgba(64, 158, 255, 0.8) url(../images/layout/QRCode.png) center
+    center no-repeat;
+  cursor: pointer;
 }
 
 #appQRCode .appQRCodeContent {
-    position: relative;
-    top: -50px;
-    right: 150px;
-    width: 100px;
-    height: 100px;
-    padding: 30px 20px 20px 20px;
-    border-radius: 10px;
-    background-color: rgba(45, 53, 68, 0.8);
-    display: none;
+  position: relative;
+  top: -50px;
+  right: 150px;
+  width: 100px;
+  height: 100px;
+  padding: 30px 20px 20px 20px;
+  border-radius: 10px;
+  background-color: rgba(64, 158, 255, 0.8);
+  display: none;
 }
 
-#appQRCode>p {
-    width: 100%;
-    height: 100%;
-    border-radius: 25px;
+#appQRCode > p {
+  width: 100%;
+  height: 100%;
+  border-radius: 25px;
 }
 
 #appQRCode .appQRCodeContent .describe {
-    position: absolute;
-    top: 5px;
-    left: 10px;
-    color: #fff;
+  position: absolute;
+  top: 5px;
+  left: 10px;
+  color: #fff;
 }
 
 #appQRCode .appQRCodeContent .close {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    top: 5px;
-    right: 5px;
-    background: transparent url(../images/layout/search-close.png) center center no-repeat;
-}
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  top: 5px;
+  right: 5px;
+  background: transparent url(../images/layout/search-close.png) center center
+    no-repeat;
+}

styles/layout.css

@@ -1,104 +1,103 @@
-#wrapper{
-    position: absolute;
-    z-index: 0;
-    left: 0px;
-    top: 0px;
-    right:0px;
-    bottom:0px;
-}
-#header{
-    position: absolute;
-    top: 0px;
-    left: 0;
-    /*height: 61px;*/
-    height: 0px;
-    z-index: 100;
-    width: 100%;
+#wrapper {
+  position: absolute;
+  z-index: 0;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+}
+#header {
+  position: absolute;
+  top: 0px;
+  left: 0;
+  /*height: 61px;*/
+  height: 0px;
+  z-index: 100;
+  width: 100%;
 }
 
-#mapHolder{
-    position: absolute !important;
-    width: 100%;
-    height: 100%;
-    left: 0px;
-    top: 0px;
-    z-index: 0;
-    background: #f2efe9 url(../images/layout/no-tile.png);
-}
-#footer{
-    position: absolute;
-    height: 30px;
-    bottom: 0px;
-    left: 0px; 
-    right:0px;
-    z-index: 100;
+#mapHolder {
+  position: absolute !important;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  z-index: 0;
+  background: #f2efe9 url(../images/layout/no-tile.png);
+}
+#footer {
+  position: absolute;
+  height: 30px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  z-index: 100;
 }
 
-
-#sideNav{
-    position: absolute;
-    bottom: 280px;
-    right: 0px;
-    z-index: 100;
-}
-#sideBar{
-    position: absolute;
-    width: 310px;
-    right: -310px;
-    top: 0px;
-    bottom:0px;
-    z-index: 100;
-}
-#thematicControlContent{
-    position: absolute;
-    z-index: 100;
-    bottom:40px;
-    left: 50%;
-    margin-left:-200px;
-    display: none;
+#sideNav {
+  position: absolute;
+  bottom: 280px;
+  right: 0px;
+  z-index: 100;
+}
+#sideBar {
+  position: absolute;
+  width: 310px;
+  right: -310px;
+  top: 0px;
+  bottom: 0px;
+  z-index: 100;
+}
+#thematicControlContent {
+  position: absolute;
+  z-index: 100;
+  bottom: 40px;
+  left: 50%;
+  margin-left: -200px;
+  display: none;
 }
 
 .page-wrap {
-    height: 30px;
-    padding: 19px 19px 0 20px;
-    overflow: hidden;
-    text-align: center;
-    /*clear: both;*/
-    /*position: relative;*/
-    color: #666;
+  height: 30px;
+  padding: 19px 19px 0 20px;
+  overflow: hidden;
+  text-align: center;
+  /*clear: both;*/
+  /*position: relative;*/
+  color: #666;
 }
-.page-wrap #placeSearchPageJump{
-    display: inline-block;
+.page-wrap #placeSearchPageJump {
+  display: inline-block;
 }
-#searchresult .page-wrap{
-    display: none;
+#searchresult .page-wrap {
+  display: none;
 }
 .page-wrap .count {
-    margin: 0 7px;
-    /*float: left;*/
+  margin: 0 7px;
+  /*float: left;*/
 }
 .page-wrap .count span {
-    /*float: left;*/
-    height: 24px;
-    font-size: 12px;
-    line-height: 24px;
+  /*float: left;*/
+  height: 24px;
+  font-size: 12px;
+  line-height: 24px;
 }
 .page-wrap .count .input {
-    width: 17px;
-    height: 23px;
-    line-height: 23px;
-    padding: 0px;
-    /* float: left; */
-    margin: 0px;
-    text-align: center;
-    font-size: 12px;
-    font-family: 'microsoft yahei';
-    border: none;
+  width: 17px;
+  height: 23px;
+  line-height: 23px;
+  padding: 0px;
+  /* float: left; */
+  margin: 0px;
+  text-align: center;
+  font-size: 12px;
+  font-family: "microsoft yahei";
+  border: none;
 }
 .page-wrap .btn-group {
-    display: inline-block;
-    /*float: right;*/
-    /*width: 93px;*/
+  display: inline-block;
+  /*float: right;*/
+  /*width: 93px;*/
 }
 /*#searchresult .next {
     text-indent: -11111px;
@@ -110,196 +109,200 @@
     background: #0b4496 url(../images/layout/page_13ch.png) no-repeat 7px 4px;
     border: 0px;
 }*/
-#openSTSideContent{
-    position: absolute;
-    display: none !important;
-    overflow: hidden;
-    width: 30px;
-    height: 30px;
-    top: 50%;
-    right: 0px;
-    cursor: pointer;
-    margin-top: -15px;
+#openSTSideContent {
+  position: absolute;
+  display: none !important;
+  overflow: hidden;
+  width: 30px;
+  height: 30px;
+  top: 50%;
+  right: 0px;
+  cursor: pointer;
+  margin-top: -15px;
 }
 
 /* 全屏 */
-#fullscreen{
-    position: absolute;
-    bottom: 330px;
-    right: 38px;
-    width: 50px;
-    height: 50px;
-    background-color: #365162;
-    cursor: pointer;
-    display: none;
-}
-#fullscreen:hover{
-    background-color: #365162;
-}
-#fullscreen .cover-content{
-    background:url(../images/layout/fullscrien.png)no-repeat center center;
-    text-indent: -11111111px;
-}
-#fullscreen .cover-content.cur{
-    background: rgba(45, 53, 68, 0.9) url(../images/layout/closebig.png) no-repeat center center;
-}
-#editWeiXingOp{
-    position: absolute;
-    top: 455px;
-    right: 11px;
-    color: #fff;
-    background: #365162;
-    width: 260px;
-    height: 170px;
-    display: none;
-}
-#picker,#textPicker {
-    margin:0;
-    padding:0;
-    border:0;
-    width:70px;
-    height:20px;
-    border-right:20px solid green;
-    line-height:20px;
-}
-#edit{
-    position: absolute;
-    top: 420px;
-    right: 11px;
-    color: #fff;
-    background: #365162;
-    width: 75px;
-    text-align: center;
-    padding: 5px 0;
-    display: none;
-    cursor: pointer;
-}
-#editWeiXingOp.active,#edit.active{
-    display: block;
-}
-#editWeiXingOp .editContent{
-    position: absolute;
-    right: 0px;
-    background: #365162;
-    top: 0px;
-    padding: 10px 25px;
-    border: 1px solid #2BA1EE;
-    width: 210px;
-    height: 150px;
-}
-#editWeiXingOp .styleInfo li{
-    line-height: 30px;
-    display: none;
-}
-#editWeiXingOp.line .styleInfo li.edLine{
-    display: block;
-}
-#editWeiXingOp.point .styleInfo li.edFont{
-    display: block;
-}
-#editWeiXingOp .styleInfo li span.styLi{
-    width: 100px;
-    display: inline-block;
-}
-#editWeiXingOp .styleInfo li span.clr{
-    margin-left: -9px;
-}
-#editWeiXingOp .styleInfo li input{
-    width: 75px;
-    height: 20px;
-    line-height: 20px;
-    margin: 0 5px;
-    padding-left: 5px;
-}
-#editWeiXingOp .styleInfo li select{
-    border: none;
-    height: 20px;
-    line-height: 20px;
-    margin-left: 5px;
-}
-#editWeiXingOp .styleInfo li input.nb{
-    border: none;
-}
-#editWeiXingOp .updt{
-    text-align: center;
-    position: absolute;
-    bottom: 13px;
-    margin: 0 auto;
-    width: 200px;
-}
-#editWeiXingOp .updt button{
-    border: none;
-    background: #eee;
-    padding: 5px 12px;
-    color: #333;
-    cursor: pointer;
-}
-#editWeiXingOp .updt button:hover{
-    color: #2BA1EE;
-}
-#editWeiXingOp .edYuan,#editWeiXingOp .edYuanPlus{
-    display: none;
+#fullscreen {
+  position: absolute;
+  bottom: 330px;
+  right: 38px;
+  width: 50px;
+  height: 50px;
+  background-color: #365162;
+  cursor: pointer;
+  display: none;
+}
+#fullscreen:hover {
+  background-color: #365162;
+}
+#fullscreen .cover-content {
+  background: url(../images/layout/fullscrien.png) no-repeat center center;
+  text-indent: -11111111px;
+}
+#fullscreen .cover-content.cur {
+  background: rgba(64, 158, 255, 0.8) url(../images/layout/closebig.png)
+    no-repeat center center;
+}
+#editWeiXingOp {
+  position: absolute;
+  top: 455px;
+  right: 11px;
+  color: #fff;
+  background: #365162;
+  width: 260px;
+  height: 170px;
+  display: none;
+}
+#picker,
+#textPicker {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  width: 70px;
+  height: 20px;
+  border-right: 20px solid green;
+  line-height: 20px;
+}
+#edit {
+  position: absolute;
+  top: 420px;
+  right: 11px;
+  color: #fff;
+  background: #365162;
+  width: 75px;
+  text-align: center;
+  padding: 5px 0;
+  display: none;
+  cursor: pointer;
+}
+#editWeiXingOp.active,
+#edit.active {
+  display: block;
+}
+#editWeiXingOp .editContent {
+  position: absolute;
+  right: 0px;
+  background: #365162;
+  top: 0px;
+  padding: 10px 25px;
+  border: 1px solid #2ba1ee;
+  width: 210px;
+  height: 150px;
+}
+#editWeiXingOp .styleInfo li {
+  line-height: 30px;
+  display: none;
+}
+#editWeiXingOp.line .styleInfo li.edLine {
+  display: block;
+}
+#editWeiXingOp.point .styleInfo li.edFont {
+  display: block;
+}
+#editWeiXingOp .styleInfo li span.styLi {
+  width: 100px;
+  display: inline-block;
+}
+#editWeiXingOp .styleInfo li span.clr {
+  margin-left: -9px;
+}
+#editWeiXingOp .styleInfo li input {
+  width: 75px;
+  height: 20px;
+  line-height: 20px;
+  margin: 0 5px;
+  padding-left: 5px;
+}
+#editWeiXingOp .styleInfo li select {
+  border: none;
+  height: 20px;
+  line-height: 20px;
+  margin-left: 5px;
+}
+#editWeiXingOp .styleInfo li input.nb {
+  border: none;
+}
+#editWeiXingOp .updt {
+  text-align: center;
+  position: absolute;
+  bottom: 13px;
+  margin: 0 auto;
+  width: 200px;
+}
+#editWeiXingOp .updt button {
+  border: none;
+  background: #eee;
+  padding: 5px 12px;
+  color: #333;
+  cursor: pointer;
+}
+#editWeiXingOp .updt button:hover {
+  color: #2ba1ee;
+}
+#editWeiXingOp .edYuan,
+#editWeiXingOp .edYuanPlus {
+  display: none;
 }
 /*测量提示文字*/
-#measuringText{
-    background: rgba(0, 0, 0, 0.5);
-    border: 1px solid transparent;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    color: #fff;
-    font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
-    margin-left: 20px;
-    margin-top: -15px;
-    padding: 4px 8px;
-    position: absolute;
-    white-space: nowrap;
-    z-index: 6;
-    display: none;
+#measuringText {
+  background: rgba(0, 0, 0, 0.5);
+  border: 1px solid transparent;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  color: #fff;
+  font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
+  margin-left: 20px;
+  margin-top: -15px;
+  padding: 4px 8px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 6;
+  display: none;
 }
 /*隐藏旧版标注*/
-.leaflet-draw{
-    display: none !important;
-    opacity: 0 !important;
-    width: 0 !important;
+.leaflet-draw {
+  display: none !important;
+  opacity: 0 !important;
+  width: 0 !important;
 }
 /*影像图*/
-#yx2016{
-    position: absolute;
-    right: 30px;
-    top: 105px;
-    z-index: 99999;
-    color: #fff;
-    background: rgba(0,0,0,0.3);
-    font-size: 16px;
-    padding: 5px 12px;
-    opacity: 0;
-    display: none;
-}
-#yx2012{
-    position: absolute;
-    right: 30px;
-    top: 70px;
-    z-index: 99999;
-    color: #fff;
-    background: rgba(0,0,0,0.3);
-    font-size: 16px;
-    padding: 5px 12px;
-    display: none;
+#yx2016 {
+  position: absolute;
+  right: 30px;
+  top: 105px;
+  z-index: 99999;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.3);
+  font-size: 16px;
+  padding: 5px 12px;
+  opacity: 0;
+  display: none;
+}
+#yx2012 {
+  position: absolute;
+  right: 30px;
+  top: 70px;
+  z-index: 99999;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.3);
+  font-size: 16px;
+  padding: 5px 12px;
+  display: none;
 }
 
-.mouseTip{
-    height: 20px;
-    line-height: 20px;
-    background: #000000;
-    opacity: 0.5;
-    color: #ffffff;
-    font-size: 14px;
-    position: absolute;
-    left: -1000px;
-    top: 0px;
-    z-index: 1111;
-    padding: 2px 5px;
-}
-#coverHeightKSFX{
-    display: none;
-}
+.mouseTip {
+  height: 20px;
+  line-height: 20px;
+  background: #000000;
+  opacity: 0.5;
+  color: #ffffff;
+  font-size: 14px;
+  position: absolute;
+  left: -1000px;
+  top: 0px;
+  z-index: 1111;
+  padding: 2px 5px;
+}
+#coverHeightKSFX {
+  display: none;
+}

styles/menu.css

@@ -1,116 +1,116 @@
 .fl {
-	float: left;
+  float: left;
 }
 
 .fr {
-	float: right;
+  float: right;
 }
 
 .clearfix:after {
-	content: ".";
-	display: block;
-	height: 0pt;
-	clear: both;
-	visibility: hidden;
+  content: ".";
+  display: block;
+  height: 0pt;
+  clear: both;
+  visibility: hidden;
 }
 
 .clearfix {
-	display: block;
+  display: block;
 }
 
 #layerControlMenu .myLayers .clearfix {
-	display: inline-block;
+  display: inline-block;
 }
 
 #layerControlMenu .myLayers .clearfix:after {
-	content: ".";
-	display: inline-block;
-	height: 0pt;
-	clear: both;
-	visibility: hidden;
+  content: ".";
+  display: inline-block;
+  height: 0pt;
+  clear: both;
+  visibility: hidden;
 }
 
 #menu.moveOut {
-	/*left: 0px;*/
+  /*left: 0px;*/
 }
 
 #menu {
-	position: absolute;
-	top: 70px;
-	left: 0px;
-	width: 340px;
-	/*height: 631px;*/
-	/* background: #1257ac; */
-	background: rgba(34, 59, 73, 0.86);
-	z-index: 1001;
+  position: absolute;
+  top: 70px;
+  left: 0px;
+  width: 340px;
+  /*height: 631px;*/
+  /* background: #1257ac; */
+  background: rgba(64, 158, 255, 0.86);
+  z-index: 1001;
 }
 
 #menu .menu-title {
-	color: #fff;
-	height: 50px;
-	line-height: 50px;
-	font-size: 18px;
-	padding: 0 0 0 20px;
-	border-bottom: 1px solid rgba(57, 84, 107, 0.86);
+  color: #fff;
+  height: 50px;
+  line-height: 50px;
+  font-size: 18px;
+  padding: 0 0 0 20px;
+  border-bottom: 1px solid rgba(64, 208, 255, 0.86);
 }
 
 #menu .menu-title p {
-	display: inline-block;
-	float: right;
-	position: relative;
-	right: 15px;
-	height: 50px;
-	width: 25px;
-	background: url(../images/layout/menu-title.png);
-	cursor: pointer;
+  display: inline-block;
+  float: right;
+  position: relative;
+  right: 15px;
+  height: 50px;
+  width: 25px;
+  background: url(../images/layout/menu-title.png);
+  cursor: pointer;
 }
 
 #menu .im-0 {
-	cursor: pointer;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-	margin-left: 20px;
-	padding-left: 35px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  margin-left: 20px;
+  padding-left: 35px;
 }
 
 #menu .menu-scroll {
-	max-height: 700px;
-	overflow: hidden;
-	overflow-y: auto;
-	/* background: #1f5e9f; */
+  max-height: 700px;
+  overflow: hidden;
+  overflow-y: auto;
+  /* background: #1f5e9f; */
 }
 
 #menu .mnsc {
-	max-height: 600px;
-	overflow: auto;
+  max-height: 600px;
+  overflow: auto;
 }
 
 /* 菜单各项图标 */
 #menu .menu-base.infoMenu .im-0 {
-	background: url(../images/layout/menu.png) left no-repeat;
-	background-size: 17px;
+  background: url(../images/layout/menu.png) left no-repeat;
+  background-size: 17px;
 }
 
 #menu p.zhuanTi {
-	background: url(../images/layout/zhuanti.png) no-repeat 0px 18px;
+  background: url(../images/layout/zhuanti.png) no-repeat 0px 18px;
 }
 
 #menu p.hailiang {
-	background: url(../images/layout/menu-list.png) no-repeat -11px -30px;
+  background: url(../images/layout/menu-list.png) no-repeat -11px -30px;
 }
 
 #menu p.tdm {
-	background: url(../images/layout/menu-list.png) no-repeat -11px -74px;
+  background: url(../images/layout/menu-list.png) no-repeat -11px -74px;
 }
 
 #menu p.infoIcon {
-	background: url(../images/layout/menu-list.png) no-repeat -11px -118px;
+  background: url(../images/layout/menu-list.png) no-repeat -11px -118px;
 }
 
 #menu p.kuozhan {
-	background: url(../images/layout/menu-list.png) no-repeat -11px -166px;
+  background: url(../images/layout/menu-list.png) no-repeat -11px -166px;
 }
 
 /* 图层控制图标 */
@@ -119,458 +119,457 @@
 	background-size: 20px;
 }*/
 #menu li {
-	line-height: 49px;
-	/* background: #1257ab; */
-	color: #fff;
-	font-size: 14px;
+  line-height: 49px;
+  /* background: #1257ab; */
+  color: #fff;
+  font-size: 14px;
 }
 
 #menu li.menu-base {
-	border-bottom: 1px solid rgba(57, 84, 107, 0.86);
+  border-bottom: 1px solid rgba(64, 208, 255, 0.86);
 }
 
-#menu li.menu-base:hover>p span,
-#menu li.menu-base.active>p span {
-	color: #fdda34
+#menu li.menu-base:hover > p span,
+#menu li.menu-base.active > p span {
+  color: #fdda34;
 }
 
 #menu .print {
-	padding: 10px;
-	padding-left: 0;
+  padding: 10px;
+  padding-left: 0;
 }
 
 #menu .print span {
-	display: inline-block;
-	text-align: left;
-	width: 50px;
-	margin-left: 40px;
-	font-size: 14px;
+  display: inline-block;
+  text-align: left;
+  width: 50px;
+  margin-left: 40px;
+  font-size: 14px;
 }
 
 #menu .print .ctr {
-	text-align: center;
+  text-align: center;
 }
 
 #menu .print select,
 #menu .print button {
-	line-height: 32px;
-	height: 32px;
-	border: 1px solid #a4a4a4;
-	border-radius: 4px;
-	background: #fff;
-	color: #666;
+  line-height: 32px;
+  height: 32px;
+  border: 1px solid #a4a4a4;
+  border-radius: 4px;
+  background: #fff;
+  color: #666;
 }
 
 #menu .print #paper {
-	width: 90px;
+  width: 90px;
 }
 
 #menu .print #ruler {
-	width: 154px;
+  width: 154px;
 }
 
 #menu .print .PDF {
-	width: 212px;
+  width: 212px;
 }
 
 #menu .print #legend {
-	margin-left: 40px;
+  margin-left: 40px;
 }
 
 #menu .print #cdGrid {
-	margin-left: 50px;
+  margin-left: 50px;
 }
 
 #menu .print input[type="checkbox"] {
-	background: #fff;
-	vertical-align: middle;
+  background: #fff;
+  vertical-align: middle;
 }
 
 #menu .print label {
-	font-size: 14px;
-	margin-left: 5px;
+  font-size: 14px;
+  margin-left: 5px;
 }
 
 #menu .print p {
-	margin-top: -5px;
+  margin-top: -5px;
 }
 
 #menu .mn-content {
-	display: none;
-	/* background: #1f5e9f; */
+  display: none;
+  /* background: #1f5e9f; */
 }
 
-#menu .infoMenu {}
+#menu .infoMenu {
+}
 
 #menu .infoMenu li {
-	border-left: none;
-	border-right: none;
-	background: #365162;
+  border-left: none;
+  border-right: none;
+  background: #365162;
 }
 
 #menu .infoMenu li span:hover,
 #menu .infoMenu .im-2 a:hover,
 #menu .infoMenu .im-3 div:hover {
-	color: #fdda34;
+  color: #fdda34;
 }
 
 #menu .infoMenu .fu {
-	cursor: pointer;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-	height: 40px;
-	line-height: 40px;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  height: 40px;
+  line-height: 40px;
 }
 
 #menu .infoMenu .fu span {
-	display: inline-block;
-	margin-left: 40px;
-	padding-left: 24px;
-	background: url(../images/layout/right.png) left no-repeat;
+  display: inline-block;
+  margin-left: 40px;
+  padding-left: 24px;
+  background: url(../images/layout/right.png) left no-repeat;
 }
 
 #menu .infoMenu .commitMecal .startCommit {
-	display: none;
+  display: none;
 }
 
 #menu .infoMenu .commitMecal .startCommit p,
 #menu .infoMenu .commitMecal .stopCommit p {
-	text-indent: 37px;
-	cursor: default;
+  text-indent: 37px;
+  cursor: default;
 }
 
-
 #menu .infoMenu .im-2 .fu span {
-	margin-left: 50px;
-	font-size: 14px;
+  margin-left: 50px;
+  font-size: 14px;
 }
 
 #menu .infoMenu .commitMecal .startCommit span {
-	color: #0ff;
-	padding: 0px;
-	margin-left: 10px;
-	cursor: pointer;
+  color: #0ff;
+  padding: 0px;
+  margin-left: 10px;
+  cursor: pointer;
 }
 
 #menu .infoMenu .commitMecal .stopCommit span {
-	color: #f00;
-	padding: 0px;
-	margin-left: 10px;
-	cursor: pointer;
+  color: #f00;
+  padding: 0px;
+  margin-left: 10px;
+  cursor: pointer;
 }
 
 #menu .infoMenu .active .fu span {
-	background: url(../images/layout/down.png) left no-repeat;
+  background: url(../images/layout/down.png) left no-repeat;
 }
 
 #menu .infoMenu .active .im-2 .fu span {
-	background: url(../images/layout/right.png) left no-repeat;
+  background: url(../images/layout/right.png) left no-repeat;
 }
 
 #menu .infoMenu .active .im-2.active .fu span,
 #menu .infoMenu .active .im-2 .fu.active span {
-	background: url(../images/layout/down.png) left no-repeat;
+  background: url(../images/layout/down.png) left no-repeat;
 }
 
 #menu .infoMenu .im-1 {
-	border-top: 1px solid rgba(57, 84, 107, 0.86);
-	position: relative;
+  border-top: 1px solid rgba(64, 208, 255, 0.86);
+  position: relative;
 }
 
 #menu #exKuozhan.infoMenu .im-1 {
-	padding-left: 64px;
+  padding-left: 64px;
 }
 
 #menu .infoMenu .im-2 {
-	border-bottom: 1px solid #06418a;
+  border-bottom: 1px solid #06418a;
 }
 
 #menu .infoMenu .im-1 ul li.im-3 {
-	background: #124071;
-	border-top: 1px solid #235487;
-	padding-left: 20px;
+  background: #124071;
+  border-top: 1px solid #235487;
+  padding-left: 20px;
 }
 
 #menu .infoMenu .im-1 ul li.im-3 span {
-	font-size: 12px;
+  font-size: 12px;
 }
 
 #menu .infoMenu .im-3 li {
-	line-height: 35px;
-	font-size: 14px;
+  line-height: 35px;
+  font-size: 14px;
 }
 
 #menu .infoMenu .im-3 li .fr {
-	display: inline-block;
-	font-size: 12px;
-	width: 16px;
-	line-height: 16px;
-	text-align: center;
-	border: 1px solid #fff;
-	border-radius: 100% 100%;
-	margin: 9px 28px 0 5px;
-	cursor: pointer;
-	color: #fff;
-	opacity: .26;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
+  display: inline-block;
+  font-size: 12px;
+  width: 16px;
+  line-height: 16px;
+  text-align: center;
+  border: 1px solid #fff;
+  border-radius: 100% 100%;
+  margin: 9px 28px 0 5px;
+  cursor: pointer;
+  color: #fff;
+  opacity: 0.26;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 #menu .infoMenu .im-3 input[type="checkbox"] {
-	margin-right: 5px;
+  margin-right: 5px;
 }
 
 #menu li.switch {
-	height: 12px;
-	background: url(../images/layout/drag-bar.png) center no-repeat;
-	cursor: pointer;
+  height: 12px;
+  background: url(../images/layout/drag-bar.png) center no-repeat;
+  cursor: pointer;
 }
 
 #menu .active .mn-content {
-	display: block;
-
+  display: block;
 }
 
 #menu .active .im-0,
 #menu .active .im-m {
-	/*background: #4577A6;*/
-	color: #fff;
+  /*background: #4577A6;*/
+  color: #fff;
 }
 
 #menu .infoMenu .im-1 ul {
-	display: none;
-	/* background: #184A7E; */
+  display: none;
+  /* background: #184A7E; */
 }
 
 #menu .infoMenu .im-1 ul li {
-	/* background: #0f4a8b; */
-	cursor: pointer;
+  /* background: #0f4a8b; */
+  cursor: pointer;
 }
 
 #menu .myLayers li {
-	background: #1f5e9f;
+  background: #1f5e9f;
 }
 
 #menu .infoMenu .im-1 .im-3 li {
-	background: #123d6a;
-	margin-left: 35px;
+  background: #123d6a;
+  margin-left: 35px;
 }
 
 #menu .infoMenu .im-1.active ul {
-	display: block;
+  display: block;
 }
 
 #menu .infoMenu .im-1.active .im-2 ul {
-	display: none;
+  display: none;
 }
 
 #menu .infoMenu .im-1.active .im-2.active ul {
-	display: block;
+  display: block;
 }
 
 #menu .infoMenu .im-2 ul.im-3 {
-	display: none;
-	padding: 8px 0 8px 56px;
-	border-top: 1px solid #235487;
-	background: #123d6a;
+  display: none;
+  padding: 8px 0 8px 56px;
+  border-top: 1px solid #235487;
+  background: #123d6a;
 }
 
 #menu .infoMenu .im-1 .im-2.active ul.im-3 {
-	display: block;
+  display: block;
 }
 
 #menu .im-m {
-	cursor: move;
+  cursor: move;
 }
 
 #menu .im-m a {
-	line-height: 49px;
-	text-align: center;
-	display: inline-block;
+  line-height: 49px;
+  text-align: center;
+  display: inline-block;
 }
 
 #menu .im-m a span {
-	font-size: 14px;
-	color: #eee;
-	height: 16px;
-	line-height: 16px;
-	width: 46px;
-	/*border-left: 1px solid #06B2DC;*/
+  font-size: 14px;
+  color: #eee;
+  height: 16px;
+  line-height: 16px;
+  width: 46px;
+  /*border-left: 1px solid #06B2DC;*/
 }
 
 #menu .im-m a.dao span {
-	border: none;
+  border: none;
 }
 
 #menu .im-m a.a-upload {
-	position: relative;
-	cursor: pointer;
-	overflow: hidden;
-	*display: inline;
-	*zoom: 1;
-	margin: 5px 0 5px 70px;
-	vertical-align: middle;
+  position: relative;
+  cursor: pointer;
+  overflow: hidden;
+  *display: inline;
+  *zoom: 1;
+  margin: 5px 0 5px 70px;
+  vertical-align: middle;
 }
 
 #menu .im-m a.a-upload input {
-	position: absolute;
-	font-size: 100px;
-	right: 0;
-	top: 0;
-	opacity: 0;
-	filter: alpha(opacity=0);
-	cursor: pointer
+  position: absolute;
+  font-size: 100px;
+  right: 0;
+  top: 0;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  cursor: pointer;
 }
 
 #menu .im-m a:hover span,
 #menu .im-m a.active span {
-	color: #444;
-	background: #01b7ff;
-	text-decoration: none;
+  color: #444;
+  background: #01b7ff;
+  text-decoration: none;
 }
 
 #menu .mn-content .mn-act {
-	display: none;
-	margin-left: 40px;
-	font-size: 12px;
-	margin-top: -5px;
-	padding-bottom: 5px;
+  display: none;
+  margin-left: 40px;
+  font-size: 12px;
+  margin-top: -5px;
+  padding-bottom: 5px;
 }
 
 #menu .mn-content .mn-act.active {
-	display: block;
+  display: block;
 }
 
 #menu .mn-content .mn-act .layer-cale {
-	margin: 0 5px;
+  margin: 0 5px;
 }
 
 #menu .mn-content p.tip-none {
-	text-align: center;
-	display: none;
+  text-align: center;
+  display: none;
 }
 
 #menu .dao {
-	margin-left: 20px;
+  margin-left: 20px;
 }
 
 #menu .infoMenu .im-1 ul.menu-content {
-	max-height: 168px;
-	overflow: auto;
+  max-height: 168px;
+  overflow: auto;
 }
 
 #menu .no-bg {
-	background: none !important;
+  background: none !important;
 }
 
 #menu .dzzy .ztContent {
-	/* display: none; */
+  /* display: none; */
 }
 
 #menu .dzzy .ztContent.active {
-	/* display: block; */
+  /* display: block; */
 }
 
 /*#menu .dzzy .zhuanTi{
     border-top: 1px solid #1961b6;
 }*/
 #menu .dzzy .sectionbg {
-	margin-left: 40px;
-	background: url(../images/layout/right.png) left no-repeat;
-	padding-left: 25px;
-	height: 40px;
-	line-height: 40px;
+  margin-left: 40px;
+  background: url(../images/layout/right.png) left no-repeat;
+  padding-left: 25px;
+  height: 40px;
+  line-height: 40px;
 }
 
 #menu .dzzy .sectionbg.open {
-	background: url(../images/layout/down.png) left no-repeat;
-	color: #fdda34;
+  background: url(../images/layout/down.png) left no-repeat;
+  color: #fdda34;
 }
 
 #menu .dzzy section.item .linkContent li {
-	/* background: #123d6a; */
-	border-bottom: 1px solid #44616d;
-	height: 40px;
-	line-height: 40px;
-	position: relative;
+  /* background: #123d6a; */
+  border-bottom: 1px solid #44616d;
+  height: 40px;
+  line-height: 40px;
+  position: relative;
 }
 
 #menu .dzzy .zt-cbx {
-	margin-left: 85px;
-	vertical-align: middle;
-	display: none;
+  margin-left: 85px;
+  vertical-align: middle;
+  display: none;
 }
 
 #menu .dzzy section.item .linkContent .translate {
-	margin-left: 80px;
-	display: inline-block;
-	width: 250px;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
+  margin-left: 80px;
+  display: inline-block;
+  width: 250px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 #menu .dzzy section {
-	border-bottom: 1px solid #44616d;
-	cursor: pointer;
+  border-bottom: 1px solid #44616d;
+  cursor: pointer;
 }
 
 /*#menu .dzzy section:nth-child(1){
 	border-top: 1px solid #235487;
 }*/
 #menu .dzzy section.item .linkContent li:nth-child(1) {
-	border-top: 1px solid #235487;
+  border-top: 1px solid #235487;
 }
 
 #menu .ml74 {
-	margin-left: 74px;
+  margin-left: 74px;
 }
 
 #menu #TDMap .tdmapContent {
-	/*display: none;*/
+  /*display: none;*/
 }
 
 #menu #TDMap .tdmapContent.active {
-	/*display: block;*/
+  /*display: block;*/
 }
 
 #menu #TDMap .tianditu {
-	border-bottom: 1px solid #2a67a5;
+  border-bottom: 1px solid #2a67a5;
 }
 
 #menu #TDMap .sectionbg {
-	margin-left: 65px;
-	background: url(../images/layout/right.png) left no-repeat;
-	padding-left: 25px;
+  margin-left: 65px;
+  background: url(../images/layout/right.png) left no-repeat;
+  padding-left: 25px;
 }
 
 #menu #TDMap .sectionbg.open {
-	background: url(../images/layout/down.png) left no-repeat;
+  background: url(../images/layout/down.png) left no-repeat;
 }
 
 #menu #TDMap section.item .linkContent li {
-	background: #123d6a;
+  background: #123d6a;
 }
 
 #menu #TDMap .zt-cbx {
-	margin-left: 85px;
-	vertical-align: middle
+  margin-left: 85px;
+  vertical-align: middle;
 }
 
 #menu #TDMap section.item .linkContent .translate {
-	margin-left: 5px;
+  margin-left: 5px;
 }
 
 #menu #TDMap section {
-	border-bottom: 1px solid #235487;
+  border-bottom: 1px solid #235487;
 }
 
 #menu #TDMap section.item .linkContent li:nth-child(1) {
-	border-top: 1px solid #235487;
+  border-top: 1px solid #235487;
 }
 
 /* #menu .sanWei li.item {
@@ -589,820 +588,834 @@
 	display: none;
 } */
 #menu li.item {
-	position: relative;
-	height: 40px;
-	line-height: 40px;
-	cursor: pointer;
+  position: relative;
+  height: 40px;
+  line-height: 40px;
+  cursor: pointer;
 }
 
 #menu li.item .no-bg {
-	display: inline-block;
-	margin-left: 80px;
-	width: 250px;
+  display: inline-block;
+  margin-left: 80px;
+  width: 250px;
 }
 
 #menu li.item .zt-cbx {
-	display: none;
+  display: none;
 }
 
 /* 图层控制 */
 
 #layerControlMenu {
-	position: absolute;
-	width: 230px;
-	display: none;
-	left: 0px;
-	z-index: 1002;
+  position: absolute;
+  width: 230px;
+  display: none;
+  left: 0px;
+  z-index: 1002;
 }
 
 #layerControlMenu.bl {
-	display: block;
+  display: block;
 }
 
 #layerControlMenu .myLayers {
-	/*line-height: 46px;*/
-	width: 202px;
-	border: 1px solid #aaaaaa;
-	border-radius: 4px;
-	background: rgba(19, 46, 67, 0.86);
+  /*line-height: 46px;*/
+  width: 202px;
+  border: 1px solid #aaaaaa;
+  border-radius: 4px;
+  background: rgba(64, 158, 230, 0.86);
 }
 
 #layerControlMenu .myLayers.active {
-	width: 100%;
+  width: 100%;
 }
 
 #layerControlMenu .myLayers.active .clearLayer {
-	cursor: pointer;
-	width: 18px;
-	height: 18px;
-	background: url(../images/layout/clear.png) no-repeat;
-	margin: 13px 13px 0 0;
+  cursor: pointer;
+  width: 18px;
+  height: 18px;
+  background: url(../images/layout/clear.png) no-repeat;
+  margin: 13px 13px 0 0;
 }
 
 #layerControlMenu .layerListSwitch {
-	cursor: pointer;
-	width: 20px;
-	height: 20px;
-	margin: 15px 5px 0 0;
-	background: url(../images/layout/arrow_down.png) 0 5px no-repeat;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  margin: 15px 5px 0 0;
+  background: url(../images/layout/arrow_down.png) 0 5px no-repeat;
 }
 
 #layerControlMenu .myLayers.active .layerListSwitch {
-	background: url(../images/layout/arrow_up.png) 0 5px no-repeat;
+  background: url(../images/layout/arrow_up.png) 0 5px no-repeat;
 }
 
 #layerControlMenu .myLayers span.data-save {
-	display: none !important;
+  display: none !important;
 }
 
 #layerControlMenu .myLayers p {
-	display: inline-block;
+  display: inline-block;
 }
 
 #layerControlMenu .im-m {
-	cursor: move;
-	/* background: url(../images/layout/layer_title_bg.png) no-repeat; */
+  cursor: move;
+  /* background: url(../images/layout/layer_title_bg.png) no-repeat; */
 }
 
 #layerControlMenu .im-m .im-0 {
-	padding-left: 20px;
-	margin-left: 0;
-	color: #fff;
+  padding-left: 20px;
+  margin-left: 0;
+  color: #fff;
 }
 
 #layerControlMenu .myLayers.active .im-m {
-	line-height: 46px;
-	border-bottom: 1px solid #000;
-	/* background: url(../images/layout/layer-title-bg.png) no-repeat; */
-	background: rgba(9, 30, 41, 0.8);
-	border-radius: 4px;
+  line-height: 46px;
+  border-bottom: 1px solid #000;
+  /* background: url(../images/layout/layer-title-bg.png) no-repeat; */
+  /* background: rgba(9, 30, 41, 0.8); */
+  background: rgba(34, 78, 125, 0.8);
+  border-radius: 4px;
 }
 
 #layerControlMenu .myLayers p:nth-child(1) {
-	padding-right: 1%;
-	/*width: 97%;*/
-	display: block;
-	line-height: 46px;
-	border-bottom: 0;
+  padding-right: 1%;
+  /*width: 97%;*/
+  display: block;
+  line-height: 46px;
+  border-bottom: 0;
 }
 
 #layerControlMenu .myLayers li {
-	color: #fff;
-	border-bottom: 1px solid #aaaaaa;
-	position: relative;
-	background: url(../images/layout/zhenyan.png) 45px 16px / 21px no-repeat;
-	background-size: 20px;
-	/*line-height: 46px;*/
-	/*padding: 0 5px 5px 5px;*/
+  color: #fff;
+  border-bottom: 1px solid #aaaaaa;
+  position: relative;
+  background: url(../images/layout/zhenyan.png) 45px 16px / 21px no-repeat;
+  background-size: 20px;
+  /*line-height: 46px;*/
+  /*padding: 0 5px 5px 5px;*/
 }
 
 #layerControlMenu .myLayers li:last-child {
-	border-bottom: none;
+  border-bottom: none;
 }
 
 /* #layerControlMenu .myLayers li.sxlayer{
 	background: none !important;
 } */
 #layerControlMenu .myLayers li .close {
-	display: inline-block;
-	text-align: center;
-	cursor: pointer;
-	font-size: 20px;
-	width: 13px;
-	height: 14px;
-	line-height: 18px;
-	border-radius: 100% 100%;
-	vertical-align: top;
-	margin: 19px 0 0 20px;
-	/*opacity: 0;*/
-	background: url(../images/layout/bg_close.png) no-repeat;
-	text-indent: -111111px;
-	background-size: 13px;
+  display: inline-block;
+  text-align: center;
+  cursor: pointer;
+  font-size: 20px;
+  width: 13px;
+  height: 14px;
+  line-height: 18px;
+  border-radius: 100% 100%;
+  vertical-align: top;
+  margin: 19px 0 0 20px;
+  /*opacity: 0;*/
+  background: url(../images/layout/bg_close.png) no-repeat;
+  text-indent: -111111px;
+  background-size: 13px;
 }
 
 #layerControlMenu .myLayers li .close:hover {
-	background: url(../images/layout/bg_close.png) no-repeat;
-	background-size: 13px;
+  background: url(../images/layout/bg_close.png) no-repeat;
+  background-size: 13px;
 }
 
 #layerControlMenu .myLayers li .fr {
-	font-size: 14px;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
+  font-size: 14px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 #layerControlMenu .myLayers li .fr.gear {
-	width: 20px;
-	height: 49px;
-	cursor: pointer;
-	margin-right: 0px;
-	background: url(../images/layout/gear_gray.png) center no-repeat;
+  width: 20px;
+  height: 49px;
+  cursor: pointer;
+  margin-right: 0px;
+  background: url(../images/layout/gear_gray.png) center no-repeat;
+  filter: contrast(1000%);
 }
 
 #layerControlMenu .myLayers li .fr.location {
-	width: 20px;
-	height: 49px;
-	cursor: pointer;
-	margin-right: 0px;
-	background: url(../images/layout/location.png) center no-repeat;
+  width: 20px;
+  height: 49px;
+  cursor: pointer;
+  margin-right: 0px;
+  background: url(../images/layout/location.png) center no-repeat;
+  filter: contrast(1000%);
 }
 
 #layerControlMenu .myLayers li .fr.stereoscopic_set {
-	width: 20px;
-	height: 49px;
-	cursor: pointer;
-	margin-right: 0px;
-	background: url(../images/layout/gear_gray.png) center no-repeat;
+  width: 20px;
+  height: 49px;
+  cursor: pointer;
+  margin-right: 0px;
+  background: url(../images/layout/gear_gray.png) center no-repeat;
 }
 
 #layerControlMenu .myLayers li .fr.legend {
-	width: 20px;
-	height: 49px;
-	cursor: pointer;
-	margin-right: 0px;
-	background: url(../images/layout/atlas_info.png) center no-repeat;
+  width: 20px;
+  height: 49px;
+  cursor: pointer;
+  margin-right: 0px;
+  background: url(../images/layout/atlas_info.png) center no-repeat;
 }
 
 #layerControlMenu .myLayers li .move {
-	position: relative;
-	width: 17px;
-	height: 45px;
-	margin: 0px 0 0 21px;
-	vertical-align: top;
+  position: relative;
+  width: 17px;
+  height: 45px;
+  margin: 0px 0 0 21px;
+  vertical-align: top;
 }
 
 #layerControlMenu .myLayers li .up {
-	cursor: pointer;
-	background: url(../images/layout/up_gray.png) center no-repeat;
-	width: 17px;
-	height: 10px;
-	position: absolute;
-	top: 10px;
-	left: 1px;
+  cursor: pointer;
+  background: url(../images/layout/up_gray.png) center no-repeat;
+  width: 17px;
+  height: 10px;
+  position: absolute;
+  top: 10px;
+  left: 1px;
 }
 
 #layerControlMenu .myLayers li .down {
-	cursor: pointer;
-	background: url(../images/layout/down_gray.png) center no-repeat;
-	width: 17px;
-	height: 10px;
-	position: absolute;
-	top: 30px;
-	left: -4px;
+  cursor: pointer;
+  background: url(../images/layout/down_gray.png) center no-repeat;
+  width: 17px;
+  height: 10px;
+  position: absolute;
+  top: 30px;
+  left: -4px;
 }
 
 #layerControlMenu .myLayers li input {
-	display: inline-block;
-	position: absolute;
-	width: 20px;
-	top: 15px;
-	left: 45px;
-	height: 20px;
-	vertical-align: text-bottom;
+  display: inline-block;
+  position: absolute;
+  width: 20px;
+  top: 15px;
+  left: 45px;
+  height: 20px;
+  vertical-align: text-bottom;
 }
 
 #layerControlMenu .myLayers li input[type="checkbox"] {
-	opacity: 0;
-	cursor: pointer;
+  opacity: 0;
+  cursor: pointer;
 }
 
 #layerControlMenu .myLayers span {
-	display: inline-block;
+  display: inline-block;
 }
 
 #layerControlMenu .myLayers .scroll-bar {
-	max-height: 250px;
-	overflow: auto;
-	/* background: #f5f5f5; */
-	/* border: 1px solid #01b7ff; */
-	border-top: none;
+  max-height: 250px;
+  overflow: auto;
+  /* background: #f5f5f5; */
+  /* border: 1px solid #01b7ff; */
+  border-top: none;
 }
 
 #layerControlMenu .myLayers li .clearfix {
-	width: 97%;
-	padding-right: 3%;
-	position: relative;
+  width: 97%;
+  padding-right: 3%;
+  position: relative;
 }
 
 #layerControlMenu .myLayers .mn-content span.data-name {
-	width: 90px;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	vertical-align: top;
-	line-height: 50px;
-	margin-left: 40px;
+  width: 90px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: top;
+  line-height: 50px;
+  margin-left: 40px;
 }
 
 #layerControlMenu .myLayers .op {
-	position: relative;
-	margin: 0px 5px;
-	width: 85px;
-	height: 5px;
-	background: #001550;
+  position: relative;
+  margin: 0px 5px;
+  width: 85px;
+  height: 5px;
+  background: #001550;
 }
 
 #layerControlMenu .myLayers .op .chang {
-	position: absolute;
-	left: 0;
-	top: 0;
-	background: #299eef;
-	width: 0;
-	height: 5px;
-	vertical-align: middle;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background: #299eef;
+  width: 0;
+  height: 5px;
+  vertical-align: middle;
 }
 
 #layerControlMenu .myLayers .op .yuan {
-	width: 12px;
-	height: 12px;
-	position: absolute;
-	top: -5px;
-	left: 0px;
-	background: #378be0;
-	border: 1px solid #378be0;
-	border-radius: 100% 100%;
-	cursor: pointer;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: -5px;
+  left: 0px;
+  background: #378be0;
+  border: 1px solid #378be0;
+  border-radius: 100% 100%;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 #layerControlMenu .myLayers .layer-detail {
-	display: inline-block;
-	width: 12px;
-	height: 15px;
-	background: url(../images/layout/detail.png) no-repeat;
-	vertical-align: text-bottom;
-	margin-left: 7px;
-	cursor: pointer;
+  display: inline-block;
+  width: 12px;
+  height: 15px;
+  background: url(../images/layout/detail.png) no-repeat;
+  vertical-align: text-bottom;
+  margin-left: 7px;
+  cursor: pointer;
 }
 
 #layerControlMenu .myLayers .layer-cale {
-	display: inline-block;
-	width: 17px;
-	height: 16px;
-	background: url(../images/layout/star.png) no-repeat;
-	vertical-align: text-bottom;
-	cursor: pointer;
+  display: inline-block;
+  width: 17px;
+  height: 16px;
+  background: url(../images/layout/star.png) no-repeat;
+  vertical-align: text-bottom;
+  cursor: pointer;
 }
 
 #layerControlMenu .myLayers .down {
-	margin-left: 5px;
+  margin-left: 5px;
 }
 
 #layerControlMenu .myLayers .mn-act.no .wSet {
-	opacity: 0;
+  opacity: 0;
 }
 
 #layerControlMenu .myLayers .mn-act.yes .wSet {
-	opacity: 1;
+  opacity: 1;
 }
 
 #layerControlMenu .mn-content .mn-act {
-	display: none;
-	margin-left: 20px;
-	font-size: 12px;
-	margin-top: -5px;
-	padding-bottom: 5px;
-	line-height: 46px;
+  display: none;
+  margin-left: 20px;
+  font-size: 12px;
+  margin-top: -5px;
+  padding-bottom: 5px;
+  line-height: 46px;
 }
 
 #layerControlMenu .mn-content .mn-act.active {
-	display: block;
+  display: block;
 }
 
 #layerControlMenu .mn-content .mn-act.DS {
-	margin-left: 10px;
+  margin-left: 10px;
 }
 
 #layerControlMenu .myLayers li .DS .move {
-	margin: 0;
+  margin: 0;
 }
 
 #layerControlMenu .mn-content .mn-act .layer-cale {
-	margin: 0 5px;
+  margin: 0 5px;
 }
 
 #layerControlMenu .mn-content p.tip-none {
-	text-align: center;
-	display: none;
+  text-align: center;
+  display: none;
 }
 
 #layerControlMenu .dao {
-	margin-left: 20px;
+  margin-left: 20px;
 }
 
 #layerControlMenu .infoMenu .im-1 ul.menu-content {
-	/*max-height: 168px;*/
-	/*overflow: auto;*/
+  /*max-height: 168px;*/
+  /*overflow: auto;*/
 }
 
 #layerControlMenu .no-bg {
-	background: none !important;
+  background: none !important;
 }
 
 #layerControlMenu .mn-content {
-	display: none;
-	/* background: #fff; */
+  display: none;
+  /* background: #fff; */
 }
 
 #layerControlMenu .active .mn-content {
-	display: block;
-
+  display: block;
 }
 
-
 #menu-title {
-	position: absolute;
-	top: 800px;
-	left: 0;
-	width: 100%;
-	color: transparent;
-	cursor: pointer;
-	line-height: 66px;
-	background: url(../images/layout/logo.png) center no-repeat;
+  position: absolute;
+  top: 800px;
+  left: 0;
+  width: 100%;
+  color: transparent;
+  cursor: pointer;
+  line-height: 66px;
+  background: url(../images/layout/logo.png) center no-repeat;
 }
 
 #menu .taiShiTool {
-	line-height: 35px;
-	padding-bottom: 10px;
-	vertical-align: middle;
-	margin: 0px 0px 0px 0px;
+  line-height: 35px;
+  padding-bottom: 10px;
+  vertical-align: middle;
+  margin: 0px 0px 0px 0px;
 }
 
 .meun-checkBox {
-	position: absolute;
-	width: 20px;
-	height: 18px;
-	left: 50px;
-	top: 11px;
+  position: absolute;
+  width: 20px;
+  height: 18px;
+  left: 50px;
+  top: 11px;
 }
 
 .commitbtn .meun-checkBox {
-	margin: 0px !important;
-	padding: 0px !important;
+  margin: 0px !important;
+  padding: 0px !important;
 }
 
 .meun-checkBox.menu-select-no {
-	opacity: 0.64;
+  opacity: 0.64;
 }
 
 .menu-select-no {
-	color: #fff;
-	background: url("../images/weixing/selected-no.png") no-repeat 3px center !important;
+  color: #fff;
+  background: url("../images/weixing/selected-no.png") no-repeat 3px center !important;
 }
 
 .menu-select {
-	color: #03e3fa;
-	background: url("../images/weixing/selected.png") no-repeat 3px center !important;
+  color: #03e3fa;
+  background: url("../images/weixing/selected.png") no-repeat 3px center !important;
 }
 
-.menu-select+.translate {
-	color: #fdda34;
+.menu-select + .translate {
+  color: #fdda34;
 }
 
 .satellite .meun-checkBox,
 .ts .meun-checkBox {
-	left: 35px;
+  left: 35px;
 }
 
 .eye {
-	display: inline-block;
-	text-indent: -1111111111px;
-	background: url(../images/layout/biyan.png) no-repeat;
-	background-size: 20px;
-	position: absolute;
-	top: 22px;
-	left: 48px;
-	width: 20px;
-	height: 12px;
+  display: inline-block;
+  text-indent: -1111111111px;
+  background: url(../images/layout/biyan.png) no-repeat;
+  background-size: 20px;
+  position: absolute;
+  top: 22px;
+  left: 48px;
+  width: 20px;
+  height: 12px;
 }
 
 .eye.checkTrue {
-	background: url(../images/layout/zhenyan.png) no-repeat;
-	background-size: 20px;
-	top: 18px;
+  background: url(../images/layout/zhenyan.png) no-repeat;
+  background-size: 20px;
+  top: 18px;
 }
 
 #layerControlMenu .myLayers span.eye {
-	display: none;
+  display: none;
 }
 
 .myLayer .clearfix:after {
-	display: inline-block;
+  display: inline-block;
 }
 
 .menu-scroll .gongxin {
-	/* display: none; */
+  /* display: none; */
 }
 
-
 #wrapper .sx-video-content {
-	width: 492px;
-	/*width:500px;*/
-	height: 78px;
+  width: 492px;
+  /*width:500px;*/
+  height: 78px;
 }
 
 #wrapper .sx-video-title {
-	height: 20px;
+  height: 20px;
 }
 
 #wrapper .sx-video-panel {
-	height: 54px;
-	background: #1257ac;
-	border: 1px solid #03e3fa;
-	/*clear: both;*/
+  height: 54px;
+  background: #1257ac;
+  border: 1px solid #03e3fa;
+  /*clear: both;*/
 }
 
 #wrapper .sx-video-panel-left {
-	height: 54px;
-	width: 14px;
-	float: left;
-	background: url(../../scripts/meteo/other/meteoVideo/img/border-left.png) no-repeat;
+  height: 54px;
+  width: 14px;
+  float: left;
+  background: url(../../scripts/meteo/other/meteoVideo/img/border-left.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-panel-right {
-	height: 54px;
-	width: 14px;
-	float: right;
-	background: url(../../scripts/meteo/other/meteoVideo/img/border-right.png) no-repeat;
+  height: 54px;
+  width: 14px;
+  float: right;
+  background: url(../../scripts/meteo/other/meteoVideo/img/border-right.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-panel-center {
-	width: 400px;
-	height: 54px;
-	float: left;
-	margin-left: 20px;
+  width: 400px;
+  height: 54px;
+  float: left;
+  margin-left: 20px;
 }
 
 #wrapper .sx-title-left {
-	height: 20px;
-	width: auto;
-	float: left;
-	max-width: 600px;
+  height: 20px;
+  width: auto;
+  float: left;
+  max-width: 600px;
 }
 
 #wrapper .sx-title-left .sx-title-left-l {
-	width: 7px;
-	height: 20px;
-	float: left;
-	background: url(../../scripts/meteo/other/meteoVideo/img/title-lbg.png) no-repeat;
+  width: 7px;
+  height: 20px;
+  float: left;
+  background: url(../../scripts/meteo/other/meteoVideo/img/title-lbg.png)
+    no-repeat;
 }
 
 #wrapper .sx-title-left .sx-title-left-c {
-	float: left;
-	height: 20px;
-	min-width: 92px;
-	font-size: 13px;
-	color: #FFF;
-	background: url(../../scripts/meteo/other/meteoVideo/img/title-cbg.png) repeat-x;
+  float: left;
+  height: 20px;
+  min-width: 92px;
+  font-size: 13px;
+  color: #fff;
+  background: url(../../scripts/meteo/other/meteoVideo/img/title-cbg.png)
+    repeat-x;
 }
 
 #wrapper .sx-title-left .sx-title-left-r {
-	width: 20px;
-	height: 20px;
-	float: left;
-	background: url(../../scripts/meteo/other/meteoVideo/img/title-rbg.png) no-repeat;
+  width: 20px;
+  height: 20px;
+  float: left;
+  background: url(../../scripts/meteo/other/meteoVideo/img/title-rbg.png)
+    no-repeat;
 }
 
 #wrapper .sx-title-right-close {
-	width: 24px;
-	height: 20px;
-	float: right;
-	cursor: pointer;
-	margin-top: 2px;
-	background: url(../../scripts/meteo/other/meteoVideo/img/btn_close.png) 0 5px no-repeat;
+  width: 24px;
+  height: 20px;
+  float: right;
+  cursor: pointer;
+  margin-top: 2px;
+  background: url(../../scripts/meteo/other/meteoVideo/img/btn_close.png) 0 5px
+    no-repeat;
 }
 
 #wrapper .sx-video-progress-total {
-	height: 24px;
-	width: 400px;
+  height: 24px;
+  width: 400px;
 }
 
 #wrapper .sx-video-progress-div {
-	margin-top: 18px;
-	height: 6px;
-	float: left;
+  margin-top: 18px;
+  height: 6px;
+  float: left;
 }
 
 #wrapper .sx-video-progress {
-	height: 6px;
-	width: 400px;
-	cursor: pointer;
-	position: relative;
-	background: url(../../scripts/meteo/other/meteoVideo/img/time-progress.png) no-repeat;
+  height: 6px;
+  width: 400px;
+  cursor: pointer;
+  position: relative;
+  background: url(../../scripts/meteo/other/meteoVideo/img/time-progress.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-progress_btn {
-	height: 24px;
-	width: 24px;
-	cursor: pointer;
-	position: absolute;
-	top: -11px;
-	left: -11px;
-	background: url(../../scripts/meteo/other/meteoVideo/img/point.png) no-repeat;
+  height: 24px;
+  width: 24px;
+  cursor: pointer;
+  position: absolute;
+  top: -11px;
+  left: -11px;
+  background: url(../../scripts/meteo/other/meteoVideo/img/point.png) no-repeat;
 }
 
 #wrapper .sx-video-opt {
-	height: 30px;
-	width: 400px;
-	float: left;
+  height: 30px;
+  width: 400px;
+  float: left;
 }
 
 #wrapper .sx-video-bottom {
-	position: absolute;
-	left: 200px;
-	height: 30px;
-	width: 160px;
-	margin: 7px 0px 0px 0px;
-	float: left;
-	text-align: center;
+  position: absolute;
+  left: 200px;
+  height: 30px;
+  width: 160px;
+  margin: 7px 0px 0px 0px;
+  float: left;
+  text-align: center;
 }
 
 #wrapper .sx-video-btn-group {
-	position: absolute;
-	left: -30px;
-	width: 160px;
-	height: 24px;
-	float: left;
-	margin-left: 18px;
-	text-align: center;
+  position: absolute;
+  left: -30px;
+  width: 160px;
+  height: 24px;
+  float: left;
+  margin-left: 18px;
+  text-align: center;
 }
 
 #wrapper .sx-start-time {
-	color: #FFF;
-	width: 160px;
-	font-size: 8px;
-	float: left;
-	height: 24px;
-	margin-top: 3px;
-	text-align: left;
+  color: #fff;
+  width: 160px;
+  font-size: 8px;
+  float: left;
+  height: 24px;
+  margin-top: 3px;
+  text-align: left;
 }
 
 #wrapper .sx-end-time {
-	color: #FFF;
-	float: left;
-	width: 120px;
-	font-size: 8px;
-	height: 24px;
-	margin-top: 3px;
-	text-align: right;
+  color: #fff;
+  float: left;
+  width: 120px;
+  font-size: 8px;
+  height: 24px;
+  margin-top: 3px;
+  text-align: right;
 }
 
 #wrapper .sx-video-btn-stop {
-	width: 12px;
-	height: 12px;
-	float: left;
-	cursor: pointer;
+  width: 12px;
+  height: 12px;
+  float: left;
+  cursor: pointer;
 }
 
 #wrapper .sx-video-btn-back {
-	width: 10px;
-	margin-left: 25px;
-	height: 14px;
-	float: left;
-	cursor: pointer;
+  width: 10px;
+  margin-left: 25px;
+  height: 14px;
+  float: left;
+  cursor: pointer;
 }
 
 #wrapper .sx-video-btn-play {
-	width: 12px;
-	height: 16px;
-	margin-left: 25px;
-	float: left;
-	cursor: pointer;
+  width: 12px;
+  height: 16px;
+  margin-left: 25px;
+  float: left;
+  cursor: pointer;
 }
 
 #wrapper .sx-video-btn-next {
-	width: 10px;
-	margin-left: 25px;
-	height: 14px;
-	float: left;
-	cursor: pointer;
+  width: 10px;
+  margin-left: 25px;
+  height: 14px;
+  float: left;
+  cursor: pointer;
 }
 
 #wrapper .sx-video-progress-count {
-	/* width: 60px; */
-	height: 53px;
-	color: #03e3fa;
-	font-size: 12px;
-	float: left;
+  /* width: 60px; */
+  height: 53px;
+  color: #03e3fa;
+  font-size: 12px;
+  float: left;
 }
 
 #wrapper .sx-video-progress-times {
-	height: 16px;
-	margin: 10px 0px 0px 4px;
+  height: 16px;
+  margin: 10px 0px 0px 4px;
 }
 
 #wrapper .sx-video-progress-nowtime {
-	color: #03e3fa;
-	font-size: 12px;
+  color: #03e3fa;
+  font-size: 12px;
 }
 
 #wrapper .sx-video-progress-lasttime {
-	color: #03e3fa;
-	font-size: 12px;
+  color: #03e3fa;
+  font-size: 12px;
 }
 
 #wrapper .sx-video-progress-bottom {
-	float: left;
-	height: 24px;
-	width: 60px;
+  float: left;
+  height: 24px;
+  width: 60px;
 }
 
 #wrapper .sx-video-query-btn {
-	height: 24px;
-	width: 22px;
-	cursor: pointer;
-	margin-left: 20px;
-	background: url(../../scripts/meteo/other/meteoVideo/img/time-queryBtn.png) no-repeat;
+  height: 24px;
+  width: 22px;
+  cursor: pointer;
+  margin-left: 20px;
+  background: url(../../scripts/meteo/other/meteoVideo/img/time-queryBtn.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-query-panel {
-	display: none;
-	width: 260px;
-	height: 53px;
-	position: relative;
-	float: left;
+  display: none;
+  width: 260px;
+  height: 53px;
+  position: relative;
+  float: left;
 }
 
 #wrapper .sx-video-ipt-div {
-	width: 220px;
-	height: 53px;
+  width: 220px;
+  height: 53px;
 }
 
 #wrapper .sx-video-query-ipt {
-	padding: 2px;
-	width: 220px;
-	height: 24px;
+  padding: 2px;
+  width: 220px;
+  height: 24px;
 }
 
 #wrapper .sx-video-query-label {
-	color: #FFF;
-	text-align: center;
-	vertical-align: middle;
-	font-size: 13px;
+  color: #fff;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 13px;
 }
 
 #wrapper .sx-video-query-div {
-	position: absolute;
-	height: 53px;
-	top: 8px;
-	right: 3px;
-	width: 40px;
+  position: absolute;
+  height: 53px;
+  top: 8px;
+  right: 3px;
+  width: 40px;
 }
 
 #wrapper .sx-video-query-btns {
-	height: 21px;
-	width: 29px;
-	color: #1257ac;
-	text-align: center;
-	vertical-align: middle;
-	padding: 5px;
-	background: #FFF;
-	cursor: pointer;
-	border-radius: 4px;
-	border: 1px solid #03e3fa;
+  height: 21px;
+  width: 29px;
+  color: #1257ac;
+  text-align: center;
+  vertical-align: middle;
+  padding: 5px;
+  background: #fff;
+  cursor: pointer;
+  border-radius: 4px;
+  border: 1px solid #03e3fa;
 }
 
 #wrapper .sx-video-query-btns:hover {
-	font-weight: bold;
-	background: #cbffc3;
-	opacity: 0.8;
+  font-weight: bold;
+  background: #cbffc3;
+  opacity: 0.8;
 }
 
 #wrapper .sx-video-stop-img {
-	background: url(../../scripts/meteo/other/meteoVideo/img/stop_gray.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/stop_gray.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-back-img {
-	background: url(../../scripts/meteo/other/meteoVideo/img/prev_gray.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/prev_gray.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-play-img {
-	background: url(../../scripts/meteo/other/meteoVideo/img/play.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/play.png) no-repeat;
 }
 
 #wrapper .sx-video-parse-img {
-	background: url(../../scripts/meteo/other/meteoVideo/img/pause.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/pause.png) no-repeat;
 }
 
 #wrapper .sx-video-next-img {
-	background: url(../../scripts/meteo/other/meteoVideo/img/next_gray.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/next_gray.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-stop-img-blue {
-	background: url(../../scripts/meteo/other/meteoVideo/img/stop_blue.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/stop_blue.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-back-img-blue {
-	background: url(../../scripts/meteo/other/meteoVideo/img/prev_blue.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/prev_blue.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-play-img-blue {
-	background: url(../../scripts/meteo/other/meteoVideo/img/next_blue.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/next_blue.png)
+    no-repeat;
 }
 
 #wrapper .sx-video-next-img-blue {
-	background: url(../../scripts/meteo/other/meteoVideo/img/next_blue.png) no-repeat;
+  background: url(../../scripts/meteo/other/meteoVideo/img/next_blue.png)
+    no-repeat;
 }
 
 .shixu-time-box {
-	display: none;
-	position: absolute;
-	bottom: 86px;
-	left: 50%;
-	margin-left: -248px;
+  display: none;
+  position: absolute;
+  bottom: 86px;
+  left: 50%;
+  margin-left: -248px;
 }
 
 #wrapper .sx-title-left-c .title {
-	margin: 0 5px;
+  margin: 0 5px;
 }
 
 #wrapper .sx-title-left-c .time {
-	color: #03e3fa;
-	font-weight: 800;
+  color: #03e3fa;
+  font-weight: 800;
 }
 
-
 #vuemenu {
-	max-height: 400px;
-	overflow: hidden;
-	overflow-y: auto;
+  max-height: 400px;
+  overflow: hidden;
+  overflow-y: auto;
 }
 
 /* element-ui */
 .el-tree {
-	background: transparent;
-	color: #FFF;
+  background: transparent;
+  color: #fff;
 }
 
-.el-tree-node .is-leaf+.el-checkbox .el-checkbox__inner {
-	display: inline-block !important;
+.el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner {
+  display: inline-block !important;
 }
 
 .el-tree-node .el-checkbox .el-checkbox__inner {
-	display: none !important;
+  display: none !important;
 }
 
 .el-tree-node .el-checkbox .el-checkbox__input.is-disabled {
-	display: none !important;
+  display: none !important;
 }
 
 .el-tree-node__content:hover {
-	background-color: transparent;
+  background-color: transparent;
 }
 
-.el-tree-node:focus>.el-tree-node__content {
-	background-color: transparent;
+.el-tree-node:focus > .el-tree-node__content {
+  background-color: transparent;
 }
 
 .el-tree-node__content {
-	height: 40px;
+  height: 40px;
 }
 
 .el-tree-node__label {
-	font-size: 16px;
-}
+  font-size: 16px;
+}

styles/popupHtml.css

@@ -1,46 +1,46 @@
 .popup_html .popup-lt {
-	position: absolute;
-	top: 0px;
-	left: -20px;
-	bottom: 19px;
-	width: 20px;
-	background: url(../images/popup/bg-pp-2d-lt.png) top left no-repeat;
+  position: absolute;
+  top: 0px;
+  left: -20px;
+  bottom: 19px;
+  width: 20px;
+  background: url(../images/popup/bg-pp-2d-lt.png) top left no-repeat;
 }
 
 .popup_html .popup-lb {
-	position: absolute;
-	left: -20px;
-	bottom: 0px;
-	width: 42px;
-	height: 19px;
-	background: url(../images/popup/bg-pp-2d-lb.png) top left no-repeat;
+  position: absolute;
+  left: -20px;
+  bottom: 0px;
+  width: 42px;
+  height: 19px;
+  background: url(../images/popup/bg-pp-2d-lb.png) top left no-repeat;
 }
 
 .popup_html .popup-ct {
-	height: 48px;
-	background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x !important;
+  height: 48px;
+  background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x !important;
 }
 
 .popup_html .popup-cb {
-	background: #ffffff !important;
+  background: #ffffff !important;
 }
 
 .popup_html .popup-rt {
-	position: absolute;
-	right: -8px;
-	top: 0px;
-	bottom: 19px;
-	width: 8px;
-	background: url(../images/popup/bg-pp-2d-rt.png) top left no-repeat;
+  position: absolute;
+  right: -8px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  background: url(../images/popup/bg-pp-2d-rt.png) top left no-repeat;
 }
 
 .popup_html .popup-rb {
-	position: absolute;
-	right: -8px;
-	bottom: 0px;
-	height: 19px;
-	left: 22px;
-	background: url(../images/popup/bg-pp-2d-rb.png) top right no-repeat;
+  position: absolute;
+  right: -8px;
+  bottom: 0px;
+  height: 19px;
+  left: 22px;
+  background: url(../images/popup/bg-pp-2d-rb.png) top right no-repeat;
 }
 
 /*3D*/
@@ -96,58 +96,57 @@
 	text-indent: 20px;
 }*/
 
-
 /**************************************************************/
 .popup_html.TD .popup-lt {
-	position: absolute;
-	top: 0px;
-	left: -20px;
-	bottom: 19px;
-	width: 20px;
-	height: 100%;
-	background-position: top left;
+  position: absolute;
+  top: 0px;
+  left: -20px;
+  bottom: 19px;
+  width: 20px;
+  height: 100%;
+  background-position: top left;
 }
 
 .popup_html.TD .popup-lb {
-	position: absolute;
-	left: -20px;
-	bottom: -14px;
-	width: 42px;
-	height: 19px;
-	background-position: top left;
+  position: absolute;
+  left: -20px;
+  bottom: -14px;
+  width: 42px;
+  height: 19px;
+  background-position: top left;
 }
 
 .popup_html.TD .popup-ct {
-	background: rgba(9, 30, 41, 0.8);
-	border-top-right-radius: 4px;
-	border-top-left-radius: 4px;
-	color: #fff
+  background: rgba(9, 30, 41, 0.8);
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  color: #fff;
 }
 
 .popup_html.TD .popup-cb {
-	background: rgba(19, 46, 67, 0.86);
-	border-bottom-right-radius: 4px;
-	border-bottom-left-radius: 4px;
-	padding-left: 5px;
+  background: rgba(64, 158, 230, 0.86);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  padding-left: 5px;
 }
 
 .popup_html.TD .popup-rt {
-	position: absolute;
-	right: -8px;
-	top: 0px;
-	bottom: 19px;
-	width: 8px;
-	height: 100%;
-	background-position: top right;
+  position: absolute;
+  right: -8px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  height: 100%;
+  background-position: top right;
 }
 
 .popup_html.TD .popup-rb {
-	position: absolute;
-	right: -8px;
-	bottom: -14px;
-	height: 19px;
-	left: 22px;
-	background-position: top right;
+  position: absolute;
+  right: -8px;
+  bottom: -14px;
+  height: 19px;
+  left: 22px;
+  background-position: top right;
 }
 
 /**************************************************************/
@@ -205,53 +204,53 @@
 
 /*3D*/
 .popup_html.marker.TD .popup-lt {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	bottom: 19px;
-	width: 20px;
-	background: url(../images/popup/bg-pp-3d-lt.png) top left no-repeat;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 19px;
+  width: 20px;
+  background: url(../images/popup/bg-pp-3d-lt.png) top left no-repeat;
 }
 
 .popup_html.marker.TD .popup-lb {
-	position: absolute;
-	left: 0px;
-	bottom: 0px;
-	width: 42px;
-	height: 19px;
-	background: url(../images/popup/bg-pp-3d-lb.png) top left no-repeat;
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  width: 42px;
+  height: 19px;
+  background: url(../images/popup/bg-pp-3d-lb.png) top left no-repeat;
 }
 
 .popup_html.marker.TD .popup-ct {
-	height: 48px;
-	background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x;
+  height: 48px;
+  background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x;
 }
 
 .popup_html.marker.TD .popup-cb {
-	background: #ffffff;
+  background: #ffffff;
 }
 
 .popup_html.marker.TD .popup-rt {
-	position: absolute;
-	right: 0px;
-	top: 0px;
-	bottom: 19px;
-	width: 8px;
-	background: url(../images/popup/bg-pp-3d-rt.png) top left no-repeat;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  background: url(../images/popup/bg-pp-3d-rt.png) top left no-repeat;
 }
 
 .popup_html.marker.TD .popup-rb {
-	position: absolute;
-	right: 0px;
-	bottom: 0px;
-	height: 19px;
-	left: 16px;
-	background: url(../images/popup/bg-pp-3d-rb.png) top right no-repeat;
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  height: 19px;
+  left: 16px;
+  background: url(../images/popup/bg-pp-3d-rb.png) top right no-repeat;
 }
 
 .popup_html.marker .popup-ct p {
-	font-size: 16px;
-	line-height: 46px;
-	color: #ffffff;
-	text-indent: 20px;
-}
+  font-size: 16px;
+  line-height: 46px;
+  color: #ffffff;
+  text-indent: 20px;
+}

styles/previewer/previewer.css

@@ -1,139 +1,139 @@
 /*S pictureViewer*/
 #pictureViewer {
-    position: absolute;
-    left: 50%;
-    top: 55px;
-    width: 700px;
-    margin: 0 0 0 -350px;
-    z-index: 900000;
-    background: #fff;
+  position: absolute;
+  left: 50%;
+  top: 55px;
+  width: 700px;
+  margin: 0 0 0 -350px;
+  z-index: 900000;
+  background: #fff;
 }
 
 #pictureViewerWrap {
-    height: 400px;
-    position: relative;
+  height: 400px;
+  position: relative;
 }
 
 /*E pictureViewer*/
 
 /*S videoViewer*/
 #videoViewer {
-    position: absolute;
-    left: 50%;
-    top: 55px;
-    width: 700px;
-    margin: 0 0 0 -350px;
+  position: absolute;
+  left: 50%;
+  top: 55px;
+  width: 700px;
+  margin: 0 0 0 -350px;
 }
 
 #videoViewerWrap {
-    height: 300px;
-    position: relative;
-    background: #000000;
+  height: 300px;
+  position: relative;
+  background: #000000;
 }
 
 /*E videoViewer*/
 
 /*S audioViewer*/
 #audioViewer {
-    position: absolute;
-    left: 50%;
-    top: 55px;
-    width: 700px;
-    margin: 0 0 0 -350px;
+  position: absolute;
+  left: 50%;
+  top: 55px;
+  width: 700px;
+  margin: 0 0 0 -350px;
 }
 
 #audioViewerWrap {
-    height: 30px;
-    position: relative;
-    background: #000000;
+  height: 30px;
+  position: relative;
+  background: #000000;
 }
 
 /*E audioViewer*/
 
-
 /*S questionnaireViewer*/
 #questionnaireViewer {
-    position: absolute;
-    left: 50%;
-    top: 55px;
-    width: 700px;
-    margin: 0 0 0 -350px;
+  position: absolute;
+  left: 50%;
+  top: 55px;
+  width: 700px;
+  margin: 0 0 0 -350px;
 }
 
 #questionnaireViewerWrap {
-    height: 30px;
-    position: relative;
-    background: #FFFFFF;
-    height: 500px;
-    overflow: hidden;
-    overflow-y: auto;
+  height: 30px;
+  position: relative;
+  background: #ffffff;
+  height: 500px;
+  overflow: hidden;
+  overflow-y: auto;
 }
 
 #questionnaireViewerWrap table {
-    margin-bottom: 1px;
+  margin-bottom: 1px;
 }
 
 #questionnaireViewerWrap table tr:hover {
-    background: #ffffff;
+  background: #ffffff;
 }
 
 #questionnaireViewerWrap th {
-    width: 30%;
-    padding: 4px;
-    line-height: 20px;
-    vertical-align: middle;
-    text-align: center;
+  width: 30%;
+  padding: 4px;
+  line-height: 20px;
+  vertical-align: middle;
+  text-align: center;
 }
 
 #questionnaireViewerWrap td {
-    line-height: 20px;
-    padding: 4px;
-    color: green;
+  line-height: 20px;
+  padding: 4px;
+  color: green;
 }
 
 #questionnaireViewerWrap td:hover {
-    background: #ffffff;
+  background: #ffffff;
 }
 
 /*E questionnaireViewer*/
 
 #pictureViewer .header {
-    background: rgba(34, 59, 73, 0.86);
-    color: #ffffff;
-    height: 40px;
-    border: none;
-    padding: 10px 20px;
-    position: relative;
-    font-size: 20px;
-    line-height: 40px;
+  background: rgba(64, 158, 255, 0.86);
+  color: #ffffff;
+  height: 40px;
+  border: none;
+  padding: 10px 20px;
+  position: relative;
+  font-size: 20px;
+  line-height: 40px;
 }
 
-#pictureViewer .body {}
+#pictureViewer .body {
+}
 
 #pictureViewer .body .cell {
-    margin-top: 0;
-    margin-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 #pictureViewer .footer {
-    background: #ffffff;
-    border: none;
-    border-top: 1px solid #ededed;
-    padding: 10px 20px;
-    display: grid;
+  background: #ffffff;
+  border: none;
+  border-top: 1px solid #ededed;
+  padding: 10px 20px;
+  display: grid;
 }
 
 #btnPictureViewerCance {
-    float: right;
-    margin: 0 0 0 5px;
-    padding: 6px 12px;
-    font-size: 13px;
-    cursor: pointer;
-    border: 1px solid #eee;
+  float: right;
+  margin: 0 0 0 5px;
+  padding: 6px 12px;
+  font-size: 13px;
+  cursor: pointer;
+  border: 1px solid #eee;
 }
 
 #btnPictureViewerCance:hover {
-    background-color: rgba(34, 59, 73, 0.86);
-    border: 1px solid rgba(34, 59, 73, 0.86);
-    color: #FFFFFF;
-}
+  background-color: rgba(64, 158, 255, 0.86);
+  border: 1px solid rgba(64, 158, 255, 0.86);
+  color: #ffffff;
+}

styles/tools/toolCurrentArea.css

@@ -86,237 +86,236 @@
 
 /*S================================= provinceModal*/
 #provinceModal {
-    margin: 0px;
-    font-size: 14px;
+  margin: 0px;
+  font-size: 14px;
 }
 
 #provinceModal .modal-header h3 {
-    font-size: 14px;
-    text-align: left;
+  font-size: 14px;
+  text-align: left;
 }
 
 #provinceModal .modal-header h3 a {
-    color: #fff;
+  color: #fff;
 }
 
 #provinceModal .modal-body {
-    max-height: 600px;
-    position: relative;
-    padding: 1px 30px 0;
+  max-height: 600px;
+  position: relative;
+  padding: 1px 30px 0;
 }
 
 #provinceModal td {
-    vertical-align: top;
-    padding: 8px;
+  vertical-align: top;
+  padding: 8px;
 }
 
 #provinceModal td.sel-city-td-letter {
-    padding: 0 14px 0 7px;
-    color: #999999;
+  padding: 0 14px 0 7px;
+  color: #999999;
 }
 
 #provinceModal .sel-city-td-sf a {
-    margin: 0;
+  margin: 0;
 }
 
 #provinceModal .modal-body a {
-    line-height: 18px;
-    margin-right: 9px;
-    word-break: keep-all;
-    font-size: 12px;
-    display: inline-block;
-    color: #999999;
+  line-height: 18px;
+  margin-right: 9px;
+  word-break: keep-all;
+  font-size: 12px;
+  display: inline-block;
+  color: #999999;
 }
 
 #provinceModal .modal-body a:hover {
-    color: #01b7ff;
+  color: #01b7ff;
 }
 
-
 #provinceModal td.sel-city-td-sf {
-    padding: 8px;
-    font-weight: bold;
-    width: 80px;
-    color: #999999;
+  padding: 8px;
+  font-weight: bold;
+  width: 80px;
+  color: #999999;
 }
 
 #provinceModal .modal-header {
-    background: none;
-    padding: 15px 20px;
-    text-align: left;
-    width: calc(100% - 40px);
-    background: rgba(34, 59, 73, 0.86);
+  background: none;
+  padding: 15px 20px;
+  text-align: left;
+  width: calc(100% - 40px);
+  background: rgba(64, 158, 255, 0.86);
 }
 
 #provinceModal td {
-    vertical-align: top;
+  vertical-align: top;
 }
 
 #provinceModal .sel-city-td-letter div {
-    font-size: 24px;
-    padding: 8px 0 0 0;
-    font-weight: bold;
-    line-height: 24px;
-    margin: 0;
-    text-align: center;
+  font-size: 24px;
+  padding: 8px 0 0 0;
+  font-weight: bold;
+  line-height: 24px;
+  margin: 0;
+  text-align: center;
 }
 
 #provinceModal #cityLetterList .title {
-    color: #999999;
+  color: #999999;
 }
 
 #provinceModal #globalCity a {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 #provinceModal #globalCity a:hover {
-    color: #01b7ff;
+  color: #01b7ff;
 }
 
 #provinceModal #CityHotCity {
-    padding-top: 5px;
-    display: block;
+  padding-top: 5px;
+  display: block;
 }
 
 #provinceModal #cityLetterList a {
-    padding: 0 0 0 4px;
-    font-size: 16px;
-    margin-right: 4px;
+  padding: 0 0 0 4px;
+  font-size: 16px;
+  margin-right: 4px;
 }
 
 #provinceModal #cityLetterList {
-    font-size: 20px;
-    font-weight: bold;
-    line-height: 24px;
-    margin: 0;
-    padding: 0;
-    border-top: 1px solid rgba(34, 59, 73, 0.86);
-    text-align: left;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 24px;
+  margin: 0;
+  padding: 0;
+  border-top: 1px solid rgba(64, 158, 255, 0.86);
+  text-align: left;
 }
 
 #cityPlaceList {
-    overflow: hidden;
-    /* overflow-y: auto; */
-    text-align: left;
+  overflow: hidden;
+  /* overflow-y: auto; */
+  text-align: left;
 }
 
 #cityLetterList a {
-    text-decoration: none;
-    font-size: 14px;
+  text-decoration: none;
+  font-size: 14px;
 }
 
 #cityLetterList a:hover {
-    color: #01b7ff;
+  color: #01b7ff;
 }
 
 #provinceModalCitySearch {
-    float: right;
-    padding: 5px 0 0 0;
-    display: inline !important;
-    position: relative;
-    z-index: 100;
+  float: right;
+  padding: 5px 0 0 0;
+  display: inline !important;
+  position: relative;
+  z-index: 100;
 }
 
 #provinceModalCitySearch .input-small {
-    float: left;
-    height: 22px;
-    width: 125px;
-    padding-left: 25px;
-    color: #fff;
-    background: rgba(34, 59, 73, 0.86);
-    border: 0px;
+  float: left;
+  height: 22px;
+  width: 125px;
+  padding-left: 25px;
+  color: #fff;
+  background: rgba(64, 158, 255, 0.86);
+  border: 0px;
 }
 
 #provinceModalCitySearch .input-small::-webkit-input-placeholder {
-    /* placeholder颜色  */
-    color: #fff;
+  /* placeholder颜色  */
+  color: #fff;
 }
 
 #provinceModalCitySearch .btn {
-    height: 24px;
-    border-radius: 0;
-    width: 35px;
-    margin-left: -1px;
+  height: 24px;
+  border-radius: 0;
+  width: 35px;
+  margin-left: -1px;
 }
 
 #provinceModalCitySearchResult {
-    position: absolute;
-    width: 150px;
-    top: 30px;
-    left: 0px;
-    overflow: hidden;
-    overflow-y: auto;
-    display: none;
-    background-color: rgba(34, 59, 73, 0.86);
-    color: #fff;
+  position: absolute;
+  width: 150px;
+  top: 30px;
+  left: 0px;
+  overflow: hidden;
+  overflow-y: auto;
+  display: none;
+  background-color: rgba(64, 158, 255, 0.86);
+  color: #fff;
 }
 
 #provinceModalCitySearchResult li {
-    display: block;
-    float: none;
-    width: 153px;
-    font-size: 12px;
-    color: #fff !important;
+  display: block;
+  float: none;
+  width: 153px;
+  font-size: 12px;
+  color: #fff !important;
 }
 
 #provinceModalCitySearch #provinceModalCitySearchResult li a {
-    display: block;
-    height: 20px;
-    line-height: 20px;
-    padding: 2px 5px;
-    margin: 0px;
-    text-indent: 20px;
-    color: #fff !important;
+  display: block;
+  height: 20px;
+  line-height: 20px;
+  padding: 2px 5px;
+  margin: 0px;
+  text-indent: 20px;
+  color: #fff !important;
 }
 
 #moreAreaLink {
-    font-size: 12px;
-    padding: 2px 3px;
-    cursor: pointer;
+  font-size: 12px;
+  padding: 2px 3px;
+  cursor: pointer;
 }
 
 #moreAreaLink:hover {
-    color: #01b7ff;
+  color: #01b7ff;
 }
 
 .row-fluid {
-    background: none !important;
-    display: block !important;
-    text-align: left;
+  background: none !important;
+  display: block !important;
+  text-align: left;
 }
 
 #provinceModal {
-    position: absolute;
-    left: -150px;
-    bottom: 30px;
-    width: 560px;
-    display: none;
+  position: absolute;
+  left: -150px;
+  bottom: 30px;
+  width: 560px;
+  display: none;
 }
 
 @media screen and (max-width: 1600px) {
-    #provinceModal {
-        bottom: 55px;
-    }
+  #provinceModal {
+    bottom: 55px;
+  }
 }
 
 #CurCityInfo {
-    display: none;
+  display: none;
 }
 
 /*E================================= provinceModal*/
 
 .addressbaike.hide {
-    display: none;
+  display: none;
 }
 
 .addressbaike {
-    float: left;
-    line-height: 1;
-    background: #fff;
-    display: block;
-    padding: 2px 3px;
-    border-radius: 3px;
-    font-size: 12px;
-    margin: 3px 10px 0 0;
-    color: #1865b1;
-}
+  float: left;
+  line-height: 1;
+  background: #fff;
+  display: block;
+  padding: 2px 3px;
+  border-radius: 3px;
+  font-size: 12px;
+  margin: 3px 10px 0 0;
+  color: #1865b1;
+}

styles/tools/toolPublicPopup.css

@@ -1,332 +1,332 @@
-.publicPopup{
-	background: #fff;
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    margin: auto;
-    width: 400px;
-    height: 0;
-    display: none;
-}
-.publicPopup .title{
-	background: #378BE0;
-	font-size: 18px;
-	font-weight: normal;
-	color: #fff;
-	padding: 12px 20px;
-}
-.publicPopup .content{
-    padding: 30px;
-    background: #fff;
-}
-.publicPopup .contentFst{
-    margin-top: 30px;
-}
-.publicPopup .contentFst:nth-child(1){
-    margin-top: 15px;
-}
-.publicPopup .btns{
-    text-align: center;
-}
-.publicPopup .btns input,.publicPopup input[type="button"]{
-    width: 64px;
-    height: 34px;
-    border: 2px solid #aaa;
-    border-radius: 4px;
-    margin: 0 48px;
-    color: #666;
-    background: #fff;
-    font-size: 16px;
-}
-.publicPopup .btns input:hover,.publicPopup input[type="button"]:hover{
-    color: #378BE0;
-}
-.publicPopup .btns input:active,.publicPopup input[type="button"]:active{
-    color: #378BE0;
-    border: 2px solid #378BE0;
-}
-.publicPopup .close{
-    font-size: 37px;
-    cursor: pointer;
-    height: 24px;
-    line-height: 24px;
+.publicPopup {
+  background: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  margin: auto;
+  width: 400px;
+  height: 0;
+  display: none;
+}
+.publicPopup .title {
+  background: #378be0;
+  font-size: 18px;
+  font-weight: normal;
+  color: #fff;
+  padding: 12px 20px;
+}
+.publicPopup .content {
+  padding: 30px;
+  background: #fff;
+}
+.publicPopup .contentFst {
+  margin-top: 30px;
+}
+.publicPopup .contentFst:nth-child(1) {
+  margin-top: 15px;
+}
+.publicPopup .btns {
+  text-align: center;
+}
+.publicPopup .btns input,
+.publicPopup input[type="button"] {
+  width: 64px;
+  height: 34px;
+  border: 2px solid #aaa;
+  border-radius: 4px;
+  margin: 0 48px;
+  color: #666;
+  background: #fff;
+  font-size: 16px;
+}
+.publicPopup .btns input:hover,
+.publicPopup input[type="button"]:hover {
+  color: #378be0;
+}
+.publicPopup .btns input:active,
+.publicPopup input[type="button"]:active {
+  color: #378be0;
+  border: 2px solid #378be0;
+}
+.publicPopup .close {
+  font-size: 37px;
+  cursor: pointer;
+  height: 24px;
+  line-height: 24px;
 }
 
-#importJSON{
-    height: 230px;
+#importJSON {
+  height: 230px;
 }
 .publicPopup a.a-upload {
-    position: relative;
-    cursor: pointer;
-    overflow: hidden;
-    vertical-align: middle;
-    padding: 7px 5px;
-    width: 53px;
-    font-size: 16px;
-    color: #378be0;
-    float: right;
-    text-align: center;
-    display: inline-block;
-    margin-top: 5px;
-    border-left: 1px solid #EEEEEE;
-}
-.publicPopup .liuLan{
-	text-align: center;
-}
-.publicPopup .lyName{
-	width: 330px;
-    height: 42px;
-    border: 1px solid #aaa;
-    display: inline-block;
-    vertical-align: middle;
-    color: #333;
-    padding-left: 10px;
-    font-size: 14px;
-    line-height: 20px;
-    /*margin: 40px 0px 30px 0px;*/
-    text-align: left;
-}
-.publicPopup .lyName .lyVal{
-	line-height: 42px;
-}
-.publicPopup a.a-upload input.daoRu{
-    position: absolute;
-    right: 0;
-    top: -5px;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    cursor: pointer;
-    width: 63px;
-    height: 42px;
-}
-.publicPopup a.a-upload:active{
-    background: #01b7ff;
-    padding: 11px 5px;
-    margin-top: 0;
-}
-.publicPopup a.a-upload:active input.daoRu{
-    top: 0;
+  position: relative;
+  cursor: pointer;
+  overflow: hidden;
+  vertical-align: middle;
+  padding: 7px 5px;
+  width: 53px;
+  font-size: 16px;
+  color: #378be0;
+  float: right;
+  text-align: center;
+  display: inline-block;
+  margin-top: 5px;
+  border-left: 1px solid #eeeeee;
+}
+.publicPopup .liuLan {
+  text-align: center;
+}
+.publicPopup .lyName {
+  width: 330px;
+  height: 42px;
+  border: 1px solid #aaa;
+  display: inline-block;
+  vertical-align: middle;
+  color: #333;
+  padding-left: 10px;
+  font-size: 14px;
+  line-height: 20px;
+  /*margin: 40px 0px 30px 0px;*/
+  text-align: left;
+}
+.publicPopup .lyName .lyVal {
+  line-height: 42px;
+}
+.publicPopup a.a-upload input.daoRu {
+  position: absolute;
+  right: 0;
+  top: -5px;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  cursor: pointer;
+  width: 63px;
+  height: 42px;
+}
+.publicPopup a.a-upload:active {
+  background: #01b7ff;
+  padding: 11px 5px;
+  margin-top: 0;
+}
+.publicPopup a.a-upload:active input.daoRu {
+  top: 0;
 }
 
 #jumpToLatlngModal {
-    position: absolute;
-    /*width:400px;*/
-    /*height: 227px;*/
-    left:50%;
-    top:50%;
-    margin:-140px 0 0 -190px;
+  position: absolute;
+  /*width:400px;*/
+  /*height: 227px;*/
+  left: 50%;
+  top: 50%;
+  margin: -140px 0 0 -190px;
 }
 
 #jumpToLatlngInputType {
-    position:absolute;
-    right:20px;
-    top:5px;
+  position: absolute;
+  right: 20px;
+  top: 5px;
 }
 
 #jumpToLatlngForm dl {
-    width:360px;
-    overflow:hidden;
-    clear:both;
+  width: 360px;
+  overflow: hidden;
+  clear: both;
 }
 
 #jumpToLatlngForm dl dt {
-    clear:both;
-    float:left;
-    width:70px;
-    text-align:left;
-    margin:10px 0 0 0;
-    line-height:30px;
+  clear: both;
+  float: left;
+  width: 70px;
+  text-align: left;
+  margin: 10px 0 0 0;
+  line-height: 30px;
 }
 
 #jumpToLatlngForm dl dd {
-    float:left;
-    margin:10px 0 0 0;
-    width:280px;
+  float: left;
+  margin: 10px 0 0 0;
+  width: 280px;
 }
 
-
 .type-1 #jumpToLngInput,
 .type-1 #jumpToLatInput {
-    display:none;
+  display: none;
 }
 
 .type-2 #jumpToLngInput,
 .type-2 #jumpToLatInput {
-    display:block;
+  display: block;
 }
 
 .type-1 .ty {
-    display:block;
+  display: block;
 }
 
 .type-2 .ty {
-    display:none;
+  display: none;
 }
 
-
-
 #jumpToLatlngForm dl dd .input {
-    width:200px;
+  width: 200px;
 }
 
 #jumpToLatlngForm dl dd .ty .input {
-    width:50px;
+  width: 50px;
 }
 #jumpToLatlngForm dl dd .ty span {
-    display:inline-block;
-    padding:0 3px;
-    font-size:14px;
+  display: inline-block;
+  padding: 0 3px;
+  font-size: 14px;
 }
-#jumpToLatlngZoomForm{
-    line-height: 45px;
+#jumpToLatlngZoomForm {
+  line-height: 45px;
 }
 #jumpToLatlngZoomForm dl {
-    overflow:hidden;
-    clear:both;
+  overflow: hidden;
+  clear: both;
 }
 
 #jumpToLatlngZoomForm dt {
-    float:left;
-    width:70px;
-    font-size:14px;
+  float: left;
+  width: 70px;
+  font-size: 14px;
 }
 
 #jumpToLatlngZoomForm dd {
-    float:left;
+  float: left;
 }
 #jumpToLatlngZoomForm dd .select {
-    width: 68px;
-    height: 30px;
-    padding-left: 4px;
-    color: #666;
-    border-radius: 1px solid #aaa;
+  width: 68px;
+  height: 30px;
+  padding-left: 4px;
+  color: #666;
+  border-radius: 1px solid #aaa;
 }
 
 #jumpToLatlngModal .modal-footer .btn {
-    margin-left:3px;
-    background: #0b4596;
-    color: #fff;
-    border: 0px;
+  margin-left: 3px;
+  background: #0b4596;
+  color: #fff;
+  border: 0px;
 }
-#jumpToLatlngModal .modal-footer .btn:hover{
-    background: #0b4596;
-    color: #fff;
-    border: 0px;
+#jumpToLatlngModal .modal-footer .btn:hover {
+  background: #0b4596;
+  color: #fff;
+  border: 0px;
 }
 
-#jumpToLatlngModal .geShi{
-    margin-bottom: 5px;
+#jumpToLatlngModal .geShi {
+  margin-bottom: 5px;
 }
-#jumpToLatlngModal .geShi input{
-    margin-left: 77px;
-    margin-right: 5px;
+#jumpToLatlngModal .geShi input {
+  margin-left: 77px;
+  margin-right: 5px;
 }
 
 .popup-lt {
-    position: absolute;
-    top: 0px;
-    left: -20px;
-    bottom: 19px;
-    width: 20px;
-    /* background: url(../../images/popup/bg-pp-2d-lt.png) top left no-repeat; */
+  position: absolute;
+  top: 0px;
+  left: -20px;
+  bottom: 19px;
+  width: 20px;
+  /* background: url(../../images/popup/bg-pp-2d-lt.png) top left no-repeat; */
 }
 .popup-lb {
-    position: absolute;
-    left: -20px;
-    bottom: 0px;
-    width: 42px;
-    height: 19px;
-    z-index: 999;
-    /* background: url(../../images/popup/bg-pp-2d-lb.png) top left no-repeat; */
+  position: absolute;
+  left: -20px;
+  bottom: 0px;
+  width: 42px;
+  height: 19px;
+  z-index: 999;
+  /* background: url(../../images/popup/bg-pp-2d-lb.png) top left no-repeat; */
 }
 .popup-rt {
-    position: absolute;
-    right: -8px;
-    top: 0px;
-    bottom: 19px;
-    width: 8px;
-    /* background: url(../../images/popup/bg-pp-2d-rt.png) top left no-repeat; */
+  position: absolute;
+  right: -8px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  /* background: url(../../images/popup/bg-pp-2d-rt.png) top left no-repeat; */
 }
 .popup-rb {
-    position: absolute;
-    right: -8px;
-    bottom: 0px;
-    height: 19px;
-    left: 22px;
-    z-index: 999;
-    /* background: url(../../images/popup/bg-pp-2d-rb.png) top right no-repeat; */
+  position: absolute;
+  right: -8px;
+  bottom: 0px;
+  height: 19px;
+  left: 22px;
+  z-index: 999;
+  /* background: url(../../images/popup/bg-pp-2d-rb.png) top right no-repeat; */
 }
 .popup-ct {
-    color: #fff;
-    height: 48px;
-    background: rgba(34, 59, 73, 0.86);
-    /* background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x; */
+  color: #fff;
+  height: 48px;
+  background: rgba(64, 158, 255, 0.86);
+  /* background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x; */
 }
 .popup-cb {
-    background: #ffffff;
+  background: #ffffff;
 }
 /*3D*/
-.class3d .popup-lt{
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    bottom: 19px;
-    width: 20px;
-    /* background: url(../../images/popup/bg-pp-3d-lt.png) top left no-repeat; */
-}
-.class3d .popup-lb{
-    position: absolute;
-    left: 0px;
-    bottom: 0px;
-    width: 42px;
-    height: 19px;
-    /* background: url(../../images/popup/bg-pp-3d-lb.png) top left no-repeat; */
-}
-.class3d .popup-ct{
-    height: 48px;
-    background: rgba(34, 59, 73, 0.86);
-    /* background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x; */
-}
-.class3d .popup-cb{
-    background: #ffffff;
-}
-.class3d .popup-rt{
-    position: absolute;
-    right: 0px;
-    top: 0px;
-    bottom:19px; 
-    width: 8px;
-    /* background: url(../../images/popup/bg-pp-3d-rt.png) top left no-repeat; */
-}
-.class3d .popup-rb{
-    position: absolute;
-    right: 0px;
-    bottom: 0px;
-    height: 19px;
-    left: 16px;
-    /* background: url(../../images/popup/bg-pp-3d-rb.png) top right no-repeat; */
-}
-#jumpToLatlngModal .daili{
-    padding: 20px 0 20px 20px;
-}
-#jumpToLatlngModal h3{
-    color: #fff;
-    font-weight: normal;
-    padding-left: 20px;
-    line-height: 48px;
-}
-#jumpToLatlngModal .popup-ct .close{
-    width: 18px;
-    height: 18px;
-    position: absolute;
-    top: 18px;
-    right: 15px;
-    background: url(../../images/layout/close_popUp.png) no-repeat;
-    border: none;
-    cursor: pointer;
-}
-#jumpToLatlngModal .loc{
-    margin-top: 10px;
-}
+.class3d .popup-lt {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 19px;
+  width: 20px;
+  /* background: url(../../images/popup/bg-pp-3d-lt.png) top left no-repeat; */
+}
+.class3d .popup-lb {
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  width: 42px;
+  height: 19px;
+  /* background: url(../../images/popup/bg-pp-3d-lb.png) top left no-repeat; */
+}
+.class3d .popup-ct {
+  height: 48px;
+  background: rgba(64, 158, 255, 0.86);
+  /* background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x; */
+}
+.class3d .popup-cb {
+  background: #ffffff;
+}
+.class3d .popup-rt {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  /* background: url(../../images/popup/bg-pp-3d-rt.png) top left no-repeat; */
+}
+.class3d .popup-rb {
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  height: 19px;
+  left: 16px;
+  /* background: url(../../images/popup/bg-pp-3d-rb.png) top right no-repeat; */
+}
+#jumpToLatlngModal .daili {
+  padding: 20px 0 20px 20px;
+}
+#jumpToLatlngModal h3 {
+  color: #fff;
+  font-weight: normal;
+  padding-left: 20px;
+  line-height: 48px;
+}
+#jumpToLatlngModal .popup-ct .close {
+  width: 18px;
+  height: 18px;
+  position: absolute;
+  top: 18px;
+  right: 15px;
+  background: url(../../images/layout/close_popUp.png) no-repeat;
+  border: none;
+  cursor: pointer;
+}
+#jumpToLatlngModal .loc {
+  margin-top: 10px;
+}

styles/toolsBar.css

@@ -1,65 +1,65 @@
 #toolsBar .cover-content {
-	font-size: 0px;
+  font-size: 0px;
 }
 
 #toolsBar .cover-content .li-content-bg {
-	font-size: 12px;
-	text-align: right;
-	line-height: 38px;
+  font-size: 12px;
+  text-align: right;
+  line-height: 38px;
 }
 
 #toolsBar .cover-content .li-content-bg span {
-	margin-right: 5px;
-	display: inline-block;
+  margin-right: 5px;
+  display: inline-block;
 }
 
 #toolsBar .cover-content .li-content-bg.lh14 {
-	line-height: 14px;
+  line-height: 14px;
 }
 
 #toolsBar .cover-content .li-content-bg.lh14 span {
-	margin-top: 5px;
+  margin-top: 5px;
 }
 
 #toolsBar .tools-bar-content {
-	float: left;
-	margin-right: 10px;
-	position: absolute;
-	left: -306px;
-	top: 0px;
+  float: left;
+  margin-right: 10px;
+  position: absolute;
+  left: -306px;
+  top: 0px;
 }
 
 #toolsBar .tools-bar-content .tools-ul {
-	width: 295px;
-	height: 118px;
-	background: rgba(45, 53, 68, 0.8);
-	border-radius: 4px;
-	border: 1px solid #aaaaaa;
-	display: none;
-	position: relative;
-	margin: 0px;
+  width: 295px;
+  height: 118px;
+  background: rgba(64, 158, 255, 0.8);
+  border-radius: 4px;
+  border: 1px solid #aaaaaa;
+  display: none;
+  position: relative;
+  margin: 0px;
 }
 
 #toolsBar.chrome .tools-bar-content .tools-ul {
-	height: 114px;
+  height: 114px;
 }
 
 #toolsBara.active .tools-bar-content .tools-ul {
-	display: block;
+  display: block;
 }
 
 #toolsBar.active .tools-bar-content .tools-ul {
-	display: block;
+  display: block;
 }
 
 #toolsBar .tools-bar-content li {
-	height: 38px;
-	width: 59px;
-	cursor: pointer;
-	position: relative;
-	color: #fff;
-	display: inline-block;
-	border: 0px !important;
+  height: 38px;
+  width: 59px;
+  cursor: pointer;
+  position: relative;
+  color: #fff;
+  display: inline-block;
+  border: 0px !important;
 }
 
 /*#toolsBar .tools-bar-content li.tools-marker {
@@ -67,508 +67,504 @@
 }*/
 
 #toolsBar .tools-bar-content li .li-content-bg {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	border: 0px;
-	margin: 0px;
-	z-index: 3;
-	width: 100%;
-	height: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  border: 0px;
+  margin: 0px;
+  z-index: 3;
+  width: 100%;
+  height: 100%;
 }
 
 #toolsBar .tools-bar-content li:hover {
-	color: #fff179;
-	background: #071c2d;
+  color: #fff179;
+  background: #071c2d;
 }
 
 #toolsBar .tools-bar-content li.cur {
-	color: #fff179;
-	background: #071c2d;
+  color: #fff179;
+  background: #071c2d;
 }
 
-
 /* base state */
 #toolsBar .tools-ul .tools-painting .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -2px -2px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -2px -2px;
 }
 #toolsBar .tools-ul .tools-marker .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -2px -2px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -2px -2px;
 }
 #toolsBar .tools-ul .tools-distance .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -66px -2px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -66px -2px;
 }
 
 #toolsBar .tools-ul .tools-area .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -130px -2px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -130px -2px;
 }
 
 #toolsBar .tools-ul .tools-elevation .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -194px -2px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -194px -2px;
 }
 
 #toolsBar .tools-ul .tools-KSFX .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -256px -2px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -256px -2px;
 }
 
 #toolsBar .tools-ul .tools-TSFX .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -2px -40px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -2px -40px;
 }
 
 #toolsBar .tools-ul .tools-toolJumpToLatlng .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -67px -40px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -67px -40px;
 }
 
 #toolsBar .tools-ul .tools-mapshot .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -130px -40px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -130px -40px;
 }
 
 #toolsBar .tools-ul .tools-msAll .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -194px -40px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -194px -40px;
 }
 
 #toolsBar .tools-ul .tools-shiZi .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -256px -40px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -256px -40px;
 }
 
 #toolsBar .tools-ul .tools-dixing .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -2px -80px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -2px -80px;
 }
 
 #toolsBar .tools-ul .tools-cleanMap .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -66px -80px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -66px -80px;
 }
 
-
 #toolsBar .tools-ul .tools-lookAroundAnalysis .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -256px -2px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -256px -2px;
 }
 
 #toolsBar .tools-ul .tools-visualAnalysis .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -2px -40px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -2px -40px;
 }
 
 #toolsBar .tools-ul .tools-measuringHeight .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -194px -80px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -194px -80px;
 }
 
 #toolsBar .tools-ul .tools-radar .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -130px -80px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -130px -80px;
 }
 
 #toolsBar .tools-ul .tools-flightSimulation .li-content-bg {
-	background: url(../images/tools/tool-li-item.png) no-repeat -256px -80px;
+  background: url(../images/tools/tool-li-item.png) no-repeat -256px -80px;
 }
 
-
 /*  hover */
 #toolsBar .tools-ul li:hover.tools-painting .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
 }
 #toolsBar .tools-ul li:hover.tools-marker .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
 }
 #toolsBar .tools-ul li:hover.tools-distance .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -2px;
 }
 
 #toolsBar .tools-ul li:hover.tools-area .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -2px;
 }
 
 #toolsBar .tools-ul li:hover.tools-elevation .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -2px;
 }
 
 #toolsBar .tools-ul li:hover.tools-KSFX .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
 }
 
 #toolsBar .tools-ul li:hover.tools-TSFX .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
 }
 
 #toolsBar .tools-ul li:hover.tools-toolJumpToLatlng .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -40px;
 }
 
 #toolsBar .tools-ul li:hover.tools-mapshot .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -40px;
 }
 
 #toolsBar .tools-ul li:hover.tools-msAll .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -40px;
 }
 
 #toolsBar .tools-ul li:hover.tools-shiZi .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -40px;
 }
 
 #toolsBar .tools-ul li:hover.tools-dixing .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -80px;
 }
 
 #toolsBar .tools-ul li:hover.tools-cleanMap .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -80px;
 }
 
 #toolsBar .tools-ul li:hover.tools-lookAroundAnalysis .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
 }
 
 #toolsBar .tools-ul li:hover.tools-visualAnalysis .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
 }
 
 #toolsBar .tools-ul li:hover.tools-measuringHeight .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -80px;
-
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -80px;
 }
 
 #toolsBar .tools-ul li:hover.tools-radar .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -80px;
 }
 
 #toolsBar .tools-ul li:hover.tools-flightSimulation .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -80px;
 }
 
 /*  selected  */
 #toolsBar .tools-ul li.cur.tools-painting .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
 }
 #toolsBar .tools-ul li.cur.tools-marker .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -2px;
 }
 
 #toolsBar .tools-ul li.cur.tools-distance .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -2px;
 }
 
 #toolsBar .tools-ul li.cur.tools-area .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -2px;
 }
 
 #toolsBar .tools-ul li.cur.tools-elevation .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -2px;
 }
 
 #toolsBar .tools-ul li.cur.tools-KSFX .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
 }
 
 #toolsBar .tools-ul li.cur.tools-TSFX .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
 }
 
 #toolsBar .tools-ul li.cur.tools-toolJumpToLatlng .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -40px;
 }
 
 #toolsBar .tools-ul li.cur.tools-mapshot .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -130px -40px;
 }
 
 #toolsBar .tools-ul li.cur.tools-msAll .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -194px -40px;
 }
 
 #toolsBar .tools-ul li.cur.tools-shiZi .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -40px;
 }
 
 #toolsBar .tools-ul li.cur.tools-dixing .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -80px;
 }
 
 #toolsBar .tools-ul li.cur.tools-cleanMap .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -66px -80px;
 }
 
 #toolsBar .tools-ul li.cur.tools-lookAroundAnalysis .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -256px -2px;
 }
 
 #toolsBar .tools-ul li.cur.tools-visualAnalysis .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat -2px -40px;
 }
 
 #toolsBar .tools-ul li.cur.tools-measuringHeight .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -194px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -194px -80px;
 }
 
 #toolsBar .tools-ul li.cur.tools-radar .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -130px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -130px -80px;
 }
 
 #toolsBar .tools-ul li.cur.tools-flightSimulation .li-content-bg {
-	background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -256px -80px;
+  background: url(../images/tools/tool-li-item-hover.png) no-repeat no-repeat -256px -80px;
 }
 
 .zhengshiDl {
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	width: 275px;
-	margin-top: -106px;
-	margin-left: -138px;
-	background: #0e74d1;
-	padding: 5px 10px;
-	display: none;
-	border: 0px;
-	color: #FFF;
-	font-size: 12px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 275px;
+  margin-top: -106px;
+  margin-left: -138px;
+  background: #0e74d1;
+  padding: 5px 10px;
+  display: none;
+  border: 0px;
+  color: #fff;
+  font-size: 12px;
 }
 
 .zhengshiDl.active {
-	display: block;
+  display: block;
 }
 
 .zhengshiDl h3 {
-	font-size: 12px;
-	font-weight: bold;
-	border-bottom: 1px solid #999;
-	margin-bottom: 5px;
+  font-size: 12px;
+  font-weight: bold;
+  border-bottom: 1px solid #999;
+  margin-bottom: 5px;
 }
 
 .zhengshiDl .name {
-	width: 100px;
-	padding: 0px 5px;
-	vertical-align: middle;
-	margin-left: 4px;
+  width: 100px;
+  padding: 0px 5px;
+  vertical-align: middle;
+  margin-left: 4px;
 }
 
 .zhengshiDl select {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 .zhengshiDl .cb {
-	vertical-align: middle;
-	margin-left: 0px;
+  vertical-align: middle;
+  margin-left: 0px;
 }
 
 .zhengshiDl div {
-	line-height: 20px;
+  line-height: 20px;
 }
 
 .zhengshiDl label {
-	display: inline-block;
-	width: 85px;
-	text-align: right;
-	color: #fff;
-	padding: 3px;
+  display: inline-block;
+  width: 85px;
+  text-align: right;
+  color: #fff;
+  padding: 3px;
 }
 
 .zhengshiDl .subdiv {
-	clear: both;
-	padding: 5px 0 0 0;
-	text-align: center;
-	border-top: 1px solid #eee;
+  clear: both;
+  padding: 5px 0 0 0;
+  text-align: center;
+  border-top: 1px solid #eee;
 }
 
 .zhengshiDl .subdiv button {
-	font-size: 12px;
-	padding: 2px 5px;
-	cursor: pointer;
+  font-size: 12px;
+  padding: 2px 5px;
+  cursor: pointer;
 }
 
 #toolsBar.chrome .tools-measuring3DE,
 #toolsBar.chrome .tools-ul .tools-LDZZ,
 #toolsBar.chrome .tools-ul .tools-flyLineModal {
-	display: none;
+  display: none;
 }
 
 #shiZi {
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	font-size: 50px;
-	margin-left: -25px;
-	margin-top: -25px;
-	z-index: 12200;
-	display: none;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  font-size: 50px;
+  margin-left: -25px;
+  margin-top: -25px;
+  z-index: 12200;
+  display: none;
 }
 
 #shiZi.active {
-	display: block;
+  display: block;
 }
 
 #shiZi .heng {
-	width: 50px;
-	height: 2px;
-	background: #04cfed;
-	position: absolute;
-	top: 24px;
-	left: 0px;
+  width: 50px;
+  height: 2px;
+  background: #04cfed;
+  position: absolute;
+  top: 24px;
+  left: 0px;
 }
 
 #shiZi .shu {
-	width: 2px;
-	height: 50px;
-	background: #04cfed;
-	top: 0px;
-	left: 24px;
-	position: absolute;
+  width: 2px;
+  height: 50px;
+  background: #04cfed;
+  top: 0px;
+  left: 24px;
+  position: absolute;
 }
 
 .zhengshiDl .title {
-	display: inline-block;
+  display: inline-block;
 }
 
 .zhengshiDl #mapfishCenter {
-	display: inline-block;
-	margin-left: 5px;
+  display: inline-block;
+  margin-left: 5px;
 }
 
 .viewHeightPopup {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	width: 365px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 365px;
 }
 
 .viewHeightPopup .panel {
-	padding: 20px 20px;
-	/* height: 30px; */
-	background: #ffffff;
+  padding: 20px 20px;
+  /* height: 30px; */
+  background: #ffffff;
 }
 
-.viewHeightPopup .panel>span {
-	display: inline-block;
-	width: 50px;
-	height: 30px;
-	line-height: 30px;
-	vertical-align: top;
-	color: #000000;
-	font-size: 16px;
-	text-align: center;
+.viewHeightPopup .panel > span {
+  display: inline-block;
+  width: 50px;
+  height: 30px;
+  line-height: 30px;
+  vertical-align: top;
+  color: #000000;
+  font-size: 16px;
+  text-align: center;
 }
 
 .viewHeightPopup .popup-ct .close {
-	width: 18px;
-	height: 18px;
-	position: absolute;
-	top: 18px;
-	right: 15px;
-	background: url(../../images/layout/close_popUp.png) no-repeat;
-	border: none;
-	cursor: pointer;
+  width: 18px;
+  height: 18px;
+  position: absolute;
+  top: 18px;
+  right: 15px;
+  background: url(../../images/layout/close_popUp.png) no-repeat;
+  border: none;
+  cursor: pointer;
 }
 
 .viewHeightPopup .popup-ct h3 {
-	color: #fff;
-	font-weight: normal;
-	padding-left: 20px;
-	line-height: 48px;
+  color: #fff;
+  font-weight: normal;
+  padding-left: 20px;
+  line-height: 48px;
 }
 
 .viewHeightPopup #viewHeight {
-	width: 100px;
+  width: 100px;
 }
 
 .viewHeightPopup #radius {
-	width: 100px;
+  width: 100px;
 }
 
 .viewHeightPopup .sure,
 .viewHeightPopup .cancel {
-	background: #FBD834;
-	color: #000000;
-	height: 30px;
-	border-radius: 5px;
+  background: #fbd834;
+  color: #000000;
+  height: 30px;
+  border-radius: 5px;
 }
 
 #toolFlightSimulationPanel {
-	width: 400px;
+  width: 400px;
 }
 
 #toolFlightSimulationPanel .step {
-	width: 100%;
-	position: relative;
-	border-bottom: 1px solid #a3a3a3;
+  width: 100%;
+  position: relative;
+  border-bottom: 1px solid #a3a3a3;
 }
 
 #toolFlightSimulationPanel .step:last-child {
-	border-bottom: 0px solid #fff;
+  border-bottom: 0px solid #fff;
 }
 
 #toolFlightSimulationPanel .step::before {
-	content: "";
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	background: rgb(111, 123, 138, 0.25);
-	z-index: 1;
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgb(111, 123, 138, 0.25);
+  z-index: 1;
 }
 
 #toolFlightSimulationPanel .step.able::before {
-	content: "";
-	position: absolute;
-	width: 0%;
-	height: 0%;
+  content: "";
+  position: absolute;
+  width: 0%;
+  height: 0%;
 }
 
 #toolFlightSimulationPanel .number {
-	height: 50px;
-	width: 35px;
-	display: inline-block;
-	vertical-align: top;
+  height: 50px;
+  width: 35px;
+  display: inline-block;
+  vertical-align: top;
 }
 
 #toolFlightSimulationPanel .number span {
-	width: 20px;
-	height: 20px;
-	line-height: 20px;
-	display: block;
-	text-align: center;
-	margin: 0 auto;
-	margin-top: 15px;
-	border-radius: 20px;
-	background: #8e9aa2;
-	color: #ffffff;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  display: block;
+  text-align: center;
+  margin: 0 auto;
+  margin-top: 15px;
+  border-radius: 20px;
+  background: #8e9aa2;
+  color: #ffffff;
 }
 
 #toolFlightSimulationPanel .right {
-	height: 100%;
-	width: calc(100% - 40px);
-	line-height: 50px;
-	vertical-align: top;
-	display: inline-block;
-	color: #000;
-	position: relative;
+  height: 100%;
+  width: calc(100% - 40px);
+  line-height: 50px;
+  vertical-align: top;
+  display: inline-block;
+  color: #000;
+  position: relative;
 }
 
 #toolFlightSimulationPanel .right button {
-	background: #fbd834;
-	border: 0px;
-	padding: 5px 10px;
-	border-radius: 5px;
-	cursor: pointer;
-	height: 30px;
-	margin: 10px 0;
-	float: right;
+  background: #fbd834;
+  border: 0px;
+  padding: 5px 10px;
+  border-radius: 5px;
+  cursor: pointer;
+  height: 30px;
+  margin: 10px 0;
+  float: right;
 }
 
 #toolFlightSimulationPanel .second .fly_height,
 #toolFlightSimulationPanel .second .fly_speed {
-	height: 24px;
-	padding: 0 5px;
-	margin: 0 10px;
-	line-height: 15px;
+  height: 24px;
+  padding: 0 5px;
+  margin: 0 10px;
+  line-height: 15px;
 }
-#toolFlightSimulationPanel input[type="radio"]{
-	vertical-align: middle;
-    margin: 0 5px;
+#toolFlightSimulationPanel input[type="radio"] {
+  vertical-align: middle;
+  margin: 0 5px;
 }
 
 #toolFlightSimulationPanel .first .right button,
 #toolFlightSimulationPanel .second .right button,
 #toolFlightSimulationPanel .third .right button {
-	display: none;
+  display: none;
 }
 
 .first_button_change,
 .second_button_change,
 .third_button_change {
-	display: inline-block !important;
-}
+  display: inline-block !important;
+}

styles/topBar.css

@@ -1,185 +1,195 @@
 #topBar {
-	position: absolute;
-	right: 0px;
-	top: 145px;
-	width: 50px;
-	/* height:346px; */
-	/*z-index: 200;*/
-	/* background: url(../images/tools/topBar_bg.png) no-repeat top left; */
+  position: absolute;
+  right: 0px;
+  top: 145px;
+  width: 50px;
+  /* height:346px; */
+  /*z-index: 200;*/
+  /* background: url(../images/tools/topBar_bg.png) no-repeat top left; */
 }
 
 #mapModelChange .choosemapStyle {
-	width: 100%;
-	height: 100%;
-	background: none;
-	border: 0px;
-	cursor: pointer;
-	color: #fff;
-	line-height: 74px;
-	/* display: none; */
+  width: 100%;
+  height: 100%;
+  background: none;
+  border: 0px;
+  cursor: pointer;
+  color: #fff;
+  line-height: 74px;
+  /* display: none; */
 }
 
 #mapModelChange:hover #chooseBg {
-	display: block !important;
+  display: block !important;
 }
 
 #topBar li.tlist {
-	width: 50px;
-	height: 50px;
-	position: relative;
-	cursor: pointer;
+  width: 50px;
+  height: 50px;
+  position: relative;
+  cursor: pointer;
 }
 
-#topBar li.tlist>div.bg {
-	position: absolute;
-	top: 0px;
-	right: 0px;
-	max-width: 1000px;
-	min-width: 50px;
-	height: 50px;
-	overflow: hidden;
-	color: #fff;
+#topBar li.tlist > div.bg {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  max-width: 1000px;
+  min-width: 50px;
+  height: 50px;
+  overflow: hidden;
+  color: #fff;
 }
 
 #topBar li.tlist:first-child .bg,
 #topBar li.tlist:nth-child(5) .bg,
 #topBar li.tlist:nth-child(6) .bg {
-	border-top-left-radius: 4px;
-	border-bottom-left-radius: 4px;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
 
 #topBar li.tlist:nth-child(2) .bg {
-	border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
 }
 
 #topBar li.tlist:nth-child(4) .bg {
-	margin: 0 0 20px 0;
-	border-bottom-left-radius: 4px;
+  margin: 0 0 20px 0;
+  border-bottom-left-radius: 4px;
 }
 
 #topBar li.tlist:first-child,
 #topBar li.tlist:nth-child(4),
 #topBar li.tlist:nth-child(5),
 #topBar li.tlist:nth-child(6) {
-	margin: 0 0 20px 0;
+  margin: 0 0 20px 0;
 }
 
 #topBar li.tlist:nth-child(5) .bg .p,
 #topBar li.tlist:nth-child(6) .bg .p {
-	display: none;
-	padding: 5px 70px 5px 20px;
-	white-space: nowrap;
+  display: none;
+  padding: 5px 70px 5px 20px;
+  white-space: nowrap;
 }
 
 #topBar li.tlist:nth-child(5) .bg .p {
-	line-height: 20px;
+  line-height: 20px;
 }
 
 #topBar li.tlist:nth-child(6) .bg .p {
-	line-height: 40px;
+  line-height: 40px;
 }
 
 /*  背景  */
 #topBar li.tlist.tools-tool23Dchange.map2D .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-map2D.png) no-repeat right 6px top 5px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-map2D.png)
+    no-repeat right 6px top 5px;
 }
 
 #topBar li.tlist.tools-tool23Dchange.map3D .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-map3D.png) no-repeat right 6px top 5px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-map3D.png)
+    no-repeat right 6px top 5px;
 }
 
 #topBar li.tlist.tools-tool .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 4px top 2px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
+    no-repeat right 4px top 2px;
 }
 
 #topBar li.tlist.tools-fullScreen .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 5px top -90px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
+    no-repeat right 5px top -90px;
 }
 
 #topBar li.tlist.tools-contact .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 5px top -167px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
+    no-repeat right 5px top -167px;
 }
 
 #topBar li.tlist.tools-developer .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 5px top -237px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
+    no-repeat right 5px top -237px;
 }
 
 /*  hover  */
 #topBar li.tlist:hover.tools-tool .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 4px top 2px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
+    no-repeat right 4px top 2px;
 }
 
 #topBar li.tlist:hover.tools-fullScreen .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 5px top -90px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
+    no-repeat right 5px top -90px;
 }
 
 /*  选中  */
 #topBar li.tlist.cur.tools-tool .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 4px top 2px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
+    no-repeat right 4px top 2px;
 }
 
-
 #topBar li.tlist.cur.tools-fullScreen .bg {
-	background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 5px top -90px;
+  background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
+    no-repeat right 5px top -90px;
 }
 
-#topBar #mapWeixing-menu {}
+#topBar #mapWeixing-menu {
+}
 
 #topBar #mapWeixing-menu-list {
-	top: -50px;
-	right: 61px;
+  top: -50px;
+  right: 61px;
 }
 
 #topBar #taishi-menu1 {
-	right: 111px;
-	top: -9px;
+  right: 111px;
+  top: -9px;
 }
 
 #coverHeightKSFX {
-	position: fixed;
-	left: 50%;
-	top: 50%;
-	width: 310px;
-	height: 105px;
-	margin-top: -50px;
-	margin-left: -155px;
-	background: none;
-	display: none;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  width: 310px;
+  height: 105px;
+  margin-top: -50px;
+  margin-left: -155px;
+  background: none;
+  display: none;
 }
 
 #coverHeightLDZZ .popup-ct,
 #coverHeightKSFX .popup-ct {
-	line-height: 45px;
-	text-indent: 15px;
+  line-height: 45px;
+  text-indent: 15px;
 }
 
 #coverHeightLDZZ .popup-cb,
 #coverHeightKSFX .popup-cb {
-	padding-bottom: 20px;
+  padding-bottom: 20px;
 }
 
 #coverHeightKSFX .con {
-	font-size: 14px;
-	color: #666;
-	font-weight: bold;
-	width: 260px;
-	padding-top: 10px;
-	padding-left: 15px;
+  font-size: 14px;
+  color: #666;
+  font-weight: bold;
+  width: 260px;
+  padding-top: 10px;
+  padding-left: 15px;
 }
 
 #coverHeightKSFX .con .input {
-	height: 24px;
-	line-height: 24px;
-	width: 20px;
-	margin: 0 5px;
+  height: 24px;
+  line-height: 24px;
+  width: 20px;
+  margin: 0 5px;
 }
 
 #coverHeightKSFX .con .btn {
-	height: 24px;
-	line-height: 24px;
-	margin-left: 5px;
+  height: 24px;
+  line-height: 24px;
+  margin-left: 5px;
 }
 
 .leaflet-control-measure-drawcircles {
-	display: none;
-}
+  display: none;
+}

styles/user.css

@@ -1,387 +1,471 @@
 #userInfo {
-    width: 45px;
-    height: 45px;
-    float: left;
-    display: inline-block;
+  width: 45px;
+  height: 45px;
+  float: left;
+  display: inline-block;
 }
 
 #userContent {
-    /*border-bottom: 1px solid #01b7ff;*/
-    /*background: #3b8ee1 url(../images/layout/userLogo.png) 0 20px no-repeat;*/
-    /*padding-left: 70px;*/
-    position: relative;
+  /*border-bottom: 1px solid #01b7ff;*/
+  /*background: #3b8ee1 url(../images/layout/userLogo.png) 0 20px no-repeat;*/
+  /*padding-left: 70px;*/
+  position: relative;
 }
 
 #userContent.no-login {
-    /*border-bottom: 1px solid #01b7ff;*/
-    /*background: #3b8ee1 url(../images/layout/userLogo.png) 0 8px no-repeat;*/
-    position: relative;
+  /*border-bottom: 1px solid #01b7ff;*/
+  /*background: #3b8ee1 url(../images/layout/userLogo.png) 0 8px no-repeat;*/
+  position: relative;
+}
+/* 地名地址搜索框 */
+#userContent .UserAddressSearch {
+  position: absolute;
+  right: 60px;
+  width: 200px;
+  /*top: 0;*/
+  /*line-height: 68px;*/
+  cursor: pointer;
+  z-index: 111;
+  /*left: 0;*/
+  /*margin: 10px 0 0 10px;*/
+  background-size: 45px;
+  /*position: absolute;*/
+  /*left: 10px;*/
+  /*top: -5px;*/
+}
+
+#addressSearch {
+  width: 200px;
+  /* height: 30px; */
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  padding: 10px 5px;
+  display: none;
+}
+
+/* 地名地址返回结果BOX */
+#resultListBox {
+  position: absolute;
+  top: 50px;
+  right: 0px;
+  width: 400px;
+  padding: 20px 10px 10px 10px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  box-shadow: -5px 5px 5px 2px rgba(0, 0, 0, 0.15);
+}
+#resultListBox .closeDiv {
+  position: absolute;
+  padding: 5px;
+  top: 0px;
+  right: 5px;
+  color: #909399;
+  font-size: 20px;
+  user-select: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+}
+
+#resultListBox .closeDiv:hover {
+  color: #f56c6c;
+}
+
+.resultItem {
+  position: relative;
+  padding: 10px 5px;
+  border-bottom: 1px dashed #ccc;
+  border-left: 2px solid #fff;
+  color: #303133;
+  font-weight: bold;
+  text-indent: 1em;
+}
+.resultItem:hover {
+  border-bottom: 1px dashed #409eff;
+  border-left: 2px solid #409eff;
+  color: #409eff;
+}
+.orientation {
+  padding-left: 20px;
+}
+
+.orientation::before {
+  position: absolute;
+  top: 50%;
+  left: 5px;
+  transform: translateY(-50%);
+  content: "";
+  width: 15px;
+  height: 20px;
+  background: url(../images/layout/marker/b1.png) center no-repeat;
+  background-size: contain;
 }
 
 #userContent .userLink {
-    /*position: absolute;*/
-    /*top: 0;*/
-    width: 45px;
-    height: 45px;
-    background: url(../images/layout/userLogo.png) center no-repeat;
-    /*line-height: 68px;*/
-    text-align: center;
-    color: #fff;
-    cursor: pointer;
-    z-index: 111;
-    /*left: 0;*/
-    /*margin: 10px 0 0 10px;*/
-    background-size: 45px;
-    /*display: none;*/
-    /*position: absolute;*/
-    /*left: 10px;*/
-    /*top: -5px;*/
+  /*position: absolute;*/
+  /*top: 0;*/
+  width: 45px;
+  height: 45px;
+  background: url(../images/layout/userLogo.png) center no-repeat;
+  /*line-height: 68px;*/
+  text-align: center;
+  color: #fff;
+  cursor: pointer;
+  z-index: 111;
+  /*left: 0;*/
+  /*margin: 10px 0 0 10px;*/
+  background-size: 45px;
+  /*display: none;*/
+  /*position: absolute;*/
+  /*left: 10px;*/
+  /*top: -5px;*/
 }
 
 #userContent .userLink:hover,
 #userContent .userLink.active {
-    border-color:rgba(45, 53, 68, 0.8);
+  border-color: rgba(64, 158, 255, 0.8);
 }
 
 #userContent .userInfo {
-    background: rgba(45, 53, 68, 0.8) url(../images/layout/userLogo.png) 5px 8px no-repeat;
-    position: absolute;
-    top: 60px;
-    right: 0px;
-    z-index: 99999;
-    width: 235px;
-    background-size: 60px;
-    display: none;
-    height: 70px;
+  background: rgba(64, 158, 255, 0.8) url(../images/layout/userLogo.png) 5px 8px
+    no-repeat;
+  position: absolute;
+  top: 60px;
+  right: 0px;
+  z-index: 99999;
+  width: 235px;
+  background-size: 60px;
+  display: none;
+  height: 70px;
 }
 
 #userContent .userInfo.active {
-    display: block;
+  display: block;
 }
 
 #userContent .userInfo .login {
-    display: none;
-    color: #eeeeee;
-    font-size: 16px;
-    height: 46px;
-    line-height: 46px;
-    padding: 0px 10px;
-    margin-left: 70px;
+  display: none;
+  color: #eeeeee;
+  font-size: 16px;
+  height: 46px;
+  line-height: 46px;
+  padding: 0px 10px;
+  margin-left: 70px;
 }
 
 #userContent .userInfo .lgtop {
-    margin-left: 70px;
+  margin-left: 70px;
 }
 
 #userContent .userInfo .login a {
-    color: #ffffff;
-    padding-left: 5px;
-    font-size: 16px;
-    font-weight: bold;
+  color: #ffffff;
+  padding-left: 5px;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 #userContent .userInfo .moreLink {
-    display: none;
-    color: #666;
-    font-size: 16px;
-    background: #fff;
-    position: relative;
+  display: none;
+  color: #666;
+  font-size: 16px;
+  background: #fff;
+  position: relative;
 }
 
 #userContent .userInfo .moreLink .linkList {
-    padding: 5px 0;
-    margin-left: 10px;
+  padding: 5px 0;
+  margin-left: 10px;
 }
 
 #userContent .userInfo .moreLink .linkList li {
-    cursor: pointer;
-    height: 42px;
-    line-height: 42px;
-    text-align: left;
-    padding-left: 27px;
-    width: 60px;
-    font-size: 14px;
+  cursor: pointer;
+  height: 42px;
+  line-height: 42px;
+  text-align: left;
+  padding-left: 27px;
+  width: 60px;
+  font-size: 14px;
 }
 
 #userContent .userInfo .moreLink .linkList li:hover {
-    color: #01b7ff;
+  color: #01b7ff;
 }
 
 #userContent .userInfo .moreLink .linkList li.quit {
-    text-align: right;
-    font-size: 14px;
-    color: #999;
-    height: 30px;
-    line-height: 30px;
-    cursor: pointer;
+  text-align: right;
+  font-size: 14px;
+  color: #999;
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
 }
 
 #userContent .userInfo .moreLink .linkList li.collect {
-    background: url(../images/user/userCenter.png) 1px no-repeat;
-    background-size: 13px;
+  background: url(../images/user/userCenter.png) 1px no-repeat;
+  background-size: 13px;
 }
 
 #userContent .userInfo .moreLink .linkList li.myBh {
-    background: url(../images/user/star.png) left no-repeat;
-    background-size: 15px;
-    display: none;
+  background: url(../images/user/star.png) left no-repeat;
+  background-size: 15px;
+  display: none;
 }
 
 #userContent .userInfo .moreLink .linkList li.myBh.active {
-    display: block;
+  display: block;
 }
 
 #userContent .userInfo .moreLink .linkList li.myBh.uFavo {
-    background: url(../images/user/uFavo.png) left no-repeat;
-    background-size: 15px;
+  background: url(../images/user/uFavo.png) left no-repeat;
+  background-size: 15px;
 }
 
 #userContent .userInfo .moreLink .linkList li.set {
-    background: url(../images/user/set.png) left no-repeat;
-    background-size: 15px;
-    display: none;
+  background: url(../images/user/set.png) left no-repeat;
+  background-size: 15px;
+  display: none;
 }
 
 #userContent .userInfo .moreLink .linkList li.share {
-    background: url(../images/user/share.png) left no-repeat;
-    background-size: 18px;
-    width: 56px;
-    vertical-align: top;
+  background: url(../images/user/share.png) left no-repeat;
+  background-size: 18px;
+  width: 56px;
+  vertical-align: top;
 }
 
 #userContent .userInfo .moreLink .linkList li.share a {
-    height: 42px;
-    line-height: 42px;
-    text-align: left;
-    color: #666;
-    font-size: 14px;
+  height: 42px;
+  line-height: 42px;
+  text-align: left;
+  color: #666;
+  font-size: 14px;
 }
 
-
 #userContent .popup-lt {
-    position: absolute;
-    top: 0px;
-    left: -20px;
-    bottom: 19px;
-    width: 20px;
-    background: url(../images/popup/bg-pp-2d-lt.png) top left no-repeat;
-    display: none;
+  position: absolute;
+  top: 0px;
+  left: -20px;
+  bottom: 19px;
+  width: 20px;
+  background: url(../images/popup/bg-pp-2d-lt.png) top left no-repeat;
+  display: none;
 }
 
 #userContent .popup-lb {
-    position: absolute;
-    left: -20px;
-    bottom: 0px;
-    width: 42px;
-    height: 19px;
-    background: url(../images/popup/bg-pp-2d-lb.png) top left no-repeat;
-    display: none;
+  position: absolute;
+  left: -20px;
+  bottom: 0px;
+  width: 42px;
+  height: 19px;
+  background: url(../images/popup/bg-pp-2d-lb.png) top left no-repeat;
+  display: none;
 }
 
 #userContent .popup-rt {
-    position: absolute;
-    right: -8px;
-    top: 0px;
-    bottom: 19px;
-    width: 8px;
-    background: url(../../images/popup/bg-pp-2d-rt.png) top left no-repeat;
-    display: none;
+  position: absolute;
+  right: -8px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  background: url(../../images/popup/bg-pp-2d-rt.png) top left no-repeat;
+  display: none;
 }
 
 #userContent .popup-rb {
-    position: absolute;
-    right: -8px;
-    bottom: 0px;
-    height: 19px;
-    left: 22px;
-    background: url(../../images/popup/bg-pp-2d-rb.png) top right no-repeat;
-    display: none;
+  position: absolute;
+  right: -8px;
+  bottom: 0px;
+  height: 19px;
+  left: 22px;
+  background: url(../../images/popup/bg-pp-2d-rb.png) top right no-repeat;
+  display: none;
 }
 
 #userContent .popup-ct {
-    height: 48px;
-    background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x;
-    color: #fff;
-    padding-left: 10px;
+  height: 48px;
+  background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x;
+  color: #fff;
+  padding-left: 10px;
 }
 
 #userContent .popup-ct.lgtop {
-    display: none;
+  display: none;
 }
 
 #userContent .popup-cb {
-    background: #ffffff;
+  background: #ffffff;
 }
 
 #userContent .username {
-    font-weight: normal;
-    padding-top: 15px;
-    color: #fff;
-    width: 155px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+  font-weight: normal;
+  padding-top: 15px;
+  color: #fff;
+  width: 155px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 #userContent .lgtime {
-    font-size: 12px;
-    display: inline-block;
-    color: #fff;
+  font-size: 12px;
+  display: inline-block;
+  color: #fff;
 }
 
 #userContent .quit {
-    font-size: 12px;
-    color: #999;
-    display: inline-block;
-    margin-left: 10px;
-    cursor: pointer;
-    border: 1px solid #eee;
-    border-radius: 3px;
-    padding: 3px 8px;
-    position: absolute;
-    bottom: 14px;
-    right: 14px;
-    display: none;
+  font-size: 12px;
+  color: #999;
+  display: inline-block;
+  margin-left: 10px;
+  cursor: pointer;
+  border: 1px solid #eee;
+  border-radius: 3px;
+  padding: 3px 8px;
+  position: absolute;
+  bottom: 14px;
+  right: 14px;
+  display: none;
 }
 
 #userContent .mt10 {
-    margin-top: 5px;
-    padding-bottom: 10px;
-    /*display: none;*/
+  margin-top: 5px;
+  padding-bottom: 10px;
+  /*display: none;*/
 }
 
 /*3D*/
 #userContent.class3d .popup-lt {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    bottom: 19px;
-    width: 20px;
-    background: url(../../images/popup/bg-pp-3d-lt.png) top left no-repeat;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 19px;
+  width: 20px;
+  background: url(../../images/popup/bg-pp-3d-lt.png) top left no-repeat;
 }
 
 #userContent.class3d .popup-lb {
-    position: absolute;
-    left: 0px;
-    bottom: 0px;
-    width: 42px;
-    height: 19px;
-    background: url(../../images/popup/bg-pp-3d-lb.png) top left no-repeat;
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  width: 42px;
+  height: 19px;
+  background: url(../../images/popup/bg-pp-3d-lb.png) top left no-repeat;
 }
 
 #userContent.class3d .popup-ct {
-    height: 48px;
-    background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x;
+  height: 48px;
+  background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x;
 }
 
 #userContent.class3d .popup-cb {
-    background: #ffffff;
+  background: #ffffff;
 }
 
 #userContent.class3d .popup-rt {
-    position: absolute;
-    right: 0px;
-    top: 0px;
-    bottom: 19px;
-    width: 8px;
-    background: url(../../images/popup/bg-pp-3d-rt.png) top left no-repeat;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  bottom: 19px;
+  width: 8px;
+  background: url(../../images/popup/bg-pp-3d-rt.png) top left no-repeat;
 }
 
 #userContent.class3d .popup-rb {
-    position: absolute;
-    right: 0px;
-    bottom: 0px;
-    height: 19px;
-    left: 16px;
-    background: url(../../images/popup/bg-pp-3d-rb.png) top right no-repeat;
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  height: 19px;
+  left: 16px;
+  background: url(../../images/popup/bg-pp-3d-rb.png) top right no-repeat;
 }
 
 #userContent.class3d .username {
-    /*padding-left: 10px;*/
+  /*padding-left: 10px;*/
 }
 
 #userContent.class3d .lgtime {
-    /*padding-left: 10px;*/
+  /*padding-left: 10px;*/
 }
 
 .arrow {
-    width: 16px;
-    height: 14px;
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    cursor: pointer;
-    z-index: 1003;
+  width: 16px;
+  height: 14px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  z-index: 1003;
 }
 
 .arrow.left {
-    background: url(../images/layout/arrow_left.png) left no-repeat;
-    display: none;
+  background: url(../images/layout/arrow_left.png) left no-repeat;
+  display: none;
 }
 
 .arrow.right {
-    background: url(../images/layout/arrow_right.png) left no-repeat;
+  background: url(../images/layout/arrow_right.png) left no-repeat;
 }
 
 .weideng {
-    font-size: 14px;
-    line-height: 24px;
-    padding-top: 11px;
+  font-size: 14px;
+  line-height: 24px;
+  padding-top: 11px;
 }
 
 #userContent .lgfooter {
-    width: 100%;
-    height: 30px;
-    margin-top: 5px;
-    margin-bottom: 10px;
-    display: none;
+  width: 100%;
+  height: 30px;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  display: none;
 }
 
 #userContent .lgfooter #switchInter {
-    color: #fff;
-    line-height: 30px;
-    font-size: 16px;
-    width: 100%;
-    text-align: center;
-    height: 100%;
+  color: #fff;
+  line-height: 30px;
+  font-size: 16px;
+  width: 100%;
+  text-align: center;
+  height: 100%;
 }
 
 #userContent .lgfooter dl {
-    height: 100%;
-    width: 100%;
+  height: 100%;
+  width: 100%;
 }
 
 #userContent .lgfooter dt {
-    width: 100px;
-    float: left;
+  width: 100px;
+  float: left;
 }
 
 #userContent .lgfooter dd {
-    width: 100px;
-    float: left;
-    position: relative;
-    height: 100%;
-    overflow: hidden;
-    cursor: pointer;
+  width: 100px;
+  float: left;
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+  cursor: pointer;
 }
 
 #userContent .lgfooter .bottom {
-    width: 50px;
-    height: 10px;
-    position: absolute;
-    background: #69a8f5;
-    border-radius: 5px;
-    top: 10px;
-    left: 20px;
+  width: 50px;
+  height: 10px;
+  position: absolute;
+  background: #69a8f5;
+  border-radius: 5px;
+  top: 10px;
+  left: 20px;
 }
 
 #userContent .lgfooter .check-button {
-    position: absolute;
-    height: 25px;
-    width: 40px;
-    background: #2b85f1;
-    border-radius: 13px;
-    line-height: 25px;
-    top: 2px;
-    left: 8px;
-}
+  position: absolute;
+  height: 25px;
+  width: 40px;
+  background: #2b85f1;
+  border-radius: 13px;
+  line-height: 25px;
+  top: 2px;
+  left: 8px;
+}

styles/user/userLogin.css

@@ -1,262 +1,262 @@
 #userLogin {
-    width: 660px;
-    height: 432px;
-    padding: 5px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -210px 0 0 -330px;
-    z-index: 9991;
-    background: #fff;
-    border-radius: 10px;
+  width: 660px;
+  height: 432px;
+  padding: 5px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -210px 0 0 -330px;
+  z-index: 9991;
+  background: hsla(0, 0%, 100%, 0.65);
+  border-radius: 10px;
 }
 
 #userLogin.hide {
-    display: none;
+  display: none;
 }
 
 #userLogin .login {
-    clear: both;
+  clear: both;
 }
 
 #userLogin .login .left {
-    float: left;
-    height: 100%;
+  float: left;
+  height: 100%;
 }
 
 #userLogin .login .left img {
-    height: 100%;
-    width: auto;
+  height: 100%;
+  width: auto;
 }
 
 #userLogin .login .right {
-    float: left;
-    margin-left: 45px;
+  float: left;
+  margin-left: 45px;
 }
 
 #userLogin .login .right li {
-    display: block;
+  display: block;
 }
 
 #userLogin .head {
-    height: 40px;
-    line-height: 40px;
-    margin-top: 20px;
-    clear: both;
-    margin-bottom: 50px;
+  height: 40px;
+  line-height: 40px;
+  margin-top: 20px;
+  clear: both;
+  margin-bottom: 50px;
 }
 
 #userLogin .head span {
-    padding: 0 20px;
-    display: inline-block;
-    border-right: 1px solid #ccc;
-    color: #565656;
-    font-size: 16px;
-    line-height: 18px;
-    cursor: pointer;
+  padding: 0 20px;
+  display: inline-block;
+  border-right: 1px solid #ccc;
+  color: #565656;
+  font-size: 16px;
+  line-height: 18px;
+  cursor: pointer;
 }
 
 #userLogin .head span:nth-child(1) {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 #userLogin .head span:nth-child(2) {
-    margin-right: 20px;
+  margin-right: 20px;
 }
 
 #userLogin .head span.active {
-    color: #333;
-    font-weight: bold;
+  color: #333;
+  font-weight: bold;
 }
 
 #userLogin .head img {
-    height: 20px;
-    width: auto;
-    margin-right: 16px;
-    cursor: pointer;
+  height: 20px;
+  width: auto;
+  margin-right: 16px;
+  cursor: pointer;
 }
 
 #userLogin .head .close {
-    float: right;
-    margin-top: -10px;
-    margin-right: 5px;
-    width: 30px;
-    height: 30px;
-    background: url('../../images/user/close.png') no-repeat;
-    border: none;
-    margin-left: 17px;
+  float: right;
+  margin-top: -10px;
+  margin-right: 5px;
+  width: 30px;
+  height: 30px;
+  background: url("../../images/user/close.png") no-repeat;
+  border: none;
+  margin-left: 17px;
 }
 
 #userLogin .autoLogin {
-    display: inline-block;
-    margin-bottom: 30px;
+  display: inline-block;
+  margin-bottom: 30px;
 }
 
 #userLogin .login .right input {
-    height: 40px;
-    width: 309px;
-    margin: 10px 0;
-    padding: 0 5px 0 36px;
-    line-height: 40px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
+  height: 40px;
+  width: 309px;
+  margin: 10px 0;
+  padding: 0 5px 0 36px;
+  line-height: 40px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
 }
 
 #userLogin .login .right input.user {
-    background: url('../../images/user/user.png') 12px 13px no-repeat;
+  background: url("../../images/user/user.png") 12px 13px no-repeat;
 }
 
 #userLogin .login .right input.lock {
-    background: url('../../images/user/lock.png') 14px 12px no-repeat;
+  background: url("../../images/user/lock.png") 14px 12px no-repeat;
 }
 
 #userLogin .loginBtn,
 #userLogin .regBtn,
 #userLogin .queding {
-    width: 350px;
-    height: 42px;
-    line-height: 42px;
-    background: #fdd034;
-    color: #fff;
-    font-weight: bold;
-    border: none;
-    border-radius: 5px;
-    font-size: 18px;
+  width: 350px;
+  height: 42px;
+  line-height: 42px;
+  background: #409eff;
+  color: #fff;
+  font-weight: bold;
+  border: none;
+  border-radius: 5px;
+  font-size: 18px;
 }
 
 #userLogin .other {
-    clear: both;
-    margin-top: 10px;
+  clear: both;
+  margin-top: 10px;
 }
 
 #userLogin .other button {
-    border: none;
-    background: transparent;
-    color: #de9516;
-    font-size: 14px;
+  border: none;
+  background: transparent;
+  color: #de9516;
+  font-size: 14px;
 }
 
 #userLogin .other .openReg {
-    margin-right: 42px;
+  margin-right: 42px;
 }
 
 #userLogin .fl {
-    float: left;
+  float: left;
 }
 
 #userLogin .fr {
-    float: right;
+  float: right;
 }
 
 #userLogin button {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 #userLogin .login .right li.msgShow,
 #userLogin .login .right li.passShow {
-    display: none;
+  display: none;
 }
 
 #userLogin .login .right li.msgShow.show,
 #userLogin .login .right li.passShow.show {
-    display: inline-block;
+  display: inline-block;
 }
 
 #userLogin .login .right input.yzm {
-    width: 155px;
-    background: url('../../images/user/lock.png') 14px 12px no-repeat;
+  width: 155px;
+  background: url("../../images/user/lock.png") 14px 12px no-repeat;
 }
 
 /*注册*/
 #userLogin .regist {
-    display: none;
-    padding: 17px 100px 40px 95px;
+  display: none;
+  padding: 17px 100px 40px 95px;
 }
 
 #userLogin .regist li {
-    margin: 20px 0;
-    position: relative;
+  margin: 20px 0;
+  position: relative;
 }
 
 #userLogin .regist li.queding {
-    display: none;
+  display: none;
 }
 
 #userLogin .regist li input {
-    height: 40px;
-    line-height: 40px;
-    padding: 0 10px;
-    border-radius: 5px;
-    width: 326px;
-    border: 1px solid #ccc;
+  height: 40px;
+  line-height: 40px;
+  padding: 0 10px;
+  border-radius: 5px;
+  width: 326px;
+  border: 1px solid #ccc;
 }
 
 #userLogin li input.yzm {
-    width: 170px;
+  width: 170px;
 }
 
 #userLogin li button.getYzm {
-    padding: 11.5px 25px;
-    border: 1px solid #ccc;
-    color: #666;
-    background: #f7f7f7;
-    border-radius: 5px;
-    margin-left: 10px;
-    vertical-align: middle;
+  padding: 11.5px 25px;
+  border: 1px solid #ccc;
+  color: #666;
+  background: #f7f7f7;
+  border-radius: 5px;
+  margin-left: 10px;
+  vertical-align: middle;
 }
 
 #userLogin .regist span.menu {
-    color: #666;
-    font-size: 16px;
-    font-weight: bold;
-    display: inline-block;
-    width: 60px;
-    margin-right: 15px;
-    text-align: right;
+  color: #666;
+  font-size: 16px;
+  font-weight: bold;
+  display: inline-block;
+  width: 60px;
+  margin-right: 15px;
+  text-align: right;
 }
 
 #userLogin span.check {
-    display: inline-block;
-    width: 11px;
-    height: 11px;
-    border-radius: 2px;
-    border: 1px solid #ccc;
-    margin-right: 10px;
-    vertical-align: top;
-    margin-top: 3px;
-    cursor: pointer;
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  border-radius: 2px;
+  border: 1px solid #ccc;
+  margin-right: 10px;
+  vertical-align: top;
+  margin-top: 3px;
+  cursor: pointer;
 }
 
 #userLogin span.check.active {
-    background: url('../../images/user/yes.png') left no-repeat;
+  background: url("../../images/user/yes.png") left no-repeat;
 }
 
 #userLogin .regist li.xieyi {
-    margin: 10px 0 15px;
-    text-align: center;
+  margin: 10px 0 15px;
+  text-align: center;
 }
 
 #userLogin .regist li.xieyi a {
-    color: #0048aa;
+  color: #0048aa;
 }
 
 #userLogin .regist .redAlert {
-    color: #f00;
-    display: none;
-    position: absolute;
-    top: -20px;
-    left: 75px;
+  color: #f00;
+  display: none;
+  position: absolute;
+  top: -20px;
+  left: 75px;
 }
 
 #userLogin .regist .redAlert.show {
-    display: block;
+  display: block;
 }
 
 #userLogin .regBtn {
-    margin-left: 75px;
+  margin-left: 75px;
 }
 
 #userLogin .regist li.other {
-    text-align: right;
-    margin-right: 40px;
-}
+  text-align: right;
+  margin-right: 40px;
+}

styles/user/userSetting.css

@@ -1,120 +1,124 @@
 #globalSetting {
-    position:absolute;
-    left:0px;
-    top: 0px;
-    right: 0px;
-    bottom:0px;
-    z-index:110;
-    border: none;
-    background: rgba(45, 53, 68, 0.8); 
-}
-#globalSetting .btn-default{
-    width: auto;
-    color: #FFF;
-    height: 28px;
-    padding: 0 10px;
-    cursor: pointer;
-    background: rgba(45, 53, 68, 0.8);
-    border: 1px solid #fff;
-    margin: 0px;
-    margin-right: 7px;
-    line-height: 28px;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 110;
+  border: none;
+  background: rgba(64, 158, 255, 0.8);
+}
+#globalSetting .btn-default {
+  width: auto;
+  color: #fff;
+  height: 28px;
+  padding: 0 10px;
+  cursor: pointer;
+  background: rgba(64, 158, 255, 0.8);
+  border: 1px solid #fff;
+  margin: 0px;
+  margin-right: 7px;
+  line-height: 28px;
 }
 
-#globalSetting .btn-default.active{
-    background: url(../../images/layout/bg-btn-default-hover.png) repeat-x left top;
-}
-#map2DSetting{
-}
-#globalSetting .panel-header{
-    width: 100%;
-    height: 50px;
-    border-bottom: 1px solid #fff;
-}
-#globalSetting .panel-header .closeSetting{
-    float: right;
-    width: 50px;
-    margin-top: 10px;
-    margin-right: 30px;
-}
-#globalSetting .panel-header h2{
-    color: #fff;
-    float: left;
-    line-height: 50px;
-    margin-left: 30px;
-}
-#map2DSetting{
-    display: none;
-}
-#map3DSetting{
-   display: none;
-}
-#IGoalsSeting{
-   display: none;
-}
-#globalSetting .panel-body{
-    border-bottom: 1px solid #fff;
-}
-#globalSetting .panel-body .itemleft{
-    width: 33%;
-    border-right: 1px solid #fff;
-    float: left;
-}
-#globalSetting .panel-body .itemleft .left_header{
-    width: 100%;
-    height: 50px;
-    background: url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom;
-}
-#globalSetting .panel-body .itemleft .left_header ul{
-    margin: 0 auto;
-    width: 325px;
-}
-#globalSetting .panel-body .itemleft .left_header ul li{
-    color: #fff;
-    line-height: 30px;
-    float: left;
-    padding: 10px 10px 10px 0px;
-    border:0px;
-    cursor:pointer;
-    font-size: 14px;
-}
-#globalSetting .panel-body .itemleft .left_header ul li:hover{
-    color: #58edff;
-}
-#globalSetting .panel-body .itemleft .left_header ul li.active{
-    color: #58edff;
-    background: url(../../images/layout/acur.png) no-repeat center center;
-}
-#globalSetting .panel-body .itemright{
-    float: left;
-    width: 66%;
+#globalSetting .btn-default.active {
+  background: url(../../images/layout/bg-btn-default-hover.png) repeat-x left
+    top;
+}
+#map2DSetting {
+}
+#globalSetting .panel-header {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #fff;
+}
+#globalSetting .panel-header .closeSetting {
+  float: right;
+  width: 50px;
+  margin-top: 10px;
+  margin-right: 30px;
+}
+#globalSetting .panel-header h2 {
+  color: #fff;
+  float: left;
+  line-height: 50px;
+  margin-left: 30px;
+}
+#map2DSetting {
+  display: none;
+}
+#map3DSetting {
+  display: none;
+}
+#IGoalsSeting {
+  display: none;
+}
+#globalSetting .panel-body {
+  border-bottom: 1px solid #fff;
+}
+#globalSetting .panel-body .itemleft {
+  width: 33%;
+  border-right: 1px solid #fff;
+  float: left;
+}
+#globalSetting .panel-body .itemleft .left_header {
+  width: 100%;
+  height: 50px;
+  background: url(../../images/layout/bg-sideBar-line.png) no-repeat center
+    bottom;
+}
+#globalSetting .panel-body .itemleft .left_header ul {
+  margin: 0 auto;
+  width: 325px;
+}
+#globalSetting .panel-body .itemleft .left_header ul li {
+  color: #fff;
+  line-height: 30px;
+  float: left;
+  padding: 10px 10px 10px 0px;
+  border: 0px;
+  cursor: pointer;
+  font-size: 14px;
+}
+#globalSetting .panel-body .itemleft .left_header ul li:hover {
+  color: #58edff;
+}
+#globalSetting .panel-body .itemleft .left_header ul li.active {
+  color: #58edff;
+  background: url(../../images/layout/acur.png) no-repeat center center;
+}
+#globalSetting .panel-body .itemright {
+  float: left;
+  width: 66%;
 }
 #globalSetting .panel-body .part .header {
-    height:20px;
-    overflow:hidden;
-    padding:10px 0;
-    background: url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom;
+  height: 20px;
+  overflow: hidden;
+  padding: 10px 0;
+  background: url(../../images/layout/bg-sideBar-line.png) no-repeat center
+    bottom;
 }
 #globalSetting .panel-body .part .header h4 {
-    font-size:16px;
-    float:left;
-    font-weight:normal;
-    color:#fff;
-    margin-left:20px;
+  font-size: 16px;
+  float: left;
+  font-weight: normal;
+  color: #fff;
+  margin-left: 20px;
 }
 
 #globalSetting .panel-body .alink {
-    float:right;
-    margin:1px 15px 0 0;
-    color: #fff;
-    line-height: 20px;
+  float: right;
+  margin: 1px 15px 0 0;
+  color: #fff;
+  line-height: 20px;
 }
-#globalSetting .panel-body .add-newCa,#globalSetting .panel-body .add-kz{
-    display: none;
+#globalSetting .panel-body .add-newCa,
+#globalSetting .panel-body .add-kz {
+  display: none;
 }
-#globalSetting .panel-body .part .footer{
-    width: 400px;
-    margin:0 auto;
+#globalSetting .panel-body .part .footer {
+  width: 400px;
+  margin: 0 auto;
 }
 /* #IGoalsSetting .header{
     width: 300px;
@@ -123,69 +127,70 @@
 } */
 
 #globalSetting #map2DSetting .map-form {
-    padding:15px 0 0 0;
-    margin: 5px 20px;
-    position: relative;
-    overflow: hidden;
-    color: #fff;
+  padding: 15px 0 0 0;
+  margin: 5px 20px;
+  position: relative;
+  overflow: hidden;
+  color: #fff;
 }
 
 #globalSetting #map2DSetting .map-form dl {
-    overflow:hidden;
-    margin-bottom: 5px;
+  overflow: hidden;
+  margin-bottom: 5px;
 }
 #globalSetting #map2DSetting .map-form dl dt {
-    width:100px;
-    text-align:right;
-    height:24px;
-    line-height:24px;
-    padding:0 5px 0 0;
-    color:#fff;
-    float:left;
+  width: 100px;
+  text-align: right;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 5px 0 0;
+  color: #fff;
+  float: left;
 }
 #globalSetting #map2DSetting .map-form dl dd {
-    float:left;
-    color:#fff;
+  float: left;
+  color: #fff;
 }
 #globalSetting #map2DSetting .map-form dl dd .input {
-    height:20px;
-    line-height:20px;
-}
-#globalSetting #map2DSetting #thematicList h4{
-    color: #fff;
-    line-height: 20px;
-    padding-left: 20px;
-    padding-bottom: 10px;
-    float: left;
-}
-#globalSetting #map2DSetting #thematicList{
-    margin-top: 30px;
-}
-#globalSetting #map2DSetting #thematicList ul{
-    overflow-y:auto;
-    width: 100%;
-}
-#globalSetting #map2DSetting #thematicList ul li{
-    height: 30px;
-    line-height: 30px;
-    color: #fff;
-    width: 100%;
-    font-size: 14px;
-    background: url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom;
-    text-align: left;
-    text-indent: 45px;
-    cursor: pointer;
-}
-#globalSetting #map2DSetting #thematicList ul li:hover{
-    background: url(../../images/layout/hovera.png) no-repeat center center;
+  height: 20px;
+  line-height: 20px;
+}
+#globalSetting #map2DSetting #thematicList h4 {
+  color: #fff;
+  line-height: 20px;
+  padding-left: 20px;
+  padding-bottom: 10px;
+  float: left;
+}
+#globalSetting #map2DSetting #thematicList {
+  margin-top: 30px;
+}
+#globalSetting #map2DSetting #thematicList ul {
+  overflow-y: auto;
+  width: 100%;
+}
+#globalSetting #map2DSetting #thematicList ul li {
+  height: 30px;
+  line-height: 30px;
+  color: #fff;
+  width: 100%;
+  font-size: 14px;
+  background: url(../../images/layout/bg-sideBar-line.png) no-repeat center
+    bottom;
+  text-align: left;
+  text-indent: 45px;
+  cursor: pointer;
+}
+#globalSetting #map2DSetting #thematicList ul li:hover {
+  background: url(../../images/layout/hovera.png) no-repeat center center;
 }
 
-#globalSetting #IGoalsSetting #iGNameList h4{
-    color: #fff;
-    line-height: 20px;
-    padding-left: 20px;
-    padding-bottom: 10px;
-    float: left;
+#globalSetting #IGoalsSetting #iGNameList h4 {
+  color: #fff;
+  line-height: 20px;
+  padding-left: 20px;
+  padding-bottom: 10px;
+  float: left;
 }
 /* #globalSetting #IGoalsSetting #iGNameList{
     margin-top: 30px;
@@ -207,161 +212,161 @@
 }
 #globalSetting #IGoalsSetting #iGNameList ul li:hover{
     /*background: url(../../images/layout/hovera.png) no-repeat center center;*/
-/* } */ */
-
-#globalSetting #model3DList h4{
-    color: #fff;
-    line-height: 20px;
-    padding-left: 20px;
-    padding-bottom: 10px;
-    float: left;
-}
-#globalSetting #model3DList{
-    margin-top: 30px;
-}
-#globalSetting #model3DList ul{
-    overflow-y:auto;
-    width: 100%;
-}
-#globalSetting #model3DList ul li{
-    height: 30px;
-    line-height: 30px;
-    color: #fff;
-    width: 100%;
-    font-size: 14px;
-    background: url(../../images/layout/bg-sideBar-line.png) no-repeat center bottom;
-    text-align: left;
-    text-indent: 45px;
-    cursor: pointer;
-}
-#globalSetting #model3DList ul li:hover{
-    background: url(../../images/layout/hovera.png) no-repeat center center;
+/* } */
+*/ #globalSetting #model3DList h4 {
+  color: #fff;
+  line-height: 20px;
+  padding-left: 20px;
+  padding-bottom: 10px;
+  float: left;
+}
+#globalSetting #model3DList {
+  margin-top: 30px;
+}
+#globalSetting #model3DList ul {
+  overflow-y: auto;
+  width: 100%;
+}
+#globalSetting #model3DList ul li {
+  height: 30px;
+  line-height: 30px;
+  color: #fff;
+  width: 100%;
+  font-size: 14px;
+  background: url(../../images/layout/bg-sideBar-line.png) no-repeat center
+    bottom;
+  text-align: left;
+  text-indent: 45px;
+  cursor: pointer;
+}
+#globalSetting #model3DList ul li:hover {
+  background: url(../../images/layout/hovera.png) no-repeat center center;
 }
 
-#map2DSettingInfoContent{
-    width: 100%;
-    height: 100%;
-}
-#map2DSettingInfoContent .thematicModelList{
-    width: 100%;
-    height: 100%;
-    overflow-y:auto;
-}
-#dxCList{
-    padding:0px;
-}
-#dxCList li{
-    width: 100%;
-    height: 50px;
-    border-bottom: 1px solid #fff;
-}
-#dxCList li span{
-    line-height: 50px;
-    font-size: 14px;
-    color: #fff;
-    padding-left: 50px;
-}
-#dxCList li .delete{
-    margin-right: 10px;
-    text-align: center;
-    margin-top: 14px;
+#map2DSettingInfoContent {
+  width: 100%;
+  height: 100%;
+}
+#map2DSettingInfoContent .thematicModelList {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+}
+#dxCList {
+  padding: 0px;
+}
+#dxCList li {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #fff;
+}
+#dxCList li span {
+  line-height: 50px;
+  font-size: 14px;
+  color: #fff;
+  padding-left: 50px;
+}
+#dxCList li .delete {
+  margin-right: 10px;
+  text-align: center;
+  margin-top: 14px;
 }
 #iGCList li .editer,
 #mxCList li .editer,
 #dxCList li .editer {
-    margin-right: 10px;
-    text-align: center;
-    margin-top: 14px;
-    display: inline-block;
+  margin-right: 10px;
+  text-align: center;
+  margin-top: 14px;
+  display: inline-block;
 }
 #iGCList li .sure,
 #mxCList li .sure,
-#dxCList li .sure{
-    margin-right: 10px;
-    text-align: center;
-    margin-top: 14px;
+#dxCList li .sure {
+  margin-right: 10px;
+  text-align: center;
+  margin-top: 14px;
 }
 #iGCList li .cancel,
 #mxCList li .cancel,
-#dxCList li .cancel{
-    margin-right: 10px;
-    text-align: center;
-    margin-top: 14px;
+#dxCList li .cancel {
+  margin-right: 10px;
+  text-align: center;
+  margin-top: 14px;
 }
 #iGCList li .curCa,
 #mxCList li .curCa,
-#dxCList li .curCa{
-    margin-right: 10px;
-    width: 100px;
-    height: 20px;
-    margin-top: 14px;
+#dxCList li .curCa {
+  margin-right: 10px;
+  width: 100px;
+  height: 20px;
+  margin-top: 14px;
 }
 #iGCList li .content,
 #mxCList li .content,
-#dxCList .content{
-    display: inline-block;
-    float: right;
-    margin-right: 50px;
+#dxCList .content {
+  display: inline-block;
+  float: right;
+  margin-right: 50px;
 }
 #iGCList li .li_control_Ch,
 #mxCList li .li_control_Ch,
-#dxCList .li_control_Ch{
-    display: none;
+#dxCList .li_control_Ch {
+  display: none;
 }
 #iGCList li .li_control,
 #mxCList li .li_control,
-#dxCList .li_control{
-    display: block;
+#dxCList .li_control {
+  display: block;
 }
 #iGCList,
-#mxCList{
-    padding:0px;
+#mxCList {
+  padding: 0px;
 }
 #iGCList li,
-#mxCList li{
-    width: 100%;
-    height: 50px;
-    border-bottom: 1px solid #fff;
+#mxCList li {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #fff;
 }
 #iGCList li span,
-#mxCList li span{
-    line-height: 50px;
-    font-size: 14px;
-    color: #fff;
-    padding-left: 50px;
+#mxCList li span {
+  line-height: 50px;
+  font-size: 14px;
+  color: #fff;
+  padding-left: 50px;
 }
 #iGCList li .delete,
-#mxCList li .delete{
-    float: right;
-    margin-right: 50px;
-    text-align: center;
-    margin-top: 14px;
-}
-#map3DSettingInfoContent .model3DCategoryList{
-    width: 100%;
-    height: 100%;
-    display: none;
-    overflow-y:auto;
-}
-#map3DSettingInfoContent .model3DModelList{
-    width: 100%;
-    height: 100%;
-    overflow-y:auto;
-}
-#map2DSettingInfoContent .thematicCategoryList{
-    width: 100%;
-    height: 100%;
-    overflow-y:auto;
-}
-#map3DSettingInfoContent{
-    width: 100%;
-    height: 100%;
-    display: none;
-}
-#IGoalsSetingInfoContent{
-    width: 100%;
-    height: 100%;
-    display: none;
+#mxCList li .delete {
+  float: right;
+  margin-right: 50px;
+  text-align: center;
+  margin-top: 14px;
+}
+#map3DSettingInfoContent .model3DCategoryList {
+  width: 100%;
+  height: 100%;
+  display: none;
+  overflow-y: auto;
+}
+#map3DSettingInfoContent .model3DModelList {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+}
+#map2DSettingInfoContent .thematicCategoryList {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+}
+#map3DSettingInfoContent {
+  width: 100%;
+  height: 100%;
+  display: none;
+}
+#IGoalsSetingInfoContent {
+  width: 100%;
+  height: 100%;
+  display: none;
 }
 /* #IGoalsSettingInfoContent{
     width: 100%;
@@ -379,352 +384,356 @@
     display: none;
 } */
 #globalSetting #map3DForm .map-form {
-    padding:15px 0 0 0;
-    margin: 5px 20px;
-    position: relative;
-    overflow: hidden;
-    color: #fff;
+  padding: 15px 0 0 0;
+  margin: 5px 20px;
+  position: relative;
+  overflow: hidden;
+  color: #fff;
 }
 
 #globalSetting #map3DForm .map-form dl {
-    overflow:hidden;
-    margin-bottom: 5px;
+  overflow: hidden;
+  margin-bottom: 5px;
 }
 #globalSetting #map3DForm .map-form dl dt {
-    width:102px;
-    text-align:right;
-    height:24px;
-    line-height:24px;
-    padding:0 5px 0 0;
-    color:#fff;
-    float:left;
+  width: 102px;
+  text-align: right;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 5px 0 0;
+  color: #fff;
+  float: left;
 }
 #globalSetting #map3DForm .map-form dl dd {
-    float:left;
-    color:#fff;
+  float: left;
+  color: #fff;
 }
 #globalSetting #map3DForm .map-form dl dd .input {
-    height:20px;
-    line-height:20px;
-}
-.bacover{
-    display: none;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 120;
-    background-color: #000;
-    opacity: 0.5;
-}
-#map2DOrigin{
-    display: none;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    margin-left:-100px;
-    margin-top: -50px;
-    width: 200px;
-    height: 100px;
-    background: #fff url(../../images/layout/bg-normal.png) center center;
-    z-index: 130;  
-}
-#map2DOrigin .map2DOrigin{
-    font-size: 18px;
-    width: 150px;
-    margin: 15px 0px 0px 25px;
-    height: 30px;
-}
-#map2DOrigin button{
-    float: right;
-    margin: 10px 25px 0px 0px;
+  height: 20px;
+  line-height: 20px;
+}
+.bacover {
+  display: none;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 120;
+  background-color: #000;
+  opacity: 0.5;
+}
+#map2DOrigin {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -100px;
+  margin-top: -50px;
+  width: 200px;
+  height: 100px;
+  background: #fff url(../../images/layout/bg-normal.png) center center;
+  z-index: 130;
+}
+#map2DOrigin .map2DOrigin {
+  font-size: 18px;
+  width: 150px;
+  margin: 15px 0px 0px 25px;
+  height: 30px;
+}
+#map2DOrigin button {
+  float: right;
+  margin: 10px 25px 0px 0px;
 }
 #globalSetting #dxList,
 #globalSetting #mxList {
-    margin:0 0 0 20px;
+  margin: 0 0 0 20px;
 }
 
 #globalSetting #map2DSettingInfoContent .center-lat,
-#globalSetting #mxList .center-lat{
-    margin-right: 5px;
+#globalSetting #mxList .center-lat {
+  margin-right: 5px;
 }
 #globalSetting #iGList .item-form,
 #globalSetting #map2DSettingInfoContent .item-form,
 #globalSetting #mxList .item-form {
-    padding:10px 0;
-    margin:5px 0;
-    position:relative;
-    overflow:hidden;
-    border-bottom: 1px solid #fff;
-    padding-bottom: 5px;
+  padding: 10px 0;
+  margin: 5px 0;
+  position: relative;
+  overflow: hidden;
+  border-bottom: 1px solid #fff;
+  padding-bottom: 5px;
 }
 #globalSetting #iGList .item-form .delete,
 #globalSetting #map2DSettingInfoContent .item-form .delete,
 #globalSetting #mxList .item-form .delete {
-    position:absolute;
-    right:5px;
-    top:10px;
-    padding: 0px !important;
-    text-align: center;
+  position: absolute;
+  right: 5px;
+  top: 10px;
+  padding: 0px !important;
+  text-align: center;
 }
 #globalSetting #map2DSettingInfoContent .item-form .tile-view {
-    position:absolute;
-    right:5px;
-    top:40px;
-    padding: 0px !important;
-    text-align: center;
-}
-#globalSetting #map2DSettingInfoContent .item-form .up,#globalSetting #map2DSettingInfoContent .item-form .addsx{
-    position:absolute;
-    right:5px;
-    top:50px;
-    padding: 0px !important;
-    text-align: center;
-}
-#globalSetting #map2DSettingInfoContent .zixiang{
-    height: 35px;
-    clear: both;
-}
-#globalSetting #map2DSettingInfoContent .item-form .down{
-    position:absolute;
-    right:5px;
-    top:80px;
-    padding: 0px !important;
-    text-align: center;
-}
-#globalSetting #mxList .item-form .up{
-    position:absolute;
-    right:5px;
-    top:50px;
-    padding: 0px !important;
-    text-align: center;
-}
-#globalSetting #mxList .item-form .down{
-    position:absolute;
-    right:5px;
-    top:80px;
-    padding: 0px !important;
-    text-align: center;
-}
-#globalSetting #map2DSettingInfoContent .item-form .showOrhide{
-    position:absolute;
-    right:5px;
-    top:130px;
-    padding: 0px !important;
-    text-align: center;
-    float: left;
-    width: 57px;
+  position: absolute;
+  right: 5px;
+  top: 40px;
+  padding: 0px !important;
+  text-align: center;
+}
+#globalSetting #map2DSettingInfoContent .item-form .up,
+#globalSetting #map2DSettingInfoContent .item-form .addsx {
+  position: absolute;
+  right: 5px;
+  top: 50px;
+  padding: 0px !important;
+  text-align: center;
+}
+#globalSetting #map2DSettingInfoContent .zixiang {
+  height: 35px;
+  clear: both;
+}
+#globalSetting #map2DSettingInfoContent .item-form .down {
+  position: absolute;
+  right: 5px;
+  top: 80px;
+  padding: 0px !important;
+  text-align: center;
+}
+#globalSetting #mxList .item-form .up {
+  position: absolute;
+  right: 5px;
+  top: 50px;
+  padding: 0px !important;
+  text-align: center;
+}
+#globalSetting #mxList .item-form .down {
+  position: absolute;
+  right: 5px;
+  top: 80px;
+  padding: 0px !important;
+  text-align: center;
+}
+#globalSetting #map2DSettingInfoContent .item-form .showOrhide {
+  position: absolute;
+  right: 5px;
+  top: 130px;
+  padding: 0px !important;
+  text-align: center;
+  float: left;
+  width: 57px;
 }
 #globalSetting #iGList .item-form dl,
 #globalSetting #map2DSettingInfoContent .item-form dl,
 #globalSetting #mxList .item-form dl {
-    overflow:hidden;
-    float:left;
-    width:320px;
-    margin-bottom: 9px;
+  overflow: hidden;
+  float: left;
+  width: 320px;
+  margin-bottom: 9px;
 }
-#globalSetting #iGList .item-form dl dt, 
+#globalSetting #iGList .item-form dl dt,
 #globalSetting #map2DSettingInfoContent .item-form dl dt,
 #globalSetting #mxList .item-form dl dt {
-    text-align:right;
-    height:24px;
-    line-height:24px;
-    padding:0 5px 0 0;
-    float:left;
-    color:#fff;
-    width: 100px;
+  text-align: right;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 5px 0 0;
+  float: left;
+  color: #fff;
+  width: 100px;
 }
 #globalSetting #iGList .item-form dl dd,
 #globalSetting #map2DSettingInfoContent .item-form dl dd,
 #globalSetting #mxList .item-form dl dd {
-    float:left;
+  float: left;
 }
 #globalSetting #iGList .item-form dl dd .input,
 #globalSetting #map2DSettingInfoContent .item-form dl dd .input,
 #globalSetting #mxList .item-form dl dd .input {
-    height:20px;
-    line-height:20px;
-    color: #fff;
-    border: none; 
-    background: #3371c8;
+  height: 20px;
+  line-height: 20px;
+  color: #fff;
+  border: none;
+  background: #3371c8;
 }
 
 #globalSetting .panel-footer {
-    padding:10px 10px;
-    height:35px;
-    text-align:center;
-    /* background: url(../../images/layout/bg-sideBar-line.png) no-repeat center top; */
-}
-.category{
-    position: relative;
-}
-.chhoostListContent{
-    position: absolute;
-    top: 33px;
-    left: 105px;
-    width: 166px;
-    background-color: #fff;
-    display: none;
-    height: 40px;
-    overflow-y:auto;
+  padding: 10px 10px;
+  height: 35px;
+  text-align: center;
+  /* background: url(../../images/layout/bg-sideBar-line.png) no-repeat center top; */
+}
+.category {
+  position: relative;
+}
+.chhoostListContent {
+  position: absolute;
+  top: 33px;
+  left: 105px;
+  width: 166px;
+  background-color: #fff;
+  display: none;
+  height: 40px;
+  overflow-y: auto;
+}
+.chhoostListContent li {
+  width: 100%;
+  text-indent: 20px;
+  color: #000;
+  cursor: pointer;
+}
+.chhoostListContent li:hover {
+  color: #fff;
+}
+#kzList {
+  padding-top: 25px;
+}
+#kzList li {
+  color: #fff;
+  line-height: 40px;
+}
+#kzList li p {
+  display: inline-block;
+  margin-left: 40px;
+}
+#kzList input {
+  height: 20px;
+  line-height: 20px;
+  color: #fff;
+  border: none;
+  background: #3371c8;
+  padding: 0 5px;
+}
+#kzList input.linkAddr {
+  width: 300px;
+}
+#kzList button {
+  border: none;
+  margin-left: 50px;
+  background: #fff;
+  padding: 2px 10px;
+}
+#tdTheSelect {
+  display: none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 200px;
+  height: 120px;
+  z-index: 999;
+  border: 1px solid #3de0ff;
+  color: #fff;
+  background: url(../../images/layout/bg-normal.png);
+  border-radius: 2px;
+}
+#tdTheSelect .cover-content {
+  padding: 20px;
+}
+#tdTheSelect select {
+  background: #1760b7;
+  color: #fff;
+  border: 1px solid #01b7ff;
+  width: 160px;
+  height: 26px;
+  padding: 0 5px;
+  border-radius: 2px;
+}
+#tdTheSelect.active {
+  display: block;
+}
+#tdtsList {
+  display: none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 345px;
+  height: 430px;
+  border: 1px solid #3de0ff;
+  background: url(../../images/layout/bg-normal.png);
+  z-index: 1111;
+  color: #fff;
+  border-radius: 2px;
+}
+#tdtsList ul {
+  padding: 10px 0px 10px 20px;
+  max-height: 145px;
+  overflow: auto;
+}
+#tdtsList li {
+  line-height: 30px;
+}
+#tdtsList li .check {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  background: #2c8af3;
+  border: 1px solid #3de0ff;
+  border-radius: 1px;
+  margin-top: 7px;
+  margin-right: 9px;
+  cursor: pointer;
+  vertical-align: top;
+}
+#tdtsList li .check.bg {
+  background: #2c8af3 url(../../images/user/check.png) 2px 3px no-repeat;
+}
+#tdtsList .title {
+  color: #b7d6ff;
+  background: #2363b8;
+  height: 24px;
+  line-height: 24px;
+  padding-left: 5px;
+  clear: both;
+}
+#tdtsList .title span {
+  float: right;
+  background: url(../../images/user/xia.png) no-repeat;
+  width: 8px;
+  height: 6px;
+  margin: 9px 10px 0 0;
+  cursor: pointer;
+}
+#tdtsList .title span.he {
+  background: url(../../images/user/shang.png) no-repeat;
+}
+#tdtsList ul.he {
+  height: 0;
+  padding: 0;
+}
+#tdtsList.active {
+  display: block;
+}
+#tdtsList button,
+#tdTheSelect button {
+  background: #2c8af3;
+  color: #fff;
+  border: 1px solid #01b7ff;
+  width: 70px;
+  text-align: center;
+  height: 26px;
+  line-height: 26px;
+  font-size: 13px;
+  border-radius: 2px;
+  cursor: pointer;
+}
+#tdTheSelect .btns,
+#tdtsList .btns {
+  margin-top: 28px;
+  font-size: 0;
+}
+#tdtsList .btns {
+  position: absolute;
+  bottom: 20px;
+  text-align: center;
+  width: 100%;
+}
+#tdTheSelect .cancel,
+#tdtsList .cancel {
+  margin-left: 20px;
+}
+#tdyuanModel {
+  display: none;
 }
-.chhoostListContent li{
-    width: 100%;
-    text-indent: 20px;
-    color: #000;
-    cursor: pointer;
-}
-.chhoostListContent li:hover{
-    color: #fff;
-}
-#kzList{
-    padding-top: 25px;
-}
-#kzList li{
-    color: #fff;
-    line-height: 40px;
-}
-#kzList li p{
-    display: inline-block;
-    margin-left: 40px;
-}
-#kzList input{
-    height: 20px;
-    line-height: 20px;
-    color: #fff;
-    border: none;
-    background: #3371c8;
-    padding: 0 5px;
-}
-#kzList input.linkAddr{
-    width: 300px;
-}
-#kzList button{
-    border: none;
-    margin-left: 50px;
-    background: #fff;
-    padding: 2px 10px;
-}
-#tdTheSelect{
-    display: none;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    width: 200px;
-    height: 120px;
-    z-index: 999;
-    border: 1px solid #3de0ff;
-    color: #fff;
-    background: url(../../images/layout/bg-normal.png);
-    border-radius: 2px;
-}
-#tdTheSelect .cover-content{
-    padding: 20px;
-}
-#tdTheSelect select{
-    background: #1760b7;
-    color: #fff;
-    border: 1px solid #01b7ff;
-    width: 160px;
-    height: 26px;
-    padding: 0 5px;
-    border-radius: 2px;
-}
-#tdTheSelect.active{
-    display: block;
-}
-#tdtsList{
-    display: none;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    width: 345px;
-    height: 430px;
-    border: 1px solid #3de0ff;
-    background: url(../../images/layout/bg-normal.png);
-    z-index: 1111;
-    color: #fff;
-    border-radius: 2px;
-}
-#tdtsList ul{
-    padding: 10px 0px 10px 20px;
-    max-height: 145px;
-    overflow: auto;
-}
-#tdtsList li{
-    line-height: 30px;
-}
-#tdtsList li .check{
-    display: inline-block;
-    width: 14px;
-    height: 14px;
-    background: #2c8af3;
-    border: 1px solid #3de0ff;
-    border-radius: 1px;
-    margin-top: 7px;
-    margin-right: 9px;
-    cursor: pointer;
-    vertical-align: top;
-}
-#tdtsList li .check.bg{
-    background: #2c8af3 url(../../images/user/check.png) 2px 3px no-repeat;
-}
-#tdtsList .title{
-    color: #b7d6ff;
-    background: #2363b8;
-    height: 24px;
-    line-height: 24px;
-    padding-left: 5px;
-    clear: both;
-}
-#tdtsList .title span{
-    float: right;
-    background: url(../../images/user/xia.png) no-repeat;
-    width: 8px;
-    height: 6px;
-    margin: 9px 10px 0 0;
-    cursor: pointer;
-}
-#tdtsList .title span.he{
-    background: url(../../images/user/shang.png) no-repeat;
-}
-#tdtsList ul.he{
-    height: 0;
-    padding: 0;
-}
-#tdtsList.active{
-    display: block;
-}
-#tdtsList button,#tdTheSelect button{
-    background: #2c8af3;
-    color: #fff;
-    border: 1px solid #01b7ff;
-    width: 70px;
-    text-align: center;
-    height: 26px;
-    line-height: 26px;
-    font-size: 13px;
-    border-radius: 2px;
-    cursor: pointer;
-}
-#tdTheSelect .btns,#tdtsList .btns{
-    margin-top: 28px;
-    font-size: 0;
-}
-#tdtsList .btns{
-    position: absolute;
-    bottom: 20px;
-    text-align: center;
-    width: 100%;
-}
-#tdTheSelect .cancel,#tdtsList .cancel{
-    margin-left: 20px;
-}
-#tdyuanModel{
-    display: none;
-}

templates/user.html

@@ -1,44 +1,81 @@
 <div id="userContent">
-	<div class="userLink">
-	    <iframe frameborder="0" class="cover-iframe"></iframe>
-	    <div class="cover-content">
-	    </div>
-	</div>
-	<div class="userInfo">
-		<iframe frameborder="0" class="cover-iframe"></iframe>
-		<div class="cover-content">
-			<div class="login">
-				<p class="weideng">欢迎<a class="linklogin">登录</a>，<br>获取更多内容</p>
-			</div>
-			<div class="lgtop">
-				<h3 class="username"></h3>
-				<div class="mt10">
-					<div class="lgtime"></div>
-				</div>
-			</div>
-			<div class="moreLink">
-				<ul class="linkList">
-					<li></li>
-					<!-- <li mid="userCenter" class="collect">用户中心</li> -->
-					<!-- <li mid="set" class="set">地图设置</li> -->
-					<!-- <li mid="share" class="share">
+  <!-- 地名地址搜索框 -->
+  <div class="UserAddressSearch">
+    <input
+      type="search"
+      id="addressSearch"
+      name="addressSearch"
+      autocomplete="off"
+      placeholder="请输入地名地址"
+      class="UserAddressSearch-input"
+    />
+    <div id="resultListBox">
+      <div class="closeDiv">×</div>
+    </div>
+  </div>
+  <div class="userLink">
+    <iframe frameborder="0" class="cover-iframe"></iframe>
+    <div class="cover-content"></div>
+  </div>
+  <div class="userInfo">
+    <iframe frameborder="0" class="cover-iframe"></iframe>
+    <div class="cover-content">
+      <div class="login">
+        <p class="weideng">
+          欢迎<a class="linklogin">登录</a>，<br />获取更多内容
+        </p>
+      </div>
+      <div class="lgtop">
+        <h3 class="username"></h3>
+        <div class="mt10">
+          <div class="lgtime"></div>
+        </div>
+      </div>
+      <div class="moreLink">
+        <ul class="linkList">
+          <li></li>
+          <!-- <li mid="userCenter" class="collect">用户中心</li> -->
+          <!-- <li mid="set" class="set">地图设置</li> -->
+          <!-- <li mid="share" class="share">
 						<a class="data-share-link fr" href="" target="_blank">资源中心</a>
 					</li>  -->
-				</ul>
-				<div class="quit">退出登录</div>
-			</div>
-			<div class="lgfooter">
-				<div id="switchInter">
-					<dl>
-						<dt>网络</dt>
-						<dd>
-							<div class="bottom"></div>
-							<div class="check-button"></div>
-						</dd>
-					</dl>
-				</div>
-			</div>
-			<div class="arrow left"></div>
-		</div>
-	</div>
-</div>
+        </ul>
+        <div class="quit">退出登录</div>
+      </div>
+      <div class="lgfooter">
+        <div id="switchInter">
+          <dl>
+            <dt>网络</dt>
+            <dd>
+              <div class="bottom"></div>
+              <div class="check-button"></div>
+            </dd>
+          </dl>
+        </div>
+      </div>
+      <div class="arrow left"></div>
+    </div>
+  </div>
+</div>
+<script type="text/javascript">
+  // 地名地址详细搜索功能
+  function searchAddrTure(addrStr) {
+    localStorage.setItem("addrSearchTag", 1);
+    $("#addressSearch").val(addrStr);
+    $("#addressSearch").trigger("change");
+  }
+  // 地名地址单独事件
+  function orientation(x, y) {
+    localStorage.setItem("addrSearchTag", 0);
+    $("#resultListBox").hide();
+    // 定位
+    ONEMAP.C.publisher.publish(
+      {
+        action: "location",
+        x: x,
+        y: y,
+      },
+      "orientationToMap"
+    );
+  }
+</script>

templates/user/userLogin.html

@@ -1,34 +1,77 @@
 <div id="userLogin">
-    <iframe frameborder="0" class="cover-iframe"></iframe>
-    <div class="cover-content">
-        <div class="login">
-            <div class="left"><img src="../../images/user/loginBg.png" alt=""></div>
-            <ul class="right">
-                <li class="head">
-                    <span class="passWay active">密码登录</span>
-                    <span class="msgWay">短信登录</span>
-                    <img src="../../images/user/wx.png" alt="微信" class="weixin">
-                    <img src="../../images/user/qq.png" alt="QQ" class="qq">
-                    <img src="../../images/user/weibo.png" alt="微博" class="weibo">
-                    <button class="close"></button>
-                </li>
-                <li><input type="text" placeholder="请输入用户名" class="user"></li>
-                <li class="passShow show"><input type="password" placeholder="请输入密码" class="lock"></li>
-                <li class="msgShow"><input type="text" placeholder="请输入验证码" class="yzm"><button class="getYzm">获取短信验证码</button></li>
-                <!-- <li><span class="autoLogin"><span class="check"></span>下次自动登录</span></li> -->
-                <li><button class="loginBtn">登录</button></li>
-                <li class="other"><button class="fl forgetPass">忘记密码</button><button class="openReg fr">免费注册</button></li>
-            </ul>
-        </div>
-        <div class="regist">
-            <li class="para"><span class="menu">用户名</span><span class="redAlert">请输入用户名</span><input type="text" placeholder="请输入用户名" class="regName"></li>
-            <li class="para"><span class="menu">手机名</span><span class="redAlert">请输入手机号</span><input type="text" placeholder="可用于登录和找回密码" class="regNum"></li>
-            <li class="para"><span class="menu">密码</span><span class="redAlert">请输入密码</span><input type="password" placeholder="请设置登录密码" class="regPass"></li>
-            <li class="para"><span class="menu">验证码</span><span class="redAlert">请输入验证码</span><input type="text" placeholder="请输入验证码" class="yzm"><button class="getYzm">获取短信验证码</button></li>
-            <li class="xieyi"><span class="check"></span>阅读并接受《<a href="javascript:;">MAPPLUS用户协议</a>》<span class="redAlert">请阅读协议及声明</span></li>
-            <li class="zhuce"><button class="regBtn">注册</button></li>
-            <li class="queding"><button class="queding">确定</button></li>
-            <li class="other">我已注册，现在去<button class="openLogin">登录</button></li>
-        </div>
+  <iframe frameborder="0" class="cover-iframe"></iframe>
+  <div class="cover-content">
+    <div class="login">
+      <div class="left"><img src="../../images/user/loginBg.png" alt="" /></div>
+      <ul class="right">
+        <li class="head">
+          <span class="passWay active">密码登录</span>
+          <span class="msgWay">短信登录</span>
+          <img src="../../images/user/wx.png" alt="微信" class="weixin" />
+          <img src="../../images/user/qq.png" alt="QQ" class="qq" />
+          <img src="../../images/user/weibo.png" alt="微博" class="weibo" />
+          <button class="close"></button>
+        </li>
+        <li>
+          <input
+            type="text"
+            placeholder="请输入用户名"
+            name="userName"
+            class="user"
+          />
+        </li>
+        <li class="passShow show">
+          <input type="password" placeholder="请输入密码" class="lock" />
+        </li>
+        <li class="msgShow">
+          <input type="text" placeholder="请输入验证码" class="yzm" /><button
+            class="getYzm"
+          >
+            获取短信验证码
+          </button>
+        </li>
+        <!-- <li><span class="autoLogin"><span class="check"></span>下次自动登录</span></li> -->
+        <li><button class="loginBtn">登录</button></li>
+        <li class="other">
+          <button class="fl forgetPass">忘记密码</button
+          ><button class="openReg fr">免费注册</button>
+        </li>
+      </ul>
     </div>
-</div>
+    <div class="regist">
+      <li class="para">
+        <span class="menu">用户名</span
+        ><span class="redAlert">请输入用户名</span
+        ><input type="text" placeholder="请输入用户名" class="regName" />
+      </li>
+      <li class="para">
+        <span class="menu">手机名</span
+        ><span class="redAlert">请输入手机号</span
+        ><input type="text" placeholder="可用于登录和找回密码" class="regNum" />
+      </li>
+      <li class="para">
+        <span class="menu">密码</span><span class="redAlert">请输入密码</span
+        ><input type="password" placeholder="请设置登录密码" class="regPass" />
+      </li>
+      <li class="para">
+        <span class="menu">验证码</span
+        ><span class="redAlert">请输入验证码</span
+        ><input type="text" placeholder="请输入验证码" class="yzm" /><button
+          class="getYzm"
+        >
+          获取短信验证码
+        </button>
+      </li>
+      <li class="xieyi">
+        <span class="check"></span>阅读并接受《<a href="javascript:;"
+          >MAPPLUS用户协议</a
+        >》<span class="redAlert">请阅读协议及声明</span>
+      </li>
+      <li class="zhuce"><button class="regBtn">注册</button></li>
+      <li class="queding"><button class="queding">确定</button></li>
+      <li class="other">
+        我已注册，现在去<button class="openLogin">登录</button>
+      </li>
+    </div>
+  </div>
+</div>