|
@@ -945,3 +945,192 @@
|
|
|
cursor:pointer;
|
|
|
}
|
|
|
|
|
|
+.device_info {
|
|
|
+ font-size:10px;
|
|
|
+ font-family:微软雅黑, Microsoft YaHei;
|
|
|
+ color:#ffffff;
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.device_confirm_num0 {
|
|
|
+ color:#ffffff;
|
|
|
+ font-size:16px;
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.device_confirm_num1 {
|
|
|
+ color:#5ee7b8;
|
|
|
+ font-size:16px;
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.device_confirm_num2 {
|
|
|
+ color:#ea924a;
|
|
|
+ font-size:16px;
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.device_confirm_num3 {
|
|
|
+ color:#ffffff;
|
|
|
+ font-size:14px;
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.red_color{
|
|
|
+ color:#f66167
|
|
|
+}
|
|
|
+
|
|
|
+.default_color{
|
|
|
+ color:#000000
|
|
|
+}
|
|
|
+
|
|
|
+.data_bar_area{
|
|
|
+ top:70px;
|
|
|
+ left:34px;
|
|
|
+ position: absolute;
|
|
|
+ z-index:800;
|
|
|
+ overflow-x:none;
|
|
|
+ overflow-y:auto;
|
|
|
+ width:386px;
|
|
|
+ height:891px;
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.data_bar_area::-webkit-scrollbar{
|
|
|
+ width:6px;
|
|
|
+ height:100%;
|
|
|
+}
|
|
|
+.data_bar_area::-webkit-scrollbar-thumb{
|
|
|
+ width:6px;
|
|
|
+ height:60px;
|
|
|
+ background-color:rgba(0,130,255,0.6);
|
|
|
+ border-radius:5px;
|
|
|
+}
|
|
|
+.data_bar_area::-webkit-scrollbar-track
|
|
|
+{
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: rgba(0,0,0,.3);
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_tab_area {
|
|
|
+ position: absolute;
|
|
|
+ right:60px;
|
|
|
+ top:100px;
|
|
|
+ width:476px;
|
|
|
+ z-index:500;
|
|
|
+ overflow-x:none;
|
|
|
+ overflow-y:auto;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_tab_area::-webkit-scrollbar{
|
|
|
+ width:6px;
|
|
|
+ height:100%;
|
|
|
+}
|
|
|
+.alarm_tab_area::-webkit-scrollbar-thumb{
|
|
|
+ width:6px;
|
|
|
+ height:60px;
|
|
|
+ background-color:rgba(0,130,255,0.6);
|
|
|
+ border-radius:5px;
|
|
|
+}
|
|
|
+.alarm_tab_area::-webkit-scrollbar-track
|
|
|
+{
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: rgba(0,0,0,.3);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.alarm_tab {
|
|
|
+ position: absolute;
|
|
|
+ left:0px;
|
|
|
+ top:0px;
|
|
|
+ width:456px;
|
|
|
+ height:132px;
|
|
|
+ background:url(icons/alarm_tab.png) no-repeat;
|
|
|
+ z-index:500;
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_tab_title {
|
|
|
+ position:absolute;
|
|
|
+ top:24px;
|
|
|
+ left:38px;
|
|
|
+ font-family:微软雅黑, Microsoft YaHei;
|
|
|
+ font-size:16px;
|
|
|
+ font-weight:bold;
|
|
|
+ color:#31e9ff;
|
|
|
+ width:320px;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_tab_time {
|
|
|
+ position:absolute;
|
|
|
+ top:50px;
|
|
|
+ left:38px;
|
|
|
+ font-family:微软雅黑, Microsoft YaHei;
|
|
|
+ font-size:12px;
|
|
|
+ color:#dcdcdc;
|
|
|
+ width:270px;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_tab_data {
|
|
|
+ position:absolute;
|
|
|
+ top:70px;
|
|
|
+ left:38px;
|
|
|
+ font-family:微软雅黑, Microsoft YaHei;
|
|
|
+ font-size:12px;
|
|
|
+ color:#dcdcdc;
|
|
|
+ width:270px;
|
|
|
+ height:30px;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_tab_icon {
|
|
|
+ position:absolute;
|
|
|
+ top:33px;
|
|
|
+ right:56px;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_icon_01 {
|
|
|
+ background:url(icons/alarm_tab_01.gif) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_icon_02 {
|
|
|
+ background:url(icons/alarm_tab_02.gif) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_icon_03 {
|
|
|
+ background:url(icons/alarm_tab_03.gif) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.alarm_icon_04 {
|
|
|
+ background:url(icons/alarm_tab_04.gif) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.map_btn {
|
|
|
+ cursor:pointer;
|
|
|
+ z-index:500;
|
|
|
+}
|
|
|
+/*左边按钮样式
|
|
|
+.map_btn_bigger_off {
|
|
|
+ position:absolute;
|
|
|
+ bottom:66px;
|
|
|
+ left:60px;
|
|
|
+ width:21px;
|
|
|
+ height:21px;
|
|
|
+ background:url(icons/bigger_off.png) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.map_btn_bigger_on {
|
|
|
+ position:absolute;
|
|
|
+ bottom:66px;
|
|
|
+ left:60px;
|
|
|
+ width:21px;
|
|
|
+ height:21px;
|
|
|
+ background:url(icons/bigger_on.png) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.map_btn_smaller_off {
|
|
|
+ position:absolute;
|
|
|
+ bottom:66px;
|
|
|
+ left:90px;
|
|
|
+ width:21px;
|
|
|
+ height:21px;
|
|
|
+ background:url(icons/smaller_off.png) no-repeat;
|