.wrap{
    width: 100%;
    height: auto;
    overflow: hidden;
}
/* 头部 */
.header{
    width: 100%;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    position: relative;
}
.header .head_logo{
    display: inline-block;
    height: .36rem;
    position: initial;
}
.header .head_logo .logo{
    float: left;
    width: .3rem;
    margin-top: .03rem;
}
.header .head_logo .name{
    float: left;
    width: .74rem;
    margin-top: .1rem;
    margin-left: .1rem;
}
.header .head-icon-right{
    position: absolute;
    right: .18rem;
    top: .1rem;
    z-index: inherit;
}
.header .head-icon-right img{
    display: block;
    width: .18rem;
    height: auto;
    margin-top: 0;
    cursor: pointer;
}
/* banner */
.banner {
    width:100%;
    height: auto;
    text-align: center;
    position: relative;
}
.banner .banner_cover{
    display: block;
    width: 100%;
    height: auto;
}
/* app logo */
.banner .logo{
    position: absolute;
    right: .25rem;
    top: .3rem;
    z-index: inherit;
}
.banner .logo .app-logo{
    float: left;
    width: .27rem;
    height: .27rem;
    margin-top: .01rem;
}
.banner .logo .app-name{
    width: 1.13rem;
    height: .29rem;
    float: left;
    margin-left: .08rem;
}
/* 下载按钮 */
.banner .down-ways{
    position: absolute;
    right: .48rem;
    top: .8rem;
    z-index: inherit;
}
.banner .down-ways .goole{
    display: block;
    width: .95rem;
    height: .3rem;
    cursor: pointer;
}
.banner .down-ways .apple{
    width: .95rem;
    height: .3rem;
    display: block;
    margin-top: .08rem;
    cursor: pointer;
}
/* 主题内容 */
.module-list .item{
    box-sizing: border-box;
    width: 100%;
    height: 1.25rem;
    /* overflow: hidden; */
    position: relative;
}
.ball2{
    position: absolute;
    left: 0;
    bottom: -.4rem;
    width: .32rem;
    z-index: 10;
}
.ball3{
    position: absolute;
    left: 28%;
    top: .16rem;
    width: .14rem;
    z-index: 10;
}
.ball4{
    position: absolute;
    left: 35%;
    top: -.24rem;
    width: .48rem;
    z-index: 10;
}
.ball5{
    position: absolute;
    left: 0;
    bottom: 0;
    width: .62rem;
    z-index: 10;
}
.module-list .item:nth-child(2n){
    background-color: #F2F2F4;
}
.module-list .item:last-child{
    width: 100%;
    height: 2.2rem;
}
.module-list .item .item-text{
    box-sizing: border-box;
    float: left;
    width: 40%;
    padding-left: .3rem;
    overflow: hidden;
}
.module-list .item .item-text .title{
    color: #000;
    font-size: .16rem;
    padding-top: .3rem;
}
.module-list .item .item-text .con{
    color: #888;
    font-size: .12rem;    
    line-height: .18rem;
}
.module-list .item .item-text .first-con{
    padding-top: .12rem;
}
.module-list .item .item-img{
    float: left;
    width: 60%;
}
.module-list .item .item-img img{
    display: block;
    height: 1.25rem;
    width: auto;
}
/* two */
.module-list .item2 .item-text{
    box-sizing: border-box;
    float: left;
    width: 55%;
    padding-left: .36rem;
    overflow: hidden;
}
.module-list .item2 .item-img{
    float: left;
    width: 45%;
    text-align: right;
}
.module-list .item2 .item-img img{
    float: right;
    display: block;
}
/* three */
.module-list .item3 .item-text{
    box-sizing: border-box;
    float: left;
    width: 56%;
    padding-left: .3rem;
    overflow: hidden;
}
.module-list .item3 .item-img{
    float: left;
    width: 44%;
    text-align: left;
}
.module-list .item3 .item-img img{
    display: block;
    float: left;
}
/* four */
.module-list .item4 .item-text{
    box-sizing: border-box;
    float: left;
    width: 40%;
    padding-left: .1rem;
    overflow: hidden;
}
.module-list .item4 .item-img{
    float: left;
    width: 60%;
    text-align: right;
}

/* five */
.module-list .item5{
    overflow: hidden;
}
.module-list .item5 .item-text{
    box-sizing: border-box;
    float: left;
    width: 55%;
    padding-left: .3rem;
    overflow: hidden;
}
.module-list .item5 .item-img{
    float: left;
    width: 45%;
}
.module-list .item5 .item-img img{
    display: block;
    height: 2.2rem;
    width: 1.95rem;
    float: left;
}

@media screen and (max-width: 374px) {    
    .wrap{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    /* banner */
    .banner {
        width:100%;
        height: auto;
        text-align: center;
        position: relative;
    }
    .banner .banner_cover{
        display: block;
        width: 100%;
        height: auto;
    }
    /* app logo */
    .banner .logo{
        position: absolute;
        right: .25rem;
        top: .3rem;
        z-index: inherit;
    }
    .banner .logo .app-logo{
        float: left;
        width: .27rem;
        height: .27rem;
    }
    .banner .logo .app-name{
        width: 1.05rem;
        height: .35rem;
        float: left;
        margin-left: .08rem;
    }
    /* 下载按钮 */
    .banner .down-ways{
        position: absolute;
        right: .42rem;
        top: .65rem;
        z-index: inherit;
    }
    .banner .down-ways .goole{
        display: block;
        width: .8rem;
        height: .25rem;
        /* height: .3rem; */
        cursor: pointer;
    }
    .banner .down-ways .apple{
        width: .8rem;
        height: .25rem;
        display: block;
        margin-top: .06rem;
        cursor: pointer;
    }
}