html,body {background-color: #f9f9f9; font-size: 100%;}
body { position: relative; font-size: 14px;}
.hidden{ display:none;}
.fl-l{ float:left;}
.fs14{ font-size:14px;}
.dn{ display:none;}

.slider-fl{ position: fixed; top:0; left: 0; right: 0; z-index: 999; width: 100%;}
.section-title{ width:100%; font-size:16px; margin-top: 5px; background-color:#FFF; padding-left: 5px;}
.section .content{ position:relative; overflow:hidden;}
.section .content h1{ position:absolute; width:100%; color:#FFF; font-size:16px; padding:5px 10px; bottom:0; left:0px; background-color:rgba(0,0,0,0.5)}
.silder-mian{ position:relative;}
.silder-mian:before{ content:''; display:table;}
.silder-mian:after{ content:''; display:table; clear:both;}
.content-g{ position:fixed; right:10px; top:40px; z-index:10; padding:5px 10px; color:#FFF; background-color: rgba(0,0,0,0.30);}
.content-g a{ display:block; width:100%; height:100%; color:#FFF;}

.sention-tag{ width:100%; height:40px; line-height:36px; font-size:16px; margin:0 auto; background-color:#FFF;}
.live-room .sention-tag .tag{ width:19%; line-height: 38px; color:#b5b5b5; float:left; text-align:center; padding-left:6%; background-color:#FFF;}
.tvlive-room .sention-tag .tag{ width:44%; line-height: 38px; color:#b5b5b5; float:left; text-align:center; padding-left:6%; background-color:#FFF;}
.demand-room .sention-tag .tag{ width:27%; line-height: 38px; color:#b5b5b5; float:left; text-align:center; padding-left:6%; background-color:#FFF;}

#tag1{background: url(../img/app-live2.png) no-repeat 10% center; background-size: auto 50%;}
#tag2{background: url(../img/app-live4.png) no-repeat 10% center; background-size: auto 50%;}
#tag3{background: url(../img/app-live3.png) no-repeat 10% center; background-size: auto 50%;}
#tag4{background: url(../img/app-live5.png) no-repeat 10% center; background-size: auto 50%;}
#tag5{background: url(../img/app-live7.png) no-repeat 10% center; background-size: auto 50%;}
#tag6{background: url(../img/app-live7.png) no-repeat 10% center; background-size: auto 50%;}
#tag7{background: url(../img/app-live7.png) no-repeat 10% center; background-size: auto 50%;}
#tag8{background: url(../img/app-live7.png) no-repeat 10% center; background-size: auto 50%;}
#tag9{background: url(../img/app-live9.png) no-repeat 10% center; background-size: auto 50%;}
#tag10{background: url(../img/app-live10.png) no-repeat 10% center; background-size: auto 50%;}
#tag1.con{background: url(../img/app-live2-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #DF301F;}
#tag2.con{ background: url(../img/app-live4-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #DF301F;}
#tag3.con{ background: url(../img/app-live3-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #DF301F;}
#tag4.con{ background: url(../img/app-live5-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #DF301F;}
#tag5.con{ background: url(../img/app-live7-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #0fade7;}
#tag6.con{ background: url(../img/app-live7-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #0fade7;}
#tag7.con{ background: url(../img/app-live7-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #0fade7;}
#tag8.con{ background: url(../img/app-live7-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #0fade7;}
#tag9.con{ background: url(../img/app-live9-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #DF301F;}
#tag10.con{ background: url(../img/app-live10-1.png) no-repeat 10% center; background-size: auto 50%; border-bottom:2px solid #DF301F;}


.sention-tag .tag.con{ color:#DF301F;}
.sention-pf{ width:100%; height:40px; position:fixed; z-index:9; background-color:#FFF; border-bottom: 1px solid #ccc;}

.swiper-pagination4 {
    display: none;
}
.section-time{ background-color:#d8dde8; line-height:18px; text-align:right; padding-right:10px; font-size:14px; color:#676767;}

.item-list-tab{ position:relative; width:100%;}
.item-list-1,.item-list-2{ width:100%; float:left; min-height:10px; margin-bottom: 50px;}

.live-room .item{ background-color: #FFF; margin: 0 0 16px 0;}
.live-room .item-c{ overflow:hidden; zoom:1; padding: 5px 14px 0;}
.live-room .item-zd{ float:right; color:#d4182f; border:1px solid #d4182f; width:30px; height:18px; line-height:18px; margin-right:8px; font-size:12px; text-align:center;}
.live-room .item-time{ color:#666666; line-height:20px; font-size: 12px;}
.live-room .item-c .user-card{  overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.live-room .user-card .avatar{float:left; width:20px; height:20px; display: inline-block; margin-right:8px; border: none; border-radius: 50%;   background-size: cover;}
.live-room .item-username{ line-height:20px;}
.live-room .item .avatar{float:left; width:40px; height:40px; display: inline-block; margin-right:8px; border: none; border-radius: 50%;   background-size: cover;}

.live-room .item-box{ background-color:#FFF; padding: 10px 0 0;}
.live-room .item-content{ overflow:hidden; zoom:1; padding:0 10px;}
.live-room .item-coms{ padding:0 10px;}
.live-room .item-user .item-username{ line-height:20px; color:#333;}
.live-room .item-user .support{ float:right; display:inline-block; line-height:40px;}
.live-room .item-user .support i{ width:20px; height:14px; background-image: url(../img/yf_zana.png); background-size:14px 14px;}
.live-room .item-user .support b{ font-weight:normal; color:#999999;}

.live-room .item-add{ padding-left:18px; margin-top:10px; background:url(../img/loaction_icon.png) no-repeat left center; background-size:contain; font-size:12px; color:#0fade7; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}

.live-room .item-cont{ height:20px; line-height:20px; padding:5px 0; overflow:hidden; zoom:1; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; margin:12px 0;}
.live-room .item-cont a{ float:left; display:block; height:20px; padding-left:5%; text-align:center; color:#787878;}
.live-room .item-cont1{ width:45%; background: url(../img/app-com-zan.png)no-repeat 28% center; background-size: contain; border-right:1px solid #d5d5d5;}
.live-room .item-cont2{ width:44%; background: url(../img/app-comment.png) no-repeat 28% center; background-size: contain;}

.live-room .item-coms li{ color:#999; margin-bottom:10px; font-size:14px;}
.live-room .item-coms li span{ color:#666;}

.live-room .item-mc{ display:block; text-align:right; padding-right:24px; margin-right:12px; background:url(../img/arrow_down_icon@3x[1].png) no-repeat center right; background-size:contain; color:#838383; font-size:14px;}

.live-room .item-videos .item-player{ position:absolute; top:20%; left:50%; z-index:2; width:30px; height:30px; background:url(../img/play_icon.png) no-repeat center center; background-size: contain;  margin-left:-15px;}

.live-room .demo-gallery { width: 100%; height: auto;}

.live-room .item-videos a,.demo-gallery a {position:relative; width:4.91rem; height:4.91rem; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-touch-callout: none; display: inline-block; float:left; margin-right:0.17rem; margin-top:5px;}

.live-room .demo-gallery a .item-bg,.item-videos a .item-bg{ width: 100%; height: 100%; min-height: 75px;}
.live-room .demo-gallery a img,.item-videos a img{ display:none;}
.live-room .item-bgb{ position:absolute; bottom:0; z-index:2; width:100%; height:36px; line-height:16px; background-color:rgba(0,0,0,0.80); color:#FFF; }
.item-bgb div{padding:2px;}


#slider video{ -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.sention-space{margin-bottom: 10px; padding-left: 5px;  margin-top: 4px; background-color: #fff; padding-bottom: 6px; padding-top: 6px;}
.slider-pv{font-size: 12px; width: 40% }
.sention-space .share{ margin-right: 9px; margin-top: 7px;}
.ui-refresh .ui-refresh-up, .ui-refresh .ui-refresh-down{ background-color: inherit; border: none;}

/*聊天室*/
.chat-room .item{ padding:5px 14px; font-size: 16px; margin-bottom: 0;}
.chat-room .item .item-level{ display: inline-block; background-color: #0fade7; color: #FFF; font-size: 12px; padding: 0 5px; border-radius: 3px; margin-right: 5px;}
.chat-room .item .item-name{ margin-right: 5px; color: #999999;}
.chat-room .item .item-names{ color: #ffa340; margin-right: 5px;}

/*评论*/
#comment-messages .item{ position: relative; padding: 10px 14px; font-size: 14px;}
#comment-messages .usernamephoto{ float: left;}
#comment-messages .usernamephoto img{ width: 40px; height: 40px; border-radius: 100%;}
#comment-messages .usernamephoto .usernamephoto{ width: 40px; height: 40px; border-radius: 100%; overflow: hidden;}
#comment-messages .usernamephoto .usernamephoto img{ width: 40px; height: 40px;}
#comment-messages .comment-infos{ width: 100%; padding-left: 50px; box-sizing: border-box;}
#comment-messages .comment-infos .comment-address-date a{  color: #777;}
#comment-messages .comment-infos .comment-interaction a {font-size: 12px; color: #777; margin-left: 5px;}
#comment-messages .comment-infos .comment-address-date span,.m-comment .comment-interaction span {font-size: 12px; color: #777; }
#comment-messages .comment-infos .comment-address-date .username,#comment-messages .comment-interaction {color: #777;}
#comment-messages .comment-infos .comment-address-date a.zan { background: url(../img/app-com-zan.png) no-repeat left center; height: 15px; line-height:15px; padding-left: 18px; background-size:contain; margin-right:10px;}
#comment-messages .comment-infos .comment-address-date a.comment-loved{ background: url(../img/app-com-zan.png)no-repeat left center; background-size:contain;}
#comment-messages .comment-infos .comment-address-date a.reply { margin-left: 0; background: url(../img/app-com-num.png)no-repeat left center; height: 15px; line-height:15px; padding-left: 18px;  -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; background-size:contain;}
#comment-messages .comment-content{ padding: 10px 0; border-bottom: 1px solid #dddddd;}
#comment-messages .comment-supports{ padding: 10px 0 0 20px; background: url(../img/app-comment-zan.png) no-repeat left 12px; background-size: 15px; line-height: 18px; color: #4486cf;}
#comment-messages .all-reply-box{ padding: 10px 0; border-bottom: 1px solid #dddddd;}
#comment-messages .reply-box{ margin: 5px 0;}
#comment-messages .reply-box .username{ color: #4486cf;}

#comment-messages .comment-line{ border-bottom:1px solid #d5d5d5; padding-bottom:12px;}
#comment-messages .comment-line span{ font-size:18px; color:#333; border-bottom:3px solid #ff4800; padding-bottom:10px;}
#comment-messages .comment-ch{ float:right; display:inline-block; border:1px solid #d5d5d5; border-radius:50px; padding:4px 10px;}
#comment-messages .comment-ch span{ font-size:14px; border-bottom:none; padding:0 5px; cursor:pointer; color:#999;}
#comment-messages .comment-ch span.on{ color:#333;}
#comment-messages .comment-more{ text-align: center;}
#comment-messages .comment-more span{ color:#999; font-size:10px; padding: 0 20px;}
#comment-messages .comment-more span.jz{background: url(../img/loading_icon.png) no-repeat center right; background-size:contain;}

/*贡献榜*/
.list-room .content{ padding: 16px 14px;}
.list-room .item-title{ width: 80%; margin: 0 auto;  border-radius: 10px; line-height: 36px; border: 1px solid #DF301F; overflow: hidden; box-sizing: border-box;}
.list-room .item-title a{ display: block; float: left; width: 50%; color: #DF301F; text-align: center;}
.list-room .item-title a.active{ color: #FFF; background-color: #DF301F;}
.list-room .item-list li{ width: 100%; padding: 15px 5px; overflow: hidden; border-bottom: 1px solid #dddddd;}
.list-room .item-list li>div{ float: left;}
.list-room .item-list li .list-num{ min-width: 55px; line-height: 40px;}
.list-room .item-list li .list-num1{ color: #d61e35; font-size: 18px; font-weight: bold; line-height: 50px;}
.list-room .item-list li .list-num2{ color: #f39026; font-size: 18px; font-weight: bold; line-height: 50px;}
.list-room .item-list li .list-num3{ color: #f7d845; font-size: 18px; font-weight: bold; line-height: 50px;}
.list-room .list-img{ width: 50px; text-align: center; margin-right: 10px;}
.list-room .list-img img{ width:40px; height: 40px; border-radius: 100%; overflow: hidden;}
.list-room .list-img1 img{ width: 50px; height: 50px;}
.list-room .list-info{ max-width: 60%;}
.list-room .list-info p{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 25px;}
.list-room .list-info .list-nums{ color: #d61e35;}

/*tvlive*/
.tvlive-room .zb_list{ position: relative; overflow: hidden; min-height: 280px;}
.tvlive-room .zb_list .zb_l1{ position: absolute; left: 0; top: 0; width: 80px;}
.tvlive-room .zb_list .zb_l1 li{ width: 100%; text-align: center; padding: 0 10px; margin: 10px 0; box-sizing: border-box;}
.tvlive-room .zb_list .zb_l1 li.zb_c{ border-left: 2px solid #0fade7;}
.tvlive-room .zb_list .zb_l2{ float: left; width: 100%; padding-left:80px; box-sizing: border-box;}
.tvlive-room .zb_list .zb_l2 li{ width:100%; border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; line-height:20px;}
.tvlive-room .zb_list .zb_l2 li a{  display:block; width:100%; height:auto; overflow:hidden; zoom:1; color:#444444; padding:10px; box-sizing:border-box; }
.tvlive-room .zb_list .zb_l2 li a span{ font-size:12px;}
.tvlive-room .zb_list .zb_l2 li a span.zb_iplay{ float:left; display:block; padding-left:18px; margin-right:10px;}
.tvlive-room .zb_list .zb_l2 li a span.zb_ts{ float:left; display:block; width:52%; font-size:16px;}
.tvlive-room .zb_list .zb_l2 li.zb_c a{ color:#F94C08;}
.tvlive-room .zb_list .zb_l2 li.zb_c a span.zb_iplay{ background:url(../img/live_orange_icon@3x.png) no-repeat left center; background-size:auto 70%;}
.tvlive-room .zb_list .zb_l2 li.zb_c a span.dn{ float:right; display:block; color:#FFF; background-color:#F94C08; padding:1px 4px;}
.commentlist{position: relative; height: 0; overflow: hidden;}

/*demand-room*/
.demand-room .demand_list{ box-sizing: border-box; overflow: hidden;}
.demand-room .demand_list ul{ padding: 16px 14px; overflow: hidden;}
.demand-room .demand_list li{ float: left; width: 32%; margin-right: 2%; overflow: hidden; margin-bottom: 10px;}
.demand-room .demand_list li:nth-child(3n){ margin-right: 0;}
.demand-room .demand_list li img{ width: 100%;}
.demand-room .rank_list{height: 0; overflow: hidden;}
.demand-room .rank_list .ranking{ padding: 16px 14px;}

.article-detail-inner{ font-size:18px; line-height:1.5; margin:10px 0;}
.article-detail-inner img{ width:100%; height:auto!important;}

/*弹窗*/

.gift-box p{ text-align: center;}
.gift-box .top{ position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.gift-box .top a{ display: inline-block; position: absolute; top: 0; right: 0; z-index: 2; color: #B1B1B1;}
.gift-box .gift-list-tab { position: relative; width: 100%; margin-bottom: 5px;}
.gift-box .gift-item-list{ min-height: 130px;}
.gift-box .gift{margin-bottom: 5px;  margin-right: 4px;}
.gift-box .item-right { margin-right: 0; }

.recommend_list{ font-size: 14px; min-height: 300px;}
.recommend_list li{ background-color: #fff; margin: 0 7px 14px; padding: 10px 5px;}
.recommend_list li .thumb img{ margin: 5px auto; width: 90%}
.recommend_list a{ font-size: 16px; color:#000000; padding-top: 5px; }