input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}
.flex_ac{ display: flex; align-items: center; }
.flex_jc{ display: flex; justify-content: center;}
.flex_je{display: flex;justify-content: flex-end;}
.cont .tit{ font-weight:bolder; font-size: 20px;margin: 10px 0;}
.product_thumb{display: flex;justify-content: center;align-items: center;}
.product_thumb .primary_img{width:55px!important;height:55px;border-radius: 50% 50%}
.goods{border:1px solid #ccc;margin: 0 5px 15px;padding: 10px 10px;border-radius: 10px;}
.goods.selected{
    background: #F4FBFF;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #455765;
}
.op{display: flex;justify-content: center;align-items: center;}
.op .icon{font-size: 20px;}

.calc .tit{ font-weight:bolder;font-size: 20px;margin: 10px 0;}

.calc .sub_tit{ border-top: 1px solid #E7EAEE;  font-size: 12px; color: #595959; }
.ml10{margin-left: 10px;}
.calc .item{padding: 5px 0;}
.calc .item_n{font-weight: bolder}
.calc .item .item_r{display: flex;justify-content: flex-end;}
.calc .item.pd10{padding: 0 5px 0 15px;}
.item_f{ background: #F9F9F9; border-radius: 10px 10px 10px 10px; border: 1px solid #E7EAEE; }
.calc .icon{font-size: 15px;}
.calc .num{
    width: 50px;
    text-align: center;
    border: none;
    outline: none;
    background: transparent;
}


.calc_b .row{margin-bottom: 20px;}
.calc_b .btn-print{width: 90%; border-radius: 10px; border: 1px solid #455765;color: #455765;}
.calc_b .btn-pay{width: 90%;border-radius: 10px; background: #455765;color: #fff;}


.search_box{padding: 15px 8px;}


.ion-ios-help-outline{font-size: 16px;}

.text-container {
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */
    width: 100%; /* 或者指定一个具体的宽度 */
}


/* 示例：使用媒体查询调整弹窗宽度 */
@media (max-width: 600px) {
    .layui-layer {
        width: 90% !important;
        margin: 0 auto;
        border-radius: 10px !important;
    }
    .layui-layer-content {
        padding: 20px;
    }

}

@media (min-width: 600px) {
    .layui-layer {
        width: 568px !important;
        border-radius: 10px !important;
        margin: 0 auto;
    }
    .layui-layer-content {
        padding: 20px;
    }
}
.l-input {width: 100%;margin:15px 0;padding: 10px 10px;}

.btn-login{width: 20%;border-radius: 10px; background: #455765;color: #fff;}