/* 打开和关闭手风琴面板的样式 */

.accordion {
    background-color: #f3f3f3;
    color: #444;
    cursor: pointer;
    font-size: 18px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion em {
    width: 6px;
    height: 24px;
    background: #1278c7;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
        .accordion div {
            display: flex;
            align-items: center;
        }

/* 设置点击和鼠标移到选项上面时（悬停）的样式 */

.active,
.accordion:hover {
    background-color: #e4edf4;
}


/* 为手风琴面板设计样式。 默认隐藏 */

.panel {
    font-size: 14px;
    color: #444;
    line-height: 30px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel b {
    display: block;
}


/* 设置 +、- 标志 */

.accordion:after {
    content: '\002B';
    /* Unicode 字符 + 号 */
    color: #999;
    float: right;
    margin-right: 20px;
}

.active:after {
    content: "\2212";
    /* Unicode 字符 - 号 */
}

@media screen and (max-width:1200px) {
    .accordion {
        background-color: #f3f3f3;
        color: #444;
        cursor: pointer;
        font-size: .4167rem;
        width: 90%;
        height: .7407rem;
        margin: 0 auto;
        line-height: .7407rem;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
        margin-top: .2778rem;

    }

    .accordion div {
        display: flex;
        align-items: center;
    }

    .accordion em {
        width: .0926rem;
        height: .3704rem;
        background: #1278c7;
        display: inline-block;
        vertical-align: middle;
        margin-right: .1111rem;
    }


    /* 设置点击和鼠标移到选项上面时（悬停）的样式 */

    .active,
    .accordion:hover {
        background-color: #e4edf4;
    }


    /* 为手风琴面板设计样式。 默认隐藏 */

    .panel {
        width: 90%;
        margin: .2315rem auto;
        font-size: .3704rem;
        color: #444;
        line-height: .5993rem;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .panel b {
        display: block;
    }


    /* 设置 +、- 标志 */

    .accordion:after {
        content: '\002B';
        /* Unicode 字符 + 号 */
        color: #999;
        float: right;
        margin-right: .2778rem;
    }

    .active:after {
        content: "\2212";
        /* Unicode 字符 - 号 */
    }
}