html,
body {
    margin: 0;
    padding: 0;
}

ul,
li,
ol,
p,
h3 {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style: none;
}

html,
body {
    margin: 0;
    padding: 0;
}

ul,
li,
ol,
p,
h3,
h1 {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style: none;
}
a{text-decoration: none;}
body {
    background: #efeff4;
}
.nav {
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    font-size:16px;
}

.nav .logo {
    width: 1200px;
    margin: auto;
    min-height: 30px;
    padding: 5px 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

.nav .logo .logo-img {
    width: 180px;
    height: 101.25px;
    -ms-flex-item-align: center;
    align-self: center
}

.nav .logo .logo-img img {
    width: 100%;
    height: 100%
}

.nav .logo .logo-txt-pic {
    box-sizing: border-box;
    padding-top: 20px
}

.nav .logo .logo-ball-pic {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.navBar {
    width: 100%;
    height: 50px;
    background-image: linear-gradient(270deg,#5063fb,#983bfd);
    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);
    position: relative;
}
.navBar ul{
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    display: flex;
}
.nav-item{
    position: relative;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
}
.nav-item.active,.nav-item:hover{
    background: rgba(0,0,0,.3);
    position: unset;
}
.nav-title{
    padding: 0 30px;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
}
.dropdown-content{
    display: inline-block;
    transition: opacity .3s;
    opacity: 0;
    background: #fff;
    position: absolute;
    top: 50px;
    z-index: 50;
    left: 0;
    width: 100%;
    box-shadow: 0 0 4px rgb(0 0 0 / 15%);
    display: none;
}
.nav-item:hover .dropdown-content {
    opacity: 1;
    top: 50px;
    display: inline-block;
}
.typeList{
    width: 1200px;
    margin: 0 auto;
}
.row {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    border-bottom: 1px solid #eee;
}
.gamelogo{
    color: #333;
    display: flex;
    align-items: center;
}
.gamelogo img{
    width: 24px;
    height: 24px;
}
.row span{
    padding: 0;
    color: #333;
    font-size: 14px;
}
.itemL{
    width: 200px;
}
.itemL .gamelogo span{
    font-size: 18px;
    padding-left: 15px;
}
.itemR a{
    display: inline-block;
    color: #666;
    border-radius: 5px;
    transition: none;
    padding: 2px 6px;
    line-height: 20px;
}
.itemR a:hover {
    background: #4f59e2;
}
.itemR a:hover span{
    color: #fff !important;
}
.gamelogo:hover span{
    color: #903ffc !important;
}
.gameList{

}
.dropdown .dropdown-content{
    width: auto;
    left: auto;
    display: block !important;
}
.newgamelogo{
    color: #333;
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #eee;
    min-width: 134px;
    box-sizing: border-box;
    width: auto;
}
.newgamelogo img{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.newgamelogo:hover span{
    color: #903ffc !important;
}
.warper{
    width: 1200px;
    margin: 0 auto;
}
.hotgame {
    position: relative;
    margin-top: 15px;
}
.hotgame .hotgame-list {
    box-sizing: border-box;
    width: 1200px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 10px 0;
    padding-bottom: 0;
    min-height: calc(100vh - 390px);
}
.hotgame-item {
    width: 394px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 9px;
    box-shadow: 1px 2px 5px #d6d4d4;
    cursor: pointer;
}
.hotgame-item {
    width: 394px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 9px;
    box-shadow: 1px 2px 5px #d6d4d4;
    cursor: pointer
}

.hotgame-item:nth-child(3n+3) {
    margin-right: 0
}

.hotgame-item:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,.1)
}

.hotgame-item .hotgame-item-info {
    display: flex;
    align-items: center;
}

.hotgame-item .hotgame-item-info .hotgame-item-pic {
    padding: 10px
}

.hotgame-item .hotgame-item-info .hotgame-item-pic img {
    display: block;
    width: 60px
}

.hotgame-item .hotgame-item-info .hotgame-item-content {
    width: 100%
}

.hotgame-item .hotgame-item-info .hotgame-item-content .hotgame-item-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #838383;
    margin-bottom: 10px
}

.hotgame-item .hotgame-item-info .hotgame-item-content .hotgame-item-title .hotgame-item-titleTxt {
    font-weight: 700;
    margin-right: 10px;
    color: #454646;
    font-size: 20px
}

.winNo-table {
    width: 100%;
    border: 1px solid #e6e6e6;
    text-align: center;
    border-collapse: collapse;
}

.winNo-table th {
    background: #fafafa
}

.winNo-table td,.winNo-table th {
    padding: 10px;
    border: 1px solid #e6e6e6
}

.PK10 {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PK10 .winNo-col {
    margin-right: 0
}

.winNo-style {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 20px
}
.hotgame-item-countDown {
    text-align: center;
    color: #999;
    font-size: 14px
}

.hotgame-item-countDown .countDown-title {
    margin-right: 15px
}

.hotgame-item-countDown .countDown-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    min-height: 30px
}

.hotgame-item-countDown .countDown-content .countDown-openTime {
    font-size: 20px;
    color: #f02f22
}

.hotgame-item-countDown .countDown-content .countDown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.hotgame-item-countDown .countDown-content .countDown-txt {
    display: block;
    margin: 0 5px
}

.hotgame-item-countDown .countDown-content .countDown-colon {
    margin: 0 2px
}

.hotgame-item-countDown .countDown-content .countDown-hour {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.hotgame-item-countDown .countDown-content .countDown-style {
    width: 34px;
    line-height: 25px;
    font-size: 20px;
    color: #f02f22
}
.gameBox{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.gameBox img{
    width: 24px;
    height: 24px;
    margin-right: 9.4px;
}
.gameBox img:last-child{
    margin-right: 0;
}
.topBanner{
    display: flex;
    width: 1200px;
    margin: 15px auto 0;
    background: #fff;
    box-shadow: 1px 2px 5px #d6d4d4;
}
.banner{
    width: 100%;
}
.banner img {
    display: block;
    height: 400px;
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    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-slide img {
    display: block
}
.qrcode{
    width: 20%;
    color: #999;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #fff;
}
.qrcode-title{
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.qrcode-title .title-bold{
    color: #333;
    font-size: 18px;
    font-weight: 700;
}
.qrcode .qrcode-img{
    width: 200px;
    margin: 20px auto;
}
.qrcode .qrcode-img img{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.qrcode .qrcode-content {
    color: #666;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.qrcode .qrcode-content+p {
    line-height: 15px;
}
.ljtz{
    display: flex;
}
.ljtz a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    margin: 10px 0;
    background: #ff7b00;
    color: #fff;
    font-size: 16px;
    letter-spacing: 5px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
}
.loading{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #efeff4;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.show{
    display: block;
}
.hide{
    display: none;
}

.pc28 > div {
    width: 36px;
    height: 36px;
    line-height: 36px;
}
.pc28 > div.pc28-add {
    padding-right: 10px;
    display: inline-block;
    width: 24px;
    height: 36px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    color: #313131;
}

.pk10-btn {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin-right: 8px;
}

.ssc-0,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-0.hide,.ssc-0.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-0:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "0"
}

.ssc-1,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-1.hide,.ssc-1.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-1:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "1"
}

.ssc-2,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-2.hide,.ssc-2.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-2:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "2"
}

.ssc-3,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-3.hide,.ssc-3.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-3:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "3"
}

.ssc-4,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-4.hide,.ssc-4.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-4:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "4"
}

.ssc-5,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-5.hide,.ssc-5.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-5:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "5"
}

.ssc-6,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-6.hide,.ssc-6.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-6:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "6"
}

.ssc-7,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-7.hide,.ssc-7.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-7:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "7"
}

.ssc-8,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-8.hide,.ssc-8.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-8:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "8"
}

.ssc-9,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-9.hide,.ssc-9.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-9:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "9"
}

.ssc-10,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-10.hide,.ssc-10.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-10:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "10"
}

.ssc-11,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-11.hide,.ssc-11.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-11:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "11"
}

.ssc-12,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-12.hide,.ssc-12.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-12:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "12"
}

.ssc-13,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-13.hide,.ssc-13.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-13:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "13"
}

.ssc-14,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-14.hide,.ssc-14.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-14:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "14"
}

.ssc-15,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-15.hide,.ssc-15.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-15:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "15"
}

.ssc-16,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-16.hide,.ssc-16.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-16:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "16"
}

.ssc-17,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-17.hide,.ssc-17.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-17:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "17"
}

.ssc-18,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-18.hide,.ssc-18.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-18:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "18"
}

.ssc-19,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-19.hide,.ssc-19.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-19:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "19"
}

.ssc-20,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-20.hide,.ssc-20.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-20:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "20"
}

.ssc-21,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-21.hide,.ssc-21.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-21:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "21"
}

.ssc-22,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-22.hide,.ssc-22.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-22:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "22"
}

.ssc-23,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-23.hide,.ssc-23.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-23:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "23"
}

.ssc-24,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-24.hide,.ssc-24.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-24:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "24"
}

.ssc-25,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-25.hide,.ssc-25.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-25:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "25"
}

.ssc-26,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-26.hide,.ssc-26.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-26:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "26"
}

.ssc-27,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-27.hide,.ssc-27.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-27:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "27"
}

.ssc-28,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-28.hide,.ssc-28.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-28:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "28"
}

.ssc-29,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-29.hide,.ssc-29.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-29:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "29"
}

.ssc-30,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-30.hide,.ssc-30.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-30:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "30"
}

.ssc-31,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-31.hide,.ssc-31.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-31:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "31"
}

.ssc-32,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-32.hide,.ssc-32.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-32:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "32"
}

.ssc-33,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-33.hide,.ssc-33.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-33:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "33"
}

.ssc-34,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-34.hide,.ssc-34.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-34:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "34"
}

.ssc-35,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-35.hide,.ssc-35.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-35:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "35"
}

.ssc-36,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-36.hide,.ssc-36.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-36:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "36"
}

.ssc-37,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-37.hide,.ssc-37.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-37:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "37"
}

.ssc-38,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-38.hide,.ssc-38.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-38:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "38"
}

.ssc-39,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-39.hide,.ssc-39.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-39:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "39"
}

.ssc-40,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-40.hide,.ssc-40.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-40:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "40"
}

.ssc-41,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-41.hide,.ssc-41.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-41:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "41"
}

.ssc-42,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-42.hide,.ssc-42.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-42:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "42"
}

.ssc-43,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-43.hide,.ssc-43.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-43:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "43"
}

.ssc-44,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-44.hide,.ssc-44.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-44:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "44"
}

.ssc-45,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-45.hide,.ssc-45.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-45:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "45"
}

.ssc-46,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-46.hide,.ssc-46.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-46:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "46"
}

.ssc-47,.ssc-- {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e8ebf1
}

.ssc-47.hide,.ssc-47.hide:after,.ssc--.hide,.ssc--.hide:after {
    opacity: .4
}

.ssc-47:after,.ssc--:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #e35858;
    font-size: 18px;
    content: "47"
}


.ssc-total-lottery-1 {
    color: #666a6e;
    border-color: #f12d35
}

.ssc-total-lottery-1:after {
    color: #666a6e;
}

.ssc-total-lottery-2 {
    color: #666a6e;
    border-color: #009204
}

.ssc-total-lottery-2:after {
    color: #666a6e
}

.ssc-total-lottery-3 {
    color: #666a6e;
    border-color: #184dd5!important
}

.ssc-total-lottery-3:after {
    color: #666a6e
}


.marksix {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
}
.marksix.marksix-1 {
    background: url("../game/marksix/mark_1.png") no-repeat;
    background-size: 30px 30px
}

.marksix.marksix-2 {
    background: url("../game/marksix/mark_2.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-3 {
    background: url("../game/marksix/mark_3.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-4 {
    background: url("../game/marksix/mark_4.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-5 {
    background: url("../game/marksix/mark_5.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-6 {
    background: url("../game/marksix/mark_6.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-7 {
    background: url("../game/marksix/mark_7.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-8 {
    background: url("../game/marksix/mark_8.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-9 {
    background: url("../game/marksix/mark_9.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-10 {
    background: url("../game/marksix/mark_10.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-11 {
    background: url("../game/marksix/mark_11.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-12 {
    background: url("../game/marksix/mark_12.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-13 {
    background: url("../game/marksix/mark_13.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-14 {
    background: url("../game/marksix/mark_14.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-15 {
    background: url("../game/marksix/mark_15.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-16 {
    background: url("../game/marksix/mark_16.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-17 {
    background: url("../game/marksix/mark_17.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-18 {
    background: url("../game/marksix/mark_18.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-19 {
    background: url("../game/marksix/mark_19.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-20 {
    background: url("../game/marksix/mark_20.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-21 {
    background: url("../game/marksix/mark_21.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-22 {
    background: url("../game/marksix/mark_22.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-23 {
    background: url("../game/marksix/mark_23.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-24 {
    background: url("../game/marksix/mark_24.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-25 {
    background: url("../game/marksix/mark_25.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-26 {
    background: url("../game/marksix/mark_26.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-27 {
    background: url("../game/marksix/mark_27.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-28 {
    background: url("../game/marksix/mark_28.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-29 {
    background: url("../game/marksix/mark_29.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-30 {
    background: url("../game/marksix/mark_30.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-31 {
    background: url("../game/marksix/mark_31.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-32 {
    background: url("../game/marksix/mark_32.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-33 {
    background: url("../game/marksix/mark_33.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-34 {
    background: url("../game/marksix/mark_34.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-35 {
    background: url("../game/marksix/mark_35.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-36 {
    background: url("../game/marksix/mark_36.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-37 {
    background: url("../game/marksix/mark_37.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-38 {
    background: url("../game/marksix/mark_38.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-39 {
    background: url("../game/marksix/mark_39.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-40 {
    background: url("../game/marksix/mark_40.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-41 {
    background: url("../game/marksix/mark_41.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-42 {
    background: url("../game/marksix/mark_42.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-43 {
    background: url("../game/marksix/mark_43.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-44 {
    background: url("../game/marksix/mark_44.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-45 {
    background: url("../game/marksix/mark_45.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-46 {
    background: url("../game/marksix/mark_46.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-47 {
    background: url("../game/marksix/mark_47.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-48 {
    background: url("../game/marksix/mark_48.png") no-repeat;
    background-size: 30px 30px
}
.marksix.marksix-49 {
    background: url("../game/marksix/mark_49.png") no-repeat;
    background-size: 30px 30px
}
.marksix-add{
    background: url(../game/marksix/cross.svg) no-repeat 50%;
    box-shadow: none;
    width: 24px;
    height: 30px;
    transform: rotate(45deg);
    display: inline-block;
}

.marksix-animal{
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
}

.marksix-animal-empty{
    width: 22px;
    height: 30px;
    display: inline-block;
}

.countDown s {
    float: left;
    position: relative;
    width: 50px;
    height: 32px;
    border-radius: 4px;
    overflow: hidden;
    color: #333;
    border: 1px solid #e2e2e2;
}

s {
    text-decoration: none;
}

.countDown b, .countDown i {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.countDown i {
    height: 16px;
    background-color: #f4f4f4;
    z-index: 0;
}

.countDown b {
    bottom: 0;
    z-index: 1;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
}
b {
    font-weight: 500;
}
.countDown span{
    float: left;
    line-height: 32px;
    margin: 0px 0 0 7px;
    vertical-align: top;
    font-size: 16px;
    width: 17px;
    color: #666;
}



.gameBox span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat; /* 添加此行 */

    margin-left: 4px; /* 设置左间距 */
    margin-right: 4px; /* 设置右间距 */
}

.gameBox span:first-child {
    margin-left: 0; /* 第一个元素不需要左间距 */
}

.gameBox span:last-child {
    margin-right: 0; /* 最后一个元素不需要右间距 */
}


.danzhu-D1 { background-image: url('../game/danzhu/D1.png'); }
.danzhu-D9 { background-image: url('../game/danzhu/D9.png'); }
.danzhu-D8 { background-image: url('../game/danzhu/D8.png'); }
.danzhu-D5 { background-image: url('../game/danzhu/D5.png'); }
.danzhu-D6 { background-image: url('../game/danzhu/D6.png'); }
.danzhu-D7 { background-image: url('../game/danzhu/D7.png'); }
.danzhu-D4 { background-image: url('../game/danzhu/D4.png'); }
.danzhu-D10 { background-image: url('../game/danzhu/D10.png'); }
.danzhu-D3 { background-image: url('../game/danzhu/D3.png'); }
.danzhu-D2 { background-image: url('../game/danzhu/D2.png'); }



.pk10-5 { background-image: url('../game/pk10/ic_square_5.png'); }
.pk10-9 { background-image: url('../game/pk10/ic_square_9.png'); }
.pk10-1 { background-image: url('../game/pk10/ic_square_1.png'); }
.pk10-10 { background-image: url('../game/pk10/ic_square_10.png'); }
.pk10-8 { background-image: url('../game/pk10/ic_square_8.png'); }
.pk10-2 { background-image: url('../game/pk10/ic_square_2.png'); }
.pk10-4 { background-image: url('../game/pk10/ic_square_4.png'); }
.pk10-6 { background-image: url('../game/pk10/ic_square_6.png'); }
.pk10-7 { background-image: url('../game/pk10/ic_square_7.png'); }
.pk10-3 { background-image: url('../game/pk10/ic_square_3.png'); }

.ssc-round-0 { background-image: url('../game/ssc/ic_round_0.png'); }
.ssc-round-1 { background-image: url('../game/ssc/ic_round_1.png'); }
.ssc-round-2 { background-image: url('../game/ssc/ic_round_2.png'); }
.ssc-round-3 { background-image: url('../game/ssc/ic_round_3.png'); }
.ssc-round-4 { background-image: url('../game/ssc/ic_round_4.png'); }
.ssc-round-5 { background-image: url('../game/ssc/ic_round_5.png'); }
.ssc-round-6 { background-image: url('../game/ssc/ic_round_6.png'); }
.ssc-round-7 { background-image: url('../game/ssc/ic_round_7.png'); }
.ssc-round-8 { background-image: url('../game/ssc/ic_round_8.png'); }
.ssc-round-9 { background-image: url('../game/ssc/ic_round_9.png'); }
.ssc-round-10 { background-image: url('../game/ssc/ic_round_10.png'); }




.lnssc-round-0 { background-image: url('../game/lnssc/ic_round_0.png'); }
.lnssc-round-1 { background-image: url('../game/lnssc/ic_round_1.png'); }
.lnssc-round-2 { background-image: url('../game/lnssc/ic_round_2.png'); }
.lnssc-round-3 { background-image: url('../game/lnssc/ic_round_3.png'); }
.lnssc-round-4 { background-image: url('../game/lnssc/ic_round_4.png'); }
.lnssc-round-5 { background-image: url('../game/lnssc/ic_round_5.png'); }
.lnssc-round-6 { background-image: url('../game/lnssc/ic_round_6.png'); }
.lnssc-round-7 { background-image: url('../game/lnssc/ic_round_7.png'); }
.lnssc-round-8 { background-image: url('../game/lnssc/ic_round_8.png'); }
.lnssc-round-9 { background-image: url('../game/lnssc/ic_round_9.png'); }
.lnssc-round-10 { background-image: url('../game/lnssc/ic_round_10.png'); }



.dice-1 { background-image: url('../game/dice/ic_dice_1.png'); }
.dice-2 { background-image: url('../game/dice/ic_dice_2.png'); }
.dice-3 { background-image: url('../game/dice/ic_dice_3.png'); }
.dice-4 { background-image: url('../game/dice/ic_dice_4.png'); }
.dice-5 { background-image: url('../game/dice/ic_dice_5.png'); }
.dice-6 { background-image: url('../game/dice/ic_dice_6.png'); }