body {

    background:#000 url(../images/bg.jpg) no-repeat top center;

    background-size: cover;

    display: flex;

    flex-direction: column;

    padding: 0;

    margin: 0;

    font-size: 13px;

    color: #333333;

    line-height: 1.53846154;

    font-family: Helvetica Neue, Helvetica, sans-serif;

}

*{

    margin: 0;

    padding: 0;

}

a{

    text-decoration: none;

}

@media (min-width: 90px){html{ font-size: 2.5px; }}

@media (min-width: 180px){html{ font-size: 5px; }}

@media (min-width: 240px){html{ font-size: 6.66px; }}

@media (min-width: 270px){html{ font-size: 7.5px; }}

@media (min-width: 320px){html{ font-size: 8.8px; }}

@media (min-width: 360px){html{ font-size: 10px; }}

@media (min-width: 375px){html{ font-size: 10.4px; }}

@media (min-width: 393px){html{ font-size: 11px; }}

@media (min-width: 414px){html{ font-size: 11.5px; }}

@media (min-width: 480px){html{ font-size: 13.33px; }}

@media (min-width: 540px){html{ font-size: 15px; }}

@media (min-width: 720px){html{ font-size: 20px; }}

@media (min-width: 900px){html{ font-size: 25px; }}

@media (min-width: 1080px){html{ font-size: 30px; }}

.showps {

    color: #999;

    font-size: 1.2rem;

    line-height: 1.8rem;

    padding: 2rem 4rem 2rem 2rem;

    background: #333;

    position: relative;

}

.showps{ color: #999; font-size: 1.2rem; line-height: 1.8rem; padding: 2rem 4rem 2rem 2rem; background: #333; position: relative; }

.showps img{ position: absolute; right: 1rem; width: 3rem; height: 3rem; top: 0; }

.domnapptl{ text-align: center; }

.domnapptl h2{ font-size: 2.4rem; color: #fff; font-weight: normal; margin-bottom: 1rem; text-shadow: 0rem 0.1rem 0rem rgba(255,255,255,0.8); }

.domnapptl h3{ font-size: 1.4rem; color: #fff; font-weight: normal; margin-bottom: 1rem; }

.domnapptl p{ font-size: 1rem; color: #666; }

.domnapptl p i{ color: #ccc; padding: 0 0.5rem; }

.downinfo{ text-align: center; padding: 0 0 2rem 0; }

.downinfo>img{ width: 10rem; height: 10rem; border-radius: 2rem; margin-bottom: 1rem; }

.downinfo>a{ width: 16rem; border-radius: 0.4rem; background: url(../images/loginbtn.png) no-repeat center / 100% 100%; border: none; color: #4d1900; font-size: 1.4rem; outline: none; display: block; padding: 0.4rem; line-height: 1.8rem; margin: auto; text-shadow: 0rem 0.1rem 0rem #ffe345; box-shadow: 0rem 0.1rem 0.5rem rgba(0,0,0,0.3); }

.downinfo>a img{ width: 1.6rem; height: 1.6rem; vertical-align: middle; margin-right: 0.4rem; }

.downinfo>a span{ font-size: 1rem; line-height: 1.4rem; }

.dappblue{ padding:8rem 2rem 2rem; text-align: center; margin: auto; }

.downcode{ padding: 1rem 2rem; text-align: center; }

.downcode p{ color: #fff; font-size: 1.4rem; margin-bottom: 1rem; }

.downcode>img{ width: 16rem; height: 16rem; -border: solid 0.3rem #fff; border-radius: 0.6rem; margin-bottom: 1rem; box-shadow: 0 0 2rem rgba(0,0,0,0.3); }

.logo{

    width: 10rem;

    height: 10rem;

    margin: 0 auto 2rem auto;

}

.logo img{

    width: 100%;

    height: 100%;

}