[data-v-ae2ef79c] .wap-menu {
    width: 3rem;
    height: 100%;
    background: rgba(200,22,30,.9)
}

.wap-menu-box[data-v-ae2ef79c] {
    overflow-y: scroll;
    height: 100%
}

.wap-menu-box .menu_dt[data-v-ae2ef79c],.wap-menu-box .menu_dd[data-v-ae2ef79c] {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    text-indent: .2rem;
    color: #fff;
    background: rgba(200,22,30,.9);
    font-size: .3rem;
    box-shadow: inset 0 1px #ffffff0d;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    padding: 0 0 0 .14rem
}

.wap-menu-box .menu_dd[data-v-ae2ef79c] {
    font-size: .28rem
}

.wapcontainer[data-v-ae2ef79c] {
    padding: 0;
    margin: 0;
    width: 100%
}

.wapcontainer .background[data-v-ae2ef79c] {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.5)
}

.wapcontainer .background .drop[data-v-ae2ef79c] {
    width: 180px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #c8161e
}

.wapcontainer .background .activeBar[data-v-ae2ef79c] {
    background: #b0242b!important
}

.wapcontainer .background .active[data-v-ae2ef79c] {
    animation: opendoor-ae2ef79c .4s normal forwards
}

@keyframes opendoor-ae2ef79c {
    0% {
        transform: translate(-180px)
    }

    to {
        transform: translate(0)
    }
}

.wapcontainer .background .close[data-v-ae2ef79c] {
    animation: close-ae2ef79c .2s normal forwards
}

@keyframes close-ae2ef79c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-180px)
    }
}

.wapcontainer .menuActive[data-v-ae2ef79c] {
    animation: menu_active-ae2ef79c .4s normal forwards
}

.wapcontainer .menuClose[data-v-ae2ef79c] {
    animation: _menuClose-ae2ef79c .2s normal forwards
}

@keyframes menu_active-ae2ef79c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(180px)
    }
}

@keyframes _menuClose-ae2ef79c {
    0% {
        transform: translate(180px)
    }

    to {
        transform: translate(0);
        transform: none
    }
}

[data-v-ae2ef79c] .van-collapse-item .van-cell--clickable {
    font-size: .3rem;
    color: #fff;
    background-color: #c8161e
}

[data-v-ae2ef79c] .van-collapse-item .van-cell--clickable .van-cell__right-icon {
    color: #fff
}

[data-v-ae2ef79c] .van-collapse-item .van-collapse-item__content {
    padding: 0
}

[data-v-ae2ef79c] .van-hairline,.van-hairline--bottom[data-v-ae2ef79c],.van-hairline--left[data-v-ae2ef79c],.van-hairline--right[data-v-ae2ef79c],.van-hairline--surround[data-v-ae2ef79c],.van-hairline--top[data-v-ae2ef79c],.van-hairline--top-bottom[data-v-ae2ef79c] {
    position: static
}

.wapcontainer__mainpanel[data-v-ae2ef79c] {
    width: 100%;
    background-color: #fff;
    opacity: 1
}

.wapcontainer__mainpanel .headerModWap[data-v-ae2ef79c] {
    z-index: 2000;
    position: fixed;
    top: 0;
    width: 100%;
    height: 1.2rem;
    color: #fff;
    background: rgba(200,22,30,.9);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

.wapcontainer__mainpanel .headerModWap .menuicon[data-v-ae2ef79c] {
    margin-left: .4rem;
    width: .4rem;
    height: .4rem
}

.wapcontainer__mainpanel .headerModWap .menulogo[data-v-ae2ef79c] {
    width: 3.8rem;
    margin-right: .4rem;
    margin-left: .4rem
}

.wapcontainer__mainpanel .headerModWap .menusearch[data-v-ae2ef79c] {
    width: .4rem;
    height: .4rem;
    margin-right: .4rem
}

.wapcontainer__mainpanel .main[data-v-ae2ef79c] {
    min-height: 20rem;
    overflow: auto;
    margin-top: 1.2rem
}