/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
/*!
normalize.css v | MIT License | https://necolas.github.io/normalize.css/
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}a{background-color:transparent}b{font-weight:bolder}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden]{display:none}html{font-family:sans-serif}.hidden,[hidden]{display:none!important}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*  */

/*  */


@font-face {
	font-family: iconfont;
	src: url(../fonts/iconfont.eot);
	src: url(../fonts/iconfont.eot) format("embedded-opentype"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.svg) format("svg");
}

.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconlianjie_o:before {
  content: "\e6ab";
}
.iconlianjie:before {
  content: "\e6aa";
}
.iconhot:before {
  content: "\e6a9";
}
.iconjiayi:before {
  content: "\e60a";
}
.iconpingbi:before {
  content: "\e649";
}
.iconjubao:before {
  content: "\eaf7";
}
.iconfan:before {
  content: "\e6a7";
}
.iconjian:before {
  content: "\e6a8";
}
.iconTVDUAN:before {
  content: "\e6a6";
}
.iconwuye2:before {
  content: "\e6a5";
}
.iconhuanyihuan:before {
  content: "\e6a4";
}
.iconshipin:before {
  content: "\e6a3";
}
.iconwenjuan:before {
  content: "\e6ae";
}
.iconTZ:before {
  content: "\e6ad";
}
.iconcaidan:before {
  content: "\eaf1";
}
.iconminimum:before {
  content: "\e6a2";
}
.iconzuidahua:before {
  content: "\e616";
}
.iconchuangkouhua:before {
  content: "\e74a";
}
.iconarrowrightyoujiantou:before {
  content: "\e6cf";
}
.iconarrowleftzuojiantou:before {
  content: "\e6ce";
}
.iconzhuye:before {
  content: "\e6a1";
}
.iconjiahao:before {
  content: "\e6a0";
}
.icontuodong:before {
  content: "\e69d";
}
.iconjiazai:before {
  content: "\e69e";
}
.icondingwei1:before {
  content: "\e69f";
}
.icontupian2:before {
  content: "\e69b";
}
.iconzhengzaixiazai:before {
  content: "\e69c";
}
.iconzantingxiazai:before {
  content: "\e69a";
}
.iconkaishixiazai:before {
  content: "\e698";
}
.iconlixianhuancun1:before {
  content: "\e699";
}
.icondingwei:before {
  content: "\e697";
}
.iconshouji:before {
  content: "\e696";
}
.iconPC:before {
  content: "\e693";
}
.iconPHONE:before {
  content: "\e694";
}
.iconTV:before {
  content: "\e695";
}
.iconWindows:before {
  content: "\e690";
}
.iconpingguo:before {
  content: "\e691";
}
.iconanzhuo:before {
  content: "\e692";
}
.iconfuzhi:before {
  content: "\e68f";
}
.iconbofang3:before {
  content: "\e68d";
}
.iconzanting3:before {
  content: "\e68e";
}
.iconzantingxi:before {
  content: "\e68b";
}
.iconbofangxi:before {
  content: "\e68c";
}
.iconlinian:before {
  content: "\e689";
}
.iconkouhao:before {
  content: "\e738";
}
.icondizhi:before {
  content: "\e6c2";
}
.iconguanyu:before {
  content: "\f16a";
}
.iconpinglun:before {
  content: "\e68a";
}
.iconzanshixin:before {
  content: "\e66f";
}
.iconzan:before {
  content: "\e67a";
}
.iconcai:before {
  content: "\e67e";
}
.iconcaishixin:before {
  content: "\e688";
}
.iconshensepifu:before {
  content: "\e687";
}
.icon-3:before {
  content: "\e67c";
}
.icon-1:before {
  content: "\e67f";
}
.icon-5:before {
  content: "\e680";
}
.icon-6:before {
  content: "\e681";
}
.icon-2:before {
  content: "\e682";
}
.icon-4:before {
  content: "\e683";
}
.icon-7:before {
  content: "\e684";
}
.icon-8:before {
  content: "\e685";
}
.icon-9:before {
  content: "\e686";
}
.iconjiesuo:before {
  content: "\e67b";
}
.iconshoucangshixin:before {
  content: "\e67d";
}
.iconpaihang2:before {
  content: "\e679";
}
.iconwuye:before {
  content: "\e678";
}
.iconVIP:before {
  content: "\e655";
}
.iconheiye:before {
  content: "\e676";
}
.iconbaitian:before {
  content: "\e677";
}
.iconyinliangxiao:before {
  content: "\e675";
}
.iconjingyin:before {
  content: "\e668";
}
.iconqiupian:before {
  content: "\e65e";
}
.iconxiazaiAPP:before {
  content: "\e651";
}
.iconrenqi:before {
  content: "\e674";
}
.icondanmukai:before {
  content: "\e672";
}
.icondanmuguan:before {
  content: "\e673";
}
.iconjiazai_shuaxin:before {
  content: "\eaf4";
}
.iconjiantou_liebiaoxiangzuo:before {
  content: "\eb04";
}
.iconpaixuxia:before {
  content: "\eb05";
}
.iconpaixushang:before {
  content: "\eb06";
}
.iconshangchuan:before {
  content: "\e638";
}
.iconyaoqing:before {
  content: "\e63d";
}
.iconmeirirenwu:before {
  content: "\e660";
}
.iconfenxiang1:before {
  content: "\e671";
}
.iconduihao:before {
  content: "\e623";
}
.icongengduo:before {
  content: "\e624";
}
.iconliebiao:before {
  content: "\e631";
}
.iconguanggaotoufang:before {
  content: "\e632";
}
.iconertongban:before {
  content: "\e633";
}
.iconjiantou_liebiaoshouqi:before {
  content: "\e635";
}
.iconduoxuanxuanzhong:before {
  content: "\e636";
}
.iconanniu-jiantouxiangyou:before {
  content: "\e637";
}
.iconchongzhijilu:before {
  content: "\e639";
}
.iconduoxuanweixuanzhong:before {
  content: "\e63a";
}
.iconnanxing:before {
  content: "\e63b";
}
.iconnvxing:before {
  content: "\e63c";
}
.iconanniu_jiantouzhankai:before {
  content: "\e63e";
}
.iconanniu_guanbi:before {
  content: "\e63f";
}
.iconbianji:before {
  content: "\e640";
}
.icondanmuliebiao:before {
  content: "\e641";
}
.iconquanping:before {
  content: "\e642";
}
.iconguanbi:before {
  content: "\e643";
}
.iconquxiaoquanping:before {
  content: "\e644";
}
.iconshanchu:before {
  content: "\e645";
}
.iconshenglve:before {
  content: "\e646";
}
.icondengchu:before {
  content: "\e647";
}
.iconjiantou_liebiaoxiangyou:before {
  content: "\e648";
}
.iconbiaoqing:before {
  content: "\e64a";
}
.iconshezhi:before {
  content: "\e64c";
}
.iconfenxiang:before {
  content: "\e64d";
}
.iconrenwu:before {
  content: "\e64e";
}
.iconshujutongji:before {
  content: "\e64f";
}
.iconshoucang:before {
  content: "\e650";
}
.iconsixin:before {
  content: "\e652";
}
.iconchakangengduo:before {
  content: "\e653";
}
.icontupian:before {
  content: "\e654";
}
.iconhuidaodingbu:before {
  content: "\e656";
}
.icontouping:before {
  content: "\e657";
}
.icontoupiao:before {
  content: "\e658";
}
.iconliwu:before {
  content: "\e659";
}
.iconsousuo:before {
  content: "\e65a";
}
.icontongzhizhongxin:before {
  content: "\e65b";
}
.iconpaihang:before {
  content: "\e65c";
}
.iconlishijilu:before {
  content: "\e65d";
}
.iconbangzhu:before {
  content: "\e65f";
}
.icongerentouxiang:before {
  content: "\e661";
}
.icondanmushezhi:before {
  content: "\e662";
}
.iconguankan:before {
  content: "\e663";
}
.iconjiantou_liebiaozhankai:before {
  content: "\e664";
}
.iconditu_dingwei:before {
  content: "\e665";
}
.iconjingxuan:before {
  content: "\e666";
}
.iconpaixu:before {
  content: "\e667";
}
.iconxiangqing:before {
  content: "\e669";
}
.iconxiayiji:before {
  content: "\e66a";
}
.iconbofang:before {
  content: "\e66b";
}
.iconyinliang:before {
  content: "\e66c";
}
.iconyangshi:before {
  content: "\e66d";
}
.iconyunshangchuan:before {
  content: "\e66e";
}
.iconzanting:before {
  content: "\e670";
}
.iconchunv:before {
  content: "\e61b";
}
.iconjuxie:before {
  content: "\e625";
}
.iconbaiyang:before {
  content: "\e626";
}
.iconmojie:before {
  content: "\e627";
}
.iconsheshou:before {
  content: "\e628";
}
.iconshizi:before {
  content: "\e629";
}
.iconshuangyu:before {
  content: "\e62a";
}
.iconshuangzi:before {
  content: "\e62b";
}
.iconshuiping:before {
  content: "\e62c";
}
.icontiancheng:before {
  content: "\e62d";
}
.icontianxie:before {
  content: "\e62e";
}
.iconjinniu:before {
  content: "\e62f";
}

.logo[_ngcontent-wus-c59] {
  min-width: 187px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.img-pos[_ngcontent-wus-c59] {
  position: absolute;
  left: 0;
  transition: all 0.2s;
  top: 11px;
}

.i-hidden[_ngcontent-wus-c59] {
  opacity: 0;
}

.outline[_ngcontent-wus-c59] {
  display: inline-block;
  background-color: initial;
  width: 1px;
  height: 100%;
}

.light[_nghost-wus-c59] .outline[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .outline[_ngcontent-wus-c59] {
  border-color: #0000;
}

.nav-bar[_ngcontent-wus-c59] {
  width: 122px;
  background-color: inherit;
}

.light[_nghost-wus-c59] .nav-bar[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .nav-bar[_ngcontent-wus-c59] {
  background-color: initial;
}

.top-nav[_ngcontent-wus-c59] {
  padding: 0;
  height: 62px;
  width: 100%;
  z-index: 9998;
  top: 0;
  left: 0;
  position: absolute;
  transition: background-color 0.2s;
}

.light[_nghost-wus-c59] .top-nav[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .top-nav[_ngcontent-wus-c59] {
  color: #fff;
}

.top-nav.fixed[_ngcontent-wus-c59] {
  min-width: 1340px;
  position: fixed;
}

.light[_nghost-wus-c59] .top-nav.fixed[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .top-nav.fixed[_ngcontent-wus-c59] {
  border-color: #0000;
}

.top-nav[_ngcontent-wus-c59]:after {
  content: "";
  height: 62px;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    #0009,
    #00000080 15%,
    #00000052 38%,
    #0003 50%,
    rgba(0, 0, 0, 0.067) 74%,
    #00000008 86%,
    #0000 99%,
    #0000
  );
}


.top-nav[_ngcontent-wus-c59]:after {
  position: absolute;
}

.uploader[_ngcontent-wus-c59] {
  cursor: pointer;
  color: #ffffffb3;
  margin: 0 auto;
}

.light[_nghost-wus-c59] .uploader[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .uploader[_ngcontent-wus-c59] {
  color: #fff;
}

.uploader[_ngcontent-wus-c59]:after {
  margin-left: 0 !important;
}

.container[_ngcontent-wus-c59] {
  position: relative;
  z-index: 4000;
}

.container[_ngcontent-wus-c59],
.container[_ngcontent-wus-c59] .inner[_ngcontent-wus-c59] {
  height: 100%;
}

.box[_ngcontent-wus-c59] {
  flex: 1;
  display: flex;
  justify-content: center;
}

.box[_ngcontent-wus-c59]:first-child > div[_ngcontent-wus-c59] {
  margin-right: auto;
}

.box[_ngcontent-wus-c59] {
  align-items: center;
  height: 100%;
}

.logo[_ngcontent-wus-c59] {
  width: 200px;
  margin-right: 20px;
}

.logo.hidden[_ngcontent-wus-c59] {
  display: none !important;
}

@media (max-width: 1439px) {
  .logo[_ngcontent-wus-c59] {
    width: 148px !important;
  }
}

@media (min-width: 1440px) and (max-width: 1911px) {
  .logo[_ngcontent-wus-c59] {
    width: 168px !important;
  }
}

.navbg[_ngcontent-wus-c59] {
  background: linear-gradient(180deg, #00000080, #fff0);
  background-color: #1c1d2ffa;
}

.light[_nghost-wus-c59] .navbg[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .navbg[_ngcontent-wus-c59] {
  background: #0000;
}

.light .top-nav.staticLightBg,
.light[_nghost-wus-c59] .navbg[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .navbg[_ngcontent-wus-c59] {
  background-color: #fff;
}

.navbg[_ngcontent-wus-c59]:after {
  height: 0;
  background: none;
}

.top-nav-shadow[_ngcontent-wus-c59] {
  padding: 0;
  height: 62px;
  width: 100%;
  z-index: 3995;
  top: 0;
  left: 0;
  position: absolute;
}

.top-nav-shadow.fixed[_ngcontent-wus-c59] {
  position: fixed;
}

.multi-top-buttons[_ngcontent-wus-c59] {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 150px;
}

.multi-top-buttons[_ngcontent-wus-c59] .top-nav-btn[_ngcontent-wus-c59] {
  margin-left: 2.4em;
}

.multi-top-buttons[_ngcontent-wus-c59]
  .top-nav-btn[_ngcontent-wus-c59]:first-child {
  margin-left: 0 !important;
}

.margin-adjust[_ngcontent-wus-c59] {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}

@media (max-width: 1678px) {
  .margin-adjust[_ngcontent-wus-c59] {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
}


.top-nav-btn[_ngcontent-wus-c59] {
  position: relative;
}

.btn-text[_ngcontent-wus-c59] {
  font-size: 16px;
  color: #ffffffb3;
}

.light[_nghost-wus-c59] .btn-text[_ngcontent-wus-c59],
.light [_nghost-wus-c59] .btn-text[_ngcontent-wus-c59] {
  color: #fff;
}

.btn-text[_ngcontent-wus-c59]:hover {
  color: #fff;
}

.btn-text.main-color[_ngcontent-wus-c59]:hover {
  color: #00c0ff;
}
#comment-input {
  width: 100%;
  height: 82.5px;
  resize: none;
  border: none;
  background: none;
  padding: 1rem;
  color: #fff;
}
.comment-prompt {
  padding-left: 1rem;
  padding-top: 1rem;
}
.light #comment-input {
  color: #000000b3;
}
body.light .navbar .top-nav.staticLightBg.fixed .container .btn-text {
  color: #888 !important;
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media screen and (max-width: 1340px) {
  .top-nav.fixed[_ngcontent-wus-c59] {
    position: absolute !important;
  }
}

/*  */

a[_ngcontent-wus-c49] {
  display: block;
  padding: 10px 12px;
}


.nav-expander[_ngcontent-wus-c49]:hover a[_ngcontent-wus-c49] {
  color: #fff;
  opacity: 1 !important;
}


.nav-expander[_ngcontent-wus-c49]:hover span[_ngcontent-wus-c49] {
  opacity: 1 !important;
}

.nav-expander[_ngcontent-wus-c49] a[_ngcontent-wus-c49] {
  padding: 3px 3px 3px 12px;
}

.mainColor[_ngcontent-wus-c49] {
  color: #00c0ff;
}

.margin-adjust[_ngcontent-wus-c49] {
  margin-top: 2px !important;
}

/*  */
/*  start */
[_nghost-wus-c50] {
  margin-top: 2px;
}

.search-box[_ngcontent-wus-c50] {
  width: 478px;
  height: 40px;
}

.inner[_ngcontent-wus-c50] {
  width: 100%;
  height: 100%;
  position: relative;
}
.light .menu-item a:hover,
.light .submenu-item a:hover,
.menu-item a:hover,
.submenu-item a:hover {
  color: #00c0ff !important;
}

a[_ngcontent-sjc-c47] {
  display: block;
  padding: 10px 12px;
}

.search-suggest[_ngcontent-wus-c50] {
  left: 36px;
  top: 11px;
  transition: all 0.3s ease-out;
  z-index: 0;
  white-space: nowrap;
  color: #b5b5b5;
  pointer-events: none;
}

#search-input[_ngcontent-wus-c50],
.search-suggest[_ngcontent-wus-c50] {
  position: absolute;
  color: #ffffffb3;
}

#search-input[_ngcontent-wus-c50] {
  top: 0;
  left: 0;
  line-height: 28px;
  border: 1px solid #0000;
  background-color: #98989833;
  border-radius: 19px;
  padding: 5px 10px 5px 36px;
  width: 100%;
}

#search-input[_ngcontent-wus-c50]::placeholder {
color:#ffffffb3
}


.search-agent[_ngcontent-wus-c50] {
  border: 1px solid #0000;
  border-radius: 0;
  position: absolute;
  top: 38px;
  left: 10px;
  width: 390px;
  background-color: #1c1d2f;
  z-index: 9999;
  transition: all 1s ease-in-out;
  box-shadow: 2px 2px 1px 0 #00000057;
}

.light[_nghost-wus-c50] .search-agent[_ngcontent-wus-c50],
.light [_nghost-wus-c50] .search-agent[_ngcontent-wus-c50] {
  border-color: #0000;
}

.light[_nghost-wus-c50] .search-agent[_ngcontent-wus-c50],
.light [_nghost-wus-c50] .search-agent[_ngcontent-wus-c50] {
  background-color: #fff;
}

.light[_nghost-wus-c50] .search-agent[_ngcontent-wus-c50],
.light [_nghost-wus-c50] .search-agent[_ngcontent-wus-c50] {
  box-shadow: 2px 2px 4px 0 #0000003d;
}

.light[_nghost-wus-c50] .search-agent[_ngcontent-wus-c50],
.light [_nghost-wus-c50] .search-agent[_ngcontent-wus-c50] {
  color: #333;
}

.search-agent[_ngcontent-wus-c50] .item[_ngcontent-wus-c50] {
  margin: 0;
  padding: 4px 8px;
  line-height: 23px;
  cursor: pointer;
  position: relative;
  align-items: center;
}

.search-agent[_ngcontent-wus-c50] .item.active[_ngcontent-wus-c50],
.search-agent[_ngcontent-wus-c50] .item[_ngcontent-wus-c50]:hover {
  background-color: #2b2c3a;
  color: inherit !important;
}

.light[_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item.active[_ngcontent-wus-c50],
.light
  [_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item.active[_ngcontent-wus-c50],
.light[_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item[_ngcontent-wus-c50]:hover,
.light
  [_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item[_ngcontent-wus-c50]:hover {
  background-color: #fff;
}

.light[_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item.active[_ngcontent-wus-c50],
.light
  [_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item.active[_ngcontent-wus-c50],
.light[_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item[_ngcontent-wus-c50]:hover,
.light
  [_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .item[_ngcontent-wus-c50]:hover {
  color: inherit;
}

.search-agent[_ngcontent-wus-c50]
  .item[_ngcontent-wus-c50]
  span[_ngcontent-wus-c50] {
  line-height: 23px;
}

.search-agent[_ngcontent-wus-c50] .trending-search-item[_ngcontent-wus-c50] {
  padding: 5px 8px 5px 42px;
}

.light[_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .trending-search-item[_ngcontent-wus-c50]
  span.flex-1[_ngcontent-wus-c50],
.light
  [_nghost-wus-c50]
  .search-agent[_ngcontent-wus-c50]
  .trending-search-item[_ngcontent-wus-c50]
  span.flex-1[_ngcontent-wus-c50] {
  color: #333;
}

.iconsousuo[_ngcontent-wus-c50] {
  top: 4px;
  font-size: 32px;
  right: 16px;
  line-height: 32px;
  position: absolute;
  opacity: 0.4;
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
}

.iconsousuo[_ngcontent-wus-c50]:hover {
  opacity: 1;
}

.iconpaihang2[_ngcontent-wus-c50] {
  top: 4px;
  font-size: 32px;
  right: 52px;
  line-height: 32px;
  position: absolute;
  opacity: 0.4;
  color: #fff;
  cursor: pointer;
}

.iconpaihang2[_ngcontent-wus-c50]:hover {
  opacity: 1;
}

.header[_ngcontent-wus-c50] {
  padding: 5px 8px;
}

.hd-line[_ngcontent-wus-c50] {
  padding: 4px 8px;
  line-height: 35px;
}

@media (max-width: 1678px) {
  .search-agent[_ngcontent-wus-c50] {
    width: 290px !important;
  }
}

@media (max-width: 1439px) {
  .search-box[_ngcontent-wus-c50] {
    width: 330px !important;
  }

  .search-agent[_ngcontent-wus-c50] {
    width: 290px !important;
  }
}

@media (min-width: 1440px) and (max-width: 1678px) {
  .search-box[_ngcontent-wus-c50] {
    width: 315px !important;
  }

  .search-agent[_ngcontent-wus-c50] {
    width: 290px !important;
  }
}

.trending-number[_ngcontent-wus-c50] {
  color: #494958;
  font-size: 14px;
}

.light[_nghost-wus-c50] .trending-number[_ngcontent-wus-c50],
.light [_nghost-wus-c50] .trending-number[_ngcontent-wus-c50] {
  color: #888;
}

.trending-number.icon-1[_ngcontent-wus-c50] {
  color: #ff4800 !important;
}

.trending-number.icon-2[_ngcontent-wus-c50] {
  color: #ff7800 !important;
}

.trending-number.icon-3[_ngcontent-wus-c50] {
  color: #ffb400 !important;
}
/*  end*/
/*  start */
.item[_ngcontent-wus-c52] {
  position: relative;
  height: 100%;
  font-size: 13px;
}

.item[_ngcontent-wus-c52] .align-items-center[_ngcontent-wus-c52] {
  color: #ffffffb3;
}

.light[_nghost-wus-c52]
  .item[_ngcontent-wus-c52]
  .align-items-center[_ngcontent-wus-c52],
.light
  [_nghost-wus-c52]
  .item[_ngcontent-wus-c52]
  .align-items-center[_ngcontent-wus-c52] {
  color: #fff;
}

.item[_ngcontent-wus-c52] .align-items-center[_ngcontent-wus-c52]:after {
  margin-left: 0 !important;
}

.item[_ngcontent-wus-c52] {
  min-width: 4.5em;
}

.item[_ngcontent-wus-c52] div[title][_ngcontent-wus-c52] {
  margin: 0 auto;
}

.item[_ngcontent-wus-c52] div[title][_ngcontent-wus-c52]:after {
  content: attr(title);
  font-size: 12px;
  transition: all 0.2s;
  white-space: nowrap;
  position: absolute;
  text-align: center;
  bottom: -2em;
  opacity: 0;
  pointer-events: none;
  margin-left: -0.2em;
  transform: translateX(-50%);
  left: 50%;
}

.item[_ngcontent-wus-c52] .iconfont[_ngcontent-wus-c52] {
  transition: all 0.2s;
}

.item[_ngcontent-wus-c52]:hover div[title][_ngcontent-wus-c52] {
  color: #fff;
}

.item[_ngcontent-wus-c52]:hover .iconfont[_ngcontent-wus-c52] {
  font-size: 18px;
  margin-top: -1em;
}

.item[_ngcontent-wus-c52]:hover div[title][_ngcontent-wus-c52]:after {
  bottom: 1em;
  opacity: 1;
}

.item[_ngcontent-wus-c52]:hover .iconfont[_ngcontent-wus-c52] {
  font-size: 18px !important;
}

@keyframes data {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes notify {
  0% {
    transform: translateY(0) rotateY(0);
  }

  15% {
    transform: translateY(-10px) rotateY(0);
  }

  50% {
    transform: translateY(-10px) rotateY(1turn) scale(1);
  }

  75% {
    transform: translateY(0) rotateY(1turn) scale(0);
  }

  to {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
}
/*  end*/
/*  start */
/*  end*/
/*  start */
.popup-box-arrow[_ngcontent-wus-c35] {
  position: absolute;
}

.popup-box-arrowOut[_ngcontent-wus-c35] {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px;
}

.popup-box-arrowIn[_ngcontent-wus-c35] {
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid #0000;
  border-right-color: #1c1d2f;
}
/*  end*/
/*  start */
[_nghost-wus-c56] {
  height: 100%;
}
/*  end*/
/*  start */
/*  end*/
/*  start */
/*  end*/
/*  start */
#sticky-block[_ngcontent-wus-c60] {
  position: fixed;
  right: 25px;
  bottom: 30px;
  width: 40px;
  z-index: 999;
  opacity: 0.95;
  -webkit-user-select: none;
  user-select: none;
}

.sticky-back-top[_ngcontent-wus-c60] {
  cursor: pointer;
  line-height: 35px;
  height: 35px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
  color: #ffffffb3;
}

.light[_nghost-wus-c60] .sticky-back-top[_ngcontent-wus-c60],
.light [_nghost-wus-c60] .sticky-back-top[_ngcontent-wus-c60] {
  color: #888;
}

.sticky-back-top[_ngcontent-wus-c60] i.iconfont[_ngcontent-wus-c60] {
  font-size: 28px;
}

@media (any-hover: hover) {
  .sticky-back-top[_ngcontent-wus-c60]:hover {
    color: #fff;
  }

  .light[_nghost-wus-c60] .sticky-back-top[_ngcontent-wus-c60]:hover,
  .light [_nghost-wus-c60] .sticky-back-top[_ngcontent-wus-c60]:hover {
    color: #333;
  }
}

.inner[_ngcontent-wus-c60] {
  position: relative;
  background-color: #2b2c3a;
  box-shadow: 2px 2px 1px 0 #00000057;
  clip-path: 2;
  border-radius: 20px;
  padding: 18px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.light[_nghost-wus-c60] .inner[_ngcontent-wus-c60],
.light [_nghost-wus-c60] .inner[_ngcontent-wus-c60] {
  background-color: #fff;
}

.light[_nghost-wus-c60] .inner[_ngcontent-wus-c60],
.light [_nghost-wus-c60] .inner[_ngcontent-wus-c60] {
  box-shadow: 2px 2px 4px 0 #0000003d;
}

.stick-block-button[_ngcontent-wus-c60] {
  cursor: pointer;
  line-height: 35px;
  height: 35px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
  color: #ffffffb3;
  z-index: 99;
}

.light[_nghost-wus-c60] .stick-block-button[_ngcontent-wus-c60],
.light [_nghost-wus-c60] .stick-block-button[_ngcontent-wus-c60] {
  color: #888;
}

.stick-block-button[_ngcontent-wus-c60] i.iconfont[_ngcontent-wus-c60] {
  font-size: 22px;
}

.stick-block-button[_ngcontent-wus-c60] a[_ngcontent-wus-c60] {
  transition: none !important;
}

.light[_nghost-wus-c60]
  .stick-block-button[_ngcontent-wus-c60]
  a[_ngcontent-wus-c60],
.light
  [_nghost-wus-c60]
  .stick-block-button[_ngcontent-wus-c60]
  a[_ngcontent-wus-c60] {
  color: #aaa;
}

@media (any-hover: hover) {
  .stick-block-button[_ngcontent-wus-c60]:hover {
    border-color: #00c0ff;
    background-color: #384386;
  }

  .stick-block-button[_ngcontent-wus-c60]:hover a[_ngcontent-wus-c60] {
    color: #fff !important;
  }

  .stick-block-button[_ngcontent-wus-c60]:hover .hint[_ngcontent-wus-c60] {
    width: 6em;
    transition: width 0.15s;
    padding-right: 0.5em;
    padding-left: 1em;
  }

  .light[_nghost-wus-c60] .stick-block-button[_ngcontent-wus-c60]:hover,
  .light [_nghost-wus-c60] .stick-block-button[_ngcontent-wus-c60]:hover {
    border-color: #00c0ff;
  }
}

.stick-block-button.appIconColor[_ngcontent-wus-c60] {
  position: relative;
}

.stick-block-button.appIconColor[_ngcontent-wus-c60]
  i.iconfont[_ngcontent-wus-c60] {
  background: linear-gradient(0deg, #00c3ff, #e2c9f8 80%, #f3b0fc);
  -webkit-background-clip: text;
  color: #0000;
  font-size: 24px;
}

.stick-block-button.appIconColor[_ngcontent-wus-c60]:before {
  content: "";
  
  position: absolute;
  right: -4px;
  top: -3px;
  width: 24px;
  height: 10px;
}

.hint[_ngcontent-wus-c60] {
  position: absolute;
  font-size: 14px;
  right: 2.8em;
  background-color: #fff;
  text-align: right;
  background-color: #384386;
  color: #fff;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 20px 0 0 20px;
}

.guide-tips[_ngcontent-wus-c60] {
  
  width: 371px;
  height: 95px;
  position: absolute;
  top: 1px;
  left: -324px;
  z-index: 5001;
  display: none;
  cursor: pointer;
}
/*  end*/
/*  start */

@keyframes jump {
  0% {
    bottom: 25px;
  }

  50% {
    bottom: 30px;
  }

  to {
    bottom: 35px;
  }
}

@keyframes jump2 {
  0% {
    bottom: 25px;
  }

  50% {
    bottom: 30px;
  }

  to {
    bottom: 35px;
  }
}

@keyframes jumpInPlayer {
  0% {
    bottom: 100px;
  }

  50% {
    bottom: 105px;
  }

  to {
    bottom: 110px;
  }
}

@keyframes jumpInPlayer2 {
  0% {
    bottom: 100px;
  }

  50% {
    bottom: 105px;
  }

  to {
    bottom: 110px;
  }
}
/*  end*/
/*  start */
/*  end*/
/*  start */
[_nghost-wus-c41] {
  padding: 12px 0 8px;
  background-color: red;
}

.item[_ngcontent-wus-c41] {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  padding: 4px 8px;
}

.item[_ngcontent-wus-c41]:hover {
  background-color: #1c1d2f;
}

.light[_nghost-wus-c41] .item[_ngcontent-wus-c41]:hover,
.light [_nghost-wus-c41] .item[_ngcontent-wus-c41]:hover {
  background-color: #eee;
}

.title[_ngcontent-wus-c41] {
  width: 160px;
  min-width: 160px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.light[_nghost-wus-c41] .title[_ngcontent-wus-c41],
.light [_nghost-wus-c41] .title[_ngcontent-wus-c41] {
  color: #333;
}

.episode[_ngcontent-wus-c41] {
  flex: 1;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-left: 2px;
  white-space: nowrap;
}

.light[_nghost-wus-c41] .episode[_ngcontent-wus-c41],
.light [_nghost-wus-c41] .episode[_ngcontent-wus-c41] {
  color: #888;
}

.timestamp[_ngcontent-wus-c41] {
  width: 90px;
  min-width: 90px;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.light[_nghost-wus-c41] .timestamp[_ngcontent-wus-c41],
.light [_nghost-wus-c41] .timestamp[_ngcontent-wus-c41] {
  color: #888;
}

.jbutton[_ngcontent-wus-c41] {
  -webkit-user-select: none;
  user-select: none;
}

.jbutton-default[_ngcontent-wus-c41] {
  color: #a0a0a0;
  cursor: pointer;
}

.light[_nghost-wus-c41] .jbutton-default[_ngcontent-wus-c41],
.light [_nghost-wus-c41] .jbutton-default[_ngcontent-wus-c41] {
  color: #a0a0a0 !important;
}

.jbutton-default[_ngcontent-wus-c41]:not(.disabled):hover {
  color: #fff;
}

.light[_nghost-wus-c41]
  .jbutton-default[_ngcontent-wus-c41]:not(.disabled):hover,
.light
  [_nghost-wus-c41]
  .jbutton-default[_ngcontent-wus-c41]:not(.disabled):hover {
  color: #00c0ff !important;
}

.jbutton-default.disabled[_ngcontent-wus-c41] {
  color: #aaa;
  cursor: not-allowed;
}

.dropdown-footer[_ngcontent-wus-c41] {
  padding: 0 12px;
}

.historylist[_ngcontent-wus-c41] a[_ngcontent-wus-c41] {
  color: #fff6;
}

.light[_nghost-wus-c41]
  .historylist[_ngcontent-wus-c41]
  a[_ngcontent-wus-c41]
  span[_ngcontent-wus-c41],
.light
  [_nghost-wus-c41]
  .historylist[_ngcontent-wus-c41]
  a[_ngcontent-wus-c41]
  span[_ngcontent-wus-c41] {
  color: #888;
}

.historylist[_ngcontent-wus-c41] a[_ngcontent-wus-c41]:hover {
  color: #fff;
}

.light[_nghost-wus-c41]
  .historylist[_ngcontent-wus-c41]
  a[_ngcontent-wus-c41]:hover
  span[_ngcontent-wus-c41],
.light
  [_nghost-wus-c41]
  .historylist[_ngcontent-wus-c41]
  a[_ngcontent-wus-c41]:hover
  span[_ngcontent-wus-c41] {
  color: #333 !important;
}
/*  end*/
/*  start */
/*  end*/
/*  start */

@keyframes pulse {
  0% {
    background-color: #a5a5a51a;
  }

  50% {
    background-color: #a5a5a54d;
  }

  to {
    background-color: #a5a5a51a;
  }
}

@keyframes fadeInIcon {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/*  end*/

/*  start */
[_nghost-wus-c112] {
  position: relative;
  display: block;
  overflow: hidden;
}

.last-slider[_ngcontent-wus-c112] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.auth-label[_ngcontent-wus-c112] {
  margin-right: 10px;
  width: 72px;
  height: 25px;
  cursor: default;
}

.auth-label.s[_ngcontent-wus-c112] {
  
}

.auth-label.a[_ngcontent-wus-c112],
.auth-label.s[_ngcontent-wus-c112] {
  width: 72px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}

.auth-label.a[_ngcontent-wus-c112] {
  
}

.auth-label.b[_ngcontent-wus-c112] {
  width: 72px;
  height: 25px;
  
  background-repeat: no-repeat;
  background-size: contain;
}

.new-banner-header[_ngcontent-wus-c112] {
  position: absolute;
  bottom: 235px;
  right: 10px;
  z-index: 3;
  pointer-events: auto;
}

.new-banner-header[_ngcontent-wus-c112]
  .banner-header-link[_ngcontent-wus-c112] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.new-banner-header[_ngcontent-wus-c112]
  .banner-header-link[_ngcontent-wus-c112]
  .header-title[_ngcontent-wus-c112] {
  font-size: 25px;
  font-weight: 600;
  text-align: right;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 10px 0;
}

.new-banner-header[_ngcontent-wus-c112]
  .banner-header-link[_ngcontent-wus-c112]
  .sub-header-title[_ngcontent-wus-c112] {
  font-size: 16px;
  text-align: right;
  color: #ffffffb3;
  margin: 10px 0;
}

.wus{
  margin: 20px 0;
  font-size: 14px;
  color: #ffffffb3;
text-align: right;
  line-height: 24px;
}
.wus span{
  border: 1px solid #fff6;
  padding: 0.1em 0;
  margin-right: 0.5em;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
  display: inline-block;
  width: 60px;
}
.wus p{
    width: 430px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.1em 0;
    margin-right: 0.5em;
}
.wus .actor{font-size: 16px;line-height: 28px;}
.new-banner-header[_ngcontent-wus-c112]
  .banner-header-link[_ngcontent-wus-c112]
  .header-btn[_ngcontent-wus-c112] {
  cursor: pointer;
  margin-top: 5px;
  width: 150px;
  height: 52px;
  padding-left: 15px;
  font-size: 22px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #979ba286;
}

.new-banner-header[_ngcontent-wus-c112]
  .banner-header-link[_ngcontent-wus-c112]
  .header-btn[_ngcontent-wus-c112]:hover {
  background: #00c0ff;
}

.new-banner-header[_ngcontent-wus-c112]
  .banner-header-link[_ngcontent-wus-c112]
  .header-btn[_ngcontent-wus-c112]
  .play-icon[_ngcontent-wus-c112] {
  font-size: 34px;
}

.new-banner-block[_ngcontent-wus-c112] {
  display: flex;
  position: absolute;
  bottom: 110px;
  right: -30px;
  z-index: 3;
  pointer-events: auto;
}

.banner-slider-container[_ngcontent-wus-c112] {
  width: 600px;
  height: min-content;
}

.rec-slider[_ngcontent-wus-c112] {
  width: calc(100% - 2px);
  min-height: 126px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.rec-track[_ngcontent-wus-c112] {
  transform: translateZ(0);
}

.rec-track.animation[_ngcontent-wus-c112] {
  transition: transform 0.5s ease 0s;
}
.dn-slider-main-container .swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.banner-box[_ngcontent-wus-c112] {
  margin-right: 10px;
  text-align: center;
  width: 90px;
  height: 126px;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.banner-box[_ngcontent-wus-c112] .banner-cover[_ngcontent-wus-c112] {
  width: 100%;
  height: 126px;
  background-color: #1c1d2f;
  overflow: hidden;
}

.light[_nghost-wus-c112]
  .banner-box[_ngcontent-wus-c112]
  .banner-cover[_ngcontent-wus-c112],
.light
  [_nghost-wus-c112]
  .banner-box[_ngcontent-wus-c112]
  .banner-cover[_ngcontent-wus-c112] {
  background-color: #fafafa;
}

.banner-box[_ngcontent-wus-c112]
  .banner-cover[_ngcontent-wus-c112]
  img[_ngcontent-wus-c112] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.25s ease-in-out;
}

.banner-box[_ngcontent-wus-c112]
  .banner-cover[_ngcontent-wus-c112]:hover
  img[_ngcontent-wus-c112] {
  transform: scale(1.1);
}
.nav-shadow-cover[_ngcontent-wkw-c95] {
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}
.nav-shadow-cover.last[_ngcontent-wkw-c95] {
  left: 0;
  background: linear-gradient(-90deg, #090b2100, #090b2133 70%, #090b21cc 90%, #090b21);
}
.nav-btn[_ngcontent-wkw-c95] {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.nav-btn.last[_ngcontent-wkw-c95] {
  left: 0;
}
.common-rec-slider:has(.last.swiper-button-disabled) .nav-shadow-cover.last {
  display: none;
}
.common-rec-slider:has(.next.swiper-button-disabled) .nav-shadow-cover.next {
  display: none;
}
.nav-btn[_ngcontent-wkw-c95].swiper-button-disabled,
.nav-btn[_ngcontent-wus-c95].swiper-button-disabled,
.nav-btn[_ngcontent-wus-c105].swiper-button-disabled {
  display: none;
}
.nav-btn[_ngcontent-wkw-c95] .iconfont[_ngcontent-wkw-c95] {
  font-size: 76px;
  color: #fff;
}
.banner-nav-btn .iconfont {
  font-size: 48px;
  color: #fff;
}
.banner-shadow-cover[_ngcontent-wus-c112] {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 126px;
  background: #00000080;
  cursor: pointer;
}

.banner-shadow-cover[_ngcontent-wus-c112]:hover {
  background: none;
}

.banner-nav-btn[_ngcontent-wus-c112] {
  position: relative;
  z-index: 10;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  height: 126px;
}
#thumbPrev.swiper-button-disabled {
  display: none;
}
#thumbNext.swiper-button-disabled {
  display: none;
}
.banner-nav-btn.last[_ngcontent-wus-c112] {
  margin-right: 10px;
}

.banner-nav-btn[_ngcontent-wus-c112] .iconfont[_ngcontent-wus-c112] {
  font-size: 48px;
  color: #fff;
}

.banner-nav-btn.hidden[_ngcontent-wus-c112] {
  z-index: -1;
}

@media (min-width: 1679px) and (max-width: 1911px) {
  .banner-slider-container[_ngcontent-wus-c112] {
    width: 500px;
  }
}

@media (max-width: 1678px) {
  .new-banner-header[_ngcontent-wus-c112] {
    bottom: 260px;
  }

  .banner-slider-container[_ngcontent-wus-c112] {
    width: 400px;
  }
}
/*  end*/
/*  start */
[_nghost-wus-c113] {
  background-color: #0000002b;
  padding: 15px;
  display: block;
  position: absolute;
  width: 100%;
  min-width: 1340px;
  background: #090b21;
  background: linear-gradient(
    0deg,
    #090b21 7.5%,
    rgba(9, 11, 33, 0.985) 13%,
    #090b21f2 17.3%,
    #090b2180 51%,
    #090b211a 79.5%,
    #090b210d 85%,
    #090b2103 92%,
    #090b2100 99%
  );
  bottom: 0;
}

.light [_nghost-wus-c113] {
  background-color: #fff;
}

.light [_nghost-wus-c113] {
  background: #fafafa;
}

.container[_ngcontent-wus-c113] {
  background-color: initial;
}

.light[_ngcontent-wus-c113] .container[_ngcontent-wus-c113] {
  background-color: #fff;
}

.l[_ngcontent-wus-c113] {
  min-width: 70px;
  padding: 5px 0;
  display: block;
  line-height: 30px;
}

.l[_ngcontent-wus-c113] > a[_ngcontent-wus-c113] {
  color: #fff;
}

.light[_nghost-wus-c113] .l[_ngcontent-wus-c113] > a[_ngcontent-wus-c113],
.light [_nghost-wus-c113] .l[_ngcontent-wus-c113] > a[_ngcontent-wus-c113] {
  color: #333;
}

.l[_ngcontent-wus-c113] > a[_ngcontent-wus-c113]:hover {
  color: #00c0ff;
}

.light[_nghost-wus-c113] .l[_ngcontent-wus-c113] > a[_ngcontent-wus-c113]:hover,
.light
  [_nghost-wus-c113]
  .l[_ngcontent-wus-c113]
  > a[_ngcontent-wus-c113]:hover {
  color: #00c0ff;
}

.recommends[_ngcontent-wus-c113] {
  min-width: 86px;
}

.recommends[_ngcontent-wus-c113] a[_ngcontent-wus-c113] {
  min-width: 70px;
  padding: 5px 12px;
  display: block;
  line-height: 30px;
  color: #ffffffb3;
}

.light[_nghost-wus-c113]
  .recommends[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113],
.light
  [_nghost-wus-c113]
  .recommends[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113] {
  color: #333;
}

.recommends[_ngcontent-wus-c113] a[_ngcontent-wus-c113]:hover {
  color: #00c0ff;
}

.light[_nghost-wus-c113]
  .recommends[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover,
.light
  [_nghost-wus-c113]
  .recommends[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover {
  color: #00c0ff;
}

.il[_ngcontent-wus-c113] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.il[_ngcontent-wus-c113] span[_ngcontent-wus-c113] {
  vertical-align: middle;
}

.light[_nghost-wus-c113] .il[_ngcontent-wus-c113] span[_ngcontent-wus-c113],
.light [_nghost-wus-c113] .il[_ngcontent-wus-c113] span[_ngcontent-wus-c113] {
  color: #aaa;
}

.light[_nghost-wus-c113] .il[_ngcontent-wus-c113] div[_ngcontent-wus-c113],
.light [_nghost-wus-c113] .il[_ngcontent-wus-c113] div[_ngcontent-wus-c113] {
  color: #888;
}

@media (max-width: 1439px) {
  .il[_ngcontent-wus-c113] {
    font-size: 12px;
  }
}

.separater[_ngcontent-wus-c113] {
  justify-content: center;
  display: flex;
  align-items: center;
}

.separater1[_ngcontent-wus-c113] .line[_ngcontent-wus-c113] {
  height: 72%;
  margin: 28% 10px 0;
  border: 1px solid #fff3;
}

.light[_nghost-wus-c113]
  .separater1[_ngcontent-wus-c113]
  .line[_ngcontent-wus-c113],
.light
  [_nghost-wus-c113]
  .separater1[_ngcontent-wus-c113]
  .line[_ngcontent-wus-c113] {
  border-color: #e6e6e6;
}

.sec1[_ngcontent-wus-c113] {
  width: 490px;
  margin-left: -0.7em;
}

.sec1[_ngcontent-wus-c113],
.sec2[_ngcontent-wus-c113] {
  justify-content: center;
  height: 45px;
  overflow: hidden;
  font-size: 16px;
}

.sec2[_ngcontent-wus-c113] {
  margin-left: 25px;
  width: 440px;
  flex: 1;
}


.sec4[_ngcontent-wus-c113] {
  font-size: 14px;
}

.sec4[_ngcontent-wus-c113] {
  justify-content: center;
}

.sec4[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
  width: 50px;
  min-width: 50px;
  padding: 5px 0;
}

.variety[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
  width: 466px;
}

.documentary[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
  width: 380px;
}

.new-videos[_ngcontent-wus-c113] {
  z-index: 1;
  font-size: 12px;
  margin-left: 3px;
}

.nav-notifications[_ngcontent-wus-c113],
.new-videos[_ngcontent-wus-c113] {
  background-color: #e10000;
  color: #fff;
  padding: 0 9px;
  text-align: center;
  border-radius: 4px;
  font-weight: 400;
  height: 16px;
}

.nav-notifications[_ngcontent-wus-c113] {
  font-size: 12px !important;
}

@media (min-width: 1912px) {
  .sec1[_ngcontent-wus-c113] {
    margin-left: unset !important;
  }
}

@media (max-width: 1439px) {
  .sec1[_ngcontent-wus-c113] {
    width: 420px;
    margin-left: unset !important;
  }

  .l[_ngcontent-wus-c113] {
    min-width: 70px;
    padding: 5px 0;
    line-height: 30px;
  }

  .news[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    min-width: 80px;
  }

  .il[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    min-width: 70px;
  }

  .variety[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
    width: 466px;
  }

  .anime[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
    width: 468px;
  }

  .sec2[_ngcontent-wus-c113] {
    width: 324px;
  }

  .sec4[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    width: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1678px) {
  .l[_ngcontent-wus-c113] {
    min-width: 70px;
    padding: 5px 0;
    line-height: 30px;
  }

  .news[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    min-width: 80px;
  }

  .il[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    min-width: 70px;
  }

  .variety[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
    width: 444px;
  }

  .anime[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
    width: 440px;
  }

  .sec1[_ngcontent-wus-c113] {
    margin-left: unset !important;
  }

  .sec2[_ngcontent-wus-c113] {
    width: 141px;
  }

  .sec4[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    width: 50px;
  }
}

@media (min-width: 1679px) and (max-width: 1911px) {
  .l[_ngcontent-wus-c113] {
    min-width: 70px;
    padding: 5px 0;
    line-height: 30px;
  }

  .news[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    min-width: 80px;
  }

  .il[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    min-width: 70px;
  }

  .variety[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
    width: 444px;
  }

  .anime[_ngcontent-wus-c113] .sec1[_ngcontent-wus-c113] {
    width: 440px;
  }

  .sec1[_ngcontent-wus-c113] {
    margin-left: unset !important;
  }

  .sec2[_ngcontent-wus-c113] {
    width: 324px;
  }

  .sec4[_ngcontent-wus-c113] .l[_ngcontent-wus-c113] {
    width: 50px;
  }
}

.sec4[_ngcontent-wus-c113] .il[_ngcontent-wus-c113] {
  text-align: center;
}

.sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]
  div[_ngcontent-wus-c113] {
  position: relative;
  bottom: -0.5em;
}

.sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover {
  color: #00c0ff;
}

.light[_nghost-wus-c113]
  .sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover,
.light
  [_nghost-wus-c113]
  .sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover {
  color: #00c0ff;
}

.light[_nghost-wus-c113]
  .sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover
  div[_ngcontent-wus-c113],
.light
  [_nghost-wus-c113]
  .sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover
  div[_ngcontent-wus-c113],
.light[_nghost-wus-c113]
  .sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover
  span[_ngcontent-wus-c113],
.light
  [_nghost-wus-c113]
  .sec4[_ngcontent-wus-c113]
  .il[_ngcontent-wus-c113]
  a[_ngcontent-wus-c113]:hover
  span[_ngcontent-wus-c113] {
  color: #00c0ff;
}

.vip-icon-hover[_ngcontent-wus-c113]:hover {
  color: #00c0ff !important;
}

.vip-icon-hover[_ngcontent-wus-c113]:hover
  .iconfont.iconVIP[_ngcontent-wus-c113] {
  font-size: 28px;
}
/*  end*/
/*  start */
[_nghost-wus-c111] {
  display: block;
}

.block-title[_ngcontent-wus-c111] {
  padding: 15px 0 33px;
}

.logo-icon[_ngcontent-wus-c111] {
  
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 1.2em;
}
/*  end*/
/*  start */
.header[_ngcontent-wus-c95] {
  padding: 33px 0;
}
/*  end*/
/*  start */
.container[_ngcontent-wus-c95] {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.hot-place[_ngcontent-wus-c95] {
  
  background-repeat: no-repeat;
}

.no-bg[_ngcontent-wus-c95] {
  background-image: none;
}

.header[_ngcontent-wus-c95] {
  position: relative;
}

.mainColor[_ngcontent-wus-c95] {
  color: #00c0ff !important;
}

.text-small[_ngcontent-wus-c95] a[_ngcontent-wus-c95] {
  color: #00a8ec !important;
}

.text-small[_ngcontent-wus-c95] a[_ngcontent-wus-c95]:hover {
  color: #1278ba !important;
}

.rec[_ngcontent-wus-c95] {
  min-height: 408px;
}

@media (max-width: 1678px) {
  .rec[_ngcontent-wus-c95] {
    min-height: 380px;
  }
}

.rec-slider[_ngcontent-wus-c95] {
  width: calc(100% - 2px);
  overflow-x: hidden;
  overflow-y: hidden;
}

.rec-track[_ngcontent-wus-c95] {
  transform: translateZ(0);
}

.rec-track.animation[_ngcontent-wus-c95] {
  transition: transform 0.5s ease 0s;
}

.nav-shadow-cover[_ngcontent-wus-c95] {
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}

.nav-shadow-cover.last[_ngcontent-wus-c95] {
  left: 0;
  background: linear-gradient(
    -90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}

.nav-shadow-cover.next[_ngcontent-wus-c95] {
  right: 0;
  background: linear-gradient(
    90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}

@media (pointer: coarse) {
  .nav-shadow-cover.next[_ngcontent-wus-c95] {
    right: -1px !important;
  }
}

.nav-shadow-cover.hidden[_ngcontent-wus-c95] {
  z-index: -1;
}

.nav-btn[_ngcontent-wus-c95] {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.nav-btn.last[_ngcontent-wus-c95] {
  left: 0;
}

.nav-btn.next[_ngcontent-wus-c95] {
  right: 0;
}

.nav-btn[_ngcontent-wus-c95] .iconfont[_ngcontent-wus-c95] {
  font-size: 76px;
  color: #fff;
}

.nav-btn.hidden[_ngcontent-wus-c95] {
  z-index: -1;
}
/*  end*/
/*  start */
/*  end*/
/*  start */
.container-p[_ngcontent-wus-c110] {
  background-color: #090b21;
  background-color: #0d0d17;
  color: #ffffffb3;
}

.light[_nghost-wus-c110] .container-p[_ngcontent-wus-c110],
.light [_nghost-wus-c110] .container-p[_ngcontent-wus-c110] {
  background-color: #eee;
}

.light[_nghost-wus-c110] .container-p[_ngcontent-wus-c110],
.light [_nghost-wus-c110] .container-p[_ngcontent-wus-c110] {
  color: #888;
}

.container[_ngcontent-wus-c110] {
  padding: 45px 30px 30px;
}

.light[_nghost-wus-c110] .container[_ngcontent-wus-c110],
.light [_nghost-wus-c110] .container[_ngcontent-wus-c110] {
  background-color: #eee;
}

a[_ngcontent-wus-c110] {
  color: #ffffffb3;
}

a[_ngcontent-wus-c110]:hover {
  color: #fff !important;
}

.footer-copyright[_ngcontent-wus-c110] {
  position: absolute;
  bottom: 0;
  font-size: 12px;
  color: #fff3;
}

.light[_nghost-wus-c110] .footer-copyright[_ngcontent-wus-c110],
.light [_nghost-wus-c110] .footer-copyright[_ngcontent-wus-c110] {
  color: #a0a0a0;
}

@media (max-width: 1439px) {
  .container[_ngcontent-wus-c110] {
    width: 1345px !important;
    min-width: 1345px !important;
    max-width: 1345px !important;
  }
}

@media (min-width: 1440px) and (max-width: 1678px) {
  .container[_ngcontent-wus-c110] {
    width: 1400px !important;
    min-width: 1400px !important;
    max-width: 1400px !important;
  }
}

@media (min-width: 1679px) and (max-width: 1911px) {
  .container[_ngcontent-wus-c110] {
    width: 1528px !important;
    min-width: 1528px !important;
    max-width: 1528px !important;
  }
}
/*  end*/
/*  start */
/*  end*/
/*  start */
.copyright[_ngcontent-wus-c107] {
  color: #fff6;
}

.light[_nghost-wus-c107] .copyright[_ngcontent-wus-c107],
.light [_nghost-wus-c107] .copyright[_ngcontent-wus-c107] {
  color: #888;
}

.light[_ngcontent-wus-c107] a[_ngcontent-wus-c107] {
  color: #888;
}

.light[_ngcontent-wus-c107] a[_ngcontent-wus-c107]:hover {
  color: #00c0ff;
}

.footer-copyright[_ngcontent-wus-c107] {
  margin-top: 3em;
  font-size: 12px;
  color: #fff3;
}

.light[_nghost-wus-c107] .footer-copyright[_ngcontent-wus-c107],
.light [_nghost-wus-c107] .footer-copyright[_ngcontent-wus-c107] {
  color: #a0a0a0;
}

.address-color[_ngcontent-wus-c107] {
  color: #ffffffb3;
}

.light[_nghost-wus-c107] .address-color[_ngcontent-wus-c107],
.light [_nghost-wus-c107] .address-color[_ngcontent-wus-c107] {
  color: #333;
}
/*  end*/
/*  start */
.header[_ngcontent-wus-c102] {
  padding: 33px 0;
}
/*  end*/
/*  start */
.container[_ngcontent-wus-c102] {
  position: relative;
  /*height: 454px;*/
}

/*.container.row-2[_ngcontent-wus-c102] {*/
/*  height: 835px;*/
/*}*/

.container.news[_ngcontent-wus-c102] {
  height: 380px;
}

.mainColor[_ngcontent-wus-c102] {
  color: #00c0ff !important;
}

.v-place[_ngcontent-wus-c102] {
  
  background-repeat: no-repeat;
  min-height: 362px;
}

@media (max-width: 1678px) {
  .v-place[_ngcontent-wus-c102] {
    min-height: 348px;
  }
}

.v-n-place[_ngcontent-wus-c102] {
  
  background-repeat: no-repeat;
}

.v-n-place.pureBg[_ngcontent-wus-c102] {
  background: #090b21;
}

.no-bg[_ngcontent-wus-c102] {
  background-image: none;
}

.rank[_ngcontent-wus-c102] {
  background-color: red;
}

.iconfont[_ngcontent-wus-c102] {
  font-size: 21px;
}

.header[_ngcontent-wus-c102] {
  padding: 15px 0 33px;
}

.header-news[_ngcontent-wus-c102] {
  padding: 0 0 35px;
  margin-top: 35px;
}

@keyframes toMoveBottom {
  0% {
    display: block;
    top: 91px;
  }

  to {
    display: none;
    top: 310px;
  }
}

@keyframes toMoveTop {
  0% {
    top: 310px;
  }

  to {
    top: 91px;
  }
}

@keyframes toScale {
  0% {
    transform: scale(0.95);
  }

  75% {
    transform: scale(0.99);
  }

  to {
    transform: scale(1);
  }
}

.detail-ctn[_ngcontent-wus-c102] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}

.rating-text[_ngcontent-wus-c102] {
  color: #ffa800;
}

.detail-tags[_ngcontent-wus-c102] {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}

.detail-tags[_ngcontent-wus-c102] span[_ngcontent-wus-c102] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.v-c[_ngcontent-wus-c102] {
  position: relative;
  overflow: hidden;
  margin-right: 5px;
}

.v-c[_ngcontent-wus-c102]:last-child {
  margin-right: 0;
}


.detail-intro[_ngcontent-wus-c102] {
  font-size: 12px;
  color: #fff6;
}

.detail-starring[_ngcontent-wus-c102],
.detail-story[_ngcontent-wus-c102] {
  margin-bottom: 0.5em;
}

.detail-starring[_ngcontent-wus-c102] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.detail-story[_ngcontent-wus-c102] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.intro-title[_ngcontent-wus-c102] {
  color: #fff;
}

.detail-action[_ngcontent-wus-c102] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}

.detail-dialog[_ngcontent-wus-c102] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}

.detail-dialog[_ngcontent-wus-c102]:hover {
  color: #fff;
  background-color: #00c0ff;
}

.hot-number[_ngcontent-wus-c102] {
  color: #ffffffb3;
}

/*.container.row-2[_ngcontent-wus-c102] {*/
/*  min-height: 835px;*/
/*}*/

.sub-category[_ngcontent-wus-c102] {
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}

.sub-category[_ngcontent-wus-c102]:hover {
  color: #fff;
}

.sub-category[_ngcontent-wus-c102] span[_ngcontent-wus-c102] {
  background-color: #1c1d2f;
  display: inline-block;
  padding: 0.3em 0;
  margin-right: 1.2em;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

@media (max-width: 1678px) {
  .d-block[_ngcontent-wus-c102],
  .v-c[_ngcontent-wus-c102] {
    width: 207px;
    height: 348px;
  }

  .container.row-2[_ngcontent-wus-c102] {
    /*height: 810px;*/
    min-height: 810px;
  }
}

@media (min-width: 1679px) {
  .d-block[_ngcontent-wus-c102],
  .v-c[_ngcontent-wus-c102] {
    width: 216px;
    height: 362px;
  }
}

.rec-slider[_ngcontent-wus-c102] {
  width: calc(100% - 2px);
  min-height: 250px;
}

.rec-slider[_ngcontent-wus-c102] {
  overflow-x: hidden;
  overflow-y: hidden;
}

.rec-track[_ngcontent-wus-c102] {
  transform: translateZ(0);
}

.rec-track.animation[_ngcontent-wus-c102] {
  transition: transform 0.5s ease 0s;
}

.nav-shadow-cover[_ngcontent-wus-c102] {
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}

.nav-shadow-cover.last[_ngcontent-wus-c102] {
  left: 0;
  background: linear-gradient(
    -90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}

.nav-shadow-cover.next[_ngcontent-wus-c102] {
  right: 0;
  background: linear-gradient(
    90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}

@media (pointer: coarse) {
  .nav-shadow-cover.next[_ngcontent-wus-c102] {
    right: -1px !important;
  }
}

.nav-shadow-cover.hidden[_ngcontent-wus-c102] {
  z-index: -1;
}

.nav-btn[_ngcontent-wus-c102] {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.nav-btn.last[_ngcontent-wus-c102] {
  left: 0;
}

.nav-btn.next[_ngcontent-wus-c102] {
  right: 0;
}

.nav-btn[_ngcontent-wus-c102] .iconfont[_ngcontent-wus-c102] {
  font-size: 76px;
  color: #fff;
}

.nav-btn.hidden[_ngcontent-wus-c102] {
  z-index: -1;
}
/*  end*/
/*  start */
.container[_ngcontent-wus-c105] {
  position: relative;
  height: 454px;
}

.container.row-2[_ngcontent-wus-c105] {
  height: 835px;
}

.container.news[_ngcontent-wus-c105] {
  height: 380px;
}

.mainColor[_ngcontent-wus-c105] {
  color: #00c0ff !important;
}

.v-place[_ngcontent-wus-c105] {
  
  background-repeat: no-repeat;
  min-height: 362px;
}

@media (max-width: 1678px) {
  .v-place[_ngcontent-wus-c105] {
    min-height: 348px;
  }
}

.v-n-place[_ngcontent-wus-c105] {
  
  background-repeat: no-repeat;
}

.v-n-place.pureBg[_ngcontent-wus-c105] {
  background: #090b21;
}

.light[_nghost-wus-c105] .v-n-place.pureBg[_ngcontent-wus-c105],
.light [_nghost-wus-c105] .v-n-place.pureBg[_ngcontent-wus-c105] {
  background: #fff;
}

.no-bg[_ngcontent-wus-c105] {
  background-image: none;
}

.rank[_ngcontent-wus-c105] {
  background-color: red;
}

.iconfont[_ngcontent-wus-c105] {
  font-size: 21px;
}

.header[_ngcontent-wus-c105] {
  padding: 15px 0 33px;
}

.header-news[_ngcontent-wus-c105] {
  padding: 0 0 35px;
  margin-top: 35px;
}

@keyframes toMoveBottom {
  0% {
    display: block;
    top: 91px;
  }

  to {
    display: none;
    top: 310px;
  }
}

@keyframes toMoveTop {
  0% {
    top: 310px;
  }

  to {
    top: 91px;
  }
}

@keyframes toScale {
  0% {
    transform: scale(0.95);
  }

  75% {
    transform: scale(0.99);
  }

  to {
    transform: scale(1);
  }
}

.detail-ctn[_ngcontent-wus-c105] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}

.light[_nghost-wus-c105] .detail-ctn[_ngcontent-wus-c105],
.light [_nghost-wus-c105] .detail-ctn[_ngcontent-wus-c105] {
  background-color: #fffffffa;
}

.rating-text[_ngcontent-wus-c105] {
  color: #ffa800;
}

.detail-tags[_ngcontent-wus-c105] {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}

.light[_nghost-wus-c105] .detail-tags[_ngcontent-wus-c105],
.light [_nghost-wus-c105] .detail-tags[_ngcontent-wus-c105] {
  color: #888;
}

.detail-tags[_ngcontent-wus-c105] span[_ngcontent-wus-c105] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.light[_nghost-wus-c105]
  .detail-tags[_ngcontent-wus-c105]
  span[_ngcontent-wus-c105],
.light
  [_nghost-wus-c105]
  .detail-tags[_ngcontent-wus-c105]
  span[_ngcontent-wus-c105] {
  background-color: #eee;
}

.v-c[_ngcontent-wus-c105] {
  position: relative;
  overflow: hidden;
  margin-right: 5px;
}

.v-c[_ngcontent-wus-c105]:last-child {
  margin-right: 0;
}

@media (max-width: 1678px) {
  .v-c[_ngcontent-wus-c105]:nth-child(6) {
    margin-right: 0;
  }
}

@media (min-width: 1679px) and (max-width: 1911px) {
  .v-c[_ngcontent-wus-c105]:nth-child(7) {
    margin-right: 0;
  }
}

.detail-intro[_ngcontent-wus-c105] {
  font-size: 12px;
  color: #fff6;
}

.light[_nghost-wus-c105] .detail-intro[_ngcontent-wus-c105],
.light [_nghost-wus-c105] .detail-intro[_ngcontent-wus-c105] {
  color: #888;
}

.detail-starring[_ngcontent-wus-c105],
.detail-story[_ngcontent-wus-c105] {
  margin-bottom: 0.5em;
}

.detail-starring[_ngcontent-wus-c105] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.detail-story[_ngcontent-wus-c105] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.intro-title[_ngcontent-wus-c105] {
  color: #fff;
}

.light[_nghost-wus-c105] .intro-title[_ngcontent-wus-c105],
.light [_nghost-wus-c105] .intro-title[_ngcontent-wus-c105] {
  color: #333;
}

.detail-action[_ngcontent-wus-c105] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}

.detail-dialog[_ngcontent-wus-c105] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}

.detail-dialog[_ngcontent-wus-c105]:hover {
  color: #fff;
  background-color: #00c0ff;
}

.hot-number[_ngcontent-wus-c105] {
  color: #ffffffb3;
}

.light[_nghost-wus-c105] .hot-number[_ngcontent-wus-c105],
.light [_nghost-wus-c105] .hot-number[_ngcontent-wus-c105] {
  color: #333;
}

.container.row-2[_ngcontent-wus-c105] {
  min-height: 835px;
}

.sub-category[_ngcontent-wus-c105] {
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}

.light[_nghost-wus-c105] .sub-category[_ngcontent-wus-c105],
.light [_nghost-wus-c105] .sub-category[_ngcontent-wus-c105] {
  color: #888;
}

.sub-category[_ngcontent-wus-c105]:hover {
  color: #fff;
}

.light[_nghost-wus-c105] .sub-category[_ngcontent-wus-c105]:hover,
.light [_nghost-wus-c105] .sub-category[_ngcontent-wus-c105]:hover {
  color: #333;
}

.sub-category[_ngcontent-wus-c105] span[_ngcontent-wus-c105] {
  background-color: #1c1d2f;
  display: inline-block;
  padding: 0.3em 0;
  margin-right: 1.2em;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.light[_nghost-wus-c105]
  .sub-category[_ngcontent-wus-c105]
  span[_ngcontent-wus-c105],
.light
  [_nghost-wus-c105]
  .sub-category[_ngcontent-wus-c105]
  span[_ngcontent-wus-c105] {
  background-color: #eee;
}

@media (max-width: 1678px) {
  .d-block[_ngcontent-wus-c105],
  .v-c[_ngcontent-wus-c105] {
    width: 207px;
    height: 348px;
  }

  .container.row-2[_ngcontent-wus-c105] {
    height: 810px;
    min-height: 810px;
  }
}

@media (min-width: 1679px) {
  .d-block[_ngcontent-wus-c105],
  .v-c[_ngcontent-wus-c105] {
    width: 216px;
    height: 362px;
  }
}

.rec-slider[_ngcontent-wus-c105] {
  width: calc(100% - 2px);
  min-height: 250px;
}

.rec-slider[_ngcontent-wus-c105] {
  overflow-x: hidden;
  overflow-y: hidden;
}

.rec-track[_ngcontent-wus-c105] {
  transform: translateZ(0);
}

.rec-track.animation[_ngcontent-wus-c105] {
  transition: transform 0.5s ease 0s;
}

.nav-shadow-cover[_ngcontent-wus-c105] {
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}

.nav-shadow-cover.last[_ngcontent-wus-c105] {
  left: 0;
  background: linear-gradient(
    -90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}

.nav-shadow-cover.next[_ngcontent-wus-c105] {
  right: 0;
  background: linear-gradient(
    90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}

@media (pointer: coarse) {
  .nav-shadow-cover.next[_ngcontent-wus-c105] {
    right: -1px !important;
  }
}

.nav-shadow-cover.hidden[_ngcontent-wus-c105] {
  z-index: -1;
}

.nav-btn[_ngcontent-wus-c105] {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.nav-btn.last[_ngcontent-wus-c105] {
  left: 0;
}

.nav-btn.next[_ngcontent-wus-c105] {
  right: 0;
}

.nav-btn[_ngcontent-wus-c105] .iconfont[_ngcontent-wus-c105] {
  font-size: 76px;
  color: #fff;
}

.nav-btn.hidden[_ngcontent-wus-c105] {
  z-index: -1;
}
/*  end*/
/*  start */
.header[_ngcontent-wus-c101] {
  padding: 15px 0 33px;
}

.top-ranked.fixed[_ngcontent-wus-c101] {
  z-index: 102;
  position: absolute;
  right: 1px;
  top: 0;
  padding: 0;
}

.top-ranked.fixed[_ngcontent-wus-c101] .content[_ngcontent-wus-c101] {
  padding: 1em 1em 1.6em;
}

.top-ranked.fixed[_ngcontent-wus-c101] .ranked-items[_ngcontent-wus-c101] {
  margin-bottom: 7px;
  padding: 0;
}

.ranked-items[_ngcontent-wus-c101] {
  margin-bottom: 25px;
  padding: 15px 0 0;
}

.rank[_ngcontent-wus-c101] {
  position: relative;
  padding: 0 28px 1px 64px;
  vertical-align: top;
  margin-bottom: 13px;
  font-size: 16px;
}

.rank[_ngcontent-wus-c101] a[_ngcontent-wus-c101],
.rank[_ngcontent-wus-c101] > div[_ngcontent-wus-c101] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rank[_ngcontent-wus-c101] a[_ngcontent-wus-c101] {
  line-height: 26px;
  display: block;
  padding-right: 38px;
  width: 100%;
}

.rank-pos[_ngcontent-wus-c101] {
  font-size: 16px;
  position: absolute;
  height: 26px;
  width: 26px;
  top: -0.6em;
  left: 10px;
  text-align: center;
  color: #fff;
  line-height: 26px;
  padding: 1em 0;
}

.rank1[_ngcontent-wus-c101] {
  color: #e7a200;
}

.rank2[_ngcontent-wus-c101] {
  color: #b85702;
}

.rank3[_ngcontent-wus-c101] {
  color: #a33407;
}

.top-ranked[_ngcontent-wus-c101] {
  width: 100%;
}

.top-ranked.fixed[_ngcontent-wus-c101] {
  width: 420px;
  padding-right: 6px;
}

@media (max-width: 1678px) {
  /*.tags[_ngcontent-wus-c101] span[_ngcontent-wus-c101] {*/
  /*  width: 48px !important;*/
  /*}*/

  .ranked-items[_ngcontent-wus-c101] {
    margin-bottom: 4px;
  }
}

@media (min-width: 1679px) and (max-width: 1911px) {
  .top-ranked.fixed[_ngcontent-wus-c101] {
    width: 422px !important;
    padding-right: 0 !important;
  }

  .top-ranked.fixed[_ngcontent-wus-c101] .content[_ngcontent-wus-c101] {
    padding-bottom: 2.1em !important;
  }

  .top-ranked[_ngcontent-wus-c101] .rank[_ngcontent-wus-c101] {
    margin-bottom: 0.8em;
  }

  .ranked-items[_ngcontent-wus-c101] {
    margin-bottom: 5px;
  }
}

.content[_ngcontent-wus-c101] {
  background-color: #1c1d2f;
  padding: 1em 1em 0;
}

.light[_nghost-wus-c101] .content[_ngcontent-wus-c101],
.light [_nghost-wus-c101] .content[_ngcontent-wus-c101] {
  background-color: #fafafa !important;
}

.light[_nghost-wus-c101] .content[_ngcontent-wus-c101],
.light [_nghost-wus-c101] .content[_ngcontent-wus-c101] {
  border-color: #f8f8f8 !important;
}

.light[_nghost-wus-c101] .tags[_ngcontent-wus-c101],
.light [_nghost-wus-c101] .tags[_ngcontent-wus-c101] {
  color: #888;
}

.tags[_ngcontent-wus-c101] span[_ngcontent-wus-c101] {
  padding: 0.2em 1em;
}

.light[_nghost-wus-c101] .tags[_ngcontent-wus-c101] span[_ngcontent-wus-c101],
.light [_nghost-wus-c101] .tags[_ngcontent-wus-c101] span[_ngcontent-wus-c101] {
  background-color: #f4f4f4;
}

.tags[_ngcontent-wus-c101] {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 12px;
  color: #fff6;
}

.light[_ngcontent-wus-c101] .tags[_ngcontent-wus-c101] {
  color: #888;
}

.tags[_ngcontent-wus-c101] span[_ngcontent-wus-c101] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 3px 8px;
  margin-right: 3px;
  text-align: center;
}

.light[_ngcontent-wus-c101]
  .tags[_ngcontent-wus-c101]
  span[_ngcontent-wus-c101] {
  background-color: #f8f8f8;
}

.iconfont[_ngcontent-wus-c101] {
  margin-right: 0.5em;
}

.light[_ngcontent-wus-c101] h3[_ngcontent-wus-c101]:hover,
h3[_ngcontent-wus-c101]:hover {
  color: #00c0ff;
}

.rate[_ngcontent-wus-c101] {
  position: absolute;
  right: 2em;
  top: 0;
  color: #ffb400;
  font-weight: 700;
  font-size: 16px;
}

.number-1[_ngcontent-wus-c101],
.number-2[_ngcontent-wus-c101],
.number-3[_ngcontent-wus-c101],
.number-4[_ngcontent-wus-c101],
.number-5[_ngcontent-wus-c101],
.number-6[_ngcontent-wus-c101],
.number-7[_ngcontent-wus-c101],
.number-8[_ngcontent-wus-c101],
.number-9[_ngcontent-wus-c101] {
  display: inline-block;
  
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.number-1[_ngcontent-wus-c101] {
  background-position: 0 0;
  width: 17px;
  height: 21px;
}

.number-1.light[_ngcontent-wus-c101] {
  
  background-position: 0 0;
}

.number-2[_ngcontent-wus-c101] {
  background-position: -17px 0;
  width: 17px;
  height: 21px;
}

.number-2.light[_ngcontent-wus-c101] {
  
  background-position: -17px 0;
}

.number-3[_ngcontent-wus-c101] {
  background-position: -34px 0;
  width: 17px;
  height: 21px;
}

.number-3.light[_ngcontent-wus-c101] {
  
  background-position: -34px 0;
}

.number-4[_ngcontent-wus-c101] {
  background-position: 0 -21px;
  width: 17px;
  height: 21px;
}

.number-4.light[_ngcontent-wus-c101] {
  
  background-position: 0 -21px;
}

.number-5[_ngcontent-wus-c101] {
  background-position: -17px -21px;
  width: 17px;
  height: 21px;
}

.number-5.light[_ngcontent-wus-c101] {
  
  background-position: -17px -21px;
}

.number-6[_ngcontent-wus-c101] {
  background-position: -34px -21px;
  width: 17px;
  height: 21px;
}

.number-6.light[_ngcontent-wus-c101] {
  
  background-position: -34px -21px;
}

.number-7[_ngcontent-wus-c101] {
  background-position: 0 -42px;
  width: 17px;
  height: 21px;
}

.number-7.light[_ngcontent-wus-c101] {
  
  background-position: 0 -42px;
}

.number-8[_ngcontent-wus-c101] {
  background-position: -17px -42px;
  width: 17px;
  height: 21px;
}

.number-8.light[_ngcontent-wus-c101] {
  
  background-position: -17px -42px;
}

.number-9[_ngcontent-wus-c101] {
  background-position: -34px -42px;
  width: 17px;
  height: 21px;
}

.number-9.light[_ngcontent-wus-c101] {
  
  background-position: -34px -42px;
}
/*  end*/
/*  start */
/*  end*/
/*  start */
/*  end*/
/*  start */
a[_ngcontent-wus-c47] {
  display: block;
  padding: 10px 12px;
}


.nav-expander[_ngcontent-wus-c47]:hover a[_ngcontent-wus-c47] {
  color: #fff;
  opacity: 1 !important;
}


.nav-expander[_ngcontent-wus-c47]:hover span[_ngcontent-wus-c47] {
  opacity: 1 !important;
}

.nav-expander[_ngcontent-wus-c47] a[_ngcontent-wus-c47] {
  padding: 3px 3px 3px 12px;
}

.mainColor[_ngcontent-wus-c47] {
  color: #00c0ff;
}

.margin-adjust[_ngcontent-wus-c47] {
  margin-top: 2px !important;
}
/*  end*/
/*  start */
.video-teaser[_ngcontent-wus-c99] {
  background-color: #090b21;
  height: 100%;
}

.light[_nghost-wus-c99] .video-teaser[_ngcontent-wus-c99],
.light [_nghost-wus-c99] .video-teaser[_ngcontent-wus-c99] {
  background-color: #fff;
}

.light[_nghost-wus-c99] .video-teaser.list-bg[_ngcontent-wus-c99],
.light [_nghost-wus-c99] .video-teaser.list-bg[_ngcontent-wus-c99] {
  background-color: #fafafa;
}

.video-teaser[_ngcontent-wus-c99]:hover .content[_ngcontent-wus-c99] {
  box-shadow: 0 2px 5px 0 #0000004d;
}

.video-teaser[_ngcontent-wus-c99] .rating[_ngcontent-wus-c99] {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ffa800;
  font-size: 16px;
  font-weight: 700;
  right: 0.8em;
  bottom: 0.5em;
}

.video-teaser[_ngcontent-wus-c99] .v-content[_ngcontent-wus-c99] {
  overflow: hidden;
  min-height: calc(100% - 53px);
  height: calc(100% - 53px) ;
}

.video-teaser[_ngcontent-wus-c99] .v-content.list[_ngcontent-wus-c99] {
  width: 216px;
  height: 309px;
}

.video-teaser[_ngcontent-wus-c99] .poster[_ngcontent-wus-c99] {
  width: 100%;
  height: 100%;
  transition: all 0.25s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  object-fit: cover;
}

.video-teaser[_ngcontent-wus-c99] .recommended[_ngcontent-wus-c99] {
  color: #fff;
  text-shadow: #000;
  z-index: 2;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
  font-size: 16px;
  position: absolute;
  
  width: 2em;
  height: 3em;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
}

.video-teaser[_ngcontent-wus-c99] .top-right-icon[_ngcontent-wus-c99] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
}

.video-teaser[_ngcontent-wus-c99]
  .top-right-icon[_ngcontent-wus-c99]
  div[_ngcontent-wus-c99]:last-child {
  margin-right: 0 !important;
}

.video-teaser[_ngcontent-wus-c99] .high-res[_ngcontent-wus-c99] {
  height: 17px;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
}

.video-teaser[_ngcontent-wus-c99] .high-res[_ngcontent-wus-c99] {
  z-index: 2;
  width: 25px;
  margin-right: 8px;
}

.video-teaser[_ngcontent-wus-c99] .high-res.icon-4K[_ngcontent-wus-c99] {
  
  background-size: contain;
  background-repeat: no-repeat;
}

.video-teaser[_ngcontent-wus-c99] .title-box[_ngcontent-wus-c99] {
  padding: 10px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  position: relative;
  z-index: 101;
  background-color: #090b21;
}

.light[_nghost-wus-c99]
  .video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99],
.light
  [_nghost-wus-c99]
  .video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99] {
  background-color: #f8f8f8;
}

.light[_nghost-wus-c99]
  .video-teaser[_ngcontent-wus-c99]
  .title-box.list-bg[_ngcontent-wus-c99],
.light
  [_nghost-wus-c99]
  .video-teaser[_ngcontent-wus-c99]
  .title-box.list-bg[_ngcontent-wus-c99] {
  background-color: #fafafa;
}

.video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99]
  .title[_ngcontent-wus-c99] {
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin-bottom: 1px;
  width: 194px;
}

.video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99]
  a[_ngcontent-wus-c99] {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99]
  a[_ngcontent-wus-c99]:hover {
  color: #00c0ff;
}

.video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99]
  span[_ngcontent-wus-c99] {
  overflow: hidden;
  text-overflow: ellipsis;
}

.light[_nghost-wus-c99]
  .video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99]
  .text-light[_ngcontent-wus-c99],
.light
  [_nghost-wus-c99]
  .video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99]
  .text-light[_ngcontent-wus-c99] {
  color: #888;
}

.video-teaser[_ngcontent-wus-c99]
  .title-box[_ngcontent-wus-c99]
  .tag-text[_ngcontent-wus-c99] {
  font-size: 14px;
}

@media (max-width: 1911px) {
  .video-teaser[_ngcontent-wus-c99] .title-box[_ngcontent-wus-c99] {
    padding: 8px 6px !important;
  }
}
/*  end*/
/*  start */

.actors[_ngcontent-wus-c99] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 280px;
}

.shadow-bar[_ngcontent-wus-c99] {
  width: 100%;
  background-image: linear-gradient(#00000003, #000c);
  color: #fff;
  position: absolute;
  bottom: -41px;
  left: 0;
  line-height: 1.5em;
  padding-top: 50%;
  height: 2.6em;
  transition: all 0.3s ease-in-out;
}

.bar[_ngcontent-wus-c99] {
  background: #000;
  background: linear-gradient(180deg, #0000, #00000080 38%, #000000e6);
  left: 0;
  line-height: 1.5em;
  height: 3.2em;
  font-size: 1em;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
}
/*  end*/
/*  start */
.teaser-detail[_ngcontent-wus-c100] {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  bottom: -166px;
  transition: bottom 0.3s;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: default;
  height: 50%;
  width: 100%;
}

.teaser-detail.new[_ngcontent-wus-c100] {
  border-radius: 4px;
  background-size: cover;
  transition: width 0.1s ease-out, height 0.1s ease-out, top 0.1s ease-out,
    left 0.1s ease-out;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 4px 1px #00000057;
}

.light[_nghost-wus-c100] .teaser-detail.new[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .teaser-detail.new[_ngcontent-wus-c100] {
  box-shadow: 0 0 4px 1px #0000003d;
}

.detail-ctn[_ngcontent-wus-c100] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}

.light[_nghost-wus-c100] .detail-ctn[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .detail-ctn[_ngcontent-wus-c100] {
  background-color: #fffffffa;
}

.detail-ctn.new[_ngcontent-wus-c100] {
  border-radius: 4px;
  background-color: initial !important;
  position: absolute;
  z-index: 112;
  height: min-content;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.teaser-detail-cover[_ngcontent-wus-c100] {
  position: absolute;
  z-index: 111;
  top: 0;
  left: 0;
  border-radius: 4px;
  background: linear-gradient(180deg, #0000, #000c 48%, #000000e6);
  width: 100%;
  height: 100%;
}

.teaser-detail-cover-play-area[_ngcontent-wus-c100] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 75px;
  margin: 75px auto 0;
}

.teaser-detail-cover-play-area[_ngcontent-wus-c100]
  .teaser-detail-cover-play-button[_ngcontent-wus-c100] {
  height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.teaser-detail-cover-play-area[_ngcontent-wus-c100]
  .teaser-detail-cover-play-button[_ngcontent-wus-c100]
  .teaser-detail-play-icon[_ngcontent-wus-c100] {
  font-size: 75px;
  color: #ffffffb3;
  transition: 0.2s linear;
}

.teaser-detail-cover-play-area[_ngcontent-wus-c100]
  .teaser-detail-cover-play-button[_ngcontent-wus-c100]
  .teaser-detail-play-icon[_ngcontent-wus-c100]:hover {
  color: #fff;
}

.recommended[_ngcontent-wus-c100] {
  color: #fff;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
  font-size: 16px;
  
  width: 2em;
  height: 3em;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  border-radius: 4px 0 0 0;
}

.recommended[_ngcontent-wus-c100],
.top-right-icon[_ngcontent-wus-c100] {
  z-index: 111;
  position: absolute;
}

.top-right-icon[_ngcontent-wus-c100] {
  top: 8px;
  right: 8px;
  display: flex;
}

.top-right-icon[_ngcontent-wus-c100] div[_ngcontent-wus-c100]:last-child {
  margin-right: 0 !important;
}

.high-res[_ngcontent-wus-c100] {
  height: 17px;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
}

.high-res[_ngcontent-wus-c100] {
  z-index: 2;
  width: 25px;
  margin-right: 8px;
}

.high-res.icon-4K[_ngcontent-wus-c100] {
  
}


.high-res.icon-4K[_ngcontent-wus-c100] {
  background-size: contain;
  background-repeat: no-repeat;
}

.detail-action[_ngcontent-wus-c100] {
  width: 100%;
  padding: 0 19px 0 0;
}

.detail-action.new[_ngcontent-wus-c100] {
  padding: 0;
}

.detail-tags[_ngcontent-wus-c100] {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}

.light[_nghost-wus-c100] .detail-tags[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .detail-tags[_ngcontent-wus-c100] {
  color: #888;
}

.detail-tags[_ngcontent-wus-c100] span[_ngcontent-wus-c100] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  /*width: 44px;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.light[_nghost-wus-c100]
  .detail-tags[_ngcontent-wus-c100]
  span[_ngcontent-wus-c100],
.light
  [_nghost-wus-c100]
  .detail-tags[_ngcontent-wus-c100]
  span[_ngcontent-wus-c100] {
  background-color: #eee;
}

.detail-tags.new[_ngcontent-wus-c100] {
  color: #fff6;
}

.detail-tags.new[_ngcontent-wus-c100] span[_ngcontent-wus-c100] {
  background-color: initial !important;
  border: 1px solid #fff6;
  /*padding: 0 !important;*/
  /*width: 38px;*/
  padding: 2px 6px;
}

.light[_nghost-wus-c100]
  .detail-tags.new[_ngcontent-wus-c100]
  span[_ngcontent-wus-c100],
.light
  [_nghost-wus-c100]
  .detail-tags.new[_ngcontent-wus-c100]
  span[_ngcontent-wus-c100] {
  border-color: #888;
}

.detail-intro[_ngcontent-wus-c100] {
  font-size: 12px;
  color: #fff6;
}

.light[_nghost-wus-c100] .detail-intro[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .detail-intro[_ngcontent-wus-c100] {
  color: #888;
}

.detail-intro.new[_ngcontent-wus-c100] {
  color: #ffffffb3 !important;
}

.detail-rating[_ngcontent-wus-c100] {
  color: #ffa800;
  font-size: 18px;
  font-weight: 700;
}

.detail-title[_ngcontent-wus-c100] {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail-date[_ngcontent-wus-c100],
.detail-starring[_ngcontent-wus-c100],
.detail-story[_ngcontent-wus-c100] {
  margin-bottom: 0.5em;
}

.detail-date[_ngcontent-wus-c100],
.detail-starring[_ngcontent-wus-c100] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.detail-story[_ngcontent-wus-c100] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  min-width: 254px;
}

@media (max-width: 1439px) {
  .detail-story[_ngcontent-wus-c100] {
    min-width: 244px;
  }
}

.intro-title[_ngcontent-wus-c100] {
  color: #fff;
}

.light[_nghost-wus-c100] .intro-title[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .intro-title[_ngcontent-wus-c100] {
  color: #333;
}

.intro-title.new[_ngcontent-wus-c100] {
  color: #fff6;
}

.light[_nghost-wus-c100] .intro-title.new[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .intro-title.new[_ngcontent-wus-c100] {
  color: #888;
}

.detail-action[_ngcontent-wus-c100] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}

.detail-action.new[_ngcontent-wus-c100] {
  position: relative;
}

.detail-dialog[_ngcontent-wus-c100] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}

.detail-dialog.new[_ngcontent-wus-c100] {
  padding: 1px 13px;
  color: #fff6;
  border-color: #fff6;
}

.light[_nghost-wus-c100] .detail-dialog.new[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .detail-dialog.new[_ngcontent-wus-c100] {
  border-color: #888;
}

.detail-dialog.new[_ngcontent-wus-c100]:hover {
  border-color: #00c0ff !important;
}

.detail-dialog[_ngcontent-wus-c100]:hover {
  color: #fff;
  background-color: #00c0ff;
}

.hot-number[_ngcontent-wus-c100] {
  color: #ffffffb3;
}

.light[_nghost-wus-c100] .hot-number[_ngcontent-wus-c100],
.light [_nghost-wus-c100] .hot-number[_ngcontent-wus-c100] {
  color: #333;
}

.hot-number.new[_ngcontent-wus-c100] {
  color: #ff743d !important;
}

@media (max-width: 1678px) {
  .detail-tags[_ngcontent-wus-c100] {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  /*.detail-tags[_ngcontent-wus-c100] span[_ngcontent-wus-c100] {*/
  /*  width: 42px !important;*/
  /*}*/

  .detail-starring[_ngcontent-wus-c100],
  .detail-story[_ngcontent-wus-c100] {
    margin-bottom: 0.3em !important;
  }
}
/*  end*/
/*  start */
.abs[_ngcontent-wus-c94] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 1;
}

.box[_ngcontent-wus-c94] {
  position: relative;
}

.new-svideo-block[_ngcontent-wus-c94] {
  overflow: hidden;
}

.new-svideo-block[_ngcontent-wus-c94] .poster[_ngcontent-wus-c94] {
  object-fit: cover;
}

.new-svideo-block[_ngcontent-wus-c94] .image-content[_ngcontent-wus-c94],
.new-svideo-block[_ngcontent-wus-c94] .poster[_ngcontent-wus-c94] {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.new-svideo-block[_ngcontent-wus-c94] .image-content[_ngcontent-wus-c94] {
  background-color: #94949433;
}

.new-svideo-block[_ngcontent-wus-c94]
  .image-content[_ngcontent-wus-c94]
  img[_ngcontent-wus-c94] {
  transition: all 0.25s ease-in-out;
}

.new-svideo-block[_ngcontent-wus-c94]
  .image-content[_ngcontent-wus-c94]:hover
  img[_ngcontent-wus-c94] {
  transform: scale(1.02);
}

.shadow-bar[_ngcontent-wus-c94] {
  height: 50px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(180deg, #0000, #000000e6 90%, #000);
}

.video-length[_ngcontent-wus-c94] {
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: 0 6px;
  line-height: 20px;
  z-index: 1;
  font-size: 13px;
  position: absolute;
  bottom: 8px;
  right: 6px;
}

.video-length[_ngcontent-wus-c94] .num[_ngcontent-wus-c94] {
  color: #fff;
}

.hot-count[_ngcontent-wus-c94] {
  display: inline-flex;
  align-items: center;
  color: #fff;
  line-height: 20px;
  z-index: 1;
  font-size: 13px;
  position: absolute;
  bottom: 8px;
  left: 6px;
}

.hot-count[_ngcontent-wus-c94] .iconfont[_ngcontent-wus-c94] {
  font-size: 18px;
  color: #fe6f71;
}

.hot-count[_ngcontent-wus-c94] .num[_ngcontent-wus-c94] {
  color: #fff;
}

.title-box[_ngcontent-wus-c94] {
  text-align: left;
  padding: 6px 6px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 29px;
  line-height: 24px;
  font-size: 16px;
  width: 100%;
  position: relative;
  z-index: 101;
  background-color: #090b21;
}

.light[_nghost-wus-c94] .title-box[_ngcontent-wus-c94],
.light [_nghost-wus-c94] .title-box[_ngcontent-wus-c94] {
  background-color: #f8f8f8;
}

.upload-box[_ngcontent-wus-c94] {
  padding: 10px 6px;
  font-size: 14px;
  width: 100%;
  position: relative;
  z-index: 101;
  background-color: #090b21;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.light[_nghost-wus-c94] .upload-box[_ngcontent-wus-c94],
.light [_nghost-wus-c94] .upload-box[_ngcontent-wus-c94] {
  background-color: #f8f8f8;
}

.uploader[_ngcontent-wus-c94] a[_ngcontent-wus-c94] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.uploader[_ngcontent-wus-c94] .avatar[_ngcontent-wus-c94] {
  background-color: #373843;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.light[_nghost-wus-c94]
  .uploader[_ngcontent-wus-c94]
  .avatar[_ngcontent-wus-c94],
.light
  [_nghost-wus-c94]
  .uploader[_ngcontent-wus-c94]
  .avatar[_ngcontent-wus-c94] {
  background-color: #eee;
}

.uploader[_ngcontent-wus-c94] .nickName[_ngcontent-wus-c94] {
  color: #fff6;
}

.light[_nghost-wus-c94]
  .uploader[_ngcontent-wus-c94]
  .nickName[_ngcontent-wus-c94],
.light
  [_nghost-wus-c94]
  .uploader[_ngcontent-wus-c94]
  .nickName[_ngcontent-wus-c94] {
  color: #888;
}

.uploader[_ngcontent-wus-c94]:hover .nickName[_ngcontent-wus-c94] {
  color: #00c0ff !important;
}

.official-up-logo-on-avatar[_ngcontent-wus-c94] {
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -1px;
  left: 12px;
}

.upload-date[_ngcontent-wus-c94] {
  color: #fff6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.light[_nghost-wus-c94] .upload-date[_ngcontent-wus-c94],
.light [_nghost-wus-c94] .upload-date[_ngcontent-wus-c94] {
  color: #888;
}
/*  end*/
/*  start */
/*  end*/
/*  start */
/*  end*/
/*  start */
vg-player {
  font-family: "iconfont";
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
}
/*  end*/
/*  start */
vg-buffering {
  z-index: 1;
}

vg-buffering.hidden {
  z-index: -1;
}

vg-buffering.isready {
  display: none;
}

.vg-buffering {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.vg-buffering .bufferingContainer {
  width: 100%;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -50px;

  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

/* Loading Spinner
    * http://www.alessioatzeni.com/blog/css3-loading-animation-loop/
    */
.vg-buffering .loadingSpinner {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid white;
  opacity: 0.9;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  /* box-shadow: 0 0 35px #FFFFFF; */
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spin 0.5s infinite linear;
  -webkit-animation: spin 0.5s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes spinoff {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinoff {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}
/*  end*/
/*  start */
/*  end*/
/*  start */
/*  end*/
/*  start */
/*  end*/
/*  start */
vg-controls {
  position: absolute;
  display: flex;
  width: 100%;
  height: 50px;
  z-index: 300;
  bottom: -1px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s;
}
/*  end*/
/*  start */
/*  end*/
/*  start */
/*  end*/
/*  start */
/*  end*/

/* common start */
*,
:after,
:before {
  box-sizing: border-box;
}
body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, arial, Segoe UI,
    Roboto, Hiragino Sans GB, STHeiti, Microsoft YaHei, Helvetica Neue,
    Helvetica, SimSun, Tahoma, sans-serif, Apple Color Emoji;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}
.text-center {
  text-align: center !important;
}
.position-relative {
  position: relative !important;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}

.h3,
.h4,
.h5,
h3,
h4,
h5 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.invisible {
  visibility: hidden !important;
}
button {
  border-radius: 0;
}
button,
input,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button {
  text-transform: none;
}
button,
input {
  overflow: visible;
}
[type="button"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
} /*!* Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
:after,
:before {
  box-sizing: inherit;
}
.container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1336px) {
  .container {
    max-width: 1270px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1275px;
  }
}
@media (min-width: 1679px) {
  .container {
    max-width: 1542px;
  }
}
@media (min-width: 1912px) {
  .container {
    max-width: 1770px;
  }
}
@media (min-width: 1336px) {
  .container {
    max-width: 1270px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1275px;
  }
}
@media (min-width: 1679px) {
  .container {
    max-width: 1542px;
  }
}
@media (min-width: 1912px) {
  .container {
    max-width: 1770px;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.m-0 {
  margin: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.5rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
}

.py-3 {
  padding-bottom: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.v-page {
  display: flex;
  position: relative;
  padding-top: 64px;
}

.v-page .page-right {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.text-light {
  color: #fff6 !important;
}
.light .text-light {
  color: #888 !important;
}
.text-small {
  font-size: 13px;
}
.dn-button {
  border: none;
  outline: none !important;
  display: block;
  padding: 6px 8px;
  width: auto;
  min-width: 100px;
  margin: 0 0.4rem;
  border-radius: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  color: #fff !important;
  background-color: #373843;
}
.light .dn-button {
  background-color: #777;
}
.dn-button:hover {
  background-color: #6663;
}
.dn-button-red {
  color: #fff !important;
}
.dn-button-red,
.dn-button-red:hover {
  background-color: #00c0ff;
}
.link {
  cursor: pointer;
}
.flex-1 {
  flex: 1;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-24 {
  font-size: 24px !important;
}
.fs-32 {
  font-size: 32px !important;
}
@keyframes pulse {
  0% {
    background-color: #a5a5a51a;
  }
  50% {
    background-color: #a5a5a54d;
  }
  to {
    background-color: #a5a5a51a;
  }
}
.menu-pop,
.smitem {
  position: absolute;
  background-color: #2b2c3a;
}
.light .menu-pop,
.light .smitem {
  background-color: #fafafa;
}
.menu-item a {
  transition: unset;
}
.menu-pop {
  padding: 4px 0;
  top: 57px;
  left: 0;
  z-index: 1000;
  border: 1px solid #0000;
  box-shadow: 2px 2px 1px 0 #00000057;
}
.light .menu-pop {
  border-color: #0000;
  box-shadow: 2px 2px 4px 0 #0000003d;
}
.smitem {
  min-width: 195px;
  left: 116px;
  z-index: 5;
  padding: 4px 0;
  top: 0;
  border: 1px solid #0000;
  box-shadow: 0 0 4px 1px #00000057;
}
.light .smitem {
  border-color: #0000;
  box-shadow: 0 0 4px 1px #0000003d;
}
.smitem {
  display: flex;
  flex-wrap: wrap;
  width: 195px;
}
.menu-item,
.submenu-item {
  width: 120px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #0000;
  position: relative;
}
.light .menu-item,
.light .submenu-item {
  border-color: #0000;
}
.menu-item:last-child,
.submenu-item:last-child {
  border-bottom: none;
}
.light .menu-item:hover,
.light .submenu-item:hover {
  background-color: initial;
}
.menu-item a,
.submenu-item a {
  color: #fff6;
}
.light .menu-item a,
.light .submenu-item a {
  color: #333;
}
.light .menu-item a:hover,
.light .submenu-item a:hover,
.menu-item a:hover,
.submenu-item a:hover {
  color: #00c0ff !important;
}
.submenu-item {
  width: 96px;
}
.active a {
  color: #00c0ff;
}
:host-context(.light) .active a {
  color: #00c0ff;
}
a.active {
  color: #00c0ff !important;
}
:host-context(.light) a.active {
  color: #00c0ff;
}
.nav-expander {
  width: 100px;
}
.nav-expander > div {
  width: 96px;
}
.nav-button {
  padding: 3px;
  border-radius: 2px;
}
.nav-button span {
  line-height: 24px;
  color: hsla(0, 0%, 100%, .87);
}
.menu-arrow {
  position: absolute;
  right: 5px;
  top: 6px;
}
.nav-button {
  border: 1px solid #0000;
  color: #ffffffb3;
}
.nav-button.mainColor,
.nav-button:hover {
  color: #00c0ff !important;
}
.light .nav-button {
  color: #fff;
  border-color: #0000;
}
.dn-slider {
  position: relative;
  margin: 0 auto;
}
.dn-slider:after {
  content: "";
  width: 400px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
  position: absolute;
  background: #090b21;
  background: linear-gradient(
    -90deg,
    #090b21ba,
    #090b2166 50%,
    #090b210d 83%,
    #090b2105 89%,
    #090b2100 99%
  );
  pointer-events: none;
}
.dn-slider-main-container {
  height: 666px;
  width: 100%;
}
.dn-slider-image-placeholder {
  flex-shrink: 0;
  display: block;
  height: 100%;
  width: 100%;
  transition: opacity 0s ease-in-out;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  /* position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none; */
}
.dn-slider-image-placeholder.swiper-slide {
    pointer-events: none;
}
.dn-slider-image-placeholder.swiper-slide-active {
    pointer-events: auto;
}
.dn-slider-image-placeholder.active {
  opacity: 1;
  pointer-events: auto;
}
.sidenav-outer-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
@media screen and (max-width: 1400px) {
  .dn-slider-main-container {
    height: 474px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1679px) {
  .dn-slider-main-container {
    height: 539px;
  }
}
@media screen and (min-width: 2000px) and (max-width: 2329px) {
  .dn-slider-main-container {
    height: 710px;
  }
}
@media screen and (min-width: 2330px) and (max-width: 2560px) {
  .dn-slider-main-container {
    height: 888px;
  }
}

.medias-selector-expandable-tabs {
  position: relative;
  margin-bottom: 30px;
  display: none;
}
.medias-selector-expandable-tabs.active {
    display: block;
}

.medias-selector-expandable-tabs .t {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.medias-selector-expandable-tabs button {
  cursor: pointer;
  border: none;
  outline: none;
  min-width: 96px;
  height: 38px;
  font-size: 14px;
  -webkit-user-select: none;
  user-select: none;
  padding: 5px 15px;
  margin: 0;
  background-color: initial;
  color: #fff6;
}

.light .medias-selector-expandable-tabs button {
  background-color: initial !important;
  color: #333;
}

.medias-selector-expandable-tabs button.active,
.medias-selector-expandable-tabs button.active .iconfont {
  color: #00c0ff !important;
}

.medias-selector-expandable-tabs button.current {
  background-color: red;
}

.medias-selector-expandable-tabs button:hover {
  color: #00c0ff;
}

.light .medias-selector-expandable-tabs button:hover {
  background-color: #fff;
  color: #00c0ff;
}

.medias-selector-expandable-tabs button:hover .iconfont {
  color: #00c0ff;
}
.medias-selector-expandable-tabs {
  background-color: #101227;
  border-radius: 2px;
}
.light .medias-selector-expandable-tabs {
  background-color: #f8f8f8 !important;
}
.medias-selector-expandable-tabs .medias-selector-expandable-tabs-inner {
  white-space: nowrap;
  overflow: auto;
  padding-right: 120px;
}
.medias-selector-expandable-tabs .medias-selector-expandable-tabs-nav {
  overflow: hidden;
}
.medias-selector-expandable-tabs .iconfont {
  font-size: 27px;
  line-height: 24px;
}
.medias-selector-expandable-tabs .button {
  width: unset;
}
.medias-selector-expandable-tabs .iconfont {
  color: #fff6;
}
.light .medias-selector-expandable-tabs .iconfont {
  color: #afafaf;
}
.n-media {
  width: 100%;
  margin-bottom: 30px;
}
.n-media .n-media-list {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
}
.n-media .n-media-list .media-btn {
  margin-bottom: 7px !important;
}
.light .n-media .n-media-list .media-button {
  background-color: #f8f8f8 !important;
  color: #333 !important;
}
.n-media .n-media-list .media-button.placeholder {
  background-color: initial !important;
  height: 0 !important;
  padding: 0 !important;
}
.n-media .n-media-list .media-button:not(.placeholder):not(.active):hover {
  color: #00c0ff !important;
}
.light
  .n-media
  .n-media-list
  .media-button:not(.placeholder):not(.active):hover {
  background-color: #f8f8f8 !important;
}
.n-media .n-media-list .media-button:visited {
  color: #a0a0a0 !important;
}
.light .n-media .n-media-list .media-button:visited {
  color: #aaa !important;
}
.n-media .n-media-list .media-button.active {
  color: #00c0ff !important;
}
.light .n-media .n-media-list .media-button.active {
  background-color: #f8f8f8 !important;
  color: #00c0ff !important;
}
.video-container .n-media {
  background-color: unset;
  padding: 0 30px 15px;
  margin-bottom: 0;
}
.video-container .n-media > div.n-media-list {
  display: flex !important;
}
.video-container .n-media .n-media-list {
  height: auto;
  max-height: 100%;
  overflow: hidden;
}
.video-container .n-media .n-media-list .media-button:not(.placeholder) {
  width: 68px;
  min-width: 68px;
  background-color: #00000080 !important;
  height: 50px;
  line-height: 42px;
  padding: 3px !important;
}
.video-container .n-media .n-media-list .media-button:not(.placeholder).active {
  color: #00c0ff !important;
}
.video-container .n-media .n-media-list .media-button:not(.placeholder):hover {
  color: #00c0ff !important;
  background-color: #00000080 !important;
}
.video-container .n-media .n-media-list .media-button.placeholder {
  width: 68px;
  height: 0 !important;
}
.video-container .n-media .iconfont {
  line-height: 32px;
}
.video-container .n-media .media-btn {
  width: 68px;
  text-align: center;
  margin-bottom: 0 !important;
}

.video-container .medias-selector-expandable-tabs {
  background-color: #00000080 !important;
}

.video-container .medias-selector-expandable-tabs .iconjiantou_liebiaozhankai {
  position: absolute;
  right: 15px;
}

.video-container .medias-selector-expandable-tabs button {
  width: 120px !important;
  font-size: 12px;
  background-color: initial !important;
}

.video-container .medias-selector-expandable-tabs button.active {
  color: #00c0ff !important;
}

.video-container .medias-selector-expandable-tabs .next {
  width: 30px;
  text-align: center;
}

.video-container .medias-selector-expandable-tabs .iconfont {
  cursor: pointer;
  color: #fff6;
}

.video-container .medias-selector-expandable-tabs .iconfont:hover {
  color: #fff;
}
.video-container .medias-selector-expandable-tabs {
  margin-bottom: 20px;
}
.video-container .medias-selector-expandable-tabs-nav button {
  min-width: unset !important;
  width: 65px !important;
  padding: 5px 0;
  overflow: hidden;
  margin-right: 4px;
}
.video-container .medias-selector-expandable-tabs-inner {
  padding-right: 85px;
  padding-left: 10px;
}
.video-container .panel-container {
  max-height: 0;
  overflow: hidden;
  transition: all 0.6s ease-in-out;
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .n-media .n-media-list .media-button {
    width: 97px;
    margin-bottom: 0 !important;
  }
  .n-media .medias-selector-expandable-tabs button {
    min-width: 80px;
    height: 32px;
  }
  .video-container .n-media .medias-selector-expandable-tabs {
    margin-bottom: 20px;
  }
  .video-container .n-media .media-button {
    width: 66px;
  }
  .video-container .n-media .medias-selector-expandable-tabs {
    margin-bottom: 8px;
  }
  .video-container .n-media button {
    width: 90px !important;
  }
}
@media (max-width: 1439px) {
  .n-media .n-media-list .media-button {
    width: 68px;
    min-width: 68px !important;
    margin-bottom: 4px !important;
  }
  .n-media .medias-selector-expandable-tabs button {
    height: 40px;
  }
  .video-container .n-media {
    padding: 20px 20px 15px;
  }
  .video-container .n-media .medias-selector-expandable-tabs {
    margin-bottom: 8px;
  }
  .video-container .n-media .n-media-list .media-button {
    min-width: 60px !important;
    width: 60px;
    line-height: 26px;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .video-container .n-media {
    padding: 0 28px 15px;
  }
  .video-container .n-media .media-btn {
    width: 54px;
  }
  .video-container .n-media .n-media-list .media-button {
    width: 54px !important;
    min-width: 54px !important;
    height: 42px;
    margin-bottom: 1px !important;
    line-height: 34px;
  }
  .video-container .n-media .n-media-list .media-button.placeholder {
    width: 50px;
  }
  .video-container .playing-icon {
    top: 32px !important;
    left: 1px !important;
  }
  .playing-icon {
    top: 34px !important;
  }
}
@media (max-width: 1678px) {
  .n-media .n-media-list .media-button {
    width: 77px;
    width: 94px;
    min-width: 77px !important;
    margin-bottom: 0 !important;
  }
  .n-media .n-media-list .media-btn {
    margin-bottom: 5px !important;
  }
  .n-media .medias-selector-expandable-tabs button {
    min-width: 80px;
    height: 32px;
  }
  .video-container .n-media {
    padding: 0 25px 5px;
  }
  .video-container .n-media .medias-selector-expandable-tabs {
    margin-bottom: 8px;
  }
  .video-container .n-media button {
    width: 72px !important;
    min-width: 76px !important;
  }
  .video-container .n-media .medias-selector-expandable-tabs-inner .button {
    margin-right: 10px;
    width: 53px !important;
    min-width: 53px !important;
  }
  .video-container .n-media .media-btn {
    width: 46px !important;
    margin-bottom: 0 !important;
  }
  .video-container .n-media .n-media-list .media-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 38px;
    margin-bottom: 0 !important;
    line-height: 31px;
  }
  .video-container .n-media .n-media-list .media-button.placeholder {
    width: 46px !important;
  }
  .video-container .playing-icon {
    top: 32px !important;
    left: -1px !important;
  }
  .playing-icon {
    top: 34px !important;
    left: 0 !important;
  }
}
.iconbiaoqing {
  color: #888;
}
.iconbiaoqing:hover {
  color: #00c0ff;
}
.iconbiaoqing {
  font-size: 30px !important;
  line-height: 26px;
}
:root {
  font-size: 14px;
}
body {
  color: #fff;
  overflow: overlay;
  overflow-x: auto;
}
body.light {
  color: #333;
}
* {
  padding: 0;
  margin: 0;
  outline: none;
  touch-action: manipulation;
}
body {
  min-width: 1340px;
}
.iconfont {
  font-size: 25px;
}
a {
  color: #ffffffb3;
  transition: all 0.1s ease-out;
  text-decoration: none;
}
.light #backToTop.sticky-back-top {
  color: #888;
}
.light .historylist[_ngcontent-dko-c41] a[_ngcontent-dko-c41] span[_ngcontent-dko-c41], 
.light .historylist[_ngcontent-dko-c41] a[_ngcontent-dko-c41] span[_ngcontent-dko-c41] {
  color: #888;
}
.light .popup-box-arrowOut[_ngcontent-wus-c35],
.light .popup-box-arrowIn[_ngcontent-wus-c35] {
  border-color: transparent transparent rgb(250, 250, 250) !important;
}
.light a {
  color: #333;
}
a:hover {
  text-decoration: none;
}
.light a:hover,
a:hover {
  color: #00c0ff;
}
ul {
  margin: 0;
  padding: 0;
}
li,
ul {
  list-style: none;
}
input {
  outline: none;
}
body {
  background-color: #090b21;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}
body.light {
  background-color: #fff;
}
body h5 {
  font-size: 16px;
}
body h4 {
  font-size: 18px;
}
body h3 {
  font-size: 22px;
}

body h3,
body h4,
body h5 {
  margin: 0;
}
@media (max-width: 1335px) {
  body .container {
    width: 1270px !important;
    min-width: 1270px !important;
    max-width: 1270px !important;
  }
}
body app-top-ranked-videos {
  display: none;
}
body .visible-lg,
body .visible-xl {
  display: none;
}
@media (min-width: 1679px) and (max-width: 1911px) {
  body .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  body .visible-lg {
    display: block !important;
  }
}
@media (min-width: 1912px) {
  body .visible-xl {
    display: block !important;
  }
}
body .hidden {
  display: none !important;
}
body h3 a {
  color: #fff;
}
body h3 a.light {
  color: #333;
}
body .content {
  flex: 1;
}
body app-search .content {
  min-height: 300px;
  width: 100%;
}
.dropdown-footer {
  margin-top: 1rem;
  padding: 4px 12px;
  border-top: 1px solid #0000;
  height: 46px;
  display: flex;
  align-items: center;
}
.light .dropdown-footer {
  border-color: #0000;
}
.dropdown {
  cursor: default;
  padding: 12px 0 0;
  position: absolute;
  top: 62px;
  left: 0;
  background-color: #2b2c3a;
  z-index: 9999;
  box-shadow: 2px 2px 1px 0 #00000057;
  min-height: 50px;
  color: #fff;
}
.light .dropdown {
  background-color: #fafafa;
  box-shadow: 2px 2px 4px 0 #0000003d;
}
.root-container {
  background-color: #090b21;
}
.light .root-container {
  background-color: #eee;
}
.outer {
  background-color: #090b21;
}
.light .outer {
  background-color: #fff;
}
@media only screen and (min-width: 1921px) {
  body {
    background-color: #090b21;
  }
}
app-summary div,
app-summary p {
  margin: 0;
}
.sidebar {
  width: 375px;
  flex: 0 0 375px;
  margin-left: 30px;
}
vg-player :not(input) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
hidden * {
  display: none !important;
}
.border-bottom .tab,
.d-flex .tab {
  color: #ffffffb3 !important;
}
.light .border-bottom .tab,
.light .d-flex .tab {
  color: #888 !important;
}
.border-bottom .tab:hover,
.d-flex .tab:hover {
  color: #fff !important;
}
.light .border-bottom .tab:hover,
.light .d-flex .tab:hover {
  color: #888 !important;
  background-color: #fff !important;
}
.border-bottom .tab.active,
.d-flex .tab.active {
  color: #fff !important;
  background-color: #0000004d !important;
}
.light .border-bottom .tab.active,
.light .d-flex .tab.active {
  color: #333 !important;
  background-color: #fff !important;
}
.filters .tab:hover {
  color: #00c0ff !important;
}
.filters .tab.active {
  background-color: #00c0ff !important;
  color: #fff !important;
}
.light .filters .tab.active {
  background-color: #fff !important;
  color: #333 !important;
}
.top-item {
  height: 100%;
}
.iconfont.iconVIP {
  color: #fec1a1;
  background: -webkit-linear-gradient(#fec1a1, #fff);
  overflow: hidden;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
}
.rotate-180 {
  transform: rotate(-180deg);
  display: inline-block;
}
.btn-default {
  display: inline-block;
  padding: 0.3em 1.5em;
  color: #fff;
  background-color: #00c0ff;
  border-radius: 0;
  cursor: pointer;
}
.light .btn-default {
  color: #00c0ff !important;
  border: 1px solid #00c0ff;
  background-color: initial !important;
}
.btn-default:hover {
  color: #fff !important;
  background-color: #00c0ff;
}
.light .btn-default:hover {
  background-color: #00c0ff !important;
}
.pull-right {
  float: right !important;
}
.transparent .input input {
  background-color: #ffffff59 !important;
  color: #fff !important;
}
.transparent .input input::-webkit-input-placeholder {
  color: #ffffff8f !important;
}
button[type="button"]:focus,
input[type="button"]:focus {
  outline: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.tab.active,
.tab:hover {
  color: #00c0ff !important;
}
@media (max-width: 1439px) {
  .statistics {
    width: 26em;
  }
  app-trending-chart .chart-container {
    width: 48em;
  }
  app-play-statistics .chart-container {
    width: 49em;
  }
}
@media (min-width: 1440px) and (max-width: 1678px) {
  .statistics {
    width: 26em;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .statistics {
    width: 33em;
  }
  .dn-videoplayer-wrap {
    height: 594px !important;
  }
}
.iconjiantou_liebiaozhankai {
  transition: rotate 0.3s;
}
app-play-statistics #chartdiv {
  overflow: visible !important;
}
.pull-left {
  float: left !important;
}
.text-left {
  text-align: left;
  color: #fff;
}
.btn-default {
  background-color: #373843;
  color: #ffffffb3;
}
.btn-default:hover {
  background-color: #373843;
  color: #fff;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.light .staticLightBg app-dn-search-input .inner #search-input,
.light .navbg app-dn-search-input .inner #search-input {
  background-color: #eee;
  color: #888;
}
.light .staticLightBg app-dn-search-input .inner .search-suggest,
.light .navbg app-dn-search-input .inner .search-suggest {
  color: #888;
}
.light .staticLightBg app-dn-search-input .inner .iconsousuo,
.light .navbg app-dn-search-input .inner .iconsousuo {
  color: #aaa;
  opacity: 1;
}
.light .staticLightBg app-dn-search-input .inner .iconpaihang2,
.light .navbg app-dn-search-input .inner .iconpaihang2 {
  color: #aaa;
  opacity: 1;
}
.light .top-nav.staticLightBg.fixed  app-dn-menu .nav-button,
.light .staticLightBg app-dn-menu .nav-expander:hover a ,
.light .navbg app-dn-menu .nav-button,
.light .navbg app-dn-menu .nav-expander:hover a {
  color: #888 !important;
}
.light .staticLightBg app-dn-user-menu-item .item div,
.light .navbg app-dn-user-menu-item .item div {
  color: #aaa !important;
}
.light .navbg app-dn-user-menu-item .item div.jbutton {
  color: #a0a0a0 !important;
}
.light .navbg .uploader {
  color: #aaa !important;
}
app-index app-danmu-input .tabs .tab {
  color: #ffffffb3 !important;
  background-color: initial !important;
}
app-index app-danmu-input .tabs .tab.active {
  color: #fff !important;
  background-color: initial !important;
}

.light app-index app-danmu-input .tabs .tab.active,
.light app-index app-danmu-input .tabs .tab:hover {
  color: #fff !important;
}
.light .iconfont.iconVIP {
  color: #ffa800;
  background: -webkit-linear-gradient(#ffa800, #fdd101);
  overflow: hidden;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
}
.light app-top-ranked-videos .rank {
  margin-bottom: 13px !important;
}
.light app-top-ranked-videos .content {
  border: 2px solid !important;
}
app-recommended-news .container {
  margin-top: 2px !important;
}
@media (max-width: 1678px) {
  .danmu-input-container {
    min-width: 390px !important;
  }
  .danmu-input-container .input-area .input input {
    width: 300px !important;
  }
  .danmu-input-container .action {
    margin-right: 15px !important;
  }
}
@media (min-width: 1679px) {
  .danmu-input-container .input-area .input input {
    width: 460px !important;
  }
}
html app-dn-comment app-dn-comment .avatar {
  width: 30px !important;
  height: 30px !important;
}
html app-dn-comment app-dn-comment .vipIcon {
  height: 13px !important;
  margin-top: 13px !important;
  margin-left: 36px !important;
}
html app-dn-comment app-dn-comment .name-card:hover .vipIcon {
  margin-left: 72px !important;
}
html app-dn-comment app-dn-comment .comment > .content {
  padding-left: 60px !important;
}
.page-right .top-ranked .header {
  padding-bottom: 28px;
}
.page-right .block-title {
  margin: 28px 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.hd-line {
  padding: 4px 8px;
  line-height: 35px;
}
.light .clear-button, .light .clear-button {
  color: #333 !important;
}
.search-agent .item {
  margin: 0;
  padding: 4px 8px;
  line-height: 23px;
  cursor: pointer;
  position: relative;
  align-items: center;
}
.video-player .n-media .n-media-list .media-button {
  /* width: 68px; */
}
app-index .config-block .tabs .tab {
  position: relative;
}
app-index .config-block .tabs .tab.active,
app-index .config-block .tabs .tab:hover {
  background-color: initial !important;
}
app-index .config-block .tabs .tab.active:after,
app-index .config-block .tabs .tab:hover:after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  width: 60px;
  background-color: #0db9f0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1678px) {
  .dn-videoplayer-wrap {
    height: 473px !important;
  }
}
app-dn-comments app-dn-comment .content .body img {
  position: relative;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
  max-width: 80px;
  vertical-align: bottom;
}
app-comment-box .comment-box .comment-input img {
  position: relative;
  top: -2px;
  max-width: 90px;
  max-height: 90px;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
}
.no-content {
  color: #ffffffb3;
}
:host-context(.light) .no-content {
  color: #888;
}
.light app-comment-box .comment-box .comment-input:active,
.light app-comment-box .comment-box .comment-input:focus {
  color: #000 !important;
}
@media (any-hover: hover) {
  .list .v-c:hover .teaser-detail {
    bottom: 65px !important;
  }
}
.text-main-color {
  color: #00c0ff !important;
}
@media (any-hover: hover) {
  .v-c:hover.new {
    overflow: unset;
  }
  .v-c:hover .teaser-detail {
    bottom: 52px;
  }
  .v-c:hover .teaser-detail.new {
    bottom: 0;
    opacity: 1;
    z-index: 110;
    height: 396px;
    width: 270px;
    top: -18px;
    left: -27px;
  }
  .v-c:hover .video-teaser .title-box a {
    color: #fff !important;
  }
  .light .v-c:hover .video-teaser .title-box a {
    color: #00c0ff !important;
  }
}
@media (max-width: 1439px) and (any-hover: hover) {
  .v-c:hover .teaser-detail.new {
    height: 382px;
    width: 261px;
  }
}
@media (min-width: 1440px) and (max-width: 1678px) and (any-hover: hover) {
  .v-c:hover .teaser-detail.new {
    height: 382px;
    width: 261px;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) and (any-hover: hover) {
  .v-c:hover .teaser-detail.new {
    height: 396px;
    width: 270px;
  }
}
.light .video-teaser .title-box {
  background-color: #fff !important;
}
.logo-icon {
  
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 1.2em;
}
.dn-slider {
  min-height: 666px;
}
@media (max-width: 1439px) {
  .dn-slider {
    min-height: 474px;
  }
}
@media (min-width: 1440px) and (max-width: 1678px) {
  .dn-slider {
    min-height: 539px;
  }
}
body.bg {
  top: 0 !important;
}
vg-controls[hidden] {
  visibility: hidden;
}
.light .new-list .nav-shadow-cover.last,
.light .new-list .nav-shadow-cover.next,
.light app-recommended-news .nav-shadow-cover.last,
.light app-recommended-news .nav-shadow-cover.next {
  background: unset;
}
.video-module {
  min-height: 1500px;
}
.new-svideo-container:not(.sp):not(.rl) {
  width: 437px;
  margin-right: 5px;
}
.nav-shadow-cover,
.new-svideo-container:not(.sp):not(.rl) .poster {
  width: 437px;
  height: 245.8125px;
}
.nav-btn {
  height: 245.8125px;
}
@media (max-width: 1678px) {
  .new-svideo-container:not(.sp):not(.rl) {
    width: 420px;
  }
  .nav-shadow-cover,
  .new-svideo-container:not(.sp):not(.rl) .poster {
    width: 420px;
    height: 236.25px;
  }
  .nav-btn {
    height: 236.25px;
  }
}

/* common end */

/* video start */

@keyframes fade {
  0% {
      opacity: 0
  }

  10% {
      opacity: 1
  }

  90% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes data {
  0% {
      opacity: 0
  }

  50% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes notify {
  0% {
      transform: translateY(0) rotateY(0)
  }

  15% {
      transform: translateY(-10px) rotateY(0)
  }

  50% {
      transform: translateY(-10px) rotateY(1turn) scale(1)
  }

  75% {
      transform: translateY(0) rotateY(1turn) scale(0)
  }

  to {
      transform: translateY(0) rotateY(1turn) scale(0)
  }
}

@keyframes jump {
  0% {
      bottom: 25px
  }

  50% {
      bottom: 30px
  }

  to {
      bottom: 35px
  }
}

@keyframes jump2 {
  0% {
      bottom: 25px
  }

  50% {
      bottom: 30px
  }

  to {
      bottom: 35px
  }
}

@keyframes jumpInPlayer {
  0% {
      bottom: 100px
  }

  50% {
      bottom: 105px
  }

  to {
      bottom: 110px
  }
}

@keyframes jumpInPlayer2 {
  0% {
      bottom: 100px
  }

  50% {
      bottom: 105px
  }

  to {
      bottom: 110px
  }
}

@keyframes pulse {
  0% {
      background-color: #a5a5a51a
  }

  50% {
      background-color: #a5a5a54d
  }

  to {
      background-color: #a5a5a51a
  }
}

@keyframes fadeInIcon {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}


@media (max-width:1678px) {

  .page-container[_ngcontent-lym-c179] {
      width: 840px;
      margin: 0 auto;
      padding: 0 16px 16px 0
  }

  .page-container.video-player[_ngcontent-lym-c179] {
      width: 840px;
      height: 473px;
      background-color: #000
  }
}

@media (max-width:1439px) {
  .page-right[_ngcontent-lym-c179] {
      padding-right: 8px;
      margin-left: 14px
  }
}

@media (min-width:1440px) and (max-width:1678px) {
  .page-right[_ngcontent-lym-c179] {
      padding-right: 8px;
      margin-left: 16px
  }
}

@media (min-width:1679px) and (max-width:1911px) {
  .page-right[_ngcontent-lym-c179] {
      padding-right: 8px;
      margin-left: 18px
  }
}

@media (min-width:1912px) {
  .page-right[_ngcontent-lym-c179] {
      padding-right: 8px;
      margin-left: 21px
  }
}

.playPageTop[_ngcontent-lym-c179] {
  min-height: 965px;
  padding-bottom: 0
}

@media (min-width:1679px) and (max-width:1911px) {
  .playPageTop[_ngcontent-lym-c179] {
      min-height: 852px !important;
      padding-bottom: 0
  }
}

@media (max-width:1678px) {
  .playPageTop[_ngcontent-lym-c179] {
      min-height: 694px !important;
      padding-bottom: 0
  }
}

@media (min-width:1679px) and (max-width:1911px) {
  .page-container[_ngcontent-lym-c179] {
      width: 1056px;
      margin: 0 auto;
      padding: 22px
  }

  .page-container.video-player[_ngcontent-lym-c179] {
      width: 1056px;
      height: 594px;
      background-color: #000
  }
}

@media (min-width:1912px) {
  .page-container[_ngcontent-lym-c179] {
      width: 1223px;
      margin: 0 auto;
      padding: 22px
  }

  .page-container.video-player[_ngcontent-lym-c179] {
      width: 1223px;
      height: 688px;
      background-color: #000
  }
}


.content[_ngcontent-lym-c179] {
  padding: 24px
}

.block-mt[_ngcontent-lym-c179] {
  margin-top: 21px
}

.media-btn[_ngcontent-lym-c179] {
  font-family: Microsoft YaHei
}

.v-page-content[_ngcontent-lym-c179] .page-container[_ngcontent-lym-c179] {
  padding-top: 0 !important
}

.video-player[_ngcontent-lym-c179] {
  padding: 0 !important
}

.star[_ngcontent-lym-c179] {
  cursor: pointer
}

.fixed-player[_ngcontent-lym-c179] {
  position: fixed;
  right: 30px;
  top: 80px;
  width: 480px;
  height: 320px;
  z-index: 9999
}

.main[_ngcontent-lym-c179] {
  margin: 0 auto;
  background-color: #090b21;
  min-height: 100vh
}

.light[_nghost-lym-c179] .main[_ngcontent-lym-c179],
.light [_nghost-lym-c179] .main[_ngcontent-lym-c179] {
  background-color: #fff
}

.light[_nghost-lym-c179] .playPageTop[_ngcontent-lym-c179],
.light [_nghost-lym-c179] .playPageTop[_ngcontent-lym-c179] {
  background-color: #090b21;
  background-color: #fff;
}

.d-block.hidden[_ngcontent-lym-c179] {
  display: none !important
}

.h5[_ngcontent-lym-c179] {
  padding: 1em;
  font-weight: 700
}

#comments-title[_ngcontent-lym-c179] {
  font-size: 22px
}

#comments-title[_ngcontent-lym-c179] .iconfont[_ngcontent-lym-c179] {
  position: relative;
  top: .15em;
  font-size: 48px;
  color: #00c0ff
}

.playlist-new[_ngcontent-lym-c179] {
  background-color: #090b21;
  z-index: 2
}

.light[_nghost-lym-c179] .playlist-new[_ngcontent-lym-c179],
.light [_nghost-lym-c179] .playlist-new[_ngcontent-lym-c179] {
  background-color: #fff
}

.bg-cover[_ngcontent-lym-c179] {
  background-color: #090b21;
  position: relative;
  z-index: 2
}

.light[_nghost-lym-c179] .bg-cover[_ngcontent-lym-c179],
.light [_nghost-lym-c179] .bg-cover[_ngcontent-lym-c179] {
  background-color: #fff
}

.dn-videoplayer-wrap[_ngcontent-lym-c179] {
  height: 688px
}

.main-color[_ngcontent-lym-c179] {
  color: #00c0ff !important
}

@media (min-width:1679px) and (max-width:1911px) {

  .block-mt[_ngcontent-lym-c179] {
      margin-top: 18px
  }
}

@media (max-width:1678px) {

  .block-mt[_ngcontent-lym-c179] {
      margin-top: 14px
  }
}


.video-detail[_ngcontent-lym-c124] {
  margin-top: 20px;
  padding-left: 1em
}

#introDiv[_ngcontent-lym-c124] {
  overflow: hidden !important;
  margin-bottom: 0 !important
}

.actors[_ngcontent-lym-c124] {
  width: inherit;
  max-height: 24px;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis
}

.info-label[_ngcontent-lym-c124] {
  display: inline-block;
  white-space: nowrap;
  width: 3em
}

.light[_nghost-lym-c124] .info-label[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .info-label[_ngcontent-lym-c124] {
  color: #888
}

.star[_ngcontent-lym-c124] {
  cursor: pointer;
  white-space: normal;
  text-transform: capitalize
}

.h4[_ngcontent-lym-c124] {
  font-size: 22px;
  font-weight: 700
}

.img[_ngcontent-lym-c124] {
  width: 216px;
  height: 309px;
  margin-right: 25px
}

.intro[_ngcontent-lym-c124] {
  color: #ffffffb3;
  font-size: 16px
}

.light[_nghost-lym-c124] .intro[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .intro[_ngcontent-lym-c124] {
  color: #333
}

.intro[_ngcontent-lym-c124] .d-flex[_ngcontent-lym-c124],
.linear[_ngcontent-lym-c124] {
  margin-bottom: 1.5em
}

.linear[_ngcontent-lym-c124] span[_ngcontent-lym-c124] {
  display: inline-block;
  margin-right: 1em;
  color: #ffffffb3
}

.light[_nghost-lym-c124] .linear[_ngcontent-lym-c124] span[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .linear[_ngcontent-lym-c124] span[_ngcontent-lym-c124] {
  color: #333
}

.linear[_ngcontent-lym-c124] .action[_ngcontent-lym-c124] {
  margin-right: 2em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: 16px
}

.light[_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action[_ngcontent-lym-c124]:hover,
.light [_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action[_ngcontent-lym-c124]:hover {
  color: #00c0ff
}

.light[_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action[_ngcontent-lym-c124]:hover .iconfont[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action[_ngcontent-lym-c124]:hover .iconfont[_ngcontent-lym-c124] {
  color: #00c0ff
}

.linear[_ngcontent-lym-c124] .action.active[_ngcontent-lym-c124] {
  color: #00c0ff
}

.light[_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action.active[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action.active[_ngcontent-lym-c124] {
  color: #00c0ff
}

.light[_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action.active[_ngcontent-lym-c124] .iconfont[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .linear[_ngcontent-lym-c124] .action.active[_ngcontent-lym-c124] .iconfont[_ngcontent-lym-c124] {
  color: #00c0ff
}

.linear[_ngcontent-lym-c124] .iconfont[_ngcontent-lym-c124] {
  font-size: 27px;
  position: relative;
  top: .2em
}

.light[_nghost-lym-c124] .linear[_ngcontent-lym-c124] .iconfont[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .linear[_ngcontent-lym-c124] .iconfont[_ngcontent-lym-c124] {
  color: #aaa
}

.linear[_ngcontent-lym-c124] .linear-left[_ngcontent-lym-c124] {
  margin-top: -1em;
  margin-left: -.4em
}

.tag[_ngcontent-lym-c124] {
  background-color: #1c1d2f;
  color: #fff6;
  padding: 5px 8px;
  /*width: 55px;*/
  font-size: 12px;
  text-align: center
}

.light[_nghost-lym-c124] .tag[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .tag[_ngcontent-lym-c124] {
  background-color: #f8f8f8
}

.light[_nghost-lym-c124] .tag[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .tag[_ngcontent-lym-c124] {
  color: #888 !important
}

.tag[_ngcontent-lym-c124]:hover a[_ngcontent-lym-c124] {
  color: #fff
}

.light[_nghost-lym-c124] .tag[_ngcontent-lym-c124]:hover a[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .tag[_ngcontent-lym-c124]:hover a[_ngcontent-lym-c124] {
  color: #fff
}

.openner[_ngcontent-lym-c124] {
  overflow: hidden;
  transition: height .3s;
  z-index: 0;
  position: relative
}

.openner.statistics[_ngcontent-lym-c124] {
  height: 0;
  background-color: #090b21
}

.light[_nghost-lym-c124] .openner.statistics[_ngcontent-lym-c124],
.light [_nghost-lym-c124] .openner.statistics[_ngcontent-lym-c124] {
  background-color: #fff
}

.openner.statistics.opened[_ngcontent-lym-c124] {
  z-index: 1;
  height: 352px !important;
  overflow: hidden;
  margin-bottom: 0
}

.openner.opened[_ngcontent-lym-c124] {
  z-index: 0;
  margin-bottom: 28px;
  overflow: visible
}

.rate[_ngcontent-lym-c124] {
  font-size: 12px;
  align-items: baseline
}

.rate[_ngcontent-lym-c124],
.rate[_ngcontent-lym-c124] .value[_ngcontent-lym-c124] {
  color: #ee9d03 !important;
  display: inline-block
}

.rate[_ngcontent-lym-c124] .value[_ngcontent-lym-c124] {
  font-weight: 700;
  font-size: 14px;
  margin-right: 5px !important
}

.iconrenqi[_ngcontent-lym-c124] {
  font-size: 28px !important
}

.score-info[_ngcontent-lym-c124] {
  align-items: center
}

.gap-line[_ngcontent-lym-c124] {
  margin: 0 18px;
  height: 10px;
  border-right: 1px solid;
  border-color: #6663
}

.site-logo[_ngcontent-lym-c124] {
  width: 16px;
  height: 16px;
  margin-right: 6px !important
}

.site-score[_ngcontent-lym-c124] {
  color: #ffa800;
  font-size: 16px
}

.other-logo[_ngcontent-lym-c124] {
  margin-right: 6px !important
}

.other-logo.imdb[_ngcontent-lym-c124] {
  width: 26px;
  height: 13px;
  
  background-size: contain
}

.other-score[_ngcontent-lym-c124] {
  font-size: 14px;
  margin-right: 12px
}

.video-container[_ngcontent-lym-c157] {
  background-color: #000;
  position: relative;
  pointer-events: auto
}

.video-container[_ngcontent-lym-c157] .video-box[_ngcontent-lym-c157] {
  width: 100%
}

.video-container[_ngcontent-lym-c157] .video-box[_ngcontent-lym-c157] video[_ngcontent-lym-c157] {
  width: 100%;
  height: 100%
}

.video-container[_ngcontent-lym-c157] .video-box[_ngcontent-lym-c157] vg-controls[_ngcontent-lym-c157] {
  height: 80px;
  font-size: 16px;
  background-color: initial !important
}

.l.active[_ngcontent-lym-c157] {
  color: #ffffffb3
}

.pull-right[_ngcontent-lym-c157] {
  float: right !important
}

.box[_ngcontent-lym-c157] {
  padding: .5em .5em 1em
}

.box[_ngcontent-lym-c157] {
  color: #ffffffb3;
  font-size: 16px
}

.l[_ngcontent-lym-c157] {
  padding: 1em
}

.video-container[_ngcontent-lym-c157] .video-box[_ngcontent-lym-c157] .player-title-bar[_ngcontent-lym-c157] {
  width: 100% !important;
  height: 50px !important;
  position: absolute;
  top: 12px;
  padding: 0 24px;
  transition: opacity .1s linear;
  display: flex;
  align-items: center
}

.video-container[_ngcontent-lym-c157] .video-box[_ngcontent-lym-c157] .player-title[_ngcontent-lym-c157] {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  text-shadow: 2px 2px 2px #444;
  margin-left: 54px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.video-container.fixed-player[_ngcontent-lym-c157] {
  transform: unset !important
}

.guide-tips[_ngcontent-lym-c157] {
  
  width: 326px;
  height: 208px;
  position: absolute;
  top: -149px;
  left: -269px;
  z-index: 5001;
  display: none
}

@media (max-width:1678px) {
  .video-box[_ngcontent-lym-c157] {
      height: 473px
  }
}

@media (min-width:1679px) and (max-width:1911px) {
  .video-box[_ngcontent-lym-c157] {
      height: 594px
  }
}

@media (min-width:1912px) {
  .video-box[_ngcontent-lym-c157] {
      height: 688px
  }
}


.user-data-bar[_ngcontent-lym-c159] {
  position: relative;
  font-size: 15px;
  line-height: 30px;
  background-color: #1c1d2f;
  padding: 7px 18px 7px 12px;
  min-height: 65px
}

.icon-container[_ngcontent-lym-c159] {
  height: 30px;
  width: 30px;
  text-align: center;
  display: flex;
  justify-content: center
}

.ico[_ngcontent-lym-c159] {
  position: relative;
  cursor: pointer;
  flex: 1;
  white-space: nowrap;
  margin-right: 1.5em;
  color: #fff6;
  background-color: initial;
  border: none;
  outline: none
}

.ico[_ngcontent-lym-c159] .iconfont[_ngcontent-lym-c159] {
  font-size: 32px
}


.ico[_ngcontent-lym-c159]:hover div[_ngcontent-lym-c159] {
  color: #00c0ff
}

.ico[_ngcontent-lym-c159]:active {
  transform: translateY(1px)
}

.ico[_ngcontent-lym-c159]:last-child {
  margin-right: 0
}

.active[_ngcontent-lym-c159] {
  color: #00c0ff
}

.ico[_ngcontent-lym-c159] {
  font-size: 12px
}

@media (max-width:1911px) {
  .user-data-inner[_ngcontent-lym-c159] {
      width: 420px
  }

  .user-data-inner[_ngcontent-lym-c159] .ico.comment[_ngcontent-lym-c159] {
      display: none
  }
}

.cus-mr[_ngcontent-lym-c159] {
  margin-right: .5rem
}

.tag[_ngcontent-lym-c159] {
  background-color: #2b2c3a;
  color: #fff6;
  padding: .1em 0;
  width: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  font-size: 14px;
  margin-right: 12px;
  text-align: center
}

.rate[_ngcontent-lym-c159] {
  font-size: 14px;
  align-items: baseline;
  margin-left: 12px
}

.rate[_ngcontent-lym-c159],
.rate[_ngcontent-lym-c159] .value[_ngcontent-lym-c159] {
  color: #ee9d03 !important;
  display: inline-block
}

.rate[_ngcontent-lym-c159] .value[_ngcontent-lym-c159] {
  font-weight: 700;
  font-size: 24px
}

@media (max-width:1911px) {
  .ico[_ngcontent-lym-c159] {
      margin-right: 1.5em;
      flex: unset
  }

  .ico[_ngcontent-lym-c159] .iconfont[_ngcontent-lym-c159] {
      font-size: 24px
  }

  .ico[_ngcontent-lym-c159] .cus-mr[_ngcontent-lym-c159] {
      margin-right: 0
  }

  .ico[_ngcontent-lym-c159] .hideInSmall[_ngcontent-lym-c159] {
      display: none
  }
}

@media (min-width:1679px) and (max-width:1911px) {
  .user-data-bar[_ngcontent-lym-c159] {
      padding: 3px 18px 3px 12px;
      min-height: 56px
  }
}

@media (max-width:1678px) {
  .user-data-bar[_ngcontent-lym-c159] {
      padding: 0 18px 0 12px;
      min-height: 45px
  }
}




.input-area[_ngcontent-lym-c146] {
  position: relative;
  min-height: 3em;
  background-color: #0000;
  padding: .5em 0;
  font-size: 15px;
  margin-left: auto;
  align-items: center;
  cursor: pointer
}

.input-area[_ngcontent-lym-c146] .line[_ngcontent-lym-c146] {
  height: 1px;
  background-color: #676767;
  margin-top: -2px
}

.input-area[_ngcontent-lym-c146] .item[_ngcontent-lym-c146] {
  display: inline-block
}

.input-area[_ngcontent-lym-c146] .button[_ngcontent-lym-c146] {
  color: #ffffffb3;
  background-color: #373843;
  border: none;
  position: absolute;
  right: 0;
  padding: 0 1em;
  cursor: pointer;
  line-height: 35px;
  height: 35px
}

.input-area[_ngcontent-lym-c146] .button[_ngcontent-lym-c146]:hover {
  color: #fff
}

.input-area[_ngcontent-lym-c146] .danmu-input-setting-button[_ngcontent-lym-c146] {
  position: absolute;
  right: 65px;
  top: 0;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  background-color: initial;
  color: #ffffffb3
}

.input-area.invisible[_ngcontent-lym-c146] {
  min-height: 0;
  max-height: 0;
  padding: 0 !important
}

.input[_ngcontent-lym-c146] {
  position: relative
}

.input[_ngcontent-lym-c146] input[type=text][_ngcontent-lym-c146] {
  background-color: #2a2c39;
  border: none;
  height: 35px;
  color: #ffffffb3;
  padding-left: 1em;
  width: 100%;
  padding-right: 6.5em
}

.input[_ngcontent-lym-c146] input[type=text][_ngcontent-lym-c146]::placeholder {
  position: relative;
  top: .1em;
  -webkit-user-select: none;
  user-select: none
}

.input[_ngcontent-lym-c146] input[type=text][_ngcontent-lym-c146]:focus {
  color: #fff
}

.item-text[_ngcontent-lym-c146] {
  line-height: 12px
}

.selector[_ngcontent-lym-c146] {
  color: #222
}

.selector[_ngcontent-lym-c146] .item[_ngcontent-lym-c146] {
  text-align: center
}

.selector[_ngcontent-lym-c146] .item[_ngcontent-lym-c146] .item-text[_ngcontent-lym-c146] {
  display: inline-block
}

.selector[_ngcontent-lym-c146] .item[_ngcontent-lym-c146] .item-text.selected[_ngcontent-lym-c146] {
  background-color: #383844
}

.config-block[_ngcontent-lym-c146] {
  background-color: #1c1d2f;
  position: absolute;
  bottom: 51px;
  right: 14.2em;
  z-index: 9999;
  width: 326px;
  height: 414px;
  font-size: 12px;
  border: 1px solid #0000;
  -webkit-user-select: none;
  user-select: none
}

.config-block-content[_ngcontent-lym-c146] {
  height: 370px;
  box-sizing: border-box;
  padding: 10px 0;
  color: #fff6;
  cursor: auto
}

.option[_ngcontent-lym-c146] {
  cursor: pointer;
  color: #fff6
}

.type-selector-inner[_ngcontent-lym-c146] {
  display: flex
}

.type-selector-inner[_ngcontent-lym-c146] .type-item[_ngcontent-lym-c146] {
  text-align: center;
  margin-right: 30px
}

.type-selector-inner[_ngcontent-lym-c146] .item-image[_ngcontent-lym-c146] {
  width: 24px;
  height: 24px;
  background-size: cover;
  margin: 0 auto
}

.type-selector-inner[_ngcontent-lym-c146]:last-child {
  margin-right: 0
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:first-child .item-image[_ngcontent-lym-c146] {
  
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:first-child.selected,
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:first-child:hover {
  color: #00c0ff
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:first-child.selected .item-image[_ngcontent-lym-c146],
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:first-child:hover .item-image[_ngcontent-lym-c146] {
  
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(2) .item-image[_ngcontent-lym-c146],
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3) .item-image[_ngcontent-lym-c146] {
  position: relative;
  
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(2) .item-image[_ngcontent-lym-c146]:after,
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3) .item-image[_ngcontent-lym-c146]:after {
  font-family: iconfont !important;
  content: "";
  background: -webkit-linear-gradient(#fec1a1, #feecc6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
  font-size: 16px;
  display: block;
  position: absolute;
  top: -14px;
  right: -10px
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(2).selected,
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(2):hover,
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3).selected,
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3):hover {
  color: #fec1a1
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(2).selected .item-image[_ngcontent-lym-c146],
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(2):hover .item-image[_ngcontent-lym-c146],
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3).selected .item-image[_ngcontent-lym-c146],
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3):hover .item-image[_ngcontent-lym-c146] {
  
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3) .item-image[_ngcontent-lym-c146] {
  
}

.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3).selected .item-image[_ngcontent-lym-c146],
.type-selector-inner[_ngcontent-lym-c146] .option[_ngcontent-lym-c146]:nth-child(3):hover .item-image[_ngcontent-lym-c146] {
  
}

.line-seprator[_ngcontent-lym-c146] {
  width: 100%;
  height: 1px;
  background-color: #666
}

.color-selector-inner[_ngcontent-lym-c146] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.color-selector-inner[_ngcontent-lym-c146] .item[_ngcontent-lym-c146] {
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center
}

.color-selector-inner[_ngcontent-lym-c146] .color[_ngcontent-lym-c146] {
  width: 27px;
  height: 27px;
  cursor: pointer
}

.color-selector-inner[_ngcontent-lym-c146] .color.vip-right[_ngcontent-lym-c146]:before {
  font-family: iconfont !important;
  content: "";
  background: -webkit-linear-gradient(#fec1a1, #feecc6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
  font-size: 16px;
  display: block;
  position: absolute;
  top: -19px;
  right: -11px
}

.color-selector-inner[_ngcontent-lym-c146] .color.selected[_ngcontent-lym-c146]:after {
  content: "";
  
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: cover;
  height: 16px;
  width: 16px
}

.action[_ngcontent-lym-c146] {
  display: inline-flex;
  cursor: pointer;
  margin-right: 25px;
  color: #ffffffb3
}

.action[_ngcontent-lym-c146]:hover .iconfont[_ngcontent-lym-c146] {
  color: #00c0ff
}

.action[_ngcontent-lym-c146] .icondanmukai[_ngcontent-lym-c146],
.action.active[_ngcontent-lym-c146] {
  color: #fff
}

.action-pannel[_ngcontent-lym-c146],
.tabs[_ngcontent-lym-c146] {
  display: flex
}

.tabs[_ngcontent-lym-c146] {
  border-bottom: 1px solid #6663
}

.tabs[_ngcontent-lym-c146] .tab[_ngcontent-lym-c146] {
  display: inline-block;
  cursor: pointer;
  flex: 1;
  text-align: center;
  padding: .5em;
  color: #ffffffb3
}

.danmu-input-container[_ngcontent-lym-c146] {
  min-width: 560px
}

.danmu-input-container[_ngcontent-lym-c146] input[_ngcontent-lym-c146] {
  width: 460px
}

.item[_ngcontent-lym-c146] {
  position: relative
}

.danmu-input-settings-block[_ngcontent-lym-c146] {
  position: absolute;
  right: 60px;
  bottom: 36px;
  background-color: #1c1d2f;
  width: 337px;
  height: 334px;
  z-index: 5001;
  padding: 20px;
  color: #fff;
  font-size: 12px
}

.danmu-input-settings-block-header[_ngcontent-lym-c146] {
  margin-bottom: 10px;
  line-height: 30px
}

.danmu-input-settings-block[_ngcontent-lym-c146] .text-color-secondary[_ngcontent-lym-c146] {
  color: #ffffffb3
}

.img-avatar-defaul[_ngcontent-lym-c146] {
  
}

.img-avatar-defaul[_ngcontent-lym-c146],
.img-location[_ngcontent-lym-c146] {
  height: 24px;
  width: 24px;
  background-size: cover;
  margin-right: 5px
}

.img-location[_ngcontent-lym-c146] {
  
}

.slider-label[_ngcontent-lym-c146] {
  width: 120px;
  display: flex;
  align-items: center
}

.slider-label[_ngcontent-lym-c146] span[_ngcontent-lym-c146] {
  position: relative
}

.slider-label[_ngcontent-lym-c146] span[_ngcontent-lym-c146]:after {
  font-family: iconfont !important;
  content: "";
  background: -webkit-linear-gradient(#fec1a1, #feecc6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 0;
  right: -23px
}

@media (min-width:1679px) and (max-width:1911px) {
  .config-block[_ngcontent-lym-c146] {
      bottom: 47px
  }
}

@media (max-width:1678px) {
  .input-area[_ngcontent-lym-c146] .button[_ngcontent-lym-c146] {
      line-height: 30px;
      height: 30px
  }

  .input[_ngcontent-lym-c146] input[type=text][_ngcontent-lym-c146] {
      height: 30px
  }

  .config-block[_ngcontent-lym-c146] {
      bottom: 39px
  }
}


[_nghost-lym-c67] {
  height: 19px
}

.slide-toggle[_ngcontent-lym-c67] {
  display: inline-block;
  background-color: initial;
  cursor: pointer;
  position: relative;
  border-radius: 20px;
  border: 1px solid #fff;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  width: 29px;
  height: 17px;
  transition: background-color .2s ease-in-out
}

.slide-toggle-shadow[_ngcontent-lym-c67] {
  position: absolute;
  left: 3px;
  top: 2px;
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 45px;
  transition: left .2s ease-in-out
}



.block-title[_ngcontent-lym-c174] {
  display: block;
  /*padding: 5px 0 5px 36px;*/
  position: relative;
  margin-bottom: 20px;
  cursor: default
}

/*.block-title[_ngcontent-lym-c174]:after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 3px;*/
/*  bottom: 5px;*/
  
/*  background-size: contain;*/
/*  width: 24px;*/
/*  height: 24px;*/
/*  margin-right: 1.2em*/
/*}*/

.block-title.search[_ngcontent-lym-c174] {
  padding: 5px 0
}

.block-title.search[_ngcontent-lym-c174]:after {
  width: 0;
  height: 0
}


[_nghost-lym-c160] {
  position: relative
}

.gg-tips-text[_ngcontent-lym-c160] {
  font-size: 12px;
  color: #fff;
  opacity: .5;
  position: absolute;
  top: 5px;
  left: 8px;
  text-shadow: 2px 2px #000
}


.bg-hoverable[_ngcontent-lym-c160] {
  background-repeat: no-repeat
}

.bg-hoverable[_ngcontent-lym-c160] {
  height: 122px;
  background-position: 0;
  background-size: cover;
  transition: background-position .5s ease-in-out;
  transition-delay: 50ms;
  will-change: background-position
}

.bg-hoverable[_ngcontent-lym-c160]:hover {
  background-position: 100%
}

@media (max-width:1678px) {
  .bg-hoverable[_ngcontent-lym-c160] {
      height: 84px
  }
}

@media (min-width:1679px) and (max-width:1911px) {
  .bg-hoverable[_ngcontent-lym-c160] {
      height: 106px
  }
}

.auth-label[_ngcontent-lym-c160] {
  width: 85px;
  height: 30px;
  position: absolute;
  top: 4px;
  left: -7px;
  z-index: 1;
  cursor: pointer
}

.auth-label.s[_ngcontent-lym-c160] {
  
}

.auth-label.a[_ngcontent-lym-c160],
.auth-label.s[_ngcontent-lym-c160] {
  width: 85px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain
}

.auth-label.a[_ngcontent-lym-c160] {
  
}

.auth-label.b[_ngcontent-lym-c160] {
  width: 85px;
  height: 30px;
  
  background-repeat: no-repeat;
  background-size: contain
}

.auth-label[_ngcontent-lym-c160]:hover .label-hover-content[_ngcontent-lym-c160] {
  display: block
}

.label-hover-content[_ngcontent-lym-c160] {
  display: none;
  font-size: 14px;
  color: #333;
  position: absolute;
  top: 40px;
  left: 15px;
  background-color: #fffcf0;
  width: 158px;
  height: auto;
  padding: 5px;
  border-radius: 6px
}

.label-hover-content[_ngcontent-lym-c160] .sec-icon[_ngcontent-lym-c160] {
  width: 11px;
  height: auto;
  margin-right: 1px;
  position: relative;
  top: 1px
}

.label-hover-content[_ngcontent-lym-c160]:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 0 solid #0000;
  border-right: 12px solid #0000;
  border-bottom: 6px solid #fffcf0;
  position: absolute;
  top: -6px;
  left: 12px
}


vg-player {
  font-family: 'iconfont';
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
}

@keyframes rotate {
  0% {
      -webkit-transform: rotate(0deg);
  }

  25% {
      -webkit-transform: rotate(90deg);
  }

  50% {
      -webkit-transform: rotate(180deg);
  }

  75% {
      -webkit-transform: rotate(270deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
  }
}


vg-buffering {
  z-index: 1;
}

vg-buffering.hidden {
  z-index: -1;
}

vg-buffering.isready {
  display: none;
}

.vg-buffering {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.vg-buffering .bufferingContainer {
  width: 100%;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -50px;

  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

/* Loading Spinner
* http://www.alessioatzeni.com/blog/css3-loading-animation-loop/
*/
.vg-buffering .loadingSpinner {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid white;
  opacity: .9;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  /* box-shadow: 0 0 35px #FFFFFF; */
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
}

@-moz-keyframes spin {
  0% {
      -moz-transform: rotate(0deg);
  }

  100% {
      -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes spinoff {
  0% {
      -moz-transform: rotate(0deg);
  }

  100% {
      -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  0% {
      -webkit-transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinoff {
  0% {
      -webkit-transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(-360deg);
  }
}


vg-controls {
  position: absolute;
  display: flex;
  width: 100%;
  height: 50px;
  z-index: 300;
  bottom: -1px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s;
}

@keyframes opacityForAWhile {
  0% {
      opacity: 1;
  }

  75% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}


[_nghost-lym-c139] {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none
}

.vg-overlay-danmu[_ngcontent-lym-c139] {
  cursor: pointer;
  position: absolute;
  display: block;
  color: #fff;
  width: 100%;
  height: 100%
}

.hidden[_ngcontent-lym-c139] {
  visibility: hidden
}

@keyframes moving {
  0% {
      left: 1024px
  }

  to {
      left: 0
  }
}

@keyframes fudaiAnimation {
  0% {
      z-index: 1;
      margin-top: -40px;
      opacity: 1
  }

  15% {
      z-index: 1;
      margin-top: 0;
      opacity: 1
  }

  65% {
      z-index: 1;
      margin-top: 0;
      opacity: 1
  }

  to {
      z-index: 1;
      margin-top: -40px;
      opacity: 1
  }
}

.inline {
  display: inline-block;
  white-space: nowrap
}



.comment-box[_ngcontent-lym-c169] {
  min-height: 12em;
  padding: 4px;
  position: relative;
  box-sizing: border-box;
  transition: all .3s ease-in-out;
  color: #ffffffb3;
  background-color: #1c1d2f
}

.light[_nghost-lym-c169] .comment-box[_ngcontent-lym-c169],
.light [_nghost-lym-c169] .comment-box[_ngcontent-lym-c169] {
  color: #888
}

.light[_nghost-lym-c169] .comment-box[_ngcontent-lym-c169],
.light [_nghost-lym-c169] .comment-box[_ngcontent-lym-c169] {
  background-color: #eee
}

.comment-tools[_ngcontent-lym-c169] {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 44px;
  padding: 4px 12px;
  width: 100%;
  box-sizing: border-box
}

.comment-tools[_ngcontent-lym-c169] .iconfont[_ngcontent-lym-c169] {
  font-size: 32px
}

.comment-tools-inner[_ngcontent-lym-c169] {
  width: 100%;
  height: 100%;
  padding-top: 3px
}

.counter[_ngcontent-lym-c169] {
  line-height: 32px;
  margin-right: 1em;
  color: #fff6
}

.light[_nghost-lym-c169] .counter[_ngcontent-lym-c169],
.light [_nghost-lym-c169] .counter[_ngcontent-lym-c169] {
  color: #888
}

.comment-input[_ngcontent-lym-c169] {
  width: 100%;
  height: 100%;
  padding: 1em 1em 50px;
  color: #fff6
}

.light[_nghost-lym-c169] .comment-input[_ngcontent-lym-c169],
.light [_nghost-lym-c169] .comment-input[_ngcontent-lym-c169] {
  color: #333
}

.comment-input[_ngcontent-lym-c169]:active,
.comment-input[_ngcontent-lym-c169]:focus {
  color: #fff !important
}

.comment-input[_ngcontent-lym-c169]:active:empty:before,
.comment-input[_ngcontent-lym-c169]:focus:empty:before {
  opacity: 0 !important
}

.comment-prompt[_ngcontent-lym-c169] {
  padding: 12px 12px 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.dn-button[_ngcontent-lym-c169] {
  border-radius: 0;
  min-width: 60px;
  margin-bottom: .5em;
  padding: .3em 0;
  margin-right: 0
}

[contenteditable=true][_ngcontent-lym-c169]:empty:before {
  content: attr(placeholder);
  display: block;
  color: #fff6;
  cursor: text
}

.light[_nghost-lym-c169] [contenteditable=true][_ngcontent-lym-c169]:empty:before,
.light [_nghost-lym-c169] [contenteditable=true][_ngcontent-lym-c169]:empty:before {
  color: #888
}

.iconbiaoqing[_ngcontent-lym-c169],
.icontoupiao[_ngcontent-lym-c169] {
  position: relative;
  top: -.1em;
  margin-right: .2em
}


.fixed[_nghost-lym-c164] .avatar[_ngcontent-lym-c164] {
  left: 12px
}

.fixed[_nghost-lym-c164] .name-card[_ngcontent-lym-c164] {
  left: 11px;
  box-shadow: none
}

.name-card[_ngcontent-lym-c164] {
  font-size: 14px;
  width: 330px;
  z-index: 998;
  position: absolute;
  background-color: #090b21;
  box-shadow: 2px 2px 4px 0 #0000003d
}

.light[_nghost-lym-c164] .name-card[_ngcontent-lym-c164],
.light [_nghost-lym-c164] .name-card[_ngcontent-lym-c164] {
  box-shadow: 2px 2px 4px 0 #0000003d
}


.name-card[_ngcontent-lym-c164] .content[_ngcontent-lym-c164],
.name-card[_ngcontent-lym-c164] .footer[_ngcontent-lym-c164] {
  display: none !important
}

.name-card[_ngcontent-lym-c164] .avatar[_ngcontent-lym-c164] {
  margin-top: -12px;
  object-fit: cover
}


.name-card[_ngcontent-lym-c164]:hover {
  z-index: 1000
}


.name-card[_ngcontent-lym-c164]:hover .content[_ngcontent-lym-c164],
.name-card[_ngcontent-lym-c164]:hover .footer[_ngcontent-lym-c164] {
  display: flex !important
}


.name-card[_ngcontent-lym-c164]:hover .avatar[_ngcontent-lym-c164] {
  /*width: 80px !important;*/
  /*height: 80px !important;*/
  /*top: -40px;*/
  /*z-index: 10;*/
  /*margin-top: 2px*/
}


.name-card[_ngcontent-lym-c164]:hover .vipIcon[_ngcontent-lym-c164] {
  z-index: 0
}


.name-card[_ngcontent-lym-c164]:hover .vipIcon.new-icon[_ngcontent-lym-c164] {
  margin-left: 70px;
  margin-top: 18px;
  zoom: 1;
  z-index: 1000
}

.content[_ngcontent-lym-c164] {
  position: relative;
  
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 12px 18px 0
}

.info[_ngcontent-lym-c164] {
  padding-left: 6em;
  min-height: 115px
}

.left[_ngcontent-lym-c164] {
  width: 64px;
  min-height: 1em;
  display: inline-flex;
  min-height: 1.4em
}

.line[_ngcontent-lym-c164] {
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 16em
}

.footer[_ngcontent-lym-c164] {
  padding: 16px;
  background-color: #6663
}

.light[_nghost-lym-c164] .footer[_ngcontent-lym-c164],
.light [_nghost-lym-c164] .footer[_ngcontent-lym-c164] {
  background-color: #fff
}

.level[_ngcontent-lym-c164] {
  margin-left: 1em;
  height: 14px;
  font-size: 17px;
  font-weight: 700;
  font-style: italic
}

.light[_nghost-lym-c164] .level[_ngcontent-lym-c164],
.light [_nghost-lym-c164] .level[_ngcontent-lym-c164] {
  color: #fff
}

.level[_ngcontent-lym-c164] span[_ngcontent-lym-c164] {
  font-size: 24px;
  font-style: normal;
  margin-left: .1em
}

.avatar[_ngcontent-lym-c164] {
  position: absolute;
  width: 44px;
  height: 44px;
  left: 12px;
  top: 0;
  border-radius: 50%;
  z-index: 5;
  transition: all .2s linear
}

.vipIcon[_ngcontent-lym-c164] {
  position: absolute;
  margin-left: 46px;
  margin-top: 18px;
  z-index: 1000
}

.vipIcon.new-icon[_ngcontent-lym-c164] {
  margin-left: 60px;
  margin-top: 25px;
  zoom: .75
}

.private-msg-btn[_ngcontent-lym-c164] {
  color: #fff6;
  cursor: pointer
}

.light[_nghost-lym-c164] .private-msg-btn[_ngcontent-lym-c164],
.light [_nghost-lym-c164] .private-msg-btn[_ngcontent-lym-c164] {
  color: #888
}

.private-msg-btn[_ngcontent-lym-c164] span[_ngcontent-lym-c164] {
  position: relative;
  top: -.3em;
  margin-left: .3em
}

.private-msg-btn[_ngcontent-lym-c164]:hover {
  color: #fff
}

.light[_nghost-lym-c164] .private-msg-btn[_ngcontent-lym-c164]:hover,
.light [_nghost-lym-c164] .private-msg-btn[_ngcontent-lym-c164]:hover {
  color: #00c0ff !important
}


.lds-ring[_ngcontent-lym-c163] {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em
}

.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163] {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  margin: 0;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  border: 3px solid #0000;
  border-top-color: #ddd
}

.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163]:first-child {
  animation-delay: -.45s
}

.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163]:nth-child(2) {
  animation-delay: -.3s
}

.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163]:nth-child(3) {
  animation-delay: -.15s
}

.medium.lds-ring[_ngcontent-lym-c163] {
  display: inline-block;
  position: relative;
  width: 52px;
  height: 52px
}

.medium.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163] {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  margin: 3px;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  border: 3px solid #0000;
  border-top-color: #fff
}

.medium.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163]:first-child {
  animation-delay: -.45s
}

.medium.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163]:nth-child(2) {
  animation-delay: -.3s
}

.medium.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163]:nth-child(3) {
  animation-delay: -.15s
}

.gray.lds-ring[_ngcontent-lym-c163] div[_ngcontent-lym-c163] {
  border-color: #ddd #0000 #0000
}

@keyframes lds-ring {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(1turn)
  }
}

.loading[_ngcontent-lym-c173] {
  color: #ffffffb3
}

.light[_nghost-lym-c173] .loading[_ngcontent-lym-c173],
.light [_nghost-lym-c173] .loading[_ngcontent-lym-c173] {
  color: #888
}

.tabs[_ngcontent-lym-c173] {
  margin-bottom: 24px;
  margin-top: 24px
}

.tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173] {
  display: inline-block;
  cursor: pointer;
  color: #fff6 !important;
  background-color: #1c1d2f;
  padding: 4px 16px;
  font-size: 16px
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173],
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173] {
  color: #888 !important
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173],
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173] {
  background-color: #eee !important
}

.tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173] {
  color: #ffffffb3 !important;
  background-color: #2b2c3a !important
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173],
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173] {
  color: #fff !important
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173],
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173] {
  background-color: #00c0ff !important
}

.tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173]:hover {
  color: #ffffffb3 !important
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173]:hover,
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173]:hover {
  color: #333 !important
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173]:hover,
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab[_ngcontent-lym-c173]:hover {
  background-color: #eee !important
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173]:hover,
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173]:hover {
  color: #fff !important
}

.light[_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173]:hover,
.light [_nghost-lym-c173] .tabs[_ngcontent-lym-c173] .tab.active[_ngcontent-lym-c173]:hover {
  background-color: #00c0ff !important
}


.statistics[_ngcontent-lym-c121] {
  margin-bottom: -9em
}

.chart-container[_ngcontent-lym-c121] {
  width: 52em;
  margin-top: 52px
}

.py-3[_ngcontent-lym-c121] {
  color: #fff6
}

.light[_nghost-lym-c121] .py-3[_ngcontent-lym-c121],
.light [_nghost-lym-c121] .py-3[_ngcontent-lym-c121] {
  color: #333
}


.statistics[_ngcontent-lym-c122] {
  margin-bottom: -9em
}

.chart-container[_ngcontent-lym-c122] {
  width: 52em;
  min-height: 220px;
  position: relative
}

button[_ngcontent-lym-c122] {
  width: 60px;
  height: 22px;
  background-color: #1c1d2f !important;
  border: none;
  margin-right: 12px;
  outline: none;
  color: #ffffffb3
}

.light[_nghost-lym-c122] button[_ngcontent-lym-c122],
.light [_nghost-lym-c122] button[_ngcontent-lym-c122] {
  background-color: #f8f8f8 !important
}

.light[_nghost-lym-c122] button[_ngcontent-lym-c122],
.light [_nghost-lym-c122] button[_ngcontent-lym-c122] {
  color: #888
}

button.active[_ngcontent-lym-c122] {
  color: #00c0ff !important
}


.summary[_ngcontent-lym-c123] {
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  opacity: 0;
  max-width: 77em;
  max-height: 6em;
  overflow-y: auto
}

.summary.show[_ngcontent-lym-c123] {
  opacity: 1
}

@media (max-width:1911px) {
  .summary[_ngcontent-lym-c123] {
      max-height: 3em
  }
}

[_ngcontent-lym-c123]::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
  background-color: #6663 !important;
  border-radius: .5rem
}

.light[_nghost-lym-c123] [_ngcontent-lym-c123]::-webkit-scrollbar,
.light [_nghost-lym-c123] [_ngcontent-lym-c123]::-webkit-scrollbar {
  background-color: #eee
}

[_ngcontent-lym-c123]::-webkit-scrollbar-track {
  border-radius: 0
}

[_ngcontent-lym-c123]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #6663;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: .5rem
}

[_ngcontent-lym-c123]::-webkit-scrollbar-thumb:hover {
  background-color: #98989833
}


.comment[_ngcontent-lym-c172] {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 25px
}

.comment[_ngcontent-lym-c172]:not(.last) {
  border-bottom: 1px solid #4d4d4d33
}

.light[_nghost-lym-c172] .comment[_ngcontent-lym-c172]:not(.last),
.light [_nghost-lym-c172] .comment[_ngcontent-lym-c172]:not(.last) {
  border-bottom-color: #f8f8f8
}

.comment.last[_ngcontent-lym-c172] {
  padding-bottom: 0;
  margin-bottom: 17px
}

.bottom[_ngcontent-lym-c172] {
  position: relative
}

.side[_ngcontent-lym-c172] {
  position: absolute;
  width: 48px;
  left: 0
}

.side[_ngcontent-lym-c172]:hover {
  z-index: 1001
}

.side[_ngcontent-lym-c172]:hover .avatar[_ngcontent-lym-c172] {
  width: 62px
}

.avatar[_ngcontent-lym-c172] {
  transition: all .3s;
  cursor: pointer;
  width: 31px;
  border-radius: 50%
}

.author[_ngcontent-lym-c172] {
  cursor: pointer;
  font-size: 16px;
  white-space: nowrap;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis
}

.light[_nghost-lym-c172] .author[_ngcontent-lym-c172],
.light [_nghost-lym-c172] .author[_ngcontent-lym-c172] {
  color: #888 !important
}

.author.no-pointer[_ngcontent-lym-c172] {
  cursor: default !important
}

.content[_ngcontent-lym-c172] {
  padding-left: 70px
}

.body[_ngcontent-lym-c172] {
  font-size: 16px;
  padding: 10px 20px 5px 0;
  word-wrap: break-word;
  color: #ffffffb3;
  text-align: justify;
  overflow: hidden
}

.light[_nghost-lym-c172] .body[_ngcontent-lym-c172],
.light [_nghost-lym-c172] .body[_ngcontent-lym-c172] {
  color: #333
}

.icongengduo[_ngcontent-lym-c172] {
  color: #ffffffb3;
  font-size: 18px;
  position: relative;
  bottom: -.2em
}

.light[_nghost-lym-c172] .icongengduo[_ngcontent-lym-c172],
.light [_nghost-lym-c172] .icongengduo[_ngcontent-lym-c172] {
  color: #333
}

.controls[_ngcontent-lym-c172] {
  font-size: 15px;
  color: #fff6;
  margin-left: 15em;
  display: flex;
  align-items: center
}

.light[_nghost-lym-c172] .controls[_ngcontent-lym-c172],
.light [_nghost-lym-c172] .controls[_ngcontent-lym-c172] {
  color: #888
}

.time[_ngcontent-lym-c172] {
  font-size: 14px
}

.zcount[_ngcontent-lym-c172] {
  min-width: 2em;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 1px
}

.card[_ngcontent-lym-c172] {
  position: absolute;
  left: 220px;
  top: -60px;
  background-color: initial;
  border-color: #0000
}

.hover-red[_ngcontent-lym-c172]:hover {
  color: #00c0ff
}

.iconzan[_ngcontent-lym-c172],
.replyholder[_ngcontent-lym-c172] {
  position: relative
}

.replyholder[_ngcontent-lym-c172] {
  padding-left: 5em
}

.new-vip-icon[_ngcontent-lym-c172] {
  margin-top: 4px
}

.level[_ngcontent-lym-c172] {
  margin-left: .5em;
  margin-top: 6px
}

.light[_nghost-lym-c172] .time[_ngcontent-lym-c172],
.light [_nghost-lym-c172] .time[_ngcontent-lym-c172] {
  color: #888 !important
}

.comment-menu[_ngcontent-lym-c172] {
  position: absolute;
  right: 0;
  top: 0
}

.like-button[_ngcontent-lym-c172] {
  background-color: initial;
  color: #fff6;
  border: none;
  outline: none
}

.light[_nghost-lym-c172] .like-button[_ngcontent-lym-c172],
.light [_nghost-lym-c172] .like-button[_ngcontent-lym-c172] {
  color: #888
}

.like-button[_ngcontent-lym-c172]:active {
  transform: translateY(1px)
}


.like-button[_ngcontent-lym-c172]:hover {
  color: #00c0ff !important
}


.text[_ngcontent-lym-c36] {
  color: #fff6
}

.light[_nghost-lym-c36] .text[_ngcontent-lym-c36],
.light [_nghost-lym-c36] .text[_ngcontent-lym-c36] {
  color: #888
}

.text.isVip[_ngcontent-lym-c36] {
  color: #fff
}

.light[_nghost-lym-c36] .text.isVip[_ngcontent-lym-c36],
.light [_nghost-lym-c36] .text.isVip[_ngcontent-lym-c36] {
  color: #ffc1a2
}

.vip-icon-box[_ngcontent-lym-c36] {
  width: 20px;
  height: 18px;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 45% 0
}

.vip-icon-box.premium[_ngcontent-lym-c36] {
  width: 24px;
  height: 24px;
  background-position: 0 0
}

.vip-icon-box.cpvip[_ngcontent-lym-c36] {
  background-position: 73% 0
}

.outer-icon-box[_ngcontent-lym-c36] {
  position: relative
}

.outer-icon-box[_ngcontent-lym-c36]:hover .hover-icon-box[_ngcontent-lym-c36] {
  opacity: 1;
  visibility: visible
}

.outer-icon-box[_ngcontent-lym-c36]:hover .box-bottom-arrow[_ngcontent-lym-c36] {
  opacity: 1
}

.hover-icon-box[_ngcontent-lym-c36] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 9998;
  top: -50px;
  left: -35px;
  width: 90px;
  padding: 10px 5px;
  background-color: #2b2c3a;
  box-shadow: 2px 2px 3px 0 #00000080
}

.light[_nghost-lym-c36] .hover-icon-box[_ngcontent-lym-c36],
.light [_nghost-lym-c36] .hover-icon-box[_ngcontent-lym-c36] {
  background-color: #fafafa
}

.hover-icon-box[_ngcontent-lym-c36]:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 12px;
  background: #0000
}

.box-bottom-arrow[_ngcontent-lym-c36] {
  opacity: 0;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 6px);
  width: 0;
  height: 0;
  border-left: 6px solid #0000 !important;
  border-right: 6px solid #0000 !important;
  border-top: 6px solid #2b2c3a;
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .5))
}

.light[_nghost-lym-c36] .box-bottom-arrow[_ngcontent-lym-c36],
.light [_nghost-lym-c36] .box-bottom-arrow[_ngcontent-lym-c36] {
  border-top-color: #fafafa
}

.vip-icon-text[_ngcontent-lym-c36] {
  margin-top: 2px;
  cursor: default;
  font-size: 13px
}


.video-compact[_ngcontent-lym-c175] {
  position: relative
}

.video-compact[_ngcontent-lym-c175] h5[_ngcontent-lym-c175] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.video-compact[_ngcontent-lym-c175] .poster[_ngcontent-lym-c175] {
  width: 105px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden
}

.video-compact[_ngcontent-lym-c175] .poster[_ngcontent-lym-c175] img[_ngcontent-lym-c175] {
  width: 105px;
  height: 150px
}

.video-compact[_ngcontent-lym-c175] .poster[_ngcontent-lym-c175]:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  background: linear-gradient(180deg, #0000, #0003 38%, #0006);
  width: 100%
}

.video-compact[_ngcontent-lym-c175] .poster[_ngcontent-lym-c175] .shadow-bar[_ngcontent-lym-c175] {
  height: 30px;
  position: absolute;
  bottom: 4px;
  width: 100%;
  background: linear-gradient(180deg, #0000, #000000e6 90%, #000)
}

.video-compact[_ngcontent-lym-c175] .poster[_ngcontent-lym-c175] .hot-count[_ngcontent-lym-c175] {
  display: inline-flex;
  align-items: center;
  color: #fff;
  line-height: 20px;
  z-index: 1;
  font-size: 12px;
  position: absolute;
  bottom: 7px;
  left: 7px
}

.video-compact[_ngcontent-lym-c175] .poster[_ngcontent-lym-c175] .hot-count[_ngcontent-lym-c175] .iconfont[_ngcontent-lym-c175] {
  font-size: 16px;
  color: #fe6f71
}

.video-compact[_ngcontent-lym-c175] .title[_ngcontent-lym-c175] {
  margin: 0 0 4px;
  display: -webkit-box;
  max-height: 50px;
  line-height: 25px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  font-weight: 500;
  font-size: 16px;
  color: #fff
}

.light[_nghost-lym-c175] .video-compact[_ngcontent-lym-c175] .title[_ngcontent-lym-c175],
.light [_nghost-lym-c175] .video-compact[_ngcontent-lym-c175] .title[_ngcontent-lym-c175] {
  color: #333
}

.video-compact[_ngcontent-lym-c175] .title[_ngcontent-lym-c175]:hover {
  color: #00c0ff !important
}

.video-compact[_ngcontent-lym-c175] .right[_ngcontent-lym-c175] {
  padding-left: 120px;
  min-height: 160px
}


.video-compact[_ngcontent-lym-c175] .value[_ngcontent-lym-c175] {
  color: #fff6;
  line-height: 28px;
  font-size: 15px
}

.video-compact[_ngcontent-lym-c175] .value[_ngcontent-lym-c175] {
  display: inline-block
}

.tags[_ngcontent-lym-c175] {
  margin-top: .5em;
  margin-bottom: 1em;
  font-size: 12px;
  color: #fff6
}

.light[_nghost-lym-c175] .tags[_ngcontent-lym-c175],
.light [_nghost-lym-c175] .tags[_ngcontent-lym-c175] {
  color: #888
}

.tags[_ngcontent-lym-c175] span[_ngcontent-lym-c175] {
  background-color: #1c1d2f;
  display: inline-block;
  padding: 5px 8px;
  margin-right: .5em;
  margin-bottom: .5em;
  /*width: 58px;*/
  text-align: center
}

.light[_nghost-lym-c175] .tags[_ngcontent-lym-c175] span[_ngcontent-lym-c175],
.light [_nghost-lym-c175] .tags[_ngcontent-lym-c175] span[_ngcontent-lym-c175] {
  background-color: #f8f8f8
}

.relative-info[_ngcontent-lym-c175] {
  margin-top: 10px
}

.hot-number[_ngcontent-lym-c175] {
  font-size: 14px;
  color: #ffffffb3
}

.light[_nghost-lym-c175] .hot-number[_ngcontent-lym-c175],
.light [_nghost-lym-c175] .hot-number[_ngcontent-lym-c175] {
  color: #888
}

.gap-line[_ngcontent-lym-c175] {
  margin: 0 18px;
  height: 10px;
  border-right: 1px solid;
  border-color: #a0a0a0
}

.rating-text[_ngcontent-lym-c175] {
  color: #ffa800
}

.rating-text[_ngcontent-lym-c175] .rating-number[_ngcontent-lym-c175] {
  font-weight: 600;
  position: absolute;
  font-size: 14px
}

/*@media (max-width:1678px) {*/
/*  .tags[_ngcontent-lym-c175] span[_ngcontent-lym-c175] {*/
/*      width: 48px !important*/
/*  }*/
/*}*/

@keyframes lds-spinner {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

/* list start */
.sticky-back-top[_ngcontent-nyx-c60] {
  cursor: pointer;
  line-height: 35px;
  height: 35px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
  color: #ffffffb3;
}
.historylist[_ngcontent-dko-c41] a[_ngcontent-dko-c41] {
  color: #fff6;
}
.item[_ngcontent-dko-c41] {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  padding: 4px 8px;
  justify-content: space-between;
}
.title[_ngcontent-dko-c41] {
  width: 160px;
  min-width: 160px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.episode[_ngcontent-dko-c41] {
  flex: 1;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-left: 2px;
  white-space: nowrap;
}
.timestamp[_ngcontent-dko-c41] {
  width: 90px;
  min-width: 90px;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.sticky-back-top[_ngcontent-nyx-c60].hidden {
  display: none;
}
.sticky-back-top[_ngcontent-nyx-c60] i.iconfont[_ngcontent-nyx-c60] {
  font-size: 28px;
}
.light .navbar:has(.staticLightBg) .img-pos {
  display: block;
  opacity: 1;
}
.light .navbar:has(.staticLightBg) {
  background: #0000;
}
.top-nav.staticLightBg:after {
  height: 0;
  background: none;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes data {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes notify {
  0% {
    transform: translateY(0) rotateY(0);
  }
  15% {
    transform: translateY(-10px) rotateY(0);
  }
  50% {
    transform: translateY(-10px) rotateY(1turn) scale(1);
  }
  75% {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
  to {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
}
@keyframes jump {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jump2 {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jumpInPlayer {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
@keyframes jumpInPlayer2 {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
@keyframes pulse {
  0% {
    background-color: #a5a5a51a;
  }
  50% {
    background-color: #a5a5a54d;
  }
  to {
    background-color: #a5a5a51a;
  }
}
@keyframes fadeInIcon {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
app-search-filter[_ngcontent-cua-c130] {
  margin-bottom: 15px !important;
}
app-search-filter.removeMarginBottom[_ngcontent-cua-c130],
app-search-filter[_ngcontent-cua-c130]:last-child {
  margin-bottom: 0 !important;
}
#list-page[_ngcontent-cua-c130] .v-c[_ngcontent-cua-c130] {
  margin-right: 5px;
}
#list-page[_ngcontent-cua-c130] .v-c[_ngcontent-cua-c130]:last-child {
  margin-right: 0;
}
.page-container[_ngcontent-cua-c130] {
  padding-top: 22px;
  min-height: 700px;
  background-color: #090b21;
  border-left: 1px solid #6663;
  border-bottom-color: #6663;
  border-right: 1px solid #6663;
  border-top-color: #6663;
}
.light[_nghost-cua-c130] .page-container[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .page-container[_ngcontent-cua-c130] {
  background-color: #eee;
}
.page-container[_ngcontent-cua-c130] .search-results[_ngcontent-cua-c130] {
  min-height: 800px;
  align-items: flex-start;
  align-content: flex-start;
}
.page-container[_ngcontent-cua-c130] .content[_ngcontent-cua-c130] {
  width: 893px;
}
.video-item[_ngcontent-cua-c130] {
  margin-bottom: 28px;
}
.search-tools[_ngcontent-cua-c130] {
  padding: 0 0 4px;
  margin-bottom: 28px;
}
.search-tools.search[_ngcontent-cua-c130] {
  margin-bottom: 0;
}
.search-results[_ngcontent-cua-c130]:not(.d-flex) {
  padding-left: 70px;
}
.border-bottom[_ngcontent-cua-c130] {
  border-bottom: 1px solid #6663 !important;
}
.page-controls[_ngcontent-cua-c130] {
  margin-top: 70px;
}
.search-top[_ngcontent-cua-c130] {
  margin-bottom: 11px;
  z-index: 3999;
  position: relative;
}
.search-bottom[_ngcontent-cua-c130] {
  display: flex;
}
.search-bottom[_ngcontent-cua-c130] .inner.search[_ngcontent-cua-c130] {
  width: calc(100% - 478px - 8px);
  margin-right: 40px;
  position: relative;
  z-index: 3999;
}
.search-bottom[_ngcontent-cua-c130]
  .inner.search.uploader[_ngcontent-cua-c130] {
  margin-top: -275px !important;
}
.search-result-counter[_ngcontent-cua-c130] {
  font-size: 15px;
  line-height: 36px;
  margin-left: 1em;
  color: #ffffffb3;
}
.light[_nghost-cua-c130] .search-result-counter[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .search-result-counter[_ngcontent-cua-c130] {
  color: #333;
}
.search-result-counter.top-result[_ngcontent-cua-c130] {
  margin-left: 0;
  font-size: 14px;
  color: #fff6;
  line-height: 34px;
}
.light[_nghost-cua-c130] .search-result-counter.top-result[_ngcontent-cua-c130],
.light
  [_nghost-cua-c130]
  .search-result-counter.top-result[_ngcontent-cua-c130] {
  color: #333;
}
.search-result-counter.search[_ngcontent-cua-c130] {
  border-bottom: 1px solid;
  border-color: #6663;
  margin-bottom: 30px;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}
.search-result-rank[_ngcontent-cua-c130] {
  font-size: 14px;
  line-height: 36px;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.search-result-rank[_ngcontent-cua-c130] a[_ngcontent-cua-c130] {
  color: #00c0ff !important;
}
.search-result-rank[_ngcontent-cua-c130] .iconpaihang[_ngcontent-cua-c130] {
  color: #0000;
  background: linear-gradient(155deg, #24c3ff, #87a2ff 50%, #ff4be5);
  -webkit-background-clip: text;
  font-size: 32px;
  margin-right: 5px;
}
.filters[_ngcontent-cua-c130] {
  /*! margin: 20px 0 10px !important; */
  background-color: #1c1d2f;
  padding: 30px 3em;
  border: 1px solid #0000;
  width: 100%;
  /*! min-height: 333px; */
}
.light[_nghost-cua-c130] .filters[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .filters[_ngcontent-cua-c130] {
  background-color: #fff;
}
.light[_nghost-cua-c130] .filters[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .filters[_ngcontent-cua-c130] {
  border-color: #eee;
}
.filters.search[_ngcontent-cua-c130] {
  padding: 0 !important;
  min-height: auto !important;
  background-color: initial !important;
  border: none !important;
}
.inner[_ngcontent-cua-c130] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.inner[_ngcontent-cua-c130],
.inner.search[_ngcontent-cua-c130] {
  align-items: flex-start;
}
.sidebar[_ngcontent-cua-c130] {
  width: 438px;
}
.sidebar.new[_ngcontent-cua-c130] {
  margin-left: 8px !important;
}
.s-page[_ngcontent-cua-c130] {
  display: flex;
  position: relative;
  padding-top: 61px;
  justify-content: center;
  background-color: #090b21;
}
.light[_nghost-cua-c130] .s-page[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .s-page[_ngcontent-cua-c130] {
  background-color: #fafafa;
}
.search-buttons[_ngcontent-cua-c130] {
  background-color: #1c1d2f;
  border: 1px solid #0000;
}
.light[_nghost-cua-c130] .search-buttons[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .search-buttons[_ngcontent-cua-c130] {
  background-color: #fff;
}
.light[_nghost-cua-c130] .search-buttons[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .search-buttons[_ngcontent-cua-c130] {
  border-color: #eee;
}
.search-buttons.search[_ngcontent-cua-c130] {
  border: none !important;
}
.white[_ngcontent-cua-c130] {
  color: #fff;
}
.light[_nghost-cua-c130] .white[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .white[_ngcontent-cua-c130] {
  color: #00c0ff;
}
.teaser-detail-cover[_ngcontent-cua-c130] {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #090b21;
}
.light[_nghost-cua-c130] .teaser-detail-cover[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .teaser-detail-cover[_ngcontent-cua-c130] {
  background-color: #fafafa;
}
.teaser-detail[_ngcontent-cua-c130] {
  position: absolute;
  z-index: 100;
  bottom: -146px;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  transition: bottom 0.3s;
  cursor: default;
}
.v-c[_ngcontent-cua-c130] {
  position: relative;
  overflow: hidden;
}
@keyframes toMoveBottom {
  0% {
    display: block;
    top: 91px;
  }
  to {
    display: none;
    top: 310px;
  }
}
@keyframes toMoveTop {
  0% {
    top: 310px;
    z-index: 0;
  }
  to {
    top: 91px;
    z-index: 100;
  }
}
@keyframes toScale {
  0% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(0.99);
  }
  to {
    transform: scale(1);
  }
}
.detail-ctn[_ngcontent-cua-c130] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}
.light[_nghost-cua-c130] .detail-ctn[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .detail-ctn[_ngcontent-cua-c130] {
  background-color: #fffffffa;
}
.rating-text[_ngcontent-cua-c130] {
  color: #ffa800;
}
.detail-tags[_ngcontent-cua-c130] {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}
.light[_nghost-cua-c130] .detail-tags[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .detail-tags[_ngcontent-cua-c130] {
  color: #888;
}
.detail-tags[_ngcontent-cua-c130] span[_ngcontent-cua-c130] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.light[_nghost-cua-c130]
  .detail-tags[_ngcontent-cua-c130]
  span[_ngcontent-cua-c130],
.light
  [_nghost-cua-c130]
  .detail-tags[_ngcontent-cua-c130]
  span[_ngcontent-cua-c130] {
  background-color: #eee;
}
.detail-intro[_ngcontent-cua-c130] {
  font-size: 12px;
  color: #fff6;
}
.light[_nghost-cua-c130] .detail-intro[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .detail-intro[_ngcontent-cua-c130] {
  color: #888;
}
.detail-starring[_ngcontent-cua-c130],
.detail-story[_ngcontent-cua-c130] {
  margin-bottom: 0.5em;
}
.detail-starring[_ngcontent-cua-c130] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.detail-story[_ngcontent-cua-c130] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.intro-title[_ngcontent-cua-c130] {
  color: #fff;
}
.light[_nghost-cua-c130] .intro-title[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .intro-title[_ngcontent-cua-c130] {
  color: #333;
}
.detail-action[_ngcontent-cua-c130] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
.detail-dialog[_ngcontent-cua-c130] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}
.detail-dialog[_ngcontent-cua-c130]:hover {
  color: #fff;
  background-color: #00c0ff;
}
.hot-number[_ngcontent-cua-c130] {
  color: #ffffffb3;
}
.light[_nghost-cua-c130] .hot-number[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .hot-number[_ngcontent-cua-c130] {
  color: #333;
}
.search-tag-item[_ngcontent-cua-c130] {
  color: #ffffffb3;
  font-size: 20px;
  margin-right: 30px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.light[_nghost-cua-c130] .search-tag-item[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .search-tag-item[_ngcontent-cua-c130] {
  color: #888;
}
.search-tag-item.active[_ngcontent-cua-c130] {
  color: #00c0ff !important;
}
.tag-item-number[_ngcontent-cua-c130] {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  margin-left: 5px;
}
.search-gap[_ngcontent-cua-c130] {
  margin: 0 38px;
  height: 18px;
  border-right: 1px solid;
  border-color: #6666;
}
.key-box[_ngcontent-cua-c130] {
  height: 34px;
  background-color: #2b2c3a;
  color: #00c0ff;
  padding: 0 0.8em;
  font-size: 14px;
  margin-bottom: 20px;
  margin-right: 17px;
  min-width: 86px;
}
.light[_nghost-cua-c130] .key-box[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .key-box[_ngcontent-cua-c130] {
  background-color: #fff;
}
.light[_nghost-cua-c130] .key-box[_ngcontent-cua-c130],
.light [_nghost-cua-c130] .key-box[_ngcontent-cua-c130] {
  border: 1px solid #00c0ff;
}
.key-box[_ngcontent-cua-c130] .iconguanbi[_ngcontent-cua-c130] {
  font-size: 14px;
  margin-left: 1.2em;
  cursor: pointer;
}
.key-box.search[_ngcontent-cua-c130] {
  height: 28px;
  line-height: 28px;
  margin-bottom: 0;
  display: flex;
}
.key-box.search[_ngcontent-cua-c130] .key-text[_ngcontent-cua-c130] {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.result-counter-text[_ngcontent-cua-c130] {
  height: 28px;
  line-height: 28px;
}
@media (max-width: 1678px) {
  .detail-tags[_ngcontent-cua-c130] {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .detail-tags[_ngcontent-cua-c130] span[_ngcontent-cua-c130] {
    width: 41px !important;
  }
  .detail-starring[_ngcontent-cua-c130],
  .detail-story[_ngcontent-cua-c130] {
    margin-bottom: 0.3em;
  }
  .filters[_ngcontent-cua-c130] {
    padding: 15px 3em;
  }
  .search-result-counter.search[_ngcontent-cua-c130] {
    align-items: flex-start;
    flex-direction: column;
  }
  .search-tools.search[_ngcontent-cua-c130] {
    margin-top: 10px;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .key-box.search[_ngcontent-cua-c130] .key-text[_ngcontent-cua-c130] {
    width: 108px;
  }
}
[_nghost-cua-c121] {
  position: relative;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.filter-button[_ngcontent-cua-c122] {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  height: 22px;
  line-height: 19px;
  padding: 2px 17px 1px;
  cursor: pointer;
  color: #ffffffb3;
  white-space: nowrap;
}
.light[_nghost-cua-c122] .filter-button[_ngcontent-cua-c122],
.light [_nghost-cua-c122] .filter-button[_ngcontent-cua-c122] {
  color: #333;
}
.filter-button.wrap-bottom[_ngcontent-cua-c122] {
  margin-bottom: 15px !important;
}
.filter-button.active[_ngcontent-cua-c122] {
  background: #00c0ff;
  color: #fff !important;
  border-color: #00c0ff;
}
.light[_nghost-cua-c122] .filter-button.active[_ngcontent-cua-c122],
.light [_nghost-cua-c122] .filter-button.active[_ngcontent-cua-c122] {
  color: #fff !important;
}
.filter-button[_ngcontent-cua-c122]:hover:not(.disable) {
  color: #fff;
}
.light[_nghost-cua-c122]
  .filter-button[_ngcontent-cua-c122]:hover:not(.disable),
.light
  [_nghost-cua-c122]
  .filter-button[_ngcontent-cua-c122]:hover:not(.disable) {
  color: #00c0ff;
}
.sort-button[_ngcontent-cua-c123] {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  border-color: #0000 !important;
  color: #ffffffb3;
  font-size: 15px;
  padding: 9px 37px 9px 31px;
  cursor: pointer;
}
.light[_nghost-cua-c123] .sort-button[_ngcontent-cua-c123],
.light [_nghost-cua-c123] .sort-button[_ngcontent-cua-c123] {
  color: #888;
}
.sort-button.search[_ngcontent-cua-c123] {
  font-size: 12px;
  padding: 5px 17px 5px 11px;
  background: #1c1d2f;
}
.light[_nghost-cua-c123] .sort-button.search[_ngcontent-cua-c123],
.light [_nghost-cua-c123] .sort-button.search[_ngcontent-cua-c123] {
  background: #fff;
}
.sort-button[_ngcontent-cua-c123] .iconfont[_ngcontent-cua-c123] {
  position: absolute;
  right: 12px;
  top: 9px;
  color: #2b2c3a00;
  font-size: 17px;
}
.sort-button[_ngcontent-cua-c123] .iconfont.search[_ngcontent-cua-c123] {
  right: 3px;
  top: 5px;
}
.sort-button.active[_ngcontent-cua-c123] {
  background: #2b2c3a;
  color: #fff !important;
  border-color: #2b2c3a !important;
}
.light[_nghost-cua-c123] .sort-button.active[_ngcontent-cua-c123],
.light [_nghost-cua-c123] .sort-button.active[_ngcontent-cua-c123] {
  background-color: #00c0ff;
}
.light[_nghost-cua-c123] .sort-button.active[_ngcontent-cua-c123],
.light [_nghost-cua-c123] .sort-button.active[_ngcontent-cua-c123] {
  border-color: #0000 !important;
}
.sort-button.active[_ngcontent-cua-c123] .iconfont[_ngcontent-cua-c123],
.sort-button[_ngcontent-cua-c123]:hover:not(.active) {
  color: #fff;
}
.light[_nghost-cua-c123] .sort-button[_ngcontent-cua-c123]:hover:not(.active),
.light [_nghost-cua-c123] .sort-button[_ngcontent-cua-c123]:hover:not(.active) {
  color: #00c0ff;
}
.sort-button[_ngcontent-cua-c123]:hover:not(.active)
  .iconfont[_ngcontent-cua-c123] {
  color: #fff;
}
.light[_nghost-cua-c123]
  .sort-button[_ngcontent-cua-c123]:hover:not(.active)
  .iconfont[_ngcontent-cua-c123],
.light
  [_nghost-cua-c123]
  .sort-button[_ngcontent-cua-c123]:hover:not(.active)
  .iconfont[_ngcontent-cua-c123] {
  color: #00c0ff;
}
.sort-button.desc[_ngcontent-cua-c123] .iconfont[_ngcontent-cua-c123] {
  transform: rotate(-180deg);
}
.sort-button[_ngcontent-cua-c123] i[_ngcontent-cua-c123],
.sort-button[_ngcontent-cua-c123] span[_ngcontent-cua-c123] {
  line-height: 16px;
}
.video-teaser[_ngcontent-cua-c99] {
  background-color: #090b21;
  height: 100%;
}
.light[_nghost-cua-c99] .video-teaser[_ngcontent-cua-c99],
.light [_nghost-cua-c99] .video-teaser[_ngcontent-cua-c99] {
  background-color: #fff;
}
.light[_nghost-cua-c99] .video-teaser.list-bg[_ngcontent-cua-c99],
.light [_nghost-cua-c99] .video-teaser.list-bg[_ngcontent-cua-c99] {
  background-color: #fafafa;
}
.video-teaser[_ngcontent-cua-c99]:hover .content[_ngcontent-cua-c99] {
  box-shadow: 0 2px 5px 0 #0000004d;
}
.video-teaser[_ngcontent-cua-c99] .rating[_ngcontent-cua-c99] {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ffa800;
  font-size: 16px;
  font-weight: 700;
  right: 0.8em;
  bottom: 0.5em;
}
.video-teaser[_ngcontent-cua-c99] .v-content[_ngcontent-cua-c99] {
  overflow: hidden;
  min-height: calc(100% - 53px);
}
.video-teaser[_ngcontent-cua-c99] .v-content.list[_ngcontent-cua-c99] {
  width: 216px;
  height: 309px;
}
.video-teaser[_ngcontent-cua-c99] .poster[_ngcontent-cua-c99] {
  width: 100%;
  /* height: 100%; */
  transition: all 0.25s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.video-teaser[_ngcontent-cua-c99] .recommended[_ngcontent-cua-c99] {
  color: #fff;
  text-shadow: #000;
  z-index: 2;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
  font-size: 16px;
  position: absolute;
  
  width: 2em;
  height: 3em;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
}
.video-teaser[_ngcontent-cua-c99] .top-right-icon[_ngcontent-cua-c99] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
}
.video-teaser[_ngcontent-cua-c99]
  .top-right-icon[_ngcontent-cua-c99]
  div[_ngcontent-cua-c99]:last-child {
  margin-right: 0 !important;
}
.video-teaser[_ngcontent-cua-c99] .high-res[_ngcontent-cua-c99] {
  height: 17px;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
}
.video-teaser[_ngcontent-cua-c99] .high-res[_ngcontent-cua-c99] {
  z-index: 2;
  width: 25px;
  margin-right: 8px;
}
.video-teaser[_ngcontent-cua-c99] .high-res.icon-4K[_ngcontent-cua-c99] {
  
  background-size: contain;
  background-repeat: no-repeat;
}
.video-teaser[_ngcontent-cua-c99] .title-box[_ngcontent-cua-c99] {
  padding: 10px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  position: relative;
  z-index: 101;
  background-color: #090b21;
}
.light[_nghost-cua-c99]
  .video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99],
.light
  [_nghost-cua-c99]
  .video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99] {
  background-color: #f8f8f8;
}
.light[_nghost-cua-c99]
  .video-teaser[_ngcontent-cua-c99]
  .title-box.list-bg[_ngcontent-cua-c99],
.light
  [_nghost-cua-c99]
  .video-teaser[_ngcontent-cua-c99]
  .title-box.list-bg[_ngcontent-cua-c99] {
  background-color: #fafafa;
}
.video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99]
  .title[_ngcontent-cua-c99] {
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin-bottom: 1px;
  width: 194px;
}
.video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99]
  a[_ngcontent-cua-c99] {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99]
  a[_ngcontent-cua-c99]:hover {
  color: #00c0ff;
}
.video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99]
  span[_ngcontent-cua-c99] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.light[_nghost-cua-c99]
  .video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99]
  .text-light[_ngcontent-cua-c99],
.light
  [_nghost-cua-c99]
  .video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99]
  .text-light[_ngcontent-cua-c99] {
  color: #888;
}
.video-teaser[_ngcontent-cua-c99]
  .title-box[_ngcontent-cua-c99]
  .tag-text[_ngcontent-cua-c99] {
  font-size: 14px;
}
@media (max-width: 1911px) {
  .video-teaser[_ngcontent-cua-c99] .title-box[_ngcontent-cua-c99] {
    padding: 8px 6px !important;
  }
}
.actors[_ngcontent-cua-c99] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 280px;
}
.shadow-bar[_ngcontent-cua-c99] {
  width: 100%;
  background-image: linear-gradient(#00000003, #000c);
  color: #fff;
  position: absolute;
  bottom: -41px;
  left: 0;
  line-height: 1.5em;
  padding-top: 50%;
  height: 2.6em;
  transition: all 0.3s ease-in-out;
}
.bar[_ngcontent-cua-c99] {
  background: #000;
  background: linear-gradient(180deg, #0000, #00000080 38%, #000000e6);
  left: 0;
  line-height: 1.5em;
  height: 3.2em;
  font-size: 1em;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
}
.teaser-detail[_ngcontent-cua-c100] {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  bottom: -166px;
  transition: bottom 0.3s;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: default;
  height: 50%;
  width: 100%;
}
.teaser-detail.new[_ngcontent-cua-c100] {
  border-radius: 4px;
  background-size: cover;
  transition: width 0.1s ease-out, height 0.1s ease-out, top 0.1s ease-out,
    left 0.1s ease-out;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 4px 1px #00000057;
}
.light[_nghost-cua-c100] .teaser-detail.new[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .teaser-detail.new[_ngcontent-cua-c100] {
  box-shadow: 0 0 4px 1px #0000003d;
}
.detail-ctn[_ngcontent-cua-c100] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}
.light[_nghost-cua-c100] .detail-ctn[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .detail-ctn[_ngcontent-cua-c100] {
  background-color: #fffffffa;
}
.detail-ctn.new[_ngcontent-cua-c100] {
  border-radius: 4px;
  background-color: initial !important;
  position: absolute;
  z-index: 112;
  height: min-content;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.teaser-detail-cover[_ngcontent-cua-c100] {
  position: absolute;
  z-index: 111;
  top: 0;
  left: 0;
  border-radius: 4px;
  background: linear-gradient(180deg, #0000, #000c 48%, #000000e6);
  width: 100%;
  height: 100%;
}
.teaser-detail-cover-play-area[_ngcontent-cua-c100] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 75px;
  margin: 75px auto 0;
}
.teaser-detail-cover-play-area[_ngcontent-cua-c100]
  .teaser-detail-cover-play-button[_ngcontent-cua-c100] {
  height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teaser-detail-cover-play-area[_ngcontent-cua-c100]
  .teaser-detail-cover-play-button[_ngcontent-cua-c100]
  .teaser-detail-play-icon[_ngcontent-cua-c100] {
  font-size: 75px;
  color: #ffffffb3;
  transition: 0.2s linear;
}
.teaser-detail-cover-play-area[_ngcontent-cua-c100]
  .teaser-detail-cover-play-button[_ngcontent-cua-c100]
  .teaser-detail-play-icon[_ngcontent-cua-c100]:hover {
  color: #fff;
}
.recommended[_ngcontent-cua-c100] {
  color: #fff;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
  font-size: 16px;
  
  width: 2em;
  height: 3em;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  border-radius: 4px 0 0 0;
}
.recommended[_ngcontent-cua-c100],
.top-right-icon[_ngcontent-cua-c100] {
  z-index: 111;
  position: absolute;
}
.top-right-icon[_ngcontent-cua-c100] {
  top: 8px;
  right: 8px;
  display: flex;
}
.top-right-icon[_ngcontent-cua-c100] div[_ngcontent-cua-c100]:last-child {
  margin-right: 0 !important;
}
.high-res[_ngcontent-cua-c100] {
  height: 17px;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
}
.high-res[_ngcontent-cua-c100] {
  z-index: 2;
  width: 25px;
  margin-right: 8px;
}
.high-res.icon-4K[_ngcontent-cua-c100] {
  
}

.high-res.icon-4K[_ngcontent-cua-c100] {
  background-size: contain;
  background-repeat: no-repeat;
}
.detail-action[_ngcontent-cua-c100] {
  width: 100%;
  padding: 0 19px 0 0;
}
.detail-action.new[_ngcontent-cua-c100] {
  padding: 0;
}
.detail-tags[_ngcontent-cua-c100] {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}
.light[_nghost-cua-c100] .detail-tags[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .detail-tags[_ngcontent-cua-c100] {
  color: #888;
}
.detail-tags[_ngcontent-cua-c100] span[_ngcontent-cua-c100] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.light[_nghost-cua-c100]
  .detail-tags[_ngcontent-cua-c100]
  span[_ngcontent-cua-c100],
.light
  [_nghost-cua-c100]
  .detail-tags[_ngcontent-cua-c100]
  span[_ngcontent-cua-c100] {
  background-color: #eee;
}
.detail-tags.new[_ngcontent-cua-c100] {
  color: #fff6;
}
.detail-tags.new[_ngcontent-cua-c100] span[_ngcontent-cua-c100] {
  background-color: initial !important;
  border: 1px solid #fff6;
  padding: 0 !important;
  width: 38px;
}
.light[_nghost-cua-c100]
  .detail-tags.new[_ngcontent-cua-c100]
  span[_ngcontent-cua-c100],
.light
  [_nghost-cua-c100]
  .detail-tags.new[_ngcontent-cua-c100]
  span[_ngcontent-cua-c100] {
  border-color: #888;
}
.detail-intro[_ngcontent-cua-c100] {
  font-size: 12px;
  color: #fff6;
}
.light[_nghost-cua-c100] .detail-intro[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .detail-intro[_ngcontent-cua-c100] {
  color: #888;
}
.detail-intro.new[_ngcontent-cua-c100] {
  color: #ffffffb3 !important;
}
.detail-rating[_ngcontent-cua-c100] {
  color: #ffa800;
  font-size: 18px;
  font-weight: 700;
}
.detail-title[_ngcontent-cua-c100] {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.detail-date[_ngcontent-cua-c100],
.detail-starring[_ngcontent-cua-c100],
.detail-story[_ngcontent-cua-c100] {
  margin-bottom: 0.5em;
}
.detail-date[_ngcontent-cua-c100],
.detail-starring[_ngcontent-cua-c100] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.detail-story[_ngcontent-cua-c100] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  min-width: 254px;
}
@media (max-width: 1439px) {
  .detail-story[_ngcontent-cua-c100] {
    min-width: 244px;
  }
}
.intro-title[_ngcontent-cua-c100] {
  color: #fff;
}
.light[_nghost-cua-c100] .intro-title[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .intro-title[_ngcontent-cua-c100] {
  color: #333;
}
.intro-title.new[_ngcontent-cua-c100] {
  color: #fff6;
}
.light[_nghost-cua-c100] .intro-title.new[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .intro-title.new[_ngcontent-cua-c100] {
  color: #888;
}
.detail-action[_ngcontent-cua-c100] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
.detail-action.new[_ngcontent-cua-c100] {
  position: relative;
}
.detail-dialog[_ngcontent-cua-c100] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}
.detail-dialog.new[_ngcontent-cua-c100] {
  padding: 1px 13px;
  color: #fff6;
  border-color: #fff6;
}
.light[_nghost-cua-c100] .detail-dialog.new[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .detail-dialog.new[_ngcontent-cua-c100] {
  border-color: #888;
}
.detail-dialog.new[_ngcontent-cua-c100]:hover {
  border-color: #00c0ff !important;
}
.detail-dialog[_ngcontent-cua-c100]:hover {
  color: #fff;
  background-color: #00c0ff;
}
.hot-number[_ngcontent-cua-c100] {
  color: #ffffffb3;
}
.light[_nghost-cua-c100] .hot-number[_ngcontent-cua-c100],
.light [_nghost-cua-c100] .hot-number[_ngcontent-cua-c100] {
  color: #333;
}
.hot-number.new[_ngcontent-cua-c100] {
  color: #ff743d !important;
}
@media (max-width: 1678px) {
  .detail-tags[_ngcontent-cua-c100] {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  .detail-tags[_ngcontent-cua-c100] span[_ngcontent-cua-c100] {
    width: 42px !important;
  }
  .detail-starring[_ngcontent-cua-c100],
  .detail-story[_ngcontent-cua-c100] {
    margin-bottom: 0.3em !important;
  }
}
.pagination[_ngcontent-cua-c127] {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
li[_ngcontent-cua-c127] span[_ngcontent-cua-c127] {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 12px;
  margin: 4px;
  border-radius: 2px;
  min-width: 40px;
  white-space: nowrap;
  color: #ffffffb3;
}
.light[_nghost-cua-c127] li[_ngcontent-cua-c127] span[_ngcontent-cua-c127],
.light [_nghost-cua-c127] li[_ngcontent-cua-c127] span[_ngcontent-cua-c127] {
  color: #888;
}
li[_ngcontent-cua-c127] span[_ngcontent-cua-c127]:hover {
  background-color: #373843;
  color: #fff;
}
.light[_nghost-cua-c127]
  li[_ngcontent-cua-c127]
  span[_ngcontent-cua-c127]:hover,
.light
  [_nghost-cua-c127]
  li[_ngcontent-cua-c127]
  span[_ngcontent-cua-c127]:hover {
  background-color: #00c0ff;
}
.light[_nghost-cua-c127]
  li[_ngcontent-cua-c127]
  span[_ngcontent-cua-c127]:hover,
.light
  [_nghost-cua-c127]
  li[_ngcontent-cua-c127]
  span[_ngcontent-cua-c127]:hover {
  color: #fff;
}
li[_ngcontent-cua-c127] span.active[_ngcontent-cua-c127] {
  border: 1px solid #00c0ff;
  background-color: #00c0ff;
  color: #fff !important;
}
li.disabled[_ngcontent-cua-c127] span[_ngcontent-cua-c127] {
  cursor: default;
  color: #424242 !important;
}
.light[_nghost-cua-c127]
  li.disabled[_ngcontent-cua-c127]
  span[_ngcontent-cua-c127],
.light
  [_nghost-cua-c127]
  li.disabled[_ngcontent-cua-c127]
  span[_ngcontent-cua-c127] {
  color: #ddd !important;
}
li[_ngcontent-cua-c127] span.omitted[_ngcontent-cua-c127],
li.disabled[_ngcontent-cua-c127] span[_ngcontent-cua-c127]:hover {
  background-color: initial !important;
}
li[_ngcontent-cua-c127] span.omitted[_ngcontent-cua-c127] {
  color: #ffffffb3 !important;
  cursor: default !important;
}
.light[_nghost-cua-c127]
  li[_ngcontent-cua-c127]
  span.omitted[_ngcontent-cua-c127],
.light
  [_nghost-cua-c127]
  li[_ngcontent-cua-c127]
  span.omitted[_ngcontent-cua-c127] {
  color: #888 !important;
}
@media (max-width: 1439px) {
  li[_ngcontent-cua-c127] span[_ngcontent-cua-c127] {
    margin: 2px;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes data {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes notify {
  0% {
    transform: translateY(0) rotateY(0);
  }
  15% {
    transform: translateY(-10px) rotateY(0);
  }
  50% {
    transform: translateY(-10px) rotateY(1turn) scale(1);
  }
  75% {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
  to {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
}
@keyframes jump {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jump2 {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jumpInPlayer {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
@keyframes jumpInPlayer2 {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
@keyframes pulse {
  0% {
    background-color: #a5a5a51a;
  }
  50% {
    background-color: #a5a5a54d;
  }
  to {
    background-color: #a5a5a51a;
  }
}
@keyframes fadeInIcon {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.playlist-new[_ngcontent-ale-c179] {
    background-color: #090b21;
    z-index: 2;
}
.n-media {
  width: 100%;
  margin-bottom: 30px;
}

.n-media .n-media-list {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  column-gap: 7px;
}
.n-media .n-media-list > .ng-star-inserted {
    width: calc(100% / 8 - 7px);
}
.n-media .n-media-list .media-btn {
  margin-bottom: 7px !important;
}
@media (max-width: 1678px) {
  .n-media .n-media-list .media-btn {
      margin-bottom: 5px !important;
  }
  .n-media .n-media-list > .ng-star-inserted {
    width: calc(100% / 8 - 7px);
  }
}
.n-media .n-media-list .media-button {
   width: 100%;
  padding: 8px 3px !important;
  margin-right: 0 !important;
  background-color: #101227 !important;
  color: #fff6 !important;
  border-color: #0000 !important;
  -webkit-user-select: none;
  user-select: none;
  height: 52px;
}
@media (max-width: 1439px) {
  .n-media .n-media-list .media-button {
      width: 68px;
      min-width: 68px !important;
      margin-bottom: 4px !important;
  }
}
@media (max-width: 1678px) {
  .n-media .n-media-list .media-button {
      /*width: 77px;*/
      width: 100%;
      min-width: 77px !important;
      margin-bottom: 0 !important;
  }
}
.light .n-media .n-media-list .media-button {
  background-color: #f8f8f8 !important;
  color: #333 !important;
}
.media-button[_ngcontent-ale-c153] {
  font-family: -apple-system, Microsoft YaHei, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, sans-serif;
  text-align: center;
  padding: 3px 17px;
  min-width: 80px;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #e2e2e2;
  background-color: #f8f8f8;
  height: 40px;
  line-height: 33px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #009cff;
}
@media (max-width: 1678px) {
  .playing-icon {
      top: 34px !important;
      left: 0 !important;
  }
}
.playing-icon[_ngcontent-ale-c153] {
  position: absolute;
  top: 32px;
  left: 2px;
}
 .medias-selector-expandable-tabs {
  position: relative;
  margin-bottom: 30px;
}
.medias-selector-expandable-tabs {
  background-color: #101227;
  border-radius: 2px;
}
.light .medias-selector-expandable-tabs {
  background-color: #f8f8f8 !important;
}
.medias-selector-expandable-tabs .medias-selector-expandable-tabs-inner {
  white-space: nowrap;
  overflow: auto;
  padding-right: 120px;
}
 .medias-selector-expandable-tabs button {
  cursor: pointer;
  border: none;
  outline: none;
  min-width: 96px;
  height: 38px;
  font-size: 14px;
  -webkit-user-select: none;
  user-select: none;
  padding: 5px 15px;
  margin: 0;
  background-color: initial;
  color: #fff6;
}
.medias-selector-expandable-tabs .button {
  width: unset;
}
 .light .medias-selector-expandable-tabs button {
  background-color: initial !important;
  color: #333;
}
 .medias-selector-expandable-tabs button.active, .medias-selector-expandable-tabs button.active .iconfont {
  color: #00c0ff !important;
}
@media (max-width: 1439px) {
  .n-media .medias-selector-expandable-tabs button {
      height: 40px;
  }
}
@media (max-width: 1678px) {
  .n-media .medias-selector-expandable-tabs button {
      min-width: 80px;
      height: 32px;
  }
}
.light .medias-selector-expandable-tabs {
  background-color: #f8f8f8 !important;
}
.light .playlist-new[_ngcontent-ale-c179], .light .playlist-new[_ngcontent-ale-c179] {
  background-color: #fff;
}

.ranking-container[_ngcontent-xco-c124] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}

  .popup-box-arrow {
    right: 35px;
    left: auto !important;
  }
  .dropdown {
    left: auto !important;
    right: 0;
  }

.ranking-header[_ngcontent-xco-c124] {
  height: 279px;
  min-width: 1020px;
  text-align: center;
  background: url(../images/ranking-bg.webp) no-repeat 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.rank-icon[_ngcontent-xco-c124] {
  font-size: 32px;
  color: #fff6;
  position: relative;
  top: 38px;
}
.light[_nghost-xco-c124] .rank-icon[_ngcontent-xco-c124],
.light [_nghost-xco-c124] .rank-icon[_ngcontent-xco-c124] {
  color: #fff6;
}
.ranking-title[_ngcontent-xco-c124] {
  font-size: 32px;
  padding: 2.5rem 0;
  position: relative;
}
.light[_nghost-xco-c124] .ranking-title[_ngcontent-xco-c124],
.light [_nghost-xco-c124] .ranking-title[_ngcontent-xco-c124] {
  color: #fff;
}
.ranking-nav-ctn[_ngcontent-xco-c124] {
  height: 55px;
  line-height: 55px;
  background: #0000004d;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.nav-tab[_ngcontent-xco-c124] {
  margin: 0 30px;
  width: 88px;
  min-width: 88px;
  cursor: pointer;
  color: #ffffffb3;
}
.light[_nghost-xco-c124] .nav-tab[_ngcontent-xco-c124],
.light [_nghost-xco-c124] .nav-tab[_ngcontent-xco-c124] {
  color: #ffffffb3;
}
.nav-tab[_ngcontent-xco-c124]:hover {
  transition: all 0.2s;
  color: #fff;
}
.light[_nghost-xco-c124] .nav-tab[_ngcontent-xco-c124]:hover,
.light [_nghost-xco-c124] .nav-tab[_ngcontent-xco-c124]:hover {
  color: #00c0ff;
}
.nav-tab.current[_ngcontent-xco-c124] {
  transition: all 0.2s;
  color: #fff;
  background-color: #0000004d;
}
.light[_nghost-xco-c124] .nav-tab.current[_ngcontent-xco-c124],
.light [_nghost-xco-c124] .nav-tab.current[_ngcontent-xco-c124] {
  background-color: #00c0ff;
}
.light[_nghost-xco-c124] .nav-tab.current[_ngcontent-xco-c124],
.light [_nghost-xco-c124] .nav-tab.current[_ngcontent-xco-c124] {
  color: #fff;
}
.ranking-content[_ngcontent-xco-c124] {
  min-height: 720px;
  min-width: 1020px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #090b21;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 6px 60px;
}
.light[_nghost-xco-c124] .ranking-content[_ngcontent-xco-c124],
.light [_nghost-xco-c124] .ranking-content[_ngcontent-xco-c124] {
  background-color: #eee;
}
.column-wrap-aligner[_ngcontent-xco-c124] {
  width: 430px;
  height: 0;
  margin: 10px 5px;
}
.d-block[_ngcontent-xco-c124] {
  z-index: 2;
  position: relative;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.column-container[_ngcontent-xco-c122] {
  width: 430px;
  min-height: 640px;
  background-color: #6663;
  margin: 5px;
  padding: 20px 25px 5px;
}
.light[_nghost-xco-c122] .column-container[_ngcontent-xco-c122],
.light [_nghost-xco-c122] .column-container[_ngcontent-xco-c122] {
  background-color: #fff;
}
.column-header[_ngcontent-xco-c122] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ranking-title[_ngcontent-xco-c122] {
  font-size: 21px;
  font-weight: 700;
}
.ranking-filter[_ngcontent-xco-c122] {
  font-size: 16px;
  font-weight: 700;
}
.filter-type[_ngcontent-xco-c122] {
  margin: 0 5px;
  cursor: pointer;
}
.light[_nghost-xco-c122] .filter-type[_ngcontent-xco-c122],
.light [_nghost-xco-c122] .filter-type[_ngcontent-xco-c122] {
  color: #888;
}
.filter-type[_ngcontent-xco-c122]:hover {
  color: #00c0ff;
}
.light[_nghost-xco-c122] .filter-type[_ngcontent-xco-c122]:hover,
.light [_nghost-xco-c122] .filter-type[_ngcontent-xco-c122]:hover {
  color: #00c0ff;
}
.filter-type.current[_ngcontent-xco-c122] {
  color: #00c0ff;
}
.light[_nghost-xco-c122] .filter-type.current[_ngcontent-xco-c122],
.light [_nghost-xco-c122] .filter-type.current[_ngcontent-xco-c122] {
  color: #00c0ff;
}
.column-content[_ngcontent-xco-c122] {
  padding: 15px 0 5px;
  display: none;
}
.column-content[_ngcontent-xco-c122].active {
  display: block;
}
.text-ellipsis[_ngcontent-xco-c122] {
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top3-container[_ngcontent-xco-c121] {
  margin: 20px 0;
  display: flex;
  transition: all 0.4s;
}
.top3-cover[_ngcontent-xco-c121] {
  cursor: pointer;
  margin-left: 40px;
}
.rank-number[_ngcontent-xco-c121] {
  margin-left: -6px;
}
.rank-number[_ngcontent-xco-c121] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  z-index: 3;
}
.hot-number[_ngcontent-xco-c121] {
  color: #ffffffb3;
  font-size: 14px;
  position: absolute;
  z-index: 3;
  margin-top: 140px;
  margin-left: 20px;
}
.light[_nghost-xco-c121] .hot-number[_ngcontent-xco-c121],
.light [_nghost-xco-c121] .hot-number[_ngcontent-xco-c121] {
  color: #888;
}
.hot-number[_ngcontent-xco-c121]:before {
  content: "";
  width: 9px;
  height: 12px;
  position: absolute;
  margin-top: 4px;
  margin-left: -20px;
  background: url(../images/hot.webp) no-repeat 50%;
  
}
.rating-number[_ngcontent-xco-c121] {
  font-size: 22px;
  font-weight: 700;
  color: #ffb400;
  position: absolute;
  z-index: 3;
  margin-top: 131px;
  margin-left: 160px;
}
.rating-number.text[_ngcontent-xco-c121] {
  margin-left: 125px;
}
.cover[_ngcontent-xco-c121] {
  position: absolute;
  z-index: 2;
  height: 40px;
  width: 120px;
  margin-top: 132px;
  background: linear-gradient(#30303000, #000000a8);
}
.cover-ctn[_ngcontent-xco-c121] {
  overflow: hidden;
}
.cover-ctn[_ngcontent-xco-c121],
.cover-path[_ngcontent-xco-c121] {
  width: 120px;
  height: 172px;
}
.top3-cover[_ngcontent-xco-c121]:hover .cover[_ngcontent-xco-c121] {
  height: 172px;
  margin-top: 0;
}
.top3-cover[_ngcontent-xco-c121]:hover .cover-path[_ngcontent-xco-c121] {
  transform: scale(1.05);
  transition: all 0.4s;
}
.top3-context[_ngcontent-xco-c121] {
  margin-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.top3-title[_ngcontent-xco-c121] {
  color: #fff;
  font-size: 16px;
  margin-bottom: 12px;
  cursor: pointer;
}
.light[_nghost-xco-c121] .top3-title[_ngcontent-xco-c121],
.light [_nghost-xco-c121] .top3-title[_ngcontent-xco-c121] {
  color: #333;
}
.top3-title[_ngcontent-xco-c121]:hover {
  color: #00c0ff;
}
.light[_nghost-xco-c121] .top3-title[_ngcontent-xco-c121]:hover,
.light [_nghost-xco-c121] .top3-title[_ngcontent-xco-c121]:hover {
  color: #00c0ff;
}
.top3-info-box[_ngcontent-xco-c121] {
  color: #ffffffb3;
  margin: 0 3px;
  width: 43px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #2b2c3a;
  cursor: default;
}
.light[_nghost-xco-c121] .top3-info-box[_ngcontent-xco-c121],
.light [_nghost-xco-c121] .top3-info-box[_ngcontent-xco-c121] {
  color: #888;
}
.light[_nghost-xco-c121] .top3-info-box[_ngcontent-xco-c121],
.light [_nghost-xco-c121] .top3-info-box[_ngcontent-xco-c121] {
  background-color: #f8f8f8;
}
.text-ellipsis[_ngcontent-xco-c121] {
  max-width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mini-ctn[_ngcontent-xco-c121] {
  margin-bottom: 25px;
}
.mini-ctn[_ngcontent-xco-c121] .top3-cover[_ngcontent-xco-c121] {
  display: none;
}
.mini-ctn[_ngcontent-xco-c121] .top3-title[_ngcontent-xco-c121] {
  margin-bottom: 0;
  margin-top: 3px;
  margin-left: 15px;
}

.mini-ctn[_ngcontent-xco-c121] .top3-info-box[_ngcontent-xco-c121] {
  display: none;
}
.mini-ctn[_ngcontent-xco-c121] .rating-number[_ngcontent-xco-c121] {
  margin-left: 324px;
  margin-top: 4px;
  font-size: 16px;
}
.mini-ctn[_ngcontent-xco-c121] .rating-number.text[_ngcontent-xco-c121] {
  margin-left: 305px;
}
.mini-ctn[_ngcontent-xco-c121] .hot-number[_ngcontent-xco-c121] {
  display: none;
}
.animation[_ngcontent-xco-c121] .top3-cover[_ngcontent-xco-c121] {
  animation: toScale 0.4s linear;
}

.animation[_ngcontent-xco-c121] .top3-info-box[_ngcontent-xco-c121] {
  animation: toOpacity 0.4s linear;
}
@keyframes toScale {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  75% {
    transform: scale(0.99);
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes toOpacity {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes data {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes notify {
  0% {
    transform: translateY(0) rotateY(0);
  }
  15% {
    transform: translateY(-10px) rotateY(0);
  }
  50% {
    transform: translateY(-10px) rotateY(1turn) scale(1);
  }
  75% {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
  to {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
}
@keyframes jump {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jump2 {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jumpInPlayer {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
@keyframes jumpInPlayer2 {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
@keyframes pulse {
  0% {
    background-color: #a5a5a51a;
  }
  50% {
    background-color: #a5a5a54d;
  }
  to {
    background-color: #a5a5a51a;
  }
}
@keyframes fadeInIcon {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
app-search-filter[_ngcontent-iec-c130] {
  margin-bottom: 15px !important;
}
app-search-filter.removeMarginBottom[_ngcontent-iec-c130],
app-search-filter[_ngcontent-iec-c130]:last-child {
  margin-bottom: 0 !important;
}
#list-page[_ngcontent-iec-c130] .v-c[_ngcontent-iec-c130] {
  margin-right: 5px;
}
#list-page[_ngcontent-iec-c130] .v-c[_ngcontent-iec-c130]:last-child {
  margin-right: 0;
}
.page-container[_ngcontent-iec-c130] {
  padding-top: 22px;
  min-height: 700px;
  background-color: #090b21;
  border-left: 1px solid #6663;
  border-bottom-color: #6663;
  border-right: 1px solid #6663;
  border-top-color: #6663;
}
.light[_nghost-iec-c130] .page-container[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .page-container[_ngcontent-iec-c130] {
  background-color: #eee;
}
.page-container[_ngcontent-iec-c130] .search-results[_ngcontent-iec-c130] {
  min-height: 800px;
  align-items: flex-start;
  align-content: flex-start;
}
.page-container[_ngcontent-iec-c130] .content[_ngcontent-iec-c130] {
  width: 893px;
}
.video-item[_ngcontent-iec-c130] {
  margin-bottom: 28px;
}
.search-tools[_ngcontent-iec-c130] {
  padding: 0 0 4px;
  margin-bottom: 28px;
}
.search-tools.search[_ngcontent-iec-c130] {
  margin-bottom: 0;
}
.search-results[_ngcontent-iec-c130]:not(.d-flex) {
  padding-left: 70px;
}
.border-bottom[_ngcontent-iec-c130] {
  border-bottom: 1px solid #6663 !important;
}
.page-controls[_ngcontent-iec-c130] {
  margin-top: 70px;
}
.search-top[_ngcontent-iec-c130] {
  margin-bottom: 20px;
  z-index: 3999;
  position: relative;
}
.search-bottom[_ngcontent-iec-c130] {
  display: flex;
}
.search-bottom[_ngcontent-iec-c130] .inner.search[_ngcontent-iec-c130] {
  width: calc(100% - 478px - 8px);
  margin-right: 40px;
  position: relative;
  z-index: 3999;
}
.search-bottom[_ngcontent-iec-c130]
  .inner.search.uploader[_ngcontent-iec-c130] {
  margin-top: -275px !important;
}
.search-result-counter[_ngcontent-iec-c130] {
  font-size: 15px;
  line-height: 36px;
  margin-left: 1em;
  color: #ffffffb3;
}
.light[_nghost-iec-c130] .search-result-counter[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .search-result-counter[_ngcontent-iec-c130] {
  color: #333;
}
.search-result-counter.top-result[_ngcontent-iec-c130] {
  margin-left: 0;
  font-size: 14px;
  color: #fff6;
  line-height: 34px;
}
.light[_nghost-iec-c130] .search-result-counter.top-result[_ngcontent-iec-c130],
.light
  [_nghost-iec-c130]
  .search-result-counter.top-result[_ngcontent-iec-c130] {
  color: #333;
}
.search-result-counter.search[_ngcontent-iec-c130] {
  border-bottom: 1px solid;
  border-color: #6663;
  margin-bottom: 30px;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}
.search-result-rank[_ngcontent-iec-c130] {
  font-size: 14px;
  line-height: 36px;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.search-result-rank[_ngcontent-iec-c130] a[_ngcontent-iec-c130] {
  color: #00c0ff !important;
}
.search-result-rank[_ngcontent-iec-c130] .iconpaihang[_ngcontent-iec-c130] {
  color: #0000;
  background: linear-gradient(155deg, #24c3ff, #87a2ff 50%, #ff4be5);
  -webkit-background-clip: text;
  font-size: 32px;
  margin-right: 5px;
}
.filters[_ngcontent-iec-c130] {
  margin: 20px 0 10px !important;
  background-color: #1c1d2f;
  padding: 30px 3em;
  border: 1px solid #0000;
  width: 100%;
  min-height: 333px;
}
.light[_nghost-iec-c130] .filters[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .filters[_ngcontent-iec-c130] {
  background-color: #fff;
}
.light[_nghost-iec-c130] .filters[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .filters[_ngcontent-iec-c130] {
  border-color: #eee;
}
.filters.search[_ngcontent-iec-c130] {
  padding: 0 !important;
  min-height: auto !important;
  background-color: initial !important;
  border: none !important;
}
.inner[_ngcontent-iec-c130] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.inner[_ngcontent-iec-c130],
.inner.search[_ngcontent-iec-c130] {
  align-items: flex-start;
}
.sidebar[_ngcontent-iec-c130] {
  width: 438px;
}
.sidebar.new[_ngcontent-iec-c130] {
  margin-left: 8px !important;
}
.s-page[_ngcontent-iec-c130] {
  display: flex;
  position: relative;
  padding-top: 61px;
  justify-content: center;
  background-color: #090b21;
}
.light[_nghost-iec-c130] .s-page[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .s-page[_ngcontent-iec-c130] {
  background-color: #fafafa;
}
.search-buttons[_ngcontent-iec-c130] {
  background-color: #1c1d2f;
  border: 1px solid #0000;
}
.light[_nghost-iec-c130] .search-buttons[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .search-buttons[_ngcontent-iec-c130] {
  background-color: #fff;
}
.light[_nghost-iec-c130] .search-buttons[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .search-buttons[_ngcontent-iec-c130] {
  border-color: #eee;
}
.search-buttons.search[_ngcontent-iec-c130] {
  border: none !important;
}
.white[_ngcontent-iec-c130] {
  color: #fff;
}
.light[_nghost-iec-c130] .white[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .white[_ngcontent-iec-c130] {
  color: #00c0ff;
}
.teaser-detail-cover[_ngcontent-iec-c130] {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #090b21;
}
.light[_nghost-iec-c130] .teaser-detail-cover[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .teaser-detail-cover[_ngcontent-iec-c130] {
  background-color: #fafafa;
}
.teaser-detail[_ngcontent-iec-c130] {
  position: absolute;
  z-index: 100;
  bottom: -146px;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  transition: bottom 0.3s;
  cursor: default;
}
.v-c[_ngcontent-iec-c130] {
  position: relative;
  overflow: hidden;
}
@keyframes toMoveBottom {
  0% {
    display: block;
    top: 91px;
  }
  to {
    display: none;
    top: 310px;
  }
}
@keyframes toMoveTop {
  0% {
    top: 310px;
    z-index: 0;
  }
  to {
    top: 91px;
    z-index: 100;
  }
}
@keyframes toScale {
  0% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(0.99);
  }
  to {
    transform: scale(1);
  }
}
.detail-ctn[_ngcontent-iec-c130] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}
.light[_nghost-iec-c130] .detail-ctn[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .detail-ctn[_ngcontent-iec-c130] {
  background-color: #fffffffa;
}
.rating-text[_ngcontent-iec-c130] {
  color: #ffa800;
}
.detail-tags[_ngcontent-iec-c130] {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}
.light[_nghost-iec-c130] .detail-tags[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .detail-tags[_ngcontent-iec-c130] {
  color: #888;
}
.detail-tags[_ngcontent-iec-c130] span[_ngcontent-iec-c130] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.light[_nghost-iec-c130]
  .detail-tags[_ngcontent-iec-c130]
  span[_ngcontent-iec-c130],
.light
  [_nghost-iec-c130]
  .detail-tags[_ngcontent-iec-c130]
  span[_ngcontent-iec-c130] {
  background-color: #eee;
}
.detail-intro[_ngcontent-iec-c130] {
  font-size: 12px;
  color: #fff6;
}
.light[_nghost-iec-c130] .detail-intro[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .detail-intro[_ngcontent-iec-c130] {
  color: #888;
}
.detail-starring[_ngcontent-iec-c130],
.detail-story[_ngcontent-iec-c130] {
  margin-bottom: 0.5em;
}
.detail-starring[_ngcontent-iec-c130] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.detail-story[_ngcontent-iec-c130] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.intro-title[_ngcontent-iec-c130] {
  color: #fff;
}
.light[_nghost-iec-c130] .intro-title[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .intro-title[_ngcontent-iec-c130] {
  color: #333;
}
.detail-action[_ngcontent-iec-c130] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
.detail-dialog[_ngcontent-iec-c130] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}
.detail-dialog[_ngcontent-iec-c130]:hover {
  color: #fff;
  background-color: #00c0ff;
}
.hot-number[_ngcontent-iec-c130] {
  color: #ffffffb3;
}
.light[_nghost-iec-c130] .hot-number[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .hot-number[_ngcontent-iec-c130] {
  color: #333;
}
.search-tag-item[_ngcontent-iec-c130] {
  color: #ffffffb3;
  font-size: 20px;
  margin-right: 30px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.light[_nghost-iec-c130] .search-tag-item[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .search-tag-item[_ngcontent-iec-c130] {
  color: #888;
}
.search-tag-item.active[_ngcontent-iec-c130] {
  color: #00c0ff !important;
}
.tag-item-number[_ngcontent-iec-c130] {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  margin-left: 5px;
}
.search-gap[_ngcontent-iec-c130] {
  margin: 0 38px;
  height: 18px;
  border-right: 1px solid;
  border-color: #6666;
}
.key-box[_ngcontent-iec-c130] {
  height: 34px;
  background-color: #2b2c3a;
  color: #00c0ff;
  padding: 0 0.8em;
  font-size: 14px;
  margin-bottom: 20px;
  margin-right: 17px;
  min-width: 68px;
}
.light[_nghost-iec-c130] .key-box[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .key-box[_ngcontent-iec-c130] {
  background-color: #fff;
}
.light[_nghost-iec-c130] .key-box[_ngcontent-iec-c130],
.light [_nghost-iec-c130] .key-box[_ngcontent-iec-c130] {
  border: 1px solid #00c0ff;
}
.key-box[_ngcontent-iec-c130] .iconguanbi[_ngcontent-iec-c130] {
  font-size: 14px;
  margin-left: 1.2em;
  cursor: pointer;
}
.key-box.search[_ngcontent-iec-c130] {
  height: 28px;
  line-height: 28px;
  margin-bottom: 0;
  display: flex;
}
.key-box.search[_ngcontent-iec-c130] .key-text[_ngcontent-iec-c130] {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.result-counter-text[_ngcontent-iec-c130] {
  height: 28px;
  line-height: 28px;
}
@media (max-width: 1678px) {
  .detail-tags[_ngcontent-iec-c130] {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .detail-tags[_ngcontent-iec-c130] span[_ngcontent-iec-c130] {
    width: 41px !important;
  }
  .detail-starring[_ngcontent-iec-c130],
  .detail-story[_ngcontent-iec-c130] {
    margin-bottom: 0.3em;
  }
  .filters[_ngcontent-iec-c130] {
    padding: 15px 3em;
  }
  .search-result-counter.search[_ngcontent-iec-c130] {
    align-items: flex-start;
    flex-direction: column;
  }
  .search-tools.search[_ngcontent-iec-c130] {
    margin-top: 10px;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .key-box.search[_ngcontent-iec-c130] .key-text[_ngcontent-iec-c130] {
    width: 108px;
  }
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.rank[_ngcontent-iec-c129] {
  position: relative;
  padding: 0 15px 8px 42px;
  vertical-align: middle;
}
.title[_ngcontent-iec-c129] {
  height: 26px;
  line-height: 26px;
  width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title.search[_ngcontent-iec-c129] {
  margin-left: -10px;
}
.rank-pos[_ngcontent-iec-c129] {
  position: absolute;
  height: 26px;
  width: 26px;
  top: 0;
  left: 4px;
  text-align: center;
  background-color: #bfbfbf;
  color: #fff;
  line-height: 26px;
  font-size: 11px;
}
.rank-pos.search[_ngcontent-iec-c129] {
  font-size: 16px;
  background-color: initial !important;
  text-align: left;
  color: #ffffffb3;
  left: 0;
}
.light[_nghost-iec-c129] .rank-pos.search[_ngcontent-iec-c129],
.light [_nghost-iec-c129] .rank-pos.search[_ngcontent-iec-c129] {
  color: #888;
}
.rank-pos.search.rank1[_ngcontent-iec-c129] {
  color: #a33407 !important;
}
.rank-pos.search.rank2[_ngcontent-iec-c129] {
  color: #b85702 !important;
}
.rank-pos.search.rank3[_ngcontent-iec-c129] {
  color: #e7a200 !important;
}
.rank1[_ngcontent-iec-c129] {
  background-color: #e7a200;
}
.rank2[_ngcontent-iec-c129] {
  background-color: #b85702;
}
.rank3[_ngcontent-iec-c129] {
  background-color: #a33407;
}
.block-title[_ngcontent-iec-c128] {
  display: block;
  padding: 5px 0 5px 36px;
  position: relative;
  margin-bottom: 20px;
  cursor: default;
}
.block-title[_ngcontent-iec-c128]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 5px;
  
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 1.2em;
}
.block-title.search[_ngcontent-iec-c128] {
  padding: 5px 0;
}
.block-title.search[_ngcontent-iec-c128]:after {
  width: 0;
  height: 0;
}
.sort-button[_ngcontent-iec-c123] {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  border-color: #0000 !important;
  color: #ffffffb3;
  font-size: 15px;
  padding: 9px 37px 9px 31px;
  cursor: pointer;
}
.light[_nghost-iec-c123] .sort-button[_ngcontent-iec-c123],
.light [_nghost-iec-c123] .sort-button[_ngcontent-iec-c123] {
  color: #888;
}
.sort-button.search[_ngcontent-iec-c123] {
  font-size: 12px;
  padding: 5px 17px 5px 11px;
  background: #1c1d2f;
}
.light[_nghost-iec-c123] .sort-button.search[_ngcontent-iec-c123],
.light [_nghost-iec-c123] .sort-button.search[_ngcontent-iec-c123] {
  background: #fff;
}
.sort-button[_ngcontent-iec-c123] .iconfont[_ngcontent-iec-c123] {
  position: absolute;
  right: 12px;
  top: 9px;
  color: #2b2c3a00;
  font-size: 17px;
}
.sort-button[_ngcontent-iec-c123] .iconfont.search[_ngcontent-iec-c123] {
  right: 3px;
  top: 5px;
}
.sort-button.active[_ngcontent-iec-c123] {
  background: #2b2c3a;
  color: #fff !important;
  border-color: #2b2c3a !important;
}
.light[_nghost-iec-c123] .sort-button.active[_ngcontent-iec-c123],
.light [_nghost-iec-c123] .sort-button.active[_ngcontent-iec-c123] {
  background-color: #00c0ff;
}
.light[_nghost-iec-c123] .sort-button.active[_ngcontent-iec-c123],
.light [_nghost-iec-c123] .sort-button.active[_ngcontent-iec-c123] {
  border-color: #0000 !important;
}
.sort-button.active[_ngcontent-iec-c123] .iconfont[_ngcontent-iec-c123],
.sort-button[_ngcontent-iec-c123]:hover:not(.active) {
  color: #fff;
}
.light[_nghost-iec-c123] .sort-button[_ngcontent-iec-c123]:hover:not(.active),
.light [_nghost-iec-c123] .sort-button[_ngcontent-iec-c123]:hover:not(.active) {
  color: #00c0ff;
}
.sort-button[_ngcontent-iec-c123]:hover:not(.active)
  .iconfont[_ngcontent-iec-c123] {
  color: #fff;
}
.light[_nghost-iec-c123]
  .sort-button[_ngcontent-iec-c123]:hover:not(.active)
  .iconfont[_ngcontent-iec-c123],
.light
  [_nghost-iec-c123]
  .sort-button[_ngcontent-iec-c123]:hover:not(.active)
  .iconfont[_ngcontent-iec-c123] {
  color: #00c0ff;
}
.sort-button.desc[_ngcontent-iec-c123] .iconfont[_ngcontent-iec-c123] {
  transform: rotate(-180deg);
}
.sort-button[_ngcontent-iec-c123] i[_ngcontent-iec-c123],
.sort-button[_ngcontent-iec-c123] span[_ngcontent-iec-c123] {
  line-height: 16px;
}
.video-detail[_ngcontent-iec-c124] {
  margin-bottom: 50px;
}
.poster[_ngcontent-iec-c124] {
  width: 182px;
  height: 262px;
  flex: 0 0 100px;
  margin-right: 20px;
}
.title[_ngcontent-iec-c124] {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 380px;
}
.light[_nghost-iec-c124] .title[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .title[_ngcontent-iec-c124] {
  color: #333;
}
.title[_ngcontent-iec-c124]:hover {
  color: #00c0ff !important;
}
.tag[_ngcontent-iec-c124] {
  color: #ffffffb3;
  background-color: #2b2c3a;
  font-size: 12px;
  padding: 0.1em 0;
  width: 55px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 1em;
  text-align: center;
}
.light[_nghost-iec-c124] .tag[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .tag[_ngcontent-iec-c124] {
  background-color: #f8f8f8;
}
.light[_nghost-iec-c124] .tag[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .tag[_ngcontent-iec-c124] {
  color: #888;
}
.actors[_ngcontent-iec-c124],
.info-row[_ngcontent-iec-c124] {
  height: 20px;
}
.actors[_ngcontent-iec-c124] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.text-number[_ngcontent-iec-c124] {
  color: #ffffffb3;
}
.light[_nghost-iec-c124] .text-number[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .text-number[_ngcontent-iec-c124] {
  color: #333;
}
.label-icon[_ngcontent-iec-c124] {
  display: flex;
  align-items: center;
  margin-right: 0.2em;
  min-width: 60px;
  font-size: 12px;
  color: #fff6;
}
.light[_nghost-iec-c124] .label-icon[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .label-icon[_ngcontent-iec-c124] {
  color: #888;
}
.label-icon[_ngcontent-iec-c124] .iconfont[_ngcontent-iec-c124] {
  font-size: 16px;
}
.label-icon[_ngcontent-iec-c124] i[_ngcontent-iec-c124] {
  margin-right: 2px;
  font-size: 18px;
}
.label-icon-sl-ctn[_ngcontent-iec-c124] {
  display: none;
}
.rating-number[_ngcontent-iec-c124] {
  font-size: 20px;
  color: #ffb400;
  margin-left: 20px;
  margin-right: 20px;
}
.episode-ctn[_ngcontent-iec-c124] {
  margin-top: 12px;
  width: 90px;
  padding: 0 10px;
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #242435;
  color: #ffffffb3;
}
.light[_nghost-iec-c124] .episode-ctn[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .episode-ctn[_ngcontent-iec-c124] {
  background-color: #eee;
}
.light[_nghost-iec-c124] .episode-ctn[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .episode-ctn[_ngcontent-iec-c124] {
  color: #333;
}
.episode-ctn[_ngcontent-iec-c124]:hover {
  color: #00c0ff;
}
.light[_nghost-iec-c124] .episode-ctn[_ngcontent-iec-c124]:hover,
.light [_nghost-iec-c124] .episode-ctn[_ngcontent-iec-c124]:hover {
  color: #00c0ff;
}
.episode-ctn.notshow[_ngcontent-iec-c124] {
  line-height: 52px;
  font-size: 18px;
}
.episode-ctn.larger[_ngcontent-iec-c124] {
  width: 200px;
}
.play-right-now[_ngcontent-iec-c124] {
  width: 90px;
  height: 38px;
  line-height: 37px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #00c0ff;
  color: #00c0ff !important;
  font-size: 14px;
  cursor: pointer;
}
.play-right-now[_ngcontent-iec-c124]:hover {
  background-color: #00c0ff;
  color: #fff !important;
}
.svideo-time-shadow[_ngcontent-iec-c124] {
  background: #000;
  background: linear-gradient(180deg, #0000, #00000080 38%, #000000e6);
  left: 0;
  height: 30px;
  width: 100%;
  position: absolute;
  bottom: 4px;
}
.svideo-time-label[_ngcontent-iec-c124] {
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 5px;
  bottom: 4px;
}
.svideo-uploader-info[_ngcontent-iec-c124] {
  color: #fff6;
}
.light[_nghost-iec-c124] .svideo-uploader-info[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .svideo-uploader-info[_ngcontent-iec-c124] {
  color: #888;
}
.svideo-uploader-text[_ngcontent-iec-c124] {
  color: #ffffffb3;
}
.light[_nghost-iec-c124] .svideo-uploader-text[_ngcontent-iec-c124],
.light [_nghost-iec-c124] .svideo-uploader-text[_ngcontent-iec-c124] {
  color: #333;
}
.result-nav-link[_ngcontent-iec-c124]:visited {
  color: #636363;
}
.light[_nghost-iec-c124] .result-nav-link[_ngcontent-iec-c124]:visited,
.light [_nghost-iec-c124] .result-nav-link[_ngcontent-iec-c124]:visited {
  color: #888;
}
.result-nav-link[_ngcontent-iec-c124]:visited .title[_ngcontent-iec-c124] {
  color: #636363;
}
.light[_nghost-iec-c124]
  .result-nav-link[_ngcontent-iec-c124]:visited
  .title[_ngcontent-iec-c124],
.light
  [_nghost-iec-c124]
  .result-nav-link[_ngcontent-iec-c124]:visited
  .title[_ngcontent-iec-c124] {
  color: #888;
}
.result-nav-link[_ngcontent-iec-c124]:visited
  .svideo-title[_ngcontent-iec-c124] {
  color: #636363;
}
.light[_nghost-iec-c124]
  .result-nav-link[_ngcontent-iec-c124]:visited
  .svideo-title[_ngcontent-iec-c124],
.light
  [_nghost-iec-c124]
  .result-nav-link[_ngcontent-iec-c124]:visited
  .svideo-title[_ngcontent-iec-c124] {
  color: #888;
}
.result-nav-link[_ngcontent-iec-c124]:visited
  .episode-ctn[_ngcontent-iec-c124] {
  color: #636363;
}
.light[_nghost-iec-c124]
  .result-nav-link[_ngcontent-iec-c124]:visited
  .episode-ctn[_ngcontent-iec-c124],
.light
  [_nghost-iec-c124]
  .result-nav-link[_ngcontent-iec-c124]:visited
  .episode-ctn[_ngcontent-iec-c124] {
  color: #888;
}
.top-right-icon[_ngcontent-iec-c124] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
}
.top-right-icon[_ngcontent-iec-c124] div[_ngcontent-iec-c124]:last-child {
  margin-right: 0 !important;
}
.high-res[_ngcontent-iec-c124] {
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
  z-index: 2;
  width: 25px;
  height: 17px;
  margin-right: 8px;
}
.high-res.icon-4K[_ngcontent-iec-c124] {
  
}

.high-res.icon-4K[_ngcontent-iec-c124] {
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1439px) {
  .title[_ngcontent-iec-c124] {
    max-width: 200px;
  }
  .episode-ctn[_ngcontent-iec-c124] {
    width: 84px;
  }
  .episode-ctn.larger[_ngcontent-iec-c124] {
    width: 180px;
  }
  .label-icon[_ngcontent-iec-c124] {
    display: none;
  }
  .label-icon-sl-ctn[_ngcontent-iec-c124] {
    display: flex !important;
  }
  .label-icon-sl-ctn[_ngcontent-iec-c124] .label-icon[_ngcontent-iec-c124] {
    display: block !important;
  }
}
@media (min-width: 1440px) and (max-width: 1678px) {
  .title[_ngcontent-iec-c124] {
    max-width: 200px;
  }
  .episode-ctn[_ngcontent-iec-c124] {
    width: 84px;
  }
  .episode-ctn.larger[_ngcontent-iec-c124] {
    width: 180px;
  }
  .label-icon[_ngcontent-iec-c124] {
    display: none;
  }
  .label-icon-sl-ctn[_ngcontent-iec-c124] {
    display: flex !important;
  }
  .label-icon-sl-ctn[_ngcontent-iec-c124] .label-icon[_ngcontent-iec-c124] {
    display: block !important;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .title[_ngcontent-iec-c124] {
    max-width: 200px;
  }
}
.pagination[_ngcontent-iec-c127] {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
li[_ngcontent-iec-c127] span[_ngcontent-iec-c127] {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 12px;
  margin: 4px;
  border-radius: 2px;
  min-width: 40px;
  white-space: nowrap;
  color: #ffffffb3;
}
.light[_nghost-iec-c127] li[_ngcontent-iec-c127] span[_ngcontent-iec-c127],
.light [_nghost-iec-c127] li[_ngcontent-iec-c127] span[_ngcontent-iec-c127] {
  color: #888;
}
li[_ngcontent-iec-c127] span[_ngcontent-iec-c127]:hover {
  background-color: #373843;
  color: #fff;
}
.light[_nghost-iec-c127]
  li[_ngcontent-iec-c127]
  span[_ngcontent-iec-c127]:hover,
.light
  [_nghost-iec-c127]
  li[_ngcontent-iec-c127]
  span[_ngcontent-iec-c127]:hover {
  background-color: #00c0ff;
}
.light[_nghost-iec-c127]
  li[_ngcontent-iec-c127]
  span[_ngcontent-iec-c127]:hover,
.light
  [_nghost-iec-c127]
  li[_ngcontent-iec-c127]
  span[_ngcontent-iec-c127]:hover {
  color: #fff;
}
li[_ngcontent-iec-c127] span.active[_ngcontent-iec-c127] {
  border: 1px solid #00c0ff;
  background-color: #00c0ff;
  color: #fff !important;
}
li.disabled[_ngcontent-iec-c127] span[_ngcontent-iec-c127] {
  cursor: default;
  color: #424242 !important;
}
.light[_nghost-iec-c127]
  li.disabled[_ngcontent-iec-c127]
  span[_ngcontent-iec-c127],
.light
  [_nghost-iec-c127]
  li.disabled[_ngcontent-iec-c127]
  span[_ngcontent-iec-c127] {
  color: #ddd !important;
}
li[_ngcontent-iec-c127] span.omitted[_ngcontent-iec-c127],
li.disabled[_ngcontent-iec-c127] span[_ngcontent-iec-c127]:hover {
  background-color: initial !important;
}
li[_ngcontent-iec-c127] span.omitted[_ngcontent-iec-c127] {
  color: #ffffffb3 !important;
  cursor: default !important;
}
.light[_nghost-iec-c127]
  li[_ngcontent-iec-c127]
  span.omitted[_ngcontent-iec-c127],
.light
  [_nghost-iec-c127]
  li[_ngcontent-iec-c127]
  span.omitted[_ngcontent-iec-c127] {
  color: #888 !important;
}
@media (max-width: 1439px) {
  li[_ngcontent-iec-c127] span[_ngcontent-iec-c127] {
    margin: 2px;
  }
}

/* dream */
.no-ie[_ngcontent-uux-c82] {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #0006;
  z-index: 99999;
  color: #000;
}
.no-ie-box[_ngcontent-uux-c82],
.no-ie.danger-notify[_ngcontent-uux-c82] {
  background-color: #fff;
}
.no-ie-box[_ngcontent-uux-c82] {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100000;
  position: fixed;
  width: 640px;
  height: 400px;
  left: 50%;
  top: 50%;
  font-size: 18px;
  padding: 15px;
  transform: translate(-50%, -50%);
}
.buttons-gap[_ngcontent-uux-c82] {
  height: 70px;
  position: absolute;
  top: 0;
  border-right: 2px solid #373843;
}
.light[_nghost-uux-c82] .buttons-gap[_ngcontent-uux-c82],
.light [_nghost-uux-c82] .buttons-gap[_ngcontent-uux-c82] {
  border-right-color: #ddd;
}
.guide-cover[_ngcontent-uux-c82] {
  position: fixed;
  z-index: 5000;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
.still-leave-btn[_ngcontent-uux-c82] {
  color: #fff3 !important;
}
.light[_nghost-uux-c82] .still-leave-btn[_ngcontent-uux-c82],
.light [_nghost-uux-c82] .still-leave-btn[_ngcontent-uux-c82] {
  color: #afafaf !important;
}
.logo-title[_ngcontent-uux-c59] {
  color: #fff;
  height: 1em;
  font-size: 41px;
  font-weight: 700;
  position: absolute;
  top: -0.01em;
  font-family: Microsoft Yahei;
  margin-left: 11px;
}
.logo[_ngcontent-uux-c59] {
  min-width: 187px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.img-pos[_ngcontent-uux-c59] {
  position: absolute;
  left: 0;
  transition: all 0.2s;
  top: 11px;
}
.i-hidden[_ngcontent-uux-c59] {
  opacity: 0;
}
.outline[_ngcontent-uux-c59] {
  display: inline-block;
  background-color: initial;
  width: 1px;
  height: 100%;
}
.light[_nghost-uux-c59] .outline[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .outline[_ngcontent-uux-c59] {
  border-color: #0000;
}
.nav-bar[_ngcontent-uux-c59] {
  width: 122px;
  background-color: inherit;
}
.light[_nghost-uux-c59] .nav-bar[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .nav-bar[_ngcontent-uux-c59] {
  background-color: initial;
}
.top-nav[_ngcontent-uux-c59] {
  padding: 0;
  height: 62px;
  width: 100%;
  z-index: 9998;
  top: 0;
  left: 0;
  position: absolute;
  transition: background-color 0.2s;
}
.light[_nghost-uux-c59] .top-nav[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .top-nav[_ngcontent-uux-c59] {
  color: #fff;
}
.top-nav.no-trans[_ngcontent-uux-c59] {
  transition: none !important;
}
.top-nav.fixed[_ngcontent-uux-c59] {
  min-width: 1340px;
  position: fixed;
}
.light[_nghost-uux-c59] .top-nav.fixed[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .top-nav.fixed[_ngcontent-uux-c59] {
  border-color: #0000;
}
.top-nav[_ngcontent-uux-c59]:after {
  content: "";
  height: 62px;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    #0009,
    #00000080 15%,
    #00000052 38%,
    #0003 50%,
    rgba(0, 0, 0, 0.067) 74%,
    #00000008 86%,
    #0000 99%,
    #0000
  );
}
.discount[_ngcontent-uux-c59],
.top-nav[_ngcontent-uux-c59]:after {
  position: absolute;
}
.elementHoverable[_ngcontent-uux-c59] {
  min-width: 4.5em;
}
.elementHoverable[_ngcontent-uux-c59] div[title][_ngcontent-uux-c59] {
  margin: 0 auto;
}
.elementHoverable[_ngcontent-uux-c59] div[title][_ngcontent-uux-c59]:after {
  content: attr(title);
  font-size: 12px;
  transition: all 0.2s;
  white-space: nowrap;
  position: absolute;
  text-align: center;
  bottom: -2em;
  opacity: 0;
  pointer-events: none;
  margin-left: -0.2em;
  transform: translateX(-50%);
  left: 50%;
}
.elementHoverable[_ngcontent-uux-c59] .iconfont[_ngcontent-uux-c59] {
  transition: all 0.2s;
}
.elementHoverable[_ngcontent-uux-c59]:hover div[title][_ngcontent-uux-c59] {
  color: #fff;
}
.elementHoverable[_ngcontent-uux-c59]:hover .iconfont[_ngcontent-uux-c59] {
  font-size: 18px;
  margin-top: -1em;
}
.elementHoverable[_ngcontent-uux-c59]:hover
  div[title][_ngcontent-uux-c59]:after {
  bottom: 1em;
  opacity: 1;
}
.elementHoverable[_ngcontent-uux-c59]:hover .iconfont[_ngcontent-uux-c59] {
  font-size: 18px !important;
}
.uploader[_ngcontent-uux-c59] {
  cursor: pointer;
  color: #ffffffb3;
  margin: 0 auto;
}
.light[_nghost-uux-c59] .uploader[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .uploader[_ngcontent-uux-c59] {
  color: #fff;
}
.uploader[_ngcontent-uux-c59]:after {
  margin-left: 0 !important;
}
.uploadtable[_ngcontent-uux-c59] {
  position: relative;
}
.uploadtable[_ngcontent-uux-c59]:hover .upload-hover-box[_ngcontent-uux-c59] {
  display: block;
}
.upload-hover-box[_ngcontent-uux-c59] {
  position: absolute;
  top: 4.8em;
  left: -179px;
  padding: 2em 1em;
  background-color: #2b2c3a;
  box-shadow: 2px 2px 1px 0 #00000057;
  width: 32em;
  display: none;
}
.light[_nghost-uux-c59] .upload-hover-box[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .upload-hover-box[_ngcontent-uux-c59] {
  background-color: #fafafa;
}
.light[_nghost-uux-c59] .upload-hover-box[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .upload-hover-box[_ngcontent-uux-c59] {
  box-shadow: 2px 2px 4px 0 #0000003d;
}
.upload-hover-box[_ngcontent-uux-c59] .upload-title[_ngcontent-uux-c59] {
  color: #ffffffb3;
  margin-top: 1em;
  font-size: 12px !important;
  display: flex;
  align-items: center;
  position: relative;
}
.upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59]
  .iconfont[_ngcontent-uux-c59] {
  position: absolute;
  right: -20px;
  top: 13px;
  color: #00c0ff;
}
.upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59]
  .iconfont[_ngcontent-uux-c59]:after {
  content: "电影、电视剧、综艺等...";
  font-size: 12px;
  padding: 2px 4px;
  white-space: nowrap;
  color: #222;
  display: none;
  background-color: #fef3c9;
  position: absolute;
}
.upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59]
  .iconfont[_ngcontent-uux-c59]:hover:after {
  display: block;
}
.light[_nghost-uux-c59]
  .upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59],
.light
  [_nghost-uux-c59]
  .upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59] {
  color: #888;
}
.upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59]
  span[_ngcontent-uux-c59]:hover {
  color: #fff;
}
.light[_nghost-uux-c59]
  .upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59]
  span[_ngcontent-uux-c59]:hover,
.light
  [_nghost-uux-c59]
  .upload-hover-box[_ngcontent-uux-c59]
  .upload-title[_ngcontent-uux-c59]
  span[_ngcontent-uux-c59]:hover {
  color: #333;
}
.upload-hover-box[_ngcontent-uux-c59] .upload-btn[_ngcontent-uux-c59] {
  cursor: pointer;
}
.container[_ngcontent-uux-c59] {
  position: relative;
  z-index: 4000;
}
.container[_ngcontent-uux-c59],
.container[_ngcontent-uux-c59] .inner[_ngcontent-uux-c59] {
  height: 100%;
}
.membership-status[_ngcontent-uux-c59] {
  white-space: nowrap;
}
.box[_ngcontent-uux-c59] {
  flex: 1;
  display: flex;
  justify-content: center;
}
.box[_ngcontent-uux-c59]:first-child > div[_ngcontent-uux-c59] {
  margin-right: auto;
}
.box[_ngcontent-uux-c59] {
  align-items: center;
  height: 100%;
}
.logo[_ngcontent-uux-c59] {
  width: 200px;
  margin-right: 20px;
}
.logo.hidden[_ngcontent-uux-c59] {
  display: none !important;
}
.logo.app[_ngcontent-uux-c59] {
  position: absolute;
}
@media (max-width: 1439px) {
  .logo[_ngcontent-uux-c59] {
    width: 148px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1911px) {
  .logo[_ngcontent-uux-c59] {
    width: 168px !important;
  }
}
.app[_ngcontent-uux-c59] .moveable[_ngcontent-uux-c59] {
  margin-left: -8.5em;
}
.navbg[_ngcontent-uux-c59] {
  background: linear-gradient(180deg, #00000080, #fff0);
  background-color: #1c1d2ffa;
}
.light[_nghost-uux-c59] .navbg[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .navbg[_ngcontent-uux-c59] {
  background: #0000;
}
.light[_nghost-uux-c59] .navbg[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .navbg[_ngcontent-uux-c59] {
  background-color: #fff;
}
.navbg[_ngcontent-uux-c59]:after {
  height: 0;
  background: none;
}
.playPageNavBg[_ngcontent-uux-c59] {
  background: linear-gradient(180deg, #00000080, #fff0) !important;
  background-color: #1c1d2ffa !important;
  color: #fff !important;
}
.top-nav-shadow[_ngcontent-uux-c59] {
  padding: 0;
  height: 62px;
  width: 100%;
  z-index: 3995;
  top: 0;
  left: 0;
  position: absolute;
}
.top-nav-shadow.fixed[_ngcontent-uux-c59] {
  position: fixed;
}
.light[_nghost-uux-c59] .top-nav-shadow.navShadow[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .top-nav-shadow.navShadow[_ngcontent-uux-c59] {
  box-shadow: 0 4px 40px 10px #0000001f;
}
.multi-top-buttons[_ngcontent-uux-c59] {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 150px;
}
.multi-top-buttons[_ngcontent-uux-c59] .top-nav-btn[_ngcontent-uux-c59] {
  margin-left: 2.4em;
}
.multi-top-buttons[_ngcontent-uux-c59]
  .top-nav-btn[_ngcontent-uux-c59]:first-child {
  margin-left: 0 !important;
}
.margin-adjust[_ngcontent-uux-c59] {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}
@media (max-width: 1678px) {
  .margin-adjust[_ngcontent-uux-c59] {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
}
.discover-btn[_ngcontent-uux-c59],
.top-nav-btn[_ngcontent-uux-c59] {
  position: relative;
}
.top-nav-btn[_ngcontent-uux-c59] .top-nav-btn-new-icon[_ngcontent-uux-c59] {
  text-align: center;
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: absolute;
  top: 3px;
  right: -21px;
  font-size: 12px;
  height: 18px;
  line-height: 17px;
  font-weight: 400;
  background-color: #0085ff;
  color: #fff !important;
  cursor: default;
}
.btn-text[_ngcontent-uux-c59] {
  font-size: 16px;
  color: #ffffffb3;
}
.light[_nghost-uux-c59] .btn-text[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .btn-text[_ngcontent-uux-c59] {
  color: #fff;
}
.btn-text[_ngcontent-uux-c59]:hover {
  color: #fff;
}
.btn-text.main-color[_ngcontent-uux-c59]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c59] .btn-text.grey-color[_ngcontent-uux-c59],
.light [_nghost-uux-c59] .btn-text.grey-color[_ngcontent-uux-c59] {
  color: #888 !important;
}
.light[_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text[_ngcontent-uux-c59],
.light
  [_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text[_ngcontent-uux-c59],
.light[_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text.grey-color[_ngcontent-uux-c59],
.light
  [_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text.grey-color[_ngcontent-uux-c59] {
  color: #ffffffb3 !important;
}
.light[_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text.grey-color[_ngcontent-uux-c59]:hover,
.light
  [_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text.grey-color[_ngcontent-uux-c59]:hover,
.light[_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text[_ngcontent-uux-c59]:hover,
.light
  [_nghost-uux-c59]
  .top-nav.playPage[_ngcontent-uux-c59]
  .btn-text[_ngcontent-uux-c59]:hover {
  color: #fff !important;
}
.btn-new-icon[_ngcontent-uux-c59] {
  text-align: center;
  padding: 0 5px;
  justify-content: center;
  border-radius: 4px;
  position: absolute;
  top: 4px;
  left: 38px;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  font-weight: 400;
  background-color: #1283d2;
  color: #fff !important;
  cursor: default;
}
.backToOld[_ngcontent-uux-c59],
.btn-new-icon[_ngcontent-uux-c59] {
  display: flex;
  align-items: center;
}
.backToOld[_ngcontent-uux-c59] {
  margin-left: -25px;
  font-size: 16px;
  font-weight: 700;
}
.hidden-button[_ngcontent-uux-c59] {
  width: 20px;
  height: 20px;
  position: absolute;
  margin-left: -30px;
  margin-top: -30px;
}
.lottery-prize[_ngcontent-uux-c59] {
  width: 64px;
  height: 34px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.lottery-prize-name[_ngcontent-uux-c59] {
  width: 64px;
  font-size: 12px;
  text-align: center;
}
.lottery-button[_ngcontent-uux-c59],
.lottery-prize-name[_ngcontent-uux-c59] {
  opacity: 0;
  position: absolute;
  height: 34px;
}
.lottery-button[_ngcontent-uux-c59] {
  width: 44px;
  
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.lottery-button.fade-in[_ngcontent-uux-c59],
.lottery-prize-name.fade-in[_ngcontent-uux-c59] {
  animation: fade 3s infinite;
}
.invite-svgaplaybox[_ngcontent-uux-c59] {
  width: 48px;
  height: 48px;
  background-color: #fff0 !important;
  cursor: pointer;
}
@media screen and (max-width: 1340px) {
  .top-nav.fixed[_ngcontent-uux-c59] {
    position: absolute !important;
  }
  .top-nav-shadow.navShadow[_ngcontent-uux-c59] {
    box-shadow: none !important;
  }
}
a[_ngcontent-uux-c49] {
  display: block;
  padding: 10px 12px;
}
.nav-expander.expanded[_ngcontent-uux-c49] a[_ngcontent-uux-c49],
.nav-expander[_ngcontent-uux-c49]:hover a[_ngcontent-uux-c49] {
  color: #fff;
  opacity: 1 !important;
}
.nav-expander.expanded[_ngcontent-uux-c49] span[_ngcontent-uux-c49],
.nav-expander[_ngcontent-uux-c49]:hover span[_ngcontent-uux-c49] {
  opacity: 1 !important;
}
.nav-expander[_ngcontent-uux-c49] a[_ngcontent-uux-c49] {
  padding: 3px 3px 3px 12px;
}
.hot-icon[_ngcontent-uux-c49] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 87px;
  height: 5px;
  width: 5px;
  background-color: red;
}
.mainColor[_ngcontent-uux-c49] {
  color: #00c0ff;
}
.margin-adjust[_ngcontent-uux-c49] {
  margin-top: 2px !important;
}
[_nghost-uux-c50] {
  margin-top: 2px;
}
.search-box[_ngcontent-uux-c50] {
  width: 478px;
  height: 40px;
}
.search-box.focused[_ngcontent-uux-c50] #search-input[_ngcontent-uux-c50] {
  color: #fff;
}
.inner[_ngcontent-uux-c50] {
  width: 100%;
  height: 100%;
  position: relative;
}
.search-suggest[_ngcontent-uux-c50] {
  left: 36px;
  top: 11px;
  transition: all 0.3s ease-out;
  z-index: 0;
  white-space: nowrap;
  color: #b5b5b5;
}
#search-input[_ngcontent-uux-c50],
.search-suggest[_ngcontent-uux-c50] {
  position: absolute;
  color: #ffffffb3;
}
#search-input[_ngcontent-uux-c50] {
  top: 0;
  left: 0;
  line-height: 28px;
  border: 1px solid #0000;
  background-color: #98989833;
  border-radius: 19px;
  padding: 5px 10px 5px 36px;
  width: 100%;
}
.submit[_ngcontent-uux-c50] {
  width: 80px;
  height: 100%;
  border-radius: 0 19px 19px 0;
  color: #fff;
  position: absolute;
  top: 0;
  right: -0.1em;
  font-size: 13px;
  white-space: nowrap;
  line-height: 41px;
  z-index: 2;
  cursor: pointer;
}
.submit[_ngcontent-uux-c50],
.submit[_ngcontent-uux-c50]:hover {
  background-color: #00c0ff;
}
.search-agent[_ngcontent-uux-c50] {
  border: 1px solid #0000;
  border-radius: 0;
  position: absolute;
  top: 38px;
  left: 10px;
  width: 390px;
  background-color: #1c1d2f;
  z-index: 9999;
  transition: all 1s ease-in-out;
  box-shadow: 2px 2px 1px 0 #00000057;
}
.light[_nghost-uux-c50] .search-agent[_ngcontent-uux-c50],
.light [_nghost-uux-c50] .search-agent[_ngcontent-uux-c50] {
  border-color: #0000;
}
.light[_nghost-uux-c50] .search-agent[_ngcontent-uux-c50],
.light [_nghost-uux-c50] .search-agent[_ngcontent-uux-c50] {
  background-color: #fff;
}
.light[_nghost-uux-c50] .search-agent[_ngcontent-uux-c50],
.light [_nghost-uux-c50] .search-agent[_ngcontent-uux-c50] {
  box-shadow: 2px 2px 4px 0 #0000003d;
}
.light[_nghost-uux-c50] .search-agent[_ngcontent-uux-c50],
.light [_nghost-uux-c50] .search-agent[_ngcontent-uux-c50] {
  color: #333;
}
.search-agent[_ngcontent-uux-c50] .item[_ngcontent-uux-c50] {
  margin: 0;
  padding: 4px 8px;
  line-height: 23px;
  cursor: pointer;
  position: relative;
  align-items: center;
}
.search-agent[_ngcontent-uux-c50] .item.active[_ngcontent-uux-c50],
.search-agent[_ngcontent-uux-c50] .item[_ngcontent-uux-c50]:hover {
  background-color: #2b2c3a;
  color: inherit !important;
}
.light[_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item.active[_ngcontent-uux-c50],
.light
  [_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item.active[_ngcontent-uux-c50],
.light[_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item[_ngcontent-uux-c50]:hover,
.light
  [_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item[_ngcontent-uux-c50]:hover {
  background-color: #fff;
}
.light[_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item.active[_ngcontent-uux-c50],
.light
  [_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item.active[_ngcontent-uux-c50],
.light[_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item[_ngcontent-uux-c50]:hover,
.light
  [_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .item[_ngcontent-uux-c50]:hover {
  color: inherit;
}
.search-agent[_ngcontent-uux-c50]
  .item[_ngcontent-uux-c50]
  span[_ngcontent-uux-c50] {
  line-height: 23px;
}
.search-agent[_ngcontent-uux-c50] .trending-search-item[_ngcontent-uux-c50] {
  padding: 5px 8px 5px 42px;
}
.light[_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .trending-search-item[_ngcontent-uux-c50]
  span.flex-1[_ngcontent-uux-c50],
.light
  [_nghost-uux-c50]
  .search-agent[_ngcontent-uux-c50]
  .trending-search-item[_ngcontent-uux-c50]
  span.flex-1[_ngcontent-uux-c50] {
  color: #333;
}
.iconsousuo[_ngcontent-uux-c50] {
  top: 4px;
  font-size: 32px;
  right: 16px;
  line-height: 32px;
  position: absolute;
  opacity: 0.4;
  color: #fff;
  cursor: pointer;
}
.iconsousuo[_ngcontent-uux-c50]:hover {
  opacity: 1;
}
.iconpaihang2[_ngcontent-uux-c50] {
  top: 4px;
  font-size: 32px;
  right: 52px;
  line-height: 32px;
  position: absolute;
  opacity: 0.4;
  color: #fff;
  cursor: pointer;
}
.iconpaihang2[_ngcontent-uux-c50]:hover {
  opacity: 1;
}
.trending-search-index[_ngcontent-uux-c50] {
  height: 22px;
  width: 22px;
  text-align: center;
  background-color: #bfbfbf;
  color: #fff;
  line-height: 22px;
  font-size: 11px;
}
.trending-search-index.rank1[_ngcontent-uux-c50] {
  background-color: #e7a200;
}
.trending-search-index.rank2[_ngcontent-uux-c50] {
  background-color: #b85702;
}
.trending-search-index.rank3[_ngcontent-uux-c50] {
  background-color: #a33407;
}
.header[_ngcontent-uux-c50] {
  padding: 5px 8px;
}
.hd-line[_ngcontent-uux-c50] {
  padding: 4px 8px;
  line-height: 35px;
}
.instance-result-item[_ngcontent-uux-c50] span[_ngcontent-uux-c50] {
  color: red;
}
.clear-button[_ngcontent-uux-c50] {
  color: #fff;
}
.light[_nghost-uux-c50] .clear-button[_ngcontent-uux-c50],
.light [_nghost-uux-c50] .clear-button[_ngcontent-uux-c50] {
  color: #333;
}
.clear-button[_ngcontent-uux-c50]:hover {
  color: red;
}
@media (max-width: 1678px) {
  .search-agent[_ngcontent-uux-c50] {
    width: 290px !important;
  }
}
@media (max-width: 1439px) {
  .search-box[_ngcontent-uux-c50] {
    width: 330px !important;
  }
  .search-agent[_ngcontent-uux-c50] {
    width: 290px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1678px) {
  .search-box[_ngcontent-uux-c50] {
    width: 315px !important;
  }
  .search-agent[_ngcontent-uux-c50] {
    width: 290px !important;
  }
}
.light[_nghost-uux-c50] .search-history-item[_ngcontent-uux-c50],
.light [_nghost-uux-c50] .search-history-item[_ngcontent-uux-c50] {
  color: #333;
}
.trending-number[_ngcontent-uux-c50] {
  color: #494958;
  font-size: 14px;
}
.light[_nghost-uux-c50] .trending-number[_ngcontent-uux-c50],
.light [_nghost-uux-c50] .trending-number[_ngcontent-uux-c50] {
  color: #888;
}
.trending-number.icon-1[_ngcontent-uux-c50] {
  color: #ff4800 !important;
}
.trending-number.icon-2[_ngcontent-uux-c50] {
  color: #ff7800 !important;
}
.trending-number.icon-3[_ngcontent-uux-c50] {
  color: #ffb400 !important;
}
.item[_ngcontent-uux-c52] {
  position: relative;
  height: 100%;
  font-size: 13px;
}
.notifications[_ngcontent-uux-c52] {
  right: 1em;
  top: 1.5em;
  position: absolute;
  width: 0.4em;
  height: 0.4em;
  padding: 0;
  color: #000;
  min-width: 1px;
}
.notifications.showNum[_ngcontent-uux-c52] {
  right: -0.4em;
  top: 0.5em;
  min-width: 16px;
  width: auto;
  height: 16px;
  line-height: 16px;
  color: #fff;
  border-radius: 4px;
}
.notifications.showNum[_ngcontent-uux-c52] span[_ngcontent-uux-c52] {
  margin-left: -0.1em;
}
.item[_ngcontent-uux-c52] .align-items-center[_ngcontent-uux-c52] {
  color: #ffffffb3;
}
.light[_nghost-uux-c52]
  .item[_ngcontent-uux-c52]
  .align-items-center[_ngcontent-uux-c52],
.light
  [_nghost-uux-c52]
  .item[_ngcontent-uux-c52]
  .align-items-center[_ngcontent-uux-c52] {
  color: #fff;
}
.item[_ngcontent-uux-c52] .align-items-center[_ngcontent-uux-c52]:after {
  margin-left: 0 !important;
}
.item[_ngcontent-uux-c52] {
  min-width: 4.5em;
}
.item[_ngcontent-uux-c52] div[title][_ngcontent-uux-c52] {
  margin: 0 auto;
}
.item[_ngcontent-uux-c52] div[title][_ngcontent-uux-c52]:after {
  content: attr(title);
  font-size: 12px;
  transition: all 0.2s;
  white-space: nowrap;
  position: absolute;
  text-align: center;
  bottom: -2em;
  opacity: 0;
  pointer-events: none;
  margin-left: -0.2em;
  transform: translateX(-50%);
  left: 50%;
}
.item[_ngcontent-uux-c52] .iconfont[_ngcontent-uux-c52] {
  transition: all 0.2s;
}
.item[_ngcontent-uux-c52]:hover div[title][_ngcontent-uux-c52] {
  color: #fff;
}
.item[_ngcontent-uux-c52]:hover .iconfont[_ngcontent-uux-c52] {
  font-size: 18px;
  margin-top: -1em;
}
.item[_ngcontent-uux-c52]:hover div[title][_ngcontent-uux-c52]:after {
  bottom: 1em;
  opacity: 1;
}
.item[_ngcontent-uux-c52]:hover .iconfont[_ngcontent-uux-c52] {
  font-size: 18px !important;
}
.item-img[_ngcontent-uux-c52] {
  width: 25px;
  margin: 0 10px 0 0;
}
.dNotify[_ngcontent-uux-c52] {
  animation-name: notify;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.dCaption[_ngcontent-uux-c52],
.dNotify[_ngcontent-uux-c52] {
  text-align: center;
  display: block;
}
.dCaption[_ngcontent-uux-c52] {
  animation: data 2s infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fec1a1;
  font-size: 14px;
  width: 4em;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 1px #656565;
  white-space: nowrap;
}
@keyframes data {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes notify {
  0% {
    transform: translateY(0) rotateY(0);
  }
  15% {
    transform: translateY(-10px) rotateY(0);
  }
  50% {
    transform: translateY(-10px) rotateY(1turn) scale(1);
  }
  75% {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
  to {
    transform: translateY(0) rotateY(1turn) scale(0);
  }
}
[_nghost-uux-c55] {
  position: relative;
}
.sign-in-ctn[_ngcontent-uux-c55] {
  cursor: pointer;
  color: #ffffffb3;
  min-width: 4.5em;
  text-align: center;
  height: 100%;
}
.sign-in-ctn[_ngcontent-uux-c55] div[title][_ngcontent-uux-c55] {
  margin: 0 auto;
}
.sign-in-ctn[_ngcontent-uux-c55] div[title][_ngcontent-uux-c55]:after {
  content: attr(title);
  font-size: 12px;
  transition: all 0.2s;
  white-space: nowrap;
  position: absolute;
  text-align: center;
  bottom: -2em;
  opacity: 0;
  pointer-events: none;
  margin-left: -0.2em;
  transform: translateX(-50%);
  left: 50%;
}
.sign-in-ctn[_ngcontent-uux-c55] .iconfont[_ngcontent-uux-c55] {
  transition: all 0.2s;
}
.sign-in-ctn[_ngcontent-uux-c55]:hover div[title][_ngcontent-uux-c55] {
  color: #fff;
}
.sign-in-ctn[_ngcontent-uux-c55]:hover .iconfont[_ngcontent-uux-c55] {
  font-size: 18px;
  margin-top: -1em;
}
.sign-in-ctn[_ngcontent-uux-c55]:hover div[title][_ngcontent-uux-c55]:after {
  bottom: 1em;
  opacity: 1;
}
.sign-in-ctn[_ngcontent-uux-c55] .sign-in[_ngcontent-uux-c55] {
  margin: 0 auto;
}
.light[_nghost-uux-c55]
  .sign-in-ctn[_ngcontent-uux-c55]
  .sign-in[_ngcontent-uux-c55],
.light
  [_nghost-uux-c55]
  .sign-in-ctn[_ngcontent-uux-c55]
  .sign-in[_ngcontent-uux-c55] {
  color: #fff;
}
.sign-in-ctn[_ngcontent-uux-c55] .sign-in[_ngcontent-uux-c55]:after {
  margin-left: 0 !important;
}
.sign-in-ctn[_ngcontent-uux-c55]:hover .iconfont[_ngcontent-uux-c55] {
  font-size: 18px !important;
}
.new-label[_ngcontent-uux-c55] {
  background-color: #f15151;
  color: #333;
  position: absolute;
  top: -12px;
  left: 38px;
  font-size: 12px;
  font-weight: 600;
  padding: 0 6px;
  transform: scale(0.7);
  border-radius: 10px 10px 10px 0;
}
.sign-in-text[_ngcontent-uux-c55] {
  vertical-align: text-bottom;
}
.popup-box-arrow[_ngcontent-uux-c35] {
  position: absolute;
}
.popup-box-arrowOut[_ngcontent-uux-c35] {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px;
}
.popup-box-arrowIn[_ngcontent-uux-c35] {
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid #0000;
  border-right-color: #1c1d2f;
}
[_nghost-uux-c56] {
  height: 100%;
}
[_nghost-uux-c58] {
  min-width: 4.5em;
  padding-left: 1em;
  position: relative;
  height: 100%;
}
[_nghost-uux-c58] [_ngcontent-uux-c58]:hover .avatar[_ngcontent-uux-c58] {
  top: 16px;
  right: -15px;
}
[_nghost-uux-c58]
  [_ngcontent-uux-c58]:hover
  .avatar.not-login[_ngcontent-uux-c58] {
  top: 1.2em;
  right: 6em;
}
[_nghost-uux-c58] [_ngcontent-uux-c58]:hover .nickname[_ngcontent-uux-c58] {
  opacity: 0;
}
[_nghost-uux-c58] [_ngcontent-uux-c58]:hover .hoverable[_ngcontent-uux-c58] {
  width: 80px;
  height: 80px;
}
[_nghost-uux-c58] [_ngcontent-uux-c58]:hover .badge[_ngcontent-uux-c58] {
  display: block;
}
[_nghost-uux-c58]
  [_ngcontent-uux-c58]:hover
  .badge[_ngcontent-uux-c58]
  img[_ngcontent-uux-c58] {
  width: 24px;
  height: 24px;
}
.login-link[_ngcontent-uux-c58] {
  color: #ffffffb3;
}
.login-link[_ngcontent-uux-c58] span[_ngcontent-uux-c58] {
  vertical-align: text-bottom;
}
.icon-login[_ngcontent-uux-c58]:before {
  content: "";
  line-height: 40px;
  font-size: 24px;
}
.logon[_ngcontent-uux-c58] {
  position: absolute;
  top: 1.2em;
  right: 3em;
  transition: all 0.2s linear;
}
.logon[_ngcontent-uux-c58],
.logon-inner[_ngcontent-uux-c58] {
  height: 30px;
  width: 30px;
}
.logon-inner[_ngcontent-uux-c58] {
  position: relative;
}
.logon[_ngcontent-uux-c58] img[_ngcontent-uux-c58] {
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.logon[_ngcontent-uux-c58]:hover img[_ngcontent-uux-c58] {
  width: 35px !important;
}
.avatar[_ngcontent-uux-c58] {
  position: absolute;
  cursor: pointer;
  padding-left: 0.5em;
  top: 1.4em;
  right: 0;
  z-index: 1;
}
.avatar[_ngcontent-uux-c58],
.avatar[_ngcontent-uux-c58] .hoverable[_ngcontent-uux-c58] {
  transition: all 0.3s;
}
.avatar[_ngcontent-uux-c58] img[_ngcontent-uux-c58] {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  object-fit: cover;
}
.avatar[_ngcontent-uux-c58] .badge[_ngcontent-uux-c58] {
  display: none;
}
.avatar[_ngcontent-uux-c58] .badge[_ngcontent-uux-c58] img[_ngcontent-uux-c58] {
  position: absolute;
  width: 13px;
  height: 13px;
  right: 0;
  bottom: 3px;
  border-radius: 0;
}
.avatar.not-login[_ngcontent-uux-c58] {
  top: 1.2em;
  right: 4em;
}
.avatar.not-login[_ngcontent-uux-c58],
.avatar.not-login[_ngcontent-uux-c58] img[_ngcontent-uux-c58] {
  height: 30px;
  width: 30px;
}
.user-status[_ngcontent-uux-c58] {
  cursor: pointer;
  width: 100%;
}
.nickname[_ngcontent-uux-c58] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin-top: 0.5em;
  padding-right: 0.3em;
  padding-top: 1.2em;
}
.nickname[_ngcontent-uux-c58],
.user-status[_ngcontent-uux-c58] .menu-label[_ngcontent-uux-c58] {
  width: 80px;
}
.sign-in-expanded[_ngcontent-uux-c54] {
  width: 215px;
  top: 62px;
  left: -72px;
  z-index: 999;
  position: absolute;
  background-color: #2b2c3a;
  box-shadow: 2px 2px 1px 0 #00000057;
  border-top: none;
}
.light[_nghost-uux-c54] .sign-in-expanded[_ngcontent-uux-c54],
.light [_nghost-uux-c54] .sign-in-expanded[_ngcontent-uux-c54] {
  background-color: #fafafa;
}
.light[_nghost-uux-c54] .sign-in-expanded[_ngcontent-uux-c54],
.light [_nghost-uux-c54] .sign-in-expanded[_ngcontent-uux-c54] {
  box-shadow: 2px 2px 4px 0 #0000003d;
}
.content[_ngcontent-uux-c54] {
  position: relative;
  padding: 12px;
  height: 220px;
}
.content.only-button[_ngcontent-uux-c54] {
  height: 110px;
}
.loader-content[_ngcontent-uux-c54] {
  position: relative;
  padding: 12px;
  height: 220px;
}
.status-box[_ngcontent-uux-c54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  height: 125px;
}
.status-box.finished[_ngcontent-uux-c54] {
  padding-top: 10px;
}
.daily-icon[_ngcontent-uux-c54] {
  margin-bottom: 20px;
  width: 28px;
}
.daily-icon.finished[_ngcontent-uux-c54] {
  width: 52px;
}
.daily-text[_ngcontent-uux-c54] {
  padding: 5px 0;
  vertical-align: middle;
  text-align: center;
}
.button-box[_ngcontent-uux-c54] {
  margin-top: 30px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
}
.button-box.justify-around[_ngcontent-uux-c54] {
  margin-top: 10px;
  padding: 0;
  justify-content: space-around;
}
.open-sign-button[_ngcontent-uux-c54] {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 16px;
}
.open-sign-button[_ngcontent-uux-c54],
.open-sign-button[_ngcontent-uux-c54]:hover {
  background-color: #00c0ff;
}
.gc[_ngcontent-uux-c54] {
  margin-bottom: 3px;
}
.exp[_ngcontent-uux-c54],
.gc[_ngcontent-uux-c54] {
  margin-right: 5px;
  width: 18px;
}
.exp[_ngcontent-uux-c54] {
  margin-left: 15px;
  margin-bottom: 2px;
}
.button-block[_ngcontent-uux-c54] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 68px;
}
.button-icon[_ngcontent-uux-c54] {
  width: 40px;
}
.button-text[_ngcontent-uux-c54] {
  font-size: 12px;
}
.light[_nghost-uux-c54] .button-text[_ngcontent-uux-c54],
.light [_nghost-uux-c54] .button-text[_ngcontent-uux-c54] {
  color: #888 !important;
}
.button-text[_ngcontent-uux-c54]:hover {
  color: #fff;
}
.light[_nghost-uux-c54] .button-text[_ngcontent-uux-c54]:hover,
.light [_nghost-uux-c54] .button-text[_ngcontent-uux-c54]:hover {
  color: #333 !important;
}
#sticky-block[_ngcontent-uux-c60] {
  position: fixed;
  right: 25px;
  bottom: 30px;
  width: 40px;
  z-index: 999;
  opacity: 0.95;
  -webkit-user-select: none;
  user-select: none;
}
#sticky-block.guide[_ngcontent-uux-c60] {
  position: absolute;
  opacity: 1;
  z-index: auto !important;
}
#sticky-block.iphone[_ngcontent-uux-c60] .iconfont.iconVIP[_ngcontent-uux-c60] {
  color: #fec1a1;
  background: none !important;
  overflow: hidden;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}
#sticky-block.changeBottom[_ngcontent-uux-c60] {
  bottom: 105px;
}
.sticky-back-top[_ngcontent-uux-c60] {
  cursor: pointer;
  line-height: 35px;
  height: 35px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
  color: #ffffffb3;
}
.light[_nghost-uux-c60] .sticky-back-top[_ngcontent-uux-c60],
.light [_nghost-uux-c60] .sticky-back-top[_ngcontent-uux-c60] {
  color: #888;
}
.sticky-back-top[_ngcontent-uux-c60] i.iconfont[_ngcontent-uux-c60] {
  font-size: 28px;
}
@media (any-hover: hover) {
  .sticky-back-top[_ngcontent-uux-c60]:hover {
    color: #fff;
  }
  .light[_nghost-uux-c60] .sticky-back-top[_ngcontent-uux-c60]:hover,
  .light [_nghost-uux-c60] .sticky-back-top[_ngcontent-uux-c60]:hover {
    color: #333;
  }
}
.inner[_ngcontent-uux-c60] {
  position: relative;
  background-color: #2b2c3a;
  box-shadow: 2px 2px 1px 0 #00000057;
  clip-path: 2;
  border-radius: 20px;
  padding: 18px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.light[_nghost-uux-c60] .inner[_ngcontent-uux-c60],
.light [_nghost-uux-c60] .inner[_ngcontent-uux-c60] {
  background-color: #fff;
}
.light[_nghost-uux-c60] .inner[_ngcontent-uux-c60],
.light [_nghost-uux-c60] .inner[_ngcontent-uux-c60] {
  box-shadow: 2px 2px 4px 0 #0000003d;
}
.sticky-block-popup[_ngcontent-uux-c60] {
  top: 1px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  color: #aaa;
}
.stick-block-button[_ngcontent-uux-c60] {
  cursor: pointer;
  line-height: 35px;
  height: 35px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
  color: #ffffffb3;
}
.light[_nghost-uux-c60] .stick-block-button[_ngcontent-uux-c60],
.light [_nghost-uux-c60] .stick-block-button[_ngcontent-uux-c60] {
  color: #888;
}
.stick-block-button[_ngcontent-uux-c60] i.iconfont[_ngcontent-uux-c60] {
  font-size: 22px;
}
.stick-block-button[_ngcontent-uux-c60] a[_ngcontent-uux-c60] {
  transition: none !important;
}
.light[_nghost-uux-c60]
  .stick-block-button[_ngcontent-uux-c60]
  a[_ngcontent-uux-c60],
.light
  [_nghost-uux-c60]
  .stick-block-button[_ngcontent-uux-c60]
  a[_ngcontent-uux-c60] {
  color: #aaa;
}
.stick-block-button[_ngcontent-uux-c60]
  .iconshensepifu.guide[_ngcontent-uux-c60] {
  position: relative;
  z-index: 5002;
}
@media (any-hover: hover) {
  .stick-block-button[_ngcontent-uux-c60]:hover {
    border-color: #00c0ff;
    background-color: #384386;
  }
  .stick-block-button[_ngcontent-uux-c60]:hover a[_ngcontent-uux-c60] {
    color: #fff !important;
  }
  .stick-block-button[_ngcontent-uux-c60]:hover
    .dn-icon.icon-vipc[_ngcontent-uux-c60] {
    background-position: -29px;
  }
  .stick-block-button[_ngcontent-uux-c60]:hover .hint[_ngcontent-uux-c60] {
    width: 6em;
    transition: width 0.15s;
    padding-right: 0.5em;
    padding-left: 1em;
  }
  .light[_nghost-uux-c60] .stick-block-button[_ngcontent-uux-c60]:hover,
  .light [_nghost-uux-c60] .stick-block-button[_ngcontent-uux-c60]:hover {
    border-color: #00c0ff;
  }
}
.stick-block-button.mainColorBg[_ngcontent-uux-c60] {
  background-color: #00c0ff !important;
  color: #fff !important;
}
.stick-block-button.appIconColor[_ngcontent-uux-c60] {
  position: relative;
}
.stick-block-button.appIconColor[_ngcontent-uux-c60]
  i.iconfont[_ngcontent-uux-c60] {
  background: linear-gradient(0deg, #00c3ff, #e2c9f8 80%, #f3b0fc);
  -webkit-background-clip: text;
  color: #0000;
  font-size: 24px;
}
.stick-block-button.appIconColor[_ngcontent-uux-c60]:before {
  content: "";
  
  position: absolute;
  right: -4px;
  top: -3px;
  width: 24px;
  height: 10px;
}
.dn-icon.icon-vipc[_ngcontent-uux-c60] {
  width: 29px;
  height: 25px;
  font-size: 14px;
  display: inline-block;
  
  margin-top: 20px;
}
.hint[_ngcontent-uux-c60] {
  position: absolute;
  font-size: 14px;
  right: 2.8em;
  background-color: #fff;
  text-align: right;
  background-color: #384386;
  color: #fff;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 20px 0 0 20px;
}
.onlytext[_ngcontent-uux-c60] {
  font-size: 12px;
  height: 48px;
  width: 52px;
  padding: 8px 5px 8px 11px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 4px;
  color: #fff;
}
.onlytext[_ngcontent-uux-c60] span.text-word[_ngcontent-uux-c60] {
  letter-spacing: 2px;
}
.light[_nghost-uux-c60] .onlytext[_ngcontent-uux-c60],
.light [_nghost-uux-c60] .onlytext[_ngcontent-uux-c60] {
  color: #888 !important;
}
.light[_nghost-uux-c60] .onlytext[_ngcontent-uux-c60]:hover,
.light [_nghost-uux-c60] .onlytext[_ngcontent-uux-c60]:hover {
  color: #fff !important;
}
.guide-tips[_ngcontent-uux-c60] {
  
  width: 371px;
  height: 95px;
  position: absolute;
  top: 1px;
  left: -324px;
  z-index: 5001;
  display: none;
  cursor: pointer;
}
.guide-tips.topFixed[_ngcontent-uux-c60] {
  top: 51px;
}
.guide-tips.guide[_ngcontent-uux-c60] {
  display: block;
}
.sticky[_ngcontent-uux-c81] {
  position: fixed;
  z-index: 10000;
  right: 16px;
  bottom: 30px;
}
.sticky.hasNew[_ngcontent-uux-c81] {
  animation: jump 0.5s linear 0s infinite alternate;
}
.sticky.afterShow[_ngcontent-uux-c81] {
  animation: jump2 0.5s linear 0s 4 alternate;
}
.sticky.playerStyle[_ngcontent-uux-c81] {
  bottom: 105px;
}
.sticky.playerStyle.hasNew[_ngcontent-uux-c81] {
  animation: jumpInPlayer 0.5s linear 0s infinite alternate;
}
.sticky.playerStyle.afterShow[_ngcontent-uux-c81] {
  animation: jumpInPlayer2 0.5s linear 0s 4 alternate;
}
@keyframes jump {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jump2 {
  0% {
    bottom: 25px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 35px;
  }
}
@keyframes jumpInPlayer {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
@keyframes jumpInPlayer2 {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 105px;
  }
  to {
    bottom: 110px;
  }
}
.sticky-notification[_ngcontent-uux-c81] {
  width: 60px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.sticky-notification[_ngcontent-uux-c81]:hover
  .sticky-close[_ngcontent-uux-c81] {
  display: flex;
}
.notification-nums-ctn[_ngcontent-uux-c81] {
  cursor: pointer;
  background-color: red;
  color: #fff;
  padding: 0 4px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px !important;
  margin-top: -31px;
  margin-left: 35px;
}
.sticky-close[_ngcontent-uux-c81] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #00000080;
  position: absolute;
  top: -18px;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
}
.sticky-close[_ngcontent-uux-c81] .close[_ngcontent-uux-c81] {
  font-size: 12px;
  color: #ffffffb3;
  cursor: pointer;
}
.sticky-close[_ngcontent-uux-c81]:hover .close[_ngcontent-uux-c81] {
  color: #fff;
}
.sticky-chat[_ngcontent-uux-c81] {
  width: 460px;
  height: 360px;
  position: absolute;
  bottom: 0;
  right: 65px;
  background-color: #1b1d27;
  box-shadow: 1px 1px 5px 0 #00000059;
}
.light[_nghost-uux-c81] .sticky-chat[_ngcontent-uux-c81],
.light [_nghost-uux-c81] .sticky-chat[_ngcontent-uux-c81] {
  background-color: #fff;
}
.dropdown[_ngcontent-uux-c37] {
  padding: 1em;
}
.dn-button[_ngcontent-uux-c37] {
  margin: 0;
  min-width: 80px;
  padding: 6px 0;
  background-color: #00c0ff;
}
.discountbox[_ngcontent-uux-c37] {
  border-bottom: 1px solid #6663;
  margin-bottom: 0.8em;
  padding-bottom: 0.8em;
}
.discountinfo[_ngcontent-uux-c37] {
  background: linear-gradient(90deg, #ee609c, #b967d8);
  color: #fff;
  box-sizing: initial;
  font-size: 12px;
  padding: 0 4px;
  height: 20px;
  margin-left: 0.7em;
  margin-right: 1.9em;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
}
.light[_nghost-uux-c37] .discountcontent[_ngcontent-uux-c37],
.light [_nghost-uux-c37] .discountcontent[_ngcontent-uux-c37] {
  color: #333;
}
.line[_ngcontent-uux-c37] {
  min-height: 5em;
  width: 100%;
}
.line.bg[_ngcontent-uux-c37] {
  
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  padding: 1em;
  display: flex;
  align-items: center;
}
.h5[_ngcontent-uux-c37] {
  font-size: 14px;
  font-weight: 700;
  margin-top: 0.5em;
}
.vip-right[_ngcontent-uux-c37] {
  display: inline-block;
  
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  margin-right: 1em;
}
.vip-right.light[_ngcontent-uux-c37] {
  
}
.vip-right.x1[_ngcontent-uux-c37] {
  width: 3em;
  height: 3em;
}
.vip-right.x1.vip-adfree[_ngcontent-uux-c37] {
  background-position: -3em 0;
}
.vip-right.x1.vip-1080[_ngcontent-uux-c37] {
  background-position: 0 0;
}
.vip-right.x1.vip-download[_ngcontent-uux-c37] {
  background-position: -6em 0;
}
.vip-right.x1.vip-qiupian[_ngcontent-uux-c37] {
  background-position: -3em -6em;
}
.vip-right.x1.vip-zungui[_ngcontent-uux-c37] {
  background-position: 0 -3em;
}
.vip-right.x1.vip-4K[_ngcontent-uux-c37] {
  background-position: 0 0;
}
.leftdays[_ngcontent-uux-c37] {
  margin-left: auto;
  color: #fff6;
}
.leftdays[_ngcontent-uux-c37] span[_ngcontent-uux-c37] {
  color: #fff;
  padding: 0 0.4em;
}
.groupid[_ngcontent-uux-c37] {
  width: 20px;
}
.block[_ngcontent-uux-c37] {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 0.6em;
}
.block[_ngcontent-uux-c37] .g[_ngcontent-uux-c37] {
  display: inline-block;
  font-weight: 700;
  padding: 0 0.5em;
  font-size: 14px;
  margin-left: 1.2em;
}
.align-items-center[_ngcontent-uux-c37] {
  color: #ffffffb3;
}
.light[_nghost-uux-c37] .align-items-center[_ngcontent-uux-c37],
.light [_nghost-uux-c37] .align-items-center[_ngcontent-uux-c37] {
  color: #333 !important;
}
.gothere[_ngcontent-uux-c37],
.gothere[_ngcontent-uux-c37] a[_ngcontent-uux-c37] {
  color: #fff6;
}
.light[_nghost-uux-c37] .gothere[_ngcontent-uux-c37] a[_ngcontent-uux-c37],
.light [_nghost-uux-c37] .gothere[_ngcontent-uux-c37] a[_ngcontent-uux-c37] {
  color: #00c0ff !important;
}
.gothere[_ngcontent-uux-c37] a[_ngcontent-uux-c37]:hover {
  color: #fff;
}
.light[_nghost-uux-c37]
  .gothere[_ngcontent-uux-c37]
  a[_ngcontent-uux-c37]:hover,
.light
  [_nghost-uux-c37]
  .gothere[_ngcontent-uux-c37]
  a[_ngcontent-uux-c37]:hover {
  color: #00c0ff !important;
}
.bigVip[_ngcontent-uux-c37] {
  color: #00c0ff;
}
[_nghost-uux-c41] {
  padding: 12px 0 8px;
  background-color: red;
}
.item[_ngcontent-uux-c41] {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  padding: 4px 8px;
}
.item[_ngcontent-uux-c41]:hover {
  background-color: #1c1d2f;
}
.light[_nghost-uux-c41] .item[_ngcontent-uux-c41]:hover,
.light [_nghost-uux-c41] .item[_ngcontent-uux-c41]:hover {
  background-color: #eee;
}
.title[_ngcontent-uux-c41] {
  width: 160px;
  min-width: 160px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.light[_nghost-uux-c41] .title[_ngcontent-uux-c41],
.light [_nghost-uux-c41] .title[_ngcontent-uux-c41] {
  color: #333;
}
.episode[_ngcontent-uux-c41] {
  flex: 1;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-left: 2px;
  white-space: nowrap;
}
.light[_nghost-uux-c41] .episode[_ngcontent-uux-c41],
.light [_nghost-uux-c41] .episode[_ngcontent-uux-c41] {
  color: #888;
}
.timestamp[_ngcontent-uux-c41] {
  width: 90px;
  min-width: 90px;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.light[_nghost-uux-c41] .timestamp[_ngcontent-uux-c41],
.light [_nghost-uux-c41] .timestamp[_ngcontent-uux-c41] {
  color: #888;
}
.jbutton[_ngcontent-uux-c41] {
  -webkit-user-select: none;
  user-select: none;
}
.jbutton-default[_ngcontent-uux-c41] {
  color: #a0a0a0;
  cursor: pointer;
}
.light[_nghost-uux-c41] .jbutton-default[_ngcontent-uux-c41],
.light [_nghost-uux-c41] .jbutton-default[_ngcontent-uux-c41] {
  color: #a0a0a0 !important;
}
.jbutton-default[_ngcontent-uux-c41]:not(.disabled):hover {
  color: #fff;
}
.light[_nghost-uux-c41]
  .jbutton-default[_ngcontent-uux-c41]:not(.disabled):hover,
.light
  [_nghost-uux-c41]
  .jbutton-default[_ngcontent-uux-c41]:not(.disabled):hover {
  color: #00c0ff !important;
}
.jbutton-default.disabled[_ngcontent-uux-c41] {
  color: #aaa;
  cursor: not-allowed;
}
.dropdown-footer[_ngcontent-uux-c41] {
  padding: 0 12px;
}
.historylist[_ngcontent-uux-c41] a[_ngcontent-uux-c41] {
  color: #fff6;
}
.light[_nghost-uux-c41]
  .historylist[_ngcontent-uux-c41]
  a[_ngcontent-uux-c41]
  span[_ngcontent-uux-c41],
.light
  [_nghost-uux-c41]
  .historylist[_ngcontent-uux-c41]
  a[_ngcontent-uux-c41]
  span[_ngcontent-uux-c41] {
  color: #888;
}
.historylist[_ngcontent-uux-c41] a[_ngcontent-uux-c41]:hover {
  color: #fff;
}
.light[_nghost-uux-c41]
  .historylist[_ngcontent-uux-c41]
  a[_ngcontent-uux-c41]:hover
  span[_ngcontent-uux-c41],
.light
  [_nghost-uux-c41]
  .historylist[_ngcontent-uux-c41]
  a[_ngcontent-uux-c41]:hover
  span[_ngcontent-uux-c41] {
  color: #333 !important;
}
.dropdown[_ngcontent-uux-c46] {
  padding-top: 0 !important;
}
.dropdown[_ngcontent-uux-c46]:before {
  width: 60px;
  left: 120px;
}
.dropdown[_ngcontent-uux-c46]:after,
.dropdown[_ngcontent-uux-c46]:before {
  content: "";
  display: block;
  height: 20px;
  background: #0000;
  position: absolute;
  top: -20px;
}
.dropdown[_ngcontent-uux-c46]:after {
  width: 125px;
  left: 180px;
}
.dropdown-bottom[_ngcontent-uux-c46] {
  width: 100%;
  height: 0 !important;
  position: relative;
  z-index: -10;
}
.dropdown-bottom[_ngcontent-uux-c46]:after {
  content: "";
  display: block;
  width: 110%;
  height: 60px;
  background: #0000;
  position: absolute;
  bottom: -20px;
  left: -19px;
}
.notification-tabs[_ngcontent-uux-c46] {
  height: 36px;
  display: flex;
  min-height: 50px;
  padding: 0 15px;
}
.notification-tab[_ngcontent-uux-c46] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ffffffb3;
  position: relative;
  border-bottom: 1px solid #4d4c4c33;
}
.light[_nghost-uux-c46] .notification-tab[_ngcontent-uux-c46],
.light [_nghost-uux-c46] .notification-tab[_ngcontent-uux-c46] {
  color: #a0a0a0;
}
.light[_nghost-uux-c46] .notification-tab[_ngcontent-uux-c46],
.light [_nghost-uux-c46] .notification-tab[_ngcontent-uux-c46] {
  border-color: #eee;
}
.notification-tab.active[_ngcontent-uux-c46] {
  color: #00c0ff !important;
}
.notification-tab.active[_ngcontent-uux-c46] .tab-shadow[_ngcontent-uux-c46] {
  width: 70px;
  border-bottom: 1px solid #00c0ff;
  position: absolute;
  bottom: 0;
}
.favorites-number[_ngcontent-uux-c46],
.messages-number[_ngcontent-uux-c46] {
  z-index: 1;
  background-color: red;
  color: #fff;
  min-width: 16px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  margin-left: 5px;
  text-align: center;
  padding: 0 4px;
}
.my-card[_ngcontent-uux-c57] {
  width: 360px;
  height: 190px;
  top: 58px;
  left: -21em;
  position: absolute;
  background-color: #2b2c3a;
  box-shadow: 2px 2px 1px 0 #00000057;
  color: #fff6;
}
.light[_nghost-uux-c57] .my-card[_ngcontent-uux-c57],
.light [_nghost-uux-c57] .my-card[_ngcontent-uux-c57] {
  background-color: #fff;
}
.light[_nghost-uux-c57] .my-card[_ngcontent-uux-c57],
.light [_nghost-uux-c57] .my-card[_ngcontent-uux-c57] {
  box-shadow: 2px 2px 4px 0 #0000003d;
}
.light[_nghost-uux-c57] .my-card[_ngcontent-uux-c57],
.light [_nghost-uux-c57] .my-card[_ngcontent-uux-c57] {
  color: #ffffffb3;
}
.my-card[_ngcontent-uux-c57] .nickname[_ngcontent-uux-c57] {
  color: #fff;
}
.my-card[_ngcontent-uux-c57] a[_ngcontent-uux-c57] {
  color: #fff6;
}
.my-card[_ngcontent-uux-c57] a[_ngcontent-uux-c57]:hover {
  color: #fff;
}
.my-card.none-user[_ngcontent-uux-c57] {
  background-color: #1c1d2f !important;
}
.content[_ngcontent-uux-c57] {
  position: relative;
  padding: 1em 1.5em;
  height: 130px;
  background-repeat: no-repeat;
  background-position: -1px -1px;
}
.avatar[_ngcontent-uux-c57] {
  border: 1px solid #0000;
  position: absolute;
  width: 114px;
  height: 114px;
}
.light[_nghost-uux-c57] .avatar[_ngcontent-uux-c57],
.light [_nghost-uux-c57] .avatar[_ngcontent-uux-c57] {
  border-color: #0000;
}
.avatar[_ngcontent-uux-c57] img[_ngcontent-uux-c57] {
  width: 100%;
}
.info[_ngcontent-uux-c57] {
  min-height: 114px;
}
.dn-badge[_ngcontent-uux-c57] {
  display: inline-block;
  width: 19px;
  margin-right: 5px;
  position: relative;
}
.from[_ngcontent-uux-c57] {
  padding-top: 2px;
  line-height: 18px;
  color: #aaa;
}
.close-btn[_ngcontent-uux-c57] {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.pull-left[_ngcontent-uux-c57] {
  float: left !important;
}
.loading[_ngcontent-uux-c57] {
  background-color: #ddd;
  display: inline-block;
  animation: pulse 2s ease-in-out infinite;
  -webkit-animation: pulse 2s ease-in-out infinite;
}
.loading.nickname[_ngcontent-uux-c57] {
  color: #fff;
  width: 160px;
  height: 24px;
}
.loading.mem-from[_ngcontent-uux-c57] {
  width: 140px;
  height: 24px;
}
.loading.level[_ngcontent-uux-c57] {
  width: 160px;
  height: 24px;
}
.loading.coins[_ngcontent-uux-c57] {
  width: 120px;
  height: 24px;
}
.text-bold[_ngcontent-uux-c57] {
  color: #fff;
}
.line[_ngcontent-uux-c57] {
  padding-left: 2em;
  padding-right: 8em;
  position: relative;
  margin-top: 1em;
  min-height: 1.5em;
}
.line[_ngcontent-uux-c57] .right[_ngcontent-uux-c57] {
  position: absolute;
  right: -13px;
  top: 0;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
@keyframes pulse {
  0% {
    background-color: #a5a5a51a;
  }
  50% {
    background-color: #a5a5a54d;
  }
  to {
    background-color: #a5a5a51a;
  }
}
.ml-auto[_ngcontent-uux-c57] a[_ngcontent-uux-c57] {
  color: #ffffffb3;
}
.vipleft[_ngcontent-uux-c57] {
  margin-left: 1em;
}
.progress[_ngcontent-uux-c57] {
  height: 4px;
  position: relative;
  top: 0.7em;
  width: 215px;
}
.progress[_ngcontent-uux-c57] .progress-bar[_ngcontent-uux-c57] {
  height: inherit;
}
.text-sm[_ngcontent-uux-c57] {
  font-size: 12px;
}
.avatar-icon[_ngcontent-uux-c57] {
  position: absolute;
  z-index: 1;
  right: 1em;
  bottom: 92px;
  opacity: 0;
  animation: fadeInIcon 0.3s ease-in;
  animation-fill-mode: forwards;
}
@keyframes fadeInIcon {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.user-level[_ngcontent-uux-c57] {
  position: absolute;
  color: #fff;
  font-size: 20px;
  font-style: italic;
  right: 1em;
  bottom: 52px;
  width: 59px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.user-level-1[_ngcontent-uux-c57] {
  
}
.user-level-2[_ngcontent-uux-c57] {
  
}
.user-level-3[_ngcontent-uux-c57] {
  
}
.user-level-4[_ngcontent-uux-c57] {
  
}
.user-level-5[_ngcontent-uux-c57] {
  
}
.user-level-6[_ngcontent-uux-c57] {
  
}
.user-level-7[_ngcontent-uux-c57] {
  
}
.user-level-8[_ngcontent-uux-c57] {
  
}
.footer[_ngcontent-uux-c57] {
  border-top: 1px solid #0000;
  padding: 0 20px;
  height: 60px;
}
.clear[_ngcontent-uux-c57] {
  clear: both;
}
.user-center[_ngcontent-uux-c57] {
  background-color: #373843;
  display: inline-block;
  padding: 0.5em 2em 0.5em 1em;
  position: relative;
}
.light[_nghost-uux-c57] .user-center[_ngcontent-uux-c57],
.light [_nghost-uux-c57] .user-center[_ngcontent-uux-c57] {
  background-color: initial;
}
.light[_nghost-uux-c57] .user-center[_ngcontent-uux-c57],
.light [_nghost-uux-c57] .user-center[_ngcontent-uux-c57] {
  color: #00c0ff !important;
}
.user-center[_ngcontent-uux-c57] .iconfont[_ngcontent-uux-c57] {
  position: absolute;
  top: -1px;
}
.light[_nghost-uux-c57] .user-center[_ngcontent-uux-c57]:hover,
.light [_nghost-uux-c57] .user-center[_ngcontent-uux-c57]:hover {
  background-color: #00c0ff !important;
}
.light[_nghost-uux-c57] .user-center[_ngcontent-uux-c57]:hover,
.light [_nghost-uux-c57] .user-center[_ngcontent-uux-c57]:hover {
  color: #fff !important;
}
.small[_ngcontent-uux-c57] {
  font-size: 12px;
}
.small[_ngcontent-uux-c57] .iconfont[_ngcontent-uux-c57] {
  font-size: 21px;
}
.light[_nghost-uux-c57] .small[_ngcontent-uux-c57] a[_ngcontent-uux-c57],
.light [_nghost-uux-c57] .small[_ngcontent-uux-c57] a[_ngcontent-uux-c57] {
  color: #a0a0a0;
}
.light[_nghost-uux-c57] .small[_ngcontent-uux-c57] a[_ngcontent-uux-c57]:hover,
.light
  [_nghost-uux-c57]
  .small[_ngcontent-uux-c57]
  a[_ngcontent-uux-c57]:hover {
  color: #00c0ff;
}
.none-user-content[_ngcontent-uux-c57] {
  position: relative;
  height: 190px;
  padding: 10px;
  cursor: default;
}
.login-header[_ngcontent-uux-c57] {
  color: #fff;
  font-size: 15px;
  display: flex;
  align-items: center;
  height: 24px;
  width: 110px;
  padding: 0 5px;
  margin-top: 5px;
  cursor: pointer;
}
.login-header[_ngcontent-uux-c57] .iconfont[_ngcontent-uux-c57] {
  margin-top: 1px;
  margin-left: 6px;
  font-size: 28px;
}
.login-text[_ngcontent-uux-c57] {
  font-size: 12px;
  color: #ffffffb3;
  padding: 0 5px;
  margin-top: 5px;
  margin-bottom: 15px;
}
.login-inner-box[_ngcontent-uux-c57] {
  width: 100%;
  height: 103px;
  background-repeat: no-repeat;
  background-size: contain;
  
  box-shadow: 2px 2px 1px 0 #00000057;
}
.inner-top[_ngcontent-uux-c57] {
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vip-promt-icon[_ngcontent-uux-c57] {
  width: 38px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  
}
.promt-text[_ngcontent-uux-c57] {
  font-weight: 700;
  color: #ffdcca;
}
.promt-text[_ngcontent-uux-c57],
.promt-text-sub[_ngcontent-uux-c57] {
  font-size: 12px;
  width: 150px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
.promt-text-sub[_ngcontent-uux-c57] {
  color: #ffffffb3;
}
.vip-recharge-btn[_ngcontent-uux-c57] {
  background: linear-gradient(#fdeec7, #ffc1a2);
  font-size: 13px;
  font-weight: 700;
  color: #982c18 !important;
  border-radius: 4px;
  padding: 8px 16px;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
}
.inner-bottom[_ngcontent-uux-c57] {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff6;
}
.vip-right-icon[_ngcontent-uux-c57] {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 25px;
  height: 25px;
}
.vip-right-icon.vip-adfree[_ngcontent-uux-c57] {
  
  background-size: contain;
}
.vip-right-icon.vip-adfree.light[_ngcontent-uux-c57] {
  
  background-size: contain;
}
.vip-right-icon.vip-zungui[_ngcontent-uux-c57] {
  
  background-size: contain;
}
.vip-right-icon.vip-zungui.light[_ngcontent-uux-c57] {
  
  background-size: contain;
}
.vip-right-icon.vip-download[_ngcontent-uux-c57] {
  
  background-size: contain;
}
.vip-right-icon.vip-download.light[_ngcontent-uux-c57] {
  
  background-size: contain;
}
.vip-right-icon.vip-4K[_ngcontent-uux-c57] {
  
  background-size: contain;
}
.vip-right-icon.vip-4K.light[_ngcontent-uux-c57] {
  
  background-size: contain;
}
[_nghost-uux-c112] {
  position: relative;
  display: block;
  overflow: hidden;
}
.sub-link-title[_ngcontent-uux-c112] {
  display: none;
  color: #ffffffb3;
}
.last-slider[_ngcontent-uux-c112] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.nav-link.active[_ngcontent-uux-c112]:after {
  content: "";
  position: absolute;
  z-index: 0;
  height: 68px;
  width: 100%;
  background: #bcbcbc;
  background: linear-gradient(
    90deg,
    #bcbcbc,
    #ff0a0a00 0,
    #bcbcbc2b 59%,
    #bcbcbc00
  );
}
.nav-link.active[_ngcontent-uux-c112] .a-link[_ngcontent-uux-c112] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.nav-link.active[_ngcontent-uux-c112]
  .a-link[_ngcontent-uux-c112]
  .main-link-title[_ngcontent-uux-c112] {
  font-size: 22px;
  line-height: 34px;
  text-align: right;
}
.nav-link.active[_ngcontent-uux-c112]
  .a-link[_ngcontent-uux-c112]
  .sub-link-title[_ngcontent-uux-c112] {
  display: block;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
}
@media screen and (max-width: 1400px) {
  .nav-link.active[_ngcontent-uux-c112]:after {
    height: 36px;
  }
  .nav-link.active[_ngcontent-uux-c112]
    .a-link[_ngcontent-uux-c112]
    .main-link-title[_ngcontent-uux-c112] {
    font-size: 18px;
    line-height: 22px;
  }
  .nav-link.active[_ngcontent-uux-c112]
    .a-link[_ngcontent-uux-c112]
    .sub-link-title[_ngcontent-uux-c112] {
    font-size: 12px;
    line-height: 12px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1679px) {
  .nav-link.active[_ngcontent-uux-c112]:after {
    height: 46px;
  }
  .nav-link.active[_ngcontent-uux-c112]
    .a-link[_ngcontent-uux-c112]
    .main-link-title[_ngcontent-uux-c112] {
    font-size: 18px;
    line-height: 27px;
  }
  .nav-link.active[_ngcontent-uux-c112]
    .a-link[_ngcontent-uux-c112]
    .sub-link-title[_ngcontent-uux-c112] {
    font-size: 12px;
    line-height: 17px;
  }
}
.main-link-title[_ngcontent-uux-c112] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.auth-label[_ngcontent-uux-c112] {
  margin-right: 10px;
  width: 72px;
  height: 25px;
  cursor: default;
}
.auth-label.s[_ngcontent-uux-c112] {
  
}
.auth-label.a[_ngcontent-uux-c112],
.auth-label.s[_ngcontent-uux-c112] {
  width: 72px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}
.auth-label.a[_ngcontent-uux-c112] {
  
}
.auth-label.b[_ngcontent-uux-c112] {
  width: 72px;
  height: 25px;
  
  background-repeat: no-repeat;
  background-size: contain;
}
.new-banner-header[_ngcontent-uux-c112] {
  position: absolute;
  bottom: 290px;
  right: 10px;
  z-index: 3;
  pointer-events: auto;
}
.new-banner-header[_ngcontent-uux-c112]
  .banner-header-link[_ngcontent-uux-c112] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.new-banner-header[_ngcontent-uux-c112]
  .banner-header-link[_ngcontent-uux-c112]
  .header-title[_ngcontent-uux-c112] {
  font-size: 25px;
  font-weight: 600;
  text-align: right;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.new-banner-header[_ngcontent-uux-c112]
  .banner-header-link[_ngcontent-uux-c112]
  .sub-header-title[_ngcontent-uux-c112] {
  font-size: 16px;
  text-align: right;
  color: #ffffffb3;
  margin: 10px 0;
}
.new-banner-header[_ngcontent-uux-c112]
  .banner-header-link[_ngcontent-uux-c112]
  .header-btn[_ngcontent-uux-c112] {
  cursor: pointer;
  margin-top: 5px;
  width: 150px;
  height: 52px;
  padding-left: 15px;
  font-size: 22px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #979ba286;
}
.new-banner-header[_ngcontent-uux-c112]
  .banner-header-link[_ngcontent-uux-c112]
  .header-btn[_ngcontent-uux-c112]:hover {
  background: #00c0ff;
}
.new-banner-header[_ngcontent-uux-c112]
  .banner-header-link[_ngcontent-uux-c112]
  .header-btn[_ngcontent-uux-c112]
  .play-icon[_ngcontent-uux-c112] {
  font-size: 34px;
}
.new-banner-block[_ngcontent-uux-c112] {
  display: flex;
  position: absolute;
  bottom: 110px;
  right: -30px;
  z-index: 3;
  pointer-events: auto;
}
.banner-slider-container[_ngcontent-uux-c112] {
  width: 600px;
  height: min-content;
}
.rec-slider[_ngcontent-uux-c112] {
  width: calc(100% - 2px);
  min-height: 126px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.rec-track[_ngcontent-uux-c112] {
  transform: translateZ(0);
}
.rec-track.animation[_ngcontent-uux-c112] {
  transition: transform 0.5s ease 0s;
}
.banner-box[_ngcontent-uux-c112] {
  text-align: center;
  width: 90px;
  height: 126px;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.banner-box[_ngcontent-uux-c112] .banner-cover[_ngcontent-uux-c112] {
  width: 100%;
  height: 126px;
  background-color: #1c1d2f;
  overflow: hidden;
}
.light[_nghost-uux-c112]
  .banner-box[_ngcontent-uux-c112]
  .banner-cover[_ngcontent-uux-c112],
.light
  [_nghost-uux-c112]
  .banner-box[_ngcontent-uux-c112]
  .banner-cover[_ngcontent-uux-c112] {
  background-color: #fafafa;
}
.banner-box[_ngcontent-uux-c112]
  .banner-cover[_ngcontent-uux-c112]
  img[_ngcontent-uux-c112] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.25s ease-in-out;
}
.banner-box[_ngcontent-uux-c112]
  .banner-cover[_ngcontent-uux-c112]:hover
  img[_ngcontent-uux-c112] {
  transform: scale(1.1);
}
.banner-shadow-cover[_ngcontent-uux-c112] {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 126px;
  background: #00000080;
  cursor: pointer;
}
.banner-shadow-cover[_ngcontent-uux-c112]:hover {
  background: none;
}
.banner-nav-btn[_ngcontent-uux-c112] {
  position: relative;
  z-index: 10;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  height: 126px;
}
.banner-nav-btn.last[_ngcontent-uux-c112] {
  margin-right: 10px;
}
.banner-nav-btn[_ngcontent-uux-c112] .iconfont[_ngcontent-uux-c112] {
  font-size: 48px;
  color: #fff;
}
.banner-nav-btn.hidden[_ngcontent-uux-c112] {
  z-index: -1;
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .banner-slider-container[_ngcontent-uux-c112] {
    width: 500px;
  }
}
@media (max-width: 1678px) {
  .new-banner-header[_ngcontent-uux-c112] {
    bottom: 260px;
  }
  .banner-slider-container[_ngcontent-uux-c112] {
    width: 400px;
  }
}
[_nghost-uux-c113] {
  background-color: #0000002b;
  padding: 15px;
  display: block;
  position: absolute;
  width: 100%;
  min-width: 1340px;
  background: #090b21;
  background: linear-gradient(
    0deg,
    #090b21 7.5%,
    rgba(9, 11, 33, 0.985) 13%,
    #090b21f2 17.3%,
    #090b2180 51%,
    #090b211a 79.5%,
    #090b210d 85%,
    #090b2103 92%,
    #090b2100 99%
  );
  bottom: 0;
}
.light [_nghost-uux-c113] {
  background-color: #fff;
}
.light [_nghost-uux-c113] {
  background: #fafafa;
}
.container[_ngcontent-uux-c113] {
  background-color: initial;
}
.light[_ngcontent-uux-c113] .container[_ngcontent-uux-c113] {
  background-color: #fff;
}
.l[_ngcontent-uux-c113] {
  min-width: 70px;
  padding: 5px 0;
  display: block;
  line-height: 30px;
}
.l[_ngcontent-uux-c113] > a[_ngcontent-uux-c113] {
  color: #fff;
}
.light[_nghost-uux-c113] .l[_ngcontent-uux-c113] > a[_ngcontent-uux-c113],
.light [_nghost-uux-c113] .l[_ngcontent-uux-c113] > a[_ngcontent-uux-c113] {
  color: #333;
}
.l[_ngcontent-uux-c113] > a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c113] .l[_ngcontent-uux-c113] > a[_ngcontent-uux-c113]:hover,
.light
  [_nghost-uux-c113]
  .l[_ngcontent-uux-c113]
  > a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.recommends[_ngcontent-uux-c113] {
  min-width: 86px;
}
.recommends[_ngcontent-uux-c113] a[_ngcontent-uux-c113] {
  min-width: 70px;
  padding: 5px 12px;
  display: block;
  line-height: 30px;
  color: #ffffffb3;
}
.light[_nghost-uux-c113]
  .recommends[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113],
.light
  [_nghost-uux-c113]
  .recommends[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113] {
  color: #333;
}
.recommends[_ngcontent-uux-c113] a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c113]
  .recommends[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover,
.light
  [_nghost-uux-c113]
  .recommends[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.recommends.adfav[_ngcontent-uux-c113],
.recommends.adfav[_ngcontent-uux-c113] a[_ngcontent-uux-c113] {
  min-width: 30px;
}
.il[_ngcontent-uux-c113] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.il[_ngcontent-uux-c113] span[_ngcontent-uux-c113] {
  vertical-align: middle;
}
.light[_nghost-uux-c113] .il[_ngcontent-uux-c113] span[_ngcontent-uux-c113],
.light [_nghost-uux-c113] .il[_ngcontent-uux-c113] span[_ngcontent-uux-c113] {
  color: #aaa;
}
.light[_nghost-uux-c113] .il[_ngcontent-uux-c113] div[_ngcontent-uux-c113],
.light [_nghost-uux-c113] .il[_ngcontent-uux-c113] div[_ngcontent-uux-c113] {
  color: #888;
}
@media (max-width: 1439px) {
  .il[_ngcontent-uux-c113] {
    font-size: 12px;
  }
}
.separater[_ngcontent-uux-c113] {
  justify-content: center;
  display: flex;
  align-items: center;
}
.separater1[_ngcontent-uux-c113] .line[_ngcontent-uux-c113] {
  height: 72%;
  margin: 28% 10px 0;
  border: 1px solid #fff3;
}
.light[_nghost-uux-c113]
  .separater1[_ngcontent-uux-c113]
  .line[_ngcontent-uux-c113],
.light
  [_nghost-uux-c113]
  .separater1[_ngcontent-uux-c113]
  .line[_ngcontent-uux-c113] {
  border-color: #e6e6e6;
}
.sec1[_ngcontent-uux-c113] {
  width: 490px;
  margin-left: -0.7em;
}
.sec1[_ngcontent-uux-c113],
.sec2[_ngcontent-uux-c113] {
  justify-content: center;
  height: 75px;
  overflow: hidden;
  font-size: 16px;
}
.sec2[_ngcontent-uux-c113] {
  margin-left: 25px;
  width: 440px;
  flex: 1;
}
.sec3[_ngcontent-uux-c113] {
  width: auto;
  max-width: 380px;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
.sec3[_ngcontent-uux-c113],
.sec4[_ngcontent-uux-c113] {
  font-size: 14px;
}
.sec4[_ngcontent-uux-c113] {
  justify-content: center;
}
.sec4[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
  width: 50px;
  min-width: 50px;
  padding: 5px 0;
}
.sec4.all-d[_ngcontent-uux-c113] {
  width: 380px;
}
.homepage-nav[_ngcontent-uux-c113]
  .sec1[_ngcontent-uux-c113]
  .l[_ngcontent-uux-c113] {
  min-width: 78px;
  width: 78px;
  white-space: nowrap;
}
.homepage-nav[_ngcontent-uux-c113]
  .sec1[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113] {
  color: #fff;
}
.light[_nghost-uux-c113]
  .homepage-nav[_ngcontent-uux-c113]
  .sec1[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113],
.light
  [_nghost-uux-c113]
  .homepage-nav[_ngcontent-uux-c113]
  .sec1[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113] {
  color: #333;
}
.homepage-nav[_ngcontent-uux-c113]
  .sec1[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover {
  color: #00c0ff !important;
}
.light[_nghost-uux-c113]
  .homepage-nav[_ngcontent-uux-c113]
  .sec1[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover,
.light
  [_nghost-uux-c113]
  .homepage-nav[_ngcontent-uux-c113]
  .sec1[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover {
  color: #00c0ff !important;
}
.variety[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
  width: 466px;
}
.documentary[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
  width: 380px;
}
.new-videos[_ngcontent-uux-c113] {
  z-index: 1;
  font-size: 12px;
  margin-left: 3px;
}
.nav-notifications[_ngcontent-uux-c113],
.new-videos[_ngcontent-uux-c113] {
  background-color: #e10000;
  color: #fff;
  padding: 0 5px;
  text-align: center;
  border-radius: 4px;
  font-weight: 400;
  height: 16px;
}
.nav-notifications[_ngcontent-uux-c113] {
  font-size: 12px !important;
}
@media (min-width: 1912px) {
  .sec1[_ngcontent-uux-c113] {
    margin-left: unset !important;
  }
}
@media (max-width: 1439px) {
  .sec1[_ngcontent-uux-c113] {
    width: 420px;
    margin-left: unset !important;
  }
  .l[_ngcontent-uux-c113] {
    min-width: 70px;
    padding: 5px 0;
    line-height: 30px;
  }
  .news[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    min-width: 80px;
  }
  .il[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    min-width: 70px;
  }
  .homepage-nav[_ngcontent-uux-c113]
    .sec1[_ngcontent-uux-c113]
    .l[_ngcontent-uux-c113] {
    min-width: 78px;
    width: 78px;
    white-space: nowrap;
  }
  .movies[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 590px;
  }
  .tv-series[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 420px;
  }
  .variety[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 466px;
  }
  .anime[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 468px;
  }
  .sec2[_ngcontent-uux-c113] {
    width: 324px;
  }
  .sec3[_ngcontent-uux-c113] {
    max-width: 228px;
  }
  .sec4[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    width: 50px;
  }
}
@media (min-width: 1440px) and (max-width: 1678px) {
  .l[_ngcontent-uux-c113] {
    min-width: 70px;
    padding: 5px 0;
    line-height: 30px;
  }
  .news[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    min-width: 80px;
  }
  .il[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    min-width: 70px;
  }
  .movies[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 580px;
  }
  .tv-series[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 420px;
  }
  .variety[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 444px;
  }
  .anime[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 440px;
  }
  .sec1[_ngcontent-uux-c113] {
    margin-left: unset !important;
  }
  .sec2[_ngcontent-uux-c113] {
    width: 141px;
  }
  .sec3[_ngcontent-uux-c113] {
    max-width: 228px;
  }
  .sec4[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    width: 50px;
  }
  .sec4.all-vip[_ngcontent-uux-c113] {
    width: 305px;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .l[_ngcontent-uux-c113] {
    min-width: 70px;
    padding: 5px 0;
    line-height: 30px;
  }
  .news[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    min-width: 80px;
  }
  .il[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    min-width: 70px;
  }
  .movies[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 580px;
  }
  .tv-series[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 420px;
  }
  .variety[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 444px;
  }
  .anime[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
    width: 440px;
  }
  .sec1[_ngcontent-uux-c113] {
    margin-left: unset !important;
  }
  .sec2[_ngcontent-uux-c113] {
    width: 324px;
  }
  .sec3[_ngcontent-uux-c113] {
    max-width: 228px;
  }
  .sec4[_ngcontent-uux-c113] .l[_ngcontent-uux-c113] {
    width: 50px;
  }
}
.width-inherit[_ngcontent-uux-c113] {
  width: inherit;
}
.homepage-nav.d[_ngcontent-uux-c113] .sec1[_ngcontent-uux-c113] {
  width: 390px;
}
.sec4[_ngcontent-uux-c113] .il[_ngcontent-uux-c113] {
  text-align: center;
}
.sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]
  div[_ngcontent-uux-c113] {
  position: relative;
  bottom: -0.5em;
}
.sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c113]
  .sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover,
.light
  [_nghost-uux-c113]
  .sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c113]
  .sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover
  div[_ngcontent-uux-c113],
.light
  [_nghost-uux-c113]
  .sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover
  div[_ngcontent-uux-c113],
.light[_nghost-uux-c113]
  .sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover
  span[_ngcontent-uux-c113],
.light
  [_nghost-uux-c113]
  .sec4[_ngcontent-uux-c113]
  .il[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover
  span[_ngcontent-uux-c113] {
  color: #00c0ff;
}
.new-item[_ngcontent-uux-c113] {
  width: 8px;
  height: 8px;
  top: -3px;
  background-color: red;
  border-radius: 50%;
  right: -10px;
}
.hot-icon[_ngcontent-uux-c113] {
  border-radius: 3px;
  left: 30px;
}
.hot-icon[_ngcontent-uux-c113],
.nav-new-icon[_ngcontent-uux-c113] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  padding: 0 5px 2px;
  font-weight: 400;
  background-color: #e10000;
  color: #fff !important;
  cursor: default;
}
.nav-new-icon[_ngcontent-uux-c113] {
  border-radius: 4px;
  top: -5px;
  left: 35px;
}
@media (max-width: 1911px) {
  .nav-new-icon[_ngcontent-uux-c113] {
    left: 45px !important;
  }
}
.vip-icon-hover[_ngcontent-uux-c113]:hover {
  color: #00c0ff !important;
}
.vip-icon-hover[_ngcontent-uux-c113]:hover
  .iconfont.iconVIP[_ngcontent-uux-c113] {
  font-size: 28px;
}
.external-item[_ngcontent-uux-c113] {
  font-size: 12px;
}
.external-item[_ngcontent-uux-c113] a[_ngcontent-uux-c113] {
  min-width: 76px;
  padding: 0 12px;
  display: block;
  top: 5px;
  line-height: 26px;
  color: #ffffffb3;
}
.light[_nghost-uux-c113]
  .external-item[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113],
.light
  [_nghost-uux-c113]
  .external-item[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113] {
  color: #333;
}
.external-item[_ngcontent-uux-c113] a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c113]
  .external-item[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover,
.light
  [_nghost-uux-c113]
  .external-item[_ngcontent-uux-c113]
  a[_ngcontent-uux-c113]:hover {
  color: #00c0ff;
}
.external-item[_ngcontent-uux-c113] .external-cover-box[_ngcontent-uux-c113] {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.external-item[_ngcontent-uux-c113] .external-cover[_ngcontent-uux-c113] {
  width: 36px;
  height: 36px;
  object-fit: cover;
}
.external-item[_ngcontent-uux-c113] .cover-icon[_ngcontent-uux-c113] {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 12px;
  border-radius: 0 0 5px 0;
  background-color: #000000b3;
  
  background-repeat: no-repeat;
  background-size: unset;
  background-position: 50%;
}
.new-game-icon[_ngcontent-uux-c113] {
  width: 40px;
  height: 19px;
  background: #e62c17;
  border-radius: 9px;
  line-height: 19px;
  text-align: center;
  font-size: 12px;
  transform: scale(0.75);
  color: #fff;
  position: absolute;
  top: 20px;
  margin-left: 23px;
}
[_nghost-uux-c116] {
  display: block;
  padding-top: 100px;
}
.header[_ngcontent-uux-c102] {
  padding: 33px 0;
}
.header[_ngcontent-uux-c102] .icon-close[_ngcontent-uux-c102] {
  font-size: 21px;
  transform: rotate(90deg);
  margin-right: 0.3em;
}
.header[_ngcontent-uux-c102] .icon-close[_ngcontent-uux-c102]:before {
  margin: 0;
}
.container[_ngcontent-uux-c102] {
  position: relative;
  height: 454px;
  height: 100%;
}
.container.row-2[_ngcontent-uux-c102] {
  height: 835px;
}
.container.autoHeight[_ngcontent-uux-c102] {
  height: 260px;
}
.container.autoHeight[_ngcontent-uux-c102] .v-c[_ngcontent-uux-c102] {
  height: auto !important;
}
.container.news[_ngcontent-uux-c102] {
  height: 380px;
}
.mainColor[_ngcontent-uux-c102] {
  color: #00c0ff !important;
}
.v-place[_ngcontent-uux-c102] {
  
  background-repeat: no-repeat;
  min-height: 362px;
}
@media (max-width: 1678px) {
  .v-place[_ngcontent-uux-c102] {
    min-height: 348px;
  }
}
.v-n-place[_ngcontent-uux-c102] {
  
  background-repeat: no-repeat;
}
.v-n-place.pureBg[_ngcontent-uux-c102] {
  background: #090b21;
}
.light[_nghost-uux-c102] .v-n-place.pureBg[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .v-n-place.pureBg[_ngcontent-uux-c102] {
  background: #fff;
}
.no-bg[_ngcontent-uux-c102] {
  background-image: none;
}
.icon-close[_ngcontent-uux-c102] {
  font-size: 17px !important;
}
.trending-searches[_ngcontent-uux-c102] a[_ngcontent-uux-c102] {
  color: #00a8ec;
}
.trending-searches[_ngcontent-uux-c102] a[_ngcontent-uux-c102]:hover {
  color: #1278ba !important;
}
.rank[_ngcontent-uux-c102] {
  background-color: red;
}
.refresh[_ngcontent-uux-c102] a[_ngcontent-uux-c102] {
  color: #00a8ec;
}
.refresh[_ngcontent-uux-c102] a[_ngcontent-uux-c102]:hover {
  color: #1278ba !important;
}
.pulse-loading.title[_ngcontent-uux-c102] {
  height: 40px;
  width: 120px;
}
.pulse-loading.random-item[_ngcontent-uux-c102] {
  height: 20px;
  width: 60px;
}
.iconfont[_ngcontent-uux-c102] {
  font-size: 21px;
}
.header[_ngcontent-uux-c102] {
  padding: 15px 0 33px;
}
.header-news[_ngcontent-uux-c102] {
  padding: 0 0 35px;
  margin-top: 35px;
}
.teaser-cover[_ngcontent-uux-c102] {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00000080;
  opacity: 0;
  z-index: -1;
}
.cover-play-area[_ngcontent-uux-c102] {
  height: 135px;
}
.cover-play-area[_ngcontent-uux-c102],
.cover-play-area[_ngcontent-uux-c102] .cover-play-button[_ngcontent-uux-c102] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cover-play-area[_ngcontent-uux-c102] .cover-play-button[_ngcontent-uux-c102] {
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.cover-play-area[_ngcontent-uux-c102]
  .cover-play-button[_ngcontent-uux-c102]
  .play-icon[_ngcontent-uux-c102] {
  font-size: 50px;
  color: #fff6;
  transition: 0.2s linear;
}
.cover-play-area[_ngcontent-uux-c102]:hover
  .cover-play-button[_ngcontent-uux-c102]
  .play-icon[_ngcontent-uux-c102] {
  color: #fff;
  font-size: 75px;
}
@keyframes toMoveBottom {
  0% {
    display: block;
    top: 91px;
  }
  to {
    display: none;
    top: 310px;
  }
}
@keyframes toMoveTop {
  0% {
    top: 310px;
  }
  to {
    top: 91px;
  }
}
@keyframes toScale {
  0% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(0.99);
  }
  to {
    transform: scale(1);
  }
}
.detail-ctn[_ngcontent-uux-c102] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}
.light[_nghost-uux-c102] .detail-ctn[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .detail-ctn[_ngcontent-uux-c102] {
  background-color: #fffffffa;
}
.detail-header[_ngcontent-uux-c102] {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
}
.title-ctn[_ngcontent-uux-c102] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 192px;
}
.title-text[_ngcontent-uux-c102] {
  color: #fff;
}
.light[_nghost-uux-c102] .title-text[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .title-text[_ngcontent-uux-c102] {
  color: #333;
}
.title-text[_ngcontent-uux-c102]:hover {
  color: #00c0ff !important;
}
.rating-text[_ngcontent-uux-c102] {
  color: #ffa800;
}
.detail-tags[_ngcontent-uux-c102] {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}
.light[_nghost-uux-c102] .detail-tags[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .detail-tags[_ngcontent-uux-c102] {
  color: #888;
}
.detail-tags[_ngcontent-uux-c102] span[_ngcontent-uux-c102] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.light[_nghost-uux-c102]
  .detail-tags[_ngcontent-uux-c102]
  span[_ngcontent-uux-c102],
.light
  [_nghost-uux-c102]
  .detail-tags[_ngcontent-uux-c102]
  span[_ngcontent-uux-c102] {
  background-color: #eee;
}
.v-c[_ngcontent-uux-c102] {
  position: relative;
  overflow: hidden;
  margin-right: 5px;
}
.v-c[_ngcontent-uux-c115]:last-child
.v-c[_ngcontent-uux-c102]:last-child {
  margin-right: 0;
}
@media (max-width: 1678px) {
  /*.v-c[_ngcontent-uux-c115]:nth-child(6),*/
  /*.v-c[_ngcontent-uux-c102]:nth-child(6) {*/
  /*  margin-right: 0;*/
  /*}*/
    .v-c[_ngcontent-uux-c115]:nth-child(6n), .v-c[_ngcontent-uux-c102]:nth-child(6n), .v-c[_ngcontent-wus-c102]:nth-child(6n) {
    margin-right: 0;
  }
  .v-c.hasWatched[_ngcontent-uux-c102]:nth-child(6) {
    margin-right: 5px;
  }
   .video-teaser[_ngcontent-uux-c99] .v-content[_ngcontent-uux-c99] {
      height: 295px !important;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
    .v-c[_ngcontent-uux-c115]::nth-child(7)
  .v-c[_ngcontent-uux-c102]:nth-child(7) {
    margin-right: 0;
  }
  .v-c.hasWatched[_ngcontent-uux-c102]:nth-child(7) {
    margin-right: 5px;
  }
}
.detail-intro[_ngcontent-uux-c102] {
  font-size: 12px;
  color: #fff6;
}
.light[_nghost-uux-c102] .detail-intro[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .detail-intro[_ngcontent-uux-c102] {
  color: #888;
}
.detail-starring[_ngcontent-uux-c102],
.detail-story[_ngcontent-uux-c102] {
  margin-bottom: 0.5em;
}
.detail-starring[_ngcontent-uux-c102] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.detail-starring.lower[_ngcontent-uux-c102] {
  height: 21px;
}
.detail-story[_ngcontent-uux-c102] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.intro-title[_ngcontent-uux-c102] {
  color: #fff;
}
.light[_nghost-uux-c102] .intro-title[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .intro-title[_ngcontent-uux-c102] {
  color: #333;
}
.detail-action[_ngcontent-uux-c102] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
.detail-dialog[_ngcontent-uux-c102] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}
.detail-dialog[_ngcontent-uux-c102]:hover {
  color: #fff;
  background-color: #00c0ff;
}
.favorite-button[_ngcontent-uux-c102] {
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #ffffffb3;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.light[_nghost-uux-c102] .favorite-button[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .favorite-button[_ngcontent-uux-c102] {
  color: #aaa;
}
.favorite-button[_ngcontent-uux-c102] .icon[_ngcontent-uux-c102] {
  font-size: 24px;
}
.favorite-button.active[_ngcontent-uux-c102],
.favorite-button[_ngcontent-uux-c102]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c102] .favorite-button.active[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .favorite-button.active[_ngcontent-uux-c102],
.light[_nghost-uux-c102] .favorite-button[_ngcontent-uux-c102]:hover,
.light [_nghost-uux-c102] .favorite-button[_ngcontent-uux-c102]:hover {
  color: #00c0ff;
}
.favorite-button.active[_ngcontent-uux-c102]
  .favorite-number[_ngcontent-uux-c102],
.favorite-button[_ngcontent-uux-c102]:hover
  .favorite-number[_ngcontent-uux-c102] {
  color: #00c0ff;
}
.light[_nghost-uux-c102]
  .favorite-button.active[_ngcontent-uux-c102]
  .favorite-number[_ngcontent-uux-c102],
.light
  [_nghost-uux-c102]
  .favorite-button.active[_ngcontent-uux-c102]
  .favorite-number[_ngcontent-uux-c102],
.light[_nghost-uux-c102]
  .favorite-button[_ngcontent-uux-c102]:hover
  .favorite-number[_ngcontent-uux-c102],
.light
  [_nghost-uux-c102]
  .favorite-button[_ngcontent-uux-c102]:hover
  .favorite-number[_ngcontent-uux-c102] {
  color: #00c0ff;
}
.favorite-number[_ngcontent-uux-c102] {
  margin-left: 8px;
  height: 34px;
  line-height: 36px;
}
.light[_nghost-uux-c102] .favorite-number[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .favorite-number[_ngcontent-uux-c102] {
  color: #888;
}
.hot-number[_ngcontent-uux-c102] {
  color: #ffffffb3;
}
.light[_nghost-uux-c102] .hot-number[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .hot-number[_ngcontent-uux-c102] {
  color: #333;
}
.container.row-2[_ngcontent-uux-c102] {
  min-height: 835px;
}
.sub-category[_ngcontent-uux-c102] {
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}
.light[_nghost-uux-c102] .sub-category[_ngcontent-uux-c102],
.light [_nghost-uux-c102] .sub-category[_ngcontent-uux-c102] {
  color: #888;
}
.sub-category[_ngcontent-uux-c102]:hover {
  color: #fff;
}
.light[_nghost-uux-c102] .sub-category[_ngcontent-uux-c102]:hover,
.light [_nghost-uux-c102] .sub-category[_ngcontent-uux-c102]:hover {
  color: #333;
}
.sub-category[_ngcontent-uux-c102] span[_ngcontent-uux-c102] {
  background-color: #1c1d2f;
  display: inline-block;
  padding: 0.3em 0;
  margin-right: 1.2em;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.light[_nghost-uux-c102]
  .sub-category[_ngcontent-uux-c102]
  span[_ngcontent-uux-c102],
.light
  [_nghost-uux-c102]
  .sub-category[_ngcontent-uux-c102]
  span[_ngcontent-uux-c102] {
  background-color: #eee;
}
@media (max-width: 1678px) {
  .d-block[_ngcontent-uux-c102],
  .v-c[_ngcontent-uux-c102],
  .v-c[_ngcontent-uux-c115] {
    width: 207px;
    height: 348px;
  }
  .container.row-2[_ngcontent-uux-c102] {
    height: 810px;
    min-height: 810px;
  }
}
@media (min-width: 1679px) {
  .d-block[_ngcontent-uux-c102],
  .v-c[_ngcontent-uux-c102],
  .v-c[_ngcontent-uux-c115] {
    width: 215px;
    height: 362px;
  }
 
}
.rec-slider[_ngcontent-uux-c102] {
  width: calc(100% - 2px);
  min-height: 250px;
}
.rec-slider[_ngcontent-uux-c102],
.rec-slider-hasWatched[_ngcontent-uux-c102] {
  overflow-x: hidden;
  overflow-y: hidden;
}
.rec-slider-hasWatched[_ngcontent-uux-c102] {
  width: calc(100% - 3px);
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .rec-slider-hasWatched[_ngcontent-uux-c102] {
    width: calc(100% - 0px);
  }
}
.rec-track[_ngcontent-uux-c102] {
  transform: translateZ(0);
}
.rec-track.animation[_ngcontent-uux-c102] {
  transition: transform 0.5s ease 0s;
}
.hide-next-track[_ngcontent-uux-c102] {
  display: none !important;
}
.hide-prev-track[_ngcontent-uux-c102] {
  opacity: 0 !important;
}
.nav-shadow-cover[_ngcontent-uux-c102] {
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}
.nav-shadow-cover.last[_ngcontent-uux-c102] {
  left: 0;
  background: linear-gradient(
    -90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}
.nav-shadow-cover.next[_ngcontent-uux-c102] {
  right: 0;
  background: linear-gradient(
    90deg,
    #090b2100,
    #090b2133 70%,
    #090b21cc 90%,
    #090b21
  );
}
@media (pointer: coarse) {
  .nav-shadow-cover.next[_ngcontent-uux-c102] {
    right: -1px !important;
  }
}
.nav-shadow-cover.hidden[_ngcontent-uux-c102] {
  z-index: -1;
}
.nav-btn[_ngcontent-uux-c102] {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.nav-btn.last[_ngcontent-uux-c102] {
  left: 0;
}
.nav-btn.next[_ngcontent-uux-c102] {
  right: 0;
}
.nav-btn[_ngcontent-uux-c102] .iconfont[_ngcontent-uux-c102] {
  font-size: 76px;
  color: #fff;
}
.nav-btn.hidden[_ngcontent-uux-c102] {
  z-index: -1;
}
.container-p[_ngcontent-uux-c110] {
  background-color: #090b21;
  background-color: #0d0d17;
  color: #ffffffb3;
}
.light[_nghost-uux-c110] .container-p[_ngcontent-uux-c110],
.light [_nghost-uux-c110] .container-p[_ngcontent-uux-c110] {
  background-color: #eee;
}
.light[_nghost-uux-c110] .container-p[_ngcontent-uux-c110],
.light [_nghost-uux-c110] .container-p[_ngcontent-uux-c110] {
  color: #888;
}
.container[_ngcontent-uux-c110] {
  padding: 45px 30px 30px;
}
.light[_nghost-uux-c110] .container[_ngcontent-uux-c110],
.light [_nghost-uux-c110] .container[_ngcontent-uux-c110] {
  background-color: #eee;
}
.footer-top[_ngcontent-uux-c110] > div[_ngcontent-uux-c110] {
  width: 180px;
}
.links[_ngcontent-uux-c110] > a[_ngcontent-uux-c110] {
  width: 130px;
}
.links[_ngcontent-uux-c110] img[_ngcontent-uux-c110] {
  height: 40px;
}
.footer-bottom[_ngcontent-uux-c110] {
  margin-top: 15px;
  padding: 30px 0 0;
  border-top: 1px solid #6663;
}
a[_ngcontent-uux-c110] {
  color: #ffffffb3;
}
a[_ngcontent-uux-c110]:hover {
  color: #fff !important;
}
.footer-ctn[_ngcontent-uux-c110] {
  position: relative;
  padding: 0 5em;
  justify-content: center;
  width: 100%;
}
.footer-left[_ngcontent-uux-c110] {
  flex: 2;
}
.footer-right[_ngcontent-uux-c110] {
  margin-left: 1em;
}
.footer-copyright[_ngcontent-uux-c110] {
  position: absolute;
  bottom: 0;
  font-size: 12px;
  color: #fff3;
}
.light[_nghost-uux-c110] .footer-copyright[_ngcontent-uux-c110],
.light [_nghost-uux-c110] .footer-copyright[_ngcontent-uux-c110] {
  color: #a0a0a0;
}
.contact-info-box[_ngcontent-uux-c110] {
  padding-bottom: 46px;
  margin-right: 16px;
}
.downloads[_ngcontent-uux-c110] {
  justify-content: space-between;
  padding-bottom: 46px;
  width: auto;
}
.downloads[_ngcontent-uux-c110],
.downloads[_ngcontent-uux-c110] .download-box[_ngcontent-uux-c110] {
  display: flex;
  align-items: center;
  height: 100%;
}
.downloads[_ngcontent-uux-c110] .download-box[_ngcontent-uux-c110] {
  margin-right: 16px;
}
.downloads[_ngcontent-uux-c110] .download-box[_ngcontent-uux-c110]:last-child {
  margin-right: 0;
}
.downloads[_ngcontent-uux-c110] a[_ngcontent-uux-c110] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dl-title[_ngcontent-uux-c110] {
  color: #fff;
  font-size: 14px;
  margin-top: 3px;
  white-space: nowrap;
}
.light[_nghost-uux-c110] .dl-title[_ngcontent-uux-c110],
.light [_nghost-uux-c110] .dl-title[_ngcontent-uux-c110] {
  color: #888;
}
@media (max-width: 1439px) {
  .container[_ngcontent-uux-c110] {
    width: 1345px !important;
    min-width: 1345px !important;
    max-width: 1345px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1678px) {
  .container[_ngcontent-uux-c110] {
    width: 1400px !important;
    min-width: 1400px !important;
    max-width: 1400px !important;
  }
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .container[_ngcontent-uux-c110] {
    width: 1528px !important;
    min-width: 1528px !important;
    max-width: 1528px !important;
  }
}
.region-selector[_ngcontent-uux-c106] {
  position: relative;
  width: 240px;
  height: 30px;
  margin: 0 auto;
}
.label[_ngcontent-uux-c106] {
  left: 0;
  top: 0;
  line-height: 26px;
}
.label[_ngcontent-uux-c106],
.regions[_ngcontent-uux-c106] {
  position: absolute;
  padding: 2px;
}
.regions[_ngcontent-uux-c106] {
  border: 1px solid #6663;
  z-index: 50;
  bottom: 5px;
  left: 116px;
  background-color: #171928;
  transition: all 0.3s ease-in-out;
  width: 86px;
  height: 22px;
  overflow: hidden;
}
.regions.expanded[_ngcontent-uux-c106] {
  bottom: -8px;
  left: 107px;
  width: 392px;
  height: 152px;
  box-shadow: 0 0 5px 0 #000000bf;
}
.regions.inner[_ngcontent-uux-c106] {
  position: relative;
}
.selected-region[_ngcontent-uux-c106] {
  position: absolute;
  bottom: 2px;
  left: 114px;
  width: 90px;
  padding: 2px;
  text-align: center;
  background-color: #090b21;
  border: 1px solid #6663;
  border-radius: 2px;
  z-index: 900;
  overflow: hidden;
  cursor: pointer;
}
.selected-region.expanded[_ngcontent-uux-c106] {
  color: #ddd;
  border-color: #6663;
}
.selected-region.expanded[_ngcontent-uux-c106]:after {
  border-width: 0 !important;
  top: -5px;
  right: -5px;
  transition: all 0.2s ease-in-out;
}
.selected-region[_ngcontent-uux-c106]:after,
.selected-region[_ngcontent-uux-c106]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-color: #0000;
  border-style: solid;
}
.selected-region[_ngcontent-uux-c106]:after {
  border-radius: 0;
  border-width: 5px;
  border-right-color: #999;
  border-top-color: #999;
}
.items[_ngcontent-uux-c106] {
  padding: 4px;
  position: absolute;
  left: 0;
  bottom: 44px;
  border-bottom: 1px solid #6663;
}
.item[_ngcontent-uux-c106] {
  line-height: 26px;
  height: 26px;
  width: 90px;
  background-color: #0000002b;
  border-radius: 2px;
  margin: 3px;
  cursor: pointer;
}
.item.selected[_ngcontent-uux-c106] {
  background-color: #00c0ff !important;
  color: #fff;
}
.item[_ngcontent-uux-c106]:hover {
  background-color: #00c0ff;
  color: #fff;
}
.new-region-selector[_ngcontent-uux-c106] {
  position: relative;
  width: 120px;
  height: 30px;
  margin: -9px auto 0;
}
.icon-style[_ngcontent-uux-c106] {
  font-size: 24px;
  color: #ffffffb3;
}
.light[_nghost-uux-c106] .icon-style[_ngcontent-uux-c106],
.light [_nghost-uux-c106] .icon-style[_ngcontent-uux-c106] {
  color: #aaa;
}
.new-selected-region[_ngcontent-uux-c106] {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 90px;
  padding: 2px;
  display: flex;
  align-items: center;
  text-align: left;
  border-radius: 2px;
  z-index: 900;
  overflow: hidden;
  cursor: pointer;
  color: #ffffffb3;
}
.light[_nghost-uux-c106] .new-selected-region[_ngcontent-uux-c106],
.light [_nghost-uux-c106] .new-selected-region[_ngcontent-uux-c106] {
  color: #888;
}
.new-selected-region.expanded[_ngcontent-uux-c106] {
  color: #ddd;
}
.light[_nghost-uux-c106] .new-selected-region.expanded[_ngcontent-uux-c106],
.light [_nghost-uux-c106] .new-selected-region.expanded[_ngcontent-uux-c106] {
  color: #333;
}
.regionFlag[_ngcontent-uux-c106] {
  width: 24px;
  height: 19px;
  margin-right: 9px;
  -webkit-user-drag: none;
}
.GL[_ngcontent-uux-c106]:before {
  
}
.US[_ngcontent-uux-c106]:before {
  
}
.UK[_ngcontent-uux-c106]:before {
  
}
.MY[_ngcontent-uux-c106]:before {
  
}
.IT[_ngcontent-uux-c106]:before {
  
}
.ES[_ngcontent-uux-c106]:before {
  
}
.DE[_ngcontent-uux-c106]:before {
  
}
.CA[_ngcontent-uux-c106]:before {
  
}
.AU[_ngcontent-uux-c106]:before {
  
}
.JP[_ngcontent-uux-c106]:before {
  
}
.FR[_ngcontent-uux-c106]:before {
  
}
.NZ[_ngcontent-uux-c106]:before {
  
}
.KR[_ngcontent-uux-c106]:before {
  
}
.SG[_ngcontent-uux-c106]:before {
  
}
.new-regions[_ngcontent-uux-c106] {
  padding: 2px;
  z-index: 4000;
  position: absolute;
  bottom: 25px;
  left: 30px;
  transition: all 0.2s ease-in-out;
  width: 60px;
  height: 14px;
  overflow: hidden;
}
.new-regions.expanded[_ngcontent-uux-c106] {
  background-color: #2b2c3a;
  bottom: 35px;
  left: -10px;
  width: 132px;
  height: 514px;
  box-shadow: 2px -2px 3px 0 #00000040;
}
.light[_nghost-uux-c106] .new-regions.expanded[_ngcontent-uux-c106],
.light [_nghost-uux-c106] .new-regions.expanded[_ngcontent-uux-c106] {
  background-color: #fff;
}
.light[_nghost-uux-c106] .new-regions.expanded[_ngcontent-uux-c106],
.light [_nghost-uux-c106] .new-regions.expanded[_ngcontent-uux-c106] {
  box-shadow: 2px -2px 3px 0 #0000003d;
}
.new-regions.inner[_ngcontent-uux-c106] {
  position: relative;
}
.new-items[_ngcontent-uux-c106] {
  padding: 4px;
  display: flex;
  flex-direction: column;
}
.new-item[_ngcontent-uux-c106] {
  line-height: 26px;
  height: 26px;
  width: 115px;
  margin: 5px 3px;
  cursor: pointer;
  position: relative;
  padding-left: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.light[_nghost-uux-c106] .new-item[_ngcontent-uux-c106],
.light [_nghost-uux-c106] .new-item[_ngcontent-uux-c106] {
  color: #888;
}
.new-item.selected[_ngcontent-uux-c106],
.new-item[_ngcontent-uux-c106]:hover {
  color: #00c0ff !important;
}
.new-item[_ngcontent-uux-c106] .region-text[_ngcontent-uux-c106] {
  margin-top: 2px;
}
.new-item[_ngcontent-uux-c106] .region-text.name[_ngcontent-uux-c106] {
  margin-right: 4px;
}
.copyright[_ngcontent-uux-c107] {
  color: #fff6;
}
.light[_nghost-uux-c107] .copyright[_ngcontent-uux-c107],
.light [_nghost-uux-c107] .copyright[_ngcontent-uux-c107] {
  color: #888;
}
.light[_ngcontent-uux-c107] a[_ngcontent-uux-c107] {
  color: #888;
}
.light[_ngcontent-uux-c107] a[_ngcontent-uux-c107]:hover {
  color: #00c0ff;
}
.footer-copyright[_ngcontent-uux-c107] {
  margin-top: 3em;
  font-size: 12px;
  color: #fff3;
}
.light[_nghost-uux-c107] .footer-copyright[_ngcontent-uux-c107],
.light [_nghost-uux-c107] .footer-copyright[_ngcontent-uux-c107] {
  color: #a0a0a0;
}
.address-color[_ngcontent-uux-c107] {
  color: #ffffffb3;
}
.light[_nghost-uux-c107] .address-color[_ngcontent-uux-c107],
.light [_nghost-uux-c107] .address-color[_ngcontent-uux-c107] {
  color: #333;
}
.fancy-btn[_ngcontent-uux-c115],
.schedule-date-button[_ngcontent-uux-c115] {
  display: inline-block;
  position: relative;
  padding: 0.2em 1em;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.4s;
  background: none;
  outline: none;
  border-radius: 2px;
  -webkit-user-select: none;
  user-select: none;
  background-color: #171928;
  border: none;
  color: #ffffffb3;
}
.light[_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115],
.light[_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115] {
  background-color: #f8f8f8;
}
.light[_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115],
.light[_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115] {
  color: #888;
}
.fancy-btn.active[_ngcontent-uux-c115],
.fancy-btn[_ngcontent-uux-c115]:hover,
.schedule-date-button.active[_ngcontent-uux-c115],
.schedule-date-button[_ngcontent-uux-c115]:hover {
  background-color: #2b2c3a;
  color: #fff;
}
.light[_nghost-uux-c115] .fancy-btn.active[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .fancy-btn.active[_ngcontent-uux-c115],
.light[_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115]:hover,
.light [_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115]:hover,
.light[_nghost-uux-c115] .schedule-date-button.active[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .schedule-date-button.active[_ngcontent-uux-c115],
.light[_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115]:hover,
.light [_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115]:hover {
  background-color: #00c0ff;
}
.light[_nghost-uux-c115] .fancy-btn.active[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .fancy-btn.active[_ngcontent-uux-c115],
.light[_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115]:hover,
.light [_nghost-uux-c115] .fancy-btn[_ngcontent-uux-c115]:hover,
.light[_nghost-uux-c115] .schedule-date-button.active[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .schedule-date-button.active[_ngcontent-uux-c115],
.light[_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115]:hover,
.light [_nghost-uux-c115] .schedule-date-button[_ngcontent-uux-c115]:hover {
  color: #fff;
}
.container[_ngcontent-uux-c115] {
  position: relative;
  height: 454px;
}
.container.row-2[_ngcontent-uux-c115] {
  height: 835px;
}
.container.autoHeight[_ngcontent-uux-c115] {
  height: 260px;
}
.container.autoHeight[_ngcontent-uux-c115] .d-block[_ngcontent-uux-c115] {
  height: auto !important;
}
.pulse-loading.title[_ngcontent-uux-c115] {
  height: 40px;
  width: 120px;
}
.pulse-loading.random-item[_ngcontent-uux-c115] {
  height: 20px;
  width: 60px;
}
.screen-xsmall[_ngcontent-uux-c115] h3[_ngcontent-uux-c115] {
  font-size: 26px;
}
.teaser-cover[_ngcontent-uux-c115] {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00000080;
  opacity: 0;
  z-index: -1;
}
.cover-play-area[_ngcontent-uux-c115] {
  height: 135px;
}
.cover-play-area[_ngcontent-uux-c115],
.cover-play-area[_ngcontent-uux-c115] .cover-play-button[_ngcontent-uux-c115] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cover-play-area[_ngcontent-uux-c115] .cover-play-button[_ngcontent-uux-c115] {
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.cover-play-area[_ngcontent-uux-c115]
  .cover-play-button[_ngcontent-uux-c115]
  .play-icon[_ngcontent-uux-c115] {
  font-size: 50px;
  color: #fff6;
  transition: 0.2s linear;
}
.cover-play-area[_ngcontent-uux-c115]:hover
  .cover-play-button[_ngcontent-uux-c115]
  .play-icon[_ngcontent-uux-c115] {
  color: #fff;
  font-size: 75px;
}
.v-c[_ngcontent-uux-c115] {
  position: relative;
  overflow: hidden;
}
@keyframes toMoveBottom {
  0% {
    display: block;
    top: 91px;
  }
  to {
    display: none;
    top: 310px;
  }
}
@keyframes toMoveTop {
  0% {
    top: 310px;
  }
  to {
    top: 91px;
  }
}
@keyframes toScale {
  0% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(0.99);
  }
  to {
    transform: scale(1);
  }
}
.detail-ctn[_ngcontent-uux-c115] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}
.light[_nghost-uux-c115] .detail-ctn[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .detail-ctn[_ngcontent-uux-c115] {
  background-color: #fffffffa;
}
.detail-header[_ngcontent-uux-c115] {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
}
.title-ctn[_ngcontent-uux-c115] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 192px;
}
.title-text[_ngcontent-uux-c115] {
  color: #fff;
}
.light[_nghost-uux-c115] .title-text[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .title-text[_ngcontent-uux-c115] {
  color: #333;
}
.title-text[_ngcontent-uux-c115]:hover {
  color: #00c0ff !important;
}
.rating-text[_ngcontent-uux-c115] {
  color: #ffa800;
}
.detail-tags[_ngcontent-uux-c115] {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}
.light[_nghost-uux-c115] .detail-tags[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .detail-tags[_ngcontent-uux-c115] {
  color: #888;
}
.detail-tags[_ngcontent-uux-c115] span[_ngcontent-uux-c115] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.light[_nghost-uux-c115]
  .detail-tags[_ngcontent-uux-c115]
  span[_ngcontent-uux-c115],
.light
  [_nghost-uux-c115]
  .detail-tags[_ngcontent-uux-c115]
  span[_ngcontent-uux-c115] {
  background-color: #eee;
}
.detail-intro[_ngcontent-uux-c115] {
  font-size: 12px;
  color: #fff6;
}
.light[_nghost-uux-c115] .detail-intro[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .detail-intro[_ngcontent-uux-c115] {
  color: #888;
}
.detail-starring[_ngcontent-uux-c115],
.detail-story[_ngcontent-uux-c115] {
  margin-bottom: 0.5em;
}
.detail-starring[_ngcontent-uux-c115] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.detail-starring.lower[_ngcontent-uux-c115] {
  height: 21px;
}
.detail-story[_ngcontent-uux-c115] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.intro-title[_ngcontent-uux-c115] {
  color: #fff;
}
.light[_nghost-uux-c115] .intro-title[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .intro-title[_ngcontent-uux-c115] {
  color: #333;
}
.detail-action[_ngcontent-uux-c115] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
.detail-dialog[_ngcontent-uux-c115] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}
.detail-dialog[_ngcontent-uux-c115]:hover {
  color: #fff;
  background-color: #00c0ff;
}
.favorite-button[_ngcontent-uux-c115] {
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #ffffffb3;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.light[_nghost-uux-c115] .favorite-button[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .favorite-button[_ngcontent-uux-c115] {
  color: #aaa;
}
.favorite-button[_ngcontent-uux-c115] .icon[_ngcontent-uux-c115] {
  font-size: 24px;
}
.favorite-button.active[_ngcontent-uux-c115],
.favorite-button[_ngcontent-uux-c115]:hover {
  color: #00c0ff;
}
.light[_nghost-uux-c115] .favorite-button.active[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .favorite-button.active[_ngcontent-uux-c115],
.light[_nghost-uux-c115] .favorite-button[_ngcontent-uux-c115]:hover,
.light [_nghost-uux-c115] .favorite-button[_ngcontent-uux-c115]:hover {
  color: #00c0ff;
}
.favorite-button.active[_ngcontent-uux-c115]
  .favorite-number[_ngcontent-uux-c115],
.favorite-button[_ngcontent-uux-c115]:hover
  .favorite-number[_ngcontent-uux-c115] {
  color: #00c0ff;
}
.light[_nghost-uux-c115]
  .favorite-button.active[_ngcontent-uux-c115]
  .favorite-number[_ngcontent-uux-c115],
.light
  [_nghost-uux-c115]
  .favorite-button.active[_ngcontent-uux-c115]
  .favorite-number[_ngcontent-uux-c115],
.light[_nghost-uux-c115]
  .favorite-button[_ngcontent-uux-c115]:hover
  .favorite-number[_ngcontent-uux-c115],
.light
  [_nghost-uux-c115]
  .favorite-button[_ngcontent-uux-c115]:hover
  .favorite-number[_ngcontent-uux-c115] {
  color: #00c0ff;
}
.favorite-number[_ngcontent-uux-c115] {
  margin-left: 8px;
  height: 34px;
  line-height: 36px;
}
.light[_nghost-uux-c115] .favorite-number[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .favorite-number[_ngcontent-uux-c115] {
  color: #888;
}
.hot-number[_ngcontent-uux-c115] {
  color: #ffffffb3;
}
.light[_nghost-uux-c115] .hot-number[_ngcontent-uux-c115],
.light [_nghost-uux-c115] .hot-number[_ngcontent-uux-c115] {
  color: #333;
}
.screen-xsmall.detail-tags[_ngcontent-uux-c115] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.screen-xsmall.detail-tags[_ngcontent-uux-c115] span[_ngcontent-uux-c115] {
  width: 42px !important;
}
.screen-xsmall[_ngcontent-uux-c115] .detail-starring[_ngcontent-uux-c115],
.screen-xsmall[_ngcontent-uux-c115] .detail-story[_ngcontent-uux-c115] {
  margin-bottom: 0.3em;
}
.screen-xsmall.container[_ngcontent-uux-c115] {
  height: 440px;
}
.screen-xsmall.container.row-2[_ngcontent-uux-c115] {
  height: 810px !important;
}
.screen-small.detail-tags[_ngcontent-uux-c115] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.screen-small.detail-tags[_ngcontent-uux-c115] span[_ngcontent-uux-c115] {
  width: 42px !important;
}
.screen-small[_ngcontent-uux-c115] .detail-starring[_ngcontent-uux-c115],
.screen-small[_ngcontent-uux-c115] .detail-story[_ngcontent-uux-c115] {
  margin-bottom: 0.3em;
}
.screen-small.container[_ngcontent-uux-c115] {
  height: 440px;
}
.screen-small.container.row-2[_ngcontent-uux-c115] {
  height: 810px !important;
}
.screen-medium.detail-tags[_ngcontent-uux-c115] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.screen-medium.detail-tags[_ngcontent-uux-c115] span[_ngcontent-uux-c115] {
  width: 42px !important;
}
.screen-medium[_ngcontent-uux-c115] .detail-starring[_ngcontent-uux-c115],
.screen-medium[_ngcontent-uux-c115] .detail-story[_ngcontent-uux-c115] {
  margin-bottom: 0.3em;
}
.screen-medium.container[_ngcontent-uux-c115] {
  height: 440px;
}
.screen-medium.container.row-2[_ngcontent-uux-c115] {
  height: 810px !important;
}
@media (max-width: 1678px) {
  .fancy-btn[_ngcontent-uux-c115],
  .schedule-date-button[_ngcontent-uux-c115] {
    padding: 2px 8px;
  }
}
.header[_ngcontent-uux-c115] {
  padding: 33px 0;
}
.header[_ngcontent-uux-c115] .icon-close[_ngcontent-uux-c115] {
  font-size: 21px;
  transform: rotate(90deg);
  margin-right: 0.3em;
}
.header[_ngcontent-uux-c115] .icon-close[_ngcontent-uux-c115]:before {
  margin: 0;
}
.light[_nghost-uux-c108] a[_ngcontent-uux-c108],
.light [_nghost-uux-c108] a[_ngcontent-uux-c108] {
  color: #888;
}
.light[_nghost-uux-c108] a[_ngcontent-uux-c108]:hover,
.light [_nghost-uux-c108] a[_ngcontent-uux-c108]:hover {
  color: #00c0ff;
}
.footer-menu-title[_ngcontent-uux-c108] {
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
}
.light[_nghost-uux-c108] .footer-menu-title[_ngcontent-uux-c108],
.light [_nghost-uux-c108] .footer-menu-title[_ngcontent-uux-c108] {
  color: #333;
}
.nav-button[_ngcontent-uux-c108] {
  cursor: pointer;
}
.light[_nghost-uux-c108] .nav-button[_ngcontent-uux-c108],
.light [_nghost-uux-c108] .nav-button[_ngcontent-uux-c108] {
  color: #888;
}
.light[_nghost-uux-c108] .nav-button[_ngcontent-uux-c108]:hover,
.light [_nghost-uux-c108] .nav-button[_ngcontent-uux-c108]:hover {
  color: #00c0ff;
}
.footer-menu-item[_ngcontent-uux-c108] div[_ngcontent-uux-c108] {
  margin-bottom: 10px;
  height: 32px;
  display: flex;
  align-items: center;
}
.partner-ctn[_ngcontent-uux-c108] {
  width: auto;
}
.partner-logo[_ngcontent-uux-c108] {
  width: 65px;
  height: 32px;
  border-radius: 3px;
}
.partner-logo-item[_ngcontent-uux-c108] div[_ngcontent-uux-c108] {
  margin-bottom: 10px;
  margin-right: 15px;
  height: 32px;
}
.clickcontact[_ngcontent-uux-c109] {
  border: 1px solid #000;
  padding: 1em;
  display: block;
  margin-bottom: 1em;
  cursor: pointer;
}
.clickcontact.no-border[_ngcontent-uux-c109] {
  border: none;
}
.customer-service-box[_ngcontent-uux-c109] {
  height: auto;
  width: auto;
}
.cs-box[_ngcontent-uux-c109] {
  cursor: pointer;
}
.cs-box[_ngcontent-uux-c109] img[_ngcontent-uux-c109] {
  margin: 0 auto;
}
.cs-title[_ngcontent-uux-c109] {
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
}
.light[_nghost-uux-c109] .cs-title[_ngcontent-uux-c109],
.light [_nghost-uux-c109] .cs-title[_ngcontent-uux-c109] {
  color: #888;
}
a[_ngcontent-uux-c47] {
  display: block;
  padding: 10px 12px;
}
.nav-expander.expanded[_ngcontent-uux-c47] a[_ngcontent-uux-c47],
.nav-expander[_ngcontent-uux-c47]:hover a[_ngcontent-uux-c47] {
  color: #fff;
  opacity: 1 !important;
}
.nav-expander.expanded[_ngcontent-uux-c47] span[_ngcontent-uux-c47],
.nav-expander[_ngcontent-uux-c47]:hover span[_ngcontent-uux-c47] {
  opacity: 1 !important;
}
.nav-expander[_ngcontent-uux-c47] a[_ngcontent-uux-c47] {
  padding: 3px 3px 3px 12px;
}
.hot-icon[_ngcontent-uux-c47] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 87px;
  height: 5px;
  width: 5px;
  background-color: red;
}
.mainColor[_ngcontent-uux-c47] {
  color: #00c0ff;
}
.margin-adjust[_ngcontent-uux-c47] {
  margin-top: 2px !important;
}
.video-teaser[_ngcontent-uux-c99] {
  background-color: #090b21;
  height: 100%;
}
.light[_nghost-uux-c99] .video-teaser[_ngcontent-uux-c99],
.light [_nghost-uux-c99] .video-teaser[_ngcontent-uux-c99] {
  background-color: #fff;
}
.light[_nghost-uux-c99] .video-teaser.list-bg[_ngcontent-uux-c99],
.light [_nghost-uux-c99] .video-teaser.list-bg[_ngcontent-uux-c99] {
  background-color: #fafafa;
}
.video-teaser[_ngcontent-uux-c99]:hover .content[_ngcontent-uux-c99] {
  box-shadow: 0 2px 5px 0 #0000004d;
}
.video-teaser[_ngcontent-uux-c99]:hover
  .recommended-shadow[_ngcontent-uux-c99] {
  top: -5px;
  left: -5px;
}
.video-teaser[_ngcontent-uux-c99] .rating[_ngcontent-uux-c99] {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ffa800;
  font-size: 16px;
  font-weight: 700;
  right: 0.8em;
  bottom: 0.5em;
}
.video-teaser[_ngcontent-uux-c99] .v-content[_ngcontent-uux-c99] {
  overflow: hidden;
  min-height: calc(100% - 53px);
  height: 309px;
}
.video-teaser[_ngcontent-uux-c99] .v-content.list[_ngcontent-uux-c99] {
  width: 216px;
  height: 309px;
}
.video-teaser[_ngcontent-uux-c99] .poster[_ngcontent-uux-c99] {
  width: 100%;
  height: 100%;
  transition: all 0.25s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.video-teaser[_ngcontent-uux-c99] .recommended[_ngcontent-uux-c99] {
  color: #fff;
  text-shadow: #000;
  z-index: 2;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
  font-size: 16px;
  position: absolute;
  
  width: 2em;
  height: 3em;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
}
.video-teaser[_ngcontent-uux-c99] .recommended-shadow[_ngcontent-uux-c99] {
  position: absolute;
  color: #fff;
  text-shadow: #000;
  border-top: 52px solid #0006;
  border-right: 52px solid #0000;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.video-teaser[_ngcontent-uux-c99] .top-right-icon[_ngcontent-uux-c99] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
}
.video-teaser[_ngcontent-uux-c99]
  .top-right-icon[_ngcontent-uux-c99]
  div[_ngcontent-uux-c99]:last-child {
  margin-right: 0 !important;
}
.video-teaser[_ngcontent-uux-c99] .updated[_ngcontent-uux-c99] {
  z-index: 1;
  background-color: red;
  color: #fff;
  line-height: 18px;
  min-width: 16px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
}
.video-teaser[_ngcontent-uux-c99] .high-res[_ngcontent-uux-c99],
.video-teaser[_ngcontent-uux-c99] .updated[_ngcontent-uux-c99] {
  height: 17px;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
}
.video-teaser[_ngcontent-uux-c99] .high-res[_ngcontent-uux-c99] {
  z-index: 2;
  width: 25px;
  margin-right: 8px;
}
.video-teaser[_ngcontent-uux-c99] .high-res.icon-4K[_ngcontent-uux-c99] {
  
  background-size: contain;
  background-repeat: no-repeat;
}
.video-teaser[_ngcontent-uux-c99] .high-res.icon-2K[_ngcontent-uux-c99] {
  
  background-size: contain;
  background-repeat: no-repeat;
}
.video-teaser[_ngcontent-uux-c99] .view-count[_ngcontent-uux-c99] {
  display: inline-flex;
  align-items: center;
  line-height: 20px;
  color: #fff;
  padding: 0 7px;
  border-radius: 10px;
  z-index: 1;
  font-size: 14px;
  position: absolute;
  bottom: 9px;
  left: 7px;
}
.video-teaser[_ngcontent-uux-c99]
  .view-count[_ngcontent-uux-c99]
  .num[_ngcontent-uux-c99] {
  color: #fff;
}
.video-teaser[_ngcontent-uux-c99] .title-box[_ngcontent-uux-c99] {
  padding: 10px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  position: relative;
  z-index: 101;
  background-color: #090b21;
}
.light[_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99],
.light
  [_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99] {
  background-color: #f8f8f8;
}
.light[_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box.list-bg[_ngcontent-uux-c99],
.light
  [_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box.list-bg[_ngcontent-uux-c99] {
  background-color: #fafafa;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  .title[_ngcontent-uux-c99] {
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin-bottom: 1px;
  width: 194px;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99] {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: #ffffffb3;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99]:hover {
  color: #00c0ff;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  span[_ngcontent-uux-c99] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.light[_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  .text-light[_ngcontent-uux-c99],
.light
  [_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  .text-light[_ngcontent-uux-c99] {
  color: #888;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  .tag-text[_ngcontent-uux-c99] {
  font-size: 14px;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  .status-text[_ngcontent-uux-c99] {
  font-size: 12px;
  max-width: 90px;
  line-height: 22px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box[_ngcontent-uux-c99]
  .watched-at[_ngcontent-uux-c99] {
  max-width: 80px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box.news-title[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99] {
  color: #ffffffb3 !important;
}
.light[_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box.news-title[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99],
.light
  [_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box.news-title[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99] {
  color: #333 !important;
}
.video-teaser[_ngcontent-uux-c99]
  .title-box.news-title[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99]:hover {
  color: #00c0ff !important;
}
.light[_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box.news-title[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99]:hover,
.light
  [_nghost-uux-c99]
  .video-teaser[_ngcontent-uux-c99]
  .title-box.news-title[_ngcontent-uux-c99]
  a[_ngcontent-uux-c99]:hover {
  color: #00c0ff !important;
}
.video-teaser.search-list[_ngcontent-uux-c99] {
  width: 211px;
  height: 366px;
}
@media (max-width: 1911px) {
  .video-teaser[_ngcontent-uux-c99] .title-box[_ngcontent-uux-c99] {
    padding: 8px 6px !important;
  }
}
.video-teaser-small[_ngcontent-uux-c99] {
  width: 201px;
  height: 349px;
  margin-bottom: 4px;
}
.video-teaser-small[_ngcontent-uux-c99] .poster[_ngcontent-uux-c99] {
  width: 201px;
  height: 287px;
}
.actors[_ngcontent-uux-c99] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 280px;
}
.shadow-bar[_ngcontent-uux-c99] {
  width: 100%;
  background-image: linear-gradient(#00000003, #000c);
  color: #fff;
  position: absolute;
  bottom: -41px;
  left: 0;
  line-height: 1.5em;
  padding-top: 50%;
  height: 2.6em;
  transition: all 0.3s ease-in-out;
}
.pulse-loading.poster[_ngcontent-uux-c99] {
  transform: none !important;
  height: 340px;
  width: 238px;
}
.pulse-loading.title[_ngcontent-uux-c99] {
  height: 22px;
  width: 160px;
}
.pulse-loading.genre[_ngcontent-uux-c99] {
  height: 19px;
  width: 80px;
}
.bar[_ngcontent-uux-c99] {
  background: #000;
  background: linear-gradient(180deg, #0000, #00000080 38%, #000000e6);
  left: 0;
  line-height: 1.5em;
  height: 3.2em;
  font-size: 1em;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
}
.teaser-detail[_ngcontent-uux-c100] {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  bottom: -166px;
  transition: bottom 0.3s;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: default;
  height: 50%;
  width: 100%;
}
.teaser-detail.new[_ngcontent-uux-c100] {
  border-radius: 4px;
  background-size: cover;
  transition: width 0.1s ease-out, height 0.1s ease-out, top 0.1s ease-out,
    left 0.1s ease-out;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 4px 1px #00000057;
}
.light[_nghost-uux-c100] .teaser-detail.new[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .teaser-detail.new[_ngcontent-uux-c100] {
  box-shadow: 0 0 4px 1px #0000003d;
}
.detail-ctn[_ngcontent-uux-c100] {
  width: 100%;
  height: 100%;
  background-color: #1c1d2ffa;
  padding: 10px 10px 0;
}
.light[_nghost-uux-c100] .detail-ctn[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .detail-ctn[_ngcontent-uux-c100] {
  background-color: #fffffffa;
}
.detail-ctn.new[_ngcontent-uux-c100] {
  border-radius: 4px;
  background-color: initial !important;
  position: absolute;
  z-index: 112;
  height: min-content;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.teaser-detail-cover[_ngcontent-uux-c100] {
  position: absolute;
  z-index: 111;
  top: 0;
  left: 0;
  border-radius: 4px;
  background: linear-gradient(180deg, #0000, #000c 48%, #000000e6);
  width: 100%;
  height: 100%;
}
.teaser-detail-cover-play-area[_ngcontent-uux-c100] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 75px;
  margin: 75px auto 0;
}
.teaser-detail-cover-play-area[_ngcontent-uux-c100]
  .teaser-detail-cover-play-button[_ngcontent-uux-c100] {
  height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teaser-detail-cover-play-area[_ngcontent-uux-c100]
  .teaser-detail-cover-play-button[_ngcontent-uux-c100]
  .teaser-detail-play-icon[_ngcontent-uux-c100] {
  font-size: 75px;
  color: #ffffffb3;
  transition: 0.2s linear;
}
.teaser-detail-cover-play-area[_ngcontent-uux-c100]
  .teaser-detail-cover-play-button[_ngcontent-uux-c100]
  .teaser-detail-play-icon[_ngcontent-uux-c100]:hover {
  color: #fff;
}
.recommended[_ngcontent-uux-c100] {
  color: #fff;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
  font-size: 16px;
  
  width: 2em;
  height: 3em;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  border-radius: 4px 0 0 0;
}
.recommended[_ngcontent-uux-c100],
.top-right-icon[_ngcontent-uux-c100] {
  z-index: 111;
  position: absolute;
}
.top-right-icon[_ngcontent-uux-c100] {
  top: 8px;
  right: 8px;
  display: flex;
}
.top-right-icon[_ngcontent-uux-c100] div[_ngcontent-uux-c100]:last-child {
  margin-right: 0 !important;
}
.updated[_ngcontent-uux-c100] {
  z-index: 1;
  background-color: red;
  color: #fff;
  line-height: 18px;
  min-width: 16px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
}
.high-res[_ngcontent-uux-c100],
.updated[_ngcontent-uux-c100] {
  height: 17px;
  text-shadow: #000;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.65));
}
.high-res[_ngcontent-uux-c100] {
  z-index: 2;
  width: 25px;
  margin-right: 8px;
}
.high-res.icon-4K[_ngcontent-uux-c100] {
  
}
.high-res.icon-2K[_ngcontent-uux-c100],
.high-res.icon-4K[_ngcontent-uux-c100] {
  background-size: contain;
  background-repeat: no-repeat;
}
.high-res.icon-2K[_ngcontent-uux-c100] {
  
}
.detail-header[_ngcontent-uux-c100] {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
}
.detail-action[_ngcontent-uux-c100] {
  width: 100%;
  padding: 0 19px 0 0;
}
.detail-action.new[_ngcontent-uux-c100] {
  padding: 0;
}
.title-ctn[_ngcontent-uux-c100] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 192px;
}
.title-text[_ngcontent-uux-c100] {
  color: #fff;
}
.light[_nghost-uux-c100] .title-text[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .title-text[_ngcontent-uux-c100] {
  color: #333;
}
.title-text[_ngcontent-uux-c100]:hover {
  color: #00c0ff !important;
}
.detail-tags[_ngcontent-uux-c100] {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 12px;
  color: #ffffffb3;
  display: flex;
  flex-wrap: nowrap;
}
.light[_nghost-uux-c100] .detail-tags[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .detail-tags[_ngcontent-uux-c100] {
  color: #888;
}
.detail-tags[_ngcontent-uux-c100] span[_ngcontent-uux-c100] {
  background-color: #2b2c3a;
  display: inline-block;
  padding: 0.1em 0;
  margin-right: 0.5em;
  /*width: 44px;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.light[_nghost-uux-c100]
  .detail-tags[_ngcontent-uux-c100]
  span[_ngcontent-uux-c100],
.light
  [_nghost-uux-c100]
  .detail-tags[_ngcontent-uux-c100]
  span[_ngcontent-uux-c100] {
  background-color: #eee;
}
.detail-tags.new[_ngcontent-uux-c100] {
  color: #fff6;
}
.detail-tags.new[_ngcontent-uux-c100] span[_ngcontent-uux-c100] {
  background-color: initial !important;
  border: 1px solid #fff6;
  padding: 1px 6px;
  /*padding: 0 !important;*/
  /*width: 38px;*/
}
.light[_nghost-uux-c100]
  .detail-tags.new[_ngcontent-uux-c100]
  span[_ngcontent-uux-c100],
.light
  [_nghost-uux-c100]
  .detail-tags.new[_ngcontent-uux-c100]
  span[_ngcontent-uux-c100] {
  border-color: #888;
}
.detail-intro[_ngcontent-uux-c100] {
  font-size: 12px;
  color: #fff6;
}
.light[_nghost-uux-c100] .detail-intro[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .detail-intro[_ngcontent-uux-c100] {
  color: #888;
}
.detail-intro.new[_ngcontent-uux-c100] {
  color: #ffffffb3 !important;
}
.detail-rating[_ngcontent-uux-c100] {
  color: #ffa800;
  font-size: 18px;
  font-weight: 700;
}
.detail-title[_ngcontent-uux-c100] {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.detail-date[_ngcontent-uux-c100],
.detail-starring[_ngcontent-uux-c100],
.detail-story[_ngcontent-uux-c100] {
  margin-bottom: 0.5em;
}
.detail-date[_ngcontent-uux-c100],
.detail-starring[_ngcontent-uux-c100] {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.detail-starring.lower[_ngcontent-uux-c100] {
  height: 21px;
}
.detail-story[_ngcontent-uux-c100] {
  height: 36px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  min-width: 254px;
}
@media (max-width: 1439px) {
  .detail-story[_ngcontent-uux-c100] {
    min-width: 244px;
  }
}
.intro-title[_ngcontent-uux-c100] {
  color: #fff;
}
.light[_nghost-uux-c100] .intro-title[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .intro-title[_ngcontent-uux-c100] {
  color: #333;
}
.intro-title.new[_ngcontent-uux-c100] {
  color: #fff6;
}
.light[_nghost-uux-c100] .intro-title.new[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .intro-title.new[_ngcontent-uux-c100] {
  color: #888;
}
.detail-action[_ngcontent-uux-c100] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
.detail-action.new[_ngcontent-uux-c100] {
  position: relative;
}
.detail-dialog[_ngcontent-uux-c100] {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  color: #00c0ff;
  border: 1px solid #00c0ff;
}
.detail-dialog.new[_ngcontent-uux-c100] {
  padding: 1px 13px;
  color: #fff6;
  border-color: #fff6;
}
.light[_nghost-uux-c100] .detail-dialog.new[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .detail-dialog.new[_ngcontent-uux-c100] {
  border-color: #888;
}
.detail-dialog.new[_ngcontent-uux-c100]:hover {
  border-color: #00c0ff !important;
}
.detail-dialog[_ngcontent-uux-c100]:hover {
  color: #fff;
  background-color: #00c0ff;
}
.hot-number[_ngcontent-uux-c100] {
  color: #ffffffb3;
}
.light[_nghost-uux-c100] .hot-number[_ngcontent-uux-c100],
.light [_nghost-uux-c100] .hot-number[_ngcontent-uux-c100] {
  color: #333;
}
.hot-number.new[_ngcontent-uux-c100] {
  color: #ff743d !important;
}
@media (max-width: 1678px) {
  .detail-tags[_ngcontent-uux-c100] {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  /*.detail-tags[_ngcontent-uux-c100] span[_ngcontent-uux-c100] {*/
  /*  width: 42px !important;*/
  /*}*/
  .detail-starring[_ngcontent-uux-c100],
  .detail-story[_ngcontent-uux-c100] {
    margin-bottom: 0.3em !important;
  }
}
.lds-spinner[_ngcontent-uux-c53] {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  vertical-align: middle;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53] {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:after {
  content: " ";
  display: block;
  position: absolute;
  top: 16px;
  left: 31px;
  width: 2px;
  height: 7px;
  border-radius: 20%;
  background: #666;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:first-child {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner[_ngcontent-uux-c53] div[_ngcontent-uux-c53]:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.message[_ngcontent-uux-c42] {
  display: flex;
  width: 100%;
  text-overflow: ellipsis;
  line-height: 24px;
  overflow: hidden;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
}
.message[_ngcontent-uux-c42] .content[_ngcontent-uux-c42] {
  min-height: 60px;
  color: #fff;
  padding: 10px 5px;
  border-bottom: 1px solid #4d4c4c33;
}
.light[_nghost-uux-c42]
  .message[_ngcontent-uux-c42]
  .content[_ngcontent-uux-c42],
.light
  [_nghost-uux-c42]
  .message[_ngcontent-uux-c42]
  .content[_ngcontent-uux-c42] {
  color: #333;
}
.light[_nghost-uux-c42]
  .message[_ngcontent-uux-c42]
  .content[_ngcontent-uux-c42],
.light
  [_nghost-uux-c42]
  .message[_ngcontent-uux-c42]
  .content[_ngcontent-uux-c42] {
  border-color: #eee;
}
.message[_ngcontent-uux-c42]:last-child .content[_ngcontent-uux-c42] {
  border-bottom: none;
  margin-bottom: 0;
}
.message[_ngcontent-uux-c42]:hover {
  background-color: #1c1d2f;
}
.light[_nghost-uux-c42] .message[_ngcontent-uux-c42]:hover,
.light [_nghost-uux-c42] .message[_ngcontent-uux-c42]:hover {
  background-color: #eee;
}
.message-footer[_ngcontent-uux-c42] {
  height: 19px;
}
.message-header[_ngcontent-uux-c42] {
  white-space: nowrap;
}
.message-body[_ngcontent-uux-c42],
.message-header[_ngcontent-uux-c42] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.message-body[_ngcontent-uux-c42] {
  padding: 5px 0;
  position: relative;
  line-height: 1.5em;
  max-height: 4.6em;
  margin-right: -1em;
  margin-bottom: 5px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.message-body[_ngcontent-uux-c42]:after {
  content: "";
  right: 0;
  position: absolute;
  width: 1em;
  height: 3em;
  margin-top: 1em;
}
.content[_ngcontent-uux-c42] {
  overflow: hidden;
  white-space: normal;
  color: #999;
}
.avatar[_ngcontent-uux-c42] {
  position: relative;
  width: 65px;
  text-align: center;
  display: flex;
  align-items: center;
}
.avatar[_ngcontent-uux-c42] .avatar-img[_ngcontent-uux-c42] {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  display: table;
  margin: 0 auto;
}
.badge[_ngcontent-uux-c42] {
  display: block;
  width: 18px;
  top: 43px;
  position: absolute;
  left: 40px;
}
.atVideo[_ngcontent-uux-c42],
.user[_ngcontent-uux-c42] {
  line-height: 22px;
}
.atVideo[_ngcontent-uux-c42] {
  color: green;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
.atVideo[_ngcontent-uux-c42] a[_ngcontent-uux-c42] {
  color: #005800 !important;
}
.atVideo[_ngcontent-uux-c42] a[_ngcontent-uux-c42]:hover {
  color: green !important;
}
.timestamp[_ngcontent-uux-c42] {
  width: 80px;
  min-width: 80px;
  text-align: right;
  font-size: 12px;
}
.jbutton-default[_ngcontent-uux-c42] {
  color: #a0a0a0;
  cursor: pointer;
}
.light[_nghost-uux-c42] .jbutton-default[_ngcontent-uux-c42],
.light [_nghost-uux-c42] .jbutton-default[_ngcontent-uux-c42] {
  color: #a0a0a0 !important;
}
.jbutton-default[_ngcontent-uux-c42]:not(.disabled):hover {
  color: #fff;
}
.light[_nghost-uux-c42]
  .jbutton-default[_ngcontent-uux-c42]:not(.disabled):hover,
.light
  [_nghost-uux-c42]
  .jbutton-default[_ngcontent-uux-c42]:not(.disabled):hover {
  color: #00c0ff !important;
}
.jbutton-default.disabled[_ngcontent-uux-c42] {
  color: #636363;
  cursor: not-allowed;
}
.message[_ngcontent-uux-c42] .btn-read[_ngcontent-uux-c42] {
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 0;
  width: 48px;
  min-width: 10px;
  padding: 0 4px;
  border-radius: 4px;
  height: 24px;
  line-height: 25px;
  background-color: #00c0ff !important;
}
.message[_ngcontent-uux-c42]:hover .btn-read[_ngcontent-uux-c42] {
  opacity: 1;
}
.main-color[_ngcontent-uux-c42] {
  color: #00c0ff !important;
}
.title[_ngcontent-uux-c42] {
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.name-color[_ngcontent-uux-c42] {
  color: #fff !important;
}
.light[_nghost-uux-c42] .name-color[_ngcontent-uux-c42],
.light [_nghost-uux-c42] .name-color[_ngcontent-uux-c42] {
  color: #333 !important;
}
.name-color[_ngcontent-uux-c42] a[_ngcontent-uux-c42] {
  color: #fff !important;
}
.light[_nghost-uux-c42] .name-color[_ngcontent-uux-c42] a[_ngcontent-uux-c42],
.light [_nghost-uux-c42] .name-color[_ngcontent-uux-c42] a[_ngcontent-uux-c42] {
  color: #333 !important;
}
.speaker-badge[_ngcontent-uux-c42] {
  zoom: 0.833333333;
  top: 47px;
  position: absolute;
  left: 47px;
}
.scroll-bar[_ngcontent-uux-c42] {
  height: 100%;
  overflow-y: overlay;
}
.scroll-bar[_ngcontent-uux-c42]::-webkit-scrollbar {
  width: 7px;
}
.scroll-bar[_ngcontent-uux-c42]::-webkit-scrollbar-thumb {
  background: #aaaaaa80;
}
.item[_ngcontent-uux-c44] {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  padding: 4px 8px;
}
.item[_ngcontent-uux-c44]:hover {
  background-color: #1c1d2f;
  color: #fff;
}
.light[_nghost-uux-c44] .item[_ngcontent-uux-c44]:hover,
.light [_nghost-uux-c44] .item[_ngcontent-uux-c44]:hover {
  background-color: #eee;
}
.light[_nghost-uux-c44] .item[_ngcontent-uux-c44]:hover,
.light [_nghost-uux-c44] .item[_ngcontent-uux-c44]:hover {
  color: #333;
}
.light[_ngcontent-uux-c44]
  .item[_ngcontent-uux-c44]:hover
  .episode[_ngcontent-uux-c44]
  .text-white[_ngcontent-uux-c44] {
  color: #333 !important;
}
.title[_ngcontent-uux-c44] {
  flex: 1;
  text-align: left;
  display: inline-block;
}
.title[_ngcontent-uux-c44],
.title-2[_ngcontent-uux-c44] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.title-2[_ngcontent-uux-c44] {
  max-width: 100px;
}
.episode[_ngcontent-uux-c44] {
  width: 100px;
  min-width: 100px;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.light[_nghost-uux-c44]
  .episode[_ngcontent-uux-c44]
  .text-white[_ngcontent-uux-c44],
.light
  [_nghost-uux-c44]
  .episode[_ngcontent-uux-c44]
  .text-white[_ngcontent-uux-c44] {
  color: #00c0ff !important;
}
.jbutton-default[_ngcontent-uux-c44] {
  color: #a0a0a0;
  cursor: pointer;
}
.light[_nghost-uux-c44] .jbutton-default[_ngcontent-uux-c44],
.light [_nghost-uux-c44] .jbutton-default[_ngcontent-uux-c44] {
  color: #a0a0a0 !important;
}
.jbutton-default[_ngcontent-uux-c44]:not(.disabled):hover {
  color: #fff;
}
.light[_nghost-uux-c44]
  .jbutton-default[_ngcontent-uux-c44]:not(.disabled):hover,
.light
  [_nghost-uux-c44]
  .jbutton-default[_ngcontent-uux-c44]:not(.disabled):hover {
  color: #00c0ff !important;
}
.jbutton-default.disabled[_ngcontent-uux-c44] {
  color: #636363;
  cursor: not-allowed;
}
.messages[_ngcontent-uux-c44] {
  height: 420px;
}
.messages[_ngcontent-uux-c44] a[_ngcontent-uux-c44],
.messages[_ngcontent-uux-c44] div[_ngcontent-uux-c44] {
  color: #ffffffb3;
}
.light[_nghost-uux-c44] .messages[_ngcontent-uux-c44] a[_ngcontent-uux-c44],
.light [_nghost-uux-c44] .messages[_ngcontent-uux-c44] a[_ngcontent-uux-c44],
.light[_nghost-uux-c44] .messages[_ngcontent-uux-c44] div[_ngcontent-uux-c44],
.light [_nghost-uux-c44] .messages[_ngcontent-uux-c44] div[_ngcontent-uux-c44] {
  color: #333 !important;
}
.message[_ngcontent-uux-c44] {
  display: flex;
  width: 100%;
  text-overflow: ellipsis;
  line-height: 24px;
  overflow: hidden;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
}
.message[_ngcontent-uux-c44] .content[_ngcontent-uux-c44] {
  min-height: 60px;
  color: #fff;
  padding: 10px 5px;
  border-bottom: 1px solid #4d4c4c33;
}
.light[_nghost-uux-c44]
  .message[_ngcontent-uux-c44]
  .content[_ngcontent-uux-c44],
.light
  [_nghost-uux-c44]
  .message[_ngcontent-uux-c44]
  .content[_ngcontent-uux-c44] {
  color: #333;
}
.light[_nghost-uux-c44]
  .message[_ngcontent-uux-c44]
  .content[_ngcontent-uux-c44],
.light
  [_nghost-uux-c44]
  .message[_ngcontent-uux-c44]
  .content[_ngcontent-uux-c44] {
  border-color: #eee;
}
.message[_ngcontent-uux-c44]:last-child .content[_ngcontent-uux-c44] {
  border-bottom: none;
  margin-bottom: 0;
}
.message[_ngcontent-uux-c44]:hover {
  background-color: #1c1d2f;
}
.light[_nghost-uux-c44] .message[_ngcontent-uux-c44]:hover,
.light [_nghost-uux-c44] .message[_ngcontent-uux-c44]:hover {
  background-color: #eee;
}
.message-footer[_ngcontent-uux-c44] {
  height: 19px;
}
.message-body[_ngcontent-uux-c44] {
  padding: 5px 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 4.5em;
  margin-right: -1em;
  margin-bottom: 5px;
  word-break: break-word;
  font-size: 14px;
}
.message-body[_ngcontent-uux-c44]:after {
  content: "";
  right: 0;
  position: absolute;
  width: 1em;
  height: 3em;
  margin-top: 1em;
}
.message-body.activityHeight[_ngcontent-uux-c44] {
  max-height: 9.5em;
}
.content[_ngcontent-uux-c44] {
  overflow: hidden;
  white-space: normal;
  color: #999;
}
.film-title[_ngcontent-uux-c44] {
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.timestamp[_ngcontent-uux-c44] {
  width: 80px;
  min-width: 80px;
  text-align: right;
  font-size: 12px;
}
.main-color[_ngcontent-uux-c44] {
  color: #00c0ff !important;
}
.name-color[_ngcontent-uux-c44] {
  color: #fff !important;
}
.light[_nghost-uux-c44] .name-color[_ngcontent-uux-c44],
.light [_nghost-uux-c44] .name-color[_ngcontent-uux-c44] {
  color: #333 !important;
}
.name-color[_ngcontent-uux-c44] a[_ngcontent-uux-c44] {
  color: #fff !important;
}
.light[_nghost-uux-c44] .name-color[_ngcontent-uux-c44] a[_ngcontent-uux-c44],
.light [_nghost-uux-c44] .name-color[_ngcontent-uux-c44] a[_ngcontent-uux-c44] {
  color: #333 !important;
}
.activity-text[_ngcontent-uux-c44] {
  color: #fff !important;
  margin-bottom: 5px;
  max-width: 335px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 21px;
}
.light[_nghost-uux-c44] .activity-text[_ngcontent-uux-c44],
.light [_nghost-uux-c44] .activity-text[_ngcontent-uux-c44] {
  color: #333 !important;
}
.img-ctn[_ngcontent-uux-c44] {
  width: 78px;
  height: 78px;
  overflow: hidden;
  position: relative;
  margin-right: 7px;
}
.img-ctn[_ngcontent-uux-c44]:last-child {
  margin-right: 0;
}
.img-ctn[_ngcontent-uux-c44] img[_ngcontent-uux-c44] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.multi-img-shadow[_ngcontent-uux-c44] {
  width: 78px;
  height: 78px;
  background-color: #000000b3;
}
.multi-img-remain[_ngcontent-uux-c44],
.multi-img-shadow[_ngcontent-uux-c44] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.multi-img-remain[_ngcontent-uux-c44] {
  margin: auto;
  font-size: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff !important;
}
.light[_nghost-uux-c44] .multi-img-remain[_ngcontent-uux-c44],
.light [_nghost-uux-c44] .multi-img-remain[_ngcontent-uux-c44] {
  color: #fff !important;
}
.scroll-bar[_ngcontent-uux-c44] {
  height: 100%;
  overflow-y: overlay;
}
.scroll-bar[_ngcontent-uux-c44]::-webkit-scrollbar {
  width: 7px;
}
.scroll-bar[_ngcontent-uux-c44]::-webkit-scrollbar-thumb {
  background: #aaaaaa80;
}
.item[_ngcontent-uux-c45] {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  padding: 4px 8px;
}
.item[_ngcontent-uux-c45]:hover {
  background-color: #1c1d2f;
  color: #fff;
}
.light[_nghost-uux-c45] .item[_ngcontent-uux-c45]:hover,
.light [_nghost-uux-c45] .item[_ngcontent-uux-c45]:hover {
  background-color: #eee;
}
.light[_nghost-uux-c45] .item[_ngcontent-uux-c45]:hover,
.light [_nghost-uux-c45] .item[_ngcontent-uux-c45]:hover {
  color: #333;
}
.light[_ngcontent-uux-c45]
  .item[_ngcontent-uux-c45]:hover
  .episode[_ngcontent-uux-c45]
  .text-white[_ngcontent-uux-c45] {
  color: #333 !important;
}
.title[_ngcontent-uux-c45] {
  flex: 1;
  text-align: left;
  display: inline-block;
}
.title[_ngcontent-uux-c45],
.title-2[_ngcontent-uux-c45] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.title-2[_ngcontent-uux-c45] {
  max-width: 100px;
}
.episode[_ngcontent-uux-c45] {
  width: 100px;
  min-width: 100px;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.light[_nghost-uux-c45]
  .episode[_ngcontent-uux-c45]
  .text-white[_ngcontent-uux-c45],
.light
  [_nghost-uux-c45]
  .episode[_ngcontent-uux-c45]
  .text-white[_ngcontent-uux-c45] {
  color: #00c0ff !important;
}
.jbutton-default[_ngcontent-uux-c45] {
  color: #a0a0a0;
  cursor: pointer;
}
.light[_nghost-uux-c45] .jbutton-default[_ngcontent-uux-c45],
.light [_nghost-uux-c45] .jbutton-default[_ngcontent-uux-c45] {
  color: #a0a0a0 !important;
}
.jbutton-default[_ngcontent-uux-c45]:not(.disabled):hover {
  color: #fff;
}
.light[_nghost-uux-c45]
  .jbutton-default[_ngcontent-uux-c45]:not(.disabled):hover,
.light
  [_nghost-uux-c45]
  .jbutton-default[_ngcontent-uux-c45]:not(.disabled):hover {
  color: #00c0ff !important;
}
.jbutton-default.disabled[_ngcontent-uux-c45] {
  color: #636363;
  cursor: not-allowed;
}
.messages[_ngcontent-uux-c45] {
  height: 420px;
}
.messages[_ngcontent-uux-c45] a[_ngcontent-uux-c45],
.messages[_ngcontent-uux-c45] div[_ngcontent-uux-c45] {
  color: #ffffffb3;
}
.light[_nghost-uux-c45] .messages[_ngcontent-uux-c45] a[_ngcontent-uux-c45],
.light [_nghost-uux-c45] .messages[_ngcontent-uux-c45] a[_ngcontent-uux-c45],
.light[_nghost-uux-c45] .messages[_ngcontent-uux-c45] div[_ngcontent-uux-c45],
.light [_nghost-uux-c45] .messages[_ngcontent-uux-c45] div[_ngcontent-uux-c45] {
  color: #333 !important;
}
.message[_ngcontent-uux-c45] {
  display: flex;
  width: 100%;
  text-overflow: ellipsis;
  line-height: 24px;
  overflow: hidden;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
}
.message[_ngcontent-uux-c45] .content[_ngcontent-uux-c45] {
  min-height: 60px;
  color: #fff;
  padding: 10px 5px;
  border-bottom: 1px solid #4d4c4c33;
}
.light[_nghost-uux-c45]
  .message[_ngcontent-uux-c45]
  .content[_ngcontent-uux-c45],
.light
  [_nghost-uux-c45]
  .message[_ngcontent-uux-c45]
  .content[_ngcontent-uux-c45] {
  color: #333;
}
.light[_nghost-uux-c45]
  .message[_ngcontent-uux-c45]
  .content[_ngcontent-uux-c45],
.light
  [_nghost-uux-c45]
  .message[_ngcontent-uux-c45]
  .content[_ngcontent-uux-c45] {
  border-color: #eee;
}
.message[_ngcontent-uux-c45]:last-child .content[_ngcontent-uux-c45] {
  border-bottom: none;
  margin-bottom: 0;
}
.message[_ngcontent-uux-c45]:hover {
  background-color: #1c1d2f;
}
.light[_nghost-uux-c45] .message[_ngcontent-uux-c45]:hover,
.light [_nghost-uux-c45] .message[_ngcontent-uux-c45]:hover {
  background-color: #eee;
}
.message-footer[_ngcontent-uux-c45] {
  height: 19px;
}
.message-body[_ngcontent-uux-c45] {
  padding: 5px 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 4.5em;
  margin-right: -1em;
  margin-bottom: 5px;
  word-break: break-word;
  font-size: 14px;
}
@media (min-width: 1679px) and (max-width: 1911px) {
  .n-media .n-media-list .media-button {
      /*width: 97px !important;*/
      /*width: 120px !important;*/
      width: 100%;
      margin-bottom: 0 !important;
  }
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.shortcut-menu {
  position: absolute;
  right: 0;
  top: 25px;
  border: 1px solid #6663;
  background-color: #090b21;
  z-index: 99;
  display: none;
}
.shortcut-menu .button {
  border-bottom: 1px solid #6663;
  padding: 0 12px 0 10px;
  height: 39px;
  line-height: 39px;
  white-space: nowrap;
}
.logo-icon {
  background: url(../images/player_logo.png) no-repeat 50%;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 1.2em;
}
.dn-icon-medium {
  font-size: 20px;
}
.light .sub-category span, 
.light .sub-category span {
  background-color: #eee !important;
}
.light .sub-category, .light .sub-category {
  color: #888 !important;
}
.number-1,
.number-2,
.number-3,
.number-4,
.number-5,
.number-6,
.number-7,
.number-8,
.number-9{
  display: inline-block;
  background: url(../images/numbers.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}
.light .number-1,
.light .number-2,
.light .number-3,
.light .number-4,
.light .number-5,
.light .number-6,
.light .number-7,
.light .number-8,
.light .number-9{
  background-image: url(../images/numbers_light.png);
  background-repeat: no-repeat;
}
.light .number-1 {
  background-position: 0 0;
}
.light .number-2 {
  background-position: -17px 0;
}
.light .btn-text.grey-color, .light .btn-text.grey-color {
  color: #888 !important;
}
.slide-thumb-active .banner-shadow-cover {
    display: none;
}
.message-body[_ngcontent-uux-c45]:after {
  content: "";
  right: 0;
  position: absolute;
  width: 1em;
  height: 3em;
  margin-top: 1em;
}
.message-body.activityHeight[_ngcontent-uux-c45] {
  max-height: 9.5em;
}
.content[_ngcontent-uux-c45] {
  overflow: hidden;
  white-space: normal;
  color: #999;
}
.film-title[_ngcontent-uux-c45] {
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.timestamp[_ngcontent-uux-c45] {
  width: 80px;
  min-width: 80px;
  text-align: right;
  font-size: 12px;
}
.main-color[_ngcontent-uux-c45] {
  color: #00c0ff !important;
}
.name-color[_ngcontent-uux-c45] {
  color: #fff !important;
}
.light[_nghost-uux-c45] .name-color[_ngcontent-uux-c45],
.light [_nghost-uux-c45] .name-color[_ngcontent-uux-c45] {
  color: #333 !important;
}
.name-color[_ngcontent-uux-c45] a[_ngcontent-uux-c45] {
  color: #fff !important;
}
.light[_nghost-uux-c45] .name-color[_ngcontent-uux-c45] a[_ngcontent-uux-c45],
.light [_nghost-uux-c45] .name-color[_ngcontent-uux-c45] a[_ngcontent-uux-c45] {
  color: #333 !important;
}
.activity-text[_ngcontent-uux-c45] {
  color: #fff !important;
  margin-bottom: 5px;
  max-width: 335px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 21px;
}
.light[_nghost-uux-c45] .activity-text[_ngcontent-uux-c45],
.light [_nghost-uux-c45] .activity-text[_ngcontent-uux-c45] {
  color: #333 !important;
}
.img-ctn[_ngcontent-uux-c45] {
  width: 78px;
  height: 78px;
  overflow: hidden;
  position: relative;
  margin-right: 7px;
}
.img-ctn[_ngcontent-uux-c45]:last-child {
  margin-right: 0;
}
.img-ctn[_ngcontent-uux-c45] img[_ngcontent-uux-c45] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.multi-img-shadow[_ngcontent-uux-c45] {
  width: 78px;
  height: 78px;
  background-color: #000000b3;
}
.multi-img-remain[_ngcontent-uux-c45],
.multi-img-shadow[_ngcontent-uux-c45] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.multi-img-remain[_ngcontent-uux-c45] {
  margin: auto;
  font-size: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff !important;
}
.light[_nghost-uux-c45] .multi-img-remain[_ngcontent-uux-c45],
.light [_nghost-uux-c45] .multi-img-remain[_ngcontent-uux-c45] {
  color: #fff !important;
}
.scroll-bar[_ngcontent-uux-c45] {
  height: 100%;
  overflow-y: overlay;
}
.scroll-bar[_ngcontent-uux-c45]::-webkit-scrollbar {
  width: 7px;
}
.scroll-bar[_ngcontent-uux-c45]::-webkit-scrollbar-thumb {
  background: #aaaaaa80;
}
app-top-ranked-videos {
  width: 400px;
}
div[_ngcontent-wus-c102].content {
    display: flex;
}
.video-iframe .art-video-player {
	position: absolute;
	z-index: 8;
}

.MacPlayer iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.MacPlayer {
	padding-bottom: 56.25% !important;
	display: block;
	background: rgba(0, 0, 0, .88);
}

.video-info-score {
	margin-right: 10px;
	margin-top: 2px;
}

.video-info-score img {
	width: 15px;
	height: 15px;
}



.playform-swiper.playswiper-container{
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

.playform-swiper .swiper-wrapper {
    display: flex;
    align-items: center;
}


.playform-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    width: auto;
}
.light .module-tab-item{
    background-color: #f8f8f8 !important;
}

.module-tab-item {
    background-color: #101227;
    white-space: nowrap;
    padding: 8px 16px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.shortcuts-box {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999999;
	display: none;
	width: 100%;
	height: 100%
}

#shortcuts-info {
	position: absolute;
	width: auto;
	height: auto;
	padding: 25px;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: #fff;
	background-color: rgba(7, 7, 10, .92);
	border-radius: 10px
}
.verify-item{}

.verify-item .mac_verify{
    width: 70px;
    height: 30px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    text-align: center;
    background: none;
    border: 1px solid #4d4d4d33;
    color: #fff6;
}
.verify-item .mac_verify_img{
    width: 70px;
    height: 29px;
}
.mediaList {
    display: none !important;
}
.mediaList.active {
    display: flex !important;
}
.sublevel {
    margin-left: 4.4em;
    margin-top: 1em;
}
.comment-replies-renderer {
    padding-left: 60px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 14px;
}

.comment.sub-level[_ngcontent-uel-c174] {
    border: none !important;
    margin-bottom: 0;
}
.comment.last[_ngcontent-uel-c174] {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 17px;
}
.comment.sub-level[_ngcontent-uel-c174] .content[_ngcontent-uel-c174] {
    padding-left: 62px;
}
html app-dn-comment app-dn-comment .comment>.content {
    padding-left: 60px !important;
}
.side[_ngcontent-uel-c174] {
    position: absolute;
    width: 48px;
    left: 0;
}
.comment.sub-level[_ngcontent-uel-c174] .body[_ngcontent-uel-c174] {
    padding: 0 20px 0 0;
    margin-bottom: 5px;
    font-size: 15px;
    color: #fff6;
}
.comment.sub-level[_ngcontent-uel-c174] .content[_ngcontent-uel-c174] {
    padding-left: 62px;
}
.comment-menu[_ngcontent-uel-c174] {
    position: absolute;
    right: 0;
    top: 0;
}
.avatar[_ngcontent-uel-c166] {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 12px;
    top: 0;
    border-radius: 50%;
    z-index: 5;
    transition: all .2s linear;
}
.comment.sub-level[_ngcontent-uel-c174] .author-block[_ngcontent-uel-c174]:after {
    content: ":";
    display: inline-block;
    width: 20px;
    text-align: center;
}
.icongengduo[_ngcontent-uel-c174] {
    color: #ffffffb3;
    font-size: 18px;
    position: relative;
    bottom: -.2em;
}
.time[_ngcontent-uel-c174] {
    font-size: 14px;
}
.controls[_ngcontent-uel-c174] {
    font-size: 15px;
    color: #fff6;
    margin-left: 15em;
    display: flex;
    align-items: center;
}
.like-button[_ngcontent-uel-c174] {
    background-color: initial;
    color: #fff6;
    border: none;
    outline: none;
}
.sub-level .name-card .avatar {
    margin-top: -5px !important;
}

.author-block.d-flex.float-left{
    font-size: 15px;
}

.shoutu-ad-img img {
	width: 100%;
	border-radius: 8px;
}


.languagemenu_container {
	position: absolute;
	right: 50px;
	bottom: 0;
	z-index: 98;
	width: auto;
	box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .05), 0 1.5rem 2.2rem rgba(0, 0, 0, .1) !important;
	background: #2b2c3a;
	border-radius: 6px;
	display: none;
}

.light .languagemenu_container{
    background: #fff;

}

.languagemenu_container .languagemenu_item {
	width: 95px;
	padding: 8px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}

.light .languagemenu_container .languagemenu_item{
        color: #888;
}

.languagemenu_container .languagemenu_item:hover {

	color: #00c0ff;
}

#install-prompt {
	display: none;
	line-height: 30px;
	font-size: 14px;
	position: fixed;
	bottom: 80px;
	width: 40%;
	left: 30%;
	padding: 12px 18px;
	z-index: 999999;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	backdrop-filter: saturate(180%) blur(20px);
	box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);
}

.install-btn {
	font-size: 14px;
	border-radius: 30px;
	padding: 2.5px 12.5px;
	color: #fff;
	background: #ff2a14;
	position: absolute;
	right: 18px;
	line-height: 2;
}

.pwa-close-btn {
	font-size: 12px;
	color: #ced2da;
	position: absolute;
	right: 115px;
	line-height: 30px;
	cursor: pointer;
}

.kuangjia {
	display: flex;
	align-items: center;
}

.tooltip {
	margin-left: 5px;
	display: flex;
	border-radius: 50%;
	background: #fff;
	width: 18px;
	height: 18px;
	align-items: center;
	justify-content: center;
	color: #282828;
	font-size: 14px;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 160px;
	background: #16161a;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	top: calc(50% - 108px);
	opacity: 0;
	transition: opacity 0.6s;
	backdrop-filter: saturate(180%) blur(20px);
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #16161a transparent transparent transparent;
}

@media (max-width: 559px) {
	#install-prompt {
		bottom: 85px;
		width: 93%;
		left: 3.3%;
	}

	.tooltip .tooltiptext {
		right: calc(50% - 88px);
		top: calc(50% - 30px);
	}

	.tooltip .tooltiptext::after {
		top: 50%;
		left: 0;
	}
}
/*5.30*/
/* 基础导航样式 */
.nav-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 15px; /* 菜单项间距 */
}

.nav-item {
    position: relative;
}

.nav-link {
    display: flex;
    align-items: center;
    padding: 8px 9px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    border-radius: 4px;
}

/* 仅保留当前选中状态 */
.nav-link.active {
    color: #1890ff;
    font-weight: bold;
}

.home-link {
    color: #ff4d4f; /* 首页特殊颜色 */
}

.nav-icon {
    margin-right: 6px;
    font-size: 14px;
}

.nav-dropdown {
    margin-left: 8px;
    font-size: 18px;
    color}

/*2025.6.3*/
.myui-panel__head .title, .myui-panel__head .title a {
  font-size: 24px;
}
.myui-panel__head .title {
  float: left;
  display: inline-block;
  margin: 0;
  padding-right: 10px;
  line-height: 30px;
}
.myui-panel_bd b{
  font-size: 14px;
}
.myui-panel_bd {
  font-size: 12px;
line-height: 28px;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}
.myui-panel_bd a{color: #e37272;}
.container::before, .container::after, .row::before, .row::after, .clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  clear: both;
  padding: 0 0 10px 0;
}
.piaoxue {
  float: left;
  min-height: 1px;
  padding: 2px;
  width: 100%;
}
.piaoxue-f {
  max-width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 3px;
  display: inline-block;
  /*! margin-right: 10px; */
  width: 20%;
}
.piaoxue-f a {
  text-align: center;
  padding: 3px;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 9px;
  /*! border: 1px solid #d9d4d4; */
  -webkit-transition-duration: .5s;
  font-size: 12px;
  color: #978585;
}