/*星座占卜首页*/
.xz_hint {
    position: absolute;
    display: none;
    width: 50%;
    max-width: 800px;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fefefe;
    font-size: 0.34rem;
    border-radius: 0.1rem;
    background-color: rgba(65, 65, 65, 0.6);
    top: 24%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 101;
}

.xzzb_box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffecca;
    margin-top: 0.18rem;
}

.xzzb_banner {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(xingzuozhanbu/xzzb_banner.png);
    background-size: 100%;
    box-shadow: 0 0.1rem 0.1rem #969ba2;
}
.xzzb_banner::after {
    display: block;
    content: "";
    padding-bottom: 53%;
}
.xzzb_banner .xzzb_logo,
.xzzb_banner .xzzb_wenzi {
    display: none;
}
.xzzb_jieshao {
    width: 91%;
    margin: -1% auto 0.4rem;
    padding-top: 0.4rem;
}

.xzzb_jieshao p {
    line-height: 0.6rem;
    font-size: 0.32rem;
    text-indent: 0.64rem;
    color: #010715;
}

.xzzb_form {
    position: relative;
    background-color: #fbf8f3;
    padding: 0 0.28rem 0.6rem;
}

.xzzb_form .xzzb_items {
    display: flex;
    align-items: center;
    line-height: 1.4rem;
    border-bottom: 1px solid #d3cdc6;
    padding: 0 0.26rem;
}

.xzzb_items label {
    line-height: 1.4rem;
    color: #414141;
    font-size: 0.34rem;
    margin-right: 0.2rem;
}

.xzzb_items .xzzb_input {
    background-color: #fbf8f3;
    font-size: 0.34rem;
}

.xzzb_items .xzzb_input::-webkit-input-placeholder {
    color: #adadad;
}

.xzzb_items .xzzb_sex {
    height: 1.4rem;
    line-height: 1.4rem;
}

.xzzb_items .xzzb_sex span {
    float: left;
    display: block;
    height: 100%;
    line-height: 1.4rem;
    font-size: 0.34rem;
    color: #adadad;
    padding: 0 0.16rem;
    margin: 0 0.16rem;
}

.xzzb_items .xzzb_sex span.selected {
    color: #e14848;
    background-image: url(xingzuozhanbu/switchsex.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.xzzb_items .xzzb_time {
    display: block;
    flex: 1;
    font-size: 0.34rem;
    color: #adadad;
}

.xzzb_btn {
    display: block;
    width: 92%;
    line-height: 0.94rem;
    font-size: 0.36rem;
    font-weight: 600;
    margin: 0.6rem auto 0;
    border-radius: 0.16rem;
    border: 0;
    background-color: #28569d;
    color: #fff7f0;
    box-shadow: 0 0 0.1rem 0.1rem #1c4288 inset;
}

.needBg {
    background-image: url(xingzuozhanbu/xzzb_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.needBg::after {
    display: block;
    content: "";
    padding-bottom: 164%;
}

.needBg2 {
    background-image: url(xingzuozhanbu/xzzb_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.needBg2::after {
    display: block;
    content: "";
    padding-bottom: 22%;
}


/*时间选择器*/

.mui-dtpicker .mui-dtpicker-header {
    line-height: 52px;
    text-align: center;
    border-bottom: 1px solid rgb(238, 238, 238);
    background-color: rgb(255, 255, 255);
    padding: 0;
}

.mui-dtpicker-header button {
    font-size: 18px !important;
    padding: 0 18px !important;
    line-height: 52px;
    border: none !important;
}

.mui-dtpicker-header>button {
    float: left;
}

.mui-dtpicker-header [data-id=btn-cancel] {
    color: rgb(153, 153, 153);
}

.mui-dtpicker-header [data-id=btn-down] {
    color: rgb(201, 23, 35);
}

.rl_sw {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgb(201, 23, 35);
    border-radius: 5px;
    margin: 6px auto;
}

.rl_sw button {
    width: 50%;
    height: 100%;
    line-height: 40px;
    color: rgb(201, 23, 35);
    background-color: rgb(255, 255, 255);
    padding: 0 22px !important;
}

.rl_sw [data-id=btn-gl] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rl_sw [data-id=btn-nl] {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rl_sw button.selected {
    color: #fefefe;
    border-radius: 0;
    background-color: rgb(201, 23, 35);
}

.mui-dtpicker-title {
    display: none !important;
}

.mui-dtpicker-body {
    display: flex;
    height: 260px !important;
}

.mui-dtpicker-body .mui-picker {
    background-color: rgb(255, 255, 255) !important;
}

.mui-dtpicker-body .mui-pciker-list,
.mui-dtpicker-body .mui-pciker-rule {
    height: 52px;
    line-height: 52px;
}

.mui-dtpicker-body .mui-pciker-rule {
    border-top: 1px solid rgb(201, 23, 35);
    border-bottom: 1px solid rgb(201, 23, 35);
}

.mui-dtpicker-body .mui-pciker-list li {
    font-size: 16px;
    line-height: 52px !important;
}

.mui-dtpicker-body .mui-pciker-list li.highlight {
    color: rgb(201, 23, 35);
    font-weight: bold;
}

[data-type=hour] [data-id=picker-h],
[data-type=hour] [data-id=title-h],
[data-type=datetime] [data-id=picker-h],
[data-type=datetime] [data-id=title-h] {
    border-left: none !important;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-y"] {
    width: 33.3%;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-m"] {
    width: 33.3%;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-d"] {
    width: 33.3%;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-h"] {
    display: none!important;
}

.confim_box {
    position: absolute;
    display: none;
    z-index: 10;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

.confim_box .confimtitle {
    width: 100%;
    line-height: 52px;
    text-align: center;
    font-size: 21px;
    color: rgb(163, 30, 26);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.confim_box .confimcnt {
    width: 100%;
    height: 260px !important;
    text-align: center;
}

.confim_box .confimtips {
    line-height: 52px;
    font-size: 19px;
    color: rgb(51, 51, 51);
    margin-top: 26px;
}

.confim_box .rl_time {
    color: rgb(51, 51, 51);
    font-size: 20px;
    line-height: 39px;
}

.confim_box .rl_time .confim_rl {
    color: rgb(163, 30, 26);
}

.confim_box .confim_btn {
    margin-top: 27px;
}

.confim_box .confim_btn button {
    display: inline-block;
    width: 130px;
    line-height: 52px;
    font-size: 20px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    border: none;
}

.confim_box [data-id=btn-back] {
    background-color: rgb(177, 177, 177);
    margin-right: 7px;
}

.confim_box [data-id=btn-ok] {
    background-color: rgb(163, 30, 26);
    margin-left: 7px;
}


/*页面二*/

.xzzb_mubu {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9;
}

.xzzb_mubu .xzp_sign {
    width: 5.6rem;
    height: 8rem;
    margin: 1.4rem auto 1.8rem;
    background-size: 100%;
}

.xzp_sign.by {
    background-image: url(xingzuozhanbu/xzp_by.png);
}

.xzp_sign.jn {
    background-image: url(xingzuozhanbu/xzp_jn.png);
}

.xzp_sign.sz {
    background-image: url(xingzuozhanbu/xzp_sz.png);
}

.xzp_sign.jx {
    background-image: url(xingzuozhanbu/xzp_jx.png);
}

.xzp_sign.shz {
    background-image: url(xingzuozhanbu/xzp_shz.png);
}

.xzp_sign.cn {
    background-image: url(xingzuozhanbu/xzp_cn.png);
}

.xzp_sign.tc {
    background-image: url(xingzuozhanbu/xzp_tc.png);
}

.xzp_sign.tx {
    background-image: url(xingzuozhanbu/xzp_tx.png);
}

.xzp_sign.ss {
    background-image: url(xingzuozhanbu/xzp_ss.png);
}

.xzp_sign.mj {
    background-image: url(xingzuozhanbu/xzp_mj.png);
}

.xzp_sign.sp {
    background-image: url(xingzuozhanbu/xzp_sp.png);
}

.xzp_sign.sy {
    background-image: url(xingzuozhanbu/xzp_sy.png);
}

.xzzb_mubu p {
    text-align: center;
}

.xzzb_mubu button {
    display: inline-block;
    width: 2.4rem;
    line-height: 0.8rem;
    color: #FEFEFE;
    font-size: 0.28rem;
    background-color: #696a6d;
    margin: 0 0.6rem;
    border-radius: 0.1rem;
    border: 1px solid #696a6d;
}

.xzzb_mubu button.nextstep {
    background-color: #0470c6;
    border-color: #FEFEFE;
}


/*页面三*/

.xipai {
    width: 100%;
    height: 1rem;
    color: #FEFEFE;
    margin-top: 4rem;
}

.xzzb_choupai {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 6rem;
    height: 7.4rem;
    margin: auto;
    padding-top: 0.48rem;
}

.xzzb_choupai>div {
    display: none;
    width: 2.26rem;
    margin-top: 0.2rem;
}

.xzzb_choupai img {
    width: 100%;
}

.xzzb_choupai h3 {
    display: block;
    color: #FEFEFE;
    font-size: 0.28rem;
    font-weight: normal;
    text-align: center;
}

.xzzb_chpjg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    justify-content: space-between;
    width: 6.8rem;
    margin: 1rem auto 0;
}

.xzzb_chpjg div {
    position: relative;
    width: 1.0rem;
    height: 1.46rem;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.xzzb_chpjg .jieguo_xingzuo {
    width: 1.2rem;
    background-color: inherit;
    background-repeat: no-repeat;
    background-size: 100%;
}

.xzzb_chpjg .by {
    background-image: url(xingzuozhanbu/jieguo_by.png);
}

.xzzb_chpjg .jn {
    background-image: url(xingzuozhanbu/jieguo_jn.png);
}

.xzzb_chpjg .sz {
    background-image: url(xingzuozhanbu/jieguo_sz.png);
}

.xzzb_chpjg .jx {
    background-image: url(xingzuozhanbu/jieguo_jx.png);
}

.xzzb_chpjg .shz {
    background-image: url(xingzuozhanbu/jieguo_shz.png);
}

.xzzb_chpjg .cn {
    background-image: url(xingzuozhanbu/jieguo_cn.png);
}

.xzzb_chpjg .tc {
    background-image: url(xingzuozhanbu/jieguo_tc.png);
}

.xzzb_chpjg .tx {
    background-image: url(xingzuozhanbu/jieguo_tx.png);
}

.xzzb_chpjg .ss {
    background-image: url(xingzuozhanbu/jieguo_ss.png);
}

.xzzb_chpjg .mj {
    background-image: url(xingzuozhanbu/jieguo_mj.png);
}

.xzzb_chpjg .sp {
    background-image: url(xingzuozhanbu/jieguo_sp.png);
}

.xzzb_chpjg .sy {
    background-image: url(xingzuozhanbu/jieguo_sy.png);
}

.jieguo_xingzuo span {
    display: block;
    color: #FEFEFE;
    font-size: 0.22rem;
    text-align: center;
    margin-top: 1.12rem;
}

.xzzb_chpjg .kl {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;
}


/*事业动画*/

@keyframes shiye1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(0.4rem, -8.26rem);
    }
}

@-webkit-keyframes shiye1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(0.4rem, -8.26rem);
    }
}

@keyframes shiye2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.0rem, -8.26rem);
    }
}

@-webkit-keyframes shiye2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.0rem, -8.26rem);
    }
}

@keyframes shiye3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-4.0rem, -8.26rem);
    }
}

@-webkit-keyframes shiye3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-4.0rem, -8.26rem);
    }
}

@keyframes shiye4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-5.4rem, -8.26rem);
    }
}

@-webkit-keyframes shiye4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-5.4rem, -8.26rem);
    }
}


/*财运动画*/

@keyframes caiyun1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(4.18rem, -8.26rem);
    }
}

@-webkit-keyframes caiyun1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(4.18rem, -8.26rem);
    }
}

@keyframes caiyun2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(2.78rem, -8.26rem);
    }
}

@-webkit-keyframes caiyun2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(2.78rem, -8.26rem);
    }
}

@keyframes caiyun3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-0.22rem, -8.26rem);
    }
}

@-webkit-keyframes caiyun3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-0.22rem, -8.26rem);
    }
}

@keyframes caiyun4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.66rem, -8.26rem);
    }
}

@-webkit-keyframes caiyun4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.66rem, -8.26rem);
    }
}


/*健康动画*/

@keyframes jiankang1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(0.4rem, -4.48rem);
    }
}

@-webkit-keyframes jiankang1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(0.4rem, -4.48rem);
    }
}

@keyframes jiankang2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.0rem, -4.48rem);
    }
}

@-webkit-keyframes jiankang2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.0rem, -4.48rem);
    }
}

@keyframes jiankang3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-4.0rem, -4.48rem);
    }
}

@-webkit-keyframes jiankang3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-4.0rem, -4.48rem);
    }
}

@keyframes jiankang4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-5.4rem, -4.48rem);
    }
}

@-webkit-keyframes jiankang4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-5.4rem, -4.48rem);
    }
}


/*爱情动画*/

@keyframes aiqing1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(4.18rem, -4.48rem);
    }
}

@-webkit-keyframes aiqing1 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(4.18rem, -4.48rem);
    }
}

@keyframes aiqing2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(2.78rem, -4.48rem);
    }
}

@-webkit-keyframes aiqing2 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(2.78rem, -4.48rem);
    }
}

@keyframes aiqing3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-0.22rem, -4.48rem);
    }
}

@-webkit-keyframes aiqing3 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-0.22rem, -4.48rem);
    }
}

@keyframes aiqing4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.66rem, -4.48rem);
    }
}

@-webkit-keyframes aiqing4 {
    0% {
        width: 2.10rem;
        height: 3.02rem;
        transform: translate(-1.66rem, -4.48rem);
    }
}

.xzzb_steps {
    margin-top: 1rem;
    text-align: center;
}

.xzzb_steps button {
    display: inline-block;
    width: 2.4rem;
    line-height: 0.8rem;
    color: #FEFEFE;
    font-size: 0.28rem;
    background-color: #696a6d;
    margin: 0 0.6rem;
    border-radius: 0.1rem;
    border: 1px solid #696a6d;
}

.xzzb_steps button.ok {
    background-color: #0470c6;
    border-color: #FEFEFE;
}


/*看牌*/

.fp_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding-top: 1.38rem;
}

.fp_box>div div {
    width: 2.26rem;
    height: 3.2rem;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
}

.fp_box>div span {
    display: block;
    width: 100%;
    line-height: 0.4rem;
    color: #FEFEFE;
    font-size: 0.2rem;
    text-align: center;
}

.fp_box .fp_top {
    width: 100%;
    height: 3.2rem;
}

.fp_box .fp_left {
    width: 2.26rem;
    height: 3.2rem;
}

.fp_box .fp_center {
    width: 26%;
    height: 2.26rem;
    padding: 0.8rem 0.4rem 0;
}

.fp_box .fp_center div {
    width: 1.8rem;
    height: 1.6rem;
    background-position: center;
    background-size: 100%;
}
.fp_box .fp_center .pic_by{ background-image: url(xingzuozhanbu/jieguo_by.png);}
.fp_box .fp_center .pic_jn{ background-image: url(xingzuozhanbu/jieguo_jn.png);}
.fp_box .fp_center .pic_sz{ background-image: url(xingzuozhanbu/jieguo_sz.png);}
.fp_box .fp_center .pic_jx{ background-image: url(xingzuozhanbu/jieguo_jx.png);}
.fp_box .fp_center .pic_shz{ background-image: url(xingzuozhanbu/jieguo_shz.png);}
.fp_box .fp_center .pic_cn{ background-image: url(xingzuozhanbu/jieguo_cn.png);}
.fp_box .fp_center .pic_tc{ background-image: url(xingzuozhanbu/jieguo_tc.png);}
.fp_box .fp_center .pic_tx{ background-image: url(xingzuozhanbu/jieguo_tx.png);}
.fp_box .fp_center .pic_ss{ background-image: url(xingzuozhanbu/jieguo_ss.png);}
.fp_box .fp_center .pic_mj{ background-image: url(xingzuozhanbu/jieguo_mj.png);}
.fp_box .fp_center .pic_sp{ background-image: url(xingzuozhanbu/jieguo_sp.png);}
.fp_box .fp_center .pic_sy{ background-image: url(xingzuozhanbu/jieguo_sy.png);}

.fp_box .fp_right {
    width: 2.26rem;
    height: 3.2rem;
}

.fp_box .fp_down {
    width: 100%;
}


/*顺序放牌*/

.zhanbu_4 .cy {
    background-image: url(xingzuozhanbu/choupai_cy.png);
}

.zhanbu_4 .jk {
    background-image: url(xingzuozhanbu/choupai_jk.png);
}

.zhanbu_4 .sy {
    background-image: url(xingzuozhanbu/choupai_sy.png);
}

.zhanbu_4 .aq {
    background-image: url(xingzuozhanbu/choupai_aq.png);
}

.kanpai .xzzb_jieguo {
    width: 5.0rem;
    height: 7.2rem;
    margin: 2rem auto 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.xzzb_jieguo.fp_cy {
    background-image: url(xingzuozhanbu/chakan_cy.png);
}

.xzzb_jieguo.fp_jk {
    background-image: url(xingzuozhanbu/chakan_jk.png);
}

.xzzb_jieguo.fp_aq {
    background-image: url(xingzuozhanbu/chakan_aq.png);
}

.xzzb_jieguo.fp_sy {
    background-image: url(xingzuozhanbu/chakan_sy.png);
}

.xzzb_mubu .xz_wz {
    display: flex;
    align-items: center;
    width: 3.6rem;
    height: 2rem;
    font-size: 0.32rem;
    text-indent: 1em;
    line-height: 0.6rem;
    margin: 2.3rem auto 0;
}
.xzzb_mubu .yx_box {
    display: block;
    width: 2.2rem;
    height: 1.8rem;
    margin: 0.6rem auto 0;
}
.xzzb_mubu .xz_yx {
    display: block;
    width: 1.28rem;
    height: 1.38rem;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
}
.yx_box .yxxz {
    display: block;
    line-height: 0.4rem;
    border: 1px solid #424d74;
    color: #4d4d4d;
    font-size: 0.26rem;
    text-align: center;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.6);
}
.yx_box .yxxz .yx_i {
    font-style: normal;
}

/*相关星座*/

.xz_yx.by {
    background-image: url(xingzuozhanbu/xiangguan_by.png);
}

.xz_yx.jn {
    background-image: url(xingzuozhanbu/xiangguan_jn.png);
}

.xz_yx.sz {
    background-image: url(xingzuozhanbu/xiangguan_sz.png);
}

.xz_yx.jx {
    background-image: url(xingzuozhanbu/xiangguan_jx.png);
}

.xz_yx.shz {
    background-image: url(xingzuozhanbu/xiangguan_shz.png);
}

.xz_yx.cn {
    background-image: url(xingzuozhanbu/xiangguan_cn.png);
}

.xz_yx.tc {
    background-image: url(xingzuozhanbu/xiangguan_tc.png);
}

.xz_yx.tx {
    background-image: url(xingzuozhanbu/xiangguan_tx.png);
}

.xz_yx.ss {
    background-image: url(xingzuozhanbu/xiangguan_ss.png);
}

.xz_yx.mj {
    background-image: url(xingzuozhanbu/xiangguan_mj.png);
}

.xz_yx.sp {
    background-image: url(xingzuozhanbu/xiangguan_sp.png);
}

.xz_yx.sy {
    background-image: url(xingzuozhanbu/xiangguan_sy.png);
}

.mui-backdrop {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
}