page-activityTrack {

    .searchToolBar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        box-sizing: border-box;
    }
    .list-ios .item-block .item-inner{
        border-bottom: none;
    }
    .item-ios{
        margin-bottom:10px;
    }
    .item-header{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        font-size: 2rem;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

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

    .btn{
        float: right;
        background-color: white;
        border: 1px solid #90da91;
        color: #90da91;
        margin: 0 0;
        font-size: 6px;
        border-radius: 3px;
    }

    .left{
        color: #333333;
        margin-left: 25px;
        font-size: 1.5rem;
        div{
            margin: 5px 0;
        }
    }
    .right{
        margin: 5px 0;
        font-size: 1.4rem;
    }

    .data{
        color: #666666;
    }

    .participation{
        background-color: #4a89fa;
        height: 27px;
        width: 90px;
        border-radius: 2px;
        color: white
    }

   
    .color1{
        border-color: #f3d88a;
        color: #f3d88a;
    }

    .color2{
        border-color: #8fcde5;
        color: #8fcde5;
    }

    .color3{
        border-color: #c5c5c5;
        color: #c5c5c5;
    }

    .itemIcon{
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

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

    .back-btn{
        width: 30px;
        height: 30px;
    }
}
