/* 全局 */
html,body{}
html body{margin-top: 81px;}
body{background-color: #fff;}
i{font-style: normal;}
.hall_body{background-color:#F3F3F3;}
/* 辅助 */
a:hover{color: #009688; transition: all .3s;}
pre{padding: 10px 15px; margin: 10px 0; font-size: 12px; border-left: 6px solid #009688;  background-color: #f8f8f8; font-family: Courier New; overflow: auto;}

.layui-container{padding: 0;}
.fly-main{width: 1170px; min-height: 600px; margin: 0 auto 15px;margin-bottom: 100px;}
.hall_body .fly-main{background-color:#fff;}
.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-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;}

/* 过度 */
.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; border-radius: 2px;}

/* 徽章 */
.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;}

/* 图标 */
.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: 0; z-index: 10000; width: 100%; height: 80px; border-bottom: 1px solid #3975CD; border-right: 1px solid #3975CD; border-radius: 0;}
.fly-logo{position: absolute; left: 15px; top: 14px;}
.fly-nav{margin-left: 200px;}
.fly-nav a i{position: absolute; left: 25px; top: 0; padding-right: 10px; font-size: 26px;line-height:80px;}
.fly-nav a .icon-shouye, .nav a .icon-shezhi{top: 2px;}
.layui-bg-b{
    background-color: #3975CD !important;
}
.icon-touxiang {
    display: inline-block;
    font-size: 30px;
}

.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-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 .layui-nav{padding: 0; background: none;}
.fly-header .fly-nav a{padding: 0 25px 0 60px;}
.fly-header .fly-nav-user li a{padding: 0 10px;}
.fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 20px;max-width: 180px;overflow: hidden;word-wrap: normal;.fly-logowhite-space: nowrap;float: right;text-overflow: ellipsis;}
.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{display: none !important;}
.fly-header .fly-nav-user .layui-nav-child{left: auto; right: 0; width: 120px; min-width: 0;top:80px}

/* 底部 */
.fly-footer {margin: 50px 0 0; padding: 10px 0px; line-height: 30px; text-align: center; border-top: 1px solid #e2e2e2;background-color: #126092;color: #fff;}
.fly-footer a{padding:0 6px; font-weight: 300;color: #fff;}
.fly-footer a:hover{color: #ffff00;}
.foot_f{position: fixed;bottom:0;width: 100%;}
.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;}
.fly-logo img{width:160px;}
.layui-nav .layui-nav-item{line-height:80px;}

/* 面板 */
.fly-panel{margin-bottom: 15px; border-radius: 2px; background-color: #3975ad; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.fly-panel[pad20]{padding: 20px;}
.fly-panel-title{position: relative; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
.fly-panel-main{padding: 10px 15px;}

/* 专栏 */
.fly-column{height: 50px; line-height: 50px;}
.fly-column ul li{position: relative; display: inline-block; height: 50px;cursor:pointer; transition: all 0.2s linear 0s;border-right: 1px solid rgba(255,255,255,0.1);}
.fly-column ul li:hover{background-color:#fff;color:#333;border-radius:3px 3px 0 0;}
.fly-column ul li a{padding: 0 20px;color:#fff;display:inline-block}
.fly-column ul li:hover a{color:#333}
.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{background-color:#085b9a}
.fly-column ul li.layui-this a{color:#fff}
.fly-column ul li .fly-mid{margin: 0 20px;}
.fly-column-right{position: absolute; right: 0; top: 0;}
.fly-column-right .layui-btn{vertical-align: initial;}
.fly-column .layui-badge-dot{position: absolute; top: 50%; left: 50%; margin: -4px 0 0 20px;}

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

    /* 头部 */
    .fly-header .fly-nav-user{margin-right: 5px;}

    /* 页脚 */
    .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;}


    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,.9); z-index: 999;}
}

.hall-side{
    bottom: 50px;
    position: fixed;
    right: 20px;
}

.hall-side .hall-side-item {
    cursor: pointer;
    height: 64px;
    width: 64px;
}

.hall-side .hall-side-item.back-top {
    background: rgba(0, 0, 0, 0) url("../../static/image/backtop.png") no-repeat
    scroll center center/64px 64px;
    display: none;
}

.hall-side .hall-side-item.back-top:hover {
    background-image: url("../../static/image/backtop_s.png");
}

.hall-side .hall-side-item.feed {
    background: rgba(0, 0, 0, 0) url("../../static/image/feedback.png") no-repeat
    scroll center center/64px 64px;
    display: block;
}

.hall-side .hall-side-item.feed:hover {
    background-image: url("../../static/image/feedback_s.png");
}
.feedback {
    display: none;
}

.feedback textarea {
    width: 100%;
    resize: none;
    height: 100px;
    margin: 20px 0 10px 0;
}

.feedback input {
    resize: none;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    height: 31px;
    line-height: 1.4;
    margin: 10px 0;
}

.feedback_title {
    font-size: 20px;
    color: #555c68;
}

.feedback_btn {
    text-align: center;
    margin-top: 50px;
}

.feedback_tip {
    color: #aaa;
    padding: 10px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #3975CD;}