/* pages/emergency/index.wxss */

.emergency{
  padding: 28rpx;
  .checkbox-group{
    border-radius: 20rpx;
    overflow: hidden;
    margin-top: 28rpx;
    margin-bottom: 28rpx;
  }
  .image_3 {
 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .emergency-container{
    position: relative;
    z-index: 1;
    .title{
      text-align: center;
      font-size: 48rpx;
      color: #005BA2;
      margin: 80rpx 0;
      font-weight: bold;
    }
    .check-item{
      background: #FFFFFF;
      border-radius: 24rpx;
      margin-bottom: 32rpx;
      border: 2rpx solid #FFFFFF;
      padding: 24rpx;
      position: relative;
      view{
        display: inline-block;
        
        .name{
          display: block;
          font-size: 36rpx;
          color: var(--td-text-color);
          font-weight: bold;
          margin-bottom: 16rpx;
        }
        .text{
          font-size: 30rpx;
          color: #606266;
        }
      }
      .block{
        padding-left: 100rpx;
      }
      
      .icon-box{
        position: absolute;
        left: 38rpx;
        top: 50%;
        transform: translateY(-50%);
        image{
          width: 48rpx;
          height: 48rpx;
        }
      }
      .check-box{
        position: absolute;
        box-sizing: border-box;
        right: 38rpx;
        top: 50%;
        transform: translateY(-50%);
        width: 40rpx;
        height: 40rpx;
        border-radius: 8rpx;
        border: 2rpx solid #606266;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
    .active{
      background: rgba(0,91,162,0.1);
      border: 2rpx solid var(--td-brand-color);
      .check-box{
        background-color: var(--td-brand-color);
        border-color: var(--td-brand-color);
      }
    }
  }
}

.t-overlay{
  top: 0!important;
}
.block {
  color: var(--td-text-color-secondary);
  // display: flex;
  // align-items: center;
  // justify-content: center;
}
.block--center{
  width: 90vw;
  height: 580rpx;
  padding: 50rpx;
  box-sizing: border-box;
  text-align: center;
  .waring-icon{
    width: 100rpx;
    height: 100rpx;
    border-radius: 100rpx;
    color: #f6685d;
    background-color: #ffd8d2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20rpx auto;
    margin-bottom: 28rpx;
  }
  .block-desp{
    margin-top: 20rpx;
    margin-bottom: 50rpx;
    font-size: 28rpx;
    color: #5e5e5e;
  }
  .block-btn{
    margin-bottom: 20rpx;
  }
}