@charset "utf-8";
html,body,.pageWrap{background: #27282D;max-height: 100%;max-width:100%;overflow: hidden!important;}
.fl{float: left;}
.fr{float: right;}
.stickyIos .liveFixed{margin-top: 0;}
.pageWrap{max-width: 100%;}
.liveHead{position: absolute;left: 0;top: 0;border: none;margin: 0;padding: 0;background: none;width: 100%;padding:2.55rem 0.5rem 0.5rem;box-sizing: border-box;text-align: left;/*height: 5.35rem;*/overflow: hidden;background: linear-gradient(#000000, rgba(0,0,0,0));z-index: 1003;height: 3rem;}
.liveHeadAll{height: 100%!important;background: rgba(39,40,45,0.8)!important;}
.liveVideo{position: relative;top: 0;left: 0;margin: 0;width: 100%!important;}
.artDetailBody,.pageWrap,.liveVideo,.liveVideo video{height: 100%;}
.liveWrap .authorBoxContent{margin: 0;display: inline-block;}
.liveWrap .authorArt{border: none;height: 1.5rem;border-radius: 1rem;padding: 0.25rem;margin: 0;background:rgba(16,16,16,0.4);position: relative;overflow: visible;}
.liveWrap .authorArt .kwPic{width: 1.5rem;height: 1.5rem;}
.kwText{width: auto;padding-right: 2.5rem;}
.liveWrap .focusBtn{top: 0.25rem;right: 0.25rem;background: #FFFFFF;width: 2rem;color: #000000;font-size: 0.6rem;line-height: 1.5rem;height: 1.5rem;border-radius: 0.75rem;border: none;}
.liveWrap .authorArt .kwTit{color: #FFFFFF;font-size: 0.7rem;line-height: 1.5rem;}
.pubVideo{background: #27282D;position: absolute;left: 0;top: 0;box-sizing: border-box;}
.liveTitBar{position: absolute;left: 0;top: 1rem;width: 100%;padding: 0 0.5rem;box-sizing: border-box;height: 1.5rem;}
.liveTit{font-size: 0.9rem;line-height: 1.25rem;color: #FFFFFF;display: inline-block;max-width: 10.3rem;height: 1.25rem;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.liveTitBox{display: inline-block;position: relative;padding-right: 0.75rem;}
.popArrow{width: 0.6rem;height: 0.4rem;background: url("../imgs/live_more@3x.png") 0 0/contain no-repeat;right: 0.2rem; }
.liveHeadAll .liveTitBox .popArrow{transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);}
.viewNum{float: right;font-size: 0.6rem;padding: 0 0.6rem;line-height: 1.5rem;color: #FFFFFF;background: rgba(16,16,16,0.6);border-radius: 0.75rem;}
.liveDetail,.liveInfo h3,.liveInfo p{color: #FFFFFF;font-size: 0.7rem;}
.liveDetail{line-height: 1rem;padding-top: 1rem;transform: translate3d(0,-200%,0);}
.liveDetailCon{overflow: hidden;margin-bottom: 15px;}
.liveInfo{padding-left: 0;}
.liveInfo li{padding: 1rem 0;border-color: #A0A0A0;}
.liveInfo h3{margin-bottom: 0rem;}
.liveInfo p{padding-top: 0.5rem;}
.artPic{background: none;margin: 0;width: 1.5rem;
    height: 1.5rem;position: relative;
    overflow: visible;
    padding: 0;}
.artPic:after{content: '';display: block;width: 0.5rem;height: 0.5rem;position: absolute;left: 50%;bottom: -0.15rem;margin-left: -0.25rem;background-position: 0;background-size: contain;background-repeat: no-repeat;}
.vipPic:after{background-image: url("../imgs/icon_v_personal@2x.png");}
.agencyVip:after{background-image: url("../imgs/icon_v_agency@2x.png");}
.downFootBar{padding: 0.5rem 0.5rem 0.5rem 0;background: none;z-index: 9999;position: absolute!important;overflow: visible;box-sizing: border-box;width: 100%;margin-left: 0;transform: translate3d(-50%,0,0);background: linear-gradient(to top,#000000, rgba(0,0,0,0));}
.goBtn{height: 1.5rem;background: #000000;border-radius: 0.75rem;color: #FFFFFF;font-size: 0.7rem;line-height: 1.5rem;border: none;width: auto!important;padding: 0 1.5rem;}
/* BUG-34: 「打开app与主播互动」按钮与点赞同行 —— 清掉老 #downloadBar 下载条遗留的安全区 padding-bottom(wap.css iPhoneX 媒体查询 2.15rem 把按钮撑到76px) + 按机型响应式对齐点赞行 */
.downFootBar #downloadBar{padding-bottom:0;}
.goAppFixed{bottom:0.5rem;}
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (max-device-width: 414px) and (max-device-height: 896px){.goAppFixed{bottom:1.5rem;}}
.shortBtn{padding: 0 0.5rem;}
.circleBtn{width: 1.5rem;height: 1.5rem;border-radius: 50%;background-size: contain;background-repeat: no-repeat;margin-left: 0.5rem;}
.shopBtn{background-image: url("../imgs/live_shop@3x.png");}
.praiseBtn{background-image: url("../imgs/live_praise@3x.png");}
/*.shareBtn{background-image: url("../imgs/live_share@3x.png");}*/
.closeBtn{background-image: url("../imgs/live_close@3x.png");}
.bulletBtn{background-image: url("../imgs/live_bullet_on@3x.png?112");border-radius: 0;}
.openBullet{background-image: url("../imgs/live_bullet_off@3x.png?112");}
.shareBtn{width:auto;background: #101010;color: #FFEC00;line-height: 1.5rem;font-size: 0.6rem;padding: 0 0.35rem;border-radius: 0.75rem;}
.vcp-player{background: #27282D!important;overflow: hidden;}
.landscape .vcp-player video{min-height: 10.55rem;}
.vcp-error-tips{color: #FFFFFF!important;box-sizing: border-box;padding:40% 1rem 50%;height: 100%!important;margin-top: 0!important;background: rgba(0,0,0,0.4);transform: translate3d(0,-50%,0);}
.vcp-timeline{height: 1px!important;width: 9.5rem!important;left: 5.3rem!important;top:4.7rem!important;}
.vcp-timeline .vcp-slider{margin-top: 0!important;}
.vcp-timeline .vcp-slider,.vcp-timeline:hover .vcp-slider{height:1px!important;}
.vcp-slider .vcp-slider-track{background-color: #FFEC00!important;}
.vcp-slider .vcp-slider-thumb,.vcp-timeline:hover .vcp-slider-thumb{width: 10px!important;height: 10px!important;background-color: #FFEC00!important;top: -4px!important;}
.vcp-timelabel{position: absolute;width:100%;box-sizing: border-box;padding: 0 1rem 0 2rem!important;left: 0;bottom: 0.85rem;font-size: 0.6rem;font-weight: normal;line-height: 0.85rem!important;height: 0.85rem!important;}
.vcp-timelabel span{display: inline-block;width: 2.4rem;text-align: right;}
.vcp-allTime{float: right;text-align: left;}
.vcp-controls-panel{height: 6.85rem!important;padding-top: 4.15rem;box-sizing: border-box;}
.vcp-playtoggle{width: 1rem!important;height: 1rem!important;}
.vcp-panel-bg{background: linear-gradient(-180deg, rgba(0,0,0,0) 0,rgba(0,0,0,0.65) 57%,rgba(0,0,0,0.9) 80%, rgba(0,0,0,1) 100%)!important;}
/*.vcp-fullscreen-toggle{position: absolute!important;right: 0.5rem;width: 1.2rem!important;height: 1.2rem!important;}*/
.vcp-fullscreen-toggle,.vcp-volume{display: none;}
.vcp-playtoggle{z-index: 1002!important;margin-left: 0.5rem;background: url("../imgs/live_play@2x.png") 0 1px / contain no-repeat!important;}
.vcp-playing .vcp-playtoggle{background-image: url("../imgs/live_pause@2x.png")!important;}
.packUp{height: 3rem;display: block;text-align: center;font-size: 0.7rem;line-height: 1rem;color: #FFFFFF;display: none;}
.packUp:before{content: '';display: block;width: 1.05rem;height: 0.6rem;background: url("../imgs/live_up@2x.png") 0 0 / contain no-repeat;margin: 0 auto 0.5rem;}
.liveHeadAll .liveDetail{transform: translate3d(0,0,0);}
.liveHeadAll .packUp{display: block;}
/*分享弹层*/


.shareBox{width:100%;box-sizing: border-box;padding: 1.6rem 1rem 1rem;position: absolute;bottom: 0;left: 0;background: #FFFFFF;border-radius: 1rem 1rem 0 0;text-align: center;z-index: 1003;transform: translate3d(0,100%,0);-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

.shareBox h2{line-height: 1.1rem;font-size: 0.8rem;color: #101010;text-align: center;margin-bottom: 1rem;}
.shareBoxImg{width: 6rem;height: 6rem;margin: 0 auto 0.5rem;}
.shareBox p{line-height: 1rem;font-size: 0.7rem;color: #4a4a4a;}
.saveImg{width:8.5rem;height: 2rem;line-height: 2rem;background: #323232;color: #FFFFFF;font-size: 0.8rem;text-align: center;border-radius: 1rem;margin: 0.75rem auto 0;display: block;}
.saveImgBox{position: relative;width: 8.5rem;margin: 0 auto;}
.saveImgBtn{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;-moz-user-select:text;
-webkit-user-select:text;
user-select:text;}
.cancelSave{font-size: 0.6rem;color: #9b9b9b;display: block;margin: 0.75rem auto 0;}
/* width: 2.6rem; */
#tc_player{z-index: 0;position: relative;height: 100%;width: 100%;}
.landscape #tc_player{height: 10.55rem;}
/*商品*/
.liveGoods{background: #27282D;box-shadow: 0rem -0.1rem 0.5rem 0rem rgba(0,0,0,0.1);box-sizing: border-box;transform: translate3d(0,100%,0);position: absolute;left: 0;bottom: 0;overflow: hidden;padding: 0 0.5rem;z-index: 1004;width: 100%;}
.liveGoods h2,.liveGoods a,.goodsNo{color: #FFFFFF;}
.liveGoods h2{font-size: 0.8rem;line-height: 2.3rem;}
.liveGoodsScroll{max-height: 19.6rem;overflow: hidden;}
.liveGoodsList li{padding-bottom: 1rem;}
.liveGoodsList li a{display: block;}
.goodsTit{font-size: 0.8rem;line-height: 1.05rem;height: 2.1rem;display:-webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 0.95rem;}
.goodsPic{float: left;width: 4rem;height: 4rem;border-radius: 0.25rem;overflow: hidden;position: relative;margin-right: 0.5rem;}
.goodsNo{position: absolute;left: 0;top: 0;width: 1.5rem;height: 0.8rem;line-height: 0.8rem;text-align: center;background: rgba(0,0,0,0.3);}
.goodsPrice{font-size:0.8rem;line-height: 1.2rem;color: #FF573E;float: left; }
.goodsBuy{float: right;padding: 0 0.45rem;background: linear-gradient(-90deg,#ff573e, #ffa6a6);border-radius: 0.6rem;font-size: 0.6rem;line-height: 1.2rem;}

.popWrap{position: absolute;left: 0;bottom: 0;overflow: hidden;width: 100%;height: 100%;background: rgba(39,40,45,0);transform: translate3d(0,100%,0);z-index: 1005;transition: background .2s ease;
    -o-transition: background .2s ease;}
.showPop{background: rgba(39,40,45,0.4);transform: translate3d(0,0,0);}
.popBg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.popWrap.showPop{transform: translate3d(0,0,0);}

.showPop .shareBox,.showPop .liveGoods{transform: translate3d(0,0,0);-webkit-animation: slideUp .2s ease-out alternate;
    animation: slideUp .2s ease-out alternate;}

/*直播预告*/
.liveVideoCon{position: relative;height: 10.55rem;overflow: hidden;}
.previewText{height:1.5rem;border-radius: 0.5rem 0.5rem 0rem 0rem;background: linear-gradient(90deg,#db225b, #f2ea23);font-size: 0.7rem;line-height: 1.5rem;color: #FFFFFF;top: auto;bottom:0;border: 0;margin-top: 0;text-align: left;padding: 0 0.5rem;box-sizing: border-box;}
/* background-size 2026-08-06 由 contain 改为 cover：遮罩盖在播放器上，而 TcPlayer 自己那层 poster
   是铺满的(build.js playerConfig.poster.style="cover")。contain 只在「盒子比例≈封面比例」时才等于铺满，
   一旦视频盒子被拉宽(横屏全屏、宽窗口)，遮罩只占中间一条，左右就露出下面那层同一张封面的放大版，
   同一张图出现大小两份重影。改 cover 让上层盖死，两层缩放方式一致。 */
.playBackMask{position: absolute;top:0;left:0;width:100%;height: 100%;overflow: hidden;z-index: 999;background-size: cover;background-repeat:no-repeat;background-position: center;}
.playBackMask img{opacity: 0;}
.previewCon,.landscape .playBackMask{height: 10.55rem;top: 6rem;}
.videoMaskNoBlur{height: 100%;background: rgba(0,0,0,0.4);}
.liveVideoText{position: absolute;left: 0;top:0;text-align: center;width: 100%;height: 10.55rem;top:50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%); }
.liveVideoText p{color: #FFFFFF;font-size: 1rem;line-height: 7.4rem;height: 5.4rem;}
.liveVideoText p.liveOnlyText{line-height:10.55rem;height: 100%;}
.playBack,.refreshBtn{color: #FFFFFF;font-size: 0.8rem;line-height: 2rem;height: 2rem;width: 7rem;text-align: center;display: block;margin: 0 auto;border-radius: 1rem;background: #101010;color: #FFFFFF;}
/*直播中*/
.livePlay:after{content: '';display: block;width: 1.5rem;height: 1.5rem;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);background: url("../imgs/live_play2@2x.png") 0 / contain no-repeat;}
/*错误*/
.videoError{top: 6rem;background: none;padding-top: 0;overflow: hidden;height: 10.55rem;}
.videoError img{width: 100%!important;}
.videoErrorTxt{padding: 0;}
.refreshBtn{border: 1px solid #FFFFFF;background: none;}
.landscape .liveHead{background: none;}
.landscape .liveVideo{padding-top: 6rem;}
.landscape .vcp-controls-panel{bottom: 0rem!important;height: 1.5rem!important;padding: 0;}
.landscape .vcp-timeline{top: 0.55rem!important;}
.portrait .backFoot{background: none;bottom: 0.8rem!important;padding-bottom: 0;}
.horMask{display: none;width: 100%;height: 100%;z-index: 1004;background: #000000;position: absolute;left: 0;top: 0;}

/*弹幕*/
.bulletWrap{height: 10rem;overflow: hidden;position: absolute;width: 100%;top:0;top: 20rem;}
.bulletMask{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 5rem;background: linear-gradient(#27282D, rgba(39,40,45,0));z-index: 2;}
.landscape .bulletWrap{top: 16.55rem;z-index: 1001}
.landscape .bulletMask{display: block;}
.bulletList{display: table;position: absolute;bottom: 4rem;padding-left: 0.5rem;}
.bulletCon{display:table-cell;vertical-align: bottom; }
.bulletItem{padding-top: 0.5rem;}
.bulletPop{max-width: 12.65rem;line-height: 1rem;font-size: 0.7rem;padding: 0.25rem 0.5rem;color: #ffffff;background: rgba(0,0,0,0.4);border-radius: 0.75rem;display: inline-block;}
.bulletAler{padding: 0.5rem;}
.bulletUser,.bulletAlert{color: #ffffa1;}
.enterLive{background: rgba(255,167,0,1);position: absolute;left: 0.5rem;top: 50%;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity: 0;z-index: 3;}
.enterLive.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 0;-webkit-animation: enterLive 3s linear;
animation: enterLive 3s linear;}
/*点赞*/
.praiseIcon{display: block;width: 1.5rem;height: 1.5rem;background: url("../imgs/anim_live_artron.png") 0 0 / contain no-repeat;position: fixed;right: 5rem;bottom: 15rem;-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
.praiseIcon.active1{-webkit-animation: praise 2s linear;
    animation: praise1 2s linear;}
.praiseIcon.active2{-webkit-animation: praise 2s linear;
    animation: praise2 2s linear;}
.praiseIcon.active3{-webkit-animation: praise 2s linear;
    animation: praise3 2s linear;}
.praiseIcon.active4{-webkit-animation: praise 2s linear;
    animation: praise4 2s linear;}
.praise2{background-image: url("../imgs/anim_live_bbt.png")}
.praise3{background-image: url("../imgs/anim_live_gou.png")}
.praise4{background-image: url("../imgs/anim_live_guzhang.png")}
.praise5{background-image: url("../imgs/anim_live_hua.png")}
.praise6{background-image: url("../imgs/anim_live_jiaoyi.png")}
.praise7{background-image: url("../imgs/anim_live_kanzhan.png")}
.praise8{background-image: url("../imgs/anim_live_qingwa.png")}
.praise9{background-image: url("../imgs/anim_live_toutiao.png")}
.praise10{background-image: url("../imgs/anim_live_tulu.png")}
.praise11{background-image: url("../imgs/anim_live_xiangji.png")}
.praise12{background-image: url("../imgs/anim_live_zan.png")}
/*横屏样式*/
.landscapeFull{overflow: hidden;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 100%;width: 100%;}
.landscapeFull #tc_player{height: 100%;}
.landscapeFull .playBackMask{height:100%;top: 0;}
.landscapeFull .liveHead{padding: 1rem 0 0 0.5rem;}
.landscapeFull .liveTitBar{display: none;}
.landscapeFull .liveVideo{padding-top: 0rem;}
.landscapeFull .vcp-controls-panel{height: 3.8rem!important;}
.landscapeFull .vcp-timeline{width: 64.5%!important;left: 50%!important;-webkit-transform: translate(-47%,0);transform: translate(-47%,0);}
.landscapeFull .circleBtn{margin-left: 1.5rem;}
.landscapeFull .downFootBar{padding-right: 1.5rem;}
.landscapeFull .bulletBtn{display: none;}
/*iphoneX/XS/XR/XS Max 适配*/
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (max-device-width: 414px) and (max-device-height: 896px) {
    .shareBox{padding-bottom: 1.7rem;}
    .liveHeadAll{padding-bottom: 1.5rem;}
    .liveGoodsList{padding-bottom: 0.5rem;}
    .landscapeFull .liveHead{padding: 1rem 0 0 2rem;}
    .landscapeFull .vcp-controls-panel{height: 4.3rem!important;}
    .landscapeFull .vcp-playtoggle{margin-left: 2rem;}
    .landscapeFull .vcp-timelabel{padding: 0 2.5rem 0 3.5rem!important;}
    .landscape .downFootBar{padding-bottom: 1.5rem;}
    .portrait .backFoot{padding-bottom: 2.5rem;}
    .landscapeFull .backFoot,.landscape.landscapeFull .downFootBar{bottom: 0!important;}
    .packUp{height: 4rem;}
}
.previewBody.landscapeFull .downFootBar{bottom: 1.8rem!important;padding-bottom: 0;background: none;}
/* 横屏播放按钮（2026-08-06）：竖屏看回放时浮在视频区右上角，点了进全屏横屏。
   默认 display:none，由 build.js 控制在「回放 + 播放中 + 当前环境支持转横屏」时才显示。
   z-index 只要大于 0 就能压过播放器（#tc_player 是 z-index:0 的层叠上下文，见本文件 :97），
   这里取 1002 与控制条同级、低于标题栏(1003)。图标用内联 SVG 的 data URI，不新增图片文件。 */
.rotateLandscapeBtn{display: none;position: absolute;right: 0.5rem;z-index: 1002;width: 1.6rem;height: 1.6rem;border-radius: 50%;background: rgba(16,16,16,0.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center / 0.95rem 0.95rem no-repeat;}
/* 已在横屏全屏态时换成「向内收」的箭头，表示再点一下回竖屏 */
.rotateLandscapeBtn.isLandscape{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4v5H4M15 4v5h5M9 20v-5H4M15 20v-5h5'/%3E%3C/svg%3E");}
/* 纵向落点跟着视频区走：横屏视频(direction=1)视频区从 6rem 开始(:140 .landscape .liveVideo padding-top)，
   竖屏视频(direction=2)播放器铺满、顶部压着 3rem 高的标题栏(:7 .liveHead)，所以各自往下让 0.5rem。 */
.landscape .rotateLandscapeBtn{top: 6.5rem;}
.portrait .rotateLandscapeBtn{top: 3.5rem;}
/* 全屏态（点按钮进来的）：全屏的是播放器的父容器，里面的播放器要撑满，按钮贴右上角。
   :fullscreen 与 :-webkit-full-screen 必须分开写——写进同一条选择器列表，
   不认识其中一个的浏览器会把整条规则判为无效直接丢掉。 */
:fullscreen #tc_player,:fullscreen .vcp-player{height: 100%!important;}
:-webkit-full-screen #tc_player,:-webkit-full-screen .vcp-player{height: 100%!important;}
:fullscreen .rotateLandscapeBtn{top: 0.5rem;right: 0.5rem;}
:-webkit-full-screen .rotateLandscapeBtn{top: 0.5rem;right: 0.5rem;}
/* ===== 横屏：只留视频画面 + 播放控制条（2026-08-06） =====
   问题：横屏时进度条完全拖不动。根因是 #tc_player 上的 z-index:0(本文件 :97) 让播放器
   自成层叠上下文，控制条内部再高的 z-index(面板1000/进度条1001/播放键1002) 也压不过页面
   同级的 .liveHead(1003) / .bulletWrap(1001) / .downFootBar(9999)；横屏时播放器铺满视口，
   这几个固定定位的元素就直接盖在控制条上把拖动事件全吃掉（展开简介后 .liveHeadAll 更是整屏覆盖）。
   闸门只用 orientation:landscape 一条，且一个 JS class 都不依赖，理由：
     ① 遮挡发生的条件 = 播放器铺满视口 = build.js resize() 里加 .landscapeFull 的条件
        (clientWidth>clientHeight)，而 orientation:landscape 就是它的纯 CSS 等价物；
     ② AFed.resize 只绑 orientationchange/resize、不在加载时跑，直接横屏打开页面时压根没有
        .landscapeFull 这个 class，靠 class 做闸门会漏；
     ③ 曾试过用 body:not(.landscapePc) 排除 PC，实测手机横屏也可能被加上 landscapePc
        （resize() 里 window.orientation 取不到 ±90 就会走 else 分支加这个 class），
        规则会被 :not() 挡掉、静默失效。
   生效范围 = 手机横屏 + PC 宽窗（用户 2026-08-06 拍板：PC 同样遮挡，一并按同一规则处理；
   代价是 PC 上看直播/回放也不再有标题、简介、弹幕和「打开app与主播互动」按钮）。 */
@media screen and (orientation: landscape){
    /* 标题栏 + 展开的简介遮罩（.liveHeadAll 整屏覆盖就是这个元素） */
    .liveHead,
    /* 对话（弹幕）内容 + 它顶部的渐变遮罩 */
    .bulletWrap,
    .bulletMask,
    /* 底部按钮条：打开app与主播互动 / 点赞 / 分享 / 商品 */
    .downFootBar,
    /* 点赞飘心动画 */
    .praiseIcon{display: none!important;}
    /* 横屏播放按钮不隐藏：它要承担「再点一下切回竖屏」，横屏下改贴视频区右上角 */
    .rotateLandscapeBtn{top: 0.5rem!important;right: 0.5rem!important;}
    /* 进度条加粗、拖拽圆点加大，横屏更好拖；width/left 与 :189 .landscapeFull 保持同值，
       这样「旋转进来」和「直接横屏打开」两条路径观感一致 */
    .vcp-timeline{height: 4px!important;width: 64.5%!important;left: 50%!important;-webkit-transform: translate(-47%,0);transform: translate(-47%,0);}
    .vcp-timeline .vcp-slider,
    .vcp-timeline:hover .vcp-slider{height: 4px!important;border-radius: 2px!important;}
    .vcp-slider .vcp-slider-thumb,
    .vcp-timeline:hover .vcp-slider-thumb{width: 16px!important;height: 16px!important;top: -6px!important;}
}
@-webkit-keyframes slideUp{
    0%{-webkit-transform:translate3d(0,100%,0);}
    100%{-webkit-transform:translate3d(0,0,0);}
}
@keyframes slideUp{
    0%{-webkit-transform:translate3d(0,100%,0);}
    100%{-webkit-transform:translate3d(0,0,0);}
}
@-webkit-keyframes enterLive{
0%{-webkit-transform:translate3d(-100%,0,0);opacity: 0;}
12%{-webkit-transform:translate3d(0,0,0);opacity: 1}
80%{-webkit-transform:translate3d(0,0,0);opacity: 1}
100%{-webkit-transform:translate3d(0,0,0);opacity: 0;}
}
@keyframes enterLive{
0%{-webkit-transform:translate3d(-100%,0,0);opacity: 0;}
12%{-webkit-transform:translate3d(0,0,0);opacity: 1}
80%{-webkit-transform:translate3d(0,0,0);opacity: 1}
100%{-webkit-transform:translate3d(0,0,0);opacity: 0;}
}
@-webkit-keyframes praise1{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(4.6rem,10rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(5.6rem,0,0);opacity: 0;}
    
}
@keyframes praise1{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(4.6rem,10rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(5.6rem,0,0);opacity: 0;}
}
@-webkit-keyframes praise2{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(1.8rem,9rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(2.8rem,0,0);opacity: 0;}
}
@keyframes praise2{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(1.8rem,9rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(2.8rem,0,0);opacity: 0;}
}
@-webkit-keyframes praise3{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(2.7rem,8rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(3.7rem,0,0);opacity: 0;}
}
@keyframes praise3{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(2.7rem,8rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(3.7rem,0,0);opacity: 0;}
}
@-webkit-keyframes praise4{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(0.5rem,7rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(1.5rem,0,0);opacity: 0;}
}
@keyframes praise4{
    0%{-webkit-transform:translate3d(0,13rem,0);opacity: 0;}
    5%{-webkit-transform:translate3d(0,13rem,0);opacity: 1;}
    40%{-webkit-transform:translate3d(0.5rem,7rem,0);opacity: 1}
    100%{-webkit-transform:translate3d(1.5rem,0,0);opacity: 0;}
}

/*
.isHorizontal .liveVideo{padding-top: 0;}
.isHorizontal .liveTitBar{display: none;}
.isHorizontal .authorBoxContent{position: absolute;top: 1rem;}
.isHorizontal .liveDetail,.isHorizontal .packUp{display: none;}
.isHorizontal #tc_player{height: 100%!important;}
 */