.wrap {
    background: url(./image/share-app-bg.png) no-repeat;
    background-size: 100%;
}

.top {
    position: relative;
    padding: 1.55rem 0 0 0;
}

.top .logo {
    margin: 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(./image/logo.png);
    background-size: cover;
}

.top .title {
    font-size: 0.32rem;
    text-align: center;
    margin-top: 0.14rem;
    color:#ffffff;
    line-height: 0.38rem;
}

.top .info {

}

.top .info ul {
    height: 2.12rem;
    padding: 0.70rem 0.72rem;
    font-size: 0;
}

.top .info li {
    width: 2.02rem;
    height: 0.72rem;
    display: inline-block;
}

.top .info .con {
    font-size:0.36rem;
    color:#f8ca1c;
    letter-spacing:-0px;
    text-align:center;
    line-height: 0.43rem;
}

.top .info .con_fill {
    background: url(./image/fill.png) 1.2rem 0.1rem no-repeat;
    background-size: 0.22rem 0.21rem;
    padding: 0 0.59rem;
    text-align: left;
}

.top .info .con_shape {
    background: url(./image/combined-shape.png) 0.85rem 0.02rem no-repeat;
    background-size: 0.32rem 0.32rem;
    height: 0.43rem;
}

.top .info .resc {
    opacity:0.6;
    font-size:0.24rem;
    line-height: 0.28rem;
    color:#ffffff;
    letter-spacing:-0px;
    text-align:center;
}

.top_app_dl {
    background:#ff5245;
    box-shadow:0 0.04rem 0.2rem 0 rgba(231,72,60,0.51);
    border-radius:0.36rem;
    width:3.44rem;
    height:0.72rem;
    font-size:0.34rem;
    line-height: 0.72rem;
    color:#ffffff;
    letter-spacing:-0px;
    text-align:center;
    margin: 0 auto;
}

.content_item {
    width: 5.31rem;
    margin: 0 auto;
    padding-top: 0.44rem;
}

.content_item .title {
    padding: 0.48rem 0;
    font-size:0.4rem;
    color:#ff5245;
    letter-spacing:-0px;
    text-align:center;
    line-height:0.48rem;
    font-weight: bold;
}

.content_item .title_min {
    padding: 0.48rem 0;
    font-size:0.4rem;
    color:#ff5245;
    letter-spacing:-0px;
    text-align:center;
    line-height:0.48rem;
    width: 2.98rem;
    margin: 0 auto;
    font-weight: bold;
}

.content_item .info {
}

.content_item .bg_chat{
    width: 4.2rem;
    height: 7.31rem;
    margin: 0 auto;
    background: url(./image/bg_chat.png) no-repeat;
    background-size: cover;

}

.content_item .share_1v1_bg{
    width: 4.2rem;
    height: 7.48rem;
    margin: 0 auto;
    background: url(./image/share_1v1_bg.png) no-repeat;
    background-size: cover;
}

.content_item .share_info ul{
    font-size: 0;
}
.content_item .share_info li{
    padding: 0.21rem 0rem 0.21rem 1.1rem;
    font-size:0.32rem;
    color:#ff5245;
    letter-spacing:-0px;
    line-height:0.48rem;
    text-align:left;
}

.content_item .share_info .video_call{
    background: url(./image/icon_video_call.png) 0.5rem 0.29rem no-repeat;
    background-size: 0.32rem 0.32rem;
}

.content_item .share_info .reward{
    background: url(./image/icon_reward.png) 0.5rem 0.29rem no-repeat;
    background-size: 0.32rem 0.32rem;
}

.content_item .share_info .gift{
    background: url(./image/icon_gift.png) 0.5rem 0.29rem no-repeat;
    background-size: 0.32rem 0.32rem;
}

.dl {
    margin-top: 0.7rem;
    background:#e7483c;
    height: 0.98rem;
    width: 100%;
    line-height: 0.98rem;
    font-size:0.32rem;
    color:#ffffff;
    letter-spacing:-0px;
    text-align:center;
}