/* 全局 */
html,body{overflow-x: hidden;}
html body{margin-top: 61px;}
html{background-color: #f8f8f8;}
i{font-style: normal;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f-gray{color: #999;}
.f-primary{color: #6ebe32;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.ml10{margin-left: 10px;}
.m20{margin: 20px;}
.p20{padding: 20px;}
.p15{padding: 15px;}
.pl10{padding-left: 10px;}
.flex{display:flex;align-items: center ;}
.hide{display:none;}
.ellipsis-1 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-2 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;  white-space: normal !important;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.commend-imgbox .imgbox{width:100%;height: 100%;border-radius: 5px;background-size:cover!important;background-repeat:no-repeat; background-position:center!important;}
.layui-btn.layui-btn-green{background-color:#6ebe32;}

/* icon */
.imgicon{display: inline-block; vertical-align: middle; width:18px;height:18px;background-size:cover!important;background-repeat :no-repeat!important; background-position:center!important;}
.imgicon.imgicon-zan{background: url(../images/zan.png);}
.imgicon.imgicon-nozan{background: url(../images/nozan.png);}
.active .imgicon.imgicon-zan{background: url(../images/zan-on.png);}
.active .imgicon.imgicon-nozan{background: url(../images/nozan-on.png);}
.imgicon.imgicon-emoji{background: url(../images/line-icon1.png);}
.imgicon.imgicon-publish{background: url(../images/line-icon2.png);}
.imgicon.imgicon-bgzan{background: url(../images/bgicon-zan.png);}
.active .imgicon.imgicon-bgzan{background: url(../images/bgicon-zan-on.png);}
.imgicon.imgicon-bgpinlun{background: url(../images/bgicon2.png);}
.imgicon.imgicon-bglianjie{background: url(../images/bgicon3.png);}

/* 辅助 009646*/
a:hover{color: #009646; transition: all .3s;}
.layui-container{padding: 0;}
.fly-main{width: 1079px; min-height: 600px; margin: 0 auto 15px;}
.fly-link{color: #6ebe32;}
.fly-link:hover{color: #009646;cursor:pointer }


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


/* 头部 */
.fly-header{position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 60px; border-bottom: 1px solid #404553; border-right: 1px solid #404553; border-radius: 0;}
.fly-logo{position: absolute; left: 15px; top: 11px;}
.fly-nav{margin-left: 200px;}
.fly-nav a i{position: absolute; left: 25px; 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 .layui-nav{padding: 0; background: 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);}
.layui-nav .layui-this:after,.layui-nav-bar{background-color:#6ebe32;}
.fly-nav-user .layui-nav-child{left: auto; right: 0; width: 120px; min-width: 0;}

/* 底部 */
.fly-footer {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;}

/* 面板 */
.fly-panel{margin-bottom: 15px; border-radius: 10px; background-color: #fff; 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-search{display: inline-block; vertical-align: top; width: 50px; height: 50px; margin-right: 10px; text-align: center; cursor: pointer; font-size: 20px;}
.fly-search .layui-icon{font-size: 20px;}
.fly-search:hover{color: #5FB878;}
.fly-layer-search input{height: 75px; line-height: 75px; width: 500px; padding: 0 15px; font-size: 20px; border: none 0; background: none;}