html, body, input, select, textarea { font-size: 12px; }

/*[组件]填写框*/
.vl_confirm { border-width: 1px; border-style: solid; text-align: center; }
.vl_confirm label span { position: absolute; }
.vl_confirm > a { display: block; font-size: 14px; text-align: center; line-height: 2.5em; box-sizing: border-box; border-top: 1px solid #EEE; }
.vl_confirm .vl_input_box { margin: 20px; text-align: left; width: calc(100% - 40px); }
.vl_confirm .vl_select_box { margin: 10px 20px; display:block; }
.vl_confirm .vl_select_box span { display:block; font-size:12px; }
.vl_confirm .vl_select_box select { display: block; }

.vl_search_box { position: relative; display: inline-block; height: 2em; }
.vl_search_box .vl_icon_search:before { position: absolute; top: 1px; left: 10px; line-height: 2em; z-index: 1; }
.vl_search { line-height: 2em; height: 2em; border: none; outline: none; padding: 0px 1em 0px 2.5em; border-radius:0px; border-bottom: 1px solid #CCC; background-color: rgba(0, 0, 0, 0.0); box-sizing: border-box; }

.vl_toast { width: 50vw; left: 50vw; transform: translateX(-50%); }
.vl_layer { top: 10vh; left: 50vw; transform: translateX(-50%); }
.vl_layer > footer { background-color: #F0F0F0; }
.vl_layer > article { max-height: calc(80vh - 75px); overflow-y: auto; }
.vl_layer.vl_fill > article { max-height: calc(90vh - 75px); }
.vl_layer.vl_fill { top: 5vh; left: 5vh; right: 5vh; bottom: 5vh; transform: translateX(0%); }
.vl_layer.vl_fill > footer { text-align: right; }
.vl_layer.vl_fill > footer .vl_input_box,
.vl_layer.vl_fill > footer .vl_input { background-color: rgb(0 0 0 / 0.00); }

.vl_layer.vl_date { min-width:300px;}
.vl_layer.vl_date .vl_datepicker_table { width:100%; height:350px; }
.vl_layer.vl_date .vl_datepicker_table tfoot td { padding: 7px; }
.vl_layer.vl_date .vl_datepicker_table .vl_button { display:block; }


.vl_dialog { width: 20em; }