html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,table,strong,th,td,frameset,frame,iframe,span,em,img,acronym,abbr{padding: 0;margin: 0;border:none;}table{border-collapse: collapse;border-spacing: 0;}img{ vertical-align:middle;}ol,ul,li{list-style: none;}address,caption,cite,code,dfn,th,var{font-weight: normal;font-style: normal;}h1,h2,h3,h4,h5,h6{font-size: 100%;}q:before,q:after{content: '';}input,select{ vertical-align:middle;}


body{ font-family:"Microsoft YaHei";font-size: 12px; background-color: #000;color:#fff; }

.body{ position: absolute; left:0px; top:0px; width: 100%; height: 100%; overflow: hidden;}
#minisite{ width: 640px; height: 1009px; overflow: hidden; position: absolute; left:0px; top:0px;
    transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

.base-view{ width: 640px; height: 1009px; overflow: hidden; position: absolute; left:0px; top:0px; z-index: 10;}


.orientation_set {display:none;}

@media screen and (orientation: landscape){
    .orientation_set {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        width: 100%;
        height: 100%;
        background: #000;
        text-align: center;
        display: -webkit-box;
        -weibit-box-pack: center;
        -webkit-box-align: center;
        z-index: 999;
        font-size: 14px;
        line-height: 2em;
    }
    .orientation_set div{
        position: absolute;
        left:50%;
        top:50%;
        margin-left: -50px;
        margin-top: -60px;
    }
    .orientation_set img {
        
        display: inline-block;
        -webkit-animation: zhuan 1.5s .3s infinite;
        animation: zhuan 1.5s .3s infinite;
    }

    @-webkit-keyframes zhuan {
        0%{-webkit-transform: rotate(0deg);opacity: 1;}
        50%{-webkit-transform: rotate(-90deg);opacity: 1;}
        100% {-webkit-transform: rotate(0deg);opacity: 1;}
    }
    @keyframes zhuan {
        0%{-webkit-transform: rotate(0deg);opacity: 1;}
        50%{-webkit-transform: rotate(-90deg);opacity: 1;}
        100% {-webkit-transform: rotate(0deg);opacity: 1;}
    }
}

.music{width: 66px;height: 66px;position: absolute;right: 8px;top: 8px; z-index: 500;}

.page-one{ position: absolute; left:0px; top:0px; width: 640px; height: 1009px; z-index: 100;}
.page-two{ position: absolute; left:0px; top:0px; width: 640px; height: 1009px;}
.page-bg{ position: absolute; left:0px; top:0px; width: 640px;}
.content{ position: absolute; left:0px; top:0px; width: 640px; height: 1009px;}
.loading-main{ position: absolute; left:246px; top:368px; width: 149px; height: 188px;}
.loading{ position: absolute; left:0px; top:0px;}
.loging-txt{ position: absolute;left:0; top:135px; width: 100%;text-align: center; font-size: 20px; font-weight: bold;color:#fff;}
/* public end */

.index-paizi{ position: absolute; left:0px; top:186px;}
.index-muban{ position: absolute; left:0px; top:0px;}
.index-zhiti{ position: absolute;left: 515px;top: 503px;}
.index-txt1{ position: absolute; left: 100px;top: 138px;}
.index-muban-main{ position: absolute; left:-10px; top:0px; width: 734px; height: 521px;}
.index-img-main{ position: absolute; left:0px; top:195px; width: 640px;height: 813px;}
.index-fangdajing{ position: absolute; left:203px; top:0px;
  transform:translate(5px,5px);
  -o-transform:translate(5px,5px);
  -ms-transform:translate(5px,5px);
  -moz-transform:translate(5px,5px);
  -webkit-transform:translate(5px,5px);
}
.index-txt2{ position: absolute; left: 73px;top: 98px;}
.index-img1{ position: absolute; left:0px; bottom:0px;}

.index-muban-anim{
  animation: rotate-anim 4000ms linear 0ms infinite normal;
  -webkit-animation: rotate-anim 4000ms linear 0ms infinite normal;
    transform-origin: 80% 95%;
    -o-transform-origin: 80% 95%;
    -ms-transform-origin: 80% 95%;
    -moz-transform-origin: 80% 95%;
    -webkit-transform-origin: 80% 95%;
}

@keyframes rotate-anim
{
    0%{
        transform:rotate(2deg);
        -o-transform:rotate(2deg);
        -ms-transform:rotate(2deg);
        -moz-transform:rotate(2deg);
        -webkit-transform:rotate(2deg);
    }
    50%{
        transform:rotate(-2deg);
        -o-transform:rotate(-2deg);
        -ms-transform:rotate(-2deg);
        -moz-transform:rotate(-2deg);
        -webkit-transform:rotate(-2deg);
    }
    100% {
        transform:rotate(2deg);
        -o-transform:rotate(2deg);
        -ms-transform:rotate(2deg);
        -moz-transform:rotate(2deg);
        -webkit-transform:rotate(2deg);
    }
}
@-webkit-keyframes rotate-anim
{
    0%{
        transform:rotate(2deg);
        -o-transform:rotate(2deg);
        -ms-transform:rotate(2deg);
        -moz-transform:rotate(2deg);
        -webkit-transform:rotate(2deg);
    }
    50%{
        transform:rotate(-2deg);
        -o-transform:rotate(-2deg);
        -ms-transform:rotate(-2deg);
        -moz-transform:rotate(-2deg);
        -webkit-transform:rotate(-2deg);
    }
    100% {
        transform:rotate(2deg);
        -o-transform:rotate(2deg);
        -ms-transform:rotate(2deg);
        -moz-transform:rotate(2deg);
        -webkit-transform:rotate(2deg);
    }
}

.index-fangdajing-anim{
  animation: move-anim 4000ms linear 0ms infinite normal;
  -webkit-animation: move-anim 4000ms linear 0ms infinite normal;
}
@keyframes move-anim
{
    0%{
        transform:translate(10px,10px);
        -o-transform:translate(10px,10px);
        -ms-transform:translate(10px,10px);
        -moz-transform:translate(10px,10px);
        -webkit-transform:translate(10px,10px);
    }
    25%{
        transform:translate(-10px,10px);
        -o-transform:translate(-10px,10px);
        -ms-transform:translate(-10px,10px);
        -moz-transform:translate(-10px,10px);
        -webkit-transform:translate(-10px,10px);
    }
    50%{
        transform:translate(-10px,-10px);
        -o-transform:translate(-10px,-10px);
        -ms-transform:translate(-10px,-10px);
        -moz-transform:translate(-10px,-10px);
        -webkit-transform:translate(-10px,-10px);
    }
    75%{
        transform:translate(10px,-10px);
        -o-transform:translate(10px,-10px);
        -ms-transform:translate(10px,-10px);
        -moz-transform:translate(10px,-10px);
        -webkit-transform:translate(10px,-10px);
    }
    100% {
        transform:translate(10px,10px);
        -o-transform:translate(10px,10px);
        -ms-transform:translate(10px,10px);
        -moz-transform:translate(10px,10px);
        -webkit-transform:translate(10px,10px);
    }
}
@-webkit-keyframes move-anim
{
    0%{
        transform:translate(10px,10px);
        -o-transform:translate(10px,10px);
        -ms-transform:translate(10px,10px);
        -moz-transform:translate(10px,10px);
        -webkit-transform:translate(10px,10px);
    }
    25%{
        transform:translate(-10px,10px);
        -o-transform:translate(-10px,10px);
        -ms-transform:translate(-10px,10px);
        -moz-transform:translate(-10px,10px);
        -webkit-transform:translate(-10px,10px);
    }
    50%{
        transform:translate(-10px,-10px);
        -o-transform:translate(-10px,-10px);
        -ms-transform:translate(-10px,-10px);
        -moz-transform:translate(-10px,-10px);
        -webkit-transform:translate(-10px,-10px);
    }
    75%{
        transform:translate(10px,-10px);
        -o-transform:translate(10px,-10px);
        -ms-transform:translate(10px,-10px);
        -moz-transform:translate(10px,-10px);
        -webkit-transform:translate(10px,-10px);
    }
    100% {
        transform:translate(10px,10px);
        -o-transform:translate(10px,10px);
        -ms-transform:translate(10px,10px);
        -moz-transform:translate(10px,10px);
        -webkit-transform:translate(10px,10px);
    }
}

.index-arrow{ position: absolute; left:50%; top:911px;margin-left:-42px;
  
}
.arrow-anim{
  animation: arrow-anim 2000ms ease-in-out 0ms infinite normal;
  -webkit-animation: arrow-anim 2000ms ease-in-out 0ms infinite normal;   
}
@keyframes arrow-anim
{
    0%{
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
    50%  {
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    100% {
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
}
@-webkit-keyframes arrow-anim
{
     0%{
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
    50%  {
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    100% {
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
}
.index-logo1{ position: absolute; left:50%; top:977px;margin-left:-76px;}
.page2-img1{ position: absolute; left:50%; top:0px;margin-left:-230px;}
.page2-img2{ position: absolute; left:0px; top:0px;}
.page2-img2-main{ position: absolute; left:0px; top:156px; width: 640px; height: 785px;
  transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}
.page2-btn{ position: absolute; right:0px; top:863px;}
.page2-close-btn{ position: absolute; left:537px; top:26px; width: 65px; height: 65px;}
.page7-txt1{ position: absolute; left: 134px;top: 144px;}
.page7-input{ position: absolute; left:21px; width: 619px; height: 110px;}
.page7-input1{ top:496px;}
.page7-input2{ top:630px;}
.input-bg{ position: absolute; left:0px; top:0px; }
.page7-btn{ position: absolute; left:50%; top:754px;margin-left:-231px;}
.name-txt,.mobile-txt{ position: absolute; left:90px; top:35px;}
.input{ position: absolute; left:185px; top:28px; width: 356px; height: 49px;font-size:34px; line-height: 49px;color:#000; background:transparent;}

.page4-title-main{ position: absolute; left:0px; top:78px; width: 640px;}
.page4-txt-main{ position: absolute; left:0px; top:393px; width: 640px;}
.page4-txt1{ position: absolute;left:50%; top:0px;margin-left:-276px;}
.page4-txt2{ position: absolute;left:50%; top:0px;margin-left:-233px;}
.page4-btn-main{ position: absolute; left:0px; top:628px; width: 640px;}
.page4-btn1{position: absolute;left:50%; top:0px;margin-left:-158px;}
.page4-btn2{position: absolute;left:50%; top:0px;margin-left:-157px;}
.page4-btn{position: absolute;left:50%; top:127px;margin-left:-311px;}
.pgae4-share{ position: absolute; left:50%; top:888px;margin-left:-189px;}
.left-tanhao1{ position: absolute; left:52px; top:38px;}
.right-tanhao1{ position: absolute; left:536px; top:39px;}
.left-guang{ position: absolute; left:35px; top:23px;}
.right-guang{ position: absolute; left:531px; top:23px;}
.page4-title1{position: absolute;left:0px; top:0px;}
.page4-title2{position: absolute;left:0px; top:0px;}

.opacity-anim{
  animation: opacity-anim 2000ms ease-in-out 0ms infinite normal;
  -webkit-animation: opacity-anim 2000ms ease-in-out 0ms infinite normal;   
}
@keyframes opacity-anim
{
    0%{
        opacity:1;
    }
    50%  {
        opacity:0.6;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes opacity-anim
{
     0%{
        opacity:1;
    }
    50%  {
        opacity:0.6;
    }
    100% {
        opacity:1;
    }
}

.page5-txt2{ position: absolute;left:50%; top:57px;margin-left:-157px;}
.page5-pople{ position: absolute; left:107px; top:-147px;}
.page5-pople-anim{
  animation: page5-pople-anim 2000ms linear 0ms infinite normal;
  -webkit-animation: page5-pople-anim 2000ms linear 0ms infinite normal;    
}
@keyframes page5-pople-anim
{
    0%{
        left:107px;
        transform:scale(1,1);
        -o-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
    50%{
        left:395px;
        transform:scale(-1,1);
        -o-transform:scale(-1,1);
        -ms-transform:scale(-1,1);
        -moz-transform:scale(-1,1);
        -webkit-transform:scale(-1,1);
    }
    100% {
        left:107px;
        transform:scale(1,1);
        -o-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
}
@-webkit-keyframes page5-pople-anim
{
    0%{
        left:107px;
        transform:scale(1,1);
        -o-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
    50%{
        left:395px;
        transform:scale(-1,1);
        -o-transform:scale(-1,1);
        -ms-transform:scale(-1,1);
        -moz-transform:scale(-1,1);
        -webkit-transform:scale(-1,1);
    }
    100% {
        left:107px;
        transform:scale(1,1);
        -o-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -webkit-transform:scale(1,1);
    }
}

.page6-hongbao-main{ position: absolute; left:0px; top:78px; width: 640px;}
.page6-kuang{ position: absolute;    left: 132px;top: 91px;}
.page6-pople{ position: absolute; left:160px; top:-6px;}
.page6-hongbao{ position: absolute;left: 78px;top: 39px;}
.page6-txt1{ position: absolute;    left: 143px;top: 82px;}
.page6-txt2{ position: absolute;    left: 192px;top: 303px;}
.page6-gebo{ position: absolute; left:0px; top:319px;}
.page6-guize{ position: absolute;    left: 224px;top: 486px;}
.page3-main{ background-color: #fff;}
.game-main{ position: absolute; left:0px; top:138px; width: 640px; height: 763px;}
.game-body{position: absolute; left:0px; top:0px; width: 2560px; height: 763px;}
.scene{ position: absolute;top:0px; width: 640px; height: 790px;}
.scene1{left:0px;}
.scene2{left:0px;}
.scene3{left:0px;}
.scene4{left:0px;}

.top-bg{ position: absolute; left:0px; top:0px;}
.bottom-bg{ position: absolute; left:0px; bottom:0px;}
.bottom-bg-main{ position: absolute; left:0px; bottom:0px; width: 640px; height: 147px;}
.page3-title-main{ position: absolute;left:97px; top:0px; width: 465px; height: 163px;}
.page3-title{ position:absolute;left:0px; top:0px;}
.ganrao1{ position: absolute; left:86px;top:473px; width: 102px; height: 88px;}
.ganrao2{ position: absolute; left:427px;top:331px; width: 90px; height: 151px;}
.arrow1{ position:absolute;left:0px;bottom:0px;}
.arrow2{ position:absolute;right:0px;bottom:0px;}
.yazi-anim{
  animation: yazi-anim 2000ms linear 0ms infinite normal;
  -webkit-animation: yazi-anim 2000ms linear 0ms infinite normal;
    transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}

@keyframes yazi-anim
{
    0%{
        transform:rotate(1deg);
        -o-transform:rotate(1deg);
        -ms-transform:rotate(1deg);
        -moz-transform:rotate(1deg);
        -webkit-transform:rotate(1deg);
    }
    50%{
        transform:rotate(-1deg);
        -o-transform:rotate(-1deg);
        -ms-transform:rotate(-1deg);
        -moz-transform:rotate(-1deg);
        -webkit-transform:rotate(-1deg);
    }
    100% {
        transform:rotate(1deg);
        -o-transform:rotate(1deg);
        -ms-transform:rotate(1deg);
        -moz-transform:rotate(1deg);
        -webkit-transform:rotate(1deg);
    }
}
@-webkit-keyframes yazi-anim
{
    0%{
        transform:rotate(1deg);
        -o-transform:rotate(1deg);
        -ms-transform:rotate(1deg);
        -moz-transform:rotate(1deg);
        -webkit-transform:rotate(1deg);
    }
    50%{
        transform:rotate(-1deg);
        -o-transform:rotate(-1deg);
        -ms-transform:rotate(-1deg);
        -moz-transform:rotate(-1deg);
        -webkit-transform:rotate(-1deg);
    }
    100% {
        transform:rotate(1deg);
        -o-transform:rotate(1deg);
        -ms-transform:rotate(1deg);
        -moz-transform:rotate(1deg);
        -webkit-transform:rotate(1deg);
    }
}

.tip-main{ position: absolute; left:0px; top:82px;padding-left:17px;
  transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  transform:scale(0.9);
  -o-transform:scale(0.9);
  -ms-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -webkit-transform:scale(0.9);
}
.time-main{ text-align: center; width: 100%; top:34px; position: absolute; left:0px;}
/*.page3-ren{ position: absolute; left:17px; top:0px;}*/

.music-anim{
  animation: music-anim 5000ms linear 0ms infinite normal;
  -webkit-animation: music-anim 5000ms linear 0ms infinite normal;
}

@keyframes music-anim
{
    0%{
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
    5%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    15%{
        transform:translate(0,5px);
        -o-transform:translate(0,5px);
        -ms-transform:translate(0,5px);
        -moz-transform:translate(0,5px);
        -webkit-transform:translate(0,5px);
    }
    30%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    35%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px); 
    }
    40%{
        transform:translate(0,5px);
        -o-transform:translate(0,5px);
        -ms-transform:translate(0,5px);
        -moz-transform:translate(0,5px);
        -webkit-transform:translate(0,5px);
    }
    55%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    65%{
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
    100% {
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
}
@-webkit-keyframes music-anim
{
    0%{
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
    5%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    15%{
        transform:translate(0,5px);
        -o-transform:translate(0,5px);
        -ms-transform:translate(0,5px);
        -moz-transform:translate(0,5px);
        -webkit-transform:translate(0,5px);
    }
    30%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    35%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px); 
    }
    40%{
        transform:translate(0,5px);
        -o-transform:translate(0,5px);
        -ms-transform:translate(0,5px);
        -moz-transform:translate(0,5px);
        -webkit-transform:translate(0,5px);
    }
    55%{
        transform:translate(0,10px);
        -o-transform:translate(0,10px);
        -ms-transform:translate(0,10px);
        -moz-transform:translate(0,10px);
        -webkit-transform:translate(0,10px);
    }
    65%{
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
    100% {
        transform:translate(0,0);
        -o-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
}

.select-img{ position: absolute;}
.select-img1{left: 273px;top: 315px;}
.select-img2{left: 0px;top: 520px;}
.select-img3{left: 475px;top: 625px;}
.select-img4{left: 540px;top: 300px;}
.select-img5{left: 100px;top: 30px;}
.select-img6{left:0px; top:0px;}
.select-img7{left: 120px;top: 156px;}
.select-img8{left: 110px;top: 635px;}
.select-img9{left: 185px;top: 420px;}
.select-img10{left: 380px;top: 230px;}
.select-img11{left: 155px;top: 620px;}
.select-img12{left: 490px;top: 225px;}
.select-img13{left: 85px;top: 415px;}
.select-img14{left: 460px;top: 420px;}

.thing{ position: absolute; }
.thing1{ left:380px;top:341px;}
.thing2{ left:6px;top:547px;}
.thing3{ left:497px;top:680px;}
.thing4{ left:515px;top:285px;}
.thing5{ left:127px;top:60px;}

.thing6{ left:405px;top:548px;}
.thing7{ left:148px;top:202px;}
.thing8{ left:140px;top:680px;}
.thing9{ left:180px;top:432px;}
.thing10{ left:380px;top:230px;}
.thing11{ left:80px;top:550px;}
.thing12{ left:490px;top:250px;}
.thing13{ left:120px;top:460px;}

.thing14{ left:495px;top:470px;}


.game-tip-main{ position: absolute; left:0px; top:0px; width: 640px; height: 1009px;}
.tip-img{ position: absolute; right:0px; top:280px;}
.title1-txt{ position: absolute; left:0px; top:195px; width: 100%; text-align: center;}

/* ipad  */
@media screen and (min-height: 500px) and (max-height: 800px) {
  
}

/* 640--832,ip4 */
@media screen and (min-height: 801px) and (max-height: 832px) {
  .index-arrow{
    top:736px;
  }
  .index-logo1{
    top:808px;
  }
  .page2-img2-main{
  
    transform:scale(0.8);
    -o-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -webkit-transform:scale(0.8);
  }

  
  .page2-btn {
      top: 713px;
      width: 276px;
  }
  .bottom-bg-main{
    bottom: 156px;
  }
  .game-body{top:-132px;}
  .page4-title-main{top:26px;}
  .page4-txt-main{top:319px;}
  .page4-btn-main{top:550px;}
  .page5-txt2{top:96px;}
  .page7-input1{top:452px;}
  .page7-input2{top:569px;}
  .page7-btn{top:687px;}
  .tip-img{top:214px;}

}
/* 643--865 MX4,643--892 MX3 */
@media screen and (min-height: 833px) and (max-height: 893px) {
  .index-arrow{
    top:736px;
  }
  .index-logo1{
    top:808px;
  }
  .page2-img2-main{
    

    transform:scale(0.8);
    -o-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -webkit-transform:scale(0.8);
  }

  
  .page2-btn {
      top: 713px;
      width: 276px;
  }
  .bottom-bg-main{
    bottom: 156px;
  }
  .game-body{top:-132px;}
  .page4-title-main{top:26px;}
  .page4-txt-main{top:319px;}
  .page4-btn-main{top:550px;}
  .page5-txt2{top:96px;}
  .page7-input1{top:452px;}
  .page7-input2{top:569px;}
  .page7-btn{top:687px;}
  .tip-img{top:214px;}
}
/* 643--929 p6--p8,639--943 m7 */
@media screen and (min-height: 894px) and (max-height: 944px) {
  .index-logo1{top:887px;}
  .index-arrow{top:821px;}
  .page2-img2-main{
    

    transform:scale(0.9);
    -o-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
  }

  
  .page2-btn {
      top: 785px;
      width: 276px;
  }
  .bottom-bg-main{bottom:67px;}
  .game-body{top:-60px;}
  .page4-btn-main{top:592px;}
  .pgae4-share{top:846px;}
}
/* 639--1006 note3 , 643--1013 s2  */
@media screen and (min-height: 945px) and (max-height: 1030px) {
    

}
@media screen and (min-height: 1030px) and (max-height: 1200px) {
    

}