@CHARSET "UTF-8";
.top_nav .navbar .navbar-list {
    position: static;
}
.layui-layer.tips-layer {
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    color: #000;
    z-index: 9990 !important;
}
.layui-layer-shade{
    z-index: 999 !important;
}
.game-lobby{
    background: #EDF3F8 url(/images/live/new/game-bg.jpg?v=9) no-repeat center top;
}
.game-lobby .top_nav,
.game-lobby #header {
    background: none;
}
.game-lobby .main-header--small{
    background: #EDF3F8;
}
.game-main-body {
    padding: 70px 0 140px;
    position: relative;
}
.game-main-body .wp{
    width: 1160px;
    border-radius: 20px;
    position: relative;
}
.game-main-body .flex.center{
    justify-content: center;
    overflow-x: hidden;
}
.game-main-body .game-item{
    width: 225px;
    cursor: pointer;
    padding-top: 50px;
    position: relative;
}
.game-main-body .game-item .item-detail{
    padding-top: 409px;
    display: none;
}
.game-main-body .five-list .game-item{
    width: 180px;
}
.game-main-body .two-list .game-item{
    width: 290px;
}
.game-main-body .three-list .game-item{
    width: 290px;
}
.game-main-body .fish{
    background: url(/images/fish/fish-bg5.jpg?v=11) no-repeat center bottom;
}
.game-main-body .esport{
    background: url(/images/live/dj/esport-bg1.jpg?v=9) no-repeat center bottom;
}
.game-main-body .sport{
    background: url(/images/sport/sport-bg1.jpg?v=9) no-repeat center bottom;
}
.game-main-body .live{
    background: url(/images/live/new/live-bg1.jpg?v=9) no-repeat center bottom;
}
.game-main-body .lottery{
    background: url(/images/lottery/lottery-bg1.jpg?v=9) no-repeat center bottom;
}
.sport-live-inner,
.game-main-body .game-item{
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.game-main-body .game-item.active .game-avatar{
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    transition-delay: 2s;
    -webkit-transition-delay: 2s; /* Safari */
    -moz-transition-delay:2s;
}
.game-main-body .game-item.active{
    width: 485px;
}
.game-main-body .five-list .game-item.active{
    width: 440px;
}
.game-main-body .two-list .game-item.active{
    width: 870px;
}
.game-main-body .three-list .game-item.active{
    width: 580px;
}
.game-main-body .game-item.active .item-detail{
    display: block;
}
.game-main-body .game-item.active .game-bg{
    display: none;
}
.game-main-body .game-avatar{
    position: absolute;
    width: 170px;
    bottom: 0;
    right: 0;
    z-index: 1;
    max-width: 100%;
}
.game-main-body .game-item.active .game-avatar{
    width: auto;
    bottom: 10px;
    right: 50%;
    transform: translateX(50%);
}
.game-main-body .game-footer{
    position: relative;
    z-index: 8;
}
.game-main-body .game-item.fb-sport.active .game-avatar{
    bottom: 59px;
}
.game-main-body .fish .game-item.ag.active .game-avatar{
    bottom: 94px;
}
.game-main-body .fish .game-item.ks.active .game-avatar{
    bottom: 125px;
}
.game-main-body .fish .game-item.dbby.active .game-avatar{
    bottom: 0;
}
.game-main-body .fish .game-item.kybycs.active .game-avatar{
    bottom: 48px;
}
.game-main-body .fish .game-item.kyjyby.active .game-avatar{
    bottom: 56px;
}

.game-main-body .game-item.iglotto.active .game-avatar{
    bottom: 0;
}
.game-main-body .game-item.iglottery.active .game-avatar{
    bottom: 90px;
}
.game-main-body .game-item:first-child,
.game-main-body .game-item:first-child .game-bg,
.game-main-body .game-item:first-child .game-avatar,
.game-main-body .game-item:first-child .item-detail{
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.game-main-body .game-item:first-child .game-footer{
    border-bottom-left-radius: 18px;
}
.game-main-body .game-item:last-child,
.game-main-body .game-item:last-child .game-bg,
.game-main-body .game-item:last-child .item-detail{
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.game-main-body .game-item:last-child .game-footer{
    border-bottom-right-radius: 18px;
}
.game-main-body .wp:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50px;
    width: 40px;
    height: 40px;
    background: url('/images/sport/left-radius1.png?v=6') no-repeat center center;
}
.game-main-body .wp:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50px;
    width: 40px;
    height: 40px;
    background: url('/images/sport/right-radius1.png?v=6') no-repeat center center;
}
.game-main-body .live .game-item .game-bg{
    width: 225px;
}
.game-main-body .live .game-item .game-footer,
.game-main-body .live .game-item .game-avatar{
    width: 485px;
}
.game-main-body .live .game-item.active .game-avatar.fb{
    bottom: 58px;
}