@charset "utf-8";
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
body,button,input,select,textarea{font:14px/1.5 tahoma,arial,\5b8b\4f53}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset,img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;font-weight:normal;}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#;}
a{outline:0;color:#fff;}
ins,a{text-decoration:underline;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{zoom:1}
.ellipsis{/*white-space:nowrap;word-wrap:normal;overflow:hidden;*/-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%; overflow:hidden;}
body .fn_hide{display:none}
.fn_invisible{visibility:hidden}
.fl,.fr{display:inline}
.fl{float:left}
.fr{float:right}
i,em{font-style:normal}
img{max-width:100%;height:auto;vertical-align:middle;-ms-interpolation-mode:bicubic}
body{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif,SimSun;background:url(./background.png) repeat center 0; color: #fff;}

.top{ width:100%; height:58px; background:#fff;}
.top .center{ width:1000px; height:58px; margin:0 auto;}
.top h3{float:left; padding-left:50px; line-height:42px; background: url(./logo_v2.jpg) no-repeat 0 0; margin-top:7px; color:#333; font-size:16px;}
.top a{float:right; width:120px; height:30px; background: #5e9929; border-radius:13px; text-align:center; color:#fff; margin-top:13px; line-height:30px;}
.top a:hover{ background-color:#6ec223;}

.banner{ background:url(./bannerBg1.jpg) no-repeat center 0;}
.banner .center{ background:url(./bannerBg2.jpg) no-repeat center 0; width:1000px; margin:0 auto; height:814px; position:relative;}
.banner .phone{position:absolute; top:30px; left:-15px; background:url(./phoneBg.png) no-repeat 0 0; width:277px; height:493px; padding:55px 19px 60px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/phoneBg.png" ,sizingMethod="noscale");}
.banner .phone img{ width:277px; height:493px; border 2px solid #4c4c4c;}
.banner .dwlBox{ float:left; display:inline; margin-top:393px; margin-left:411px;}
.banner .dwlBtn{ float:left; display:inline; width:230px; /*margin-top:393px; margin-left:411px;*/}
.banner .dwlBtn li{ float:left;}
.banner .dwlBtn a{display:block; width:230px; height: 84px; margin-bottom:10px; background:url(./dwlBtn.jpg) no-repeat 0 0;}
.banner .dwlBtn a:hover{ background-position:-230px 0;}
.banner .dwlBtn a:active{ background-position:-460px 0;}
.banner .dwlBtn a.ios{ background-position:0px -94px;}
.banner .dwlBtn a.ios:hover{ background-position:-230px -94px;}
.banner .dwlBtn a.ios:active{ background-position:-460px -94px;}
.banner .dwlBtn a span{ color: #fff; float:left; margin-left:92px; margin-top:49px; font-size:12px;}
.banner .dwlBtn a.pc{ background-position:0px -188px;}
.banner .dwlBtn a.pc:hover{ background-position:-230px -188px;}
.banner .dwlBtn a.pc:active{ background-position:-230px -188px;}
.banner .dwlBtn a.online{ background-position:0px -283px;}
.banner .dwlBtn a.online:hover{ background-position:-230px -283px;}
.banner .dwlBtn a.online:active{ background-position:-460px -283px;}
.banner .dwlInfoP{ float:left; margin-left:2px;}
.banner .dwlInfo{ float:left; width:312px; height:358px; padding:4px 4px 4px 12px; background:url(./dwlinfo1.png) no-repeat 0 0;}
.banner .dwlInfo h5{ color:#416158; font-weight:bold; margin:15px 15px 0;}
.banner .dwlInfo h5 strong{color:#ff622b;}
.banner .dwlInfo ul{ margin:15px 15px 0;}
.banner .dwlInfo li{width:100%; color:#596434; float:left;clear:left;}
.banner .logo{width:250px; height:348px; position:absolute; top:246px; left:168px; background: url(./bannerLogo.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bannerLogo.png" ,sizingMethod="noscale");}

.gameFunc{width:1000px; margin:0 auto;overflow: hidden; padding:20px 0 60px;}
.gameFunc ul{width:110%;}
.gameFunc li{ float:left; width:298px; height:213px; margin-right:53px; margin-top:40px;}

.notableWorks{width:1000px; margin:0 auto;overflow: hidden; padding-bottom:60px;}
.notableWorks .title{width:198px; height:30px; background:url(./notableWorks.png) no-repeat 0 0; margin-bottom:10px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/notableWorks.png" ,sizingMethod="noscale");}
.notableWorks ul{width:110%;}
.notableWorks li{ float:left; width:180px; height:120px; margin-right:15px; border:4px solid #502b1a;}

.friendlyLinks{width:1000px; margin:0 auto;overflow: hidden; padding-bottom:80px;}
.friendlyLinks .title{width:198px; height:30px; background:url(./friendlyLink.png) no-repeat 0 0;margin-bottom:10px}
.friendlyLinks ul{width:110%;}
.friendlyLinks li{float:left; width:88px; height:31px; margin-right:15px;margin-bottom:3px; border:4px solid #502b1a;}
.friendlyLinks img{width:88px; height:31px; cursor:pointer}


.qrCode{width:155px; height:231px; position:fixed; _position:absolute; right:0; top:50%; margin-top:-115px; background:url(./qrcodebg.jpg) no-repeat 0 0;}
.qrCode .img{ width:138px; height:138px; margin-top:51px; margin-left:9px;}
.qrCode .txt{ width:138px; margin:10px auto 0; color:#c88b6a; text-align:center;}
.qrCode .txt strong{ font-weight:bold; color:#f5df48;}

.qr-main{width: 226px;height: 228px;background: url(./qr.png) no-repeat 0 0;position: absolute;top: 30px;right: 0;z-index:10000;display: none;}

.top a.blog{float:right; width:62px; height:22px; border-radius:0; text-align:center; color:#fff; margin:16px 0 0 10px; line-height:30px;cursor: pointer}
.top a.wechat{float:right; width:76px; height:22px; background: url(./wechat.jpg) no-repeat 0 0 transparent; border-radius:0; text-align:center; color:#fff; margin:16px 0 0 10px; line-height:30px;cursor: pointer;position: relative;}
.lines{float: right;width: 1px;background: #ececec;margin:16px 0 0 10px; height: 22px }
.top a.follow_btn{margin-top:0px;line-height:15px}

.fixed-layer {position: fixed;top: 0;z-index: 99;width: 100%;height: 58px;background: #fff;border-bottom: 1px solid #d1d1d1;}

/*footer*/
.footer{ overflow:hidden; width:100%; }
.footer .copy-right{ width:100%; background:#333; /*height:79px;*/ border-top:1px solid #000; border-bottom:1px solid #000;}
.footer .copy-right p{ /*width:1000px; */margin:15px auto 0; text-align:center; color:#fff;}
.footer .copy-right p a{ padding:0 5px; color:#fff;}
.footer .copy-right p a:hover{ color:#fdff56;}
.footer .copy-right .txt{ width:1100px; margin:6px auto 15px; text-align:center; color:#bbbbbb; font-size:12px;}


/* ===== 响应式布局 ===== */
@media screen and (max-width: 1024px) {
  html, body { overflow-x:hidden; max-width:100vw; }
  body { background-size: cover; background-attachment: fixed; }

  /* 顶部导航 */
  .top { height:auto; }
  .top .center,
  .banner .center,
  .gameFunc,
  .notableWorks,
  .friendlyLinks { width:100% !important; box-sizing:border-box; }
  .top .center { height:auto; padding:8px 12px; display:flex; flex-wrap:wrap; align-items:center; }
  .top h3 { margin-top:0; line-height:32px; padding-left:38px; }
  .top a { width:auto; padding:0 12px; margin-top:6px; }
  .top a.blog { width:auto; }
  .top a.wechat { width:auto; background-position:6px 50%; padding-left:30px; }
  .top .lines { margin:6px 8px 0 8px; }

  /* banner：取消固定高度，改为自适应 */
  .banner { background-size: cover; }
  .banner .center {
    height:auto;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding:20px 12px 30px;
    margin-top:59px !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
  }
  /* 手机轮播：保留手机框背景与 SuperSlide 自动轮播，仅调整定位 */
  .banner .phone {
    position:static !important;
    top:auto !important; left:auto !important;
    margin:0 auto;
    transform:scale(0.9);
    transform-origin:top center;
    order:1;
  }
  /* 下载按钮区 */
  .banner .dwlBox {
    float:none !important;
    margin:0 auto !important;
    margin-top:0 !important;
    margin-left:0 !important;
    text-align:center !important;
    width:230px !important;
    order:2;
  }
  .banner .dwlBtn {
    float:none !important;
    width:230px !important;
    margin:0 auto !important;
    text-align:center !important;
  }
  .banner .dwlBtn li {
    float:none !important;
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }
  .banner .dwlBtn li a,
  .banner .dwlBtn li img {
    display:inline-block !important;
    margin:0 auto !important;
    float:none !important;
  }
  /* 移动端隐藏更新日志弹窗 */
  .banner .dwlInfoP { display:none !important; }
  /* logo 叠加层在小屏下隐藏，避免遮挡 */
  .banner .logo { display:none !important; }

  /* 功能卡：2 列，顶部加外边距与导航栏分隔 */
  .gameFunc {
    padding:10px 12px 30px !important;
    margin-top:24px !important;
    box-sizing:border-box !important;
  }
  .gameFunc ul {
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .gameFunc li {
    float:none !important;
    width:48% !important;
    height:auto !important;
    margin-right:0 !important;
    margin-top:12px !important;
    box-sizing:border-box;
  }
  .gameFunc li img { width:100%; height:auto; }

  /* 工作室：3 列 */
  .notableWorks { padding:0 12px 30px; box-sizing:border-box; }
  .notableWorks ul {
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .notableWorks li {
    float:none !important;
    width:31% !important;
    height:auto !important;
    margin-right:0 !important;
    margin-bottom:8px;
    box-sizing:border-box;
  }
  .notableWorks li img { width:100%; height:auto; }

  /* footer */
  .footer .copy-right p { font-size:11px; line-height:1.6; padding:0 8px; }
  .footer .copy-right p a { display:inline-block; padding:2px 4px; }
  .footer .copy-right .txt { width:100%; }

  /* 浮动二维码：小屏下移到右下角并缩小 */
  .qrCode {
    width:110px; height:auto;
    right:6px; top:auto; bottom:6px;
    margin-top:0;
    background-size:100% auto;
    padding-bottom:6px;
  }
  .qrCode .img { width:96px; height:96px; margin:40px auto 0; }
  .qrCode .txt { width:100%; font-size:11px; }
}

@media screen and (max-width: 480px) {
  /* 超窄屏：功能卡改为单列 */
  .gameFunc li { width:100% !important; }
  .notableWorks li { width:48% !important; }
}
/*
     FILE ARCHIVED ON 06:20:18 Mar 16, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:01:48 Aug 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 13.838
  captures_list: 0.372
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.03
  esindex: 0.005
  cdx.remote: 5.436
  LoadShardBlock: 175.443 (3)
  PetaboxLoader3.datanode: 211.462 (5)
  load_resource: 184.666 (2)
  PetaboxLoader3.resolve: 110.731 (2)
*/