/* pages/emergency/index.wxss */

.emergency{
  padding: 28rpx;
  
  .image_3 {
 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .image_2{
    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 0rpx 0rpx 0;
      font-weight: bold;
      image{
        width: 380rpx;
        height: 380rpx;
      }
    }
    .high-risk{
      color: #D00F16;
      font-size: 36rpx;
      font-weight: bold;
      text-align: center;
      margin-top: -40rpx;
      margin-bottom: 24rpx;
    }
    .success{
      color: var(--td-brand-color);
    }
    .msg-text{
      font-size: 30rpx;
      color: #606266;
      text-align: center;
    }
    .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%);
      }
      .check-box{
        position: absolute;
        box-sizing: border-box;
        right: 28rpx;
        top: 50%;
        transform: translateY(-50%);
        width: 50rpx;
        height: 50rpx;
        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);
      }
    }
  }
  .btn{
    width: 80%;
    margin-left: 10%;
    height: 96rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32rpx;
    border-radius: 24rpx;
  }
  .btn-1{
    background: linear-gradient( 270deg, #E23C3C 0%, #F17373 100%);
    
    color: #fff;
    margin-top: 80rpx;
  }
  .btn-2{
    color: #888888;
    background: #FFFFFF;
    margin-top: 32rpx;
  }
}

