/*新的样式*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }

html, body { height: 100%; margin: 0; }
.padding-5 { padding: 5px; }
.padding-r-10 { padding-right: 10px; }
.padding-l-10 { padding-left: 10px; }
.padding-l-20 { padding-left: 20px; }
.padding-l-30 { padding-left: 30px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.margin-l5 { margin-left: 5px; }
.margin-t5 { margin-top: 5px; }
.margin-t10 { margin-top: 10px; }
.margin-t15 { margin-top: 15px; }
.margin-t20 { margin-top: 20px; }
.margin-t30 { margin-top: 30px; }
.margin-r-10 { margin-right: 10px; }
.margin-r-20 { margin-right: 20px; }
.margin-r-30 { margin-right: 30px; }
.margin-b10 { margin-bottom: 10px; }
.border-bottom { border-bottom: 1px solid #ccc; }
.box-shadow-bottom { box-shadow: 0 5px 5px #efefef; }

.layui-color-red, .layui-color-danger { color: #FF5722 !important; }
.layui-color-orange, .layui-color-warm { color: #FFB800 !important; }
.layui-color-green, .layui-color-normal { color: #009688 !important; }
.layui-color-cyan { color: #2F4056 !important; }
.layui-color-blue, layui-color-init { color: #1E9FFF !important; }
.layui-form-item .layui-input-small { float: left; width: 100px; margin-right: 10px; }

.layui-color-black { color: #333 !important; }
.layui-color-gray { color: #666 !important; }
.layui-color-white, .layui-color-primary { color: #fff !important; }

.layui-body { z-index: 88; background-color: #efefef; }

.wz-header { margin: 10px 0; min-height: 40px; background-color: white; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding: 15px; }
.wz-header .menu-name { height: 40px; line-height: 40px; font-size: 26px; color: #676a6c; }
.wz-header .menu-small { display: none; color: #999; }
.wz-page-body { width: calc(100% - 20px); padding: 0 10px; }

.nav-left { float: left; height: 60px; }
.nav-left .nav-item { float: left; height: 60px; display: inline-block; padding: 0 20px; line-height: 60px; font-size: 14px; font-weight: bold; }
.nav-left .nav-item .layui-icon { font-size: 14px; }

.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.layui-inline.layui-upload-choose { width: calc(100% - 112px); }

.layui-layout-right { background-color: white; }
.layui-layout-right .layui-nav-item a { color: #666; }
.layui-layout-right .layui-nav-item a:hover { color: #222; }
.layui-temp-title { position: absolute; left: 200px; top: 0; width: calc(100% - 200px); height: 60px; border-bottom: 1px solid #dedede; }

.layui-header { position: absolute; left: 0; top: 0; width: 200px; }
.layui-form-search .long-width { width: 300px; }
.layui-form-search .min-width { width: 150px; }

.no-border { border: none !important; }
.dataview-title { padding: 20px; background-color: white; margin-top: 10px; }