body{position: relative;}
/*首页头部*/
.sy_header{width: 7.2rem;height: .76rem;background: #E40177;color: #fff}
.sy_header span{float: left;font-size: .4rem;line-height:.76rem;width: 1.75rem;text-align: center; }
.sy_header div{float: left;width: 4.06rem;height: .57rem;margin-top: .1rem;border-radius: .5rem;background:#fff;line-height: .6rem}
.sy_header em{float: left;width: .27rem;height: .27rem;background: url(../img/sy_search.png) no-repeat center center;background-size: cover;margin-left: .26rem;margin-top: .15rem;margin-right: .2rem;}
.sy_header input{font-size: .22rem;line-height: .3rem;color: #969696}
.sy_header b{    float: right;
    width: .58rem;
    position: relative;
    height: .76rem;
    color: #fff;
    font-size: .28rem;
    line-height: .76rem;
    overflow: hidden;
    margin-right: .2rem;
}
.sy_header .icon_map{
    width: .61rem;
    height: .76rem;
    float: right;
    background: url(../img/sy_map.png) no-repeat .25rem .22rem;
    background-size: .26rem;
    margin: 0;
}
.sy_header b i{
    display: block;
    height: .78rem;
    position: absolute;
    left: 0;
    white-space:nowrap;
}
/*首页导航*/
.sy_nav{width: 7.2rem;height: .76rem;position: relative;}
.sy_nav .nav-container{
    width: 6.4rem;
    overflow: hidden;
    display: inline-block;
}
.sy_nav li{float: left;margin-left: .54rem;line-height: .76rem;height: .76rem;}
.sy_nav li:nth-child(1){margin-left: .25rem;}
.sy_nav li a{font-size: .32rem;line-height: .3rem;color: #1E1E1E;}
.sy_nav .sy_nav_current{
    background: url(../img/sy_nav_current.png) no-repeat center bottom;
    background-size: 80% .04rem;
    line-height: .8rem;
}
.sy_nav .sy_nav_current a{color: #E40177;font-size: .36rem;}
.sy_nav span{float: right;margin-right: .25rem;width: .33rem;height: .2rem;background: url(../img/sy_choose.png) no-repeat center center;background-size: cover;margin-top: .28rem;}
/*banner*/
.sy_banner{ position:relative; overflow:hidden;}
.sy_banner img{ width:100%;display:block}
.sy_banner_title{ line-height:.7rem; padding:0 .2rem; font-size:.26rem; color:#1e1e1e; padding-right:1rem;-webkit-line-clamp: 1;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;height: .7rem;}
.sy_banner .swiper-pagination{ position:absolute; right:0; text-align:right}
.sy_banner .sy_banner_label{ margin-right:.2rem} 
.sy_banner_label{ display:inline-block; line-height:.3rem; float:left; margin-top:.18rem; border:1px solid #c8c8c8; border-radius:3px; font-size:.2rem; color:#C8C8C8; padding:0 .08rem;}
.sy_banner .swiper-pagination { right:.2rem; width:auto}
.sy_banner .swiper-pagination .swiper-pagination-bullet {
background: #e6e6e6;opacity: 1; margin:0 .08rem; width:.12rem; height:.12rem; background:url(../img/focus-bullet.png) no-repeat center center; background-size:.12rem}
.sy_banner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;width: .1rem; background:url(../img/focus-active.png) no-repeat center; background-size:.12rem}
.sy_banner .swiper-pagination,.sy_banner .swiper-pagination-bullets{ width:100%; bottom:.2rem;}
/*刷新提示*/
.refresh_prompt_no{z-index: 999;position: absolute;top: 1.62rem;left: 1.84rem;width: 3.51rem;height: .51rem;font-size: .26rem;line-height: .51rem;text-align: center;background: #E6EBF1;color: #008CD2;border-radius: .2rem;}
.refresh_prompt_drop{height: .76rem;line-height: .76rem;text-align: center;border-top: 1px solid #EBEBEB;
    position: relative;
    font-size: .2rem;
    color: #969696;
}
.refresh_prompt_drop span{
    display: block;
    position: absolute;
    width: .2rem;
    height: .32rem;
    background: url(../img/refresh_prompt_drop.png) no-repeat center center;
    background-size: cover;
    top: .22rem;
    left: 2.9rem;
}
.refresh_prompt_release{
    height: .76rem;
    line-height: .76rem;
    text-align: center;
    border-top: 1px solid #EBEBEB;
    position: relative;
    font-size: .2rem;
    color: #969696;
}
.refresh_prompt_release span{
    display: block;
    position: absolute;
    width: .2rem;
    height: .32rem;
    background: url(../img/refresh_prompt_release.png) no-repeat center center;
    background-size: cover;
    top: .22rem;
    left: 2.9rem;
}

.refresh_prompt_recommend{
    height: .76rem;
    line-height: .76rem;
    text-align: center;
    border-top: 1px solid #EBEBEB;
    position: relative;
    font-size: .2rem;
    color: #969696;
}
.refresh_prompt_recommend span{
    display: block;
    position: absolute;
    width: .5rem;
    height: .5rem;
    background: url(../img/refresh_prompt_recommend.png) no-repeat center center;
    background-size: cover;
    top: .14rem;
    left: 2.6rem;
}
.refresh_prompt_releasemore{
    height: .4rem;
    padding: .2rem 0;
    text-align: center;
    font-size: .28rem;
    color: #969696;
}
.refresh_prompt_loading{
    height: .4rem;
    padding: .2rem 0;
    text-align: center;
    font-size: .28rem;
    color: #969696;
    background: url(../img/refresh_prompt_loading.png) no-repeat 2.6rem center;
    background-size: .44rem .44rem;
}
/*下载客户端*/
.sy_down{
    background: url(../img/sy_downbg.png) center;
    background-size: cover;
    height: .4rem;
    padding: .2rem 0;
    text-align: center;
    margin: .26rem 0;
    line-height: .4rem;
}
.sy_down a{
    display: inline-block;
    background: url(../img/sy_downa.png) no-repeat center right;
    background-size: .24rem;
    padding-right: .4rem;
    font-size: .28rem;
    color: #969696;
}

/*空白条*/
.spacing{
    background: #f5f5f5;
    height: .1rem;
    width: 100%;
    margin: 0 auto;
}

/*普通新闻样式*/
.news_article{
    width: 6.8rem;
    padding: 0 .2rem;
}
.news_article h2{
    font-size: .34rem;
    line-height: .5rem;
    color: #1E1E1E;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-top: .33rem;
}
.news_article .news_source{
    font-size: .2rem;
    color: #969696;
    line-height: .5rem;
    margin-bottom: .25rem;
}
.news_article .news_content{
    font-size: .3rem;
    line-height: .45rem;
    color: #1E1E1E;
    word-break: break-all;
    text-align: justify;
    position: relative;
}
.news_article .news_photo {
    margin: .3rem 0;
}
.news_article .news_photo img{
    width: 100%;
    display: block;
} 
.news_article .news_photo p{
    font-size: .32rem;
    line-height: .3rem;
    color: #969696;
    padding: .3rem 0 0 0;
    text-align: center;
}
.news_article .news_shadow{
    height: .95rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background-image: linear-gradient(top, rgbargba(255,255,255,0) 0%, rgbargba(255,255,255,1) 100%);
}
.news_article .news_loadmore{
    font-size: .26rem;
    width: 6.8rem;
    height: 1rem;
    line-height: 1rem;
}
.news_article .news_loadmore span{
    color:#008CD2;
}

.news_article .news_loadmore b{
    width: 1.41rem;
    height: .45rem;
    border:1px solid #c8c8c8;
    border-radius: .2rem;
    color: #969696;
    line-height: .48rem;
    margin-top: .25rem; 
    float: right;
    text-align: center;
    font-weight: normal;
}
.news_article .news_zan{
    width: 6.8rem;
    height: .92rem;
    text-align: center;
    line-height: .92rem;
    font-size: .24rem;
    color: #fff;
}
.news_article .news_zan span{
    display: inline-block;
    width: 2.76rem;
    height: .92rem;
    background: #E40177;
    border-radius: .4rem;
}
.news_article .news_zan b{
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background: url(../img/news_zan_bg.png) no-repeat center center;
    background-size: cover;
    margin-right: .18rem;
}
.news_article .news_tips{
    width: 6.8rem;
    font-size: .24rem;
    line-height: .3rem;
    color: #b4b4b4;
    margin: .4rem 0;
    text-align: center;
}
/*精彩评论*/
.review {
    padding: 0 .2rem;
}
.review_textarea{ margin-top:.2rem;display: none;}
.review_textarea textarea{ width:94%; border:1px solid #e6e6e6; height:1.6rem; border-radius:5px; padding:3%; font-size:.3rem; color:#969696; background:#fff;box-shadow:0px 0px 0px rgba(0,0,0,0);
     -webkit-appearance:none;}
.review_btn{ height:.4rem; margin-top:.3rem;margin-bottom: .3rem; -webkit-appearance: none; }
.review_btn a{ display:block; width:.9rem; height:.4rem; text-align:center; color:#fff; font-size:.3rem;line-height:.4rem; border-radius:50px;}
.review_btn a.review_btn_l{ background:#c8c8c8}
.review_btn a.review_btn_r{ background:#e40177;float: right;}
.review .wr_title{
    height: 1rem;
    border-bottom: 1px solid #EBEBEB;
    font-size: .3rem;
    color: #1E1E1E;

}
.review .wr_title span{
    float: left;
    line-height: .35rem;
    padding-left: .6rem;
    margin-top: .32rem;
    background: url(../img/wr_title_span.png) no-repeat left center;
    background-size:.4rem .35rem ;
}
.review .wr_title b{
    float: right;
    font-weight: normal;
    line-height: .35rem;
    padding-right: .6rem;
    margin-top: .32rem;
    background: url(../img/wr_title_b.png) no-repeat center right;
    background-size: .26rem .25rem;
}
.review .wr_content_no{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .3rem;
    color: #1E1E1E
}
.review li .wr_content_txt {
    line-height:.4rem;
    font-size:.28rem;
    word-wrap: break-word; 
    position:relative
}
.review li .wr_content_txt .list_j{ 
    top:-.2rem
}
.review li {
    position: relative;
    min-height:.8rem;
    border-bottom: 1px solid #ebebeb;
    padding:.2rem 0;
    padding-left:.8rem
}
.review li .list_j{ 
    right:.8rem
}
.review li .wr_content_mame{ 
    color:#969696;
    font-size:.26rem;
}
.review li .wr_content_tx {
    width:.6rem;
    height:.6rem;
    position: absolute;
    left: 0;
    top:.2rem;
    border-radius: 100%
}
.jz_more{ 
    display:block; 
    width:100%; 
    padding:.2rem 0; 
    text-align:center; 
    font-size:.28rem
}
.wr_content_reply{ 
    position:absolute; 
    right:0; 
    top:.2rem
}
.wr_content_reply .wr_content_zan{
    height:.44rem;
    line-height:.44rem; 
}
.wr_content_reply .wr_content_zan{ 
    background:url(../img/comment_zan.png) no-repeat right .04rem; 
    padding-right:.4rem; 
    background-size:.3rem;  
    display:inline-block
}
.wr_content_reply .wr_content_zan_on{ 
    background:url(../img/comment_zan_on.png) no-repeat right .04rem; 
    background-size:.3rem
}

.wr_content_levy{ 
    margin:.2rem 0 .3rem 0;
    background: #fff;
}
.wr_content_levy li{ 
    padding:.2rem; 
    font-size:.28rem; 
    position:relative
}
.wr_content_levy li h2{ 
    color:#969696; 
}
.wr_content_levy li h3{
 font-size:.24rem 
}
.wr_content_levy li p{
    line-height:.46rem
}
.wr_content .wr_content_more{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .32rem;
    color: #1E1E1E;
}
/*推荐新闻*/
.rd_news {
    padding: 0 .2rem;
}
.rd_news .rd_title{
    height: 1rem;
    border-bottom: 1px solid #EBEBEB;
    font-size: .3rem;
    color: #1E1E1E;

}
.rd_news .rd_title span{
    float: left;
    line-height: .35rem;
    padding-left: .6rem;
    margin-top: .32rem;
    background: url(../img/rd_title.png) no-repeat left center;
    background-size:.4rem .35rem ;
}
/*推荐新闻*/
.rd_news {
    padding: 0 .2rem;
}
.rd_news .rd_title{
    height: 1rem;
    border-bottom: 1px solid #EBEBEB;
    font-size: .3rem;
    color: #1E1E1E;

}
.rd_news .rd_title span{
    float: left;
    line-height: .35rem;
    padding-left: .6rem;
    margin-top: .32rem;
    background: url(../img/rd_title.png) no-repeat left center;
    background-size:.4rem .35rem ;
}
/*更多新闻*/
.news_more{ 
    height: 1rem;
    background:url(../img/news_more_icon.png) no-repeat .2rem center;
    background-size: .41rem .35rem;
}
.news_more a{ 
    background:url(../img/news_more.png) no-repeat 6.8rem center; 
    background-size:.13rem .26rem; 
    display:block; 
    padding-left:.8rem;
    font-size:.3rem;
    height: 1rem;
    line-height: 1rem;
}
.news_more a span{
    color: #E40177;
}

/*专题页面*/
/*专题内容*/
.zt_content img{
    display: block;
    width: 100%;
}
.zt_content p{
    font-size: .28rem;
    line-height: .4rem;
    color: #464C55;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: .3rem 0;
    padding: 0 .36rem;
}
.zt_content .zt_title{
    padding-left: .36rem;
    font-size: .3rem;
    line-height: .6rem;
    color: #1E1E1E;
    text-align: center;
    overflow: hidden;
}
.zt_content .zt_title span{
    float: left;
    height: .61rem;
    border: 1px solid #c8c8c8;
    border-radius: .2rem;
    margin-right: .12rem;
    margin-bottom: .3rem;
    padding: 0 .18rem;
}
.zt_content .zt_title span:last-child{
       float: left;
    height: .61rem;
    /* width: 1.56rem; */
    border: 1px solid #c8c8c8;
    border-radius: .2rem;
    margin-right: .12rem;
    margin-bottom: .3rem;
    padding: 0 .2rem;
}
/*专题子栏目列表*/
.zt_zlm .zt_zlm_title{
    height: .6rem;
    background:#F5F5F5;
    font-size: .34rem;
    line-height: .62rem;
    color: #464C55;
    padding: 0 .36rem;
}
.zt_zlm .zt_zlm_title span{
        font-size: .26rem;
        line-height: .26rem;
        color: #969696;
        padding-right: .38rem;
        background: url(../img/zt_zlm_h.png) no-repeat right center;
        background-size: .18rem .26rem;
        float: right;
        /* margin-top: .16rem; */
        height: .6rem;
        line-height: .62rem;
}
.zt_zlm .zt_zlm_list{
    padding: 0 .36rem;
    overflow:hidden;
}
.zt_zlm_list{
    padding:0 .36rem;
}

/*视频新闻*/
.news_video{
    margin-bottom: .25rem;
    position: relative;
}
video::-webkit-media-controls-enclosure {
    display: none !important;
}
.news_video span{
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    display: block;
    color: #FFFEFE;
    font-size:.22rem;
    line-height: .39rem;
    padding-left: .1rem;
    background: url(../img/lm_list_vidobg.png) no-repeat center center;
    background-size:.86rem .86rem;
}
/*赞过的人*/
.zan_list h2{
    font-size: .36rem;
    color: #1E1E1E;
    text-align: center;
    height: .76rem;
    line-height: .76rem;
    border-bottom: 1px solid #EBEBEB;
}
.zan_list li{
    height: .81rem;
    line-height: .81rem;
    border-bottom: 1px solid #EBEBEB;
    font-size: .3rem;
    color: #1E1E1E;
}
.zan_list img{
    float: left;
    width: .5rem;
    height: .5rem;
    padding: .15rem .2rem;
}

/*资讯页频道管理*/
.zx_manage{
    width: 100%;
    height: 100%;
    position: absolute;
    top: .76rem;
}
.zx_manage h2{
    width: 7.2rem;
    height: .76rem;
    background: #F5F5F5;
}
.zx_manage h2 b{
    font-size: .32rem;
    color: #1E1E1E;
    line-height: .3rem;
    float: left;
    margin-left: .3rem;
    font-weight: normal;
    margin-top: .23rem;
}
.zx_manage h2 span{
    background: url(../img/zx_manage.png) no-repeat center center;
    background-size: cover;
    float: right;
    width: .32rem;
    height: .18rem;
    margin-right: .3rem;
    margin-top: .29rem;
}
.zx_manage ul{
    margin-left: .19rem;
    overflow: hidden;
    padding-top: .34rem;
}
.zx_manage li{
    position: relative;
    width: 1.56rem;
    height: .71rem;
    float: left;
    text-align: center;
    font-size: .32rem;
    line-height: .71rem;
    border:1px solid #c8c8c8;
    border-radius: .4rem;
    margin-right: .14rem;
    margin-bottom:.34rem;
}
.zx_manage .hot{
    display: block;
    position: absolute;
    width: .47rem;
    height: .21rem;
    top: -.1rem;
    left: 0;
    background: url(../img/zx_manage_hot.png) no-repeat center center;
    background-size: .47rem .21rem;
}
.zx_tips{
    width:7rem;
    text-align: right;
    font-size: .24rem;
    color: #969696;
    line-height: .4rem;
    padding-right: .19rem;
}
.zx_null{
    opacity: 0;
}
.zx_manage .zx_move{
    position: absolute;
    border: 1px solid #e40177;
    color: #e40177;
    opacity: .8;
    top: 3.8rem;
    left: 4rem;
}
/*城市列表*/
.city_top{    
    background: #F5F5F5;
    position: relative;
    z-index: 99;
    overflow: hidden;
    height: .76rem;
    font-size: .28rem;
    line-height: .76rem;
    color: #969696;
}
.city_search{
    float: left;
    height: .57rem;
    width: 6.09rem;
    border-radius: .3rem;
    margin: .1rem .2rem;
    display: -webkit-box;
    position: relative;
    overflow: inherit;
    background: #fff;
}
.city_search .search_icon{ 
    background:url(../img/search_icon.png) no-repeat center center; 
    width:.27rem; 
    height:.27rem; 
    background-size:.27rem; 
    position:absolute; 
    left:.2rem; 
    top:.13rem
}
.city_search .search_inp{ 
    width: 100%;
    height: .57rem;
    line-height: .57rem;
    color: #1e1e1e;
    margin-left: .7rem;
    -webkit-box-flex: 1;
    display: block;
    font-size: .3rem;
    padding-right: .3rem;
    margin-top: -.03rem; 
}
.city_search .search_inp::-webkit-input-placeholder{
    font-size: .22rem
}
.city_maybe{    
    background: #fff;
    line-height: .8rem;
    padding: 0 .2rem;
    font-size: .32rem;
}
.city_title{    
    background: #f5f5f5;
    line-height: .8rem;
    padding: 0 .2rem;
    font-size: .32rem;
}
.city_list{ padding:0 .2rem}
.city_list li{ 
    line-height:.8rem; 
    font-size:.32rem;
    border-bottom:.02rem solid #f4f4f4;
}
.city_fixed{ 
    position: fixed; 
    width:.56rem; 
    background:#fff; 
    right:0; 
    top:0; 
    z-index:9; height:100%;
}
.city_name{ 
    padding-top:.9rem
}
.city_name a{ 
    line-height:.4rem; 
    display:block; 
    width:.56rem; 
    text-align:center; 
    color:#969696; 
    font-size:.26rem
}
.city_name,.city_n{
    max-height: 100%;
    object-fit: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); 
    top:50%; 
    position:relative;
}
.city_f{ 
    position:fixed; 
    left:0; 
    top:0; 
    width:100%; 
    height:100%
}
.city_n{ 
    text-align:center;
}
.city_icon{ 
    display:block; 
    width:2.1rem; 
    height:2.1rem; 
    background:url(../img/city_icon.png) no-repeat; 
    background-size:2.1rem; 
    margin:0 auto
}
.city_n p{ 
    margin-top:.4rem; 
    color:#969696; 
    font-size:.3rem
}
/*活动页面*/
.active_h{
    width: 7.2rem;
    height: .76rem;
    text-align: center;
    line-height: .76rem;
    font-size: .36rem;
    color: #181818;
}
.active_h span{
    display: block;
    float: right;
    width: .53rem;
    height: .53rem;
    background: url(../img/active_search.png) no-repeat center center;
    background-size: .52rem .52rem;
    margin-top: .12rem;
    margin-right: .2rem;
}
/*活动简介*/
.active_summary img{
    width: 100%;
    display: block;
}
.active_summary h3{
    font-size: .32rem;
    line-height: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: .3rem .2rem .22rem .2rem;
    color:#1E1E1E ;
}
.active_summary p{
    font-size:.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-height: .4rem;
    margin: 0 .2rem;
}
.active_summary .active_click{
    position: relative;
    width: 80%;
    margin: .3rem auto .35rem auto;
    display: block;
    color: #c956b8;
    line-height: .32rem;
    border-radius: 5px;
    text-align: center;
    font-size: .14rem;
}
.active_summary .active_click:before{
    width: 100%;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    top: .15rem;
}
.active_summary .active_click b{
    position:relative;
    background:#fff;
    color:#969696;
    padding:0 .1rem;
    font-weight: normal;
    font-size: .28rem;
}
.active_list .active_user{
    width: 7.2rem;
    height: .84rem;
    background: url(../img/active_jc.png) no-repeat 5.11rem center; 
    background-size: .84rem .84rem;
    margin: .08rem 0;
}
.active_list .active_user img{
    width: .61rem;
    height: .61rem;
    display: block;
    float: left;
    margin-left: .2rem;
    margin-top: .1rem;
}
.active_list .active_user span{
    float: left;
    height: .84rem;
    line-height: .84rem;
    font-size: .26rem;
    color: #969696;
    margin-left: .2rem;
}
.active_list .active_user b{
    float: right;
    margin-right: .2rem;
    height: .84rem;
    line-height: .84rem;
    font-size: .26rem;
    color: #969696;
    font-weight: normal;
}
.active_list .active_list_title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin: -.04rem .2rem .16rem .2rem;
    font-size: .32rem;
    line-height: .4rem;
    color: #1E1E1E;
}
.active_list .active_list_dec{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin: 0rem .2rem .16rem .2rem;
    font-size: .28rem;
    line-height: .35rem;
    color: #969696;
}
.active_list .active_zan .active_num{
    font-size: .24rem;
    line-height: .54rem;
    color: #969696;
    padding-left: .2rem;
}
.active_list .active_pic{
    width: 6.8rem;
    margin: .2rem .2rem 0 .2rem;
    height: .5rem;
    overflow: hidden;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: .2rem;
}
.active_list .active_pic a span{
    float: left;
    width: .5rem;
    height: .5rem;
    margin-right: .25rem; 
}
.active_list .active_pic a span:last-child{
    margin-right:0; 
}
.active_list .active_pic a b{
    float: right;
    width: .13rem;
    height:.5rem;
    background: url(../img/active_picb.png) no-repeat center center;
    background-size: .13rem .26rem;
}
.active_list .active_pic  a span img{
    width: 100%;
    display:block;
}
.active_list .active_comment{
    height: .8rem;
    padding: 0 .2rem;
}
.active_list .active_comment span{
    float: left;
    padding-left: .45rem;
    height: .3rem;
    background: url(../img/active_comment_zan.png) no-repeat left center;
    background-size: .3rem .3rem;
    color: #181818;
    font-size: .28rem;
    line-height: .3rem;
    margin-top: .25rem;
}
.active_list .active_comment b{
    float: right;
    padding-left: .5rem;
    height: .3rem;
    background: url(../img/active_comment_comment.png) no-repeat left center;
    background-size: .34rem .3rem;
    color: #181818;
    font-size: .28rem;
    line-height: .3rem;
    margin-top: .25rem;
    font-weight: normal;
}

.active_list .active_list_imgbox_1{
    width: 5.4rem;
    height: 5.4rem;
    margin: .3rem 0 .3rem .9rem;
}
.active_list .active_list_imgbox_1 li{
    width: 5.4rem;
    height: 5.4rem;
    background: url(../img/active_list_imgbox.png) no-repeat center center;
    background-size: cover;
}
.active_list .active_list_imgbox_2{
    width: 5.5rem;
    margin: .3rem 0 .2rem .9rem;
    overflow: hidden;

}
.active_list .active_list_imgbox_2 li{
    width: 2.56rem;
    height: 2.56rem;
    float: left;
    margin-right: .1rem;
    margin-bottom: .1rem;
    background: url(../img/active_list_imgbox.png) no-repeat center center;
    background-size: cover;
}
.active_list .active_list_imgbox_3{
    width: 5.6rem;
    margin: .3rem 0 .2rem .9rem;
    overflow: hidden;

}
.active_list .active_list_imgbox_3 li{
    width: 1.74rem;
    height: 1.74rem;
    float: left;
    margin-right: .1rem;
    margin-bottom: .1rem;
    background: url(../img/active_list_imgbox.png) no-repeat center center;
    background-size: cover;
}
.active_list .active_list_videobox{
    width: 5.4rem;
    height: 2.63rem;
    background: url(../img/active_list_video.png) no-repeat center center;
    background-size: cover;
    margin: .3rem 0 .3rem .9rem;
    overflow: hidden;

}
.active_list .active_list_videobox span{
    width: 100%;
    height: 100%;
    float: left;
    background: url(../img/lm_list_vidobg.png) no-repeat center center;
    background-size: .86rem .86rem;
}
.active_camera{
    width: 1.51rem;
    height: 1.51rem;
    position: fixed;
    bottom: .8rem;
    left: 45%;
    margin-left: -.23rem;
    background: url(../img/active_camera.png) no-repeat;
    background-size: 1.5rem;
    z-index: 999;
}
/*活动收索*/
/*城市列表*/
.as_top{    
    background: #F5F5F5;
    position: relative;
    z-index: 99;
    overflow: hidden;
    height: .76rem;
    font-size: .28rem;
    line-height: .76rem;
    color: #969696;
}
.as_search{
    float: left;
    height: .57rem;
    width: 6.09rem;
    border-radius: .3rem;
    margin: .1rem .2rem;
    display: -webkit-box;
    position: relative;
    overflow: inherit;
    background: #fff;
}
.as_search .as_search_icon{ 
    background:url(../img/search_icon.png) no-repeat center center; 
    width:.27rem; 
    height:.27rem; 
    background-size:.27rem; 
    position:absolute; 
    left:.2rem; 
    top:.13rem
}
.as_search .as_search_inp{ 
    width: 100%;
    height: .57rem;
    line-height: .57rem;
    color: #1e1e1e;
    margin-left: .7rem;
    -webkit-box-flex: 1;
    display: block;
    font-size: .3rem;
    padding-right: .3rem;
    margin-top: -.03rem; 
}
.as_search .as_search_inp::-webkit-input-placeholder{
    font-size: .22rem
}
.as_lately{
    width: 7.2rem;
    overflow: hidden;
}
.as_lately div{
    overflow: hidden;
}
.as_lately span{
    float: left;
    font-size: .3rem;
    line-height: .3rem;
    color: #1E1E1E;
    margin-left: .2rem;
    margin-top: .4rem;
}
.as_lately b{
    float: right;
    margin-right: .2rem;
    margin-top: .35rem;
    width: .36rem;
    height: .37rem;
    background:url(../img/as_lately.png) no-repeat center center;
    background-size: 0.36rem .37rem;
}
.as_lately ul{
    overflow: hidden;
    margin-left: .2rem;
    margin-top: .4rem;
}
.as_lately li{
    font-size: .3rem;
    float: left;
    line-height: .3rem;
    padding: .18rem .26rem;
    background: #F5F5F5;
    border-radius: .1rem;
    color: #1E1E1E;
    margin-right: .24rem;
    margin-bottom: .4rem;
}
.as_hot{
    width: 7.2rem;
    overflow: hidden;
}
.as_hot div{
    overflow: hidden;
}
.as_hot span{
    float: left;
    font-size: .3rem;
    line-height: .32rem;
    color: #1E1E1E;
    margin-left: .2rem;
}
.as_hot ul{
    overflow: hidden;
    margin-left: .2rem;
    margin-top: .4rem;
}
.as_hot li{
    font-size: .3rem;
    float: left;
    line-height: .3rem;
    padding: .18rem .26rem;
    background: #F5F5F5;
    border-radius: .1rem;
    color: #1E1E1E;
    margin-right: .24rem;
    margin-bottom: .4rem;
}
.as_hot .red{
    color:#E40177;
}
.as_no{
    position: relative;
    width: 7.2rem;
    height: 7.72rem;
    background: url(../img/as_no.png) no-repeat  center 3.87rem;
    background-size: 3.03rem 1.72rem;
}
.as_no p{
    text-align: center;
    position: absolute;
    top: 6.4rem;
    font-size: .3rem;
    color: #969696;
    line-height: .32rem;
    width: 100%
}

/*活动详情正文*/
.active_article{
    width: 6.8rem;
    padding: 0 .2rem;
}
.active_article h2{
    font-size: .34rem;
    line-height: .5rem;
    color: #1E1E1E;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-top: .33rem;
}
.active_article .active_source{
    font-size: .2rem;
    color: #969696;
    line-height: .6rem;
    margin-bottom: .25rem;
    padding-left: .8rem;
    background: url(../img/active_yk_yk.png) no-repeat left center;
    background-size: .6rem;
    margin-top: .2rem;
}
.active_article .active_content{
    font-size: .3rem;
    line-height: .45rem;
    color: #1E1E1E;
    word-break: break-all;
    text-align: justify;
    position: relative;
}
.active_article .active_zan{
    width: 6.8rem;
    height: .92rem;
    text-align: center;
    line-height: .92rem;
    font-size: .24rem;
    color: #fff;
    margin: .4rem auto;
}
.active_article .active_zan span{
    display: inline-block;
    width: 2.76rem;
    height: .92rem;
    background: #E40177;
    border-radius: .4rem;
}
.active_article .active_zan b{
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background: url(../img/news_zan_bg.png) no-repeat center center;
    background-size: cover;
    margin-right: .18rem;
}