@charset "UTF-8";
.loader{position: fixed; z-index: 999999999; top: 0; left: 0; bottom: 0; right: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.loader.show{display: block;}
.loader.show .loader-block .loading{animation-play-state: inherit; -moz-animation-play-state: inherit; -webkit-animation-play-state: inherit; -o-animation-play-state: inherit; -ms-animation-play-state: inherit;}
.loader .loader-block{position: absolute; top: 50%; left: 50%; z-index: 21; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%);}
.loader .loader-block .loading{height: 12em; width: 12em; border: .5em solid transparent; border-radius: 500%; animation: loading 1s infinite linear paused; -moz-animation: loading 1s infinite linear paused; -webkit-animation: loading 1s infinite linear paused; -o-animation: loading 1s infinite linear paused; -ms-animation: loading 1s infinite linear paused;}
.loader .loader-block .text{position: absolute; top: 50%; left: 50%; width: 100%; font-size: 120%; text-align: center; font-weight: 500%; letter-spacing: 3px; color: #fff; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%);}
.loader-hidden{overflow: hidden !important;}
@-webkit-keyframes loading{0%{border-right-color: transparent; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -moz-transform: rotate(0deg); /* Firefox */ -webkit-transform: rotate(0deg); /* Safari 和 Chrome */ -o-transform: rotate(0deg);} 70%{border-right-color: #DA8328; transform: rotate(300deg); -ms-transform: rotate(300deg); /* IE 9 */ -moz-transform: rotate(300deg); /* Firefox */ -webkit-transform: rotate(300deg); /* Safari 和 Chrome */ -o-transform: rotate(300deg);} 90%{border-right-color: transparent; transform: rotate(320deg); -ms-transform: rotate(320deg); /* IE 9 */ -moz-transform: rotate(320deg); /* Firefox */ -webkit-transform: rotate(320deg); /* Safari 和 Chrome */ -o-transform: rotate(320deg);} 100%{border-right-color: transparent; transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg);}}
@-ms-keyframes loading{0%{border-right-color: transparent; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -moz-transform: rotate(0deg); /* Firefox */ -webkit-transform: rotate(0deg); /* Safari 和 Chrome */ -o-transform: rotate(0deg);} 70%{border-right-color: #DA8328; transform: rotate(300deg); -ms-transform: rotate(300deg); /* IE 9 */ -moz-transform: rotate(300deg); /* Firefox */ -webkit-transform: rotate(300deg); /* Safari 和 Chrome */ -o-transform: rotate(300deg);} 90%{border-right-color: transparent; transform: rotate(320deg); -ms-transform: rotate(320deg); /* IE 9 */ -moz-transform: rotate(320deg); /* Firefox */ -webkit-transform: rotate(320deg); /* Safari 和 Chrome */ -o-transform: rotate(320deg);} 100%{border-right-color: transparent; transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg);}}
@-moz-keyframes loading{0%{border-right-color: transparent; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -moz-transform: rotate(0deg); /* Firefox */ -webkit-transform: rotate(0deg); /* Safari 和 Chrome */ -o-transform: rotate(0deg);} 70%{border-right-color: #DA8328; transform: rotate(300deg); -ms-transform: rotate(300deg); /* IE 9 */ -moz-transform: rotate(300deg); /* Firefox */ -webkit-transform: rotate(300deg); /* Safari 和 Chrome */ -o-transform: rotate(300deg);} 90%{border-right-color: transparent; transform: rotate(320deg); -ms-transform: rotate(320deg); /* IE 9 */ -moz-transform: rotate(320deg); /* Firefox */ -webkit-transform: rotate(320deg); /* Safari 和 Chrome */ -o-transform: rotate(320deg);} 100%{border-right-color: transparent; transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg);}}
@-o-keyframes loading{0%{border-right-color: transparent; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -moz-transform: rotate(0deg); /* Firefox */ -webkit-transform: rotate(0deg); /* Safari 和 Chrome */ -o-transform: rotate(0deg);} 70%{border-right-color: #DA8328; transform: rotate(300deg); -ms-transform: rotate(300deg); /* IE 9 */ -moz-transform: rotate(300deg); /* Firefox */ -webkit-transform: rotate(300deg); /* Safari 和 Chrome */ -o-transform: rotate(300deg);} 90%{border-right-color: transparent; transform: rotate(320deg); -ms-transform: rotate(320deg); /* IE 9 */ -moz-transform: rotate(320deg); /* Firefox */ -webkit-transform: rotate(320deg); /* Safari 和 Chrome */ -o-transform: rotate(320deg);} 100%{border-right-color: transparent; transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg);}}
@keyframes loading{0%{border-right-color: transparent; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -moz-transform: rotate(0deg); /* Firefox */ -webkit-transform: rotate(0deg); /* Safari 和 Chrome */ -o-transform: rotate(0deg);} 70%{border-right-color: #DA8328; transform: rotate(300deg); -ms-transform: rotate(300deg); /* IE 9 */ -moz-transform: rotate(300deg); /* Firefox */ -webkit-transform: rotate(300deg); /* Safari 和 Chrome */ -o-transform: rotate(300deg);} 90%{border-right-color: transparent; transform: rotate(320deg); -ms-transform: rotate(320deg); /* IE 9 */ -moz-transform: rotate(320deg); /* Firefox */ -webkit-transform: rotate(320deg); /* Safari 和 Chrome */ -o-transform: rotate(320deg);} 100%{border-right-color: transparent; transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg);}}
