.df-navigation[data-v-035fd06a]{height:100%;width:100%;background-color:#fff}.df-navigation .df-header[data-v-035fd06a]{position:relative;overflow-x:auto;z-index:5;line-height:60px;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.05);box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}.df-navigation .df-header .container[data-v-035fd06a]{width:1200px;margin:0 auto}.df-navigation .df-header .header-left[data-v-035fd06a]{float:left;font-size:0}.df-navigation .df-header .header-left .header-left__title[data-v-035fd06a]{float:left;margin:0}.df-navigation .df-header .header-left .logo[data-v-035fd06a]{width:120px;height:32px;vertical-align:middle}.df-navigation .df-header .header-left .system-name[data-v-035fd06a]{display:inline-block;position:relative;margin-left:21px;font-size:20px;color:#666;line-height:30px;vertical-align:middle}.df-navigation .df-header .header-left .system-name[data-v-035fd06a]:after{content:"";width:1px;height:20px;background-color:#ccc;position:absolute;top:5px;left:-11px}.df-navigation .df-header .header-right[data-v-035fd06a]{float:right;font-size:14px;color:#444;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:60px}.df-navigation .df-header .header-right .header-right__menu[data-v-035fd06a]{margin-left:120px;margin-right:40px}.df-navigation .df-container[data-v-035fd06a]{height:calc(100% - 60px)}.df-navigation .df-container .df-main[data-v-035fd06a]{padding:0;position:relative}