/* Codex responsive compatibility layer — keeps one template for desktop and mobile. */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto}
table{max-width:100%}
@media (max-width: 768px){
  html,body{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  body{font-size:14px!important;-webkit-text-size-adjust:100%}
  .layout,.wrapper,.wrap,.page-width,.container,.width1200,.w1200,.w1000,.w980,.w960,.w920,
  .header,.header-c,.top-layout,.top-wrap,.search-wrap,.content,.content-box,.box-model,.fl-model,
  .main,.section,.mod-main,.teleplay,.teleplay-content,.teleplay-content-inner,.splendid-header,
  .banner-t-wrap,.recommend-header,.area,.area-main,.area-cont,.yk-pannel,.yk-pannel-box,.yk-pack,
  .xing_top,.xing_vb,.foot,.footb{width:100%!important;max-width:100%!important;min-width:0!important}
  .layout,.wrapper,.wrap,.page-width,.container,.content,.main,.section,.mod-main,.teleplay,
  .teleplay-content,.area-main,.yk-pannel,.yk-pannel-box,.xing_vb{padding-left:10px!important;padding-right:10px!important}
  .content-box-l,.content-box-r,.teleplay-left,.teleplay-right,
  .mod-side,.area-side,.col-left,.col-right{float:none!important;clear:both!important;width:100%!important;max-width:100%!important}
  .w920,.w260{float:none!important;width:100%!important}
  .nav,.ui-nav,.nav-area,.header-top__nav,.box-model-nav,.channel,.channel-layer,.nav-group,
  #navbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    width:100%!important;max-width:100%!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}
  .nav li,.ui-nav li,.nav-area li,.header-top__nav li,.box-model-nav li,.channel li,.nav-group li,
  #navbar li{flex:0 0 auto!important}
  .search-wrap,.search-box,#searchbar{max-width:100%!important}
  input,select,textarea{max-width:100%!important}
  .side,.mod-side,.teleplay-right,.content-box-r{margin-left:0!important;margin-right:0!important}

  /* default_pc */
  .latest-focus,.latest-tab-nav,.latest-tab-box,.latest-item,.silder-cnt,.box,.box_con,.deansubdiv,.deansubdiv dl,.deansubdiv dd,.deanddt5{width:100%!important;max-width:100%!important}
  .ui-search,.hotkeys{width:100%!important;max-width:100%!important}
  .ui-search{display:flex!important}.ui-search .search-input{flex:1 1 auto!important;width:auto!important}.ui-search .search-button{flex:0 0 80px!important;width:80px!important}
  .deansubdiv{display:none!important}
  .latest-item{height:auto!important}
  .img-list,.txt-list{width:100%!important;max-width:100%!important}.img-list{display:flex!important;flex-wrap:wrap!important}
  .img-list li{width:33.333%!important;margin:0!important;padding:5px!important}

  /* helen_ten / mac_wsypc */
  .back,.mb10,.slide-detail,.dmbox,.tab,.imglist,.list4,.news-list-txt,.rmicd,.back-tabs{width:100%!important;max-width:100%!important}
  .imglist,.list4{display:flex!important;flex-wrap:wrap!important}
  .imglist>li,.list4>li,.slide-li{width:33.333%!important;margin:0!important;padding:5px!important}
  .slide-detail .img,.slide-detail .slide-txt{float:none!important;width:100%!important}
  .back-tabs .tempWrap{width:100%!important;max-width:100%!important}
  .back-tabs .up-list{width:100%!important;max-width:100%!important;left:0!important;display:flex!important;flex-wrap:wrap!important}
  .back-tabs .up-list>li{width:50%!important;margin:0!important;padding:5px!important}
  .back-tabs .switchBtn{width:auto!important;max-width:44px!important}

  /* mac_zpm5 */
  .teleplay-content-list,.week-list,.tti-ul,.live-hot-child{width:100%!important;max-width:100%!important}
  .movie-wrap,.movie-header,.movie-header-search,.mhs-inner,.movie-header-menu,.mhm-inner,.mhm-menu,
  .movie-wrap .logo,.movie-wrap .search,.watch-wrap,.movie-wrap .dl{width:100%!important;max-width:100%!important;min-width:0!important}
  .movie-wrap .logo,.movie-wrap .search,.watch-wrap{float:none!important;margin:8px 0!important}
  .movie-wrap .search-inner{width:100%!important;max-width:100%!important}
  .movie-wrap .search-text{position:static!important;width:calc(100% - 90px)!important}
  .mhm-menu{display:flex!important;overflow-x:auto!important;white-space:nowrap!important}
  .container-inner,.con2{width:100%!important;max-width:100%!important;min-width:0!important}
  .banner-btn-list{display:none!important}.banner-t-wrap{width:100%!important;max-width:100%!important}
  .banner-tit-model{display:none!important}.banner-s-t{width:100%!important;max-width:100%!important}
  .splendid-tab{max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important}
  .teleplay-content-list{display:flex!important;flex-wrap:wrap!important}
  .teleplay-content-list>li{width:33.333%!important;margin:0!important;padding:5px!important}
  .teleplay-right{margin-top:12px!important}
  .banner-s2{width:100%!important;max-width:100%!important;overflow:hidden!important}

  /* yezmwpc */
  .detail,.detail_left,.detail_right,.detail_right_div,.detail_tab,.detail_tab2,.div1,.div3,.div5{
    float:none!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .ps_25{padding-left:10px!important;padding-right:10px!important}
  .detail_submit,.detail_submit form,.link,.url,.url ul{width:100%!important;max-width:100%!important;margin-left:0!important;left:auto!important}
  .detail_submit input{width:calc(100% - 80px)!important}
  .url-info,.footer_cet{width:100%!important;max-width:100%!important}

  /* mac_hali */
  .bg-wrap,.slider-menu,.slider-menu__item,.drama-module,.tab-cont,.area-drama,.banner-box,.tuiguang{width:100%!important;max-width:100%!important}
  .banner-box>ul.img{max-width:none!important}
  .banner-box>ul.img>li,.banner-box>ul.img>li>a,.banner-box>ul.img img{width:100vw!important;max-width:100vw!important}
  .drama-module,.tab-cont{display:flex!important;flex-wrap:wrap!important}
  .drama-module>.item,.tab-cont>.item{width:33.333%!important;margin:0!important;padding:5px!important}

  /* mac_syls */
  .rebo-list,.hot-layout,.hot-list,.top-layout-r,.box-model-cont{width:100%!important;max-width:100%!important}
  .navgation-wrap,.navgation-left{width:100%!important;max-width:100%!important}
  .navgation-wrap{overflow-x:auto!important;white-space:nowrap!important}
  .banner-smile{left:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .search-wrap{left:0!important;margin-left:0!important}
  .search-wrap form,.search-l{width:100%!important;max-width:100%!important}
  .search-wrap .search-text1{width:calc(100% - 90px)!important}
  .box-model-nav{margin-left:0!important;margin-right:0!important}
  .hot-list{max-width:calc(100% - 10px)!important}
  .rebo-list,.hot-list,.box-model-cont{display:flex!important;flex-wrap:wrap!important}
  .rebo-list>li,.hot-list>li,.box-model-cont>li{width:33.333%!important;margin:0!important;padding:5px!important}

  /* pc8 */
  .mod-videos,.videos,.list-movie,.top-piclist,.list-v{width:100%!important;max-width:100%!important}
  .header-duba,.hd-wrapper-duba,.hd-inner-duba,#content,.mod-pagenationfocus,.mod-pagenationfocus .inner,
  .mod-pagenationfocus .tempWrap{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  .header-duba .hd-nav{width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;margin:0!important}
  .mod-pagenationfocus .carousel-list{max-width:none!important}
  .mod-pagenationfocus .carousel-list>li,.mod-pagenationfocus .carousel-list>li>a,
  .mod-pagenationfocus .carousel-list img{width:100vw!important;max-width:100vw!important}
  .mod-pagenationfocus .controls{left:0!important;right:0!important;width:100%!important;max-width:100%!important}
  .mod-videos,.videos,.list-movie,.top-piclist,.list-v{display:flex!important;flex-wrap:wrap!important}
  .mod-videos>li,.videos>li,.list-movie>li,.top-piclist>li,.list-v>li{width:33.333%!important;margin:0!important;padding:5px!important}
  .mod-side{margin-top:12px!important}

  /* youku_pc */
  .index-list-1,.info-list,.carousel,.carousel-inner,.channel-layer{width:100%!important;max-width:100%!important}
  .newhead-main,.newhead-small-nav{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  .newhead-small-nav{display:flex!important;overflow-x:auto!important;white-space:nowrap!important}
  .head-search,.head-search-box{left:0!important;width:100%!important;max-width:100%!important;margin-left:0!important}
  .head-search .search-input{width:calc(100% - 80px)!important}.head-search .search-button{right:0!important}
  .channel-layer,.dropdown-menu{display:none!important}
  .index-list-1,.info-list{display:flex!important;flex-wrap:wrap!important}
  .index-list-1>.yk-pack,.info-list>.yk-pack,.index-list-1>li,.info-list>li{width:33.333%!important;margin:0!important;padding:5px!important}

  /* ziyuan2 */
  .xing_top_left,.xing_top_center,.xing_top_right{float:none!important;width:100%!important;max-width:100%!important;text-align:center!important}
  .xing_top_center{margin:8px 0!important}
  .search-inner,.nvc,.nvc dl{width:100%!important;max-width:100%!important;min-width:0!important}
  .search-inner .search-text{position:static!important;width:calc(100% - 90px)!important}
  .xing_vb{overflow-x:hidden!important}
  .xing_vb1,.xing_vb2,.xing_vb3,.xing_vb4,.xing_vb5,.xing_vb7{min-width:0!important;max-width:100%!important}
  .xing_vb1{width:45%!important}.xing_vb4{width:42%!important}.xing_vb5,.xing_vb7{width:13%!important}
  .xing_top_right{display:none!important}
  .codex-poster-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin-left:10px!important;margin-right:10px!important}
  .codex-poster-grid .codex-poster-card{width:100%!important;min-width:0!important;margin:0!important}
}
@media (max-width: 420px){
  .img-list li,.imglist>li,.list4>li,.slide-li,.teleplay-content-list>li,.drama-module>.item,.tab-cont>.item,
  .rebo-list>li,.hot-list>li,.box-model-cont>li,.mod-videos>li,.videos>li,.list-movie>li,.top-piclist>li,.list-v>li,
  .index-list-1>.yk-pack,.info-list>.yk-pack,.index-list-1>li,.info-list>li{width:50%!important}
}