/*头部样式*/ .header { color: #333; text-align: center; line-height: 80px; background-color: #fff; border-bottom: 1px solid #eee; height: 80px !important; z-index: 20; padding: 0 20px 0 0; width: 100%; position: fixed; top: 0; left: 0; } .el-dropdown-menu{ top: 60px !important; } .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #fff2e6; color: #ff8000; } /*中间样式*/ .layout { background: aliceblue; /*overflow: auto;*/ height: 100vh; display: -webkit-flex; -webkit-flex-direction: column; } .heightauto{ background: aliceblue; overflow: auto; display: -webkit-flex; -webkit-flex-direction: column; } .layout .el-main { background-color: #f5f7f9; color: #333; text-align: center; /*overflow-y: hidden;*/ } body { background-color: #F3F6FB; } .yb_body{ margin-top: 80px; margin-left: 140px; } .userIcon { width: 43px; height: 43px; /*background: #ddd;*/ padding: 3px; } .image_all{ border-radius: 50%; } .el-menu-vertical-demo:not(.el-menu--collapse) { width: 200px; min-height: 400px; } .el-menu-vertical-demo:not(.el-menu--collapse) { width: 150px; min-height: 100%; } .left-menu .el-menu--collapse { width: 100px; min-height: 100%; } .layout .el-main { padding: 20px } .main .el-main { padding: 0; /*margin-right: 25px;*/ } .wid49{width:49%;} /*右边样式*/ .main-right .ljxy .el-button { width: 220px; } .main .el-aside{ background: none; } .lxkf-left img{ width: 60px; height: 60px; } .zxkf .el-button{width: 140px;} .mar_t3{margin-top:3px;} .zxkf-left img{width: 24px;height: 24px;} .icon-left .circular-bg1{ /*background-color: #E1DCFE;*/ } .icon-left .circular-bg2{ /*background-color: #D2F9E6;*/ } .icon-left .circular-bg3{ /*background-color: #FBD9E0;*/ } .icon-left .circular-bg4{ /*background-color: #FCF1C1;*/ } .icon-left .circular-bg1 .circular-bg-color{ background-color: #21B344; } .icon-left .circular-bg2 .circular-bg-color{ background-color: #019EEA; } .icon-left .circular-bg3 .circular-bg-color{ background-color: #B70D0B; } .icon-left .circular-bg4 .circular-bg-color{ background-color: #F6CF2B; } .icon-left .circular-bg5 .circular-bg-color{ background-color: #348CED; } .icon-left .circular{ width: 92px; height: 92px; } .icon-left .circular-small{ width: 90px; height: 90px; border:5px solid #fff; } .menu_active{ background-color: #FD5500; color: #fff !important; } .block{ display: block !important; } .menu_active2{ background-color: #F3F6FB; } .namelogo { width: 40px; height: 40px; border-radius: 50%; } .pad_tb_11{ padding: 12px 0; }