.container {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 9.375rem);
  padding: 0 1.875rem 1.875rem 1.875rem;
  margin-top: -3.125rem;
}
.container .main-title {
  font-size: 1.25rem;
  font-weight: 700;
}
.container .main-title .box-icon {
  margin-right: 0.5rem;
  color: #076bd4;
}
.container .main-container {
  padding: 0.625rem 0;
}
.container .left-main {
  width: 25%;
}
.container .left-main .left-item {
  padding: 1.25rem;
  height: 30%;
}
.container .center {
  width: 50%;
  text-align: center;
}
.container .center .center-top {
  height: 15%;
  font-size: 2rem;
  font-weight: 700;
  color: #d1d9f5;
}
.container .center .center-title {
  margin: 1.875rem 0;
}
.container .center .center-num {
  display: flex;
  justify-content: center;
  width: 100%;
}
.container .center .center-center {
  margin-top: -10%;
  height: 85%;
  background-image: url(../../static-hash/img/map.446aad4a.png);
  background-size: cover;
  background-position: center center;
}
.container .right {
  width: 25%;
}
.container .right .right-top {
  padding: 1.25rem;
  height: 50%;
  overflow: hidden;
}
.container .right .right-bottom {
  height: 50%;
  padding: 1.25rem;
}
.scale-wrap {
  color: #d3d6dd;
  width: 120rem;
  height: 67.5rem;
  overflow: hidden;
}
.scale-wrap .bg {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../../static-hash/img/bg.6ded8e8f.png);
  background-size: cover;
  background-position: center center;
}
.scale-wrap .bg .bg-cir {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105.375rem;
  height: 67.5rem;
  background-size: 80% 80%;
  background-image: url(../../static-hash/img/bgCir.b16e10b6.png);
  background-repeat: no-repeat;
  background-position: center center;
  filter: brightness(0.3);
}
.scale-wrap .bg .bg-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100.6875rem;
  height: 21.4375rem;
  background-size: 90% 100%;
  background-image: url(../../static-hash/img/bottomCenter.190729fc.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.scale-wrap .bg .box {
  position: absolute;
  bottom: 0;
  width: 24.9375rem;
  height: 7.4375rem;
  background-size: 100% 100%;
  background-image: url(../../static-hash/img/bottom.e57aa622.png);
  background-repeat: no-repeat;
  text-align: center;
  font-size: 1.125rem;
  color: #d1d9f5;
}
.scale-wrap .bg .box-1 {
  left: 28%;
}
.scale-wrap .bg .box-2 {
  left: 47%;
}
.scale-wrap .bg .box-title {
  margin-top: -1.25rem;
}
.scale-wrap .bg .box-num {
  font-size: 2.125rem;
  font-weight: 700;
}
.scale-wrap .header {
  position: relative;
  height: 9.375rem;
  background-image: url(../../static-hash/img/header.223025a6.png);
  background-repeat: no-repeat;
}
.scale-wrap .header .header-title {
  color: #dfdfe0;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  height: 9.375rem;
  line-height: 3.75rem;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #d1d9f5;
}
.scale-wrap .header .header-bottom {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 3.125rem;
  font-size: 1.125rem;
}
.scale-wrap .header .left {
  margin-left: 1.875rem;
}
.scale-wrap .header i {
  margin-right: 0.125rem;
}
.scale-wrap .header .right {
  margin-right: 1.875rem;
  display: flex;
}
.scale-wrap .header .right .right-type {
  margin-left: 0.625rem;
  font-size: 0.875rem;
}
.scale-wrap .host-body {
  height: 100%;
}
.scale-wrap .host-body .fullScreen {
  cursor: pointer;
  margin: 0 0 0 0.625rem;
}