html {
    height: 100%;
}

body {
    height: 100%;
}

.index-page {
    height         : 100%;
    background     : url(/images/bg.png) top;
    background-size: cover;
}

.index-page .index-header {
    height: 15%;
    margin: auto;
}

.index-page .index-content {
    text-align: center;
    height    : 85%;
    margin    : auto;
}

.logo {
    margin: 5px 5px;
}

.slogan {
    margin: 20px auto 20px;
}

.download-app-box {
    text-align: center;
    position  : relative;
    bottom    : -35%;
}

.btn-down {
    border-radius: 24px;
    color        : #06c1ae;
    display      : inline-block;
    margin       : 10px auto;
    width        : 220px;
    font-size    : 150%;
}

#weixin-tip {
    position        : fixed;
    left            : 0;
    top             : 0;
    height          : 100%;
    width           : 100%;
    z-index         : 1000;
    background-color: rgba(0, 0, 0, 0.8);
    filter          : alpha(opacity=80);
    float           : left;
}

#weixin-tip p {
    position            : absolute;
    top                 : 50%;
    width               : 100%;
    color               : #fff;
    font-size           : 18px;
    text-align          : center;
    /* position         : absolute;
    color               : white;
    font-size           : 40px;
    text-align          : center;
    top                 : 50%;
    width               : 100%;
    transform           : translateY(-50%);
    -webkit-transform   : translateY(-50%); */
}

#weixin-tip p span {
    color: #5FD6FF;
}

#weixin-tip-img {
    position: absolute;
    display : block;
    right   : 3%;
    top     : 2%;
}