html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    display: none;
}

body,
input,
select,
p,
h1,
h2,
h3,
h4,
a,
ul,
ol,
dd,
dl,
textarea,
button {
    font-family: "PingFang-SC-Regular", "Microsoft Yahei", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", STHeiti, SimSun, sans-serif;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dd,
dl,
form {
    margin: 0;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

ul {
    padding-left: 0;
    list-style-type: none;
}

i,
em {
    font-style: normal;
}

big {
    font-size: 1.3em;
}

small {
    font-size: 0.77em;
}

a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    outline: 0;
}

a:active {
    color: #999;
}

article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
menu,
audio,
canvas,
progress,
video {
    display: block;
}

input,
select,
textarea {
    outline: 0;
    font-family: inherit;
    font-size: 100%;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    height: .62rem;
    margin-bottom: 0;
    font-size: .26rem;
    text-align: center;
    line-height: .42rem;
    background-color: #f2f2f2;
    border-radius: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.mui-search:before {
    top: 81.5%;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    font-size: 1.3em;
    line-height: 2.5;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

td,
th {
    padding: 0;
}

html,
body {
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

html {
    font-size: 13.33333333333333vw;
}

body {
    position: relative;
    overflow-x: hidden;
    color: #333;
    font-size: .26rem;
    line-height: 1;
    user-select: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    background-color: #fff;
}

input::-webkit-input-placeholder {
    color: #999;
}

/****************元素初始化 E*/

/****************工具样式类 S*/

.clearfix {
    *zoom: 1;
    *clear: both;
}

.clearfix:before,
.clearfix:after {
    display: table;
    clear: both;
    content: "";
}

.oh {
    overflow: hidden;
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

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

.hide {
    display: none !important;;
}

.show {
    display: block !important;;
}

.hidetext {
    font: 0/0 a;
    letter-spacing: -9px;
}

.arr {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
}

.opc0 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ovfHtml {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
}

.flex-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/****************工具样式类 E*/

/*模态加载提示*/

.modal-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
}

.modal-loading .loading-box {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    margin-left: -1.2rem;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
}

.modal-loading .loading-box svg {
    position: absolute;
    left: 50%;
    top: .95rem;
    z-index: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.45);
    transform: translate3d(-50%, -50%, 0) scale(.45);
}

.modal-loading .loading-box .text {
    margin-top: 1.6rem;
    font-size: .26rem;
    line-height: .34rem;
    color: #fff;
}

/* dialog */
.dialog {
    position: fixed;
    z-index: -1;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 5.32rem;
    display: none;
    padding: 0 0 .56rem;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
    transform: translate3d(-50%, -50%, 0) scale(1.185);
    opacity: 0;
    color: #000;
    background-color: #fff;
    border-radius: .1rem;
}

.dialog.cur {
    z-index: 1000;
    display: block;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1;
}

.dialog-tit {
    height: 0.97rem;
    font-size: 0.38rem;
    color: #333;
    font-weight: 700;
    text-align: center;
    line-height: 0.97rem;
    border-bottom: .01rem solid #e7e7e7;
    background-color: #fff;
}

.dialog-content {
    margin-bottom: .56rem;
    padding: .29rem .51rem 0;
    font-size: .24rem;
    line-height: .33rem;
    color: #666;
    background-color: #fff;
}

.confirm-dialog .dialog-warning {
    height: auto;
    line-height: .5rem;
    padding: .2rem 0 .1rem 0;
}

.dialog-tit .take-out-txt {
    color: #a9bb11;
    font-weight: 400;
}

.dialog-foot {
    display: flex;
    padding: 0 .51rem;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

/*隐藏滚动条*/
::-webkit-scrollbar {
    display: none;
}

::-webkit-scrollbar {
    width: 0;
}


/*通用样式类*/
p {
    font-size: .26rem;
    color: #333;
}

.text-black {
    color: #333;
}

.text-gray {
    color: #666;
}

.text-light-gray {
    color: #999;
}

.text-red {
    color: #ff3232;
}

.text-white {
    color: #fff;
}

.text-blue {
    color: #1e60c0;
}

.text-bold {
    font-weight: 700;
}

.font-20 {
    font-size: .2rem;
}

.font-22 {
    font-size: .22rem;
}

.font-24 {
    font-size: .24rem;
}

.font-26 {
    font-size: .26rem;
}

.font-28 {
    font-size: .28rem;
}

.font-30 {
    font-size: .3rem;
}

.font-32 {
    font-size: .32rem;
}

.font-pf-medium {
    font-family: 'PingFang-SC-Medium';
}

.font-pf-regular {
    font-family: 'PingFang-SC-Regular';
}


.flex-col {
    overflow: hidden;
    display: -ms-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
}
.flex-row {
    overflow: hidden;
    display: -ms-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-1 { -ms-flex: 1; flex: 1; min-width: 0; }
.flex-2 { -ms-flex: 2; flex: 2; min-width: 0; }
.align-stretch { -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.align-center { -ms-align-items: center; -ms-flex-align: center; align-items: center; }
.justify-center { -ms-box-pack: center; -ms-flex-pack: center; justify-content: center; }


.btn-blue-xl {
    display: inline-block;
    width: 7.09rem;
    height: .83rem;
    padding: 0;
    font-size: .32rem;
    color: #fff;
    font-weight: 700;
    line-height: .83rem;
    text-align: center;
    cursor: pointer;
    background-color: #1e60c0;
    border-radius: .06rem;
    border: none;
}

.btn-blue-trans-m {
    width: 3.53rem;
    height: .83rem;
    display: inline-block;
    font-size: .32rem;
    color: #1e60c0;
    text-align: center;
    line-height: .83rem;
    cursor: pointer;
    border-radius: .06rem;
    border: solid .02rem #1e60c0;
    background-color: #fff;
}


/*  delete 公告滚动条 */
#noticeCnt {
    position: relative;
}

.notice-cnt {
    width: 100%;
    height: .55rem;
}

.notice-icon {
    position: absolute;
    top: 0;
    left: 0;
    height: .55rem;
    width: .72rem;
    background: url(../../img/onlineOrder/icon/notice.png) no-repeat #fffbec;
    background-size: .25rem .23rem;
    background-position-x: .2rem;
    background-position-y: .14rem;
    z-index: 2;
}

#affiche {
    position: relative;
    height: .55rem;
    /*margin: 0 0 0 .72rem;*/
    font-family: "PingFang-SC-Regular";
    font-size: .22rem;
    line-height: .55rem;
    color: #eca100;
    overflow: hidden;
    background-color: #fffbec;
}

.white-mask {
    position: absolute;
    top: 0;
    right: 0;
    /* background-image: linear-gradient(to right, transparent, rgb(255, 255, 255)); */
    float: right;
    width: .7rem;
    height: .55rem;
    z-index: 2;
}

.affiche_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    line-height: 30px;
    display: block;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}

/* footer nav bar */
.footer-nav-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    height: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0rem 0rem 0.11rem 0rem rgba(101, 101, 101, 0.09);
}

.footer-nav-bar>[class*='nav-item-'] {
    align-items: center;
    text-align: center;
}
.footer-nav-bar>[class*='nav-item-']>a{
    display: inline-block;
    color: #999;
}
.footer-nav-bar>[class*='nav-item-']>a>img {
    display: block;
    height: .43rem;
    margin: 0 auto .13rem;
}

.footer-nav-bar>[class*='nav-item-']>a>span {
    font-size: 0.24rem;
}

.footer-nav-bar>.nav-item-2 {
    width: 50%;
}

#toast {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    text-align: center;
}

#toast div {
    display: inline-block;
    font-size: .34rem;
    padding: .15rem .3rem;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border-radius: .1rem;
    margin-top: 60%;
}

.mui-toast-container {
    bottom: 50%;
}


/*loading样式*/
.loading-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    z-index: 20;
}

.loading-wrap .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
    height: 5rem;
}

.loading-wrap .loading img {
    display: block;
    margin: 0 auto;
    width: 2rem;
    height: auto;
}

.loading-wrap .loading .loading-text {
    color: #bdbdbd;
    text-align: center;
    margin-top: .1rem;
}

/* --------------------------------------------mui组件样式-------------------------------------------------- */

/*toast信息提示*/
.mui-toast-container {bottom: 50% !important;}