.pagelayout{height:100%;width:100%}.layout{height:100%}.huazhi-coontainer{height:100%;background:#fff}.huazhi-aside{position:fixed;top:0;left:0;bottom:0;width:170px;-webkit-transition:width .28s;transition:width .28s;z-index:9999}.hideSlide .openSlide.huazhi-aside,.showSlide .huazhi-aside{width:170px}.hideSlide .closeSlide.huazhi-aside,.hideSlide .huazhi-aside{width:50px}.showSlide .huazhi-main{margin-left:170px;width:calc(100% - 170px);overflow-x:auto}.hideSlide .huazhi-main{margin-left:50px;width:calc(100% - 50px)}.huazhi-main{float:left;height:100%;overflow-y:hidden;-webkit-transition:margin-left .28s;transition:margin-left .28s;z-index:2;padding:0!important;background:#f5f6fa}.huazhi-wrapper{min-width:850px}.main-content{width:100%;height:calc(100% - 56px);padding-left:8px;padding-top:8px}