/* Livlink H5 base — 新活动 style.css 可从此起步，再叠加当次视觉 */
@charset "UTF-8";html{line-height:1.15;text-size-adjust:100%}
html *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-moz-box-sizing:border-box;box-sizing:border-box;outline-color:transparent;outline-style:solid}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,button,input,textarea,select,table,th,td,dl,dt,dd,label,figure,figcaption,blockquote{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}
body{font-family:"Microsoft YaHei",Helvetica,Tahoma,sans-serif;font-size:0.24rem;line-height:1.4;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:#411900;text-decoration:none}
a:hover,a:active{cursor:pointer}
img{border:none;max-width:100%;height:auto;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
ul,ol,li{list-style:none}
em,i,cite{font-style:normal}
html{font-size:calc(100vw / 7.5)}
@media screen and (min-width:751px){
html{font-size:66.6666666667px}
}
@media screen and (min-width:751px){
.headArea{margin-top:-110px !important;}
}
.tac{text-align:center;}
.b{position:relative;width:7.5rem;margin:-1px auto 0;background-repeat:no-repeat;background-size:7.5rem auto;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.b>p{position:absolute;left:50%;transform:translateX(-50%);}
.gray,.grey{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.btns{text-align:center;white-space:nowrap;font-size:0;}
.btns a{position:relative;background-image:url(../images/btn-big.png);font-weight:bold;color:#6d4414;font-size:0.42rem;background-size:100% 100%;display:inline-flex;align-items:center;justify-content:center;}
.btns.btn-hd a{background-image:url(../images/btn-hd.png);}
/* —— 区块背景（按切图） —— */
.b1,.headArea{background-image:url(../images/b_01.jpg);height:1.8rem}
.b2{background-image:url(../images/b_02.jpg);height:8.5rem}
.b3{background-image:url(../images/b_03.jpg);height:3.9rem}
.b4{background-image:url(../images/b_04.jpg);height:5.9rem}
.b5{background-image:url(../images/b_05.jpg);height:6.3rem}
.b6{background-image:url(../images/b_06.jpg);height:7.9rem;padding-top: .1rem;}
.b7{background-image:url(../images/b_07.jpg);height:6.8rem}
.b8{background:url(../images/b_08.jpg) no-repeat center top,url(../images/b_09.jpg) no-repeat center bottom;background-size:100% auto;}
.b9{background-image:url(../images/b_09.jpg);background-color:#ffce76;background-position:center -3.5rem;}
.rules,.nums{position:absolute}
.nums{top:.8rem;right:0;background:url(../images/hd-side2.png) no-repeat center;background-size:100% 100%;width:2.34rem;height:.32rem;line-height:.32rem;color:#fff;font-size:.26rem;z-index:3;text-align:center;}
.nums em{color:#fff000}
.rules{top:.2rem;right:0;z-index:3}
.rules a{display:block;background:url(../images/hd-side1.png) no-repeat;background-size:100% 100%;height:.43rem;line-height:.43rem;width:1.31rem;color:#fff;font-size:.26rem;margin-bottom:.08rem;text-align:center;}
.hd-main .gameArea{width:6.3rem;height:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:.1rem auto;}
.hd-main .gameArea .img{display:block;width:0.94rem;height:0.97rem}
.hd-main .gameArea .btn{background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:1.74rem;height:0.73rem;overflow:hidden;text-align:center;line-height:0.7rem;font-size:0.28rem;font-weight:bold;padding-right:.1rem;}
.hd-main .txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.26rem}
.hd-main .txt p{text-align:center;font-size:0.24rem;height:0.34rem;line-height:0.36rem;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hd-main .txt .btn{background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:1.8rem;height:0.53rem;font-size:0.23rem;text-align:center;line-height:0.5rem;font-weight:bold;margin-left:0.2rem}
.hd-text{width:3.2rem;height:0.32rem;text-align:center;line-height:0.34rem;font-size:0.18rem;background:rgba(0,0,0,0.5);border-radius:0.16rem;position:absolute;left:50%;margin-left:-1.6rem;color:#fff;top:5rem;}
.mtxt{text-align:center;font-size:0.2rem;line-height:1.2;color:#411900;margin-top: 1.16rem;}
.mbtn{background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.74rem;height:0.73rem;overflow:hidden;text-align:center;line-height:0.73rem;font-size:0.3rem;font-weight:bold;/* color:#241f74;*/margin:0 auto 0;display:flex;justify-content:center;align-items:center;}
/* module:follow */
.llkModFollow{background: rgba(255,255,255,.7);width:6.86rem;height:1.2rem;margin:.2rem auto 0;border-radius:.3rem;box-shadow:0 .02rem .12rem 0 #999;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding-left:.1rem;padding-right:.2rem;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.llkModFollow .followImg{-webkit-flex-shrink:0;flex-shrink:0;width:1.02rem;height:.94rem}
.llkModFollow .followImg img{display:block;width:1.02rem;height:.94rem}
.llkModFollow .followTxt{-webkit-flex:1;flex:1;min-width:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:.1rem}
.llkModFollow .followTxt p{color:#444;font-size:.24rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.llkModFollow .followTxt i{display:inline-block;width:.24rem;height:.24rem;margin-left:.1rem;-webkit-flex-shrink:0;flex-shrink:0;background:#444;border-radius:50%;position:relative}
.llkModFollow .followTxt i:after{content:"?";position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;font-size:.18rem;line-height:.24rem;text-align:center}
.llkModFollow .followBtn{background:#23c268;padding:0 .27rem;height:.5rem;line-height:.5rem;-webkit-flex-shrink:0;flex-shrink:0;color:#fff;font-size:.24rem;border-radius:999rem;text-align:center;-webkit-animation:followAnt 2.4s linear infinite;animation:followAnt 2.4s linear infinite}
.llkModFollow .followBtn.gray{-webkit-animation:none;animation:none}
@-webkit-keyframes followAnt{0%,100%{-webkit-transform:rotate(0) scale(.9);transform:rotate(0) scale(.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(0);transform:rotate(0)}
}
@keyframes followAnt{
0%,100%{transform:rotate(0) scale(.9)}
10%{transform:rotate(2deg) scale(1)}
15%,25%,35%{transform:rotate(-4deg)}
20%,30%,40%{transform:rotate(4deg)}
45%{transform:rotate(4deg)}
50%{transform:rotate(2deg)}
55%,90%{transform:rotate(0)}
}
/* module:gray */
.gray,.grey{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
/* module:swiper */
.swpBanner{width:6.9rem;height:4.99rem;margin:1.1rem auto 0;position:relative}
.swpBanner .swiper-slide{width:6.91rem;height:4.99rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.swpBanner img{width:6.91rem;height:4.49rem;display:block;margin:.2rem auto;-o-object-fit:cover;object-fit:cover}
.swpBanner .lb-dots{width:100%;bottom:0;}
.swpBanner .lb-dots span{width:.3rem;height:.04rem;background-color:#fff;opacity:1;border-radius:.1rem;margin:0 .03rem}
.swpBanner .lb-dots .swiper-pagination-bullet-active{background-color:#b20c0d}
.b4 .mbtn{margin:2.34rem 0 0 .7rem;}
.b5 .mbtn{margin-top:2.6rem}
.b6 .mbtn{margin-top:4.6rem;width:2.48rem;height:1.03rem;font-size:.336rem;}
.ruleTime{font-size:.24rem;line-height:.4rem;padding:0 .2rem;margin:1.2rem auto .2rem;text-align:center;}
.ruleArea{font-size:.22rem;line-height:.4rem;padding:0 .2rem;width:6.86rem;margin:0 auto;}