.baozhang { position: absolute; top: 73px; height: 720px; left: 20px; right: 240px; visibility: hidden; background: #ffffff; padding: 10px 20px; } .baozhang h3 { text-align: left; padding: 10px; padding-left: 20px; border-bottom: 1px solid #e1e1e1; } .baozhang b { font-size: 26px; margin-right: 10px; color: black; } .baozhang .top { display: flex; justify-content: space-between; } .baozhang .top > div { width: 49%; box-shadow: 0 0 1px 1px #e1e1e1; } .baozhang .top .flex { display: flex; justify-content: space-between; align-items: center; } .baozhang .top .flex span { padding: 10px 20px; color: #797979; } .baozhang .bottom { box-shadow: 0 0 1px 1px #e1e1e1; margin-top: 10px; } .baozhang .bottom > .flex { display: flex; justify-content: space-between; align-items: center; padding: 5px 20px 10px; } .baozhang .bottom > .flex .left { width: 30%; color: #797979; } .baozhang .bottom > .flex .left > div { height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 10px 0; width: 100%; background: #ffffff; box-shadow: 0 0 1px 1px #e1e1e1; padding-bottom: 10px; } .baozhang .bottom > .flex .left > div img { width: 40px; margin: 10px 0; } .baozhang .bottom > .flex .right { width: 68%; height: 480px; box-shadow: 0 0 1px 1px #e1e1e1; padding-bottom: 20px; } .baozhang .bottom > .flex .right > :nth-child(1) { display: flex; justify-content: space-between; align-items: center; padding: 20px 40px 0px 20px; } .baozhang .bottom > .flex .right > :nth-child(1) > :nth-child(1) { display: flex; align-items: center; font-weight: bold; font-size: 18px; } .baozhang .bottom > .flex .right > :nth-child(1) > :nth-child(1) img { height: 25px; } .baozhang .bottom > .flex .right > :nth-child(1) > :nth-child(2) span { padding: 5px 10px; border: 1px solid #b1afaf; border-radius: 3px; margin-left: -4px; } .baozhang .bottom > .flex .right > :nth-child(1) .mapButtonColor { color: #198eff; border: 1px solid #198eff !important; box-shadow: 0 0 1px 1px #c2e3ff; } .baozhang .bottom > .flex .right p { margin-left: 70%; margin-top: 20px; margin-bottom: 5px; } .baozhang .bottom > .flex .right .peizu { display: flex; justify-content: left; position: relative; } .baozhang .bottom > .flex .right .peizu .echart2 { width: 37%; height: 400px; margin-left: 20%; } .baozhang .bottom > .flex .right .peizu table { position: absolute; left: 70%; text-align: left; } .baozhang .bottom > .flex .right .peizu table tbody td { padding: 7px 0; padding-right: 20px; } .baozhang .bottom > .flex .right .peizu table tbody tr > :nth-child(2) { color: #198eff; } .baozhang .bottom > .flex .right .zulin { display: flex; justify-content: left; display: none; position: relative; } .baozhang .bottom > .flex .right .zulin .echart3 { width: 37%; height: 400px; margin-left: 20%; } .baozhang .bottom > .flex .right .zulin table { position: absolute; left: 70%; text-align: left; } .baozhang .bottom > .flex .right .zulin table tbody td { padding: 7px 0; padding-right: 20px; } .baozhang .bottom > .flex .right .zulin table tbody tr > :nth-child(2) { color: #198eff; }