@charset "UTF-8";
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;padding:0}div{box-sizing:border-box}
body{background-color:#000!important;}
.w-h,body,html{width:100%;height:100%;overflow:hidden}
.mt-5{text-shadow:-2px 0 rgb(0 255 255 / 50%),2px 0 rgb(255 0 0 / 50%);animation:shake-it .5s reverse infinite cubic-bezier(.68,-.55,.27,1.55)}
@keyframes shake-it{0%{text-shadow:0 0 rgba(0,255,255,.5),0 0 rgba(255,0,0,.5)}
    25%{text-shadow:-2px 0 rgba(0,255,255,.5),2px 0 rgba(255,0,0,.5)}
    50%{text-shadow:-5px 0 rgba(0,255,255,.5),3px 0 rgba(255,0,0,.5)}
    100%{text-shadow:3px 0 rgba(0,255,255,.5),5px 0 rgba(255,0,0,.5)}
}
i{font-style:normal;}
ol,ul,li {margin:0; padding:0; list-style:none;}
a{background-color:transparent;-webkit-tap-highlight-color:transparent;}
a,a:link,a:visited,a:active,a:hover,button {outline: none;text-decoration: none;cursor: pointer;}
a{color: hsla(0,0%,100%,.87)}
input,button,select,textarea{border:0;background: 0 0;border-radius:0;outline: medium none;font-weight: inherit;font-style: inherit;font-size: inherit;font-family: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.ease{transition: all 0.3s ease;}
.hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.br{border-bottom:1px solid #ffffff1a}
.off{display:none;position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(28,28,28,0.3)}
.text{font-family: SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif;text-shadow: rgb(0 0 0) 1px 0 1px, rgb(0 0 0) 0 1px 1px, rgb(0 0 0) 0 -1px 1px, rgb(0 0 0) -1px 0 1px;}
::-webkit-scrollbar-thumb{background-color:#25252b;border-radius:6px;-webkit-transition:background 200ms ease;-moz-transition:background 200ms ease;transition:background 200ms ease}
::-webkit-scrollbar{width:8px;background-color:rgb(10, 12, 15)}
::-webkit-scrollbar-button{display:none}
.l-bj{border-radius:6px;list-style:none;background-size:400% 100%;background-position:100% 50%;animation:skeleton-loading 1.4s ease infinite}
.l-bj {background-image: linear-gradient(90deg, #24292f 25%, rgb(17, 19, 25) 37%, #24292f 63%);}
.l-55{width:55%}.l-100{width:100%}.l-h-1{height:10px!important;}.l-h-2{height:20px!important;}  .l-t30{margin-top:30px}.l-t10{margin-top:10px}
@keyframes skeleton-loading { 0% {background-position: 100% 50%;} 100% {background-position: 0 50%;}}
*{-moz-user-select:none;-webkit-user-select:none;user-select:none}
.tt-center{text-align:center}
.h2ScrollX, .h2ScrollY{transition: transform 0.5s ease;}
.h2ScrollX .h2ScrollX-child, .h2ScrollY .h2ScrollY-child{}

/*----------------
等待页面
----------------*/
#h2_jxbox{padding-bottom:0!important;padding:0;margin:0;width:100%;height:100%;background-color:#000;color:#999;font-size:14px;overflow: hidden;}
#h2_jxbox,#h2_jxvideo,#h2_jxerror,#h2_jxloading{padding:0;margin:0;width:100%;height:100%;background-color:#000;color:#999}
#h2_jxloading{text-align:center;padding-top:22%;background-image:url('https://jx.973973.xyz/973/loding.png');background-size: cover;background-position: center;background-repeat: no-repeat}
#h2_jxloading,#h2_jxerror{color:#ccc;margin:0;font:1.1em '微软雅黑';text-transform:uppercase;letter-spacing:.1em}
#h2_jxloading span{display:inline-block;vertical-align:middle;width:.6em;height:.6em;margin:.19em;background:#007DB6;border-radius:.6em;-webkit-animation:loading 1s infinite alternate;animation:loading 1s infinite alternate}
#h2_jxloading span:nth-of-type(2){background:#008FB2;-webkit-animation-delay:.2s;animation-delay:.2s}
#h2_jxloading span:nth-of-type(3){background:#009B9E;-webkit-animation-delay:.4s;animation-delay:.4s}
#h2_jxloading span:nth-of-type(4){background:#00A77D;-webkit-animation-delay:.6s;animation-delay:.6s}
#h2_jxloading span:nth-of-type(5){background:#00B247;-webkit-animation-delay:.8s;animation-delay:.8s}
#h2_jxloading span:nth-of-type(6){background:#5AB027;-webkit-animation-delay:1s;animation-delay:1s}
#h2_jxloading span:nth-of-type(7){background:#A0B61E;-webkit-animation-delay:1.2s;animation-delay:1.2s}
#h2_jxloading .h2_jxtimemsg{font-size:16px;color:#f00;font-weight:bold;font-style:inherit}  
#stats{position:fixed;top:5px;left:10px;font-size:12px;color:#fdfdfd;z-index:2147483647;text-shadow:1px 1px 1px #000, 1px 1px 1px #000}
#h2_jxbox .h2ui_needweiyi.h2_weiyiclass video{transform: translate(-100%,0);}
#h2_jxbox .m-d-text {opacity: 1!important;background-color: #e6e6e6!important;color: #101010!important;}
#h2_jxbox .dplayer-logo {left: auto!important;right: 50px!important;top: 50px!important;max-width: 120px!important;}

@-webkit-keyframes loading{0%{opacity:0}
100%{opacity:1}
}
@keyframes loading{0%{opacity:0}
100%{opacity:1}
}
/*----------------
布局
----------------*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.between{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:space-between}
.around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.center{-webkit-justify-content:center;justify-content:center}
.flex-auto{-ms-flex: 1 0 0%;flex:1 0 0%;width:0}
.qoe-normal{line-height:normal;justify-content:center;align-items:center}


.m-d-mask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:999}.m-d-warp{position:absolute;left:50%;top:50%;width:80%;max-width:300px;background:#fff;z-index:1000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;border-radius:5px}.md-w-head{padding:1em 1.6em .5em;text-align:center;font-size:24px}.md-w-body{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999;max-height: 200px;overflow-y: auto;}.md-w-foot{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;line-height:48px;font-size:18px;text-align:center;border-top:1px solid #d5d5d6}.md-wf-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;line-height:48px;font-size:18px}.md-wf-item:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #d5d5d6;color:#d5d5d6}.md-w-foot .enter{color:#00b4ec}.m-d-loading{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;width:120px;height:120px;background-color:#000;opacity:.5;border-radius:5px;color:#fff;text-align:center;z-index:1000}.m-d-loadimg{position:relative;background:url(../img/load_1.gif) no-repeat;background-size:cover;width:60px;height:60px;margin:12px auto}.m-d-text{position:absolute;left:50%;top:50%;opacity:.5;border-radius:5px;background-color:#000;color:#fff;padding:10px 15px;z-index:1000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#m-d-pagebg{background-color: rgba(0,0,0,.4);position: fixed;z-index: 500;bottom: 0;right: 0;left: 0;top: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/*--------------
按钮
--------------*/
.h2Btn-custom{background: #5E5DF0;border-radius: 999px;box-shadow: #5E5DF0 0 10px 20px -10px;box-sizing: border-box;color: #FFF;cursor: pointer;font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;opacity: 1;outline: 0 solid transparent;padding: 8px 18px;-moz-user-select: none;user-select: none;-webkit-user-select: none;touch-action: manipulation;width: -moz-fit-content;width: fit-content;word-break: break-word;border: 0;}
.h2Btn-custom:hover {box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;transition-duration: .1s;}
.h2Btn-custom1{background-color: #FFF;border: 0;border-radius: .5rem;box-sizing: border-box;color: #111827;font-family: "Inter var", ui-sans-serif, system-ui, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size: .875rem;font-weight: 600;padding: .75rem 1rem;text-align: center;-webkit-text-decoration: none #D1D5DB solid;text-decoration: none #D1D5DB solid;text-decoration-thickness: auto;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);cursor: pointer;-moz-user-select: none;user-select: none;-webkit-user-select: none;touch-action: manipulation;}
.h2Btn-custom2{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;border: 2px solid #1A1A1A;border-radius: 15px;box-sizing: border-box;color: #3B3B3B;cursor: pointer;display: inline-block;font-family: Roobert, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size: 16px;font-weight: 600;line-height: normal;margin: 0;min-height: 60px;min-width: 0;outline: 0;padding: 16px 24px;text-align: center;text-decoration: none;transition: all 300ms cubic-bezier(0.23,1,0.32,1);-moz-user-select: none;user-select: none;-webkit-user-select: none;touch-action: manipulation;width: 100%;will-change: transform;
}
/*--------------
    提示插件/跑马灯插件
--------------*/
.bj{position:absolute;background-color:#000;z-index:1;overflow:hidden;width:100%;height:101%;top:0;left:0;background-size:cover;background-position-x:center;background-position-y:center}
.bj:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}
.bj-1:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=)}
.bj-2:before,.api_switch a,.vague1{background:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px)}
.vague2{-webkit-backdrop-filter: saturate(180%)blur(20px);backdrop-filter: saturate(180%)blur(20px);background-color: #000000b3!important;}
.vague3{background-color:hsla(0,0%,100%,.18);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px)}
.tips-box{color:hsla(0,0%,100%,.87);text-align:center;position:absolute;top:50%;left:50%;z-index:2;transform:translateX(-50%) translateY(-50%);margin:0 auto}
.ec-h{font-weight:700;font-size:40px;line-height:1.2}
.ec-txt{margin-top:20px;font-size:16px;font-weight:700;text-shadow:rgb(0 0 0) 1px 0 1px,rgb(0 0 0) 0 1px 1px,rgb(0 0 0) 0 -1px 1px,rgb(0 0 0) -1px 0 1px}
.api_switch{margin-top:10px}
.api_switch a{display:block;width:80px;height:38px;line-height:38px;margin:4px;border-radius:20px;overflow:hidden;font-size:14px}
.pop-msg{text-align:center;max-width:188px;position:fixed;top:50%;left:0;right:0;z-index:99999;transform:translateY(-50%);margin:0 auto!important;font-size:14px;line-height:18px;color:#fff;padding:18px 20px!important;border-radius:50px;box-shadow:1px 1px 50px rgb(0 0 0 / 30%)}
img{border:none;max-width:100%;height:auto;vertical-align:top}
.bullet-screen{white-space:nowrap;position:absolute;top:20px;left:0;z-index:41;color:#fff;font-size:28px}
@keyframes bullet{0%{left:100%}to{left:0;transform:translateX(-100%)}}
@media (max-width: 767px) {
    .tips-box{width:100%;padding:0 20px}
    .ec-txt,.bullet-screen{font-size:18px}
    .ec-txt{margin-top:10px;}
    .ec-h{font-size:20px}
}
/*--------------
播放器头部
--------------*/
.header{opacity:0;transform:translateY(-100%);height:60px;background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0));line-height:60px;position:fixed;top:0;left:0;right:0;z-index:60;color:#fff; margin: 0 0 !important;}
.player-logo{pointer-events: none;position: absolute;z-index:40}
.player-title{display: inline-block;font-size: 18px;width: 100%;overflow: hidden;white-space: nowrap;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;}
.player-title span{display: inline-block;width: 70%;overflow: hidden;white-space: nowrap;}
.kui-time{font-size:18px}
.batteryShape{display:none;position:relative;width:30px;height:14px;border:1px solid #333;border-radius:3px;background-color:#fff;margin-left:12px!important}
.batteryShape::before{content:'';position:absolute;top:50%;right:-4px;margin-left:2px;transform:translateY(-50%);width:4px;height:8px;background:#333;border-top-right-radius:4px;border-bottom-right-radius:4px}
.batteryShape::after{content:'';position:absolute;top:0;left:0;width:100%;height:50%;background:rgba(255,255,255,.1)}
.batteryShape .level{position:absolute;top:2px;right:2px;bottom:2px;left:2px;overflow:hidden}
.batteryShape .percentage{position:absolute;top:0;left:0;height:100%;width:50%;background:#55c612}


.art-video-player.art-mobile .art-controls-right{min-width: 40px;}


/*--------------
广告插件

.art-layer-pauseAds{display: flex; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); align-items: center; justify-content: center; opacity: 1; transition: opacity 0.5s ease-in-out;}
.art-layer-pauseAds img{width:100%;height:100%}
--------------*/
/*--------------
字幕
--------------*/
.ec-subtitle p{font-size:14px;color:#fff;line-height:185%;white-space:pre-wrap;display:block;padding:0 10px;margin-top:5px;width:auto}
.ec-subtitle{z-index:31;width:100%;text-align:center;pointer-events:none;padding:0 20px;font-size:20px;position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center}
.art-control-show .ec-subtitle{bottom:55px}

/*--------------
选集列表
--------------*/
.player-list{position:absolute;right:0;top:0;width:400px;height:100%;z-index:99999;background-color:#111319!important;padding:0!important}
.player-list .new-body{position: relative;width:100%;height:100%}
.player-list .new-body .new-title{position: relative;display: flex;margin-bottom: 12px;overflow: hidden;height: 180px;width: 100%;color: hsla(0, 0%, 100%, 0.6);flex-direction: row;flex-wrap: nowrap;margin-top:18px;}
.player-list .new-body .new-title .title-cover{position: relative;float: left;display: flex;margin-right: 10px;font-size: 21px;height: 100%;width: 35%;overflow: hidden;z-index: 9999999999999999;align-items: center;}
.player-list .new-body .new-title .title-info{position: relative;float: left;font-size: 12px;height: 100%;overflow: hidden;width: 65%;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.player-list .new-body .new-title .title-cover img{border-radius: 7px;background-color: #25252b;object-fit: cover;}
.player-list .new-check{margin-left:10px;margin-right:10px;width:360px;height:100%;position:relative}
.player-list h3{font-size: 24px;color:#fff;display: flex;overflow:hidden;align-items: center;}
.player-list .new-title-feature{font-size:15px;line-height: 25px;padding: 10px 5px;color: #fff;font-weight:400;height: 40px;overflow: auto;}
.player-list .new-title-heat{color:#ff33a3;margin-right:8px;font-weight:600}
.player-list .new-title-update{font-size:14px;line-height:18px;color:hsla(0,0%,100%,.6);max-height: 100px;overflow: auto;}
.player-list .new-top{position:relative;margin-top:36px;line-height:25px}
.player-list h4{font-size:18px;color:hsla(0,0%,100%,.9);font-weight:600}
.player-list .function{position:absolute;right:0;top:0;font-size:14px;color:hsla(0,0%,100%,.6)}
.player-list .function a{display:block;margin-left:12px}
.player-list .new-from span{cursor:pointer;display:block;height:40px;line-height:40px;padding-right:16px;font-size:15px;font-weight:700;color:hsla(0,0%,100%,.6)}
.player-list .new-url{margin-top:12px}
.player-list .new-url ul{display:block;position:absolute;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}
.player-list .new-url ul.dx{display:block}
.player-list .new-url li{width:calc(33.3333% - 8px);background-color:#1e2126;display:inline-block;position:relative;height:50px;line-height:50px;border-radius:6px;font-size:14px;font-weight:700;text-align:center;cursor:pointer;transition:all .2s;margin:0 8px 8px 0;overflow: hidden;}
.player-list .new-100 li{width:calc(100% - 8px)}
.player-list .on{color:hsla(0,0%,100%,.87)!important}
.list-bnt span{line-height:28px;display:block;color:#fff;font-size:12px}
.list-err{width:100%;text-align:center;position:fixed;top:50%;left:50%;z-index:99999;transform:translateX(-50%) translateY(-50%);margin:0 auto;color:#999;font-size:14px}
.list-retry{left:21px;bottom:21px;width:72px;height:30px;border-radius:15px;background:#ff008c;font-size:12px;line-height:30px;text-align:center;color:#fff;font-weight:500;display:inline-block;margin-bottom:10px}
.player-list .new-url .on:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #ff0000;}

/*--------------
框幕
--------------*/

.ec-box{-webkit-backdrop-filter: saturate(180%)blur(20px);backdrop-filter: saturate(180%)blur(20px);background-color: #000000b3;transform:scale(0);border-radius:4px;padding:7px 10px!important;transition:all .3s ease-in-out;overflow:hidden;}
.ec-show{transform:scale(1)}
.ec-no-c{pointer-events:none;cursor:not-allowed!important;color:#999}
.ec-box-tit{font-size: 18px;padding: 5px 0;height: 40px;position: relative;}
.ec-box-tit::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #81818142;}
.ec-box-main{width: 100%;height: calc(100% - 40px);}
.set-toggle svg{fill:#fff;width:20px!important;height:20px!important}
.set-toggle span{font-size:12px;color:#ffffff80}
.ec-next svg{height:26px!important;width:26px!important;}
.content-bnt svg{height:23px!important;width:23px!important;}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #eee;}
input:-ms-input-placeholder { /* IE 10+ */color: #eee;}
input:-moz-placeholder { /* Firefox 18- */color: #eee;opacity: 1;}
input::-moz-placeholder { /* Firefox 19+ */color: #eee;opacity: 1;}

/*--------------
滑动选择
--------------*/
.hdsec-box-heng{display: flex;justify-content: center;align-content: flex-start;flex-direction: column;flex-wrap: nowrap;overflow-y: auto;}
.hdsec-box-heng .hdsec-box{text-align:left;display:flex;align-items:center;height: 35px;}
.hdsec-box-heng .hdsec-title{text-align:left;font-size:13px;margin-bottom:2px;text-transform:capitalize;margin-right:auto}
.hdsec-box-heng .hdsec-title span{display:inline-block;vertical-align:top}
.hdsec-box-heng .hdsec-inp{width:60%}
.hdsec-box-heng .hdsec-val{width:15%;font-size:12px;padding-left:4px;text-align: center;}


.hdsec-box-su{display: flex;align-items: baseline;align-content: flex-start;flex-direction: row;flex-wrap: nowrap; overflow-x: auto;scroll-behavior: smooth;}
.hdsec-box-su .hdsec-box {margin: 10px 5px; /* 内边距为 5px */text-align: center;height: 150px;width: 30px;display: flex;flex-direction: column;position: relative;}
.hdsec-box-su .hdsec-title {text-align: center;font-size: 13px;margin-bottom: 2px;text-transform: capitalize;position: relative;top: 0;width: 100%;}
.hdsec-box-su .hdsec-title span {display: inline-block;vertical-align: top;width: 100%;}
.hdsec-box-su .hdsec-inp {width: 85px;transform: translate(-33%, 160%) rotate(270deg);transform-origin: center; margin: 0 auto;}
.hdsec-box-su .hdsec-val {position: absolute;bottom: 0;width: 100%;display: block;text-align: center;font-size: 13px;margin-bottom: 2px;text-transform: capitalize;}


/*--------------
自动下一集
--------------*/
.again{text-align:center;border-radius:10px}
.again .again-icon{width:60px;height:60px;margin:auto}
.again .pop-content{margin-top:10px}
.again svg{fill:#fff}
/*--------------
记忆播放
--------------*/
.ec-remember{display:none;background-color:#000c;border-radius:3px;align-items:center;padding:10px!important;line-height:1;color:#fff;font-size:14px;font-weight:600;position:absolute;bottom:60px;left:10px;z-index:99}
.ec-remember i{cursor:pointer;margin-right:6px;width:20px;height:14px;display:inline-block;vertical-align:bottom}
.ec-remember svg{width:20px;height:14px}
.ec-remember em{font-style:normal;margin:0 8px}
.ec-remember span{cursor:pointer}

/*--------------
旋转,锁屏
--------------*/
.broadside{position:fixed;top:50%;z-index:39;transform:translateY(-50%);transition:all .3s ease}
.broadside div{background-color:#000000b3;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;margin:16px 20px;opacity:.8}
.broadside svg{fill: #fffc}
.seat0{left:0;transform: translateY(-50%) translateX(-100%)}
.seat1{right:0;transform: translateY(-50%) translateX(100%)}
.along1,.along2,.along3{transition-duration:.4s;transform-origin:center center}
.along1{transform:rotate(0.25turn) scale(0.56333)}
.along2{transform:rotate(0.5turn) scale(1)}
.along3{transform:rotate(0.75turn) scale(0.56333)}
.lock-hide .lock-box{position:absolute;width:100%;height:100%;top:0;left:0;z-index:997}
.lock-hide .broadside{z-index:998;transform:translateY(-50%)!important;opacity:1!important}
.lock-hide .broadside div,.lock-hide .header,.lock-hide .art-bottom,.lock-hide .dm-box{opacity: 1;}
.lock-hide .header {opacity: 1;transform: translateY(-100%)!important;}
.lock-hide .broadside .ec-lock{display: block!important}
.lock-hide .ec-subtitle{bottom:10px!important}

.art-bottom .art-controls{margin-left:0!important}



/*--------------
加载
--------------*/
#loading{z-index:999999999;position:absolute;top:0;left:0}
.ec-loading .loading-icon{z-index:3;position:absolute;top:50%;left:50%;width:320px;height:184px;margin:-110px 0 0 -160px;background:url(https://s1.hdslb.com/bfs/static/ogv/video2/_next/static/media/501eeac33e8aad0ecde564e398878967c2932e8b.png) no-repeat;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation:iconAnimation .94s steps(1) infinite;animation:iconAnimation .94s steps(1) infinite;pointer-events:none;border:0 unset}
.ec-loading .button{font-weight:700;bottom:5%;left:2%;box-shadow:unset;background:unset;top:unset;color:#00a1d6;height:auto;border-radius:0;text-align:left;font-size:14px;position:absolute;z-index:99999;display:inline-block;line-height:20px}
.ec-loading a{color:#fff;padding:2px 6px;background:#666;border-radius:4px;font-size:12px;margin:0 6px}
#link3_tip:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:ellipsis 2s infinite;content:"\2026"}
#link3-error,.ec-loading .button span{display:none}
@keyframes ellipsis{from{width:2px}to{width:15px}}
@-webkit-keyframes iconAnimation{0%{background-position:0 0} 6.25%{background-position:-320px 0} 12.50%{background-position:-640px 0} 18.75%{background-position:-960px 0} 25.00%{background-position:-1280px 0} 31.25%{background-position:-1600px 0} 37.50%{background-position:-1920px 0} 43.75%{background-position:-2240px 0} 50.00%{background-position:-2560px 0} 56.25%{background-position:-2880px 0} 62.50%{background-position:-3200px 0} 68.75%{background-position:-3520px 0} 75.00%{background-position:-3840px 0} 81.25%{background-position:-4160px 0} 87.50%{background-position:-4480px 0} 93.75%{background-position:0 -184px} 100.00%{background-position:-320px -184px} }
@keyframes iconAnimation{0%{background-position:0 0} 6.25%{background-position:-320px 0} 12.50%{background-position:-640px 0} 18.75%{background-position:-960px 0} 25.00%{background-position:-1280px 0} 31.25%{background-position:-1600px 0} 37.50%{background-position:-1920px 0} 43.75%{background-position:-2240px 0} 50.00%{background-position:-2560px 0} 56.25%{background-position:-2880px 0} 62.50%{background-position:-3200px 0} 68.75%{background-position:-3520px 0} 75.00%{background-position:-3840px 0} 81.25%{background-position:-4160px 0} 87.50%{background-position:-4480px 0} 93.75%{background-position:0 -184px} 100.00%{background-position:-320px -184px} }


/*--------------
--------------鼠标移入显示部分，需要真对不同播放器修改选择器

--------------*/

.art-control-show .header,.art-control-show .dm-box{opacity:1;transform:none}
.art-control-show .broadside{transform: translateY(-50%) translateX(0)}

@media (max-width: 767px) {
    .broadside div {margin:10px 20px}
    .ec-loading .button{font-size: 12px}
    .dm-wap{display:none;width:100%}
    .dm-box{z-index:9998;width:auto;max-width:none}
    .dm-style-box{left:0}
    .player-title{width:76%}
    .dm-bnt,.list-bnt,.content-bnt{display:inline-block!important}
    .dm-off{display:block!important;position:absolute;bottom:40px;left:0;z-index:999;width:100%;height:100%}
    .again{max-width:140px}
    .again .again-icon{width:38px;height:38px;margin:auto}
    .player-list{position:absolute;height:100%;overflow-y:auto;overflow-x:hidden}
    .player-list .new-url ul{position:relative;height:auto!important;overflow-y:revert!important;overflow-x:revert!important}
    .ec-pip,.ec-change{display:none}
    .art-video-player .art-mask {z-index:71}/*---移动端暂停播放按钮提升层覆盖暂停广告---*/
}
@media (max-width: 560px) {
    .ec-danMa{font-size:12px}
    .header{height:40px;line-height:40px}
    .player-title{font-size:15px;width:70%}
    .kui-time,.bullet-screen{font-size:15px}
    .batteryShape{width:26px;height:14px;border-radius:3px;margin-left:6px!important}
    .broadside div{padding:5px;width:32px;height:32px;margin:6px 15px}
    .player-list{width:280px}
    .player-list .new-check{margin-left:5px;margin-right:5px;width:250px}
    .player-list h3{margin-top:15px;font-size:18px;min-height:22px;line-height:22px}
    .player-list .new-title-feature,.player-list .new-title-update{font-size:12px;line-height:15px}
    .player-list .new-top{position:relative;margin-top:15px;line-height:20px}
    .player-list h4{font-size:16px}
    .player-list .function{font-size:12px}
    .player-list .new-from span{cursor:pointer;display:block;height:32px;line-height:32px;padding-right:16px}
    .player-list .new-url li{height:40px;line-height:40px;border-radius:6px;font-size:12px}
    .list-bnt span{line-height:20px!important}
    .art-control-volume{display: none!important}
}
@media (max-width: 525px) {
    .art-controls .art-controls-center{
        width: calc(100vw - 40vw);
        padding: 0;
    }
    .art-controls-center .artplayer-plugin-danmuku .apd-emitter{
        max-width: 70%;
    }
}
@media (max-width: 480px) {
    .art-controls .art-controls-center{
        width: calc(100vw - 30vw);
    }
    .art-controls-center .artplayer-plugin-danmuku .apd-emitter{
        width: 70%;
    }
}
@media (max-width: 420px) {
    .art-controls-center .artplayer-plugin-danmuku .apd-emitter{
        width: 65%;
    }
}
@media (max-width: 380px) {
    .art-video-player .art-bottom .art-controls .art-control {
        min-width: 30px!important;
    }
    .art-video-player .art-bottom .art-controls .art-control .art-icon {
        width: 30px!important;
    }
    .art-video-player .art-bottom .art-controls {
        margin-left: -5px!important;
        margin-right: -5px!important;
    }
    .art-controls .art-controls-center{
        padding: 0!important;
    }
    .artplayer-plugin-danmuku{
        gap: 5px!important;
    }
    .art-controls-center .artplayer-plugin-danmuku .apd-emitter{
        width: 60%;
    }
}

@media (min-width:768px) and (max-width:966px){
    .row-9{width:75%}
    .row-1{width:25%}
    .dm-box{width:30%}
    .dm-box-left{width:68px}
    .dm-box-cc,.dm-box-set{margin-right:8px!important}
}
@media (min-width:561px) and (max-width:1100px){
    .ec-danMa{font-size:18px}
}