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

.container .content .content-bg-zuo {
  left: 0;
  top: 0;
  width: 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: 10%;
  height: 100%;
}

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

.container .content .marker-info {
  background: rgba(13, 36, 75, 0.8);
}

.container .content .marker-info .marker-top {
  background: rgba(21, 49, 96, 0.8);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .1rem .4rem .1rem .2rem;
  border-bottom: 0.01rem solid rgba(70, 166, 216, 0.95);
}

.container .content .marker-info .marker-top .title {
  font-size: .16rem;
  color: #0CF6E5;
  width: 70%;
}

.container .content .marker-info .marker-top .detail {
  color: #A5B5C5;
  font-size: .14rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content .marker-info .marker-main {
  max-height: 3rem;
  overflow: auto;
}

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

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

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

.container .content .marker-info .marker-main .item {
  display: flex;
  align-items: center;
  padding: .1rem .2rem;
  margin-bottom: .15rem;
  border-bottom: 0.01rem solid rgba(70, 166, 216, 0.8);
  min-width: 3.5rem;
}

.container .content .marker-info .marker-main .item:last-child {
  border-bottom: 0;
}

.container .content .marker-info .marker-main .item .img {
  width: 25%;
  height: 1rem;
}

.container .content .marker-info .marker-main .item .img img {
  width: 100%;
  height: 100%;
}

.container .content .marker-info .marker-main .item .info {
  width: 60%;
  padding: 0 .1rem;
  font-size: .14rem;
  color: #C0D3E6;
}

.container .content .marker-info .marker-main .item .icon {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content .marker-info .marker-main .item .icon p {
  font-size: .25rem;
  border-radius: 50%;
  padding: .1rem;
  color: #46A6D8;
  background: rgba(70, 166, 216, 0.2);
  cursor: pointer;
}

.container .content .panel-item .panel-title {
  height: .54rem;
  color: #46A6D8;
  font-size: .16rem;
  display: flex;
  align-items: center;
  padding-left: .1rem;
}

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

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

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

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

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

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

.container .content .left-item .panel1 {
  height: 55%;
}

.container .content .left-item .panel1 .layui-timeline .icon_font {
  color: #5ABEF2;
}

.container .content .left-item .panel1 .layui-timeline .layui-timeline-axis {
  color: #5ABEF2;
  left: -4px;
  font-size: 10px;
  background: #040D1E;
}

.container .content .left-item .panel1 .layui-timeline .layui-timeline-item {
  cursor: pointer;
}

.container .content .left-item .panel1 .layui-timeline .layui-timeline-item:before {
  background-color: #0D4272;
}

.container .content .left-item .panel1 .layui-timeline .layui-timeline-title {
  margin-bottom: .1rem;
  color: #56D8F4;
  font-size: .16rem;
}

.container .content .left-item .panel1 .layui-timeline .info {
  color: #C0D3E6;
  font-size: .14rem;
}

.container .content .left-item .panel2 {
  height: 45%;
}

.container .content .left-item .panel2 .panel-info .item {
  display: flex;
  align-items: center;
  padding: 0 .2rem;
  margin-bottom: .15rem;
  width: 100%;
}

.container .content .left-item .panel2 .panel-info .item .img {
  width: 25%;
  height: 1rem;
}

.container .content .left-item .panel2 .panel-info .item .img img {
  width: 100%;
  height: 100%;
}

.container .content .left-item .panel2 .panel-info .item .info {
  width: 60%;
  padding: 0 .1rem;
  font-size: .14rem;
  color: #C0D3E6;
}

.container .content .left-item .panel2 .panel-info .item .icon {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content .left-item .panel2 .panel-info .item .icon p {
  font-size: .25rem;
  border-radius: 50%;
  padding: .1rem;
  color: #46A6D8;
  background: rgba(70, 166, 216, 0.2);
  cursor: pointer;
}

.container .content .center-item {
  position: absolute;
  top: .16rem;
  left: 4rem;
  width: 1.41rem;
  font-size: .14rem;
  color: #ECECEC;
  z-index: 9;
}

.container .content .center-item .card {
  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%);
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

.container .content .center-item .card .item {
  width: 100%;
  text-align: center;
  padding: .05rem 0;
  cursor: pointer;
}

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

.container .content .center-item .card1 .item:before {
  content: "\e970";
  margin-right: .1rem;
}

.container .content .center-item .card2 {
  max-height: 5rem;
  overflow: auto;
}

.container .content .center-item .card2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.container .content .center-item .card2::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

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

.container .content .right-item {
  position: absolute;
  display: flex;
  align-items: center;
  padding: .1rem;
  top: 0;
  right: 0;
  color: #A5B5C5;
  font-size: .14rem;
  z-index: 9;
}

.container .content .right-item p {
  margin-left: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content .right-item p span {
  font-size: .1rem;
  margin-right: .1rem;
}

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

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

.container .content .bottom-item .panel-item .panel-title {
  justify-content: space-between;
}

.container .content .bottom-item .panel-item .panel-title .tab {
  font-size: .14rem;
  color: #A5B5C5;
  display: flex;
  align-items: center;
}

.container .content .bottom-item .panel-item .panel-title .tab p {
  margin-left: .3rem;
  padding: .03rem .12rem;
  cursor: pointer;
}

.container .content .bottom-item .panel-item .panel-title .tab .active {
  color: #46A6D8;
  border: 0.01rem solid #46A6D8;
  border-radius: .12rem;
}

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

.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;
}

.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: 35%;
  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 .table-head {
  position: sticky;
  top: 0;
}

.container .content .bottom-item .panel-item .panel-info .chart {
  width: 65%;
}

.container .content .bottom-item .panel-item .panel-info .chart .chart-value {
  height: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A5B5C5;
  font-size: .14rem;
}

.container .content .bottom-item .panel-item .panel-info .chart .chart-value .number {
  margin: 0 .15rem;
  font-size: .22rem;
}

.container .content .bottom-item .panel-item .panel-info .chart .chart-value .icon_font {
  color: #245887;
  margin: 0 .1rem;
}

.container .content .bottom-item .panel-item .panel-info .chart .chart-main {
  height: calc(100% - .5rem);
}

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

.container .content .bottom-item .panel-item .panel-info .chart .chart-main .tooltips-time {
  border-bottom: 0.01rem solid #fff;
  margin-bottom: 0.05rem;
  padding-bottom: 0.05rem;
}

.layui-layer-page .layui-layer-content {
  background: #1E499B;
}

.layui-layer-page .layui-layer-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.layui-layer-page .layui-layer-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.layui-layer-page .layui-layer-content::-webkit-scrollbar-track {
  background: rgba(42, 93, 197, 0.3);
  border-radius: 8px;
}

.popup-info {
  width: 100%;
  height: 100%;
  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;
}

#page .card {
  background: #1C4695;
  color: #fff;
}

.bottom-center .amap-info-sharp {
  margin-left: -3px;
}
