

.cate .category .cont{

    padding: 45px 10px;

}

.cate .category .cont .head{

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    padding: 15px 0px;

} 

.cate .category .cont .head .mim{

    display: flex;

    align-items: center;

}

.cate .category .cont .head .mim i{

    font-size: 40px;

    padding: 10px;

    color: green;

}

.cate .category .cont .head .mim h1{

    text-align: center;

    font-size: 40px;

}

.cate .category .cont .head .mim .fa-apple-whole{

    color: rgba(233, 53, 8, 0.877);

}

.cate .category .cont .flex{

    display: flex;

    justify-content: center;

}

.cate .category .cont .flex .left{

    width: 33%;

    background-color: #f7f7f7;

    padding: 30px;

    border-top-left-radius: 25px;

    border-bottom-left-radius: 25px;

}

.cate .category .cont .flex .left  .center .num{

    color: #7cc000;

    font-size: 13px; 

    font-weight: 650; 

}

.cate .category .cont .flex .left  .center h2{

    color: #292929;

    font-size: 2.5rem;

    padding: 13px 0px;

}

.cate .category .cont .flex .left  .center p{

    color: #9c9c9c;

    font-size: 1.03875rem;

    font-weight: 400;

}

.cate .category .cont .flex .left  .down .bound{

    width: 65%;

    /* border: 2px solid #f0f0f0; */

    border: 2px solid #e7dbdb;

    cursor: pointer;

    border-radius: 39px;

    margin: 10px 0px;

}

.cate .category .cont .flex .left .down .nim{

    border: 2px solid #90c120;

    background-color: #ffffff;

}

.cate .category .cont .flex .left  .down .bound .line{

    display: flex;

    align-items: center;

    padding: 8px;

    justify-content: space-around;

    border-radius: 30px;

}

.cate .category .cont .flex .left  .down .bound .line .hr{

    display: flex;

    align-items: center;

}

.cate .category .cont .flex .left  .down .bound .line .hr .too{

    height: 34px;

    width: 40px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #f3f3f3;

}

.cate .category .cont .flex .left  .down .bound .line .hr .too img{

    background: transparent;

}

.cate .category .cont .flex .left  .down .bound .line .hr h4{

 padding: 0px 10px;

}

.cate .category .cont .flex .left  .down .bound .line .rd{
height: 35px;
    width: 34px;
    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 2px solid #90c120;

}

.cate .category .cont .flex .right{

    width: 60%;

 background-color: rgb(247, 247, 247);

    border: 2px solid rgb(230, 245, 202);

    border-top-right-radius: 25px;

    border-bottom-right-radius: 25px;

}

.cate .category .cont .flex .right .spa{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    padding: 30px 0px;

}

.cate .category .cont .flex .right .spa .duct{

    /* width: 30%; */

    margin: 15px;

    border: 2px solid #e9e8e6;

    padding: 25px 10px;

    display: flex;

}

.cate .category .cont .flex .right .spa .duct .sp{

    display: flex;

    align-items: center;

}

.cate .category .cont .flex .right .spa .duct .sp .pro_img{

    background-color: #f7f7f7;

    display: flex;

    height: 150px;

    width: 150px;

    border-radius: 50%;

    align-items: center;

    justify-content: center;

    /* margin-right: 10px; */

}

.cate .category .cont .flex .right .spa .duct .sp .max{

    margin-left: 17px;

}

.cate .category .cont .flex .right .spa .duct .sp .max .tex{

    display: flex; 

    font-size: 12px;  

}

.cate .category .cont .flex .right .spa .duct .sp .max .tex i{

    color: #fd7e14;

    margin-right: 3px;



}

.cate .category .cont .flex .right .spa .duct .sp .max .tex .sm{

    color: rgb(174, 174, 174);

    font-size: 12px;

    font-weight: 700;

    margin-left: 7px;

}

.cate .category .cont .flex .right .spa .duct .sp .max h5{

    color: rgb(83, 83, 83);

    font-size: 19px;

    font-weight: 700;

    padding: 12px 0px;

}

.cate .product .const .main_pro .duct .sp .max .price .bold{

    color: rgb(127, 186, 0);

    font-size: 17px;

    font-weight: 700;

}

.cate .category .cont .flex .right .spa .duct .sp .max .price .ds{

    color: rgb(221, 221, 221);

    font-size: 17px;

    font-weight: 700;

}



@media(max-width:768px) {

    .cate .category .cont .flex{

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

        /* padding: 15px 0px; */

    } 

    .cate .category .cont .flex .left{

        width: 100%;

        background-color: #f7f7f7;

        padding: 30px;

        border-top-left-radius: 25px;

        border-bottom-left-radius: 25px;

    }

    .cate .category .cont .flex .right{

        width: 100%;

     background-color: rgb(247, 247, 247);

        border: 2px solid rgb(230, 245, 202);

        border-top-right-radius: 25px;

        border-bottom-right-radius: 25px;

    }

}

@media(max-width:425px) {

    .cate .category .cont .flex .left{

        width: 100%;

        background-color: #f7f7f7;

        padding: 30px;

        border-top-left-radius: 25px;

        border-bottom-left-radius: 25px;

    }

    .cate .category .cont .flex .right{

        width: 100%;

     background-color: rgb(247, 247, 247);

        border: 2px solid rgb(230, 245, 202);

        border-top-right-radius: 25px;

        border-bottom-right-radius: 25px;

    }

}