.section-3{
    margin-bottom: 0;
    width: 100%;
    
   
}
.section-sprort {
    top: 0;
    width: 100%;
    margin-bottom: 10px;
    height: 400px;
    display: flex ;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
       
   
}
.row-box{
    position: relative  ;
    height: 300px;
    min-width:1210px;
    padding: 15px;
    z-index: 1;

    
    
    

}
.row-box .frame-box{
    position: relative;
    background-image: url(https://bizweb.dktcdn.net/100/439/378/themes/968545/assets/sport_title.png?1732275111617);
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: left bottom ;
    background-size: 600px;
    
    
}
.frame-box .introduce-box{
    margin-top: 15px;
    margin-left: 10px;
    
    
}
.title-text a{
        text-decoration: none;
        font-size: 20px;
        color: #fcfbfb;
        
}
.title-text:hover a {
    border-bottom: #fcfbfb 2px solid;
        
}


.row-box .row-goods{
    position: relative;
    width: auto;
    min-height: 290px;
    background: #fcfbfb;
    display: flex;
    bottom: 5px;
    border: red 5px solid;
    padding: 5px;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
    gap: 10px;
    
    
}
.row-goods2 {
    position: relative;
    width: 100%;
    max-height: 250px;
    
    

}
.row-goods:hover .row-goods2{
    border: none;
}


.row-goods .box-row{
   
    max-width: 238px;
    height: auto;
    padding: 3px;
    background: #fcfbfb;
    border:none ;
    float: left;
    user-select: none; 
    
   
}
.box-row:hover {
border: rgb(224, 223, 223) 0.1px solid ;
box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
}
.box-img img  {
     position: relative;
     width: 100%;
     height: 200px;
     margin-bottom: 5px;
}
.box-row  .box-text{
    margin-bottom: 5px;
    
}
.box-text a{
    text-decoration: none;
    font-size: 13px;
    color: rgb(12, 12, 12);
}
.box-text:hover a{
    color: #ffbf80;
    font-weight: 600;
}

.box-row p {
    color: red;
    font-size: 15px;
    
    
}

.box-row .frame-sibmit{
    position: relative;
    margin-top: 5px;
    width: 100%;
    height: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: height 0.3s ease ;
}
.box-row:hover .frame-sibmit{
    display: flex;
    height: 30px;
    margin-top: 10px;
    
}

.frame-sibmit .box-sibmit{
    position: relative;
    height: 100%;
}

.box-sibmit button{
    position: relative  ;
    height: 100%;
    width: 185px;
    background: #ffbf80;
    border: none;
    border-radius: 10px;
    font-size: 15;
    
}
.box-sibmit:hover button{
    background: #f39c45;
} 

.box-sibmit .icon-cart ion-icon{
    position: absolute;
    margin: 0 0 15px 5px;
    font-size: 15px;
}

.frame-sibmit .frame-icon{
    position: relative;
    height: 100%;
    width: 30px;
    margin-left: 5px;
}
.frame-icon .icon-tim{
    width: 100%;
    height: 100%;
    border: black 1px solid;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.icon-tim .tim{
    color: black;
     margin-top: 5px;
}
.frame-icon:hover .icon-tim {
     border: red 1px solid;
}
.icon-tim:hover .tim{
    color: red;
}