/* @media all and (orientation:landscape){ */
    html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    html.land::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
    html.land::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
    .land body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}
  /* } */
  
  /* reset */
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
  table{border-collapse:collapse;border-spacing:0;}
  address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
  ol,ul{list-style:none;}
  h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
  q:before,q:after{content:'';}
  fieldset,img,abbr,acronym{border:0;}
  
  /* basic */
  .c:before,.c:after{content:"";display:table;}
  .c:after{clear:both;}
  .c{zoom:1;}
  body{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5b8b\4f53',sans-serif;}
  a {text-decoration:none;overflow:hidden;transition: filter 0.2s;}
  a:hover{text-decoration:none;filter: brightness(110%);}
  .ost_bg{background: #fff !important;}
  .hide{display:block;width:0;height:0;overflow:hidden;}
  .pr{position:relative;}
  .pa{position:absolute;}
  .db{display:block;text-indent:-9999em;font-size: 0;}
  .fl{float:left;}
  .fr{float:right;}
  :focus{outline: none;}
  input:-webkit-autofill { 
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #807c7c;
  }
  
  /*style*/
  body,html{width: 100%;height: 100%;overflow: hidden;}
  .page_slide{width: 100%;height: 100%;overflow: hidden;}
  .section{width: 100%;height: 100%;position: relative;overflow: hidden;}
  .container{position: relative;width: 7.5rem;height: 100%;}
  .page_slide .swiper-slide{overflow: hidden;position: relative;}
  .page_slide .cn_active {z-index: 9;}
  
  .icon {display: block;background: no-repeat 0/100% auto;}
  
  /* page */
  .main-wrap {
    width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;
  }
  .main-content {
    width: 7.5rem;height: 16.24rem;position: absolute;left: 50%;top: 50%;margin: -8.12rem 0 0 -3.75rem;background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/bg_quest.jpg) no-repeat center/100% auto;
  }
  .anim-canvas {
    width: 100%;height: 100%;
  }
  .anim-canvas2 {
    width: 100%;height: 100%;position: absolute;left: 7.5rem;top: 0;
  }  
  .wrap {
    width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;background: no-repeat center/100% auto;
  }
  .btn-bgm,.btn-bgmoff {
    width: 0.55rem;height: 0.53rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_bgm.png);position: absolute;right: 0.2rem;top: 0.2rem;z-index: 999;
  }
  .btn-bgmoff {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_bgmoff.png);
  }
  
  /* home */
  .home {
  
  }
  .media-logo {
    display: none;
  }
  .media-logo span {
    position: absolute;z-index: 300;
  }
  .logo-qq {
    width: 2.05rem;height: 0.33rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/logo_qq.png);right: 0.8rem;top: 0.2rem;
  }
  .logo-yyb {
    width: 2.1rem;height: 0.39rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/logo_yyb.png);
    right: 0.8rem;top: 0.2rem;
  }
  .logo-xy {
    width: 2.15rem;height: 0.64rem;right: 0;top: 0;background-image: url(https://game.gtimg.cn/images/bjhl/act/a20230922gacha/logo_xy2.png);
  }
  .logo-wx {
    width: 2.19rem;height: 0.44rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a20230922gacha/logo_wx2.png);right: 0rem;top: 1rem;
  }
  .logo-browser {
    width: 3.49rem;height: 0.51rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/qb.png);right:0.8rem;top: 0.2rem;
  }
  .logo-aw {
    width: 7.21rem;height: 0.41rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a20230922gacha/logo_aw2.png);
  }
  .btn-start {
    width: 3.11rem;height: 1.37rem;position: absolute;left: 3.6rem;top: 6.08rem;
  }
  .btn-collecthome {
    width: 1.4rem;height: 0.9rem;position: absolute;left: 1.3rem;top: 1.55rem;
  }
  .icon-finger {
    width: 0.76rem;height: 0.7rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_finger.png);position: absolute;right: 0;bottom: 0;
  }
  .btn-direct {
    width: 3.14rem;height: 1.77rem;position: absolute;left: 0.58rem;top: 8.34rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_direct.png);
  }
  .icon-finger2 {
    width: 0.7rem;height: 0.77rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_finger2.png);position: absolute;left: 0;bottom: 0;
  }

  .tips-lay {
    width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: absolute;left: 0;top: 0;
  }
  .tips-home {
    width: 7.22rem;height: 6.38rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/tips_home.png);position: absolute;left: 0;top: 8.15rem;
  }
  .tips-text {
    width: 5.7rem;position: absolute;left: 1.18rem;top: 4.4rem;font-size: 0.26rem;color: #2c2424;line-height: 0.38rem;
  }

  /* result */
  .result {
  
  }
  .btn-retry {
    width: 1.95rem;height: 0.71rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_retry.png);color: #fff;text-align: center;line-height: 0.75rem;position: absolute;left: 0.55rem;bottom: 0.7rem;z-index: 99;text-indent: -9999px;
  }
  .btn-collect {
    width: 2.14rem;height: 0.73rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_collect2.png);color: #fff;text-align: center;line-height: 0.75rem;position: absolute;left: 2.65rem;bottom: 0.7rem;z-index: 99;text-indent: -9999px;
  }
  .btn-toshare {
    width: 2.06rem;height: 0.77rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_toshare.png);color: #fff;text-align: center;line-height: 0.75rem;position: absolute;left: 5rem;bottom: 0.7rem;z-index: 99;text-indent: -9999px;
  }
  .nickname {
    font-size: 0.32rem;color: #fff;position: absolute;left: 2.85rem;top: 2rem;-webkit-transform: rotate(4.5deg);transform: rotate(4.5deg);width: 3.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
  }
  .icon-news {
    width: 0.7rem;height: 0.7rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_new.png);position: absolute;left: 6.3rem;top: 1.25rem;
  }
  
  /* lottery */
  .lottery {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/bg_lottery.jpg);z-index: 500;
  }
  .panel{
    width: 7.32rem;height: 7.3rem;position: absolute;left: 0;top: 3.4rem;
  }
  .panel .panel-face{
    width: 7.32rem;height: 7.3rem;background:url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/lottery_table.png) no-repeat 0/100% auto;position: absolute;left: 0;top: 0;
  }
  .panel .panel-btn{
    width: 1.08rem;height: 1.93rem;background:url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/lottery_arrow.png) no-repeat 0/100% auto;position:absolute;left: 2.95rem;top: 2.05rem;
  }
  .panel.playing .panel-btn{
    -webkit-transform:scale(0.9);transform:scale(0.9);
  }
  .btn-return {
    width: 1.41rem;height: 1.51rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_return.png);position: absolute;left: 1.25rem;top: 1.45rem;
  }
  .btn-awardlist {
    width: 1.23rem;height: 0.38rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_awardlist.png);position: absolute;left: 3.7rem;top: 2rem;
  }
  .btn-rule {
    width: 1.27rem;height: 0.4rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_rule.png);position: absolute;left: 5.05rem;top: 2rem;
  }


  .btn-lottery {
    width: 3.08rem;height: 1.12rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_lottery.png);position: absolute;left: 0.7rem;top: 11.14rem;
  }
  .btn-event {
    width: 2.85rem;height: 1.12rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_event.png);position: absolute;left: 4.1rem;top: 10.96rem;
  }
  .tips-lottery {
    font-size: 0.18rem;color: #2c2424;position: absolute;left: 1.55rem;top: 12.28rem;-webkit-transform: rotate(-3deg);transform: rotate(-3deg);
  }
  .tips-event {
    font-size: 0.18rem;color: #2c2424;position: absolute;left: 4.6rem;top: 12.1rem;-webkit-transform: rotate(-3deg);transform: rotate(-3deg);
  }
  
  /* collect */
  .collect {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/bg_collect.jpg);z-index: 500;
  }
  .btn-tolottery {
    width: 1.28rem;height: 0.72rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_tolottery.png);position: absolute;left: 2.85rem;top: 1.62rem;
  }
  .collect-list {
    width: 6.25rem;position: absolute;left: 0.35rem;top: 3rem;
  }
  .collect-list {
    width: 100%;
  }
  .collect-list li {
    width: 6.08rem;height: 2.85rem;background: no-repeat 0/100% auto;margin-bottom: 0.1rem;
  }
  .collect-list .collect1 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect1.png);
  }
  .collect-list .collect2 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect2.png);
  }
  .collect-list .collect3 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect3.png);
  }
  .collect-list .collect4 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect4.png);
  }
  .collect-list .collect5 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect5.png);
  }
  .collect-list .collect6 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect6.png);
  }
  .collect-list .collect7 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect7.png);
  }
  .collect-list .collect8 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect8.png);
  }
  .collect-list .collect9 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect9.png);
  }
  .collect-list .collect10 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect10.png);
  }
  .collect-list .collect11 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect11.png);
  }
  .collect-list .collect12 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect12.png);
  }
  .collect-list .collect13 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect13.png);
  }
  .collect-list .collect14 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect14.png);
  }
  .collect-list .collect15 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect15.png);
  }
  .collect-list .collect16 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect16.png);
  }
  .collect-list .collect17 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect17.png);
  }
  .collect-list .collect18 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect18.png);
  }
  .collect-list .collect19 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect19.png);
  }
  .collect-list .collect20 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect20.png);width: 6.22rem;
  }
  .collect-list .collect21 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect21.png);
  }
  .collect-list .collect22 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect22.png);
  }
  .collect-list .collect23 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect23.png);width: 6.14rem;
  }
  .collect-list .collect24 {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect24.png);
  }
  .collect-list .collect1.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect1off.png);
  }
  .collect-list .collect2.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect2off.png);
  }
  .collect-list .collect3.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect3off.png);
  }
  .collect-list .collect4.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect4off.png);
  }
  .collect-list .collect5.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect5off.png);
  }
  .collect-list .collect6.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect6off.png);
  }
  .collect-list .collect7.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect7off.png);
  }
  .collect-list .collect8.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect8off.png);
  }
  .collect-list .collect9.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect9off.png);
  }
  .collect-list .collect10.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect10off.png);
  }
  .collect-list .collect11.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect11off.png);
  }
  .collect-list .collect12.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect12off.png);
  }
  .collect-list .collect13.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect13off.png);
  }
  .collect-list .collect14.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect14off.png);
  }
  .collect-list .collect15.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect15off.png);
  }
  .collect-list .collect16.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect16off.png);
  }
  .collect-list .collect17.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect17off.png);
  }
  .collect-list .collect18.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect18off.png);
  }
  .collect-list .collect19.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect19off.png);
  }
  .collect-list .collect20.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect20off.png);
  }
  .collect-list .collect21.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect21off.png);
  }
  .collect-list .collect22.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect22off.png);
  }
  .collect-list .collect23.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect23off.png);
  }
  .collect-list .collect24.off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/collect24off.png);
  }
  
  .collect-pages {
    width: 6.4rem;height: 1.15rem;position: absolute;left: 0.55rem;top: 12rem;display: flex;justify-content: space-between;align-items: flex-end;
  }
  .collect-pages a {
    display: block;width: 0.63rem;height: 0.61rem;display: flex;justify-content: center;align-items: center;background: no-repeat 0/100% auto;
  }
  .collect-pages a::after {
      content: '';display: block;background: no-repeat 0/100% auto;
  }
  .collect-pages .page-prev {
    width: 0.81rem;height: 0.79rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page_prev.png);
  }
  .collect-pages .page-next {
    width: 0.74rem;height: 0.72rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page_next.png);
  }
  .collect-pages .on {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page_on.png);
  }
  .collect-pages .off {
    background: none;
  }
  .collect-pages .page1::after {
    width: 0.05rem;height: 0.31rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page1.png);
  }
  .collect-pages .page2::after {
    width: 0.26rem;height: 0.31rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page2.png);
  }
  .collect-pages .page3::after {
    width: 0.22rem;height: 0.33rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page3.png);
  }
  .collect-pages .page4::after {
    width: 0.22rem;height: 0.32rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page4.png);
  }
  .collect-pages .page5::after {
    width: 0.17rem;height: 0.34rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page5.png);
  }
  .collect-pages .page6::after {
    width: 0.15rem;height: 0.33rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page6.png);
  }
  .collect-pages .page7::after {
    width: 0.19rem;height: 0.32rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page7.png);
  }
  .collect-pages .page8::after {
    width: 0.19rem;height: 0.33rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/page8.png);
  }
  
  /* pop */
  .lay {
    width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;left: 0;top: 0;z-index: 9999;
  }
  .lay#popMsg,.lay#popMsgToJD,.lay#popMsgToPInfo {
    z-index: 99999;
  }
  .pop {
    position: absolute;background: no-repeat 0/100% auto;
  }
  .pop-mission {
    width: 6.59rem;height: 10.71rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_mission.png);left: 50%;top: 50%;margin: -6.35rem 0 0 -3.3rem;
  }
  .btn-close {
    width: 0.64rem;height: 0.63rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_close.png);position: absolute;left: 3.1rem;bottom: -0.9rem;z-index: 200;
  }
  .mission-list {
    width: 5.3rem;height: 4.8rem;position: absolute;left: 0.9rem;top: 4rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;
  }
  .mission-list li {
    width: 2.32rem;height: 2.21rem;background: no-repeat 0/100% auto;position: relative;
  }
  .mission-list li span {
    font-size: 0.2rem;color: #523228;display: block;width: 100%;position: absolute;left: 0;bottom: -0.4rem;text-align: center;
  }
  .mission-list .fo {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_fo.png);  }

  .mission-list .fo.on {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_foon.png);
  }
  .mission-list .fo#qq {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_foqq.png);
  }
  .mission-list .fo.on#qq {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_foqqon.png);
  }
  .mission-list .order {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_order.png);
  }
  .mission-list .order.on {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_orderon.png);
  }
  .mission-list .share {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_share.png);
  }
  .mission-list .share.on {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_shareon.png);
  }
  .mission-list .invite {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/mission_invite.png);width: 2.37rem;
  }

  .mission-list li a {
    display: block;width: 100%;height: 100%;position: relative;z-index: 9;
  }
  .mission-list li::after {
    content: '';display: block;width: 1.52rem;height: 0.6rem;background: no-repeat 0/100% auto;position: absolute;left: 0.45rem;bottom: -0.1rem;
  }
  .mission-list .on::after {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_finish.png);
  }
  .mission-list .off::after {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_nofinish.png);
  }
  .mission-list .get::after {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_get.png);
  }
  .mission-list .invite::after {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_toinvite.png);
  }
  .mission-list .fo.off::after {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_tofo.png);
  }
  .mission-list .share.off::after {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_share.png);
  }
  .mission-list .share.on::after {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/icon_isshare.png);
  }
  .progress {
    width: 3.54rem;height: 0.27rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/progress_bar.png);position: absolute;left: 1.77rem;top: 9.55rem;display: flex;align-items: center;justify-content: center;
  }
  .progress-percent {
    width: 3.4rem;height: 0.14rem;
  }
  .progress-percent span {
    display: block;height: 100%;background: #856146;border-radius: 0.09rem;
  }
  .progress-icons {
    /* position: absolute;left: 0;top: 0; */
  }
  .progress-icons span {
    display: block;position: absolute;width: 0.34rem;height: 0.34rem;top: -0.03rem;background: no-repeat center/100% auto;text-align: center;line-height: 0.34rem;font-size: 0.16rem;color: #ffffff;
  }
  .progress-icons .progress-off {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/progress_off.png);
  }
  .progress-icons .progress-on {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/progress_on.png);text-indent: -9999px;
  }
  .progress-icons span:nth-child(1) {
    left: -0.03rem;
  }
  .progress-icons span:nth-child(2) {
    left: 0.7rem;
  }
  .progress-icons span:nth-child(3) {
    left: 1.4rem;
  }
  .progress-icons span:nth-child(4) {
    right: -0.03rem;
  }

  .percent {
    width: 0.8rem;height: 0.28rem;text-align: center;line-height: 0.28rem;font-size: 0.25rem;font-weight: bold;color: #3a3a3a;position: absolute;left: 5.4rem;top: 9.53rem;
  }

  /* 分享页 */
  .share-lay {
    background: #000;
  }
  .pop-share {
    width: 6.14rem;height: 11.77rem;/*background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_share.png);*/position: absolute;left: 50%;top: 50%;margin: -6rem 0 0 -3.07rem;z-index: 9999;
  }
  .pop-share::after {
    content: '';display: block;width: 2.94rem;height: 0.3rem;background:url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/share_text.png) no-repeat 0/100% auto;position: absolute;left: 50%;margin-left: -1.47rem;bottom: 0.6rem;
  }
  .share-content {
    width: 4.1rem;height: 8.88rem;background: no-repeat 0/100% auto;position: absolute;left: 1.07rem;top: 1.7rem;transform: scale(1.2);transform-origin: center bottom;-webkit-transform: scale(1.2);-webkit-transform-origin: center bottom;
  }
  .pop-share .btn-close {
    left: 2.7rem;bottom: -0.2rem;
  }
  .pop-share .nickname {
    left:1.6rem;top: 1.4rem;font-size: 0.18rem;
  }
  .qrcode {
    width: 0.7rem;height: 0.7rem;position: absolute;left: 2.85rem;top: 7.7rem;-webkit-transform: rotate(-5.4deg);transform: rotate(-5.4deg);
  }
  .qrcode img,.qrcode canvas {
    width: 100%;height: 100%;
  }

  .share-capture {
    width: 750px;height: 1624px;background: no-repeat 0/100% auto;position: absolute;left: -9999px;z-index: 9999;
  }
  .share-capture .nickname {
    font-size:32px;color: #fff;position: absolute;left: 285px;top: 235px;-webkit-transform: rotate(4.5deg);transform: rotate(4.5deg);width: 350px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
  }
  .share-capture .qrcode {
    width: 125px;height: 125px;position: absolute;left: 523px;top: 1405px;-webkit-transform: rotate(-5.4deg);transform: rotate(-5.4deg);
  }
  .share-loading {
      width: 0.64rem;height: 0.64rem;position: absolute;left: 50%;top: 50%;margin: -0.32rem 0 0 -0.32rem;z-index: 99;
  }
  #sharePosterImg {
    width: 100%;height: 90%;position: absolute;left: 0;top: 0;z-index: 99;opacity: 0;
  }


  .pop-award {
    width: 6.53rem;height: 9.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_award.png);left: 50%;top: 50%;margin: -5.52rem 0 0 -3.26rem;
  }
  .award-content {
    width: 5.5rem;height: 2.72rem;position: absolute;left: 0.85rem;top: 4.5rem;overflow-y: auto;
  }
  .award-list {
    width: 5.11rem;
  }
  .award-list li {
    width: 100%;height: 0.9rem;background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/award_line.png) no-repeat center bottom/5.11rem 0.08rem;color: #553328;position: relative;
  }
  .award-list .time {
    font-size: 0.16rem;position: absolute;left: 0;top: 0.14rem;line-height: 0.18rem;
  }
  .award-list .name {
    font-size: 0.3rem;position: absolute;left: 0;top: 0.36rem;line-height: 0.32rem;font-weight: bold;
  }
  .btn-getaward {
    width: 1.52rem;height: 0.6rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_getaward.png);position: absolute;right: 0;top: 0.1rem;
  }
  .btn-isgetaward {
    width: 1.52rem;height: 0.6rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_isget.png);position: absolute;right: 0;top: 0.1rem;
  }
  .btn-info {
    width: 2.82rem;height: 1.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_info.png);position: absolute;left: 2.05rem;top: 7.4rem;
  }

  .pop-cdk {
    width: 6.53rem;height: 8.65rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_cdk.png);left: 50%;top: 50%;margin: -5.32rem 0 0 -3.26rem;
  }
  .input-cdk {
    width: 5.33rem;height: 0.69rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/cdk_input.png);border: 0;position: absolute;left: 0.65rem;top: 4.5rem;text-align: center;line-height: 0.69rem;color: #553328;font-size: 0.3rem;font-weight: bold;
  }
  .cdk-buttons {
    width: 5.8rem;height: 1.25rem;position: absolute;left: 0.55rem;top: 5.8rem;display: flex;justify-content: space-between;
  }
  .btn-copy {
    width: 2.83rem;height: 1.07rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_copy.png);
  }
  .btn-exchange {
    width: 2.83rem;height: 1.07rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_exchange.png);
  }
  .cdk-tips {
    width: 5.35rem;position: absolute;left: 0.7rem;top: 7.1rem;font-size: 0.18rem;color: #553328;line-height: 0.24rem;
  }

  .pop-msg {
    width: 6.53rem;height: 9.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_msg.png);left: 50%;top: 50%;margin: -5.52rem 0 0 -3.26rem;
  }
  .pop-msg h3 {
    width: 3.5rem;height: 0.42rem;line-height: 0.42rem;font-size: 0.4rem;color: #2c2424;font-weight: bold;text-align: center;position: absolute;left: 1.6rem;top: 3.65rem;-webkit-transform: rotate(-2.5deg);transform: rotate(-2.5deg);
  }
  .msg-text {
    width: 5.15rem;height: 1.6rem;font-size: 0.3rem;color: #553328;line-height: 0.38rem;text-align: center;position: absolute;left: 0.85rem;top: 5.4rem;
  }
  .btn-confirm {
    width: 2.82rem;height: 1.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_confirm.png);position: absolute;left: 1.95rem;top: 7.2rem;
  }
  
  .pop-rule {
    width: 6.62rem;height: 10.32rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_rule.png);left: 50%;top: 50%;margin: -6.16rem 0 0 -3.31rem;
  }
  .rule-text {
    width: 5.25rem;height: 4.8rem;padding-right: 0.25rem;overflow-y: auto;position: absolute;left: 0.85rem;top: 4.5rem;color: #553328;font-size: 0.24rem;line-height: 0.28rem;
  }
  .rule-text p {
    margin-bottom: 0.1rem;
  }
  .pop-rule .btn-confirm {
    top: 9.4rem;
  }

  .pop-info {
    width: 6.62rem;height: 10.32rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_info.png);left: 50%;top: 50%;margin: -6.16rem 0 0 -3.31rem;
  }
  .info-list {
    width: 5.35rem;position: absolute;left: 0.8rem;top: 4.5rem;
  }
  .info-list ul {
    width: 100%;display: flex;flex-wrap: wrap;
  }
  .info-list li {
    height: 0.75rem;display: flex;justify-content: space-between;align-items: center;font-size: 0.3rem;color: #553328;
  }
  .info-list .name {
    width: 1.25rem;margin-right: 0.1rem;
  }
  .info-list .form {
    width: 4.0rem;
  }
  .info-list .form {
    background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/info_input.png) no-repeat center left/3.93rem 0.49rem;
  }
  .info-list .form:nth-child(6) {
    background: none;
  }
  .input-info {
    width: 3.93rem;height: 0.49rem;border: 0;text-align: center;line-height: 0.49rem;color: #553328;font-size: 0.3rem;font-weight: bold;
  }
  .select-info {
    width: 1.23rem;height: 0.49rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/info_select.png);border: 0;text-align: center;line-height: 0.46rem;color: #553328;font-size: 0.24rem;font-weight: bold;        appearance:none;-moz-appearance:none;-webkit-appearance:none;
  }
  .btn-submit {
    width: 2.82rem;height: 1.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_submit.png);position: absolute;left: 2.05rem;top: 7.6rem;
  }
  .tips-info {
    width: 5.35rem;font-size: 0.18rem;color: #553328;line-height: 0.24rem;position: absolute;left: 0.8rem;top: 8.9rem;
  }

  .share-tips {
    width: 4.69rem;height: 1.9rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/share_tips.png);position: absolute;right: 0rem;top: 0rem;
  }
  .share-tips-qb {
    width: 3.42rem;height: 1.12rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/share_tips_qb.png);position: absolute;left: 0.8rem;bottom: 0.15rem;
  }

  .quest {
    z-index: 99;display: none;
  }
  .quest div {
    display: none;
  }
  .btn-q1a {
    width: 3.94rem;height: 1.33rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest1a.png);position: absolute;left: 0.3rem;top: 4.5rem;
  }
  .btn-q1b {
    width: 4.46rem;height: 1.46rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest1b.png);position: absolute;left: 2.6rem;top: 6rem;
  }
  .btn-q1c {
    width: 3.93rem;height: 1.32rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest1c.png);position: absolute;left: 0.8rem;top: 7.5rem;
  }
  .btn-q1d {
    width: 3.93rem;height: 1.43rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest1d.png);position: absolute;left: 3.45rem;top: 8.9rem;
  }
  .btn-q2a {
    width: 4.56rem;height: 2.26rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest2a.png);position: absolute;left: 2.75rem;top: 2.7rem;
  }
  .btn-q2b {
    width: 4.35rem;height: 1.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest2b.png);position: absolute;left: 2.95rem;top: 5.25rem;
  }
  .btn-q2c {
    width: 4.68rem;height: 1.33rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest2c.png);position: absolute;left: 2.8rem;top: 7.05rem;
  }
  .btn-q2d {
    width: 4.8rem;height: 1.93rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest2d.png);position: absolute;left: 2.5rem;top: 8.7rem;
  }
  .btn-q3a {
    width: 3.52rem;height: 1.96rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest3a.png);position: absolute;left: 0.3rem;top: 4.2rem;
  }
  .btn-q3b {
    width: 3.59rem;height: 1.84rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest3b.png);position: absolute;left: 3.75rem;top: 5.75rem;
  }
  .btn-q3c {
    width: 3.69rem;height: 1.56rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest3c.png);position: absolute;left: 0.2rem;top: 7.7rem;
  }
  .btn-q3d {
    width: 3.73rem;height: 1.51rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest3d.png);position: absolute;left: 3.55rem;top: 9.2rem;
  }
  .btn-q4a {
    width: 3.14rem;height: 1.86rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest4a.png);position: absolute;left: 0.3rem;top: 4.3rem;
  }
  .btn-q4b {
    width: 3.14rem;height: 1.84rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest4b.png);position: absolute;left: 4.1rem;top: 5.65rem;
  }
  .btn-q4c {
    width: 3.1rem;height: 1.57rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest4c.png);position: absolute;left: 0.5rem;top: 7.25rem;
  }
  .btn-q4d {
    width: 3.11rem;height: 1.4rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest4d.png);position: absolute;left: 3.9rem;top: 8.5rem;
  }
  .btn-q5a {
    width: 3.52rem;height: 1.97rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest5a.png);position: absolute;left: 0.25rem;top: 5.9rem;
  }
  .btn-q5b {
    width: 3.59rem;height: 1.85rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest5b.png);position: absolute;left: 3.7rem;top: 7.9rem;
  }
  .btn-q5c {
    width: 3.69rem;height: 1.57rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest5c.png);position: absolute;left: 0.1rem;top: 10rem;
  }
  .btn-q5d {
    width: 3.84rem;height: 1.57rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest5d.png);position: absolute;left: 3.4rem;top: 11.85rem;
  }
  .btn-q6a {
    width: 3.6rem;height: 1.18rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest6a.png);position: absolute;left: 3.1rem;top: 4.4rem;
  }
  .btn-q6b {
    width: 3.68rem;height: 1.24rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest6b.png);position: absolute;left: 0.4rem;top: 5.7rem;
  }
  .btn-q6c {
    width: 3.5rem;height: 1.17rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest6c.png);position: absolute;left: 3.05rem;top: 7rem;
  }
  .btn-q6d {
    width: 3.61rem;height: 1.24rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest6d.png);position: absolute;left: 0.5rem;top: 8.3rem;
  }

  @keyframes questAnim1 {
    0% {transform: translateX(0);-webkit-transform: translateX(0);}
    100% {transform: translateX(-7.5rem);-webkit-transform: translateX(-7.5rem);}
  }
  @keyframes questAnim2 {
    0% {transform: translateX(7.5rem);-webkit-transform: translateX(7.5rem);}
    100% {transform: translateX(0);-webkit-transform: translateX(0);}
  }
  @keyframes questAnim3 {
    0% {transform: translateX(-7.5rem);-webkit-transform: translateX(-7.5rem);}
    100% {transform: translateX(-15rem);-webkit-transform: translateX(-15rem);}
  }

  .quest1 .anim-canvas {
    animation: questAnim1 500ms linear forwards;-webkit-animation: questAnim1 500ms linear forwards;
  }
  .quest1 .anim-canvas2 {
    animation: questAnim1 500ms linear forwards;-webkit-animation: questAnim1 500ms linear forwards;
  }
  .quest2 .anim-canvas {
    animation: questAnim2 500ms linear forwards;-webkit-animation: questAnim2 500ms linear forwards;
  }
  .quest2 .anim-canvas2 {
    animation: questAnim3 500ms linear forwards;-webkit-animation: questAnim3 500ms linear forwards;
  }

  @keyframes answerLeftAnim {
    0% {transform: translateX(-2rem);-webkit-transform: translateX(-2rem);}
    100% {transform: translateX(0);-webkit-transform: translateX(0);}
  }
  @keyframes answerRightAnim {
    0% {transform: translateX(2rem);-webkit-transform: translateX(2rem);}
    100% {transform: translateX(0);-webkit-transform: translateX(0);}
  }
  .anim .btn-q1a,.anim .btn-q1c,.anim .btn-q3a,.anim .btn-q3c,.anim .btn-q4a,.anim .btn-q4c,.anim .btn-q5a,.anim .btn-q5c,.anim .btn-q6b,.anim .btn-q6d {
    animation: answerLeftAnim 400ms linear forwards;-webkit-animation: answerLeftAnim 400ms linear forwards;
  }
  .anim .btn-q1b,.anim .btn-q1d,.anim .btn-q3b,.anim .btn-q3d,.anim .btn-q4b,.anim .btn-q4d,.anim .btn-q5b,.anim .btn-q5d,.anim .btn-q6a,.anim .btn-q6c {
    animation: answerRightAnim 400ms linear forwards;-webkit-animation: answerRightAnim 400ms linear forwards;
  }
  .anim .btn-q2a,.anim .btn-q2b,.anim .btn-q2c,.anim .btn-q2d {
    animation: answerRightAnim 400ms linear forwards;-webkit-animation: answerRightAnim 400ms linear forwards;
  }
  /* .anim .btn-q2b {
    animation-delay: 100ms;
  }
  .anim .btn-q2c {
    animation-delay: 200ms;
  }
  .anim .btn-q2d {
    animation-delay: 300ms;
  } */
  /* .quest-wrap a:nth-child(1) {
    animation-delay: 0ms;
  }
  .quest-wrap a:nth-child(2) {
    animation-delay: 100ms;
  }
  .quest-wrap a:nth-child(3) {
    animation-delay: 200ms;
  }
  .quest-wrap a:nth-child(4) {
    animation-delay: 300ms;
  } */


/* comic */
  .comic {

  }
  .comic-content {
    width: 22.5rem;height: 16.24rem;position: absolute;left: 50%;top: 1rem;margin-left: -11.25rem;display: flex;justify-content: center;transform: scale(0.35);-webkit-transform: scale(0.35);transform-origin: center top;-webkit-transform-origin: center top;
  }
  .comic-quest {
    width: 7.5rem;height: 16.24rem;position: relative;margin: 0 -0.2rem;display: none;
  }
  .comic-quest span {
    display: none;
  }
  .comic-quest1 {
    background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest1.png) no-repeat center/6.38rem 12.16rem;
  }
  .comic-quest2 {
    background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest2.png) no-repeat center/7.3rem 12.43rem;
  }
  .comic-quest3 {
    background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest3.png) no-repeat center/6.36rem 11.33rem;
  }
  .comic-quest4 {
    background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest4.png) no-repeat center/6.55rem 12.02rem;
  }
  .comic-quest5 {
    background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest5.png) no-repeat center/6.38rem 11.88rem;
  }
  .comic-quest6 {
    background: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/quest6.png) no-repeat center/6.31rem 12.1rem;
  }
  .btn-comicpot {
    width: 6.8rem;height: 3.75rem;position: absolute;left: 0.35rem;top: 10.2rem;
  }

  .pop-login {
    width: 6.53rem;height: 8.11rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_login.png);left: 50%;top: 50%;margin: -4.05rem 0 0 -3.26rem;
  }
  .login-buttons {
    width: 6.43rem;height: 1.8rem;display: flex;justify-content: center;padding: 5.15rem 0 0 0.1rem;
  }
  .btn-qq {
    width: 1.39rem;height: 1.72rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_qq.png); margin: 0 0.4rem;
  }
  .btn-wx {
    width: 1.39rem;height: 1.74rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_wx.png); margin: 0 0.4rem;
  }

  .fo-qr {
    display: block;width: 2rem;height: 2rem;position: absolute;left: 2.3rem;top: 5rem;
  }
  .qr-tips {
    width: 5.15rem;height: 1.6rem;font-size: 0.3rem;color: #553328;line-height: 0.38rem;text-align: center;position: absolute;left: 0.85rem;top: 7.4rem;
  }
  .pop-sharecopy {
    width: 6.53rem;height: 8.11rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_sharecopy.png);left: 50%;top: 50%;margin: -5.32rem 0 0 -3.26rem;
  }
  .input-sharecopy {
    width: 5.33rem;height: 0.69rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/cdk_input.png);border: 0;position: absolute;left: 0.65rem;top: 4.8rem;text-align: center;line-height: 0.69rem;color: #553328;font-size: 0.3rem;font-weight: bold;
  }
  .pop-sharecopy .cdk-buttons {
    justify-content: center;top: 6.1rem;
  }

  .pop-order {
    width: 6.53rem;height: 9.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/pop_order.png);left: 50%;top: 50%;margin: -5.8rem 0 0 -3.26rem;
  }
  .pop-order .form {
    width: 5.3rem;height: 2.7rem;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;padding: 4.3rem 0 0 0.7rem;
  }
  .pop-order .form input:focus {
    outline: 0;
  }
  .pop-order .form .phone input,.pop-order .form .code input {
    height: 0.49rem;border: 0;text-align: center;line-height: 0.49rem;color: #553328;font-size: 0.3rem;font-weight: bold;background: none;
  }
  .pop-order .form .phone {
    width: 5.26rem;height: 0.49rem;margin-bottom: 0.2rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/input_phone.png);
  }
  .pop-order .form .phone input {
    width: 100%;
  }
  .pop-order .form .code {
    width: 5.26rem;height: 0.49rem;margin-bottom: 0.2rem;display: flex;justify-content: space-between;
  }
  .pop-order .form .code .input-code {
    width: 3.14rem;height: 0.49rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/input_code.png);
  }
  .pop-order .form .code .input-code input {
    width: 100%;
  }
  .btn-code {
    width: 1.98rem;height: 0.49rem;text-align: center;line-height: 0.49rem;font-size: 0.3rem;color: #2c2424;font-weight: bold;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_code.png);
  }
  .btn-code.gray-dom {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    font-size: 0.24rem;
  }
  .pop-order .form .plat {
    width: 5.26rem;height: 0.91rem;display: flex;justify-content: space-between;align-items: flex-start;
  }
  .pop-order .form .radio-label {
    display: block;height: 0.91rem;background: no-repeat 0 top / 100% auto;border: 0 ;border-radius: 0;text-indent: -9999px;
  }
  .pop-order .form .ios {
    width: 2.32rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/plat_ios.png);
  }
  .pop-order .form .android {
    width: 2.72rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/plat_android.png);
  }
  .pop-order .form input[type="radio"]:checked + .radio-label.ios {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/plat_ioson.png);
  }
  .pop-order .form input[type="radio"]:checked + .radio-label.android {
    background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/plat_androidon.png);
  }
  .pop-order .text {
    width: 5.4rem;height: 1.15rem;margin-left: 0.7rem;color: #523228;font-size: 0.18rem;line-height: 0.24rem;
  }
  .pop-order .text a {
    color: #523228;
  }
  .btn-order {
    width: 2.82rem;height: 1.05rem;background-image: url(https://game.gtimg.cn/images/bjhl/act/a202301124canteen/btn_order.png);margin: 0 auto;
  }
  .pop-order .btn-bind {
    background-image: url(//game.gtimg.cn/images/bjhl/act/a20220931yuyuem/index/btn_bind.png);
  }
  
  .wx-top {width: 100%;height: 0.3rem;background: #fff;color: #808080;font-size: 0.24rem;position: fixed;left: 0;top: 0;display: flex;z-index: 999;justify-content: space-between;display: none;}
  .wx-top .text-info {padding-left: 0.1rem;;line-height: 0.3rem;}
  .wx-top .link-info {width: 2.5rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.24rem;color: #546481;text-align: right;padding-right: 0.1rem;}
  .wx-top .link-info a {color: #546481;}