/*
HLSPlayer css
laodahaoo@qq.com
*/

.fjsen-player-screen{width:100%; height:100%;}
.fjsen-player-full-body{overflow:hidden!important;}
.fjsen-player-screen-full{position:fixed; top:0; right:0; bottom:0; left:0; margin:0; box-sizing:border-box; width:100%; height:100%; z-index:9999; background:#000;}

.fjsen-player-wrap{width:100%; margin:0 auto; height:360px; font-size:13px; position:relative; font-family:Verdana, "微软雅黑"; text-align:left; text-indent:0; user-select:none; -webkit-user-select:none; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; line-height:1;}
.fjsen-player-wrap .fjsen-player-bg{position:absolute; z-index:0; width:100%; height:100%; background:#000;}
.fjsen-player-wrap .fjsen-player-canvas{width:100%; height:100%;}
.fjsen-player-wrap .fjsen-player-virtual{position:absolute; z-index:1; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(Opacity=60);}
.fjsen-player-wrap .fjsen-player-video{position:absolute; z-index:2; width:100%; height:100%; overflow:hidden;}
.fjsen-player-wrap .fjsen-player-poster{width:100%; height:100%; position:absolute; max-width: 100% !important; object-fit: contain; background:#fff; }
.fjsen-player-wrap .fjsen-player-media{width:100%; height:100%; display:block; position:absolute; z-index:1; object-position: center center;}
.fjsen-player-wrap.fjsen-player-audio-mode .fjsen-player-media{opacity:0; filter:alpha(opacity=0);}
.fjsen-player-wrap .fjsen-player-audio-viz{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; pointer-events:none;}
.fjsen-player-wrap .fjsen-player-audio-viz-fall{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; pointer-events:none; background:#121526;}
.fjsen-player-wrap .fjsen-player-play{width:84px; height:84px; background:url(/dm-40432d9de4fa06ba/docs/style/KLUv_SAsYQEAaHR0cDovL2Nkbm1lZGlhLmZqc2VuLmNvbS9manNlblBsYXllci9iZy5wbmc) no-repeat; position:absolute; z-index:3; left:50%; top:50%; margin:-42px 0 0 -42px;}
.fjsen-player-wrap .fjsen-player-play-hover{background-position:-100px 0;}
.fjsen-player-wrap .fjsen-player-msg{height:32px; line-height:32px; padding:0 16px; border-radius:32px; background:#2F4056; color:#fff; font-size:13px; position:absolute; z-index:3; left:50%; top:50%; transform: translate(-50%, -50%); display:none; white-space:nowrap;}
.fjsen-player-wrap .fjsen-player-wind{width:100%; height:100%; position:absolute; z-index:4; background:#000; opacity:0; filter:alpha(Opacity=0);}
.fjsen-player-wrap .fjsen-player-bar-bg{width:100%; height:50px; background:#000; opacity:0.3; filter:alpha(Opacity=30); position:absolute; z-index:5; left:0; bottom:0; display:none;}
.fjsen-player-wrap .fjsen-player-bar{width:100%; height:50px; position:absolute; z-index:6; left:0; bottom:0; display:none;}

.fjsen-player-wrap .fjsen-player-playing{
	float:left; margin:8px; margin-left:12px; width:34px; height:34px; cursor:pointer;
	background-repeat:no-repeat; background-position:center; background-size:100% 100%;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='32,22 78,50 32,78' fill='%23ffffff'/%3E%3C/svg%3E");
}
.fjsen-player-wrap .fjsen-player-pause{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='28' y='22' width='14' height='56' rx='2' fill='%23ffffff'/%3E%3Crect x='58' y='22' width='14' height='56' rx='2' fill='%23ffffff'/%3E%3C/svg%3E");
}
.fjsen-player-wrap .fjsen-player-playtime{float:left; margin:11px 6px; line-height:28px; font-size:17px; font-weight:600; color:#fff;}
.fjsen-player-wrap .fjsen-player-maxtime{float:left; margin:11px 6px; line-height:28px; font-size:17px; font-weight:600; color:#ddd;}

.fjsen-player-wrap .fjsen-player-fullscreen{
	float:right; margin:8px; margin-right:12px; width:34px; height:34px; cursor:pointer;
	background-repeat:no-repeat; background-position:center; background-size:100% 100%;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 38V20h18M62 20h18v18M80 62v18H62M38 80H20V62' fill='none' stroke='%23ffffff' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.fjsen-player-wrap .fjsen-player-fullscreen-exit{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M40 20v18H22M60 20v18h18M80 40H62V22M20 40h18V22M40 80V62H22M60 80V62h18M80 60H62v18M20 60h18v18' fill='none' stroke='%23ffffff' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fjsen-player-wrap .fjsen-player-pr-bg{width:100%; height:8px; background:#c2c2c2; position:absolute; left:0; bottom:50px; z-index:5; display:none;}
.fjsen-player-wrap .fjsen-player-pr-load{width:0%; height:8px; background:#dddddd; position:absolute; left:0; bottom:50px; z-index:6; display:none;}
.fjsen-player-wrap .fjsen-player-pr-goto{width:0%; height:8px; background:#fff; position:absolute; left:0; bottom:50px; z-index:7; display:none;}
.fjsen-player-wrap .fjsen-player-pr-goto-pos{width:80px; height:65px; transform: translate(50%, -105%); float:right; text-align:center;}
.fjsen-player-wrap .fjsen-player-pr-goto-pos-big{width:160px; height:110px; transform: translate(50%, -105%); float:right; text-align:center;}
.fjsen-player-wrap .fjsen-player-pr-goto-pos-notpreview{width:80px; height:20px; transform: translate(50%, -105%); float:right; text-align:center;}
.fjsen-player-wrap .fjsen-player-pr-time{display:inline-block; line-height:20px; font-size:12px; padding:0 10px; color:#fff; text-align:center; background:#2F4056; border-radius:20px;}
.fjsen-player-wrap .fjsen-player-pr-play{width:0%; height:8px; background:#01aaed; position:absolute; left:0; bottom:50px; z-index:8; display:none;}
.fjsen-player-wrap .fjsen-player-pr-dian{height:14px; width:14px; background:#01aaed; border-radius:50%; border:#fff solid 3px; transform: translate(33.33%, -33.33%); float:right; display:none;}
.fjsen-player-wrap .fjsen-player-pr-bar{width:100%; height:16px; background:#000; opacity:0; filter:alpha(Opacity=0); position:absolute; left:0; bottom:46px; z-index:9; display:none;}
.fjsen-player-wrap .fjsen-player-pr-goto-pos .fjsen-player-canvas-hide{width:80px; height:45px;}
.fjsen-player-wrap .fjsen-player-pr-goto-pos-big .fjsen-player-canvas-hide{width:160px; height:90px;}
.fjsen-player-wrap .fjsen-player-pr-goto-pos-notpreview .fjsen-player-canvas-hide{display:none;}

.fjsen-player-wrap .fjsen-player-volume{
	float:right; margin:8px; width:34px; height:34px; cursor:pointer;
	background-repeat:no-repeat; background-position:center; background-size:100% 100%;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='20,60 38,60 56,76 56,24 38,40 20,40' fill='%23ffffff'/%3E%3Cpath d='M64 35Q74 50 64 65M72 28Q86 50 72 72' fill='none' stroke='%23ffffff' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.fjsen-player-wrap .fjsen-player-volume-off{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='20,60 38,60 56,76 56,24 38,40 20,40' fill='%23ffffff'/%3E%3Cpath d='M70 30L30 70' fill='none' stroke='%23ff4d4f' stroke-width='10' stroke-linecap='round'/%3E%3C/svg%3E");
}
.fjsen-player-wrap .fjsen-player-volume-bar{position:absolute; width:30px; height:100px; bottom:50px; right:65px; z-index:10; display:none;}
.fjsen-player-wrap .fjsen-player-volume-pos{position:relative; width:100%; height:100%;}
.fjsen-player-wrap .fjsen-player-volume-bg{position:absolute; width:100%; height:100%; left:0; bottom:0; background:#000; opacity:0.3; filter:alpha(Opacity=30); z-index:11;}
.fjsen-player-wrap .fjsen-player-volume-tiao{position:absolute; width:6px; height:80%; border-radius:2px; left:12px; bottom:10%; background:#d2d2d2; z-index:12;}
.fjsen-player-wrap .fjsen-player-volume-val{position:absolute; width:6px; height:0px; border-radius:2px; left:12px; bottom:10%; background:#01aaed; z-index:13;}
.fjsen-player-wrap .fjsen-player-volume-dian{height:10px; width:10px; background:#01aaed; border-radius:10px; border:#fff solid 3px; transform: translate(-33.33%, -50%);}
.fjsen-player-wrap .fjsen-player-volume-tmd{position:absolute; width:100%; height:100%; left:0; bottom:0; background:#000; opacity:0; filter:alpha(Opacity=0); z-index:14;}

.fjsen-player-wrap .fjsen-player-quality{float:right; margin:12px 6px; height:26px; padding:0 12px; text-align:center; line-height:26px; font-size:13px; border-radius:13px; background:#e2e2e2; color:#323232; cursor:pointer; display:none;}
.fjsen-player-wrap .fjsen-player-quality-bar{position:absolute; bottom:48px; right:135px; padding:6px 15px 10px; border-radius:5px; transform: translate(50%, 0); z-index:10; background:#e2e2e2; display:none;}
.fjsen-player-wrap .fjsen-player-quality-bar .fjsen-player-quality-li{height:20px; text-align:center; line-height:30px; color:#323232; cursor:pointer;}
.fjsen-player-wrap .fjsen-player-quality-bar .fjsen-player-quality-li{font-size:12px;}
.fjsen-player-wrap .fjsen-player-quality-bar .fjsen-player-quality-li span{font-size:11px;}
.fjsen-player-wrap .fjsen-player-quality-bar .fjsen-player-quality-li:hover{color:#1e9fff;}

/* Logo：与全屏按钮同高（34px），宽按 SVG 比例 39:34；全屏时再放大 */
.fjsen-player-wrap .fjsen-player-logo{float:right; margin:8px 6px; width:39px; height:34px; background-size:contain; background-repeat:no-repeat; background-position:center;}

.fjsen-player-wrap .fjsen-player-logo{
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2239%22%20height%3D%2234%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(204%2C%2015%2C%200)%22%20d%3D%22M37.182%2C20.938%20L33.881%2C24.289%20C29.252%2C28.986%2021.747%2C28.986%2017.118%2C24.289%20L9.941%2C17.005%20L11.877%2C15.041%20C12.956%2C13.946%2014.706%2C13.946%2015.785%2C15.041%20L21.598%2C20.940%20C23.753%2C23.127%2027.247%2C23.127%2029.402%2C20.940%20L37.182%2C13.044%20C39.331%2C15.224%2039.331%2C18.758%2037.182%2C20.938%20ZM25.509%2C9.094%20L25.495%2C9.091%20L24.159%2C7.735%20C20.712%2C4.237%2015.957%2C2.857%2011.477%2C3.593%20C16.003%2C-1.000%2023.341%2C-1.000%2027.867%2C3.593%20L35.231%2C11.066%20L31.341%2C15.013%20L25.509%2C9.094%20ZM22.212%2C9.710%20L29.389%2C16.994%20L27.454%2C18.957%20C26.375%2C20.053%2024.625%2C20.053%2023.546%2C18.957%20L17.723%2C13.049%20C15.574%2C10.867%2012.089%2C10.867%209.940%2C13.049%20L2.148%2C20.955%20C-0.000%2C18.775%20-0.000%2C15.241%202.148%2C13.061%20L5.450%2C9.710%20C10.079%2C5.013%2017.583%2C5.013%2022.212%2C9.710%20ZM13.821%2C24.906%20L13.834%2C24.909%20L15.170%2C26.265%20C18.617%2C29.763%2023.372%2C31.143%2027.852%2C30.407%20C23.326%2C34%2015.988%2C34%2011.462%2C30.407%20L4.099%2C22.934%20L7.988%2C18.987%20L13.821%2C24.906%20Z%22%2F%3E%3C%2Fsvg%3E");
}

/* PC：Logo 高度与全屏按钮严格一致（34px），不再单独在全屏时放大 */
.fjsen-player-wrap .fjsen-player-contextmenu{position:absolute; left:0; top:0; z-index:10000; width:180px; display:none;}
.fjsen-player-wrap .fjsen-player-contextmenu-pos{position:relative; width:100%; height:100%;}
.fjsen-player-wrap .fjsen-player-contextmenu-bg{position:absolute; z-index:10001; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(Opacity=60); border-radius:10px;}
.fjsen-player-wrap .fjsen-player-contextmenu-bar{position:absolute; z-index:10002; padding:10px; line-height:30px;}
.fjsen-player-wrap .fjsen-player-contextmenu-bar .fjsen-player-contextmenu-li{color:#fff; font-size:13px; cursor:pointer;}
.fjsen-player-wrap .fjsen-player-contextmenu-bar .fjsen-player-contextmenu-li:hover{color:#1e9fff; font-weight:bolder;}

.fjsen-player-video-not-controls video::-webkit-media-controls{display:none !important;}
@media all and (orientation: portrait) { 
.fjsen-player-landscape .fjsen-player-wrap{-webkit-transform:rotate(90deg) translate(0,-100%); -webkit-transform-origin:0 0; transform:rotate(90deg) translate(0,-100%); transform-origin:0 0;}
}
@media screen and (orientation: landscape) {
.fjsen-player-landscape .fjsen-player-wrap{-webkit-transform:rotate(0deg) translate(0,0); -webkit-transform-origin:0 0; transform:rotate(0deg) translate(0,0); transform-origin:0 0;}
}

/* ============================================================
   移动端基础尺寸（IE 兼容：不使用 var()/calc(*var())）
   仅作为 JS 加载前的初始 fallback；JS 的 _size() 加载后会用
   inline style 覆盖，按"播放器宽度 + 占屏幕短边比例"动态计算。
   ============================================================ */
.fjsen-player-wap{font-size:14px;}

.fjsen-player-wap .fjsen-player-msg{
	height:40px; line-height:40px; padding:0 18px; font-size:14px; border-radius:40px;
}
.fjsen-player-wap .fjsen-player-bar-bg{height:48px;}
.fjsen-player-wap .fjsen-player-bar{height:48px;}

.fjsen-player-wap .fjsen-player-playing,
.fjsen-player-wap .fjsen-player-fullscreen,
.fjsen-player-wap .fjsen-player-volume{
	width:30px; height:30px; margin:9px;
	box-sizing:content-box;
	background-origin:content-box; background-clip:content-box;
}
.fjsen-player-wap .fjsen-player-playing{margin-left:12px;}
.fjsen-player-wap .fjsen-player-fullscreen{margin-right:12px;}
.fjsen-player-wap .fjsen-player-volume{margin-right:0;}

.fjsen-player-wap .fjsen-player-playtime,
.fjsen-player-wap .fjsen-player-maxtime{
	margin:11px 6px; margin-left:0;
	font-size:15px; line-height:20px; font-weight:600;
}

.fjsen-player-wap .fjsen-player-pr-bg{height:6px; bottom:48px;}
.fjsen-player-wap .fjsen-player-pr-load{height:6px; bottom:48px;}
.fjsen-player-wap .fjsen-player-pr-goto{height:6px; bottom:48px;}
.fjsen-player-wap .fjsen-player-pr-time{font-size:12px; line-height:22px; padding:0 11px;}
.fjsen-player-wap .fjsen-player-pr-play{height:6px; bottom:48px;}
.fjsen-player-wap .fjsen-player-pr-dian{height:22px; width:22px;}
.fjsen-player-wap .fjsen-player-pr-bar{height:26px; bottom:38px;}

.fjsen-player-wap .fjsen-player-quality{
	margin:12px 6px 12px 0; height:26px; line-height:26px; padding:0 11px;
	font-size:13px; border-radius:13px;
}
.fjsen-player-wap .fjsen-player-quality-bar{bottom:46px; right:90px; padding:8px 12px 12px; border-radius:8px;}
.fjsen-player-wap .fjsen-player-quality-bar .fjsen-player-quality-li{height:26px; line-height:26px; padding:0 5px; font-size:12px;}
.fjsen-player-wap .fjsen-player-quality-bar .fjsen-player-quality-li span{font-size:11px;}

.fjsen-player-wap .fjsen-player-contextmenu-bar .fjsen-player-contextmenu-li{font-size:12px;}
.fjsen-player-wap .fjsen-player-logo{
	margin:9px; height:30px; width:34px; /* 39:34 */
	background-size:contain; background-repeat:no-repeat; background-position:center;
}
.fjsen-player-wap .fjsen-player-volume-bar{bottom:48px; right:48px;}

/* 移动端按压反馈 */
.fjsen-player-wap .fjsen-player-playing:active,
.fjsen-player-wap .fjsen-player-fullscreen:active,
.fjsen-player-wap .fjsen-player-volume:active,
.fjsen-player-wap .fjsen-player-quality:active,
.fjsen-player-wap .fjsen-player-quality-bar .fjsen-player-quality-li:active{opacity:0.6;}