|
.client-time-police {
|
width: 100%;
|
background: rgb(255, 255, 255);
|
}
|
|
.client-time-select-condition {
|
position: relative;
|
height: auto;
|
width: 100%;
|
padding-top: 5px;
|
}
|
|
.client-time-select-condition div {
|
display: inline-block;
|
}
|
|
|
.client-time-select-condition .realtime-district,
|
.client-time-select-condition .realtime-level {
|
width: 175px;
|
height: 40px;
|
line-height: 40px;
|
padding: 4px 6px 0 6px;
|
box-sizing: border-box;
|
color: #fff;
|
}
|
|
.client-time-select-condition .realtime-district > ul,
|
.client-time-select-condition .realtime-level > ul {
|
display: flex;
|
padding: 0px;
|
height: 36px;
|
line-height: 36px;
|
align-items: center;
|
}
|
|
.client-time-select-condition .realtime-district > ul > li,
|
.client-time-select-condition .realtime-level > ul > li {
|
height: 30px;
|
line-height: 28px;
|
}
|
|
.client-time-select-condition .realtime-district > ul > li:first-child,
|
.client-time-select-condition .realtime-level > ul > li:first-child {
|
position: relative;
|
padding-left: 10px;
|
flex: 4;
|
color: #677788;
|
border: 1px solid rgba(231, 234, 243, 1);
|
box-sizing: border-box;
|
z-index: 1111;
|
border-radius: 5px;
|
}
|
|
|
/* 类别选择中得下拉框 */
|
.client-time-select-condition .realtime-district > ul > li:first-child div:first-child,
|
.client-time-select-condition .realtime-level > ul > li:first-child div:first-child {
|
position: absolute;
|
top: 0;
|
left: 60px;
|
width: calc(100% - 60px);
|
height: 34px;
|
color: #666;
|
padding-left: 10px;
|
box-sizing: border-box;
|
cursor: pointer;
|
|
}
|
|
.client-time-select-condition .realtime-district > ul > li:first-child div:last-child,
|
.client-time-select-condition .realtime-level > ul > li:first-child div:last-child {
|
display: none;
|
position: absolute;
|
padding-top: 14px;
|
top: 29px;
|
left: -1px;
|
z-index: 10;
|
width: calc(100% + 2px);
|
}
|
|
|
.client-time-select-condition .realtime-district > ul > li:first-child ul,
|
.client-time-select-condition .realtime-level > ul > li:first-child ul {
|
display: flex;
|
flex-direction: column;
|
width: 100%;
|
max-height: 300px;
|
height: auto;
|
overflow-y: auto;
|
overflow-x: hidden;
|
border: 1px solid rgba(231, 234, 243, 1);
|
box-sizing: border-box;
|
border-radius: 5px;
|
|
}
|
|
.client-time-select-condition .realtime-district > ul > li:first-child ul li,
|
.client-time-select-condition .realtime-level > ul > li:first-child ul li {
|
flex: 1;
|
padding-left: 10px;
|
height: 32px;
|
border-top: 1px solid rgba(231, 234, 243, 1);
|
background: rgba(255, 255, 255, 1);
|
color: #677788;
|
box-sizing: border-box;
|
cursor: pointer;
|
}
|
|
.client-time-select-condition .realtime-district > ul > li:first-child ul li:hover,
|
.client-time-select-condition .realtime-level > ul > li:first-child ul li:hover {
|
color: #15a2fe;
|
background: #beeeff;
|
}
|
|
|
.client-time-select-condition .realtime-district > ul > li:first-child ul li:first-child,
|
.client-time-select-condition .realtime-level > ul > li:first-child ul li:first-child {
|
border: none;
|
}
|
|
|
/* 日期选择器的样式 */
|
.client-time-select-condition .realtime-timeselect input[timeSelect] {
|
width: 140px;
|
padding: 0 10px;
|
height: 32px;
|
line-height: 32px;
|
cursor: pointer;
|
}
|
|
.client-time-select-condition .realtime-timeselect input[quilckQuery] {
|
width: 80px;
|
height: 36px;
|
color: #fff;
|
border-color: #1E9FFF;
|
background: #1E9FFF;
|
cursor: pointer;
|
}
|
|
|
/* 年月日选择相关按钮样式 */
|
.client-time-select-condition .realtime-quick {
|
|
position: absolute;
|
top: 0;
|
right: 10px;
|
width: 180px;
|
height: 40px;
|
line-height: 40px;
|
display: flex;
|
align-items: center;
|
|
|
}
|
|
.client-time-select-condition .realtime-quick button {
|
flex: 1;
|
margin: 0px 4px;
|
height: 28px;
|
border-color: #1E9FFF;
|
background: #1E9FFF;
|
color: #fff;
|
border-radius: 5px;
|
cursor: pointer;
|
}
|
|
|
/* 实时警情列表相关样式调整 */
|
.client-time-information-list {
|
margin-top: 4px;
|
height: calc(100% - 44px);
|
width: 100%;
|
}
|
|
.client-time-information-list > div {
|
height: calc(100% - 20px);
|
}
|
|
|
.client-time-information-list .layui-btn-radius {
|
border-radius: 5px;
|
height: 38px;
|
line-height: 38px;
|
padding: 0 18px;
|
}
|
|
|
.client-time-information-list .layui-btn {
|
height: 26px;
|
line-height: 26px;
|
padding: 0 10px;
|
}
|
|
.client-time-police {
|
display: flex;
|
}
|
|
#client_left_tree {
|
width: 220px;
|
height: 100%;
|
}
|
|
#client_left_table {
|
width: calc(100% - 220px);
|
}
|
|
.client-left-map {
|
width: 34% !important;
|
left: 66% !important;
|
}
|
|
#mainMapWidget {
|
width: 100% !important;
|
}
|
|
.client-btn-qk {
|
background-color: #F0EFF4;
|
color: #596D82;
|
}
|
|
.client-select {
|
position: absolute;
|
right: 10px;
|
font-size: 12px;
|
transform: scale(0.8);
|
}
|
|
#client-query-input {
|
border: 1px solid rgba(231, 234, 243, 1);
|
height: 28px;
|
border-radius: 5px;
|
padding-left: 10px;
|
}
|
|
div#rMenu {
|
position: absolute;
|
visibility: hidden;
|
top: 0;
|
background-color: #555;
|
text-align: left;
|
padding: 2px;
|
}
|
|
div#rMenu ul li {
|
margin: 1px 0;
|
padding: 0 5px;
|
cursor: pointer;
|
list-style: none outside none;
|
background-color: #DFDFDF;
|
}
|
|
.jfwin-div {
|
line-height: 20px;
|
padding-left: 10px;
|
}
|
|
.cluster-text-counts {
|
width: 200px;
|
height: 200px;
|
}
|
