html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
a,a:hover{ text-decoration: none;}
img{ display: block; width: 100%;}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
.pt66{ padding-top: 0.66rem;}
.mb24{ margin-bottom: 0.24rem;}
.mb20{ margin-bottom: 0.2rem;}
html,body{font-size: 62.5%;  }

body {font-size: 1.4rem;/*1.4 × 10px = 14px */background: #f7f7f9; font-family: Microsoft YaHei;}
.content{ width: 7.50rem; margin: 0 auto;}
.top_bar{ position:fixed; width:7.5rem; height:0.94rem; left:0; top:0; background:rgba(22,22,22,1); z-index:10;}
.icon_logo{ float:left; width:0.84rem; height:0.84rem; margin:0.05rem 0 0 0.13rem;}
.game_intro{ float:left; width:2.8rem; margin:0.1rem 0 0 0.12rem; font:bold 0.26rem/0.34rem "微软雅黑"; color:#fff;}
.game_intro span{ font:normal 0.18rem/0.32rem "微软雅黑"; color:#dcdcdc;}
.top_r{ float:right; width:3.36rem;}
.top_r a{ float:left; width:1.4rem; height:0.45rem; margin:0.2rem 0.27rem 0 0;font:normal 0.2rem/0.45rem "微软雅黑"; color:#fff; text-align:center;}
.btn_yuyue{ background:url(http://wl.laohu.com/_s/xiaonaom/btn1_bg.png); background-size:100% auto;}
.btn_jihuo{ display:none; background:url(http://wl.laohu.com/_s/xiaonaom/btn2_bg.png); background-size:100% auto;}

.banner{ height: 9.6rem; background: url(http://wl.laohu.com/_s/xiaonaom/banner.jpg) no-repeat center top; position: relative; background-size: 100% auto;}

.wavebox{ height: 0.47rem; position: absolute; left:0; bottom:0; width: 100%; overflow: hidden; z-index: 9}
.wavebox .static{position: absolute; left:0; bottom: 0; width: 100%; height: 0.47rem;  z-index: 5;}
.wavebox .waveWrapperInner{ position: absolute; height: 0.47rem; width: 100%; overflow: hidden; bottom: 0;}
.wavebox .wave0{ background: url(http://wl.laohu.com/_s/xiaonaom/wave1.png) no-repeat center bottom; z-index: 8; background-size: 100% auto;}
.wavebox .wave1{ position: absolute;  bottom:-0.02rem; width: 100%; height: 0.47rem; background: url(http://wl.laohu.com/_s/xiaonaom/comwave1.png) no-repeat 0 top; z-index: 4; background-size: 100% auto; left:0;transform-origin: center bottom;}
.wavebox .wave2{ position: absolute;  bottom: -0.02rem; width: 100%; height: 0.47rem; background: url(http://wl.laohu.com/_s/xiaonaom/comwave2.png) no-repeat 0 top; z-index: 3;background-size:100% auto;left:0; transform-origin: center bottom;}

/*.wavebox .wave1{animation:move_wave 12s linear 0s infinite;-webkit-animation:move_wave 12s linear 0s infinite;}
.wavebox .wave2{animation:move_wave 18s linear 0s infinite; -webkit-animation: move_wave 18s linear 0s infinite;}*/

.area1{ height: 10.31rem; background: url(http://wl.laohu.com/_s/xiaonaom/areabg1.jpg) no-repeat center top; position: relative;background-size: 100% auto;}
.area1 .wave0{ background: url(http://wl.laohu.com/_s/xiaonaom/wave2.png) no-repeat center bottom;background-size: 100% auto;}
.tit{ margin-bottom: 60px;}
.tit h4{ font-size: 0.5rem; width: 4.10rem; height: 0.97rem; margin: 0 auto;  background: url(http://wl.laohu.com/_s/xiaonaom/titbg.png) no-repeat center top; background-size: 100% auto; text-align: center; line-height: 0.97rem; color: #3d74b7; font-family: STZhongsong; position: relative; font-weight: normal;}
.tit .icon1{ width: 1.17rem; height: 1.27rem; display: inline-block; background: url(http://wl.laohu.com/_s/xiaonaom/icon1.png) no-repeat; background-size: 100% auto; position: absolute; left:-0.10rem; top:-0.18rem;}

.row{ width: 5.89rem; margin: 0 auto; margin-bottom: 0.24rem;}
.box2{ width: 5.89rem; height:2.99rem; background: url(http://wl.laohu.com/_s/xiaonaom/box2.png) no-repeat center top;  background-size: 100% auto; margin: 0 auto; background-size: 100% 100%;}

.ctit{ padding-top: 0.28rem; margin: 0 auto;font-size: 0.24rem; color: #3d74b7; font-family: STZhongsong; text-align: center; margin-bottom: 0.2rem;}
.box2 .ctit{ width: 5.34rem; height: 0.28rem;  background: url(http://wl.laohu.com/_s/xiaonaom/subtit.png?12) no-repeat center 0.38rem; background-size: 100% auto;}
.box2 .citi2{background: url(http://wl.laohu.com/_s/xiaonaom/subtit2.png?12) no-repeat center 0.38rem; background-size: 100% auto;}

.box2 .dataimg { width:5.33rem; height: 1.3rem; margin: 0 auto; overflow: hidden; margin-bottom: 0.2rem;}
.box2 img{ width: 5.33rem; height: 1.3rem;}

.ft18{ font-size: 0.18rem; color: #3d74b7; font-family: Microsoft YaHei;}
.intro{ width: 5.33rem; height: 0.6rem; line-height: 0.28rem; margin: 0 auto; overflow: hidden;}
.box1{ width: 2.83rem; height: 2.99rem; overflow: hidden; background: url(http://wl.laohu.com/_s/xiaonaom/box1.png) no-repeat center top; background-size: 100% 100%;}
.box1 .dataimg{ width: 2.26rem; height: 1.3rem; margin: 0 auto; margin-bottom: 0.16rem;}
.box1 img{ width: 2.26rem; height: 1.3rem;}
.box1 .ctit{ width: 2.26rem; background: url(http://wl.laohu.com/_s/xiaonaom/subtit.png?12) no-repeat center 0.38rem; background-size: 100% auto;}
.box1 .ctit2{background: url(http://wl.laohu.com/_s/xiaonaom/subtit2.png?14) no-repeat center 0.38rem; background-size: 100% auto;}
.box1 .intro{ width: 2.26rem; }
.intro a{ display: block; height: 0.6rem; overflow: hidden;}
.area2{ height: 13.65rem; background: url(http://wl.laohu.com/_s/xiaonaom/areabg2.jpg) no-repeat center top; position: relative; background-size: 100% auto;}
.area2 .wave0{ background: url(http://wl.laohu.com/_s/xiaonaom/wave3.png) no-repeat center bottom; background-size: 100% auto;}
.tit .icon2{ width: 1.17rem; height: 1.27rem; display: inline-block; background: url(http://wl.laohu.com/_s/xiaonaom/icon2.png) no-repeat; background-size: 100% auto;position: absolute; left:-0.24rem; top:-0.06rem;}
.area3{ height: 10.36rem; background: url(http://wl.laohu.com/_s/xiaonaom/areabg3.jpg) no-repeat center top; position: relative; background-size: 100% auto;}
.area3 .wave0{ background: url(http://wl.laohu.com/_s/xiaonaom/wave4.png) no-repeat center bottom; background-size: 100% auto;}
.tit .icon3{ width: 1.40rem; height: 1.14rem; display: inline-block; background: url(http://wl.laohu.com/_s/xiaonaom/icon3.png) no-repeat;background-size: 100% auto; position: absolute; left:-0.35rem; top:-0.15rem;}

.area4{ height: 10.36rem; background: url(http://wl.laohu.com/_s/xiaonaom/areabg4.jpg) no-repeat center top; position: relative; background-size: 100% auto;}
.area4 .wave0{ background: url(http://wl.laohu.com/_s/xiaonaom/wave5.png) no-repeat center bottom;background-size: 100% auto;}
.tit .icon4{ width: 1.02rem; height: 1.1rem; display: inline-block; background: url(http://wl.laohu.com/_s/xiaonaom/icon4.png) no-repeat;background-size: 100% auto; position: absolute; left:-0.08rem; top:-0.19rem;}

.area5{ height: 10.36rem; background: url(http://wl.laohu.com/_s/xiaonaom/areabg5.jpg) no-repeat center top; position: relative; background-size: 100% auto;}
.area5 .wave0{ background: url(http://wl.laohu.com/_s/xiaonaom/wave6.png) no-repeat center bottom;background-size: 100% auto;}
.tit .icon5{ width: 1.37rem; height: 1.34rem; display: inline-block; background: url(http://wl.laohu.com/_s/xiaonaom/icon5.png) no-repeat;  background-size: 100% auto;position: absolute; left:-0.16rem; top:-0.19rem;}

/***波浪线***/
@-webkit-keyframes move_wave{
  0% {
        -webki-transform: translateX(0%) translateZ(0) scaleY(1)
    }
    50% {
        -webki-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -webki-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-moz-keyframes move_wave{
  0% {
        -moz-transform: translateX(0%) translateZ(0) scaleY(1)
    }
    50% {
        -moz-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -moz-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-ms-keyframes move_wave{
  0% {
        -ms-transform: translateX(0%) translateZ(0) scaleY(1)
    }
    50% {
        -ms-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -ms-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-o-keyframes move_wave{
  0% {
        -o-transform: translateX(0%) translateZ(0) scaleY(1)
    }
    50% {
        -o-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -o-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@keyframes move_wave {
    0% {
        transform: translateX(0%) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}