body, html { min-height: 100%; -webkit-touch-callout: none; }

a, body, dd, div, dl, dt, em, html, i, img, input, li, p, span, textarea, ul { margin: 0; padding: 0; outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

article, aside, dialog, figure, footer, header, menu, nav, section { display: block; }

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

a { color: #6c7a81; text-decoration: none; }

img { width: 100%; display: block; border: none; }

a img { pointer-events: auto !important; }

img, video { -o-object-fit: cover; object-fit: cover; }

em, i { font-style: normal; }

input, textarea { outline: 0; }

.cf { *zoom: 1; }

.cf:after { content: ""; display: block; height: 0; clear: both; overflow: hidden; }

.fl, .fr { display: inline-block; }

.fl { float: left; }

.fr { float: right; }

.c1 { color: #e75e46 !important; }

.mt15 { margin-top: 0.15rem !important; }

.mt24 { margin-top: 0.24rem !important; }

.mt30 { margin-top: 0.3rem !important; }

.mt35 { margin-top: 0.35rem !important; }

.tac { text-align: center; }

.fs18 { font-size: 0.18rem !important; }

body { background: url(../images/bg.jpg) repeat-y center 0; background-size: 7.5rem auto; background-color: transparent; line-height: .4rem; font-size: .26rem; margin: 0 auto; word-wrap: break-word; word-break: break-all; color: #333; }

body, input, textarea { font-family: "Helvetica Neue",Helvetica,Tahoma,sans-serif; }

.gray { -webkit-filter: grayscale(1); filter: grayscale(1); }

.mouButton { background: url(../images/btn_down.png) no-repeat; background-size: 100% 100%; width: 2.9rem; height: 0.85rem; line-height: 0.85rem; margin: 0 auto; display: block; text-align: center; color: #8c3f08; font-size: .42rem; font-weight: 700; overflow: hidden; text-shadow: #ffffc0 0.02rem 0.02rem 0,#ffffc0 -0.02rem 0.02rem 0; }

.wMtit { line-height: .26rem; width: 6.36rem; color: #f2ffff; font-size: .2rem; text-align: center; overflow: hidden; margin: 1.7rem auto 0; }

.wMtit em { color: #ff823c; }

.wMou { background-repeat: no-repeat; background-size: 100% 100%; width: 7.5rem; margin: -.005rem auto 0; overflow: hidden; }

.wMou1 { background-image: url(../images/b2.jpg); height: 7.68rem; }

.wMou2 { background-image: url(../images/b3.jpg); height: 6.94rem; }

.wMou3 { background-image: url(../images/b4.jpg); height: 8.98rem; }

.wMou4 { background-image: url(../images/b5.jpg); height: 14.94rem; }

.wMou5 { background-image: url(../images/b6.jpg); height: 9.54rem; }

.wMou6 { background-image: url(../images/b7.jpg); height: 8.16rem; }

.wMouIndex { background-image: url(../images/b1.jpg); height: 11.92rem; position: relative; z-index: 1; overflow: hidden; }

.wMouIndex .logo { width: 3.33rem; position: absolute; left: 0.32rem; top: 1.84rem; }

.wMouIndex .nums { background: rgba(0, 0, 0, 0.7); height: 0.4rem; padding: 0 0.26rem 0 0.12rem; position: absolute; top: 2.56rem; left: 0; color: #fff; font-size: 0.2rem; border-radius: 0 0.5rem 0.5rem 0; }

.wMouIndex .nums em { color: #f2e773; font-size: 0.2rem; }

.wMouIndex p { color: #fff; font-size: 0.22rem; text-align: center; width: 4.56rem; height: 0.4rem; line-height: 0.42rem; overflow: hidden; margin: 9.4rem auto 0; opacity: 0.8; }

.wMouIndex .btns { width: 6.5rem; height: 0.87rem; margin: 0.3rem auto 0; display: flex; justify-content: space-around; }

.wMouIndex .btns a { background: url(../images/btn_down.png?v=001) no-repeat; background-size: 100% 100%; width: 2.54rem; height: 0.75rem; line-height: 0.75rem; text-align: center; color: #8c3f08; font-size: .36rem; overflow: hidden; align-items: center; text-shadow: #ffffc0 0.02rem 0.02rem 0,#ffffc0 -0.02rem 0.02rem 0; display: block; font-weight: bold; font-style: italic; }

.gameName { background: url(../images/name-bg.png) no-repeat center 0; background-size: auto 100%; background-color: transparent; height: 0.38rem; line-height: 0.4rem; color: #fff; font-size: 0.24rem; text-align: center; width: 6rem; margin: 0.2rem auto 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.wMou1 .mouButton { margin: 4.3rem 0 0 1.3rem; }

.sign { margin: .06rem auto 0; }

.sign .mouButton { width: 2.53rem; height: 0.75rem; line-height: 0.75rem; font-size: 0.36rem; }

.sign p { height: .36rem; line-height: .36rem; color: #073546; font-size: .2rem; text-align: center; }

.sign p b { color: #ffe584; margin: 0 .05rem; }

.wMou3 .wMtit { margin-top: 1.6rem; color: #073546; font-weight: 500; -webkit-text-stroke: .2pt; }

.wMou3 .list { width: 7rem; height: 5.7rem; margin: 1rem auto 0; position: relative; display: box; display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding-left: 0.14rem; }

.wMou3 .list .mouButton { width: 1.6rem; height: 0.47rem; line-height: 0.47rem; font-size: 0.23rem; margin: 0 0.06rem; }

.leiSign .sign-list { display: flex; justify-content: center; width: 100%; padding-top: 5rem; padding-right: 0.14rem; padding-bottom: 0.1rem; -webkit-box-sizing: border-box; }

.leiSign .sign-list:nth-child(2) { padding-left: 2.47rem; }

.leiSign .sign-list .mouButton { width: 2.17rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.3rem; margin: 0 0.15rem; }

.wMou4 .wMtit { color: #073546; font-weight: 500; -webkit-text-stroke: .2pt; margin-top: 1.66rem; }

.wMou4 .mouButton { margin-top: 4.2rem; }

.wMou2 { padding-left: 0.3rem; -webkit-box-sizing: border-box; }

.wMou2 .zcList { display: flex; justify-content: space-between; width: 4.74rem; padding: 2.6rem 0 0 2.22rem; }

.wMou2 .zcList p { color: #f2ffff; font-size: 0.18rem; text-align: center; height: 0.4rem; line-height: 0.3rem; }

.wMou2 .zcList .mouButton { width: 2.26rem; height: 0.66rem; line-height: 0.66rem; font-size: 0.31rem; margin: 0; }

.wMou5 { padding: 1.8rem 0.5rem 0; -webkit-box-sizing: border-box; }

.wMou5 .rule { color: #f2ffff; font-size: 0.2rem; line-height: 0.3rem; max-height: 7.34rem; overflow: auto; padding: 0 0.1rem; width: 100%; margin-left: -0.1rem; }

.wMou5 .rule::-webkit-scrollbar { width: 0.04rem; }

.wMou5 .rule::-webkit-scrollbar-thumb { border-radius: 5px; background: #1db1c7; }

.wMou5 .rule::-webkit-scrollbar-track { border-radius: 5px; background: none; }

.fixMenu { background: rgba(255, 255, 255, 0.08); width: 7.5rem; margin: 0 auto; height: 2rem; }

.fixMenu .fxmInner { width: 7.5rem; height: 1.7rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/fix-foot.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; position: fixed; left: 50%; bottom: 0; margin-left: -3.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 20; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fixMenu .fxmInner .link { -ms-flex-negative: 0; flex-shrink: 0; width: 1.16rem; height: 1.12rem; position: relative; margin: 0 0.12rem; background: url(../images/fix-li.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; }

.fixMenu .fxmInner .link img { display: block; width: 0.58rem; height: 0.55rem; margin: 0.12rem auto 0; }

.fixMenu .fxmInner .link em { display: block; height: 0.32rem; line-height: 0.34rem; text-align: center; font-size: 0.22rem; color: #1e76ff; margin-top: 0.12rem; }

.fixMenu .fxmInner .link p { height: 0.3rem; background: #fff; border-radius: 0.16rem; white-space: nowrap; line-height: 0.32rem; font-size: 0.2rem; color: #1e76ff; padding: 0 0.1rem; position: absolute; left: 50%; top: -0.38rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.fixMenu .fxmInner .link p::after { content: ""; width: 0; height: 0; position: absolute; left: 50%; bottom: -0.11rem; margin-left: -0.06rem; border: 0.06rem solid #fff; border-color: #fff transparent transparent; }

.fixMenu .fxmInner .reservabtn { width: 1.4rem; margin: 0 0.1rem; margin-top: -0.56rem; }

.fixMenu .fxmInner .reservabtn .item { width: 1.38rem; height: 1.6rem; overflow: hidden; background: url(../images/fix-sp1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; margin: 0 auto; position: relative; right: -0.01rem; }

.fixMenu .fxmInner .reservabtn .item i { display: block; width: 0.98rem; height: 1.05rem; margin: 0.1rem auto 0; background: url(../images/fix-sp2.png) no-repeat center; background-size: 100% auto; background-color: transparent; -webkit-animation: shake 2.4s linear infinite; animation: shake 2.4s linear infinite; -webkit-transform-origin: 50% 20%; transform-origin: 50% 20%; }

@keyframes orderAni { 0%, 100% { -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  50% { -webkit-transform: rotate(3deg);
    transform: rotate(3deg); } }

.fixMenu .fxmInner .reservabtn .item em { display: block; height: 0.34rem; line-height: 0.36rem; font-size: 0.23rem; color: #fff; text-align: center; margin-top: -0.15rem; }

.fixMenu .fxmInner .reservabtn .text { display: block; height: 0.28rem; line-height: 0.3rem; text-align: center; font-size: 0.22rem; color: #fff; }

.fixMenu .fxmInner .reservabtn.on .item { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.9; }

.fixMenu .fxmInner .reservabtn.on .item i { -webkit-animation: none; animation: none; }

.fixMenu .fxmInner .reservabtn.on .item em { color: #fff; font-size: 0.2rem; }

@keyframes shake { 0%, 100% { -webkit-transform: rotate(0deg) scale(0.9);
    transform: rotate(0deg) scale(0.9); }
  10% { -webkit-transform: rotate(2deg) scale(1);
    transform: rotate(2deg) scale(1); }
  15%, 25%, 35% { -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg); }
  20%, 30%, 40% { -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  45% { -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  50% { -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  55%, 90% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }