body{
    font-size: 0.28rem;
    width: 100%;
    max-width: 100%;
}

i{
    font-style: normal;
}

li{
    list-style: none;
}

.page{
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    /*overflow: auto;*/
    min-width: 320px;
    margin: 0 auto;
    /*background: #1ECEB6;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
@media screen and (max-width:320px) {
    html {
        font-size:40px!important;
    }
}
@media screen and (min-width:320px) {
    html {
        font-size:42.667px!important;
    }
}
@media screen and (min-width:360px) {
    html {
        font-size:48px!important;
    }
}
@media screen and (min-width:375px) {
    html {
        font-size:50px!important;
    }
}
@media screen and (min-width:384px) {
    html {
        font-size:51.2px!important;
    }
}
@media screen and (min-width:393px) {
    html {
        font-size:52.4px!important;
    }
}
@media screen and (min-width:412px) {
    html {
        font-size:54.93px!important;
    }
}
@media screen and (min-width:414px) {
    html {
        font-size:55.2px!important;
    }
}
@media screen and (min-width:480px) {
    html {
        font-size:55.2px!important;
    }
    /*html {
        font-size:64px!important;
    }*/
}
/*@media screen and (min-width:540px) {
    html {
        font-size:72px!important;
    }
}
@media screen and (min-width:640px) {
    html {
        font-size:85.33px!important;
    }
}*/

@media screen and (min-width:750px) {
    .page{
        max-width: 60%;
    }
}