.middle{
    max-width:1200px;
    margin:0 auto;
}
.middle ul.submenu{
    display:flex;
    flex-wrap:wrap;
}
.middle ul.submenu>li{
    white-space:nowrap;
    text-align:center;
    margin:5px;
    background-color:#e4e4e4;
    color:black;
    border-radius:10px;
    border:1px solid #e8e8e8;
    font-size: 13px;
}
.middle ul.submenu>li:hover{
    background-color:#757575;
    color:white;
}
.middle ul.submenu>li>a{
    display:inline-block;
    padding:10px;
}
.middle .promo-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
}
.middle .promo-container .promotab1{
    width:30%;
}
.middle .promotab1 .info .btn.code,.middle .promotab1 .info .btn.deal{
    display:none;
}
.middle .promotab1 .tag-coupon,.middle .promotab1 .tag-deal{
    display:block;
}
.middle .promotab1 .content .title{
    margin-top:15px;
}
.middle .promotab1 .content .words{
    margin-bottom: 3px;
}
.middle .filter-box{
    display:flex;
    flex-direction:column;
    margin-top:20px;
    background-color:#f0f0f0;
    padding:15px;
}
.middle .filter-box>.title>strong{
    font-size:14px;
}
.middle .filter-box>ul{
    font-size:14px;
    display:flex;
    margin-top:10px;
    flex-wrap:wrap;
    color:#4c4c4c;
}
.middle .filter-box>ul>li{
    padding:10px;
    margin:5px;
    background-color: #d3c3a5;
}
@media screen and (max-width:1000px),screen and (max-device-width: 1000px){
    .middle .promo-container .promotab1{
        width:45%;
    }
}
@media screen and (max-width:700px),screen and (max-device-width: 700px){
    .middle .promo-container .promotab1{
        width:100%;
    }
}