* {
  margin: 0;
  padding: 0;
  list-style: none;
}
html,
body {
  height: 100%;
}
#mainbox {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  background-color: #fff;
}
#topbox {
  padding: 5px;
}
#topbox div.layui-inline {
  margin-right: 50px;
}
#modelTitle {
  border-bottom: 1px solid #ccc;
  line-height: 30px;
  font-size: 18px;
}
/*********************表单样式*********************/
#mainbox form#main-edit-form .layui-form-item {
  text-align: center;
}
#mainbox form#main-edit-form .layui-form-item:last-child {
  margin-top: 50px;
}
#mainbox form#main-edit-form .layui-form-label {
  float: none;
  display: inline-block;
  width: 100px;
  text-align: right;
}
#mainbox form#main-edit-form .layui-input-block {
  display: inline-block;
  margin-left: 0;
  width: 300px;
  text-align: left;
}
#mainbox form#main-edit-form .layui-input {
  width: 300px;
}
#mainbox form#main-edit-form #addRole .layui-input-inline {
  float: none;
}
#mainbox form#main-edit-form #addRole .layui-form-select .layui-input {
  width: 190px;
}
/*********************开关样式*********************/
#mainbox .layui-form-radio>i:hover, #mainbox .layui-form-radioed>i{
  color: #1ca1ff;
}
#mainbox .layui-form-onswitch {
  border-color: #1ca1ff;
  background-color: #1ca1ff;
}
/*********************按钮样式*********************/
#mainbox table a.layui-btn-sm {
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  background-color: #497ff6;
  border-radius: 3px;
}
#mainbox table a.layui-btn-danger {
  background-color: #d1d2d6;
}
#mainbox table a.layui-btn-danger-red {
  background-color: #fe5722;
}
#mainbox table a.layui-btn-warm {
  background-color: #ffb700;
}
#mainbox table div.layui-btn {
  background-color: #4980f7;
  border-radius: 5px;
}
#mainbox #topbox .layui-btn {
  background-color: #4980f7;
  border-radius: 5px;
}
#mainbox #topbox .layui-btn-warm {
  background-color: #1e9fff;
}
#mainbox .layui-form .layui-btn {
  background-color: #4980f7;
  border-radius: 5px;
}
#mainbox .layui-form .layui-btn-primary {
  color: #fff;
  background-color: #e5e5e5;
  border-radius: 5px;
}
.common-btn-search {
  background-color: #4980f7;
  border-radius: 5px;
}
.common-btn-add {
  background-color: #1e9ffe;
  border-radius: 5px;
}
.common-btn-edit {
  background-color: #497ff6;
  border-radius: 5px;
}
.common-btn-del {
  background-color: #d1d2d6;
  border-radius: 5px;
}
.common-btn-order {
  height: 25px;
  line-height: 25px;
  font-size: 10px;
  background-color: #fe5723;
  border-radius: 5px;
}
.common-btn-financial {
  height: 25px;
  line-height: 25px;
  font-size: 10px;
  background-color: #feb800;
  border-radius: 5px;
}
.common-btn-maid {
  background-color: #4980f7;
  border-radius: 5px;
}
/*********************分页样式*********************/
.pagination {
  display: none;
}
.pagination .pagelis {
  float: left;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #cccccc;
  cursor: pointer;
}
.pagination a {
  display: block;
  width: 100%;
  height: 100%;
}
.pagination .active {
  background: #4980f7;
  color: #ffffff;
}
/*********************日期控件图标*********************/
.date-with-icon {
  position: relative;
}
.date-with-icon .date-icon {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -12px;
  font-size: 24px;
  color: #aaa;
}
.date-with-icon .date-input {
  margin-right: 30px;
}
/*********************通用样式*********************/
.w_100 {
  width: 100%;
}
.w_50 {
  width: 50%;
}
.w_495 {
  width: 49.5%;
}
.w_49 {
  width: 49%;
}
.w_48 {
  width: 48%;
}
.float_l {
  float: left;
}
.float_r {
  float: right;
}
.margin_l10 {
  margin-left: 10px;
}
.margin_l20 {
  margin-left: 20px;
}
.margin_r10 {
  margin-right: 10px;
}
.margin_r20 {
  margin-right: 20px;
}
.margin_t10 {
  margin-top: 10px;
}
.margin_b10 {
  margin-bottom: 10px;
}

.margin_tb5 {
  margin: 5px 0;
}
.margin_tb10 {
  margin: 10px 0;
}
.margin_tb20 {
  margin: 20px 0;
}
.margin_trbl10 {
  margin: 10px;
}
.padding_l5 {
  padding-left: 5px;
}
.padding_l10 {
  padding-left: 10px;
}
.padding_r5 {
  padding-right: 5px;
}
.padding_r10 {
  padding-right: 10px;
}
.padding_t5 {
  padding-top: 5px;
}
.padding_t10 {
  padding-top: 10px;
}
.padding_trbl5 {
  padding: 5px;
}
.padding_trbl10 {
  padding: 10px;
}
.padding_trbl15 {
  padding: 15px;
}
.padding_trbl20 {
  padding: 20px;
}
.border_1 {
  border: #c9c9c9 solid 1px;
}
.text_align {
  text-align: center;
}