You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
771 lines
12 KiB
771 lines
12 KiB
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
list-style: none;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: "微软雅黑", arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
border: 0;
|
|
outline: none;
|
|
color: #555555;
|
|
}
|
|
|
|
.clearfix:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
visibility: hidden;
|
|
height: 0;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.clearfix {
|
|
zoom: 1;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
background-color: #DDDDDD;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* 滚动条滑块 */
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 3px;
|
|
background: #999999;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background: url(../home/img/bg.jpg) repeat;
|
|
}
|
|
|
|
/* 头部 */
|
|
.zh-header {
|
|
width: 100%;
|
|
height: 81px;
|
|
background: url(../img/topbg.png) left top no-repeat;
|
|
position: fixed;
|
|
z-index: 2;
|
|
}
|
|
|
|
.zh-logo {
|
|
width: 418px;
|
|
height: 40px;
|
|
margin-left: 10px;
|
|
margin-top: 13px;
|
|
}
|
|
|
|
.zh-menu {
|
|
width: 880px;
|
|
height: 40px;
|
|
margin-left: 180px;
|
|
margin-top: 26px;
|
|
}
|
|
|
|
.zh-menu li {
|
|
width: 7vw;
|
|
height: 40px;
|
|
background: url(../img/menuli.png) no-repeat;
|
|
float: left;
|
|
margin-left: -27px;
|
|
position: relative;
|
|
text-align: center;
|
|
background-size:100% 100%;
|
|
}
|
|
|
|
.zh-menu li a {
|
|
line-height: 40px;
|
|
font-size: 18px;
|
|
color: #66cefa;
|
|
}
|
|
|
|
.zh-menu li.current,
|
|
.zh-menu li:hover {
|
|
background: url(../img/menulih.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.zh-menu li.current a,
|
|
.zh-menu li:hover a {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.zh-time {
|
|
width: 220px;
|
|
height: 40px;
|
|
margin-top: 26px;
|
|
color: #78a2e2;
|
|
line-height: 40px;
|
|
margin-left: 0px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.zh-user {
|
|
width: 160px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
vertical-align: middle;
|
|
color: #78a2e2;
|
|
background: url(../img/use-icon1.png) left center no-repeat;
|
|
padding-left: 30px;
|
|
margin-top: 26px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.zh-tuichu {
|
|
width: 18px;
|
|
height: 24px;
|
|
margin-right: 20px;
|
|
margin-top: 34px;
|
|
}
|
|
|
|
.zh-content {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
padding: 0 30px;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.zh-row1 {
|
|
width: 100%;
|
|
height: calc(46.39% - 30px);
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
/* 人员信息 */
|
|
.zh-ryxx {
|
|
width: calc(23.39% - 15px);
|
|
height: 100%;
|
|
background: #FFFFFF;
|
|
border-radius: 4px;
|
|
margin-right: 15px;
|
|
box-shadow: 0 0 10px #dddddd;
|
|
padding: 20px;
|
|
}
|
|
|
|
.zh-tit {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
font-size: 18px;
|
|
color: #0078ff;
|
|
padding-left: 34px;
|
|
}
|
|
|
|
.zh-con {
|
|
width: 100%;
|
|
height: calc(100% - 34px);
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.zh-ryxx-sz {
|
|
width: 100%;
|
|
height: 60px;
|
|
padding: 0 60px;
|
|
}
|
|
|
|
.ryxx-rs {
|
|
width: 50%;
|
|
height: 100%;
|
|
}
|
|
|
|
.ryxx-zg1 {
|
|
width: 100%;
|
|
height: 30px;
|
|
}
|
|
|
|
.ryxx-quan {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 5px;
|
|
border: 2px solid #4da1ff;
|
|
margin-top: 11px;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.ryxx-name {
|
|
padding-left: 47px;
|
|
line-height: 30px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ryxx-zg2 {
|
|
width: 100%;
|
|
height: 30px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #4da1ff;
|
|
}
|
|
|
|
/* 车辆信息 */
|
|
.clxx-sw {
|
|
width: 33%;
|
|
height: 100%;
|
|
text-align: center;
|
|
border-right: 1px solid #cdd5e1;
|
|
}
|
|
|
|
.clxx-sw-img {
|
|
width: 100%;
|
|
height: 100px;
|
|
}
|
|
|
|
.clxx-sw-sz {
|
|
font-size: 24px;
|
|
line-height: 36px;
|
|
font-weight: normal;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.clxx-sw-name {
|
|
font-size: 16px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.clxx-zq {
|
|
width: 44%;
|
|
height: 100%;
|
|
padding: 0 45px;
|
|
}
|
|
|
|
.clxx-zq1 {
|
|
width: 100%;
|
|
height: 100px;
|
|
}
|
|
|
|
.clxx-zq1-img {
|
|
width: 100px;
|
|
}
|
|
|
|
.clxx-zq1-con {
|
|
padding-left: 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
.clxx-zq1-zl {
|
|
width: 100%;
|
|
height: calc(100%);
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/* 预警信息 */
|
|
.star-eval{
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 16px;
|
|
}
|
|
.left-txt{
|
|
width: 23.67%;
|
|
text-align: right;
|
|
}
|
|
.stars-bg {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 292px;
|
|
margin:0 25px;
|
|
}
|
|
|
|
.star-active {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
display: block;
|
|
height: 100%;
|
|
}
|
|
.ren1{
|
|
height: 26px;
|
|
margin-top: 12px;
|
|
background: url(../img/ren1.jpg) 0 0 ;
|
|
}
|
|
.ren1a{
|
|
background: url(../img/ren1.jpg) 0 -36px ;
|
|
}
|
|
.ren2{
|
|
height: 26px;
|
|
margin-top: 12px;
|
|
background: url(../img/ren2.jpg) 0 0 ;
|
|
}
|
|
.ren2a{
|
|
background: url(../img/ren2.jpg) 0 -36px ;
|
|
}
|
|
.che1{
|
|
height: 23px;
|
|
margin-top: 14px;
|
|
background: url(../img/che1.jpg) 0 0 ;
|
|
}
|
|
.che1a{
|
|
background: url(../img/che1.jpg) 0 -33px ;
|
|
}
|
|
.che2{
|
|
height: 23px;
|
|
margin-top: 14px;
|
|
background: url(../img/che2.jpg) 0 0 ;
|
|
}
|
|
.che2a{
|
|
background: url(../img/che2.jpg) 0 -33px ;
|
|
}
|
|
.che3{
|
|
height: 23px;
|
|
margin-top: 14px;
|
|
background: url(../img/che3.jpg) 0 0 ;
|
|
}
|
|
.che3a{
|
|
background: url(../img/che3.jpg) 0 -33px ;
|
|
}
|
|
/* 日常管理 */
|
|
.rcgl-content {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 101px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
/* 内容左侧 */
|
|
.rcgl-left {
|
|
width: 280px;
|
|
height: 100%;
|
|
left: 0;
|
|
background: #073f5c;
|
|
/*padding-top: 30px;*/
|
|
}
|
|
|
|
.rcgl-one {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.rcgl-one li {}
|
|
|
|
.rcgl-one li a {
|
|
padding-left: 32px;
|
|
line-height: 60px;
|
|
color: #78a2e2;
|
|
font-size: 18px;
|
|
display: block;
|
|
}
|
|
|
|
.rcgl-one li a:hover,
|
|
.rcgl-one li a.onecur {
|
|
background: #21539d;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rcgl-one li a .icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-right: 14px;
|
|
margin-top: 18px;
|
|
float: left;
|
|
}
|
|
|
|
.rcgl-one li a .icon1 {
|
|
background: url(../img/left-icon1.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-one li a .icon2 {
|
|
background: url(../img/left-icon2.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-one li a .icon3 {
|
|
background: url(../img/left-icon3.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-one li a .icon4 {
|
|
background: url(../img/left-icon4.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a .icon5 {
|
|
background: url(../img/left-icon5.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a .icon6 {
|
|
background: url(../img/left-icon6.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a .icon7 {
|
|
background: url(../img/left-icon7.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a .icon8 {
|
|
background: url(../img/left-icon8.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a .icon9 {
|
|
background: url(../img/left-icon9.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a .icon10 {
|
|
background: url(../img/left-icon10.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-one li a:hover .icon1,
|
|
.rcgl-one li a.onecur .icon1 {
|
|
background: url(../img/left-icon1a.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-one li a:hover .icon2,
|
|
.rcgl-one li a.onecur .icon2 {
|
|
background: url(../img/left-icon2a.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-one li a:hover .icon3,
|
|
.rcgl-one li a.onecur .icon3 {
|
|
background: url(../img/left-icon3a.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-one li a:hover .icon4,
|
|
.rcgl-one li a.onecur .icon4 {
|
|
background: url(../img/left-icon4a.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a:hover .icon5,
|
|
.rcgl-one li a.onecur .icon5 {
|
|
background: url(../img/left-icon4a.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a:hover .icon6,
|
|
.rcgl-one li a.onecur .icon6 {
|
|
background: url(../img/left-icon4a.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a:hover .icon7,
|
|
.rcgl-one li a.onecur .icon7 {
|
|
background: url(../img/left-icon4a.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a:hover .icon8,
|
|
.rcgl-one li a.onecur .icon8 {
|
|
background: url(../img/left-icon4a.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a:hover .icon9,
|
|
.rcgl-one li a.onecur .icon9 {
|
|
background: url(../img/left-icon4a.png) center no-repeat;
|
|
}
|
|
.rcgl-one li a:hover .icon10,
|
|
.rcgl-one li a.onecur .icon10 {
|
|
background: url(../img/left-icon4a.png) center no-repeat;
|
|
}
|
|
|
|
.rcgl-two {
|
|
padding-left: 90px;
|
|
}
|
|
|
|
.rcgl-two li {
|
|
height: 50px;
|
|
}
|
|
|
|
.rcgl-two li a {
|
|
padding-left: 0;
|
|
line-height: 50px;
|
|
font-size: 16px;
|
|
color: #78a2e2;
|
|
}
|
|
|
|
.rcgl-two li a:hover,
|
|
.rcgl-two li a.twocur {
|
|
color: #FFFFFF;
|
|
background: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* 右侧内容 */
|
|
.rcgl-right {
|
|
height:100%;
|
|
margin-left:302px;
|
|
margin-right:0px;
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
.rcgl-right-con {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
border-radius: 4px;
|
|
|
|
/*padding: 5px ;*/
|
|
}
|
|
|
|
.rcgl-con1 {
|
|
height: 40px;
|
|
padding-left: 20px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.rcgl-con1 div {
|
|
margin-right: 10px;
|
|
float: left;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.rcgl-button{
|
|
width: 90px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
font-size: 16px;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.rcgl-button a{
|
|
display: block;
|
|
color: #FFFFFF;
|
|
}
|
|
.rcgl-con2{
|
|
width: 100%;
|
|
height: calc(100% - 150px);
|
|
margin-top: 20px;
|
|
overflow: hidden;
|
|
}
|
|
.rcgl-con2a table {
|
|
width: 100%;
|
|
}
|
|
|
|
.rcgl-con2a table tr {
|
|
height: 50px;
|
|
|
|
}
|
|
|
|
.rcgl-con2a table tr.tou {
|
|
background: #e9edf5;
|
|
|
|
}
|
|
|
|
|
|
.rcgl-con2a table tr th {
|
|
line-height: 50px;
|
|
color: #555555;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-top: 1px solid #d8dbe4;
|
|
border-bottom: 1px solid #d8dbe4;
|
|
}
|
|
|
|
.rcgl-con2a table tr td {
|
|
line-height: 50px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #d8dbe4;
|
|
}
|
|
.rcgl-con2a table tr td img{
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
.hidemenu .rcgl-left {
|
|
left: -280px;
|
|
position:absolute;
|
|
}
|
|
.hidemenu .rcgl-right {
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
/* 出入记录 */
|
|
.crjl{
|
|
width: 100%;
|
|
height: 80%;
|
|
padding: 0 20px;
|
|
}
|
|
.crjl ul{
|
|
padding-right: -24px;
|
|
}
|
|
.crjl li{
|
|
width: calc(33.33% - 24px);
|
|
height: 240px;
|
|
border: 1px solid #d7dae4;
|
|
border-radius: 4px;
|
|
padding: 20px;
|
|
float: left;
|
|
margin-bottom: 20px;
|
|
margin-right: 24px;
|
|
}
|
|
.crjl-img{
|
|
width: 170px;
|
|
height: 200px;
|
|
}
|
|
.crjl-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.crjl-con{
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-left: 186px;
|
|
font-size: 16px;
|
|
line-height: 40px;
|
|
position: relative;
|
|
}
|
|
.crjl-con span{
|
|
font-weight: bold;
|
|
color: #3079ea;
|
|
}
|
|
.crjl-icon{
|
|
width: 24px;
|
|
height: 24px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 6px;
|
|
}
|
|
|
|
/* 个人 */
|
|
/* 基本资料 */
|
|
.geren-img{
|
|
width: 204px;
|
|
height: 280px;
|
|
overflow: hidden;
|
|
margin-left: 20px;
|
|
}
|
|
.geren-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.geren-con{
|
|
padding-left: 280px;
|
|
line-height: 38px;
|
|
font-size: 16px;
|
|
}
|
|
.geren-con span{
|
|
color: #0f6fe5;
|
|
font-weight: bold;
|
|
}
|
|
/* 积分考试 */
|
|
.geren-jfks{
|
|
text-align: center;
|
|
}
|
|
.jfks1{
|
|
width: 210px;
|
|
height: 210px;
|
|
margin: 0 auto;
|
|
background: rgba(190,120,240,0.3);
|
|
border-radius: 50%;
|
|
padding-top: 14px;
|
|
}
|
|
.jfks1a{
|
|
width: 182px;
|
|
height: 182px;
|
|
margin: 0px auto;
|
|
background: rgba(190,120,240,1);
|
|
border-radius: 50%;
|
|
padding-top: 46px;
|
|
}
|
|
.jfks1a h1{
|
|
font-size: 60px;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
color: #FFFFFF;
|
|
}
|
|
.jfks1a h4{
|
|
font-size: 24px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #FFFFFF;
|
|
font-weight: normal;
|
|
}
|
|
.jfks2{
|
|
height: 26px;
|
|
margin-top: 20px;
|
|
padding-left: 170px;
|
|
background: url(../img/geren-icon7.png) 120px center no-repeat;
|
|
font-size: 16px;
|
|
text-align: left;
|
|
}
|
|
.jfks2 span{
|
|
font-size: 24px;
|
|
margin: 0 10px;
|
|
color: #0f6fe5;
|
|
}
|
|
/* 通知公告 */
|
|
.geren-tzgg{
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.geren-tzgg li{
|
|
width: 100%;
|
|
height: 40px;
|
|
font-size: 16px;
|
|
background: url(../img/tzgg1.jpg) left center no-repeat;
|
|
}
|
|
.geren-tzgg li a{
|
|
padding-left: 20px;
|
|
line-height: 40px;
|
|
color: #555555;
|
|
}
|
|
.geren-tzgg li span{
|
|
float: right;
|
|
line-height: 40px;
|
|
}
|
|
/* 我的待办 */
|
|
.geren-wddb{
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 10px;
|
|
}
|
|
.geren-wddb li{
|
|
width: 100%;
|
|
height: 96px;
|
|
background: url(../img/wddblibg.png) no-repeat;
|
|
background-size: cover;
|
|
padding: 22px;
|
|
margin-bottom: 14px;
|
|
}
|
|
.wddb1{
|
|
width: 100%;
|
|
height: 16px;
|
|
border-left: 3px solid #ffa439;
|
|
line-height: 16px;
|
|
font-size: 18px;
|
|
padding-left: 14px;
|
|
color: #333333;
|
|
}
|
|
.wddb2{
|
|
width: 100%;
|
|
height: 16px;
|
|
margin-top: 18px;
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
color: #898989;
|
|
}
|
|
/* 我的考勤 */
|
|
.wdkq1{
|
|
width: 25%;
|
|
height: 100%;
|
|
padding-top: 60px;
|
|
padding-left: 10px;
|
|
}
|
|
.wdkq1a{
|
|
width: 100%;
|
|
height: 40%;
|
|
}
|
|
.wdkq1a h2{
|
|
font-size: 36px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #303030;
|
|
font-weight: normal;
|
|
}
|
|
.wdkq1a h4{
|
|
font-size: 16px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: #555555;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|