#layout-info .layout-info-wrap{bottom:0;height:50%;width:320px;right:-320px;z-index:9998;cursor:default;position:fixed;padding-top:54px;transition:all .1s ease;background-color:#fff;border:1px solid #e4e4e4;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}#layout-info .layout-info-wrap *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#layout-info .layout-info-wrap .layout-info-head{top:0;left:0;right:0;margin:auto;height:54px;position:absolute;text-align:center;border-bottom:1px solid #e4e4e4}#layout-info .layout-info-wrap .layout-info-head .layout-info-head-text{font-size:24px;font-weight:700;line-height:54px;color:#5a5a5a}#layout-info .layout-info-wrap .layout-info-head .layout-info-head-icon{top:0;bottom:0;right:12px;width:24px;height:24px;margin:auto;cursor:pointer;font-size:24px;position:absolute;color:#999}#layout-info .layout-info-wrap .layout-info-body{width:100%;height:100%;overflow:auto;padding:0 10px}#layout-info .layout-info-wrap .layout-info-body .layout-info-item{padding:10px 0;overflow:hidden;border-bottom:1px solid #e4e4e4}#layout-info .layout-info-wrap .layout-info-body .layout-info-item .layout-info-item-l{width:170px;padding-right:10px}#layout-info .layout-info-wrap .layout-info-body .layout-info-item .layout-info-item-l .layout-info-item-head{font-size:12px;margin-bottom:10px}#layout-info .layout-info-wrap .layout-info-body .layout-info-item .layout-info-item-l .layout-info-item-body{font-size:12px;line-height:20px;text-align:justify;color:#777}#layout-info .layout-info-wrap .layout-info-body .layout-info-item .layout-info-item-r{width:128px}#layout-info .layout-info-wrap .layout-info-body .layout-info-item .layout-info-item-r span{font-size:12px}#layout-info .layout-info-wrap.layout-info-show{right:2px}#head-r,#layout-head{display:flex;align-items:center;flex-flow:row nowrap;align-content:center;justify-content:space-between}#layout-head{width:100%;height:100%;padding:0 12px;background-color:#fff}#layout-head #head-l{font-size:24px;cursor:pointer;color:rgba(0,0,0,.65)}#layout-head #head-r .head-r-item{cursor:pointer}#layout-head #head-r .head-r-item .head-icon{color:#666;font-size:24px;font-weight:lighter}#layout-head #head-r .head-r-item .head-r-user .el-avatar{margin-right:12px}#layout-head #head-r .head-r-item:nth-child(n+2){margin-left:16px}#layout-head #head-r .head-r-item:last-child{margin-left:48px}