/*************** pc端 ***************/

/* 内容导航 */

.container .container_nav {
    display: flex;
    flex-direction: row;
}

.container_nav>li {
    margin-left: 5px;
    color: #a7a7a7;
}

.container_nav>li:first-child {
    margin-left: 0px;
}

/* 选择保养项目 */

.content_tab>ul {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 75px;
}

.content_tab ul li {
    display: flex;
    width: 12.5%;
    justify-content: center;
}

.content_tab ul li>span {
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #303030;
    background: #eeeeee;
    position: relative;
    font-size: 14px;
    border-radius: 30px;
    margin-top: 20px;
    margin-right: 40px;
}

.content_tab .tab_current {
    background: #20944b;
    color: #fff;
}

/* 选择保养项目后的内容  */

.tab_con {
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}

.tab_con .con_item {
    display: none;
}

.item_detail {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}

.item_detail>img {
    width: 100%;
    height: 100%;
    margin-top: 100px;
}

@media (max-width: 1200px) {
    .content_tab ul li {
        display: flex;
        width: 14%;
        justify-content: center;
    }
    .content_tab ul li>span {
        margin-right: 0px;
    }
}

/*************** 移动端 ***************/

@media (max-width: 960px) {

    .content_tab>ul{
        margin-top: 30px;
    }

    .content_tab ul li {
        display: flex;
        width: 25%;
        justify-content: center;
    }

    .content_tab ul li>span{
        padding: 3px 10px;
        font-size: 13px;
    }

    .item_detail>img{
        margin-top: 50px;
    }
}