.content {
    &-nav {
        padding: 24rpx;
        &-item {
            width: 33.33%;
        }
        &-name {
            margin-left: 5px;
            font-size: 24rpx;
        }
        &-num {
            font-size: 26rpx;
            margin-right: 5px;
        }
        &-close {
            position: relative;
            z-index: 10;
        }
    }
    &-talent {
        min-height: 500px;
        padding: 44rpx 36rpx;
        background-repeat: no-repeat;
        background-size: cover;
        &-inner{
            width: 320px;
            margin: auto;
        }
        &-col {
            width: 25%;
            justify-content: center;
            margin-bottom: 28px;
            position: relative;
        }

        &-item {
            height: 46px;
            width: 46px;
            position: relative;
        }
        &-icon {
            height: 44px;
            width: 44px;
            padding: 3px;
            border-radius: 6px;

            border: 1px solid;
            /* 不可选 */
            &.disabled {
                border-color: #eee;
                filter: grayscale(1);
            }
            /* 可选择 */
            &.canuse {
                border-color: $uv-success;
                filter: grayscale(0);
            }
            /* 点满 */
            &.ok {
                border-color: $uv-wow-main-color;
                filter: grayscale(0);
            }
        }
        &-point {
            position: absolute;
            bottom: -10px;
            right: -15px;
            border-radius: 3px;
            font-size: 12px;
            padding: 0 12rpx;
            background-color: rgba(0, 0, 0, 0.3);
            border: 1px solid;

            &.disabled {
                color: #fff;
                border-color: #eee;
            }
            &.canuse {
                border-color: $uv-success;
                color: $uv-success;
            }
            &.ok {
                border-color: $uv-wow-main-color;
                color: $uv-wow-main-color;
            }
        }
        &-check {
            font-size: 12px;
            padding: 0 4rpx;
            position: absolute;
            bottom: -22px;
            left: 8px;
            background-color: #fff;
            z-index: 10;
            border: 1px solid $uv-main-color;
        }
        &-trash {
            color: $uv-error;
            font-size: 12px;
            padding: 0 4rpx;
            position: absolute;
            top: -22px;
            left: 8px;
            background-color: #fff;
            z-index: 10;
            border: 1px solid $uv-error;
        }

        .Arrow--down {
            width: 25px;
            background-repeat: no-repeat;
            background-position: bottom;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 2;
        }
        .Arrow--right {
            height: 25px;
            background-repeat: no-repeat;
            background-position: right;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
        }
        .Arrow--line {
            width: 60px;
            height: 25px;
            background-repeat: no-repeat;
            background-position: right;
            position: absolute;
            margin: auto;
            left: -12px;
            z-index: 1;
        }
    }

    .detail-wrap {
        height: 100%;
        justify-content: center;
    }
    .detail-cont {
        width: 630rpx;
        padding: 36rpx 44rpx;
        background-color: #020203;
        border-radius: 16rpx;
        color: #fff;

        &-avatar{
            border: 1px solid #eee;
            border-radius:4px ;
            padding: 4px;
        }
        &-title{
            font-size: 32rpx;
            font-weight: bold;
        }
        &-lev{
            font-size: 26rpx;
            margin-top: 6rpx;
        }
        &-limit{
            color: $uv-error-dark;
            font-size: 24rpx;
            border-top: 1px dashed $uv-border-color;
            padding: 30rpx 0;
        }
        &-des{
            color: $uv-wow-main-color;
            margin-top: 20rpx;
        }
        &-next{
            color: $uv-error-dark;
        }
    }
}
