.bottom-stay-btn {
    display: block;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 2000;
    border-top: solid 1px #eee;

}

.table {
    width: 100%;
    height: 60px;
    display: table;
    background: #fff;
}

.fixed-text {
    display: table-cell;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    padding-left: 21px;
    padding-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.fixed-btn-wrapper a {
    display: block;
    text-align: center;
    vertical-align: middle;
    width: 180px;
    height: 34px;
    margin: auto;
    top: 13px;
    position: relative;
    /* padding-right: 21px;
    padding-left: 10px; */
}

.fixed-btn {
    border-radius: 35px;
    font-size: 14px;
    color: #fff;
    width: 106px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#E61428), to(#FA4238));
    background-image: -moz- oldlinear-gradient(bottom, #E61428 0, #FA4238 100%);
    background-image: -o-linear-gradient(bottom, #E61428 0, #FA4238 100%);
    background-image: linear-gradient(0deg, #E61428, #FA4238);
}

.topLogo {
    width: 100%;
    height: 63vw;
    ;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#E61428), to(#FA4238));
    background-image: -moz- oldlinear-gradient(bottom, #E61428 0, #FA4238 100%);
    background-image: -o-linear-gradient(bottom, #E61428 0, #FA4238 100%);
    background-image: linear-gradient(0deg, #E61428, #FA4238);
    position: relative;
    top: 0;
}

.logoImg {
    background-image: url('http://xueyouhaoke-cn.koema.net/vipJr/images/xueyou_top.png');
    background-repeat: none;
    background-size: 100% 100%;
    width: 90vw;
    /*341px;*/
    height: 40vw;
    /* 153px; */
    margin: 0 auto;
    position: relative;
    top: 5vw;
}

.bottomLogoImg {
    background-image: url('http://xueyouhaoke-cn.koema.net/vipJr/images/tag_vipjr.png');
    background-repeat: none;
    background-size: 100% 100%;
    width: 58.33vw;
    /*341px;*/
    height: 4.689vw;
    /* 153px; */
    margin: 0 auto;
    position: relative;
    top: 4vw;
}

.topTitle {
    width: 100%;
    height: 13.19vw;
    background-color: #f8f8f8;
    position: relative;
    top: 9.9vw;
    border-radius: 16px 16px 0 0;
}

.bottomTitle {
    width: 100%;
    height: 13.19vw;
    background-color: #f8f8f8;
    position: relative;
    top: 0;
    border-radius: 0 0 16px 16px;
}

.subTitle {
    /* 398 32 */
    background-image: url('http://xueyouhaoke-cn.koema.net/vipJr/images/vipJr_logo.png');
    background-repeat: none;
    background-size: 100% 100%;
    width: 17vw;
    /*341px; 122*/
    height: 7.3vw;
    /* 153px; 56*/
    margin: 0 auto;
    position: relative;
    top: 4vw;
}

.bottomArea {
    width: 100%;
    height: 142vw;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#FA4238), to(#E61428));
    background-image: -moz- oldlinear-gradient(bottom, #FA4238 0, #E61428 100%);
    background-image: -o-linear-gradient(bottom, #FA4238 0, #E61428 100%);
    background-image: linear-gradient(0deg, #FA4238, #E61428);
}

.bottomQRCode {
    width: 85vw;
    height: 112vw;
    border-radius: 16px;
    background-color: #f8f8f8;
    margin: auto;
    position: relative;
    top: 9vw;
}

.qrcode {
    width: 60vw;
    height: 93vw;
    /* background-image: url('../images/scan_qr_code_gl.png'); */
    background-repeat: none;
    background-size: 100% 100%;
    margin: auto;
    position: relative;
    top: 8vw;
}