body{
    height:100%;
    background:#f3f3f3;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
}
.container{
    position:relative;
    height:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom:5rem;
    /* overflow-y:scroll; */
    -webkit-overflow-scrolling:touch;
}
.content-slide{
    overflow-y:auto;
    height:100%;
}
/* 背景图 */
.banners-content{
    width:100%;
    position:relative;
    padding-bottom:56.25%;
}
.banners-content img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.invitation-card{
    position:absolute;
    right:0;
    top:0;
    padding:.4rem 1rem;
    background:#0084ff;
    border-bottom-left-radius:1rem;
}
.invitation-card span{
    font-size:1.2rem;
    color:#fff;
}
.invitation-card i{
    width:1.2rem;
    height:1.2rem;
    background:url(../images/index-01.png)no-repeat;
    background-size:1.2rem 1.2rem;
    display:inline-block;
    margin-right:.5rem;
}
.goinLive{
    background:rgba(0, 0, 0, 0.6);
    padding:1rem 1.5rem;
    border:1px solid rgba(255, 255, 255, 0.7);
    border-radius:20rem;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}
.goinLive i{
    width:1.7rem;
    height:1.6rem;
    background:url(../images/goinLive.gif)no-repeat;
    background-size:1.7rem 1.6rem;
    display:inline-block;
}
.goinLive p,.pauseLive p{
    font-size:1.4rem;
    color:#fff;
    font-weight:bold;
    margin-left:0.3rem;
}
.pauselive{
    width:5.5rem;
    height:5.5rem;
    background:url(../images/pause.png)no-repeat;
    background-size:5.5rem 5.5rem;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}
.pauseLive{
    background:rgba(0, 0, 0, 0.6);
    padding:1rem 1.5rem;
    border:1px solid rgba(255, 255, 255, 0.7);
    border-radius:20rem;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}
.pauseLive i{
    width:1.1rem;
    height:1.3rem;
    background:url(../images/pauseLive.png);
    background-size:1.1rem 1.3rem;
    display:inline-block;
}
.mengban{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background:#000;
    height:5.8rem;
    background:url(../images/mengban.png)no-repeat;
    background-size:cover;
}
.mengban-t{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background:#000;
    height:5rem;
    background:url(../images/mengban-t.png)no-repeat;
    background-size:cover;
}
.djs{
    position:absolute;
    bottom:.6rem;
    left:1.5rem;
    font-size:1.3rem;
    color:#fff;
}
.djs p{
    font-size:1.3rem;
    color:#fff;
    margin:0 0.5rem 0 0;
}
.djs span{
    font-size:1.5rem;
    color:#ffb910;
    font-weight:bold;
}
/* 标题时间 */
.coo{
    padding-left:1.5rem;
    background:#fff;
    margin-bottom:1rem;
}
.titleGp{
    border-bottom:.5px solid #f0f0f0;
    padding:1.5rem 1.5rem 1.5rem 0;
}
.titleGp p.dabt{
    font-size:2rem;
    color:#353535;
    font-weight:bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    margin-bottom:.5rem;
}
.startime{
    margin-bottom:.2rem;
}
.startime span{
    font-size:1.5rem;
    color:#0084ff;
    font-weight:bold;
    margin-right:.3rem;
}
.words_l_see span{
    font-size:1.2rem;
    color:#b0b0b0;
    font-weight:normal;
}
.words_l_see i{
    width:1.1rem;
    height:.8rem;
    background:url(../images/index-07.png)no-repeat;
    background-size:1.1rem .8rem;
    display:inline-block;
}
.w-time_r p{
    font-size:1.3rem;
    color:#ffb910;
    font-weight:bold;
    margin-right:.3rem;
}
.w-time_r p s{
    text-decoration:none;
}
.w-time_r s.jia{
    font-size:12px;
    color:#b0b0b0;
}
.w-time_r i.cu{
    width:1.4rem;
    height:1.4rem;
    background:url(../images/cu.jpg)no-repeat;
    background-size:100% 100%;
    display:inline-block;
    margin-right:.2rem;
}
.cont{
    position:relative;
    padding:1.5rem 1.5rem 1.5rem 0;
    border-bottom: .5px solid #f0f0f0;
}
.cont p.ttbt{
    font-size:1.5rem;
    color:#353535;
    margin-right:.5rem;
}
.cont ul li{
    width:2rem;
    height:2rem;
    margin-right:0.2rem;
}
.cont ul li img{
    width:100%;
    height:100%;
    border-radius:50%;
}
.cont ul li img{
    width:100%;
    height:100%;
    border-radius:50%;
}
.right_down{
    width:0.9rem;
    height:1.4rem;
    background:url(../images/index-10.png)no-repeat;
    background-size:0.9rem 1.4rem;
    display:inline-block;
    margin-left:0.5rem;
}
/* 直播介绍 */
.jianjie{
    padding:1.5rem;
    background:#fff;
}
.sy-content{
    font-size:1.5rem;
    color:#747474;
}
.headbt{
    color:#353535;
    font-weight:bold;
    font-size:1.6rem;
}
.speaker{
    margin:.5rem 0;
}
.xq-cont{
    margin:.5rem 0;
    line-height:1.55;
}
.zq-img{
    padding-bottom:56.25%;
    position:relative;
}
.zq-img img{
    width:100%;
    height:100%;
    position:absolute;
    top: 0;
    left:0;
}
/* 频道和直播间 */
.channel-topic{
    padding:1.5rem 1.5rem 1.5rem 0;
    border-bottom:.5px solid #f0f0f0;
}
.ad-img{
    width:26.6%;
    padding-bottom:17.8%;
    position:relative;
    border-radius:.2rem;
    margin-right:.5rem;
}
.ad-img img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:.2rem;
}
.t-dbt p{
    font-size:1.4rem;
    color:#353535;
    font-weight:bold;
    margin-right:2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height:1.4;
}
.t-dbt p s{
    color:#0084ff;
    text-decoration:none;
}
.t-dbt span{
    font-size:1.2rem;
    color:#b0b0b0;
}
.live-room{
    padding:1.5rem 1.5rem 1.5rem 0;
}
.u-img{
    width:3.5rem;
    height:3.5rem;
    border-radius:50%;
    margin-right:.5rem;
}
.u-img img{
    width:100%;
    height:100%;
    border-radius:50%;
}
.u-words p{
    font-size:1.4rem;
    color:#353535;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.u-words span{
    font-size:1.2rem;
    color:#b0b0b0;
}
.u-words span s{
    text-decoration:none;
}
/* 精选留言 */
.re_class-a{
    padding-right:1.5rem;
    padding-top:1.5rem;
}
.re_class-a p{
    background:#fff;
    font-size:1.6rem;
    font-weight:bold;
    color:#353535;
}
.re_class-a span{
    font-size:1.4rem;
    color:#0084ff;
    display:block;
}
.re_class-a span i{
    width:1.2rem;
    height:1.4rem;
    background:url(../images/message.png)no-repeat;
    background-size:1.2rem 1.4rem;
    display:inline-block;
    margin-right:.5rem;
}
.re_class-a span s{
    text-decoration:none;
}
.room-mess{
    background:#fff;
    padding:0 1.5rem 0 0;
}
.mess ul li{
    position:relative;
    overflow:hidden;
    padding:1.5rem 0;
    border-bottom:.5px solid #f0f0f0;
}
.mess ul li img{
    width:4rem;
    height:4rem;
    border-radius:5rem;
    display:inline-block;
    margin-right:1rem;
}
.messzi{
    width:60%;
}
.messzi p{
    font-size:1.4rem;
    color:#353535;
    width:250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width:100%;
}
.messzi span{
    font-size:1.2rem;
    color:#747474;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.zanza{
    width:1.5rem;
    height:1.4rem;
    display:block;
}
.wzan{
    background:url(../images/index-11.png)no-repeat;
    background-size:1.5rem 1.4rem;
}
.yzan{
    background:url(../images/index-12.png)no-repeat;
    background-size:1.5rem 1.4rem;
}
.zans p{
    font-size:1.2rem;
    color:#666;
    text-align:center;
    margin-top:.5rem;
}
.no_more{
    padding:1rem 0;
    text-align:center;
    font-size:1.2rem;
    color:#b0b0b0;
    background:#fff;
}
/* 底部导航 */
.fixed0{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:15;
}
.nav-bottom{
    height:5rem;
    background:#fff;
    box-shadow:0px 3px 9px rgba(0,0,0,0.15);
    -webkit-box-shadow:0px 3px 9px rgba(0,0,0,0.15);
    -moz-box-shadow:0px 3px 9px rgba(0,0,0,0.15);
    -ms-box-shadow:0px 3px 9px rgba(0,0,0,0.15);
}
.other-butt{
    width:40%;
}
.other-butt a{
    display:block;
}
.other-butt a i{
    width:2rem;
    height:2rem;
    display:block;
    margin:0 auto .3rem;
}
.other-butt a i.lroom{
    background:url(../images/index-13.png)no-repeat;
    background-size:2rem 2rem;
}
.other-butt a i.caozuo{
    background:url(../images/index-14.png)no-repeat;
    background-size:2rem 2rem;
}
.other-butt a p{
    font-size:10px;
    color:#747474;
    text-align:center;
    font-weight:bold;
}
.inlive{
    width:60%;
    display: block;
    font-size:1.6rem;
    color:#fff;
    font-weight:bold;
    background:#0084ff;
    text-align:center;
    height:5rem;
    line-height:5rem;
}
/* 操作弹框 */
.fixed-tk{
    position:fixed;
    top: 0;
    left:0;
    width:100%;
    height:100%;
    z-index:16;
}
.new-tk{
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
}
.operation-tk{
    position:absolute;
    bottom:0;
    left:0;
    background:#fff;
    width:100%;
    padding-bottom:3rem;
}
.operation-tk ul li{
    float:left;
    width:25%;
    margin-top:3rem;
}
.operation-tk ul li a i{
    display:block;
    margin:0 auto .3rem;
    width:2.8rem;
    height:2.8rem;
}
.operation-tk ul li a i.distribution{
    background:url(../images/index-15.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a i.coupon{
    background:url(../images/index-16.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a i.up-load{
    background:url(../images/index-17.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a i.data{
    background:url(../images/index-18.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a i.edit{
    background:url(../images/index-19.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a i.push{
    background:url(../images/index-20.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a i.sign-up{
    background:url(../images/index-21.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a i.invite{
    background:url(../images/index-22.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.operation-tk ul li a p,.function-block ul li a p{
    font-size:1.2rem;
    color:#747474;
    text-align:center;
}
/* 频道详情 */
.dexq p.upd{
    font-size:1.2rem;
    color:#747474;
}
.dexq button{
    width:5rem;
    height:2.2rem;
    background:#ffb910;
    border-radius:0.2rem;
    font-size:1.3rem;
    text-align:center;
    color:#fff;
}
.dexq ul{
    margin:0 0 0 1rem;
}
.dexq ul li{
    width:1.9rem;
    height:1.9rem;
    border-radius:2rem;
    margin-right:0.2rem;
}
.dexq ul li img{
    width:100%;
    height:100%;
    border-radius:2rem;
}
.bott{
    width:5rem;
    height:2.2rem;
    background:#f3f3f3;
    border-radius:0.2rem;
    font-size:1.3rem;
    text-align:center;
    color:#747474;
    line-height:2.2rem;
}
.show-in{
    display:none;
}
/* 功能区 */
.function-block{
    padding:2rem 0;
    background:#fff;
}
.function-block ul li{
    width:25%;
    float:left;
}
.function-block ul li a i{
    display: block;
    margin:0 auto .3rem;
    width:2.8rem;
    height:2.8rem;
}
.function-block ul li a i.distribution{
    background:url(../images/index-15.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.function-block ul li a i.coupon{
    background:url(../images/index-16.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.function-block ul li a i.sale{
    background:url(../images/index-23.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
.function-block ul li a i.free{
    background:url(../images/index-33.png)no-repeat;
    background-size:2.8rem 2.8rem;
}
/* tab栏 */
.tabSlide{
    margin:1rem 0 0;
    background:#fff;
}
.tab-nav{
    height:4.5rem;
    line-height:4.5rem;
    border-bottom:.5px solid #f0f0f0;
}
.tab-nav ul li{
    font-size:1.5rem;
    color:#747474;
    font-weight:bold;
    text-align:center;
}
.tab-nav ul li s{
    text-decoration:none;
    display:inline-block;
}
.tab-nav ul li.current s{
    color:#0084ff;
    border-bottom:2px solid #0084ff;
    height:4.4rem;
}
.topiclistBox,.topiclistBox-s{
    padding:1.5rem 1.5rem 1.5rem;
}
.topiclistBox-s{
    padding:0 1.5rem;
    margin-bottom:0;
}
.topiclistBox ul li{
    width:100%;
    margin-bottom:2rem;
    padding-bottom:1rem;
    border-bottom:.5px solid #f0f0f0;
}
.topiclistBox ul li:last-child{
    margin-bottom:0;
}
.state-img {
    position: relative;
    background: #c6c6e6;
    cursor: pointer;
    width: 100%;
    padding-bottom: 56.25%;
    border-radius:.2rem;
}

.state-img img {
    width: 100%;
    height: 100%;
    position:  absolute;
    top: 0;
    left: 0;
    border-radius:.2rem;
}
.l_see{
    position:absolute;
    bottom:.7rem;
    right:.7rem;
}
.l_see i{
    width:1.1rem;
    height:0.8rem;
    background:url(../images/index-02.png)no-repeat;
    background-size:1.1rem 0.8rem;
    display:inline-block;
    margin-right:.3rem;
    vertical-align:middle;
    margin-top:2px;
}
.l_see span{
    font-size:11px;
    color:#fff;
}
.s-see span{
    font-size:11px;
    color:#747474;
}
.s-see{
    margin-right:.5rem;
}
.s-see i{
    width:1.1rem;
    height:0.8rem;
    background:url(../images/index-07.png)no-repeat;
    background-size:1.1rem 0.8rem;
    display:inline-block;
    margin-right:.3rem;
    vertical-align:middle;
    margin-top:2px;
}
.live-state{
    width:4.1rem;
    height:1.4rem;
    position:absolute;
    right:0;
    top: 0;
}
.state-b{
    background:url(../images/state-01.jpg)no-repeat;
    background-size:4.1rem 1.4rem;
}
.state-g{
    background:url(../images/state-02.jpg)no-repeat;
    background-size:4.1rem 1.4rem;
}
.state-o{
    background:url(../images/state-03.jpg)no-repeat;
    background-size:4.1rem 1.4rem;
}
.tozi{
    padding:0.7rem 0 0;
}
.t-dbt{
    margin-bottom:.5rem;
}
.t-dbt p{
    font-size:1.4rem;
    color:#353535;
    font-weight:bold;
    margin-right:2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height:1.4;
}
.more{
    width:2rem;
    height:1.5rem;
    background:url(../images/index-03.png)no-repeat;
    background-size:2rem 1.5rem;
    display:inline-block;
}
.w-time-l,.w-time-l-s{
    font-size:1.2rem;
    color:#747474;
}
.w-time-l{margin-bottom:.5rem;}
.w-time-l s{text-decoration:none;margin-left:.3rem;}
.w-time-l span{margin-left:.5rem;display:block;}
.w-time-l span s{color:#0084ff;text-decoration:none;}
.living i{width:.9rem;height:1rem;background:url(../images/living.gif)no-repeat;background-size:100% 100%;display:inline-block;margin-top:-2px;vertical-align:middle;}
.w-time-l-s .living i{width:.9rem;height:1rem;background:url(../images/living.gif)no-repeat;background-size:100% 100%;display:inline-block;margin-top:2px;vertical-align:middle;}
.w-time_r p.watch{font-size:12px;color:#b0b0b0 !important;font-weight:normal;}
.living s{color:#0084ff;text-decoration:none;margin-left:.3rem;}
.w-time_r p{
    font-size:1.5rem;
    color:#ffb910;
    font-weight:bold;
    margin-right:.3rem;
}
.w-time_r p s{
    text-decoration:none;
}
.w-time_r s.jia{
    font-size:12px;
    color:#b0b0b0;
}
.w-time_r i.cu{
    width:1.4rem;
    height:1.4rem;
    background:url(../images/cu.jpg)no-repeat;
    background-size:100% 100%;
    display:inline-block;
    margin-right:.2rem;
}
.no_more{
    padding:2rem 0;
    text-align:center;
    font-size:1.2rem;
    color:#b0b0b0;
}
.w-time_r i.pin{
    width:1.4rem;
    height:1.4rem;
    background:url(../images/pin.jpg)no-repeat;
    background-size:100% 100%;
    display:inline-block;
    margin-right:.2rem;
}
/* 小图 */
.topiclistBox-s ul li{
    padding:1.5rem 0;
    border-bottom:.5px solid #f0f0f0;
}
.state-img-s{
    position:relative;
    border-radius:.2rem;
    width:40%;
    padding-bottom:26.6%;
    margin-right:1rem;
}
.state-img-s img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:.2rem;
}
.w-time-l-s{
    margin-bottom:.5rem;
}
.nav-butt li{
    text-align:center;
}
.buttimg{
    position:relative;
    display:block;
}
.buttimg:after{
    content: " ";
    position: absolute;
    height: 60%;
    left: 0;
    top: 20%;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #ccc;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);

}
.buttimg img {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: .2rem;
}

.buttimg span {
    font-size: 1.5rem;
    color: #747474;
}
.nav-butt{
    width:100%;
}

/* 分享达人榜 */
.list-img{
    position:relative;
    padding-bottom:33.9%;
}
.list-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.list-a{
    background:#fff;
    padding:2rem 1.5rem;
    margin-bottom:1rem;
}
.list-a i{
    width:2.4rem;
    height:3.4rem;
    display:block;
    font-size:2.5rem;
    color:#747474;
    text-align:center;
    margin-right:1rem;
}
.l-img{
    width:4.5rem;
    height:4.5rem;
    border-radius:50%;
    margin-right:.5rem;
}
.l-img img{
    width:100%;
    height:100%;
    border-radius:50%;
}
.list-words p{
    font-size:1.5rem;
    color:#353535;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.list-words span{
    font-size:1.2rem;
    color:#747474;
}
.list-words span s{
    text-decoration:none;
    color:#0084ff;
}
.invite-card{
    display:block;
    padding:.6rem;
    background:#0084ff;
    color:#fff;
    font-size:1.2rem;
    border-radius:.2rem;
}
.list-of-people{
    background:#fff;
}
.list-of-people ul li{
    padding:1.5rem 0;
    border-bottom:.5px solid #f0f0f0;
    margin:0 1.5rem;
}
.list-of-people ul li i{
    width:2.4rem;
    height:3.4rem;
    display:block;
    font-size:2.5rem;
    color:#747474;
    text-align:center;
    margin-right:1rem;
}
.list-of-people ul li i.top-one{
    background:url(../images/top-one.png)no-repeat;
    background-size:100% 100%;
}
.list-of-people ul li i.top-two{
    background:url(../images/top-two.png)no-repeat;
    background-size:100% 100%;
}
.list-of-people ul li i.top-three{
    background:url(../images/top-three.png)no-repeat;
    background-size:100% 100%;
}
.list-of-people ul li button{
    padding:0.2rem .4rem;
    font-size:1.2rem;
    border-radius:.2rem;
    border:.5px solid #ffb910;
    display:block;
    color:#ffb910;
}

/* 直播间简介 */
.synopsis{
    padding:6.5rem 1.5rem 2.5rem;
}
.synopsis-in{
    background:#fff;
    border-radius:.2rem;
    padding:5rem 2rem 3rem;
    position:relative;
}
.sys{
    width:9rem;
    height:9rem;
    border-radius:50%;
    border:.2rem solid #fff;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
}
.sys img{
    width:100%;
    height:100%;
    border-radius:50%;
}
.add-zhuxue{
    margin-bottom:4rem;
}
.add-title{
    margin:0 auto;
}
.add-title i{
    width:1.3rem;
    height:.8rem;
    background:url(../images/add-friends.png)no-repeat;
    background-size:1.3rem .8rem;
    display:inline-block;
}
.add-title p{
    font-size:1.5rem;
    color:#353535;
    font-weight:bold;
    padding:0 .8rem;
}
.con-top{
    position:relative;
    display:inline-block;
}
.con{
    margin-bottom:2.5rem;
}
.con>p{
    font-size:1.8rem;
    color:#353535;
    font-weight:bold;
    margin-bottom:1.5rem;
}
.con span{
    font-size:1.4rem;
    color:#747474;
    line-height:1.5;
    /* display:block; */
}
.erweima{
    margin:2.5rem auto 1rem;
    width:15rem;
    height:15rem;
}
.erweima img{
    width:100%;
    height:100%;
}
.con-tips{
    font-size:1.4rem;
    color:#747474;
    text-align:center;
}
.con-tips span{
    color:#0084ff;
}
.dexq button,.startime button{
    width:5rem;
    height:2.2rem;
    background:#ffb910;
    border-radius:0.2rem;
    font-size:1.3rem;
    text-align:center;
    color:#fff;
}
.focus{
    cursor:pointer;
    width:4.5rem;
    height:2.2rem;
    background:url(../images/focus.png)no-repeat;
    background-size:4.5rem 2.2rem;
}
.yifocus{
    cursor:pointer;
    width:4.5rem;
    height:2.2rem;
    background:url(../images/yifocus.png)no-repeat;
    background-size:4.5rem 2.2rem;
}
/* 直播间搜索 */
.research{
    position:fixed;
    z-index:111;
    width:100%;
    padding:1rem;
    height:5.2rem;
    background:#fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.research span{
    font-size:1.6rem;
    color:#0084ff;
    display:none;
}
.research-name{
    background:#f3f3f3;
    padding:0.8rem 1.2rem;
    border-radius:5rem;
}
.research-name i{
    width:1.6rem;
    height:1.3rem;
    background:url(../images/mylive-01.png)no-repeat;
    background-size:1.5rem 1.2rem;
    display:inline-block;
    margin-right:0.5rem;
    vertical-align: middle;
    margin-top:3px;
}
.research-name input{
    font-size:1.3rem;
    color:#353535;
}
input::-webkit-input-placeholder{
    color:#b0b0b0;
}
input::-moz-placeholder{
    color:#b0b0b0;
}
input:-moz-placeholder{
    color:#b0b0b0;
}
input::-ms-input-placeholder{
    color:#b0b0b0;
}
.search-close{
    width:1.4rem;
    height:1.4rem;
    background:url(../images/search-close.png)no-repeat;
    background-size:1.4rem;
    display:none;
    position:absolute;
    top:50%;
    right:6rem;
    margin-top:-0.6rem;
}
.channel-zb{
    font-size:1.4rem;
    color:#636870;
    position:relative;
    margin-right:1rem;
}
.channel-select{
    appearance:none;
    -webkit-appearance:none;
    border:none;
    background: transparent;
    font-size: 1.4rem;
    color: #747474;
    margin-right:1rem;
}
.channel-xiala{
    display:none;
    position:absolute;
    width:9.4rem;
    background:#fff;
    text-align:center;
    font-size:1.5rem;
    color:#353535;
    border-radius:0.4rem;
    margin-top:0.8rem;
    margin-left:-1.5rem;
    z-index:999;
}
.channel-xiala li{
    padding:1rem 0;
}
.channel-xiala li a{
    color:#353535;
    display:block;
}
.channel-xiala li.channel-current a{
    color:#0084ff;
}
.channel-xiala i{
    display:block;
    background:url(../images/vzan-search-06.png)no-repeat;
    width:1.8rem;
    height:0.9rem;
    background-size:1.8rem;
    position:absolute;
    top:-0.9rem;
    left:2rem;
}
.type{
    background:url(../images/vzan-search-05.png)no-repeat;
    display:block;
    width:0.9rem;
    height:0.5rem;
    background-size:100% 100%;
    position: absolute;
    top:50%;
    right:-3px;
    margin-top:-0.05rem;
}
.search-box{
    margin-top:5.2rem;
}
.search-box .t-dbt p{
    margin-right:0;
}

/* 邀请成员列表 */
.invite-list{display:none;}
.guest-list{
    padding:2rem 0;
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
.guest-list>p{
    font-size:1.6rem;
    font-weight:bold;
    color:#353535;
    text-align:center;
}
.guest-list ul{
    height:30rem;
    overflow-y:scroll;
}
.guest-list ul li{
    float:left;
    width:20%;
    margin-top:2rem;
}
.guest-list ul li img{
    width:5rem;
    height:5rem;
    border-radius:50%;
    display:block;
    margin:0 auto 1rem;
}
.guest-list ul li p{
    font-size:1.3rem;
    color:#353535;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.close-b{
    width:1.3rem;
    height:1.3rem;
    background:url(../images/close.png)no-repeat;
    background-size:1.3rem 1.3rem;
    display:inline-block;
    position:absolute;
    top:1.5rem;
    right:1.5rem;
}
/* 用户端底部栏 */
.other-butt a i.free{
    background:url(../images/index-24.png)no-repeat;
    background-size:2rem 2rem;
}
.other-butt a i.coupon{
    background:url(../images/index-32.png)no-repeat;
    background-size:2rem 2rem;
}
.pay-admission{
    background:#ffb910;
}
.goinlive{
    font-size:1.6rem;
    color:#fff;
    font-weight:bold;
    width:100%;
    background:#0084ff;
    display:block;
    height:5rem;
}
.yzm{
    background:#fff;
    padding:.7rem 1.5rem;
}
.yzm-input{
    background:#f3f3f3;
    border-radius:5rem;
    padding:.8rem 1.2rem;
    margin-right:1rem;
}
.yzm button{
    font-size:1.6rem;
    color:#0084ff;
}
.other-button{
    width:60%;
    height:5rem;
}
.other-button button{
    display:block;
    background:#ffb910;
    height:5rem;
}
.other-button button.group{
    background:#ff9110;
}
.other-button button p{
    font-size:1.6rem;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.other-button button s{
    font-size:10px;
    color:#fff;
    display:block;
    text-align:center;
    text-decoration:none;
    line-height:1;
}
.watch-group{
    background:#ffb910;
}
/* 写留言 */
.mess-nothing{
    background:#fff;
    padding:4rem 0;
    border-bottom:.5px solid #f0f0f0;
}
.mess-nothing i{
    width:9.9rem;
    height:7.9rem;
    background:url(../images/nothing.png)no-repeat;
    background-size:100% 100%;
    display:block;
    margin:0 auto;
}
.mess-nothing p{
    font-size:1.2rem;
    color:#747474;
    text-align:center;
    margin-top:.5rem;
}
/* 写留言弹框 */
.tktk{
    width:80%;
    max-width:300px;
    border-radius:4px;
    background:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.write-message{
    padding:1.5rem;
    border-bottom:.5px solid #f0f0f0;
}
.lc{
    width:100%;
    height:auto;
    display:block;
    font-size:1.5rem;
    color:#101010;
    box-sizing:border-box;
    resize:none;
    border:none;
    outline:none;
    background:transparent;
    height:13rem;
    margin-bottom:1rem;
}
.anbutt{
    height:5rem;
}
.anbutt button{
    font-size:1.6rem;
    font-weight:bold;
    color:#747474;
    display:block;
    height:5rem;
}
.anbutt button.submit{
    color:#0084ff;
    border-left:.5px solid #f0f0f0;
}
.w-time-l s{text-decoration:none;margin-left:.3rem;}

@media only screen and (min-width: 310px) and (max-width: 360px) {
    .dexq ul li:nth-child(2n){display:none;}
    .t-dbt{margin-bottom:0;}
    .t-dbt p{font-size:1.3rem;}
    .w-time-l-s{margin-bottom:.2rem;}
    .list-a i,.list-of-people ul li i{font-size:2rem;width:1.9rem;height:2.7rem;}
    .l-img{width:4rem;height:4rem;}
    .invite-card{font-size:11px;padding:.3rem;}
    .list-words p{font-size:1.3rem;}
    .list-words span{font-size:11px;}
    .sys{width:7rem;height:7rem;}
    .guest-list ul li img{width:4rem;height:4rem;}
    .guest-list ul{height:26rem;}
    .tktk{width:90%;}
}