page-mine {
    .label-ios {
        margin: 15px 8px 15px 0;
    }
    .mine-header{
        background-color: #34b4fc;
        padding: 25px 16px
    }

    .mine-header-box{
       display: flex;
        ion-icon {
            vertical-align: text-bottom;
            margin-left: 4px;
            color: #ffffff;
        }
    }

    .mine-header-left{
        width: 20%;
    }

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

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

.mine-header-right{
    width: 40%;
    padding-left: 1.5rem;
}
    .mine-header-float{
        width: 40%;
        text-align: right;
        line-height: 5.1rem;
    }

    .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;

        ion-icon{
            color: #999999;
        }
    }

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

    .group-img{
        width: 2.5rem;
        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;
    }

    
}
