/* common */

html {
    overflow: hidden;
}

em {
    font-style: normal;
}
button {
    outline: none;
    border-width: 0;
}

.app-page,
.app-content,
.app-topbar {
    background-color: #384655;
}

.app-page {
    z-index: 2;
}
/*这里是为了解决title下落的问题，观看pos端是，没有下落，wang.p 2019-05-17*/
.app-topbar .app-title{
    position: absolute;
    top: 5px;
}

.app-android .app-topbar .app-title {
    text-align: center;
    float: initial;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    left: 0;
}

.app-section {
    margin: 9px;
    padding: 0;
    background-color: transparent;
    border-bottom: none;
    -webkit-border-radius: initial;
    border-radius: initial;
}

.app-page .app-input {
    background-color: #27313c;
    border-radius: 6px;
    height: 43px;
    line-height: 43px;
}

.app-topbar .app-button.back {
    display: inline-block;
    height: 100%;
    width: 20px;
    position: relative;
    z-index: 4000;
    float: left;
}

.app-topbar .app-button.back.active {
    opacity: initial;
    background-color: initial;
}

.app-topbar .app-button.back:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 18px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
    height: 16px;
}

.app-topbar .app-button.back.active:before {
    opacity: 0.8;
}

.small {
    font-size: small;
}

.xsmall {
    font-size: x-small;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.twoTextEllipsis {
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*绝对居中*/
.v-center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.nd {
    display: none;
}

.pr {
    position: relative;
}
.pa {
    position: absolute;
}

/*隐藏的提交表单*/
.hiddenSubmit {
    position: absolute;
    left: -100px;
    top: -100px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    outline: none;
}

/*用于处理点击选中的效果， 支持checkbox/radio的点击效果
 <label class="checkStatus">
    <input type="checkbox" name="reason" value="1">
    <span>活动优惠</span>
</label>
 * */

label.checkStatus {
    position: relative;
    display: inline-block;
}

label.checkStatus > span {
    display: block;
    line-height: 42px;
    border: 1px solid #ed8b34;
    border-radius: 5px;
    text-align: center;
    color: #333;;
    font-size: 15px;
    font-weight: normal;
}

label.checkStatus > input {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

label.checkStatus > input:checked + span {
    background-color: #ed8b34;
    color: #fff;
}

label.checkStatus > span.taken-table {
    background-color: #f7e2d2;
}

/*模拟ios滑动
    <span class="slider">
        <input type="checkbox" />
        <span></span>
    </span>
 * */

span.slider {
    display: inline-block;
    width: 70px;
    height: 36px;
    border: 1px solid #d9d9d9;
    border-radius: 36px;
    position: relative;
    background-color: #fff
}

span.slider > input {
    width: 100%;
    opacity: 0;
    height: 100%;
    outline: none;
    padding: 0;
    margin: 0;
    z-index: 2;
    position: absolute;
}

span.slider > span {
    width: 34px;
    height: 34px;
    position: absolute;
    left: 3px;
    top: 1px;
    background-color: #9f9f9f;
    border-radius: 34px;
    transition-property: all;
    transition-duration: 0.3s;
}

span.slider > input:checked + span {
    background-color: #ed8b34;
    left: 33px;
}

/*正在加载*/

.loading {
    position: absolute;
    z-index: 6000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
}

.loading.show {
    background-color: rgba(0, 0, 0, 0.5);
}

.loading > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 60px;
    margin: -30px 0 0 -25px;
    text-align: center;
    font-size: 10px;
    display: none;
}

.loading.show > div {
    display: block;
}

.loading > div p {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin: 0 2px;
    -webkit-animation: stretchdelay 1s infinite ease-in-out;
    animation: stretchdelay 1s infinite ease-in-out;
}

.loading > div p:nth-child(2) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loading > div p:nth-child(3) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loading > div p:nth-child(4) {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.loading > div p:nth-child(5) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

@-webkit-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1.0);
        transform: scaleY(1.0);
    }
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1.0);
        transform: scaleY(1.0);
    }
}

/*上拉加载loading*/

.scrollLoading {
    margin: 12px auto;
    border: 8px solid #aaa;
    height: 16px;
    width: 16px;
    background: #ccc;
    border-radius: 16px;
    -webkit-animation: pulse 2s ease-in-out 0s infinite;
    animation: pulse 2s ease-in-out 0s infinite;
}

@-webkit-keyframes pulse {
    0% {
        background-color: #ccc;
    }
    25% {
        background-color: #eee;
    }
    50% {
        background-color: #ccc;
    }
    75% {
        background-color: #eee;
    }
    100% {
        background-color: #ccc;
    }
}

/* 关于我们 */

.pos-info {
    height: 190px;
    text-align: center;
    padding: 0 auto;
}

.pos-info .pos-icon {
    display: block;
    width: 230px;
    height: 130px;
    margin: 0 auto;
    background: url(../img/guanyuwomen_zhihuiyun.png) 0 0/230px 130px no-repeat;
}

.pos-info .pos-name {
    height: 21px;
    line-height: 21px;
    margin-top: 3px;
    padding: 0 auto;
    font-size: 21px;
    color: #ffffff;
}

.pos-info .pos-version {
    width: 46px;
    height: 18px;
    line-height: 19px;
    text-align: center;
    margin: 15px auto 0;
    font-size: 12px;
    color: #75889c;
    border-radius: 12px;
    border: 1px solid #75889c;
}

.company-info {
    margin: 60px 25px;
    color: #75889c;
    font-size: 15px;
    line-height: 25px;
    vertical-align: top;
}
.company-info p {
    position: relative;
}
.company-info p>span {
    display: inline-block;
}
.company-info p>span:first-child {
    width:90px;
    position: absolute;
    top:0;
}
.company-info p>span:last-child {
    padding-left: 100px;
}
.company-ft-info {
    position: absolute;
    width: 100%;
    height: 38px;
    bottom: 15px;
    text-align: center;
}

.company-ft-info .company-logo {
    display: block;
    width: 56px;
    height: 20px;
    margin: 0 auto;
    background: url(../img/guanyuwomen_paiduiwang.png) 0 0/56px 20px no-repeat;
}

.company-ft-info .company-name {
    font-size: 13px;
    color: #75889c;
    margin: 5px auto 0;
}

/*账单*/
.billOrder-search-form .app-topbar .app-title {
    padding-left: 50px;
    padding-top: 4px;
}
.billOrder-search-form .app-topbar .app-input {
    line-height: 18px;
    font-size: 15px;
}

.bill-search-section {
    padding: 0 9px;
    height: 51px;
    line-height: 51px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    border-bottom: solid 1px #202831;
    box-sizing: border-box;
}

.bill-search-section .previous-day:active,
.bill-search-section .next-day:active {
    opacity: 0.8;
}

.bill-search-section .previous-day {
    background: url(../img/zhangdan_jiantou_zuo.png) left center/12px 21px no-repeat;
    height: 100%;
}

.bill-search-section .next-day {
    background: url(../img/zhangdan_jiantou_you.png) right center/12px 21px no-repeat;
    height: 100%;
}

.bill-search-section input {
    border: none;
    background-color: transparent;
    color: transparent;
    font-size: 21px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-appearance: none;
    outline: none;
    width: 100%;
    z-index: 2;
    position: absolute;
}
.bill-search-section>div:nth-child(2){
    position: relative;
}
.bill-search-section span.bill-date {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 21px;
    color: #fff;
}
.billOrder-list.app-list {
    margin-top: 15px;
}
.billOrder-list.app-list>li.app-button {
    height: 75px;
    line-height: 30px;
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 0 15px;
    color: #333;
    font-size: 17px;
    border-top: solid 1px #202831;
    border-bottom: solid 1px #202831;
}
.billOrder-list.app-list>li.app-button>span:nth-child(2n+1) {
    float: left;
    width: 60%;
}
.billOrder-list.app-list>li.app-button>span:nth-child(2n) {
    float: right;
    width: 40%;
    text-align: right;
}
.billOrder-list.app-list>li.app-button .diningtable-number {
    font-size: 21px;
    color: #0193E6;
    height: 40px;
    line-height: 40px;
}
.billOrder-list.app-list>li.app-button .billOrder-number {
    height: 40px;
    line-height: 40px;
}
.billOrder-list.app-list:empty:after {
    content: attr(data-empty);
    font-size: 15px;
    padding-top: 10em;
    color: #fff;
    display: block;
    text-align: center;
}

.bill-order-detail.order-detail .app-content .table-dish-list.app-list>li {
    padding-left: 6px;
    padding-right: 8px;
}

/* 切换服务器 */

.server {
    margin: 30px 9px;
}

.server .server-input {
    height: 53px;
    /*line-height: 53px;*/
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;
    background-color: #323e4c;
    color: #ffffff;
    border-radius: 6px;
    border: 1px solid #28313c;
    outline: none;
}
.server .server-input:first-of-type {
    width: 65%;
}
.server .server-input:last-of-type {
    width: 30%;
    float: right;
}

.server .app-button {
    height: 42px;
    line-height: 42px;
    margin: 15px 0;
    background-color: #ffffff;
    font-size: 21px;
    color: #333333;
    text-align: center;
    border-radius: 6px;
}

.server .app-button:active {
    background-color: #c4c8cc;
}

/*分段组件样式定义*/
ul.segment-control {
    list-style-type: none;
}

ul.segment-control > li {
    display: inline-block;
}

ul.segment-control > li label.checkStatus {
    height: 34px;
    line-height: 34px;
    width: 100%;
}

ul.segment-control > li label.checkStatus span {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-right-width: 0;
    line-height: 34px;
    padding: 0 10px;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
}

ul.segment-control > li:first-child label.checkStatus span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

ul.segment-control > li:last-child label.checkStatus span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right-width: 1px;
}

ul.segment-control > li label.checkStatus input:checked + span {
    background-color: #fff !important;
    color: #384655 !important;
}

/*菜品操作组件样式定义*/
ul.ordered-dish-operation {
    list-style-type: none;
    width: 100%;
}

ul.ordered-dish-operation li {
    width: 20%;
    float: left;
    height: 60px;
    text-align: center;
    color: #fff;
    background: center 7px no-repeat;
    -webkit-background-size: 27px;
    background-size: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    font-size: 14px;
}

ul.ordered-dish-operation li.discountDish {
    background-image: url(../img/icn_caipinzhekou.png);
    background-color: #ff4e67;
}

ul.ordered-dish-operation li.returnDish {
    background-image: url(../img/icn_tuicai.png);
    background-color: #ffbd4a;
}

ul.ordered-dish-operation li.giveDish {
    background-image: url(../img/icn_zengcai.png);
    background-color: #cf88e3;
}

ul.ordered-dish-operation li.changeDishPrice {
    background-image: url(../img/icn_gaijia.png);
    background-color: #37c2b3;
}

ul.ordered-dish-operation li.qicai {
    background-image: url(../img/icn_qicai.png);
    background-color: #59b6fe;
}
ul.ordered-dish-operation li.cuicai {
  background-image: url(../img/icn_cuicai.png);
  background-color: #FB8858;
}
ul.ordered-dish-operation li.huacai {
  background-image: url(../img/icn_huacai.png);
  background-color: #9AA49A;
}

ul.ordered-dish-operation li.disabled {
    background-color: #c7c8cc !important;
}

ul.ordered-dish-operation li:not(.disabled):active {
    opacity: 0.8;
}

ul.shopping-dish-operation {
    list-style-type: none;
    width: 100%;
    position: relative;
    text-align: right;
    background-color: #f2f2f2;
    border-top: 1px solid #d9d9d9;
}
ul.shopping-dish-operation li {
    display: inline-block;
    width: 20%;
    height: 60px;
    text-align: center;
    color: #fff;
    background: center 7px no-repeat;
    -webkit-background-size: 27px;
    background-size: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    font-size: 14px;
}
ul.shopping-dish-operation li.changeDishPrice {
    background-image: url(../img/icn_gaijia.png);
    background-color: #37c2b3;
}
ul.shopping-dish-operation li.changeDishNumber {
    background-image: url(../img/icn_number@2x.png);
    background-color: #ffbd4a;
}
ul.shopping-dish-operation li.jiaoqi {
    background-image: url(../img/icn_jiaoqi@2x.png);
    background-color: #ff4e67;
}
ul.shopping-dish-operation li.show-add-more {
    background-image: url(../img/icn_dapei.png);
    background-color: #37c2b3;
}
ul.shopping-dish-operation li.giveDish {
    background-image: url(../img/icn_zengcai.png);
    background-color: #cf88e3;
}
ul.shopping-dish-operation li.disabled {
    background-color: #c7c8cc !important;
}

ul.shopping-dish-operation li:not(.disabled):active {
    opacity: 0.8;
}

/*对话框样式处理*/

.app-android-5 .app-dialog-container.enabled {
    background-color: rgba(0, 0, 0, 0.75);
}

.dialog-page {
    display: none;
    background-color: #fafafc;
    color: #333;
    font-size: 17px;
}

.dialog-page:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.app-dialog-container .dialog-page {
    display: block;
}

.app-dialog-container .app-dialog {
    width: 95%;
    /*max-width: 400px;*/
    margin: 0 2.5%;
    border-radius: 6px;
    color: #333;
    background-color: #FAFAFC;
    border-top-color: #FAFAFC;
}
.app-dialog .text {
    text-align: left;
}

.dialog-page .app-content {
    padding: 6px;
    max-height: 400px;
    overflow-y: auto;
    background-color: #fafafc;
    box-shadow: none;
    line-height: 43px;
    position: relative;
}

.app-dialog .text {
    line-height: 43px;
    margin: 0;
    position: relative;
}

.dialog-page>.button.ok {
    position: relative;
}

.app-dialog .text:after,
.dialog-page>.button:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    overflow: hidden;
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
    background-color: #9f9f9f;
}

.app-dialog .text:after {
    bottom: 0;
}

.app-dialog .title {
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-bottom: 1px solid #384655;
    color: #333333;
    font-size: 21px;
    padding: 0;
    margin: 0;
    z-index: 2001;
}

.dialog-page .app-content .app-input {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    height: 54px;
    text-align: center;
    color: #333;
    font-size: 21px;
    line-height: 22px;
}

.app-dialog .button {
    background-color: transparent !important;
}

.app-dialog .button.ok {
    color: #ED8B34;
}

.app-dialog .button:active {
    background-color: #D9D9D9 !important;
    opacity: initial;
}

.app-dialog .button.ok + .button.cancel {
    position: relative;
}

.app-dialog .button.ok + .button.cancel:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #9F9F9F;
    overflow: hidden;
    -webkit-transform: scaleX(0.6);
    transform: scaleX(0.6);
    top: 1px;
    right: 0;
}

.app-dialog .dialog-button {
    background-color: #24ba9d;
    color: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border: 0;
    font-size: 17px;
}
.app-dialog .dialog-button:active {
    opacity: 0.8;
}
.app-dialog .dialog-button[disabled] {
    opacity: 0.5;
}

/*模拟select, 主要处理居中*/

.fake-select {
    position: relative;
}

.fake-select>span {
    position: relative;
    display: block;
    width: 100%;
    height: 54px;
    border: solid 1px #9F9F9F;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 54px;
    font-size: 21px;
    text-align: center;
    padding:0 18px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fake-select>span:after {
    content: '';
    position: absolute;
    right:0;
    top:0;
    height:100%;
    width:18px;
    background: url(../img/xianshiquanbu.png) no-repeat center;
    -webkit-background-size: 9px 5px;
    background-size: 9px 5px;
}

.fake-select>select.app-select {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    opacity: 0;
}


/*login*/

.dialog-page .login-form {
    margin-top: 30px;
    padding: 0 10px;
}

.dialog-page .login-form .app-input {
    height: 54px;
    font-size: 20px;
    text-align: center;
    color: #333;
    border-radius: 6px;
    border: 1px solid #9f9f9f;
}

.dialog-page .login-form .app-input:first-child {
    margin-bottom: 12px;
}

.dialog-page .login-button {
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #fff;
    background-color: #384655;
    text-align: center;
    margin: 30px 10px;
    border-radius: 6px;
}

.dialog-page .login-button:active {
    background-color: #727c87;
}

.discount-input {
    display: block;
    position: relative;
    height: 54px;
    line-height: 54px;
    padding: 15px 0;
}

.discount-input>span.value {
    position: absolute;
    left: 50px;
    right: 0;
}

.discount-dish .discount-input>span.value {
    left: 80px;
}

.discount-input>span.suffix {
    position: absolute;
    right: 16px;
    font-size: 21px;
}

.discount-list {
    list-style-type: none;
}

.discount-list>li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
}

.discount-list>li>label.checkStatus {
    display: block;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}

.reason-list {
    list-style-type: none;
}

.reason-list>li {
    float: left;
    margin-bottom: 10px;
    padding-right: 10px;
    min-width: 98px;
    max-width: 100%;
}

.reason-list>li>label.checkStatus {
    display: block;
}

.reason-list>li>label.checkStatus>span {
    padding: 0 15px;
    height: 42px;
    line-height: 40px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dialog-bottom-dash {
    border-bottom: 1px dashed #9f9f9f;
}

.dialog-bottom-margin {
    margin-bottom: 15px;
}

#schemeDetail {
    line-height: 30px;
    border-bottom: 1px dashed #9f9f9f;
}

#schemeDetail fieldset {
    border-radius: 6px;
    border: solid 1px #aaa;
    /*必须设置padding-top的值， 默认为小数5.6*/
    padding: 6px 12px 10px;
    margin-bottom: 10px;
}

#schemeDetail fieldset legend {
    padding: 0 10px;
}

.amounts-select {
    margin-bottom: 15px;
    display: none;
}

.amounts-select>span {
    float: left;
    border: solid 1px #384655;
    color: #384655;
    border-radius: 6px;
    text-align: center;
    width: 75px;
    height: 75px;
    line-height: 75px;
    margin-right: 7px;
    font-size: 23px;
}

.amounts-select>span:last-child {
    margin-right: 0;
}

.amounts-select>span:active {
    background-color: #bbbfc4;
}

.label-input {
    line-height: 54px;
    /* margin-bottom: 15px; */
    margin: 15px 0;
}

.print-kitchen {
    line-height: 54px;
    position: relative;
    display: block;
}

.print-kitchen>span.slider {
    right: 0;
    position: absolute;
    top: 9px;
}

.price-desc {
    display: block;
    height: 54px;
    line-height: 54px;
    margin-bottom: 10px;
}

.price-desc>span:first-child {
    float: left;
    width: 50%;
}

.price-desc>span:last-child {
    font-size: 21px;
    text-align: right;
    float: right;
    width: 50%;
}


/* 折扣方案Dialog */

.app-content .discount-text {
    height: 53px;
    line-height: 53px;
    font-size: 17px;
    color: #333333;
    border-bottom: 1px dashed #9f9f9f;
}

.discount-text #beforeDiscountAmount,
#memberDiscount,
#afterDiscountAmount {
    float: right;
    font-size: 21px;
}


/*二维码*/

.dialog-page .app-content .qr-img {
    margin: 10px auto;
    text-align: center;
}


/* 授权界面 */

.dialog-page .auth-form {
    padding: 15px 10px;
}

.app-content .error-message {
    line-height: 30px;
    font-size: 17px;
    color: #333333;
}

.dialog-page .auth-form .app-input {
    margin-top: 12px;
}


/* 开台界面 */
.open-table .show-all, .open-table .hide-all {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #999;
    text-align: center;
    position: relative;
}
.open-table .show-all:active, .open-table .hide-all:active {
    opacity: .8;
}
.open-table .show-all:after, .open-table .hide-all:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    background: center no-repeat;
    -webkit-background-size: 9px 5px;
    background-size: 9px 5px;
    opacity: .5;
}
.open-table .show-all:after {
    background-image: url(../img/dingdanxiangqing_zhankai.png);
}
.open-table .hide-all:after {
    background-image: url(../img/dingdanxiangqing_shouqi.png);
}
.open-table .show-all ~ * {
    display: none;
}


/* 开台界面功能选择 */
.open-table .operation-content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.open-table .hide-status {
    display: none;
}

.open-table .operation-item {
    flex: 1;
    height: 40px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}
.open-table .selected {
    color: #ffbd4a;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #FFFFFF;
}

.open-table .read-only {
    background-color: #cccccc;
}

/* 开台界面展示搜索的客户信息*/
.open-table .book-customer-list {
    position: absolute;
    top: 55px;
    left: 0;
    width: 200px;
    max-height: 140px;
    z-index: 1;
    background-color: #cccccc;
    border-radius: 10px;
    overflow: auto;
    border: 1px solid #cccccc;
}

.open-table .book-customer-list .customer-list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cccccc;
    background-color: #FFFFFF;
    flex-wrap: nowrap;
}
.open-table .book-customer-list .customer-list .customer-name {
    font-size: 16px;
    margin: 0 10px;
}
.open-table .book-customer-list .customer-list .customer-type {
    font-size: 12px;
    color: #808080;
}

/* 修改台头 */

.app-content .is-main-table {
    width: 100%;
    height: 54px;
    line-height: 54px;
    margin-bottom: 15px;
    position: relative;
}

.app-content .is-main-table .slider {
    position: absolute;
    right: 0;
    margin-top: 8px;
}


/* 选择餐牌 */

.menu-list {
    list-style-type: none;
    border-bottom: 1px dashed #9f9f9f;
    max-height:240px;
    overflow: auto;
}

.menu-list>li {
    float: left;
    width: 98px;
    height: 42px;
    margin: 0 6px 10px;
}

.menu-list>li>label.checkStatus {
    display: block;
}

.menu-list>li>label.checkStatus>span {
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
}

/*预定入座*/
.book-user-info, .book-time-info {
    border-bottom: dashed 1px #d9d9d9;
    line-height: 50px;
}
.book-time-info .book-time {
    color: #1d93e6;
    font-size:21px;
    padding: 0 6px;
}
.book-table-operation {
    padding-bottom: 10px;
}
.book-table-operation>li {
    display: inline-block;
    width: 48%;
    margin-right:1%;
}
.book-table-operation>li:last-child {
    margin-right: 0;
}
.book-table-operation>li .checkStatus {
    display: block;
}


/*点菜选择服务员*/
.selectWaiter .waiter-select {
    display: block;
    width: 100%;
    height: 54px;
    padding: 0;
}

.selectWaiter .waiter-select>select {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-appearance: none;
}

input.focus-bg-color {
    border: 1px solid #ed8b34 !important;
}

.dialog-page .place-list {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left: 2.5%;

}
.dialog-page .place-list > div {
    width: 30%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 2.5%;
    background-color: #FFFFFF;
    text-align: center;
    border: 1px solid #808080;
    border-radius: 4px;
}
.dialog-page .place-list > div.checked {
    background-color: #ed8b34;
    color: #FFFFFF;
}

/*取酒验证码*/
.dialog-page .fetch-code {
    align-items: center;
    justify-content: space-between;
}
.dialog-page .fetch-code input.fetch-num {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.dialog-page .fetch-code button{
    width: 90%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #f1f1f1;
}

/* 添加存酒信息*/
.add-save-wines-info-dialog .app-content .row-content {
    align-items: center;
    margin: 10px 0;
}
.add-save-wines-info-dialog .app-content .row-content .app-input {
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    text-align: left;
    width: 95%;
    font-size: 18px;
}
.add-save-wines-info-dialog .app-content .select-wines-btn {
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    background-color: #ed8b34;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 4px;
}


/* dialog 弹窗等待样式 */
.dialog-page .dialog-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
}
.dialog-page .dialog-loading .loading-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.dialog-page .dialog-loading .loading-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

.dialog-page .timer-list-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  z-index: 1;
  top: 0;
  left: 0;
}
.time-charge-list > li.list-item {
  float: left;
  list-style: none;
  padding: 5px;
}
.time-charge-list > li.list-item span {
  padding: 0 5px;
}

.show-timer-list-container {
  display: block !important;
}

.dialog-page .no-overflow {
  overflow: hidden !important;
}

.dialog-page .time-charge-row {
  display: none;
}

.dialog-page .show-time-charge-row {
  display: block !important;
}


.cooking-search-dialog .app-content {
  height: 400px;
}

.cooking-search-dialog .cooking-search-header {
  width: 100%;
  margin-bottom: 10px;
}

.cooking-search-dialog .cooking-item .cooking-list>span {
  color: #262626;
  padding: 0;
  font-size: 15px;
  margin-bottom: 10px;
}

.cooking-search-dialog .cooking-item .cooking-list .selected {
  background-color: #ED8B34;
  color: #fff;
  border-color: #ED8B34;
}

.cooking-search-dialog .dish-edit-list-title {
  color: #262626;
  background-color: #cccccc;
}

.cooking-search-dialog .cooking-search-header .search-btn {
  width: 90%;
  height: 50px;
  text-align: center;
  background-color: #1e8b7a;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 5px;
  float: right;
}



.dialog-save-wines-detail .base-title {
  font-size: 16px;
  font-weight: bold;
  background-color: #f1f1f1;
  box-sizing: border-box;
  padding: 0px 10px;
}

.dialog-save-wines-detail .base-detail {
  font-size: 14px;
  color: #262626;
  margin-bottom: 10px;
}

.dialog-save-wines-detail .base-detail .label {
  box-sizing: border-box;
  padding: 0 10px;
  color: #808080;
}

.dialog-save-wines-detail .ul-title {
  background-color: #ababab;
  box-sizing: border-box;
  padding: 0 5px;
}

.dialog-save-wines-detail li {
  box-sizing: border-box;
  padding: 5px;
  color: #484848;
  font-size: 14px;
  line-height: 25px;
  border-bottom: 1px solid #f0f0f0;
}
.dialog-save-wines-detail li>div:first-child {
  color: #262626;
  font-weight: bold;
}

.dialog-save-wines-detail .save-detail {
  margin-bottom: 10px;
}
.dialog-save-wines-detail .save-detail .flex-column {
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
}

.dialog-save-wines-detail .save-detail .center {
  text-align: center;
}
.dialog-save-wines-detail .save-detail .right {
  text-align: right;
}

.dialog-save-wines-detail .fetch-detail .center {
  text-align: center;
}
.dialog-save-wines-detail .fetch-detail .right {
  text-align: right;
}

/*微信支付宝扫码*/

.dialog-page .app-content .scan {
    margin-bottom: 15px;
    border: solid 1px #384655;
    border-radius: 6px;
    height: 54px;
    line-height: 54px;
    color: #333;
}

.dialog-page .app-content .alinfcpay {
    margin-bottom: 15px;
    border: solid 1px #384655;
    border-radius: 6px;
    height: 54px;
    line-height: 54px;
    color: #333;
}

/*挂账人查找*/

.dialog-page .dialog-search-form > div:first-child {
    position: relative;
}

.dialog-page .dialog-search-form > div input.app-input {
    text-align: left;
    padding-right: 60px;
    border-color: #384655;
}

.dialog-page .dialog-search-form > div input[type=submit] {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 54px;
    height: 54px;
    border-radius: 0 6px 6px 0;
    background-image: url(../img/tankuang_sousuo.png);
    -webkit-background-size: 29px;
    background-size: 29px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #384655;
    border: none;
    outline: none;
    padding: 0;
}

.dialog-page .dialog-search-form input[type=submit]:active {
    background-color: #737d88;
}

.dialog-page .dialog-search-form .app-list {
    position: absolute;
    width: 275px;
    margin-top: 10px;
    display: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    background-color: #fff;
    border-radius: 2px;
    z-index: 1000;
}

.dialog-page .dialog-search-form .app-list > li {
    line-height: 54px;
    height: 54px;
    padding: 0;
    margin: 0;
}

.dialog-page .dialog-search-form .app-list > li > label {
    display: block;
}

.dialog-page .dialog-search-form .app-list > li > label > input:checked + span {
    background-color: initial;
    color: initial;
}

.dialog-page .dialog-search-form .app-list > li > label > input:active + span {
    background-color: #d9d9d9;
}

.dialog-page .dialog-search-form .app-list > li span {
    display: block;
    border: none;
    border-radius: initial;
    line-height: 54px;
}

.dialog-page .dialog-search-form .app-list > li span em {
    font-style: initial;
}

.dialog-page .dialog-search-form .app-list > li:first-child {
    border-radius: 2px 2px 0 0;
}

.dialog-page .dialog-search-form .app-list > li:last-child {
    border-radius: 0 0 2px 2px;
}

.credit-list .credit-serial {
    text-align: left;
    padding-left: 6px;
    box-sizing: border-box;
}

.credit-list .credit-level {
    text-align: right;
    padding-right: 6px;
    box-sizing: border-box;
}

/*挂账人select*/

.dialog-page .credit-customer-user {
    padding: 5px 0 15px;
    line-height: 54px;
}

/*票券*/

.dialog-page .member-ticket-select > li {
    background-color: initial;
    border-bottom: dashed 1px #9d9d9d;
    border-top: none;
    height: 54px;
    line-height: 54px;
    padding: 0;
}

.dialog-page .member-ticket-select > li > span {
    line-height: 54px;
}

.dialog-page .member-ticket-select > li:first-child {
    border-top: dashed 1px #9d9d9d;
}

.dialog-page .member-ticket-select > li .selectTicket {
    display: block;
    float: right;
    width: 58px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background-color: #24ba9d;
    border-radius: 6px;
}

.dialog-page .member-ticket-select > li .selectTicket:active {
    background-color: #64cdb9;
}

/*会员*/

.dialog-page .dialog-search-form .member-list {
    margin-top: -10px;
}

.dialog-page .member-detail {
    margin: 0 0 15px;
}

/* 拉卡拉支付 */

.app-content .select-payment-type {
    list-style-type: none;
    overflow: hidden;
}

.select-payment-type > li {
    float: left;
    margin: 10px 0;
    padding-right: 12px;
    width: 159px;
}

.select-payment-type > li:nth-of-type(2n) {
    padding-right: 0;
}

.select-payment-type > li > label.checkStatus {
    display: block;
}

.select-payment-type > li > label.checkStatus > span {
    padding: 0 15px;
    height: 42px;
    line-height: 40px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*团购核销*/
.groupon-pay .app-content {
    min-height: 300px;
}
.groupon-pay .app-content > ul.switch-tab {
    list-style-type: none;
    position: relative;
    height: 44px;
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 20px;
}
.groupon-pay .app-content > ul.switch-tab:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 11px;
    height: 22px;
    width: 1px;
    background-color: #e0e0e0;
    clear: both;
}
.groupon-pay .app-content > ul.switch-tab > li {
    float: left;
    width: 50%;
    height: 44px;
    line-height: 44px;
    text-align: center;
}
.groupon-pay .app-content > ul.switch-tab > li > span {
    display: block;
    width: 100px;
    margin: 0 auto;
    position: relative;
    top: -1px;
}
.groupon-pay .app-content > ul.switch-tab:not(.manual-selected) > li:first-child > span,
.groupon-pay .app-content > ul.switch-tab.manual-selected > li:last-child > span {
    color: #24ba9d;
    border-bottom: solid 2px #24ba9d;
}
.groupon-pay .manual_verify {
    display: none;
}
.groupon-pay .manual-selected ~ .auto_verify {
    display: none;
}
.groupon-pay .manual-selected ~ .manual_verify {
    display: block;
}
.groupon-pay input[name="autoGrouponCode"] {
    padding-right: 55px;
}
.groupon-pay .auto_verify .scan-QR {
    height: 54px;
    width: 54px;
    right: 30%;
    -webkit-filter: brightness(0.1);
    filter: brightness(0.1);
    border: 0;
}
.groupon-pay .auto_verify .scan-QR[disabled] {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}
.groupon-pay .auto_verify .grouponDetail {
    line-height: 1.5em;
}
.groupon-pay .auto_verify .grouponDetail .error {
    color: #f54e4e;
}
.groupon-pay .auto_verify .group-ticket-total {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.groupon-pay .auto_verify .group-ticket-total .dish-operation {
  position: relative;
  width: 150px;
  bottom: 0;
}
.groupon-pay .auto_verify .group-ticket-total .dish-operation>button,
.groupon-pay .auto_verify .group-ticket-total .dish-operation .num{
  display: block;
}
.groupon-pay .auto_verify .group-ticket-total .dish-operation .num {
  width: 70px;
  background-color: #f1f1f1;
  position: relative;
  left: 40px;
}

.groupon-pay .current_use_ticket {
    list-style-type: none;
}
.groupon-pay .current_use_ticket li {
    height: 49px;
    line-height: 49px;
    border-top: 1px dashed #ccc;
    position: relative;
    padding-right: 90px;
}
.groupon-pay .current_use_ticket li span.amount {
    position: absolute;
    right:0;
    top:0;
    width: 90px;
    text-align: right;
}

/*验证码*/
.groupon-verify .verify-body {
    width: 90%;
    margin: auto;
}
.groupon-verify .verify-body .img-container {
    padding-right: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.groupon-verify .verify-body .img-container:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background: url(../img/tankuang_shuaxin.png) center no-repeat;
    -webkit-background-size: 27px 30px;
    background-size: 27px 30px;
}
.groupon-verify .verify-body .img-container:active:after {
    opacity: 0.8;
}
.groupon-verify .verify-body img {
    display: block;
    /*border: 1px solid #e0e0e0;*/
    width: 100%;
    height: 100%;
}

/*会员卡付款*/
.member-score-exchange .app-input {
    border-color: #999 !important;
    height: 40px !important;
    margin-top: 5px;
}
.member-score-exchange .exchange-amount {
    font-weight: bold;
}
.member-score-exchange .exchange-score {
    padding-left: 5px;
}
.member-score-exchange span.app-button {
    margin-top: 5px;
    color: #fff;
    background-color: #3c9;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.member-score-exchange span.app-button.disabled {
    background-color: #aaa;
    color: #666;
    border-color: #999;
}
.member-score-exchange span.app-button:not(.disabled):active {
    opacity: 0.8;
}
 

.table-list > li.list-item {
    float: left;
    list-style: none;
    padding: 5px;
}

.table-list > li.list-item > .checkStatus {
    width: 100px;
}

.change-dish-list {
    width: 100%;
    display: inline-block;
}

.change-dish-list > li.list-item {
    list-style: none;
    padding: 5px;
    width: 97%;
    margin: 0 auto;
}

.change-dish-list > li.list-item > .checkStatus {
    width: 100%;
}

.change-dish-list > li.list-item > .checkStatus > span {
    padding-left: 15px;
    text-align: left;
}

/*餐台列表*/

.diningtable-header > div {
    height: 100%;
    width: 50px;
}

.diningtable-header > div:not(.table-search-section):active {
    opacity: 0.5;
}

.slide-user {
    background: url(../img/top_gengduo.png) no-repeat center;
    -webkit-background-size: 24px;
    background-size: 24px;
    position: absolute;
}

.diningtable-header > .slide-user {
    left: 0;
    top: 0;
}

.table-filter {
    background: url(../img/home_icn_Selection_norml.png) no-repeat center;
    -webkit-background-size: 24px;
    background-size: 24px;
    position: absolute;
}
.table-filter.selected {
    background-image:url(../img/home_icn_Selected.png);
}

.diningtable-header > .table-filter {
    top: 0;
    right: 74px;
}

.diningtable-header > .message-badge {
    background-image: url(../img/top_xiaoxi.png);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 38px;
}

.diningtable-header > .refresh_table {
    background-image: url(../img/home_icn_refresh.png);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.diningtable-header > .message-badge > .number {
    background-color: #f54e4e;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.diningtable-header > .table-search-section {
    position: absolute;
    left: 50px;
    right: 126px;
    top: 0;
    height: 100%;
    padding-top: 4px;
    width: initial;
}

/*餐台过滤*/
.diningtable-filter-section {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2500;
    box-sizing: border-box;
    padding-top: 56px;
    color: #333;
    display: none;
}
.diningtable-filter-section.show {
    display: block;
}

.diningtable-filter-section section {
    background-color: #fff;
    padding: 6px;
    max-height: 80%;
    position: relative;
    overflow: auto;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.diningtable-filter-section.animation section {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.diningtable-filter-section .slider {
    position: absolute;
    right: 10px;
    top: 6px;
}
.diningtable-filter-section .slider input:checked + span {
    background-color: #24ba9d;
}

.diningtable-filter-section .filter-title {
    height: 40px;
    line-height: 40px;
    padding-left: 2px;
}
.diningtable-filter-section .filter-title:first-of-type {
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 6px;
}

.diningtable-filter-section .diningtable-filter-list {
    list-style-type: none;
    padding-bottom: 6px;
    border-bottom: solid 1px #e0e0e0;
}

.diningtable-filter-section .diningtable-filter-list li {
    float: left;
    width: 33%;
    margin-bottom: 14px;
    height: 40px;
    line-height: 40px;
}
.diningtable-filter-section .diningtable-filter-list li label.checkStatus {
    display: block;
    width: 90%;
    height: 100%;
    margin: 0 auto;
}
.diningtable-filter-section .diningtable-filter-list li label.checkStatus input:checked + span {
    border-color: #24ba9d;
    background-color: #e3fdf8;
    color: #333;
}
.diningtable-filter-section .diningtable-filter-list li label.checkStatus span {
    border-color: #e0e0e0;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
}
.diningtable-filter-section div.app-button {
    display: inline-block;
    width: 48%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 6px 0;
    border: solid 1px #e0e0e0;
    border-radius: 6px;
}
.diningtable-filter-section div.app-button.filter-ok {
    color: #ffffff;
    background-color: #24ba9d;
}
.diningtable-filter-section div.app-button:active {
    opacity:0.8;
}

/*餐台*/
.diningtable-list {
    padding: 6px 0 6px 6px;
}

.diningtable-list:empty:after {
    content: "未找到匹配的餐台";
    display: block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    padding-top: 10em;
    visibility: initial;
}

.diningtable-list > li.diningtable {
    border: none;
    float: left;
    color: #fff;
    position: relative;
    width: 114px;
    height: 140px;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 0;
    border-radius: 2px 25px 2px 2px;
    overflow: hidden;
    line-height: initial;
}

.diningtable-list > li.diningtable:active {
    opacity: 0.8;
}

.diningtable-list > li.diningtable[data-tablestatus="1"] {
    background-color: #24ba9d !important;
}

.diningtable-list > li.diningtable[data-tablestatus="2"] {
    background-color: #ed8b34 !important;
}

.diningtable-list > li.diningtable[data-tablestatus="3"] {
    background-color: #5bc553 !important;
}

.diningtable-list > li.diningtable[data-tablestatus="4"] {
    background-color: #959595 !important;
}

.diningtable-list > li.diningtable[data-tablestatus="6"] {
    background-color: #3881ce !important;
}

.diningtable .diningtable-number {
    /*line-height: 114px;*/
    font-size: 21px;
    text-align: center;
    white-space: initial;
}

.diningtable .diningtable-group {
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 15px;
}

.diningtable .diningtable-waiter {
    position: absolute;
    top: 25px;
    right: 6px;
    font-size: 14px;
    width: 90%;
    color: #c0c0c0;
}

.diningtable .diningtable-amount {
    position: absolute;
    bottom: 6px;
    right: 0px;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0 4px;
    width: 100%;
    text-align: right;
}

.diningtable-filter-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background-color: #384655;
    z-index: 1;
}
 
.diningtable-filter-container .diningtable-filter-list {
    list-style-type: none; 
    overflow-x: auto; 
    overflow-y: visible;
    white-space: nowrap; 
    box-sizing: border-box; 
    padding-left: 10px;
    position: relative;
    top: 65px;
}

.diningtable-filter-container .diningtable-filter-list li { 
    display: inline-block;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;  
}
.diningtable-filter-container .diningtable-filter-list li label.checkStatus { 
    height: 100%; 
}
.diningtable-filter-container .diningtable-filter-list li label.checkStatus input:checked + span {
    border-color: #24ba9d;
    background-color: #9cf5e4;
    color: #333;
}
.diningtable-filter-container .diningtable-filter-list li label.checkStatus span {
    border-color: #e0e0e0;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    background-color: rgb(253,253,253);  
    padding: 0 10px;
    min-width: 60px;
}
 
.floor-menu-fixed-content .diningtable-filter-container {
    display: block;
}
.floor-menu-fixed-content .diningtable-list {
    padding: 60px 0 6px 6px;
}

.fetch-wines-page .app-content {
  background-color: #FFFFFF;
  color: #262626;
}

.fetch-wines-page .fetch-detail {
  box-sizing: border-box;
  padding: 10px 10px;
}

.fetch-wines-page .fetch-detail >div {
  padding: 10px 0;
}

.fetch-wines-page .ul-title {
  background-color: #f0f0f0;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  justify-content: space-between;
}

.fetch-wines-page ul {
  margin-bottom: 55px;
}
.fetch-wines-page ul li {
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #f5f5f5;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.fetch-wines-page ul li .order-name {
  font-weight: bold;
  margin-bottom: 5px;
}

.fetch-wines-page ul .fetch-num {
  width: 90%;
  height: 40px;
  background-color: #f1f1f1;
  border: 1px solid #808080;
  border-radius: 4px;
}


.fetch-wines-page .footer {
  position: fixed;
  bottom: 0px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px 0;
  background-color: #384655;
}
.fetch-wines-page .footer > div {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  background-color: #ed8b34;
  color: #FFFFFF;
}
.save-wines-manage .footer >div:first-child {
  background-color: #FFFFFF;
  color: #ed8b34;
}

.dialog-page .dialog-content {
    padding-top: 0px;
    margin-top: 0px;
}

.dialog-page .give-dish-input {
    width: 100%;
    height: 54px;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: dashed 1px #333333;
    position: relative;
}

.dialog-page .give-dish-input > label {
    line-height: 54px;
    height: 54px;
}

.dialog-page .give-dish-input input {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    height: 54px;
}




/*虚拟键盘定义*/
#keyboard-page {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6666;
    left: 0;
    top: 0;
}

.keyboard-container {
    width: 100%;
    clear: both;
    position: relative;
    background-color: #fff;
}

#keyboard-page > .keyboard-container {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

#keyboard-page.animation > .keyboard-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.keyboard-container .search-result {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    color: #333;
}

.keyboard-container .keyboard-section {
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    text-align: center;
}

.keyboard-container .keyboard-section button {
    color: #333;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 18px;
    outline: none;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    border-width: 0 1px 1px 0;
    height: 48px;
}

.keyboard-container .keyboard-section.nine button {
    width: 33.3333%;
    letter-spacing: 2px;
}

.keyboard-container .keyboard-section.full button {
    width: 10%;
}

.keyboard-container .keyboard-section.nine button:nth-of-type(3n) {
    border-right-width: 0;
}

.keyboard-container .keyboard-section.full button:nth-of-type(10n) {
    border-right-width: 0;
}

.keyboard-container .keyboard-section.full div.kbRow:nth-of-type(n+3) button:first-child {
    border-left-width: 1px;
}

.keyboard-container .keyboard-section.full > button {
    position: absolute;
    bottom: 0;
    border: 0;
    width: 15%;
}

.keyboard-container .keyboard-section.full > button.switch {
    left: 0;
}

.keyboard-container .keyboard-section.full > button.back {
    right: 0;
}

.keyboard-container .keyboard-section button:not(.disabled):active {
    background-color: rgba(0, 0, 0, 0.12);
}

.keyboard-container .keyboard-section button.back {
    background: url(../img/Keyborad_icn_delete.png) center no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.keyboard-container .keyboard-section button[data-action] {
    color: #a6a6a6;
}

/*拉卡拉POS奇葩问题修复*/
/*.lklpos .order-settle .app-content > :first-child,*/
/*.lklpos .table-taken .app-content > :first-child {*/
    /*margin-top: 11px;*/
/*}*/

.lklpos .dialog-page .login-form .app-input {
    line-height: normal;
    font-size:18px;
}

.lklpos .dialog-page .give-dish-input div {
    width:70%;
}

.lklpos .dish-edit-list-item label.price-input input {
    font-size: 18px;
}

.lklpos .shopping-car-container > .shopping-car-item > .price {
    font-size: 15px;
}

@media (min-width: 260px) and (max-width: 359px) {
    .diningtable-list > li.diningtable {
        width: 32% !important;
    }
    .bill-info > .app-button:not(.bill-detail):not(.snack-takeout) {
        width: 70px !important;
    }
    .payment-type-list > li {
        font-size: 13px !important;
    }
    #operationContainer>div.free-operation>span {
        width: 31% !important;
    }
    .amounts-select>span {
        width: 22.33% !important;
    }
    .cooking-item .cooking-list > span {
        width: 90% !important;
    }
}
@media (max-height: 520px) {
    .dialog-page .app-content {
        max-height: 300px !important;
    }
    .company-info {
        margin: 12px !important;
    }
}
.member-search-page .app-topbar .input-wrapper,
.recharge-list-page .app-topbar .input-wrapper {
    position: absolute;
    left: 50px;
    top: 0;
    height: 100%;
    right: 42px;
    padding-top: 10px ;
}
.member-search-page .app-topbar .input-wrapper>input,
.recharge-list-page .app-topbar .input-wrapper>input {
    height: 36px;
    color: #fff;
}

.member-detail {
    background-color: #0193e6;
    border-radius: 6px;
    margin: 30px 9px;
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
    line-height: 35px;
}

.member-detail>:first-child {
    border-bottom: dashed 1px #096193;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.member-detail>* {
    padding: 0 10px;
    box-sizing: border-box;
}

.member-search-page .text-result {
    font-size: 17px;
}

.member-search-page .card-operation .app-button {
    margin: 15px 9px;
    border-radius: 6px;
    color: #333;
    font-size: 21px;
}

#memberCardList {
    list-style-type: none;
    z-index: 3000;
    top:56px;
    left: 50px;
    right: 42px;
    background-color: #fff;
    position: absolute;
    color: #333;
    box-shadow: 0 2px 2px rgba(0,0,0,0.5);  
    max-height: 400px;
    overflow-y: auto;
}
#memberCardList>li.member-card {
    line-height: 27px;
    padding: 6px 6px 0;
}
#memberCardList>li.member-card>label.checkStatus {
    display: block;
    border-bottom: solid 1px #d9d9d9;
}
#memberCardList>li.member-card:active {
    background-color: #d9d9d9;
}
#memberCardList>li.member-card>label.checkStatus>span {
    border: none;
    text-align: left;
    line-height: 24px;
}
#memberCardList>li.member-card>label.checkStatus>span>em {
    font-style: initial;
}
#memberCardList em.member-name, #memberCardList em.member-mobile {
    font-size: 17px;
}
#memberCardList em.member-cardNO {
    font-size: 13px;
}


.dialog-member-sms-verify .member-row {

}
.dialog-member-sms-verify .member-row .label {
  display: inline-block;
  width: 100px;
}

.dialog-member-sms-verify .verify-row {
  margin-bottom: 15px;
  text-align: center;
}

.dialog-member-sms-verify .member-row .verify-input {
  width: 200px;
  display: inline-block;
}

.dialog-member-sms-verify .member-row .send-btn {
  display: inline-block;
  width: 100px;
  background-color: #005DC6;
  color: #FFFFFF;
  height: 48px;
  line-height: 52px;
  text-align: center;
  border-radius: 6px;
  margin-left: 10px;
}

.dialog-member-sms-verify .member-row .start-time {
  background-color: #cccccc;
}
.dialog-member-sms-verify .member-row .jump-verfiy {
  display: inline-block;
  color: #005DC6;
  text-decoration: underline;
}

/* 消息页面 */

/*设置title居中*/
.messageList .app-topbar .app-title {
    /*width: auto;*/
    /*padding-right: 52px;*/
}

.message-action {
    margin: 9px 9px 0;
    height: 60px;
    position: relative;
    display: none;
}

.message-action .app-button {
    width: 50%;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    background-color: #2b5278;
    border-radius: 6px 6px 0 0;
    -webkit-transition-property: height, background-color, line-height;
    transition-property: height, background-color, line-height;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    position: absolute;
    bottom: 0;
}
.message-action .app-button:last-child {
    left: 50%;
}
.message-action .app-button:active {
    opacity: 0.8;
    background-color: #2b5278;
}
.message-action .message-current:active.app-button {
    background-color: #ed8b34;
}
.message-action .message-current {
    height: 60px;
    line-height: 60px;
    margin: 0;
    background-color: #ed8b34;
}

.app-content ul.systemMessage-list {
    margin: 9px;
    background-color: #fff;
}
.app-content ul.systemMessage-list:empty:after {
    content: "未收到消息";
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding-top: 10em;
}

.app-content .systemMessage-list li.app-button {
    min-height: 74px;
    height: initial;
    line-height: 74px;
    padding: 0;
    margin: 0 6px;
    border-bottom: 1px solid #d9d9d9;
    border-top: none;
}

.app-content .systemMessage-list .list-read {
    float: left;
    width: 5%;
    min-height: 73px;
}

.app-content .systemMessage-list .list-context {
    float: left;
    width: 95%;
    min-height: 73px;
}

.app-content .systemMessage-list .is-read {
    display: block;
    width: 8px;
    height: 8px;
    margin: 34px auto;
    margin-top: 34px;
    margin-right: 9px;
    background-color: #f54e4e;
    border-radius: 100%;
}

.app-button .diningtable-number,
.message-time,
.server-status {
    display: block;
    min-height: 40px;
    line-height: 40px;
}

.app-button .message-context,
.server-staff {
    display: block;
    width: 100%;
    line-height: 34px;
}

.app-button .message-context {
    min-height: 34px;
    white-space: normal;
}

.app-button .server-staff {
    height: 34px;
}

.app-button .server-mark {
    font-size: 18px;
    color: #f54e4e;
}

.app-button .diningtable-number {
    float: left;
    width: 66%;
    font-size: 18px;
    color: #333333;
}

.app-button .message-time {
    float: left;
    width: 34%;
    font-size: 14px;
    color: #808080;
    text-align: right;
}

.app-button .server-status,
.server-staff {
    font-size: 14px;
    color: #808080;
    text-align: right;
}

.app-button .message-context {
    float: left;
    width: 100%;
    display: block;
    font-size: 15px;
    color: #333333;
}

.app-content .message-left {
    float: left;
    width: 66%;
    min-height: 74px;
}

.app-content .message-right {
    float: left;
    width: 34%;
    min-height: 74px;
}

.app-content .app-button .server-button {
    display: block;
    height: 42px;
    line-height: 42px;
    margin: 17px 0 17px 15px;
    text-align: center;
    font-size: 18px;
    background-color: #ec3453;
    color: #ffffff;
    border-radius: 6px;
}


/** 一品多吃页面样式 */

/** 单位数量 */
.multi-dish-page .multi-dish-content .multi-dish-unit{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
  font-size: 16px;
  margin: 5px 10px;
}
.multi-dish-page .multi-dish-content .multi-dish-unit .app-input {
  color: #FFFFFF;
  text-align: right;
}

.multi-dish-page .multi-dish-content .multi-dish-price {
  font-size: 18px;
  color: #FFFFFF;
  padding: 10px;
}
.multi-dish-page .multi-dish-content .multi-dish-price .price {
  word-break: break-all;
}
.multi-dish-page .multi-dish-content .multi-dish-price .price-total {
  font-size: 20px;
  font-weight: bold;
  color: #ED8B34;
}

.multi-dish-page .multi-dish-cooking-list,
.multi-dish-page .filter-multi-dish-cooking-list {
  margin-bottom: 60px;
}
.multi-dish-page .multi-sub-dish-list,
.multi-dish-page .multi-dish-cooking-list,
.multi-dish-page .filter-multi-dish-cooking-list{
  flex-wrap: wrap;
  padding-left: 10px;
}
.multi-dish-page .multi-sub-dish-list .multi-sub-item,
.multi-dish-page .multi-dish-cooking-list .cooking-item,
.multi-dish-page .filter-multi-dish-cooking-list .cooking-item{
  padding: 25px 4px;
  margin: 10px 8px 10px 0;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 3px;
  text-align: center;
  position: relative;
  width: 28%;
  display: inline-block;
}

.multi-dish-page .multi-sub-dish-list .multi-sub-item .sub-num,
.multi-dish-page .multi-dish-cooking-list .cooking-item .cooking-num,
.multi-dish-page .filter-multi-dish-cooking-list .cooking-item .cooking-num{
  position: absolute;
  top: 1px;
  right: 4px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  background-color: #FFFFFF;
  color: #808080;
  display: none;
}

.multi-dish-page .multi-sub-dish-list .multi-sub-item .sub-price,
.multi-dish-page .multi-dish-cooking-list .cooking-item .cooking-price,
.multi-dish-page .filter-multi-dish-cooking-list .cooking-item .cooking-price{
  position: absolute;
  bottom: 0;
  right: 8px;
  text-align: center;
  font-size: 14px;
  color: #cccccc;
}

.multi-dish-page .multi-sub-dish-list .checked,
.multi-dish-page .multi-dish-cooking-list .checked,
.multi-dish-page .filter-multi-dish-cooking-list .checked{
  background-color: #ED8B34;
}
.multi-dish-page .multi-sub-dish-list .checked .sub-num,
.multi-dish-page .multi-dish-cooking-list .checked .cooking-num,
.multi-dish-page .filter-multi-dish-cooking-list .checked .cooking-num {
  display: inline-block;
}

.multi-dish-page .cooking-menu {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  border-bottom: 1px solid #46586A;
}
.multi-dish-page .tab-list .tab {
  min-width: 100px;
  max-width: 200px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  padding: 10px 10px;
  color: #cccccc;
  position: relative;
}
.multi-dish-page .tab-list .bottom-line {
  position: absolute;
  width: 60%;
  height: 2px;
  bottom: 0px;
  left: 20%;
}

.multi-dish-page .tab-list .checked {
  color: #ED8B34;
}
.multi-dish-page .tab-list .checked .bottom-line {
  background-color: #ED8B34;
}

.multi-dish-page .search-cooking-content {
  padding: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.multi-dish-page .search-input {
  color: #FFFFFF;
}

.multi-dish-page .search-btn {
  width: 70px;
  text-align: center;
  height: 40px;
  background-color: #1e8b7a;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 5px;
  margin-left: 10px;
}

.multi-dish-page .content-hidden {
  display: none !important;
}


.multi-dish-page .footer {
  position: absolute;
  z-index: 3000;
  right: 0;
  bottom: 0;
  height: 60px;
  padding: 9px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #384655;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3);
}

.multi-dish-page .footer .app-submit {
  border-radius: 6px;
  background-color: #ED8B34;
  color: #FFFFFF;
  height: 42px;
  line-height: 42px;
  text-align: center;
}

.multi-dish-page .footer .app-submit:active {
  opacity: 0.8;
}

/* 点菜 */

.order-dishes-header>div {
    height: 100%;
    width: 50px;
}

.order-dishes-header>div:not(.switch-display):active {
    opacity: 0.5;
}

.order-dishes-header>.slide-user {
    left: 0;
    top: 0;
}

.order-dishes-header>.switch-display {
    position: absolute;
    left: 80px;
    right: 80px;
    text-align: center;
    width: auto;
}

.order-dishes-header .dining-table {
    position: absolute;
    top: 48px;
    left: 0;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    z-index: 1;
    background-color: #384655;
    color: #ed8b34;
}
.order-dishes-header .dining-table .people-number{
    text-align: right;
}

.app-android .order-dishes-header>.switch-display {
    line-height: 56px;
}

.order-dishes-header ul.segment-control>li {
    min-width: 70px;
}

.order-dishes-header>.scan-QR {
    top: 0;
    right: 0;
}

.scan-QR {
    background: url(../img/top_erweima.png) no-repeat center;
    -webkit-background-size: 24px;
    background-size: 24px;
    position: absolute;
}

/*------*/
.order-dishes .app-content {
    display: flex;
    flex-direction: column;
}
.order-dishes .app-content-body {
    height: 100%;
    width: 100%;
    position: relative;
    flex: 1;
    box-sizing: border-box;
    padding-bottom: 60px;
}

.order-dishes .app-content-body>ul {
    list-style: none;
    overflow: auto;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 60px;
    color: #333;
}

.order-dishes .dish-type-list {
    position: absolute;
    width: 80px;
    left: 0;
    top: 0;
}

.order-dishes .dish-list {
    margin-left: 80px;
    background-color: #f0f3f6;
}

.order-dishes .dish-search-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.order-dishes .dish-search-list .dish-list {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 330px;
    margin-left: 0;
    overflow: auto;
}

/*购物车*/
.order-dishes .shopping-car-container {
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #fff;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    padding-top: 16px;
}

.order-dishes .shopping-car-container.animation {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.order-dishes .shopping-car-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px #d9d9d9;
    background-color: #fafafa;
}

.order-dishes .shopping-car-container::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 50%;
    width: 20px;
    height: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.order-dishes .dish-type-list>li {
    position: relative;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #28313c;
}

.order-dishes .dish-type-list>li .dish-type-name {
    padding-left: 4px;
    border-left: 4px solid transparent;
    font-size: 15px;
    color: #fefefe;
    -webkit-transition-property: background-color, color, border-left-color;
    transition-property: background-color, color, border-left-color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.order-dishes .dish-type-list>li.selected .dish-type-name {
    color: #333;
    background-color: #f0f3f6;
    border-left-color: #24ba9d;
}

.order-dishes .dish-type-list>li .dish-count {
    position: absolute;
    right: 5px;
    top: 5px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #24ba9d;
    font-size: 12px;
    color: #fefefe;
    border-radius: 16px;
    padding: 0 5px;
    box-sizing: border-box;
}

.order-dishes .dish-list>li {
    height: 75px;
    padding: 0 6px;
    border-bottom: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.order-dishes .dish-list>li.dish-type {
    height: 24px;
    line-height: 24px;
    background-color: #e7e9e9;
    color: #999;
    font-size: 15px;
    border-bottom: solid 1px #dee1e4;
}

.order-dishes .dish-list .dish-name {
    line-height: 40px;
    font-size: 18px;
}

.order-dishes .dish-list .dish-name .multi-tag {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #edab28;
    color: #fff;
    border-radius: 3px;
}
.order-dishes .dish-list .dish-name .multi-tag-hide {
    display: none;
}

.order-dishes .dish-list .dish-name .sale-out {
    display: inline-block;
    min-width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background-color: #ed2828;
    color: #fff;
    /*margin-left: 6px;*/
    border-radius: 3px;
    font-size: 13px;
}

.order-dishes .dish-list>li p.price {
    width: 50%;
    font-size: 13px;
    line-height: 34px;
}

.order-dishes .dish-list>li p.estimated_cost {
    width: 50%;
    font-size: 11px;
    line-height: 34px;
    color: #ed8b34;
    position: absolute;
    top: 25px;
    left: 0;
    display: none;
    transform: scale(0.9);
}

.estimated_show {
    display: inline-block !important;
}

.shopping-car-container>.shopping-car-item,  .shopping-car-container>.already-dish-item{
    border-bottom: 1px solid #d9d9d9;
    font-size: 17px;
    line-height: 30px;
}

.shopping-car-container>.shopping-car-item>.dish-item {
    position: relative;
    padding: 10px 200px 10px 30px;
}

.shopping-car-container>.already-dish-item>.dish-selected {
    position: relative;
    padding: 10px 200px 10px 9px;
}

.shopping-car-container>.shopping-car-item .name {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
}

.shopping-car-container>.shopping-car-item .name:after, .shopping-car-container>.already-dish-item .dish-name:not(.disabled):after {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    left: 0;
    background: url(../img/icn_down.png) center no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
}

.shopping-car-container>.shopping-car-item.expand .name:after, .shopping-car-container>.already-dish-item.expand .dish-name:not(.disabled):after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shopping-car-container>.shopping-car-item .sort-number {
    position: absolute;
    left: 0px;
    width: 30px;
    text-align: center;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.shopping-car-container>.shopping-car-item .price {
    position: absolute;
    right: 118px;
    width: 80px;
    text-align: center;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.shopping-car-container>.shopping-car-item .detail {
    font-size: 15px;
    color: #666;
    padding-left: 6px;
    line-height: 24px;
}

.shopping-car-container>.shopping-car-item .dish-operation {
    top: 50%;
    right: 9px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.shopping-car-container>.shopping-car-item .dishOperation {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #384655;
    overflow: hidden;
}

.shopping-car-container>.shopping-car-item .dishOperation>.app-button {
    float: left;
    background-color: transparent;
    color: #fff;
    font-size: 17px;
    border-right: solid 1px #28313c;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.shopping-car-container>.shopping-car-item .dishOperation>.app-button:last-of-type {
    border-right: none;
}

.shopping-car-container>.shopping-car-item .dishOperation>.app-button:active {
    opacity: 0.7;
}

.shopping-car-container>.shopping-car-item .dishOperation>.app-button>span {
    text-align: center;
    padding: 0 10px;
    min-width: 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

/*菜品操作 + -按钮*/
.dish-operation {
    position: absolute;
    right: 6px;
    bottom: 3px;
    width: 100px;
    height: 36px;
}

.dish-operation .num {
    line-height: 36px;
    text-align: center;
    font-size: 20px;
}

.dish-operation .num.more {
    color: #ee3131;
}

.dish-operation .num:empty {
    display: none;
}

.dish-operation .num:empty+.subtract {
    display: none;
}

.dish-operation>button {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #d9d9d9;
    background-color: #fff;
    padding: 0;
    font-size: 24px;
    position: absolute;
    top: 0;
}

.dish-operation>button:last-child {
    right: 0;
}

.dish-operation>button:before {
    content: '';
    width: 16px;
    height: 2px;
    background-color: #384655;
    display: block;
    position: absolute;
    top: 16px;
    left: 9px;
}

.dish-operation>button:last-child:after {
    content: '';
    height: 16px;
    width: 2px;
    background-color: #384655;
    display: block;
    position: absolute;
    left: 16px;
    top: 9px;
}

.dish-operation>button:active {
    opacity: 0.7;
}


.dish-operation .sell-out-btn {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    width: 90px;
    height: 36px;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #d9d9d9;
    background-color: #fff;
    padding: 0;
    font-size: 16px;
    position: absolute;
    top: 0;
    text-align: center;
    display: inline-block;
}

.dish-operation .cancel-sell-out {
    color: #ff0000;
    background-color: #dfdf21;
}

/** 沽清页面 */
.sell-out .dish-list .dish-name .sale-out.nd {
    display: none;
}


/*菜品搜索界面*/
.order-dishes .dish-search-list .keyboard-container {
    position: absolute;
    left: 0;
    bottom: 60px;
}

.order-dishes .estimated-cost-search .keyboard-container {
    bottom: 90px;
}

/* 底部样式 */

.order-dishes .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(56, 70, 85, 0.9);
    z-index: 2001;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
}

.order-dishes .footer .app-button {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 17px;
    margin: 9px 0;
    padding: 0;
}

.order-dishes .footer .goodsCar {
    background: url(../img/diancai_gouwuche.png) 6px 6px no-repeat;
    background-size: 36px 27px;
    position: relative;
    font-size: 24px;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 60px;
}

.order-dishes .footer .goodsCar:active {
    opacity: 0.7;
}

.order-dishes .footer .goodsCar .goods-car-dish-count {
    display: none;
    position: absolute;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    min-width: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #ee3131;
    color: #fff;
    text-align: center;
    top: 0;
    left: 30px;
    padding: 0 5px;
    box-sizing: border-box;
}

.order-dishes .footer .doOrderDish {
    width: 90px;
    color: #fff;
    background-color: #ed8b34;
    border-radius: 6px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 5px;
}

.order-dishes .footer .doOrderDish:active {
    background-color: #b7763e;
}

.order-dishes .footer .more {
    background: url(../img/diancai_gouwuche_gengduo.png) center no-repeat;
    background-size: 25px 6px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
}

.order-dishes .footer .more:active {
    opacity: 0.7;
}

.order-dishes .footer .more+.doOrderDish {
    right: 55px;
}

.order-dishes .footer .more-operation-list {
    position: absolute;
    right: 9px;
    bottom: 55px;
    list-style-type: none;
    width: 133px;
    height: 360px;
    box-sizing: border-box;
    background: url(../img/cantai_gengduo.png) left top no-repeat;
    background-size: 133px 360px;
    -webkit-background-size: 133px 360px;
    padding: 0 2px 0 2px;
}

.order-dishes .footer .more-operation-list li {
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    color: #fefefe;
    border-bottom: solid 1px #28313c;
}

.order-dishes .footer .more-operation-list li:active {
    color: #adb1b6;
}

.order-dishes .footer .more-operation-list li:last-child {
    border-bottom: none;
}

.order-dishes .footer .estimated_cost_total {
    display: none;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 60px;
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;
    font-size: 14px;
}

.estimated_cost_total p{
    display: inline-block;
    box-sizing: inherit;
    width: 45%;
}

.estimated_cost_total p span{
    color: #ed8b34;
}

.order-dishes .footer .hide {
    display: none;
}



/*继续搭配*/
.order-dish-list>li {
    position: relative;
    margin-bottom: 12px;
    background-color: #fff;
    font-size: 17px;
    color: #333;
}

.order-dish-list>li:first-child {
    margin-top: 15px;
}

.order-dish-list>li .name {
    font-size: 20px;
    height: 54px;
    line-height: 54px;
    border-bottom: dashed 1px #D9D9D9;
    padding-left: 9px;
    padding-right: 120px;
}

.order-dish-list>li .detail {
    padding: 15px 9px 36px;
}

.order-dish-list>li .modify {
    position: absolute;
    bottom: 6px;
    right: 9px;
    height: 24px;
    line-height: 24px;
    width: 45px;
    font-size: 15px;
    border: solid 1px #d9d9d9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.order-dish-list>li .modify:active {
    background-color: #c4c8cc;
}

.order-dish-list>li .dish-operation {
    top: 10px
}

.has-order-dish .button.continue {
    margin: 40px auto 80px;
    width: 90px;
    height: 42px;
    line-height: 42px;
    color: #384655;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
}

.has-order-dish .button.continue:active {
    background-color: #c4c8cc;
}

/*菜品分量及做法*/
.dish-edit-list-title {
    height: 30px;
    /*border-bottom: solid 1px #28313c;*/
    padding: 0 9px;
    color: #c0c0c0;
    background-color: #46586A;
    font-size: 17px;
    line-height: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.dish-edit-list-item {
    position: relative;
    border-bottom: solid 1px #28313c;
    font-size: 20px;
    padding: 0 9px;
    color: #d9d9d9;
    height: 54px;
    line-height: 54px;
}
.dish-hangup-list-item {
  border-bottom: solid 1px #d9d9d9;
  color: #28313c;
  height: auto;
  line-height: 35px;
}
.dish-hangup-list-item .dish {
  padding: 5px 0px;
}
.dish-hangup-list-item .name {
  font-size: 22px;
}
.dish-hangup-list-item .unit {
  color: #ABABAB;
  font-size: 18px;
}
.dish-select li.dish-edit-list-item:last-of-type {
    border-bottom: none;
}

.dish-edit-list-item label.checkStatus {
    display: block;
}

.dish-edit-list-item label.checkStatus>span, .dish-hangup-list-item label.checkStatus>div {
    border-radius: 0;
    border: none;
    color: inherit;
    text-align: left;
    padding-right: 40px;
    background: url(../img/fapiao_up.png) right center no-repeat;
    background-size: 30px;
    -webkit-background-size: 30px;
}

.dish-edit-list-item label.checkStatus>input:checked+span, .dish-hangup-list-item label.checkStatus>input:checked+div {
    color: inherit;
    background-color: inherit;
    background-image: url(../img/fapiao_down.png);
}

.dish-edit-list-item label.price-input {
    position: absolute;
    display: block;
    top: 6px;
    right: 80px;
    width: 85px;
}

.dish-edit-list-item label.price-input input {
    background-color: #323e4c;
    border: solid 1px #28313c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    color: #fff;
    text-align: center;
}

/*做法*/
.cooking-item .cooking-list {
    padding-top: 12px;
}

.cooking-item .cooking-list>span, .custom-cooking-list>span {
    display: inline-block;
    margin-left: 5%;
    margin-bottom: 12px;
    border: solid 1px #808080;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #d9d9d9;
    height: 42px;
    line-height: 40px;
    width: 42.5%;
    text-align: center;
    border-radius: 6px;
    padding: 0 10px;
    position: relative;
}

.custom-cooking-list>span .delete-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #ff0000;
    z-index: 1;
    font-size: 16px;
}


.cooking-item .cooking-list .selected {
    background-color: #ED8B34;
    color: #fff;
    border-color: #ED8B34;
}

.cooking-item.hand-cookie input.app-input {
    color: #d9d9d9;
}

.package-subdish-page .cooking-item.hand-cookie input.app-input {
    color: #333;
}

/**
备注： 修改做法搜索时，发现dish-unit-cooking下面没有 app-content-body类，而且做法最后一个被遮挡，所有就将其app-content-body修改为app-content
author: wang.p  2021-12-05
*/
.dish-unit-cooking .app-content> :last-child {
    padding-bottom: 60px;
}

.dish-unit-cooking .app-content-body .more-cooking-container .cooking-item {
    position: relative;
}

.dish-unit-cooking .app-content-body .more-cooking-container .cooking-item .collapse-cell:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 16px;
    height: 16px;
}

.dish-unit-cooking .app-content-body .more-cooking-container .cooking-item .expand-cell:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 10px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
}

.dish-unit-cooking .footer {
    position: absolute;
    z-index: 3000;
    right: 0;
    bottom: 0;
    height: 60px;
    padding: 9px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #384655;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3);
}

.dish-unit-cooking .footer .app-submit {
    border-radius: 6px;
    background-color: #ED8B34;
    color: #FFFFFF;
    height: 42px;
    line-height: 42px;
    text-align: center;
}

.dish-unit-cooking .footer .app-submit:active {
    opacity: 0.8;
}

/* 增加做法搜索 */
.dish-unit-cooking .cooking-search {
    background-color: #46586A;
    margin-bottom: 10px;
    text-align: right;
    padding: 5px 10px;
    box-sizing: border-box;
}
.dish-unit-cooking .cooking-search button {
    width: 100px;
    text-align: center;
    height: 40px;
    background-color: #1e8b7a;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 5px;
}

.dish-unit-cooking .custom-cooking-btn {
    width: 80px;
    text-align: center;
    height: 40px;
    background-color: #1e8b7a;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 5px;
    margin-left: 5px;
}


/*普通套餐*/
.dish-edit-list-item.exchange {
    position: relative;
}

.dish-edit-list-item.exchange:after {
    background: url(../img/icon_taocan_tihuan.png) 98% center no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    height: 100%;
    width: 30px;
    position: absolute;
    right: 9px;
    top: 0;
    content: '';
}

/*可选项，选中后，左边可以点击*/
.dish-edit-list-item.checkStatus {
    position: relative;
}

.dish-edit-list-item.checkStatus input {
    position: absolute;
    right: 0;
    width: 48px;
    top: 0;
    height: 100%;
    -webkit-appearance: none;
    background: url(../img/fapiao_up.png) center no-repeat;
    background-size: 30px;
    -webkit-background-size: 30px;
    outline: none;
}

.dish-edit-list-item.checkStatus input:checked {
    background-image: url(../img/fapiao_down.png);
}

.dish-edit-list-item.checkStatus input:disabled {
    opacity: 0.6;
}
/* 套餐子菜沽清显示 */
.dish-edit-list-item > span.sale-out,
.dish-edit-list-item.checkStatus p > .sale-out {
  display: none;
  min-width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  background-color: #ed2828;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  padding: 2px;
}
.dish-edit-list-item > span.sale-out-show,
.dish-edit-list-item.checkStatus p > .sale-out-show {
  display: inline-block;
}


/*分组套餐*/
.dish-edit-list-item .dish-operation {
    top: 50%;
    right: 9px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

/*已下单菜品*/
.order-dishes .app-content-body .table-dish-list.app-list > li {
    height: initial;
    position: relative;
    min-height: 60px;
    border-bottom: solid 1px #ccc;
    padding: 0;
    border-top: none;
    line-height: 40px;
}

.order-dishes .app-content-body .shopping-car-container > li label.dish-selected {
    /*padding-left: 6px;*/
    padding-right: 8px;
}

.order-dishes .app-content-body .already-dish-item .dish-name {
    position: relative;
    padding-left: 20px;
}
.order-dishes .app-content-body .already-dish-item .dish-name.cross-dish:before {
  content: '划';
  padding: 0px 2px;
  background-color: #8299B1;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
}
.order-dishes .app-content-body .already-dish-item .detail, .order-dishes .app-content-body .already-dish-item .order-date {
    font-size: 15px;
    color: #666;
    padding-left: 6px;
    line-height: 24px;
}
.order-dishes .app-content-body .already-dish-item .order-date {
    color: #999;
}

.order-dishes .app-content-body .already-dish-item .dish-status-list {
  position: absolute;
  top: 5px;
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  gap: 0 4px;
  overflow: hidden;
}
.order-dishes .app-content-body .already-dish-item .dish-status {
    font-size: 15px;
    color: #ffffff;
    height: 25px;
    line-height: 26px;
    padding: 0 5px;
    border-radius: 4px;
    background-color: #1e8b7a;
    display: none;
}
.order-dishes .app-content-body .already-dish-item .dish-status-show {
    display: inline-block;
}
.order-dishes .app-content-body .already-dish-item .dish-status-orange-bg {
    background-color: #ffa500;
}
.order-dishes .app-content-body .already-dish-item .dish-status-red-bg {
    background-color: #ff0000;
}


.order-dishes .app-content-body .already-dish-item .dish-name.disabled {
    padding-left: 6px;
}

/*.order-dishes .app-content-body ul.dining-table-top-22 {*/
/*    padding-top: 22px;*/
/*}*/

/*.order-dishes .app-content-body ul.dining-table-top {*/
/*    padding-top: 30px;*/
/*}*/

.app-content .app-content-header {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    z-index: 1;
}

.app-content-header .dining-table {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    background-color: #384655;
    color: #ed8b34;
}
.app-content-header .dining-table .people-number{
    text-align: right;
}

/* 酒楼模式显示菜品大类样式 */
.app-content-header .dish-type-big-content {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex;
    white-space: nowrap;
    background-color: rgba(255, 189, 74, 0.76);
    color: #FFFFFF;
}
.app-content-header .dish-type-big-content.nd {
    display: none;
}
.app-content-header .dish-type-big-content::-webkit-scrollbar {
    display: none;
}
.app-content-header .dish-type-big-content .big-item {
    width: 120px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #FFFFFF;
}
.app-content-header .dish-type-big-content .big-item.selected {
    background-color: #1e8b7a;
}

/*酒楼模式下仅显示就餐人数和餐台时，app-content-body padding-top样式*/
.order-dishes .app-content-body.has-dining-table {
    padding-top: 30px;
}
.order-dishes .app-content-body.has-dining-table .dish-type-list {
    padding-top: 30px;
}

/*酒楼模式下显示就餐人数和餐台，以及菜品大类时，app-content-body padding-top样式*/
.order-dishes .app-content-body.has-dining-table-and-type-big {
    padding-top: 70px;
}
.order-dishes .app-content-body.has-dining-table-and-type-big .dish-type-list{
    padding-top: 70px;
}

/* 启用显示毛利率，app-content-body padding-bottom样式*/
.order-dishes .app-content-body.has-stimated-cost {
    padding-bottom: 90px;
}
.order-dishes .app-content-body.has-stimated-cost .dish-type-list{
    padding-bottom: 90px;
}

.package-subdish-page {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.package-subdish-page.show {
    display: block;
}

.package-subdish-page.animation {
    background-color: rgba(0, 0, 0, 0.9);
}

.package-subdish-page > .app-content {
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    left: 72px;
    background-color: #fff;
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}

.package-subdish-page.animation > .app-content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.package-subdish-page .app-button.close {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    left: 6px;
    background: url(../img/diancai_zuofa_guanbi_up.png) center no-repeat;
    background-size: 30px;
    -webkit-background-size: 30px;
    -webkit-transform: translate3d(-66px, -50%, 0);
    transform: translate3d(-66px, -50%, 0);
    -webkit-transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    opacity: 0;
}

.package-subdish-page.animation .app-button.close {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    opacity: 1;
}

.package-subdish-page .app-button.close:active {
    background-image: url(../img/diancai_zuofa_guanbi_down.png);
}

.package-subdish-page .app-button.submit {
    border-radius: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 42px;
    z-index: 400;
}

.package-subdish-page .dish-edit-list-title {
    background-color: #f5f5f5;
    color: #838383;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.package-subdish-page .sub-dish-container ul {
    list-style: none;
}

.package-subdish-page .sub-dish-container ul label.checkStatus > span {
    line-height: 54px;
}

.package-subdish-page .dish-edit-list-item {
    color: #333;
    border-bottom-color: #e9e9e9;
}
.package-subdish-page .cooking-list > span {
    color: #333;
    border-color: #D9D9D9;
}

.package-subdish-page.dish-unit-cooking .footer {
    padding:0;
    padding-left: 72px;
    right:0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    background-color: transparent;
}
.package-subdish-page .footer .app-button {
    border-radius: 0;
}
.package-subdish-page .footer .app-button.app-submit:active {
    background-color: #f2ae71;
    opacity: 1.0;
}
/* 消息页面 */

/*设置title居中*/
.paytoorderlist .app-topbar .app-title {
    /*width: auto;*/
    /*padding-right: 52px;*/
}


.paytoorderlist .payment-list-header {
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #AAA;
}

    .paytoorderlist .payment-list-header .list-context {
        float: left;
        width: 100%;
        min-height: 30px;
    }

.paytoorderlist ul.paytoorder-list {
    padding: 0;
}

.paytoorderlist .payment-list .list-context {
    float: left;
    width: 100%;
    min-height: 30px;
}

.paytoorderlist .paytoorder-list .payment-list {
    height: 30px
}

.paytoorderlist .paytoorder-list li.app-button {
    height: 60px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.paytoorderlist .app-button .pay-serial-number {
    float: left;
    width: 34%;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

.paytoorderlist .app-button .pay-time {
    float: left;
    width: 20%;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

.paytoorderlist .app-button .pay-dish-num {
    float: left;
    width: 20%;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

.paytoorderlist .app-button .pay-pay-amount {
    float: left;
    width: 20%;
    font-size: 12px;
    color: #000000;
    text-align: center;
    clear: right
}

.paytoorderlist .payment-list .pay-two-line {
    clear: left;
}

.paytoorderlist .pay-two-line {
    width: 100%;
    text-align: right;
    padding-right: 10px;
}

    .paytoorderlist .pay-two-line > span {
        font-size: 12px;
        color: #808080;
        margin-left: 5px;
    }

    .paytoorderlist .pay-two-line .pay-print {
        font-size: 12px;
        color: #808080;
        margin-left: 5px;
        background-color: #f1f1f1;
        padding: 3px;
        border: 1px solid #808080;
    }

/* 打印格式设置 */

ul.print-style {
    list-style: none;
    margin: 0 9px;
    border-bottom: 1px dotted #28313c;
}

.print-style .print-list {
    height: 54px;
    line-height: 54px;
    margin: 15px 0px;
    font-size: 17px;
    color: #d9d9d9;
}


/*模拟select, 主要处理居中*/

.page-select {
    position: relative;
}

.page-select>span {
    display: block;
    width: 100%;
    height: 54px;
    border: solid 1px #28313c;
    background-color: #323e4c;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 54px;
    font-size: 17px;
    text-align: center;
    /* background-image: url(../img/xianshiquanbu.png); */
    -webkit-background-size: 9px 5px;
    background-size: 9px 5px;
    background-position: 95% center;
    background-repeat: no-repeat;
}

.page-select>select.app-select {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    opacity: 0;
}

.print-list .style-input {
    height: 54px;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    background-color: #323e4c;
    border-radius: 6px;
    border: 1px solid #28313c;
    outline: none;
}

.print-list .style-input {
    width: 75px;
}

.print-test {
    width: 90px;
    height: 42px;
    line-height: 42px;
    margin: 45px auto;
    text-align: center;
    font-size: 17px;
    color: #384655;
    background-color: #ffffff;
    border-radius: 6px;
}

.print-list span.slider{
    float: right;
    margin-top: 8px;
}


.push-food .app-content {

}

.push-food .footer .app-button{
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}

.push-food .push-food-check-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.push-food .push-food-check-container .push-food-check {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ababab;
  background-color: #ffffff;
}

.push-food .push-food-check-container .push-food-check:after {
  content: ' ';
  display: inline-block;
  width: 15px;
  height: 8px;
  border-width: 0 0 3px 3px;
  overflow: hidden;
  border-color: #fff;
  border-style: solid;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 13px;
  top: 25px;
}

.push-food .checked .push-food-check {
  background-color: #24ba9d;
}


.push-food .footer .app-button.cancel-btn {
  background-color: #d95e40;
}
.push-food .footer .app-button.check-all-btn {
  background-color: #13a88a;
}
.push-food .footer .app-button.push-food-btn {
  background-color: #278fc6;
}



.search-member, .recharge-container, .member-recharge-page .payment-type-list {
    position: relative;
    margin: 10px 9px;
}
.member-recharge-page #memberCardDetail {
    margin-top: 0;
    margin-bottom: 0;
}

.search-member .member-card-container {
    padding-right: 80px;
}

.search-member .member-card-container input {
    color: #fff;
    padding-right: 50px;
}

.search-member .scan-QR {
    position: absolute;
    right: 80px;
    top: 0;
    width: 48px;
    height: 48px;
}

.search-member .scan-QR:active {
    opacity: 0.8;
}

.search-member .reset {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 6px;
    background-color: #43bd9e;
    color: #fff;
    padding: 0 18px;
    font-size: 17px;
    height: 48px;
    line-height: 48px;
    outline: none;
}

.search-member .reset.app-button.active {
    opacity: 0.8;
    background-color: #43bd9e;
}

.search-member #memberCardList {
    top: 50px;
    left: 0;
    right: 80px;
}

.recharge-container {
    background-color: #fff;
    line-height: 48px;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 10px 15px;
}

.recharge-container input {
    background-color: transparent !important;
    border-bottom: none;
}

.recharge-container input[name="rechargeAmount"], .recharge-container input[name="rechargeGiveAmount"] {
    border: 1px solid #f0f0f0;
}
.recharge-container .rechargeTotal {
    color: #ed8b34;
}
.recharge-container .rechargeGiveTicket {
    color: #888;
}
.recharge-container label {
    position: relative;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.recharge-container label input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    width: 22px;
    height: 100%;
    left: 0;
    background: url(../img/recharge_select_normal.png) center no-repeat;
    -webkit-background-size: 22px;
    background-size: 22px;
    outline: none;
}

.recharge-container label input[type=radio]:checked {
    background-image: url(../img/recharge_select_pressed.png);
}

/*充值详情*/
.recharge-detai-section {
    background-color: #fff;
    margin: 10px 9px;
    padding: 6px 10px;
    line-height: 1.8em;
    text-align: center;
}

.recharge-detai-section .recharge-no {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    background-color: #3a4754;
    color: #fff;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
}

.recharge-detai-section .recharge-amount {
    color: #0f0f0f;
    font-size: 30px;
    height: 36px;
    line-height: 40px;
}

.recharge-detai-section .recharge-give {
    color: #0f0f0f;
    font-size: 15px;
}

.recharge-detai-section .recharge-status {
    color: #43bd9e;
    height: 40px;
    line-height: 40px;
}

.recharge-detai-section .flex-column {
    text-align: left;
    color: #808080;
}

.member-detail .recharge-button {
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #fff;
    border-radius: 6px;
    font-size: 17px;
}

.member-detail .recharge-button:active {
    background-color: rgba(1, 1, 1, 0.3);
    border-color: transparent;
}

.recharge-detail-page .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    background-color: rgba(56, 70, 85, 0.6);
    z-index: 2001;
    padding: 9px 0;
    border-top: solid 1px #333;
    box-sizing: border-box;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.recharge-detail-page .footer .app-button {
    width: 46%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 6px;

}

.recharge-detail-page .footer .app-button:active {
    opacity: 0.8;
}

.recharge-detail-page .footer .recharge-refund {
    background-color: #fff;
    color: #e78440;
}

.recharge-detail-page .footer .recharge-retry {
    background-color: #e78440;
    color: #fff;
}

.member-recharge-page #memberCardList>li.member-card {
    height: auto;
}

/** 存酒管理的页面样式 */
.save-wines-manage {
}

.save-wines-manage .save-wines-manage-form {
  box-sizing: border-box;
  padding: 15px 5px 5px;
  position: fixed;
  width: 100%;
  height: 195px;
  top: 44px;
  left: 0;
  background-color: inherit;
}
.save-wines-manage-form .form-row {
  height: 40px;
  align-items: center;
  margin-bottom: 5px;
}
.save-wines-manage-form .date-container {
  position: relative;
  height: 100%;
  line-height: 40px;
}

.save-wines-manage-form .label {
  color: #FFFFFF;
}

.save-wines-manage-form .date-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #fff;
  border: solid 1px #28313c;
  background-color: #323e4c;
  border-radius: 6px;
  padding-left: 5px;
  box-sizing: border-box;
}

.save-wines-manage-form .input-date {
  border: none;
  background-color: transparent;
  color: transparent;
  font-size: 18px;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  outline: none;
  z-index: 2;
  position: absolute;
}

.save-wines-manage-form .key-word-input {
  height: 100%;
  font-size: 15px;
  border: solid 1px #28313c;
  background-color: #323e4c;
  border-radius: 6px;
  color: #FFFFFF;
}
.save-wines-manage-form .search-btn {
  background-color: #384655;
  color: #FFFFFF;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.save-wines-manage-form .select-container {
  position: relative;
  height: 100%;
}
.save-wines-manage-form .select-container > span{
  color: #FFFFFF;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  border: solid 1px #28313c;
  background-color: #323e4c;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 17px;
  text-align: center;
  -webkit-background-size: 9px 5px;
  background-size: 9px 5px;
  background-position: 95% center;
  background-repeat: no-repeat;
}

.save-wines-manage-form .select-container .app-select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  opacity: 0;
}
.save-wines-manage-form .search-btn {
  height: 100%;
  width: 80px;
  border-radius: 4px;
  border: 1px solid #28313c;
  background: #1C7DE6;
  float: right;
}

.save-wines-manage-form .list-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 0;
}

.save-wines-manage-form .list-title .save-order {
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
}

.save-wines-manage .save-wines-manage-list {
  background-color: #FFFFFF;
  overflow: auto;
  font-size: 14px;
  padding-top: 190px;
  padding-bottom: 55px;
}
.save-wines-manage .save-wines-manage-list > li {
  box-sizing: border-box;
  min-height: 40px;
  text-align: center;
}

.save-wines-manage .save-wines-manage-list > li.selected {
  background-color: rgba(255,0, 0, 0.25);
}


.save-wines-manage-list .li-row {
  height: 100%;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}
.save-wines-manage-form .list-title .save-order, .save-wines-manage-list .save-order {
  text-align: left;
}

.save-wines-manage-list .operation {
  background-color: #1e8b7a;
  color: #FFFFFF;
  border-radius: 4px;
  width: 85%;
  padding: 6px 0;
  margin: 0 auto;
}

.save-wines-manage-list .li-row .customer-name > div:first-child {
  margin-bottom: 5px;
}

.save-wines-manage .tips-container {
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 0px 0 50px;
  background-color: #fff;
  color: #808080;
}

.save-wines-manage .footer {
  position: fixed;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  left: 0;
  bottom: 0px;
  align-items: center;
  justify-content: space-between;
  background-color: #384655;
  padding: 5px 0;
}
.save-wines-manage .footer > div {
  background-color: #ed8b34;
  color: #FFFFFF;
  border-radius: 4px;
  margin: 0 20px;
  padding: 0 20px;
}
.save-wines-manage .footer >div:first-child {
  background-color: #FFFFFF;
  color: #ed8b34;
}



.save-wines-page .app-content {
  background-color: #FFFFFF;
}

.save-wines-page .base-title {
  font-size: 18px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  padding: 10px;
}
.save-wines-page .base-info {
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 16px;
}
.save-wines-page .base-info .flex-column {
  padding: 10px 0;
}
.save-wines-page .base-info .input {
  width: 90%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #808080;
  border-radius: 4px;
  background-color: #f1f1f1;
  font-size: 16px;
}
.save-wines-page .base-info .label {
  line-height: 44px;
}
.save-wines-page .base-info .label > span {
  color: #ff0000;
  margin-right: 3px;
}

.save-wines-page .base-info .check-label {
  align-items: center;
  font-size: 14px;
  margin-left: 25%;
  box-sizing: border-box;
  padding: 0px 0px 0px 35px;
  position: relative;
  height: 35px;
  line-height: 35px;
  color: #444444;
}
.save-wines-page .check-label input[type=checkbox] {
  position: absolute;
  -webkit-appearance: none;
  background: url(../img/fapiao_up.png) center no-repeat;
  -webkit-background-size: 30px;
  background-size: 30px;
  width: 30px;
  height: 32px;
  left: 0;
  top: 0;
  outline: none;
  margin-right: 4px;
}
.save-wines-page .check-label input[type=checkbox]:checked {
  background-image: url(../img/fapiao_down.png);
}

.save-wines-page .mobile-container {
  position: relative;
}
.save-wines-page .mobile-container {
  position: relative;
}
.save-wines-page .mobile-tips {
  position: absolute;
  width: 90%;
  top: 44px;
  left: 0;
  z-index: 10;
  border: 1px solid #808080;
  background-color: #f1f1f1;
  overflow: auto;
  margin: 0;
  color: #ff0000;
  font-size: 14px;
  padding: 5px;
}

.save-wines-page .date-container {
  position: relative;
  height: 100%;
  width: 90%;
  line-height: 40px;
}

.save-wines-page .date-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 16px;
  border: solid 1px #808080;
  background-color: #f1f1f1;
  color: #262626;
  border-radius: 6px;
  box-sizing: border-box;
}

.save-wines-page .input-date {
  border: none;
  background-color: transparent;
  color: transparent;
  font-size: 16px;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  outline: none;
  z-index: 2;
  position: absolute;
}


.save-wines-page .base-info .remark-label {
  letter-spacing: 10px;
}
.save-wines-page .base-info textarea {
  width: 90%;
  background-color: #f1f1f1;
  border-radius: 4px;
  font-size: 16px;
}

.save-wines-page ul {
  margin-bottom: 55px;
}

.save-wines-page .ul-title, .save-wines-page ul li {
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
}
.save-wines-page .ul-title {
  background-color: #ababab;
  font-size: 16px;
}
.save-wines-page ul li {
  font-size: 14px;
  border-bottom: 1px solid #c0c0c0;
  align-items: center;
}

.save-wines-page ul li input {
  width: 90%;
  border: 1px solid #808080;
  background-color: #f0f0f0;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-size: 18px;
  text-align: center;
}
.save-wines-page .delete-btn {
  background-color: #cccccc;
  height: 40px;
  line-height: 40px;
  width: 90%;
  float: right;
}


.save-wines-page .footer {
  position: fixed;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  left: 0;
  bottom: 0px;
  padding: 5px 0;
  align-items: center;
  justify-content: space-between;
  background-color: #384655;
}
.save-wines-page .footer > div {
  background-color: #ed8b34;
  color: #FFFFFF;
  border-radius: 4px;
  margin: 0 20px;
  padding: 0 20px;
}
.save-wines-page .footer >div:first-child {
  background-color: #FFFFFF;
  color: #ed8b34;
}





.sell-out .app-content {
  position: relative;
}

.sell-out .app-content .dish-type-list {
  position: absolute;
  width: 80px;
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto;
}

.sell-out .app-content .dish-list {
  margin-left: 80px;
  height: 100%;
  overflow: auto;
}

/* 设置界面 */

.app-content>.setting-list {
    margin-top: 15px;
    background-color: #fff;
}

.setting-list li.app-button {
    height: 54px;
    line-height: 54px;
    padding: 0 9px;
    color: #333333;
    font-size: 18px;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    border-top:none;
}

.setting-list li.app-button[data-target]:after {
    content: '';
    float: right;
    width: 9px;
    height: 100%;
    background: url(../img/cebianlan_jiantou.png) center no-repeat;
    -webkit-background-size: 9px 13px;
    background-size: 9px 13px;
}

.setting-list li.app-button:active {
    background-color: #c4c8cc;
}

.setting-list li.enable-animation-item {
    padding-left: 9px;
    font-size: 18px;
    color: #333;
}
.setting-list li.enable-animation-item>span.slider {
    float: right;
    margin-top: 4px;
}

/*结账*/

.table-name .prepay-bill-qr {
    position: absolute;
    top: 10px;
    right: 6px;
    width: 36px;
    height: 36px;
    background: url(../img/yujie_erqeima.png) center no-repeat;
    -webkit-background-size: 36px;
    background-size: 36px;
}

.table-name .prepay-bill-qr:active {
    opacity: 0.8;
}

.bill-info {
    height: 36px;
    padding: 6px;
    background-color: #ffffff;
}

.snack-settle .bill-info {
    padding-bottom: 6px;
}

.bill-info > .app-button:not(.bill-detail):not(.snack-takeout) {
    float: left;
    width: 90px;
    height: 36px;
    line-height: 36px;
    margin-right: 6px;
    font-size: 15px;
    background-color: #24ba9d;
    color: #ffffff;
    border-radius: 6px;
}

.bill-info .app-button:active {
    opacity: 0.8;
}

.bill-info .snack-takeout {
    float: left;
    width: 90px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #384655;
    color: #384655;
}

.bill-info .bill-detail {
    text-align: left;
    padding-left: 10px;
    float: right;
    width: 96px;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    color: #384655;
    border-radius: 6px;
    border: 1px solid #384655;
    background: url(../img/dingdanxiangqing_zhankai.png) no-repeat 85px center;
    -webkit-background-size: 9px 5px;
    background-size: 9px 5px;
}

.bill-info .bill-detail:active {
    background-color: #ccc;
}

.bill-info.expand .bill-detail {
    background-image: url(../img/dingdanxiangqing_shouqi.png);
}

.bill-info ~ .table-info, .bill-info ~ .table-dish-list, .bill-info ~ .consumption-amount > .app-list > li:not(.amount-total) {
    display: none;
}

.bill-info.expand ~ .table-info, .bill-info.expand ~ .table-dish-list, .bill-info.expand ~ .consumption-amount > .app-list > li:not(.amount-total) {
    display: block;
}

.order-settle .other-operation {
    margin-top: 15px;
    border-radius: 6px;
    color: #384655;
    font-size: 20px;
}

.order-settle .other-operation:active {
    background-color: #c4c8cc;
}

.order-settle .invoice {
    background-color: #fff;
    margin-top: 12px;
    padding-bottom: 1px;
}

.order-settle .invoice label {
    display: block;
    position: relative;
    height: 54px;
    line-height: 54px;
    font-size: 17px;
    margin: 0 6px;
}

.order-settle .invoice label > input {
    position: absolute;
    -webkit-appearance: none;
    background: url(../img/fapiao_up.png) center no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    width: 30px;
    height: 46px;
    right: 0;
    top: 0;
    outline: none;
    margin: 4px;
}

.order-settle .invoice label > input:checked {
    background-image: url(../img/fapiao_down.png);
}

.order-settle .invoice > div {
    border-top: dashed 1px #D9D9D9;
    font-size: 17px;
    padding: 6px;
}

.order-settle .invoice > div > input {
    width: 100%;
    background-color: initial;
    border: solid 1px #D9D9D9;
}

.payment-list {
    margin-top: 12px;
    color: #333;
    font-size: 17px;
}

.order-detail .app-content .payment-list > li {
    height: 54px;
    line-height: 54px;
    padding: 0 6px;
}

.payment-list > li.payment-detail {
    padding-right: 0;
    position: relative;
    border-bottom: solid 1px #d9d9d9;
}
.payment-list > li.payment-detail .amount {
    text-align: right;
    color: #ed8b34;
    font-size: 18px;
    font-weight: bold;
}
.payment-list > li.payment-detail > .app-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height: 54px;
    width: 54px;
    text-align: center;
    color: #fff;
    background-color: #e0463c;
    display: none;
}

.payment-list > li.payment-detail.operation > .app-button {
    display: block;
}

.payment-type-list > .show-all ~ li, .payment-type-list > .show-all ~ .hide-all {
    display: none;
}

.order-settle.order-detail .app-content .payment-type-list > .show-all,
.order-settle.order-detail .app-content .payment-type-list > .hide-all {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    text-align: center;
    float: left;
    width: 100%;
}

.app-content .payment-type-list > .show-all:active,
.app-content .payment-type-list > .hide-all:active {
    opacity: .8;
}

.app-content .payment-type-list > .show-all {
    background: url(../img/dingdanxiangqing_zhankai.png) center no-repeat #f5f5f5;
    -webkit-background-size: 9px 5px;
    background-size: 9px 5px;
}

.app-content .payment-type-list > .hide-all {
    background: url(../img/dingdanxiangqing_shouqi.png) center no-repeat #f5f5f5;
    -webkit-background-size: 9px 5px;
    background-size: 9px 5px;
}
/*付款类型*/
.payment-type-list {
    background-color: #fff;
    padding: 12px 15px;
    list-style-type: none;
}
.payment-type-list > li {
    float: left;
    width: 48%;
    height: 44px;
    line-height: 42px;
    font-size: 15px;
    color: #333;
    border: solid 1px #d9d9d9;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 50px;
    background-position: 12px center;
    background-repeat: no-repeat;
    -webkit-background-size: 32px;
    background-size: 32px;
}
.payment-type-list > li:active {
    background-color: #f5f5f5;
}
.payment-type-list > li:nth-of-type(even) {
    float: right;
}
.payment-type-list > li.payment-type-1 {
    background-image: url(../img/cantai-payment-rmv.png);
}
.payment-type-list > li.payment-type-2 {
    background-image: url(../img/cantai-payment-vip.png);
}
.payment-type-list > li.payment-type-4 {
    background-image: url(../img/cantai-payment-union.png);
}
.payment-type-list > li.payment-type-4-2 {
    background-image: url(../img/cantai-hezi.png) !important;
}
.payment-type-list > li.payment-type-4-3 {
    background-image: url(../img/cantai-payment-lkl.png) !important;
}
.payment-type-list > li.payment-type-8 {
    background-image: url(../img/cantai-guazhang.png);
}
.payment-type-list > li.payment-type-16 {
    background-image: url(../img/cantai-payment-free.png);
}
.payment-type-list > li.payment-type-32 {
    background-image: url(../img/cantai-payment-piaoquan.png);
}
.payment-type-list > li.payment-type-128 {
    background-image: url(../img/cantai-disanfang.png);
}
.payment-type-list > li.payment-type-128-1 {
    background-image: url(../img/cantai-payment-zhifubao.png) !important;
}
.payment-type-list > li.payment-type-128-2 {
    background-image: url(../img/cantai-payment-wechat.png) !important;
}
.payment-type-list > li.payment-type-128-3 {
    background-image: url(../img/cantai-payment-meituanquan.png) !important;
}
.payment-type-list > li.payment-type-128-4 {
    background-image: url(../img/cantai-nuomiquan.png) !important;
}
.payment-type-list > li.payment-type-128-5 {
    background-image: url(../img/cantai-payment-shanhui.png) !important;
}
.payment-type-list > li.payment-type-128-6 {
    background-image: url(../img/cantai-payment-meituan.png) !important;
}
.payment-type-list > li.payment-type-128-7 {
    background-image: url(../img/cantai-payment-baidunuomi.png) !important;
}
.footer #otherOperation {
    width: 46%;
    margin-top: 0;
    margin-left: 9px;
    float: left;
    color: #ed8b34;
    font-size: 20px;
    background-color: #fff;
}

.footer #otherOperation:active {
    background-color: #ddd;
}

.footer #sub-settle {
    width: 46%;
    float: right;
    margin-right: 9px;
    font-size: 20px;
    background-color: #ed8b34;
    color: #ffffff;
}

.footer #sub-settle:active {
    background-color: #b7763e;
}



.dialog-fixed-ticket-pay .receivableAmount {
    background-color: #f1f1f1;
}

.dialog-fixed-ticket-pay .price-list {
    font-size: 14px;
    color: #808080;
}

.dialog-fixed-ticket-pay .price-list .price-right {
    text-align: right;
}


.dialog-fixed-ticket-pay .btn-operation {
    justify-content: center;
    margin-bottom: 10px;
}

.dialog-fixed-ticket-pay .reduce-btn, .dialog-fixed-ticket-pay .add-btn {
    display: inline-block;
    text-align: center;
    background-color: rgb(85,185,157);
    border-radius: 4px;
    color: #FFFFFF;
    height: 54px;
    line-height: 54px;
    margin: 0 10px;
    font-size: 30px;
}

/*抽屉界面*/

.slide-page {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 1;
}

.slide-page,
.slide-page .app-content {
    background-color: #293440;
}

.slide-page.show {
    display: block;
}

.slide-page .app-content {
    width: 75%;
    height: 100%;
}

.app-page.slide-show {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-box-shadow: -5px 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: -5px 0 6px rgba(0, 0, 0, 0.2);
}

.app-page.slide-show.animation {
    -webkit-transform: translate3d(75%, 0, 0);
    transform: translate3d(75%, 0, 0);
}

.app-page.slide-show .slide-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 4000;
}

.user-info {
    text-align: center;
    padding: 20px 0 20px;
}

.user-info .shop-logo {
    width: 80px;
    height: 80px;
    padding: 5px;
    border-radius: 100%;
    border: solid 1px #384655;
    margin: 0 auto;
}

.user-info .shop-logo img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: transparent;
}

.user-info .shopName {
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
}

.user-info .user-name {
    color: #6a89ab;
    margin-top: 10px;
    font-size: 15px;
}

.slide-page .app-list > li.app-button {
    background-color: #384655;
    background-size: 27px;
    -webkit-background-size: 27px;
    background-position: 22px center;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 60px;
    line-height: 60px;
    position: relative;
    padding-left: 68px;
}

.slide-page .app-list > li.app-button:active {
    opacity: 0.8;
}

.slide-page .app-list > li.app-button:after {
    content: "";
    width: 9px;
    height: 13px;
    position: absolute;
    right: 19px;
    top: 25px;
    background: url(../img/cebianlan_jiantou.png) 0 0/9px 13px no-repeat;
}

.slide-page .app-list > li.app-button[data-action=home] {
    background-image: url(../img/cebianlan_cantai.png);
}

.slide-page .app-list > li.app-button[data-action=orderDishes] {
    background-image: url(../img/cebianlan_kuaican.png);
}

.slide-page .app-list > li.app-button[data-action=billOrder] {
    background-image: url(../img/cebianlan_zhangdan.png);
}

.slide-page .app-list > li.app-button[data-action=memberRecharge] {
    background-image: url(../img/cebianlan_recharge.png);
}
.slide-page .app-list > li.app-button[data-action=sellOut] {
    background-image: url(../img/sale_out_icon.png);
}
.slide-page .app-list > li.app-button[data-action=saveWinesManage] {
    background-image: url(../img/save_wines_icon.png);
}
.slide-page .app-list > li.app-button[data-action=settingPage] {
    background-image: url(../img/cebianlan_shezhi.png);
}

/* .slide-page .app-list>li.app-button[data-action=printStyle] {
    background-image: url(../img/cebianlan_dayingeshi.png);
}
.slide-page .app-list>li.app-button[data-action=aboutUs] {
    background-image: url(../img/cebianlan_guanyuwomen.png);
}
.slide-page .app-list>li.app-button[data-action=changeServer] {
    background-image: url(../img/cebianlan_qiehuanfuwuqi.png);
}
.slide-page .app-list>li.app-button.logout {
    background-image: url(../img/cebianlan_tuichu.png);
}*/

.table-operation-page {
    display: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    background-color: rgba(0, 0, 0, 0.0);
}

.table-operation-page > section {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.table-operation-page.show {
    display: block;
}

.table-operation-page.show.animation {
    background-color: rgba(0, 0, 0, 0.5);
}

.table-operation-page.show.animation > section {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.table-operation-page ul {
    list-style-type: none;
    padding-bottom: 20px;
}

.table-operation-page ul > li {
    float: left;
    width: 25%;
    height: 94px;
    padding-top: 78px;
    text-align: center;
    color: #3b3b3b;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: no-repeat center 24px;
    background-size: 44px 44px;
}

.table-operation-page ul>li:active {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}
/*.table-operation-page ul:nth-child(1) > li:nth-child(1) {*/
/*    background-image: url(../img/operation_icn_diancai.png);*/
/*}*/

/*.table-operation-page ul:nth-child(1) > li:nth-child(2) {*/
/*    background-image: url(../img/operation_icn_yidiancai.png);*/
/*}*/

/*.table-operation-page ul:nth-child(1) > li:nth-child(3) {*/
/*    background-image: url(../img/operation_icn_zhengdanqicai.png);*/
/*}*/
/*.table-operation-page ul:nth-child(1) > li:nth-child(4) {*/
/*    background-image: url(../img/operation_icn_zhengdanqicai.png);*/
/*}*/

/*.table-operation-page ul:nth-child(1) > li:nth-child(5) {*/
/*    background-image: url(../img/operation_icn_dayingtaidan.png);*/
/*}*/

/*.table-operation-page ul:nth-child(1) > li:nth-child(6) {*/
/*    background-image: url(../img/operation_icn_yujie.png);*/
/*}*/

/*.table-operation-page ul:nth-child(1) > li:nth-child(7) {*/
/*    background-image: url(../img/operation_icn_fukuan.png);*/
/*}*/

/*.table-operation-page ul:nth-child(1) > li:nth-child(8) {*/
/*    background-image: url(../img/operation_icn_tuanti.png);*/
/*}*/

/*.table-operation-page ul:nth-child(2) > li:nth-child(1) {*/
/*    background-image: url(../img/operation_icn_chengzhong.png);*/
/*}*/

/*.table-operation-page ul:nth-child(2) > li:nth-child(2) {*/
/*    background-image: url(../img/operation_icn_xiugaitaitou.png);*/
/*}*/

/*.table-operation-page ul:nth-child(2) > li:nth-child(3) {*/
/*    background-image: url(../img/operation_icn_chexiaotaitou.png);*/
/*}*/

/*.table-operation-page ul:nth-child(2) > li:nth-child(4) {*/
/*    background-image: url(../img/operation_icn_huantai.png);*/
/*}*/

/*.table-operation-page ul:nth-child(2) > li:nth-child(5) {*/
/*    background-image: url(../img/operation_icn_jiatai.png);*/
/*}*/

/*.table-operation-page ul:nth-child(2) > li:nth-child(6) {*/
/*    background-image: url(../img/operation_icn_datai.png);*/
/*}*/
/*.table-operation-page ul:nth-child(2) > li:nth-child(7) {*/
/*    background-image: url(../img/operation_icn_chexiaokaitou.png);*/
/*}*/
/*.table-operation-page ul:nth-child(2) > li:nth-child(8) {*/
/*    background-image: url(../img/receive_pay.png);*/
/*}*/
/*.table-operation-page ul:nth-child(3) > li:nth-child(1) {*/
/*    background-image: url(../img/operation_icn_chexiaokaitou.png);*/
/*}*/

.table-operation-page ul .operation_icn_diancai {
  background-image: url(../img/operation_icn_diancai.png);
}

.table-operation-page ul .operation_icn_yidiancai {
  background-image: url(../img/operation_icn_yidiancai.png);
}

.table-operation-page ul .operation_icn_zhengdanqicai {
  background-image: url(../img/operation_icn_zhengdanqicai.png);
}
.table-operation-page ul .operation_icn_zhengdanqicai {
  background-image: url(../img/operation_icn_zhengdanqicai.png);
}

.table-operation-page ul .operation_icn_dayingtaidan {
  background-image: url(../img/operation_icn_dayingtaidan.png);
}

.table-operation-page ul .operation_icn_yujie {
  background-image: url(../img/operation_icn_yujie.png);
}

.table-operation-page ul .operation_icn_fukuan {
  background-image: url(../img/operation_icn_fukuan.png);
}

.table-operation-page ul .operation_icn_tuanti {
  background-image: url(../img/operation_icn_tuanti.png);
}

.table-operation-page ul .operation_icn_chengzhong {
  background-image: url(../img/operation_icn_chengzhong.png);
}

.table-operation-page ul .operation_icn_xiugaitaitou {
  background-image: url(../img/operation_icn_xiugaitaitou.png);
}

.table-operation-page ul .operation_icn_chexiaotaitou {
  background-image: url(../img/operation_icn_chexiaotaitou.png);
}

.table-operation-page ul .operation_icn_huantai {
  background-image: url(../img/operation_icn_huantai.png);
}

.table-operation-page ul .operation_icn_jiatai {
  background-image: url(../img/operation_icn_jiatai.png);
}

.table-operation-page ul .operation_icn_datai {
  background-image: url(../img/operation_icn_datai.png);
}
.table-operation-page ul .operation_icn_chexiaokaitou {
  background-image: url(../img/operation_icn_chexiaokaitou.png);
}
.table-operation-page ul .receive_pay {
  background-image: url(../img/receive_pay.png);
}
.table-operation-page ul .operation_icn_zhengdancuicai {
  background-image: url(../img/operation_icn_zhengdanqicai.png);
}

.table-operation-page ul > li > span {
    display: block;
    margin-top: 54px;
}

.table-operation-page ul > li.disabled {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}

.table-operation-page .operation-close {
    height: 44px;
    line-height: 44px;
    background-color: #f0f0f0;
    text-align: center;
    font-size: 17px;
    color: #545454;
    letter-spacing: 5px;
}

.table-operation-page .operation-close:active {
    background-color: #ccc;
}


/**
订单详情页面样式
*/

.table-taken .app-topbar .app-title {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    left: 80px;
    right: 80px;
}

.order-detail .app-content {
    margin: 0 9px 10px;
    box-shadow: initial;
}

.order-detail .app-content > :first-child {
    margin-top: 10px;
}

.order-detail .app-content > :last-child {
    margin-bottom: 70px;
}

.order-detail.table-taken .app-content > :last-child {
    margin-bottom: 60px;
}

.order-detail .table-name {
    position: relative;
    margin: 6px 0 0;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    line-height: 26px;
}

.order-detail .table-name .name {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #384655;
    padding: 0 20px;
    border-radius: 36px;
    margin-bottom: 10px;
}
.order-detail .table-name:first-of-type .name {
    margin-bottom: 0;
}

.order-detail .table-name .serail-number {
    text-align: left;
    color: #333;
}

.order-detail .table-info {
    line-height: 24px;
    padding: 0 6px;
    color: #808080;
    font-size: 15px;
    background-color: #fff;
    margin-bottom: 2px;
}

.order-detail .app-content .table-dish-list.app-list > li {
    height: initial;
    position: relative;
    min-height: 60px;
    border-bottom: solid 1px #ccc;
    padding: 0;
    border-top: none;
    line-height: 40px;
}

.order-detail .app-content .table-dish-list.app-list > li label.dish-selected {
    /*padding-left: 6px;*/
    padding-right: 8px;
}
.order-detail .app-content .table-dish-list.app-list > li .dish-name {
    position: relative;
    padding-left: 20px;
}
.order-detail .app-content .table-dish-list.app-list > li .dish-name.disabled {
    padding-left: 6px;
}
.order-detail:not(.bill-order-detail) .app-content .table-dish-list.app-list > li .dish-name:not(.disabled):after {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 20px;
    background: url(../img/icn_down.png) center no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
}
.order-detail:not(.bill-order-detail) .app-content .table-dish-list.app-list > li.expand .dish-name:not(.disabled):after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.order-detail .app-content .table-dish-list.app-list > li .dish-name.cross-dish:before {
  content: '划';
  padding: 0px 2px;
  background-color: #8299B1;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
}

.order-detail .app-content .table-dish-list.app-list > li > label.checkStatus {
    width: 100%;
}

.dish-item {
    font-size: 17px;
    color: #333;
}

.dish-item .dish-cookies, .dish-item .order-date {
    color: #808080;
    font-size: 14px;
    padding: 0 10px 6px 15px;
    box-sizing: border-box;
    line-height: 20px;
    white-space: initial;
}

.dish-item .dish-status-list {
  position: absolute;
  top: 5px;
  right: 10px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  gap: 0 4px;
  overflow: hidden;
}

.dish-item .dish-status {
    font-size: 15px;
    color: #ffffff;
    height: 25px;
    line-height: 26px;
    padding: 0 5px;
    border-radius: 4px;
    background-color: #1e8b7a;
    display: none;
}

.dish-item .operate-name {
    position: absolute;
    top: 67px;
    right: 10px;
    color: #808080;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

.dish-item .dish-status-show {
    display: inline-block;
}
.dish-item .dish-status-orange-bg {
    background-color: #ffa500;
}
.dish-item .dish-status-red-bg {
    background-color: #ff0000;
}


.order-detail .app-content .content {
    list-style-type: none;
    background-color: #fff;
}

.order-detail .app-content .content li {
    height: 30px;
    line-height: 30px;
    text-align: right;
    border-top: none;
    border-bottom: none;
    font-size: 15px;
    color: #333;
    padding: 0 6px;
}

.order-detail .app-content .content li.amount-total {
    color: #ED8B34;
    font-size: 18px;
    font-weight: bold;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.order-detail .app-content .content li.amount-total.sep-line {
    border-top: solid 1px #ccc;
}

.order-detail .app-content .content li > span {
    display: inline-block;
    width: 150px;
}

.order-detail .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    /*脚部的高度*/
    background-color: rgba(56, 70, 85, 0.6);
    z-index: 2001;
    padding: 9px 0;
    border-top: solid 1px #9fa7b0;
    box-sizing: border-box;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}

.order-detail.table-taken .footer {
    background-color: initial;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.order-detail .footer .app-button {
    display: inline-block;
    width: 25%;
    height: 42px;
    line-height: 42px;
    border-radius: 6px;
    color: #fff;
    font-size: 17px;
}

.order-detail.table-taken .footer .app-button {
    width: 30%;
}

#printBill {
    background-color: #d95e40;
}

#printBill:active {
    background-color: #a95746;
}

#repaymentSettle {
    background-color: #13a88a;
}

#repaymentSettle:active {
    background-color: #1e8b7a;
}

#invoicing {
    background-color: #278fc6;
}

#invoicing:active {
    background-color: #2c79a4;
}

/*
.table-taken .dish-item .dishOperation {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
}

.table-taken .dish-item .dishOperation .app-button {
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    height: 100%;
    font-size: 17px;
    color: #fff;
    overflow: hidden;
}

.table-taken .dish-item .dishOperation .app-button:active {
    opacity: 0.8;
}

.table-taken .dish-item .dishOperation .app-button:nth-child(1) {
    background-color: #56b7f1;
}

.table-taken .dish-item .dishOperation .app-button:nth-child(2) {
    background-color: #42cd00;
}

.table-taken .dish-item .dishOperation .app-button:nth-child(3) {
    background-color: #ffa100;
}

.table-taken .dish-item .dishOperation .app-button span {
    height: 100%;
    display: inline-block;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    position: relative;
    top: -25%;
    line-height: initial;
}
*/
.table-taken div.footer {
    border-top: none;
    box-shadow: none;
}

.table-taken div.footer > .app-button {
    height: 71px;
    padding: 51px 0 0;
    line-height: 20px;
    font-size: 14px;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
}

#prepayBillOrder {
    background: url(../img/icon_yujie.png) no-repeat top center;
    -webkit-background-size: 51px;
    background-size: 51px;
}

#goSettle {
    background: url(../img/icon_fukuan.png) no-repeat top center;
    -webkit-background-size: 51px;
    background-size: 51px;
}

/*#otherOperation {
    background-image: url(../img/icon_zhekoujianmian.png);
    background-position: top center;
    background-size: 51px;
    background-repeat: no-repeat;
}*/

.table-name >.flex-table-name-people {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-name > .member-name {
    height: 36px;
    line-height: 36px;
}
.table-name #member_input,
.table-name > .member-name {
    display: block;
    text-align: left;
    padding-left: 40px;
    color: #333;
    background: url(../img/huiyuan.png) left center/30px no-repeat;
}

.app-content .prepay-bill-qr {
    background-color: #fff;
}

/**底部按钮*/
.footer-btns {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-around;
}
.footer-btns .btn {
    flex: 1;
    margin: 0 20px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 22px;
    background-color: #FFFFFF;
    border: 1px solid #24ba9d ;
    font-size: 17px;
    color: #24ba9d ;
}

.footer-btns .pay-btn {
    color: #FFFFFF;
    background-color: #24ba9d ;
}

div[data-page='settleOperationMore'] .table-name {
    border-bottom: solid 2px #384655;
    padding-bottom: 10px;
}

#operationContainer {
    margin-top: 30px;
    font-size: 17px;
}

#operationContainer>div.free-operation {
    margin-bottom: 30px;
}

#operationContainer>div>span {
    height: 42px;
    line-height: 42px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
}

#operationContainer>div.free-operation>span {
    border: solid 1px #ED8B34;
    box-sizing: border-box;
    width: 108px;
    color: #ED8B34;
}

#operationContainer>div.free-operation>span:active,
#operationContainer>div.free-operation>span.cancel {
    color: #fff;
    background-color: #ED8B34;
}

#operationContainer>div.discount-operation>span {
    float: left;
    width: 48%;
    max-width: 200px;
    background-color: #fff;
    color: #333;
    margin-bottom: 12px;
}

#operationContainer>div.discount-operation>span:nth-child(2n) {
    float: right;
}

#operationContainer>div.discount-operation>span:active {
    background-color: #C4C8CC;
}
.takeTypeDish .tab{
    margin-top: 10px;
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 15px;
}
.takeTypeDish .shopList{
    height: 200px;
    overflow-y: scroll;
    flex-wrap: nowrap;
}
.takeTypeDish .tab span{
    border: solid 1px #ED8B34;
    padding: 5px 41px;
    font-size: 14px;
}
.takeTypeDish .tab .active{
    background-color: #ED8B34;
    color: #ffffff;
}
.takeTypeDish .shop{
    display: flex;
    font-size: 14px;
    border: solid 1px #ED8B34;
    padding: 12px 10px;
    margin: 14px 25px 7px;
    border-radius: 5px;
	align-items: center;
}
.takeTypeDish .active{
    background-color: #ED8B34;
    color: #ffffff;
}


.tea-select .snack-list{
    border-top: dashed 1px #d9d9d9;
}
.tea-select .app-content>div {
    line-height:100%;
    padding: 15px 0 5px;
}

.tea-select .app-content .teafee-title {
    padding-bottom: 15px;
}

.tea-select .app-content .snack-item {
    margin-bottom: 10px;
    position: relative;
}

.tea-select .app-content .snack-name {
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    display: inline-block;
    width: 40%;
    height: 42px;
    line-height: 40px;
    text-align: center;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.tea-select .app-content .dish-operation {
    display: none;
}

.tea-select .app-content .tea-list span {
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    display: inline-block;
    width: 40%;
    margin-right: 3%;
    height: 42px;
    line-height: 40px;
    text-align: center;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.tea-select .tea-list > span:nth-of-type(3n) {
    margin-right: 0;
}

.tea-select .app-content span.selected {
    border: solid 1px #ED8B34;
    background-color: #ED8B34;
    color: #ffffff;
}
.tea-select .app-content .selected .snack-name {
    border: solid 1px #ED8B34;
    background-color: #ED8B34;
    color: #ffffff;
}
.tea-select .app-content .selected .dish-operation {
    display: inline-block;
}

.app-content .top-dotted {
    display: block;
    height: 6px;
    margin: 0 9px;
    background: url(../img/cantai_chengzhong_toubu.png);
    background-size: 342px 6px;
}

.app-content ul.weight-dish-list {
    list-style: none;
    padding: 24px 0 30px;
    margin: 0 9px;
    background-color: #fff;
}

.app-content .weight-dish-list>li {
    height: 60px;
    line-height: 60px;
    margin: 0 6px;
    border-bottom: 1px solid #d9d9d9;
}

.weight-dish-list>li:first-child {
    border-top: 2px solid #384655;
}

.weight-dish-list .dish-info {
    display: block;
    float: left;
    width: 55%;
    height: 60px;
}

.weight-dish-list .dish-num {
    display: block;
    float: right;
    max-width: 36%;
    height: 60px;
}

.weight-dish-list span.dish-name,
span.table-name {
    float: left;
    width: 200px;
    height: 20px;
    line-height: 20px;
    font-size: 17px;
    color: #333;
}

.weight-dish-list span.dish-name {
    margin-top: 10px;
}

.weight-dish-list span.table-name {
    margin-bottom: 10px;
}

.app-content .weight-dish-list .app-input {
    max-width: 130px;
    height: 54px;
    margin-top: 3px;
    text-align: center;
    background-color: #fff;
    font-size: 30px;
    color: #333;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
}

.app-content .submit {
    height: 42px;
    margin: 30px 9px;
    line-height: 42px;
    background-color: #ed8b34;
    color: #fff;
    font-size: 20px;
    border-radius: 6px;
}

.app-content .submit:active {
    background-color: #b7763e;
}
