@import './variable.scss';

.divider {
    height: .24rem;
    background: #F9F9FC;
}

.text-multiple-3{
overflow: hidden;
text-overflow: ellipsis; 
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.text-multiple-2{
overflow: hidden;
text-overflow: ellipsis; 
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.panel {
    .panel-head {
        padding: .53rem .4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .title {
            font-size: .43rem;
            color: #222222;
            font-weight: bold;
        }

        .external {
            font-size: .37rem;
            color: #666666;
        }
    }

    .panel-body {
        overflow-x: scroll;

        .merit-group {
            display: flex;
            flex-wrap: nowrap;
            margin: 0 .4rem;
        }
    }
}
.process-more{
    line-height: 1.17rem;
    text-align: center;
    font-size: .37rem;
    .iconfont{
      vertical-align: middle;
    }
}

.border-bottom{
    position: relative;
    &::after{
        content: '';
        height: 1px;
        width: 200%;
        background: #ededed;
        transform: scale(0.5, 0.5);
        transform-origin: left top;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}
.border-top{
    position: relative;
    &::before{
        content: '';
        height: 1px;
        width: 200%;
        background: #ededed;
        transform: scale(0.5, 0.5);
        transform-origin: left top;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
}
.border-circle{
    position: relative;
    &::before{
        content: '';
        height: 199%;
        width: 200%;
        border: 1px solid #ededed;
        transform: scale(0.5, 0.5);
        transform-origin: left top;
        display: block;
        position: absolute;
        pointer-events: none;
        border-radius: .22rem;
        top: 0;
        left: 0;
    }
}

.active{
    &::before{
        border-color: $primary-color;
    }
    color: $primary-color;
}

.multiple-line-3{
    overflow : hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.no-more{
    height: 1rem;
    line-height: 1rem;
    font-size: .4rem;
    color: #666;
    text-align: center;
}