import styled from "styled-components";

export default function Style() {
  return <></>;
}

export const Box = styled.div`
  box-sizing: border-box;
  padding: 46px 64px 46px 24px;
  background-color: #fff;
  min-height: 845px;
  border-radius: 6px;
  .content{
  display: flex;
  flex-wrap: wrap;
    .item {
    display: flex;
    width: 360px;
    height: 100px;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    margin: 0 16px 20px 0;
    &:nth-child(3n){
        margin-right: 0;
    }
    .img-box{
        width: 120px;
        height: 100px;
        background: #E6E6E6;
        position: relative;
    }
    .item-content{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
        padding: 12px 14px 11px 16px;
        .top{
            width: 200px;
            height: 20px;
            font-size: 16px;
            font-family: MicrosoftYaHei;
            color: #34383F;
            line-height: 20px;
            letter-spacing: 1px;
            -webkit-background-clip: text;
        }
        .bottom{
            display: flex;
            align-items: center;
            .user-img{
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background-color: pink;
            }
            .application{
                margin-left: 6px;
                height: 16px;
                font-size: 11px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FE6000;
                line-height: 16px;
            }
        }
    }
   }
 }
`;
