body {
	background: rgba(245, 249, 249, 1);
	color: #323232;
}

.w3-row:after {
	content: "";
	display: table;
	clear: both
}

.w3-col {
	float: left;
	width: 100%
}

.w3-rest {
	overflow: hidden
}

.div-table {
	display: table;
	width: 100%;
	height: 108px;
	border-right: 1px solid #E3EDE8;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
	padding: 15px 0 16px 50px;
	/*text-align: center;*/
	vertical-align: middle;
	line-height: 30px;
}

#recordlist {
	border-color: #E3EDE8 #E3EDE8 #0AD8C8 #E3EDE8;
	border-style: solid;
	border-width: 1px;
}

#recordlist li {
	width: 129px;
	border-left: solid 1px #E3EDE8;
	border-right: solid 1px #E3EDE8;
	text-align: center;
}

#recordlist li.active {
	border: none;
	background: #0AD8C8;
}

#recordlist>li>a {
	font-size: 16px;
	color: #323232;
	font-weight: normal;
	padding: 13px 0 10px;
	margin-right: 0;
	border-radius: 0;
	height: 48px;
}

#recordlist>li.active>a {
	background: url(../../../images/icon_shangla.png) no-repeat 50% 100%;
	background-size: 9px 7px;
	color: #fff;
	font-size: 16px;
	margin-right: 0;
	border: none;
	height: 47px;
}

.list-body {
	border: 1px solid #E3EDE8;
	margin-bottom: 17px;
}

.list-header {
	background: #E8F6F5;
	font-size: 16px;
	color: #00786F;
	padding: 13px 0 15px 15px;
}

.list-r-border {
	border-right: 1px solid #E3EDE8;
}

.cancelbtn {
	padding: 8px 16px 5px;
	border: 1px solid #E3EDE8;
	color: #FF8787;
	font-size: 14px;
	width: 90px;
	margin: 0 auto;
}

.satisfactionbtn {
	padding: 8px 16px 5px;
	border: 1px solid #0AD8C8;
	color: #0AD8C8;
	font-size: 14px;
	width: 105px;
	margin: 0 auto;
}


.quxiaobox {
	border: 1px dashed #E3EDE8;
	padding: 16px;
	background: #F5FAFA;
	line-height: 30px;
}

.layui-layer-btn {
	text-align: center !important;
	/*margin-top:-20px ;*/
	position: relative;
	top:-20px;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #0AD8C8 !important;
    background-color: #0AD8C8 !important;
}