/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 14px; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { box-sizing: border-box; } a { text-decoration: unset; } /*自定义*/ body{ background-color:#021429 !important; background-size:cover; width: 3840px; height: 1080px; /*transform:scale(0.5); -moz-transform:scale(0.5); -webkit-transform:scale(0.5); -o-transform:scale(0.5);*/ transform-origin:left top; font-family:"微软雅黑" } .header-wrapper { display: flex; justify-content: space-around; position: relative; } .header-wrapper svg { position: absolute; left: 50%; top: 40px; margin-left:-1920px; z-index:10 } .header-wrapper .title { line-height: 80px; font-size: 2.1em; color:#70e6ea; position: relative; z-index:10; padding:0 10px; letter-spacing:0.1em; } .header-wrapper .lefttitle{ display:block; line-height: 60px; font-size: 1.5em; color:#70e6ea; position:absolute; left:25%; top:20px; width:400px; margin-left:-200px; text-align:center; z-index:11; cursor:pointer; } .header-wrapper .righttitle{ line-height: 60px; font-size: 1.5em; color:#70e6ea; position:absolute; right:25%; top:20px; width:400px; margin-right:-200px; text-align:center; } .header-wrapper1 { width: 1920px; display: flex; justify-content: space-around; position: relative; } .header-wrapper1 svg { position: absolute; left: 0%; top: 40px; z-index:10 } .header-wrapper1 .title { line-height: 80px; font-size: 2.1em; color:#70e6ea; position: relative; z-index:10; padding:0 10px; letter-spacing:0.1em; } .header-wrapper1 .lefttitle{ display:block; line-height: 60px; font-size: 1.5em; color:#70e6ea; position:absolute; left:25%; top:20px; width:400px; margin-left:-200px; text-align:center; z-index:11; cursor:pointer; } .header-wrapper1 .righttitle{ line-height: 60px; font-size: 1.5em; color:#70e6ea; position:absolute; right:25%; top:20px; width:400px; margin-right:-200px; text-align:center; } #nowtime{ position:absolute; left:20px; top:47px; color:#fff; font-size:12px } .grid-wrapper{ color: #ffffff; padding: 10px 8px 8px; height: calc(100% - 80px); display: grid; display: -ms-grid; grid-gap: 8px; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } .grid-common{ height:100%; display: grid; display: -ms-grid; grid-gap: 4px; } .left-grid{ grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } .left-grid .left-gride-l1{ grid-template-columns: 1fr; grid-template-rows: 302px 242px 430px; } .left-gride-l1-top{ grid-template-columns: 572px auto; grid-template-rows: 1fr; } .left-gride-l1-mid{ grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } .left-gride-l1-bottom{ grid-template-columns: 316px auto; grid-template-rows: 1fr; } .left-grid .left-gride-l2{ grid-template-columns: auto 364px; grid-template-rows: 1fr; } .left-gride-l2-left{ grid-template-columns: 1fr; grid-template-rows: 120px 488px 366px; } .left-gride-l2-right{ grid-template-columns: 1fr; grid-template-rows: 374px 234px 366px; } .left-gride-l1-bottom-pice{ grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } .grid-wrapper .wrapper { overflow: hidden; height: 100%; } .grid-wrapper .wrapper>.tab{ width:100%; height:2em; } .tab>.tab-bid{ height:100%; width:147px; font-size:1em; display:flex; align-items:center; justify-content:center; position:relative; background: -webkit-linear-gradient(#01417f,#021e46); background: -o-linear-gradient(#01417f,#021e46); background: -moz-linear-gradient(#01417f,#021e46); background: linear-gradient(#01417f,#021e46); } .tab>.tab-bid:before{ content:''; position:absolute; top:0; left:0; width: 0; height: 0; border-top: 5px solid #010a19; border-right: 5px solid transparent; } .tab>.tab-bid:after{ content:''; position:absolute; top:0; right:0; width: 0; height: 0; border-top: 5px solid #010a19; border-left: 5px solid transparent; } .wrapper-content{ height: calc(100% - 2em); border:0.5px solid #3e68c0; box-shadow: 0px 0px 4px rgba(65,110,204,1) inset; padding:14px 8px 8px; overflow:hidden; } .wrapper-content>.content-container{ border:0.5px solid #6076ae; border-top:2px solid #6076ae; height:100%; display:flex; justify-content:center; align-items:center; position:relative; background-color:rgba(113,138,149,0.1) } .zhejiao{ position:absolute; width:10px; height:10px; } .zhejiao-1{ left:-2px; top:-2px; border-left:2px solid #0efcfe; border-top:2px solid #0efcfe; } .zhejiao-2{ right:-2px; top:-2px; border-right:2px solid #0efcfe; border-top:2px solid #0efcfe; } .zhejiao-3{ right:-2px; bottom:-2px; border-right:2px solid #0efcfe; border-bottom:2px solid #0efcfe; } .zhejiao-4{ left:-2px; bottom:-2px; border-left:2px solid #0efcfe; border-bottom:2px solid #0efcfe; } .mr-10{ margin-right:10px; } .wrapper-clzb{ display:flex; justify-content:flex-end; flex-direction:column; } .wrapper-clzb>.wrapper-clzb-content{ height:178px; overflow:hidden; } .flex-bottom{ display:flex; flex-direction:column; justify-content:flex-end; } .flex-zztt{ flex-direction:column; justify-content:space-between !important; } .position-block{ position:relative; } .header-data-list{ position:absolute; display:flex; align-items:center; justify-content:space-around; width:964px; height:calc(120px - 2em); right:0; bottom:0; border: 0.5px solid #3e68c0; box-shadow: 0px 0px 4px rgba(65,110,204,1) inset; overflow: hidden; } .header-data-item{ display:flex; align-items:center; justify-content:center; flex-direction:column; } .header-data-item>.item-name{ font-size:1.6em; margin-bottom:6px; color:#ccf5f9; } .header-data-item>.item-value{ font-size:1.8em; max-width:120px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; cursor:pointer; } .item-color1{ color:#e29494 } .item-color2{ color:#d3406c } .item-color3{ color:#9a2aac } .item-color4{ color:#42c3c9 } .item-color5{ color:#fea569 } .map-area{ height:100%; } #map-container{ width:100%; height:100%; } .data-box{ position:relative; height:40%; width:100%; } .warning-box{ display:flex; flex-direction:column; width:100%; height:78px; } .msg-box{ display:flex; flex-direction:column; width:100%; height:78px; } .pding-10{ padding:10px; } .flex_wrap{ flex-wrap:wrap; } .wrapper-content>.content-container.justify_around{ justify-content:space-around; } /*左侧样式*/ .wrapper>.wrapper-content>.content-container>.left-bar-data{ height:70%; display:flex; align-items:flex-start; flex-direction:column; justify-content:space-between; } .left-bar-data .left-bar-data-list1{ font-size:0.6em; line-height:1.5em; color:#c1e7ec; display:flex; } .left-bar-data-list1>.fontsize8{ font-size:.8em; margin-left:10px; } .data-list{ margin-left:10px; } .data-list:first-child{ margin-left:0; } .fontsize7{ font-size:0.7em; } .fontsize6{ font-size:0.6em; } .colorred{ color:#e55b5c } .colorgreen{ color:#17b45e } .wrapper>.wrapper-content>.content-container>.center-bar-data{ height:100%; width:45%; } .wrapper>.wrapper-content>.content-container>.right-bar-data{ height:70%; display:flex; align-items:flex-start; flex-direction:column; justify-content:space-between; } .right-bar-data .right-bar-data-list1{ font-size:0.6em; line-height:2.4em; color:#c1e7ec; display:flex; } .right-bar-data .right-bar-data-list2{ font-size:0.6em; line-height:2em; color:#c1e7ec; display:flex; } #chart-clzb,#chart-fztj1,#chart-fztj2,#chart-yfgl,#table-whhcl,#chart-wscl,#chart-mrzj{ height:100%; width:100%; } #table-whhcl{ padding:10px; position:relative; } #table-whhcl .table-area-head { color: #fff; background-color: #335bcc; display: flex; align-items: center; width: 100%; margin: 0 auto; border: 1px solid #6584d7; border-bottom:0; } #table-whhcl .table-area-head .table-area-head-tab { text-align: center; height: 32px; vertical-align: middle; width: 16.66%; display: flex; align-items: center; justify-content: center; border-right: 1px solid #6584d7; font-size:1em; } #table-whhcl .table-area-head .table-area-head-tab:last-child{ border-right:0px; } #table-whhcl .table-content{ position:relative; width:100%; height:100%; overflow:hidden; } #table-whhcl .table-area{ height:calc(100% - 34px); width:100%; overflow:hidden; position:absolute; top:0; left:0px; } #table-whhcl .table-area table,#table-whhcl .table-area table tbody{ width:100%; display:table; } #table-whhcl .table-area table tr td{ width:16.66%; text-align:center; border:1px solid #6584d7; word-wrap:break-word; word-break:break-all; height:33px; vertical-align:middle; font-size:0.8em; padding:3px; } #chart-ttfbt,#chart-ydtts,#chart-sbtj{ height:50%; width:100%; } .amap-icon img,.amap-marker-content img{ width: 36px; } .amap-marker-label { border: 0; background-color: transparent; } .amap-marker-label .info { position: relative; top: 0; right: 0; padding: .5em 1em; width: auto; border:1px solid #7693e9; box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5); } .content-container>.text-ndxsje{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:20px 30px; } .content-container>.text-ndxsje>.left-stat{ display:flex; flex-direction:column; align-items:center; justify-content:space-around; } .content-container>.text-ndxsje>.right-stat{ display:flex; align-items:center; justify-content:space-between; } .all-money{ font-size:1.2em; color:#ccf5f9; margin-bottom:3px; } .all-money>.money-num{ font-size:2.4em; color:#c83428; margin-right:8px; } .compare-money{ color:#3996dc; font-size:1.2em; } .compare-money>.increase-num{ margin-left:8px; color:#c83428; font-size:1.6em; } .compare-money>img{ width:34px; } .right-stat>.sell-log-items{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; color:#ccf5f9; font-size:1em; } .right-stat>.sell-log-items:first-child{ margin-right:30px; } .right-stat>.sell-log-items>.sell-log-items-name{ margin-top:13px; } .right-stat>.sell-log-items>.sell-log-items-value{ color:#3996dc; font-size:1.4em; margin-top:7px; } #table-bndxsje{ padding:10px; position:relative; flex:1; width:100%; } #table-bndxsje .table-area-head { color: #fff; background-color: #335bcc; display: flex; align-items: center; width: 100%; margin: 0 auto; border: 1px solid #6584d7; border-bottom:0; } #table-bndxsje .table-area-head .table-area-head-tab { text-align: center; height: 32px; vertical-align: middle; width: 14.28%; display: flex; align-items: center; justify-content: center; border-right: 1px solid #6584d7; font-size:1em; } #table-bndxsje .table-area-head .table-area-head-tab:last-child{ border-right:0px; } #table-bndxsje .table-content{ position:relative; width:100%; height:100%; overflow:hidden; } #table-bndxsje .table-area{ height:calc(100% - 34px); width:100%; overflow:hidden; position:absolute; top:0; left:0px; } #table-bndxsje .table-area table,#table-bndxsje .table-area table tbody{ width:100%; display:table; } #table-bndxsje .table-area table tr td{ width:14.28%; text-align:center; border:1px solid #6584d7; word-wrap:break-word; word-break:break-all; height:33px; vertical-align:middle; font-size:0.8em; padding:3px; } .data-box>.data-bubble{ position:absolute; width:86px; height:86px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; } .data-bubble>.bubble-value{ color:#3996dc; font-size:1.2em; } .data-bubble>.bubble-line{ width:80%; height:1px; background-color:#ccf5f9; margin:10px 0 5px; } .data-bubble>.bubble-name{ color:#ccf5f9; font-size:0.6em; } .bubble1{ left:34px; bottom:0; border:1px solid #d84647; } .bubble2{ right:34px; bottom:0; border:1px solid #4c63d7; } .bubble3{ left:50%; margin-left:-43px; top:10px; border:1px solid #248d40; } .warning-box>.warning-item{ display:flex; align-items:center; justify-content:flex-start; color:#ccf5f9; margin-top:6px; width:100%; font-size:0.8em; } .warning-box>.warning-item>img{ width:20px; margin-right:15px; } .warning-box>.warning-item span{ width:calc(100% - 35px); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .msg-box>.msg-item{ width:100%; font-size:0.8em; display:flex; align-items:center; justify-content:space-between; color:#ccf5f9; margin-top:6px; } .msg-box>.msg-item>span.msg-words{ width:calc(100% - 109px); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .msg-box>.msg-item>span.msg-datetime{ margin-left:5px; } .sbtj-data{ height:50%; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; } .word-desc{ width:100%; display:flex; align-items:center; justify-content:space-around; } .word-desc>.left-word{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .word-desc>.left-word>.word-item{ color:#1ea3ac; font-size:1.4em; margin-bottom:10px; } .word-desc>.left-word>.word-name{ color:#1ea3ac; font-size:0.8em; margin-bottom:10px; } .word-desc>.left-word>.word-value{ color:#c83428; font-size:1.6em; } .word-num-incre{ display:flex; align-items:center; justify-content:center; } .word-num-incre>.increase-value{ font-size:1.8em; color:#c83428; } .word-num-incre img{ width:34px; } .chart-titles{ display:flex; align-items:center; justify-content:space-around; height:2em; width:100%; } .chart-titles>.title-name{ color:#ccf5f9; width:30%; text-align:center; } .chart-area{ height:100%; } .single ul>li.select{ border:2px solid #0efcfe; } .single1 ul>li.select{ border:2px solid #0efcfe; } .step-warn-btns{ width:100%; display:flex; align-items:center; height:4em; justify-content:center; } .step-warn-btns .btnstep{ cursor:pointer; color:#ccf5f9; padding:10px 20px; border-radius:5px; } .step-warn-btns .savebtn{ background-color:#3996dc; margin-right:3em; } .step-warn-btns .cancelbtn{ border:1px solid #ccf5f9; margin-right:3em; } #step-warn-set{ position:fixed; left:50%; top:50%; width:900px; padding:15px; max-height:1080px; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); border: 0.5px solid #6076ae; border-top: 2px solid #6076ae; background-color: #021429; z-index:99; display:none; } #step-warn-set>.step-warn-title{ display:flex; width:100%; height:2em; font-size:1.4em; color:#ccf5f9; align-items:center; justify-content:center; } #step-warn-set .step-warn-controlarea{ display:flex; width:100%; justify-content:center; } #step-warn-set .step-set-area{ width:50%; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; color:#ccf5f9; } #step-warn-set .step-set-area:first-child{ border-right:1xp solid #ccf5f9; } #step-warn-set .step-set-area .step-set-area-title{ height:1.6em; font-size:1em; } #step-warn-set .step-set-area .step-set-container{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:100%; position:relative; } #step-warn-set .step-set-area .step-set-container:before{ content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#ccf5f9 } #step-warn-set .step-set-area .step-set-container .step-set-tabs{ display:flex; align-items:center; justify-content:space-around; width:100%; height:2.4em; } #step-warn-set .step-set-area .step-set-container .step-set-tabs .step-set-tatitle{ font-size:1.1em; cursor:pointer; padding:5px 10px; border:1px solid transparent; } #step-warn-set .step-set-area .step-set-container .step-set-tabs .step-set-tatitle:hover{ color:#ff6e12; border:1px solid #ff6e12; padding:5px 10px; border-radius:5px; } #step-warn-set .step-set-area .step-set-container .step-set-tabs .step-set-tatitle.selected{ color:#ff6e12; border:1px solid #ff6e12; padding:5px 10px; border-radius:5px; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area{ display:flex; align-items:center; justify-content:center; width:100%; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab{ width:50%; display:flex; align-items:center; justify-content:center; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .min{ margin-right:10px; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .max{ margin-left:10px; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box{ width:7em; height:7em; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative; } .dangwei-container{ width:100%; } .dangwei-box{ display:none; width:100%; } .dangwei-box.selected{ display:block; } .tempcontrol-box .addtemp{ position:absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); font-size:1.6em; padding:5px; padding-right:2px; font-weight:bold; cursor:pointer; display:flex; align-items:center; } .tempcontrol-box .cuttemp{ position:absolute; left:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); font-size:2.2em; padding:5px; padding-left:2px; font-weight:bold; cursor:pointer; display:flex; align-items:center; } .cuttemp.disabled,.addtemp.disabled{ pointer-events:none; cursor: not-allowed; color:#ccc; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box .tempcontrol-value{ display:flex; justify-content:center; align-items:center; position:relative; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box:last-child{ border:1px solid #3996dc; color:#3996dc; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-area-tab .tempcontrol-box:last-child input{ color:#3996dc; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-box:first-child{ border:1px solid #ff6e12; color:#ff6e12; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-box:first-child input{ color:#ff6e12; } #step-warn-set .step-set-area .step-set-container .tempcontrol-area .tempcontrol-box input{ width:100%; background-color:#021429; position:absolute; left:0; display:none; top:0; font-size:1em; } .mintempvalue,.maxtempvalue{ font-size:1em; } #step-warn-set .step-set-area .step-set-container .fengji-control{ width:100%; padding-top:10px; } #step-warn-set .step-set-area .step-set-container .fengji-control #fengji-table{ width:100%; } #step-warn-set .step-set-area .step-set-container .fengji-control #fengji-table tr td{ height:40px; vertical-align:middle; font-size:0.8em; } .fengji-control-head{ text-align:center; border:1px solid #3996dc; border-radius:5px; padding:5px; color:#3996dc; width:6em; font-size:0.8em; } .fengji-control-input{ text-align:center; border:1px solid #3996dc; border-radius:5px; padding:5px; color:#3996dc; font-size:0.8em; width:6em; } .fengji-control-input:focus{ border:1px solid #3996dc; } .checke{ position: relative; -webkit-appearance: none; width:40px; height: 20px; line-height: 20px; background: #eee; border-radius: 10px; outline: none; margin:0px; padding:0; } .checke:before{ position: absolute; left: 0; content: ''; width: 20px; height: 20px; border-radius: 50%; background: #eee; box-shadow: 0px 0px 2px #ddd; transition: all 0.2s linear; } .checke:checked{ background: #37b13d; } .checke:checked:before{ left: 20px; transition: all 0.2s linear; } input{ background:none; outline:none; border:none; } input:focus{ border:none; } .warn-set-page{ width:100%; } .warn-set-page #warnset-table{ width:100%; text-align:center; } .warn-set-page #warnset-table tr:first-child td{ font-size:1.1em; height:2.4em; vertical-align:middle !important; } .warn-set-page #warnset-table tr td{ font-size:0.8em; vertical-align:middle; height:50px; text-align:center; } .warn-set-page #warnset-table tr td:first-child{ } .warn-set-page #warnset-table tr td img{ width:30px; margin:0 auto; } .warnaction{ padding:3px 5px; cursor:pointer; } .warnaction.checked{ color:#17b45e } .warn-openorc{ width:30px; height:30px; background-size:100% !important; display:table; margin:0 auto; cursor:pointer; } .warn-openorc.open{ background-image:url(../images/warn_o.png); } .warn-openorc.close{ background-image:url(../images/aq.png); }