* {
	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;
}