.content_box{
  padding:20rpx 40rpx;
}
.content_box_title{
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}
.content_box_title text{
  margin-left:10rpx;
}
.arrow_content{
  display: flex;
}

.arrow_box{
  background-color: #626262;
  width:45%;
  margin:0 5%;
  position: relative;
  border-radius: 10rpx;
  color: #aaa;
}
.arrow_box.is-active{
  background-color: #37BBDE;
  color:#000;
}
.arrow_box .img-sel{
  position: absolute;
  left: 50%;
  margin-left:-20rpx;
  top: 20rpx;
}

.arrow_box view{
  height: 160rpx;
  line-height: 160rpx;
  width:100% ;
  text-align: center;
}

/* 地图样式 */
#attendanceMap {
  width: 100%;
  height: 300rpx;
  border-radius: 10rpx;
}
.box_row{
  display: flex;
  line-height: 50rpx;
}
.att-info{
  padding-left:40rpx;
}
.att-info   .row-content{
  padding-left:10rpx;
}
.box_map{
  margin-top: 20rpx;
}
/* 人脸识别区域样式 */
.att-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20rpx 0;
}

.att-img image {
  width: 400rpx;
  height: 400rpx;
  margin-bottom: 20rpx;
  border-radius: 10rpx;
  background-color: #1E2737;
}

.att-img .placeholder-text {
  width: 400rpx;
  height: 400rpx;
  margin-bottom: 20rpx;
  border-radius: 10rpx;
  background-color: #1E2737;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 24rpx;
}

.att-img button {
  background-color: #07C160;
  color: white;
  border: none;
  padding: 20rpx 20rpx;
  border-radius: 10rpx;
  font-size: 28rpx;
}