@charset "utf-8";
.pagewidth{display:none;}
#loading{width:100%; height:100%; position:fixed; left:0; top:0;z-index:1111111111;
background:url(/uploads/image/eimages/jz.jpg) no-repeat;
		background-attachment:fixed;
		background-repeat:no-repeat;
		background-size:cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		}
h1, p{padding:0; margin:0;}
.wrapper{width: 250px;margin: 28% auto;}
.wrapper p a{color:#757575; text-decoration:none;}
.wrapper .load-bar{    
background: #fff;
    border-radius: 30px;
    height: 2px;
    position: relative;
    width: 100%;
    }
.wrapper .load-bar:hover .load-bar-inner, .wrapper .load-bar:hover #counter{animation-play-state: paused;-moz-animation-play-state: paused;-o-animation-play-state: paused;-webkit-animation-play-state: paused;}
.wrapper .load-bar-inner{    
animation: 10s linear 0s normal none infinite running loader;
    background: #999;
    border-radius: inherit;
    height: 100%;
    position: relative;
    width: 0;
    }
.wrapper #counter{    
margin-left: 100px;
font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    position: absolute;
    width: 44px;
    color: #fff;
    }
.wrapper #counter:after{    
border-radius: 0 0 3px;
    content: "";
    height: 8px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    transform: rotate(45deg);
    width: 8px;
    }

@keyframes loader{from{width: 0%;}
to{width: 100%;}
} @-moz-keyframes loader{from{width: 0%;}
to{width: 100%;}
} @-webkit-keyframes loader{from{width: 0%;}
to{width: 100%;}
} @-o-keyframes loader{from{width: 0%;}
to{width: 100%;}
} @keyframes counter{from{left: -25px;}
to{left: 323px;}
} @-moz-keyframes counter{from{left: -25px;}
to{left: 323px;}
} @-webkit-keyframes counter{from{left: -25px;}
to{left: 323px;}
} @-o-keyframes counter{from{left: -25px;}
to{left: 323px;}
}