/* 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}
  .fn-left,.fn-right,.fl,.fr,.left,.right,.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,.silder-cnt,.box,.box_con,.deansubdiv,.deanddt5{width:100%!important;max-width:100%!important}
  .latest-item{height:auto!important}
  .img-list,.txt-list{width:100%!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{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}

  /* mac_zpm5 */
  .teleplay-content-list,.week-list,.tti-ul,.live-hot-child{width:100%!important;max-width:100%!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}

  /* mac_hali */
  .bg-wrap,.slider-menu,.slider-menu__item,.drama-module,.tab-cont,.area-drama{max-width:100%!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}
  .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}
  .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}
  .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}
  .xing_vb{overflow-x:auto!important}
  .xing_vb1,.xing_vb2,.xing_vb3,.xing_vb4,.xing_vb5,.xing_vb7{min-width: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}
}