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

    .pricing-60{padding:60px 0}
    .box-tab .box-tab-title li {
        height: 50px;
        line-height: 50px;
        width: 120px;
        font-size: 18px;
        margin-right: 20px;
    }
    .box-tab-title{border: 0 !important;height:55px;}
    .box-tab-title li{height:50px;line-height:50px; width:120px;font-size:18px;margin-right:20px}
    ul.price{
        margin-top: 20px;
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
        z-index: 1;
        align-items: center;
    }
    ul.price li{
        position: relative;
        width: 230px;
        height: 138px;
        border: 2px solid #faecd4;
        border-radius: 12px;
        display: block;
        cursor: pointer;
        margin-right: 20px;
        text-align: center;
    }
    .box-tab-title li:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 50px;
        border: 2px solid #faecd4;
        box-sizing: border-box;
        pointer-events: none;
        border-radius: 16px;
    }
    .box-tab-title .box-this:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 50px;
        border: 2px solid #ffc617;
        box-sizing: border-box;
        pointer-events: none;
        border-radius: 16px;
    }
    .sm {
        line-height: 25px;
        color: #16b777;
        font-size: 16px;
    }
}
@media only screen and (max-width: 1199px) {
    .pricing-60{padding:40px 0}
    .box-tab .box-tab-title li {
        height: 40px;
        line-height: 40px;
        width: 120px;
        font-size: 18px;
        margin-right: 5px;
    }
    .box-tab-title{border: 0 !important;height:45px;}

    ul.price{
        margin-top: 20px;
        box-sizing: content-box;
        display: grid;
        grid-template-columns: 45% 45%;
        gap:5%;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%;
        z-index: 1;
        align-items: center;
    }
    ul.price li{
        position: relative;

        height: 138px;
        border: 2px solid #faecd4;
        border-radius: 12px;
        display: block;
        cursor: pointer;
        text-align: center;
    }
    .box-tab-title li:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 40px;
        border: 2px solid #faecd4;
        box-sizing: border-box;
        pointer-events: none;
        border-radius: 16px;
    }
    .box-tab-title .box-this:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height:40px;
        border: 2px solid #ffc617;
        box-sizing: border-box;
        pointer-events: none;
        border-radius: 16px;
    }
    .sm {
        line-height: 25px;
        color: #16b777;
        font-size: 16px;
        margin-top: 40px;
    }
}
.box-tab-title .box-this {
    color: #7e4f11;
    font-weight: 700;
    background: rgba(255, 224, 110, .2);
}



ul.price li.active{
    top: -1px;
    border: 2px solid #ffc617;
    background-color: rgba(255, 224, 110, .2);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAABQBJREFUeF7tml9MW1Ucx7/ntrQUyn+BydCmE0rYnwqjNZq4OLI5jA8mPvs01AdJfPHVuCwzvvpixMRE33w2MTGRbAubLnGxdHRlA1oIpLMrFigDSsf67x5zbocC3gu37b2dt73ntef+7vl+zvd3zu+cXgKZjdLLJsw/HASffQeUHgdIB4AOgFplhvhfdyOHjY4ujhxBOnkJlH8PFPWH9dfq75Ig6NzHZtDEp+DpJwBqtSpQ7rhFQQguSG3/CIpX5QbSer//gKCzHzhB+J9BaafWxeUz/j0gck544qk0CAzYPyCENYHfulFJ6bDbMf+CCA5fAU8/y8dO5dRXACGkRHJ7vhJ2B6nJy4EIvj8Knv+onGY4Xy1EqBiDoZVyLpbkQCF07sMhZDO/yOlczn0IDQx/DUpHylmkHG2Ezl4cB3BWTudy7kPo7HAAoI5yFilHGwMRL5ejtBzBktsnnb1IiwlQLs+yNUIHwc4aOoicp3UQT3Nb4yBYVh962yhrGdMsCMrz8N30o/lIE2y9NlliD+qkSRAMgv+3e4iGooK27v4u2E/Zi4KhQRAUU7fuY2lhaY9wBoIBKbRpDsT07RmEg2FRvbbeF9Hj7imIhaZABCYCCE0/kBTa0tGC/sE+cAYubxiaATE3OY/FqUVJgY1tjRg43w+D0Zg3BM3UEQwAAyHV6lvq4XpzAEZTYRA0ASI0E0LAE5SEUNdcBzeDYK4qyAk7D6mSGmx7SyXTMFvMRQ0uPBfG9O8zkjGsDbVwDblgqjYV9R5VHJHb46cQX9uCe8gFc01hMCILEdy7dV9SYE1dTVHx9wdW1BF8JitUe6sPV4X3FDpj0QdR+H+dAuXFD8YWazVcF1ywWC1FO0Hx1MhmMvCN30VsaW3P4PLN4ZXwCnzjflDKi4pk6cacVlNfoxgExVKDz/KYuOrF+vK66ODkruprSzHcue4Dz4tDYGuBe2gAtQ3Kf5uiWGrM++ax4C98n1+PPoL3+iSymawoTKOpCq8MDcDaVKeoExRPDRYw4AkgNJN/5be5uoGJa3eQSWUkIBjhOn8a9c81qAJBsdTYPbqDzgKsX9sLrXj5DScIlyuDtx7F8ceYF5lUWlSkwWjAwLl+NLY3qQZBFRCA+Olwt4p2WzucZ07icfwxPGNepJ6kREVyHIfT5/rQ/HyLqhBUAgHsvy8QU9Fua8P68gaS20lRkYRw6Bt0orWzVXUIqoFggRmMuzf9WP5zJW8hhCNwnjkF5pxSNcV2DbEBs211ctyHWCSWl56Tr59AxzH2GWfpmqogmAxWaHmvTUrWGPulHn+tF53dpf+OTXUQTCjbFlnBtRnbPHCKe9wORS5iC/FRSUAIMJJpeK56EV+Li45TiQvYQgDsPFMyEOyFbJv0jE0gsZHYM+ZjTju6+gq/eC0GwDMBwV6aTqYw6wliJbwKk7kK9hM2HHWUfk3YD6+kjlBi5tSKoYN4SlYHoYPYm2S6IwQeJK6DyIEI6iByGXJDByEYgozqIBgIg/EtHQTBJhy2Vh0Ex31DHN+NVDqIBMyWLmIf/auyQXDkc+L4/pKwXlbsB6cEt8FZz5Lur4Tb48oEQUgYpmo3S4lndh+h1jFadlwGwWh8m7z07dTuZyrLESwdTJZ3dzuh0hyRAEe+BKn9YmdNqKwbKlYsEe4HVJmviLmgTFODbAGIADQCQqbBGX5C19FxQi6L/7G6zxJ/A9MHNyyRwvZcAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 33px 33px;
}
ul.price li .price_title{padding-top: 24px;
    line-height: 16px;
    color: #7e4f11;
    font-size: 16px;
    font-weight: 700;}
ul.price li .price_num{ color: #ff622c;margin-top:8px;font-size:18px;font-weight:700}
ul.price li .price_num span{
    color: #ff622c;
    margin-left: 4px;
    font-size: 34px;
}
ul.price li .price_u{font-size:16px;margin-top: 8px;}
ul.price li .price_num .original-price {
    color: #909199;
    margin-left: 8px;
    text-decoration: line-through;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
}
.set-meal-label {
    min-width: 94px;
    position: absolute;
    background: linear-gradient(270deg, #fc8839, #ff622c);
    box-shadow: 0 4px 5px -2px rgba(255, 86, 28, .69);
    left: -1px;
    height: 28px;
    line-height: 28px;
    top: -14px;
    border-radius: 14px 14px 14px 3px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 0 11px 0 13px;
}
.xy{line-height:25px;margin-top: 25px}
.box-tab-content {
    padding: 25px 0;
}

.vip_btn {
    width: 160px;
    height: 44px;
    line-height: 44px;
    background: linear-gradient(270deg, #fc8839, #ff622c);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    margin-top: 14px;
    font-weight: 500;
    font-size: 16px;
}
