

body{ background: #000000; font-size:.25rem;}
div { box-sizing:border-box;}

a.teach { position:absolute; display:block; width:1.7rem; top:.41rem; right:.36rem;}
.intBox { background:url(../image/cont1.jpg) center no-repeat; position:relative; height:5.07rem; background-size:100% auto;}
.intBox a.posBtn { position:absolute; left:0; bottom:0; width:100%; height:1rem;}
.intImg { width:6.84rem; margin:0 auto;}
.intBox { padding-top:.42rem;}
.downBtn {animation: myfirst 1s infinite linear; display:block; width:4.69rem; margin:.3rem auto 0;}
.lines { background:url(../image/cont2.jpg) center no-repeat; height:3.98rem; background-size:100% auto;}
.gameList { padding-top:1rem; background:url(../image/cont3.jpg) center no-repeat; height:5.99rem; background-size:100% auto;}
.activeList { background:url(../image/cont4.jpg) center no-repeat; height:4.42rem; background-size:100% auto;}
.activeList ul { padding-top:1.28rem; text-align:center;}
.activeList li { display:inline-block; margin:0 .15rem; width:2.09rem;}
.gameList img { width:7.01rem; margin:0 auto;}
.footer { text-align:center; background:url(../image/footer.jpg) center no-repeat; line-height:1.1rem; height:1.11rem; background-size:100% auto; color:#ffffff;}
@keyframes myfirst
{
    from { transform:scale(1.1)}
	50%{ transform:scale(1)}
    to { transform:scale(1.1)}
}
.linesTitle { overflow:hidden; line-height:.7rem; border-top:1px solid #3f3429;}
.linesTitle img.titTxt { float:left; width:1.32rem; margin-top:.23rem;}
.linesTitle p { float:left; color:#fff9df; font-size:.18rem; line-height:.7rem; margin-left:.16rem;}
.linesTitle a.online { display:block; float:right; background:url(../image/online.png) center no-repeat; width:1.46rem; height:.35rem; background-size:100% auto; margin-top:.18rem;}
.linesBar { width:6.77rem; margin:0 auto;}
.linesBar ul { width:6.85rem; margin:.3rem auto 0;}
.linesBar li { margin-bottom:.22rem; overflow:hidden;}
.linesLeft { float:left; margin-top: .04rem; width:4.8rem; height:.6rem; background:#ffffff; border-radius:4px; overflow:hidden;}
.linesLeft span { float:left;background:#eed294; display:block; line-height:.6rem; width:1.1rem; color:#320404; text-align:center; font-size:.26rem;}
.linesBar li a.enter { float:right; display:block; background:url(../image/enterBtn.png) center no-repeat; height:.65rem; background-size:100% auto; width:1.86rem;text-align:center; height:.68rem; line-height:.68rem;}
.linesLeft p { border:1px solid #89806b; background:#292929; float:left; width:calc(100% - 1.1rem); font-weight:bold; text-align:center; line-height:.58rem; color:#fffade; font-size:.3rem; box-sizing:border-box; border-left:none;}
.teach { display:block; width:1.69rem; position:absolute; top:.42rem; right:.45rem;}
.teachAlt {display:none; position:fixed; z-index:3; left:0; top:0; width:100%; height:100%; overflow-y:scroll;}
.teachAlt::-webkit-scrollbar {
  display: none;
}
.kf { width:1.28rem; position:fixed; right:.05rem; top:50%; z-index:2;}
