赣州市洪水风险预警系统二维版本
xiebin
2023-02-24 ec1a74625890ff771fc5e46e39a15deaf618b479
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
 
.map-div {
    height: 100%;
}
.sceneBox{
    width: calc(100%);
    height: calc(100%);
    position: absolute; 
    left: 0px; 
    top: 0px;
    background: #183a5f; 
    z-index: 1001; 
    display:none;
}
.sceneBox iframe{width:100%; height: calc(100% - 40px);}
 
.map-pup div{width:100%; clear: both; padding:8px 0;font-size:12px;}
.hj-til{color:#3acee5; font-weight: bold;}
.map-pup-til{height:35px; line-height: 35px;border-bottom: 1px solid #188488; padding-left: 8px; font-size: 14px;}
.map-pup .jiao-icon{
    position: absolute; 
    left:50%; 
    bottom:-36px; 
    width: 0px; 
    height: 0px; 
    margin-left:-14px; 
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    /*border-top:20px solid #188488;*/
}
.map-pup .jiao-icon span{position: absolute; left:-14px; bottom:18px; width: 0px; height: 0px; 
border-left:14px solid transparent;
border-right:14px solid transparent;
border-top:18px solid #065b86;}
.messageBox{
    width: 240px;
    height: 200px;
       /*padding-bottom: 20px;
    margin-bottom: 35px;*/
       background-color: rgb(6, 91, 134);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(24, 132, 136);
    border-radius: 3px;
    position: absolute;
    user-select: none;
    /*left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
}
.messageImg{
    /*width: 8%;*/
    position: absolute;
    right: 0px;
    cursor: pointer;
    /*margin: 4px;*/
}
.map-nomore{line-height: 155px; text-align: center;}
.map-pup,.map-nomore{
    width:100%; 
    height:165px; 
    /*overflow-y: auto;*/
    overflow: hidden;
    position: relative;
}
.map-pup div, .map-nomore div{width:100%; clear: both; padding:10px 0;font-size:12px;}
.map-pup>div{
    padding: 0;
    position: absolute;
}
.map-pup>div>div:last-child{
    margin-bottom: 20px;
}
.map-pup label{
    width:40%;
    float: left; 
    text-align: left;
    padding-left:4%;
    box-sizing: border-box;
}
.map-pup span {
    width: 60%;
    float: left;
    /*box-sizing: border-box;*/
    /*padding-left: 2.5%;*/
}
.hj-til{color:#3acee5; font-weight: bold;}
.hj-til label{ width: 100%; padding-left: 0; text-align: center; padding-right: 5%;}
.map-pup-til{
    height:35px; 
    line-height: 35px;
    border-bottom: 1px solid #188488; 
    padding-left: 8px; 
    font-size: 14px;
}