@CHARSET "UTF-8"; .btn-more{ color:white; background-color:transparent; } body { /* min-width: 1352px; */ min-width: 1100px; overflow: hidden; background-color: #ededed; } .headbg-logo{ /*让导航居中 2020年6月12日10点02分 v*/ position: relative; } .menu { float: left; margin-left: 110px; white-space: nowrap; /* hyh 新增 强制span不换行 2017、9、19*/ display: inline;/* hyh 新增 将span当做块级元素对待 2017、9、19 */ /**overflow: hidden; /*hyh 新增 超出宽度部分隐藏*/ text-overflow: ellipsis; /*hyh 新增 超出部分以点号代替*/ display: inline-block;/* hyh 新增 让其不换行 */ /*让导航居中 2020年6月12日10点00分 v*/ position: absolute; left: 50%; margin-left: -295px; /*让导航居中 2020年6月16日10点27分 v*/ height: 100%; top: 50%; margin-top: -27px; } .menuitem { /*padding-top: 10px;*/ float: left; /* height: 100px; */ /* height: 55px; *//* hyh 修改 2017、9、19 */ height: 100%; /* width: 110px; *//*hyh 修改 2017.9.19 */ /*width: 110px;*/ cursor: pointer; text-align: center; width: 72px; /*导航样式修改 2020年6月12日10点00分 v*/ /*margin: 0 24px; !*导航样式修改 2020年6月12日10点00分 v*!*/ margin: 0 30px; /*导航样式修改 2020年6月16日10点46分 v*/ } .menuitem-selected { /* padding-top: 15px; hyh 修改 2017、9、8 */ /* padding-top: 13px; */ /* padding-bottom: 20px; */ /* background-color: #117fbe;*/ /*新需求里背景为黄底,所以注释掉 hyh 2017/9/7 */ background-color: repeat-y #fef938; border-bottom: 3px solid #fef938; } /* .menuitem-selected span{ font-weight: 400; font-size: 20px; } *//* hyh 新需求中不需要这段效果所以注释掉 2017、9、19 */ .menuitem:hover { /* background-color: #1c8ac9; */ /* hyh 将效果改为边框显示的形式 2017、9、19 */ border-bottom: 3px solid #fef938; } .menuitem span { /*color: white;*/ display: block; font-weight: 300; /*font-size: 1em;*/ /* font-size: 16px; */ font-size: 16px; color: rgba(255, 255, 255, 1); line-height: 54px; } .menuitem-selected span{ font-size: 18px; color: rgba(255, 255, 255, 1); font-weight: 500; } .menuitem .icon-newmessage { position: absolute; top: 10px; margin-left: 12px; display: none; } .text-search { float: left; margin-right: 4px; margin-top: 1px; /* padding: 0 6px 0 14px; hyh 修改14px为30px 2017/9/7*/ padding: 0px 6px 0px 5px; border: 0; /* width: 240px; *//* hyh 修改 2017、9、19 */ width: 98.7%; height: 38px; line-height: 38px; min-width: 130px; background: none; font-size: 15px; color: white; opacity: 0.7; /* 以下为新增代码 hyh 2017/9/7 */ border: 1px solid #5fa8de; border-radius:4px; } .selectSearch { float: left; height: 39px; width: 70px; /* background-color:#5ab2eb; */ background-color: #179bf0; border: none; color: white; padding-left: 10px; } .selectSearch option { color: white; } .div-search { /* margin-right: 12px; *//* hyh 修改 2017、9、19 */ margin-right:8px; /* margin-top: 30px; HYH修改30px 为*/ /* margin-top: 5px; */ margin-top: 7px; /* background-color:#5ab2eb; */ float: right; height: 40px; color: white; /* min-width: 260px; */ /* width: 354px; 将354改为243 hyh 2017/9/7*/ width: 243px; /* border-bottom: 1px solid white; hyh 2017/9/7注释掉*/ /* display: none; */ } .div-search-pop { position: absolute; right: 14px; top: 10px; z-index: 3; display: block; } .div-search-focus { border-radius: 5px; left: 460px; background-color: #fff; position: absolute; top: 15px; height: 40px; color: #727272; } /* .div-search:hover,.icon-search:hover { background-color:#29b6f6; } */ .div-search-searchbtn { /* float: right; hyh 新需求上搜索框在左边 2017/9/7 */ float: left; cursor: pointer; margin: 7px 0px 7px 0px; /* 以下代码为新增 hyh 2017/9/7 */ position: relative; right: -205px; top: -35px; } .div-iconsearch { /* display:none; */ display: block; } .div-iconsearch img { margin-top: 10px; } .icon-search { margin-top: 30px; margin-right: 24px; float: right; height: 40px; width: 40px; line-height: 40px; border-radius: 20px; text-align: center; cursor: pointer; background-color: #55b7ef; } .div-leftbg { padding : 0px; /* background-color: #f2f6fc; */ background-color: #ffffff; /* height: 855px; */ /* width: 310px; */ /* width: 275px; */ /* width: 14.3%; *//* hyh 修改 宽度自适应 2017、9、19 */ float: left; /* margin-top: 13px; *//* hyh 修改 2017、9、14 */ margin-top: 0px; } /* FIXME: 添加样式 by zys */ .div-leftbg .el-menu { background-color: #172530; border: 0; } .div-leftbg .el-menu .el-menu-item { font-family: "Microsoft YaHei", "微软雅黑",PingFangSC-Regular; font-size: 14px; color: #ffffff; position: relative; } .div-leftbg .el-menu-item.is-active { background: #384454; font-family: PingFangSC-Medium; font-size: 14px; color: #00E7FF!important; } .el-menu-item:focus, .el-menu-item:hover{ background: #384454!important; color: #00E7FF!important; } .el-menu-item:hover::before { content: ''; display: inline-block; width: 5px; height: 100%; background: #00E7FF; position: absolute; left: 0; } .div-leftbg .el-menu-item.is-active::before { content: ''; display: inline-block; width: 5px; height: 100%; background: #00E7FF; position: absolute; left: 0; } .div-leftbg .el-submenu__title .el-submenu__icon-arrow { right: 12px; } /* end */ .div-left-contentitem { /* margin-left: 25px; */ /* margin-left: 15px; *//* hyh 修改 2017、9、13 */ margin-left: 20px;/* hyh 修改 2017、9、13 */ /* width: 100%; *//* hyh 新增 自适应 2017、9、18 */ } .div-userbg { /* margin-top: 12px; */ /* height: 70px; */ /* height: 20%; */ width: 275px; min-height: 130px; /* width: 92.7%; */ /* hyh 新增 自适应 2017、9、18 */ } .div-userphoto { width: 60px; /* width: 29.5%; */ height: 60px; /* margin: 4px 0; */ border-radius: 60px; float: left; /* margin-top: -30px; */ } .img-userphoto { width: 80px; height: 80px; float: left; border-radius: 80px; margin-top: 30px; border: 1px solid #999999;/* hyh 新增 给用户头像加边框 2017、9、8 */ } .div-userinfo { float: left; margin-left: 33px; margin-top: 13px; /* width: auto; */ } .div-username { padding-top: 12px; } .div-userset { margin: 0px 15px 1px 1px; /* margin: 100px 15px 1px 1px; *//* hyh 2017/9/8 将12px改成100px */ /* float: right; */ cursor: pointer; padding: 3px 4px 2px 4px; } /* hyh 新增 搜索框的宽度 2017、9、19 */ #divSearchContent{ /* width: 12.5%; *//*hyh 注释掉 2017、9、26 */ } /* .div-userset-position{ position: fixed; top: 146px; left: 216px;hyh 新增 2017、9、19 } */ .div-userset:hover { /* margin: 12px 15px 0 0; */ /* margin: 100px 15px 1px 1px; *//* hyh 2017/9/8 将12px改成100px */ /* padding: 0px 2px 2px 2px; *//* hyh 新增 2017、9、8 */ /* border-radius: 3px; *//*hyh 注释掉 */ /* border: 1px solid #cfe1fc; *//*hyh 注释掉 */ } .div-userset span { color: #0693e4; font-size: 16px; } /*��ݲ˵�*/ .div-lefttitle { /* width: 190px; hyh 2017、9、8 修改*/ width: 240px; /* width:87.2%; */ font-size: 15px; padding-bottom: 4px; color: #0693e4; display: block; border-bottom: 1px solid #cfe1fc; clear: both; padding-top: 32px; } #btn-notice-more{ float:right; margin-top:2px; margin-right:20px; font-weight:400; font-size:12px; cursor:pointer; } .div-quickmenu { float: left; /* margin: 10px 20px 0 0; hyh 2017/9/7*/ margin: 10px 10px 0 0; text-align: center; cursor: pointer; } .div-quickmenu div { /* width: 54px; *//* hyh 2017、9、8 将width去掉 图片会居中,样式好看点*/ /* margin-left: 2px; hyh 2017/9/7*/ margin-left: 2px; padding: 7px; /* border: 1px solid #72c6f6; hyh 在首页中不需要边框 2017/ 9/7*/ /* background-color: white; */ display: block; margin-bottom: 6px; } .div-quickmenu div:hover { background-color: #e9f1fc; } .div-quickmenu label { /* color: #0793e4; hyh 2017/9/7 */ color: #999999; /* width: 56px; hyh*/ width: 75px; white-space: nowrap; overflow: hidden; /* text-overflow: ellipsis; hyh 2017/9/8 */ font-weight: 300px; font-size: 8px; } .div-quickmenu img { height: 36px; } .div-quickmenu-list { /* margin-top:5px; */ /* margin-left: -15px; */ margin-left: -5px;/* hyh 2017、9、13 修改 */ /* padding-left: 15px; hyh 2017、9、8 修改 */ /* padding-left: 10px; */ /* width: 94.5%; */ } .div-quickmenu-more { position: absolute; margin-left: -15px; padding-top: 5px; padding-bottom: 10px; padding-left: 15px; background-color: #f2f6fc; width: 275px; z-index: 20; } .div-link { margin: 0 6px 4px 0; background-color: #7ecef4; color: white; padding: 6px 10px; float: left; cursor: pointer; font-size: 14px; } .div-link span { color: white; } .div-link:visited { text-decoration: none; color: white; } .div-link:hover { background-color: #1d9be3; text-decoration: none; color: white; } .div-link img { margin-right: 6px; } /*ϵͳ֪ͨ*/ .div-systemnotice { padding: 6px; margin-top: 8px; margin-right: 10px; border: 1px solid #c9e8f7; background-color: white; border-radius: 2px; font-size: 14px; cursor: pointer; width: 270px; } .div-systemnotice:hover { background-color: #ecf8ff; border-color: #9bcded; } .div-systemnotice div:first-child { /* height: 55px; */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*.div-systemnotice div:first-child:hover { color:#1386c9; }*/ .div-systemnotice span:first-child, .div-systemnotice-detail .content span { font-size: 14px; color: #80c269; margin-right: 2px; margin-top: 2px; } .div-systemnotice img { margin-right: 6px; } .span-systemnotice-content p, .div-systemnotice-detail .content p { text-indent: 2em } .span-system-noticetime { margin-top: 14px; text-align: right; font-size: 12px; color: #8f8f8f; } .div-systemnotice-switch { margin: 14px auto; line-height: 20px; width: 110px; } .div-systemnotice-switch ul { list-style: none; margin: 0; padding: 0; } .div-systemnotice-switch ul li { float: left; } .div-systemnotice-switch div { float: left; } .div-systemnotice-switch span { float: left; color: #0a95e5; font-size: 12px; cursor: pointer; } /*.btn-systemnotice-switch-arrow { margin:1px; border-radius:2px; padding:2px; padding-bottom:3px; } .btn-systemnotice-switch-arrow:hover { margin:0; border:1px solid #cfe1fc; }*/ .btn-systemnotice-switch-round-selected, .btn-systemnotice-switch-round { margin: 5px 6px 2px 6px; width: 10px; height: 10px; border-radius: 10px; cursor: pointer; } .btn-systemnotice-switch-round-selected { background-color: #69c1f0; } .btn-systemnotice-switch-round { background-color: #d5d5d5; } .btn-systemnotice-switch-round:hover { background-color: #0a95e5; } .submenuitem { width: 100%; height: 50px; line-height: 50px; padding-left: 40px; cursor: pointer; font-size: 15px; z-index:1001; } .submenuitem:hover { color: #1998e1; background-color: #cfe1fc; /* background-color: red; */ } .submenuitem img { height: 32px; margin-right: 16px; } .submenuitem-selected { background-color: #d5e4fa; /* width:275px; */ } .nav-justified { margin-top: 2px; margin-left: 1px; margin-right: 10px; display: none; } .nav-justified a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .span-remove-tab { position: absolute; right: 10px; top: 6px; font-size: 12px; font-weight: 100; cursor: pointer; color: #dedede; } .span-remove-tab:hover { color: #0693e4; } .div-systemnotice-detail { margin: 10px 10px; } .div-systemnotice-detail .title { text-align: center; font-size: 18px; margin-bottom: 6px; } .div-systemnotice-detail .content { } .div-systemnotice-detail .datetime { text-align: center; color: #b1b1b1; margin-bottom: 10px; } /**begin weather style **/ .div-weatherbg { margin: 0; /* background: url(../images/index/weather-sunny.jpg) no-repeat; */ background-color:#169fed; /* background-size: 100%; */ height: 116px; color:white; } .div-calendar { padding-top: 8px; padding-left: 10px; height: 22px; } .div-calendar img { vertical-align: middle } .div-calendar span { color: white; margin-left: 8px; } .div-calendar .span-lunarcalendar { font-size: 78%; color: #e0f1fb; } .div-dayofweek { margin: 10px 6px; margin-bottom: 0; height: 40px; line-height: 40px; } .div-dayofweek-arrow { /*margin-left:10px;*/ margin-top: 8px; float: left; padding: 4px 4px; border-radius: 2px; cursor: pointer; width: 20px; height: 26px; } .div-dayofweek-arrow:hover { background-color: rgba(0, 0, 0, 0.2); } .div-dayofweek-arrow img { float: left; vertical-align: middle; height: 18px; } .div-dayofweek div { font-size: 24px; font-weight: 300; color: white; float: left; text-align: center; } .div-weather { margin-top: 4px; color: white; text-align: center; font-weight: 200; font-size: 13px; } .noticeleft { background:url(../images/left.png); width: 50px; height: 50px; display:block; } .noticeright { background:url(../images/right.png); width: 50px; height: 50px; display:block; } .noticeleft:hover { background: url(../images/control-left-hover.png); cursor:pointer; } .noticeright:hover { background: url(../images/control-right-hover.png); cursor:pointer; } .div-radius-detail { margin-top:15px; border-radius:10px; background: #F4FAFE; /* width: 231px; *//* hyh 修改自适应 */ width: 85.2%; cursor:pointer; height: auto; } .div-radius-detail label{ margin: 10px 10px 3px 10px; font-size: 12px; font-weight: 300; cursor:pointer; } . .div-radius-detail label:hover{ cursor:pointer; } .div-radius-detail-time{ color: #999999; margin-top:-5px; } /*滚动条样式 hyh 新增*/ ::-webkit-scrollbar{width:5px;} ::-webkit-scrollbar-track{background-color:#FFFFFF;} ::-webkit-scrollbar-thumb{background-color:#999999;} /* ::-webkit-scrollbar-thumb:hover {background-color:#999999} ::-webkit-scrollbar-thumb:active {background-color:#999999} */ .div-head-title img{ margin-top:0px; /* height: 40px; width: 40px; */ /* hyh 修改 207、9、14 */ /* height: 35px; width: 35px; */ margin-left: 5px; } /* hyh 新增 input框内 的字体 */ input::-webkit-input-placeholder{ color: #ffffff; padding-left: 10px; } /*hyh 新增 注销的样式*/ .glyphiconZX{ position: absolute; top: 158px; left: 225px; /* hyh 修改 fixed */ /* top: 105px; left: 230px; */ display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; } /*hyh 新增 任务统计的样式 2017、9、26 */ #remindLegendStyle{ margin-top: 15px; margin-left:40px;; width: 29%; float: left; } #hiddnLeft{ position:absolute; margin-left:275px; margin-top:300px; width:20px; z-index:1000; } #hiddnLeft:hover{ cursor: pointer; display:block; } #showLeft{ position:absolute; margin-left:85px; margin-top:300px; width:20px; z-index:1000; } #showLeft:hover{ cursor: pointer; display:block; } .submenuitem ul{ position: absolute; top: 2px; height:45px; left: 85px; width: 188px; background:#cfe1fc; overflow: hidden; } /* .submenuitem ul li{ */ /* text-align:center; */ /* } */ .hideLeftName{ width:275px; } #divQuickMenu{ /* overflow-x: hidden; */ overflow-y: auto; margin-left: 20px; height: 80%; clear: both; } .firstmenu-dropdown-item{ text-align: center; } .firstmenu-dropdown-item-selected{ border-bottom: 4px solid #fef938; } /**end weather style **/ .el-table td,.el-table th { padding: 8px 0; }