* { 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; }