/*盘面主体*/
#title {
    z-index: 11;
}
#game{z-index: 11;}
#panmian{width:10rem;height: 8.7rem;position: relative;z-index: 10;margin: 0rem auto;background-size: 100% 100%!important;}
#panmian img{width: 100%}
#panmian .my-lucky-box{position: absolute;overflow: hidden;margin: 0 auto;right: 0;left: 0;}
#game .p_2{width: 100%;height: 100%;position:absolute;z-index: 100;mix-blend-mode:plus-lighter;opacity: 0;transform: scale(0.9)}
/*@keyframes cj_guang {*/
/*    0%{opacity: 0.2;transform: scale(0.9)}*/
/*    50%{opacity: 0.3;}*/
/*    100%{opacity: 0.3;transform: scale(1)}*/
/*}*/

#panmian #my-lucky{position: absolute;margin:  0 auto;top: 0;left: 0;right: 0;position:absolute;z-index: 5;}
#anniu{position: absolute;margin: 0 auto;left: 0;right: 0;transition: all 0.5s;z-index: 100}
#anniu img{width: 100%;transition: all 0.5s}

#panmian #yaogan{position: absolute;margin: 0 auto;right: 0;transition: all 0.5s;z-index: 100;}
#panmian #yaogan img{width: 100%;transition: all 0.5s}



/*上下快速抖动*/
.apply-shake {
    animation: shake 0.6s cubic-bezier(.36,.07,.19,.97) both;animation-iteration-count: infinite;
}
@keyframes shake {

    10%, 90% {
        transform: translate3d( 0,-1px, 0);
    }

    20%, 80% {
        transform: translate3d( 0,2px, 0);
    }



    30%, 50%, 70% {
        transform: translate3d( 0,-4px, 0);
    }

    40%, 60% {
        transform: translate3d( 0,4px, 0);
    }

}




/*光效*/
.btn-bg{width: 10rem;
    height: 7.2rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 13rem;
    z-index: 1;}


/*.btn-guang{position: absolute;left: 0;mix-blend-mode: screen;transform: scale(1);opacity:0;*/
/*    margin: 0 auto;right: 0;    z-index: 100;}*/
.btn-guang:hover{
    animation: scaleUp 1s ease-in-out;
}

.btn-guang{position: absolute;left: 0;mix-blend-mode: screen;transform: scale(1);opacity:0;
    margin: 0 auto;right: 0;    z-index: 100;}

/* 定义放大动画 */
@keyframes scaleUp {
    0% { transform: scale(1); opacity: 1}
    100% { transform: scale(1.5); opacity: 0}
}


.shengyu{position: absolute;
    top: 3.2rem;
    left: 0rem;
    display: flex
;
    justify-content: center;
    color: #fff;
    flex-wrap: wrap;}
.shengyu p{width: 100%;text-align: center;    line-height: 30px;color: #ffe407}
.shengyu .sy-num{    font-weight: bold;
    background: #6a0b0b80;
    padding: 4px 10px;
    min-width: 1.5rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 0.1rem;
    border-radius: 4px;}
.shengyu .sy-num b{transition: all 0.3s;display: block}





/* 定义放大动画 */
/*@keyframes scaleUp {*/
/*    0% { transform: scale(1); }*/
/*    100% { transform: scale(1.5);opacity: 0 }*/
/*}*/

#lianchou{position: absolute;width: 10rem;height: 0.8rem;top:1.9rem;display: flex;justify-content: space-around}
#lianchou span{background: #00000080;color:#a3d4ff;border-radius: 4px;display: flex;align-items: center;justify-content: center;width: 3rem;height: 0.8rem;}
.lc_active{background: #80beff !important;
    color: #ff0000 !important;}


.zj-msg{background: #ffffff00;box-shadow: none;}
.zj_gif{width: 10rem;height:5rem;position: absolute;background-image:url("/index/laohuji/s1/images/zj.gif");background-size: 100% 100%!important;mix-blend-mode: screen;    z-index: 3000;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 5.5rem;}
.zj-msg .zj-con .zj_img{width: 4.5rem;height: 4.5rem;position: relative;top:0}
.zj-msg .zj-con .zj_name{position: relative;top: 1rem}
.zj-msg .zj-con .zj_name b {
    color: #ffda00;font-size: 0.5rem;
}
.zj-msg .zj-con .zj_btn{position: relative;top: 2rem}

.ul-li-info p span{

    color: #fff;
    padding: 1px 5px;
    border-radius: 4px;
}
.li_info_1{background: #96b7ba;}
.li_info_10{background:#d79948;}
.li_info_50{background: #aa26cb;}


#lianchou1{position: absolute;width: 10rem;height: 0.8rem;top:1.9rem;display: flex;justify-content: space-around;    align-items: center;}
#lianchou1 .cj_msg{color: #fff;font-size: 0.45rem}
#lianchou1 .cj_num{display: flex;align-items: center}
#lianchou1 .jian{width: 0.9rem;height: 0.8rem;background: #d44747;text-align: center;border-radius: 1rem 0 0 1rem;display: flex
;justify-content: center;
    align-items: center;box-shadow: 0 2px 4px 0 #810909;}
#lianchou1 .jian i{font-size: 0.5rem;font-weight: bold;color: #ffffff}
#lianchou1 .jia{width: 0.9rem;height: 0.8rem;background: #d44747;text-align: center;border-radius: 0 1rem 1rem   0;display: flex
;justify-content: center;
    align-items: center;box-shadow: 0 2px 4px 0 #810909;}
#lianchou1 .jia i{font-size: 0.5rem;font-weight: bold;color: #ffffff}

#lianchou1 .num{width: 1.4rem;height: 0.8rem;background:#0000004d;display: inline-block;text-align: center;line-height: 0.8rem;color: #ffffff;transition: all 0.5s;}
#lianchou1 .num b{transition: all 0.5s;display: inline-block;}



.gg-msg{width: 9rem!important;top:50%;border-radius: 10px;animation: my-animation 0.5s;overflow: hidden;background: transparent;    transform: translate(0, -50%);}
.gg-msg .el-dialog__header{padding: 0}
.gg-msg .el-dialog__body{padding: 0}
.gg-msg img{width: 100%}