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


body { width: 100%; background: #59301f; }

.con {
    width:36rem;
    height:85.3rem;
    margin:0 auto;
    background:url(../../images/mahjong/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/mahjong/topPic.jpg) no-repeat;
    background-size:100%;
}

.title2 {
    width: 15.55rem;
    height: 2.05rem;
    margin: 36.5rem auto;
    margin-bottom: 0;
    background: url(../../images/mahjong/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;
}

.ban_box { width: 33.9rem; height: 19rem; margin: 9rem auto; position:relative; padding-top:0.2rem; }

.banBorder { position:absolute; top:0; left:0; width: 33.9rem; height: 19rem; background: url(../../images/mahjong/goldBox.png) no-repeat; background-size:100%; }

.banList {
    width: 33.4rem;
    height: 18.5rem;
    margin: 0rem auto;
    margin-bottom: 0;
    
    border-radius:1rem;
    position:relative;
}
    .banList li {
        width:33.4rem;
        height:18.5rem;
        position:absolute;
        top:0;
        left:0;
    }

        .banList li img {
            width: 33.4rem;
            height: 18.5rem;
            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;
        }