.content>.services {
    padding: 10.5rem 0 20rem;
    background: url(https://elifelimo.cn/img/help_center/pic_help.webp);
    background-size: cover;
}

.content>.services>div {
    width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content>.services>div>h3 {
    font-size: 4.4rem;
    font-weight: 500;
    color: var(--color-white);
}

.content>.services>div>p {
    margin: 1.9rem 0 5.6rem;
    font-size: 1.6rem;
    color: var(--color-white);
}

.content>.services>div>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.content>.services>div>div>li {
    width: 37.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.2rem 0;
    border-radius: 8px;
    background: var(--color-white);
}

.content>.services>div>div>li>img {
    width: 5.8rem;
    margin-bottom: 1.4rem;
}

.content>.services>div>div>li>label {
    font-size: 1.6rem;
}

.content>.question {
    width: 120rem;
    margin: 4rem auto 8rem;
    display: flex;
    justify-content: space-between;
}

.content>.question>.type {
    width: 24rem;
}

.content>.question>.type>h5 {
    font-size: 2rem;
    font-weight: 500;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #C9C4C1;
}

.content>.question>.type>ul {
    margin-top: 2.4rem;
}

.content>.question>.type>ul>li {
    width: max-content;
    display: flex;
    align-items: center;
    margin-bottom: 2.4rem;
    cursor: pointer;
}

.content>.question>.type>ul>li>img {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.8rem;
    filter: grayscale(100);
}

.content>.question>.type>ul>li>span {
    font-size: 1.6rem;
    white-space: nowrap;
}

.content>.question>.type>ul>.active>img {
    filter: none;
}

.content>.question>.type>ul>.active>span {
    color: var(--color-highlight);
}

.content>.question>.text {
    width: 92rem;
}

.content>.question>.text>h5 {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1.6rem;
}

.content>.question>.text>.search {
    display: flex;
}

.content>.question>.text>.search>input {
    width: 100%;
    padding: 1.6rem;
    border-radius: 4px;
    border: 1px solid #E4E1E0;
    outline: none;
}

input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 1.4rem;
}

input:-ms-input-placeholder {
    color: #ccc;
    font-size: 1.4rem;
}

input:-moz-placeholder {
    color: #ccc;
    font-size: 1.4rem;
}

.content>.question>.text>.search>button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-size: 1.8rem;
    color: var(--color-white);
    background: linear-gradient(90deg, #FE676E 0%, #FD8F52 100%);
    border-radius: 0px 4px 4px 0px;
    border: none;
    white-space: nowrap;
    cursor: pointer;
}

.content>.question>.text>.search>button>i {
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://elifelimo.cn/img/help_center/icon_search.webp);
    background-size: 100% 100%;
    margin-right: 0.8rem;
}

.content>.question>.text>.search>button>span {
    font-weight: 500;
}

.content>.question>.text>.hot {
    margin-top: 4rem;
}

.content>.question>.text>.hot>div {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    margin-bottom: 2.1rem;
    border-bottom: 1px solid #C9C4C1;
}

.content>.question>.text>.hot>div>h5 {
    font-size: 2rem;
    font-weight: 500;
}

.content>.question>.text>.hot>div>span {
    display: flex;
    align-items: center;
    color: var(--color-highlight);
    cursor: pointer;
}

.content>.question>.text>.hot>div>span>i {
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://elifelimo.cn/img/help_center/icon_next2.svg);
    background-size: 100% 100%;
}

.content>.question>.text>.hot>ul>li {
    border-bottom: 1px solid #E4E1E0;
    margin-bottom: 2.1rem;
}

.content>.question>.text>.hot>ul>li>div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.9rem;
}

.content>.question>.text>.hot>ul>li>div>label {
    font-size: 1.6rem;
}

.content>.question>.text>.hot>ul>li>div>i {
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://elifelimo.cn/img/help_center/icon_add.webp);
    background-size: 100% 100%;
    cursor: pointer;
}

.content>.question>.text>.hot>ul>li>p {
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: 1.6rem 1.5rem;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    color: #938982;
    background: #F8F8F8;
}

.content>.question>.text>.hot>ul>.active>div>i {
    background: url(https://elifelimo.cn/img/help_center/icon_subtract.webp);
}

.content>.question>.text>.hot>ul>.active>p {
    display: inline-block;
}

.content>.question>.text>.answer {
    display: none;
    margin-top: 2.4rem;
}

.content>.question>.text>.answer>.title {
    font-size: 1.4rem;
}

.content>.question>.text>.answer>.title>span {
    color: #938982;
}

.content>.question>.text>.answer>.title>span:first-of-type {
    color: var(--color-highlight);
}

.content>.question>.text>.answer>.title>.active {
    color: var(--color-highlight);
}

.content>.question>.text>.answer>.title>.active+span {
    display: inline-block !important;
    color: var(--color-highlight);
}

.content>.question>.text>.answer>h5 {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 3.2rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #C9C4C1;
}

.content>.question>.text>.answer>ul>li {
    width: max-content;
    display: flex;
    align-items: center;
    margin-top: 2.3rem;
    cursor: pointer;
}

.content>.question>.text>.answer>ul>li>i {
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://elifelimo.cn/img/help_center/icon_next.webp);
    background-size: 100% 100%;
    margin-right: 0.4rem;
    transform: rotate(180deg);
}

.content>.question>.text>.answer>ul>li>span {
    font-size: 1.6rem;
}

.content>.question>.text>.answer>ul>P {
    margin-top: 2.4rem;
    font-size: 1.4rem;
}

.content>.question>.text>.answer>ul>P>span {
    font-weight: 500;
}

@media screen and (max-width: 767.9px) {
    .content>.services {
        padding: 32px 16px 23px;
    }
    .content>.services>div {
        width: 100%;
    }
    .content>.services>div>h3 {
        font-size: 22px;
    }
    .content>.services>div>p {
        margin: 16px 0 20px;
        font-size: 12px;
    }
    .content>.services>div>div>li {
        width: 89px;
        padding: 16px 9px;
    }
    .content>.services>div>div>li>img {
        width: 23px;
    }
    .content>.services>div>div>li>label {
        font-size: 12px;
    }
    .content>.question {
        width: 100%;
        box-sizing: border-box;
        margin: 24px 0 40px;
        padding: 0 16px;
        flex-direction: column;
    }
    .content>.question>.type {
        width: 100%;
        order: 1;
    }
    .content>.question>.type>h5 {
        font-size: 16px;
    }
    .content>.question>.type>ul {
        margin-top: 16px;
    }
    .content>.question>.type>ul>li>img {
        width: 20px;
        height: 20px;
    }
    .content>.question>.type>ul>li>span {
        font-size: 14px;
    }
    .content>.question>.text {
        width: 100%;
    }
    .content>.question>.text>h5 {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .content>.question>.text>.search {
        height: 40px;
    }
    input::-webkit-input-placeholder {
        font-size: 12px;
    }
    input:-ms-input-placeholder {
        font-size: 12px;
    }
    input:-moz-placeholder {
        font-size: 12px
    }
    .content>.question>.text>.search>button {
        width: 72px;
    }
    .content>.question>.text>.search>button>i,
    .content>.question>.text>.hot>div>span>i {
        width: 20px;
        height: 20px;
        margin: 0;
    }
    .content>.question>.text>.search>button>span {
        display: none;
    }
    .content>.question>.text>.hot {
        margin-top: 24px;
    }
    .content>.question>.text>.hot>div {
        padding-bottom: 12px;
    }
    .content>.question>.text>.hot>div>h5 {
        font-size: 16px;
    }
    .content>.question>.text>.hot>div>span {
        font-size: 12px;
    }
    .content>.question>.text>.hot>ul>li>div>label {
        font-size: 14px;
    }
    .content>.question>.text>.hot>ul>li>div {
        margin-bottom: 18px;
    }
    .content>.question>.text>.hot>ul>li>p {
        padding: 16px 10px;
        margin-bottom: 16px;
        font-size: 12px;
    }
    .content>.question>.text>.answer {
        margin-top: 20px;
    }
    .content>.question>.text>.answer>h5 {
        margin-top: 24px;
        font-size: 16px;
    }
    .content>.question>.text>.answer>ul>li {
        margin-top: 16px;
    }
    .content>.question>.text>.answer>ul>li>i {
        width: 20px;
        height: 20px;
        margin-right: 4px;
    }
    .content>.question>.text>.answer>ul {
        margin-bottom: 20px;
    }
}