li{list-style:none}
input::-webkit-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input:-moz-placeholder{color:#ccc}
input:-ms-input-placeholder{color:#ccc}
.aui-mask{background-color:#000;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;opacity:0.3;filter:alpha(opacity=30);-moz-opacity:0.3;display:none}
.aui-calendar{z-index:999;width:90%;position:absolute;left:50%;top:50%;border-radius:10px;overflow:hidden;text-align:center;transform:translate(-50%, -50%);background-color:#fff;display:none}
.aui-calendar li{float:left}
.aui-head{background-color:#edf2ff;text-align:left;padding:15px;margin:10px}
.aui-head-dt{font-size:20px;color:#3062e3}
.aui-head-dd{font-size:24px;color:#3062e3}
.aui-date{height:44px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:1002;margin:10px 0}
.aui-date a{height:44px;min-width:25%;-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;padding:0 2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:0.7rem;white-space:nowrap;overflow:hidden;color:#fff;position:relative}
.aui-date a:first-child{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin-right:-25%;font-size:0.9rem;font-weight:bold}
.aui-date a:last-child{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.aui-date .tomon{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:44px;width:50%;margin-left:25%}
.aui-date .tomon span{padding:0 5px;color:#222}
.aui-date .icon{position:relative;display:block;float:left;width:0;height:0;border:8px solid transparent;border-bottom-color:#222}
.aui-date .icon::after{content: "";position:absolute;left:-8px;top:-6px;width:0;height:0;border:8px solid transparent;border-bottom-color:#fff}
.icon-prev{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.icon-next{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.aui-date a.disabled{pointer-events:none}
.aui-date a.disabled .icon{border-bottom-color:#e9eaef}
.aui-week ol{display:-webkit-flex;display:flex;padding:10px}
.aui-week li{flex-grow:1;color:#999}
.aui-content{display:flex;width:300%;margin-left:-200%}
.aui-day{flex:1;width:100%;display:block;overflow:hidden;padding:0 10px}
.aui-day li{display:block;width:14.2857%;text-align:center;font-size:14px;background:#fff;position:relative;color:#222}
.aui-day li span{display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;margin:0 auto;text-align:center}
.aui-day li.active span{background-color:#3062e3;color:#fff;border-radius:50%}
.aui-day li.gray{color:#e9eaef}
.aui-month,
.aui-year{flex:1;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid #e9eaef;margin:0 10px}
.aui-month li,
.aui-year li{float:left;width:25%;color:#a1a5b3;font-size:16px;cursor:pointer;border-left:1px solid #e9eaef;border-bottom:1px solid #e9eaef;box-sizing:border-box;margin-left:-1px;margin-bottom:-1px}
.aui-month li.selected span{color:#3062e3;font-weight:bold}
.aui-year li.current span{color:#3062e3;font-weight:bold}
.aui-month li span,
.aui-year li span{display:block;height:5rem;line-height:5rem;margin:0 auto;text-align:center}
.aui-foot{text-align:right;padding:20px 30px}
.aui-foot a{margin-left:20px;color:#3062e3}
.aui-year li.disabled,
.aui-month li.disabled,
.aui-day li.disabled{pointer-events:none;color:#e9eaef}