.index-serviceGuide {
    width: 100%;
    height: 4.5125rem;
    background: url(../img/serviceGuide/bg.png) #FFFFFF top center no-repeat;
    background-size: cover;
}

.index-serviceGuide-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .375rem;
    font-weight: bold;
    color: #333333;
    position: relative;
    font-family: 微软雅黑;
    letter-spacing: .0625rem;
    padding: 1.3125rem 0 0 0;
    box-sizing: border-box;
}

.index-serviceGuide-header::before {
    position: absolute;
    content: "";
    width: .475rem;
    height: .0625rem;
    background: #9C0C13;
    bottom: -0.1875rem;
}

.index-serviceGuide-section {
    width: 100%;
    padding: .6rem 1.9rem 0 1.9rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.index-serviceGuide-section a {
    width: 1.025rem;
    display: flex;
    flex-direction: column;
    align-items: center;
 color:#333;
}

.index-serviceGuide-section span {
    font-size: .2rem;
}

.svg-icon {
    width: 1.025rem;
    cursor: pointer;
}

.p {
    stroke: #000000;
    fill: none;
    stroke-width: 5;
    stroke-linecap: round;
}

.p.selected {
    stroke: #000000;
    stroke-width: 5;
    stroke-dasharray: var(--l);
    stroke-dashoffset: var(--l);
    animation: stork 1s forwards;
    fill: none;
    stroke-linecap: round;
}

@keyframes stork {
    to {
        stroke-dashoffset: 0;
    }
}

.index-serviceGuide-btnMore {
    font-size: .175rem;
    color: #9C0C13;
    float: right;
    display: block;
    width: max-content;
    position: absolute;
    right: 1.9875rem;
    letter-spacing: 0;
}

.index-serviceGuide-btnMore::before {
    position: absolute;
    content: "";
    width: 110%;
    height: .025rem;
    background: #9C0C13;
    bottom: -0.1125rem;
    left: -5%;
    right: 0;
    margin: 0 auto;
}