.bgray-btn{transition: all 0.3s;cursor: pointer;margin: 10px 0;background-color: #fff;text-align: center;padding: 7px 5px;display: block;left: 100%;font-size: 12px;line-height: 12px;margin-left: 10px;width: 20px;border-radius: 4px;border: 1px solid #e5e9ef;color: #99a2aa;}

.z_top.b-header-blur.b-header-blur-black .z_top_nav li a.i-link, .z_top.b-header-blur.b-header-blur-black .uns_box li.u-i a.i-link{font-size: 12px;}

.player-info .u-mark{vertical-align: -1px;border-radius: 18px;border: 0px solid #aaa;color: #aaa;}

.play-primary{-background-image: none;background-size: 100% 100%;background-color: #2220;}

.player-lists{width: 97%;position: relative;padding-left: 16px;}

.playListstitle{border-bottom: 0px solid #222;border-top: 1px solid #99999938;}

.playListsPath{margin: 5px 0 0 5px;color: #03A9F4;}

.video-page-card .card-box .info{width: 66px;}

.video-page-card{padding: 10px 8px 0px 13px;}

.video-page-card .card-box .info .title{color: #222;margin-bottom: 2px;}

.player-info .u-title a{color: #333;}

.player-close{position: absolute;top: 50%;margin-top: -25px;width: 13px;height: 50px;left: 0;overflow: hidden;background: #3a3a3a;-top: 96%;background: #cccccc7a;}

.playListsPath a.active, .playListsPath a:hover{color: #fff;background: linear-gradient(to right,#ffffff 0,#f18aad 0%,#d8527f 100%);}

.playListsPath a{background: #9999992e;color: #999;}

.playListstitle:after{background: #03A9F4;}

.play-author .u-follow, .play-count .u-follow{border: 0px solid #f06000;color: #888;}

.play-author .u-follow:hover,.play-count .u-follow:hover{background-color:#888}

#container{-width: 100%;-margin-bottom: 60px;-margin-top: 23px;}

.playlist ul li a{margin-right: 10px;width: 63px;height: 28px;border: 1px solid #e5e9ef;border-radius: 4px;-width: calc((100% - 80px)/8);background-color: #fff;}

.playlist ul li a:visited{color: #999;background: #fff0;border: 1px solid #e5e9ef;}

.playlist ul li a.active{color: #fff;background: #00a1d6;border: 1px solid #00a1d6;}

.z_top .i-link{padding: 0 10px;}

.MacPlayer{background: #fff;-box-shadow: 0 0 8px #e2e2e2;}

        #xlu{
            display: block;
            
            
            background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,
            #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
            color: transparent; 
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;          
            background-size: 200% 100%;            
            
            animation:xlu-animation 4s infinite linear;
        }
        @keyframes xlu-animation {
            0% { background-position: 0 0;   }
            100% {background-position: -100% 0;}
        }
    
.long,.module-box::-webkit-scrollbar{width: 0px;}
.long,.module-box::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 0px #e2e2e2;background: #e2e2e2;}
.long,.module-box::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px #fafafa;border-radius: 0;background: #fafafa;}
.video-info .video-data .a-crumbs a{color: #999;}
.video-info .video-data{    margin: 8px 0;font-size: 12px;height: 16px;color: #999;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;text-overflow: ellipsis;white-space: nowrap;}

[hidden]{display:none!important}.supercms-player,.supercms-player video,.supercms-player iframe{width:100%;height:100%;display:block;border:0}#tabDate [data-supercms-line]{cursor:pointer}[data-supercms-line].active{color:#00a1d6}[data-supercms-segments] a{margin-right:8px;cursor:pointer}


html,body{max-width:100%;overflow-x:hidden}
.supercms-source-summary{display:none!important}.supercms-header-logo{display:flex;float:left;align-items:center;height:48px;margin-right:18px}.supercms-header-logo img{display:block;max-width:150px;max-height:42px;width:auto;height:auto;object-fit:contain}
.container{width:min(1200px,calc(100% - 24px));box-sizing:border-box}
[data-supercms-line].selected,[data-supercms-line].active{color:#00a1d6!important;border-color:#00a1d6!important}
[data-supercms-episodes]{display:flex;flex-wrap:wrap;gap:8px}
.supercms-detail-line-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid #e5e9ef}
.supercms-detail-line-tabs [data-supercms-line]{float:none;min-width:80px;margin:0;padding:8px 16px;border:1px solid #e5e9ef;border-radius:4px;background:#fff;color:#6d757a;font:inherit;cursor:pointer}
.supercms-detail-line-tabs [data-supercms-line].selected{background:#00a1d6;color:#fff!important;border-color:#00a1d6}
.player-rgt .supercms-playback-aside{display:flex;flex-direction:column}
.supercms-playback-aside>.supercms-playback-note{flex:0 0 auto}
.supercms-player-line-tabs{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;padding:12px 16px;margin-bottom:10px;border-bottom:1px solid #e5e9ef}
.supercms-player-line-tabs [data-supercms-line]{min-width:80px;margin:0;padding:7px 12px;border:1px solid #e5e9ef;border-radius:4px;background:#fff;color:#6d757a;font:inherit;cursor:pointer}
.supercms-player-line-tabs [data-supercms-line].selected{background:#00a1d6;color:#fff!important;border-color:#00a1d6}
.supercms-player-playlist{flex:1;min-height:0;overflow-y:auto;padding:0 16px 16px}
.supercms-player-playlist .supercms-player-heading{height:auto;margin:0 0 10px;padding:0;font-size:14px;font-weight:500;line-height:22px}
.supercms-player-playlist .supercms-player-group:not(.selected){display:none}
.supercms-player-playlist .supercms-player-pagination .supercms-player-heading{font-size:12px;color:#99a2aa}
.supercms-player-playlist [data-supercms-segments]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.supercms-player-playlist [data-supercms-episodes]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.supercms-player-playlist [data-supercms-episode],.supercms-player-playlist [data-supercms-page]{display:block;box-sizing:border-box;margin:0;padding:6px;border:1px solid #e5e9ef;border-radius:4px;background:#fff;color:#6d757a;font-size:12px;line-height:20px;text-align:center;text-decoration:none}
.supercms-player-playlist [data-supercms-episode]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.supercms-player-playlist [data-supercms-episode].selected,.supercms-player-playlist [data-supercms-page].selected{background:#00a1d6;color:#fff;border-color:#00a1d6}
.supercms-detail-segments{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.supercms-detail-segments [data-supercms-page]{display:block;float:none;margin:0;padding:6px 10px;border:1px solid #e5e9ef;border-radius:4px;background:#fff;color:#6d757a;line-height:20px;text-decoration:none}
.supercms-detail-segments [data-supercms-page].selected{background:#00a1d6;color:#fff;border-color:#00a1d6}
.supercms-detail-playlist [data-supercms-episodes]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-height:none;overflow:visible}
.supercms-detail-playlist [data-supercms-episodes]::after{display:none}
.supercms-detail-playlist [data-supercms-episodes] li{min-width:0}
.supercms-detail-playlist .playlist ul li [data-supercms-episode]{box-sizing:border-box;width:100%;min-width:0;height:37px;margin:0;padding:0 6px;line-height:37px}
.playlist ul li [data-supercms-episode]{float:none;margin:0}
.playlist ul li [data-supercms-episode].selected,.playlist ul li [data-supercms-episode].active{color:#fff;background:#00a1d6;border-color:#00a1d6}
.player-box{width:100%;aspect-ratio:16/9;background:#000}
.player-box iframe,.player-box video,.player-box .supercms-player{display:block;width:100%!important;height:100%!important}
.infobox .drama{box-sizing:border-box;padding:12px 14px;border-radius:6px;background:rgba(0,0,0,.46)}
.infobox .drama h1{color:#fff}
@media(max-width:767px){
  .supercms-detail-playlist [data-supercms-episodes]{grid-template-columns:repeat(4,minmax(0,1fr))}
  .container{width:calc(100% - 20px)}
  .z_top{height:auto;min-height:96px}
  .z_top .z_header{display:flex;flex-wrap:wrap;width:100%}.supercms-header-logo{float:none;flex:0 0 120px;height:48px;margin-right:8px}.supercms-header-logo img{max-width:116px;max-height:42px}
  .z_top .z_top_nav{float:none;width:100%;height:42px;overflow-x:auto;overflow-y:hidden}
  .z_top .z_top_nav ul{display:flex;width:max-content;min-width:100%;flex-wrap:nowrap}
  .z_top .z_top_nav ul li{float:none;flex:0 0 auto}
  .z_top .z_top_nav ul li.home{margin-left:0;background-image:none}
  .z_top .z_top_nav ul li.home .i-link{width:auto;padding:0 10px}
  .z_top .search{width:100%;padding:7px 0}
  .z_top .search form{display:flex;height:36px}
  .z_top .search-keyword{min-width:0;flex:1;padding:0 12px;border:1px solid #ddd;border-radius:5px 0 0 5px}
  .z_top .search-submit{width:58px;border:0;border-radius:0 5px 5px 0;background:#00a1d6;color:#fff}
  #container{padding-top:10px}
  .sort_lst_bx ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-right:0}
  .sort_lst_bx ul li{float:none;width:auto;margin:0 0 12px}
  .sort_lst_bx ul li a{height:auto;aspect-ratio:16/10}
  .sort_lst_bx ul li a img{height:100%;margin-top:0;object-fit:cover}
  .board,.playbox,.typebox,.pagebox{padding:12px 10px}
  .board h1{font-size:21px}
  .player-box{height:auto!important;aspect-ratio:16/9}
  .playbox h3{height:auto;min-height:42px}
  .module-tab.pull-right{float:none;display:flex;flex-wrap:wrap;height:auto}
  .playlist ul li [data-supercms-episode]{width:auto;min-width:72px}
  .listbox ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-right:0}
  .listbox ul li{float:none;width:auto;margin:0 0 12px}
  .listbox ul li a img{height:auto;aspect-ratio:2/3;object-fit:cover}
  .drama-box{height:460px;margin-bottom:0}
  .infobox{display:grid;grid-template-columns:34% minmax(0,1fr);gap:14px;width:calc(100% - 24px);margin:70px auto 0;padding-bottom:12px}
  .infobox .thumb{float:none;width:100%}
  .infobox .thumb img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
  .infobox .drama{float:none;width:auto;min-width:0}
  .drama-tit{padding-bottom:6px}
  .drama-tit h1{width:auto;font-size:22px;line-height:1.35}
  .drama-data div,.drama-data div:first-child{float:none;width:100%;padding:3px 0;white-space:nowrap;text-overflow:ellipsis}
  .drama-data div label{float:none;width:auto;margin-right:0}
  .drama-bottom{position:static;margin-top:8px}
  .drama-bottom .save a{width:auto;height:34px;margin:0;padding:0 14px;line-height:34px}
  .typebox .content,.labelbox{overflow-x:auto}
  .search.list{width:100%;height:auto;min-height:140px;padding:14px 0 14px 122px;box-sizing:border-box}
  .search.list .img{left:0;top:14px;width:110px;height:130px}
  .search.list .des{width:auto}
  .search.list .tags{position:static;margin-top:12px}
}