body{position:relative}
.mask{display:none;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.7);width:100%;height:100vh;z-index:100}
header{background-color:#fff;position:absolute;top:0;left:0;z-index:999999}header .icon-Category{-webkit-flex-basis:.45rem;-ms-flex-preferred-size:.45rem;flex-basis:.45rem}
header .icon-close{-webkit-flex-basis:.45rem;-ms-flex-preferred-size:.45rem;flex-basis:.45rem}
.menu_list_box{padding-top:2rem;z-index:99999;position:absolute;left:0;top:0;height:auto;width:100%;background-color:#fafafa;border-bottom:.01rem solid #252525;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}.menu_list_box .menu_header{width:100%}
.menu_list_box .menu_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.menu_list_box .menu_list li{-webkit-flex-basis:33.3%;-ms-flex-preferred-size:33.3%;flex-basis:33.3%;height:1rem;font-size:.34rem;text-align:center;border:1px solid #eae7e7}.menu_list_box .menu_list li a{height:1rem !important;display:block;line-height:1rem;color:#252525}
.menu_list_box .menu_list li.on a{color:#fff;background-color:#68b92e}
.menu_list_box .menu_list li.disable a{color:#999}
.in{-webkit-animation:bounceInDown .5s .2s ease-in-out both}
.out{-webkit-animation:bounceOutUp .5s .2s ease-in-out both}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-100%)} 55%{opacity:1;-webkit-transform:translateY(-4%)} 70%{-webkit-transform:translateY(-14%)} 85%{-webkit-transform:translateY(-10%)} 100%{-webkit-transform:translateY(-12.5%)}}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(-12.5%)} 10%{opacity:1;-webkit-transform:translateY(-8%)} 100%{opacity:0;-webkit-transform:translateY(-100%)}}                                                                                                                                                                                                                                                          
.menu_list_box {
    position: fixed;
    z-index: 10000000;
    padding-top: 7rem;
    overflow-y: auto;
    height: 100vh;
    box-sizing: unset;
}
.menu_list_box .close {
    position: absolute;
    color: #CECECE;
    width: 0.7rem;
    height: 0.7rem;
    top: 7rem;
    right: calc(50vw - 9.375rem + 0.8rem);
}
.menu_list_box .close img {
    width: 0.7rem;
    height: 0.7rem;
}
.menu_list_box .titlebox .title {
    font-size: 0.9rem;
    color: #000000;
    font-weight: bold;
    margin: 1.3rem 0rem 0rem calc(50vw - 8.275rem);
    display: inline-block;
}
.menu_list_box .titlebox .box_icon {
    margin: 1rem auto 0;
    width: 16.95rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 25rem;
    overflow: scroll;
}
.menu_list_box .titlebox .box_icon .icon {
    height: 1.75rem;
    padding: 0rem 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 8rem;
    text-align: left;
    background: #ffffff;
    text-align: center;
    line-height: 1.75rem;
    margin: 0rem 0.6rem 0.6rem 0rem;
    font-size: 0.75rem;
    color: #333333;
}
.menu_list_box .titlebox .box_icon .active {
    font-size: 0.75rem;
    color: #85B12E;
}
.menu_list_box .titlebox:last-child {
    margin: 0rem 0rem 4rem 0rem;
}