/*******************************************************************************
* 显示中的一级菜单
*******************************************************************************/
    div {
        -ms-overflow-style: none;
    }

    #iw-content-menu.app_model .iw-menu-container {
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        height: 46px;
        padding: 0;
        left: 10px;
        bottom: 10px;
        margin: 0;
        margin-top: 0px;
        border-radius: 23px;
        z-index: 9999;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }

    #iw-content-menu.app_model .iw-menu-cover {
        /* display: block; */
        display: none;
        position: absolute;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.7) 90%, rgba(0, 0, 0, 0.9) 100%);
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        height: 46px;
        padding: 0;
        left: 10px;
        bottom: 10px;
        margin: 0;
        margin-top: 0px;
        border-radius: 23px;
        z-index: 9999;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        pointer-events: none;
    }

    #iw-content-menu.app_model .iw-menu-container>.iw-menu-hide {
        display: block;
        position: absolute;
        width: 46px;
        height: 46px;
        left: 0;
    }

    #iw-content-menu.app_model .iw-menu-container>.iw-menu-hide.onShowing {
        width: 36px;
    }

    #iw-content-menu.app_model .iw-menu-container>.iw-menu-hide>div {
        display: block;
        position: absolute;
        width: 34px;
        height: 34px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 6px;
        /* transform: rotate(180deg); */
    }

    #iw-content-menu.app_model .iw-menu-container>.iw-menu-hide.onShowing>div {
        /* transform: rotate(0deg); */
        width: 16px;
        height: 20px;
        margin: auto 16px;
        margin: auto;
    }

    #iw-content-menu.app_model .iw-menu-container>.iw-ui-button-right {
        display: block;
        position: absolute;
        right: 4px;
        top: 16px;
        width: 14px;
        height: 14px;
        margin: auto;
    }

    #iw-content-menu.app_model .iw-menu-scroll {
        display: block;
        position: absolute;
        left: 36px;
        width: 0px;
        max-width: calc(100vw - 50px);
        height: 46px;
        bottom: 10px;
        overflow-x: scroll;
        z-index: 9999;
    }

    #iw-content-menu.app_model .iw-menu-scroll::-webkit-scrollbar {
        display: none;
    }

    #iw-content-menu.app_model .iw-menu-scroll>div {
        display: block;
        position: absolute;
        width: 62px;
        height: 46px;
        margin: 0;
        padding: 0;
        top: 0;
        text-align: center;
    }

    #iw-content-menu.app_model .iw-menu-scroll>div>div.menu_icon {
        display: block;
        position: relative;
        width: 24px;
        height: 24px;
        left: 0;
        right: 0;
        margin: 4px auto 0 auto;
        padding: 0;
    }

    #iw-content-menu.app_model .iw-menu-scroll>div>span.text-main {
        white-space: nowrap;
        display: inline-block;
        text-align: center;
    }

    #iw-content-menu.app_model .iw-menu-scroll>div>span {
        display: block;
        position: relative;
        color: rgba(255, 255, 255, 1);
        top: -4px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 12px;
        transform: scale(0.84);
    }

    #iw-content-menu.app_model .iw-menu-scroll>div.action>span {
        color: rgba(195, 156, 124, 1);
    }


    /*******************************************************************************
* 二级菜单样式
*******************************************************************************/

    #iw-content-menu.app_model .iw-submenu {
        display: block;
        background: none;
        position: absolute;
        width: 50%;
        max-width: calc(100% - 100px);
        height: 36px;
        left: 0;
        right: 0;
        /* margin: auto; */
        top: -40px;
        border-radius: 18px;
        z-index: 99997;
    }

    #iw-content-menu.app_model .iw-submenu>.iw-ui-button-left {
        display: block;
        position: absolute;
        left: 4px;
        top: 11px;
        width: 14px;
        height: 14px;
        margin: auto;
    }


    #iw-content-menu.app_model .iw-submenu>.iw-ui-button-right {
        display: block;
        position: absolute;
        right: 4px;
        top: 10px;
        width: 14px;
        height: 14px;
        margin: auto;
    }



    #iw-content-menu.app_model div.iw-submenu-background {
        display: none;
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        max-width: calc(100% - 100px);
        height: 36px;
        left: 0;
        right: 0;
        top: 12px;
        border-radius: 18px;
        /* margin: 0 auto; */
        z-index: 99996;
        box-shadow: 0px 0px 1px 0px rgba(180, 180, 200, 1);
    }

    #iw-content-menu.app_model div.iw-submenu-cover {
        display: none;
        position: absolute;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.9) 100%);
        width: 100%;
        max-width: calc(100% - 100px);
        height: 36px;
        left: 0;
        right: 0;
        top: 12px;
        border-radius: 18px;
        /* margin: 0 auto; */
        z-index: 99998;
        box-shadow: 0px 0px 1px 0px rgba(180, 180, 200, 1);
        pointer-events: none;
    }

    #iw-content-menu.app_model .iw-submenu>div.iw-submenu-container {
        display: block;
        position: absolute;
        width: calc(100% - 40px);
        height: 96%;
        left: 20px;
        margin: 0;
        bottom: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    #iw-content-menu.app_model .iw-submenu>div.iw-submenu-container::-webkit-scrollbar {
        display: none;
    }

    #iw-content-menu.app_model .iw-submenu>div.iw-submenu-container>.iw-menuitem {
        display: block;
        position: absolute;
        background: none;
        height: 36px;
        border: 0;
        margin: 0 15px;
    }

    #iw-content-menu.app_model .iw-submenu>div.iw-submenu-container>.iw-menuitem>.iw-item-text {
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        text-decoration: none;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        pointer-events: none;
    }

    #iw-content-menu.app_model .iw-submenu>div.iw-submenu-container>.iw-menuitem.action>.iw-item-text {
        color: rgba(240, 206, 148, 1);
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        background: linear-gradient(180deg, rgba(255, 219, 184, 1) 0%, rgba(195, 156, 124, 1) 72%, rgba(229, 183, 146, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #iw-content-menu.app_model .iw-submenu>div.iw-submenu-container>.iw-menuitem>.iw-item-line {
        display: block;
        position: absolute;
        background: none;
        border: 0;
        margin: 0;
        width: 0;
        height: 1px;
        bottom: 4px;
        border-radius: 1px;
        pointer-events: none;
    }

    #iw-content-menu.app_model .iw-submenu>div.iw-submenu-container>.iw-menuitem.action>.iw-item-line {
        width: 100%;
        background: linear-gradient(270deg, rgba(241, 208, 177, 0) 0%, rgba(241, 208, 177, 1) 40%, rgba(241, 208, 177, 1) 53%, rgba(241, 208, 177, 0) 100%);
    }