.question-list{
}
.question-list dl{
    border-bottom: 1px solid #e6e4e4;
}
.question-list dl dt{
    position: relative;
    padding: 1.2rem 3rem;
}
.question-list dl dt i {
    position: absolute;
    right: 1.6rem;
    top: 1.6rem;
    transition: all .3s linear;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    border-radius: 50%;
    background: url("../images/arrow.png") no-repeat center center / 1.2rem 1.2rem;
    text-align: center;
    color: #fff;
}
.question-list dl:hover dt,
.question-list dl.active dt{
    background: #f1f1f1;
}
.question-list dl.active dt > i {
    transform: rotate(180deg);
}
.question-list dl dd{
    display: none;
    padding: 15px 60px;
    background: #f9f9f9;
    color: #7b7b7b;
}
.question-list dl.active dd{
    display: block;
}