/*打卡地图*/
.punch-map{position: relative;}
.punch-map .operation{width: 290px;position: absolute;left: 50%;bottom: 95px;margin-left: -145px;}
.punch-map .operation .both-sides{float: left;margin-top: 29px;overflow: hidden;text-align: center;background-color: #fff;box-shadow: 0 0 10px #aaa;border-radius: 100px;padding: 0 15px;}
.punch-map .operation .both-sides .left{width: 85px;margin-right: 45px;float: left;}
.punch-map .operation .both-sides .right{width: 85px;margin-left: 45px;float: left;}
.punch-map .operation .both-sides button{font-size: 10px;border: none;background-color: #fff;padding: 10px 0 7px;}
.punch-map .operation .both-sides button i.fa{font-size: 21px;color: #3d99ff;margin-bottom: 2px;}
.punch-map .operation .both-sides .right.disabled button{color: #ddd;}
.punch-map .operation .both-sides .right.disabled button i.fa{color: #ddd;}
.punch-map .operation .middle{position: absolute;top: 0;left: 50%;margin-left: -55px;}
.punch-map .operation .middle h4{background-color: #3d99ff;color: #fff;width: 110px;height: 110px;border-radius: 100px;border: 8px solid #fff;padding-top: 18px;text-align: center;}
.punch-map .operation .middle h4 i.fa{font-size: 40px;}
.punch-map .operation .middle button{background-color: #3d99ff;color: #fff;width: 110px;height: 110px;border-radius: 100px;border: 8px solid #fff;font-size: 16px;line-height: 18px;padding-top: 7px;}
.punch-map .operation .middle span{font-size: 12px;}
.punch-map .data{text-align: center;padding: 10px 0;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;background-color: #fff;}

.positioning-switch{position: absolute;top: 10px;left: 10px;border-radius: 100px;background-color: #fff;overflow: hidden;box-shadow: 0 0 10px #aaa;border: 0px solid #fff;}
.positioning-switch span{display: block;float: left;width: 90px;text-align: center;line-height: 34px;font-size: 12px;color: #aaa;}
.positioning-switch span:first-child{padding-left: 5px;}
.positioning-switch span:last-child{padding-right: 5px;}
.positioning-switch span.active{background-color: #3d99ff;color: #fff;}

/*打卡记录*/
.punch-record-list{padding: 10px 0;}
.punch-record-list h3{color: #000;font-size: 18px;padding: 10px;}
.punch-record-list ul{background-color: #fff;border-bottom: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;padding: 0 10px;}
.punch-record-list ul li{padding: 15px 10px;position: relative;}
.punch-record-list ul li + li{border-top: 1px solid #f5f5f5;}
.punch-record-list ul li h5{color: #000;font-size: 16px;}
.punch-record-list ul li h5 em{color: #fff;background-color: #ee5a2f;display: none;border-radius: 3px;padding: 0 3px 2px;font-size: 12px;margin: 1px 5px 0 0;float: left;}
.punch-record-list ul li.record h5 em{display: block;}
.punch-record-list ul li p{color: #aaa;font-size: 12px;margin-top: 5px;}
.punch-record-list ul li p i{color: #ccc;font-size: 16px;}
.punch-record-list ul li .state{position: absolute;top: 12px;right: 0;color: #ee5a2f;}
.punch-record-list ul li .remark{position: absolute;top: 14px;right: 0;background-color: #fff;padding: 0 8px;border-radius: 3px;}
.punch-record-list ul li .remark.blue{border: 1px solid #09c;color: #09c;}
.punch-record-list ul li .remark.gray{border: 1px solid #d6d6d6;color: #aaa;}

/*考勤排班-tab*/
.attendance-schedule-tab{background-color: #fff;overflow: hidden;line-height: 48px;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.attendance-schedule-tab li{float: left;width: 33.3333%;}
.attendance-schedule-tab li a{display: block;height: 48px;font-size: 16px;text-align: center;}
.attendance-schedule-tab li.active a{border-bottom: 2px #ee5a2f solid;color: #ee5a2f;}

/*考勤排班-月统计*/
.attendance-schedule-data{overflow: hidden;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;margin-top: 58px;background-color: #fff;padding: 15px 0;}
.attendance-schedule-data li{text-align: center;float: left;width: 25%;font-size: 12px;color: #bbb;}
.attendance-schedule-data li+li{border-left: 1px #f1f1f1 solid;}
.attendance-schedule-data li span{display: block;color: #ee5a2f;font-size: 21px;}

/*考勤列表*/
.attendance-schedule-list{padding-top: 10px;}
.attendance-schedule-list h4{font-size: 16px;color: #000;line-height: 40px;text-indent: 10px;}
.attendance-schedule-list ul{background-color: #fff;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;padding: 0 10px;}
.attendance-schedule-list ul > li{padding: 19px 0 10px;position: relative;}
.attendance-schedule-list ul > li+li{border-top: 1px solid #f5f5f5;}
.attendance-schedule-list h5{font-size: 14px;color: #000;font-weight: bold;padding-bottom: 10px;}
.attendance-schedule-list h5 i{display: inline-block;width: 10px;height: 10px;margin-right: 7px;}
.attendance-schedule-list h5 .red{background-color: #ee5a2f;}
.attendance-schedule-list h5 .green{background-color: #3acd4b;}
.attendance-schedule-list h5 .orange{background-color: #ee5a2f;}
.attendance-schedule-list h5 span{font-size: 14px;font-weight: normal;}
.attendance-schedule-list li ol{overflow: hidden;}
.attendance-schedule-list li ol > li{float: left;width: 25%;line-height: 24px;}
.attendance-schedule-list li ol > li em{display: block;color: #aaa;}
.attendance-schedule-list li ol > li span{display: block;}
.attendance-schedule-list li ol > li:last-child{text-align: right;}
.attendance-schedule-list li ol > li .red{color: #ee5a2f;}
.attendance-schedule-list li .punch-clock p{line-height: 30px;}
.attendance-schedule-list li .punch-clock p+p{border-top: 1px dotted #ccc;}
.attendance-schedule-list .content{overflow: hidden;position: relative;line-height: 27px;}
.attendance-schedule-list .content .left{padding-right: 60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.attendance-schedule-list .content .left strong{font-weight: normal;color: #666;}
.attendance-schedule-list .content .right{position: absolute;top: 0;right: 0;}

/*月报表详情*/
.attendance-schedule-details{position: relative;}
.attendance-schedule-details h5{text-align: center;line-height: 42px;font-size: 12px;color: #000;}
.attendance-schedule-details ul{border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;background-color: #fff;padding: 0 10px;}
.attendance-schedule-details ul li{overflow: hidden;line-height: 24px;padding: 8px 5px;}
.attendance-schedule-details ul li+li{border-top: 1px solid #f5f5f5;}
.attendance-schedule-details ul li label{float: left;color: #aaa;}
.attendance-schedule-details ul li span{float: right;}
.attendance-schedule-details .appeal,
.attendance-schedule-details .affirm{display: none;position: absolute;top: 55px;right: 40%;z-index: 96;}
.attendance-schedule-details .appeal img,
.attendance-schedule-details .affirm img{width: 80px;}
.attendance-schedule-details.report-affirm .affirm,
.attendance-schedule-details.report-appeal .appeal{display: block;}
/*报表异常*/
.attendance-schedule-abnormal{text-align: center;padding-bottom: 10px;margin-top: -1px;}
.attendance-schedule-abnormal button{background-color: #fff;border: 1px #ddd solid;height: 32px;padding: 0 20px;font-size: 12px;}
.attendance-schedule-abnormal button i.fa{font-size: 16px;}
.attendance-schedule-abnormal-list{margin-top: -15px;}

/*申诉弹出框*/
.round-float-complaint{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);top: 0;left: 0;z-index: 1000;}
.round-float-complaint .content{background-color: #fff;border-radius: 5px;padding: 30px 15px;margin: 80px 15px 0;position: relative;}
.round-float-complaint .content i.fa{position: absolute;top: -12px;right: -12px;width: 34px;height: 34px;line-height: 34px;font-size: 18px;background-color: #fff;color: #bbb;text-align: center;border-radius: 50%;cursor: pointer;}
.round-float-complaint .content textarea{margin: 15px 0;height: 180px}
.round-float-complaint .content button{padding: 8px 15px;font-size: 14px;}