/*
 * Discuz! M3U8视频播放器 V1  2025.9.22
 * 威兔主要从事网站设计，平面设计，Discuz!模板与插件开发，WordPress主题与插件开发，PHP+Mysql应用开发及相关外包服务，原生App开发，微信小程序开发。
 * 工作时间：周一至周五，周六需提前预约，节假日休息。
 * 网站：www.v2my.com
 * 微信：speeds777
 * QQ：32-77558-32
 */

/* M3U8 插入面板 */
.m3u8style{background-image:url('../image/icon.png') !important;background-repeat:no-repeat;background-position:center 3px !important;background-size:24px auto !important;cursor:pointer}
.m3u8style:hover{background-color:#fff}
.edt .b2r .m3u8style{background-size:14px auto !important}
.m3u8panel{width:680px;padding:15px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);border:1px solid #ddd;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.m3u8panel .flb{height:20px;line-height:20px;padding:0 0 12px}
.m3u8panel .flb em{font-weight:bold;font-size:16px}
.m3u8panel textarea{width:100%;padding:6px 8px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.m3u8panel .pn{height:30px;margin:0 0 0 12px;padding:0 20px;float:right;font-weight:bold}

/* M3U8 播放器 */
.m3u8-container{display:inline-block}
.m3u8-player{width:100%;position:relative;background:#000;overflow:hidden}
.m3u8-player video{width:100%;height:100%;background:#000}
.m3u8-player .m3u8-vipmsg{min-height:20px;padding:15px 15px;position:absolute;left:17px;right:17px;bottom:17px;z-index:30;text-align:center;color:#7d6028;line-height:20px;font-size:14px;background:#ffd93e;box-shadow:0 0 10px rgba(149,157,165,0.2)}
.m3u8-player .m3u8-vipmsg a{color:#000;border-bottom:1px solid;text-decoration:none;margin:0 10px}
.m3u8-player .m3u8-vipmsg a:hover{color:#f30;text-decoration:none}
.m3u8-player .m3u8-vipmsg .msgclose{display:block;width:30px;height:30px;position:absolute;top:0;right:0;cursor:pointer;background:url('../image/close.svg') no-repeat center center;background-size:10px 10px}
.m3u8-loading,.m3u8-error{position:absolute;top:0;left:0;width:100%;height:100%;padding:17px;color:#fff;line-height:1;font-size:18px;background-color:rgba(0,0,0,0.5);display:none;z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.m3u8-error{color:#ff4444;background-color:rgba(0,0,0,0.8);z-index:20}
.m3u8-cover{width:100%;height:100%;background:#000 url('../image/cover.jpg') no-repeat center bottom;background-size:cover}
.m3u8-cover .m3u8-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;background:url('../image/play.png') no-repeat center center;background-size:100px 100px;opacity:0.6;cursor:pointer}
.m3u8-cover .m3u8-play:hover{opacity:1}
.m3u8-cover .m3u8-ie{position:absolute;top:50%;left:0px;transform:translate(0px,-50%);width:100%;text-align:center;line-height:1;font-size:18px;color:#ff4444}
.m3u8-list{background:#eee;overflow:hidden}
.m3u8-list ul{padding:10px;margin:0;position:relative;overflow:hidden}
.m3u8-list li{float:left;width:20%;list-style:none !important;position:relative;margin:0;padding:7px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.m3u8-list li.hidden{display:none}
.m3u8-list li span{padding:10px;margin:0;display:block;border-radius:10px;background:#f7f8f9;box-shadow:0 0 10px rgba(149,157,165,0.2);text-align:center;line-height:20px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m3u8-list li span:hover{background:#fff;color:#f30}
.m3u8-list li.active span{background:#cc0000;background:linear-gradient(170deg,#f50,#cc0000);color:#fff}
.m3u8-list li i{display:block;padding:1px 5px;margin:0;line-height:16px;font-size:10px;color:#ae9666;font-style:initial;background:rgba(174,150,102,0.2);position:absolute;right:7px;bottom:7px;border-radius:5px 0 10px 0;user-select:none;pointer-events:none}
.m3u8-list ul .m3u8-listshow{position:absolute;z-index:1;left:0px;bottom:0px;width:100%;height:50px;padding-bottom:10px;text-align:center;background:linear-gradient(0deg,rgb(234,237,241) 5%,rgba(234,237,241,0));cursor:pointer}
.m3u8-list ul .m3u8-listshow span{display:inline-block;line-height:36px;font-size:14px;font-weight:bold;color:#666;padding:0px 22px;margin-top:14px;border-radius:18px;background:#fff;background:linear-gradient(-6deg,#eaecef,#fff 95%);box-shadow:0 0 12px rgba(149,157,165,0.4)}
.m3u8-list ul .m3u8-listshow:hover span{color:#f30}

/* M3U8 播放器 */
.videostyle,.audiostyle{display:inline-block}
.videostyle video{vertical-align:top;width:100%;height:100%;background:#000}
.audiostyle audio{vertical-align:top;width:100%;border-radius:15px}
.medianoshow{padding:15px 15px;display:inline-block;text-align:center;color:#27888c;font-size:16px !important;background:#eaf5f9;cursor:default;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.medianoshow .medianourl{margin-top:10px;padding:0 15px;font-size:14px !important;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.medianoshow .medianourl,.medianoshow .medianourl a{color:#369}