/*------------ faq ------------*/
.faq-list li {
    cursor: pointer;
    border-bottom: 1px dashed #D8D7D5;
}
.faq-list .title {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #7D8BC4;
    border-radius: 50%;
    font-family: 'PT Sans', sans-serif;
    display: inline-block;
}
.faq-list .title i {
    background: #7D8BC4;
    color: #fff;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    font-size: 25px;
    width: 38px;
    height: 38px;
    line-height: 35px;
    font-weight: normal;
    margin: 0 auto;
}
.faq-question {
    font-weight: bold;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    color: #7A7A7A;
    padding: 10px;
}
.faq-question .name,
.faq-answer .editor {
    vertical-align: middle;
    width: calc(100% - 50px);
    display: inline-block;
    padding: 0 15px;
    box-sizing: border-box;
}
.faq-answer {
    display: none;
    background: #F4F6F6;
    padding: 10px;
    color: #5E5E5E;
    position: relative;
    border-top: 1px dashed #D8D7D5;
}
.faq-answer .title {
    border-color: #AB79AD;
}
.faq-answer .title i {
    background: #AB79AD;
}
/*------------ rwd ------------*/
@media screen and (max-width: 480px) {
    .faq-list .title {
        display: block;
        width: 40px;
        margin: 0 auto;
    }
    .faq-question .name,
    .faq-answer .editor {
        display: block;
        width: auto;
        padding: 5px 0 0 0;
    }
}