.display_flex{
	display: flex;
}
em{
	font-style: normal;
}
.flex_between_end{
  justify-content: space-between;
  align-items: flex-end;
}
.flex_between_center{
  justify-content: space-between;
  align-items: center;
}
.flex_between_start{
  justify-content: space-between;
  align-items: flex-start;
}
.flex_start_center{
  justify-content: flex-start;
  align-items: center;

  clear: both;
}
.flex_start_start{
  justify-content: flex-start;
  align-items: flex-start;
}
.flex_start_end{
  justify-content: flex-start;
  align-items: flex-end;
}
.flex_end_center{
  justify-content: flex-end;
  align-items: center;
}
.flex_end_end{
  justify-content: flex-end;
  align-items: flex-end;
}
.flex_center_center{
  justify-content: center;
  align-items: center;
}
.flex_center_start{
  justify-content: center;
  align-items: flex-start;
}
.flex_center_end{
  justify-content: center;
  align-items: flex-end;
}
.flex_around_center{
	justify-content: space-around;
	align-items: center;
}
.flex_1{
  flex: 1;
}
.flex_shrink{
  flex-shrink: 0;
}
.text_overflow{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text_overflow_line2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  align-content: center;
}
.text_overflow_line3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  align-content: center;
}
#app{border-top: 1px solid #f6f6f6;}
.add_person,.change_person{
	/* display: none; */
	min-width: 700px;
	max-height: 500px;
	min-height: 500px;
	overflow-y: auto;
}
.message,.additem{border: 1px solid #F9F9F8;box-shadow: 0 0 4px 0 #F9F9F8;}
.message{display: none;min-width: 700px;max-height: 500px;overflow-y: auto;}
.mitem{display: flex;padding: 14px;}
.mitem:not(:last-child){border-bottom: 1px solid #F9F9F8;}
.mitem_input{display: flex;justify-content: flex-start;align-items: center;}
.mitem_title{width: 86px;}
.mitem_input1{margin-right: 106px;}
.inputradio{margin-right: 26px;display: flex;justify-content: flex-start;align-items: center;}
.inputradio input{margin-right: 6px;vertical-align: center;}
.inputradio span{vertical-align: center;}
.messagetitle{display: flex;align-items: center;justify-content: space-between;background-color: #F9F9F9;padding: 14px;}
.message_closed{width: 18px;height: 18px;}
.mitem_right{}
.mitem_ritem{display: flex;margin-bottom: 20px;}
.mitem_ritem input{margin-right: 20px;}
/* .layui-input, .layui-textarea{
	width: 150px;
} */
.layui-layer-page .layui-layer-contentt{
			overflow: visible;
		}
#demo1{
	text-align: right;
}
.sales{
	min-width: 700px;
	max-width: 1800px;
	max-height: 600px;
	overflow-y: auto;
	background-color: #fff;
	padding: 20px;
}
.table1{
	width: 600px;
	text-align: center;
}
.table_warp{
  margin-top: 20px;
	overflow-x: auto;
	white-space: nowrap;
}
.table2,.table3,.table4,.table5,.table6,.table7{
	text-align: center;
	margin-right: 20px;
	display: inline-block;
	border: 0;
}
.table_summary{
	width: 100%;
	text-align: center;
}
.table2 th,.table2 td,.table3 th,.table3 td,
.table4 th,.table4 td,.table5 th,.table5 td,
.table6 th,.table6 td,.table7 th,.table7 td
{
	padding: 6px 12px;
}
.table2 th,.table3 th,.table4 th,.table5 th,.table6 th,.table7 th{
	font-size: 22px;
	line-height: 1.6;
}
.table_summary th,.table_summary td{
	padding: 4px 10px;
}
.aleft{
	text-align: left;
}
.trgrey{
	background-color: #d10a11;
	color:#ffea81;
}
.table1:nth-of-type(1){
	margin-right: 20px;
}
.tdremark{
	width: 220px;
}
.red{
	/* color: #FF5722; */
	color: #ffea81;
	background: #d10a11;
}
.blue{
	color: #007DDB;
}
.container{
	padding: 10px;
}
#container{
	width: calc(100% - 20px);
	height: 600px;
	padding:30px 10px;
	background-color: #fff;
}
.layui-layout-admin .layui-body{
	bottom: 0;
}
.tr2{
	/* background-color: #f38fea; */
	background-color: #80888a;
	color: #000;
}
.t0{
	font-weight: bold;
  color: #ffea81;
  background: #d10a11;
}
.tr3{
	/* background-color: #ffa658; */
	background-color: #80888a;
	color: #000;
}
.tr4{
	/* background-color: #ffa658; */
	background-color: #80888a;
	color: #000;
}
.tr5{
	background-color: #ffa658;
}
.grey{
	background-color: #757f84;
}
.green{
	background-color: #4f940a;
}
.layui-btn-blue{
	background: #d10a11 !important;
	color: #ffea81;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even) {
    background-color: #f5f2d3;
}
.layui-form-onswitch, .layui-form-checked[lay-skin=primary] i, .layui-form-select dl dd.layui-this, .layui-laypage .layui-laypage-curr .layui-laypage-em, .layui-form-checked span, .layui-form-checked:hover span{
	background-color:#d10a11 !important;
	color: #ffea81 !important;
}
#look{
	background-color: #d10a11;
	color: #ffea81;
}
.remark1{
	padding: 10px;
}
.cd-breadcrumb, .cd-multi-steps {
 /* width: 90%;
  max-width: 768px;
  padding: 0.5em 1em; */
  /* margin: 1em auto; */
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 14px;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffea81;
	/* #d10a11 #96c03d*/
    background-color: #d10a11;
    border-color: #d10a11;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}