.rLoad {

}
.r-inner {
  background-color:white;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.r-inner .r-contain {
  max-width:95%;
  width:600px;
  height:10px;
  overflow: hidden;
}
.r-inner .r-contain .r-bar {
  position: relative;
  background-color:#4698E0;
  width:300px;
  left: -100%;
  height:10px;
  animation: loadbar 4s infinite;
}
.r-done {
  display: none;
}
@keyframes loadbar {
  from{
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.r-show-more {
  position: fixed;
  top:80px;
  bottom:auto;
  left:0;
  right:0;
  display: flex;
  justify-content: center;
  text-align: center;
}
.r-show-more button {
  background-color: #4698E0;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 5px 13px;
}
.r-show-more button:hover {
  cursor: pointer;
  background-color: #326DA1;
}
.r-hide-render {
  display: none;
}
@media only screen and (max-width: 576px) {
	.r-show-more {
		top:100px;
	}
}