zaibei_charts/test/map/ChartProvinceSX/index.css

*{ margin: 0; padding: 0; }
html{
  font-size: 16px;
}
body{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #202a36;

}
#threeDBox {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
#back{
  position: absolute;
  right: 30%;
  top: 10%;
  display: none;
  width: 51px;
  height: 24px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAAyCAYAAABbPiUzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkMjdmM2UyYi1hMjkyLTRkYjYtOGEwMC05YzYxMmQzMzQzYjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0U1RjA2Qjc4NjMxMTFFQkExRTE5NjYxRkEyRjg0MjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0U1RjA2QjY4NjMxMTFFQkExRTE5NjYxRkEyRjg0MjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZDI3ZjNlMmItYTI5Mi00ZGI2LThhMDAtOWM2MTJkMzM0M2I0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQyN2YzZTJiLWEyOTItNGRiNi04YTAwLTljNjEyZDMzNDNiNCIvPiA8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);
  background-size: 100% 100%;
}

/**/
.sk-cube-grid {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #92e185;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}