html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }

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; color: #6d2c00; background: url("../images/body.jpg") repeat-y center top; background-size: 7.5rem 14.07rem; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { vertical-align: middle; border: 0; -webkit-tap-highlight-color: transparent; }

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; -webkit-touch-callout: none; }

.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; }

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; } }

@media screen and (min-width: 501px) { html { font-size: 66.6666666667px; }
  body { width: 500px; margin: 0 auto; }
  [data-dpr="1"] body { width: 500px; margin: 0 auto; } }

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

.headArea { position: relative; min-height: 9rem; }

.headArea .cover { position: relative; }

.headArea .cover img { display: block; width: 100%; pointer-events: none; }

.headArea .hd-logo { position: absolute; left: 0.25rem; top: 1.74rem; }

.headArea .hd-logo img { display: block; height: 0.72rem; }

.headArea .hd-join { position: absolute; right: 0; top: 2.49rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.24rem; color: #ffffd7; width: 2.7rem; background: url("../images/numberbg.png") no-repeat center center; background-size: 100% 100%; text-align: center; }

.headArea .hd-join span { color: #ffe45f; }

.headArea .hd-side { position: absolute; right: .52rem; top: 1.96rem; width: 1.32rem; text-align: center; }

.headArea .hd-side a { background: url(../images/rulebg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; width: 1.32rem; height: .46rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 0.24rem; line-height: 1.32rem; padding-left: .2rem; box-sizing: border-box; color: #ffe45f; }

.headArea .hd-device { width: 4rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; overflow: hidden; background: rgba(0, 0, 0, 0.5); color: #ffe45f; text-align: center; font-size: 0.24rem; position: absolute; left: .2rem; top: 7.3rem; }

.m1 { position: relative; width: 100%; height: 3rem; background: url("../images/m1.jpg") no-repeat center center; background-size: 100% 100%; overflow: hidden; }

.m1 .hykb-download { display: block; width: 2.54rem; height: 0.76rem; line-height: 0.76rem; text-align: center; font-size: 0.3rem; color: #fff; background: url("../images/btn.png") no-repeat center center; background-size: 100% 100%; font-weight: bold; }

.m1 .i-btn { width: 6.98rem; padding: 0 .22rem; height: 1.5rem; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; margin: 0 auto; }

.m1 .i-txt { width: 6.98rem; padding: 0 .22rem; height: .9rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin: 0 auto; font-size: 0.24rem; color: #fff; text-align: center; }

.m1 .i-txt a { width: 1.8rem; height: .52rem; line-height: .52rem; text-align: center; font-size: 0.266rem; color: #a63421; background: url("../images/bindbtn.png") no-repeat center center; background-size: 100% 100%; font-weight: 500; -webkit-text-stroke: .2pt; margin-left: .12rem; }

.m2 { height: 16.1rem; overflow: hidden; position: relative; width: 7.5rem; background: url("../images/m2.jpg") no-repeat center top; background-size: 100% 100%; }

.m2 .swiper-container { width: 6.53rem; height: 13.44rem; margin: 2.35rem auto 0; }

.m2 .swiper-slide { width: 6.53rem; height: 13.44rem; }

.m2 .swiper-slide img { display: block; width: 6.53rem; height: 13.44rem; }

.m2 .prev, .m2 .next { position: absolute; top: 2.35rem; width: .5rem; height: 13.44rem; z-index: 5; cursor: pointer; background: url("../images/prevnext.png") no-repeat 0.06rem center; background-size: 1.08rem .56rem; }

.m2 .prev { left: 0; }

.m2 .next { right: 0; background-position: -0.62rem center; }

.m3 { height: 7.68rem; background: url("../images/m3.jpg") no-repeat center center; background-size: 100% 100%; width: 100%; overflow: hidden; }

.m3 .join-banner { display: block; width: 7.12rem; height: 4.76rem; margin: 1.86rem auto 0; }

.m3 .join-banner img { display: block; width: 100%; height: 100%; }

.m-btn { display: block; width: 2.54rem; height: 0.76rem; line-height: 0.74rem; text-align: center; font-size: 0.3rem; color: #a63421; background: url("../images/btn2.png") no-repeat center center; background-size: 100% 100%; font-weight: bold; margin: .12rem auto 0; }

.m-txt { text-align: center; font-size: 0.22rem; height: .72rem; color: #6d2c00; margin-top: 1.3rem; }

.m4 { height: 7.54rem; background: url("../images/m4.jpg") no-repeat center top; background-size: 100% 100%; width: 100%; overflow: hidden; }

.m4 .m-btn { margin-top: 4.37rem; }

.m5 { height: 6.3rem; background: url("../images/m5.jpg") no-repeat center top; background-size: 100% 100%; width: 100%; overflow: hidden; position: relative; }

.m5 .m-txt { margin-top: 1.9rem; }

.m5 .m-get-btn { width: 1.8rem; height: 0.56rem; line-height: 0.56rem; text-align: center; font-size: 0.26rem; color: #a63421; background: url("../images/btn3.png") no-repeat center center; background-size: 100% 100%; font-weight: bold; margin: 0 auto; position: absolute; top: 5rem; left: .54rem; }

.m6 { height: 6.3rem; background: url("../images/m6.jpg") no-repeat center top; background-size: 100% 100%; width: 100%; overflow: hidden; position: relative; }

.m6 .m-txt { margin-top: 1.4rem; }

.m6 .m-btn { margin-top: 2.5rem; }

.m7 { height: 6.09rem; background: url("../images/m7.jpg") no-repeat center top; background-size: 100% 100%; width: 100%; overflow: hidden; position: relative; }

.m7 .m-txt { margin-top: 1.4rem; color: #fef1ca; }

.m7 .m-btn { margin-top: 2.9rem; }

.m8 { height: 7.74rem; background: url("../images/m8.jpg") no-repeat center top; background-size: 100% 100%; width: 100%; overflow: hidden; position: relative; }

.m8 .m-txt { margin-top: 1.4rem; color: #fef1ca; }

.m8 .m-btn { margin-top: 4.37rem; }

.m9 { height: 16.4rem; background: url("../images/m9.jpg") no-repeat center top; background-size: 100% 100%; width: 100%; overflow: hidden; position: relative; }

.m9 .times { color: #d9c5a2; margin-top: 1.9rem; text-align: center; font-size: 0.34rem; font-weight: bold; }

.m9 .times i { color: #a63421; font-style: normal; margin: 0 .06rem; }

.m9 .m-txt { margin-top: .1rem; color: #fef1ca; }

.m9 .cjbtnbox { margin: 4.3rem auto 0; position: relative; }

.m9 .cjbtnbox .record { position: absolute; right: .5rem; top: .15rem; width: 1.32rem; height: 0.46rem; line-height: 0.46rem; text-align: center; font-size: 0.24rem; color: #fef1ca; text-decoration: underline; }

.m9 .taskList { width: 7rem; margin: 0 auto; }

.m9 .taskList li { width: 7.02rem; height: 1.09rem; background: url("../images/taskbg.png") no-repeat 0 0; background-size: 100% 100%; display: flex; justify-content: space-between; align-items: center; padding: .33rem .33rem; box-sizing: border-box; margin: .25rem auto 0; }

.m9 .taskList li dl { width: 4.5rem; height: .64rem; color: #933218; }

.m9 .taskList li dl dt { font-size: .22rem; }

.m9 .taskList li dl dd { font-size: .22rem; color: #37393a; }

.m9 .taskList li:last-child { height: 1.3rem; padding: 0 .3rem; }

.m9 .taskList li:last-child dt { margin-top: -.1rem; }

.m9 .taskList li .taskRgt { width: 2rem; height: .54rem; position: relative; }

.m9 .taskList li .taskRgt a { display: block; text-align: center; line-height: .54rem; background: url("../images/taskbtn.png") no-repeat center; background-size: 100% 100%; font-size: .24rem; color: #a63421; }

.taskList .taskRgt .rgtTip { background: #f60; height: 0.28rem; line-height: 0.28rem; color: #fff; text-align: center; font-size: 0.2rem; padding: 0 0.1rem; position: absolute; top: -0.17rem; right: 0; z-index: 3; border-radius: 0.08rem; }

.m10 { position: relative; width: 7.5rem; height: 10.68rem; margin: 0 auto; overflow: hidden; background: url("../images/m10.jpg") no-repeat center top; background-size: 100% 100%; }

.m10 .bbs-swiper { width: 6.54rem; height: 4.37rem; margin: 1.4rem auto 0; }

.m10 .swiper-slide { width: 6.54rem; height: 4.37rem; box-sizing: border-box; }

.m10 .swiper-slide img { display: block; width: 6.54rem; height: 4.37rem; }

.m10 .prev, .m10 .next { position: absolute; top: 1.4rem; width: 0.5rem; height: 4.37rem; z-index: 5; cursor: pointer; background: url("../images/prevnext.png") no-repeat 0.06rem center; background-size: 1.08rem 0.56rem; }

.m10 .prev { left: 0; }

.m10 .next { right: 0; background-position: -0.62rem center; }

.golink { display: block; width: 7.07rem; height: 3.8rem; margin: .8rem auto 0; }

.m11 { height: 4.38rem; background: url("../images/m11.jpg") no-repeat center center; background-size: 100% 100%; width: 100%; overflow: hidden; }

.m11 .aitem { display: flex; justify-content: space-between; align-items: center; width: 7.02rem; height: 2.52rem; margin: 1.4rem auto 0; }

.m11 .aitem a { width: 2.07rem; height: 2.52rem; }

.m12 { height: 14.07rem; background: url("../images/m12.jpg") no-repeat center top; background-size: 100% 100%; width: 100%; overflow: hidden; position: relative; }

.m12 .m-txt { font-weight: bold; margin: 1.4rem auto 0; height: .4rem; font-size: .26rem; }

.m12 .m-ruletxt { margin: .1rem .4rem; font-size: .24rem; color: #6d2c00; }

.m12 .m-ruletxt p { margin-bottom: .1rem; }

.m12 .m-ruletxt img { margin: .2rem auto; display: block; max-width: 100%; }

.kb-mod-fixMenu { position: fixed; right: 0.18rem; bottom: 2rem; z-index: 100; -webkit-transition: all 0.8s; transition: all 0.8s; }

.kb-mod-fixMenu .toTop { width: 1.02rem; height: 1.02rem; background: url("../images/backtop.png") no-repeat center center; background-size: 100% 100%; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

.kb-mod-fixMenu .toTop.is-show { opacity: 1; visibility: visible; pointer-events: auto; }

.kb-mod-fixMenu.fold { right: -1.5rem; }