.costs .boots .hyng{

    display: flex;

    justify-content: center;

    padding: 30px 0px;

    align-items: center;
    flex-wrap: wrap;
}

.costs .boots .hyng .left_one{

    margin: 5px;

}

.costs .boots .hyng .right_one{

    margin: 5px;

    width: 25%;

}

.costs .boots .hyng .left_one .head{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;    padding: 15px 20px;

}

.costs .boots .hyng .left_one .head .dev .num{

    color: #7cc000;

    font-size: 13px; 

    font-weight: 650; 

}

.costs .boots .hyng .left_one .head .dev .num span{

    padding: 0px 13px;

}

.costs .boots .hyng .left_one .head .dev .num i{

    font-size: 10px;

    padding: 5px;

}

.costs .boots .hyng .left_one .head .radius{

    display: flex;

}

.costs .boots .hyng .left_one .head .radius .fs_dtn{

    background-color: #f2f7f3;

    color: #525252;

    font-size: 16px;

    padding: 7px;

    border-radius: 20px;

    transition: 0.5s;

    margin: 10px;

    border: none;

}

.costs .boots .hyng .left_one .head .radius .fas{

    color: #ffffff;

    background-color: #81c408;

}

.costs .boots .hyng .left_one{

    width: 70%;

}

.costs .boots .hyng .left_one .bottom{

    display: flex;

    flex-wrap: wrap;

    width: 100%;

}

.costs .boots .hyng .left_one .bottom .own{

    width: 47%;

    margin: 10px;

    background-color: #fafafa;

    border: 2px solid #efefef;

    border-radius: 20px;

}

.costs .boots .hyng .left_one .bottom .own .exwq{

    display: flex;

    padding: 20px;

    align-items: center;

}

.costs .boots .hyng .left_one .bottom .own .exwq .pic{

    width: 50%;

  height: 231px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  background-color: #ffffff;

}

.costs .boots .hyng .left_one .bottom .own .exwq .pic img{

    width: 100%;

    border-radius: 50%;

}

.costs .boots .hyng .left_one .bottom .own .exwq .dela{

    padding: 10px;

    width: 50%;

}

.costs .boots .hyng .left_one .bottom .own .exwq .dela .ph{

    display: flex;

    justify-content: space-between;

    padding: 15px 0px;

 }

 .costs .boots .hyng .left_one .bottom .own .exwq .dela .ph .af{

     color: #ffffff;

     font-size: 14px;

     background-color: #f14e18;

     padding: 7px;

     font-weight: 500;

     border-radius: 20px;

 }

 .costs .boots .hyng .left_one .bottom .own .exwq .dela .ph .sf{

     background-color: #ffffff;

     color: #6faa27;;

 }

 .costs .boots .hyng .left_one .bottom .own .exwq .dela {

    padding: 20px;

}

.costs .boots .hyng .left_one .bottom .own .exwq .dela .tex{

    display: flex; 

    font-size: 12px;  

}

.costs .boots .hyng .left_one .bottom .own .exwq .dela  .max .tex i{

    color: #fd7e14;

    margin-right: 3px;



}

.costs .boots .hyng .left_one .bottom .own .exwq .dela   .tex .sm{

    color: rgb(174, 174, 174);

    font-size: 12px;

    font-weight: 700;

    margin-left: 7px;

}

.costs .boots .hyng .left_one .bottom .own .exwq .dela   h5{

    color: rgb(83, 83, 83);

    font-size: 19px;

    font-weight: 700;

    padding: 12px 0px;

}

.costs .boots .hyng .left_one .bottom .own .exwq .dela  .price .bold{

    color: rgb(127, 186, 0);

    font-size: 17px;

    font-weight: 700;

}

.costs .boots .hyng .left_one .bottom .own .exwq .dela  .price .ds{

    color: rgb(221, 221, 221);

    font-size: 17px;

    font-weight: 700;

} 

.costs .boots .hyng .right_one .top{

    background-image: url(/assets/images/home/cost/sale5.png);

    background-size: cover;

    border-radius: 20px;

    height: 465px;

    display: flex;

    margin-bottom: 20px;

}

.costs .boots .hyng .right_one .top .items{

    width: 80%;

    margin: auto;

    background-color: #ffffff;

    border-radius: 20px;

    text-align: center;

    border-radius: 20px;

    padding: 50px 20px

}

.costs .boots .hyng .right_one .top .items .im{

    font-size: 20px;

    background-color: #82c408;

    color: #fff;

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 3px solid #cde79c;

    font-weight: 400;

    padding: 10px;



}

.costs .boots .hyng .right_one .top .items  img{

    width: 100%;

}

.costs .boots .hyng .right_one .top .items h4{

    color: #666666;

    font-size: 21px;

    font-weight: 700;

    padding: 13px;

}

.costs .boots .hyng .right_one .top .items .time{

    color: #333333;

    font-size: 16px;

    font-weight: 500;

    border: 3px solid #82c408;

    cursor: pointer;

    text-align: center;

    padding: 10px;

    border-radius: 20px;

}

.costs .boots .hyng .right_one .down{

    background-image: url(/assets/images/home/cost/offer7.png);

    background-size: cover;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 20px;

    height: 465px;

    text-align: center;

}

.costs .boots .hyng .right_one .down .iead h2{

    color: #272727;

    font-size: 35px;

    font-weight: 700;

    line-height: 45px;

}

.costs .boots .hyng .right_one .down .iead .time{

    color: #333333;

    font-size: 16px;

    font-weight: 500;

    cursor: pointer;

    text-align: center;

    padding: 10px;

    background-color: none;

    border: none;

    

}

@media(max-width:1024px){

    .costs .boots .hyng .left_one .bottom .own{

        width: 75%;

    }

    .costs .boots .hyng .right_one{

        margin: 5px;

    

        width: 35%;

    }

}

@media(max-width:768px){

    .costs .boots .hyng .left_one .bottom .own{

        width: 90%;

    }

    .costs .boots .hyng .right_one{

         margin: 5px;

        width: 35%;

    }

}

@media(max-width:425px){

    .costs .boots .hyng .left_one .bottom .own{

        width: 100%;

    }

    .costs .boots .hyng .left_one{

        width: 100%;

    }

    .costs .boots .hyng .right_one{

       width: 90%;

    }

}