page-mine {

    .mine-header{
        background: url("./../assets/imgs/bg.jpg");
        padding: 40px 30px 
    }

    .mine-header-box{
       
    }

    .mine-header-left{
        display: inline-block;
    }

    .name{
        margin: 0 0 10px 0;
        color: white;
    }

    .organization{
       color: #f6da30;
       font-size: 16px;
    }

.mine-header-right{
    float: right;
}

    .head-photo{
        width: 60px;
        height: 60px;
        border-radius: 60px;
    }

    .group{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .group-box{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        box-sizing: border-box;
    }

    .group-img{
        margin-right: 5px;
    }

    .icon-right{
        float: right
    }

    .icon-left{
        font-size: 22px;
        margin-right: 10px;
    }

    .icon1{
        color: #0faeff
    }
    .icon2{
        color: #f3a035
    }
    .icon3{
        color: #46b452
    }
    .icon4{
        color: #e54bcd
    }
    .icon5{
        color: #f86b6c
    }

    .new{
        margin-left: 10px;
        width: 30px;
        height: 15px;
    }

    
}
