html{ font-size:100px; font-size:13.33333vw }
@media screen and (max-width:320px){ html{font-size:42.6666666667px; font-size:13.33333vw }
}
@media screen and (min-width:321px)and (max-width:360px){ html{font-size:48px; font-size:13.33333vw }
}
@media screen and (min-width:361px)and (max-width:375px){ html{font-size:50px; font-size:13.33333vw }
}
@media screen and (min-width:376px)and (max-width:393px){ html{font-size:52.4px; font-size:13.33333vw }
}
@media screen and (min-width:394px)and (max-width:412px){ html{font-size:54.9333333333px; font-size:13.33333vw }
}
@media screen and (min-width:413px)and (max-width:414px){ html{font-size:55.2px; font-size:13.33333vw }
}
@media screen and (min-width:415px)and (max-width:480px){ html{font-size:64px; font-size:13.33333vw }
}
@media screen and (min-width:481px)and (max-width:540px){ html{font-size:72px; font-size:13.33333vw }
}
@media screen and (min-width:541px)and (max-width:640px){ html{font-size:85.3333333333px; font-size:13.33333vw }
}
@media screen and (min-width:641px)and (max-width:720px){ html{font-size:96px; font-size:13.33333vw }
}
@media screen and (min-width:721px)and (max-width:750px){ html{font-size:100px; font-size:13.33333vw }
}
@media screen and (min-width:751px){ html{font-size:100px }
}
html *{ outline:0; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0) }
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{ margin:0; padding:0 }
body{ font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; min-width:320px }
h1,h2,h3,h4,h5,h6{ font-size:100% }
img{ vertical-align:middle; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0) }
em,i{ font-style:normal }
img{ max-width:100%; border:0 }
input:focus{ outline:0 }
table{ border-collapse:collapse; border-spacing:0 }
ol,ul,li{ list-style:none }
textarea{ resize:none }
a{ text-decoration:none; color:#333 }
.cf:after{ content:" "; display:block; height:0; clear:both; visibility:hidden }
.cf{ min-height:1% }
.fl{ float:left }
.fr{ float:right }
.hide{ display:none }
.show{ display:block }
.ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.break{ word-break:break-all; word-wrap:break-word }
.mt10{ margin-top:.1rem !important }
.mt15{ margin-top:.15rem !important }
.mt20{ margin-top:.2rem !important }
.mt25{ margin-top:.25rem !important }
.mt30{ margin-top:.3rem !important }
.mt35{ margin-top:.35rem !important }
.mt40{ margin-top:.4rem !important }
.mt45{ margin-top:.45rem !important }
.mt50{ margin-top:.5rem !important }
.mt55{ margin-top:.55rem !important }
.mt60{ margin-top:.6rem !important }
.mt65{ margin-top:.65rem !important }
.mt70{ margin-top:.7rem !important }
.mt80{ margin-top:.8rem !important }
.mt85{ margin-top:.85rem !important }
.mt90{ margin-top:.9rem !important }
.mt95{ margin-top:.95rem !important }
.mt100{ margin-top:1rem !important }
.mb10{ margin-bottom:.1rem !important }
.mb15{ margin-bottom:.15rem !important }
.mb20{ margin-bottom:.2rem !important }
.mb25{ margin-bottom:.25rem !important }
.mb30{ margin-bottom:.3rem !important }
.mb35{ margin-bottom:.35rem !important }
.mb40{ margin-bottom:.4rem !important }
.mb45{ margin-bottom:.45rem !important }
.mb50{ margin-bottom:.5rem !important }
.mb55{ margin-bottom:.55rem !important }
.mb60{ margin-bottom:.6rem !important }
.mb65{ margin-bottom:.65rem !important }
.mb70{ margin-bottom:.7rem !important }
.mt120{ margin-top:1.2rem !important }
.mt140{ margin-top:1.4rem !important }
body{ background-color:#2b2b2b; margin:0 auto; font-size:.24rem }
.box{ width:7.5rem; margin:0 auto !important; overflow:hidden }
.head{ position:relative }
.head img{ width:7.5rem; margin:-0.01rem 0 }
.head .logo{ position:absolute; left:.1rem; top:1.9rem }
.head .logo img{ display:block; width:4.49rem; height:1.02rem }
.head .head-link{ position:absolute; overflow:hidden; width:7.5rem; height:.9rem; bottom:.02rem; display:flex; align-items:center }
.head .head-link p{ position:relative; color:hsla(0,0%,100%,.9); font-size:.2rem; line-height:.32rem; text-align:center; margin:0 auto }
.head .head-link p span{ position:relative; padding-left:.2rem }
.head .head-link p span::after{ content:""; position:absolute; top:.05rem; left:-0.05rem; width:.18rem; height:.22rem; -webkit-mask-image:url(../images/icon1.png?v=1); -webkit-mask-size:100% 100%; background:#fff }
.head .head-link p em{ color:#c7a967 }
.head .hd-min{ position:absolute; bottom:.75rem; left:0; padding:.1rem 0; width:7.5rem }
.head .hd-min .head-btn{ display:flex; justify-content:center; margin-bottom:0rem }
.head .hd-min .head-btn a{ display:block; position:relative; width:2.5rem; height:.6rem; background:url("../images/hbtn.png") no-repeat 0 0; background-size:100% 100%; display:inline-block; overflow:hidden; text-align:center; line-height:.6rem; font-size:.3rem; margin:0 .2rem; color:#31261c; font-weight:bold; box-sizing:border-box }
.head .hd-min p{ overflow:hidden; color:#ff125b; font-size:.22rem; text-align:center; margin-top:.04rem; display:flex; align-items:center; justify-content:center }
.head .hd-min p i{ flex-shrink:0; display:block; width:.35rem; height:.31rem; margin-right:.05rem; background:url("../images/icon-qu.png?v=1") no-repeat 0 0; background-size:100% 100% }
.head .hd-min .hdMain-link{ color:#fff }
.head .hd-min .gameName{ color:hsla(0,0%,100%,.9); overflow:hidden; font-size:.22rem; text-align:center; margin-top:.05rem; display:flex; align-items:center; justify-content:center }
.head .hd-min .gameName a{ color:#ff125b; text-decoration:underline }
.head .h-text{ position:absolute; bottom:4rem; left:50%; width:6.5rem; height:.34rem; text-align:center; line-height:.34rem; transform:translateX(-50%); white-space:nowrap; color:#fff; font-size:.22rem; display:flex; justify-content:center; align-items:center }
.head .h-text i{ margin-right:.05rem; width:.19rem; height:.28rem; background:url("../images/icon-q.png?v=1") no-repeat 0 0; background-size:100% 100% }
.head .hside{ position:absolute; right:0rem; top:2rem }
.head .hside a{ display:block; width:.49rem; height:1.43rem; overflow:hidden; margin:.2rem 0; color:#fff; font-size:.24rem; text-align:center; padding:0 .1rem 0 .14rem; box-sizing:border-box; line-height:.26rem; display:flex; align-items:center; border-radius:.2rem 0 0 .2rem; background-color:rgba(223,33,96,.9) }
.head .hside a img{ width:.44rem; height:1.21rem }
.head .hside2{ position:absolute; left:0rem; top:3.6rem }
.head .hside2 a{ display:block; width:.49rem; height:1.43rem; overflow:hidden; margin:.2rem 0; color:#fff; font-size:.24rem; text-align:center; padding:0 .14rem 0 .1rem; box-sizing:border-box; line-height:.26rem; display:flex; align-items:center; border-radius:0 .2rem .2rem 0; background-color:rgba(223,33,96,.9) }
.head .hside2 a img{ width:.44rem; height:1.21rem }
.head .lt{ left:0; right:auto }
.head .head-de{ position:absolute; right:0; top:2.6rem; text-align:center; font-size:.24rem; color:#fff; background-color:rgba(0,0,0,.6); padding:.05rem .1rem .03rem .15rem; border-radius:.3rem 0 0 .3rem }
.head .head-num{ position:absolute; right:0; top:2.25rem; text-align:center }
.head .head-num span{ font-size:.24rem; color:#fff; background-color:rgba(0,0,0,.6); padding:.08rem .1rem .08rem .15rem; border-radius:.3rem 0 0 .3rem; border-right:0 }
.head .head-num span a{ color:#fde128 }
.head .head-info{ position:absolute; bottom:.34rem; left:50%; margin-left:-3.47rem; width:6.94rem; height:1.88rem; background:url("../images/hinfo.png?v=1") no-repeat 0 0; background-size:100% 100%; display:flex; align-items:center; box-sizing:border-box; padding:0 .4rem .05rem }
.head .head-info img{ width:1.31rem; height:1.31rem; margin-right:.24rem; border-radius:50%; border:1px solid #e75f2b }
.head .head-info div p{ display:flex; align-items:center; justify-content:space-between }
.head .head-info div p img{ width:1.26rem; height:.36rem }
.head .head-info div p em{ font-size:.38rem; font-weight:bold; background:linear-gradient(to bottom,#d93d3c,#f07037); -webkit-background-clip:text; color:rgba(0,0,0,0) }
.head .head-info div p a{ width:1.58rem; height:.49rem; text-align:center; line-height:.49rem; color:#660e05; font-size:.24rem; font-weight:bold; background:url("../images/info-btn.png?v=1") no-repeat 0 0; background-size:100% 100% }
.head .head-info div span{ display:flex; align-items:center; margin-top:.05rem }
.head .head-info div span i{ width:.23rem; margin-right:.05rem; height:.23rem; background:url("../images/iconq.png?v=1") no-repeat 0 0; background-size:100% 100% }
.head .head-info div span a{ font-size:.22rem; color:#592b18 }
.head .head-rule{ position:absolute; right:0; top:2.82rem; text-align:center; font-size:.24rem; color:#fff; background-color:rgba(0,0,0,.6); padding:.05rem .1rem .03rem .15rem; border-radius:.3rem 0 0 .3rem }
.head .head-rule a{ color:#fff }
.llkModFollow{ position:absolute; background:hsla(0,0%,100%,.6); width:6.86rem; height:1.2rem; transform:scale(0.9); margin:.2rem auto 0rem; border-radius:.3rem; box-shadow:0 .02rem .12rem 0 #999; display:box; display:-webkit-box; display:-ms-flexbox; -webkit-box-pack:space-between; -ms-flex-pack:space-between; -webkit-box-align:center; -ms-flex-align:center; -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:flex; justify-content:space-between; align-items:center; flex-direction:row; flex-wrap:nowrap; padding-left:.1rem; padding-right:.2rem; box-sizing:border-box; overflow:hidden; left:50%; bottom:-0.4rem; margin-left:-3.43rem }
.llkModFollow .followImg{ -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:1.02rem; height:.94rem }
.llkModFollow .followImg img{ width:1.02rem; height:.94rem; display:block; overflow:hidden }
.llkModFollow .followTxt{ -moz-flex-flex-grow:1; -ms-flex-flex-grow:1; -webkit-flex-grow:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; width:0%; display:box; display:-webkit-box; display:-ms-flexbox; -webkit-box-pack:left; -ms-flex-pack:left; -webkit-box-align:center; -ms-flex-align:center; -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:flex; justify-content:left; align-items:center; flex-direction:row; flex-wrap:nowrap; margin-left:.1rem }
.llkModFollow .followTxt p{ color:#444; font-size:.24rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.llkModFollow .followTxt i{ mask-image:url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACx0lEQVRIiY3WW6iVVRAH8N/Z5/RWKV2kJBSCQ0JXM7rQIlMPdLOLPRSSmkYIIpQU+BBZVCT0YhykhxCpiLDo4ktqRUXpQlAqQbrfhDCorPRkUXahHtZ8nH0+1945sJlv1sz8Z9asWbP2wMjIiD40DbdgPs7H5C7dZ3gLm1NKb/YCGOgRYBCjWFnR/Y2h1tou3JVS2t027lQALscnXeCv4g6cGzs4CdNxFdbjG1yCXTnnB/4vwM3IGA7gYVyPp/AhxnA4QN+IrKfj3vB/KOf8Sq8AU/FyfG8M4C8rOzyKUkrrcE2IC3LOa2oBtgZ/GndWcG7AWmzA/ZjbCvIa5oT4cM75YsYPa7nSJR9jWQu4oxziRZWgj+OeriDv5JxX4gm8hGlNFx3AKbgS77ZAnsESfB5gP2IeHg39/JTSlm6HnPMhTMLVHaQA/7kCfkaAw2XYErtZG1lSOqxN64Mv7+DaEF6sGJ4dfHck0E3bg0+q+L0QfPYQzgrh/YrhdpyGXyu6FcH3VnRfBD+5g1NDOFAx/B3f47fW+gblvH7BurZTSukIDlK66J9YH6wEqNFWpecPY2ZKaX8Pu0FKC34XC1OPAXxFgI8pbf11zSjnfAJObAI0tZ9bM+6iAePdcTf29bGdFXxfB5tDuFH/Mg1FMnuM3/pe1EyCbR18hY8iw9v7OP2lTM0L1RsC5JwHcFuITzazqGm5UWUc12gY7ymjfHafRDYGfz2ltLcJsAPP4njsVC/VHKW2M7C0R/arlVn2L25l4jRdgh+Ui/eBic8jPK+c19t4pAL+IB4L8bqU0hhHP5lnKvNmBn7CGmzCoVrGQVdgFRaEvCqlNNooa2/yoPKCLQ75CJ5T5tGnysU8HefgJpwXdvuxKKU0YWD2evRhIVbjgj7Zwx/KZL0vpfRnW9n+d9BNm+J3KUaU8k3BcUrJvo1dbWvqXaP/AGO6rpZ4qHIXAAAAAElFTkSuQmCC"); mask-size:100% 100%; mask-repeat:no-repeat; -webkit-mask-image:url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACx0lEQVRIiY3WW6iVVRAH8N/Z5/RWKV2kJBSCQ0JXM7rQIlMPdLOLPRSSmkYIIpQU+BBZVCT0YhykhxCpiLDo4ktqRUXpQlAqQbrfhDCorPRkUXahHtZ8nH0+1945sJlv1sz8Z9asWbP2wMjIiD40DbdgPs7H5C7dZ3gLm1NKb/YCGOgRYBCjWFnR/Y2h1tou3JVS2t027lQALscnXeCv4g6cGzs4CdNxFdbjG1yCXTnnB/4vwM3IGA7gYVyPp/AhxnA4QN+IrKfj3vB/KOf8Sq8AU/FyfG8M4C8rOzyKUkrrcE2IC3LOa2oBtgZ/GndWcG7AWmzA/ZjbCvIa5oT4cM75YsYPa7nSJR9jWQu4oxziRZWgj+OeriDv5JxX4gm8hGlNFx3AKbgS77ZAnsESfB5gP2IeHg39/JTSlm6HnPMhTMLVHaQA/7kCfkaAw2XYErtZG1lSOqxN64Mv7+DaEF6sGJ4dfHck0E3bg0+q+L0QfPYQzgrh/YrhdpyGXyu6FcH3VnRfBD+5g1NDOFAx/B3f47fW+gblvH7BurZTSukIDlK66J9YH6wEqNFWpecPY2ZKaX8Pu0FKC34XC1OPAXxFgI8pbf11zSjnfAJObAI0tZ9bM+6iAePdcTf29bGdFXxfB5tDuFH/Mg1FMnuM3/pe1EyCbR18hY8iw9v7OP2lTM0L1RsC5JwHcFuITzazqGm5UWUc12gY7ymjfHafRDYGfz2ltLcJsAPP4njsVC/VHKW2M7C0R/arlVn2L25l4jRdgh+Ui/eBic8jPK+c19t4pAL+IB4L8bqU0hhHP5lnKvNmBn7CGmzCoVrGQVdgFRaEvCqlNNooa2/yoPKCLQ75CJ5T5tGnysU8HefgJpwXdvuxKKU0YWD2evRhIVbjgj7Zwx/KZL0vpfRnW9n+d9BNm+J3KUaU8k3BcUrJvo1dbWvqXaP/AGO6rpZ4qHIXAAAAAElFTkSuQmCC"); -webkit-mask-size:100% 100%; -webkit-mask-repeat:no-repeat; background-color:#444; width:.24rem; height:.24rem; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; margin-left:.1rem }
.llkModFollow .followBtn{ background:#cb9c55; padding:0 .27rem; height:.5rem; line-height:.5rem; line-height:.5rem; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; color:#31261c; font-size:.24rem; text-align:center; border-radius:999rem; overflow:hidden; animation:followAnt 2.4s linear infinite }
.llkModFollow .gray{ animation:none }
@keyframes followAnt{ 0%,100%{transform:rotate(0deg) scale(0.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(0deg) }
}
.md-con{ position:relative; overflow:hidden; width:7.5rem; height:auto; margin:0 auto; box-sizing:border-box; margin-top:-0.02rem }
.md-con .bm{ display:block }
.h-tips{ position:absolute; top:4.1rem; left:50%; transform:translateX(-50%); white-space:nowrap; color:#fff; padding:.05rem .32rem .03rem; border-radius:.25rem; font-size:.22rem; background-color:rgba(0,0,0,.4) }
.content{ width:7.5rem; height:auto; box-sizing:border-box; overflow:hidden; background:url("../images/bg.jpg?v=1") no-repeat 0 0; background-size:100% auto }
.md{ overflow:hidden; width:7.5rem; height:auto; box-sizing:border-box; padding-top:3.08rem; background:url("../images/bg1.jpg") no-repeat 0 0; background-size:100% auto }
.md .p-btn{ margin-bottom:1rem }
.md .p-text{ text-align:start; font-size:.2rem }
.md1{ overflow:hidden; width:7.5rem; height:16.98rem; box-sizing:border-box; padding-top:1.6rem; background:url("../images/md1.jpg?v=2") no-repeat 0 0; background-size:100% 100% }
.md1 .p-btn{ margin-top:.2rem }
.md2{ overflow:hidden; width:7.5rem; height:7.46rem; box-sizing:border-box; padding-top:1.6rem; background:url("../images/md2.jpg?v=3") no-repeat 0 0; background-size:100% 100% }
.md2 .p-btn{ margin-top:3.68rem }
.md3{ overflow:hidden; width:7.5rem; height:6.77rem; box-sizing:border-box; padding-top:1.1rem; margin-top:-0.02rem; background:url("../images/md3.jpg?v=3") no-repeat 0 0; background-size:100% 100% }
.md3 .p-btn{ margin-top:3.88rem }
.md4{ overflow:hidden; width:7.5rem; height:6.66rem; box-sizing:border-box; padding-top:1.1rem; margin-top:-0.02rem; background:url("../images/md4.jpg?v=2") no-repeat 0 0; background-size:100% 100% }
.md4 .p-btn{ margin-top:3.88rem }
.tips{ font-size:.22rem; margin-top:.05rem; margin-left:.8rem; color:#102b23 }
.act-box{ width:6.34rem; height:2.59rem; margin-left:.6rem; position:relative; box-sizing:border-box; padding-left:1.4rem; position:relative; padding-top:.01rem; margin-top:.2rem }
.ac1{ background:url("../images/c1.png") no-repeat 0 0; background-size:100% 100%; position:relative }
.ac1::after{ content:""; position:absolute; width:.64rem; height:.44rem; top:-0.08rem; right:.03rem; background:url("../images/c-tips.png") no-repeat 0 0; background-size:100% 100% }
.ac2{ background:url("../images/c2.png") no-repeat 0 0; background-size:100% 100% }
.ac3{ background:url("../images/c3.png") no-repeat 0 0; background-size:100% 100% }
.code-box{ width:6.49rem; height:1.48rem; margin:.12rem auto 0; box-sizing:border-box; padding:.18rem .18rem; background:url("../images/code-box.png") no-repeat 0 0; background-size:100% 100%; margin-left:.6rem }
.code-box span{ font-size:.22rem; color:#fff; display:flex; justify-content:space-between }
.code-box span em{ color:#e56008 }
.code-box p{ font-size:.18rem; color:hsla(0,0%,100%,.8) }
.code-box div{ display:flex; align-items:center; margin-top:.08rem }
.code-box div input{ width:3rem; height:.4rem; box-sizing:border-box; padding-left:.1rem; color:#fff; font-size:.2rem; border:0; background-color:#5a4c36 }
.code-box div input::-webkit-input-placeholder{ color:#fff; font-size:.2rem }
.code-box div a{ width:1.3rem; height:.4rem; text-align:center; line-height:.4rem; color:#31261c; font-size:.2rem; font-weight:bold; margin-left:.1rem; background:url(../images/hbtn.png) no-repeat 0 0; background-size:100% 100% }
.inv-box{ margin-top:.14rem }
.inv-box a{ display:block; position:relative; width:1.92rem; height:.52rem; background:url(../images/hbtn.png) no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.52rem; font-size:.26rem; margin-top:1.74rem; color:#fff; font-weight:bold; box-sizing:border-box; margin:0 auto }
.inv-box p{ position:relative; text-align:center; font-size:.2rem; color:hsla(0,0%,100%,.9); z-index:1; width:6.6rem; margin:.1rem auto 0 }
.p-text{ position:relative; text-align:center; font-size:.2rem; color:#fff; z-index:1; width:6.6rem; margin:.2rem auto 0 }
.p-text em{ color:#e3e1cd }
.p-text span{ color:#ff524a }
.tit{ text-align:center }
.tit img{ height:.57rem }
.tit2{ width:5.71rem; height:.96rem; text-align:center; line-height:.96rem; font-size:.54rem; font-weight:bold; color:#fcf5ef; margin:0 auto 0; text-shadow:.01rem 0 .01rem #912b09,.01rem 0 .01rem #912b09,.01rem 0 .01rem #912b09,.01rem .01rem .01rem #912b09,.01rem .01rem .01rem #912b09,.01rem .01rem .01rem #912b09,.01rem -0.01rem .01rem #912b09,.01rem -0.01rem .01rem #912b09,.01rem -0.01rem .01rem #912b09,-0.01rem 0 .01rem #912b09,-0.01rem 0 .01rem #912b09,-0.01rem 0 .01rem #912b09,-0.01rem .01rem .01rem #912b09,-0.01rem .01rem .01rem #912b09,-0.01rem .01rem .01rem #912b09,-0.01rem -0.01rem .01rem #912b09,-0.01rem -0.01rem .01rem #912b09,-0.01rem -0.01rem .01rem #912b09; background:url("../images/tit2.png") no-repeat 0 0; background-size:100% 100% }
.ban{ position:relative; display:block; width:6.67rem; height:3.34rem; margin:.2rem auto 0 }
.ban img{ width:100%; height:100% }
.llk_choujiang_scroll{ background:url(../images/scroll_mou_bg.png?v=001) no-repeat; background-size:100% 100%; width:5.98rem; height:.4rem; margin:.2rem auto 0; padding:0 .3rem 0 .6rem; display:box; display:-webkit-box; display:-ms-flexbox; -webkit-box-pack:left; -ms-flex-pack:left; -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:left; justify-content:left; -webkit-align-items:start; align-items:start; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:nowrap; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden }
.llk_choujiang_scroll .icon{ background:url(../images/fix_btn.png?v=001) no-repeat; background-size:100% 100%; width:.28rem; height:.28rem; margin-top:.12rem; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; display:none }
.llk_choujiang_scroll ul{ -webkit-box-flex:1; -ms-flex:1; -webkit-flex:1; flex:1; width:0%; margin-left:.2rem }
.llk_choujiang_scroll ul li{ height:.4rem; line-height:.4rem; font-size:.2rem; color:#cfbd92; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.llk_choujiang_scroll ul li span{ color:#ecd432 }
.drawBox{ display:flex; align-items:center; justify-content:center; margin-top:.2rem; width:7.5rem; height:5.84rem; background:url("../images/dr-img.png") no-repeat 0 0; background-size:100% 100% }
.draw-text{ width:6.88rem; margin:4rem auto 0; text-align:center }
.draw-text a{ font-size:.22rem; color:hsla(0,0%,100%,.9) }
.p-btn{ display:flex; justify-content:center; position:relative }
.p-btn a{ position:relative; width:2.8rem; height:.68rem; background:url(../images/hbtn.png) no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.68rem; font-size:.28rem; margin:0 .2rem; color:#31261c; font-weight:bold; box-sizing:border-box }
.p-btn em{ display:block; font-size:.22rem; color:#83643a; text-decoration:underline }
.g-btn-list{ display:flex; flex-wrap:wrap; margin-top:2.4rem; justify-content:center }
.g-btn-list a{ display:block; position:relative; width:1.6rem; height:.46rem; background:url(../images/hbtn.png) no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.46rem; font-size:.22rem; color:#1d2221; font-weight:bold; padding-left:.05rem; box-sizing:border-box; margin:0 .285rem }
.g-btn-list2{ display:flex; align-items:center; justify-content:center; margin-top:1.9rem; flex-wrap:wrap }
.g-btn-list2 a{ position:relative; width:2rem; height:.52rem; background:url(../images/hbtn.png) no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.52rem; font-size:.26rem; margin:0 .12rem; color:#fff; font-weight:bold; box-sizing:border-box; margin-bottom:2.24rem }
.g-btn-list3{ display:flex; align-items:center; justify-content:center; margin-top:2.78rem; flex-wrap:wrap }
.g-btn-list3 a{ display:block; position:relative; width:1.6rem; height:.65rem; background:url(../images/hbtn.png) no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.58rem; font-size:.22rem; color:#fff; font-weight:bold; padding-left:.24rem; box-sizing:border-box; margin:0 .24rem; margin-bottom:2.7rem }
.p-text2{ text-align:center; font-size:.24rem; color:#f0c723; margin:.25rem auto 0 }
.p-text3{ text-align:center; font-size:.2rem; color:#fff; margin:-0.3rem auto 0 }
.ac-btn{ display:flex; align-items:center; justify-content:flex-end; margin-right:.4rem; margin-top:.2rem }
.ac-btn span{ font-size:.18rem; color:#ccc; margin-right:.2rem }
.ac-btn span em{ color:#f4cf67 }
.ac-btn a{ background:url(../images/hbtn.png) no-repeat; background-size:100% 100%; width:1.4rem; height:.42rem; line-height:.42rem; color:#1d2221; text-align:center; font-size:.22rem; font-weight:700; -webkit-text-stroke-width:0; display:block; -webkit-flex-shrink:0; -ms-flex-negative:0 }
.act-img{ position:relative; margin:.1rem auto 0 }
.act-img img{ display:block; margin:0 auto; width:6.24rem; height:4.61rem }
.act-btn{ display:flex; justify-content:center; margin-top:.25rem }
.act-btn a{ width:2.89rem; height:.88rem; background:url(../images/hbtn1.png?v=1) no-repeat 0 0; background-size:100% 100%; display:inline-block; overflow:hidden; text-align:center; line-height:.88rem; font-size:.36rem; margin:.2rem .35rem 0; color:#891509; font-weight:bold }
.act-text{ position:relative; text-align:center; font-size:.22rem; color:#eece7e; margin-top:.1rem }
.task-tit{ position:relative; text-align:center; font-weight:bold; font-size:.32rem; color:#fff; margin-top:.3rem }
.taskList{ width:6.96rem; height:4.57rem; margin:.45rem auto 0rem; box-sizing:border-box; padding-top:.1rem; background:url("../images/tk-box.png") no-repeat 0 0; background-size:100% 100% }
.taskList li{ width:6.96rem; height:.86rem; display:box; display:-webkit-box; display:-ms-flexbox; -webkit-box-pack:space-between; -ms-flex-pack:space-between; -webkit-box-align:center; -ms-flex-align:center; -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:flex; justify-content:space-between; align-items:center; flex-direction:row; flex-wrap:nowrap; margin-top:.03rem; padding-left:.18rem; padding-right:.5rem; box-sizing:border-box }
.taskList .taskRgt{ -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; margin-left:.2rem; position:relative }
.taskList .taskRgt .rgtTip{ background:#f60; height:.28rem; line-height:.28rem; color:#fff; text-align:center; font-size:.2rem; padding:0 .1rem; position:absolute; top:-0.17rem; right:0; z-index:3; border-radius:.08rem }
.taskList .taskRgt .rgtTip:before{ background:#f60; width:.1rem; height:.1rem; position:absolute; right:.2rem; transform:rotateZ(45deg); bottom:-0.04rem; content:""; z-index:1 }
.taskList .button{ background:url("../images/hbtn.png") no-repeat; background-size:100% 100%; width:1.4rem; height:.42rem; line-height:.42rem; color:#1d2221; text-align:center; padding-left:.1rem; font-size:.24rem; font-weight:700; -webkit-text-stroke-width:0; margin:0 auto; display:block; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0 }
.taskList dl{ display:block; height:.76rem; padding:0 .15rem .03rem; box-sizing:border-box; overflow:hidden; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0 }
.taskList dl dt{ line-height:.28rem; color:#e4e8eb; font-size:.24rem; font-weight:bold; line-height:.24rem; margin-top:.1rem }
.taskList dl dt em{ margin-top:.08rem; display:block; color:#f4cf67; font-weight:500; font-size:.18rem }
.taskList dl dt .whao{ mask-image:url("data:image/png; base64,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"); mask-size:100% 100%; mask-repeat:no-repeat; -webkit-mask-image:url("data:image/png; base64,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"); -webkit-mask-size:100% 100%; -webkit-mask-repeat:no-repeat; background-color:#e4e8eb; display:inline-block; vertical-align:top; margin-left:.05rem; width:.28rem; height:.28rem; margin-top:0rem }
.taskList dl dd{ height:.22rem; line-height:.22rem; color:#f4cf67; font-size:.2rem; margin-top:.08rem }
.g-btn{ display:flex; justify-content:center; margin-top:.1rem }
.g-btn a{ width:1.84rem; height:.56rem; margin:0 .22rem; text-align:center; line-height:.5rem; color:#fff; font-size:.22rem; background:url("../images/g-btn.png?v=1") no-repeat 0 0; background-size:100% 100% }
.ac-swiper{ width:4.11rem; height:1.5rem; margin-top:.2rem; margin:.3rem auto 0; overflow:hidden }
.ac-swiper .swiper-slide{ width:1.16rem; height:1.5rem }
.ac-swiper .swiper-slide img{ display:block; margin:0 auto; width:.9rem; height:.9rem; object-fit:contain }
.ac-swiper .swiper-slide span{ width:1rem; margin:0 auto; display:block; margin-top:.1rem; text-align:center; font-size:.16rem; line-height:.2rem; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.ac-swiper .swiper-slide span.cl1{ color:#d08551 !important }
.ac-swiper .swiper-slide span.cl2{ color:#956ee0 !important }
.ac-swiper .swiper-slide span.cl3{ color:#4fa0de !important }
.guide{ display:flex; justify-content:space-between; width:5.9rem; height:1.94rem; background:url("../images/guide.png?v=1") no-repeat 0 0; background-size:100% 100%; margin:0 auto 0; box-sizing:border-box }
.guide a{ width:1.2rem; height:1.94rem }
.bom-sl{ width:7.5rem; margin-top:.6rem }
.bom-sl img{ display:block; margin:0 auto; width:2.8rem; height:.7rem }
.bom-sl p{ margin-top:.2rem; font-size:.24rem; color:rgba(0,0,0,.3); text-align:center }
.grey{ filter:grayscale(1) }
.gray{ filter:grayscale(1) }
.shake{ animation:shake 2s cubic-bezier(0.455,0.03,0.515,0.955) both infinite }
.un-btn{ filter:grayscale(1) }
.shake{ animation:shake 2s cubic-bezier(0.455,0.03,0.515,0.955) both infinite }
.side{ position:fixed; top:3.8rem; left:.08rem; z-index:9; -webkit-transition:all .5s; transition:all .5s }
.side a{ text-align:center; background-size:100% 100%; background-color:rgba(0,0,0,0); width:1.03rem; height:1.05rem; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; color:#fff; font-size:.2rem; line-height:.26rem; margin-bottom:.2rem; position:relative }
.fixMenu .fxmInner{ background:linear-gradient(to bottom,#2F443F,#131B1E); width:7.5rem; height:1rem; background-position:center center; -webkit-box-sizing:border-box; box-sizing:border-box; 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:start; align-items:start; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:nowrap; position:fixed; left:50%; margin-left:-3.75rem; bottom:0; z-index:20 }
.fixMenu .fxmInner .mask{ width:1.4rem; height:.55rem; left:50%; margin-left:-0.7rem; position:absolute; top:-0.55rem; z-index:-3; overflow:hidden; display:none }
.fixMenu .fxmInner .mask:before{ background:#f9c8ae; width:1.4rem; height:1.4rem; border-radius:9.99rem 9.99rem 0 0; position:absolute; top:0; left:0; content:""; overflow:hidden }
.fixMenu .fxmInner .link{ width:1.3rem; height:1rem; margin:0rem .02rem; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0 }
.fixMenu .fxmInner .link:nth-child(2){ z-index:3 }
.fixMenu .fxmInner .link img{ width:.6rem; height:.6rem; margin:.07rem auto 0; display:block; object-fit:contain }
.fixMenu .fxmInner .link em{ height:.32rem; line-height:.3rem; margin:0 auto 0; text-align:center; display:block; font-size:.2rem; color:#fff }
.fixMenu .fxmInner .link p{ background:#e1692b; height:.35rem; line-height:.35rem; padding:0 .12rem; border-radius:.25rem .25rem .25rem .02rem; font-size:.18rem; color:#fff; white-space:nowrap; position:absolute; top:-0.3rem; left:50%; margin-left:-0.2rem; overflow:hidden }
.fixMenu .fxmInner .reservabtn{ width:1.64rem; height:1.3rem; margin:0 .05rem; margin-top:-0.28rem; background:url(../images/tab-on.png) no-repeat; background-size:100% 100%; padding-top:.44rem; box-sizing:border-box }
.fixMenu .fxmInner .reservabtn .item{ width:.84rem; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 auto; position:relative; z-index:1; overflow:hidden }
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before{ content:""; position:absolute; border-radius:999rem; -webkit-box-sizing:border-box; box-sizing:border-box; display:none }
.fixMenu .fxmInner .reservabtn .item:before{ background:#bd6d31; width:1rem; height:1rem; left:50%; margin-left:-0.5rem; top:.1rem; z-index:-1 }
.fixMenu .fxmInner .reservabtn .item:after{ background:#d19358; width:1.2rem; height:1.2rem; position:absolute; left:50%; margin-left:-0.6rem; top:0; z-index:-2 }
.fixMenu .fxmInner .reservabtn .item i{ background:url(../images/fix_btn.png?v=001) no-repeat; background-size:.36rem .43rem; background-position:center center; width:.36rem; height:.43rem; margin:0 auto 0; display:block; -webkit-animation:shake 2.4s linear infinite; animation:shake 2.4s linear infinite; -webkit-transform-origin:50% 20%; transform-origin:50% 20% }
.fixMenu .fxmInner .reservabtn .item em{ height:.28rem; line-height:.28rem; font-size:.22rem; margin-top:.05rem; color:#fff; display:block; text-align:center; overflow:hidden }
.fixMenu .fxmInner .reservabtn .text{ height:.28rem; line-height:.3rem; margin:.07rem auto 0; display:block; text-align:center; font-size:.2rem; color:#fff; position:relative; z-index:3 }
.fixMenu .fxmInner .done .item{ -webkit-filter:grayscale(1); filter:grayscale(1) }
.fixMenu .fxmInner .done .item i{ -webkit-animation:none; animation:none; color:#ccc; -webkit-filter:grayscale(1); filter:grayscale(1) }
.fixMenu .fxmInner .done .item em{ -webkit-filter:grayscale(1); filter:grayscale(1) }
.ruleArea{ height:6.8rem; overflow-y:auto; width:6.8rem; font-size:.23rem; margin:.28rem auto 0; padding-right:.04rem; color:#fff; line-height:.4rem }
@-moz-keyframes shake{ 0%,100%{transform:rotate(0) scale(0.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) }
}
@-webkit-keyframes shake{ 0%,100%{-webkit-transform:rotate(0) scale(0.9); transform:rotate(0) 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(0); transform:rotate(0) }
}
@-o-keyframes shake{ 0%,100%{transform:rotate(0) scale(0.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) }
}
@keyframes shake{ 0%,100%{-webkit-transform:rotate(0) scale(0.9); transform:rotate(0) 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(0); transform:rotate(0) }
}
@-webkit-keyframes move{ 0%{transform:scale(0.95) }
100%{ transform:scale(1.1) }
}
.kbFootWrap{ margin-bottom:1.4rem }
.share{ width:6.83rem; height:10.32rem; position:relative; margin:1.5rem auto 6rem }
.share .share-img{ position:absolute; top:0; left:0; width:100%; height:100% }
.share .sh-xz{ position:absolute; width:3.56rem; top:3.2rem; left:50%; margin-left:-1.78rem }
.share .sh-xz img{ width:3.56rem; height:3.82rem }
.share .sh-info{ position:absolute; bottom:.4rem; left:50%; margin-left:-3.09rem; width:6.18rem; height:1.6rem; display:flex; align-items:center; box-sizing:border-box; padding:0 .2rem 0 .3rem; z-index:0 }
.share .sh-info img{ position:relative; z-index:1; width:.94rem; height:.94rem }
.share .sh-info .imgbox{ position:absolute; width:2.4rem; height:1.32rem; left:-0.52rem; top:.14rem; z-index:-1 }
.share .sh-info div{ margin-left:.28rem }
.share .sh-info div span{ display:block; font-size:.32rem; color:#fff; font-weight:bold; width:2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.share .sh-info div p{ font-size:.22rem; color:#fff; margin-top:.1rem }
.share .sh-info div p em{ color:#10f696 }
.pop-img-mask{ position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:99; overflow-y:auto; background-color:rgba(0,0,0,.7) }
.pop-img{ width:6.4rem; height:auto; margin:.8rem auto 0; z-index:9; margin-bottom:6rem; box-sizing:border-box; background-color:#000 }
.pop-img img{ display:block; margin:0 auto; width:100% }
.p-bom{ position:fixed; bottom:0; left:50%; width:7.5rem; margin-left:-3.75rem; height:auto; box-sizing:border-box; border-radius:.3rem .3rem 0 0; box-sizing:border-box; padding:.4rem .3rem .52rem; background:linear-gradient(to bottom,#ffefca 0%,#ffffff 50%,#ffffff 100%) }
.p-bom .p-close{ position:absolute; top:.25rem; right:.25rem; width:.3rem; height:.3rem; z-index:9; background:url("../images/p-close.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .p-tit{ font-size:.28rem; color:#665939; font-weight:bold; text-align:center }
.p-bom .bom-list{ display:flex; flex-wrap:wrap; margin-top:.36rem; margin-left:.2rem }
.p-bom .bom-list li{ flex-shrink:0; margin-right:.86rem; margin-bottom:.2rem }
.p-bom .bom-list li:nth-child(4n){ margin-right:0 }
.p-bom .bom-list li img{ display:block; margin:0 auto; width:.96rem; height:.96rem }
.p-bom .bom-list li i{ display:block; width:.96rem; height:.96rem }
.p-bom .bom-list li i.ic1{ background:url("../images/bicon1.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li i.ic2{ background:url("../images/bicon2.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li i.ic3{ background:url("../images/bicon3.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li i.ic4{ background:url("../images/bicon4.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li i.ic5{ background:url("../images/bicon5.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li i.ic6{ background:url("../images/bicon6.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li i.ic7{ background:url("../images/bicon7.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li i.ic8{ background:url("../images/bicon8.png") no-repeat 0 0; background-size:100% 100% }
.p-bom .bom-list li P{ font-size:.24rem; color:#665939; text-align:center; margin-top:.12rem }
.p-mask{ width:100vw; top:0; left:0; height:100vh; position:fixed; background-color:rgba(0,0,0,.5); z-index:9999; font-size:.34rem; display:flex; align-items:center; justify-content:center; color:#fff }
.tac{ text-align:center }
.vBase .headArea{ margin-top:-1.6rem !important }
@media screen and (min-width:1000px){ html{font-size:66.6666666667px !important }
.vBase .headArea{ margin-top:-1rem !important }
}