/**
 
 @Name: Fly社区
 @Author: 贤心
 @Site: fly.layui.com
 
 */


/*  主色  #393D49
    候选1 #546ebd
    候选2 #ff5722
    */

/* 全局 */
html, body { overflow-x: hidden; }
/*html body { margin-top: 61px; }*/
html { background-color: #F2F2F2; }
i { font-style: normal; }


/** 滚动条 **/

/* 第一种 */
/*::-webkit-scrollbar{width: 10px; height: 10px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}*/

/* 第二种 */
::-webkit-scrollbar { width: 7px; height: 7px; background-color: #C4C0C0; }
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F2F2F2; }
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #C4C0C0; }

/*轮播*/
.fly_banner { min-height: 280px; position: relative !important; margin-bottom: 15px; }
.fly_banner span.title, .fly_banner span.titlebg { padding: 0 2% 0 8%; position: absolute; display: block; bottom: 0px; width: 90%; height: 38px; line-height: 38px; text-align: center; color: #dbe3e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fly_banner span.titlebg { background: #717a94; opacity: 0.7; filter: alpha(opacity=30); color: #dbe3e4; }
.fly_banner .layui-carousel-ind { position: absolute; top: 245px; left: 12px; text-align: left; }
.layui-carousel-arrow, .layui-carousel-ind { z-index: 9999; }
.fly_banner img, .fly_adv img { width: 100%; height: 100%; }
.fly_adv { min-height: 80px; }
.fly_banner figure { position: relative; float: left; width: 98% !important; height: 95% !important; margin: 1%; background: #3085a3; text-align: center; cursor: pointer; }
.fly_banner figure figcaption { height: 280px !important; margin: 0 !important; padding: 0px !important; }
.fly_banner figure h2 { padding-top: 10% !important; text-align: center; margin: 0 !important; }
.fly_banner figure.effect-julia:hover p { display: inherit; text-align: center; width: 50%; margin: 5px auto; border-radius: 0 15px 0 15px; }
/*"Julia", "Jazz", "Ming", "Kira", "Apollo", "Selena", "Duke"*/

/*代码高亮*/
.hljs { background: #393d49 !important; }

/* 辅助 */
a:hover { /*color: #FF5722;*/opacity:0.8; transition: all .3s; }
pre { padding: 10px 15px; margin: 10px 0; font-size: 12px; border-left: 0px solid #009688; background-color: #f8f8f8; font-family: Courier New; overflow: auto; }
.zt { margin-top: 15px; }

.layui-container { padding: 0 15px; }
.fly-main { width: 1079px; min-height: 600px; margin: 0 auto 15px; }
.layui-badge { height: 20px; line-height: 20px; border-radius: 2px; }

.fly-link { color: #01AAED; }
.fly-link:hover { color: #5FB878; }
.fly-grey { color: #999; }

.fly-msg, .fly-error { padding: 10px 15px; line-height: 24px; }
.fly-msg { background-color: #F8F8F8; color: #666; }
.fly-msg a { color: #4F99CF; }
.fly-msg .username { color: #fa9725; font-weight: bold; font-size: 16px; font-style: italic; }
.fly-editbox { position: relative; }

.fly-marginTop { margin-top: 15px; }
.fly-mid { display: inline-block; height: 10px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: #e2e2e2; }
.fly-right { position: absolute; right: 15px; top: 0; }

/*右下角按钮组*/
.layui-fixbar li:last-child { border-radius: 0 0 10px 10px !important; }
.layui-fixbar li:first-child { border-radius: 10px 10px 0 0 !important; }

/* 过度 */
.fly-loading { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -15px; font-size: 30px; color: #c2c2c2; }

/* 头像 */
.fly-avatar { position: absolute; left: 15px; top: 15px; }
.fly-avatar img { display: block; width: 45px; height: 45px; margin: 0; }

/*块状导航*/
.fly-arealink { padding: 0 15px 15px; }
.fly-arealink dd { display: block; float: left; border-radius: 5px; margin: 5px; border: 5px solid #e6e0e0; text-align: center; display: none; }
.fly-arealink dd i { font-size: 40px; color: white; display: block; }
.fly-arealink dd:hover { opacity: 0.7; transition: 0.4s; cursor: pointer; box-shadow: rgba(138,115,115,0.7) 3px 3px; }
.fly-arealink dd:hover i { margin-top: 10px; transition: 0.5s; }
.fly-arealink dd:nth-of-type(1) { background-color: #FF5722; }
.fly-arealink dd:nth-of-type(2) { background-color: #5FB878; }
.fly-arealink dd:nth-of-type(3) { background-color: #2F4056; }
.fly-arealink dd:nth-of-type(4) { background-color: #FFB800; }
.fly-arealink dd:nth-of-type(5) { background-color: #1E9FFF; }
.fly-arealink dd:nth-of-type(6) { background-color: #009688; }

/* 徽章 */
.fly-badge-vip { height: 16px; line-height: 16px; padding: 0 3px; background-color: #FF5722; color: #fff; border-radius: 2px; }
.fly-badge-accept { height: 18px; line-height: 18px; padding: 0 5px !important; background-color: #5FB878; border-radius: 2px; }

/* 赞助商 */
.fly-zanzhu { display: block; position: relative; height: 80px; line-height: 80px; margin-top: 10px; text-align: center; font-size: 16px; font-weight: 300; margin-top: 0; color: #fff; }
.fly-zanzhu:nth-child(n+1) { background-color: #009688; }
.fly-zanzhu:nth-child(2n+1) { background-color: #5FB878; }
.fly-zanzhu:hover { opacity: 0.9; color: #fff; }

/*卡片*/
.fly_card li { min-height: 300px; margin-bottom: 15px; padding: 2px; }

/* 图标 */
.icon-touxiang { display: inline-block; font-size: 34px; }
.icon-qq, .icon-weibo { font-size: 30px; }
.icon-renzheng { position: relative; color: #FFB800; }
.icon-kiss { font-size: 18px; }
.icon-pinglun1 { position: relative; top: 2px; }

/* 头部 */
/*.fly-header { position: fixed; left: 0; top: 5px; z-index: 10000; width: 100%;*/ /*height: 120px;*/ /*border-bottom: 1px solid #404553; border-right: 1px solid #404553; border-radius: 0; box-shadow: 0 1px 40px 0 #393d49; -moz-box-shadow: 0 1px 40px 0 #393d49; -webkit-box-shadow: 0 1px 40px 0 #393d49; }*/
.fly-header { position:relative;display:inline-block; left: 0; /*top: 5px; */z-index: 10000; width: 100%; /*height: 120px;*/ border-bottom: 1px solid #404553; border-right: 1px solid #404553; border-radius: 0; box-shadow: 0 1px 40px 0 #393d49; -moz-box-shadow: 0 1px 40px 0 #393d49; -webkit-box-shadow: 0 1px 40px 0 #393d49; }
/*.fly-header:before { background: #d81a1a linear-gradient(to left, #e62c0b, #5ac8fa, #dbe4ef, #34aadc, #24c98c, #c3b744); content: ""; height: 5px; position: absolute; top: -5px; width: 100%; }*/
.fly-logo { position: absolute; left: 15px; top: 6px; color: white; }
    .fly-logo span {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        position: relative;
        display: inline-block;
        top: -7px;
    }
    .fly-logo img {
        width:100px;height:100px;
    }
    .fly-nav {
        margin-left: 200px;
    }
#title {
    margin-top:20px;
    text-align: left;
    font-size: 17px;
    padding-left: 130px;
    color:white;
    display: inline-block;
}
.fly-nav a i {
    position: absolute;
    left: 10px;
    top: 0;
    padding-right: 10px;
    font-size: 26px;
}
.fly-nav a .icon-shouye, .nav a .icon-shezhi { top: 2px; }

.fly-nav-user { position: absolute; top: 0; right: 0; }
.fly-nav-user .iconfont { position: relative; }
.fly-nav-avatar img { width: 36px; height: 36px; margin-left: 10px; border-radius: 100%; }
.fly-nav-avatar .icon-renzheng { font-size: 16px; top: 1px; }
.fly-nav-avatar .fly-badge-vip { position: relative; margin-left: 10px; }
.fly-nav-user .layui-nav-child a i { position: relative; top: 2px; margin-right: 10px; font-size: 26px; }

.fly-nav-msg { position: absolute; top: 50%; left: -25px; height: 20px; line-height: 20px; margin-top: -10px; padding: 0 6px; background-color: #FF7200; color: #fff; border-radius: 2px; }
.fly-nav-msg:hover { color: #fff; }

.fly-header .fly-nav a.this { color: orange; }
.fly-header .layui-nav { padding: 0; background: none; }
.fly-header .fly-nav a { padding: 0 15px 0 40px; }
.fly-header .fly-nav a .layui-nav-more { display: none; }
.fly-header .fly-nav .layui-nav-child a { padding: 0; text-align: center; }
.fly-header .fly-nav .layui-nav-child a i { left: 5px; top: 5px; font-size: 16px; display: none; }
.fly-header .fly-nav-user li a { padding: 0 10px; }
.fly-header .fly-nav-user li .fly-nav-avatar { padding-right: 0; }
.fly-header .fly-nav-user a.iconfont { color: #A9B7B7; }
.fly-header > .layui-nav-item a { color: rgba(255,255,255,0.5); }
.fly-header .layui-this a { color: #fff; }
.fly-header .layui-nav .layui-this:after,
/*.fly-header .layui-nav .layui-nav-bar,*/
/*.fly-header .fly-nav-user .layui-nav-more { display: none !important; }*/
.fly-header .fly-nav-user .layui-nav-child { left: auto; right: 0;/* width: 120px;*/ min-width: 0; }
/*.fly-header .layui-nav .layui-nav-bar { background: #FF5722 !important; }*/
/*.fly-panel.fly-column { margin: 5px auto !important; }*/

/*菜单小圆点*/
.layui-nav-item .layui-badge-dot { margin: -10px 6px 0; }
.fly-header .layui-nav-child .layui-badge-dot { margin: 0px 6px 0; top: inherit !important; }

/* 底部 */
.fly-footer { position: relative; margin: 50px 0 0; padding: 20px 0 30px; line-height: 30px; text-align: center; color: #737573; border-top: 1px solid #e2e2e2; }
.fly-footer a { padding: 0 6px; font-weight: 300; color: #333; }
.fly-footer a:hover { color: #777; }
.fly-union { margin-top: 10px; color: #999; }
.fly-union > * { display: inline-block; vertical-align: middle; }
.fly-union a[upyun] img { width: 80px; }
.fly-union span { position: relative; top: 3px; }
.fly-union span a { padding: 0; display: inline; color: #999; }
.fly-union span a:hover { text-decoration: underline; }

/* 面板 */
.layui-tab-content.fly-panel { margin-bottom: 0px; }
.layui-tab-bar { display: none; }
.fly-panel { margin-bottom: 15px; border-radius: 2px; background-color: #f3f3f3; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
.fly-panel[pad20] { padding: 20px; }
.fly-panel-title { background: #e8e8e8; position: relative; min-height: 50px; line-height: 50px; padding: 0 15px 0 25px; border-bottom: 1px dotted #E9E9E9; color: #9a9594; border-radius: 2px 2px 0 0; font-size: 14px; text-shadow: 0.1em 0.1em 0.2em #8a7f7f; }
.fly-panel-title > i { margin: 0 5px; }
.fly-panel-title .more { display: inline-block; float: right; margin-right: 10px; }
.fly-panel-title:before { content: ''; position: absolute; width: 10px; height: 10px; background: #9f9999; top: 20px; left: 10px; transform: rotate(45deg); }
.fly-panel-main { padding: 10px 15px; }

/*浮动后台管理快捷入口*/
.admin-link { margin: 0 auto; background: #3c4f8e; width: 20px; line-height: 24px; border: 1px solid #333; text-align: center; position: fixed; padding: 5px; border-radius: 5px 0px 0px 5px; top: 5px; right: 0px; cursor: pointer; }

/*快捷通道*/
/*.quickchannel { margin-bottom: 15px; height: 90px; background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); border: 7px solid #ffffff; padding: 0 25px; }*/
.quickchannel { min-height: 40px; border: 7px solid #ffffff; padding: 10px 10px 0 10px; }
.quickchannel li { position: relative; display: block; float: left; margin: 0 10px 10px 0; }
/*.quickchannel li i { font-size: 60px; display: block; color: #555965; }
.quickchannel li i + span { position: absolute; top: 60px; color: #555965; left: 0px; display: inline-block; width: 60px; text-align: center; }*/
/*.quickchannel li:hover i { color: #FF5722; transition: 0.5s; transform-origin: 30px 33px; animation: rotate 5s linear infinite; }*/
.quickchannel li:hover span, .quickchannel li:hover i { color: #f5f2f2; transition-duration: .8s; }
.quickchannel li:hover a { background: #ff5722; border-color: #ff5722 !important; }

/*tab*/
.layui-tab-brief { background-color: #fff; margin-top: 0px; }
.layui-tab-brief .layui-tab-title { height: 51px; line-height: 61px; }
/*.lay-tab-category { min-height: 150px; background-color: #fff; }*/
/*.layui-tab-brief .layui-tab-title { background:#dad9d6;}*/
/*.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {border-color:#FF5722!important }*/

/* 专栏 */
.fly-column { height: 50px; line-height: 50px; }
.fly-column ul li { position: relative; display: inline-block; height: 50px; }
.fly-column ul li a { padding: 0 10px; }
.fly-column ul li.layui-this:after { position: absolute; bottom: 13px; left: 8px; z-index: 0; width: 50px; height: 22px; border: 1px solid #5FB878; border-radius: 2px; }
.fly-column ul li.layui-this a { color: #5FB878; }
.fly-column ul li .fly-mid { margin: 0 20px; }
.fly-column-right { position: absolute; right: -60px; top: 18px; }
.fly-column-right .layui-btn { vertical-align: initial; }
.fly-column .layui-badge-dot { position: absolute; top: 50%; left: 50%; margin: -13px 0 0 20px; }

/* 搜索 */
.fly-search { display: inline-block; vertical-align: top; width: 50px; height: 50px; margin-right: 10px; text-align: center; cursor: pointer; font-size: 20px !important; }
.keyword { font-weight: bold; color: #f30a0a; }
/*.fly-search .layui-icon { font-size: 20px; }*/
.fly-search:hover { color: #5FB878; }
.fly-layer-search.layui-layer { width: 500px; }
.fly-layer-search input { height: 75px; line-height: 75px; padding: 0 15px; font-size: 20px; border: none 0; background: none; }
.fly-layer-search input { width: 96% !important; padding: 0 2%; }
.fly-layer-search button { position: absolute; background: none; right: 5px; top: 20px; }
.fly-layer-search button i { color: black; }
.query-form { width: 500px; position: relative; border: 1px solid #bec1ca; margin: 15px auto 30px; box-shadow: 1px 1px 30px rgba(0,0,0,.3); }
.query-form, .query-form input { height: 55px; line-height: 55px; }
.query-form button { top: 10px; }
.query-list { display: none; position: absolute; z-index: 1; width: 500px; left: 50%; margin-left: -250px; border: 2px solid #d9d9d9; background: rgb(242, 242, 242); box-sizing: border-box; top: 74px; }
.query-list li { height: 38px; line-height: 38px; padding: 0 10px; }
.query-list li:hover, .query-form + ul li.this { opacity: 0.6; background: #eae9e5; transition: 0.3s all; }
.query-list li a { display: block; width: 100%; }
.query-list li:hover a, .query-form + ul li.this a { color: #e0920e; }

/*热门搜索列表*/
/*.fly-hotquery li { }*/

/* 筛选 */
/*.fly-filter { overflow-y: scroll; }*/
.fly-filter a { padding: 0 5px; color: #666; display: inline-block; }
.fly-filter a.layui-this { color: #5FB878; }
.fly-filter .fly-mid { margin: 0 8px; }
.fly-filter-right { position: absolute; right: 10px; top: 0; }

/* Tab */
.fly-tab { position: relative; padding-top: 3px; }
.fly-tab .layui-tab { margin: 0; }
.fly-tab .layui-tab-title { border-bottom: 1px dotted #e2e2e2; }

.fly-tab-border { position: relative; margin-bottom: 15px; }
.fly-tab-border span,
.fly-tab-border span a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.fly-tab-border span { border: 1px solid #ddd; border-right: none; font-size: 0; }
.fly-tab-border span a { position: relative; height: 36px; line-height: 36px; padding: 0 20px; border-right: 1px solid #ddd; font-size: 14px; background-color: #fff; }
.fly-tab-border .tab-this { color: #000; }
.fly-tab-border .tab-this:after { content: ''; position: absolute; bottom: -1px; left: -1px; width: 100%; height: 1px; padding: 0 1px; background-color: #009688; }

/* 分页 */
.laypage-main,
.laypage-main * { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.laypage-main { margin: 20px 0; /*border: 1px solid #393d49;*/ border-right: none; border-bottom: none; font-size: 0; }
.laypage-main * { padding: 0 10px; line-height: 30px; border-right: 1px solid #393d49; border-bottom: 1px solid #393d49; font-size: 14px; border-radius: 50%; }
.laypage-main .laypage-curr { background-color: #393d49; color: #fff; }

/* 简易编辑器 */
.fly-edit { position: relative; display: block; top: 1px; left: 0; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px 2px 0 0; background-color: #FBFBFB; }
.fly-edit span { cursor: pointer; padding: 0 10px; line-height: 38px; color: #009E94; }
.fly-edit span i { position: relative; padding-right: 6px; font-size: 18px; }
.fly-edit span:hover { color: #5DB276; }

/* 列表 */
.wzgg .fly-panel-main, .article-list .fly-panel-main { height: 260px; }
.article-list li { position: relative; }
.fly-list { padding: 0 5px; }
.fly-list li { position: relative; height: 45px; line-height: 22px; padding: 15px 15px 15px 75px; border-bottom: 1px dotted #e2e2e2; }
.fly-list li:last-child { border-bottom: none; }
.fly-list li h2,
.fly-list li h2 a,
.fly-list-info { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fly-list li h2 { height: 26px; font-size: 0; }
.fly-list li h2 a { display: inline-block; max-width: 80%; padding-right: 10px; font-size: 16px; }
.fly-list li h2 .layui-badge { top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #5FB878; background: none; color: #5FB878; }
.fly-list li:hover { background: #f0f0f0; border-radius: 5px; transition: 0.8s; }

.fly-list-info { position: relative; font-size: 13px; color: #999; }
.fly-list-info > * { padding-right: 15px; }
.fly-list-info a[link] { color: #999; }
.fly-list-info a[link]:hover { color: #5FB878; }
.fly-list-info .icon-renzheng { position: relative; top: 1px; margin-right: 3px; }
.fly-list-info .fly-badge-vip { position: relative; margin-left: 2px; }
.fly-list-kiss { color: #FF5722; }
.fly-list-nums { position: absolute; right: 0; top: 0; padding-right: 0 !important; }
.fly-list-nums i { position: relative; padding: 0 3px 0 5px; }

.fly-list-badge { position: absolute; right: 15px; top: 15px; font-size: 0; }
.fly-list-badge .layui-badge { margin-left: 5px; border-radius: 2px; font-size: 12px; }

/*环球资讯*/
dd.hqzx { float: left; padding: 5px; border-radius: 3px; }
dd.hqzx.vedio:before { content: " "; display: block; position: absolute; height: 70px; width: 70px; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; background: url(/src/images/default-vedio.png) no-repeat; background-size: 100%; opacity: 0.6; }
dd.hqzx.vedio:hover:before { opacity: 0.9; transition: 0.5s; cursor: pointer; }
dd.hqzx img { display: block !important; width: 140px !important; height: 190px !important; }
dd.hqzx p { width: 140px; line-height: 26px; height: 26px; overflow: hidden; list-style-position: inside; list-style-type: none; white-space: nowrap; text-overflow: ellipsis; }
dd.hqzx + a { margin: 90px 0 0 50px; }

/* 单行列表 */
.fly-list-one .fly-panel-title { margin-bottom: 5px; }
.fly-list-one dd.layui-this a { color: #FF5722; transition: all .3s; }
.fly-list-one dd { margin: 0 15px; line-height: 26px; white-space: nowrap; overflow: hidden; list-style: decimal-leading-zero inside; *list-style-type: decimal inside; color: #009E94; }
.fly-list-one dd a,
.fly-list-one dd span { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-style: normal; }
.fly-list-one dd a { max-width: 75%; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.fly-list-one dd span { font-size: 12px; color: #ccc; float: right; }
.fly-list-one dd:last-child { padding-bottom: 5px; }
body .layui-edit-face { border: none; background: none; }
body .layui-edit-face .layui-layer-content { padding: 0; background-color: #fff; color: #666; box-shadow: none; }
.layui-edit-face .layui-layer-TipsG { display: none; }
.layui-edit-face ul { position: relative; width: 372px; padding: 10px; border: 1px solid #D9D9D9; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); }
.layui-edit-face ul li { cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center; }
.layui-edit-face ul li:hover { position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec; }

/*我的名片*/
.fly-aboutme { min-height: 291px; }
.fly-aboutme .layui-carousel#aboutme { text-align: center; background: none; }
.fly-aboutme .layui-carousel#aboutme .layui-this { background: none; }
.fly-aboutme .layui-carousel#aboutme p { height: 28px; line-height: 28px; }

/* 签到 */
.fly-signin cite { padding: 0 5px; color: #FF5722; font-style: normal; }
.fly-signin .layui-badge-dot { top: -10px; margin-left: 5px; }
.fly-signin-list { padding: 0; line-height: 30px; }
.fly-signin-list .layui-tab-item { padding: 10px; height: 320px; overflow-x: hidden; overflow-y: auto; }
.fly-signin-list li { margin-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #e2e2e2; white-space: nowrap; }
.fly-signin-list li:first-child { margin-top: 0; }
.fly-signin-list li:last-child { border: none 0; }
.fly-signin-list img { width: 30px; height: 30px; margin-right: 10px; border-radius: 2px; }
.fly-signin-list span { padding-left: 10px; }
.fly-signin-list span i { color: #FF5722; }
.fly-signin-list .fly-none { padding-top: 20px; min-height: 0; }
.fly-signin-days { position: absolute; right: 15px; padding-left: 10px; color: #999; }
.fly-signin-main { position: relative; height: 38px; padding: 24px 15px; text-align: center; }
.fly-signin-main span { padding-left: 10px; }

.layui-tab-title .layui-badge-dot { top: -8px; }
.layui-badge-dot.new { position: relative; top: -10px; left: 2px; }

/* 最近访客 */
.fly-guest { padding-bottom: 10px; }
.fly-guest dl { position: relative; overflow: hidden; /*margin-left: 20px;*/ text-align: center; font-size: 0; }
.fly-guest dd { position: relative; height: 85px; margin: 2%; width: 20%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 12px; overflow: hidden; }
.fly-guest dd a img { width: 60px; height: 60px; margin: 1px; }
.fly-guest dd a cite { position: absolute; bottom: 20px; left: 0; width: 100%; height: 20px; line-height: 20px; text-align: center; background-color: rgba(0,0,0,.2); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fly-guest dd a:hover cite { display: block; }
.fly-guest dd a i { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.fly-guest figure { margin: 0px; }

/*网站分类*/
.fly-classify { height: initial !important; }
.fly-classify dl { padding: 10px 0; }
.fly-classify dl dd { margin: 0 auto; width: 250px; height: 45px; background: url(../images/nav_fl.png) no-repeat; text-align: center; }
.fly-classify dl dd a { color: white; display: block; height: 45px; line-height: 45px; }
.fly-classify dl dd:hover { opacity: 0.6; transition-duration: .8s; }

/*加精贴*/
.fly-quality .quality-tag span, .fly-quality .quality-tag i { padding: 0 5px; }
.quality-readmore { position: absolute; right: 25px; top: 40%; display: none; }
.fly-reply.fly-quality dl dd:hover .quality-readmore { display: initial; }
.fly-reply.fly-quality dl dd, .fly-reply.fly-quality dl dd ul { height: 180px; }
.fly-reply.fly-quality dl dd ul { padding: 10px !important; }
.fly-reply.fly-quality dl dd ul li:nth-child(2) { height: 95px; padding: 10px; white-space: break-spaces; padding-right: 130px; }
.fly-reply.fly-quality figure { margin: 0px; width: 220px; height: 160px; float: left; border: 5px solid #ebe8e8; }
.fly-reply.fly-quality dd img { width: 210px; height: 160px; margin: 5px 0 0 5px; }

/*近期评论*/
.fly-reply dl { overflow: hidden; position: relative; padding: 0 10px 10px; }
.fly-reply dl dd { margin-left: 0px; position: relative; margin-top: 10px; padding: 5px; height: 70px; margin-left: 0px; position: relative; margin-top: 10px; }
.fly-reply figure { margin: 0px; width: 55px; float: left; border: 5px solid #ebe8e8; }
.fly-reply dd img { width: 55px; height: 55px; }
.fly-reply dd li { padding: 0 5px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fly-reply dd:hover { background: #e8e7e7; transition: 0.5s; }
.fly-reply dd:hover li { opacity: 0.8; }
.fly-reply dd li:nth-of-type(1) { color: #FF5722; }
.fly-reply dd li:nth-of-type(1) span { margin-right: 5px; background: #5FB878; }
.fly-reply dd li:nth-of-type(1) span.source { color: #a4a09b; background: none; }
.fly-reply dd li:nth-of-type(2) { padding-left: 20px; color: #999; }
.fly-reply dd li:nth-of-type(3) { color: #393d49; }

.fly-reply.query dl dd { padding: 15px; border-radius: 10px; }
.fly-reply.query figure { display: none; }
.fly-reply.query img { display: none; }
.fly-reply.query dl dd { height: inherit; }
.fly-reply.query dl dd li:nth-of-type(1) { color: #18988a; }
.fly-reply.query dl dd li:nth-of-type(3),
.fly-reply.query dl dd li:nth-of-type(4) { color: #a89b9b; }

/* 静态列表 */
.fly-list-static li { line-height: 26px; height: 26px; overflow: hidden; list-style-position: inside; list-style-type: none; white-space: nowrap; text-overflow: ellipsis; }
.fly-list-static li a { color: #717a94; margin-left: 5px; }
.fly-list-static li span:not(.layui-badge) { display: block; text-transform: capitalize; }
.fly-list-static li span i { font-size: 12px; margin-right: 5px; }
.fly-list-static li span i:nth-child(n+2) { margin-left: 20px; }
.fly-list-static li a:hover { opacity: 0.6; }
/*.fly-list-static li:before { background: linear-gradient(to right, #f83600 0%, #f9d423 100%); font-style: italic; display: inline-block; position: relative; top: 3px; width: 22px; height: 22px; border-radius: 4px; color: white; text-align: center; margin-left: 4px; }*/
.fly-list-static li:before { display: inline-block; position: relative; top: 6px; width: 20px; height: 20px; border-radius: 4px; color: white; text-align: center; margin-left: 4px; background-image: url(../images/number1_10.png); }
/*.fly-list-static li:hover:before { opacity: 0.8; }*/
/*.fly-list-static li:nth-of-type(n+4):before { background: #717a94; }*/
/*.fly-list-static li:nth-of-type(1):before { background: #717a94; }*/
.fly-list-static li:nth-child(1):before { content: ""; background-color: #ffb800; }
.fly-list-static li:nth-child(2):before { content: ""; background-color: #ef5c16; background-position: 0 -20px; }
.fly-list-static li:nth-child(3):before { content: ""; background-color: #cccccc; background-position: 0 -40px; }
.fly-list-static li:nth-child(4):before { content: ""; background-position: 0 -60px; }
.fly-list-static li:nth-child(5):before { content: ""; background-position: 0 -80px; }
.fly-list-static li:nth-child(6):before { content: ""; background-position: -20px 0px; }
.fly-list-static li:nth-child(7):before { content: ""; background-position: -20px -20px; }
.fly-list-static li:nth-child(8):before { content: ""; background-position: -20px -40px; }
.fly-list-static li:nth-child(9):before { content: ""; background-position: -20px -60px; }
.fly-list-static li:nth-child(10):before { content: ""; background-position: -20px -80px; }
.fly-list-static:not(.not) li.this { background: #e8e7e7; height: 80px; transition: 0.5s; }
.fly-list-static:not(.not) li.this span { text-indent: 20px; padding: 0 15px; word-wrap: break-word; white-space: normal; text-overflow: ellipsis; color: #bf7f92; }
.fly-list-static.not li { padding-right: 50px; }
.fly-list-static.not li span:not(.layui-badge):nth-of-type(1) { position: absolute; top: 0px; right: 0px; color: #96a0c1; }
/*.fly-list-static.not li span:nth-of-type(1) i:nth-of-type(1),*/
.fly-list-static.not li span:nth-of-type(1) em:nth-of-type(1) { display: none; }

/* 单行列表 */
.jie-row li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #E9E9E9; font-size: 0; }
.jie-row li * { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 20px; font-size: 12px; }
.jie-row li span { padding: 0 6px; margin-right: 10px; background-color: #DADADA; color: #fff; font-size: 12px; }
.jie-row li .fly-stick { background-color: #393D49; }
.jie-row li .fly-jing { background-color: #CC0000; }
.jie-row li .jie-status { margin: 0 10px 0 0; }
.jie-row li .jie-status-ok { background-color: #8FCDA0; }
.jie-row li a { padding-right: 15px; font-size: 14px; }
.jie-row li cite { padding-right: 15px; }
.jie-row li i, .jie-row li em, .jie-row li cite { font-size: 12px; color: #999; font-style: normal; }
.jie-row li .mine-edit { margin-left: 15px; padding: 0 6px; background-color: #8FCDA0; color: #fff; font-size: 12px; }
.jie-row li em { position: absolute; right: 0; top: 0; }
.jie-row li .jie-user { }
.jie-row li .jie-title { max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jie-row li .jie-user img { position: relative; top: 16px; width: 35px; height: 35px; }

/* Detail页 */
.detail-box { padding: 20px; }
.detail h1 { font-size: 24px; line-height: 36px; }
.detail-index { padding: 20px 30px 0; color: #635b57; }
.fly-detail-info { position: relative; margin: 10px 0 15px; }
.fly-detail-info .layui-btn { height: 20px; line-height: 20px; vertical-align: top; border-radius: 0; }
.fly-detail-info .layui-btn + .layui-btn { margin-left: 0; }
.fly-admin-box { position: relative; display: inline-block; vertical-align: top; margin-left: 20px; }
.fly-detail-info .fly-list-nums { top: -3px; font-size: 16px; }
.fly-detail-info .fly-list-nums i { padding: 0 3px 0 15px; font-size: 22px; color: #999; }
.fly-detail-download { position: relative; }
.fly-detail-download dd { width: 120px; text-align: center; margin-bottom: 10px; }
.fly-detail-download .download-desc { color: #9c9c9c; text-indent: 32px; position: absolute; overflow: hidden; height: 110px; top: 0px; margin-left: 120px; padding: 15px; border-left: 1px solid #e0e0e0; }

.detail-about { position: relative; line-height: 20px; padding: 15px 15px 15px 75px; font-size: 13px; background-color: #f8f8f8; color: #999; }
.detail-about .jie-status, .detail-about .jie-status-ok { color: #fff; }
.detail-about .fly-jing { padding: 0 6px; background-color: #c00; color: #fff; }
.detail-about .detail-hits { position: relative; top: 5px; line-height: 20px; }
.fly-detail-user { white-space: nowrap; overflow: hidden; }
.fly-detail-user a { padding-right: 10px; font-size: 14px; }
.fly-detail-user .icon-renzheng { top: 1px; }

.detail-hits span { height: 20px; line-height: 20px; }
.detail-hits .layui-btn { border-radius: 0; }
.detail-hits .layui-btn + .layui-btn { margin-left: 5px; }
.detail-hits .jie-admin { margin-right: 1px; }
.detail-body { margin: 20px 0 0; line-height: 26px; font-size: 16px; color: #333; word-wrap: break-word; }
/*.detail-body p { margin-bottom: 15px; min-height: 30px; }*/
.detail-body a { color: #4f99cf; }
.detail-body img { max-width: 100%; cursor: crosshair; }
.detail-body table { margin: 10px 0 15px; }
.detail-body table thead { background-color: #f2f2f2; }
.detail-body table th,
.detail-body table td { padding: 10px 20px; line-height: 22px; border: 1px solid #DFDFDF; font-size: 14px; font-weight: 400; }
.detail .page-title { border: none; background-color: #f2f2f2; }

/* 发帖 */
.layui-form-item.layui-col-space15 { margin-bottom: 7.5px; }


/* 求解管理 */
.jie-admin { cursor: pointer; }
.detail-hits .jie-admin { color: #fff; padding: 0 10px; }
.detail-hits .jie-admin a { color: #fff; }
.jieda-admin { position: absolute; right: 0; top: 4px; }

/* 回答 */
.jieda { margin-bottom: 30px; }
.jieda li { position: relative; padding: 20px 0 10px; border-bottom: 1px dotted #DFDFDF; }
.jieda li:last-child { border-bottom: none; }
.jieda .fly-none { height: 50px; min-height: 0; }
.jieda .icon-caina { position: absolute; right: 10px; top: 15px; font-size: 60px; color: #58A571; }

.detail-about-reply { padding: 0 0 0 55px; background: none; }
.detail-about-reply .detail-hits { left: 0; bottom: 0; }
.detail-about-reply .fly-avatar { left: 0; top: 0; }

.jieda-body { margin: 25px 0 20px; min-height: 0; line-height: 24px; font-size: 14px; }
.jieda-body p { margin-bottom: 10px; }
.jieda-body a { color: #4f99cf; }
.jieda-reply { position: relative; }
.jieda-reply span { padding-right: 20px; color: #999; cursor: pointer; }
.jieda-reply span:hover { color: #666; }
.jieda-reply span i { margin-right: 5px; font-size: 16px; }
.jieda-reply span em { font-style: normal; }
.jieda-reply span .icon-zan { font-size: 22px; }
.jieda-reply .zanok,
.jieda-reply .jieda-zan:hover { color: #c00; }
.jieda-reply span .icon-svgmoban53 { position: relative; top: 1px; }
/*个人签名、描述*/
.autograph { font-size: 14px; text-indent: 30px; color: #bfb9b9; }

/* 用户中心 */
body .fly-user-main { position: relative; min-height: 600px; }
body .fly-user-main .layui-tab-brief { padding: 10px; }
.fly-user-main > .layui-nav { position: absolute; left: 0; top: 0; z-index: 1000; height: 100%; padding: 10px; }
.fly-user-main > .layui-nav .layui-icon { position: relative; top: 2px; font-size: 20px; margin-right: 10px; }
.fly-user-main > .fly-panel { min-height: 575px; margin: 0 0 10px 215px; }
.fly-user-main .fly-none { min-height: 0; }
.fly-panel-user[pad20] { padding-top: 5px; }

.fly-form-app { margin-top: 30px; }
.fly-form-app .iconfont { font-size: 26px; padding: 0 5px; }
.fly-form-app .icon-qq { color: #7CA9C9; }
.fly-form-app .icon-weibo { color: #E6162D; }

.user-tab { margin: 20px 0; }
.user-about { position: relative; padding: 0 0 0px 20px; border-left: 1px solid #DFDFDF; text-align: center; }
.user-about .user-avatar { width: 100px; height: 100px; border-radius: 100%; }
.user-about p { line-height: 30px; }
.user-about p span { padding: 0 5px; color: #999; }

/* 个人主页 */
.fly-home { position: relative; padding: 30px 0 30px; text-align: center; }
.fly-home img { width: 120px; height: 120px; border-radius: 100%; border: 4px solid #f2f2f2; }
.fly-home h1 { font-size: 26px; line-height: 30px; margin-top: 10px; color: #ab9e9e; font-family: fantasy; }
.fly-home h1 span { font-size: 14px; color: #999; }
.fly-home h1 .icon-nan { color: #4EBBF9; }
.fly-home h1 .icon-nv { color: #F581B1; }
.fly-home-sign { padding: 0 10px; color: #999; margin-top: 10px; }
.fly-home .icon-renzheng { display: inline-block; width: 20px; height: 20px; line-height: 20px; top: 45px; left: -15px; background-color: #FFB800; color: #fff; border-radius: 50%; font-size: 12px; }

.fly-home-info i { padding-right: 5px; padding-left: 10px; color: #666; }
.fly-home-info span { color: #999; }
.fly-sns { margin-top: 10px; }

.fly-home-jie .jie-row,
.fly-home-da .home-jieda { min-height: 500px; padding: 5px 20px; }

/*.home-jieda li{margin-bottom:20px; padding-bottom:10px; line-height:24px; border-bottom: 1px dotted #DFDFDF;}*/
.home-jieda li { margin-bottom: 20px; line-height: 24px; }
.home-dacontent { /*margin-top: 10px; padding: 10px 15px;*/ background-color: #F2F2F5; border-radius: 5px; word-wrap: break-word;; }
.home-dacontent pre { background-color: #F2F2F5; }
.home-dacontent img { max-width: 100%; }
.home-jieda li a { padding: 0 5px; color: #4F99CF; }
.home-jieda li p { color: #999; }
.home-jieda li p span { padding-right: 5px; }

/* 我的消息 */
#LAY-minemsg { min-height: 420px; }
.mine-msg li { position: relative; margin-bottom: 15px; padding: 10px 0 5px; line-height: 24px; border-bottom: 1px dotted #E9E9E9; }
.mine-msg li cite { padding: 0 5px; color: #4F99CF; }
.mine-msg li i { color: #4F99CF; padding-right: 5px; }
.mine-msg li > p { position: relative; margin-top: 5px; line-height: 26px; text-align: right; }
.mine-msg li > p span { position: absolute; left: 0; top: 0; color: #999; }
.mine-msg li .fly-delete { position: relative; top: -3px; }
.mine-msg li .layui-elem-quote p[download] { padding: 10px 0 5px; }

/* 设置 */
.avatar-add { position: relative; width: 373px; height: 373px; background-color: #F2F2F5; }
.avatar-add .upload-img { position: absolute; left: 50%; top: 35px; margin: 0 0 0 -56px; }
.avatar-add img { position: absolute; left: 50%; top: 50%; width: 168px; height: 168px; margin: -50px 0 0 -84px; border-radius: 100%; }
.avatar-add .loading { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0; background-color: #000; opacity: 0.5; filter: Alpha(opacity=50); }
.avatar-add p { position: absolute; top: 70px; width: 100%; margin-top: 10px;; font-size: 12px; text-align: center; color: #999; }
.app-bind li { margin-bottom: 10px; line-height: 30px; color: #999; }
.app-bind li .iconfont { position: relative; top: 3px; margin-right: 5px; font-size: 28px; }
.app-bind .app-havebind { color: #333; }
.app-bind .app-havebind .icon-qq { color: #7CA9C9; }
.app-bind .app-havebind .icon-weibo { color: #E6162D; }

/* 案例 */
.fly-case-header { position: relative; height: 260px; text-align: center; background: #393D49; }
.fly-case-year { position: absolute; top: 30px; width: 100%; line-height: 50px; font-size: 50px; text-align: center; color: #fff; font-weight: 300; }
.fly-case-banner { position: absolute; left: 50%; top: 100px; width: 670px; margin-left: -335px; }
.fly-case-btn { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
.fly-case-btn a { color: #fff; }
.fly-case-btn .layui-btn-primary { background: none; color: #fff; }
.fly-case-btn .layui-btn-primary:hover { border-color: #5FB878; }

.fly-case-tab { margin-top: 20px; text-align: center; }
.fly-case-tab span,
.fly-case-tab span a { border-color: #009688; }
.fly-case-tab .tab-this { background-color: #009688; color: #fff; }

.fly-case-list { margin-top: 15px; font-size: 0; }
.fly-case-list li,
.layer-ext-ul li { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; font-size: 14px; background-color: #fff; }
.fly-case-list { width: 110%; }
.fly-case-list li { width: 239px; margin: 0 15px 15px 0; padding: 10px; }
.fly-case-list li:hover { box-shadow: 1px 1px 5px rgba(0,0,0,.1); }
.fly-case-list .downnum { text-align: right; margin-right: 10px; }
/*.fly-case-img img:hover { width: 120%; height: 120%; left: -10%; top: -10%; transition:all 0.3s;position:relative }*/
.fly-case-list li:hover .fly-case-img img { -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); transform: scale(1.5,1.5); transition: 0.3s; }
/*.fly-case-list li:hover .fly-case-img img { width: 500px; border: 2px solid red !important }*/
.fly-case-img { position: relative; display: block; overflow: hidden; }
.fly-case-img img { width: 239px; height: 150px; }
.fly-case-img .layui-btn { display: none; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -55px; }
.fly-case-img:hover .layui-btn { display: inline-block; opacity: 1; }
/*.fly-case-img:hover .layui-btn cite { margin-top: -5px; }*/
.fly-case-list li h2 { padding: 10px 0 5px; line-height: 22px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.fly-case-desc { height: 60px; line-height: 20px; font-size: 12px; color: #666; overflow: hidden; }
.fly-case-info { position: relative; margin: 10px 0 0; padding: 10px 65px 0 45px; border-top: 1px dotted #eee; }
.fly-case-info p { height: 24px; line-height: 24px; }
.fly-case-user { position: absolute; left: 0; top: 15px; width: 35px; height: 35px; }
.fly-case-user img { width: 35px; height: 35px; border-radius: 100%; }
.fly-case-info .layui-btn { position: absolute; right: 0; top: 15px; padding: 0 15px; }
.layer-ext-ul { margin: 10px; max-height: 500px; }
.layer-ext-ul img { width: 50px; height: 50px; border-radius: 100%; }
.layer-ext-ul li { margin: 8px; }
.layer-ext-case .layui-layer-title { border: none; background-color: #009688; color: #fff; }

/* 广告 */
.fly-ad { position: relative; background-color: #f2f2f2; overflow: hidden; }
.fly-ad:before { content: '广告位'; position: absolute; z-index: 0; top: 50%; left: 50%; left: 50%; margin: -10px 0 0 -25px; color: #aaa; font-size: 18px; font-weight: 300; }
.fly-ad div { position: relative; z-index: 1; }

/* 友链 */
.fly-link dd { display: inline-block; vertical-align: top; }
.fly-link a { line-height: 40px; padding: 2px 10px; display: block; margin: 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #e8e9ec; }
.fly-link a img { width: 40px; height: 40px; border-radius: 3px; border-radius: 50%; margin-right: 5px; }
.fly-link a:hover { opacity: 0.8; }

/* 404或提示 */
.fly-none { min-height: 550px; text-align: center; padding-top: 50px; color: #999; }
.fly-none .iconfont { line-height: 300px; font-size: 300px; color: #393D49; }
.fly-none .icon-tishilian { display: inline-block; margin: 30px 0 20px; }
.fly-none p { margin-top: 50px; padding: 0 15px; font-size: 20px; color: #999; font-weight: 300; }
.fly-list-one .fly-none { min-height: 70px; }

/*登录*/
.get-vercode { cursor: pointer; height: 38px; margin: -9px; }
#LAY_ucm .layui-tab-item { margin: 0 20px; }

/*友链申请*/
.friendlink-warn { padding: 15px 50px; }
.friendlink-warn:before { content: '温馨提示：'; color: #ff9900; }
.friendlink-warn li { color: #f12424; list-style-type: decimal; }
.friendlink-form { padding-right: 20px; }

/*百度分享*/
.blog-share { box-shadow: 0 0 8px #fff; position: fixed; right: 80px; bottom: 65px; background: #393D49; z-index: 999; margin-bottom: 1px; height: 50px; }

.blog-share .blog-share-body { width: 100%; height: 100%; }

.bdsharebuttonbox { height: 100%; }

.bdsharebuttonbox a { float: left; margin: 9px !important; background-position: 0 !important; }

.bdsharebuttonbox .bds_qzone { background: url(../images/qzone_32.png) no-repeat; }

.bdsharebuttonbox .bds_tsina { background: url(../images/weibo_32.png) no-repeat; }

.bdsharebuttonbox .bds_weixin { background: url(../images/wechat_32.png) no-repeat; }

.bdsharebuttonbox .bds_sqq { background: url(../images/qq_32.png) no-repeat; }

.shareIn { -moz-animation: shareIn 0.5s; -o-animation: shareIn 0.5s; -webkit-animation: shareIn 0.5s; animation: shareIn 0.5s; }

.shareOut { -moz-animation: shareOut 0.5s; -o-animation: shareOut 0.5s; -webkit-animation: shareOut 0.5s; animation: shareOut 0.5s; }
/*百度分享END*/




@media screen and (min-width: 992px) {
    .layui-col-md2 .fly-classify dl dd { width: 100%; background-size: 100% 100%; }
}


/*响应式开始*/
@media screen and (max-width: 992px) {
    .wzgg { margin-top: 35px; }
}

@media screen and (max-width: 768px) {
    .fly-main { width: 100%; }
    /* 顶边距 */
    .fly-marginTop { margin-top: 0; }

    /* 头部 */
    .fly-header .fly-nav-user li .fly-nav-avatar { padding-right: 15px; }
    .fly-header .fly-nav-user { margin: 5px 5px 0 0; }

    .switch-side { z-index: 1; display: block !important; position: absolute; top: 10px; background: none; }
    .switch-side i { font-size: 24px; }
    .fly-logo { left: 15px; display: block !important; }
    .fly-logo span{display:none;
    }
        .mobile-nav {
            display: block !important;
            position: fixed;
            left: -400px;
            top: 66px;
            border-top: 1px solid #f7efef;
            width: 200px;
            background: #393d49 !important;
            height: 100%;
        }
    .expand-shade { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.3); }
    .mobile-nav li { float: left; width: 100%; }

    /* 专栏 */
    .fly-column .fly-column-right { margin-right: 10px; }
    /*.fly-column { height: auto; }
    .fly-column ul { padding: 10px; font-size: 0; }
    .fly-column ul li { float: left; width: 33.33%; height: 36px; line-height: 36px; font-size: 14px; vertical-align: middle; text-align: center; box-sizing: border-box; }
    .fly-column-right { right: 10px; }
    .fly-column ul li.layui-this:after { display: none; }*/

    /* 页脚 */
    .fly-footer { margin-top: 0; border-top: none; }

    /* 分页 */
    .laypage-main a, .laypage-main span { display: none; }
    .laypage-main .laypage-prev,
    .laypage-main .laypage-curr,
    .laypage-main .laypage-next { display: inline-block; }

    /* 列表 */
    .fly-list li h2 a { max-width: 72%; }

    /* Detail 页 */
    .fly-admin-box { display: block; margin: 0; margin-top: 10px; }
    .fly-detail-info .fly-list-nums { top: -2px; }
    .fly-edit span { padding: 0 6px; }

    /* 案例 */
    .fly-case-list,
    .fly-case-list li { width: 100%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
    .fly-case-img { text-align: center; }
    .fly-case-img img { max-width: 100%; }
    .fly-case-banner { width: 300px; margin-left: -150px; }

    body .fly-user-main { width: auto; }
    .fly-user-main > .layui-nav { left: -300px; transition: all .3s; -webkit-transition: all .3s; }
    .fly-user-main > .fly-panel-user { width: auto; margin-left: 0; transition: all .3s; -webkit-transition: all .3s; }
    .site-tree-mobile { display: block !important; position: fixed; z-index: 100000; bottom: 20px; left: 10px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff; }
    .site-mobile .site-tree-mobile { display: none !important; }
    .site-mobile .fly-user-main > .layui-nav { left: 0; }
    .site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); z-index: 999; }

    /*资讯*/
    .zixun-page .layui-col-md2 dd { display: -webkit-inline-box; }
    .zixun-page .layui-col-md2 dd a { text-overflow: initial !important; min-width: 45px; }
    .zixun-page .layui-col-md10 dd { width: 48%; padding: 0; margin: 0; margin: 1%; }
    .zixun-page .layui-col-md10 dd img, .zixun-page .layui-col-md10 dd p { width: 100% !important; }
}
/*响应式end*/



/*动画*/
@keyframes rotate {
    0% { transform: rotate(0); }
    50% { transform: rotate(200deg); }
    100% { transform: rotate(360deg); }
}

/*new start*/
@media screen and (min-width: 768px){
    .layui-container {width: 750px;}
    .fly-main { width: 750px; }
    .layui-col-md6 { width: 33%; }
    .fly_banner { min-height: 380px; }
    .fly_banner .layui-carousel-ind { top: 345px; }
    .layui-col-md8 { width: 75%; }
    .layui-col-md4 { width: 25%; }
    }
@media screen and (min-width: 992px){
    .layui-container {width: 970px;}
    .fly-main { width: 970px; }
    }
@media screen and (min-width: 1200px){
    .layui-container {width: 1170px;}
    .fly-main { width: 1170px; }
    }
/*new end*/
/*old start*/
/*@media screen and (min-width: 1440px) {
    .layui-container { width: 1400px; }
    .fly-main { width: 1400px; }
    .layui-col-md6 { width: 33%; }
    .fly_banner { min-height: 380px; }
    .fly_banner .layui-carousel-ind { top: 345px; }
    .layui-col-md8 { width: 75%; }
    .layui-col-md4 { width: 25%; }
}

@media screen and (min-width: 1720px) {
    .layui-container { width: 1600px; }
    .fly-main { width: 1720px; }
}

@media screen and (min-width: 1920px) {
    .layui-container { width: 1720px; }
    .fly-main { width: 1720px; }
}*/
/*old end*/

/*分享In动画*/
@keyframes shareIn {
    from { right: -200px; }

    to { right: 80px; }
}

@-moz-keyframes shareIn {
    from { right: -200px; }

    to { right: 80px; }
}

@-webkit-keyframes shareIn {
    from { right: -200px; }

    to { right: 80px; }
}

/*分享Out动画*/
@keyframes shareOut {
    from { right: 80px; }

    to { right: -200px; }
}

@-moz-keyframes shareOut {
    from { right: 80px; }

    to { right: -200px; }
}

@-webkit-keyframes shareOut {
    from { right: 80px; }

    to { right: -200px; }
}