@import "@styles/theme.scss";

.content1{
  width: 100%;
  height: 100vh;
  .content_top{
    width: 100%;
    display: flex;
    justify-content: space-around;
    .content_title1{
      width: 182px;
      height: 88px;
      line-height: 88px;
      display: flex;
      border-bottom: 4px solid #FF4740;
      justify-content: space-between;
      .icon{
        width: 36px;
        margin-top: 26px;
      }
      .title1{
        font-size: 32px;
        color: #FF4740;
      }
    }
    .content_title2{
      width: 182px;
      height: 88px;
      line-height: 88px;
      display: flex;
      border-bottom: 4px solid #999999;
      justify-content: space-between;
      .icon{
        width: 36px;
        margin-top: 26px;
      }
      .title2{
        font-size: 32px;
        color: #999999;
      }
    }
  }
  .content_bottom{
      margin-top: 50px;
  }
}



.list__wrap{
  width: 680px;
  margin: 0 auto;
  .col{
    width: 100%;
    margin:0 auto;
    margin-bottom: 50px;
    .col_top{
      width: 100%;
      display: flex;
      justify-content:space-between;
    }
    .col_bottom{
      width: 100%;
      display: flex;
      justify-content: space-between;
      color: #999999;
      margin-top:40px;
    }
    .col_bottom1{
      width: 100%;
      line-height: 50px;
      color: #999999;
    }
  }
}

.col_top_left{
  display: flex;
  .head_img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-right: 20px;
  }
  .col_message_box{
    .col_name_box{
      display: flex;
      height: 50px;
      line-height: 50px;
      .sex{
        width: 26px;
        margin-left: 22px;
        margin-top: 8px;
      }
      .phone{
        width: 32px;
        margin-left: 22px;
        margin-top: 7px;
      }
    }
  }
}

.col_top_right{
  color: #FF925C;
}
