/* 全局 */
html,body{overflow-x: hidden;}
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;}
.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: 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-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: 0;
}

.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("../images/backtop.png") no-repeat
		scroll center center/64px 64px;
	display: none;
}

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

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

.hall-side .hall-side-item.feed:hover {
	background-image: url("../images/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;
}