@main-bgColor: rgb(40,40,40); //主背景颜色
@borderColor: #424242;
@primary-textColor: #fff; //文本主颜色
@second-textColor: #a5a5a5; //文本副级颜色
@primary-fontSize: 14px;
@second-fontSize: 16px;

.question-item-wrap {
    background-color: #454545;
    margin-bottom: 3px;
    padding: 10px 30px 10px 10px;
    position: relative;
    border-radius: 4px;

    &:hover {
        background: #606060;
        /*transform: translate(-2px,-2px);*/
        transition: all .1s;
        box-shadow: 1px 4px 5px #191919;
    }

    .toggle-detail-icon {
        position: absolute;
        right: 20px;
        top: 10px;
        cursor: pointer;
    }

    .toggle-detail-icon-up {
        transform: rotate(180deg);
        transition: transform ease 0.5s;
    }

    .toggle-detail-icon-down {
        transform: rotate(0deg);
        transition: transform ease 0.5s;
    }

    .question-content {
        cursor: pointer;
        color: white;
        padding-right: 80px;

        .question-order {
            margin-right: 5px;
        }
    }

    .option-item {
        margin-top: 10px;
        color: white;

        .option-order {
            margin-right: 15px;
        }
    }
}

.question-item-wrap-detail {
    /*max-height: 500px;*/
}

.question-detail {
    padding-left: 15px;
    color: white;

    .answer-label {
        color: rgb(16, 171, 231);
        font-weight: 600;
        border-left: 3px solid rgb(16, 171, 231);
        padding-left: 8px;
        line-height: 12px;
        margin-top: 10px;
    }

    .answer-detail {
        padding-left: 12px;
        margin-top: 5px;
    }
}

.choose-question-btn {
    position: absolute;
    right: 60px;
    top: 10px;
    cursor: pointer;
}

.choose-question-btn:hover {
    color: cyan;
}

.question-control-wrap {
    width: 100%;
    margin: 15px 0px;
    text-align: right;

    .question-control-btn {
        margin-left: 30px;
        cursor: pointer;
    }

    .question-control-btn:hover {
        color: aqua;
    }
}
