/*#region 项目 */
.content-page {
    width: 100%;
    height: 100vh;
}

.content {
    padding-top: 0;
    height: 100vh;
}

.m-project {
    /*position: fixed;
            bottom: 0;
            left: 0;*/
    position: relative;
    width: 100%;
    height: calc(100vh - 1.1rem - .96rem);
    border-top: 1px solid #e5e5e5;
    background: #fff;
    overflow: hidden;
}

.pro-title {
    position: relative;
    line-height: .96rem;
    color: #333;
    /*font-size: calc(0.13 * 36vw);*/
    padding: 0 .3rem;
}

.p-left {
    width: 2rem;
    line-height: .9rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    height: 100%;
    left: 0;
}

.p-right {
    width: calc(7.5rem - 2rem);
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    padding-left: .3rem;
    margin-left: 2rem;
}

.project-lists {
    width: 100%;
    height: .9rem;
}

    .project-lists a {
        display: block;
        width: 100%;
        height: 100%;
        background: #f6f6f6;
        text-align: center;
        /*font-size: calc(0.13 * 28vw);*/
        line-height: .9rem;
        color: #666;
    }

.checked a {
    border-left: .05rem solid #ff8686;
    background: #fff;
    color: #ff8686;
}

.all {
    background: #f6f6f6;
    /*font-size: calc(0.13 * 32vw);*/
    color: #333;
    text-align: center;
    line-height: .54rem;
    border-radius: .54rem;
    padding: 0;
    margin-top: calc((.9rem - .54rem) / 2);
}

.p-child > a {
    width: 2.25rem;
    /*font-size: calc(0.13 * 26vw);*/
    color: #666;
    margin-top: .3rem;
}

    .p-child > a:nth-child(2n) {
        margin-left: .4rem;
    }

.project-list {
    padding-right: .3rem;
    margin-bottom: .5rem;
    display: none;
}

.p-right .checked a {
    border: none;
    color: #666;
    background: none;
}

.p-right .checked {
    display: block;
}
/*#endregion */