* {
    margin:0; padding:0;
    font-size:1rem;
}
ul, li {
    list-style:none;
}
.ml3 { margin-left:3rem;}


body {
    width: 100%;
    background: #043e3a;
}

.con {
    width:36rem;
    height:104.5rem;
    margin:0 auto;
    background:url(../../images/share/bg.jpg) no-repeat;
    background-size:100%;
    position:relative;
}

.conTop {
    width:36rem;
    height:4.75rem;
}

.icon {
    margin-top: 0.325rem;
    margin-left: 0.5rem;
    width: 4rem;
    height: 4rem;
    display: block;
    float: left;
    border-radius: 0.5rem;
    background-image: url(../../images/download28/icon.jpg);
    background-repeat: no-repeat;
    background-size: 4rem;
    background-position: left center;
}


.conTitle {
    width: 13.3rem;
    height: 4.75rem;
    margin-left:0.5rem;
    line-height: 4.75rem;
    text-align: left;
    color: #e8ffff;
    font-size:1.75rem;
    float:left;
}

.topPic {
    width:8.2rem;
    height:2.85rem;
    margin-top:0.965rem;
    margin-right:1.05rem;
    float:right;
    background:url(../../images/download28/topPic.png) no-repeat;
    background-size:100%;
}

.shareBtn { width: 20.8rem; height: 5.9rem; margin: 47.5rem auto; margin-bottom:0; background: url(../../images/share/shareBtn.png) no-repeat; background-size:100%; }

.title2 { width: 15.55rem; height: 2.05rem; margin: 4rem auto; margin-bottom: 0; background: url(../../images/download28/title2.png) no-repeat; background-size: 100%; }

.dwBtnDiv {
    width:29rem;
    height:5.9rem;
    margin:0.5rem auto;
    margin-bottom:0;
    position:relative;
}

.ggDw,.dmnDw {
    width:20.8rem;
    height:5.9rem;
    
    display:block;
    margin:0 auto;
}

.ggDw {
    background: url(../../images/index3/dwBtn.png) no-repeat;
    background-size: 100%;
}
.dmnDw {
    margin-left:2rem;
    background: url(../../images/download28/dmns.png) no-repeat;
    background-size: 100%;
}

.dwHelp { position: absolute; top: 7.4rem; right: 0; color: #f07c56; font-size:1.2rem;}

.dwCountDiv {
    width: 36rem;
    height: 1.8rem;
    margin: 0 auto;
    text-align:center;
}
.ggCount, .dmnCount {
    line-height:1.4rem;
    font-size: 1.25rem;
    color: #fff1c6;
}

.banList {
    width: 32.85rem;
    height: 17.9rem;
    margin: 8rem auto;
    margin-bottom: 0;
    border: 0.55rem solid #309e98;
    border-radius:2rem;
    position:relative;
}
    .banList li {
        width:32.85rem;
        height:17.9rem;
        position:absolute;
        top:0;
        left:0;
    }

        .banList li img {
            width: 32.85rem;
            height: 17.9rem;
            border-radius: 1.55rem;
        }


.ban_List {
    width:7rem;
    height: 1.3rem;
    text-align: center;
    margin: 2.2rem auto;
    display:block;
}

    .ban_List li {
        width:1.3rem;
        height:1.3rem;
        float:left;
        margin-left:1rem;
    }

        .ban_List li img {
            width: 1.3rem;
            height: 1.3rem;
        }


.alertShareDiv { width:100%; position:fixed; top:25%; left:0; }

.alertShareBox { width: 33.1rem; height: 18rem; margin: 0 auto; background: #fef9f6; border-radius:3rem; padding-top:5rem; position:relative; }
    .alertShareBox p {font-size:1.8rem; text-align:center; line-height:3rem; }
.alertShareBtn { width: 14.6rem; height: 3rem; border-radius: 3rem; margin:2rem auto; color:#fff; text-align:center; line-height:3rem; font-size:1.6rem; background: #54a5a2; }
.closeAlert { position:absolute; top:1rem; right:2rem; font-size:2rem;}