.cloudlayout{display:flex;flex-direction:column;height:100vh}.cloudlayout_header{position:fixed;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 24px;background:#021633;box-shadow:0 1px 4px 0 rgba(0,21,41,.45)}.cloudlayout_header .logo{width:94px;height:30px;background-image:url(../img/logo.9e4f9255.png);background-repeat:no-repeat;background-size:contain;background-position:50%}.cloudlayout_header .title{font-size:26px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#fff}.cloudlayout_header .info{display:flex;align-items:center}.cloudlayout_header .info_strategy{position:relative;height:22px;line-height:22px;padding:0 8px 0 16px;background-color:rgba(115,209,61,.25);border-radius:4px;font-size:12px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#fff}.cloudlayout_header .info_strategy:before{position:absolute;left:6px;top:9px;display:block;content:"";width:6px;height:6px;background-color:#52c41a;border-radius:50%}.cloudlayout_header .info .red{background-color:rgba(245,34,45,.25)}.cloudlayout_header .info .red:before{background-color:#f5222d}.cloudlayout_header .info_system{color:hsla(0,0%,100%,.85);margin-left:10px;cursor:pointer}.cloudlayout_nav{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:106px;justify-items:center;padding:0 40px;margin-top:56px;background-color:#01204e;border:1px solid #024366;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cloudlayout_nav_item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.cloudlayout_nav_item:after{position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;content:"";width:1px;height:64px;background:hsla(0,0%,100%,.12)}.cloudlayout_nav_item:last-child:after{display:none}.cloudlayout_nav_item .name{margin-top:16px}.cloudlayout_nav .active :before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;content:"";width:64px;height:2px;background-color:#13c2c2}.cloudlayout_nav .active .icon,.cloudlayout_nav .active .name{color:#13c2c2}.cloudlayout .content{flex:auto;height:0;overflow:auto;background-color:#021633}.cloudlayout .content_view{min-width:1248px;max-width:1680px;margin:8px auto;padding:0 8px}