.am-menu { background-color: #f5f5f9; } .am-menu .am-menu-select-container { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .am-menu .am-menu-select-container .am-menu-select-container-submenu { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .am-menu .am-multi-select-btns { height: 47px; width: 100%; } .am-menu .am-multi-select-btns .am-multi-select-btns-btn { width: 50%; height: 100%; border: 1PX solid #ddd; border-radius: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn { position: relative; border: none; } html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn::before { content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 200%; border: 1PX solid #ddd; border-radius: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } } .am-menu .am-flexbox .am-flexbox-item { margin-left: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; } .am-menu .am-flexbox .am-flexbox-item .am-list { padding: 0; } .am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-content { font-size: 16px; } .am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: visible; } .am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox .am-checkbox-inner { top: 12px; right: 15px; } .am-menu .am-flexbox .am-flexbox-item:first-child { background-color: #f7f7f7; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body { background-color: #f7f7f7; border-bottom: 0; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body:after { display: none !important; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item { background-color: #f7f7f7; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line { border-bottom: 0; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line:after { display: none !important; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line .am-list-content { color: #000; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child { border-bottom: 0; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child:after { display: none !important; } .am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item.am-menu-selected { background-color: #fff; } .am-menu .am-flexbox .am-flexbox-item:last-child { background-color: #fff; } .am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item { background-color: #fff; border-bottom: 0; } .am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item:after { display: none !important; } .am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item .am-list-line .am-list-extra { -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-selected .am-list-line .am-list-content { color: #108ee9; } .am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-disabled .am-list-line .am-list-content { color: #bbb; } .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line { border-bottom: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line { border-bottom: none; } html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child { border-bottom: 1PX solid #ddd; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child { border-bottom: none; } html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 1PX; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) { html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after { -webkit-transform: scaleY(0.33); -ms-transform: scaleY(0.33); transform: scaleY(0.33); } } .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line { border-bottom: 0; } .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line:after { display: none !important; }