@charset "utf-8";
#app {
    width:100%;
    position:relative
}
.center {
    width:1200px;
    margin:0 auto;
    position: relative;
}
.home_pub_top{
    width: 100%;
    height: 60px;
    background: #F6FCF8;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    padding: 0 32px 0 24px;
}
.home_pub_left{
    width: 180px;
    background: #FFFFFF;
    box-shadow: 1px 0px 0px 0px #F0F0F0;
    border-radius: 4px;
    position: fixed;
    z-index: 90;
    left: 0;
    top: 60px;
    bottom: 0;
}
.home_pub_right{
    position: fixed;
    z-index: 80;
    left: 180px;
    top: 60px;
    right: 0;
    bottom: 0;
}
.home_pub_left,.home_pub_right{
    overflow-x: hidden;
    overflow-y: auto;
    overflow-scrolling:touch;
    -webkit-overflow-scrolling:touch;
    -moz-overflow-scrolling:touch;
    -ms-overflow-scrolling:touch;
    -o-overflow-scrolling:touch;
}
.home_pub_left::-webkit-scrollbar,.home_pub_right::-webkit-scrollbar,.layui-table-box .layui-table-body::-webkit-scrollbar{
    width:5px;
    height:5px;
    background-color:none;
}
.home_pub_left::-webkit-scrollbar-track,.home_pub_right::-webkit-scrollbar-track,.layui-table-box .layui-table-body::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
    border-radius:10px;
    background-color:none;
}
.home_pub_left::-webkit-scrollbar-thumb,.home_pub_right::-webkit-scrollbar-thumb,.layui-table-box .layui-table-body::-webkit-scrollbar-thumb{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);
    background-color:#000;
}
.home_pub_right_con{
    padding: 16px;
}
.home_pub_top .logo{
    width: 227px;
    height: 48px;
}
.home_pub_top .msg{
    position: relative;
    margin-right: 51px;
}
.home_pub_top .msg img{
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 10;
}
.home_pub_top .msg .sum{
    height: 20px;
    background: #FF4D4F;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    padding: 0 8px;
    position: absolute;
    z-index: 20;
    left: 5px;
    top: -10px;
}
.home_pub_top .avatar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 16px;
}
.home_pub_top .nickname{
    margin-right: 16px;
    max-width: 84px;
}
.home_pub_top .user{
    position: relative;
}
.home_pub_top .user-nav{
    width: 172px;
    background: #FFFFFF;
    box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
    border-radius: 8px;
    position: absolute;
    z-index: 20;
    right: 32px;
    top: 100%;
    overflow: hidden;
}
.home_pub_top .user-nav .nav-item{
    height: 40px;
    padding: 0 16px;
}
.home_pub_top .user-nav .nav-item:hover{
    background: #f7f7f7;
}
.home_pub_left dl{
    padding: 14px 0;
}
.home_pub_left dt{
    height: 50px;
    box-shadow: 1px 0px 0px 0px #F0F0F0, inset 0px -1px 0px 0px #F0F0F0;
    padding: 0 16px 0 24px;
    text-shadow: 1px 0px 0px #F0F0F0;
}
.home_pub_left dt .xjt{
    width: 16px;
    height: 16px;
    margin: 0 0 0 16px;
}
.home_pub_left dt .icon{
    width: 16px;
    height: 16px;
    margin: 0 16px 0 0;
}
.home_pub_left dd{
    height: 50px;
    padding: 0 16px 0 56px;
    text-shadow: 1px 0px 0px #F0F0F0;
}
.home_pub_left dd:hover{
    color: #009B4C;
}
.home_pub_left dt:hover *{
    color: #009B4C;
}
.home_pub_left .sonNav{
    box-shadow: 1px 0px 0px 0px #F0F0F0, inset 0px -1px 0px 0px #F0F0F0;
}
.home_pub_top .layui-form-switch{
    margin-top: 0;
    padding: 0 8px;
}