@charset "utf-8";
/* 
 * Author:UED
 * Version:1.0.0
*/
#container{max-width: 750px;margin:0 auto;}
html{font-size: 50px;}
@media screen and (min-width:320px) {html{font-size: 42.7px;}}
@media screen and (min-width:360px) {html{font-size: 48px;}}
@media screen and (min-width:375px) {html{font-size: 50px;}}
@media screen and (min-width:414px) {html{font-size: 55.2px;}}

body,button,input,select,textarea{font:12px/1 Arial,San Francisco,Helvetica,SimHei,SimSun,sans-serif;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}
button,input,select,textarea{padding: 0;background: none;border: 0;font-size: inherit;}
textarea:focus{outline: 0;}
input:focus{outline:0;}
i{font-style: normal;}
a{text-decoration: none;}
img{display: block;}
.bg_gray{background:#f0f0f5;}


/* 0.5底边 */
/* .live-tabs:after, */.tabs-wrap:after{
    content: '';
    position: absolute;
    left:0;
    top: 0;
    right:0;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #e5e5e5 60%, transparent 60%) no-repeat left bottom;
    -webkit-background-size: 100% 1px;
    background-size: 100% 1px;
    z-index: -1;
}
.live-list li:after{
    content: '';
    position: absolute;
    left:1.44rem;
    top: 0;
    right:0;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #e5e5e5 60%, transparent 60%) no-repeat left bottom;
    -webkit-background-size: 100% 1px;
    background-size: 100% 1px;
    z-index: -1;
}

.live{min-height: 100vh;background: #FFF;}
.live-tabs{position: fixed;top: 0;left: 0;right: 0;text-align: center;z-index: 10;background: #fff;overflow:hidden;overflow-x: auto;-webkit-overflow-scrolling:touch;}
.live-tabs span{display: inline-block;line-height:0.7rem;font-size:0.3rem;color:#40557E;padding:0 0.38rem;}
.live-tabs span.cur{color:#2662B7;position: relative;}
.live-tabs span.cur:after{position: absolute;content: '';left:0.3rem;right:0.3rem;bottom:0;height: 0.04rem;background:#2662B7;border-radius: 0.06rem;}
.content{padding:0 0 1.0rem;}
.live-list li{padding:0.3rem 2.2rem 0.3rem 1.48rem;position: relative;z-index: 1;height: 1.06rem;}
.live-list li img{position: absolute;left: 0.2rem;top: 0.3rem;border-radius: 50%;width: 1.06rem;height: 1.06rem;}
.live-list li h4{height: 0.48rem;padding-right: 0.64rem;}
.live-list li h4 span{float:left;font-size:0.34rem;color:#373737;line-height: 0.48rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.live-list li p{margin-top: 0.1rem;font-size:0.28rem;color:#A5A5A5;line-height: 0.4rem;}
.live-list li .r-info{position: absolute;right: 0.22rem;top: 0.38rem;font-size: 0.22rem;color: #AFAFAF;line-height: 0.32rem;}
.live-tag{display:inline-block;margin:0.08rem -100% 0 0.08rem;background:#E15946;font-size:0.22rem;color: #fff;height: 0.32rem;line-height: 0.34rem;/* width: 0.56rem; */text-align: center;padding:0 0.06rem;}
.side-bar{position: fixed;right:0.3rem;bottom:1.36rem;width:1.18rem;height:1.18rem;background-image: linear-gradient(90deg, #4773FC 0%, #10AAFF 100%);background-image:-webkit-linear-gradient(left, #4773FC 0%, #10AAFF 100%);border-radius: 50%;z-index: 12;}
.side-bar span{position: absolute;left: 0;top: 0;right: 0;bottom:0;font-size:0.52rem;color: #fff;line-height: 1.18rem;text-align: center;-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg);}
.tabs-wrap{min-width:7.5rem;position: relative;z-index: 1;margin:0 auto;}

/* 直播-分享 */
.live-video{height:100vh;background:#130c45 url('../images/bg-city.jpg') no-repeat center bottom;background-size:cover;-webkit-background-size:cover;position:relative;z-index:1;}
.live-video video{display:block;height:100vh;position:absolute;left:0;top:0;width:100%;z-index:-1;}
.live-tabs.live-tabs-relative{position: relative;}
.live-tabs-relative~.content{padding-top: 0;}
.live-video-hd{padding: 0.24rem 0.36rem;height: 0.88rem;}
.video-hd-info{float: left;background: #000;border-radius: 2.0rem;padding: 0.04rem 0.3rem 0 1.04rem;position: relative;}
.video-hd-info p{font-size:0.32rem;color: #fff;line-height: 0.44rem;}
.video-hd-info small{display: block;opacity: 0.5;font-size: 0.28rem;line-height: 0.4rem;}
.video-hd-info img{position:absolute;left: 0.04rem;top: 0.04rem;width:0.8rem;height:0.8rem;border-radius: 50%;}
.video-heart{position: absolute;right:0.36rem;top:0.3rem;background:#E7340C;width:1.8rem;height: 0.68rem;line-height:0.68rem;font-size:0.3rem;color: #fff;border-radius:1.0rem;text-align: center;}
.video-hd-id{clear: both;font-size:0.28rem;color: #fff;padding: 0.12rem 0 0 0.1rem;}
.video-play-btn{position: absolute;left:50%;top:50%;background: url('../images/icon-play.png') no-repeat center center;padding:0.2rem;width: 1.36rem;height: 1.36rem;-webkit-background-size:1.36rem 1.36rem;background-size:1.36rem 1.36rem;margin:-1.06rem 0 0 -0.88rem;}
.live-video-ft{position:absolute;bottom:0;left:0;right:0;background:#595959;padding: 0.2rem 0.26rem;}
.download-tit{padding-left:0.9rem;font-size: 0.3rem;color: #fff;}
.download-tit:before{content:'';background: url('../images/icon.png') no-repeat 0 -1.7rem;-webkit-background-size: 1.2rem auto;background-size: 1.2rem auto;width:0.76rem;height:0.76rem;position: absolute;left: 0.26rem;top: 0.18rem;}
.download-tit span{display: block;padding-top: 0.16rem;font-size: 0.24rem;color: #aaa;}
.download-tit span b{color:#219fdb;}
.download-btn{position: absolute;right:0.86rem;top:0.26rem;background:#E7340C;font-size:0.32rem;color: #fff;width:1.8rem;height:0.64rem;line-height:0.64rem;text-align: center;border-radius: 0.1rem;}
.close-btn{position: absolute;right: 0.12rem;top: 0.12rem;width: 0.4rem;height: 0.4rem;background:#777;border-radius: 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.close-btn:before,.close-btn:after{content: '';position: absolute;left: 50%;top: 50%;background: #a6a6a6;border-radius: 0.06rem;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.close-btn:before{width: 54%;height: 0.04rem;}
.close-btn:after{width: 0.04rem;height: 54%;}

/* 删除警示页 */
.warning{text-align: center;}
.warning:before{content:'!';display: block;width:2.32rem;height:2.32rem;background:#EA5E5E;border-radius: 50%;font-size:1.48rem;color: #fff;line-height:2.32rem;margin:1.54rem auto 0.46rem;}
.warning p{font-size:0.36rem;color:#222;line-height: 0.5rem;}

.blank{padding-top: 3.5rem;}
.blank:before{content: '';display: block;background:url('../images/blank.png') no-repeat center top;-webkit-background-size:cover;background-size:cover;width:1.52rem;height:0.9rem;margin:0 auto 0.22rem;}
.blank p{line-height: 0.42rem;text-align: center;font-size: 0.3rem;color: #999;}
.blank .live-btn{display: block;margin: 1.12rem auto 0;width:4.48rem;height:0.92rem;line-height:0.92rem;font-size:0.34rem;color: #fff;text-align: center;background-image:-webkit-linear-gradient(left, #4773FC 0%, #10AAFF 100%);background-image: linear-gradient(90deg, #4773FC 0%, #10AAFF 100%);border-radius: 1.0rem;}