.navbtn {

    height: 60px;

    transition: all .6s ease;

    cursor: pointer;

    width: 60px;

    overflow: hidden;

    text-align: right;

    position: relative;

}

.layout-wrapper {
    width: 100%;
    overflow: hidden;
}

.navbtn .line {

    width: 32px;

    height: 3px;

    background: #361825;

    position: absolute;

    z-index: 5;

    top: 18px;

    right: 0;

    margin: 0;

    transition: all .6s ease;

}



.navbtn .line2 {

    top: 28px;

}



.navbtn .line3 {

    top: 38px;

}



.footer {

    background-color: #F2F2F2;

    width: 100%;

    overflow: hidden;

    padding: 50px 0 40px;

    position: relative;

    z-index: 100;

}



.footer .wrap {

    max-width: 1440px;

    margin: 0 auto;

    padding: 0 20px;

}



.copyright {

    text-align: center;

    color: rgba(54, 24, 37, .5);

    font-size: 12px;

    margin-top: 32px;

}



.foot-top {

    display: flex;

    flex-wrap: wrap;

}



.foot-top .logo {

    display: block;

    max-width: 215px;

    flex-shrink: 0;

}



.foot-items {

    flex: 1;

    display: flex;

    justify-content: space-between;

    margin-left: 6%;

}



.foot-items .item {

    margin-left: 50px;

    max-width: 350px;

    min-width: 180px;

}



.foot-item-dl dt {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.foot-item-dl dt img {

    width: 20px;

    height: 20px;

    margin-right: 15px;

}



.foot-item-dl dt span {

    color: rgba(54, 24, 37, 1);

    font-size: 18px;

    text-transform: capitalize;

}



.foot-item-dl dd {

    color: rgba(54, 24, 37, .7);

    font-size: 14px;

    text-transform: capitalize;

    line-height: 1.7;

    padding-left: 35px;

}



.foot-item-dl dd+dd {

    margin-top: 3px;

}



.foot-item-dl+.foot-item-dl {

    margin-top: 30px;

}



.index-page {

    display: flex;

    align-items: stretch;

    width: 100%;

    position: relative;

    z-index: 99;

}



.index-left {

    flex: 1;

    overflow: hidden;

}



.index-right {

    flex-shrink: 0;

    background-color: #F8F8F8;

    padding: 24px 30px 50px;

    width: 440px;

    border-radius: 20px 0 0 0;

}



.right-fixbox.fixed {

    position: fixed;

    top: 0;

    right: 0;

    width: 440px;

    height: 100%;

    overflow-y: auto;

    background-color: #F8F8F8;

    padding: 24px 30px 50px;

}



.index-right .title {

    color: #362786;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 30px;

}



.index-right .subtitle {

    text-transform: capitalize;

    color: #361825;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 30px;

}



.basket-list li+li {

    margin-top: 24px;

}



.goods-item {

    display: flex;

    align-items: stretch;

}



.goods-item .pic {

    flex-shrink: 0;

    overflow: hidden;

    width: 100px;

    height: 100px;

}



.goods-item .pic img {

    object-fit: cover;

    border-radius: 15px;

    width: 100%;

    height: 100%;

    transition: all ease .5s;

}



.goods-item .con {

    flex: 1;

    overflow: hidden;

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    margin-left: 15px;

    padding: 6px 0 4px;

}



.goods-item .tt {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-transform: capitalize;

    color: #714C1C;

    font-size: 16px;

}



.goods-item .pa {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.goods-item .price {

    color: #B43229;

    font-size: 14px;

    font-weight: bold;

}



.goods-item .number {

    color: #361825;

    font-size: 16px;

}



.amountbox {

    display: inline-flex;

}



.amountbox a {

    display: inline-block;

    width: 24px;

    height: 24px;

    font-size: 0;

}



.amountbox img {

    width: 100%;

    height: 100%;

}



.amountbox .num {

    width: 30px;

    text-align: center;

    color: #B43229;

    font-size: 16px;

    height: 24px;

    line-height: 24px;

}



.amountbox.big a {

    width: 36px;

    height: 36px;

}



.amountbox.big .num {

    width: 60px;

    height: 36px;

    line-height: 36px;

    font-size: 24px;

}



.basket-empty {

    text-align: center;

}



.basket-empty img {

    max-width: 200px;

}



.basket-empty p {

    color: #361825;

    font-size: 14px;

    margin-top: 15px;

}



.basket-tools {

    background-color: #EFEFEF;

    border: 1px solid #EEEEEE;

    border-radius: 15px;

    margin-top: 40px;

    padding: 20px;

}



.send-ways {

    display: flex;

    margin-bottom: 20px;

}



.send-ways .item {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #fff;

    height: 50px;

    border: 1px solid #fff;

    border-radius: 10px;

    cursor: pointer;

}



.send-ways .item+.item {

    margin-left: 10px;

}



.send-ways img {

    width: 24px;

    height: 24px;

    margin-right: 10px;

    flex-shrink: 0;

}



.send-ways span {

    text-transform: capitalize;

    color: #361825;

    font-weight: bold;

    font-size: 14px;

}



.send-ways .active {

    border-color: #B43229;

    box-shadow: 0px 0px 10px 1px rgba(180, 50, 41, 0.2);

}



.select-time {

    background-color: #fff;

    border-radius: 10px;

    padding: 10px 20px;

    display: flex;

    border: 1px solid rgba(230, 230, 230, 1);

    align-items: center;

    position: relative;

}





.select-time .icon {

    flex-shrink: 0;

    width: 24px;

    height: 24px;

}



.select-time .txt {

    flex: 1;

    margin-left: 20px;

}



.select-time .tt {

    color: #361825;

    font-size: 14px;

    font-weight: bold;

}



.select-time .time {

    color: rgba(54, 24, 37, .6);

    font-size: 14px;

    font-weight: bold;

    margin-top: 5px;

    cursor: pointer;

}



.basket-tools .mt90 {

    margin-top: 90px;

}



.basket-tools .mt20 {

    margin-top: 20px;

}



.locate-address {

    background-color: #fff;

    border-radius: 10px;

    border: 1px solid rgba(230, 230, 230, 1);

    height: 60px;

    display: flex;

    align-items: center;

    padding: 0 20px;

    margin-bottom: 20px;

}



.locate-address .icon {

    flex-shrink: 0;

    width: 24px;

    height: 24px;

}



.locate-address .addr {

    flex: 1;

    overflow: hidden;

    margin-right: 15px;

}



.locate-address .addr input {

    width: 100%;

    color: rgba(54, 24, 37, 1);

    font-size: 14px;

    height: 40px;

    line-height: 40px;

}



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

.scroll::-webkit-scrollbar {

    width: 6px;

    height: 4px;

    background-color: transparent;

}



/*定义滚动条轨道 内阴影+圆角*/

.scroll::-webkit-scrollbar-track {

    border-radius: 3px;

    background-color: transparent;

}



/*定义滑块 内阴影+圆角*/

.scroll::-webkit-scrollbar-thumb {

    border-radius: 3px;

    background-color: #E6E6E6;

}





.header {

    width: 100%;

    overflow: hidden;

    border-bottom: 1px solid #EEEEEE;

}



.header .wrap-h {

    padding: 15px 50px 15px 12%;

    display: flex;

    align-items: center;

}



.header .wrap-in {

    max-width: 1440px;

    padding: 0 20px;

    margin: 0 auto;

    display: flex;

    align-items: center;

}



.header .logo {

    display: flex;

    flex-shrink: 0;

    max-width: 215px;

}



.head-search {

    width: 450px;

    max-width: 40%;

    background-color: #F8F8F8;

    height: 36px;

    border-radius: 18px;

    background-image: url(../images/icon_search.png);

    background-repeat: no-repeat;

    background-position: 20px center;

    padding-left: 54px;

    padding-right: 20px;

    margin-left: 40px;

}



.head-search input {

    width: 100%;

    color: #361825;

    font-size: 14px;

    height: 36px;

    line-height: 36px;

}



.xs-search {

    background-color: #F8F8F8;

    height: 36px;

    border-radius: 18px;

    background-image: url(../images/icon_search.png);

    background-repeat: no-repeat;

    background-position: 20px center;

    padding-left: 54px;

    padding-right: 20px;

    display: none;

}



.xs-search input {

    width: 100%;

    color: #361825;

    font-size: 14px;

    height: 36px;

    line-height: 36px;

}



.headicon {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex: 1;

    overflow: hidden;

}



.headicon .iconitem {

    display: flex;

    align-items: center;

    margin-left: 40px;

    cursor: pointer;

}



.headicon .iconitem img {

    width: 20px;

    height: 20px;

    flex-shrink: 0;

    margin-right: 10px;

}



.headicon .iconitem span {

    color: #361825;

    font-size: 14px;

    font-weight: bold;

    flex: 1;

    max-width: 100px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.index-content .wrap {

    padding: 30px 44px 30px 12%;

}



.banner {

    overflow: hidden;

}



.banner li img {

    width: 100%;

    border-radius: 10px;

}



.main-content {

    display: flex;

    align-items: stretch;

    padding-top: 50px;

}



.main-content.block {

    display: block;

    padding-top: 30px;

}



.left-menus {

    flex-shrink: 0;

    width: 240px;

    min-height: 2px;

}



.left-menus .fixbox {

    height: 100%;

    overflow-y: auto;

    width: 240px;

}



.left-menus .fixbox.fixed {

    position: fixed;

    top: 0;

}



.left-menus a {

    display: block;

    padding: 16px 15px 16px 26px;

    color: #86747C;

    font-size: 14px;

    font-weight: bold;

    border-left: 2px solid #E6E6E6;

    transition: all .3s ease;

}



.left-menus .active {

    background-color: rgba(180, 50, 41, .05);

    color: #B43229;

    border-color: #B43229;

}



.left-menus a:hover {

    background-color: #f8f8f8;

}



.left-menus .active:hover {

    background-color: rgba(180, 50, 41, .05);

}



.right-content {

    flex: 1;

    overflow: hidden;

    margin-left: 24px;

    overflow-y: auto;

    padding-right: 6px;

}



.right-content .witem+.witem {

    margin-top: 20px;

}



.contitle {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 20px;

}



.contitle .tt {

    color: #361825;

    font-size: 16px;

    font-weight: bold;

}



.opentime {

    display: flex;

    align-items: center;

    padding: 0 15px;

    height: 30px;

    border-radius: 5px;

    cursor: pointer;

    border: 1px solid #ECECEC;

}



.opentime img {

    width: 20px;

    height: 20px;

    margin-right: 10px;

}



.opentime span {

    color: #361825;

    font-size: 16px;

    font-weight: bold;

}



.gmitem {

    display: flex;

    align-items: center;

    cursor: pointer;

}



.gmitem span {

    color: #361825;

    font-size: 16px;

    font-weight: bold;

}



.gmitem .icon {

    width: 30px;

    height: 30px;

    line-height: 28px;

    text-align: center;

    border: 1px solid #ECECEC;

    border-radius: 5px;

    flex-shrink: 0;

    margin-left: 12px;

}



.gmitem img {

    width: 20px;

    height: 20px;

    margin-top: -2px;

}



.contitle .rr {

    display: flex;

    align-items: center;

}



.contitle .gmitem {

    margin-left: 30px;

}



.foodlist li {

    margin-bottom: 20px;

    margin-left: 5px;

    margin-right: 5px;

}



.foodlist li .ww {

    display: flex;

    align-items: center;

    padding: 15px;

    background-color: #fff;

    box-shadow: 0 0 10px 0 rgba(52, 52, 52, .2);

    border-radius: 10px;

}



.foodlist li .ww:hover {

    background-color: #F8F8F8;

}



.footitem .con {

    margin-left: 15px;

}



.footitem .pic {

    height: 100px;

    width: 100px;

    flex-shrink: 0;

    overflow: hidden;

}



.footitem .pic img {

    width: 100%;

    height: 100%;

    border-radius: 15px;

    object-fit: cover;

}



.footitem .tt {


    color: #361825;

    font-size: 16px;

}



.footitem .price {

    color: #B43229;

    font-size: 14px;

    margin-top: 15px;

    font-weight: bold;

}



.xs-header {

    padding: 0 15px;

    display: none;

    border-bottom: 1px solid #EEEEEE;

    width: 100%;

    overflow: hidden;

}



.xs-header .logo {

    max-width: 120px;

    display: block;

}



body.open .layout-wrapper {

    transition: all 0.5s ease 0s;

    transform: translateX(-75%);

}



.xsmenus {

    width: 75%;

    right: -100%;

    top: 0;

    bottom: 0;

    overflow-y: auto;

    z-index: 3999;

    background-color: #fff;

    padding: 50px 40px;

    position: fixed;

    transition: all 0.5s ease 0s;

    box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .1);

}



body.open .xsmenus {

    right: 0;

}



.xsmenus .iconbtn {

    display: flex;

    align-items: center;

    color: #361825;

    font-size: 14px;

    font-weight: bold;

}



.xsmenus .iconbtn img {

    width: 20px;

    height: 20px;

    margin-right: 10px;

}



.logbtn {

    display: flex;

    align-items: center;

    cursor: pointer;

}



.logbtn img {

    width: 16px;

    height: 16px;

    margin-right: 6px;

}



.logbtn span {

    display: block;

    flex: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 100px;

    color: #361825;

    font-size: 14px;

    font-weight: bold;

}



.xs-sort-wrap {

    position: relative;

    background-color: #fff;

    display: none;

}



.xs-sortbox {

    z-index: 399;

    align-items: center;

    display: flex;

    background-color: #fff;

    padding: 10px 0;

}



.xs-sortbox.fixed {

    width: 100%;

    position: fixed;

    padding: 10px 15px;

    left: 0;

    top: 0;

    box-shadow: 0 4px 4px 0 rgba(52, 52, 52, .1);

}



.search-icon {

    display: block;

    flex-shrink: 0;

    width: 32px;

    height: 32px;

    line-height: 30px;

    text-align: center;

    border: 1px solid #eee;

    border-radius: 5px;

    display: none;

    margin-right: 10px;

}



.search-icon img {

    margin-top: -4px;

}



.sort-wrap {

    flex: 1;

    overflow: hidden;

}



.sort-wrap li {

    color: #86747C;

    font-size: 14px;

    font-weight: bold;

    display: inline-block;

    width: auto;

}



.sort-wrap li.active {

    color: #B43229;

}



.mask {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 5999;

    background-color: rgba(0, 0, 0, .5);

    padding: 20px;

    display: none;

    overflow-y: auto;

}



.mask-content {

    position: relative;

    max-width: 700px;

    margin: 0 auto;

    background-color: #fff;

    border-radius: 20px;

    padding: 50px;

}





.mask-content.w800 {

    max-width: 800px;

}



.mask-content.w1000 {

    max-width: 1000px;

}



.mask-content.mid {

    top: 50%;

    transform: translateY(-50%);

}



.mask-content .closebtn {

    position: absolute;

    padding: 10px;

    top: 20px;

    right: 20px;

    z-index: 9;

}



.mask-content .closebtn img {

    width: 18px;

    height: 18px;

}



.mask-title {

    color: #361825;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 34px;

}



.mask .mt30 {

    margin-top: 30px;

}



.login-form .info {

    margin-bottom: 15px;

}



.login-tips {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.login-tips .tt {

    color: #86747C;

    font-size: 16px;

}



.login-tips .tt a {

    text-decoration: underline;

    color: #86747C;

}



.login-tips .tt .red {

    color: #B43229;

}



.login-tips.center {

    justify-content: center;

}



.sendbtn {

    height: 48px;

    line-height: 48px;

    border-radius: 24px;

    color: #fff;

    font-size: 16px;

    min-width: 120px;

    text-align: center;

    padding: 0 30px;

    background-color: #B43229;

    cursor: pointer;

}



.sendbtn.disabled {

    opacity: .8;

}



.codeinfo {

    position: relative;

}



.codeinfo .sendbtn {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 9;

}



.allerbox .brief {

    color: rgba(54, 24, 37, .7);

    font-size: 16px;

    line-height: 1.8;

}



.allerbox .info {

    color: #361825;

    font-size: 20px;

    margin-top: 30px;

    padding-bottom: 30px;

}



.allerbox .info a {

    color: #361825;

}



.order-time-box .brief {

    color: rgba(54, 24, 37, .7);

    font-size: 16px;

    margin-bottom: 30px;

}



.order-time-items {

    display: flex;

}



.order-time-items dl {

    flex: 1;

}



.order-time-items .foot-item-dl+.foot-item-dl {

    margin-top: 0;

}



.mask-tools {

    display: flex;

    padding: 30px 0 0;

    align-items: center;

    justify-content: space-between;

}



.mask-tools .ltool {

    flex: 1;

    overflow: hidden;

    margin-right: 20px;

}



.mask-tools .brief {

    color: rgba(54, 24, 37, 1);

    font-size: 16px;

    text-transform: capitalize;

    line-height: 1.7;

}



.mask-tools .rtool {

    flex-shrink: 0;

}



.rtool .layui-btn-lg {

    padding: 0 30px;

}



.food-detail-order {

    display: flex;

    align-items: stretch;

    margin-bottom: 24px;

}



.food-detail-order .pic {

    width: 124px;

    height: 124px;

    flex-shrink: 0;

}



.food-detail-order .pic img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 15px;

}



.food-detail-order .con {

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    flex: 1;

    overflow: hidden;

    margin-left: 20px;

    padding: 6px 0;

}



.food-detail-order .tt {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: rgba(54, 24, 37, 1);

    font-size: 24px;

    font-weight: bold;

}



.food-detail-order .desc {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-break: break-all;

    overflow: hidden;

    color: rgba(54, 24, 37, .7);

    font-size: 16px;

    line-height: 1.8;

}



.product-details-wrapper {

    margin: 0 -50px;

    padding: 50px;

    border-top: 1px solid rgba(238, 238, 238, 1);

    border-bottom: 1px solid rgba(238, 238, 238, 1);

}



.product-options+.product-options {

    margin-top: 40px;

}



.product-options .tt {

    text-transform: capitalize;

    color: rgba(54, 24, 37, .5);

    font-size: 16px;

    font-weight: bold;

}



.select-options {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -14px;

}



.select-options li {

    padding: 0 14px;

    margin-top: 20px;

}



.select-options li a {

    display: block;

    text-align: center;

    height: 44px;

    line-height: 42px;

    border-radius: 22px;

    border: 1px solid rgba(231, 231, 231, 1);

    min-width: 214px;

    padding: 0 20px;

    color: rgba(54, 24, 37, 1);

    font-size: 14px;

    text-transform: capitalize;

    font-weight: bold;

    transition: all .3s ease;

    text-transform: capitalize;

}



.select-options li a span {

    color: rgba(180, 50, 41, 1);

}



.select-options li.active a {

    color: rgba(180, 50, 41, 1);

    background-color: rgba(252, 237, 236, 1);

    border-color: rgba(252, 237, 236, 1);

}



.basket-tools2 {

    background-color: transparent;

    border: 0;

    padding: 0;

    margin-bottom: 30px;

}



.place-order-info {

    border-top: 1px solid rgba(233, 233, 233, 1);

    padding-top: 20px;

    margin-top: 30px;

}



.place-order-info li {

    display: flex;

    align-items: center;

    color: rgba(54, 24, 37, .7);

    font-size: 14px;

    justify-content: space-between;

    margin-bottom: 10px;

}



.total-price {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 40px;

}



.total-price .t1 {

    color: rgba(54, 24, 37, 1);

    font-size: 24px;

    font-weight: bold;

    text-transform: capitalize;

}



.total-price .t2 {

    color: rgba(180, 50, 41, 1);

    font-size: 14px;

    font-weight: bold;

}



.total-price .t2 span {

    font-size: 20px;

}



.intitle {

    font-weight: bold;

    text-transform: capitalize;

    color: rgba(62, 40, 17, 1);

    font-size: 28px;

    border-bottom: 1px solid rgba(238, 238, 238, 1);

    padding-bottom: 24px;

    margin-bottom: 16px;

}



.order-submit-info.mt40 {

    margin-top: 40px;

}



.order-submit-info.mt30 {

    margin-top: 30px;

}



.order-submit-info .title {

    text-transform: capitalize;

    font-weight: bold;

    text-transform: capitalize;

    color: rgba(62, 40, 17, 1);

    font-size: 18px;

    margin-bottom: 16px;

}



.form-info {

    max-width: 800px;

}



.form-info .layui-input {

    border: 1px solid rgba(245, 245, 245, 1);

    padding: 0 16px;

    font-size: 16px;

    color: rgba(54, 24, 37, 1);

    height: 48px;

    line-height: 46px;

}



.form-info+.form-info {

    margin-top: 20px;

}



.form-info .layui-textarea {

    color: rgba(54, 24, 37, 1);

    font-size: 16px;

    border: 1px solid rgba(245, 245, 245, 1);

}



.word-count {

    color: rgba(54, 24, 37, 1);

    font-size: 16px;

    position: absolute;

    right: 15px;

    bottom: 15px;

    background-color: #fff;

    z-index: 9;

}



.count-textarea {

    position: relative;

}



.payway {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

}



.payway .item {

    display: flex;

    align-items: center;

    color: rgba(51, 51, 51, 1);

    font-size: 14px;

    font-weight: bold;

    text-transform: capitalize;

    height: 34px;

    border: 1px solid rgba(221, 221, 221, 1);

    margin: 0 10px 12px;

    min-width: 176px;

    padding: 0 20px;

    border-radius: 17px;

    cursor: pointer;

    justify-content: center;

}



.payway .item img {

    margin-right: 10px;

    width: 18px;

    height: 18px;

}



.payway .active {

    border-color: rgba(180, 50, 41, 1);

}



.bus-address {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: rgba(245, 245, 245, 1);

    border-radius: 24px;

    padding: 15px 20px;

    color: rgba(62, 40, 17, 1);

    font-size: 14px;

    font-weight: bold;

}



.bus-address.bor0 {

    border-radius: 5px;

}



.bus-address .addr {

    flex: 1;

    overflow: hidden;

    margin-right: 20px;

}



.bus-address .name-phone {

    flex-shrink: 0;

}



.bus-address .name-phone span {

    display: inline-block;

}



.bus-address .name-phone span+span {

    margin-left: 14px;

}



.submit-order-btns {

    margin-top: 50px;

}



.submit-order-btns .layui-btn+.layui-btn {

    margin-left: 0;

    margin-top: 20px;

}



.success-wrap {

    max-width: 640px;

    margin: 0 auto;

    padding: 8% 20px;

    text-align: center;

}



.success-wrap .icon img {

    max-width: 150px;

}



.success-wrap .tt {

    color: rgba(54, 24, 37, 1);

    font-size: 24px;

    margin: 24px 0 36px;

    font-weight: bold;

}



.success-wrap .tt2 {

    color: rgba(54, 24, 37, 1);

    font-size: 18px;

    line-height: 1.7;

}



.success-wrap .tt2 p+p {

    margin-top: 10px;

}



.success-wrap .layui-btn {

    margin-top: 6%;

}



.graybg {

    background-color: rgba(245, 245, 245, 1);

}



.w1400 {

    max-width: 1440px;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;

}



/* new css */

.layui-laydate-footer span:hover {

    color: #B43229 !important;

}



.select-time {

    height: 59px;

    position: relative;

}



.select-time .tt {

    padding-bottom: 21px;

}



.select-time .time {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 99;

    left: 0;

    top: 0;

    padding-left: 65px;

    padding-top: 24px;

}



.banner-description {

    color: #361825;

    font-size: 16px;

    margin-top: 20px;

    line-height: 1.7;

}





/* 分类弹窗 */

.sortmask {

    padding: 20px 20px 60px;

}



.masklist {

    width: 300px;

    max-width: 100%;

    margin: 0 auto;

    background-color: #fff;

    border-radius: 10px;

    padding: 20px 0 !important;

    position: relative;

}



.masklist a {

    display: block;

    padding: 8px 20px;

    color: #361825;

    font-size: 16px;

}



.fixmenu {

    background-color: rgba(0, 0, 0, .7);

    text-align: center;

    color: #fff;

    position: fixed;

    width: 56px;

    height: 56px;

    border-radius: 50%;

    left: 50%;

    margin-left: -28px;

    bottom: 10px;

    z-index: 6999;

    padding-top: 6px;

    display: none;

    cursor: pointer;

}



.fixmenu img {

    display: inline-block;

    width: 20px;

    height: 20px;

}



.fixmenu span {

    display: block;

    margin-top: 4px;

    font-size: 12px;

}



.fixmenu .me {

    display: inline-block;

}



.fixmenu .close {

    display: none;

}



.fixmenu.on .me {

    display: none;

}



.fixmenu.on .close {

    display: inline-block;

}

.view-order-btn {
    position: fixed;
    right: 10px;
    bottom: 20px;
    background-color: #B43229;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    z-index: 2999;
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, .1);
    font-weight: bold;
    display: none;
}

.view-order-btn:hover {
    color: #fff;
}

.laydate-time-list ol {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.soonbtn {
    margin-top: 15px;
}

.soonbtn a {
    display: block;
    border: 1px solid transparent;
    background: #fff url(../images/cc1.png) no-repeat 22px center;
    background-size: 24px auto;
    border-radius: 10px;
    height: 50px;
    line-height: 48px;
    color: #361825;
    font-weight: bold;
    font-size: 14px;
    padding-left: 65px;
}

.soonbtn a.on {
    background-image: url(../images/cc2.png);
    border-color: #B43229;
    box-shadow: 0px 0px 10px 1px rgba(180, 50, 41, 0.2);
}

.accept-items {
    position: fixed;
    padding: 20px;
    background-color: rgba(0, 0, 0, .9);
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 8999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accept-items .text {
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
}

.accept-items .btns {
    flex-shrink: 0;
    font-size: 0;
    margin-left: 10px;
}

.accept-items .btns a {
    display: inline-block;
    font-size: 14px;
    height: 36px;
    padding: 0 15px;
    border-radius: 4px;
    margin-left: 10px;
}

.accept-items .btns .no {
    color: rgba(255, 255, 255, .8);
    border: 1px solid rgba(255, 255, 255, .8);
    line-height: 34px;
}

.accept-items .btns .yes {
    line-height: 36px;
    color: #fff;
    background-color: #B43229;
}

.accept-items .btns a:hover {
    opacity: .9;
}