body{background:linear-gradient(180deg,#e6ebf7 0%,#f5f6fa 300px);background-attachment:fixed;font-family: 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1';}
.layui-header{position:fixed;top:0;width:100%;left:0;background-color: #282b33;box-shadow:0 2px 8px rgba(0,0,0,.18);z-index:100;}
.page-header{overflow: hidden;height:60px;}
.page-header .layui-nav{white-space: nowrap;overflow-x: auto;height:60px;}
.page-header .layui-nav .layui-nav-item a{color:rgba(255,255,255,.78);line-height:60px;transition:color .2s,background .2s;}
.page-header .layui-nav .layui-nav-item a:hover{color:#fff;background:rgba(255,255,255,.08);}
.page-header .layui-nav .layui-nav-item.layui-this>a{color:#fff;background:#7094f3;}
.page-header .layui-nav .layui-nav-bar{display:none;}
.page-wb{width:1200px;max-width:100%;margin:0 auto;box-sizing:border-box;padding:0 10px;}
.page-wb:after{content:'';display:block;clear:both;}
.page-left{float:left;}
.page-right{float:right;}
.login,.reg{padding:0 0 0 20px !important;}
.layui-mt5{margin-top:5px;}
.layui-mt10{margin-top:10px;}
.layui-mt20{margin-top:20px;}
.layui-mt30{margin-top:30px;}
.layui-mb10{margin-bottom:10px;}
.layui-mb20{margin-bottom:20px;}
.layui-mr10{margin-right:10px;}
.layui-mr20{margin-right:20px;}
.layui-ml10{margin-left:10px;}
.layui-ml20{margin-left:20px;}
.hide{display:none;}
.layui-layout{margin-top:60px;}
.logo{width:160px;background:url(../images/logo.png) no-repeat left center;height:60px;text-indent:-9999px;}
.logo a{display:block;height:100%;width:100%;}
.top-user{padding: 0!important;}
.top-user dd a {padding: 0 15px!important;}
.top-user .layui-nav-child a i { position: relative;top: 2px;margin-right: 10px;font-size: 20px;}
.top-user .iz-user{font-size:24px;height:60px;overflow:hidden;}
.top-user .layui-nav-child {left: auto;right: 0;width: 120px;min-width: 0;}
.top-user .layui-nav-bar{display: none !important;}
.top-avatar img {width: 35px;height: 35px;margin-right: 10px;;border-radius: 100%;background: #fff;}
.layui-layer-content {overflow: visible!important;}

.layui-hot {margin-top: 20px}
.layui-hot .layui-tab-content {padding: 0;}
.layui-hot .layui-tab-title{text-align:center;}
.layui-hot>.layui-tab-title .layui-this{color:#234;font-size:16px;}
.layui-hot>.layui-tab-title .layui-this:after{border:0;border-bottom:3px solid #7094f3;}

.fly-case-list{margin-top:20px;font-size:0;}
.fly-case-list li,.layer-ext-ul li{display: inline-block;vertical-align: top; *display: inline; *zoom:1; font-size: 14px; background-color:#fff;}
.fly-case-list{width:100%;min-height:500px;margin:20px 0 0;}
.fly-case-list li{width:calc(25% - 16px);margin:0 8px 16px 8px;padding:10px;box-sizing:border-box;border-radius:8px;transition:box-shadow .25s ease,transform .25s ease;}
.fly-case-list li:hover{box-shadow: 0 4px 14px rgba(0,0,0,.12);transform:translateY(-2px);}
.fly-case-img{position:relative;display:block;height: 150px;width: 100%;overflow: hidden;background: url(../images/load.jpg) no-repeat;border-radius:6px;}
.fly-case-img img{width:100%;background:rgba(0,0,0,.2);opacity:1;transition:transform .3s ease,opacity .3s ease;}
.fly-case-img:hover img{opacity:0.85;transform:scale(1.05);}
.fly-case-img .zt{position: absolute;top: 6px; left: 6px;color: #fff;padding: 2px 8px;border-radius:10px;font-size:12px;}
.fly-case-img .zt.zt0{background:rgba(56,101,201,.88);}
.fly-case-img .zt.zt1{background:rgba(29,157,94,.9);}
.fly-case-img .zt.zt2{background:rgba(207,63,63,.9);}
.fly-case-img .zt.zt3{background:rgba(199,127,14,.92);}
.fly-case-img .sc,.fly-case-img .dx{position: absolute;bottom: 8px;color: #fff;background:rgba(0,0,0,.45);padding:1px 6px;border-radius:4px;font-size:12px;}
.fly-case-img .sc{right: 6px;}
.fly-case-img .dx{left: 6px;}
.fly-case-img i{position:absolute;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:rgba(0,0,0,.2);top:40px;left:50%;margin-left:-50px;color:#fff;font-size:45px;text-align:center;line-height:100px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.fly-case-img:hover i{opacity:1;width:48px;height:48px;line-height:48px;margin-left:-24px;top:66px;}
.fly-case-list li h2{padding: 10px 0 5px;line-height:22px;font-size:18px;text-align:center;height:24px;}
.fly-case-list li h2 a:hover{color:#7094f3;}
.fly-case-desc{height:40px; line-height: 20px;font-size:12px; color:#666;overflow:hidden;}
.fly-case-info{position:relative;margin:10px 0 0;padding-top:10px;border-top: 1px dotted #eee;}
.fly-case-info p{height:24px; line-height:24px;}
.fly-case-info .layui-elip{color:#666;}
.fly-case-info .layui-elip span{float:right;}

/* footer */
.layui-footer{background-color: #282b33;color:rgba(255,255,255,.7);font-size:12px;line-height:26px;padding:20px 0 20px;}

.layui-laypage{text-align:center;width:100%;margin: 30px 0 0 0;}
.layui-laypage a,.layui-laypage span{height:37px;line-height:37px;font-size:14px;}
.layui-laypage a.current{background:#7094f3;color:#fff;border-radius:4px;}
.page-content{width:850px;float:left;}
.page-show{width:820px;padding:15px;background:#fff;}
.page-more{width:336px;float:right;}

.cy_cmt_count{float:none !important;margin-left:5px;}

/* 空态提示 */
.empty-tip{width:100%;padding:80px 0;text-align:center;color:#999;}
.empty-tip i{display:block;font-size:56px;color:#c5cdd9;margin-bottom:16px;}
.empty-tip p{font-size:16px;margin-bottom:20px;}

/* 顶部 hero 横幅 */
.hero{background:linear-gradient(135deg,#1b2740,#2d3a6e 55%,#7094f3);color:#fff;padding:52px 0 46px;margin-top:60px;}
.hero h2{font-size:30px;margin:0 0 10px;font-weight:700;letter-spacing:1px;}
.hero p{color:rgba(255,255,255,.78);font-size:15px;margin:0 0 24px;}
.hero .layui-btn{height:40px;line-height:40px;padding:0 28px;border-radius:20px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);font-size:14px;}
.hero .layui-btn:hover{background:rgba(255,255,255,.3);opacity:1;}

/* 响应式 */
@media screen and (max-width: 1240px){
    .fly-case-list{width:100%;margin-left:auto;margin-right:auto;}
    .fly-case-list li{width:calc(25% - 16px);box-sizing:border-box;}
}
@media screen and (max-width: 992px){
    .fly-case-list li{width:calc(33.333% - 16px);}
}
@media screen and (max-width: 768px){
    .fly-case-list li{width:calc(50% - 16px);}
    .page-wb{padding:0 8px;}
}
@media screen and (max-width: 480px){
    .fly-case-list li{width:100%;margin-left:0;margin-right:0;}
    .fly-case-img{height:auto;}
}