.dark{position:fixed;z-index:8888;background:linear-gradient(45deg,#6fc7b5,#13bdce 20%,#0094d9 40%,#5a3694 60%,#ee4d74 80%,#f58c58);background-size:600%;background-position:0 100%;-webkit-animation:gradient 7.5s ease-in-out infinite;animation:gradient 7.5s ease-in-out infinite;width:100vw;height:100vh;top:0;left:0;display:none;-webkit-transition:all .3s linear;transition:all .3s linear}.loading{width:100%;height:100%}.loading *{position:fixed;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg);transform:translate3d(-50%,-50%,0) rotate(0deg)}.loading .logo{background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.loading .dots.animate .dot{-webkit-animation:loading-block 2.5s ease-in-out 1;animation:loading-block 2.5s ease-in-out 1}.loading .dots.animate .dot:after{-webkit-animation:loading-dot 2.5s ease-in-out 1;animation:loading-dot 2.5s ease-in-out 1}.loading .dots .dot{width:300px;height:300px}.loading .dots .dot:after{content:"";display:inline-block;width:60px;height:60px;background-color:#fff;border-radius:50%;position:absolute;-webkit-transform:scale(.17);transform:scale(.17)}.loading .dots .dot:first-child{top:119px;left:-209px;-webkit-animation-delay:0s;animation-delay:0s}.loading .dots .dot:first-child:after{-webkit-transform-origin:top right;transform-origin:top right;top:0;right:0;-webkit-animation-delay:0s;animation-delay:0s}.loading .dots .dot:nth-child(2){top:-161px;left:-194px;-webkit-animation-delay:.25s;animation-delay:.25s}.loading .dots .dot:nth-child(2):after{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:0;right:0;-webkit-animation-delay:.25s;animation-delay:.25s}.loading .dots .dot:nth-child(3){top:-161px;left:-101px;-webkit-animation-delay:.5s;animation-delay:.5s}.loading .dots .dot:nth-child(3):after{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:0;right:0;-webkit-animation-delay:.5s;animation-delay:.5s}.loading .dots .dot:nth-child(4){top:116px;left:200px;-webkit-animation-delay:.75s;animation-delay:.75s}.loading .dots .dot:nth-child(4):after{-webkit-transform-origin:top left;transform-origin:top left;top:0;left:0;-webkit-animation-delay:.75s;animation-delay:.75s}.loading .dots .dot:nth-child(5){top:-161px;left:214px;-webkit-animation-delay:1s;animation-delay:1s}.loading .dots .dot:nth-child(5):after{-webkit-transform-origin:bottom left;transform-origin:bottom left;bottom:0;left:0;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes loading-block{to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}@keyframes loading-block{to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}@-webkit-keyframes loading-dot{50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-dot{50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes gradient{50%{background-position:100% 0}}@keyframes gradient{50%{background-position:100% 0}}.logo{line-height:100%;color:#fff;font-size:44px;font-weight:700;height:auto!important;text-align:center}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:.8;-webkit-transform:scaleX(3) scaleY(3);transform:scaleX(3) scaleY(3);margin-top:-225px}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;-webkit-transform:scaleX(0) scaleY(1);transform:scaleX(0) scaleY(1);margin-top:-150px}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:.8;-webkit-transform:scaleX(3) scaleY(3);transform:scaleX(3) scaleY(3);margin-top:-225px}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;-webkit-transform:scaleX(0) scaleY(1);transform:scaleX(0) scaleY(1);margin-top:-150px}}.cj_box{background-size:cover;text-align:center;height:auto;width:100%;display:block;margin:10px auto;position:relative}.operation span{display:inline-block;width:80px;color:#222}#timer,.daoJiShi{color:#fff}.daoJiShi{position:fixed;top:50%;left:50%;font-size:150px;height:150px;animation:flipOutY 1s ease infinite both;-webkit-animation:flipOutY 1s ease infinite both;-moz-animation:flipOutY 1s ease both infinite}.arrRandom{margin-top:20vh;font-size:50px}.arrRandom,.detailed{text-align:center;font-weight:700}.detailed{color:#fff;background:rgba(0,0,0,.2);font-size:18px}