.mouse-box
{
    position: fixed;
    z-index: 9999;
    pointer-events: none;
}
#mouseCanvas, .mouse-box
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#mouseCanvas, .cursor-icon
{
    position: absolute;
}
.cursor-icon
{
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #43b599;
    background-color: rgba(0,0,0,.1);
    border-radius: 99px;
}
#app
{
    position: relative;
    width: 100%;
    height: 100%;
    font-family: SourceHanSansSC-Regular,Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}
.serif
{
    font-family: "NotoSerif-Regular",Avenir,Helvetica,Arial,sans-serif;
}
@font-face
{
    font-family: "NotoSerif-Regular";
    src: url(../font/NotoSerif-Regular.7fcd4a66.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face
{
    font-family: CormorantGaramondRegular;
    src: url(../font/Cormorant-Garamond-Regular.3b16de9e.ttf);
    font-weight: 400;
    font-style: normal;
}
.f-num-m
{
    font-family: CormorantGaramondRegular;
}
.horizon
{
    width: 100%;
    height: 100%;
    background: #32373b;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}
.horizon-box
{
    width: 100%;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -150px;
}
.horizon-pic
{
    width: 150px;
    height: 230px;
    margin: 0 auto;
    text-align: center;
}
.horizon span
{
    font-size: 22px;
    display: block;
    color: #ffd40a;
    text-align: center;
    display: none;
}
.horizon i
{
    width: 150px;
    height: 227px;
    background: url(data:img/png;base64,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) 0 0 no-repeat;
    background-size: 150px 227px;
    margin: 0 auto;
    animation: maskAni 1.5s ease infinite alternate;
    -webkit-animation: maskAni 1.5s ease infinite alternate;
    position: static;
    display: block;
}
@keyframes maskAni
{
    0%
    {
        -webkit-transform: rotate(-90deg);
    }
    30%
    {
        -webkit-transform: rotate(-90deg);
    }
    70%
    {
        -webkit-transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(0deg);
    }
}