@charset "utf-8";
@font-face {
    font-family: "UKIJ Ekran";
    font-style:  normal;
    font-weight: normal;
    src: url(eot.eot);
}
@font-face {
    font-family: "UKIJ Ekran";
    src: local("UKIJ Ekran"), url(font.ttf) format("opentype"); /* non-IE */
}
/* old color ebeeee */
body{padding:0px; margin:0px; font-family:"UKIJ Ekran"; font-size:13px;  background-color: #FFFFFF; background-repeat:no-repeat; background-position:top center; transition:all .5s ease-out .1s;}

*{ padding: 0; margin: 0; font-family:"UKIJ Ekran";}
li{ list-style: none}
a{    text-decoration: none; color: #112234}
.main {margin-left:auto;margin-right:auto;width: 1200px;}
.f18{ font-size: 18px;}
.f17{ font-size: 17px;}
.f16{ font-size: 16px;}
.f15{ font-size: 15px;}
/** 布局头部 **/
.layout-global-header { height: 60px; }
.text-active{ color: #fff !important}
.text-active *{ color: #fff !important}
/*.layout-global-header .navigation { width: 100%; background: #f44336; background-image: linear-gradient(45deg, #e65032, #ff7d19) }*/
.layout-global-header .navigation { width: 100%;background: #3071f2;}

.layout-global-header .navigation .main { display: flex; }
.layout-global-header .navigation .logo { display: flex; align-items: center; width: 160px; height: 50px; }
.layout-global-header .navigation .logo img { max-width: 100%; max-height: 100%; }
.layout-global-header .navigation ul.nav { display: flex; flex: 1; align-items: center; overflow: hidden; }
.layout-global-header .navigation ul.nav li { height: 60px; line-height: 60px; flex-shrink: 0; position: relative; padding: 0 25px }

.layout-global-header .navigation ul.nav li.active:after, .layout-global-header .navigation ul.nav li:hover:after { content: " "; position: absolute; bottom: 3px; left: calc(50% - 15px); width: 30px; height: 4px; background: #ffffff;}


.layout-global-header .navigation ul.nav li a { position: relative; display: block; padding:0 0 0 0px; font-size: 18px; color: #fff; }

.layout-global-header .navigation ul.nav li.children > a::before { position: absolute; top: 8px; right: 12px; border-top: 5px solid #ffffff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; }
.layout-global-header .navigation ul.nav li:hover > dl { display: block; transition: all 300ms; }

.layout-global-header .navigation ul.nav li dl { position: absolute; padding: 5px 0; z-index: 2000; display: none;  min-width: 140px; border-radius: 2px; border: 1px solid #e6e6e6;     box-shadow: 0 6px 12px rgba(0,0,0,0.175); background: #ffffff; transition: all 300ms; }
.layout-global-header .navigation ul.nav li dl dd { line-height: normal; }
.layout-global-header .navigation ul.nav dl dd:hover { background: #f3f3f3; }
.layout-global-header .navigation ul.nav li dl dd a { display: block; line-height: 1; font-size: 15px; color: #677282; padding: 11px 20px; }
.layout-global-header .navigation .layui-nav { display: flex; align-items: center; color: #ffffff; cursor: pointer; }
.layout-global-header .navigation .layui-nav .sign-in a { display: inline-block; padding: 0 8px; font-size: 16px; color: #ffffff; }
.layout-global-header .navigation .layui-nav .sign-in a:hover { opacity: .9; }
.layout-global-header .navigation .layui-nav .layui-nav-avatar img { width: 36px; height: 36px; margin-left: 10px; border-radius: 100%; }
.layout-global-header .navigation .layui-nav .layui-nav-avatar cite { font-size: 16px; color: #fff; }
.layout-global-header .navigation .layui-nav .layui-nav-more{ display: none !important; }
.layout-global-header .navigation .layui-nav .layui-nav-child{ text-align: center; }

.adax-bar{ }
.adax-bar .title{position: relative;}
.adax-bar .title{ padding-right: 15px;}
.adax-bar .title::after{ position: absolute; content: " "; right: 0; height: 22px;width: 6px; background: #ff6600; border-radius: 3px;}

.menu_box{ padding:15px 0 }
.cover{background-size: cover !important; background-position:  center center !important}
.movie_list{ overflow: hidden}
.movie_list .items{ position: relative; flex-basis: calc(20% - 20px); margin: 10px 0}
.movie_list .items .thumb{ height: 310px; border-radius: 10px; position: relative}
.movie_list .items .thumb .vip{position: absolute;bottom: 10px;left: 10px;background: #ffe300;color: #112234;font-size: 22px;border-radius: 6px;padding: 0 4px;height: 18px;}
.movie_list .items:hover .thumb{ transform: scale(1.05); transition: all .5s ease-out .1s; position: relative}
.movie_list .items:hover .thumb:after{ position: absolute; content: "\e663"; font-family: "iconfont" !important; font-size: 58px; width: 64px; height: 64px; top: calc(35% - 6px); left: calc(50% - 32px); color: #ffffff}

.filter_box .items a{     font-size: 15px;padding: 3px 0px 3px 20px;margin: 0 0 0 10px;}
.filter_box .items .active{  color: #f44336; border-radius: 10px;}

.child_cat_list a{ color: #333333; margin: 0 10px; font-size: 14px; background: #f4f5f7; padding: 2px 6px; border-radius: 5px;}
.child_cat_list a:hover{ color: #ff6600}