@charset "utf-8";

* { margin: 0; padding: 0 }

*,:focus,:hover,:active {
    -webkit-tap-highlight-color: rgba(204, 0, 0, 0);
    outline: 0
}

body {
    position: relative;
    font-size: 4vw;
    color: #333;
    background: #fff;
    -webkit-user-select: none;
    font-family: Microsoft YaHei, Arial, Helvetica, STHeiti STXihei, Tohoma, Arial;
    min-height: calc(100vh - 75vw);
    padding-bottom: 75vw;
}

input,button,textarea { -webkit-appearance: none; }

li { list-style: none; }

img {
	max-width: 100%;
    border: 0;
    display: inline-block;
    vertical-align: top;
}

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

.cls {
    height: 1px;
    overflow: hidden;
    clear: both;
}

.vw95 {
    width: 95vw;
    margin: auto auto;
}

/* header begin */
.banner {
    width: 100vw;
    height: 53.7vw;
    overflow: hidden;
}
.banner img { width: 100vw; }

.menu {
    height: 26.7vw;
    background-color: #09f;
}

.menuLogo {
    float: left;
    width: 25vw;
    height: 26.7vw;
    background: url("../../images/mobile/logo.png") no-repeat center center;
    background-size: 82% auto;
}
.menuLogo > a {
    display: block;
    height: 100%;
}

.menuList {
    float: left;
    width: 100vw;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.menuList > li {
    width: 25vw;
    line-height: 13.35vw;
    text-align: center;
}
.menuList > li > a {
    display: block;
    color: #fff;
    font-size: 4.8vw;
}
/* header end */

/* footer begin */
.footer {
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 75vw;
    background-color: #09f;
}

.footer > p {
    line-height: 7vw;
    text-align: center;
    color: #fff;
}
.footer > p:first-child {
    margin-top: 4vw;
}
.footer > p > a {
    color: #fff;
}

.qrcode {
    display: flex;
    justify-content: center;
}
.qrcode > img {
    width: 30vw;
    margin: 2vw;
}
/* footer end */