.container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}

.container .toggle {
  position: fixed;
  color: #FFF;
  right: .2rem;
  z-index: 9;
  height: .7rem;
  display: flex;
  align-items: center;
}

.container .toggle .icon_font {
  font-size: .3rem;
  cursor: pointer;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .content {
  position: absolute;
  width: 100vw;
  height: calc(100% - .7rem);
  left: 0;
  bottom: 0;
}

.container .content .map {
  position: absolute;
  width: 100vw;
  height: 100%;
}

.container .content .map .amap-icon img {
  width: 100%;
  height: 100%;
}

.container .content .map .amap-info-close {
  top: .2rem;
  right: .32rem !important;
}

.container .content .map .amap-info-content {
  background: transparent !important;
  box-shadow: none !important;
}

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

.container .content .map .amap-info-content .marker-info .icon-icon_zs-01,
.container .content .map .amap-info-content .marker-info .icon-icon_zx-01,
.container .content .map .amap-info-content .marker-info .icon-icon_yx-01,
.container .content .map .amap-info-content .marker-info .icon-icon_ys-01 {
  position: absolute;
  color: #00BDE5;
  font-size: .16rem;
}

.container .content .map .amap-info-content .marker-info .icon-icon_zs-01 {
  left: 0;
  top: -.03rem;
}

.container .content .map .amap-info-content .marker-info .icon-icon_ys-01 {
  right: 0;
  top: -.03rem;
}

.container .content .map .amap-info-content .marker-info .icon-icon_zx-01 {
  left: 0;
  bottom: -0.04rem;
}

.container .content .map .amap-info-content .marker-info .icon-icon_yx-01 {
  right: 0;
  bottom: -0.04rem;
}

.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: 70%;
}

.container .content .map .amap-info-content .marker-info .top-item .btn {
  font-size: .14rem;
  color: #FFF;
  border: 0.01rem solid #FFF;
  border-radius: .12rem;
  padding: .05rem .1rem;
  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%;
}

.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% - .9rem);
}

.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-right: .3rem;
}

.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% - .7rem);
  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: 90%;
}

.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 .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: 0 .1rem .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%;
}

.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% - .5rem);
  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;
}

.container .header-item {
  position: absolute;
  height: .7rem;
  background: #072363;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 .2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container .header-item .name {
  font-size: .24rem;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .header-item .name .icon_font {
  font-size: .32rem;
}

.container .header-item .name .icon-vertical_line {
  color: #6D97C0;
}

.container .header-item .right-item {
  display: flex;
  align-items: center;
  font-size: .2rem;
}

.container .header-item .right-item .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #AFC7DD;
}

.container .header-item .right-item .tab a {
  color: #AFC7DD;
}

.container .header-item .right-item .tab .tab-item {
  cursor: pointer;
}

.container .header-item .right-item .tab .active {
  color: #FFF;
}

.container .header-item .right-item .tab .icon_font {
  margin: 0 .1rem;
}

.container .header-item .right-item .user-info {
  margin: 0 .7rem 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .header-item .right-item .user-info img {
  width: .42rem;
  height: .42rem;
  background: #1B4C78;
  border: .02rem solid #407CB2;
  border-radius: 50%;
  z-index: 9;
}

.container .header-item .right-item .user-info select {
  background: #1E3D84;
  color: #FFF;
  font-size: .16rem;
  padding: .05rem .1rem .05rem .2rem;
  border-radius: 0 .15rem .15rem 0;
  margin-left: -0.1rem;
}

.hide-header .header {
  display: none;
}

.hide-header .content {
  height: 100%;
}

.hide-header .toggle .icon_font {
  background: rgba(63, 217, 255, 0.7);
}

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

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