body.pace-running .loading-plex-bg{
  background-image: url("../images/loading/background.jpg"); 
  background-repeat: repeat-x repeat-y;
  background-size: 125px 124px;
  position: fixed;
  z-index: 1991;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000
}
body.pace-running .loading-plex-bg .back-bar{
  
  position: fixed;
  z-index: 1992;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 36.66667%;
  max-height: 330px;
  width: 100%;
  border-top: 5px solid rgba(187,155,106,0.3);
  border-bottom: 5px solid rgba(187,155,106,0.3);
  background-color: rgba(187,155,106,0.1);

}
body.pace-running .loading-plex-bg .info-img{
  
  position: fixed;
  z-index: 1993;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 480px;
  width: 900px;
  background-image: url("../images/loading/info-img.jpg"); 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;


  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  z-index: 2000;
  position: fixed;
  margin: auto;
  /*top: 600px;*/
  top: 66.6667%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 62.5%;
  max-width: 900px;
  height: 100px;
  
  overflow: hidden;
  background-image: url(../images/loading/loading.jpg);
  border-bottom: 8px solid #620f1c;
  background-size: 900px 40px;
  background-position: bottom;
  background-repeat: no-repeat;
  
}
@media screen and (max-width: 425px) {
  body.pace-running .loading-plex-bg .info-img, .pace{
    width: 90%;
  }


}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;


  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  
  
  background-color: #620f1c;

}

.pace .pace-progress:after {
  display: block;
  content:" ";
  width: 110px;
  height: 100px;
  background-image: url(../images/loading/ding1.png);
  background-size:100px 73px;
  background-position:bottom;
  position: absolute;
  background-repeat: no-repeat;
  left: -75px;
  bottom: 0;
 animation:mymove 1.5s infinite;
 -ms-animation:mymove 1.5s infinite;/* Internet Explorer */
-moz-animation:mymove 1.5s infinite; /* Firefox */
-webkit-animation:mymove 1.5s infinite; /* Safari 和 Chrome */
-o-animation:mymove 1.5s infinite; /* Opera */



}
@keyframes mymove
{
0%   {bottom:0px;}
25%  {bottom:10px;}
50%  {bottom:0px;}
75%  {bottom:10px;}
100% {bottom:0px;}
}
-ms-@keyframes mymove
{
0%   {bottom:0px;}
25%  {bottom:10px;}
50%  {bottom:0px;}
75%  {bottom:10px;}
100% {bottom:0px;}
}/* Internet Explorer */
-moz@keyframes mymove
{
0%   {bottom:0px;}
25%  {bottom:10px;}
50%  {bottom:0px;}
75%  {bottom:10px;}
100% {bottom:0px;}
} /* Firefox */
-webkit@keyframes mymove
{
0%   {bottom:0px;}
25%  {bottom:10px;}
50%  {bottom:0px;}
75%  {bottom:10px;}
100% {bottom:0px;}
} /* Safari 和 Chrome */
-o@keyframes mymove
{
0%   {bottom:0px;}
25%  {bottom:10px;}
50%  {bottom:0px;}
75%  {bottom:10px;}
100% {bottom:0px;}
}/* Opera */


.pace .pace-activity {

}

.pace.pace-inactive {
  display: none;
}