软测单独项目
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.
 
 
 
 
 
 

823 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: #e7ecf3;*/
}
/* 头部 */
.zh-header {
width: 100%;
height: 81px;
background: url(../images/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(../images/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(../images/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(../images/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(../images/ren1.jpg) 0 0;
}
.ren1a {
background: url(../images/ren1.jpg) 0 -36px;
}
.ren2 {
height: 26px;
margin-top: 12px;
background: url(../images/ren2.jpg) 0 0;
}
.ren2a {
background: url(../images/ren2.jpg) 0 -36px;
}
.che1 {
height: 23px;
margin-top: 14px;
background: url(../images/che1.jpg) 0 0;
}
.che1a {
background: url(../images/che1.jpg) 0 -33px;
}
.che2 {
height: 23px;
margin-top: 14px;
background: url(../images/che2.jpg) 0 0;
}
.che2a {
background: url(../images/che2.jpg) 0 -33px;
}
.che3 {
height: 23px;
margin-top: 14px;
background: url(../images/che3.jpg) 0 0;
}
.che3a {
background: url(../images/che3.jpg) 0 -33px;
}
/* 日常管理 */
.rcgl-content {
position: absolute;
width: 100%;
top: 81px;
bottom: 0px;
}
/* 内容左侧 */
.rcgl-left {
width: 300px;
height: 100%;
left: 0;
background: #072d5f;
/*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(../images/left-icon1.png) center no-repeat;
}
.rcgl-one li a .icon2 {
background: url(../images/left-icon2.png) center no-repeat;
}
.rcgl-one li a .icon3 {
background: url(../images/left-icon3.png) center no-repeat;
}
.rcgl-one li a .icon4 {
background: url(../images/left-icon4.png) center no-repeat;
}
.rcgl-one li a .icon5 {
background: url(../images/left-icon5.png) center no-repeat;
}
.rcgl-one li a .icon6 {
background: url(../images/left-icon6.png) center no-repeat;
}
.rcgl-one li a .icon7 {
background: url(../images/left-icon7.png) center no-repeat;
}
.rcgl-one li a .icon8 {
background: url(../images/left-icon8.png) center no-repeat;
}
.rcgl-one li a .icon9 {
background: url(../images/left-icon9.png) center no-repeat;
}
.rcgl-one li a .icon10 {
background: url(../images/left-icon10.png) center no-repeat;
}
.rcgl-one li a:hover .icon1,
.rcgl-one li a.onecur .icon1 {
background: url(../images/left-icon1a.png) center no-repeat;
}
.rcgl-one li a:hover .icon2,
.rcgl-one li a.onecur .icon2 {
background: url(../images/left-icon2a.png) center no-repeat;
}
.rcgl-one li a:hover .icon3,
.rcgl-one li a.onecur .icon3 {
background: url(../images/left-icon3a.png) center no-repeat;
}
.rcgl-one li a:hover .icon4,
.rcgl-one li a.onecur .icon4 {
background: url(../images/left-icon4a.png) center no-repeat;
}
.rcgl-one li a:hover .icon5,
.rcgl-one li a.onecur .icon5 {
background: url(../images/left-icon4a.png) center no-repeat;
}
.rcgl-one li a:hover .icon6,
.rcgl-one li a.onecur .icon6 {
background: url(../images/left-icon4a.png) center no-repeat;
}
.rcgl-one li a:hover .icon7,
.rcgl-one li a.onecur .icon7 {
background: url(../images/left-icon4a.png) center no-repeat;
}
.rcgl-one li a:hover .icon8,
.rcgl-one li a.onecur .icon8 {
background: url(../images/left-icon4a.png) center no-repeat;
}
.rcgl-one li a:hover .icon9,
.rcgl-one li a.onecur .icon9 {
background: url(../images/left-icon4a.png) center no-repeat;
}
.rcgl-one li a:hover .icon10,
.rcgl-one li a.onecur .icon10 {
background: url(../images/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%;
background: #FFFFFF;
border-radius: 4px;
box-shadow: 0 0 14px #dddddd;
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: -300px;
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: 260px;
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(../images/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(../images/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(../images/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;
}