972 lines
35 KiB
CSS
972 lines
35 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
ul{
|
|
list-style: none;
|
|
}
|
|
.hidden{
|
|
display: none;
|
|
}
|
|
.width0{
|
|
width: 0!important;
|
|
}
|
|
.right0{
|
|
right: 10px!important;
|
|
}
|
|
.left0{
|
|
left: 10px!important;
|
|
}
|
|
body {
|
|
/* overflow: hidden; */
|
|
overflow-x: hidden;
|
|
/* color: #fff; */
|
|
color: hsla(0,0%,100%,.7);
|
|
}
|
|
|
|
.full-screen {
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.full-screen .bg-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.bg-map {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.bg-map img {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.full-screen .content {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.db-header {
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.header-loop-bg {
|
|
background: url(../images/header-loop-bg.png) no-repeat;
|
|
}
|
|
|
|
.header-loop-bg,
|
|
.header-loop {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
width: 1366px;
|
|
height: 71px;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.header-loop {
|
|
animation: header-loop 3.467s steps(1) infinite;
|
|
background: url(../images/header-loop.png) no-repeat;
|
|
}
|
|
|
|
|
|
.db-header-title-bg span {
|
|
font-size: 30px;
|
|
font-weight: 700;
|
|
line-height: 60px;
|
|
letter-spacing: 2px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
/* 左右背景部分 */
|
|
.view-layout:not(.reverse) {
|
|
left: 0;
|
|
transform: perspective(400px) rotateY(2deg);
|
|
transform-origin: left;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.view-layout.reverse {
|
|
right: 0;
|
|
transform: perspective(400px) rotateY(-2deg);
|
|
transform-origin: right;
|
|
pointer-events: auto
|
|
}
|
|
.view-layout.collapse{
|
|
transform: perspective(400px) rotateY(-2deg) translateX(-100%);
|
|
}
|
|
.view-layout.reverse.collapse{
|
|
transform: perspective(400px) rotateY(-2deg) translateX(100%);
|
|
}
|
|
|
|
|
|
.view-layout.reverse .view-layout-bg {
|
|
right: 0;
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
.stage-1,
|
|
.stage-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.view-layout {
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 12px;
|
|
width: 450px;
|
|
height: 1058px;
|
|
overflow: hidden;
|
|
transition: transform 1.5s;
|
|
}
|
|
|
|
.view-layout-bg .view-layout-loop-bg,
|
|
.view-layout-bg .view-layout-loop {
|
|
position: absolute;
|
|
width: 450px;
|
|
height: 1062px;
|
|
}
|
|
|
|
.view-layout-bg .view-layout-loop {
|
|
animation: view-layout-loop 4s steps(1) infinite;
|
|
background: url(../images/view-layout-loop.png) no-repeat;
|
|
}
|
|
|
|
.view-layout-bg .view-layout-loop-bg {
|
|
background: url(../images/view-layout-loop-bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
/* 阴影部分 */
|
|
.hv-layout .top-shadow {
|
|
top: 0;
|
|
width: 100%;
|
|
height: 52px;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #090e18), to(rgba(9, 14, 24, 0)));
|
|
background-image: linear-gradient(180deg, #515151, rgba(9, 14, 24, 0));
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
|
|
.hv-layout .left-shadow {
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.hv-layout .right-shadow {
|
|
top: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.hv-layout .left-shadow,
|
|
.hv-layout .right-shadow {
|
|
z-index: 12;
|
|
transition: width 1.5s;
|
|
width: 450px;
|
|
}
|
|
|
|
.hv-layout .left-shadow:after,
|
|
.hv-layout .left-shadow:before,
|
|
.hv-layout .right-shadow:after,
|
|
.hv-layout .right-shadow:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0
|
|
}
|
|
|
|
.hv-layout .left-shadow {
|
|
background-image: linear-gradient(90deg, #080d16, rgba(8, 13, 22, 0))
|
|
}
|
|
|
|
.hv-layout .left-shadow:before {
|
|
background-image: linear-gradient(90deg, rgba(8, 13, 22, .5) 70%, rgba(8, 13, 22, 0))
|
|
}
|
|
|
|
.hv-layout .left-shadow:after {
|
|
background-image: linear-gradient(90deg, rgba(8, 13, 22, .5), rgba(8, 13, 22, 0))
|
|
}
|
|
|
|
.hv-layout .right-shadow {
|
|
background-image: linear-gradient(270deg, #080d16, rgba(8, 13, 22, 0))
|
|
}
|
|
|
|
.hv-layout .right-shadow:before {
|
|
background-image: linear-gradient(270deg, rgba(8, 13, 22, .5) 70%, rgba(8, 13, 22, 0))
|
|
}
|
|
|
|
.hv-layout .right-shadow:after {
|
|
background-image: linear-gradient(270deg, rgba(8, 13, 22, .5), rgba(8, 13, 22, 0))
|
|
}
|
|
|
|
|
|
/* 左右页头内容 */
|
|
.view-layout-main>header {
|
|
width: 353px;
|
|
height: 62px;
|
|
margin-left: 42px;
|
|
}
|
|
.view-layout .header-time,
|
|
.view-layout .header-weather,
|
|
.view-layout header,
|
|
.view-layout section:after {
|
|
opacity: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
.header-time, .header-weather {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding-top: 6px;
|
|
opacity: 0;
|
|
}
|
|
.header-time span{
|
|
font-size: 22px;
|
|
color: #fff;
|
|
}
|
|
.header-time span:last-child, .header-time span:nth-child(2) {
|
|
margin-left: 12px;
|
|
color: hsla(0,0%,100%,.7);
|
|
}
|
|
.header-time span:last-child {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.header-weather {
|
|
padding-left: 40px;
|
|
}
|
|
.db-header-weather{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.db-header-weather i{
|
|
width: 42px;
|
|
height: 36px;
|
|
margin-right: 16px;
|
|
flex: none;
|
|
background: url(../images/weather.png) no-repeat;
|
|
background-position: -42px -4px;
|
|
}
|
|
.db-header-weather label{
|
|
position: relative;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
margin-right: 20px;
|
|
font-size: 28px;
|
|
color: #fff;
|
|
}
|
|
.db-header-weather label:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
right: -20px;
|
|
width: 1px;
|
|
height: 24px;
|
|
transform: translateY(-50%);
|
|
background-color: hsla(0,0%,100%,.5);
|
|
}
|
|
.db-header-weather dl{
|
|
margin-left: 20px;
|
|
}
|
|
.db-header-weather dl dt{
|
|
color: hsla(0,0%,100%,.7);
|
|
}
|
|
.db-header-weather dl dd{
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
/* 左侧主体内容 */
|
|
.view-layout-main {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.view-layout-main>section {
|
|
position: relative;
|
|
width: 450px;
|
|
height: 996px;
|
|
}
|
|
.view-panel{
|
|
position: relative;
|
|
width: 100%;
|
|
padding: 30px 8px 0 45px;
|
|
margin-top: 20px;
|
|
opacity: 1;
|
|
}
|
|
.view-panel-title{
|
|
position: absolute;
|
|
top: 0;
|
|
display: inline-block;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 30px 0 18px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
color: #fff;
|
|
}
|
|
.view-panel.reverse{
|
|
padding: 30px 0px 0 8px;
|
|
}
|
|
.view-panel.reverse .view-panel-title{
|
|
right: 55px;
|
|
padding: 0 18px 0 30px;
|
|
}
|
|
.view-panel-title:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-image: url(../images/title-bg1.png) 0 20 0 4 fill;
|
|
border-image-repeat: repeat;
|
|
border-width: 0 20px 0 4px;
|
|
}
|
|
.view-panel.reverse .view-panel-title:before {
|
|
transform: rotateY(180deg);
|
|
}
|
|
.view-panel-title span{
|
|
position: relative;
|
|
}
|
|
.view-panel-main{
|
|
position: relative;
|
|
height: 100%;
|
|
padding-top: 8px;
|
|
}
|
|
.view-panel-main.neiw{
|
|
width: 380px;
|
|
}
|
|
|
|
.enterprise-chart{
|
|
position: relative;
|
|
height: 165px;
|
|
padding-top: 28px;
|
|
padding-left: 150px;
|
|
}
|
|
.left-aside{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 200px;
|
|
height: 200px;
|
|
}
|
|
.right-aside{
|
|
position: relative;
|
|
width: 263px;
|
|
height: 144px;
|
|
padding-left: 60px;
|
|
background: url(../images/right-bg.png) no-repeat;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 转圈圆形 */
|
|
.left-aside .circle-bg {
|
|
background: url(../images/circle-bg2.png) no-repeat;
|
|
z-index: -1;
|
|
}
|
|
.left-aside .circle-bg, .left-aside .circle-inner, .left-aside .circle-line, .left-aside .circle-outer {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.left-aside .circle-outer {
|
|
background: url(../images/circle-outer2.png) no-repeat;
|
|
}
|
|
.left-aside .circle-line{
|
|
/* background: url(data:image/png;base64,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); */
|
|
animation: counterclockwise-rotation 20s linear infinite;
|
|
background: url(../images/200run.png);
|
|
}
|
|
|
|
.left-aside .circle-inner{
|
|
/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAACaCAYAAABR/1EXAAAAAXNSR0IArs4c6QAABKxJREFUeAHt209rHGUcB/B5ZjdN2hSthbQSEjH2UlttsUR8AwqWUrGCR8WD6CvwbF5BL4p6FA8iFj1U03cgaSKppIKKxjZNg38KTYqpYJKdfZzEQGayTWSbzUHnk0ue3zMzD+zn+e7s7DyzSeKPAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECgKBCKhXarwOkrv/alSfNkbDaOxzQ9mMTkwRCTiUvDgx+37q1nK4H6Vhuq3n96am4grmQvxbhyLFvFCPl7MsY1lvxfs+o+7b5+QdskNhJjOvHN3LmYNZ/Nw3XPM36oJ39tOkz5LwKCVgB67fr1nsuTs2/kATtW6G5pxkZYbunUsa2AoK3zjIzEdHx+7vUkxJaQ5ddk0yGtTyTd9R8P7fvzzodDQ85o28aqdaOgrZt8fXbuxZjEJ0pEMSzUQvbR6PCj35f6FW0LCFpO9sKV2f6VZnwuKVyRpTHe6N3b886F44futq3qgBYBQctJGjE5F8NGzEKS3q7v7373wtE+IWuJzP11pPd32P/nqDNXbzyU36t4sviKQoyfXDzat1js096ZQOWDFrL0ZIkwxpn8Zuy3pT7FjgUqH7QshseLivVaerlYa3dGoPJBy5eUDhYpG0l9plhrd0ag8l8GehrJB0td9f0xCb0hift698z/0hlaoxQFCl/oi93aOxFYXcYan5x9K18gzfJ10SxNk+XRU4Pv5Sta/yyW7mTw/+ixlT+j7ca8jY3NHQjdYWht7PytHEO4U+WQrTq4RtuFpIW98Uhp2GZzoVRXsBC03Zj0LHm6NGyof1eqK1gIWocn/ez4zFC+xnCiOGw9hqliXcW2oHVw1lcfM2rUaq8Uh8yvza5/Mdw/W+yrYlvQOjTrqyG7dbv+ZgyxvzhkLSSfF+uqtn3r7MDMn7n6+2O35pdfbYb4cGm4NB378qmBn0p9FS0Erc2JX7tHNj3d1XW7diDr7j6SZY3hbGWp9WHJ/CNzMPvND1jWfd2wbTNoz0/efDu/73o4vxG75WVH/sTRta7envc9AbKBuyXWxi5aJYEYHyjVm4o0pF8988fAeSErw/joLHtsW738aawthpu9+U73+Lld+LnWteez0ROHr13adpRqbhS0Nub97iPTvUnsWcoXlZohpIv5x+dCaMYfumpx6uKpQYvxbVjalQABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQdYG/AdvO3jr+/obzAAAAAElFTkSuQmCC); */
|
|
animation: clockwise-rotation 10s linear infinite;
|
|
background: url(../images/200neirun.png);
|
|
}
|
|
.left-aside .chart-main{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
/* 企业统计 */
|
|
.enterprise-box{
|
|
padding-top: 10px;
|
|
}
|
|
.enterprise-box .enterprise-item{
|
|
font-size: 14px;
|
|
color: hsla(0,0%,100%,.9);
|
|
margin-top: 10px;
|
|
}
|
|
.enterprise-item i{
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
}
|
|
.enterprise-item p{
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
.enterprise-item p span{
|
|
font-size: 20px
|
|
}
|
|
.color-green{
|
|
color: #8ec029;
|
|
}
|
|
.color-red{
|
|
color: #f75e60;
|
|
}
|
|
.color-oringe{
|
|
color: #f28f54;
|
|
}
|
|
.color-blue{
|
|
color: #0bf;
|
|
}
|
|
.bg-green{
|
|
background-color: #8ec029;
|
|
}
|
|
.bg-red{
|
|
background-color: #f75e60;
|
|
}
|
|
.bg-oringe{
|
|
background-color: #f28f54;
|
|
}
|
|
|
|
/* 风险状态阶梯 */
|
|
.Ladder {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.Ladder ul {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
.Ladder ul li {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
width: 92px;
|
|
height: 128px;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
}
|
|
.Ladder ul li label{
|
|
margin: 20px 0;
|
|
font-size: 30px;
|
|
}
|
|
.bg-map {
|
|
background: url(../images/risk-level-bg.png) no-repeat;
|
|
}
|
|
.Ladder li.big-fx{
|
|
background-position:-92px 0;
|
|
}
|
|
.Ladder li.normal-fx{
|
|
background-position:-184px 0;
|
|
}
|
|
.Ladder li.low-fx{
|
|
background-position:-276px 0;
|
|
}
|
|
li.high-fx label, li.high-fx span{
|
|
color: #fe2d2d;
|
|
}
|
|
li.big-fx label, li.big-fx span{
|
|
color: #ff6c00;
|
|
}
|
|
li.normal-fx label, li.normal-fx span{
|
|
color: #fcbd00;
|
|
}
|
|
li.low-fx label, li.low-fx span{
|
|
color: #0bf;
|
|
}
|
|
|
|
.Ladder ul li.high-fx::after{
|
|
background: url(../images/high-light.png) no-repeat;
|
|
}
|
|
.Ladder ul li.big-fx::after{
|
|
background: url(../images/big-light.png) no-repeat;
|
|
animation-delay: .5s;
|
|
}
|
|
.Ladder ul li.normal-fx::after{
|
|
background: url(../images/normal-light.png) no-repeat;
|
|
animation-delay: 1s;
|
|
}
|
|
.Ladder ul li.low-fx::after{
|
|
background: url(../images/low-light.png) no-repeat;
|
|
animation-delay: 1.5s;
|
|
}
|
|
|
|
.Ladder ul li::after{
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 0;
|
|
left: 3px;
|
|
width: 86px;
|
|
height: 17px;
|
|
animation: sweep-risk-level 5s infinite;
|
|
|
|
}
|
|
@keyframes sweep-risk-level {
|
|
0% {
|
|
transform: translateY(128px)
|
|
}
|
|
|
|
50%,
|
|
to {
|
|
transform: translateY(-18px)
|
|
}
|
|
}
|
|
|
|
/* 风险辨识情况统计 */
|
|
.signboard{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.signboard ul{
|
|
width: 90%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.signboard ul li{
|
|
width: 91px;
|
|
height: 63px;
|
|
display: block;
|
|
background: url(../images/signboard-mini-bg.png) no-repeat;
|
|
text-align: center;
|
|
}
|
|
.bg-signbig{
|
|
text-align: center;
|
|
background: url(../images/signboard-big-bg.png) no-repeat;
|
|
width: 177px;
|
|
height: 63px;
|
|
margin: 10px 0;
|
|
|
|
}
|
|
.signboard ul li label,.bg-signbig label{
|
|
display: block;
|
|
height: 40px;
|
|
line-height: 46px;
|
|
font-size: 22px
|
|
}
|
|
.signboard ul li span,.bg-signbig span{
|
|
display: block;
|
|
height: 20px;
|
|
line-height: 21px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.column-chart-bg {
|
|
position: relative;
|
|
width: 390px;
|
|
height: 245px;
|
|
margin-top: 12px;
|
|
background:url(../images/line-chart-bg.png) no-repeat;
|
|
}
|
|
.column-chart{
|
|
width: 100%;
|
|
height: 100%;
|
|
/* border: 1px solid red; */
|
|
}
|
|
|
|
/* 企业规模统计情况 */
|
|
.sizestate{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 14px 80px 0px 50px;
|
|
}
|
|
.sizestate dl{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 145px;
|
|
height: 30px;
|
|
text-align: center;
|
|
transition: width .5s;
|
|
background: url(../images/qingkbg.png) no-repeat;
|
|
}
|
|
.sizestate dl dt{
|
|
width: 100%;
|
|
font-size: 13px
|
|
}
|
|
.sizestate dl dd{
|
|
flex: none;
|
|
width: 53px;
|
|
color: #fff;
|
|
}
|
|
|
|
.circular-chart-bg {
|
|
position: relative;
|
|
width: 380px;
|
|
height: 260px;
|
|
margin-top: 12px;
|
|
margin-left: 20px;
|
|
/* border: 1px solid red; */
|
|
/* background:url(../images/line-chart-bg.png) no-repeat; */
|
|
}
|
|
.circular-chart{
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: -10px;
|
|
}
|
|
|
|
/* 隐患整改对比图 */
|
|
.line-chart-bg {
|
|
position: relative;
|
|
width: 380px;
|
|
height: 230px;
|
|
margin-top: 12px;
|
|
margin-left: 20px;
|
|
background:url(../images/line-chart-bg.png) no-repeat;
|
|
}
|
|
.line-chart{
|
|
width: 100%;
|
|
height: 100%;
|
|
/* border: 1px solid red; */
|
|
}
|
|
|
|
|
|
/* 搜索及条件筛选 */
|
|
.map-search{
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 88px;
|
|
left: 458px;
|
|
height: 44px;
|
|
transition: left 1.5s;
|
|
pointer-events: auto;
|
|
}
|
|
.map-search-main{
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
}
|
|
.map-search-main:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-image: url(data:image/png;base64,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) 0 20 0 20 fill;
|
|
border-image-repeat: no-repeat;
|
|
border-width: 0 20px 0 20px;
|
|
}
|
|
.map-search-main input{
|
|
position: relative;
|
|
width: 0;
|
|
height: 44px;
|
|
padding-left: 0;
|
|
font-size: 16px;
|
|
color: hsla(0,0%,100%,.9);
|
|
background-color: transparent;
|
|
transition: all .3s;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
.map-search-main input.show{
|
|
width: 291px;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.map-search-main .icon-sousuo{
|
|
position: relative;
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
margin: 0 8px 0 10px;
|
|
color: #03cbde;
|
|
}
|
|
.map-search-dropdown {
|
|
position: absolute;
|
|
top: 44px;
|
|
left: 2px;
|
|
width: 340px;
|
|
height: 266px;
|
|
padding: 5px 1px;
|
|
pointer-events: auto;
|
|
}
|
|
.map-search-dropdown:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-image: url(../images/dropdown-bg.png) 100 80 100 80 fill;
|
|
border-image-repeat: repeat;
|
|
border-width: 100px 80px 100px 80px;
|
|
}
|
|
.h-empty {
|
|
position: relative;
|
|
}
|
|
.h-empty, .h-empty__wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.h-empty__wrapper {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.h-empty .h-breakpoint--sm i{
|
|
font-size: 40px;
|
|
color: hsla(0,0%,100%,.7);
|
|
}
|
|
.h-empty .h-empty__description {
|
|
color: hsla(0,0%,100%,.7);
|
|
line-height: normal;
|
|
padding: 0;
|
|
margin: 8px 0;
|
|
font-size: 13px
|
|
}
|
|
|
|
.h-scrollbar{
|
|
position: absolute;
|
|
overflow-y: auto;
|
|
height: 266px;
|
|
width: 100%;
|
|
}
|
|
|
|
.h-scrollbar ul li{
|
|
display: flex;
|
|
font-size: 13px;
|
|
padding: 10px;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.h-scrollbar ul li:hover{
|
|
background-color: rgba(0, 36, 49, .9);
|
|
color: hsla(0,0%,100%,1);
|
|
}
|
|
.h-scrollbar ul li:active{
|
|
background-color: rgba(0, 53, 69, .9)
|
|
}
|
|
.h-scrollbar .h-li-nr p:first-child{
|
|
color: hsla(0,0%,100%,.9);
|
|
margin-bottom: 5px;
|
|
}
|
|
.h-scrollbar .h-li-nr p:last-child{
|
|
color: hsla(0,0%,100%,.7);
|
|
}
|
|
.h-scrollbar .h-icon-dw{
|
|
margin-right: 10px;
|
|
}
|
|
.h-scrollbar .h-icon-dw i{
|
|
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: url(data:image/png;base64,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) no-repeat;
|
|
}
|
|
/* 条件筛选 */
|
|
.db-toolbar-filter{
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 88px;
|
|
right: 450px;
|
|
height: 40px;
|
|
transition: right 1.5s;
|
|
pointer-events: auto;
|
|
}
|
|
.map-filter {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-right: 4px;
|
|
}
|
|
.map-filter-main {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 170px;
|
|
height: 40px;
|
|
padding-left: 10px;
|
|
background: url(data:image/png;base64,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);
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
.map-filter-main span {
|
|
width: 100%;
|
|
color: hsla(0,0%,100%,.5);
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
}
|
|
.map-filter-main .icon-xiajiantou {
|
|
margin-right: 10px;
|
|
font-size: 22px;
|
|
color: #00fffd;
|
|
transition: transform .2s;
|
|
}
|
|
.map-filter-main .icon-xiajiantou.show-dropdown{
|
|
transform: rotate(180deg);
|
|
}
|
|
.map-filter-dropdown {
|
|
position: absolute;
|
|
top: 44px;
|
|
left: 2px;
|
|
width: 176px;
|
|
background-color: rgba(67,112,121,1);
|
|
display: none;
|
|
}
|
|
.map-filter-dropdown ul{
|
|
padding: 4px 0;
|
|
}
|
|
.map-filter-dropdown ul li{
|
|
font-size: 13px;
|
|
padding: 6px 10px;
|
|
cursor: pointer;
|
|
}
|
|
.map-filter-dropdown ul li:hover{
|
|
background-color: #398ce0;
|
|
}
|
|
.db-toolbar-filter>i{
|
|
position: relative;
|
|
top: -2px;
|
|
display: inline-block;
|
|
width: 44px;
|
|
height: 44px;
|
|
vertical-align: top;
|
|
background: url(../images/operation-icon.png);
|
|
cursor: pointer;
|
|
}
|
|
.db-toolbar-filter .icon-collapse{
|
|
background-position: 0 -396px;
|
|
}
|
|
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
|
|
::-webkit-scrollbar
|
|
{
|
|
width: 10px;
|
|
height: 16px;
|
|
background-color: rgba(245,245,245,0.4);
|
|
}
|
|
|
|
/*定义滚动条轨道 内阴影+圆角*/
|
|
::-webkit-scrollbar-track
|
|
{
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
background-color: rgba(245,245,245,0.4);
|
|
}
|
|
|
|
/*定义滑块 内阴影+圆角*/
|
|
::-webkit-scrollbar-thumb
|
|
{
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
|
background-color: #2b565f;
|
|
}
|
|
input::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
font-size: 13px;
|
|
}
|
|
input::-moz-input-placeholder {
|
|
color: #ccc;
|
|
font-size: 13px;
|
|
}
|
|
input::-ms-input-placeholder {
|
|
color: #ccc;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/*地图标题*/
|
|
|
|
.BMap_bubble_title h4{
|
|
margin: 0;
|
|
font-size:14px;
|
|
color: #0066b3;
|
|
}
|
|
.BMap_bubble_content {
|
|
padding-top: 8px;
|
|
background-color:white;
|
|
font-size: 13px;
|
|
}
|
|
.table-baidu-map td{
|
|
vertical-align: top;
|
|
line-height: 24px !important;
|
|
}
|
|
|
|
.table-baidu-map .brbi{
|
|
text-align: left;
|
|
width: 120px;
|
|
}
|
|
.table-baidu-map .arai_red{
|
|
background: #ee4d55;
|
|
border-radius: 100px;
|
|
text-align: center;
|
|
line-height: 1;
|
|
font-size: 9px;
|
|
color: #ffffff;
|
|
}
|
|
.table-baidu-map .arai_green{
|
|
background: #31c145;
|
|
border-radius: 100px;
|
|
text-align: center;
|
|
line-height: 1;
|
|
font-size: 9px;
|
|
color: #ffffff;
|
|
}
|
|
.table-baidu-map .arai_blue{
|
|
background: #3373f3;
|
|
border-radius: 100px;
|
|
text-align: center;
|
|
line-height: 1;
|
|
font-size: 9px;
|
|
color: #ffffff;
|
|
}
|