.mp-select{width:100%;box-shadow:0 2px 8px #0000000d;background-color:#fff;transition:all .3s}.mp-select--show .mp-select-input{background:#3269ff0d}.mp-select--show .mp-select-input .mp-icon{transform:translateY(-50%) rotate(-90deg)}.mp-select--show .mp-select-bd{opacity:1;height:auto;visibility:visible;transition:all .3s}.mp-select-input{padding:8px 20px;font-size:14px;line-height:22px;color:#000;display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative}.mp-select-input .mp-icon{position:absolute;transition:transform .3s;transform:translateY(-50%) rotate(90deg);right:20px;top:50%}.mp-select-bd{height:0;opacity:0;visibility:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s}.mp-select-options .option-item{font-size:14px;line-height:22px;color:#000;padding:8px 20px;cursor:pointer}.mp-select-options .option-item:hover{background:#3269ff0d}.mp-select--public{position:relative}.mp-select--public.mp-select{margin-top:0;box-shadow:none}.mp-select--public .mp-select-input{padding:0;line-height:26px;font-size:14px;font-weight:500;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mp-select--public .mp-select-input .mp-icon{margin-left:8px;position:static;transform:none}.mp-select--public .mp-select-bd{position:absolute;z-index:9;top:100%;left:0;margin-top:0;width:100%;max-height:0;height:auto;background:#fff;box-shadow:0 12px 40px #0003;border-radius:16px;box-sizing:border-box}.mp-select--public .mp-select-options{padding:8px 0}.mp-select--public .mp-select-options .option-item{padding:8px 20px;line-height:18px;font-size:12px;color:#333;font-weight:400;text-align:center}.mp-select--public.mp-select--show .mp-select-input{background:none}.mp-select--public.mp-select--show .mp-select-input .mp-icon{transform:rotate(180deg)}.mp-select--public.mp-select--show .mp-select-bd{margin-top:8px;height:auto;max-height:284px;overflow-y:auto}