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:#206674; margin:0 auto; font-size:.24rem }
.box{ width:7.5rem; margin:0 auto !important }
.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:.6rem; display:flex; align-items:center }
.head .head-link p{ position:relative; color:#54320e; font-size:.22rem; line-height:.32rem; text-align:center; margin:0 auto }
.head .head-link p span{ position:relative; padding-left:.2rem }
.head .head-link p em{ color:#ffd06c }
.head .hd-min{ position:absolute; bottom:1.8rem; left:0; padding:.1rem 0; width:7.5rem }
.head .hd-min .head-btn{ display:flex; justify-content:center; box-sizing:border-box; align-items:center; box-sizing:border-box; padding:0 .54rem; margin-top:.18rem }
.head .hd-min .head-btn a{ display:block; width:2.49rem; height:.79rem; background:url("../images/btn.png") no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.72rem; font-size:.3rem; margin:0 .3rem; color:#61341a; font-weight:bold }
.head .hd-min p{ overflow:hidden; color:#fffabb; font-size:.24rem; text-align:center; margin-top:.05rem; display:flex; align-items:center; justify-content:center }
.head .hd-min p i{ flex-shrink:0; display:block; width:.32rem; height:.32rem; margin-right:.05rem; background:url("../images/icon-qu.png") no-repeat 0 0; background-size:100% 100% }
.head .hd-min .gameName{ color:#fff; overflow:hidden; font-size:.22rem; text-align:center; margin-top:.05rem; line-height:.4rem; width:7.45rem; height:.35rem; background:url("../images/gm.png") no-repeat 0 0; background-size:100% 100% }
.head .hd-min .gameName em{ color:#fffabb }
.head .hd-min .gameName a{ color:#fff }
.head .head-num{ position:absolute; right:0; top:2.75rem; text-align:center }
.head .head-num span{ font-size:.2rem; color:#fff; background-color:rgba(0,0,0,.8); padding:.06rem .15rem .08rem .2rem; border-radius:.3rem 0 0 .3rem }
.head .head-num span a{ color:#ffd74c }
.head .hside{ position:absolute; right:0; top:2.2rem }
.head .hside a{ font-size:.2rem; color:#fff; background-color:rgba(0,0,0,.8); padding:.06rem .15rem .08rem .2rem; border-radius:.3rem 0 0 .3rem }
.head .hside2{ position:absolute; left:0; top:3.84rem }
.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:0rem .2rem .2rem 0rem; background-color:rgba(0,0,0,.6) }
.h-tips{ position:absolute; bottom:3.5rem; left:50%; transform:translateX(-50%); white-space:nowrap; color:hsla(0,0%,100%,.8); padding:.05rem .2rem .03rem; border-radius:.25rem; font-size:.24rem; background-color:rgba(0,0,0,.4) }
.g-box{ display:flex; justify-content:center; margin-top:1.9rem }
.g-box .g-item{ margin:0 .4rem; width:2.75rem }
.md1{ position:relative; overflow:hidden; width:7.5rem; height:6.11rem; margin:0 auto; padding-top:1.2rem; box-sizing:border-box; margin-top:-0.01rem; background:url("../images/md1.jpg?v=10") no-repeat 0 0; background-size:100% 100% }
.md1 .p-btn{ margin-top:3.5rem; margin-left:-0.4rem }
.md2{ position:relative; overflow:hidden; width:7.5rem; height:5.71rem; margin:0 auto; padding-top:1.4rem; margin-top:-0.02rem; box-sizing:border-box; background:url("../images/md2.jpg?v=10") no-repeat 0 0; background-size:100% 100% }
.md2 .p-btn{ margin-top:2.4rem }
.md3{ position:relative; overflow:hidden; width:7.5rem; height:17.81rem; margin:0 auto; padding-top:1.2rem; margin-top:-0.02rem; box-sizing:border-box; background:url("../images/md3.jpg?v=10") no-repeat 0 0; background-size:100% 100% }
.md3 .p-text{ color:#1b4c52 }
.md3 .p-btn{ margin-top:2.46rem }
.md3 .p-btn a{ width:1.81rem; height:1.82rem; background:url("../images/ac-btn.png") no-repeat 0 0; background-size:100% 100%; overflow:hidden; line-height:99rem }
.md5{ position:relative; overflow:hidden; width:7.5rem; height:8rem; margin:0 auto; box-sizing:border-box; padding-top:1.4rem }
.md5::after{ content:""; position:absolute; top:0; left:0; width:7.5rem; height:8rem; z-index:-1; background:url(../images/md5.jpg) no-repeat 0 0; background-size:100% auto; -webkit-mask-image:linear-gradient(to bottom,black 0%,black 90%,transparent 100%); mask-image:linear-gradient(to bottom,black 0%,black 90%,transparent 100%) }
.md4{ position:relative; overflow:hidden; width:7.5rem; height:11.03rem; margin:0 auto; box-sizing:border-box; padding-top:1.15rem; background:url("../images/md4.jpg?v=10") no-repeat 0 0; background-size:100% 100% }
.bind{ width:6.96rem; height:1.97rem; position:relative; margin:0 auto; background:url("../images/bind.png") no-repeat 0 0; background-size:100% 100%; display:flex; align-items:center; box-sizing:border-box; padding:0 .4rem 0 .3rem }
.bind span{ flex:1; display:block; text-align:center; font-size:.28rem; font-weight:bold; color:#f2e5c8 }
.bind .b-btn a{ margin:.02rem 0; display:block; width:2.32rem; height:.76rem; text-align:center; line-height:.8rem; color:#815a33; font-size:.28rem; font-weight:bold; background:url(../images/btn.png) no-repeat 0 0; background-size:100% 100% }
.ban{ display:block; width:7.3rem; height:3.98rem; margin:0 auto .4rem }
.ban img{ width:7.3rem; height:3.98rem }
.llkModFollow{ position:absolute; left:50%; margin-left:-3.43rem; bottom:.5rem; background:hsla(0,0%,100%,.4); width:6.86rem; height:1.2rem; border-radius:.3rem; 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 }
.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:#fff; 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:#fff; width:.24rem; height:.24rem; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; margin-left:.1rem }
.llkModFollow .followBtn{ background:#ffc939; padding:0 .27rem; height:.5rem; line-height:.5rem; line-height:.5rem; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; color:#1f1f1f; font-size:.24rem; text-align:center; border-radius:999rem; overflow:hidden; -webkit-animation:shake 2.4s linear infinite; animation:shake 2.4s linear infinite }
.p-text{ position:relative; text-align:center; font-size:.22rem; color:#fff; z-index:1; line-height:.28rem }
.p-text em{ color:#f3b72a }
.p-text span{ color:#f3b72a }
.g-text{ text-align:center; font-size:.22rem; color:hsla(0,0%,100%,.8); margin-top:.1rem }
.p-btn{ display:flex; justify-content:center }
.p-btn a{ display:block; width:2.49rem; height:.79rem; background:url(../images/btn.png) no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.72rem; font-size:.3rem; margin:0 .4rem; color:#61341a; font-weight:bold }
.p-btn-list{ display:flex; justify-content:center; flex-wrap:wrap; margin-top:.18rem }
.p-btn-list a{ display:block; width:1.44rem; height:.46rem; background:url(../images/tbtn1.png) no-repeat 0 0; background-size:100% 100%; overflow:hidden; text-align:center; line-height:.46rem; font-size:.22rem; color:#272727; font-weight:bold; margin:2.62rem .4rem 0 }
.act-img{ position:relative; margin-top:2.6rem }
.act-img .act-btn{ display:block; width:1.82rem; height:1.82rem; margin:0 auto; background:url("../images/act-btn.png") no-repeat 0 0; background-size:100% 100% }
.llk_choujiang_scroll{ background-color:#6ea984; border-radius:.6rem; width:6.28rem; height:.54rem; margin:.21rem auto 0; padding:0 .3rem; 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{ 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% }
.llk_choujiang_scroll ul li{ height:.54rem; line-height:.54rem; font-size:.2rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center }
.llk_choujiang_scroll ul li span{ color:#ffeb40 }
.act-text{ text-align:center; font-size:.2rem; color:#1b4c52; margin-top:2.5rem }
.act-text em{ color:#ffeb40 }
.taskList{ width:6.86rem; margin:.2rem auto 0rem }
.taskList li{ 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; width:6.86rem; height:1.08rem; box-sizing:border-box; border-radius:.2rem; padding:0 .2rem; margin-bottom:.28rem; background:url("../images/task-li.png") no-repeat 0 0; background-size:100% 100% }
.taskList .taskRgt{ display:flex; align-items:center; -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/tbtn1.png") no-repeat; background-size:100% 100%; width:1.44rem; height:.46rem; line-height:.46rem; color:#272727; text-align:center; 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 .button2{ background:url("../images/tbtn2.png") no-repeat; background-size:100% 100%; width:1.17rem; height:.44rem; line-height:.44rem; color:#fff; text-align:center; 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; margin-left:.1rem }
.taskList dl{ flex:1; box-sizing:border-box; overflow:hidden; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0 }
.taskList dl dt{ color:#1d3c4e; font-size:.28rem; line-height:.31rem; font-weight:bold }
.taskList dl dd{ color:#1d3c4e; font-size:.22rem }
.g-btn-list{ width:7.4rem; display:flex; flex-wrap:wrap; margin-left:.05rem; margin-top:2.6rem; justify-content:center }
.g-btn-list a{ background:url(../images/tbtn1.png) no-repeat; background-size:100% 100%; width:1.44rem; height:.46rem; line-height:.46rem; color:#272727; text-align:center; font-size:.24rem; font-weight:700; -webkit-text-stroke-width:0; margin:0 .4rem 2.6rem; display:block; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0 }
.swpBanner{ width:7.5rem; height:8.85rem; position:relative; overflow:hidden }
.swpBanner .swiper-button-prev{ width:.42rem; height:.75rem; left:.4rem; background:url("../images/icon-left.png") no-repeat 0 0; background-size:100% 100% }
.swpBanner .swiper-button-next{ width:.42rem; height:.75rem; right:.4rem; transform:rotate(180deg); background:url("../images/icon-left.png") no-repeat 0 0; background-size:100% 100% }
.swpBanner .swiper-slide{ width:5.01rem; height:8.85rem; border:1px solid #715524; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 .6rem }
.swpBanner img{ width:5.01rem; height:8.85rem }
.videoBox .videoImg{ position:relative; width:6.93rem; height:4.05rem; margin:0 auto }
.videoBox .videoImg i{ position:absolute; top:50%; left:50%; width:1.37rem; height:1.37rem; margin-top:-0.685rem; margin-left:-0.685rem; background:url("../images/icon-play.png") no-repeat 0 0; background-size:100% 100% }
.videoBox .videoImg img{ width:6.93rem; height:4.05rem }
.videoBox .videoPlay video{ width:6.82rem; height:4.05rem; margin:0 auto; display:block }
.divScrbox{ width:4rem; height:.53rem; overflow:hidden; margin:0 auto }
.scrollList li{ height:.53rem; line-height:.53rem; color:#fff; white-space:nowrap; font-size:.26rem; overflow:hidden; text-align:center; display:flex; justify-content:center }
.scrollList span,.scrollList em{ color:#ed7d43; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.scrollList span{ max-width:1.4rem }
.scrollList em{ max-width:2rem }
.guide{ display:flex; justify-content:space-between; width:5.899rem; height:1.94rem; background:url("../images/guide.png") no-repeat 0 0; background-size:100% 100%; margin:.2rem auto 0; box-sizing:border-box; padding:0 }
.guide a{ width:1.13rem; height:2rem }
.guide a img{ width:1.73rem; height:2rem }
.banner{ width:6.57rem; height:2.63rem; margin:.28rem auto 0; background:url("../images/banner.png") no-repeat 0 0; background-size:100% 100%; display:flex; align-items:center; justify-content:center }
.banner img{ width:6.45rem; height:2.25rem }
.bom-sl{ width:7.5rem; margin-top:.8rem }
.bom-sl img{ display:block; margin:0 auto; width:2.8rem; height:.7rem }
.bom-sl p{ margin-top:.2rem; font-size:.24rem; color:hsla(0,0%,100%,.8); text-align:center }
.vidPlayLoop{ width:6.93rem; height:4.05rem; margin:.6rem auto 0; border-radius:.1rem; overflow:hidden }
.vidPlayLoop .video-loop-info{ width:6.93rem; height:4.05rem; position:relative; overflow:hidden }
.vidPlayLoop .video-loop-info video{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.vidPlayLoop .video-loop-info i{ background:url(../images/icon-play.png) no-repeat; background-size:100% 100%; width:1.36rem; height:1.36rem; position:absolute; top:50%; margin-top:-0.68rem; left:50%; margin-left:-0.68rem; z-index:3 }
.vidPlayLoop .video-loop-info img{ width:6.93rem; height:4.05rem }
.grey{ filter:grayscale(1) }
.shake{ animation:shake 2s cubic-bezier(0.455,0.03,0.515,0.955) both infinite }
.fixMenu{ height:1.8rem }
.fixMenu .fxmInner{ background:url(../images/fix_menu_bg.png?v=001) no-repeat; background-size:7.5rem 2.04rem; width:7.5rem; height:2.04rem; 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.2rem; z-index:20; padding-top:.22rem }
.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:.42rem .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:.56rem; height:.56rem; margin:.07rem auto 0; display:block; object-fit:contain }
.fixMenu .fxmInner .link em{ height:.32rem; line-height:.34rem; margin:.12rem auto 0; text-align:center; display:block; font-size:.2rem; color:#6e3418 }
.fixMenu .fxmInner .link p{ background:#cc5410; height:.24rem; line-height:.24rem; padding:0 .12rem; border-radius:.25rem .25rem .25rem .02rem; border:1px solid #cc5410; font-size:.18rem; color:#fff; white-space:nowrap; position:absolute; top:-0.2rem; left:50%; margin-left:-0.2rem; overflow:hidden }
.fixMenu .fxmInner .reservabtn{ width:1.74rem; margin:0 .05rem; margin-top:-0.15rem }
.fixMenu .fxmInner .reservabtn .item{ background:url(../images/fix_menu_yy.png?v=001) no-repeat; background-size:100% 100%; width:1.19rem; height:1.19rem; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 auto; position:relative; z-index:1; overflow:hidden; border-radius:50% }
.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:.32rem .39rem; background-position:center center; width:.32rem; height:.39rem; margin:.22rem 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:.2rem; margin-top:.08rem; color:#6e3418; display:block; text-align:center; overflow:hidden }
.fixMenu .fxmInner .reservabtn .text{ height:.28rem; line-height:.3rem; margin:.18rem auto 0; display:block; text-align:center; font-size:.2rem; color:#6e3418; 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) }
.fixSlide{ width:1.04rem; position:fixed; right:.1rem; bottom:2rem; -webkit-animation:fixShow .3s forwards; animation:fixShow .3s forwards; z-index:111 }
.fixSlide a{ width:1.04rem; margin:.15rem auto 0; display:block }
.fixSlide a img{ display:block }
.un-btn{ filter:grayscale(1) }
.shake{ animation:shake 2s cubic-bezier(0.455,0.03,0.515,0.955) both infinite }
@-webkit-keyframes shake{ 0%,100%{-webkit-transform:rotate(0deg) scale(0.5); transform:rotate(0deg) scale(0.5) }
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) }
}
@media screen and (min-width:1000px){ html{font-size:66.6666666667px !important }
.vBase .head{ margin-top:-1rem !important }
}