.x_shopping_process {
    margin: 90px 0 20px
}

.x_shopping_process ul {
    display: flex;
    justify-content: center;
    align-items: center
}

.x_shopping_process ul li {
    display: flex;
    align-items: center
}

.x_shopping_process ul li i {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 25px;
    flex: none;
    line-height: 24px;
    text-align: center
}

.x_shopping_process ul li i.no_active {
    background: url("../img/new-img/checkout/icon_1.svg") center no-repeat;
    background-size: 100% 100%;
    flex: none
}

.x_shopping_process ul li i.is_active {
    background: url("../img/new-img/checkout/icon_2.svg") center no-repeat;
    background-size: 100% 100%;
    flex: none
}

.x_shopping_process ul li i.size_num {
    font-size: 16px;
    color: #464646;
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid #F0F0F0
}

.x_shopping_process ul li span {
    font-size: 20px;
    color: #464646;
}

.x_shopping_process ul li span.color_active {
    color: #BE9A66;
}

.x_shopping_process ul li p {
    width: 100px;
    height: 1px;
    background-color: #F0F0F0;
    margin-left: 25px;
}

.order-list tr th {
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 20px 0;
    vertical-align: middle
}

.order-list tr th:last-child {
    border-right: 0
}

.order-list tr td {
    width: 15%;
    text-align: center
}

.order-list tr td:first-child {
    width: 40%;
}

.order-list tr td .img {
    width: 100%;
    overflow: hidden;
}

.order-list tr td .img a {
    width: 100%;
    display: flex;
    align-items: center;
}

.order-list tr td .img img {
    width: 25%;
    margin: 5%;
}

.order-list tr td:last-child {
    width: 10%
}

.order-list tr td .order-btn {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url("../img/new-img/checkout/icon_3.svg")no-repeat;
    background-size: contain;
}

.order-list tr:first-child {
    font-size: 14px;
    color: #464646;
    text-align: center
}

.order-list tr:last-child td {
    border-right: 0;
    padding: 20px 0
}

.order-list-1 tr:last-child td {
    border-right: 1px solid #dfdfdf;
    padding: 0;
}

.order-list-1 tr:last-child td:last-child {
    border: 0
}

.order-list tr:last-child td:first-child {
    text-align: left;
    padding: 0 20px
}

.order-list-1 tr:last-child td:first-child {
    text-align: left;
    padding: 0 20px
}

.order-list-1 tr:last-child td:first-child {
    padding: 0
}

.order-list tr:last-child td:last-child {
    text-align: left;
}

.order-list-1 tr:last-child td:last-child {
    text-align: center
}

.order-list tr:last-child td span {
    font-size: 18px;
    color: #BE9A67;
    margin-left: 30px;
    font-weight: bold
}

.order-list tr td:first-child {
    text-align: left
}

.order-list tr td h5 {
    padding: 0 5px
}

.x_integral ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.x_integral li {
    width: 18%;
    margin: 0 2.5% 20px 0;
    padding: 0.5%;
    border: 2px solid transparent
}

.x_integral li:nth-child(5n) {
    margin-right: 0
}

.x_integral li a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.x_integral li a img {
    width: 100%;
}

.x_integral li a h5 {
    font-size: 16px;
    color: #464646;
    padding: 11px 0 9px;
}

.x_integral li a p {
    font-size: 18px;
    color: #BE9A67;
    padding-bottom: 13px;
}

.x_integral li:hover {
    border: 2px solid #BE9A66;
    transition: 0.3s
}

.x_individual_account .x_account_nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.x_individual_account .x_account_nav ul li a i {
    width: 29px;
    height: 1px;
    margin-top: 12px;
}

.x_individual_account .x_account_nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #464646
}

.x_individual_account .x_account_nav ul li.x_account_active a i {
    background-color: #BE9A67;
}

.x_individual_account .x_account_nav ul li.x_account_active a span {
    color: #BE9A66;
    font-size: 16px;
}

.x_coupon .x_coupon_list li {
    margin-bottom: 40px;
}

.x_coupon .x_coupon_list li .x_coupon_left h5 {
    font-size: 18px;
    color: #464646;
    padding-bottom: 18px;
}

.x_coupon .x_coupon_list li .x_coupon_left p {
    font-size: 12px;
    color: #898989;
    padding-bottom: 3px
}

.x_coupon .x_coupon_list li .x_coupon_right p {
    color: #464646
}

.x_coupon .x_coupon_list li .x_coupon_right h2 {
    font-size: 32px;
    color: #BE9A66;
    font-weight: bold;
    padding-top: 3px;
}

.x_coupon .x_coupon_list li i {
    width: 0;
    height: calc(100% - 32px);
    border: 1px dashed #DECCB2;
    margin: 0 5% 0 8%
}

.x_coupon .x_coupon_list li .x_coupon_txt {
    width: 100%;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../img/new-img/cuenta/coupon_block.svg")no-repeat;
    background-size: 100% 100%;
    padding: 0 10px;
}

.menu-item-3 .x_integral_txt {
    padding: 0 10px 17px;
}

.x_data_txt span {
    color: #898989;
}

.distribution_main {
    display: none
}

.x_in_distribution .x_distribution-border {
    border: 1px solid #DEDEDE
}

.x_in_distribution .x_shop {
    width: 48px;
    height: 44px;
    display: inline-block;
    background: url("../img/new-img/checkout/shop_icon_1.svg")no-repeat;
    background-size: contain;
}

.x_menudeldia {
    width: 48px;
    height: 44px;
    display: inline-block;
    background: url("../img/new-img/checkout/menudeldia.svg")no-repeat;
    background-size: contain;
}

.x_in_distribution .x_distribution_active .x_shop {
    width: 48px;
    height: 44px;
    display: inline-block;
    /*background: url("../img/new-img/checkout/shop_icon.svg")no-repeat;*/
    background-size: contain;
}

.x_in_distribution .x_motorcycle {
    width: 64px;
    height: 44px;
    display: inline-block;
    background: url("../img/new-img/checkout/motorcycle_icon_1.svg")no-repeat;
    background-size: contain;
}

.x_in_distribution .x_distribution_active .x_motorcycle {
    width: 64px;
    height: 44px;
    display: inline-block;
   /* background: url("../img/new-img/checkout/motorcycle_icon.svg")no-repeat;*/
    background-size: contain;
}

.x_in_distribution .x_distribution_active p {
    font-size: 16px;
    color: #BE9A66
}

.x_in_distribution .x_distribution_active {
    border: 1px solid #BE9A66
}

.x_add_border {
    border: 1px solid #DEDEDE;
    padding: 24px 32px;
}

.x_address {
    position: relative;
    padding: 0 30px;
    border: 1px solid #DEDEDE
}

.x_address p {
    padding: 12px 0;
    display: flex;
    align-items: center
}

.x_address p span {
    font-size: 16px;
    color: #464646;
    padding-left: 10px;
}

.x_address_active .x_address {
    border: 1px solid #BE9A66
}

.x_address .x_address_default {
    display: none
}

.x_address_active .x_address_default {
    position: absolute;
    bottom: -5px;
    right: -1px;
    display: block
}

.x_pay_info {}

.x_pay_info ul {}

.x_pay_info ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #F0F0F0
}

.x_pay_info ul li:last-child {
    border: 0
}

.x_pay_info ul li span {
    color: #BE9A67;
    font-size: 14px;
}

.x_pay_info ul li h5:last-child {
    color: #BE9A67;
    font-size: 18px
}

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

.x_order_progress ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.x_order_progress ul li i {
    width: 60px;
    height: 60px;
    display: block;
    flex: none
}

.x_order_progress ul li:nth-child(1) i {
    background: url("../img/new-img/checkout/progress _icon_1_1.svg") center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(3) i {
    background: url("../img/new-img/checkout/progress _icon_2_1.svg") center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(5) i {
    background: url("../img/new-img/checkout/progress _icon_3_1.svg") center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(7) i {
    background: url("../img/new-img/checkout/progress _icon_4_1.svg") center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(1).progress_active i {
    background: url("../img/new-img/checkout/progress _icon_1.svg")center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(3).progress_active i {
    background: url("../img/new-img/checkout/progress _icon_2.svg")center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(5).progress_active i {
    background: url("../img/new-img/checkout/progress _icon_3.svg")center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(7).progress_active i {
    background: url("../img/new-img/checkout/progress _icon_4.svg")center no-repeat;
    background-size: 100% 100%;
}

.x_order_progress ul li:nth-child(1).progress_active p {
    color: #BE9A66
}

.x_order_progress ul li:nth-child(2n) {
    width: 110px;
    height: 2px;
    background-color: #F0F0F0;
    margin-bottom: 46px
}

.x_order_progress ul li p {
    color: #9F9F9F;
    font-size: 24px;
}

.Visa_input {
    display: none
}

.x_personal-info {
    display: flex;
    justify-content: center;
    align-items: center
}

.x_personal-info p {
    font-size: 16px;
    color: #464646
}

.x_personal-info i {
    width: 1px;
    height: 12px;
    background-color: #DEDEDE;
    margin: 0 24px;
    font-family: Lora
}

.x_address_content {
    position: relative
}

.x_address_content:hover .x_operation {
    opacity: 1;
    z-index: 3;
    transition: all 0.5s
}

.x_operation {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    opacity: 0
}

.x_operation_btn {
    position: relative;
    z-index: 2
}

.x_operation_btn button {
    margin: 0 10px
}

.x_order_main {
    position: relative;
    width: 100%;
    border: 1px solid #dfdfdf;
    max-height: 561px;
    overflow-y: auto
}

.x_order_main tr {
    border: 1px solid #dfdfdf;
}

.x_order_main tr th {
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 30px 0
}

.x_order_main tr th:last-child,
.x_order_main tr td:last-child {
    border-right: 0;
}

.x_order_main tr td a {
    color: #464646;
    padding: 30px 5px;
    display: block
}

.x_order_main tr td:last-child a {
    color: #BE9A66
}

.x_order_main tr td {
    width: 20%;
    word-break: break-word;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    text-align: center;
}

.x_order_main_01 tr td {
    padding: 30px 5px;
}

.x_order_main tr:last-child td {
    border-bottom: 0
}

.x_order_info ul li {
    padding: 10px 0
}

.x_order_info ul li p {
    font-size: 14px
}

.x_order_info ul li:first-child {
    border-bottom: 1px solid #be9a665c;
    padding-bottom: 20px;
}

.x_order_info ul li:last-child h6:last-child {
    color: #BE9A67
}

.x_integral_info tr:last-child {
    border: 0
}

.x_integral_info tr:last-child td {
    border: 0
}

.x_integral_info tr:last-child td:nth-child(3) {
    text-align: right
}

.x_integral_info tr:last-child td:last-child {
    font-size: 18px;
}

.font-color {
    color: #BE9A67
}

.x_personal_center {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.pc-show {
    display: none
}

/*点餐css*/
.actives {
    border-bottom: 1px solid #3190e8;
    color: #3190e8;
}

.content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* display: none; */
    position: relative;
}

.content .left {
    position: fixed;
    top: 100px;
    left: 0;
    bottom: 0;
    height: 100%;
    float: left;
    width: 25%;
    background: white;
    overflow: hidden;
}

.content .left ul {
    height: calc(100% - 63px);
    /*white-space: nowrap;*/
    overflow-x: scroll;
    list-style: none;
}

.content .left ul li {
    padding: 15px 5px;
    text-align: center;
    font-size: 14px;
    color: #f5811e;
    font-family: auto;
    border: 1px solid #dddddd
}

.content .active {
    background: #f5811e;
    border-left: 2px solid #ff9393;
    color: white !important;
    font-family: auto;
}

.content .right {
    float: left;
    width: 75%;
    height: calc(100% - 63px);
    max-height: calc(100% - 63px);
    margin-left: 25%;
    overflow: hidden;
}

.content .right ul {
    list-style: none;
    overflow-y: scroll;
}

.content .right ul li {
    overflow: hidden;
    list-style: none;
    padding-bottom: 20px;
}

.content .class-title {
    padding: 7px 10px;
    background: #f5811e;
    color: white;
    text-transform: uppercase;
    font-family: auto;
}

.content .goods-item {
    min-height: 300px;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.content .item {
    overflow: hidden;
    width: 100%;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.content .item-left {
    float: left;
}

.content .item-right {
    float: left;
    padding: 0 10px;
}

.content .item-img {
    width: 100px;
    height: 100px;
    background: #eee;
}

/*.content .title{*/
/*    width: 100px;*/
/*    height: 20px;*/
/*    margin-top: 10px;*/
/*    background: #eee;*/
/*}*/
.content .subtitle {
    width: 70px;
    height: 20px;
    margin-top: 10px;
    background: #eee;
}

.content .price {
    width: 50px;
    height: 20px;
    margin-top: 10px;
    background: #eee;
}

@media (min-width: 1024px) and (max-width: 1024px) {
    .x_coupon .x_coupon_list li i {
        margin: 0 5px 0 11px;
    }
}

@media (min-width: 420px) and (max-width: 769px) {
    .x_shopping_process ul li p {
        width: 20px;
    }

    .x_shopping_process ul li span {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .col-md-1-5 {
        min-height: 1px;
        padding-left: 12px;
        padding-right: 12px;
        position: relative;
        width: 20%;
        float: left;
    }
}

@media (max-width: 420px) {

    /*.order-list{width: 600px;}*/
    .order-list tr th,
    .order-list tr td,
    .order-list .h5.sm,
    .order-list tr td h5 {
        font-size: 12px;
    }

    .order-list tr td h5 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: break-word
    }

    .order-list tr td {
        padding: 5px 0
    }

    .order-list tr:last-child td:first-child {
        padding: 0 5px
    }

    .order-list-1 tr:last-child td:first-child {
        padding: 0
    }

    .order-list tr:last-child td:last-child {
        text-align: center
    }

    .x_shopping_process ul li p {
        width: 10px;
        height: 2px;
        margin-left: 15px
    }

    .x_shopping_process ul li span {
        font-size: 14px;
    }

    .x_shopping_process ul li span {
        display: none
    }

    .x_shopping_process ul li i {
        margin-left: 15px
    }

    .x_xs_block {
        display: block !important;
    }

    .x_order_progress ul li i {
        width: 40px;
        height: 40px
    }

    .x_order_progress ul li:nth-child(2n) {
        display: none
    }

    .x_order_progress ul li p {
        font-size: 14px;
    }

    .x_coupon .x_coupon_list li i {
        height: calc(100% - 40px);
    }

    .x_order_main tr td a {
        padding: 15px 5px
    }

    .x_order_main tr th,
    .x_order_main tr td {
        font-size: 12px;
        vertical-align: middle
    }

    .order-list tr:last-child td span {
        margin-left: 10px
    }

    .x_personal-info {
        flex-direction: column
    }

    .x_personal-info p {
        padding: 10px 0;
    }

    .x_personal-info i {
        display: none
    }
}

@media (max-width: 320px) {
    .x_individual_account .x_account_nav ul li span {
        font-size: 14px
    }

    .x_individual_account .x_account_nav ul li.x_account_active span {
        font-size: 14px
    }

    .x_coupon .x_coupon_list li .x_coupon_left h5 {
        font-size: 14px;
    }

    .x_coupon .x_coupon_list li .x_coupon_right h2 {
        font-size: 24px
    }

    .x_order_info ul li p {
        font-size: 12px
    }

    .x_pay_info ul li span {
        font-size: 12px;
    }
}





.col-lg-12.col-md-12.col-xs-122 {
    background: #be9a66;
    padding: 15px 0;
    border-radius: 15px;
}

.col-lg-2.col-md-3.col-xs-122 {
     background: #be9a66; 
    padding: 15px 0;
    border-radius: 15px;
    width: 60%;
    margin: 25px 10px 25px 30%;
}


@media(max-width:768px) {
    .shop-card-item_mobile {
        /*display:block!important;	*/
        display: block !important;
        background: #bf9243;
        color: white;
        padding: 7px;
        border-radius: 5px;
        width: 50px;
        height: 50px;
    }

    .shop-number_top {
        /*color: white;
    background: #be9a66;
    border-radius: 500px;
    width: 15px;
    font-size: 10px;
	line-height:15px;
    height: 15px;
    text-align: center;
    margin-top: -10px;
    margin-left: 10px;*/
        color: white;
        background: #000000;
        border-radius: 500px;
        width: 20px;
        font-size: 10px;
        line-height: 20px;
        height: 20px;
        text-align: center;
        margin-top: -36px;
        position: inherit;
        /* position: absolute; */
        margin-left: 16px;
    }
}


.image-hover h5 {
    color: black;
    font-size: 12px;
}


.menu-filter {
    margin-left: 30px;
}


.tt.h5.color-22 {
    background: #be9a66;
    text-align: center;
    color: white;
    padding: 5px 0;
    cursor: pointer;
    margin: 15px 0 15px 0;
    border-radius: 10px;
}


.number_count {
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin-top: -15px;
}


.logo-type-2 {
    margin-left: 30px;
}

.col-md-66.col-xs-66 {
    width: 50%;
    margin: 0 auto;
}

.col-md-122 {
    text-align: center;
}

@media (max-width: 768px) {
    .col-md-66.col-xs-66 {
        width: 90%;
        margin: 0 auto;
    }

    .col-md-122 {
        text-align: center;
    }
}


@media (min-width: 994px) and (max-width: 1514px) {
    .header-style-5 .logo .logo-type-2 {
        display: none !important;
    }

    @media (min-width: 1200px) and (max-width: 1300px) {
        .header-menu>li>a {
            margin: 0px 1vw !important;
            font-size: 1vw !important;
        }
    }
}