.wrapper .main-box,
.wrapper .tap-box {
	background-color: #fff
}

.wrapper .tap-box {
	width: 1160px;
	margin: 0 auto;
	padding: 4px 8px 0
}

.wrapper .blank {
	background-color: #f1f1f3;
	height: 8px
}

.wrapper .main {
	background: #fff;
	width: 1160px;
	padding: 8px;
	color: #221815;
	margin: 0 auto;
	min-height: 400px;
	position: relative
}

.wrapper .main form {
	background-color: #fff
}

.wrapper .main .input-text,
.wrapper .main .select,
.wrapper .main input[type=checkbox] {
	color: #221815
}

.wrapper .main .list-ul {
	padding: 10px
}

.wrapper .main .list-ul li {
	margin: 6px 0;
	padding: 0 10px 10px;
	border-bottom: 1px solid #ededed;
	line-height: 18px
}

.wrapper .main .list-ul li .abnormal-span {
	width: 32px;
	display: inline-block;
	line-height: 12px
}

.wrapper .main .list-ul li .abnormal-span i {
	display: inline-block;
	color: #f73e19;
	border: 1px solid #f73e19;
	padding: 0;
	font-size: 12px
}

.wrapper .main .tab-2 {
	padding: 0 8px
}

.wrapper .main .tab-con {
	padding: 15px 0
}

.wrapper .form-box {
	margin-bottom: 16px
}

.wrapper .form-row {
	padding: 8px 0 0
}

.wrapper .form-row label {
	display: inline-block;
	text-align: right
}

.wrapper .form-row .seat-span {
	display: inline-block;
	width: 90px;
	padding-left: 8px
}

.wrapper .form-row .select-fee {
	width: 116px
}

.wrapper .form-row em.account,
.wrapper .form-row em.money {
	position: absolute;
	top: -2px;
	left: -8px;
	width: 28px;
	height: 16px
}

.wrapper .form-row em.money {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAYAAABHA7voAAAACXBIWXMAAAsSAAALEgHS3X78AAADOUlEQVRYw91ZzZHaMBT+8FCAU8E6HTg33QIVhK1A3qNO660AqMBw0nGtCkIqgL3pFnew7iDuYHN5Yh6KjQVmNsCbYTyWwdL3fr7vSYwAQFkZAygAZLh9awBsALxoYZoRgdsCSHFfVgGYjilyKSFfamFWt4xKWZkDmBOmImJpefPgAIAwLOk2i9iz8o7Sc48lYsibK0u1WFmZKyuTM6K4xzIeuIgEQOgCai1MfcLrfwKYACiUlV9P/C2CACorP3p+v6SCDrElgEWg414JnLP43CCML5hVu47xySlp2SFZW2XlWSTYB3BK15TkBABeSGMOFq+FmZ6ZBe57MwCvLFoVzeVkrFBWficBry8CUAuzo8kPBJSNT7xF7h3RBbijjgsAM86CWpgnej4l4DP6TJSVawCrEGIcX5j84tCUJOc8e8AailDpMeIjE/CYrs/KyhLA+lhELw0wBFhGC0w6+kiprJRH+syYOTMHkCsrKwCPbUDHAYtJADywYUne352JceMxb0k1ltJcSeA7wKJfdUWxL4KyJeUG7Ti0MI2y8oneW2phauZIbnPGzm8+Y2thdlS/GYDVuSlasXRI2VgDoD5B5NvIa8fuy5bscQDftDCLjvfUfdrax6IvjBC2TiYYiy5w5XZpkpl4kT9W39tAxp2zaLZqtXN4m0UDAdWUam6CH3RNCADY8/qmIqisTKh2SibYqa+HXYLvxplsGF5rrANaeuPv5DBzLHJDIvisrPwN4J16R2dFQCvWZk4a5n1bI8a2WWgDHvV1G0QkfPEzFqmUTTzzNOqf7Q9537cVS995TyPunm+0MJtBAGnRW3a+waVjCeAbaVFGvaJ7tj4yX9KxOd0fMRyJout+GgBPl6jByiOSXySwjXfAU7A26rENBDXh+3fSfeyRlSOk1AP5QDKV8s7H2wDUJ3cyWpiqaydNE84ZzdeuF+R1SbXaMNAVq9dJh8y0dU68e8rpE7SZjnqEvg7QvA2la+Ucw+owpe8l5IT1Z8vEyNGxFmZ0okzMADQhVP2fDq0+DgAC+HJtJ2tDTuQA/PFTNMP9WMZrsGQ9X34H0cuZXpZ3/+dLRHU3pUjeQw02hGWqhWn+AoQveNgNDP3uAAAAAElFTkSuQmCC) no-repeat 0 0 transparent;
	background-size: 100% 100%
}

.wrapper .form-row em.account {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAYAAABHA7voAAAACXBIWXMAAAsSAAALEgHS3X78AAADl0lEQVRYw91Z7VHjMBB9YvL/TAMeU8GZCkgqIFQQe1QASQUmFQQK8MRUgFOBfRVgKricGjh3oPuzyuwJ2ZYDDJPsH+JElrVf7701AgB0HgYANgASnL61AEoAKyFVK8i5CkCM87IGwGxCmYvJ87WQ6vGUvdJ5uASQkU8bofNQ02+rU3fOcnIDABfs++KMyvPgyyGDQirRE5GIAKgG0Aip2p61UwBTALWQqv7GLGoAmHiuj6muMwCXA2vvAcwB3AK47nh4AiDq2kBI9cAPCWBmB4v2AICyL+C+Dt4YZOrbjGxKf/uyt2DrXPYwkJ0YwJYufwJYjXZQ52HlOETMogoAM6IYly2p2Y3VQqqZtWZtXWcepRcw51rHHv/ZxXcigSlF+/OAbRlnp0MV1VeiKwABZTGjaN25yJRdG05tHGXTdZDMpywpe1vqbwAohFTl0D2Tnug2tOmCOTN1RLu2egMAdp+MoIHVMqWQKvW50QdkTMR2hjxNtOmhh0Owz7c6D28cez0LqY7h24iVZQMg9b1xMlASCR18Txt3IaaLVlz26yO6EsBCSLUac+NQBrMOtOMoauyFglECeOpYv/ckaRvBK0uGvTtHV0tMBrIXMeR6pxKM+qHeC76o/z5kfRkcc8gFVzIMmDiCPo1w3CB4xa7BMODOQuXmGBTd6zw8pJ40ZtWhW+ce/Rf4Bo0hOJiCqnUeGgcDH4oY7EGfiJOyeHb89APAkmUwHZjCfaxkOrf4DJDhTsQWCEQUhCsXSRMpgymOfcfk0Vtilu3IwbnOw8i15xiQMaoktjjuHT0wffgmpHoggDJq/9FRTs9EGSZoe3J2PVBRhc7DjIK7cSirUVo0IkcCx29roogr1vxzAJnOw98MdWsXbwmpClJD9/RVQv3deGhS0w5znYfzj5TojnjrjfFX1SGMVwD+EG/yOS8deK0Q0d5rCspW5+HegIwl1RLqPXOuqGc9Rk30Hihqz2kxI/Y7+wC07tVAvpCq1Hn4QlXQCKmuqez/dlRPzSikJaJvXFz9qeMSPWTGEC4C8MpLiTLx6pgIUjpsTOsrB9IWdE/NqiOwePhr50EhVUtKP2UI6aKbRz4R0FyXEuKWrC1q+u5SSHVAYxLtaVefH1Oi5sWT93BqxidH+QxCvJF/x8q+g1/sFcSlx/uWU3kveuhfXqLJGb0XTXgPGkDIOkaRU8veko15xdn/8+WC+s5A+zn0oKGTmZCq/QcUR6xm5OftFQAAAABJRU5ErkJggg==) no-repeat 0 0 transparent;
	background-size: 100% 100%
}

.wrapper .form-title {
	background-color: #384663;
	padding: 0 16px;
	color: #fff;
	border-radius: 2px;
	font-weight: 500;
	height: 32px;
	line-height: 32px
}

.wrapper .form-title .h2-a {
	float: right;
	color: #fff;
	display: inline-block;
	padding-left: 20px;
	position: relative
}

.wrapper .form-title .h2-a:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAAHeTXxYAAAABGdBTUEAALGPC/xhBQAAAghJREFUSA29lqFOA0EQhnvtNZQgQKBA8hAkGBxIEiQCUQgWhcDCOyBISIogSDQYBCE8ABZTDY6EFtK745src8zt7V3aptBkO7Oz/z//7OzetbUkSdYHg0ESRVGvxieQiTjyCYKgXx+6w2/QLQk8ahBEtyYUpeX4KTcMw0DguZWUo0nEltZgQeLn6kH+0gLyGqyouORvK5K9vnvrVYDYnI53QXJn+UEUxJVVmiplsIcOfX1QtFriZ8RnsP1GozGbxaV0gof1ev1Kg2rjOO5CmtO5kktrU6DPeusmY8Q4Ynz6SF4l2ybtvCV7SRbg9TnHF8lWNmjEhktUpT134Wd+IZZ2b7K/uwwjCtnEcay6VUyVyLTo4NMppb/ZuCpqeXat0ocYes+pksVlnYTkfyjo1DUj7ZxPNfQE76l7R+I0oknXdl1MoTwU5hUEYUF9a73dg/gM4QPgqgWLTxVNL8kF2rmQCuVZQIkfBXJhKWWlBDBSmO30efK3sL/302WaO9l216rmFJi+GQ0//WWg6MKTJHkmaUOpPiItCrhl9FzBsQ+pVMWzYFv6p0KqPekNUv5YdqpnVKU8shDb39YfT7HM1ziDr6rkdm0kIRKeM24skfkT81Mbq/JHEuKqHnBlj20inh95o53YWJX/f7eOFsRVlUxpLQl5Ry3xb2Sf9ixPKWmWhk28kr+Djb4BELNAuMA3/PcAAAAASUVORK5CYII=) no-repeat 0 0 transparent;
	background-size: 100% 100%;
	line-height: 1;
	left: 0;
	top: 8px
}

.wrapper .form-title .customer-info {
	font-weight: 400;
	margin-left: 20px;
	display: none;
	padding-left: 10px;
	border-left: 1px solid #fff;
	font-size: 12px;
	height: 16px;
	line-height: 16px
}

.wrapper .form-top {
	border-bottom: 1px solid #ededed;
	padding: 8px 0 16px
}

.wrapper .form-top .col {
	width: 220px;
	display: inline-block
}

.wrapper .form-top .long {
	width: 300px
}

.wrapper .form-top .middle {
	width: 230px
}

.wrapper .form-top .short {
	width: 150px
}

.wrapper .form-top .width-auto {
	width: auto;
	margin-right: 15px
}

.wrapper .form-top .width-auto:last-child {
	margin-right: 0
}

.wrapper .order-top {
	padding-bottom: 16px
}

.wrapper .order-top input {
	width: 500px
}

.wrapper .order-top input.readonly,
.wrapper .order-top input.readonly:focus {
	border: none;
	background-color: #fff
}

.wrapper .order-top .m-2 {
	margin-left: 160px
}

.wrapper .order-top .m-3 {
	margin-left: 22px
}

.wrapper .order-top .col {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px
}

.wrapper .order-top .col:first-child {
	margin-left: 0
}

.wrapper .order-detail .m-2 {
	margin-left: 60px
}

.wrapper .input-date-box .input-date {
	width: 278px
}

.wrapper .order-info .l,
.wrapper .order-info .r {
	width: 570px
}

.wrapper .order-info .l .form-row,
.wrapper .order-info .r .form-row {
	padding: 8px 0 0
}

.wrapper .order-info .l .form-row label,
.wrapper .order-info .r .form-row label {
	width: 40px
}

.wrapper .order-info .l .form-row label.tip-label,
.wrapper .order-info .r .form-row label.tip-label {
	width: 66px
}

.wrapper .order-info .l input,
.wrapper .order-info .r input {
	width: 508px
}

.wrapper .order-info .l .input-short,
.wrapper .order-info .r .input-short {
	width: 150px
}

.wrapper .order-info .l .input-card,
.wrapper .order-info .r .input-card {
	width: 266px
}

.wrapper .info-box .form-row {
	padding: 8px 0 0
}

.wrapper .info-box input {
	width: 80px
}

.wrapper .info-box label {
	width: 44px
}

.wrapper .info-box select {
	width: 102px
}

.wrapper .pay-box .span-r {
	float: right;
	color: #fff
}

.wrapper .pay-box .form-row {
	padding: 8px 0 0
}

.wrapper .pay-box .form-row label {
	width: 107px
}

.wrapper .pay-box .form-row label:first-child {
	width: 76px
}

.wrapper .pay-box .form-row label.label-wait {
	margin-left: 6px;
	width: 190px;
	text-align: left
}

.wrapper .pay-box .form-row label.label-comments,
.wrapper .pay-box .form-row label.label-receipt {
	width: 125px
}

.wrapper .pay-box .form-row .comments-box {
	width: 100%;
	text-align: left;
	line-height: 20px;
	vertical-align: top;
	display: block;
	margin-top: 8px
}

.wrapper .pay-box .form-row .comments-box label {
	width: 86px
}

.wrapper .pay-box .input-text {
	width: 80px
}

.wrapper .pay-box .note-input {
	width: 561px
}

.wrapper .pay-box .sales-input {
	width: 80px
}

.wrapper .btn-box {
	text-align: center
}

.wrapper .btn-box .btn {
	width: 120px;
	text-align: center
}

.wrapper .btn-box .opt-box {
	position: fixed;
	width: 100%;
	background-color: #fff;
	bottom: 0;
	left: 0;
	padding: 15px 0;
	border-top: 1px solid #e5e5e5
}

.wrapper .icon-add {
	width: 24px;
	height: 33px;
	display: inline-block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsSAAALEgHS3X78AAAAcklEQVQokWMUKv7vwMDAsJ6BgUGAgTjwgYGBIZBRqPj/exI0wTUzkaGJgYGBQYAJl8ymTAjGBXBqJATI1siCzEF2mo4UppjfdCrYyChU/P8/NgmYTci2IAP6Bw5OpxJj4wcy9H1gYmBgCCRR8wcGBoZAAMrGGHECjgwxAAAAAElFTkSuQmCC) no-repeat 50% transparent;
	vertical-align: middle
}

.wrapper input.readonly,
.wrapper input.readonly:focus {
	border: 1px solid #dcdcdc;
	background-color: #f1f1f1
}

.wrapper .log-top {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px
}

.pop-box .form-box {
	padding-top: 20px
}

.pop-box .form-box .form-row {
	font-size: 14px;
	color: #666;
	padding: 0 0 10px
}

.pop-box .form-box .form-row label {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-align: right;
	width: 120px;
	margin-right: 6px
}

.pop-box .form-box .form-row .input-text {
	width: 220px
}

.pop-box .textarea {
	width: 300px;
	height: 80px
}

.log-box {
	padding: 10px;
	border: 1px solid #1273ff;
	background-color: #f1f8ff
}

.log-box h3 {
	margin-bottom: 10px
}

.log-box .log-list li {
	line-height: 16px;
	margin: 4px 0
}

.back-box {
	border-bottom: 1px solid #1273ff;
	color: #221815;
	padding-bottom: 6px;
	margin-bottom: 6px
}

.back-box .r-a {
	margin-top: 6px
}

.back-box .back-content {
	display: flex;
	margin-right: -1%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	height: 0
}

.back-box h2 {
	line-height: 22px;
	padding-left: 4px
}

.back-box .block-info {
	width: 33%;
	display: inline-block;
	margin: 0 1% 0 0;
	border-radius: 8px
}

.back-box .block-info h3 {
	padding: 10px 0 0 10px
}

.back-box .block-info .block-ul {
	padding: 10px 0 10px 10px
}

.back-box .block-info .block-ul li {
	display: inline-block;
	padding: 3px 0;
	width: 49%
}

.back-box .block-info .block-ul li.b {
	display: block;
	width: auto
}

.back-box .block-info .block-ul .line {
	padding: 3px 0 8px;
	margin-bottom: 5px
}

.back-box .b1 {
	background-color: #ffc
}

.back-box .b2 {
	background-color: #cff
}

.back-box .b3 {
	background-color: #fcc
}

.back-box .slide-down {
	visibility: visible;
	opacity: 1;
	height: auto
}

.update-box {
	background-color: #ffc;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #e8e85b;
	line-height: 20px
}

.animate {
	-webkit-transition: all .6s;
	transition: all .6s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden
}

.target-ul {
	margin: 15px 25px
}

.target-ul li {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5
}

.target-ul li:hover {
	background-color: #ffc
}