/* ====================
    多级联动弹窗
 =====================*/
.aui-picker { width: 100vw; height: 100vh; opacity: 0; -moz-animation: aui-fade-in .1s ease-out forwards; -ms-animation: aui-fade-in .1s ease-out forwards; -webkit-animation: aui-fade-in .1s ease-out forwards; animation: aui-fade-in .1s ease-out forwards; position: fixed; top: 0; left: 0; z-index: 999; display: none; }
.aui-picker-main { width: 100vw; height: 60vh; background: #FFF; border-radius: 10px 10px 0 0; position: absolute; left: 0px; bottom: -60vh; -moz-animation: aui-slide-up-screen .2s ease-out forwards; -ms-animation: aui-slide-up-screen .2s ease-out forwards; -webkit-animation: aui-slide-up-screen .2s ease-out forwards; animation: aui-slide-up-screen .2s ease-out forwards; z-index: 999; }
.aui-picker-header { width: 100%; min-height: 50px; position: relative; }
.aui-picker-header::after { content: ''; width: 100%; height: 1px; background: rgba(100,100,100,.3); -moz-transform: scaleY(.3); -ms-transform: scaleY(.3); -webkit-transform: scaleY(.3); transform: scaleY(.3); position: absolute; left: 0; bottom: 0; z-index: 999; }
.aui-picker-title { line-height: 20px; text-align: center; font-size: 17px; color: #333; padding: 15px; box-sizing: border-box; position: absolute; left: 50px; right: 50px; top: 0; }
.aui-picker-close.iconfont { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #aaa; border-radius: 0 10px 0 0; position: absolute; right: 0; top: 0; }
.aui-picker-content { width: 100%; height: -webkit-calc(100% - 100px); height: calc(100% - 100px); }
.aui-picker-nav { width: 100%; height: 50px; text-align: left; padding: 0 20px; justify-content: flex-start; white-space: nowrap; box-sizing: border-box; position: relative; }
.aui-picker-nav::after { content: ''; width: 100%; height: 1px; background: rgba(100,100,100,.3); -moz-transform: scaleY(.3); -ms-transform: scaleY(.3); -webkit-transform: scaleY(.3); transform: scaleY(.3); position: absolute; left: 0; bottom: 0; z-index: 999; }
.aui-picker-navitem { line-height: 50px; font-size: 16px; margin: 0 40px 0 0; display: inline-block; }
.aui-picker-navitem.active { color: var(--aui-blue); }
.aui-picker-navborder { width: 50px; height: 3px; background: var(--aui-blue); border-radius: 5px; position: absolute; left: 20px; bottom: 0; }
.aui-picker-lists { width: 100%; height: 100%; justify-content: space-around; white-space: nowrap; }
.aui-picker-list { width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; display: none; vertical-align: top; }
.aui-picker-list.active { display: inline-block; }
.aui-picker-list-warp { width: 100%; height: auto; box-sizing: border-box; padding: 15px 0; display: inline-block; }
.aui-picker-item { width: 100%; height: 44px; line-height: 44px; padding: 0 15px; box-sizing: border-box; font-size: 15px; color: #333; position: relative; }
.aui-picker-item.active { color: var(--aui-blue); }
.aui-picker-item.active::after { content: '✔'; font-size: 15px; color: var(--aui-blue); position: absolute; top: 0px; right: 10px; }