.attendanceManage-detailList-detail .el-col{margin-bottom:10px}.attendanceManage-detailList-detail .person-photo{width:120px;display:inline-block;margin-right:20px;vertical-align:top}.attendanceManage-detailList-detail .person-photo .el-image{width:100%;max-width:120px}.attendanceManage-detailList-detail .person-photo .el-image__error{height:150px}.attendanceManage-detailList-detail .kaoqin-info{display:inline-block;font-size:15px;color:#000;text-align:left}.attendanceManage-detailList-detail .kaoqin-info div{padding:8px 0}.attendanceManage-detailList-detail .kaoqin-info div span:first-child{display:inline-block;color:#666;width:60px;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.attendanceManage-detailList-detail .day-card .day-card-item{width:200px;height:45px;margin:0 auto 15px;color:#fff;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px}.attendanceManage-detailList-detail .day-card .day-card-item span{font-size:22px}.attendanceManage-detailList-detail .day-card .day-card-item:first-of-type{background-color:#37f}.attendanceManage-detailList-detail .day-card .day-card-item:nth-of-type(2){background-color:#67c23a}.attendanceManage-detailList-detail .day-card .day-card-item:nth-of-type(3){background-color:#e25256;margin-bottom:0}.attendanceManage-detailList-detail .calendar-box{text-align:center}.attendanceManage-detailList-detail .calendar-box .calendar-legend{display:inline-block;margin:10px 0 0 15px}.attendanceManage-detailList-detail .calendar-box .calendar-legend div{width:56px;color:#666;margin-bottom:10px}.attendanceManage-detailList-detail .calendar-box .calendar-legend div span{display:inline-block;width:16px;height:16px;vertical-align:top;margin-right:5px}.attendanceManage-detailList-detail .calendar-box .calendar-legend div:first-of-type span{background-color:#70c91a}.attendanceManage-detailList-detail .calendar-box .calendar-legend div:nth-of-type(2) span{background-color:#f56c6c}.attendanceManage-detailList-detail .calendar{display:inline-block;vertical-align:top;max-width:270px;border:1px solid #d2d2d2}.attendanceManage-detailList-detail .calendar .chuqin,.attendanceManage-detailList-detail .calendar .xiujia{position:relative}.attendanceManage-detailList-detail .calendar .chuqin:after,.attendanceManage-detailList-detail .calendar .xiujia:after{content:"";position:absolute;bottom:0;display:block;width:6px;height:6px;border-radius:50%;color:#fff}.attendanceManage-detailList-detail .calendar .chuqin:after{background-color:#70c91a}.attendanceManage-detailList-detail .calendar .xiujia:after{background-color:#f56c6c}.attendanceManage-detailList-detail .calendar .wh_content_all{background-color:#fff;padding-bottom:0}.attendanceManage-detailList-detail .calendar .wh_top_changge li{height:35px;color:#666;font-size:16px}.attendanceManage-detailList-detail .calendar .wh_jiantou1,.attendanceManage-detailList-detail .calendar .wh_jiantou2{width:8px;height:8px;border-top:2px solid #666}.attendanceManage-detailList-detail .calendar .wh_jiantou1{border-left:2px solid #666}.attendanceManage-detailList-detail .calendar .wh_jiantou2{border-right:2px solid #666}.attendanceManage-detailList-detail .calendar .wh_content_item{height:35px;color:#666}.attendanceManage-detailList-detail .calendar .wh_item_date,.attendanceManage-detailList-detail .calendar .wh_top_tag{width:35px;height:35px;line-height:35px}.attendanceManage-detailList-detail .calendar .wh_content_item .wh_isToday{background-color:#fff}.attendanceManage-detailList-detail .calendar .wh_content_item .wh_chose_day,.attendanceManage-detailList-detail .calendar .wh_item_date:hover{background-color:#70c91a;border-radius:50%;color:#fff}.attendanceManage-detailList-detail .calendar .wh_content_item .wh_chose_day.chuqin:after,.attendanceManage-detailList-detail .calendar .wh_content_item .wh_chose_day.xiujia:after,.attendanceManage-detailList-detail .calendar .wh_item_date:hover.chuqin:after,.attendanceManage-detailList-detail .calendar .wh_item_date:hover.xiujia:after{width:0}.attendanceManage-detailList-detail .calendar .wh_item_date{width:30px;height:30px;line-height:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}