body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC",sans-serif;
    font-size: 100px;
    width: 100%;
    height: 100%;
    overflow: auto;
}
/*当页面大于1050px时，大屏幕，主要显示PC端*/
@media (min-width: 1050px){
    .page{
        width:100%;
        height: 100%;
        position: fixed;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        background: url("./img/bg.png") no-repeat top center;
        background-size:100% 100%;
        overflow: auto;
    }
    .logo{
        margin-top: 3rem;
        padding-left: 3rem;
        color: #232222;
        font-size: 2.4rem;
        height:  5rem;
        line-height:  5rem;
        margin-bottom:4rem;
    }
    .logo img{
        display: block;
        float: left;
        width: 5rem;
        height:  5rem;
        vertical-align: middle;
        margin-right: 1rem;
    }
    .fontBg{
        width: 100%;
    }
    .fontBg>div{
        width: 52rem;
        height: 6rem;
        margin:0 auto;
        position: relative;
    }
    .fontBg img{
        width: 100%;
        position: absolute;
        top:0;
        left: 0;
    }
    .btn{
        width: 16rem;
        background: #FCED5F;
        color:#33312D;
        font-size: 2rem;
        height: 5rem;
        line-height: 5rem;
        border-radius:3rem;
        border:1px solid rgba(151,151,151,1);
        text-align: center;
        margin: 0 auto;
        margin-top: 4.8rem;
        display: none;
        cursor: pointer;
    }
    .info{
        width: 100%;
        text-align: center;
        margin-top: 4.2rem;
        font-size: 1.4rem;
        color: #000;
        position: fixed;
        bottom: 0;
    }
    .info p{
        margin:1rem 0;
    }
}
/*在768 和1049 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 1049px){
    .page{
        width: 100%;
        height: 100%;
        position: fixed;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        background: url("./img/bg.png") no-repeat top center;
        background-size:100% 100%;
        overflow: auto;
    }
    .logo{
        margin-top: 3rem;
        padding-left: 3rem;
        color: #232222;
        font-size: 2.4rem;
        height:  5rem;
        line-height:  5rem;
        margin-bottom:6.8rem;
    }
    .logo img{
        display: block;
        float: left;
        width: 5rem;
        height:  5rem;
        vertical-align: middle;
        margin-right: 1rem;
    }
    .fontBg{
        width: 100%;
    }
    .fontBg>div{
        width: 42rem;
        height: 5rem;
        margin:0 auto;
        position: relative;
    }
    .fontBg img{
        width: 100%;
        position: absolute;
        top:0;
        left: 0;
    }
    .btn{
        width: 16rem;
        background: #FCED5F;
        color:#33312D;
        font-size: 2rem;
        height: 5.2rem;
        line-height: 5.2rem;
        border-radius:3rem;
        border:1px solid rgba(151,151,151,1);
        text-align: center;
        margin: 0 auto;
        margin-top: 6rem;
        display: none;
        cursor: pointer;
    }
    .info{
        width: 100%;
        text-align: center;
        margin-top: 4.2rem;
        font-size: 1.4rem;
        color: #000;
        position: fixed;
        bottom: 0;
    }
    .info p{
        margin:.8rem 0;
    }
}
/*手机*/
@media (max-width: 767px){
    .page{
        width:100%;
        height: 100%;
        position: fixed;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        background: url("./img/bgL.png") no-repeat top center;
        background-size:100% 100%;
        overflow: auto;
    }
    .logo{
        margin-top: 1.8rem;
        padding-left: 1.8rem;
        color: #232222;
        font-size: 1rem;
        height:  2rem;
        line-height:  2rem;
        margin-bottom:6.8rem;
    }
    .logo img{
        display: block;
        float: left;
        width: 2rem;
        vertical-align: middle;
        margin-right: .4rem;
    }
    .fontBg{
        width: 100%;
    }
    .fontBg>div{
        width: 85%;
        height: 2.5rem;
        margin:0 auto;
        position: relative;
    }
    .fontBg img{
        width: 100%;
        position: absolute;
        top:0;
        left: 0;
    }
    .btn{
        width: 8rem;
        background: #FCED5F;
        color:#33312D;
        font-size: 1.2rem;
        height: 2.4rem;
        line-height: 2.4rem;
        border-radius:1.4rem;
        border:1px solid rgba(151,151,151,1);
        text-align: center;
        margin: 0 auto;
        margin-top: 6rem;
        display: none;
        cursor: pointer;
    }
    .info{
        width: 100%;
        text-align: center;
        margin-top: 4rem;
        font-size: .6rem;
        color: #000;
        position: fixed;
        bottom: 0;
    }
    .info p{
        margin:.4rem 0;
    }
}