@media(max-width:820px) {

    .dyui-header .dyui-nav li a.c1 {text-align: left; padding: 10px 10px; border-bottom: solid 1px #eee}
    .dyui-header .dyui-nav li.active a.c1 {color: #333}


    .znav-shaixuan {}
    .znav-shaixuan .znav-header {position: relative}
    .znav-shaixuan .znav-header::after {content: '\F282'; font-family: 'bootstrap-icons'; display: inline-block; position: absolute; right: 10px; top: 10px; font-size: 20px; color: #000; cursor: pointer;}
    .znav-shaixuan.open .znav-header::after {content: '\F286';}
    .znav-shaixuan .znav-body {display: none}
    .znav-shaixuan.open .znav-body {display: block}


    .mall-list li {}
    .mall-list li .box {flex-wrap: wrap; padding: 20px 0 20px !important;}
    .mall-list li .box .thumb {width: 100%}
    .mall-list li .box .thumb img {width: 50% !important; margin: 0 auto;}
    .mall-list li .box .right {width: 100%}
    .mall-list li .box .input-group {width: 40%; margin-left: auto}
}