html{
    -webkit-text-size-adjust:100%;
    line-height:1.15
}
body{
    margin:0
}
main{
    display:block
}
h1{
    margin:.67em 0;
    font-size:2em
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:#0000
}
abbr[title]{
    border-bottom:none;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:inherit;
    font-size:100%;
    line-height:1.15
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    max-width:100%;
    white-space:normal;
    padding:0;
    display:table
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template,[hidden]{
    display:none
}
.main{
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    display:flex;
    position:relative
}
.main .inner{
    z-index:1;
    width:80%;
    position:relative
}
.main .inner .logo{
    height:.7rem;
    width:auto;
    margin-bottom:1.6rem;
}
.main .inner .slogan{
    color:#fff;
    font-family:Roboto;
    font-size:0.7rem;
    font-style:normal;
    font-weight:900;
    line-height:1rem;
    margin-bottom:0.55rem;
}
.main .inner .appBtn{
    height:.535rem;
    width:auto;
}

.footer{
    flex-direction:column;
    align-items:center;
    display:flex;
    position:fixed;
    bottom:.4rem;
    left:50%;
    transform:translate(-50%)
}
.footer .gap{
    width:.01rem;
    height:.1rem;
    opacity:.3;
    background:#fff;
    margin:0 .18rem
}
.footer .item{
    color:#fff;
    opacity:.8;
    font-family:Roboto;
    font-size:.16rem;
    font-style:normal;
    font-weight:700;
    line-height:.19rem
}