/*过渡页面样式*/

.page-loading-box{ background:#fff; height:100%; width:100%; position:fixed; z-index:9999; text-align:center;}

@-webkit-keyframes loading-img-5 {0% {-webkit-transform: scaley(1);transform: scaley(1); }50% {-webkit-transform: scaley(0.4);      transform: scaley(0.4); } 100% {-webkit-transform: scaley(1);transform: scaley(1); } }

@keyframes loading-img-5 {0% {-webkit-transform: scaley(1);transform: scaley(1); }50% {-webkit-transform: scaley(0.4);           transform: scaley(0.4); }100% {-webkit-transform: scaley(1);transform: scaley(1); } }

.loading-img-5{position: fixed;top: 50%;left: 50%;margin-left: -40px;margin-top: -24px; text-align:center; width:72px;}

.loading-img-5 > div:nth-child(1) {

  -webkit-animation: loading-img-5 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08);

          animation: loading-img-5 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }

.loading-img-5 > div:nth-child(2) {

  -webkit-animation: loading-img-5 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08);

          animation: loading-img-5 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }

.loading-img-5 > div:nth-child(3) {

  -webkit-animation: loading-img-5 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08);

          animation: loading-img-5 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }

.loading-img-5 > div:nth-child(4) {

  -webkit-animation: loading-img-5 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08);

          animation: loading-img-5 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }

.loading-img-5 > div:nth-child(5) {

  -webkit-animation: loading-img-5 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);

          animation: loading-img-5 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }

.loading-img-5 > div {background-color: #5d9cec;width: 4px;height: 35px;border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both;animation-fill-mode: both;display: inline-block; }

@-webkit-keyframes loading-img-1 {25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);transform: perspective(100px) rotateX(180deg) rotateY(0); }50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);

            transform: perspective(100px) rotateX(180deg) rotateY(180deg);} 75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);transform: perspective(100px) rotateX(0) rotateY(180deg); }100% {-webkit-transform: perspective(100px) rotateX(0) rotateY(0);transform: perspective(100px) rotateX(0) rotateY(0); } }



@keyframes loading-img-1 {25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);transform: perspective(100px) rotateX(180deg) rotateY(0); }50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);

            transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0);transform: perspective(100px) rotateX(0) rotateY(0); } }

.loading-img-1{position: fixed;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px; text-align:center;}

.loading-img-1 > div {-webkit-animation-fill-mode: both;animation-fill-mode: both;width: 50px;height: 50px;background-color: #5d9cec; -webkit-animation: loading-img-1 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;   animation: loading-img-1 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; }

@-webkit-keyframes rotate_pageloading-img-5_half_up {0% {-webkit-transform: rotate(270deg);transform: rotate(270deg); }50% {   -webkit-transform: rotate(360deg);transform: rotate(360deg); }100% {-webkit-transform: rotate(270deg);transform: rotate(270deg); } }

@keyframes rotate_pageloading-img-5_half_up {0% {-webkit-transform: rotate(270deg);transform: rotate(270deg); }50% {-webkit-transform: rotate(360deg);transform: rotate(360deg); } 100% {-webkit-transform: rotate(270deg);transform: rotate(270deg); } }

@-webkit-keyframes rotate_pageloading-img-5_half_down {0% {-webkit-transform: rotate(90deg);transform: rotate(90deg); }50% {   -webkit-transform: rotate(0deg);transform: rotate(0deg); }100% {-webkit-transform: rotate(90deg);transform: rotate(90deg); } }

@keyframes rotate_pageloading-img-5_half_down {0% {-webkit-transform: rotate(90deg);transform: rotate(90deg); }50% {

    -webkit-transform: rotate(0deg);transform: rotate(0deg); }100% { -webkit-transform: rotate(90deg);transform: rotate(90deg); } }

@-webkit-keyframes pageloading-img-5-balls {75% {opacity: 0.7; }100% {-webkit-transform: translate(-100px, -6.25px);transform: translate(-100px, -6.25px); } }

@keyframes pageloading-img-5-balls { 75% {opacity: 0.7; } 100% {-webkit-transform: translate(-100px, -6.25px);transform: translate(-100px, -6.25px); } }

.pageloading-img-5 {position:fixed;top: 50%;left: 50%;margin-left: -40px;margin-top: -28px;text-align: center;}

.pageloading-img-5 > div:nth-child(2) {-webkit-animation: pageloading-img-5-balls 1s -0.99s infinite linear;animation: pageloading-img-5-balls 1s -0.99s infinite linear; }

.pageloading-img-5 > div:nth-child(3) {-webkit-animation: pageloading-img-5-balls 1s -0.66s infinite linear;animation: pageloading-img-5-balls 1s -0.66s infinite linear; }

.pageloading-img-5 > div:nth-child(4) {-webkit-animation: pageloading-img-5-balls 1s -0.33s infinite linear;animation: pageloading-img-5-balls 1s -0.33s infinite linear; }

.pageloading-img-5 > div:nth-child(5) {-webkit-animation: pageloading-img-5-balls 1s 0s infinite linear;animation: pageloading-img-5-balls 1s 0s infinite linear; }

.pageloading-img-5 > div:first-of-type {width: 0px;height: 0px;border-right: 25px solid transparent;border-top: 25px solid #5d9cec; border-left: 25px solid #5d9cec;border-bottom: 25px solid #5d9cec;border-radius: 25px;-webkit-animation: rotate_pageloading-img-5_half_up 0.5s 0s infinite;animation: rotate_pageloading-img-5_half_up 0.5s 0s infinite; position: relative;left: -30px; }

.pageloading-img-5 > div:nth-child(2) {width: 0px;height: 0px;border-right: 25px solid transparent;border-top: 25px solid #5d9cec;   border-left: 25px solid #5d9cec;border-bottom: 25px solid #5d9cec;border-radius: 25px;-webkit-animation: rotate_pageloading-img-5_half_down 0.5s 0s infinite;animation: rotate_pageloading-img-5_half_down 0.5s 0s infinite;margin-top: -50px; position: relative;left: -30px; }

.pageloading-img-5 > div:nth-child(3), .pageloading-img-5 > div:nth-child(4), .pageloading-img-5 > div:nth-child(5), .pageloading-img-5 > div:nth-child(6) { background-color:#5d9cec;width: 15px; height: 15px;border-radius: 100%; margin: 2px;width: 10px; height: 10px;position: absolute;-webkit-transform: translate(0, -6.25px);-ms-transform: translate(0, -6.25px);transform: translate(0, -6.25px);top: 25px;left: 70px; }

@-webkit-keyframes loading-img-8 {

  50% {opacity: 0.3;-webkit-transform: scale(0.4);transform: scale(0.4); }

  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } }

@keyframes loading-img-8 {

	50% {opacity: 0.3;-webkit-transform: scale(0.4);transform: scale(0.4); }

  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } }

.loading-img-8 {position: fixed;top: 50%;left: 50%;margin-left: -13px;margin-top: -13px;text-align: center;}

.loading-img-8 > div:nth-child(1) {top: 25px;left: 0;

	-webkit-animation: loading-img-8 1s -0.96s infinite linear;

	animation: loading-img-8 1s -0.96s infinite linear; }

.loading-img-8 > div:nth-child(2) {top: 17.04545px;left: 17.04545px;

-webkit-animation: loading-img-8 1s -0.84s infinite linear;

		animation: loading-img-8 1s -0.84s infinite linear; }

.loading-img-8 > div:nth-child(3) {top: 0;left: 25px;

-webkit-animation: loading-img-8 1s -0.72s infinite linear;

		animation: loading-img-8 1s -0.72s infinite linear; }

.loading-img-8 > div:nth-child(4) {top: -17.04545px;left: 17.04545px;

-webkit-animation: loading-img-8 1s -0.6s infinite linear;

		animation: loading-img-8 1s -0.6s infinite linear; }

.loading-img-8 > div:nth-child(5) {top: -25px;left: 0;

-webkit-animation: loading-img-8 1s -0.48s infinite linear;

		animation: loading-img-8 1s -0.48s infinite linear; }

.loading-img-8 > div:nth-child(6) {top: -17.04545px;left: -17.04545px;

-webkit-animation: loading-img-8 1s -0.36s infinite linear;

		animation: loading-img-8 1s -0.36s infinite linear; }

.loading-img-8 > div:nth-child(7) {top: 0;left: -25px;

-webkit-animation: loading-img-8 1s -0.24s infinite linear;

		animation: loading-img-8 1s -0.24s infinite linear; }

.loading-img-8 > div:nth-child(8) {top: 17.04545px;left: -17.04545px;

-webkit-animation: loading-img-8 1s -0.12s infinite linear;

		animation: loading-img-8 1s -0.12s infinite linear; }

.loading-img-8 > div {background-color:#5d9cec;width: 15px;height: 15px;border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute; }