/*@import url("https://fonts.googleapis.com/css?family=Lora:400,400i,700");*/
.anim-p {
    align-self: center;
    vertical-align: center;
}

.glowIn {
    width: 100%;
    text-align: center;
    line-height: 4.8rem;
    color: transparent;
    /*font-family: Lora, serif;*/
    font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
    font-weight: bold;
    font-size: 2rem;
    /*text-shadow: 0 0 4px rgba(255, 22, 72, 0.91),0 0 4px #faff00;*/
}
.glowIn span {
    animation: glowIn 5s ease both;
    animation-iteration-count: 1;
}
.glowIn p {
    animation: glowIn 5s ease both;
    animation-iteration-count: 1;
}

@keyframes glowIn {
    from {
        color: transparent;
        /*text-shadow: 0 0 4px rgba(255, 22, 72, 0.91),0 0 4px #faff00;*/
        /*opacity: 0;*/
    }
    65% {
        /*color: transparent;*/
        /*opacity: 0.4;*/
        /*text-shadow: 0 0 25px rgba(255, 22, 72, 0.91),0 0 25px #faff00;*/
    }
    85% {
        /*opacity: 0.7;*/
    }
    to {
        color: #000000;
        /*text-shadow: 0 0 1px rgba(5, 52, 255, 0.48),0 0 1px #0527af;*/
        /*opacity: 1;*/
    }
}
/* 图片过场 */
#pixelImage {
    background: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    /*box-shadow: 5px 5px 30px 5px black;*/
    /*border: 3px solid black;*/
}
#app {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
}