

.right-detail{
    z-index: 10000;
    /* margin-top: 28px; */
    /* height: 86px; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right: .4rem;
    top: 1rem;
    align-items: center;
    width:30%;
    font-size:.24rem;
    height:2rem
}
.right-detail h3{
    color: #fff;
}
.luzhu-wrapper {
    overflow: hidden;
    background: #141414;
    width: 780px;
    float: right;
    height: 262px;
}

.result-wrapper-1 {
    width: 400px;
    float: left;
    overflow: hidden;
    position: relative;
}

.result-title {
    color: #cccccc;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
}

.game-panel {
    background: url('../../__static/__images/lb4222/cover/game-panel.png');
    width: 220px;
    height: 253px;
    margin: 0 auto 0;
    overflow: hidden;
}

.prev-game {
    cursor: pointer;
    position: absolute;
    left: 58px;
    top: 182px;
}

.next-game {
    cursor: pointer;
    position: absolute;
    right: 58px;
    top: 182px;
}

.game-panel-title {
    color: #cccccc;
    font-size: 14px;
    margin-top: 38px;
    text-align: center;
}

/*.game-time { font-size: 70px; text-align: center; color: #ffffff; margin-top: 3px; }*/
.result-cell-wrapper {
    margin-top: -4px;
}

.result-cell {
    float: left;
    width: 42px;
    margin-left: 18px;
    color: #ffffff;
    font-size: 15px;
    white-space: nowrap;
}

.result-cell:first-child {
    margin-left: 28px;
}

.red-text {
    color: #ff1d42;
}

.green-text {
    color: #00ba5c;
}

.blue-text {
    color: #1188f9;
}

.result-line {
    width: 23px;
    border-bottom: 3px solid;
    margin: 3px auto 0;
}

.red-border {
    border-color: #ff1d42;
}

.green-border {
    border-color: #00ba5c;
}

.blue-border {
    border-color: #1188f9;
}

a.result-more {
    color: #cca352;
    margin-top: 21px;
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
}

a.result-more:hover {
    color: #c08103;
    text-decoration: underline;
}

.result-wrapper-2 {
    float: left;
    overflow: hidden;
    width: 378px;
}

.result-nav-wrapper {
    overflow: hidden;
    padding-top: 17px;
    width: 378px;
}

.result-nav {
    float: left;
    margin-left: 36px;
    font-size: 14px;
    color: #cecece;
}

.result-nav:first-child {
    margin-left: 0;
}

.result-nav.highlight {
    color: #cca352;
    border-bottom: 3px solid #cca352;
    padding-bottom: 12px;
}

.result-nav a {
    color: #cecece;
    text-decoration: none;
}

.result-nav.highlight a {
    color: #cca352;
}

a.result-nav-more {
    color: #cca352;
    float: right;
    text-decoration: none;
}

.result-detail {
    width: 379px;
    height: 237px;
}

/*.scoreboard .noopen{display: none;width:442px;height: 227px;position: absolute;color: #fff;text-align: center;background:#000 url("../../__static/__images/lb4222/haibo/circloading.gif") no-repeat 200px 70px; z-index: 9999;}*/
.img .shuffle {
	display: none;
    position: absolute;
    flex-direction: column;
    align-items: center;
    width: 208px;
    height: 96px;
    color: #000;
    text-align: center;
    background: url(./static/img/shuffle.gif) no-repeat center -2px;
    background-size: 60%;
    z-index: 9999;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
    top:67px;
}

.img .loading {
	display: none;
    position: absolute;
    flex-direction: column;
    align-items: center;
    width: 208px;
    height: 96px;
    color: #000;
    text-align: center;
    background: url(./static/img/shuffle.gif) no-repeat center -2px;
    background-size: 60%;
    z-index: 9999;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
    top:62px;
}

.img .noopentxt {
    position: relative;
    top: 67px;
    color: #666666;
    font-size: 14px;
}

.img .noopentxtxp {
    position: relative;
    top: 86px;
    color: #666666;
    font-size: 14px;
}

.img .pokerimgshow {
    width: 11px;
    height: 11px;
    display: none
}

#guge {
    position: relative;
    z-index: 20;
}

#cvs {
    /* background: #F4EBDF; */
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.05)
}

#luzu_div {
    width: 4rem;
    height: 2rem;
    box-sizing: border-box;
    position: relative;
    display: none;
    overflow: hidden!important;
}


.des-info{
    font-size: 12px;
    color: #333333;
}
.des-info.title{
    font-weight: 500;
    font-size: 28px;
    color: #D0AC5B;
    margin-bottom: 10px;
    display: flex;
    /* width: 286px; */
    justify-content: space-between;
    align-items: center;
}
.title-left{
    width:4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.des-info.title h3{
    font-weight: 500;
    font-size: .32rem;
    line-height: .32rem;
    color: #CEAA70;
}
.des-info.title .news-h3{
    font-weight: 500;
    font-size: .32rem;
    line-height: .32rem;
    color: #D5A55D;
}
.des-info.title span{
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}
.des-info.title span.table{
    color: #FFFFFF;
    font-size: 12px;
    width: 45px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #FF4E4E;
    border-radius: 2px;
    margin: 0 0 0 10px;
}
.des-info.title span.tableNew{
    color: #666;
    font-size:.24rem;
    text-align: center;
    border-radius: 2px;
    margin: 0 0 0 10px;
}
.des-info.title span.tableNew2{
    display: flex;
    padding:.08rem ;
justify-content: center;
align-items: center;
border-radius: .06rem;
background: #F74B4B;
color: #FFF;
font-size: .2rem;
margin-left: .15rem;
}
.iframe-box {
    /* display: flex;
    justify-content: space-between; */
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
    padding: .3rem .4rem;
    border-radius:.16rem
}

.iframe-box .box-t {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
}

.box-t .time {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'DIN Alternate';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color:  #EBC58C;
font-size: .4rem;
font-weight: 700;
line-height: 20px; /* 100% */
}

.box-t i {
    background: url(/mobile21/pages/luckways/static/img/time.png) no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.box-t .icon-time {
    background: url(/mobile21/pages/luckways/static/img/time-3.png) no-repeat;
    background-size: 100% 100%;
    width: 13px;
    height: 13.5px;
    margin-right: 6px;
}

.iframe-box .scoreboard {
    display: flex;
    /* margin-left: auto; */
    margin-bottom: .2rem;
    width:4rem;
    height:.44rem;
    border-radius: .71rem;
border: 1px solid  rgba(255, 255, 255, 0.10);
align-items: center;
}

.iframe-box .scoreboard p {
    text-align: center;
    font-size: .24rem;
    color: #E53658;
    box-sizing: border-box;
    width:33%;
    border-right:1px solid  rgba(255, 255, 255, 0.10);
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.iframe-box .scoreboard p:nth-of-type(1){
    /*color: #E53658;*/
    color: #E53658;
    margin-left:0px;
}
.iframe-box .scoreboard p:nth-of-type(2){
    /*color: #299E26;*/
    color: #33BD2F;
}
.iframe-box .scoreboard p:nth-of-type(3){
    color: #367EF3;
    border-right: none;
}


.iframe-box .img {
    text-align: center;
    /* display: flex;
    flex-direction: column; */
    position: relative;
    height:152px;
}

.iframe-box .box-btn {
    display: flex;
width: 1.56rem;
height: .54rem;
justify-content: center;
align-items: center;
    border-radius: .08rem;
background:  linear-gradient(102deg, #F2D2A0 0%, #D9AC67 100%);
color:  #333;
font-size: .24rem;
}


body.black-index2{
    border-radius: 8px;
  background: rgba(0, 0, 0, 0.20);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.09);
  }
  body.black-index2 .way .iframe-holder{
    border-radius: 8px;
  background: rgba(0, 0, 0, 0.20);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.09);
  padding:0

  }

  .way .iframe-holder{
    
  }



@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }
