body {
    font: 15px/1.5 \5FAE\8F6F\96C5\9ED1, \9ED1\4F53, Arial, sans-serif, Verdana, Tahoma, Helvetica;
}

html,
body {
    height: 100%;
    margin: 0 auto;
}

.el-row {
    margin-bottom: 0px;

    &:last-child {
        margin-bottom: 0;
    }
}

.el-col {
    border-radius: 4px;
}

.bg-purple-dark {
    background: #99a9bf;
}

.bg-purple {
    background: #d3dce6;
}

.bg-purple-light {
    background: #e5e9f2;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
}

.line-1-3 {
    text-align: right;
}

.top_box {
    /*position: fixed;*/
    width: 100%;
    padding: 0 40px;
    height: 80px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.login_btn {
    width: 80px;
    padding: 6px 8px !important;
    background-color: #6181CC;
    border-color: #6181CC;
}

.login_btn:hover {
    background-color: #6181CC;
    border-color: #6181CC;
}

.banner_img {
    width: 100%;
}

.max_height {
    height: 100%;
}

.banner_box {
    margin-bottom: 0px;
}

.main_box {
    position: relative;
    top: -40px;
}

.main_box,
.main_info,
.max_height {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.main_info {
    border-radius: 10px;
    background-color: rgba(234, 202, 138, 0.68);
    box-shadow: 0 2px 10px rgba(234, 202, 138, 0.68);
    padding: 20px 0;
}

.main_info_left,
.main_info_right {
    display: flex;
    align-items: center;
}

.main_info_left img {
    margin-right: 10px;
}

.main_right_login {
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 3px 0;
}

.main_right_login:hover {
    background-color: #f0f0f0;
}

.main_right_login_link {
    color: red;
    text-decoration: none;
}

.main_top_box {
    margin-bottom: 0px;
}

.main_commodity {
    border-radius: 10px;
    padding: 10px 0 20px 0;
}

.main_shop_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-width: 310px;
    margin-top: 10px;
    padding: 10px 0px 10px 20px;
}

.main_shop_div {
    display: flex;
    flex-direction: column;
    width: calc((100% - 110px)/5);
    min-width: 200px;
    max-height: 258px;
    -webkit-margin-end: 20px;
    margin-inline-end: 20px;
    margin-bottom: 22px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px rgba(42, 42, 42, .06);
    border: 1px solid #C7911B;
}

.main_shop_div_but {
    padding: 0 10px;
    position: relative;
    margin-bottom: 10px;
}

.zhe_box {
    position: absolute;
    right: 7%;
    top: -43%;
}

.save_desk {
    background-color: #F8F8F8;
    vertical-align: top;
}

.main_shop_div_txt {
    margin: 5px 0;
}

.main_shop_div_but_link {
    width: 100%;
    font-weight: bold;
    color: #78540B;
    background-color: #E9C577;
    border-color: #E9C577;
}

.main_shop_div_but_link:hover {
    background-color: rgb(123, 151, 215);
    border-color: rgb(114, 141, 204);
}

.main_shop_div {
    transition-duration: 0.5s;
}


.main_shop_div:hover {
    -webkit-box-shadow: #ccc 0px 10px 10px;
    -moz-box-shadow: #ccc 0px 10px 10px;
    box-shadow: #ccc 0px 10px 10px;
}

.main_shop_div_img {
    border-radius: 23px 23px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/static/jxlmtPay/img/shop_bg.png") no-repeat;
    background-size: 100% 100%;
    min-height: 4.5rem;
    max-height: 200px;
}

.main_shop_div_img img {
    border-radius: 23px 23px 0 0;
    width: 100%;
    max-height: 230px;
}


.main_czsm_box {
    padding: 10px;
    text-align: left;
}

.main_czsm_txt2 {
    padding-left: 10px;
    list-style-type: none;

}

.main_czsm_txt2 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background-color: #AEAEAE;
    border-radius: 50%;
}


.footer_box {
    margin: 0 !important;
    padding-bottom: 30px;
}

.f_left_txt,
.f_left_txt a {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    /*color: #999999;*/
    line-height: 20px;
}

.f_left_txt a {
    text-decoration: none;
}

.f_right_box {
    display: flex;
    align-items: center;
    width: 200px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.f_right_div img {
    margin-right: 10px;
}

.f_right_txt1 {
    /*color: #666;*/
    width: 70px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 20px;
}


.f_right_txt2 {
    /*color: #999999;*/
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}

.f_right_div img {
    vertical-align: bottom;
}

.f_right_main {
    max-width: 560px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dia_login_img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.login-ruleForm input {
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-radius: 0;
}

.el-form-item__content {
    margin-left: 0 !important;
}

.verify-code-container {
    display: flex;
    align-items: center;
}

.main_info_txt1 {
    display: inline-block;
    font-family: PingFangSC, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 18px;
    white-space: nowrap;
}

.main_info_txt2 {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: 16px;
    margin-top: 4px;
}

.log_tip {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #333;
}

.pr {
    position: relative;
}

.code-btn {
    width: 100px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 222;
    color: #48A2FF;
    font-size: 14px;
    border: none;
    border-left: 1px solid #bababa;
    padding-left: 10px;
    background-color: #fff;
    cursor: pointer;
}

.md_30_txt {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.66667;
    list-style: none;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
}

.xieyi {
    text-decoration: none;
    color: #48A2FF;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-radius: 50%;
    background-color: #6181CC;
    border-color: #6181CC;
}

.el-checkbox__inner {
    border-radius: 50%;
}

.md_30_box {
    margin-bottom: 5px;
}

.xieyi_box {
    display: flex;
    flex-flow: row wrap;
    min-width: 0;
}

.shop_img_box {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    font-size: 30px;
    text-align: center;
}


.shop_left {
    padding: 0 10px 10px 10px;
}

.shop_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop_top_left {
    display: flex;
    align-items: center;
    background-color: #F8F8F8;
    padding: 10px;
    border-radius: 10px;
}

.role_name {
    margin-inline-end: 10px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bolder;
    color: #343434;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.role_id {
    white-space: nowrap;
    flex: 1 0;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A1A1A1;
}

.role_qufu {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A1A1A1;
    line-height: 17px;
}

.shop_left_main {
    margin-top: 10px;
    background-color: #F8F8F8;
    height: 400px;
    border-radius: 10px;
    padding: 10px;
}

.shop_left_txt1 {
    padding: 12px 10px 0;
    font-size: 12px;
    color: #727272;
    line-height: 16px;
    margin-bottom: 10px;
}

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

.shop_main_img img {
    border-radius: 12px;
    width: 3rem;
}

.shop_main_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: url("/static/jxlmtPay/img/shop_bg.png") no-repeat center;
    background-size: 100% 100%;
    /*padding: 25px 10px 15px 10px;*/
    border-radius: 10px;
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    width: 20px;
    font-size: 15px;
    border-radius: 50%;
    height: 20px;
    border: 1px solid #6181CC;
    background-color: #6181CC;
    color: #fff;
    text-align: center;
}

.el-input-number--small {
    line-height: 20px;
    width: 80px;
}

.el-input-number--small .el-input-number__decrease {
    background-color: #fff;
    color: #6181CC;
}

.el-input-number--small .el-input__inner {
    border: none;
    background-color: #F8F8F8;
    padding: 0;
    height: 25px;
    line-height: 25px;
}


.el-input-number--small_active {
    background-color: #6181CC !important;
    color: #fff !important;
}

.el-input-number--small_noActive {
    background-color: #fff !important;
    color: #6181CC !important;
}

.shop_name {
    color: #333333;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}


.shop_price {
    color: #6181CC;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
}

.shop_main_right_txt1 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #707070;
    line-height: 12px;
}


.el-radio__input {
    display: none;
}

.shop_main_right_pay img {
    max-width: 40%;
    max-height: 30px;
    vertical-align: middle;
}

.shop_main_right_pay {
    display: flex;
    flex-direction: column;
}

.shop_main_right_pay .wechat,
.shop_main_right_pay .alipay {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 10px 0 10px 0 !important;
    padding: 0 !important;
    text-align: center;
}

.el-radio.is-bordered.is-checked {
    border-color: #FFB400;
    background-color: #FFF6EC;
}

.shop_main_right {
    background-color: #F8F8F8;
    padding: 10px;
    border-radius: 10px;
}

.shop_right_foot {
    background-color: #F8F8F8;
    margin-top: 10px;
    height: 290px;
    border-radius: 10px;
    position: relative;
    padding: 10px;
}

.shop_right_foot_box1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}

.shop_right_foot_txt1 {
    color: #666666;
    min-width: 70px;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    font-size: 12px;
    font-weight: 500;
}

.shop_right_foot_txt2 {
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    color: #666666;
}

.shop_right_foot_txt3 {
    font-size: 14px;
    font-weight: bold;
    font-family: PingFangSC, PingFang SC;
    color: #D64747;
}

.shop_right_foot_txt4 {
    color: #D64747;
    font-size: 18px;
    font-weight: 700;
}

.shop_right_foot_sub {
    width: 100%;
    position: relative;
    bottom: -155px;
    background-color: #6181CC;
}

.change_login {
    text-align: right;
    margin-bottom: 10px;
}

.main_right_login_role {
    display: flex;
    justify-content: space-between;
    background-color: #f6f6f6;
    width: 100%;
    padding: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.role_dropdown {
    cursor: pointer;
    margin-left: 5%;
}

.role_dropdown_info {
    text-align: center;
    padding: 0;
}

.sc_box {
    vertical-align: super;
    background-color: #F8F8F8;
}

.maskTxt {
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0;
    color: #A1A1A1;
}

.logout_box {
    border-top: 1px solid #E4E4E4;
    background-color: #F2F2F2;
    padding: 10px 20px
}

.maskicon {
    margin-right: 5px;
}

.logout_box img {
    margin-right: 5px;
}

.svg_main_box {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 2rem;
}


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

.gwpBg___Il_7U {
    position: absolute;
}

.gwpText___qSce5 {
    position: relative;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #524D7A;
    font-size: 14px;
    line-height: 20px;
}

.o_txt1 {
    line-height: 24px;
    font-size: 18px;
    color: #303133;
    text-align: center;
}

.o_txt2 {
    line-height: 24px;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-bottom: 10px;

}

.o_txt3 {
    line-height: 24px;
    font-size: 18px;
    color: #FD751C;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.pay_dia_box {
    min-width: 600px;
    min-height: 300px;
    display: flex;
    margin: 0 auto;
}

/*.ali_pay_dia {*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*}*/

.ali_pay_back {
    width: 50%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 20px;
    padding: 15px 0;
}

.shop_yuanjia {
    text-decoration: line-through;
    font-size: 12px;
    color: #fbf0f0;
}

.main_shop_div_but .el-button.is-round {
    padding: 12px 20px;
}


.sc-dialog-box {
    background-color: transparent;
}

.sc-dialog-box span {
    display: block;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 5px 0;
}

.sc-dialog-box img {
    border-radius: 10px;
}

.sc-dialog {
    background-color: #000000b3;
}

.sc_close {
    width: 100%;
    background-color: transparent;
}

/* 在小屏幕上应用的样式（移动端样式） */
@media screen and (max-width: 768px) {
    .main_info_box2 {
        flex-direction: column;
    }

    .main_info_right {
        margin-top: 20px;
    }

    .main_shop_box {
        padding: 0;
        justify-content: space-evenly;
    }

    .main_shop_div {
        width: calc((100% - 50px)/2);
        min-height: 150px;
        min-width: 150px;
        margin-right: 0 !important;
    }

    .shop_max_box {
        margin-left: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .padding_0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer_box_col {
        margin-left: 0;
    }

    .footer_box_row {
        display: flex;
        flex-direction: column-reverse;
    }

    .f_right_box {
        width: calc((100% - 50px)/2);
    }

    .footer_box_col2 {
        text-align: center;
    }

    .main_col_box {
        margin-left: 0;
    }

    .main_info {
        padding: 10px 0;
    }

    .shop_dialog .el-dialog {
        width: 100% !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .login_dialog .el-dialog {
        width: 90% !important;
    }

    .xieyi_box .el-checkbox__input {
        /*vertical-align:top;*/
    }

    .md_30_txt {
        text-wrap: wrap;
    }

    .shop_left_main {
        height: inherit;
    }

    .othner_link {
        font-size: .25rem;
    }

    .mobile_tip .m_txt1 {
        color: #535252;
        min-width: 70px;
        -webkit-margin-end: 8px;
        margin-inline-end: 8px;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
    }

    .shop_main_img {
        margin: 10px 0 30px 0;
    }

    .shop_main_right {
        margin-top: 10px;
    }

    .shop_main_right_pay .wechat,
    .shop_main_right_pay .alipay {
        width: 48%;
        border-radius: 10px;
    }

    .shop_left_txt1 {
        font-size: 14px;
        color: #5D5D5D;
        margin-bottom: 0;
    }

    .shop_main_right_pay {
        flex-direction: initial;
        justify-content: space-between;
    }

    .shop_main_right_txt1 {
        font-size: 14px;
        color: #5D5D5D;
        margin-bottom: 5px;
    }

    .shop_main_right_pay img {
        max-width: 60%;
    }

    .shop_right_foot {
        height: inherit;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        z-index: 2;
    }

    .shop_right_foot {
        background-color: #fff;
        box-shadow: 0px -5px #f2f2f26b;
        border-radius: 15px 15px 0 0;
        /* 左上和右上角圆角为 10px */
    }

    .shop_right_foot_sub {
        bottom: 0;
        width: auto;
        background-color: #6181CC;
        border-color: #6181CC;
        padding: 0 10px;
    }

    .shop_right_foot_txt4,
    .shop_right_foot_txt3 {
        font-size: 16px;
        color: #D33333;
    }

    .shop_right_foot_txt2 {
        font-size: 16px;
    }

    .shop_right_foot_box2 {
        margin-left: 10px;
    }

    .shop_right_foot_sub {
        margin-right: 10px;
    }

    .mobile_dia_row {
        margin-bottom: 0;
    }

    .svg_main_box {
        left: -8px;
    }

    .f_info_div {
        /*display: none;*/
    }

    .shop_dialog {
        top: initial;
    }

    .shop_gv_dia {
        top: 0;
    }

    .msgbox {
        width: 320px !important;
    }

    .sc_box {
        padding: 5px 10px !important;
    }

    .banner_box .grid-content {
        background: url("/static/jxlmtPay/img/banner.png");
        height: 8rem;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .main_box {
        top: 15px;
    }

    .main_shop_div_img {
        /*height: 170px;*/
    }

    .main_shop_div_img img {
        width: 3.5rem;
    }

    .gwpBg___Il_7U {
        position: absolute;
        left: -20px;
    }

    .box {
        position: relative;
        top: -2.1rem;
        background: url("/static/jxlmtPay/img/bg.jpg");
        background-size: 100% auto;
        background-position: bottom;
    }

    .czhl_box {
        text-align: center;
        margin-bottom: .5rem;
        margin-top: 1rem;
    }

    .czhl_box img {
        width: 6rem;
    }

    .svg_box2 {
        background: url("/static/jxlmtPay/img/jfk.png");
        background-size: 100% 100%;
    }

    .svg_main_box2 {
        position: absolute;
        top: 10px;
        right: -5px;
        width: 2rem;
    }

    .svg_box3 {
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(/static/jxlmtPay/img/jfk.png);
        background-size: 100% 100%;
    }

    .jf_txt {
        position: relative;
        font-family: PingFang SC, PingFang SC;
        font-weight: bold;
        color: #83642A;
        font-size: 14px;
        line-height: 20px;
    }

    .shl_box {
        text-align: center;
        /*margin-top: 1rem;*/
    }

    .shl_box img {
        width: 9rem;
    }

    .shl_box.lcb_title img {
        width: 5rem;
        /*height: 1.5rem;*/
    }

    .card_box {
        position: relative;
    }

    .card_box .el-tabs__item.is-active {
        color: #4A4A49;
        font-weight: bold;
        background-color: #FFF387 !important;
    }

    .card_box .el-tabs__item {
        color: #fff;
        font-weight: bold;
        background-color: #EBBC4A;
    }

    .el-tabs__nav {
        width: 100%;
    }

    .card_box #tab-0 {
        border-radius: 0.3rem;
        width: 35%;
        text-align: center;
        padding-bottom: 3rem;
    }

    .el-tabs--card>.el-tabs__header,
    .el-tabs--card>.el-tabs__header .el-tabs__item,
    .el-tabs--card>.el-tabs__header .el-tabs__nav {
        border: 0;
    }

    .card_box #tab-1 {
        text-align: center;
        border-radius: 0.3rem;
        padding-bottom: 3rem;
        width: 65%;

    }

    .crad_main_box {
        margin-top: .5rem;
    }

    .card_box .el-tabs__content {
        min-height: 7rem;
        background: url("/static/jxlmtPay/img/card_main_bg.png") top no-repeat;
        background-size: 97% auto;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        padding: 0 .5rem;
        position: relative;
        top: -2.15rem;
        z-index: 2;
        padding-bottom: .5rem;
    }

    .height_1 {
        height: 1.6rem;
    }

    .mr_box1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .mr1_txt1 {
        font-size: .35rem;
        color: #ECBD4E;
    }

    .mr1_txt2 {
        font-size: .35rem;
        font-weight: bold;
        color: #D8B96B;
    }

    .rm1 {
        display: flex;
        align-items: center;
        margin-top: .3rem;
    }

    .rm1 img {
        width: 5rem;
        position: absolute;
    }

    .rm1 .rm_title1 {
        position: relative;
        margin-left: 1.2rem;
        font-size: .3rem;
        color: #fff;
        text-shadow: -1px -2px 1px #29DC79, 0px 2px 1px #29DC79;
    }

    .mr_box2 .rm1 .rm_txt_30 {
        margin-right: -.3rem;
    }

    .mr_box2 .rm1 .new_title {
        margin-right: 0rem;
    }

    .rm3 {
        height: 2.5rem;
        display: flex;
        align-items: center;
    }

    .rm3_1_box {
        height: 100%;
        display: flex;
        width: 3rem;
        text-align: center;
        align-items: center;
        background: url("/static/jxlmtPay/img/bx-1.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
        justify-content: center;
        z-index: 2;
    }

    .rm3_1_box img {
        width: 2.5rem;
    }

    .rm3_2_box {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        width: 75%;
        text-align: center;
        border-radius: 1rem;
        background-color: #EFFFF5;
        min-height: 2rem;
        z-index: 1;
        position: relative;
        left: -.8rem;
    }

    .rm_tip1 {
        font-size: .30rem;
        font-weight: bold;
        color: #028423;
    }

    .rm_tip2 {
        font-size: .30rem;
        font-weight: bold;
        color: black;
    }

    .total_txt_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .total_txt_box .rm_tip1 {
        display: inline-block;
        min-width: 2rem;
    }

    .total_txt_box .rm_tip2 {}

    .lq_btn {
        padding: 0.15rem;
        border-radius: 1rem;
        width: 1.5rem;
        font-weight: bold;
        color: #fff;
        background-color: #909399;
        border-color: #909399;
    }

    .lq_btn:hover {
        color: #fff;
        background-color: #909399;
        border-color: #909399;
    }

    .rm3_2_box .wlq_btn {
        color: black;
        background-color: #FFE931;
        border-color: #FFE931;
    }

    .mr_box3 {
        margin-top: .4rem;
    }

    .rm4 {
        justify-content: flex-end;
    }

    .rm4 .rm_title1 {
        margin-left: 0;
        margin-right: -.3rem;
        right: 1.4rem;
        text-shadow: -1px -2px 1px #EE6BAC, 0px 2px 1px #EE6BAC;
    }

    .rm5 {
        flex-direction: row-reverse;
    }

    .rm5 .rm3_2_box {
        left: 1rem;
        background-color: #FFEEF4;
    }

    .rm5 .show_flag {
        left: .8rem;
    }

    .rm5 .rm3_1_box {
        justify-content: flex-end;
        align-items: center;
        background: url("/static/jxlmtPay/img/bx-2.png") no-repeat;
        background-size: 100% 100%;
    }

    .rm5 .rm_tip1 {
        color: #860807;
    }

    .rm6 .rm_title1 {
        text-shadow: -1px -2px 1px #DE6DE8, 0px 2px 1px #DE6DE8;
    }

    .rm7 .rm3_1_box {
        background: url(/static/jxlmtPay/img/bx-3.png) no-repeat;
        background-size: 100% 100%;
    }

    .rm7 .rm3_2_box {
        background-color: #FDEFFF;
    }

    .rm7 .rm_tip1 {
        color: #96218C;
    }


    .rm8 .rm_title1 {
        text-shadow: -1px -2px 1px #29DC79, 0px 2px 1px #29DC79;
    }

    .rm9 .rm3_1_box {
        background: url(/static/jxlmtPay/img/bx-1.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
    }

    .rm9 .rm3_2_box {
        background-color: #EFFFF5;
    }

    .rm9 .rm_tip1 {
        color: #028423;
    }

    .rm9 img,
    .rm11 img {
        width: 2.1rem;
    }

    .rm_box5_1 img {
        width: 4.1rem;
    }

    .rm11 .rm3_1_box {
        background: url(/static/jxlmtPay/img/bx-2.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
    }

    .rm_box5_1 .rm3_1_box {
        background: unset;
    }

    .rm10 .rm_title1 {
        text-shadow: -1px -2px 1px #F691B7, 0px 2px 1px #F691B7;
    }


    .rm11 .rm3_2_box {
        background-color: #FFEEF4;
    }

    .rm11 .rm_tip1 {
        color: #880B0B;
    }


    .rm13 .rm3_1_box {
        background: url(/static/jxlmtPay/img/bx-3.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
    }


    .rm12 .rm_title1 {
        text-shadow: -1px -2px 1px #DE6DE8, 0px 2px 1px #DE6DE8;
    }


    .rm13 .rm3_2_box {
        background-color: #FDEFFF;
    }

    .rm13 .rm_tip1 {
        color: #993290;
    }


    .rm27 .rm3_1_box {
        background: url(/static/jxlmtPay/img/bx-1.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
    }


    .rm12 .rm_title1 {
        text-shadow: -1px -2px 1px #DE6DE8, 0px 2px 1px #DE6DE8;
    }


    .rm27 .rm3_2_box {
        background-color: #FFB48C;
    }

    .rm27 .rm_tip1 {
        color: #E42E1D;
    }

    .pfdz {
        text-shadow: -1px -2px 1px #FFDF49, 0px 2px 1px #FFDF49;
    }

    .el-button--warning.is-disabled,
    .el-button--warning.is-disabled:hover {
        background-color: #909399;
        border-color: #909399;
        color: #fff;
    }

    /* bx1 */
    .t_box_1 .rm3_1_box {
        background: url("/static/jxlmtPay/img/bx-1.png") no-repeat;
        background-size: 100% 100%;
    }


    .rm1 .t_info_1 {
        text-shadow: -1px -2px 1px #29DC79, 0px 2px 1px #29DC79;
    }

    .t_box_1 .rm3_2_box {
        background-color: #EFFFF5;
    }

    /*    bx2*/
    .rm1 .t_info_2 {
        text-shadow: -1px -2px 1px #EE6BAC, 0px 2px 1px #EE6BAC;
    }

    .t_box_2 .rm3_1_box {
        background: url("/static/jxlmtPay/img/bx-2.png") no-repeat;
        background-size: 100% 100%;
    }

    .t_box_2 .rm3_2_box {
        background-color: #FFEEF4;
    }

    .t_box_2 .rm_tip1 {
        color: #860807;
    }

    /*    bx3*/
    .rm1 .t_info_3 {
        text-shadow: -1px -2px 1px #DE6DE8, 0px 2px 1px #DE6DE8;
    }

    .t_box_3 .rm3_1_box {
        background: url("/static/jxlmtPay/img/bx-3.png") no-repeat;
        background-size: 100% 100%;
    }

    .t_box_3 .rm3_2_box {
        background-color: #FDEFFF;
    }

    .t_box_3 .rm_tip1 {
        color: #96218C;
    }

    /*    bx4*/
    .rm3 .t_box_4 {
        background: url("/static/jxlmtPay/img/bx-2.png") no-repeat;
        background-size: 100% 100%;
    }

    .rm1 .t_info_4 {
        text-shadow: -1px -2px 1px #29DC79, 0px 2px 1px #29DC79;
    }

    .t_box_4 .rm3_2_box {
        background-color: #EFFFF5;
    }

    /*    bx5*/
    .rm1 .t_info_5 {
        text-shadow: -1px -2px 1px #F691B7, 0px 2px 1px #F691B7;
    }

    .t_box_5 .rm3_1_box {
        background: url("/static/jxlmtPay/img/bx-2.png") no-repeat;
        background-size: 100% 100%;
    }

    .t_box_5 .rm3_2_box {
        background-color: #FFEEF4;
    }

    .t_box_5 .rm_tip1 {
        color: #880B0B;
    }

    #app {
        max-height: 220vh;
    }

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

    .total_tip_btn,
    .total_tip_btn:hover {
        font-size: .5rem;
        color: #E6A23C;
        background-color: unset;
        border: 0;
    }

    .show_dialog {
        background-color: unset;
    }

    .show_dialog .sc_close {
        color: #fff;
    }

    .show_dialog .rm3_2_box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .change_btn_box .el-form-item__content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .change_close {
        height: 30px;
    }

    .show_dialog .rm3_2_box {
        width: 95%;
    }

    .jfye_box {
        display: flex;
        margin: auto;
        line-height: 0.8rem;
        width: 5rem;
        /*height: 1.5rem;*/
        justify-content: center;
        background: url("/static/jxlmtPay/img/zp_jf.png") no-repeat;
        /*background-size: 100% 100%;*/
        background-size: contain;
        /*padding-left: 14rem;*/
    }

    #wheelcanvas {
        width: 95%;
    }

    .turnplate {
        margin: 0 auto;
        position: relative;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .banner .turnplate img.pointer {
        position: absolute;
        width: 15.5%;
        height: 18.5%;
        left: 33.1%;
        top: 28%;
    }

    .banner {
        margin-top: 0.5rem;
    }

    .jf_top_box1 {
        /*margin-top: 0.5rem;*/
    }

    .jf_top_box1 img {
        width: 5rem;
    }

    .zp_btn_box {
        display: flex;
        justify-content: space-around;
    }

    .zp_bc {
        line-height: 1rem;
        text-align: center;
        height: 1rem;
        width: 3rem;
        color: #7A5913;
        cursor: pointer;
        background: url('/static/jxlmtPay/img/zp_btn_1.png');
        background-size: 100% 100%;
        font-weight: bold;
    }

    .my_bc {
        line-height: 1rem;
        text-align: center;
        height: 1rem;
        width: 3.5rem;
        color: #7A5913;
        cursor: pointer;
        background: url('/static/jxlmtPay/img/zp_btn_1.png');
        background-size: 100% 100%;
        font-weight: bold;
        position: relative;
    }

    .zp_bc_active {
        background: url('/static/jxlmtPay/img/zp_btn_2.png');
        background-size: 100% 100%;
    }

    .my_flag_flag {
        width: 1.5rem;
        height: 100%;
        margin: 0 auto;
        position: relative;
        top: 1rem;
        left: 160%;
    }

    .my_flag_flag img {
        width: 100%;
        height: 100%;
        vertical-align: top;
    }

    .my_flag_box {
        position: absolute;
    }

    .my_flag_ico1,
    .my_flag_ico2 {
        width: .8rem;
        height: .8rem;
        padding: .2rem;
        background: url('/static/jxlmtPay/img/my_yk.png');
        background-size: 100% 100%;
    }

    .my_flag_ico1 {
        position: absolute;
        left: -37%;
        top: 25%;
    }

    .my_flag_ico2 {
        position: absolute;
        right: -37%;
        top: 25%;
    }

    .my_flag_icon1_active,
    .my_flag_icon2_active {
        width: 1rem;
        height: 1rem;
        background: url('/static/jxlmtPay/img/my_yk2.png');
        background-size: 100% 100%;
    }

    .my_flag_icon1_active {
        left: -42%;
    }

    .cj_box {
        width: 50%;
        float: left;
    }

    .cj_box img {
        height: 0.55rem;
        margin-left: 2rem;
    }

    .cj_box .cj_rate {
        height: 0.35rem;
    }

    .cj_btn_box {
        text-align: center;
        cursor: pointer;
        /*width: 40%;*/
        height: 1.3rem;
        line-height: 1.3rem;
        margin-left: 5%;
        background: url('/static/jxlmtPay/img/cj_btn.png');
        background-size: 100% 100%;
        color: #7C4A0C;
        font-weight: bold;
        font-size: .5rem;
    }

    .cj_btn_box:active {
        color: #802C00;
    }

    .cj_confirm {
        width: 70%;
    }

    .cj_tip_box {
        text-align: center;
        font-size: .4rem;
        color: #7B5C1C;
        font-weight: bold;
        margin: 0 auto;
        max-width: 5rem;
        border-radius: 15px;
        background-color: #F2C29A;
    }

    .cj_tip_txt1 {
        color: #FF1514;
    }

    .cj_tip_txt2 {
        color: #FF6600;
    }

    .jfsc_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .jfsc_box .svg_box2 {
        background: url(/static/jxlmtPay/img/sc_tip.png);
        background-size: 100% 100%;
        height: .7rem;
        top: -0.2rem;
        width: 100%;
        position: relative;
        left: 0.4rem;
    }

    .jfsc_box .svg_box2 .gwpText___qSce5 {
        color: #945C13;
        line-height: unset;
        left: 0rem;
        font-size: .2rem;
        top: .1rem;
    }

    .jfsc_box .main_shop_div {
        width: calc((100% - 1.8rem)/4);
        background: unset;
        border: 0;
        box-shadow: unset;
        min-width: unset;
        min-height: 80px;
    }

    .jfsc_box .svg_main_box {
        width: 100%;
        height: 1rem;
        top: 0px;
    }

    .jfsc_box .svg_box,
    .sc_box .svg_box2 {
        height: 100%;
    }

    .sc_svg_box img {
        width: .7rem;
    }

    .sc_svg_box {
        position: absolute;
        z-index: 2;
        top: -.2rem;
    }

    .jfsc_box .main_shop_div_img {
        background: url(/static/jxlmtPay/img/sc_bg.png) no-repeat;
        background-size: 100% 100%;
        border-radius: unset;
        flex-direction: column;
        justify-content: space-around;
        height: 3rem;
    }

    .jfsc_box .main_shop_div_img img {
        margin-top: .5rem;
        width: 1rem;
    }

    .jfsc_btn {
        background: url(/static/jxlmtPay/img/sc_btn.png) no-repeat;
        background-size: 100% 100%;
        height: .7rem;
        text-align: center;
        color: #7B5C1C;
        line-height: .7rem;
        font-weight: bold;
        font-size: .25rem;
    }

    .jfsc_txt1,
    .jfsc_txt2 {
        font-size: .25rem;
        color: #FE992C;
        font-weight: bold;
    }

    .jfsc_txt2 {
        color: #AB7321;
    }

    .jfsc_box .main_shop_div_but {
        padding: 0;

    }

    .hdgz_box {
        background: url(/static/jxlmtPay/img/hdgz_btn.png) no-repeat;
        background-size: 100% 100%;
        width: 5rem;
        height: 1.5rem;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hdgz_box img {
        width: 57%;
    }

    #my-lucky,
    #my-lucky2,
    #my-lucky3 {
        margin-bottom: .5rem;
    }

    .jfsc_content {
        margin: 1rem 0 .5rem 0;
    }

    .ten_flag_box {
        display: block;
        width: 2.3rem;
        margin: .2rem auto;
        font-size: .4rem;
        color: #7B5C1C;
        font-weight: bold;
        background-color: #F2C29A;
        height: .65rem;
        border-radius: 20px;
        text-align: center;
    }

    .ten_flag_box .el-checkbox__inner,
    .ten_flag_box .el-checkbox__input.is-checked .el-checkbox__inner {
        border-radius: unset;
    }

    .licheng_txt,
    .licheng_txt2 {
        position: absolute;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #AEAEAE;
        line-height: 20px;
        padding-left: 10px;
    }

    .licheng_txt {
        top: 9rem;
    }

    .licheng_txt2 {
        top: 9.8rem;
    }

    .show_btn {
        padding: 0 !important;
        vertical-align: super;
    }

    .goods_table .cell {
        font-size: .3rem;
    }

    .el-table__body col {
        width: 3.5rem !important;
    }

    .gv_box p {
        font-size: .3rem;
    }

    .cj_confirm .el-message-box__message p {
        font-size: .3rem;
    }

    .shop_gv_dia .shop_main_info {
        background: unset;
    }

    .gl_checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: unset;
    }


    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        border-radius: 50%;
        background-color: #FF9C00;
        border-color: #FF9C00;
    }

    .gl_checkbox .el-checkbox__inner {
        width: 25px;
        height: 25px;
        background-color: unset;
        border: 3px solid #FF9C00;
    }

    .gl_checkbox .el-checkbox__inner::after {
        webkit-box-sizing: content-box;
        box-sizing: content-box;
        content: "";
        border: 4px solid #FF9C00;
        border-left: 0;
        border-top: 0;
        height: 12px;
        left: 5px;
        position: absolute;
        top: -1px;
        -webkit-transform: rotate(45deg) scaleY(0);
        transform: rotate(45deg) scaleY(0);
        width: 5px;
        -webkit-transition: -webkit-transform .15s ease-in .05s;
        transition: -webkit-transform .15s ease-in .05s;
        transition: transform .15s ease-in .05s;
        transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    .shop_gv_dia {
        /*top: 0 !important;*/
    }

    .shop_gv_dia .el-dialog {
        /*margin-top: 0 !important;*/
    }

    .shop_gv_dia .shop_main_img {
        margin-bottom: 0;
    }

    .ls_txt {
        font-size: .25rem;
        color: #949494;
    }

    #pane-0 {
        padding-bottom: .5rem;
    }

    .card_box_mr .el-tabs__content {
        background-size: 97% 100%;
    }

    .change_item .el-form-item__content {}

    .swiper-container {
        width: 100%;
        margin: 20px auto;
        /*height: 200px;*/
    }

    .swiper-slide {
        /*width: auto !important;*/
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


    .swiper-father_box {
        position: relative;
    }

    .swiper-father_box,
    .swiper-father {
        min-height: 350px;

    }

    .swiper-father_box::before,
    .swiper-father_box::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 50%;
        /* 每个背景图的高度 */
    }

    .swiper-father_box::before {
        background-image: url('/static/jxlmtPay/img/jd_max_bg1.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        top: 0;
        /* 第一张背景图在顶部 */
    }

    .swiper-father_box::after {
        background-image: url('/static/jxlmtPay/img/jd_max_bg2.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        bottom: 0;
        /* 第二张背景图在底部 */
        margin-top: 20px;
        /* 设置上边距，视觉上形成间隔 */
    }


    .swiper-container {
        width: 90%;
    }

    .swiper-father_box {
        width: 95%;
        margin: 0 auto;
    }

    .swiper-father_main {
        width: 100%;
    }

    .swiper-father {
        width: 85%;
        margin: 0 auto;
    }

    .swiper-button-prev1 {
        background-image: url("/static/jxlmtPay/img/jt_l.png") !important;
        background-size: 100% 100%;
        left: -50px !important;
    }

    .swiper-button-next1 {
        background-image: url("/static/jxlmtPay/img/jt_r.png") !important;
        background-size: 100% 100%;
        right: -50px !important;
    }

    .zl_main_box .swiper-slide {
        background: unset;
        /*width: 10rem; !* 覆盖 Swiper 默认宽度 *!*/
        display: flex;
        /*height: 111px;*/
        justify-content: space-around;
    }

    .line_box {
        width: 100%;
        height: 12px;
        background-color: #000;
        color: #fff;
        line-height: 12px;
        text-align: center;
        font-size: 12px;
        /*padding-right: .6rem;*/
    }

    .zl_main_line_box {
        height: 10px;
    }

    .zl_main_line_box .swiper-slide,
    .zl_main_box .swiper-slide {
        margin-right: 0 !important;
    }

    .zl_lock {
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translateX(-50%);
        transform: translateY(-50%);
    }

    .swiper-pagination2,
    .swiper-pagination {
        display: none;
    }

    .zl_main_box {
        margin-top: 0.5rem;
        overflow-x: auto;

    }

    .zl_main_box .zl_main_item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin-right: 10px;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .1) !important;
    }

    .zl_main_box .zl_main_item .icon-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
    }

    .zl_main_box .zl_main_item .icon-item .zl-lock-box {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 2px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        height: 85%;
        background-color: rgba(0, 0, 0, .01);
        border-radius: 5px;
    }

    .zl_main_box .zl_main_item .icon-item .zl-lock-box .zl-lock {
        width: 18px;
        height: 18px;
    }

     .zl_main_box .zl_main_item .icon-item .zl-lock-box .ready {
        width: 12px;
        height: 12px;
    }

    .zl_main_box .zl_main_item .icon {
        width: 34px !important;
        height: 34px !important;
    }

    .zl_max_box {
        width: 100%;
        margin: 0 !important;
        margin-left: 7% !important;
    }

    .zl_main_box2 {
        /*margin-top: 70px;*/
    }

    .zl_main_box2 .swiper-slide {
        background-color: unset;
        display: flex;
        justify-content: space-around;
    }

    .zl_max_box {
        margin-left: 1.75rem !important;
        top: -.5rem;
        width: 90%;
    }

    .zl_main_box {
        /*margin-top: .2rem;*/
    }

    .zl_main_box2 {
        display: flex !important;
        margin-top: 0.7rem;
    }

    .zl_main_box2 .swiper-slide img {
        width: 1rem;
        height: 1rem;
    }

    .zl_main_box2 .swiper-slide img,
    .zl_main_box .swiper-slide img {
        width: 1rem;
        height: 1rem;
    }

    .zl_main_box2 .zl_line,
    .zl_main_box .zl_line {
        width: unset !important;
        height: initial;
    }

    .swiper-father_box,
    .swiper-father {
        min-height: 3.5rem;
        padding-right: .5rem;
    }

    .swiper-father_main {
        width: 82%;
        margin: 0 auto;
    }

    .swiper-button-prev1 {
        left: -1rem !important;
    }

    .swiper-button-next1 {
        right: -.9rem !important;
    }

    .swiper-father_box::before {
        background-image: url(/static/jxlmtPay/img/jd_m1.png);
        /*background-size: contain;*/
        background-size: 100% auto;
    }

    .swiper-father_box::after {
        background-image: url(/static/jxlmtPay/img/jd_m2.png);
        background-size: 100% auto;
    }


    .zl_foot_left {
        background: url(/static/jxlmtPay/img/qd_m1.png) no-repeat center;
        background-size: 100% 100%;
    }

    .zl_foot_box {
        height: auto;
    }

    .zl_footer_right {
        padding: .2rem;
        text-align: center;
    }

    .zl_r1 {
        font-style: italic;
        font-size: .4rem;
        margin-bottom: .2rem;
        margin-top: 0.5rem;
    }

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

    .zl_r3 {
        font-size: .25rem;
    }

    .zl_r_box {
        height: .7rem;
        line-height: .7rem;
        align-items: flex-start;
        margin: 0 .8rem .0rem .3rem;
    }

    .zl_r2 {
        line-height: .7rem;

    }

    .zl_foot_right {
        width: 46%;
    }

    .zl_foot_left {
        width: 46%;
    }

    .zl_main {
        padding: 0 10px;
    }

    .zldj,
    .lv_txt {
        font-size: .4rem;
    }

    .zl_foor_qd {
        width: 1.2rem;
        height: auto;
        left: .7rem;
        bottom: .5rem;
    }

    .zl_foor_qd,
    .zl_foor_qd:hover,
    .zl_foor_qd:focus,
    .zl_foot_left .el-button--primary.is-disabled {
        /*width: 1.5rem;*/
        /*height: auto;*/
    }

    .zl_main_box2 .zl_lock,
    .zl_main_box .zl_lock,
    .zl_end {
        width: .5rem !important;
        height: .5rem !important;
        right: 50%;
    }

    .zl_jl_img img {
        width: 100%;
        margin-bottom: .5rem;
    }

    .zl_top_box {
        width: 90%;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        align-items: center;
        margin-bottom: 20px;
    }

    .zldj,
    .lv_txt {
        font-weight: bold;
        color: #000;
    }

    .yjlq,
    .yjlq:hover,
    .yjlq:focus {
        width: 100px;
        height: 30px;
        background-color: unset;
        background: url(/static/jxlmtPay/img/yjlq.png) no-repeat center;
        background-size: 100% 100%;
        border: 0;
    }

    .jsqb,
    .jsqb:hover,
    .jsqb:focus {
        width: 100px;
        height: 30px;
        background-color: unset;
        background: url(/static/jxlmtPay/img/jsqb.png) no-repeat center;
        background-size: 100% 100%;
        border: 0;
    }

    .jsdj,
    .jsdj:hover,
    .jsdj:focus {
        background: url(/static/jxlmtPay/img/jsdj.png) no-repeat center !important;
        background-size: 100% 100% !important;
    }

    .zl_end {
        position: absolute;
        right: .4rem;
    }

    .zl_top_box {
        margin-bottom: 1rem;
    }

    .zl_foot_box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .zl_foot_left {
        position: relative;
        width: 47%;
        background: url(/static/jxlmtPay/img/qd_bg.png) no-repeat center;
        background-size: 100% 100%;
    }

    .zl_footer_right {
        position: relative;
        width: 47%;
        background: url(/static/jxlmtPay/img/mrrw.png) no-repeat center;
        background-size: 100% 100%;
    }

    .zl_foor_qd,
    .zl_foor_qd:hover,
    .zl_foor_qd:focus {
        background: url(/static/jxlmtPay/img/qd.png) no-repeat center;
        background-size: 100% auto;
        border: 0;
        position: absolute;
    }

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

    .zl_foot_left .el-button--primary.is-disabled {
        background: url(/static/jxlmtPay/img/qd.png) no-repeat center;
        background-size: 100% 100%;
        border: 0;
        position: absolute;
    }

    .zl_foot_left .el-button--primary.is-disabled {
        left: .7rem;
        background: url(/static/jxlmtPay/img/qd_m3.png) no-repeat center;
        background-size: 100% auto;
        bottom: .3rem;
    }


    .zl_r3 {
        color: #727273;
    }

    .main_czsm_box {
        padding: 10px;
        color: rgb(150, 103, 60);
        font-size: .2rem;

    }

    /*
  战令 end
  */

    .duihuan_cost_txt {
        font-size: .25rem;
        margin-top: .2rem;
    }

    .duihuan_cost_txt2 {
        font-size: .25rem;
        margin-top: .5rem;
    }

    .qiandao_dialog {
        background: url("/static/jxlmtPay/img/qd_img.png") no-repeat center;
        /*background-size: contain;*/
        background-size: 100% 100%;
        margin-bottom: 1rem;
        border-radius: 20px;
    }

    .qd_top_box img {
        width: 6rem;
    }

    .qiandao_dialog .el-dialog__body {
        padding: 0;
    }

    .qd_main_box {
        width: calc((100% - 20px)/5);
        min-height: .5rem;
        min-width: 1.5rem;
        margin-right: 0 !important;
    }

    .main_shop_div_txt {
        font-size: .3rem;
        color: #96673C;
        text-align: center;
        font-weight: bold;
    }

    .qd_main_txt {
        font-size: .25rem;
        border-radius: 0.2rem;
        text-align: center;
        width: 1rem;
        color: #eed4c5;
        background-color: #CD966D;
        margin-top: 0.2rem;
    }

    .qd_main_center {
        padding: 0.1rem 0;
        border-radius: 0.3rem;
        display: flex;
        width: 1.7rem;
        height: 1.5rem;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
    }

    .qd_end_box {
        display: none;
        position: absolute;
    }

    .qd_max_box {
        min-height: 13.5rem;
        background: url("/static/jxlmtPay/img/qd_bg2.png") no-repeat center;
        background-size: 100% 100%;
        /*margin-top: 1.3rem;*/
    }

    .qd_box {
        padding: .5rem 0.2rem 0.3rem 0.4rem;
        min-height: 12rem;
        /*overflow: scroll;*/
        min-width: unset;

        max-height: 13rem;
        overflow-y: auto;
        overflow-x: hidden;
    }


    .qiandao_dialog .el-dialog__headerbtn {
        top: -1rem !important;
        right: 0rem;
        background: url('/static/jxlmtPay/img/close.png') left no-repeat;
        background-size: cover;
    }

    .qiandao_dialog .el-dialog__headerbtn i {
        content: '';
        font-size: 1rem;
        visibility: hidden;
    }

    .qd_main_center_end {
        background-color: #767676;
        opacity: .6;
    }

    .qd_main_center_end .qd_end_box {
        display: block;
    }

    .qd_footer {
        color: #fff;
        text-align: center;
        width: 80%;
        background-color: #CC702D;
        border-radius: 0.5rem;
        margin: auto;
    }

    .other_main_box .main_shop_div {
        border-radius: 0;
        box-shadow: unset;
        background: unset;
    }

    .other_main_box .main_shop_div_img {
        background: unset;
        border-radius: 0;
    }

    .other_main_box .main_shop_div_img img {
        width: 100%;
        border-radius: 0;
    }

    .other_main_box .main_shop_div {
        border: 0;
        min-height: 100px;
        margin-bottom: .2rem;
    }

    .other_main_box .main_shop_div_but {
        padding: .5rem 0;
        background: #fff;
        border-radius: 0 0 20px 20px;
        border-bottom: 4px solid #C2721D;
        border-left: 4px solid #C2721D;
        border-right: 4px solid #C2721D;
    }

    .other_main_box .main_shop_div_but_link {
        width: 90%;
    }

    .txt_center {
        font-size: .2rem;
        color: rgb(150, 103, 60);
    }

    .top_nav_box {
        display: flex;
        justify-content: space-between;
    }

    .nav_div1 a {
        display: inline-block;
        width: 4.5rem;
        height: 100%;
    }

    .nav_div1,
    .nav_div2 {
        width: 49%;
    }

    .nav_div1 img,
    .nav_div2 img {
        width: 100%;
    }

    .nav_div2 img {
        height: 106px;
    }

    .nav_div2 {
        display: flex;
        justify-content: space-between;
    }

    .nav_div2 a {
        display: inline-block;
        width: calc((100% - 20px)/3);
    }

    .zhp_box img {
        margin-top: .5rem;
        width: 100%;
    }

    .nav_main {
        margin-top: 1rem;
    }

    .nav_col {
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    }

    .nav_main_col {
        box-shadow: 0 2px 10px rgba(234, 202, 138, 0.68);
        background-color: rgba(234, 202, 138, 0.68);
        border-radius: 20px;
        padding: 20px 10px;
    }

    .gv_swiper_main {
        width: 100%;
        padding-bottom: 70px;
        overflow: hidden;
    }

    .gv_swiper_main .swiper-slide {
        background-color: unset;
    }

    .gv_swiper_main .swiper-wrapper img {
        width: 100%;
        border-radius: 10px;
    }

    .gv_swiper_main .gv_prev1 {
        position: absolute;
        top: 90%;
        left: unset;
        right: 20%;
        width: 44px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-image: url(/static/jxlmtPay/img/gv_3.png);
        background-size: 100% 100%;
    }

    .gv_swiper_main .gv_next1 {
        position: absolute;
        top: 90%;
        width: 44px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-image: url(/static/jxlmtPay/img/gv_2.png);
        background-size: 100% 100%;
    }

    .gv_main {
        margin-bottom: .5rem;
    }

    .gv_col,
    .shop_main_box,
    .gz_main_box {
        box-shadow: 0 2px 10px rgba(234, 202, 138, 0.68);
        background-color: rgba(234, 202, 138, 0.68);
        border-radius: 20px;
    }

    .shop_main_box,
    .gz_main_box {
        margin: 10px !important;
    }

    .shop_day_but {
        position: relative;
        bottom: 13%;
    }

    .shop_day_img img {
        height: 100%;
    }

    .other_main_box .shop_day_btn {
        border-radius: 0 0 20px 20px;
        border-bottom: 1px solid #C48600;
        border-left: 1px solid #C48600;
        border-right: 1px solid #C48600;
    }

    .box_y_box {
        width: 5rem;
        height: 5rem;
        margin: 0 auto;
        background: url(/static/jxlmtPay/img/box_y_bg.png);
        background-size: 100% auto;
        display: flex;
        align-items: center;
    }

    .box_y_box img {
        width: 3rem;
        height: 2.4rem;
        margin-left: .8rem;
    }

    .czhl_box2 {
        text-align: center;
        margin: 0 auto;
    }

    .czhl_box2 img {
        width: 6rem;
    }

    .czhl_box3 {
        text-align: center;
        margin: 0 auto;
    }

    .czhl_box3 img {
        width: 2rem;
    }

    .zl_main_col {
        padding: 20px 0;
        margin: 10px 0 !important;
        box-shadow: 0 2px 10px rgba(234, 202, 138, 0.68);
        background-color: rgba(234, 202, 138, 0.68);
        border-radius: 20px;
    }


    .lcb_swiper {
        display: flex;
        margin-top: 1rem;
    }

    .lcb_box1 {
        width: 190px;
        background: url(/static/jxlmtPay/img/lcb1.png) no-repeat center;
        background-size: 100% 100%;
        height: 220px;
        line-height: 1.5rem;
        font-size: 36px;
        font-weight: bold;
        color: #14619E;
        text-align: center;
        position: relative;
    }

    .swiper-container3 {
        background: url(/static/jxlmtPay/img/lcb4.png) no-repeat center;
        background-size: 100% auto;
    }

    .lcb_count {
        position: absolute;
        bottom: .7rem;
        line-height: 0;
        left: .55rem;
    }

    .lcb_txt2 {
        margin-top: 1rem;
        font-size: .3rem;
        color: #D9852D;
        font-weight: bold;
    }

    .lcb_main_box {
        margin-left: 6% !important;
    }

    .lcb_max_box {
        margin-left: 6% !important;
    }

    .lcb_main_box .swiper-slide {
        background-color: unset;
        position: relative;
    }

    .lcb_txt {
        font-size: 14px;
        color: #14619E;
        font-weight: bold;
        position: absolute;
        /*bottom: 16%;*/
        bottom: 0.05rem;
    }

    .lcb_bg_class {
        background: url(/static/jxlmtPay/img/lcb2.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        width: 80px;
        height: 80px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
    }

    .lcb_bg_class .zpLcb_used {
        width: 100%;
        position: absolute;
    }

    .lcb_end {
        /*width: 100%;*/
        width: 1.3rem;
        height: 1.3rem;
        position: absolute;
        top: .6rem;
        right: 14%;
    }

    .swiper-slide {
        transition: transform 0.3s ease;
        /* 添加平滑过渡效果 */
    }

    .swiper-slide.scale {
        transform: scale(2);
        /* 放大效果 */
        z-index: 1;
        /* 确保放大的元素在上层 */
    }

    .lcb_pf {
        background: unset !important;
    }

    .lcb_pf img {
        width: 100%;
        /*margin-top:-0.5rem;*/
        /*height: 147px;*/
    }

    .lcb_pf_box .lcb_end {
        width: 110px;
        height: 110px;
        top: 53px;
    }

    .lcb_box1 {
        width: 2rem;
        height: 1.5rem;
        font-size: .5rem;
    }

    .lcb_bg_class {
        width: 1.5rem;
        height: 1.5rem;
    }

    .lcb_bg_class img {
        /*width: 1rem;*/
        /*height: auto;*/
    }

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

    .lcb_txt img {
        width: 11px;
    }

    .swiper-father {
        width: 90%;
    }

    .lcb_main_box {
        margin-left: 3% !important;
    }

    .lcb_swiper .lcb_main_box {
        width: unset;
        max-width: 8rem;
    }

    .czhl_box img {
        vertical-align: middle;
    }

    .czhl_info {
        color: #fc9000;
    }

    .el-table .warning-row {
        background: oldlace;
        font-size: .25rem;
        color: #fc9000;
        font-weight: bold;
    }

    .el-table .success-row {
        background: #f0f9eb;
        font-size: .25rem;
        color: #a1f374;
        font-weight: bold;
    }

    .czhl_column {
        text-align: center;
    }

    .lcb_swiper {
        min-height: 2.5rem;
    }

    /*.swiper-slide img{*/
    /*    width: 100%;*/
    /*}*/

    /* 转盘规则 */
    .gv-dialog {
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .gv-dialog .el-dialog__header {
        padding: 0 !important;
        height: 0 !important;
    }

    .gv-dialog .el-dialog__body {
        padding: 0 !important;
        margin: 0 !important;
    }

    .lucky-content {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30%;
        padding: 0;
    }

    .lucky-content img {
        width: 100%;
        height: 100%;
        display: block;
        /* 消除图片底部间隙 */
        vertical-align: middle;
        /* 消除图片底部间隙 */
    }


    .my-swiper-box {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .my-swiper-box .swiper-content-box{
        position: absolute;
        left: 98px;
        top:-20px;
        width: 60%;
        height: 130px;
        overflow-x: auto;
        overflow-y: hidden;

    }

    .my-swiper-box .swiper-content-box ._item{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 450px;
    }

    .my-swiper-box .swiper-content-box ._item .bar{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 40px;
        background-image: linear-gradient(to bottom,transparent,#fff,transparent);
    }

    .my-swiper-box .swiper-content-box ._item .zl-lock-box{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 60%;
        height: 60%;
        background-color: rgba(0, 0, 0, .01);
        border-radius: 5px;
    }

    .my-swiper-box .swiper-content-box ._item .zl-lock-box .zl-lock{
        width: 20px;
        height: 20px;
    }

    .my-swiper-box .swiper-content-box ._item .icon{
        width: 38px;
        height: 38px;
    }

    .my-swiper-box .swiper-content-box .top{
        width: 600px;
        height: 10px;
        
        margin-bottom: 10px;
    }

    .my-swiper-box .swiper-content-box .top .lv{
        color: #ECEDE5;
        font-size: 11px;
    }

    .my-swiper-box .swiper-content-box .top ._item{
        background-color: #000;
        color: #fff;
        font-size: 12px;
    }

    .my-swiper-box .swiper-content-box .center{

        width: 600px;
        height: 50px;
        margin-bottom: 20px;
    }

    .my-swiper-box .swiper-content-box .bottom{

        width: 600px;
        height: 50px;
    }

    .my-swiper-box .pre-btn{
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
        background-image: url("/static/jxlmtPay/img/jt_l.png") !important;
        background-size: 100% 100%;
    }

    .my-swiper-box .next-btn{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
        background-image: url("/static/jxlmtPay/img/jt_r.png") !important;
        background-size: 100% 100%;
    }

    .my-swiper-box .swiper-item-top{
        width: 100%;
        height: 55px;
        background-image: url('https://game.hnqc2021.com/static/jxlmtPay/img/jd_m1.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }
    
    .my-swiper-box .swiper-item-bottom{
        width: 100%;
        height: 65px;
        background-image: url('https://game.hnqc2021.com/static/jxlmtPay/img/jd_max_bg2.png');
        background-size: 150% 100%;
        background-repeat: no-repeat;
    }

}