body{
    background: #fff;
}
.header {
    display: inline-block;
    width: 100%;
    height: 5.88rem;
    background: url(../img/banner.png) no-repeat;
    background-size: 100% 100%;
}

.cmcc-logo {
    width: 1.71rem;
    height: 1.71rem;
    display: block;
    margin: .7rem auto .47rem;
}

.new-person {
    font-size: .43rem;
    color: #fff;
    text-align: center;
}

.goGet-btn {
    display: block;
    width: 5rem;
    border-radius: .1rem;
    height: 1rem;
    background: #fff;
    color: #038dfc;
    font-size: .38rem;
    margin: .7rem auto 0;
}

.footer {
    padding-top: .3rem;
}
.footer-ul {
    width: 5rem;
    margin: 0 auto;
}
.footer-ul>li {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

.flex-left {
    /*text-align: right;*/
    /*width: 40%;*/
}

.flex-right {
    /*width: 60%;*/
    margin-left: .2rem;
}

.flex-right>h3 {
    font-size: .36rem;
    font-weight: bold;
}

.flex-right>p {
    color: #666666;
    font-size: .32rem;
}

.footer-ul>li>div>img {
    width: 1.2rem;
    height: 1.2rem;
}


.popup-share {
    position: fixed;
    left: 0; top: 0; z-index: 10;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.7);
}
.popup-share:before {
    content: "";
    position: absolute;
    top: .2rem; right: .2rem;
    display: block;
    width: 5.8rem; height: 6.6rem;
    background-image: url(../img/popup-share.png);
    background-size: 100% 100%;
}