.pc-conatiner{
    width: 100%;
    height: auto;
    margin: 0px;
}
.pc-topbox{
    width: 100%;
    height: auto;
}
.pc-topbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0px;
    vertical-align: middle;
}
.pc-middle-box{
    width: 100%;
    display: flex;
    margin-top: -1px;
    flex: 1;
}
.pc-middle-btn{
    display: block;
    width: 50.1%;
    height: 100%;
    cursor: pointer;
}
.pc-middle-btn img{
    object-fit: cover;
    width: 100%;
    height: auto;
    
}
.pc-botton{
    width: 100%;
    height: auto;
    margin-top: -5px;
}
.pc-botton img{
    object-fit: cover;
    width: 100%;
    height: auto;
}
.mob-container{
    display: none;
}
@media (max-width: 550.98px) {
.pc-conatiner{
    display: none;
}
.mob-container{
    display: block;
        width: 100%;
    height: auto;
    margin: 0px;
}
.mob-top-box{
 width: 100%;
 height: auto;
}
.mob-top-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0px;
    vertical-align: middle;
}
.mpb-middle{
    width: 100%;
}
.mob-middle-btn{
    width: 100%;
    display: block;
    margin-top: -2px;
}
.mob-middle-btn img{
    width: 100%;
        object-fit: cover;
    margin: 0px;
    vertical-align: middle;
}
.mob-botton{
    width: 100%;
    height: auto;
}
.mob-botton img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: -2px;
    vertical-align: middle;
}
}