.vaninput{--input-bottom-line-color:#ddd;--input-button-background:#de4237;--input-button-color:#fff;position:relative;background:#fff;border-radius:4px;padding:8px 0;font-family:exo_2regular,Arial;font-weight:400;font-size:16px;display:block}.vaninput ::-moz-placeholder{color:#3f526f;font-size:14px;opacity:1}.vaninput :-ms-input-placeholder{color:#3f526f;font-size:14px;opacity:1}.vaninput ::placeholder{color:#3f526f;font-size:14px;opacity:1}.vaninput .placeholder{position:absolute;bottom:8px;left:0;right:0;height:auto;padding:8px 10px;color:#3f526f;font-size:14px;opacity:1;line-height:22px}.vaninput>i{position:absolute;left:-17.6px;top:50%;margin-top:-11px;color:#de4237;font-size:22px;line-height:22px;text-decoration:none;display:none}.vaninput p{text-align:left;line-height:0;height:0;color:#3f526f;font-size:14px}.vaninput input,.vaninput p{padding:0 10px;overflow:hidden}.vaninput input{color:#444;font-size:16px;line-height:22px;height:42px;font-family:exo_2regular,Arial;font-weight:400;background:transparent;display:block;width:100%;text-overflow:ellipsis}.vaninput input:invalid{border:0;outline:0;box-shadow:0 0 0 0 transparent}.vaninput.hasvalue p{line-height:20px;height:20px}.vaninput.hasvalue input{height:22px}.vaninput.hasfocus{background:#caf0f7}.vaninput.inactv{pointer-events:none}.vaninput textarea{display:block;width:100%;height:42px;padding:0 10px;margin:200px 0 0;resize:none;color:#444;font-size:16px;line-height:42px;font-family:exo_2regular,Arial;font-weight:400;background:transparent}.vaninput.hasvalue textarea{margin-top:0;height:222px;line-height:22px}.vaninput[data-type=htmlarea] div[contenteditable]{display:block;width:100%;height:42px;padding:0 10px;margin:200px 0 0;resize:none;color:#444;font-size:16px;line-height:42px;font-family:exo_2regular,Arial;font-weight:400;background:transparent;overflow:auto}.vaninput[data-type=htmlarea].hasvalue div[contenteditable]{margin-top:0;height:222px;line-height:22px}.vaninput[data-type=html] div[contenteditable]{position:relative;color:#444;font-size:16px;line-height:22px;height:42px;font-family:exo_2regular,Arial;font-weight:400;padding:0 10px;background:transparent;display:block;width:100%;text-overflow:ellipsis;overflow:hidden}.vaninput[data-type=html].hasvalue div[contenteditable]{margin-top:0;height:22px;line-height:22px}.vaninput div[contenteditable] b{font-weight:700}.vaninput div[contenteditable] i{font-style:italic}.vaninput div[contenteditable] a,.vaninput div[contenteditable] a:hover{color:#444;text-decoration:underline}.vaninput div[contenteditable] h1{font-size:32px!important;line-height:35.2px!important}.vaninput div[contenteditable] h1,.vaninput div[contenteditable] h2{font-weight:400!important;color:#444!important;background:transparent!important;padding:0;margin:0}.vaninput div[contenteditable] h2{font-size:26.56px!important;line-height:29.76px!important}.vaninput div[contenteditable] h3{font-weight:400!important;color:#444!important;font-size:21.28px!important;line-height:24.48px!important;background:transparent!important;padding:0;margin:0}.vaninput div[contenteditable] ol,.vaninput div[contenteditable] ul{list-style-position:inside}.vaninput div[contenteditable] blockquote{margin:auto auto auto 32px}.vaninput[data-type=checkbox]{display:inline-block;vertical-align:middle;width:auto;color:#3f526f;border:0 solid transparent;padding:0;background:#fff;cursor:pointer}.vaninput[data-type=checkbox]:hover{background:#caf0f7}.vaninput[data-type=checkbox] label{height:22px;line-height:22px;cursor:pointer}.vaninput[data-type=checkbox] input{display:none;width:1px;height:1px;position:relative;opacity:1;color:#3f526f}.vaninput[data-type=checkbox] label div{color:#3f526f;border-radius:4px;padding:6px 16px 6px 30px}.vaninput[data-type=checkbox] span{position:absolute;display:block;left:10px;top:50%;margin-top:-7px;width:14px;height:14px;border-radius:50%;border:1px solid #3f526f}.vaninput[data-type=checkbox] input:checked+div span{background:#caf0f7}.vaninput[data-type=checkbox] input:checked+div{color:#444}.vaninput[data-type=switch]{display:inline-block;vertical-align:middle;width:auto;color:#444;border:0 solid transparent;padding:0;background:transparent;cursor:pointer;padding:0 10px}.vaninput[data-type=switch] p{text-align:left;padding:0}.vaninput[data-type=switch]>div{position:relative;border-radius:10px;height:22px;width:36px;background:#e0e0e0;margin:0;cursor:pointer}.vaninput[data-type=switch]>div span{position:absolute;top:3px;width:16px;height:16px;border-radius:50%}.vaninput[data-type=switch][data-value="0"]>div span{left:3px;right:auto;background:#bfbfbf}.vaninput[data-type=switch][data-value="1"]>div span{left:auto;right:3px;background:#e00000}.vaninput[data-type=button]{height:auto;text-align:center;padding:0;margin:0;border:0;display:inline-block}.vaninput button{height:auto;line-height:24px;border-radius:4px;border:1px solid #aaa;padding:0 20px;cursor:pointer;background:#fff;color:#444;font-size:14px;font-weight:400;font-family:exo_2regular,Arial}.vaninput button:hover{background:#caf0f7;color:#444}.vaninput.inactv button{background:#aaa;color:#e0e0e0}.vaninput[data-type=hidden]{display:none}.vaninput[data-type=select]{overflow:visible}.vaninput[data-type=select] .select-list{display:block;position:absolute;left:0;top:100%;margin-top:-6px;right:0;height:auto;z-index:1;background:#caf0f7;color:#444;font-size:16px;line-height:22px;border-radius:0 0 4px 4px;padding:5px 0;max-height:200px;min-height:40px;overflow:auto;border-bottom:1px solid #3f526f}.vaninput[data-type=select] .select-list div{text-align:left;padding:8px 10px;cursor:pointer}.vaninput[data-type=select] .select-list div.match,.vaninput[data-type=select] .select-list div:hover{background:#fff}.vaninput[data-type=select] .select-list div.selected{color:#444;background:#caf0f7}.vaninput .opt:hover{color:#444}.vaninput .opt{position:absolute;right:8px;top:50%;margin-top:-10px;width:auto;height:auto;line-height:20px;font-size:20px;cursor:pointer;display:block;color:#3f526f}.vaninput[data-type=uploader]{display:block;width:100%;height:auto;cursor:pointer}.vaninput[data-type=uploader] .previews{position:relative;line-height:24px;min-height:100px;height:auto;padding:0 10px}.vaninput[data-type=uploader] .previews>div{position:relative;display:inline-block;vertical-align:middle;margin:10px;border:1px solid var(--input-bottom-line-color)}.vaninput[data-type=uploader] .previews>div>p{display:block;position:relative;overflow:hidden;width:240px;height:120px;background:#3f526f;opacity:.6}.vaninput[data-type=uploader] .previews>div.uploaded>p{opacity:1}.vaninput[data-type=uploader] .previews>div.moving>p{opacity:1;animation-name:vaninput-uploader-moving-origin;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:normal;animation-iteration-count:infinite;animation-fill-mode:none;animation-play-state:running}@keyframes vaninput-uploader-moving-origin{0%{opacity:1}50%{opacity:0}to{opacity:1}}.vaninput[data-type=uploader] .previews>div>p>img{position:absolute;left:50%;top:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:translate(-50%,-50%)}.vaninput[data-type=uploader] .previews>div>p>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;color:#fff;line-height:40px}.vaninput[data-type=uploader] .previews>div>i.size{top:4px}.vaninput[data-type=uploader] .previews>div>i.name,.vaninput[data-type=uploader] .previews>div>i.size{position:absolute;left:4px;font-size:14px;line-height:18px;color:#fff;background:#00000080;padding:2px 4px;font-style:normal}.vaninput[data-type=uploader] .previews>div>i.name{right:4px;bottom:4px;display:none}.vaninput[data-type=uploader] .previews>div.uploaded>i.name{display:block}.vaninput[data-type=uploader] .previews>div>u{position:absolute;display:block;left:10px;right:10px;bottom:10px;height:7px;font-size:14px;line-height:18px;background:#00000080;border:1px solid #00ff0080;border-radius:3px;text-decoration:none}.vaninput[data-type=uploader] .previews>div.uploaded>u{display:none}.vaninput[data-type=uploader] .previews>div>u>span{display:block;position:absolute;left:0;top:0;height:100%;width:0;background:#00ff0080}.vaninput[data-type=uploader] .previews>div.downloading>u>span{width:25%;animation-name:vaninput-uploader-indeterminate;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:normal;animation-iteration-count:infinite;animation-fill-mode:none;animation-play-state:running}@keyframes vaninput-uploader-indeterminate{0%{left:0}50%{left:75%}to{left:0}}.vaninput[data-type=uploader] .previews>div>span{position:absolute;right:-10px;top:-10px;width:auto;height:auto;line-height:24px;font-size:24px;padding:0;color:#caf0f7;cursor:pointer;background:#3f526f;border-radius:50%;font-style:normal;display:none}.vaninput[data-type=uploader] .previews>div:hover>span{display:block}.vaninput[data-type=uploader] .previews>div>span:hover{color:#de4237;background:#caf0f7}.vaninput[data-type=uploader] .previews>u{line-height:22px;font-size:16px;color:#3f526f;height:22px;position:absolute;left:0;right:0;height:auto;margin-top:-11px;top:50%;text-decoration:none;text-align:center;pointer-events:none}.vaninput[data-type=uploader] input{width:1px;height:1px;opacity:0}.vaninput .readonly{position:absolute;left:0;top:0;right:0;bottom:0;background:#ffffff70}.vaninput[data-type=calendar] .calendar-dlg{position:absolute;left:auto;top:auto;right:auto;bottom:auto;width:280px;height:auto;background:blue;display:none;z-index:1;margin-top:-200px}.vaninput[data-type=calendar] .calendar-dlg h1{text-align:center;font-size:16px;line-height:24px;background:#444;color:#fff;padding:4px 6px;margin:0;display:block;cursor:default}.vaninput[data-type=calendar] .calendar-dlg>h1>i:first-child{position:absolute;left:5px;top:3px;font-size:20px;line-height:24px;cursor:pointer}.vaninput[data-type=calendar] .calendar-dlg>h1>i:nth-child(2){position:absolute;right:5px;top:3px;font-size:20px;line-height:24px;cursor:pointer}.vaninput[data-type=calendar] .calendar-dlg u{position:relative;display:inline-block;width:14.2857143%;text-align:center;line-height:24px;font-size:14px;text-decoration:none;border:1px solid #ddd;cursor:pointer}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=weekday]{background:#bbb;color:#fff;cursor:default}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=day]{background:#fff;color:#888}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=day]:hover{background:#8080ff;color:#fff}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=void]{background:#eee;color:#000}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=void]:hover{background:#8080ff;color:#fff}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=selected]{background:#4040ff;color:#fff}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=selected]:hover{background:#8080ff;color:#fff}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=poi]{background:#ffff80;color:#444}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=poi]:hover{background:#ff0;color:#444}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=off]{background:red;color:#fff;cursor:default}.vaninput[data-type=calendar] .calendar-dlg u[data-cell=off]:hover{background:red;color:#fff}.vaninput[data-type=itemslist] .itemslist-list{color:#444;font-size:16px;line-height:22px;padding:10px 0;max-height:180px;overflow:auto}.vaninput[data-type=itemslist] .itemslist-list>div{padding:2px 10px;cursor:pointer}.vaninput[data-type=itemslist] .itemslist-list>div.match,.vaninput[data-type=itemslist] .itemslist-list>div:hover{background:#fff}.vaninput[data-type=itemslist] .itemslist-list>div.selected{color:#444;background:#caf0f7}