.loading{
    width: 460px;
    height: 137px;
    position: fixed;
    box-sizing:content-box;
    left: 50%;
    top: 40%;
    margin-left: -250px;
    margin-top: -50px;
   background: #FFFFFF url(../image/lo1.png) no-repeat ;
    opacity: 0;
    border: 15px solid #FFFFFF;
    z-index: 500;
    transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);
}
.loading span{
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition-duration: 0.5s;
    background: url(../image/lo.png) no-repeat;
    content: '';

}
.loading.active{
    opacity: 0;
    -webkit-transform: scale(0.6);
    visibility: hidden;
}