html {
    font-size: 100px
}

@media screen and (max-width:640px) {
    html {
        font-size: 100px
    }
}

@media screen and (max-width:610px) {
    html {
        font-size: 95px
    }
}

@media screen and (max-width:580px) {
    html {
        font-size: 90px
    }
}

@media screen and (max-width:540px) {
    html {
        font-size: 84px
    }
}

@media screen and (max-width:510px) {
    html {
        font-size: 80px
    }
}

@media screen and (max-width:480px) {
    html {
        font-size: 75px
    }
}

@media screen and (max-width:450px) {
    html {
        font-size: 70px
    }
}

@media screen and (max-width:428px) {
    html {
        font-size: 67px
    }
}

@media screen and (max-width:406px) {
    html {
        font-size: 63px
    }
}

@media screen and (max-width:375px) {
    html {
        font-size: 58.6px
    }
}

@media screen and (max-width:360px) {
    html {
        font-size: 56px
    }
}

@media screen and (max-width:320px) {
    html {
        font-size: 50px
    }
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body,input,button,textarea {
    font-size: .4rem;
    outline: 0
}

body {
    margin: auto;
    color: #333;
    font-size: 100px;
    font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
    font-size: .4rem;
    overflow: scroll
}

fieldset,img {
    border: 0
}

ol,ul,li {
    list-style: none
}

address,em {
    font-style: normal
}

a {
    color: #333;
    text-decoration: none;
    outline: 0
}

table {
    border-collapse: collapse
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

input[type=button],input[type=submit],input[type=reset],textarea {
    -webkit-appearance: none
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

* html .clearfix {
    height: 1%
}

.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end
}

.flexbox-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1
}

.dis {
    display: none
}