.container .content .content-bg {
  position: absolute;
}

.container .content .content-bg-zuo {
  left: 0;
  top: 0;
  width: 4.5rem;
  height: 100%;
}

.container .content .content-bg-xia {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4rem;
}

.container .content .content-bg-you {
  right: 0;
  top: 0;
  width: 4.5rem;
  height: 100%;
}

.container .content .content-bg-shang {
  left: 0;
  top: 0;
  width: 100%;
  height: 10%;
}

.container .content .map {
  right: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 2rem);
}

.container .content .map .marker-info {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.3rem;
}

.container .content .map .marker-info .marker-info-left {
  background: rgba(21, 49, 96, 0.8);
  height: 100%;
  padding: .1rem .2rem;
  overflow: auto;
}

.container .content .map .marker-info .marker-info-left::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.container .content .map .marker-info .marker-info-left::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.container .content .map .marker-info .marker-info-left::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.container .content .map .marker-info .marker-info-left .name {
  font-size: .16rem;
  color: #0CF6E5;
  padding: 0 .1rem;
  display: flex;
  align-items: center;
}

.container .content .map .marker-info .marker-info-left .info {
  display: flex;
  align-items: center;
  margin-top: .1rem;
}

.container .content .map .marker-info .marker-info-left .info .img {
  width: 1.8rem;
  height: 1.5rem;
}

.container .content .map .marker-info .marker-info-left .info .img img {
  width: 100%;
  height: 100%;
  float: left;
}

.container .content .map .marker-info .marker-info-left .info .value {
  font-size: .14rem;
  color: #fff;
  margin: 0 .2rem;
  height: 100%;
}

.container .content .map .marker-info .marker-info-left .info .value P {
  height: 25%;
  display: flex;
  align-items: center;
}

.container .content .map .marker-info .marker-info-left .info .item {
  color: #fff;
  font-size: .14rem;
  padding: 0 0.4rem;
  text-align: center;
  width: 50%;
}

.container .content .map .marker-info .marker-info-left .info .item .number {
  font-size: .24rem;
}

.container .content .map .marker-info .marker-info-left .date {
  font-size: .1rem;
  color: #fff;
  text-align: right;
  margin-top: 0.1rem;
}

.container .content .map .marker-info .marker-info-right {
  background: rgba(31, 66, 123, 0.8);
  color: #0CF6E5;
  font-size: .16rem;
  height: 100%;
  padding: 0 0.2rem;
  cursor: pointer;
}

.container .content .map .marker-info .marker-info-right p {
  height: 30%;
  text-align: center;
}

.container .content .map .marker-info .marker-info-right .icon_font {
  height: 70%;
  font-size: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content .panel-item .panel-title {
  height: .44rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .1rem 0 .2rem;
}

.container .content .panel-item .panel-title .name {
  font-size: .16rem;
  color: #46A6D8;
  word-break: keep-all;
}

.container .content .panel-item .panel-title .value {
  font-size: .14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}

.container .content .panel-item .panel-title .value p {
  margin-left: .4rem;
}

.container .content .panel-item .panel-title .value .number {
  margin-left: .1rem;
  font-size: .2rem;
}

.container .content .panel-item .panel-title .value .date {
  color: #A5B5C5;
  cursor: pointer;
}

.container .content .panel-item .panel-title .value .date span {
  margin: 0 .05rem;
}

.container .content .panel-item .panel-info {
  height: calc(100% - .44rem);
}

.container .content .panel-item .panel-info .chart {
  width: 100%;
  height: 100%;
}

.container .content .top-item {
  position: absolute;
  top: .2rem;
  height: .34rem;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ECECEC;
  font-size: .14rem;
}

.container .content .top-item .tab {
  display: flex;
}

.container .content .top-item .tab p {
  padding: .1rem .33rem;
  margin: 0 .4rem;
  border: 0.01rem solid #078FCE;
  background: linear-gradient(90deg, rgba(27, 55, 110, 0.8) 0%, rgba(23, 92, 177, 0.8) 49%, rgba(27, 55, 110, 0.8) 100%);
  cursor: pointer;
}

.container .content .top-item .tab .active {
  background: linear-gradient(90deg, #0A53AE 0%, #2B72C9 49%, #0A53AE 100%);
}

.container .content .left-item {
  position: absolute;
  width: 4rem;
  top: 0;
  height: calc(100% - 3.2rem);
  z-index: 9;
}

.container .content .left-item .panel-item1,
.container .content .left-item .panel-item2,
.container .content .left-item .panel-item3 {
  height: 33.33%;
}

.container .content .center-item {
  position: absolute;
  right: 4.1rem;
  bottom: 3.3rem;
  z-index: 9;
  font-size: .14rem;
  color: #fff;
}

.container .content .center-item p {
  background: rgba(13, 66, 114, 0.5);
  padding: .05rem .1rem;
  border-bottom: 0.01rem solid #0D4272;
  display: flex;
  align-items: center;
}

.container .content .center-item p span {
  margin-right: .05rem;
}

.container .content .right-item {
  position: absolute;
  width: 4rem;
  top: 0;
  right: 0;
  height: calc(100% - 3.2rem);
  z-index: 9;
}

.container .content .right-item .panel-item1 {
  height: 65%;
}

.container .content .right-item .panel-item1 .panel-info {
  padding: 0 0.1rem;
  overflow: auto;
}

.container .content .right-item .panel-item1 .panel-info::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.container .content .right-item .panel-item1 .panel-info::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.container .content .right-item .panel-item1 .panel-info::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.container .content .right-item .panel-item1 .panel-info .item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .16rem;
  color: #fff;
  margin-bottom: .12rem;
}

.container .content .right-item .panel-item1 .panel-info .item .name {
  width: 12%;
}

.container .content .right-item .panel-item1 .panel-info .item .bar-item {
  width: 69%;
  height: .1rem;
  position: relative;
}

.container .content .right-item .panel-item1 .panel-info .item .bar-item .bar-bg {
  width: 100%;
  height: 100%;
  border-radius: .04rem;
  background: linear-gradient(90deg, #FF3C40 0%, #FFCD6B 53%, #4BFF8B 100%);
}

.container .content .right-item .panel-item1 .panel-info .item .bar-item .bar-rate {
  position: absolute;
  background: #1d3668;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0 .03rem .03rem 0;
}

.container .content .right-item .panel-item1 .panel-info .item .rate {
  width: 19%;
  display: flex;
  justify-content: flex-end;
}

.container .content .right-item .panel-item2 {
  height: 35%;
}

.container .content .right-item .panel-item2 .panel-info {
  padding: 0 .1rem;
  display: -webkit-box;
  overflow-x: auto;
}

.container .content .right-item .panel-item2 .panel-info::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.container .content .right-item .panel-item2 .panel-info::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.container .content .right-item .panel-item2 .panel-info::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.container .content .right-item .panel-item2 .panel-info .item {
  position: relative;
  height: 100%;
  width: 1.5rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 .1rem;
}

.container .content .right-item .panel-item2 .panel-info .item img {
  width: 100%;
  height: auto;
}

.container .content .right-item .panel-item2 .panel-info .item .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .14rem;
  color: #fff;
  padding: .05rem 0;
  background: rgba(0, 0, 0, 0.6);
}

.container .content .bottom-item {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 3.2rem;
  z-index: 9;
  padding-bottom: .1rem;
  display: flex;
  align-items: center;
}

.container .content .bottom-item .panel-item {
  width: 50%;
  height: 100%;
}

.container .content .bottom-item .panel-item .panel-info {
  border: 1px solid #0D4272;
  position: relative;
  margin: 0 0.1rem;
  overflow: inherit;
}

.container .content .bottom-item .panel-item .panel-info .icon-icon_zs-01,
.container .content .bottom-item .panel-item .panel-info .icon-icon_zx-01,
.container .content .bottom-item .panel-item .panel-info .icon-icon_yx-01,
.container .content .bottom-item .panel-item .panel-info .icon-icon_ys-01 {
  position: absolute;
  color: #00BDE5;
  font-size: .16rem;
  z-index: 9;
}

.container .content .bottom-item .panel-item .panel-info .icon-icon_zs-01 {
  left: 0;
  top: -.03rem;
}

.container .content .bottom-item .panel-item .panel-info .icon-icon_ys-01 {
  right: 0;
  top: -.03rem;
}

.container .content .bottom-item .panel-item .panel-info .icon-icon_zx-01 {
  left: 0;
  bottom: -0.04rem;
}

.container .content .bottom-item .panel-item .panel-info .icon-icon_yx-01 {
  right: 0;
  bottom: -0.04rem;
}

.container .content .bottom-item .panel-item .panel-info .list {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.container .content .bottom-item .panel-item .panel-info .list::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.container .content .bottom-item .panel-item .panel-info .list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.container .content .bottom-item .panel-item .panel-info .list::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.container .content .bottom-item .panel-item .panel-info .list table {
  width: 100%;
}

.container .content .bottom-item .panel-item .panel-info .list th, .container .content .bottom-item .panel-item .panel-info .list td {
  font-size: .14rem;
  text-align: center;
  font-weight: 300;
}

.container .content .bottom-item .panel-item .panel-info .list th {
  color: #A5B5C5;
  padding: .08rem 0;
  background: #061c35;
}

.container .content .bottom-item .panel-item .panel-info .list td {
  color: #C0D3E6;
  padding: .1rem 0;
}

.container .content .bottom-item .panel-item .panel-info .list td span {
  font-size: 10px;
  margin-left: .05rem;
}

.container .content .bottom-item .panel-item .panel-info .list td .icon-xinpian-01-01 {
  font-size: .22rem;
}

.container .content .bottom-item .panel-item .panel-info .list td .gray-xp {
  color: rgba(192, 211, 230, 0.8);
}

.container .content .bottom-item .panel-item .panel-info .list td .blue-xp {
  color: rgba(56, 220, 255, 0.9);
}

.container .content .bottom-item .panel-item .panel-info .list .table-head {
  position: sticky;
  top: 0;
}

.popup-info {
  width: 100%;
  height: calc(100% - 42px);
  background: #1E499B;
  overflow: auto;
  padding: .1rem;
}

.popup-info::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.popup-info::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.popup-info::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.popup-info .sub-menu {
  margin-bottom: .1rem;
  display: flex;
  align-items: center;
  padding: 0 .2rem;
  color: #fff;
  font-size: .14rem;
  background: #113883;
  height: 0.5rem;
}

.popup-info .sub-menu p {
  padding: 0 .1rem;
  cursor: pointer;
  margin-right: .2rem;
}

.popup-info .sub-menu .active {
  color: #00FFFF;
  border-bottom: .01rem solid #00FFFF;
  height: 100%;
  display: flex;
  align-items: center;
}

.popup-info .popup-content {
  display: flex;
  height: calc(100% - 0.7rem);
}

.popup-info .popup-content .content-panel {
  background: #113883;
  overflow: auto;
}

.popup-info .popup-content .content-panel::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.popup-info .popup-content .content-panel::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.popup-info .popup-content .content-panel::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.popup-info .popup-content1 .content-panel1 {
  width: calc(67% - .1rem);
  margin-right: .1rem;
  padding: .1rem;
  position: relative;
}

.popup-info .popup-content1 .content-panel1 .map {
  width: 100%;
  height: 100%;
}

.popup-info .popup-content1 .content-panel1 .map .amap-marker-label {
  background: rgba(0, 0, 0, 0.6);
  border: 0;
  border-radius: 4px;
  color: #00FFFF;
  padding: 0;
}

.popup-info .popup-content1 .content-panel-group {
  width: 33%;
}

.popup-info .popup-content1 .content-panel-group .content-panel2 {
  height: 33%;
  color: #00FFFF;
  font-size: .14rem;
  padding: .2rem;
  text-align: left;
}

.popup-info .popup-content1 .content-panel-group .content-panel2 p {
  margin-bottom: 0.1rem;
  display: flex;
  align-items: center;
}

.popup-info .popup-content1 .content-panel-group .content-panel3 {
  height: calc(67% - 0.1rem);
  margin-top: 0.1rem;
  padding-bottom: .1rem;
}

.popup-info .popup-content1 .content-panel-group .content-panel3 img {
  width: calc(50% - .2rem);
  margin: .1rem;
  float: left;
}

.popup-info .popup-content2 .content-panel1,
.popup-info .popup-content3 .content-panel1 {
  width: 100%;
  height: 100%;
  padding: .1rem;
  position: relative;
}

.popup-info .popup-content2 .content-panel1 .TestPic,
.popup-info .popup-content3 .content-panel1 .TestPic {
  width: calc(25% - 0.2rem);
  margin: 0.1rem;
  float: left;
}

.popup-info .popup-content2 .content-panel1 .search-group,
.popup-info .popup-content3 .content-panel1 .search-group {
  height: .6rem;
  display: flex;
  align-items: center;
  padding: .1rem .2rem;
  border-bottom: .01rem solid #3e7070;
  color: #00FFFF;
  font-size: .14rem;
}

.popup-info .popup-content2 .content-panel1 .search-group select,
.popup-info .popup-content3 .content-panel1 .search-group select {
  outline: none;
  background: #293F97;
  border: 0;
  width: auto;
  margin-left: .1rem;
  height: .3rem;
  color: rgba(255, 255, 255, 0.8);
}

.popup-info .popup-content2 .content-panel1 .main,
.popup-info .popup-content3 .content-panel1 .main {
  height: calc(100% - .6rem);
  padding: .1rem 0 .1rem .1rem;
  overflow: auto;
}

.popup-info .popup-content2 .content-panel1 .main::-webkit-scrollbar,
.popup-info .popup-content3 .content-panel1 .main::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.popup-info .popup-content2 .content-panel1 .main::-webkit-scrollbar-thumb,
.popup-info .popup-content3 .content-panel1 .main::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.popup-info .popup-content2 .content-panel1 .main::-webkit-scrollbar-track,
.popup-info .popup-content3 .content-panel1 .main::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.popup-info .popup-content2 .content-panel1 .main .container,
.popup-info .popup-content3 .content-panel1 .main .container {
  width: calc(33.33% - 0.2rem);
  margin: 0.1rem;
  height: auto;
  position: unset;
  background: #293F97;
  padding: .2rem;
  float: left;
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container {
  width: 100% !important;
  height: 100% !important;
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container svg,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container svg {
  width: 100%;
  height: auto;
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container svg text,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container svg text {
  color: #fff !important;
  fill: #fff !important;
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container svg rect,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container svg rect {
  fill: #224DA4;
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container .highcharts-label-box,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container .highcharts-label-box {
  fill: rgba(41, 63, 152, 0.41);
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container .red-line .highcharts-tracker,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container .red-line .highcharts-tracker {
  stroke: red !important;
  stroke-width: 2 !important;
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container .red-line .highcharts-graph,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container .red-line .highcharts-graph {
  stroke: red !important;
}

.popup-info .popup-content2 .content-panel1 .main .container .highcharts-container .red-line .highcharts-point,
.popup-info .popup-content3 .content-panel1 .main .container .highcharts-container .red-line .highcharts-point {
  fill: red !important;
}

.popup-info .popup-content4 .content-panel1 {
  width: calc(67% - .1rem);
  margin-right: .1rem;
  padding: .1rem;
  position: relative;
}

.popup-info .popup-content4 .content-panel1 iframe {
  width: 100%;
  height: 100%;
}

.popup-info .popup-content4 .content-panel-group {
  width: 33%;
  color: #00FFFF;
}

.popup-info .popup-content4 .content-panel-group .content-panel2 {
  height: 33%;
  font-size: .14rem;
  padding: .2rem;
  text-align: left;
}

.popup-info .popup-content4 .content-panel-group .content-panel2 .item {
  display: flex;
  align-items: center;
  margin-bottom: .1rem;
}

.popup-info .popup-content4 .content-panel-group .content-panel2 .item .value {
  margin-left: .1rem;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 {
  height: calc(67% - 0.1rem);
  margin-top: 0.1rem;
  background: transparent;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 .content-panel {
  margin-bottom: .1rem;
  padding: 0.1rem 0.1rem 0;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 .item {
  display: flex;
  align-items: center;
  margin-bottom: .1rem;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 .item p {
  display: flex;
  align-items: center;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 .bg-icon::after {
  content: '';
  width: .25rem;
  height: .25rem;
  float: right;
  margin-left: .1rem;
  background-size: 100% 100% !important;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 .bgqf::after {
  background: url(../../images/dui.png) no-repeat;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 .bgsh::after {
  background: url(../../images/tanhao.png) no-repeat;
}

.popup-info .popup-content4 .content-panel-group .content-panel3 .bgbj::after {
  background: url(../../images/cuowu1.png) no-repeat;
}
