sr-publicServicePlatform/page/mine/css/record.css

cancelbtnbody {
	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
}

.w60{
	width:60px !important;
	position: relative;
	top:10px;
	right: 30px;
}
.w60:hover{
	color:#0AD8C8;
}
.div-table {
	display: table;
	width: 100%;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}

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

.table-cell {
	display: table-cell;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding: 15px 0 16px;
	text-align: center;
	vertical-align: middle;
}

.mine-menu {}

.mine-menu {
	font-size: 16px;
	color: #909090;
}

.mine-menu .active {
	color: #0AD8C8;
}

.all-center {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
}

.mainbox {
	width: 420px;
	margin: 0 auto;
}

.pl105 {
	padding-left: 105px;
}

.pl251 {
	padding-left: 251px;
}

.plr25 {
	padding-left: 25px;
	padding-right: 25px;
}

.m8 {
	margin-top: 8px;
}

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

#recordlist {
	border-bottom: 1px solid #0AD8C8;
}

#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-top: 17px;
}

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

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

#appointmentinfo {
	border-radius: 0;
	/*max-width: 500px;*/
}

.modal-header {
	padding: 10px 20px;
}

.modal-body {
	padding: 0px 20px;
}

.modal-list {
	line-height: 44px;
	font-size: 14;
	color: #909090;
	border-bottom: 1px solid #E3EDE8;
	padding: 0 20px;
}

.btn-default {
	background: #fff;
	color: #909090;
	font-size: 16px;
	border: 1px solid #D1D7D4;
	height: 40px;
}

.btn-default:hover,
.btn-default:active {
	color: #333;
	background: #F4F6FA;
}

.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;
}