.gl_pop_cash { background: rgba(10, 25, 47, 0.8); position: absolute; border: 2px solid #3181f6; box-shadow: 0 0 5px #3181f6; border-radius: 0 0 100px 0; // border-left: 0.15vw solid #357dfa; z-index: 11; .head_main { height: 60px; display: flex; align-items: center; position: relative; justify-content: space-between; padding: 0 20px; background: linear-gradient(to right, rgba(49, 129, 246, .8), rgba(49, 129, 246, 0)); .title { color: #ffad00; font-size: 20px !important; display: flex; align-items: center; line-height: 1; text-shadow: 0 0 15px #3181f6; i{ display: block; width: 20px; height: 20px; background: url("tt_icon.png") no-repeat center; background-size: 100% 100%; margin-right: 10px; } } .close { background: url('./close.png') no-repeat; background-size: 100% 100%; width: 20px; height: 20px; cursor: pointer; } .xs_main { height: 30px; position: absolute; width: 100%; display: flex; align-items: center; .block { width: 20px; display: flex; .point { width: .55vh; height: .55vh; margin-right: 0.36vw; &.p1 { background: rgba(53, 125, 250, 1) } &.p2 { background: rgba(53, 125, 250, .7) } &.p3 { background: rgba(53, 125, 250, .4) } } } .xs_x { height: 1px; flex: 1; background: #214284; } } } .echarts_main { height: 600px; overflow-y: auto; div { font-size: 10px; // height: 40px; line-height: 20px; p { // white-space: nowrap; } } .headers { height: 30px; font-size: 14px; color: #0befca; text-align: center; display: flex; justify-content: center; align-items: center; margin-right: 0.53vw; background: rgba(11, 239, 202, .2); margin-bottom: 0.9vh } .desc_main { overflow-y: scroll; padding-right: 0.33vw; .analysisTable_list { margin: 0; padding: 0; flex: 1; display: flex; flex-direction: column; .flex_item { cursor: pointer; list-style: none; margin: 0; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 12px; position: relative; height: 30px; &:nth-child(2n) { background: rgba(53, 125, 250, .1); } } } } } } .pop_statistical_desc { width: 600px; margin: 0; left: 480px; top: 180px; padding-bottom: 1.04vw !important; .head_main { .title { color: #fff; } } .echarts_main { margin-top: 16px; div { display: flex; align-items: center; &:nth-child(even) { //background: rgba(32, 89, 188, 0.2); } p { font-size: 16px; &:nth-child(1) { width: 8vw; padding-right: 1vw; text-align: right; flex-shrink: 0; color: #b0cfec; } margin: 0; color: #ffffff; line-height: 3.92vh; } } } }