.login-header {
    height: 3.25rem;
    max-height: 230px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(./assets/122866cd47f07fc931e2a755224b83cd.png);
    background-image: image-set("./assets/122866cd47f07fc931e2a755224b83cd.png" 2x,
            "./assets/4e9e649cb24e9af9d229496cc05c9356.png" 3x);
}

.myLogin {
    width: 99.8%;
}

.wechart {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    top: 52px;
    right: 5px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 100;
}

.page {
    transform: rotate(45deg);
    width: 86px;
    height: 21px;
    position: absolute;
    top: 28px;
    left: -20px;
    box-shadow: 0 -11px 13px rgba(0, 0, 0, 0.4);
}

.upperPage {
    border-color: rgb(46, 82, 133) transparent;
    border-width: 0 60px 60px 0;
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 100;
}

.wechartcode {
    position: absolute;
    height: 53px;
    width: 53px;
    right: 7px;
    top: 7px;
    font-size: 40px;
    text-align: right;
    color: #85aae6;
}

.wechartText1 {
    text-align: center;
    color: white;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wechartText2 {
    text-align: center;
    color: white;
    margin-top: 5px;
}

.wechartText3 {
    text-align: center;
    color: white;
    width: fit-content;
    margin: auto;
    margin-top: 5px;
    cursor: pointer;
}

.wechartCodeDiv {
    width: 4rem;
    height: 4rem;
    background: #fff;
    margin: auto;
}

.wechartCodeImg {
    width: 4rem;
    height: 4rem;
}

.wechartIsLoading {
    width: 40%;
    height: 40%;
    margin: 30%;
    animation: rotation 1.5s infinite;
}

.login-text {
    display: inline-block;
    font-size: 0.46rem;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0.95rem;
    top: 0.6rem;
}

/* .form-input {
    padding-top: 0.04rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.form-input-box {
    width: 4.5rem;
    height: 1.3rem;
    max-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.1rem;
    margin-top: 0.3rem;
    border-bottom: 1px solid #d0d0d0;
}
.form-input-box > input {
    width: 100%;
    border: none;
    font-size: 0.36rem;
    line-height: 1.5;
    color: #9191b2;
    background-color: transparent;
    padding-left: 0.3rem;
    outline-style: none;
}
.form-user > img {
    width: 0.36rem;
    height: 0.36rem;
    transform: translateX(-50%);
}
.btnBox {
    width: 100%;
    height: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnBox > input {
    height: 1rem;
    width: 6rem;
    border-radius: 4rem;
    color: #efeff8;
    font-size: 0.36rem;
    background: #6d71df;
    border: none;
} */
.form-main {
    padding: 20px 40px;
    max-width: 500px;
    margin: 0 auto;
}

.form-main .bcss-component_loginform_login-postion {
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #d0d0d0;
    padding: 10px 0;
    margin-bottom: 5px;
}

.form-main .bcss-component_loginform_mobilephone-item-beforeInput {
    text-indent: 66px;
}

.form-main .bcss-component_loginform_login input {
    background-color: #f4f4f4;
    border: 0;
    font-size: 18px;
}

.form-main .bcss-component_loginform_mobilephone-item-location select {
    font-size: 18px;
}

.form-main .bcss-component_loginform_login-buttonSubmit {
    height: 50px;
    border-radius: 20px;
    color: #efeff8;
    background: #6d71df;
}

.form-main .bcss-component_loginform_login .bcss-component_loginform_error-msg {
    width: 100vw;
    position: inherit;
    margin-bottom: -5px;
    bottom: 0;
}

.form-main .iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.form-main .iconfont img {
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 750px) {
    .login {
        display: flex;
        flex-direction: column;
    }

    .form-main {
        max-width: 600px;
    }

    .login-text {
        font-size: 0.4rem;
        font-size: 45px;
        top: 65px;
    }

    /* .form-input-box {
        padding-top: 0;
        margin-top: 0.2rem;
    }
    .form-input-box > input {
        font-size: 0.22rem;
    }
    .form-user > img {
        width: 0.3rem;
        height: 0.3rem;
    } */
    .login-header {
        height: 2.56rem;
        max-height: 230px;
    }

    .btnBox>input {
        height: 0.7rem;
        font-size: 0.24rem;
    }

    .form-main {
        width: 500px;
        max-width: 500px;
    }

    .form-main .bcss-component_loginform_login-postion {
        padding: 15px 0;
        margin-bottom: 10px;
    }

    .form-main .bcss-component_loginform_mobilephone-item-beforeInput {
        text-indent: 90px;
    }

    .form-main .bcss-component_loginform_login input {
        border: 0;
        font-size: 24px;
        height: 40px;
    }

    .form-main .bcss-component_loginform_mobilephone-item-location select {
        font-size: 24px;
    }

    .form-main .bcss-component_loginform_login .bcss-component_loginform_error-msg {
        margin-bottom: -10px;
        font-size: 16px;
        padding-left: 175px;
    }

    .form-main .iconfont img {
        width: 25px;
        height: 25px;
    }

    .form-main .bcss-component_loginform_verificationcode .VerificationCode-inp-inpi .codeImg,
    .form-main .bcss-component_loginform_verificationcode .VerificationCode-inp-inpi .note-btn {
        height: 40px;
        line-height: 40px;
    }
}

@media all and (orientation: landscape) {
    .login-text {
        font-size: 0.4rem;
        font-size: 45px;
        left: 2.2rem;
        top: 65px;
    }

    .form-main {
        padding-bottom: 0;
    }

    /* .btnBox {
        height: 2rem;
    } */
}
.bcss-component_loginform_password {
    position: relative;
    display: inline-block;
    width: 100%;
}

.bcss-component_loginform_password>input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    outline: none;
}

.bcss-component_loginform_password>input:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.bcss-component_loginform_password>input:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.bcss-component_loginform_password-eye {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 20px;
}

.bcss-component_loginform_verificationcode {
    width: 100%;
}

.bcss-component_loginform_verificationcode .VerificationCode {
    padding: 0;
}

.bcss-component_loginform_verificationcode .VerificationCode-inp {
    border: none;
    min-height: 32px;
}

.bcss-component_loginform_verificationcode .VerificationCode-inp-icon {
    display: none;
}

.bcss-component_loginform_verificationcode .VerificationCode-inp-inpi-inpi-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 65%;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    outline: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.bcss-component_loginform_verificationcode .VerificationCode-inp-inpi-inpi-input:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.bcss-component_loginform_verificationcode .VerificationCode-inp-inpi .note-btn {
    height: 32px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.65);
    cursor: pointer;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #d9d9d9;
}

.bcss-component_loginform_verificationcode .VerificationCode-inp-inpi .codeImg,
.bcss-component_loginform_verificationcode .VerificationCode-inp-inpi .note-btn {
    width: 35%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 12px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bcss-component_loginform_mobilephone {
    position: relative;
    display: inline-block;
    width: 100%;
}

.bcss-component_loginform_mobilephone-item input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    outline: none;
}

.bcss-component_loginform_mobilephone-item input:hover {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.bcss-component_loginform_mobilephone-item input:focus {
    border-color: #40a9ff;
    border-right-width: 1px;
}

.bcss-component_loginform_mobilephone-item-location {
    margin-right: 10px;
    font-size: 16px;
    position: absolute;
    height: 32px;
    padding: 4px;
}

.bcss-component_loginform_mobilephone-item-location select {
    border: 0;
    font-size: 15px;
}

.bcss-component_loginform_mobilephone-item-beforeInput {
    text-indent: 60px;
}

.bcss-component_loginform_login {
    width: 100%;
}

.bcss-component_loginform_login-postion {
    position: relative;
    padding-bottom: 25px;
    display: flex;
}

.bcss-component_loginform_login-postion-label {
    width: 75px;
    line-height: 32px;
    font-size: 14px;
}

.bcss-component_loginform_login-input {
    flex: 1;
}

.bcss-component_loginform_login-buttonSubmit {
    width: 100%;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border-style: none;
    color: #fff;
    background-color: #486df9;
    margin-top: 10px;
}

.bcss-component_loginform_login .bcss-component_loginform_error-msg {
    color: #f5222d;
    padding-left: 15px;
    font-size: 14px;
    position: absolute;
    bottom: 5px;
}

.bcss-component_loginform_login .bcss-component_loginform_error-msg-label {
    padding-left: 100px;
}

.bcss-component_loginform_login .bcss-component_loginform_error-msg-form {
    text-align: center;
    height: 14px;
    color: #f5222d;
    font-size: 14px;
    word-wrap: break-word;
}

#bcss-component_loginform_login .bcss-component_loginform_error-input {
    border-color: #f5222d;
}

.VerificationCode {
    box-sizing: border-box;
    width: 100%;
    padding: 0 22px;
    background-color: #fff;
}

.VerificationCode-inp {
    min-height: 73px;
    display: -webkit-flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.VerificationCode-inp-icon {
    height: 30px;
    width: 20%;
    font-size: 18px;
    line-height: 30px;
}

.VerificationCode-inp-icon-img {
    width: 100%;
    height: 24px;
}

.VerificationCode-inp-icon-span {
    display: inline-block;
    width: 100%;
    text-align-last: justify;
    word-break: keep-all;
    color: #333;
    text-align: justify;
}

.VerificationCode-inp-icon-span:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.VerificationCode-inp-inpi {
    flex: 1;
    display: -webkit-flex;
}

.VerificationCode-inp-inpi .merName {
    display: inline-block;
    color: #888888;
    padding: 0 6px;
    margin: 0 6px;
    font-size: 18px;
}

.VerificationCode-inp-inpi .inpi2 {
    border: none;
    font-size: 18px;
    padding: 0 6px 0 12px;
    flex: 1;
    background-color: #ffffff;
    color: #888888;
}

.VerificationCode-inp-inpi input::placeholder {
    color: #999999;
}

.VerificationCode-inp-inpi .inpi2:disabled,
.VerificationCode-inp-inpi .telphone:disabled {
    color: #999;
    opacity: 0.8;
}

.VerificationCode-inp-inpi-hidderBorder {
    border: none;
}

.VerificationCode-inp-inpi-showBorder {
    margin: 0 18px;
}

.VerificationCode-inp-inpi-inpi-input {
    outline: none;
    font-size: 18px;
    padding: 0 12px;
    width: 55%;
}

.VerificationCode-inp-inpi .note-btn {
    border: 1px solid #000;
    flex: 1;
    border: none;
    outline: none;
    background-color: transparent;
    color: #4384f4;
    border-radius: 5px;
    padding: 0;
    font-size: 17px;
}

.VerificationCode-inp-inpi .codeImg {
    width: 80%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: 1px solid #999;
    border-radius: 6px;
    cursor: pointer;
}
.menufooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0.9rem;
    display: flex;
    justify-content: space-around;
    /* background-color: #ececec; */
    background-color: #fff;
    box-shadow: 0px 0px 7px 0 #ccc;
}

.menufooter > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    color: #9a9a9a;
    font-size: 0.28rem;
}

.menufooter .img-div {
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.05rem;
    background-repeat: no-repeat;
    background-size: 0.5rem 0.5rem;
}

.menufooter .food-img-div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkQ5QjFCNTVCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ5QjFCNTZCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRDlCMUI1M0I4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRDlCMUI1NEI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmsXEu0AAAD7SURBVHjaYvz//z/DYAZMDIMcjDpw2DuQhVyNM2fOBFENQFwBxOx4lP4E4k4grk9PTyfZHkZ8uRjqCAYClrMRYc93IObCpwCX4wlFsScQPwPi/2gYBmCOU8aDQYATSQ+6Wc+g9pAVxXOBWJKIELpHQTKThNojRY4DYY5jJKBOiZRkhcb/jy8QWCjMZL+BmBWI7xKRBgekmOmAOpKQJ3roXsxAQR0Uj9Ykow4cdeBQc+BhLFUWMfjwYA9BRlI1kFsO2o6mwVEHjjpwtJgZLWZGHTjqwFEHDgkHPscxXEFNDAIvyHVgCj7NVAJPgTgZZ8k+OkY96sABBgABBgBQJGL6MKdp2AAAAABJRU5ErkJggg==);
    background-image: image-set(
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkQ5QjFCNTVCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ5QjFCNTZCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRDlCMUI1M0I4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRDlCMUI1NEI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmsXEu0AAAD7SURBVHjaYvz//z/DYAZMDIMcjDpw2DuQhVyNM2fOBFENQFwBxOx4lP4E4k4grk9PTyfZHkZ8uRjqCAYClrMRYc93IObCpwCX4wlFsScQPwPi/2gYBmCOU8aDQYATSQ+6Wc+g9pAVxXOBWJKIELpHQTKThNojRY4DYY5jJKBOiZRkhcb/jy8QWCjMZL+BmBWI7xKRBgekmOmAOpKQJ3roXsxAQR0Uj9Ykow4cdeBQc+BhLFUWMfjwYA9BRlI1kFsO2o6mwVEHjjpwtJgZLWZGHTjqwFEHDgkHPscxXEFNDAIvyHVgCj7NVAJPgTgZZ8k+OkY96sABBgABBgBQJGL6MKdp2AAAAABJRU5ErkJggg==" 2x,
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkQ5QjFCNTlCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ5QjFCNUFCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRDlCMUI1N0I4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRDlCMUI1OEI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiW78PUAAAFFSURBVHja7JvLCcJAEIYT8YFWYDxqG6YA61BMC57Uo4IN5GAdFqBt6E20AxEPcQNzCOJCNm5wo98Pw78J5PFlhmECiZ8kifdPqnl/JoABBhjgSqlexknjOE5tKZszFS2Dw+8q1rJeRFFEhj+Rn3fwkKx5hplK1SxwXzfxjslBearBpKRH4lsVge4BZtZZ0IHBdY4q2m/26zJzUTGW9Y6S/iDDW/GgwHVOJTIEmXvr2QQONKWbR30b/UazPzFJAiVtUQ/xhjSiIl26UsCrzODRMHxQG0bLCmR4/uK8PAAMMMAAAwwwg4dV7cWHFs95EA9dn7RsyaekHcpw6DowXRpggAEGmEnLoUmLDP/6aMmkRZcGGGCAAQYYYIAB/sJoeRFPv5hx7b+BaxnAE/H0m6iuQ7BnFVNKWvfqxV8tAAMMMMAO6ynAABBaLXZgFPsIAAAAAElFTkSuQmCC" 3x
    );
}

.menufooter .table-img-div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1QzQyQkNCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkVCRDk1NThCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTVDNDJCQUI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTVDNDJCQkI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pol7MBkAAAIBSURBVHja7Ji9S8NAGMYTP1pwUdBWKC4KuiuKi184tApOLvof1E9QRx2KoghOWusQ/AOEgu5OQqtUJ1GXuiiI4qLopAWV+Bw8hSC19Jq0SSEv/LjLJXnv4fLe3XtRdV1XnGxVisPNFegKdAVWusAaMy9rmpatdoINMMjrBFgGl+IiHA7bOoLd4BSMgm8ywrZeJ3ziLVAHYqCRxNi26QSBPSxXDSMYYZvpEVRz7cWG2CrE7kAr6ANnBmHn4B60FeooV6yamSS1IAQegAccggbeeweP4AmMgWPwVa5ZLEQsgBng++eZZpYtHNkXsAe2Kb5kMTgJ0owxIe6G9WEQAF4SYFuEzzSxnqYPy0ewGuyCaV4nwQrLXPZMTsAa6AfrYAAcsJwHP1aMoBAXp7gMmOKCnJQYCPHsEN/N0Fecvk0LFHEzztgRn01M8WLScJ3vCh9v9LljVuAEmAOf3B1SFqybKe46H2CWfRQlUMzWKOtL4MLCHED4WmQ9aliepASKpcTP+NEU622fSYWffUkJ9HCdUzhbS3H00+lbYV8eGYFBrnPXkrNV1kTGc8W+grIChR2VISfN9hGSEdhlSDxLbYk/fRYksINlugwCb1m2y2x19Sxf8wS41eaTEeh19KEp3yGHyaxqq0DJjNqWY6dd/+TUiju4q+4PTFegK9AVWFr7FWAAI9dszX6GR24AAAAASUVORK5CYII=);
    background-image: image-set(
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1QzQyQkNCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkVCRDk1NThCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTVDNDJCQUI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTVDNDJCQkI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pol7MBkAAAIBSURBVHja7Ji9S8NAGMYTP1pwUdBWKC4KuiuKi184tApOLvof1E9QRx2KoghOWusQ/AOEgu5OQqtUJ1GXuiiI4qLopAWV+Bw8hSC19Jq0SSEv/LjLJXnv4fLe3XtRdV1XnGxVisPNFegKdAVWusAaMy9rmpatdoINMMjrBFgGl+IiHA7bOoLd4BSMgm8ywrZeJ3ziLVAHYqCRxNi26QSBPSxXDSMYYZvpEVRz7cWG2CrE7kAr6ANnBmHn4B60FeooV6yamSS1IAQegAccggbeeweP4AmMgWPwVa5ZLEQsgBng++eZZpYtHNkXsAe2Kb5kMTgJ0owxIe6G9WEQAF4SYFuEzzSxnqYPy0ewGuyCaV4nwQrLXPZMTsAa6AfrYAAcsJwHP1aMoBAXp7gMmOKCnJQYCPHsEN/N0Fecvk0LFHEzztgRn01M8WLScJ3vCh9v9LljVuAEmAOf3B1SFqybKe46H2CWfRQlUMzWKOtL4MLCHED4WmQ9aliepASKpcTP+NEU622fSYWffUkJ9HCdUzhbS3H00+lbYV8eGYFBrnPXkrNV1kTGc8W+grIChR2VISfN9hGSEdhlSDxLbYk/fRYksINlugwCb1m2y2x19Sxf8wS41eaTEeh19KEp3yGHyaxqq0DJjNqWY6dd/+TUiju4q+4PTFegK9AVWFr7FWAAI9dszX6GR24AAAAASUVORK5CYII=" 2x,
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkVCRDk1NUJCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkVCRDk1NUNCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRUJEOTU1OUI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRUJEOTU1QUI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkE2IEUAAAKCSURBVHja7FrPS1RRGJ2nqeDGQCY3bRSUNhGK4cYf4SJ/0Eoig/ZNmkG21EUq/gA3TpaL0T9Ai3KlCzdGU1GuwtroJkEKNwriJrFk/C6cC4fBxhnH9+YN7/vg8J333ui7553z7tx5M04ikQgFqQpCASsVrIJVsApWwSpYBatgFexWXXLrH8diMd6sRR8TtND+OPqA4JvdGYlE8k8wVb3gA3ip4ICOtaM3C1rB1zTSeebwJJw19UrQT8em0PsEE+Ct+S74JvFhwT/afk6CG3SWdqGcVE88kmba89ZPQSV4o+AzHbOufhVsgVdle8JUs7xbkS4StIFvC4rB3wku0+v20X8JfoPfEayA/9VI+2jSMs49Be8VhNP4mwriVyn2u+AzgmhSGnIu+D56NEnAD/S3go/gG4I9ek05+jVBE/hdwXWaxR+Bm4u5oJH2yOFC9JeCHtpvnRwknqp2qL8HHyG3R7HsNDVP/Ing2CvBRuwb8C7BIUVuFjzbp/v2Yt0SPKRbpofu/XvgxxrpC3Y4CmftzNkJ/sWF8Zmk2NXPd8EyJesFLUtdEdxNJ/hDH+/WPDLHXNAO8FXBY4r/a410lg6bRcU0bT/z4sP6KWXP109Rn6al6P5FCTYz8BWKUCzHRs0JHtDTErvCG9JIZ+hwMa2NQ7SoyPW36AmMwybOjm8c/ei8gm+jh/G2EEpzBeVFfUJfF9xIGu+SRjpDh00t+lTDIjncdpbDZwmuIx73qeD4f8arkU7H4RriGz7VsEm8OlvBZcT30ny7yGWFNdIZOlwSKMGZfG2Jh/aO3wVrpE9xLVD3cL7+1NbRSKvggJSjv4hXwSpYBatgFayCVbAKdqlOBBgANJl1kgINGeIAAAAASUVORK5CYII=" 3x
    );
}

.menufooter .food-img-active-div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1QzQyQjRCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkU1QzQyQjVCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTVDNDJCMkI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTVDNDJCM0I4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpHVVhcAAAEbSURBVHjaYvz//z/DYAZMDIMcjDpw2DuQhUx99UBccfTYf46z5xgY/v7FrZCZmYHB2IiBwdqK8QeQ2w3EdaRYxIgvF/dPxJQrzGcEUd+AmHPSlP94HQcDrKwMDDlZYH2/gJgdj7kkR7EnED8D4v8wDDT8/5+/DJwgSVDIgEIIbxoC2mBoAGEDPcMG0o9sHtR8T3KjeC4QS6ILnj79n8HUlBEUbUBMXFSBQvrMWaxSklB7pMhxoCQ2wRMnQZiqBbzkaDEz6sBRB446cNSBVGws2NkyMggLk67v7VsGhkOH/4+GIMmhMJpJRh04WsyMFjOjxcyoA0cdOOrAAXPgczq54wW5DkzBp5lK4CkQJ+OSZBwdox514AADgAADAN1FVHvcKbNbAAAAAElFTkSuQmCC);
    background-image: image-set(
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1QzQyQjRCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkU1QzQyQjVCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTVDNDJCMkI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTVDNDJCM0I4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpHVVhcAAAEbSURBVHjaYvz//z/DYAZMDIMcjDpw2DuQhUx99UBccfTYf46z5xgY/v7FrZCZmYHB2IiBwdqK8QeQ2w3EdaRYxIgvF/dPxJQrzGcEUd+AmHPSlP94HQcDrKwMDDlZYH2/gJgdj7kkR7EnED8D4v8wDDT8/5+/DJwgSVDIgEIIbxoC2mBoAGEDPcMG0o9sHtR8T3KjeC4QS6ILnj79n8HUlBEUbUBMXFSBQvrMWaxSklB7pMhxoCQ2wRMnQZiqBbzkaDEz6sBRB446cNSBVGws2NkyMggLk67v7VsGhkOH/4+GIMmhMJpJRh04WsyMFjOjxcyoA0cdOOrAAXPgczq54wW5DkzBp5lK4CkQJ+OSZBwdox514AADgAADAN1FVHvcKbNbAAAAAElFTkSuQmCC" 2x,
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1QzQyQjhCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkU1QzQyQjlCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTVDNDJCNkI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTVDNDJCN0I4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt65rlUAAAFsSURBVHja7Ju9SgNBEMd3jVFTp3F9Cj9Io2jve4iFCGJnpQ9gIYqtL6MoSoxv4UeTVkQ81h13DkSMdznXcJLfwDCXZJjML/u/zSwk1ntvxskmzJgZwAADDPC/ssnE9Q407l1e+Rm56N0Zk2XlCzQaxiwtxuuVZfsSwqG+tM8KVzBbdvA4Ov45b3fHSnjWh62T05g/zOrm1mzGuL31UfNVn54u2UOyFV5Xfwjuv3poxr9lpiUuySJLcZHoUJILHS3MR9cPbEpc6n/3vtpP3huS/s2mdabRDUrodqPkOh0rG45uPNWbk9vhtleY5j71NpcS2BUlXN/kceQHElf6lmHwABhggAEGGGCAAQYYYIBTHw8LbW01Hgnb7XQ1+/0Yzy88KwzwqCWdSnasMMAAAwwwX0tMWkgaSTNpIWmAAQYYYIABBhjgaqPlo0ZXQ46nvwDe0Ci/iZqtEex98E0kPcAs/2oBGGCAAa6xvQswAFsLXeagrJ/9AAAAAElFTkSuQmCC" 3x
    );
}

.menufooter .table-img-active-div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRFMTBFNkFCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRFMTBFNkJCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNEUxMEU2OEI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNEUxMEU2OUI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjLWSUQAAAH9SURBVHja7Jg7S8NQFMfPrS/QRdBUwXZQqLvV4mBBULAKTi76FXyAurqIgwguWqn9CoLgB3BSrIKLD+jSybeDUqHiUtAS/1cPEqNC86hJIAd+hJzknvvn5OTc3AhVVcnNFiCXmy/QF+gL9LrAaiuD15JfPbQLLIN+Pj8AC+BMnszPCkcz2AMOwQh4Y4bZ1+uGR7wK6kEKNDEp9q24QWCMj0uaDC6yz3IGhX4t1tRVuXYB2kEcHGmEHYNL0GEkmL5erbwkNSABbkAt2AGNfK0A7sA9GAW74PW/3mIpYg5MAeWPe1r4GOLM5sEmWGfxFavBCZDjGlMMjGvmMTmOYbvAKpAGW5rsmLEWjpHmmLYIlIG2waT+Ql0dmmC3oFCbYaGTHLPKDoGybsb0ziZ0u8EBQeEwUSRiaqWQMZNWBY6DGb1TZizeJz4y+PJClM2a3jZM8xymBMq3dUPvbEUVdeOxBjDy5pZob1+l/JOlXryhaU+GBMpWEtQ6GhqwbMQ+xV1dE52cqFQqWV6JgjyXIYG13Oe+WbRLUDU658Mj0fm5rbvBKZ6zbIFDv/U5WWvycZ6eqmTzblXhOQ0J/GGFZ6JMRqVisSLfpgkjAqMOfDxHjQjsdEBgpNyPBaf+hSg8t/D8pkm4SaAnM+j0/zhv1aDwf2D6An2BvsDK2rsAAwDdrmifkZYl8AAAAABJRU5ErkJggg==);
    background-image: image-set(
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRFMTBFNkFCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRFMTBFNkJCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNEUxMEU2OEI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNEUxMEU2OUI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjLWSUQAAAH9SURBVHja7Jg7S8NQFMfPrS/QRdBUwXZQqLvV4mBBULAKTi76FXyAurqIgwguWqn9CoLgB3BSrIKLD+jSybeDUqHiUtAS/1cPEqNC86hJIAd+hJzknvvn5OTc3AhVVcnNFiCXmy/QF+gL9LrAaiuD15JfPbQLLIN+Pj8AC+BMnszPCkcz2AMOwQh4Y4bZ1+uGR7wK6kEKNDEp9q24QWCMj0uaDC6yz3IGhX4t1tRVuXYB2kEcHGmEHYNL0GEkmL5erbwkNSABbkAt2AGNfK0A7sA9GAW74PW/3mIpYg5MAeWPe1r4GOLM5sEmWGfxFavBCZDjGlMMjGvmMTmOYbvAKpAGW5rsmLEWjpHmmLYIlIG2waT+Ql0dmmC3oFCbYaGTHLPKDoGybsb0ziZ0u8EBQeEwUSRiaqWQMZNWBY6DGb1TZizeJz4y+PJClM2a3jZM8xymBMq3dUPvbEUVdeOxBjDy5pZob1+l/JOlXryhaU+GBMpWEtQ6GhqwbMQ+xV1dE52cqFQqWV6JgjyXIYG13Oe+WbRLUDU658Mj0fm5rbvBKZ6zbIFDv/U5WWvycZ6eqmTzblXhOQ0J/GGFZ6JMRqVisSLfpgkjAqMOfDxHjQjsdEBgpNyPBaf+hSg8t/D8pkm4SaAnM+j0/zhv1aDwf2D6An2BvsDK2rsAAwDdrmifkZYl8AAAAABJRU5ErkJggg==" 2x,
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkQ5QjFCNTFCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ5QjFCNTJCODU1MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNEUxMEU2Q0I4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRDlCMUI1MEI4NTUxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg+nT4kAAAJtSURBVHja7FpNSxtRFH3PjwiKIGi0UDcW6koLGqOb0oKL2oUrF21/QrWKdutGXbQFN8av32Bb6M6Ny1YK7cYI7q3aBFRcxLpTQ7zPuaPX4Jjq5EXHnAOHezMzybwz9+TNneTpTCajigklqsgAwRAMwRAMwRAMwRAMwbZQZuuDp6Yv9OhtHD8Qn4vtPziOEuPuxvfDOniCBTqI3zmvJP4T+15yfEbs5vw3LB2wCk9yZQ3mjGOl8zkOEj9x3h10wVGRTxCPxesxIbgLs7QFaK9fPLJmWT9YJzZx/pT4U+xzq/qL+IfzR/k4qddMb8vS5cQezreIIc6/EWvEcSmOCWKS817iEudHsPQdmrRM5UY4HyCG/+M9DSJvFLbf43yeGMtyw60LfsMxliXAD+rELP6Wc3MxP8PSBapwKcdZYr/lMbquWeAW1GCImC6UYCP2K+d9XgdVVDixtUWr7W3nFpdI+hbfLy7CK87TsHSeKxy7qrIGtbXUUXTqs0pXV2uucN6aGXP+adGWWhH8OtcJGh86MRLRqoS9c3Cg1Nqalf+v3nFcJn6BpX1W2DQVM1cd8KDBqezpVaTLuPXX2b66mlHptFUNM6IVTeVLsLnp11+2o6qKnwGj5zbe2FQqHi/Y37D1osMbh6WvWeGQ6I0vRXubY+My+qSd3XMbFxju+D4SD/0IfsHR80HAnYFbn2i1suLkt7CoICzGuwhL36DCnkjt881w+U6sFenJVeFcgtsDVsCc44Wls9AcMD2P/QgO4gKusBi3hqXxHb4IjQpD8P2ydNCX2WKWhuBigMaKeAiGYAiGYAiGYAiGYEs4EWAAdMdxFFdjQUwAAAAASUVORK5CYII=" 3x
    );
}

.menufooter .menu-text-active-div {
    color: #6d71df;
}

@media (min-width: 750px) {
    .menufooter {
        height: 0.8rem;
        max-height: 80px;
    }
    .menufooter > div {
        flex-direction: row;
        cursor: pointer;
    }
    .menufooter .menu-text-div {
        padding-left: 0.22rem;
    }
}

.header {
    width: 100%;
    height: 0.8rem;
    padding: 0 0.38rem;
    background-color: #8e90fc;
}
.header > div {
    position: absolute;
    height: 0.8rem;
    color: #fff;
    display: flex;
    align-items: center;
}
.header .header-left svg {
    font-size: 0.32rem;
    height: 0.32rem;
    width: 0.32rem;
}
.header .header-center {
    width: 50%;
    display: flex;
    justify-content: center;
    left: 25%;
    font-weight: bold;
    font-size: 0.32rem;
}
.header .header-right {
    font-size: 0.32rem;
    right: 0.38rem;
}
.header .img-div > div {
    padding-left: 0.3rem;
    z-index: 99999;
}
.header .img-div img {
    width: 0.32rem;
    height: 0.32rem;
}
.custommenu {
    width: 0.5rem;
    height: 0.35rem;
}

.parentWrap {
    position: absolute;
    left: calc(100% - 158px);
    top: 0;
    z-index: 9999;
}

.wrapper1 {
    display: none;
}

.wrapper {
    width: 150px;
    height: 100px;
    position: relative;
    margin: 20px auto; /***上下二十，左右magin自动，也就是除去width=300后平分浏览器宽度。并且这种自动自带实现水平居中的功能 ***/
    border: 1px solid #cccccc;
    border-radius: 5px;
    background: #ffffff;
    margin-top: 0.9rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.wrapper:before {
    content: '';
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #cccccc;
    position: absolute;
    left: 68%;
    top: 0;
    margin-top: -40px;
}

.wrapper:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border: 20px solid transparent;
    border-bottom-color: #ffffff;
    left: 68%;
    top: 0;
    margin-top: -38px;
}

@media (min-width: 750px) {
    .header {
        height: 0.56rem;
        max-height: 70px;
    }
    .header > div {
        height: 0.56rem;
        max-height: 70px;
    }
    .header .header-center {
        font-size: 0.22rem;
    }
    .header .img-div > div {
        padding-left: 0.3rem;
        z-index: 99999;
    }
    .header .img-div img {
        width: 0.22rem;
        height: 0.22rem;
    }
    .header .header-right {
        font-size: 0.2rem;
    }
    .wrapper {
        margin-top: 0.65rem;
    }
    .wrapper:before {
        left: 61%;
    }
    .wrapper:after {
        left: 61%;
    }
}

.attr-modal {
    width: 90%;
}

.attr-box {
    max-height: 9rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.attr-head {
    width: 100%;
}

.attr-head-dishinfo {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.attr-head-dishinfo-img {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 5px;
    margin-right: 0.28rem;
}

.attr-head-dishinfo-main {
    text-align: left;
    width: 70%;
}

.attr-head-dishinfo-title {
    font-size: 0.34rem;
    line-height: 1.2;
    margin-bottom: 0.16rem;
    word-break: break-all;
}

.attr-head-dishinfo-note {
    font-size: 0.3rem;
    color: #777;
    line-height: 1.2;
    margin-bottom: 0.16rem;
    word-break: break-all;
}

.attr-head-dishinfo-initnum {
    font-size: 0.22rem;
    color: #ffa720;
}

.attr-head-dishinfo-price {
    color: red;
    font-size: 0.34rem;
}

.attr-price-label {
    font-size: 0.2rem;
    font-style: normal;
}

.attr-head-numbox {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.1rem;
    font-size: 0.32rem;
    margin-bottom: 0.1rem;
}

.attr-head-numbox-title {
    width: 20%;
    text-align: left;
    color: #555;
}

.attr-head-numbox-operation {
    width: 80%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.attr-head-numbox-value {
    padding: 0 0.1rem;
    margin: 0 0.2rem;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #333;
    width: 0.7rem;
    text-align: center;
}

.attr-head-numbox-add {
    width: 0.4rem;
    height: 0.4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUVFMjJCM0FCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNBRkVGNDBCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUUyMkIzOEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RUUyMkIzOUI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpC28owAAAOrSURBVHja7JtLbA1RGMdP76WSNpRIIxEWglYU9ayWuAsiHkuLKvEKEqpWbCu3EjYsSb26Ea14NLVB2RCvxqOLVhNpibARQWhKRIu2/l/mm5g75vbO3Dtn7swc/+S36M3MnfPrnHvmnDPn5MTrPgrJKQAxMA8Ug1lgMhgP8vmY76AXvAfdoAc8B/dBn4xCjZIkOx1sBevAIhBNcXw+MwUsMXw+CNpBK2gEr90qYMRFWZLbDB6BVyAOymxIp/rOpaCOv/MhXyPqB3GqNbu4ejaBZSBHQi2i71zO1+jma0azJV4OnoIGrt5eZQZf8xnXCM/E88BJrtYLRPZC127jsuTJFi/mu1zjchuRSa2lsjwBRbLEV/MFSoT/ModvyCq3xTeC6/xc9muobDdBpVvP8UpuTaPC/8kFF8EwuJrJHV8JLgRE2vj8b+SypyVODVkL/xeDllwue5FT8Tw+sUAEN1T2a1aPupHEj4PZIvghh2N2G7cKUC2zNHXxwsS/D3+Seblq/s0/HumOU8NQL6m/nc1OziljA20lvhvMF+ELOe1MJk4tYa0Ibw7pTyizeBVPBoQ1U9nxH/H9IvypMYvPFYnTPmENzQqVREyDEFVSZRRfq5D4Gl18gsjuTIrXWaiLx4Q/ZlM8G73psqVCsUQMw8//4ipEH50VujHCcnO05ujcNEZ2+h0fp2pVH6uqeFTV3/gAGOPFbyvZb1ryDEzSO96ralV/p6r4S1XFu1UV71JV/B4YUsh7UBf/AjoVEu8wjsFbFRK/ZRS/opD4ZaM4VfV2BaTJscs83VSvgPgJY6uupynkvThyu2Ql/hMcDbH4EXa0nFk9J7SVw2ELtWEN5g6MMb+F9n5pOETS5LKP3RLG4+bQKuHTQuKqCI/H3+TSZtVltcrBkPTmOsCBZH11q/wQ2ovEvgBL97FDvxNxSg+fOBhAaWq9NySba7Dzvuw22BYweSrrJnAn1bA0VWhtKC2hGAiA9ACXtcXOeNxOmsF68M3H0l+FtgGo2e5EhN1Q1SnzaWtPrTctZblr5+B03onT/Fw5Pxv90MkZ5rJUCAeTpukuBujnzk0sy91bqnkruCz9Tk7MdBUE9fBoQ91e8NZD4TdgD1gstA1BjuPG8g/q/54BM8EOoe1ZkRVahLtdaGvQzxr73k7j5hZLKsR5hvaPbuGnQGkG/+Ahrs43xN+Ndq5E1t5SKmAtM5HbAqqWtHZ8GpjEn4/m43+Bz+ADV+MXQttM94A/dz1/BBgABYCtSgV/fzAAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100%;
}

.attr-head-numbox-reduce {
    width: 0.4rem;
    height: 0.4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUVFMjJCMzJCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUVFMjJCMzNCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUUyMkIzMEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RUUyMkIzMUI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmoGfs8AAAV0SURBVHja5JtrbBRlFIZPt4hShVaMgqjEUCsFJZVUCxKipkYrePlhVooliheCoKh/jMZEA8EIaPylgok2BMFCrUKiXLyloAIxbdFoMVhaMRFBEW9FQYxa6vs67yaTspTd7sx2Z+YkT9Jsd2fmne+b853znTN58XjcfLQh4GowDowGpWCEPh+i7xwCv4PvwW7RCj7W577YAB+OWQzuAFNAOcjX5z+ANrAV/CHBx8Cp4CxwAbgO3Knv/ws+BZtAHdiTi8J5nGlgHpioz1rAs2AzaE5j9ApBBagUC8R28BJ4HXT1t3CO5l3gcY00R2U+WAm+7eMxORM+ELRRYIbOU6ebsBi8qhnTJ4tlIHqiRrUWHAbTwcXgqQxEJ7NvdMwScDv4CyzXuSuyKbwAvKipN1zP83hNwWM+Okoeux6UgZngPPAJeAEM8lv4aD2vD4CXwVjwGui27Fm3HqVSzbZ5uqYSv4TT4zbpTnMNnAs6rf+M575PTnWkxF/rtfBqsFFLEpeotZY79ga4HPyspS/ulfBqeVOuqZPkbHLNOsBksFN+IJ6p8Eo9TztAFfjNctd+1FTfqYGq7KtwOo91YC+42c/w0UNjDHC9rnmdlte0hBfoh10KPX+y4Bivdar+XistKQt/TiPONfprC57xmZ8NLlXYnJJwOrA5YKm8ZFCtQbHGXFf+cELhjN2Xge8UfwfdHtPUX+bKEpMKn6WQ8BHF30G3TmkZrzA3qfCB4AlFQG9aeIxL22eawQOSCa9ROLowy7F3NmJ7arpI4e1xwpl47Aq4QzuRrdfq9FBP4WWKd2tDNtrulPYVMAFc4hY+Tf9cY+G1OmmsdgufoqT+QIiF79euTVVC+Jma6pst/NaotLqIwq/RDWiMgPAtCmQmU/A4JSPNERDepOe8LKZkhJsLRyMgnIUM7gCXxpSz7rHoGNfzEgo/Gxz0OFLyAy/z9WEUXhiShCRV407SYAofbMHYVvLyOf9feMyiZVzBBlL0P+ZPuThXjWXpwxT8Cxjq4YHzclw4a/GHYophR0RoxKl1H4Wz9aI4QsKptT0hnMX3QREQzRXsQtBG4a0K3CdEQHi5fFArhX+kwL0yAsKv0nK2jcJZCPw8IsK54cKqb2cieHkXXGlOa0dY7XxzembeM1fUVq+/a0IsfIY01ruFs6bMGvisAAQgfbGYtHEjYpf1iNPZyTQG3BRC4azvs6DwvPtOJIxby/vAkyEbdWqZrw2IhmTC/wZPgyvAbSESzqZAFg0XmdMfe5xwWq2WNjYGnBGSSI2NASwaruz50LuNd+R+uf5nQiCcA3iuNHX1JpzGigoL6ewkuDHAolkWmy0tTcncfDJ7FHwFVskbBs3Y3ski4ZfSYqkK/xPcqv+/Y85ObFCM18pSd7c0HE1HuCld5Q9H6kCFARDNa2zUNfPaO3qLaHozFhITbdnvm7dbVF4b84wPzemorrGTFEFT2WFt0IEuM6dHvThHn+ntEk2ndtIm41S3lil+qpaGlhwLa28xp+DJcvcN5nRkmlfCTc8O0zpuTr5tzosxRf0ouEie+y1z+vK4g7QlnawlHWuX+KVaI9vkA7IZ2/NcM3Ut9yjxqOjNkXkh3LQ8PKiNi/0KBb9QTJzvo+B8+Rqm0CvMKfeyVfNhc17QMb+FJ6xZCc294DSwWqPA7G6Uh4KLlV3x2GzgOQXcrandkkmCnolxk3K58niOBpvlFyoFZJi4xJz+8XR8AZ1UlX7boim8QMeernOtsAzfeMrz4d3SMVpSGOeXu27uQYXBFMAeU5amWbcrUHzAVyzZnXGO66ZyY3CDOa927fbUUfj8Uu1Q+YLES7VkmFLe0/WdI7oJBySuXc8xk6Vf/bqw/wQYACyPPs8hJlXYAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100%;
}

.attr-main {
    text-align: left;
    overflow: scroll;
    flex: 1;
}

.attr-main-box > div:nth-child(2n + 1) {
    margin: 0.2rem 0 0.1rem;
}

.attr-main-attr-name {
    font-size: 0.24rem;
}

.attr-main-attr-list .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    margin: 0.1rem;
    background-color: #f3f5f9;
    border-radius: 0.1rem;
    padding: 0.05rem 0.1rem;
    min-height: 0.5rem;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.attr-main-attr-list .label .attrName {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.attr-main-attr-list .label .iconUp {
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    top: -0.2rem;
    right: -0.2rem;
    background-color: #f3f6ff;
    border: 1px solid #6a8cec;
    border-radius: 50%;
    transform: scale(0.8);
    line-height: 0.35rem;
}

.attr-main-attr-list .label .icon {
    vertical-align: -0.25em;
    padding: 0 0.1rem;
}

.attr-main-attr-list .active {
    background-color: #f3f6ff;
    color: #6a8cec;
}

.attr-footer-attr-selected {
    overflow: hidden;
    margin: 0.1rem 0;
    text-align: left;
    font-size: 0.22rem;
    color: #888;
}

.attr-footer-attr-op {
    border-top: 1px solid #ddd;
    width: 100%;
    display: flex;
}

.attr-footer-attr-totalprice {
    flex: 1;
    text-align: left;
    line-height: 0.7rem;
    padding-left: 0.2rem;
    font-family: Ping Fang Bold;
    font-size: 0.3rem;
    color: #ff6634;
}

.attr-footer-attr-addbtn {
    font-size: 0.25rem;
    width: 1.9rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    background-color: #8fa8ef;
    color: #fff;
    line-height: 0.6rem;
    margin-right: 0.3rem;
    margin-top: 0.1rem;
}

.foodcard {
    width: 100%;
    display: flex;
    position: relative;
}
.foodcard .img-div {
    width: 1.8rem;
    height: 1.2rem;
    border-radius: 0.1rem;
    position: relative;
    overflow: hidden;
}
.foodcard .img-div img {
    height: 100%;
    width: 100%;
    background-color: #ebebeb;
}
.foodcard-modal {
    width: 75%;
}
.fresh-box {
    width: 100%;
    margin-top: 0.12rem;
    margin-bottom: 0.1rem;
}
.fresh-row {
    width: 100%;
    height: 1rem;
    max-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}
.fresh-row-label {
    width: 40%;
    font-size: 0.3rem;
    color: #333;
}
.fresh-row-label i {
    font-style: normal;
    color: red;
}
.fresh-row-value {
    width: 60%;
    font-size: 0.3rem;
    padding-right: 0.1rem;
    display: flex;
    align-items: center;
}
.fresh-row-value input {
    width: 100%;
    height: 0.64rem;
    font-size: 0.3rem;
    text-align: center;
    background-color: #ececec;
    border: 0;
    border-radius: 5px;
    margin: 0 0.1rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.fresh-row-value img {
    width: 0.5rem;
}

.am-modal-title {
    font-size: 25px;
}

.foodcard .foodcard-text {
    width: 1.8rem;
    /* height: 1.2rem; */
    padding: 0rem 0.1rem;
    padding-left: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
}
.foodcard .foodcard-text .name-div {
    font-size: 0.25rem;
    width: 2rem;
    color: #2a2a2a;
    text-align: left;
    padding-bottom: 0.06rem;
}

.foodcard .foodcard-text .sales-min-div {
    width: 2rem;
    color: #555;
    font-size: 0.22rem;
    text-align: left;
    padding-bottom: 0.04rem;
}
.foodcard .foodcard-text .store-div {
    width: 2rem;
    color: #555;
    font-size: 0.22rem;
    text-align: left;
    padding-bottom: 0.04rem;
}

.foodcard .foodcard-text .price-div {
    color: #f58c6f;
    padding-bottom: 0.1rem;
    text-align: left;
    font-size: 0.25rem;
}

.foodcard .foodcard-text .price-div i {
    font-style: normal;
    font-size: 0.2rem;
}

.foodcard .count-div {
    flex: 1;
    display: flex;
    flex-direction: row-reverse;
    /* width: 0; */
    justify-content: flex-start;
    align-items: center;
    font-size: 0.26rem;
    padding-right: 0.3rem;
}
.foodcard .count-div span {
    height: 0.26rem;
    line-height: 0.26rem;
    padding: 0 0.16rem;
}

.foodcard .count-div > i {
    display: inline-block;
    height: 0.4rem;
    width: 0.4rem;
    max-width: 25px;
    max-height: 25px;
    background-size: 100% 100%;
}

.foodcard .count-div .num-input {
    text-align: center;
    width: 0.5rem;
    border: none;
    outline: none;
    background: none;
}

.foodcard .count-div .del-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUVFMjJCMzJCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUVFMjJCMzNCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUUyMkIzMEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RUUyMkIzMUI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmoGfs8AAAV0SURBVHja5JtrbBRlFIZPt4hShVaMgqjEUCsFJZVUCxKipkYrePlhVooliheCoKh/jMZEA8EIaPylgok2BMFCrUKiXLyloAIxbdFoMVhaMRFBEW9FQYxa6vs67yaTspTd7sx2Z+YkT9Jsd2fmne+b853znTN58XjcfLQh4GowDowGpWCEPh+i7xwCv4PvwW7RCj7W577YAB+OWQzuAFNAOcjX5z+ANrAV/CHBx8Cp4CxwAbgO3Knv/ws+BZtAHdiTi8J5nGlgHpioz1rAs2AzaE5j9ApBBagUC8R28BJ4HXT1t3CO5l3gcY00R2U+WAm+7eMxORM+ELRRYIbOU6ebsBi8qhnTJ4tlIHqiRrUWHAbTwcXgqQxEJ7NvdMwScDv4CyzXuSuyKbwAvKipN1zP83hNwWM+Okoeux6UgZngPPAJeAEM8lv4aD2vD4CXwVjwGui27Fm3HqVSzbZ5uqYSv4TT4zbpTnMNnAs6rf+M575PTnWkxF/rtfBqsFFLEpeotZY79ga4HPyspS/ulfBqeVOuqZPkbHLNOsBksFN+IJ6p8Eo9TztAFfjNctd+1FTfqYGq7KtwOo91YC+42c/w0UNjDHC9rnmdlte0hBfoh10KPX+y4Bivdar+XistKQt/TiPONfprC57xmZ8NLlXYnJJwOrA5YKm8ZFCtQbHGXFf+cELhjN2Xge8UfwfdHtPUX+bKEpMKn6WQ8BHF30G3TmkZrzA3qfCB4AlFQG9aeIxL22eawQOSCa9ROLowy7F3NmJ7arpI4e1xwpl47Aq4QzuRrdfq9FBP4WWKd2tDNtrulPYVMAFc4hY+Tf9cY+G1OmmsdgufoqT+QIiF79euTVVC+Jma6pst/NaotLqIwq/RDWiMgPAtCmQmU/A4JSPNERDepOe8LKZkhJsLRyMgnIUM7gCXxpSz7rHoGNfzEgo/Gxz0OFLyAy/z9WEUXhiShCRV407SYAofbMHYVvLyOf9feMyiZVzBBlL0P+ZPuThXjWXpwxT8Cxjq4YHzclw4a/GHYophR0RoxKl1H4Wz9aI4QsKptT0hnMX3QREQzRXsQtBG4a0K3CdEQHi5fFArhX+kwL0yAsKv0nK2jcJZCPw8IsK54cKqb2cieHkXXGlOa0dY7XxzembeM1fUVq+/a0IsfIY01ruFs6bMGvisAAQgfbGYtHEjYpf1iNPZyTQG3BRC4azvs6DwvPtOJIxby/vAkyEbdWqZrw2IhmTC/wZPgyvAbSESzqZAFg0XmdMfe5xwWq2WNjYGnBGSSI2NASwaruz50LuNd+R+uf5nQiCcA3iuNHX1JpzGigoL6ewkuDHAolkWmy0tTcncfDJ7FHwFVskbBs3Y3ski4ZfSYqkK/xPcqv+/Y85ObFCM18pSd7c0HE1HuCld5Q9H6kCFARDNa2zUNfPaO3qLaHozFhITbdnvm7dbVF4b84wPzemorrGTFEFT2WFt0IEuM6dHvThHn+ntEk2ndtIm41S3lil+qpaGlhwLa28xp+DJcvcN5nRkmlfCTc8O0zpuTr5tzosxRf0ouEie+y1z+vK4g7QlnawlHWuX+KVaI9vkA7IZ2/NcM3Ut9yjxqOjNkXkh3LQ8PKiNi/0KBb9QTJzvo+B8+Rqm0CvMKfeyVfNhc17QMb+FJ6xZCc294DSwWqPA7G6Uh4KLlV3x2GzgOQXcrandkkmCnolxk3K58niOBpvlFyoFZJi4xJz+8XR8AZ1UlX7boim8QMeernOtsAzfeMrz4d3SMVpSGOeXu27uQYXBFMAeU5amWbcrUHzAVyzZnXGO66ZyY3CDOa927fbUUfj8Uu1Q+YLES7VkmFLe0/WdI7oJBySuXc8xk6Vf/bqw/wQYACyPPs8hJlXYAAAAAElFTkSuQmCC);
}

.foodcard .count-div .add-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUVFMjJCM0FCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNBRkVGNDBCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RUUyMkIzOEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RUUyMkIzOUI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpC28owAAAOrSURBVHja7JtLbA1RGMdP76WSNpRIIxEWglYU9ayWuAsiHkuLKvEKEqpWbCu3EjYsSb26Ea14NLVB2RCvxqOLVhNpibARQWhKRIu2/l/mm5g75vbO3Dtn7swc/+S36M3MnfPrnHvmnDPn5MTrPgrJKQAxMA8Ug1lgMhgP8vmY76AXvAfdoAc8B/dBn4xCjZIkOx1sBevAIhBNcXw+MwUsMXw+CNpBK2gEr90qYMRFWZLbDB6BVyAOymxIp/rOpaCOv/MhXyPqB3GqNbu4ejaBZSBHQi2i71zO1+jma0azJV4OnoIGrt5eZQZf8xnXCM/E88BJrtYLRPZC127jsuTJFi/mu1zjchuRSa2lsjwBRbLEV/MFSoT/ModvyCq3xTeC6/xc9muobDdBpVvP8UpuTaPC/8kFF8EwuJrJHV8JLgRE2vj8b+SypyVODVkL/xeDllwue5FT8Tw+sUAEN1T2a1aPupHEj4PZIvghh2N2G7cKUC2zNHXxwsS/D3+Seblq/s0/HumOU8NQL6m/nc1OziljA20lvhvMF+ELOe1MJk4tYa0Ibw7pTyizeBVPBoQ1U9nxH/H9IvypMYvPFYnTPmENzQqVREyDEFVSZRRfq5D4Gl18gsjuTIrXWaiLx4Q/ZlM8G73psqVCsUQMw8//4ipEH50VujHCcnO05ujcNEZ2+h0fp2pVH6uqeFTV3/gAGOPFbyvZb1ryDEzSO96ralV/p6r4S1XFu1UV71JV/B4YUsh7UBf/AjoVEu8wjsFbFRK/ZRS/opD4ZaM4VfV2BaTJscs83VSvgPgJY6uupynkvThyu2Ql/hMcDbH4EXa0nFk9J7SVw2ELtWEN5g6MMb+F9n5pOETS5LKP3RLG4+bQKuHTQuKqCI/H3+TSZtVltcrBkPTmOsCBZH11q/wQ2ovEvgBL97FDvxNxSg+fOBhAaWq9NySba7Dzvuw22BYweSrrJnAn1bA0VWhtKC2hGAiA9ACXtcXOeNxOmsF68M3H0l+FtgGo2e5EhN1Q1SnzaWtPrTctZblr5+B03onT/Fw5Pxv90MkZ5rJUCAeTpukuBujnzk0sy91bqnkruCz9Tk7MdBUE9fBoQ91e8NZD4TdgD1gstA1BjuPG8g/q/54BM8EOoe1ZkRVahLtdaGvQzxr73k7j5hZLKsR5hvaPbuGnQGkG/+Ahrs43xN+Ndq5E1t5SKmAtM5HbAqqWtHZ8GpjEn4/m43+Bz+ADV+MXQttM94A/dz1/BBgABYCtSgV/fzAAAAAASUVORK5CYII=);
}

.foodcard .count-div .attr-btn {
    height: 0.4rem;
    max-height: 25px;
    padding: 0 0.08rem;
    font-size: 0.14rem;
    font-family: 'PingFangSC-Regular';
    background-color: #8e90fc;
    color: #ffffff;
    border: none;
    border-radius: 0.05rem;
}

.showRequireDish {
    position: absolute;
    overflow: hidden;
    width: 1rem;
    height: 0.96rem;
    top: -0.06rem;
    right: 0;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}

@media (min-width: 750px) {
    .am-modal-title {
        font-size: 25px;
    }
    .foodcard-modal {
        width: 75%;
        max-width: 600px;
    }
    .fresh-row-label {
        font-size: 25px;
    }

    .fresh-row-value {
        font-size: 25px;
        padding: 0 0.3rem;
    }
    .fresh-row-value input {
        width: 100%;
        height: 46px;
        font-size: 25px;
        padding: 0 15px;
        margin: 0 10px;
        box-sizing: border-box;
    }
    .fresh-row-value img {
        max-width: 46px;
    }
    .foodcard {
        width: 1.7rem;
        max-width: 250px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .foodcard .img-div {
        width: 100%;
        height: 1.3rem;
        max-height: 220px;
    }

    .foodcard .foodcard-text {
        width: 100%;
        padding: 0;
    }
    .foodcard .foodcard-text .name-div {
        width: 100%;
        height: 47px;
        line-height: 1;
        color: #2a2a2a;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 18px;
        word-break: break-all;
        overflow-y: auto;
    }
    .foodcard .foodcard-text .name-div::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .foodcard .foodcard-text .name-div::-webkit-scrollbar-track {
        background-color: #f0f2f5;
        cursor: default;
    }
    .foodcard .foodcard-text .name-div::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #c0c0c0;
        cursor: default;
    }
    .foodcard .foodcard-text .name-div::-webkit-scrollbar-corner {
        border-radius: 2px;
        background-color: #c0c0c0;
    }
    .foodcard .foodcard-text .foodcard-subs {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .foodcard .foodcard-text .price-div {
        flex: 1;
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 0;
        text-align: right;
        letter-spacing: -1px;
    }
    .foodcard .foodcard-text .price-div .seasonal {
        display: none;
    }
    .foodcard .foodcard-text .price-div i {
        font-style: normal;
        font-size: 13px;
    }

    .foodcard .foodcard-text .store-div {
        width: fit-content;
        font-size: 15px;
        padding-bottom: 0;
        line-height: 1.2;
        color: #555;
    }
    .foodcard .foodcard-text .sales-min-div {
        width: fit-content;
        font-size: 15px;
        padding-bottom: 0;
        line-height: 1.2;
        color: #555;
        margin-right: 5px;
    }

    .foodcard .count-div {
        width: 100%;
        margin-top: 5px;
        padding-right: 5px;
    }
    .foodcard .count-div input {
        font-size: 22px;
    }

    .showRequireDish {
        top: -0.15rem;
        right: -0.15rem;
    }
}

.deskitem {
    width: 2.3rem;
    height: 1.3rem;
    background-color: #acd5d8;
    border-radius: 0.1rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #fff;
}
.deskitem > div {
    width: 100%;
    height: 70%;
}
.deskitem .deskitem-top {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    text-align: right;
    padding-right: 0.2rem;
}
.deskitem .deskitem-status {
    font-size: 0.22rem;
    font-weight: bold;
    text-align: center;
    height: 0.4rem;
}
.deskitem .deskitem-btn {
    flex: 1;
    display: flex;
    font-size: 0.21rem;
    line-height: 0.6rem;
}
.deskitem .deskitem-btn > span {
    flex: 1;
    text-align: center;
}
.darkseagreen {
    background-color: #61a79f;
}
.gray {
    background-color: #9db3c5;
}
.rosybrown {
    background-color: #c185a4;
}
.golden {
    background-color: #f6a805;
}
.light-blue {
    background-color: #82aaf0;
}
.pink {
    background-color: #eaa28e;
}
.red {
    background-color: #f84f49;
}
.earthy-yellow {
    background-color: #d4af78;
}

@media (min-width: 750px) {
    .deskitem {
        max-width: 260px;
        max-height: 150px;
    }

    .deskitem .deskitem-top {
        font-size: 20px;
        height: 46px;
        line-height: 46px;
    }

    .deskitem .deskitem-status {
        font-size: 22px;
        height: 0.38rem;
    }

    .deskitem .deskitem-btn {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
    }
}

.newdeskitem {
    background-color: #fff;
    width: 2.7rem;
    font-size: 0.26rem;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.1rem;
    overflow: hidden;
    color: #000000;
}

.newdeskitem>div {
    padding: 0 0.18rem;
}

.newdeskitem-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.6rem;
}

.newdeskitem-tableName {
    font-size: 0.3rem;
    line-height: 1;
    flex: 1;
    padding-right: 4px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newdeskitem-status {
    flex-wrap: nowrap;
}

.newdeskitem-capacity {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.28rem;
    height: 0.9rem;
}

.newdeskitem-com {
    height: 0.45rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newdeskitem-amt {
    font-size: 0.3rem;
    line-height: 1;
    flex: 1;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newdeskitem-num {
    flex-wrap: nowrap;
}

.newdeskitem-flag {
    height: 0.45rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000cc;
}

.newdeskitem-vip {
    width: 0.36rem;
    height: 0.3rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADaADAAQAAAABAAAACwAAAAAmiu0OAAAB5ElEQVQoFW1QTWsTURS972OeaSZN6DQaUKtBsqhdCRHcWOjCpbiyFgQRsbgRdOdfcCEuCiLuBF2oIBQRdOHCjaALQa1UWzXxI0lrp0mmM5mZZGbenWcyMNCFd3Hu1zmXyyHwn1B/b+kgmpNQr7eh+rxPCKjdNLq7SWtJvVlE9VAa48cB5lg6TzNXjcsGUDIro9DUyg/eJgtnJSCunVNSZKDbIylZbly9oJrfazzobBY5yIvKDvPq8cJt6I+9Rh4YtIA6dPyTXcnfqWeLBkayGn9evUHa5lOutliEGeKw7NhppINpz/Fu6jE7qxgcAXCu67Zo2h8ac2IKTwlpgdo7NeCZ1o4b5PUVeqy0EBvyQMasLVFWomgLwqTUqBvc00o+aMUskpbLIqW2k39VY96QfXKfh90zSvQhRgLYcoDlFbBtBLSGmWYhaluPxLX6+cS9HwPX4zn9BUweHkBmP1AtB6K8D9hEAeKh35QixJbpE4V3RqYkokrlZRT4hT9KFnewG4FX24TeNxPc9R6EjQAICoiF/rMzPf9pJOIjGB6LreWPX7sbwZO1N8Elu83zGCHw4UJo47Js+FuVGbxbWsz1E/4I0nh/partCeBQmD84M1E5es7/3Xzlrn9ZJcL/dWJ5rZPy/gH3q9/W+wiHtQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.newdeskitem-btn {
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border-top: 1px solid #e6e6e6;
}

.status1 {
    background-color: #b5d8d0;
}

.status2 {
    background-color: #fec281;
}

.status3 {
    background-color: #ffb8a8;
}

.status4 {
    background-color: #7aa3d2;
}

.status5 {
    background-color: #c185a4;
}

.light-blue {
    background-color: #82aaf0;
}

.pink {
    background-color: #eaa28e;
}

.red {
    background-color: #f84f49;
}

.earthy-yellow {
    background-color: #d4af78;
}

/* @media (min-width: 625px) {
    .newdeskitem {
        width: 225px;
        font-size: 22px;
        border-radius: 8px;
    }

    .newdeskitem>div {
        padding: 0 15px;
    }

    .newdeskitem-top {
        height: 50px;
    }

    .newdeskitem-tableName{
        font-size: 25px;
    }

    .newdeskitem-capacity {
        font-size: 23px;
        height: 75px;
    }

    .newdeskitem-com {
        height: 37.5px;
    }
    
    .newdeskitem-amt {
        font-size: 25px;
    }
    
    .newdeskitem-flag {
        height: 37.5px;
    }
    
    .newdeskitem-vip {
        width: 30px;
        height: 25px;
    }
    
    .newdeskitem-btn {
        height: 42px;
        line-height: 42px;
    }
} */

@media (min-width: 750px) {
    .newdeskitem {
        width: 270px;
        font-size: 26px;
        border-radius: 10px;
    }

    .newdeskitem>div {
        padding: 0 18px;
    }

    .newdeskitem-top {
        height: 60px;
    }

    .newdeskitem-tableName{
        font-size: 30px;
    }

    .newdeskitem-capacity {
        font-size: 28px;
        height: 90px;
    }

    .newdeskitem-com {
        height: 45px;
    }
    
    .newdeskitem-amt {
        font-size: 30px;
    }
    
    .newdeskitem-flag {
        height: 45px;
    }
    
    .newdeskitem-vip {
        width: 36px;
        height: 30px;
    }
    
    .newdeskitem-btn {
        height: 50px;
        line-height: 50px;
    }
}
.orderpop {
    position: fixed;
    bottom: 1.2rem;
    left: 0.46rem;
    width: 2.22rem;
    height: 0.9rem;
    background: #a2a6ad;
    border-radius: 0.45rem;
    display: flex;
    box-shadow: #878787 4px 4px 16px;
    align-items: center;
    justify-content: center;
    z-index: 100;
    transform: translateZ(0);
}
.orderpop .img-div {
    width: 0.46rem;
    height: 0.56rem;
    background-repeat: no-repeat;
    /* background-size: 0.46rem 0.56rem; */
    background-size: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA6CAYAAAD2mdrhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTMzRDZGNEVCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTMzRDZGNEZCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzNENkY0Q0I4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMzNENkY0REI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlsC9MYAAARcSURBVHja1FrNahRBEO75SXLITSQSSeLBZONFUcGQi4jeFF/Bs4j4DoJP4QOIL+DZm2IMiD8EcXNIUJZIDOJlg2Z/xqrJ9tJbW9Xds7OdzRTUdvfMTndV19/Xw6gsy1RJvg28CdzKihH+fwP4Vpn1I/wpQTeBXwOnJeY4Ar4D/GaUh2NVjp6VFB5pGvjpqA+XtcC/ngBl6RB4dhIKZGp8FE3ChSZOMfHFx71gavZ218XjJNdaKNNb4Cem22oXOg/8CvhaRTb+I/B94AYqMAOdd8BXK+Y9n4HX0IUeVVB4pCvAD9EC76Fzo6IxvIEK/IXOTEUVOIy63W4WRZGqKuVptGQxOzV1YDApV0SpmBM6h6k9tzrtiqSS8HpsKoL9vb0D9a3+XXU6nTACpamqrSyq+fmzo7uQuev64KD79e1wwiO1221Y44e/C7lcBHddWwHbdrsT3C1QibGhUWqBqak0uALT01Ph0mhtZQn8NAknPGxQrbbkf4gAf84k1/GepBf0kyiIsa/7uISnmeykKIKAybh0aRO40AKBrdLPQoCJvHbbV2j631DWYYPYtpiPAP2XTozC47ZIbCtgPtdcigSHEuYiuDvoStQFzN3c3/+dV8pWqx1EIKwzq6sX1Lm5M/4xIIE4DlKEFB4J564D1hrJArYUqcchhdd0dNQqnoXMluubJj5VUIJ7ZS0pgrx8cSEolMjhdBEo0Ww2MxNt2louDbrGoxY/X2iS0kD1ecj2H/NARE91PhW+aOodSqPmYnQyfY0KRy3FZTWXIrZ6Y24InTOW/N+EFraiJiUAWzErUhBt7pxbQBeuXJs47mtId5u2nLUkQEitLLmaq5pzaw64ECojKUJb6b5UP3zjxQVNhizAAS9OEVeRkwKRU9AHN9mUFl3IZnpNvw7+qJ2dPdXpdAPVgcQbC6Gs/SDWQWsGr+6b13d3fwYT/viNREdtA97yOQ3mMUDRpy1VYnsSr1VMLOSqIamZ0tDnpeDS95IkDmoB7Ua2wB6Qi7qPyfqa6U6Li3N9ZUJQkiRqeXlBPOUNBXuj0ci0C5luxI1t92xjCTO5MFYhLGTmdTo23atIjuauu1KtVEek+YeCWFLETLfc6U16CyH9RxJSghzcG3MnGpUE4xTk7rvAoZT1pOLI9VPpPEyzj0tB6ma+iurnbLjKdj21wWOdfWhgSvGh/8vNJz1ruidnLemcMGQB3wMNJ5wER+juunCVDS9JMSa+lZB2URJOErCIVTjI7gJ8qAB+8uX10RJVRBc5GrQUxboylisTWSD7ISrwAQbrHNb3VYaSDeH61g/PV/pbqMBL6KzbUpvkAtQiPlbwuS8JTWsR0IuoXq/jdxKbwJcHDstGSrRBCtrXz/nCDd+5mdj4Cu11BHP44d5d4E/0eEnPArRvMj1PSEyBmWs+c2w8+wX4Hn6okvYuNqBZU8ffDj0AvgTazbqqqA/kdWUyW30gxRG/bNxCtwF+Doxf2aj/AgwAvVScWnEnpgwAAAAASUVORK5CYII=);
    background-image: image-set(
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA6CAYAAAD2mdrhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTMzRDZGNEVCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTMzRDZGNEZCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzNENkY0Q0I4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMzNENkY0REI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlsC9MYAAARcSURBVHja1FrNahRBEO75SXLITSQSSeLBZONFUcGQi4jeFF/Bs4j4DoJP4QOIL+DZm2IMiD8EcXNIUJZIDOJlg2Z/xqrJ9tJbW9Xds7OdzRTUdvfMTndV19/Xw6gsy1RJvg28CdzKihH+fwP4Vpn1I/wpQTeBXwOnJeY4Ar4D/GaUh2NVjp6VFB5pGvjpqA+XtcC/ngBl6RB4dhIKZGp8FE3ChSZOMfHFx71gavZ218XjJNdaKNNb4Cem22oXOg/8CvhaRTb+I/B94AYqMAOdd8BXK+Y9n4HX0IUeVVB4pCvAD9EC76Fzo6IxvIEK/IXOTEUVOIy63W4WRZGqKuVptGQxOzV1YDApV0SpmBM6h6k9tzrtiqSS8HpsKoL9vb0D9a3+XXU6nTACpamqrSyq+fmzo7uQuev64KD79e1wwiO1221Y44e/C7lcBHddWwHbdrsT3C1QibGhUWqBqak0uALT01Ph0mhtZQn8NAknPGxQrbbkf4gAf84k1/GepBf0kyiIsa/7uISnmeykKIKAybh0aRO40AKBrdLPQoCJvHbbV2j631DWYYPYtpiPAP2XTozC47ZIbCtgPtdcigSHEuYiuDvoStQFzN3c3/+dV8pWqx1EIKwzq6sX1Lm5M/4xIIE4DlKEFB4J564D1hrJArYUqcchhdd0dNQqnoXMluubJj5VUIJ7ZS0pgrx8cSEolMjhdBEo0Ww2MxNt2louDbrGoxY/X2iS0kD1ecj2H/NARE91PhW+aOodSqPmYnQyfY0KRy3FZTWXIrZ6Y24InTOW/N+EFraiJiUAWzErUhBt7pxbQBeuXJs47mtId5u2nLUkQEitLLmaq5pzaw64ECojKUJb6b5UP3zjxQVNhizAAS9OEVeRkwKRU9AHN9mUFl3IZnpNvw7+qJ2dPdXpdAPVgcQbC6Gs/SDWQWsGr+6b13d3fwYT/viNREdtA97yOQ3mMUDRpy1VYnsSr1VMLOSqIamZ0tDnpeDS95IkDmoB7Ua2wB6Qi7qPyfqa6U6Li3N9ZUJQkiRqeXlBPOUNBXuj0ci0C5luxI1t92xjCTO5MFYhLGTmdTo23atIjuauu1KtVEek+YeCWFLETLfc6U16CyH9RxJSghzcG3MnGpUE4xTk7rvAoZT1pOLI9VPpPEyzj0tB6ma+iurnbLjKdj21wWOdfWhgSvGh/8vNJz1ruidnLemcMGQB3wMNJ5wER+juunCVDS9JMSa+lZB2URJOErCIVTjI7gJ8qAB+8uX10RJVRBc5GrQUxboylisTWSD7ISrwAQbrHNb3VYaSDeH61g/PV/pbqMBL6KzbUpvkAtQiPlbwuS8JTWsR0IuoXq/jdxKbwJcHDstGSrRBCtrXz/nCDd+5mdj4Cu11BHP44d5d4E/0eEnPArRvMj1PSEyBmWs+c2w8+wX4Hn6okvYuNqBZU8ffDj0AvgTazbqqqA/kdWUyW30gxRG/bNxCtwF+Doxf2aj/AgwAvVScWnEnpgwAAAAASUVORK5CYII=" 2x,
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABXCAYAAACnbQMJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTMzRDZGNTJCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTMzRDZGNTNCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzNENkY1MEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMzNENkY1MUI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpJ+EPcAAAVmSURBVHja7FzNahRBEJ7dnWzAnBSNRJJ4MNl48ReUXEQUPAjiAwgeRfICPoRv4AOIL6A3ET0I/kDwBxE3QuLKEolBvCTkZ3/sHrtDp7eru7pndnc2WwXN9PT2zE7X1FdVX80whXa7HXVZrrH2UPTPsxZncM4Ga4ui/4C1V926+EIXFXRFbF9kpBRIdli7Lvqvsz55MSLpmwW9FNurPVjHc7G9MUgK2hbbcg8UtCm2YwSxAwSxdj/WQxbUYyEFOUTPT7hDvSf6d0Rix+XQgKzHF9bcuX8U/SesPVJyq30+6ITYf8rahSE2mA9ie4u1OkEMGcVG2faNwpVIougTa5elD1ogxXTIWdbuE8SQEHvHtpdIFR3yVipoi21HSR9mfkcQc0Gs1Wq1C4UCacJGNXiy2IPSK3GxoVXQMFtX0aQMqRDZV33UsCmLIOaQGIKSajnquG5Ncn91dT36Vq0l/Waz2f+FxXFUmZ1K+hMTR7NREMb36GNyv7pUy4VipDQaDXZNP1MriCDmsiDdCTszSwBijUYzd4vjVpSpDwoJ+XJ/ZCSOdncbuVJQuTxCUawnUUxaQRpOVpmdZlHsR27gVmYWXalMpyerLPI4M7+0ZFZNFwaNGBPEsnLSULKIsR49AdXH82xVBRYK264Q7hv+s4AjQWxQfJBq/q1Wy7t4xu946F2Xx0LHm6DZ1zAPXSDGX4REKB+/1i/oEcR8FWSCmM3UTQW2EMlrXTzWL0qaMvdHsq+btwlua2t/9soLeeBknBvOzZ1M+sfHjxDEemJBkDO2VRSlcOvJE5vn11IVFc40FhRjcW8qv6rjeSt1cNnZ2aUo1hOImdg2BD0oJzmoBTMrxDDKkjJzajJa+v4/iuWhHpQ81cigHkQQc/nejY2NfW93+PZdVMB3vBuVgTSFuhjKmkNO6HMM5Pt8ORr0/1ll5QSxUKqBccz6fCjJhOAJVRpDGT+WQ0JR23T+2LZwlYSqvMxVBoEgg0kXbP4ii3Ktj18liGEgprL2RGPFotVqbImlab4tmmBgBUEzNEL5upQOiHGFYZUF9THzMfwOs9C0T0dcxxLEMFEM0qLLmmyO0BX1bFCCLM4XPiEW6fRBPn5Bld/rf6Pl5dWk32y2csDFSqkqinL9BDGfRFGPDhJWfEzCDYomKyu/cmE5UnhFYUnUyMePHfamLntRDCrOQ1EJiiB5fMPMVFH05XkEMV+ISVhhcg11bqlUzBXEpKP2SSZNa+wI8yZfoz4/V5WownNqajyq1dY60oN+SalUimZmJoNCO0HMJ9zX6/W26qRNDNc2brKytOMuJwq9EeI7P1WYh8K56o9UH+RbRfSdY8vAIeLq4nqY6yGI+ZQ7bFZjGtdpCqZg5nKWmNcAIY5m426u9ySh60MX7X1eoMIsUp/vW+rFJLQYsuy6kQSxUCcNalRzzD4WpyeiWVifes6QN1Vcc2Ls0wi1RgSFf/U8pgWoSSSm4I+JpHpy66pYYp6dEcRCIYZxxtj8xUVfoPnc2jDPy1x5DYZGYKIq6gUq2+IhOJj8AmbBKoQx/2sj1dB8DB+jiqIHxPgHzYK/lglZk8rooXwHehDgEzRscHOhwfHC2KZU0CIbmDcdkIU/sh2L8U1Z8Ds0c9+vrC8EMSTE+PcD510ahXIcjLM0QUyvCmByIt/5GIsxWbGQx8l4tVrlX596LwbPmE6sZ78+tSFojnrOkDpU6P9CN0k79ivrXySIISG2zbR1U+w/Y/vndK1jnr76FsOgUgmGtWdVhDNEsc/ip9usbSUKEj/WxQ/844oLon+XtdPi4sYwb2WEZuRY/uVzk6CkUXMXmzJaCZ8jv+W6RVwMKf8EGAA9x2SyBCPZRAAAAABJRU5ErkJggg==" 3x
    );
}
.orderpop .img-active-div {
    width: 0.46rem;
    height: 0.56rem;
    background-repeat: no-repeat;
    background-size: 100%;
    /* background-size: 0.46rem 0.56rem; */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA6CAYAAAD2mdrhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEM3Rjk4QzVCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEM3Rjk4QzZCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzNENkY1NEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QzdGOThDNEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr5DPY4AAAV2SURBVHja1FrbbhxFEK0aJrZj8wV8AuESkMgbgvCAZZL/QAgh8QlIfAviBxBrKyJvIIIFSiARr4CUF3jFu17j7aJ6pi/Vt52dnR0726vyzvT0zNTldNXpXgMRwUC5y3LK8h/1a3r8I5b3hrwf9Z8B7V2Whyz1gGdcsHzA8v06N1cwrH05UHnddli+WPfmoRGYGwWGtinLwXUYQLC5htcBoWtvVYTFT81kOjPe7ZJNtq53aZ1+YPlMwtZC6BWWb1je2hLHP2a5z/JcG7DLBz+y3N4y9PzKckdD6JMtVF63N1g+1hH4iQ/e2dI5/EgbcM4Hu1tqwFQbQLDFrdpu9U0d2GYjtr4S92aSj58omEwuYX4xjkI39wAOD2u4/WbVLwIaRhJK8bltx8fjKa/bjHPiycnl+hHomg/n8/FhoY3Y6ByQ0djfH9+Alw+wnwHLvB5fO2J87u2Np/wBO+jo6KXVFxGLRasi9lhOIL44WahaFfslSK0StStLo/LFy7ysr8VGyPFXGaHKKhJ7rY+HcwZdVSSqZatDq4BULqeU7bOet+OvIhI1iS2BWJFY4S6lVoXgZueA9Sx/LBTsDkeMa33t6VMF33I1ns3GUWj/JsC9ezXcerXqMQekB7E1Jud93SYn4ynfrFD42ZPJomcWskag3qbwEWlxFWJhOh0fFv+e0ZpZyB6LnRqicBvohaMScYYhSA1xRvLn8MNxqYSm072oxGymyE1W9F+lwoTNCYHcysxlnK4stKksVQd53aRJ14VhenUnCA5SyJ9ces2l5Pi6z3rrG1QRpHAJYCMrbDRf/BwpF7pVK3qJEawQAUrxIx+CmSJHbXJC93IS96URkeerVOg+BbEmFUMDQ0UF3F3ITbolYSCIGoKZrf4+FX2Z8vG9dYhvb0g7EH2/iIzrQl9DJJ5JWjdg0i6LZGBAo4BVMoCQd79ASML9EKOHuzlFJmvlCd+qhuUMcQYoEliWPrOw0T9n2tTEX8+YCz14sBhtZ2J3F+A+c6HXblVJcsil9gqibKPnhKvKyvYTqOZ3WYDvHi5G3VaZzwGOTxadK0F7XGvFPMw95oNouJxNoxI5285W4EIWtmEhM2pL5SlaPOsQz0feG9JURRa6UjbyXEjJImV/xveQ0k2Z87vvV3DjxnjK7+xAw7dKK8IkEn//c0k2/dusaZFkM0hyLRnn4+rORaHL8iqMfhhGCOpH1yaBjUydKzAePiQfGSMtcxpWdTnMcSxKC76v7im/KnoeBZWwtdM9NFIw0RrFEkF61FCMsHx7eLpsjOEQmyS8ReQoSamA2Wu1UvpiYfJGEXFvYC0JxSTLJz2jOybFjiKFCaPgiVDJQpiDUu2toRQqxRj4NwfQwNJd4KIsnYxYoCYxUTSGkAibgFD6QlsTCqwiMMTVD/CUhDBnC3m4VBhsIthI60xXYbRGTwyJIFTm3/lFfVds4t4q5oJocjIKjoWBfVla7xT3oOwywOKOTFgxoM2Bdo4NQrCka3SNIIKC6LmxBfhhLvkFRLGdA5rZ7MQTTH6TIU0ksNw8QonM4pYVZLCMDkpOvwRekdGYT7OQiaJJdtOKo/lLvHzMLSdVUKnlebrUDCq6krsapXe0YyHz3mQ5Gy5tn7Fj6evcZi7AMqPaA6ugNUaZY6XisW20wn4IjWucYp4JkDgpuadV8Sv8868L/X8SpyyvN/kEw0mTK+mI6VZLcK1AP2yVdVQjoiTpd6QPBTTldz56W5O5Ofcf8ckTmxZLMAq8pSRsIgII0qsRvOzOa/yOXJ95plubgHvOb/z9ER+em2UPPOeOOyyf800/c8dZCbM5qKnAkILhFmpaEWUWSAJ+wXFmfpD+z0aCU62janX9Q3f+L8AAbgTIllsC1CkAAAAASUVORK5CYII=);
    background-image: image-set(
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA6CAYAAAD2mdrhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEM3Rjk4QzVCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEM3Rjk4QzZCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzNENkY1NEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QzdGOThDNEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr5DPY4AAAV2SURBVHja1FrbbhxFEK0aJrZj8wV8AuESkMgbgvCAZZL/QAgh8QlIfAviBxBrKyJvIIIFSiARr4CUF3jFu17j7aJ6pi/Vt52dnR0726vyzvT0zNTldNXpXgMRwUC5y3LK8h/1a3r8I5b3hrwf9Z8B7V2Whyz1gGdcsHzA8v06N1cwrH05UHnddli+WPfmoRGYGwWGtinLwXUYQLC5htcBoWtvVYTFT81kOjPe7ZJNtq53aZ1+YPlMwtZC6BWWb1je2hLHP2a5z/JcG7DLBz+y3N4y9PzKckdD6JMtVF63N1g+1hH4iQ/e2dI5/EgbcM4Hu1tqwFQbQLDFrdpu9U0d2GYjtr4S92aSj58omEwuYX4xjkI39wAOD2u4/WbVLwIaRhJK8bltx8fjKa/bjHPiycnl+hHomg/n8/FhoY3Y6ByQ0djfH9+Alw+wnwHLvB5fO2J87u2Np/wBO+jo6KXVFxGLRasi9lhOIL44WahaFfslSK0StStLo/LFy7ysr8VGyPFXGaHKKhJ7rY+HcwZdVSSqZatDq4BULqeU7bOet+OvIhI1iS2BWJFY4S6lVoXgZueA9Sx/LBTsDkeMa33t6VMF33I1ns3GUWj/JsC9ezXcerXqMQekB7E1Jud93SYn4ynfrFD42ZPJomcWskag3qbwEWlxFWJhOh0fFv+e0ZpZyB6LnRqicBvohaMScYYhSA1xRvLn8MNxqYSm072oxGymyE1W9F+lwoTNCYHcysxlnK4stKksVQd53aRJ14VhenUnCA5SyJ9ces2l5Pi6z3rrG1QRpHAJYCMrbDRf/BwpF7pVK3qJEawQAUrxIx+CmSJHbXJC93IS96URkeerVOg+BbEmFUMDQ0UF3F3ITbolYSCIGoKZrf4+FX2Z8vG9dYhvb0g7EH2/iIzrQl9DJJ5JWjdg0i6LZGBAo4BVMoCQd79ASML9EKOHuzlFJmvlCd+qhuUMcQYoEliWPrOw0T9n2tTEX8+YCz14sBhtZ2J3F+A+c6HXblVJcsil9gqibKPnhKvKyvYTqOZ3WYDvHi5G3VaZzwGOTxadK0F7XGvFPMw95oNouJxNoxI5285W4EIWtmEhM2pL5SlaPOsQz0feG9JURRa6UjbyXEjJImV/xveQ0k2Z87vvV3DjxnjK7+xAw7dKK8IkEn//c0k2/dusaZFkM0hyLRnn4+rORaHL8iqMfhhGCOpH1yaBjUydKzAePiQfGSMtcxpWdTnMcSxKC76v7im/KnoeBZWwtdM9NFIw0RrFEkF61FCMsHx7eLpsjOEQmyS8ReQoSamA2Wu1UvpiYfJGEXFvYC0JxSTLJz2jOybFjiKFCaPgiVDJQpiDUu2toRQqxRj4NwfQwNJd4KIsnYxYoCYxUTSGkAibgFD6QlsTCqwiMMTVD/CUhDBnC3m4VBhsIthI60xXYbRGTwyJIFTm3/lFfVds4t4q5oJocjIKjoWBfVla7xT3oOwywOKOTFgxoM2Bdo4NQrCka3SNIIKC6LmxBfhhLvkFRLGdA5rZ7MQTTH6TIU0ksNw8QonM4pYVZLCMDkpOvwRekdGYT7OQiaJJdtOKo/lLvHzMLSdVUKnlebrUDCq6krsapXe0YyHz3mQ5Gy5tn7Fj6evcZi7AMqPaA6ugNUaZY6XisW20wn4IjWucYp4JkDgpuadV8Sv8868L/X8SpyyvN/kEw0mTK+mI6VZLcK1AP2yVdVQjoiTpd6QPBTTldz56W5O5Ofcf8ckTmxZLMAq8pSRsIgII0qsRvOzOa/yOXJ95plubgHvOb/z9ER+em2UPPOeOOyyf800/c8dZCbM5qKnAkILhFmpaEWUWSAJ+wXFmfpD+z0aCU62janX9Q3f+L8AAbgTIllsC1CkAAAAASUVORK5CYII=" 2x,
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABXCAYAAACnbQMJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEM3Rjk4QzlCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEM3Rjk4Q0FCODU2MTFFQUExRjBBRjU4MDQzOEZEMEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QzdGOThDN0I4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QzdGOThDOEI4NTYxMUVBQTFGMEFGNTgwNDM4RkQwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph7FnZ4AAAZ5SURBVHja7Fxd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" 3x
    );
}
.orderpop .text-div {
    padding-left: 0.2rem;
    color: #fff;
    font-size: 0.28rem;
    font-weight: bold;
}
.orderpop.orderprop-active-div {
    background: #7989d2 !important;
}
.orderpop .hide-div {
    display: none;
}
.orderpop .orderprop-add-div {
    position: fixed;
    background: red;
    min-width: 0.3rem;
    min-height: 0.3rem;
    border-radius: 50%;
    top: 0;
    left: 0.65rem;
    color: #fff;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.22rem;
    padding: 1px 2px;
}

@media (min-width: 750px) {
    .orderpop {
        bottom: 1rem;
        width: 210px;
        height: 90px;
        background: #a2a6ad;
        border-radius: 90px;
    }
    .orderpop .img-div {
        width: 45px;
        height: 60px;
        /* background-size: 0.3rem 0.39rem; */
        background-size: 100%;
    }
    .orderpop .text-div {
        padding-left: 0.13rem;
        /* font-size: 0.19rem; */
        font-size: 25px;
    }
    .orderpop .img-active-div {
        width: 45px;
        height: 60px;
        /* background-size: 0.3rem 0.39rem; */
        background-size: 100%;
    }
    .orderpop .orderprop-add-div {
        top: 0;
        left: 65px;
        min-width: 30px;
        min-height: 30px;
        line-height: 30px;
        font-size: 18px;
    }
}
html,
body,
#root > div {
    height: 100%;
    background-color: #f4f4f4;
}

.menu-com-div {
    display: flex;
    flex-direction: column;
    height: calc(100% - 0.9rem) !important;
}

/* 桌台tab页面样式 */
.table-type-div {
    overflow: hidden;
}
.table-top-tabs {
    height: 0.7rem;
    border-bottom: #eaeaea 0.04rem solid;
}
.table-top-tabs > div {
    height: 100%;
}
.table-top-tabs .am-tabs-default-bar-tab {
    font-size: 0.28rem;
    color: #adadad;
    height: 100%;
    padding: 0;
    /* 文字溢出 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.table-top-tabs .am-tabs-default-bar-tab-active {
    color: #2a2a2a;
    font-weight: bold;
}
.table-top-tabs .am-tabs-default-bar-underline {
    border: none;
}
.table-top-tabs .am-tabs-default-bar-tab::after {
    height: 0 !important;
}
.table-top-tabs .am-tabs-default-bar-tab-active::after {
    background-color: red !important;
    left: 44% !important;
    width: 12% !important;
    height: 0.1rem !important;
    border-radius: 0.04rem;
}
/* 菜单tab页面样式 */
.sub-tabs {
    width: 1.66rem;
    padding-right: 0.06rem;
    position: relative;
    background: linear-gradient(#f4f4f4, #f4f4f4), linear-gradient(#ffffff, #ffffff);
    background-size: 1.6rem 100%, 100% 100%;
    background-repeat: no-repeat;
}

.sub-tabs .am-tabs-default-bar-tab {
    height: unset !important;
    min-height: 1rem;
    max-height: 100px;
    padding: 0.2rem 0.1rem;
    background-color: #f4f4f4;
    font-size: 0.18rem;
    color: #898989;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 1.2;
}

.sub-tabs .am-tabs-default-bar-tab-active {
    color: #e58a6a;
    background-color: #fff;
}
.sub-tabs .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
    width: 0 !important;
}
.sub-tabs .am-tabs-default-bar-underline {
    border: none;
}
.sub-tabs .am-tabs-default-bar-content {
    transform: none !important;
    touch-action: pan-x pan-y !important;
}
.main-div {
    overflow-y: hidden;
    flex: 1;
}
.main-food-div {
    display: flex;
}
.main-food-div > div {
    overflow-y: auto;
}
.container-div {
    padding: 0.26rem 0.38rem;
    padding-right: 0;
    width: calc(100% - 1.66rem);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    background-color: #fff;
}
.container-div .card-div {
    width: 100%;
    padding-bottom: 0.26rem;
}
.container-div .table-card-div {
    padding: 0.13rem 0.1rem;
    /* padding-bottom: 0.26rem */
    /* padding-right: 0.2rem; */
    height: 1.5rem;
    max-height: 200px;
}
.sub-main-div {
    height: calc(100% - 0.7rem);
    display: flex;
}
.sub-main-div > div {
    overflow-y: auto;
}
.table-container-div {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 1.5rem);
    align-content: flex-start;
}
.table-container-div .card-div {
    padding-bottom: 0.2rem;
    padding-right: 0.2rem;
    height: 1.5rem;
}

.new-table-container-div {
    padding: 0.2rem;
    padding-right: 0;
    width: calc(100% - 1.5rem);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    background-color: #fff;
}

.new-table-container-div>div {
    padding-bottom: 0.2rem;
}

.new-table-container-div>div:nth-child(2n-1) {
    padding-right: 0.15rem;
}

.no-footer-main-div {
    height: calc(100% - 0.8rem) !important;
}
.ball-div {
    position: fixed;
    background: red;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    bottom: 1.7rem;
    left: 1.1rem;
    z-index: 100;
    animation-fill-mode: forwards;
    animation: left 0.5s 0s 1 linear, down 0.5s 0s 1 cubic-bezier(0.66, 0.1, 1, 0.41);
}
@keyframes down {
    0% {
        bottom: 10rem;
    }
    100% {
        bottom: 1.7rem;
    }
}
@keyframes left {
    0% {
        left: 100px;
    }
    100% {
        left: 1.1rem;
    }
}
@media (min-width: 750px) {
    .menu-com-div {
        height: calc(100% - 0.8rem) !important;
        min-height: calc(100% - 80px) !important;
    }

    .sub-tabs {
        width: 1.4rem;
        background: linear-gradient(#f4f4f4, #f4f4f4), linear-gradient(#ececec, #ececec);
        background-size: 1.34rem 100%, 100% 100%;
        background-repeat: no-repeat;
    }
    .sub-tabs .am-tabs-default-bar-tab {
        font-size: 18px;
    }

    .container-div {
        width: calc(100% - 1.4rem);
        /* padding: 20px 25px; */
        padding: 10px 0 10px 10px;
        padding-right: 0;
        background-color: #ececec;
        /* justify-content: center; */
    }
    .container-div .card-div {
        width: fit-content;
        padding-right: 17px;
        padding-bottom: 20px;
        border-radius: 5px;
        background-color: #fff;
        padding: 10px;
        margin-right: 9px;
        margin-bottom: 10px;
        box-shadow: 0 1px 5px 0 #ccc;
    }
    .table-container-div {
        background-color: #fff;
        padding-bottom: 26px;
        padding-right: 20px;
    }

    .new-table-container-div {
        padding: 20px;
        width: calc(100% - 1.4rem);
    }

    .new-table-container-div>div {
        padding-bottom: 20px;
        padding-right: 15px;
    }
    
    .new-table-container-div>div:nth-child(2n-1) {
        padding-right: 15px;
    }

    .table-top-tabs {
        height: 0.52rem;
        max-height: 70px;
    }
    .table-top-tabs .am-tabs-default-bar-tab {
        font-size: 20px;
    }
    .sub-main-div {
        height: calc(100% - 0.52rem);
    }
    .no-footer-main-div {
        height: calc(100% - 0.55rem) !important;
    }
    @keyframes down {
        0% {
            bottom: 10rem;
        }
        100% {
            bottom: 1.05rem;
        }
    }
    @keyframes left {
        0% {
            left: 100px;
        }
        100% {
            left: 0.85rem;
        }
    }
    .ball-div {
        width: 0.2rem;
        height: 0.2rem;
    }
}

.open-modal {
    width: 75%;
    max-width: 700px;
    height: auto;
    margin: auto;
}
.open-modal .am-modal-header {
    padding: 0.2rem;
}
.open-modal .am-modal-header .am-modal-title {
    font-size: 0.3rem;
}
.open-modal-body {
    font-size: 0.2rem;
    font-weight: 900;
    margin: 0.15rem auto;
    color: black;
}
.open-modal .open-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.3rem;
}

.open-row .open-row-label {
    width: 30%;
    font-size: 0.26rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.open-row .open-row-value {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 0.26rem;
}
.open-row-value .modal-checkbox {
    margin-right: 0.1rem;
}

.open-row-value .modal-checkbox .am-checkbox {
    width: 0.25rem;
    height: 0.25rem;
}

.open-row-value .modal-checkbox .am-checkbox.am-checkbox-checked .am-checkbox-input {
    width: 0.25rem;
    height: 0.25rem;
}

.open-row-value .modal-checkbox .am-checkbox.am-checkbox-checked .am-checkbox-inner {
    border-radius: 24%;
    width: 0.25rem;
    height: 0.25rem;
    border-color: #8497fd;
    background: #8497fd;
}
.open-row-value .modal-checkbox .am-checkbox-inner:after {
    top: 0.02rem;
    right: 0.07rem;
    border-width: 0 0.02rem 0.02rem 0;
    width: 0.05rem;
    height: 0.11rem;
}
.open-row-value .modal-checkbox .am-checkbox .am-checkbox-inner {
    border-radius: 24%;
    width: 0.25rem;
    height: 0.25rem;
}
.open-row-value .row-op-img {
    width: 0.4rem;
    height: 0.4rem;
}
.open-row-value .row-custCnt {
    height: 0.36rem;
    width: 1.2rem;
    margin: 0px 0.1rem;
    padding: 0px;
    font-size: 0.26rem;
    text-align: center;
    overflow: hidden;
    border: 1px solid #cecece;
    border-radius: 3px;
}

.menu-log {
    height: 20px;
    padding: 0;
}
.menu-log input {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    border: none;
    outline-style: none;
    border-radius: 8px;
}
.menu-log img {
    width: 24px;
    height: 24px;
}
.menu-log input {
    text-indent: 0;
    width: 0.8rem;
    border: none;
    outline: none;
    background: none;
}

.numList {
    margin-top: 20px;
    padding: 0;
}
.num-ul {
    margin: 0;
    padding: 0;
    width: 100%;
    box-shadow: 0 0 10px rgb(31 55 153/10%);
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}
.num-li {
    font-size: 0.24rem;
    width: 20%;
    height: 0.8rem;
    background: #fff;
    margin-top: 0;
    list-style: none;
    outline-color: #ebedf0;
    outline-style: solid;
    outline-width: 1px;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 0.8rem;
}

.modal-bottom {
    margin: 0.4rem auto 0.2rem;
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.modal-button {
    width: 1.2rem;
    height: fit-content;
    line-height: 1.2;
    padding: 0.16rem 0 0.15rem;
    color: #fff;
    font-size: 0.26rem;
}

@media screen and (min-width: 750px) {
    .open-modal {
        width: 75%;
        max-width: 600px;
        height: auto;
        margin: auto;
    }
    .open-modal .am-modal-header {
        padding: 24px;
    }
    .open-modal .am-modal-header .am-modal-title {
        font-size: 30px;
    }
    .open-modal-body {
        font-weight: 900;
        margin: 0.15rem auto;
        color: black;
    }
    .open-modal .open-row {
        display: flex;
        flex-direction: row;
        margin-bottom: 30px;
    }

    .open-row .open-row-label {
        width: 30%;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .open-row .open-row-value {
        flex: 1;
        display: flex;
        align-items: center;
        font-size: 20px;
    }
    .open-row-value .modal-checkbox {
        margin-right: 15px;
    }

    .open-row-value .modal-checkbox .am-checkbox {
        width: 25px;
        height: 25px;
    }
    .open-row-value .modal-checkbox .am-checkbox.am-checkbox-checked .am-checkbox-input {
        width: 25px;
        height: 25px;
    }
    .open-row-value .modal-checkbox .am-checkbox.am-checkbox-checked .am-checkbox-inner {
        border-radius: 24%;
        width: 25px;
        height: 25px;
    }
    .open-row-value .modal-checkbox .am-checkbox .am-checkbox-inner {
        border-radius: 24%;
        width: 25px;
        height: 25px;
    }
    .open-row-value .modal-checkbox .am-checkbox .am-checkbox-inner::after {
        top: 1px;
        right: 6px;
        border-width: 0 3px 3px 0;
        width: 7px;
        height: 13px;
    }
    .open-row-value .row-op-img {
        width: 36px;
        height: 36px;
    }
    .open-row-value .row-custCnt {
        height: 32px;
        width: 150px;
        margin: 0px 0.1rem;
        padding: 0px;
        font-size: 20px;
        text-align: center;
        overflow: hidden;
        border: 1px solid #cecece;
        border-radius: 5px;
    }

    .menu-log {
        height: 20px;
        padding: 0;
    }
    .menu-log input {
        width: 100%;
        height: 100%;
        background: #f4f4f4;
        border: none;
        outline-style: none;
        border-radius: 8px;
    }
    .menu-log img {
        width: 24px;
        height: 24px;
    }
    .menu-log input {
        text-indent: 0;
        width: 0.8rem;
        border: none;
        outline: none;
        background: none;
    }

    .numList {
        margin-top: 20px;
        padding: 0 30px;
    }
    .num-li {
        width: 20%;
        height: 80px;
        line-height: 80px;
        font-size: 20px;
    }

    .modal-bottom {
        margin: 24px auto 10px;
    }
    .modal-button {
        width: 110px;
        height: fit-content;
        line-height: 1.2;
        padding: 12px 0;
        font-size: 20px;
    }
}
.showRequire {
    position: absolute;
    overflow: hidden;
    width: 1rem;
    height: 0.96rem;
    top: -0.06rem;
    right: -0.06rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABgCAYAAADvhgd/AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAZqADAAQAAAABAAAAYAAAAAAOB+hGAAAN80lEQVR4Ae2dCXQURRqA/+6ZTCZ3CCFgLhDiBgIYgvtAkgCTAGKQQHAXb/Faxb0UdfVJ8Fh0RR+yqz4Fd327XvjWJ9kVTUiCASVi0OCi3AGSAElIyIEJua+Z6d76K3bSM8zRc0+SrveSrq76q7rq//JX/VXVM2FAQvho7txgztd3McMzGQD87MjAQJWaVYyTUNRbRXo5nr11fsHnB721gYy5hm1PTU1kWDaD54HAgGTyoxTJasPU6o5QlW+YKG24RduAhSUpeXn/88aGD4LZsXhxSH9f3xKOYTIYHm4kjY201mB/H5+uCLVfAMsMVmOtiLflt3LALZ6fn/+DtzWM2a7RxDF6PoMHbh7DMGKrAJ63rHGWAf9gH1XKGLU6ZNiiAbjMcMyi5MLcw94Ex2F9Hli2bCIwimLSqUne1DEb29ICvH5RSkHBERvLuUycdbRm0plq0ikNqafK0bo8WD6M/HHtLV2x4loPtsHg0Q5bjFDbCLGcnwC4tJT8/BNCvzx1ddhihIaLLKdaSBuG13Bg2C/3Z6xM8HTbnWYxQke+uzFrEqfQF5P7iULaMLw2ssRy5uXnn/JU250OBjsyEuDwAA2gZzSpu3PPeAKOS8CMFDikH/UccWzmFxSUuxuOy8CMIDh1jILRJOfmVroTjtMmf1ONnrf7sypWr9CQvGpT+cMkLYrXw75vbrppsjvb61Iw2BFvgKMI8AfWx+cKvfqOGwe/fP9dmP6XF6/IM0zgo1meLf46M/Nqw3TX3bkcDDZdBKfGdV0xXXPYvHmQ9PY2iLnzjkEBv6goGtf39IAqPBx8r5owmGc2wkCMkoN9dL1mVsh5GW4Bg81FODoWNCTqFjiqsDCIz14PUzesB4yHzk4CRqmEmDtuh1lb34SwOXNA19VFTjF4Yk0qbKKUQLefSjIzY6UIOyLjNjDYyIV5eeddDcc3IgImP7wWZv/zHRibPA+4/n6o+XA7HHv8CYi+ZTUFg4D8YqIpFF7PETAGe7fW9DmJIZbz9cqVMdYEHcl3KxhsqCvhTPnj72H2O/+ACctvAlalgrZjx+HIHx6B2h05BMotFAq2ofqDD6Huv5+SRT5LrEhBZTFdCMqgICFq7jpZqeP2fbt8+cCYaE7KgXSXusuW2oUTKRmzi4mM04aFmVtehaCp8dB29BjU5uRA25GjtAk4fOEPBgol5z80jlAiV60i22McBRWckEDnInQWjq17nMpY+VXBE1c6NTf3ohU5m7M9BgZb6mw44fNToa+pCTrODK0HzUERNIXDWtjcuTBhWQaEJA5sLnNaLfz44Fro/4nsaVoNTLlep9Qs+OLTequiNgh4FAy20xlwgqZNJbv2SugsL6dzitB/c1BwmAtKmEYdgHDNQvAJDqZF9L290Fi4Gy7u3An9LZeFaqRcTyuI5Vyfm9soRViKjMfBYCMdhRO//mkYm5IMvE4PnZWV0FFWBgxR/lVkrsHQceo0tJSWgu/48eAfGwOB8fEG65o+YhlNRXugPm8X6Do6aBlbfxFFlvFaZVpK0c4mW8uakvcKMNgwXFnjIg7IesFUQy2lxT36CIQvXHDFJG6pjLa1DZpLSuCn/d+Atr0dehsaCFidpSJS8k7qOV3agsLCS1KELcl4DRhspCNwhOEpYtEiGJemoX3urScbxN1dgEMULiZ7ai5Qi+qsqKQgcA2DIfGN10AZEgKnN74IXefP0zTjXyGzEkHh508ciiO0LuN80f3xfhbS0/LypExQomKGUZsceMOizr8jb6ucI3A09lgOrlfQC2PJZC6AOZm9AfouWf7jDYyLg4ApU0Df1Q299ebnb3S3Q66dSd3v7qoqS52fqeJg78FVqxbN3bmz2ZKgpTy3r2MsNQbzEA7HcBrg4YI1WVP5rYePQNfZszRr6jPZoAwMNBBjfX1h0m/up2sYzBi/9Aaa37B7N7UsA2HRjb63h94heAkhUafV7SF/ZGMkyJoU8Tow2EpH4PB6PZwiQ1JPXR21hOkvvTgIB/fFZrzyMkRmZQF6YwgNr1gGJ36LgRsY9hiFRJXxkMQCu3dfVlaoxXrNZEp8ipnSLkx2BE5/SwucXL9hEM6sbW/BL556EpL+vg0Cr4mDngtkrimvgKtWZJJ5ww+avykxWLOg+x237lHigisGe6gMDKBxdMttCLNVWv2eQ4tXh9hQZuA5thZwt7wjDgFuXk7f9BL4RQ/tnDQfOACVr70BQN5lvO69f1GrOfroY4PDH6YnEZB+MTGAsuWbt1CLCpgyGZT+AdB17hzd/FRHRkLUqixgyHFC5eukPsvhewWnW3J9YWG7ZbGhXK/yyoaaZRg7kJE1BViumOw6kp1H2wJaBC401WRrv3F3EVw+dIhWEL361xB7zxpoP3ECTjydbVApys54eRM9EjCEMwXGpqZAyMwZEETWQggRw7HH/0QXtwaVGN8wUMqzzA1k+0bSQmnIVo0r8qL7dytPX34gblouWePcTJo1sEyX2D5cm7QePkzXK70Xh7a00D32GRNKVvmfQW/dUDpWq+vsBB+SHzw9Afwio2h53J6JSE+DWHKu40vmKgFK+eZXofXHwxCxKB1U48KvqEvUzGiG5xfePStxxwdlZf2idJPRYWExQssdsRyhDinXyKyVxHN7gO4klG/eDM3flULUr26mw934pUuh7fhx4pKn0Q3TvsYmaCgogIn33kOHPNzN7qmttfSYkn5/dUZaTk6nJaFhBQY74mo4V0D59ju64xxz+22AC9OyZ56lc4zC3x8SXthI4QgKrv1kB9Rs/0i4tXTd36ntW7a0qIic1JkOXuuVmW4uQErhZ2eBYzVkLLH4Z2muvKV0U1BQvvGLIrL4bKAeXQJ5P0AZEEB2FLrhUnHxYHW4QEU5iWFBkI/vrkOZmf7m5IedxQgdcdRyfEJDYfJvH6bel4rMNTqiaDXZ5MSNUDp8EUsRB1wDzXrzDcBDNLScS199BVc/9CCda9A9Rw8Qh7UT67Pp0YO4rNk4A18xfurlyTk5A6tXkeCwsxih7Wg5jALS7LUchVpNd6RxtxmVjVAwVLz+OjQbQwkbQyEKJ5u4Frp67UMUCg5fhx/+HXScPkN2ryOoN4dv30gKPKRz3T25+zQatbH8sLUYoSPfrlgRh+992epK4xyBO9IdZafohuY1j62jrvBJModMJG40WoW2tZWsgaIh9LrZdPjStrVBDTmWjlq9mrrf2suXKRR8qUOYc/BUtOyZ56hnJ7TR6pWHojZet2JZYWGfIDvswWBH7IUjKAGvwvxS/d77MPG+e8VZNI7nOWff2kpgtUHsXXdC9G230nRjhwDfI0B3245QkJKfN3CARAqPCDCohAE4fDGJDi3zMUNiwPP+GZtfgZaD38OlL7+kloJDUld1NVmEngRhR1kAyJP3BNBiVGPHGnhrEh9nSkxLwKiEjGE7xwgdEK74bjG+Y0zu64Q0W66dZEcaJ/GwuXPoNgu+WXN26zZo2JVvEkrFlr/CsSeeHPTWYu9dY8vjrMqOGDDYU0fgcH19cOalTYAvYuAGZmhSkoHyxJaCUPDkE3cD0AtDt7n63fcN5B29GVFgUBmOwMG3a85tfZu+DzD12Q2Db82oJ0yAifffBzh8CVDwxBQDwqnY8jdrp5pU1pZfIw4Mdh7hKBieuNK2D2tNe/dSzwsVP+25ZyF4xnTqBuOkrifeV0vpQeoo4AsgrgwjEgwq7PpduyrshVNLXgi88O+PAU87p/35ebIHxpGNyh/pemfOJx/TfTR0FoxPR50JasSCMYJz0ValIRhcPOJCNGHj81BPnAA8MsCPc+D7a0fXrbPXLZbUlBHjLlvqbeny5dfoeaaYyERakjOVF7vmbvoyOr7sgYdmPbUXyI9djp+p6sVpI9NdFvfQOP7zsKYh6TZbDn5SAF1nnHPis58mw5fVF86NH2/X/aiwGEEzjlgOPY85X0XnGqE+J18NLGZUgUFFOgLHySCMqzMAM6Inf+Oe4z0Oa+Qj4uhK2zysmarPVWmjDgwqEj+37+1wRiWY4QBn1IIxglOP994URjUYBPHzsKYhUa+CM+rBeCscGQySIQEth9cz6K15heXIYCiWgV/4FVjeAkcGIwKDUW+BI4MxAuMtcGQwJsB4AxwZjBkwYjjks2QNFsRckiWDsaJWnHPIqXKau+HIYKyAwezkvLzT7oYjg5EAxhNwZDASwbgbjgzGBjDuhCODsRGMu+DIYOwA4w44Mhg7wQhwFMClk7jTvqdMaI4MRtCEnVf8xwz4DxqcDUcGYycQcTFXwJHBiDXsQNzZcGQwDsAwLupMODIYY+06eO8sODIYB0GYKo5w9BybTvLs9tZkMKY064S0BYWflzkCRwbjBAjmqhiEw4DNX/krgzGnVSelUzh6No18cN8mODIYJwGwVI09cGQwljTqxDxb4chgnKh8a1UhHJ6BdCnDmgzGmjadnJ+al3dSzzJL9MBb/CZzGYyTFS+luqre3rM17R3Nep4zC0cGI0WTLpDhgY+v6exs4oA3+R33MhgXKF1qlTzPJ1R3dDSagiODkapFF8kRODOqOzsuGsORwbhI4bZUy3N8YnV7e5W4jAxGrA0PxokbvUf8eBmMWBueijNQ193VtVn8eBmMWBueinOQvfaHH7rFj5fBiLXhiTgDh+4q2b/d+NEyGGONuPme59jHyPfGDPzXINGzZTAiZbg7Sv7LSc6akuISU8+VwZjSinvS+rQs+5S5R8lgzGnGxenkPz2+dl9xcZW5x8hgzGnGhek9zc39Wl6/ydIj/g/FcI6D0mNPOwAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}

.showLimited {
    position: absolute;
    overflow: hidden;
    width: 1rem;
    height: 0.96rem;
    top: -0.06rem;
    right: -0.06rem;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}
.bcss-select {
    position: relative;
    width: 2.32rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
  
.bcss-select-selector {
    position: relative;
    min-height: 0.64rem;
    padding: 0.08rem 0.5rem 0.08rem 0.22rem;
    border: 0.02rem solid #d9d9d9;
    border-radius: 0.12rem;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
  
  /* 箭头容器 */
.bcss-select-arrow {
    position: absolute;
    top: 50%;
    right: 0.22rem;
    width: 0.24rem;
    height: 0.24rem;
    margin-top: -0.12rem;
    color: rgba(0, 0, 0, 0.25);
    transition: transform 0.2s;
}
  
  /* SVG箭头图标 */
.bcss-select-arrow-icon {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    fill: currentColor;
    transform: rotate(0deg);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
  
  /* 展开状态 */
.bcss-select.open .bcss-select-arrow-icon {
    transform: rotate(180deg);
}
  
  /* 禁用状态 */
.bcss-select.disabled .bcss-select-arrow {
    color: rgba(0, 0, 0, 0.15);
}

.bcss-select-selector:hover {
    border-color: #4096ff;
}

.bcss-select-selection-item {
    color: rgba(0, 0, 0, 0.88);
    font-size: 0.28rem;
    line-height: 0.44rem;
}

/* 下拉箭头样式 */
.bcss-select-arrow {
    position: absolute;
    top: 50%;
    right: 0.22rem;
    width: 0.24rem;
    height: 0.24rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.bcss-select-arrow-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 0.08rem solid transparent;
    border-top-color: #666;
    transform:  translate(-50%, -25%);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bcss-select.open .bcss-select-arrow-inner {
    transform: translate(-50%, -25%) rotate(180deg);
}

/* 下拉菜单动画 */
.bcss-select-dropdown {
    position: absolute;
    width: 100%;
    margin-top: 0.08rem;
    border: 0.02rem solid #d9d9d9;
    border-radius: 0.12rem;
    box-shadow: 0 0.12rem 0.32rem rgba(0, 0, 0, 0.08);
    background: #fff;
    z-index: 1000;
    opacity: 0;
    transform: translateY(-0.2rem);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    pointer-events: none;
}

.bcss-select.open .bcss-select-dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.bcss-select-item {
    padding: 0.16rem 0.24rem;
    font-size: 0.28rem;
    cursor: pointer;
    transition: background 0.2s;
}

.bcss-select-item:hover {
    background-color: #f5f5f5;
}

.bcss-select-item.selected {
    background-color: #e6f4ff;
    color: #1677ff;
}

.bcss-select-item.disabled {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.8;
}

.order {
    margin: 0.28rem 0.28rem 0 0.28rem;
    background-color: #fff;
}
.order-time {
    padding: 0.28rem 0;
    text-align: center;
    font-size: 0.26rem;
    color: #2a2a2a;
}
.tianjiabeizhu {
    font-size: 0.28rem;
    color: #ec9c89;
    padding: 0.1rem 0;
}
.product-box {
    padding-left: 0;
    padding: 0 0.4rem 0.4rem 0.4rem;
}
.product-list {
    display: flex;
    padding-bottom: 0rem;
    align-items: center;
}
.product-list img{
    width: 0.7rem;
    margin-right: 0.2rem;
}
.product-list span:nth-child(1) {
    flex: 1;
    font-size: 0.28rem;
    color: #2a2a2a;
}
.product-list .dishPirceCom {
    width: 30%;
    text-align: center;
    position: relative;
}
.product-list .dishPirceCom .dishPirce {
    font-size: 0.28rem;
    color: #f58c6f;
    font-weight: bold;
}

.product-list .originPrice {
    font-size: 0.2rem;
    color: #aaa;
    text-decoration: line-through;
    position: absolute;
    left: 40%;
    top: 0.3rem;
}

.product-list .num {
    text-align: right;
}
.product-list .num img {
    width: 0.4rem;
    vertical-align: middle;
}
.product-list .num span {
    padding: 0 0.2rem;
    vertical-align: middle;
    color: #2a2a2a;
    font-size: 0.28rem;
}
.log {
    height: 0.8rem;
    padding: 0.12rem 0.3rem 0.2rem;
    box-sizing: border-box;
}
.product-list .log .dishRemark {
    width: 6rem;
}
.log input {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    border: none;
    outline-style: none;
    text-indent: 0.2rem;
    font-size: 0.28rem;
    border-radius: 5px;
}
.product-num {
    padding: 0 0.4rem 0.4rem 0.4rem;
    color: #818181;
    font-size: 0.26rem;
}
.print {
    height: 1rem;
    padding: 0 0.4rem;
    text-align: right;
}
.print button {
    width: 1.28rem;
    height: 0.5rem;
    border-radius: 0.08rem;
    color: #8d8d8d;
    font-size: 0.25rem;
    background: #fff;
}
.tuicai {
    margin-left: 10px;
    width: 62px;
    height: 30px;
    border-radius: 10px;
    font-size: 0.2rem;
}
.tuicai2 {
    margin: 0.15rem 0;
    width: 1.2rem;
    height: 0.5rem;
    max-width: 110px;
    max-height: 50px;
    border-radius: 10px;
    font-size: 0.2rem;
    margin-left: 11px;
    border: 0;
    box-shadow: 0 1px 5px 0 #999;
}
.check-modal {
    width: 85%;
}
.check-auth {
    width: 100%;
    margin-top: 0.12rem;
    margin-bottom: 0.1rem;
}
.check-row {
    width: 100%;
    height: 1rem;
    max-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}
.check-row-label {
    width: 30%;
    font-size: 0.3rem;
    color: #333;
}
.check-row-label i {
    font-style: normal;
    color: red;
}
.check-row-value, .check-row-item {
    width: 70%;
    font-size: 0.3rem;
    padding-right: 0.1rem;
}

.areaCodeWrapper {
    display: flex;
}

.check-row-item {
    display: flex;
}

.check-row-item div {
    flex: 1;
}

.check-row-item button {
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 0.2rem;
    color: #fff;
    background: cornflowerblue;
}

.check-row-value input, .check-row-item div input {
    width: 100%;
    height: 0.64rem;
    font-size: 0.3rem;
    background-color: #ececec;
    border: 0;
    border-radius: 5px;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.print button img {
    width: 0.25rem;
    vertical-align: middle;
}

.order-log {
    width: 100%;
    padding: 0 0.3rem;
    box-sizing: border-box;
}
.order-log input {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    border: none;
    outline-style: none;
    text-indent: 0.2rem;
    font-size: 0.28rem;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 0.1rem 0;
}
@media screen and (min-width: 750px) {
    .order {
        margin: 0.4rem 0.6rem 0 0.6rem;
    }
    .check-modal {
        width: 5rem;
        max-width: 600px;
    }
    .check-row-label {
        font-size: 25px;
    }

    .check-row-value, .check-row-item {
        font-size: 25px;
        padding: 0 0.3rem;
    }
    .check-row-value input, .check-row-item div input {
        width: 100%;
        height: 46px;
        font-size: 25px;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .tuicai {
        margin-left: 10px;
        width: 0.9rem;
        height: 0.4rem;
        font-size: 0.2rem;
        border-radius: 10px;
    }
    .tuicai2 {
        font-size: 25px;
    }

    .tianjiabeizhu {
        font-size: 20px;
        padding: 15px 0;
    }
    .product-list span:nth-child(1) {
        font-size: 0.2rem;
    }
    .product-list .dishPirceCom .dishPirce {
        font-size: 0.2rem;
    }
    .product-list .originPrice {
        font-size: 0.15rem;
        top: 0.22rem;
    }
    .order-time {
        font-size: 0.18rem;
    }
    .product-list {
        /*** padding-bottom: 0.38rem; ***/
        padding-bottom: 0rem;
    }
    .product-list .num img {
        width: 0.2rem;
    }
    .product-box {
        padding-bottom: 0;
        margin: 0;
    }
    .log {
        height: 72px;
        border-radius: 0.1rem;
        overflow: hidden;
        padding-bottom: 0.2rem;
        padding: 15px 5px;
        box-sizing: border-box;
    }
    .log input {
        height: 40px;
        font-size: 20px;
        text-indent: 15px;
    }
    .product-num {
        font-size: 0.18rem;
    }
    .order-log {
        padding: 0 0.3rem;
    }
    .order-log input {
        font-size: 20px;
        padding: 10px 0;
    }
}
@media all and (orientation: landscape) {
    .order {
        margin: 0.4rem 1rem 0 1rem;
    }
    .product-list .log .dishRemark {
        width: 6rem;
    }
}


.order-page {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
    overflow-x: hidden;
    padding-bottom: 0.4rem;
}

.btn-box1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 0.8rem;
}

.btn-box1 .btn {
    width: 2.5rem;
    height: 0.8rem;
    font-size: 0.26rem;
    color: #fff;
    border-radius: 0.1rem;
    border: none;
    outline-style: none;
    margin: 0 0.2rem 0.4rem;
}

.order-continue {
    background: #f58d6f;
    margin-right: 0.4rem;
}

.order-sureBtn {
    background: #7f81e9;
}

.deskNum {
    height: 0.9rem;
    display: flex;
    padding: 0 0.4rem;
}

.deskNum span {
    display: inline-block;
    padding-right: 0.4rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
    color: #2a2a2a;
}

.deskNum>.no-pick {
    color: #888;
    font-size: 0.28rem;
}

.orderPageList {
    padding: 0.5rem 0 0;
}

.orderPageList .am-list-body {
    max-height: 60vh;
    overflow-y: auto;
}

.orderPageList .am-list-body::after {
    height: 0 !important;
}

.orderPageList .inputItem input {
    text-align: right;
}

.orderPageList .require {
    color: #e25355;
}

.pageOrderModal .payBtn {
    background: #7f81e9;
    margin-top: 0.3rem;
    font-size: 0.36rem;
    color: #ffffff;
    height: 0.94rem;
    line-height: 0.94rem;
    border-radius: 0.1rem;
}

.pageOrderModal .am-modal-close {
    width: 0.42rem;
    height: 0.42rem;
}

.pageOrderModal .am-modal-close-x {
    width: 0.3rem;
    height: 0.3rem;
}

.orderPageList .am-list-item .am-list-line-multiple {
    padding: 0.25rem 0.3rem 0.25rem 0;
}

.orderPageList .am-list-item.am-input-item,
.pageOrderModal .am-list-item {
    padding-left: 0.3rem;
}

.orderPageList .am-list-item .am-input-label,
.orderPageList .am-list-item .am-list-line .am-list-content,
.orderPageList .am-list-item .am-input-control input {
    font-size: 0.34rem;
}

.orderPageList .am-list-item .am-list-line .am-list-extra {
    font-size: 0.32rem;
}

.orderPageList .am-list-item .am-list-line .am-list-arrow {
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.16rem;
}

.orderPageList .am-list-item .am-input-label.am-input-label-5 {
    width: 1.7rem;
}

.orderPageList .am-list-item.am-input-item {
    height: 0.88rem;
}

.pageOrderModal {
    width: 90%;
}

.orderPagePicker .am-picker-popup-header .am-picker-popup-item {
    font-size: 0.34rem;
    height: 0.84rem;
    padding: 0.18rem 0.3rem;
}

.orderPagePicker .am-picker-col-item {
    font-size: 0.32rem;
}

.orderPagePicker .am-picker-col-mask {
    background-size: 100% 0% !important;
}

.orderPagePicker .am-picker-col-indicator::before {
    transform: scaleY(1) !important;
    height: 800% !important;
    top: -800% !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-bottom: 1px solid #ddd;
}

.orderPagePicker .am-picker-col-indicator::after {
    transform: scaleY(1) !important;
    height: 800% !important;
    top: 100% !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-top: 1px solid #ddd;
}

.memberLoginModal {
    width: 5rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.memberLoginModal .memberMain .am-list-item {
    padding-left: 0.3rem;
    height: 0.8rem;
}

.memberLoginModal .memberMain .am-list-item input {
    font-size: 0.34rem;
}

.memberTitle {
    height: 1rem;
    font-size: 0.4rem;
    color: #000000;
}

.memberInput {
    border: 1px solid #ccc;
    margin: 0 0.2rem 0.6rem;
}

.memberBtnCom {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0.2rem;
}

.memberBtnCom .memberBtn {
    width: 1.8rem;
    height: 0.6rem;
    font-size: 0.26rem;
    color: #fff;
    border-radius: 0.1rem;
    border: none;
    outline-style: none;
    background: #f58d6f;
}


@media screen and (min-width: 750px) {
    .btn-box1 .btn {
        width: 1.8rem;
        height: 0.5rem;
        font-size: 0.2rem;
    }

    .deskNum {
        height: 0.68rem;
    }

    .deskNum span {
        font-size: 0.2rem;
        line-height: 0.68rem;
    }

    .deskNum>.no-pick {
        font-size: 0.2rem;
    }

    .orderPagePicker .am-picker-popup-header .am-picker-popup-item {
        font-size: 0.25rem;
        height: 0.55rem;
    }

    .orderPagePicker .am-picker-col-item {
        font-size: 0.2rem;
        height: 0.3rem;
        line-height: 0.3rem;
    }

    .orderPagePicker .am-picker-col-indicator {
        height: 0.3rem;
    }

    .pageOrderModal {
        max-width: 6rem;
    }

    .pageOrderModal .payBtn {
        height: 0.6rem;
        line-height: 0.6rem;
    }

    .memberLoginModal {
        max-width: 500px;
        border-radius: 20px;
    }

    .memberLoginModal .memberMain .am-list-item {
        padding-left: 30px;
        height: 80px;
    }

    .memberLoginModal .memberMain .am-list-item input {
        font-size: 34px;
    }

    .memberTitle {
        height: 100px;
        font-size: 40px;
    }

    .memberInput {
        margin: 0 20px 60px;
    }

    .memberBtnCom {
        margin-bottom: 20px;
    }

    .memberBtnCom .memberBtn {
        width: 180px;
        height: 60px;
        font-size: 26px;
        border-radius: 10px;
    }
}

.order-qrcodeCon {
    padding: 0.26rem;
}

.order-qrcodeCon .order-qrcodeTit {
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 0.36rem;
    color: #898989;
    letter-spacing: -1.2px;
    font-weight: 500;
}

.order-qrcodeCon .order-qrcode-errFlag {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5%;
    height: 90%;
    width: 90%;
    margin: 5%;
    padding: 10%;
    font-size: 0.3rem;
    font-family: PingFangSC-Medium;
    color: #898989;
}

.order-qrcodeCon .order-qrcode {
    position: relative;
    width: 4.32rem;
    height: 4.32rem;
    margin: 0 auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.checkboxModal .seled,
.checkboxModal .seledDisabled {
    width: 100%;
}

.checkboxModal .seledStr {
    float: right;
    font-size: 0.32rem;
    color: #888;
}

.checkboxModal .seledDisabled .seledStr {
    color: #bbbbbb;
}

.selModalCon .selHeader {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.selModalCon .selHeader::after {
    content: '';
    position: absolute;
    background-color: #dddddd;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
}

.selModalCon .selHeader .closeBtn,
.selModalCon .selHeader .makeSureBtn,
.selModalCon .selHeader .title {
    font-size: 0.34rem;
    height: 0.84rem;
    padding: 0.18rem 0.3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-font, #7f80ea);
}

.selModalCon .selHeader .closeBtn::before,
.selModalCon .selHeader .makeSureBtn::before {
    border: none !important;
}

.selModalCon .selHeader .title {
    flex: 1;
    text-align: center;
}

.selModalCon .selMain {
    display: flex;
    flex-direction: column;
    height: 50vh;
}

.selModalCon .selMain .selInput {
    padding: 0 10px 0.05rem;
    min-height: 0.5rem;
    max-height: 2.4rem;
    overflow-y: auto;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ffffff;
    font-size: 0.32rem;
}

.selModalCon .selMain .selInput .selTag {
    margin: 0.05rem 0.05rem 0 0;
    display: flex;
    align-items: center;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 0 5px 0 10px;
}

.selModalCon .selMain .selInput .selTag .am-icon-md {
    height: 0.44rem;
    width: 0.44rem;
}

.selModalCon .selMain .selList {
    flex: 1;
    overflow-y: auto;
    border-top: 0.5px solid #dddddd;
}


.selModalCon .selMain .selList .label {
    flex: 1;
    text-align: left;
    padding: 0.1rem 0.1rem 0.1rem 0.4rem;
    margin-left: 0.2rem;
    border-bottom: 1px solid #dddddd;
    font-size: 0.32rem;
}

.selModalCon .selMain .selList .empty {
    height: 1rem;
    line-height: 1rem;
    font-size: 0.32rem;
}

.selModalCon .am-checkbox.am-checkbox-checked .am-checkbox-inner {
    border-color: #7f80ea;
    background: #7f80ea;
}

.selModalCon .am-checkbox-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.4rem;
}

.selModalCon .selMain .selList .am-checkbox,
.selModalCon .selMain .selList .am-checkbox-inner {
    width: 0.42rem;
    height: 0.42rem;
}

.selModalCon .selMain .selList .am-checkbox-inner::after {
    top: 0.03rem;
    right: 0.16rem;
    width: 0.1rem;
    height: 0.22rem;
}

.inpDiv {
    margin: 0.05rem 0.05rem 0 0;
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 0.5rem;
    min-width: 11px;
    font-size: 0.32rem;
}

.inpDiv .inpInput {
    position: absolute;
    display: inline;
    line-height: normal;
    height: 100%;
    width: 100%;
    outline: 0;
    border: 0;
    margin: 0;
    padding: 0 5px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
        'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.inpDiv .inpSpan {
    display: inline-block;
    visibility: hidden;
    padding: 0 5px;
    height: 100%;
}

@media screen and (min-width: 750px) {

    .selModalCon .selHeader .closeBtn,
    .selModalCon .selHeader .makeSureBtn,
    .selModalCon .selHeader .title {
        font-size: 0.25rem;
        height: 0.55rem;
        padding: 0.18rem 0.3rem;
    }

    .selModalCon .selMain .selInput,
    .selModalCon .selMain .selList .label,
    .selModalCon .selMain .selList .empty,
    .inpDiv {
        font-size: 0.25rem;
    }

    .selModalCon .selMain .selInput .selTag .am-icon-md {
        height: 0.34rem;
        width: 0.34rem;
    }

    .selModalCon .selMain .selList .am-checkbox,
    .selModalCon .selMain .selList .am-checkbox-inner {
        width: 0.32rem;
        height: 0.32rem;
    }

    .selModalCon .selMain .selList .am-checkbox-inner::after {
        top: 0.02rem;
        right: 0.12rem;
        width: 0.07rem;
        height: 0.16rem;
    }
}
.formList {
    min-height: 1rem;
    border-bottom: 0.01rem solid #eef0f3;
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #3c4257;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.3rem;
}

.formList .formListLabel {
    width: 2.2rem;
    font-size: 0.34rem;
    text-align: left;
    flex-shrink: 0;
}

.formList .formListTitle {
    position: relative;
}

.formList .formListRequire {
    position: absolute;
    font-style: normal;
    color: #e25355;
    font-size: 0.3rem;
    right: -0.2rem;
    top: 0.02rem;
}

.formList .formListCon {
    flex: 1;
    font-size: 0.34rem;
    overflow: hidden;
    padding-right: 0.1rem;
}

.formList .formListConNode {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.formList .formListConInp {
    font-family: PingFangSC-Regular;
    border: none;
    text-align: right;
    font-size: 0.28rem;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}

.formList .formListConInp::-webkit-input-placeholder {
    color: #b7b7b9;
}

.formList .formListConErr {
    margin-top: 0.1rem;
    font-size: 0.24rem;
    line-height: 1;
    color: #e25355;
    animation: errShow 0.1s ease-in-out;
}

.formList .rightArrow {
    padding-right: 0.36rem;
}

.formList .rightArrow::after {
    position: absolute;
    right: 0.02rem;
    top: 50%;
    content: '';
    display: block;
    width: 0.15rem;
    height: 0.15rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 0.04rem solid #a7acbc;
    border-right: 0.04rem solid #a7acbc;
    margin-top: -0.075rem;
}


.formList-disabled {
    color: #bbbbbb;
}

@keyframes errShow {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}
.bcss-components_scaner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bcss-components_scaner .bcss-components_scaner-cover {
    width: 60vw;
    height: 60vw;
    max-width: 330px;
    max-height: 330px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: .5px solid #999999;
    z-index: 1111;

}

.bcss-components_scaner .bcss-components_scaner-cover .bcss-components_scaner-line {
    width: 56vw;
    max-width: 330px;
    height: 1px;
    background: #5F68E8;
    background: linear-gradient(to right, transparent, #5F68E8, #0165FF, #5F68E8, transparent);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    animation: scan 1.7s infinite linear;
}

.bcss-components_scaner .bcss-components_scaner-close {
    display: inline-block;
    width: 100%;
    height: 45px;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 45px;
    background: linear-gradient(45deg, black, transparent), linear-gradient(45deg, #abb193, transparent);
}

@keyframes scan {
    0% {
        top: 0;
    }

    25% {
        top: 25%;
    }

    50% {
        top: 50%;
    }

    75% {
        top: 75%;
    }

    100% {
        top: 100%;
    }
}
.header {
    width: 100%;
    height: 0.8rem;
    padding: 0 0.38rem;
    background-color: #8e90fc;
}
.header > div {
    position: absolute;
    height: 0.8rem;
    color: #fff;
    display: flex;
    align-items: center;
}
.circularInput{
    border-radius: 10px;
}
.header .header-left svg{
    font-size: 0.32rem;
    height: 0.32rem;
    width: 0.32rem;
}
.header .header-center{
    width: 50%;
    display: flex;
    justify-content: center;
    left: 25%;
    font-weight: bold;
    font-size: 0.32rem;
}

.header .header-center input{
    width: 100%;
    height: 80%;
    background: #f4f4f4;
    border: none;
    outline-style: none;
    text-indent: 0.2rem;
    font-size: 0.28rem;
}

.header .header-right{
    font-size: 0.32rem;
    right: 0.38rem;
}
.header .img-div > div {
    padding-left: 0.3rem;
}
.header .img-div img {
    width: 0.32rem;
    height: 0.32rem;
}
@media(min-width: 750px) {
    .header{
        height: 0.56rem;
    }
    .header > div {
        height: 0.56rem;
    }
    .header .header-center {
        font-size: 0.22rem;
    }
    .header .img-div > div {
        padding-left: 0.3rem;
    }
    .header .img-div img {
        width: 0.22rem;
        height: 0.22rem;
    }
    .header .header-right{
        font-size: 0.2rem;
    }
}

.order-page {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
}
.goodscontain {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0.26rem;
}
main {
    flex: 1;
    overflow-x: hidden;
    padding-bottom: 0.4rem;
}
.btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.8rem;
}
.goodscontain .card-div {
    width: 80%;
    padding-bottom: 0.26rem;
}
.btn {
    width: 2.5rem;
    height: 0.8rem;
    font-size: 0.26rem;
    color: #fff;
    border-radius: 0.1rem;
    border: none;
    outline-style: none;
}
.continue {
    background: #f58d6f;
    margin-right: 0.4rem;
}
.sureBtn {
    background: #7f81e9;
}
.deskNum {
    height: 0.9rem;
    display: flex;
    padding: 0 0.4rem;
}
.deskNum span {
    display: inline-block;
    padding-right: 0.4rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
    color: #2a2a2a;
}
.deskNum > .no-pick {
    color: #888;
    font-size: 0.28rem;
}
@media screen and (min-width: 750px) {
    .goodsipadDiv {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .goodscontain {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding-top: 25px;
        flex-wrap: wrap;
        padding-left: 10px;
        padding-bottom: 25px;
        width: calc(100% - 1.3rem);
        font-size: 0.26rem;
    }
    .goodscontain .card-div {
        width: fit-content;
    }
    .btn {
        width: 1.8rem;
        height: 0.5rem;
        font-size: 0.2rem;
    }
    .deskNum {
        height: 0.68rem;
    }
    .deskNum span {
        font-size: 0.2rem;
        line-height: 0.68rem;
    }
    .deskNum > .no-pick {
        font-size: 0.2rem;
    }
    .goodscontain .card-div {
        background-color: #fff;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 15px;
        margin-right: 12px;
        box-shadow: 0 1px 5px 0 #ccc;
    }
}

.custmenu-log {
    height: 0.5rem;
    /* padding: 0.4rem 0.4rem 0.4rem 0.4rem; */
    padding: 0 0.4rem;
    margin: 0.4rem 0;
}
.custmenu-log input {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    border: none;
    outline-style: none;
    text-indent: 0.2rem;
    font-size: 0.28rem;
    border-radius: 8px;
}

.tablewidth {
    display: flex;
    flex-direction: column;
    font-size: 0.28rem;
    margin-top: 0.2rem;
}

.tablewidth label {
    color: red;
}

.spanwidth {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0.28rem;
}
/****操作图片容器***/
.custmenu-log .opdiv {
    height: 100%;
    font-size: 0.28rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.custmenu-log .inputsyle {
    text-align: center;
    text-indent: 0;
    width: 0.8rem;
    border: none;
    outline: none;
    background: none;
    height: 0.4rem;
}
/****操作图片***/
.custmenu-log img {
    width: 0.4rem;
    height: 0.4rem;
    vertical-align: middle;
}

/****操作的文字***/
.custmenu-log span {
    padding: 0 0.2rem;
    vertical-align: middle;
    color: #2a2a2a;
    font-size: 0.28rem;
}

.order-page {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
    overflow-x: hidden;
    padding-bottom: 0.4rem;
}
.btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.8rem;
}
.btn {
    width: 2.5rem;
    height: 0.8rem;
    font-size: 0.26rem;
    color: #fff;
    border-radius: 0.1rem;
    border: none;
    outline-style: none;
}
.custmenu-continue {
    background: #7f81e9;
}
.custmenu-cancel {
    background: #f58d6f;
    margin-right: 0.4rem;
}

.deskNum {
    height: 0.9rem;
    display: flex;
    padding: 0 0.1rem;
    display: flex;
    justify-content: center;
}

.content {
    background-color: white;
    margin: auto 20px;
    height: 6rem;
    max-height: 550px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

@media screen and (min-width: 750px) {
    .tablewidth {
        margin-top: 30px;
    }
    .custmenu-log {
        height: 0.5rem;
        max-height: 60px;
        /* padding: 0.4rem 0.4rem 0.4rem 0.4rem; */
        padding: 0 30px;
        margin: 25px 0;
    }
    .btn {
        width: 1.8rem;
        height: 0.5rem;
        font-size: 0.2rem;
    }
    .deskNum {
        height: 0.68rem;
    }
}

html {
    height: 100%;
    font-size: 50px;
    font-size: 13.3333333333333vw;
}
html,
body,
#root {
    width: 100%;
    height: 100%;
}
p {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 999px) {
    /* pc*/
    html {
        font-size: 10vw;
    }
}

body {
    margin: 0;
    padding: 0;
    background: var(--bg-color);
}

div {
    box-sizing: border-box;
}

:root {
    --font-color: #ffffff;
    --bg-color: #ffffff;
    --border-box: border-box;
    --gray-color: rgba(220, 218, 218, 0.8);
}

* {
    font-family: PingFangSC-Regular;
    color-rendering: optimizeSpeed;
}

@font-face {
    font-weight: normal;
    font-family: PingFangSC-Regular;
    font-style: normal;
    font-display: auto;
    src: url(./assets/fonts/dd25b35dcb7ba4476cbaa9a9592e39e2.ttf) format('truetype'),
        url(./assets/fonts/e5e1a97169fc1e01b19ea7a14919ebe0.ttf) format('truetype'),
        url(./assets/fonts/1c97d8de88f3e2936c2595978a781990.ttf) format('truetype'),
        url(./assets/fonts/ca3ad0e3097cdf7515dfa75aff6b3cc3.ttf) format('truetype'),
        url(./assets/fonts/15974853bc3294ef68e7e6d58fe74fd7.ttf) format('truetype'),
        url(./assets/fonts/75225b297e757308c3bfeca013396be6.ttf) format('truetype');
}

.efq-btn {
    width: 7.38rem;
    height: 0.8rem;
    border-radius: 5px;
    color: #fff;
    background: #3f57ab;
    outline: none;
    border: none;
    display: block;
    margin: 0 auto;
    margin-top: 0.2rem;
    font-family: PingFangSC-Regular;
    font-size: 0.3rem;
    color: #ffffff;
    text-align: center;
}

.efq-btn.disabled {
    opacity: 0.5;
}

.efq-nav-save-btn {
    font-family: PingFangSC-Regular;
    font-size: 0.3rem;
    color: #607483;
}

.am-pull-to-refresh-content-wrapper {
    overflow: visible !important;
}

/* 表单样式 */

.efq-form-list .am-list .am-list-body .am-list-item {
    min-height: 0.88rem;
    padding-left: 0.26rem;
    height: 100%;
}

.efq-form-list .am-list .am-list-body .am-list-item.am-textarea-item {
    height: auto;
    padding: 0;
    margin-left: 0.26rem;
    border-bottom: 1px solid #f0f0f0;
}

.efq-form-list .am-list .am-list-body .am-textarea-label {
    flex-basis: 1.8rem;
    font-size: 0.3rem;
    color: #333333;
    margin: auto 0.1rem auto auto;
    padding: 0 0.44rem 0 0.1rem;
}

.efq-form-list .am-list .am-list-body .am-textarea-control {
    padding: 0.2rem 0.7rem 0.4rem 0;
}

.efq-form-list .am-list .am-list-body .am-textarea-control textarea {
    font-size: 0.3rem;
    color: #6199f4;
}

.efq-form-list .am-list .am-input-label,
.efq-form-list .am-list .am-list-line .am-list-content {
    flex: none;
    flex-basis: 2rem;
    font-size: 0.3rem;
    margin-right: 5px;
    color: #333333;
    line-height: 1.5;
    white-space: normal;
    padding: 0.1rem 0.24rem 0.1rem 0.1rem;
}

.efq-form-list .am-list .am-list-line .am-list-extra,
.efq-form-list .am-list .am-input-control .fake-input-container div {
    flex: 1;
    text-align: left;
    font-size: 0.3rem;
    color: #c2c2c2;
}

.efq-form-list .am-list .am-list-line .am-list-extra .picker-default {
    color: #bbb;
}

.efq-form-list .am-list .am-input-control input,
.efq-form-list .am-list .am-input-control .fake-input-container div,
.efq-form-list .am-list .am-list-line .am-list-extra {
    flex: 1;
    text-align: left;
    font-size: 0.3rem;
    color: #6199f4;
    font-family: 'PingFangSC-Regular';
}

.efq-form-list .am-list .am-list-disabled .am-input-control input,
.efq-form-list .am-list .am-list-disabled .am-list-line .am-list-extra,
.efq-form-list .am-list .am-list-disabled .am-list-line .am-input-label,
.efq-form-list .am-list .am-list-disabled .am-list-item .am-textarea-label,
.efq-form-list .am-list .am-list-disabled .am-list-line .am-list-content {
    color: #c2c2c2;
}

.efq-form-list .am-list .am-list-body div .am-list-item .am-list-line::after,
.efq-form-list .am-list .am-list-body .am-list-item .am-list-line::after,
.efq-form-list .am-list .am-list-body::after {
    background-color: #ddd;
    transform: scaleY(0.8);
}

.efq-form-list .entry-info-require {
    position: absolute;
    top: 40%;
    left: 0.15rem;
    color: red;
    z-index: 1;
}

.efq-form-list .efq-form-list-whitespace {
    background-color: #f3f5f7;
    position: relative;
    top: -1px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.border-b {
    border-bottom: 1px solid #ddd;
}

.none {
    display: none;
}