@font-face {
    font-family: myFirstFont;
    src: url("SourceHanSansCN-Normal.ttf");
}
html * {
    font-family: myFirstFont;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    list-style-type: none;
}
* {
    outline: none;
    box-sizing: border-box;
}
body{

}
#main{
    width: 100vw;
    min-height: 100vh;
    height: 100%;
    display: flex;
    align-items: center;
    background: #f8f8f8;
    flex-direction: column;
    padding-bottom: 5vw;
}
#main .share{

    position: absolute;

    right: 8vw;

    top: 6vw;

    width: 13vw;
}
#main .app-logo{

    margin-top: 19vw;

    width: 17vw;
}
#main .app-name{

    font-size: 5vw;

    margin-top: 2vw;

    color: #242424;
}
#main .hint{

    /* margin-top: 3vw; */

    color: #6d6d6d;

    font-size: 5vw;

    width: 80vw;

    text-align: center;

    line-height: 7vw;

    height: 25vw;

    margin-top: 30vw;
}
#main .download-hint{
    margin-top: 25vw;
    color: #6d6d6d;
    font-size: 3vw;
    width: 58vw;
    text-align: center;
    line-height: 5vw;
    /* height: 25vw; */
}
#main .btn.item{
    margin-top: 17.5vw;
}
#main .btn{

    width: 64vw;

    height: 10.7vw;

    line-height: 10.7vw;

    text-align: center;

    color: #ffffff;

    background: #F03030;

    font-size: 3.4vw;

    border-radius: 1vw;

    margin-top: 12vw;
}


#main.isPC{
    width: 640px;
    margin: auto;
}
#main.isPC .share{

    position: absolute;

    right: 8vw;

    top: 6vw;

    width: 13vw;
}
#main.isPC .app-logo{

    margin-top: 150px;

    width: 100px;
}
#main.isPC .app-name{

    font-size: 40px;

    margin-top: 40px;
}
#main.isPC .hint{

    /* margin-top: 3vw; */

    color: #6d6d6d;

    font-size: 5vw;

    width: 80vw;

    text-align: center;

    line-height: 7vw;

    height: 25vw;

    margin-top: 30vw;
}
#main.isPC .download-hint{
    margin-top: 25vw;
    color: #6d6d6d;
    font-size: 3vw;
    width: 58vw;
    text-align: center;
    line-height: 5vw;
    /* height: 25vw; */
}
#main.isPC .btn.item{
    margin-top: 121px;
}
#main.isPC .btn{

    width: 309px;

    height: 70px;

    line-height: 70px;

    font-size: 20px;

    border-radius: 8px;

    margin-top: 65px;
}


#main #hint-box{
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100vh;
    display: none;
}
#main #hint-box img{

    position: absolute;

    right: 7%;

    top: 5%;

    width: 12%;
}
#main #hint-box p{

    color: #ffffff;

    font-size: 2vh;

    position: absolute;

    top: 14%;

    left: 22%;

    line-height: 4vh;
}