.lists .product .const{

    padding: 30px 0px;

}

.lists .product .const .jusi{

 display: flex;

 justify-content: center;

}

.lists .product .const .center{

    text-align: center;   

}

.lists .product .const .center .num{

    color: #7cc000;

    font-size: 13px; 

    font-weight: 650; 

} 

.lists .product .const .center .num span{

    padding: 0px 13px;

}

.lists .product .const .center .num i{

    font-size: 7px;

    padding: 5px;

}

.lists .product .const .center .title h1{

    color: #323232;

    font-size: 3.125rem;

    padding: 13px 0px;

}

.lists .product .const .radius{

    border-radius: 20px;

    border: 1px solid rgb(112, 113, 114);

    width: 67%;

    display: flex;

    margin: auto;

}

.lists .product .const .radius .fs_div{

     height: auto;

     width: 100%;

     padding: 9px 0px;

     display: flex;

     align-items: center;

     justify-content: center;

     color: #454347;

    font-size: 16px;

    font-weight: 400;

}

.lists .product .const .radius .book{

    border-left: 1px solid gray;

    border-right: 1px solid gray;

}

.lists .product .const .radius .red{

      border-top-left-radius: 20px;

      border-bottom-left-radius: 18px;

      background-color: #81c408;

      color: #fff;

}



.lists .product .const .main_pro{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.lists .product .const .main_pro .duct{

    /* width: 25%; */

    margin: 15px;

    border: 2px solid #f7f6f2;

    padding: 25px 10px;

    display: flex;

}

.lists .product .const .main_pro .duct .sp{

    display: flex;

    align-items: center;

}

.lists .product .const .main_pro .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; */

}

.lists .product .const .main_pro .duct .sp .max{

    margin-left: 17px;

}

.lists .product .const .main_pro .duct .sp .max .tex{

   display: flex;

    font-size: 12px;  

}

.lists .product .const .main_pro .duct .sp .max .tex i{

    color: #fd7e14;

    margin-right: 3px;



}

.lists .product .const .main_pro .duct .sp .max .tex .sm{

    color: rgb(174, 174, 174);

    font-size: 12px;

    font-weight: 700;

    margin-left: 7px;

}

.lists .product .const .main_pro .duct .sp .max h5{

    color: rgb(83, 83, 83);

    font-size: 19px;

    font-weight: 700;

    padding: 12px 0px;

}

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

    color: rgb(127, 186, 0);

    font-size: 17px;

    font-weight: 700;

}

.lists .product .const .main_pro .duct .sp .max .price .ds{

    color: rgb(221, 221, 221);

    font-size: 17px;

    font-weight: 700;

}

.lists .product .const  .but{

    margin: auto;

width: 200px;

}

.lists .product .const  .but button{

    width: 100%;

    height: 40px;

    color: #fff;

    letter-spacing: 2.5px;

    background-color: #7cc000;

    position: relative;



    border: none;

    font-weight: 550;

    border-radius: 20px;

}

.lists .product .const  .but button:hover{

    background-color: none;

}

.lists .product .const  .but button::before{

    content: '';

    position: absolute;

    height: 100%;

    width: 0%;

    border-top: 3px solid #c04d00;

    top: 0;

    left: 0;

    z-index: -1;

    transition: 0.5s;

}

.lists .product .const  .but button:hover::before{

    width: 100%;

}

.lists .product .const  .but button::after{

 content: '';

 border-bottom: 3px solid #ff6803;

 width: 0%;

 height: 100%;

 position: absolute;

 right: 0;

 top: -3px;

 z-index: -1;

 transition: 0.5s;

}

.lists .product .const  .but button:hover::after{

    width: 100%;

}