div#loading_container {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: #ffffff;
}
div#loading_circle {
  position: relative;
  width: 85%;
  margin: 30% auto;
  text-align: center;
  color: #555555;
  opacity: 0.9;
  text-transform: uppercase;
  /*font: normal 12px/14px "ff-basic-gothic-web-pro",Arial,Helvetica,sans-serif;*/
  font-family: "微软雅黑";
  font-size: 12px;
  height: 60%;
  /*letter-spacing:7px;*/
}
div#loading_circle span#outer {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 50%;
  display: block;
  /*background:rgba(85,85,85,0.2);*/
  margin: 0 auto 20px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.5)
}
div#loading_circle span#outer span#loading_tesxt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 50px;
}
div#loading_circle span#outer span#loading_tesxt> span {
  display: block;
}
div#loading_circle > .logoimg{
  width: 100%;
  text-align: center;
}
div#loading_circle > .logoimg img{
  height: 100%;
  margin-bottom: 10px;
  display: inline-block;
}
@-webkit-keyframes throbber {
  0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
  50% {
      -webkit-transform: scale3d(1.2, 1.2, 1.2);
      transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
}
@keyframes throbber {
  0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
  50% {
      -webkit-transform: scale3d(1.2, 1.2, 1.2);
      transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes xuanzhuan {
  0% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
  }
  10% {
      -webkit-transform: rotate3d(0, 0, 1, 36deg);
      transform: rotate3d(0, 0, 1, 36deg);
  }
  20% {
      -webkit-transform: rotate3d(0, 0, 1, 72deg);
      transform: rotate3d(0, 0, 1, 72deg);
  }
  30% {
      -webkit-transform: rotate3d(0, 0, 1, 108deg);
      transform: rotate3d(0, 0, 1, 108deg);
  }
  40% {
      -webkit-transform: rotate3d(0, 0, 1, 144deg);
      transform: rotate3d(0, 0, 1, 144deg);
  }
  50% {
      -webkit-transform: rotate3d(0, 0, 1, 180deg);
      transform: rotate3d(0, 0, 1, 180deg);
  }
  60% {
      -webkit-transform: rotate3d(0, 0, 1, 216deg);
      transform: rotate3d(0, 0, 1, 216deg);
  }
  70% {
      -webkit-transform: rotate3d(0, 0, 1, 252deg);
      transform: rotate3d(0, 0, 1, 252deg);
  }
  80% {
      -webkit-transform: rotate3d(0, 0, 1, 288deg);
      transform: rotate3d(0, 0, 1, 288deg);
  }
  90% {
      -webkit-transform: rotate3d(0, 0, 1, 324deg);
      transform: rotate3d(0, 0, 1, 324deg);
  }
  100% {
      -webkit-transform: rotate3d(0, 0, 1, 360deg);
      transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes xuanzhuan {
  0% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
  }
  10% {
      -webkit-transform: rotate3d(0, 0, 1, 36deg);
      transform: rotate3d(0, 0, 1, 36deg);
  }
  20% {
      -webkit-transform: rotate3d(0, 0, 1, 72deg);
      transform: rotate3d(0, 0, 1, 72deg);
  }
  30% {
      -webkit-transform: rotate3d(0, 0, 1, 108deg);
      transform: rotate3d(0, 0, 1, 108deg);
  }
  40% {
      -webkit-transform: rotate3d(0, 0, 1, 144deg);
      transform: rotate3d(0, 0, 1, 144deg);
  }
  50% {
      -webkit-transform: rotate3d(0, 0, 1, 180deg);
      transform: rotate3d(0, 0, 1, 180deg);
  }
  60% {
      -webkit-transform: rotate3d(0, 0, 1, 216deg);
      transform: rotate3d(0, 0, 1, 216deg);
  }
  70% {
      -webkit-transform: rotate3d(0, 0, 1, 252deg);
      transform: rotate3d(0, 0, 1, 252deg);
  }
  80% {
      -webkit-transform: rotate3d(0, 0, 1, 288deg);
      transform: rotate3d(0, 0, 1, 288deg);
  }
  90% {
      -webkit-transform: rotate3d(0, 0, 1, 324deg);
      transform: rotate3d(0, 0, 1, 324deg);
  }
  100% {
      -webkit-transform: rotate3d(0, 0, 1, 360deg);
      transform: rotate3d(0, 0, 1, 360deg);
  }
}
div#loading_circle span#outer {
  /*-webkit-animation: throbber 1.5s infinite;
animation: throbber 1.5s infinite;*/
}
div#loading_circle span#outer span#inner {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  -webkit-animation: xuanzhuan 1s infinite linear;
  animation: xuanzhuan 1s infinite linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
div#loading_circle span#outer span#inner:after {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 50%;
  display: block;
  background: rgb(85, 85, 85);
  position: absolute;
  left: 10px;
  top: -3px;
}
div#loading_circle span#outer span#inner2 {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  -webkit-animation: xuanzhuan 1.5s infinite linear reverse;
  animation: xuanzhuan 1.5s infinite linear reverse;
}
div#loading_circle span#outer span#inner2:after {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 50%;
  display: block;
  background: rgb(85, 85, 85);
  position: absolute;
  left: 10px;
  bottom: -3px;
}
div#loading_circle span#outer span#inner3 {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  -webkit-animation: xuanzhuan 2s infinite linear;
  animation: xuanzhuan 2s infinite linear;
}
div#loading_circle span#outer span#inner3:after {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 50%;
  display: block;
  background: rgb(85, 85, 85);
  position: absolute;
  right: -5px;
  top: 20px;
}
div#loading_circle div#loading_slow {
  display: none;
  margin: 20px 0 0;
  letter-spacing: 0;
  text-transform: none;
  font: normal 12px/14px "cronos-pro-display", helvetica, arial, sans-serif;
  font-family: "微软雅黑";
}
div#loading_circle div#loading_slow a {
  text-decoration: none;
  color: rgba(183, 47, 47, 0.7);
}
div#loading_circle div#loading_slow a:hover {
  color: rgba(183, 47, 47, 0.7);
}