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

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

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

.container .content .map .amap-info-content .marker-info {
  background: rgba(34, 77, 164, 0.9);
}

.container .content .map .amap-info-content .marker-info .top-item {
  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 .map .amap-info-content .marker-info .top-item .title {
  font-size: .16rem;
  color: #3FD9FF;
  width: 60%;
}

.container .content .map .amap-info-content .marker-info .top-item .btn {
  font-size: .1rem;
  color: #FFF;
  border: 0.01rem solid #FFF;
  border-radius: .12rem;
  padding: .02rem .05rem;
  cursor: pointer;
}

.container .content .map .amap-info-content .marker-info .center-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .1rem;
  font-size: .14rem;
  color: #DEE7F0;
  border-bottom: 0.01rem solid rgba(70, 166, 216, 0.95);
}

.container .content .map .amap-info-content .marker-info .center-item .img {
  position: relative;
  width: 1rem;
  height: 1.3rem;
  border: 0.01rem solid #43A1D3;
}

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

.container .content .map .amap-info-content .marker-info .center-item .img .name {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: .14rem;
  color: #FFF;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: center;
  padding: .05rem 0;
}

.container .content .map .amap-info-content .marker-info .center-item .info {
  margin-left: .1rem;
  padding: 0 .3rem 0 .1rem;
  width: 3rem;
  border-right: 0.01rem solid #46A6D8;
}

.container .content .map .amap-info-content .marker-info .center-item .info div {
  margin-bottom: .08rem;
  display: flex;
  align-items: center;
}

.container .content .map .amap-info-content .marker-info .center-item .info div p {
  word-break: keep-all;
}

.container .content .map .amap-info-content .marker-info .center-item .info div:last-child {
  margin-bottom: 0;
}

.container .content .map .amap-info-content .marker-info .center-item .phone {
  font-size: .14rem;
  color: #3FD9FF;
  word-break: keep-all;
  text-align: center;
  padding: 0 .3rem;
  cursor: pointer;
}

.container .content .map .amap-info-content .marker-info .center-item .phone .icon_font {
  font-size: .6rem;
}

.container .content .map .amap-info-content .marker-info .bottom-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .1rem;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item {
  border: 0.01rem solid #46A6D8;
  font-size: .14rem;
  margin-right: .1rem;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item:last-child {
  margin-right: 0;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item .name {
  color: #DEE7F0;
  border-bottom: 0.01rem solid #46A6D8;
  padding: .05rem 0;
  text-align: center;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item .status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #768AA0;
  padding: .05rem 0;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item .status .active {
  color: #46A6D8;
  cursor: pointer;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item .status p {
  padding: 0 .1rem;
  word-break: keep-all;
  display: flex;
  align-items: center;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item .status p .icon_font {
  font-size: .12rem;
  margin-right: .05rem;
}

.container .content .map .amap-info-content .marker-info .bottom-item .item .status .icon-vertical_line {
  color: #46A6D8;
}

.container .content .left-item {
  position: absolute;
  width: 3.82rem;
  left: .1rem;
  height: 100%;
  z-index: 9;
}

.container .content .left-item .top-item {
  height: .7rem;
  margin-top: .12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container .content .left-item .top-item .flex-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #C6D5E4;
  font-size: .12rem;
  background: rgba(42, 93, 197, 0.6);
  width: 48%;
}

.container .content .left-item .top-item .flex-item .item {
  text-align: center;
  width: 50%;
}

.container .content .left-item .top-item .flex-item .item:first-child {
  border-right: 0.01rem solid rgba(255, 255, 255, 0.2);
}

.container .content .left-item .top-item .flex-item .item .number {
  font-size: .22rem;
}

.container .content .left-item .bottom-item {
  height: calc(100% - 1.2rem);
}

.container .content .left-item .bottom-item .head-item {
  color: #3FD9FF;
  font-size: .14rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .23rem 0 .1rem 0;
}

.container .content .left-item .bottom-item .head-item .search-item {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.container .content .left-item .bottom-item .head-item .search-item .input {
  border-radius: .12rem;
  border: 0.01rem solid #46A6D8;
  background: transparent;
  height: .3rem;
  width: 100%;
  color: #C0D3E6;
  padding: 0 .3rem 0 .1rem;
}

.container .content .left-item .bottom-item .head-item .search-item .icon_font {
  color: rgba(255, 255, 255, 0.7);
  font-size: .14rem;
  cursor: pointer;
  position: absolute;
  right: .1rem;
}

.container .content .left-item .bottom-item .info-item {
  height: calc(100% - .4rem);
  overflow: auto;
}

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

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

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

.container .content .left-item .bottom-item .info-item .panel-item {
  margin-bottom: .1rem;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-head {
  background: rgba(42, 93, 197, 0.7);
  color: #3FD9FF;
  font-size: .14rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .08rem .1rem;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-head .name {
  width: 100%;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info {
  background: rgba(22, 65, 152, 0.7);
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .active .item {
  background: rgba(12, 112, 164, 0.8);
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item {
  padding: .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item .value {
  width: 70%;
  color: #DEE7F0;
  font-size: .14rem;
  cursor: pointer;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item .value p {
  margin-bottom: .05rem;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item .value p:last-child {
  margin-bottom: 0;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item .status {
  width: 30%;
  text-align: center;
  color: #768AA0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item .status .icon_font {
  font-size: .25rem;
  border: 0.01rem solid #768AA0;
  padding: .05rem 0;
  width: 50%;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item .status .icon_font:first-child {
  margin-right: .1rem;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .item .status .zx {
  color: #3FD9FF;
  border: 0.01rem solid #3FD9FF;
  cursor: pointer;
}

.container .content .left-item .bottom-item .info-item .panel-item .panel-info .panel-time {
  color: #3FD9FF;
  font-size: .14rem;
  background: rgba(14, 56, 141, 0.6);
  padding: .08rem .1rem;
  border-bottom: 0.01rem solid rgba(68, 109, 193, 0.8);
  cursor: pointer;
}

.container .content .right-item {
  position: absolute;
  width: 4rem;
  right: .1rem;
  height: 100%;
  z-index: 9;
}

.container .content .right-item .top-item {
  font-size: .14rem;
  display: flex;
  align-items: center;
  height: .5rem;
  color: #FFF;
}

.container .content .right-item .top-item p {
  margin-right: .3rem;
  cursor: pointer;
}

.container .content .right-item .top-item .active {
  color: #3FD9FF;
}

.container .content .right-item .bottom-item {
  height: calc(100% - .7rem);
  overflow: auto;
}

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

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

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

.container .content .right-item .bottom-item .panel-item {
  background: rgba(42, 93, 197, 0.7);
  margin-bottom: .1rem;
}

.container .content .right-item .bottom-item .panel-item .panel-head {
  color: #DEE7F0;
  font-size: .14rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .13rem .1rem;
  border-bottom: 0.01rem solid rgba(70, 166, 216, 0.95);
}

.container .content .right-item .bottom-item .panel-item .panel-head .blue-text {
  cursor: pointer;
}

.container .content .right-item .bottom-item .panel-item .panel-info {
  padding: .1rem;
  height: 2.4rem;
}

.container .content .right-item .bottom-item .panel-item .panel-info img {
  width: 100%;
  height: 100%;
  border: 0.01rem solid #FFF;
  cursor: pointer;
}

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

.popup-info .search-item {
  background: #113883;
  font-size: .14rem;
  color: #FFF;
  display: flex;
  align-items: center;
  height: .6rem;
  padding: 0 .1rem;
}

.popup-info .search-item .input {
  height: .3rem;
}

.popup-info .search-item .btn {
  color: #fff;
  margin-left: 0.1rem;
  padding: 0 0.1rem;
}

.popup-info .img-item {
  overflow: auto;
  height: calc(100% - 0.6rem);
}

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

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

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

.popup-info .img-item img {
  width: calc(25% - 0.2rem);
  height: 2rem;
  float: left;
  margin: 0.1rem;
}

.popup-info video {
  width: 100%;
  height: 75%;
}

.popup-info .flex-item {
  display: flex;
  font-size: .18rem;
  color: #fff;
  justify-content: space-evenly;
  height: 10%;
  align-items: center;
}

.popup-info .flex-item p {
  cursor: pointer;
}

.popup-info .flex-item .notActive {
  cursor: context-menu;
  color: #768AA0;
}

.swiper {
  width: 100%;
  height: 100%;
}

.photo-box {
  overflow: auto;
}

.photo-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

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

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

.bigger-img {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.bigger-img .img {
  width: 80%;
  height: 70%;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bigger-img .img::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

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

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

.bigger-img .img .icon_font {
  position: absolute;
  top: 0;
  right: 0;
  font-size: .3rem;
  color: #DEE7F0;
  cursor: pointer;
}

.bigger-img .img .item {
  position: relative;
  width: auto;
  height: 100%;
}

.bigger-img .img img {
  width: auto;
  height: 100%;
}

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

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

.viewer-transition {
  z-index: 99999999 !important;
}

#table-bottom {
  width: 100%;
  height: 100%;
}

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

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

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


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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

.ellipsis {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bottom-item-table .panel-item .panel-info .list th {
  color: #A5B5C5;
  padding: .08rem 0;
  background: rgba(22, 65, 152, 0.7);
  color: #fff;
}

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

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

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

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

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

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

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

.bottom-item-table {
  position: absolute;
  width: calc(100% - 8.4rem);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 3.2rem;
  z-index: 9;
  padding-bottom: 0.1rem;
  display: flex;
  align-items: center;
}

.layui-label {
  color: #fff;
  margin-bottom: 12px;
}

#popup-unusual {
  position: relative;
}

.submit-btn {
  position: absolute;
  left: 50%;
  bottom: .7rem;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.layui-form {
  padding: 20px;
}

.layui-form .layui-input {
  background: transparent;
  border-color: #4470C5;
  color: #fff;
}

.layui-form textarea {
  background: transparent;
  border-color: #4470C5;
  color: #fFF;

}

.layui-form-select dl {
  background: #1E499B;
  color: #fff;
  border-color: #4470C5;
}

.layui-form-select dl dd.layui-this {
  background-color: #3069F4;
}

.layui-form-select dl dd:hover {
  background-color: #46A6D8;

}

table {
  width: 100%;
  table-layout: fixed;
}

td {
  width: 100%;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.switch {
  height: inherit;
  padding: 6px 12px;
  line-height: inherit;
  background-color: #46A6D8;
}