@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div,input{margin:0;padding:0;word-wrap:break-word;}
body,html,input{font:12px "Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
ul,ol,li{list-style:none;}
img{margin: 0;padding: 0;border: none;}
body{overflow: hidden;margin: 0 auto;max-width:750px;}

.fyy{display:none;}
.sign{height: 2rem;width: 100%;position: absolute;left: 0;top: 0;z-index: 100;}
.load{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #dddee0 url(../images/load_bg.jpg) top center no-repeat;background-size: 100% auto;z-index: 50;}
.load p{width: 100%;font-size: .3rem;text-align: center;color: #000;position: absolute;bottom: 1.5rem;left: 0;}
.lh_ico{width: 1.63rem;height: .62rem;background-image: url(../images/lh_ico.png);background-size: cover;position: absolute;top: .2rem;right: .2rem;z-index: 100;}
.logo{position: absolute;top: .2rem;width: 2.8rem;left: .2rem;}
.logo img{width: 2.8rem;}
.start{width: 2.7rem;position: absolute;height: 0.8rem;bottom: .8rem;background: #f3695d;border-radius: 0.4rem;text-align: center;line-height: 0.8rem;color: #fff;left: 2.4rem;display: none;font-size: .3rem;}

.cover{color: #fff;font-size: 24px;will-change: transform;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/cover_bg.jpg);}
.cover_box{width: 6.8rem;height: 5.06rem;background-image: url(../images/coverbox.png);background-size: cover;position: absolute;top: 3.08rem;right: 0;}
.title{width: 5.37rem;height: 1.75rem;background-image: url(../images/covertitle.png);background-size: cover;position: absolute;top: 1.8rem;left: .5rem;}
.cover_chess{width: 2.76rem;height: 3.45rem;background-size: 33.12rem 3.45rem;background-position: 0rem 0rem;background-image: url(../images/e3.png);position: absolute;bottom: 4.8rem;left: 1.02rem;z-index: 99;-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.cover.on{animation-name: cover;animation-duration: 0.7s;-webkit-animation-name: cover;-webkit-animation-duration: 0.7s;}

.info{position: fixed;z-index: 150;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7)}
.text{width: 80%;margin: 0 auto;padding: .5rem;display: block;background: #a6423f;border-radius: .2rem;color: #fff;text-indent: 2em;font-size: .3rem;line-height: .5rem;margin-top: 3rem;margin-bottom: .5rem;}
.close {display: block;margin: 0 auto;width: 0.7rem;}

.cover_p{position: absolute;width: 100%;left: 0;bottom: 1.2rem;text-align: center;color: #5e5757;font-size: .28rem;}
.btn_now{width: 3.49rem;height: 1rem;background-image: url(../images/btn_now.png);background-size: cover;position: absolute;bottom: 2rem;left: 1.98rem;}
.background{width: 300%;height: 300%;background-image: url(../images/jump.png);background-size: 100% 100%;position: absolute;bottom: 0;left: 0;display: none;}
.num{display: none;font-size: .4rem;position: absolute;bottom: -.5rem;left: .4rem;}
.num span{color: red;}

.chess{width: 2.76rem;height: 3.45rem;background-size: 33.12rem 3.45rem;background-position: 0rem 0rem;background-image: url(../images/e3.png);position: absolute;bottom: 2.3rem;left: 1.12rem;z-index: 9999;-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.ring{width: 3.77rem;height: 1.75rem;background-image: url(../images/ring.png);background-size: 100% 100%;position: absolute;z-index: 9998;bottom: 2.1rem;left: .58rem;-webkit-transform: scale(0.4);transform: scale(0.4);opacity: 0;}
.ring_in{-webkit-animation: ring_in .5s linear forwards;animation: ring_in .5s linear forwards;}
.group{position: absolute;width: 3rem;height: 3rem;-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.group .box{background-position: center center;background-repeat: no-repeat;width: 3rem;height: 3rem;z-index: 999;position: absolute;-webkit-transform: translateY(-10.5rem);transform: translateY(-10.5rem);-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.group .shadow {width: 3.55rem;height: 2.02rem;background-image: url(../images/s2.png);background-size: 100% 100%;top: .78rem;left: -0.7rem;position: absolute;z-index: 99;opacity: .3;-webkit-transform: translateY(-10.5rem) translateX(-10.5rem);transform: translateY(-10.5rem) translateX(-10.5rem);-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.tap {top: 0;right: 0;bottom: 0rem;left: 0rem;position: absolute;z-index: 99999;display: none;}
.tips{width: 3.5rem;height: 1.2rem;line-height: .4rem;font-size: .28rem;background-size: .22rem .19rem;background-repeat: no-repeat;background-position: bottom center;color: #545454;margin-left: -0.5rem;margin-top: -.25rem;}
.tips p span{font-weight: bold;color: red;}

.g1{left: 1rem;bottom: 1rem;}
.g1 .box{background-image: url(../images/k1.png);background-size: 2.70rem 2.55rem;-webkit-transform: translateY(0);transform: translateY(0);}
.g1 .shadow{top: .74rem;-webkit-transform: translateY(0) translateX(0);transform: translateY(0) translateX(0);}
.g2{left: 4rem;bottom: 3rem;}
.g2 .box{background-image: url(../images/k2.png);background-size: 2.39rem 2.37rem;-webkit-transform: translateY(0);transform: translateY(0);}
.g2 .shadow{width: 3.12rem;height: 1.77rem;top: .9rem;left: -0.42rem;-webkit-transform: translateY(0) translateX(0);transform: translateY(0) translateX(0);}
.g3{left: 7rem;bottom: 5rem;}
.g3 .box{background-image: url(../images/k3.png);background-size: 2.89rem 2.48rem;}
.g3 .shadow{top: .7rem;}
.g4{left: 4rem;bottom: 7rem;}
.g4 .box{background-image: url(../images/k4.png);background-size: 2.70rem 2.55rem;}
.g5{left: 7rem;bottom: 9rem;}
.g5 .box{background-image: url(../images/k5.png);background-size: 2.8rem 2.6rem;}
.g6{left: 10rem;bottom: 11rem;}
.g6 .box{background-image: url(../images/k6.png);background-size: 2.60rem 2.42rem;}
.g6 .shadow{width: 3.05rem;height: 1.74rem;top: .94rem;left: -0.4rem;}
.g7{left: 7rem;bottom: 13rem;}
.g7 .box{background-image: url(../images/k7.png);background-size: 2.88rem 2.65rem;}
.g8{left: 10rem;bottom: 15rem;}
.g8 .box{background-image: url(../images/k8.png);background-size: 2.70rem 2.55rem;}
.g8 .shadow{top: .74rem;}

.g9{left: 13rem;bottom: 17rem;}
.g9 .box{background-image: url(../images/k9.png);background-size: 2.70rem 2.55rem;}
.g9 .shadow{top: .74rem;}

.g10{left: 16rem;bottom: 19rem;}
.g10 .box{background-image: url(../images/k10.png);background-size: 2.70rem 2.55rem;}
.g10 .shadow{top: .74rem;}

.g10{left: 10rem;bottom: 19.5rem;}
.g10 .box{background-image: url(../images/k10.png);background-size: 2.70rem 2.55rem;}
.g10 .shadow{top: .74rem;}

.box_in{-webkit-animation: box_in .8s linear forwards;animation: box_in .8s linear forwards;}
.shadow_in{-webkit-animation: shadow_in .8s linear forwards;animation: shadow_in .8s linear forwards;}

.restart{display: none;}
.restart,.restart2 {width: 1rem;height: 1rem;background-image: url(../images/restart.png);background-size: .26rem .2rem;background-position: center center;position: fixed;z-index: 999999;background-repeat: no-repeat;bottom: 0;opacity: .6;left: 0;}
.restart2{background-image: url(../images/restart2.png);}
.tips_in{-webkit-animation: 2s tips_in linear forwards;animation: 2s tips_in linear forwards;}

.newWrap{height: 100%;position: absolute;width: 100%;left: 0;top: 0;display: none;overflow:hidden;bottom:0;right:0;}
.newNav{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/jump.png);background-size: 100% 100%;display: none;z-index: 99;-webkit-transform: translateY(-20rem);transform: translateY(-20rem);-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-duration: .5s;transition-duration: .5s;}
.newNav ul{overflow: hidden;background: url(../images/nav_Li.png) center center no-repeat;background-size: 93% 93%;padding-left: .8rem;margin-top: 1.1rem;padding-top: 1.6rem;height:7rem;}
.newNav ul li{float: left;width: 1.8rem;height: 1.8rem;overflow: hidden;border-radius: .2rem;margin-right: .2rem;margin-bottom: .2rem;}
.newNav ul li img{width: 1.8rem;}
.Nav_in{-webkit-transform: translateY(0rem);transform: translateY(0rem);}
.newNav ul li.future,.newNav ul li.msBtn{text-align: center;width: 3.2rem;height: .8rem;position: absolute;bottom: 1.3rem;background: #ed5565;border-radius: .2rem;color: #fff;line-height: .8rem;font-size: .3rem;}
.newNav ul li.msBtn{right: .2rem;}
.newNav ul li.future{left: .2rem;}
.newNav ul li.share{bottom: .05rem;left: 2.46rem;width: 2.54rem;height: 0.88rem;background-image: url(../images/share.png);background-size: 100%;background-repeat: no-repeat;position: absolute;}
.newBox{overflow-y:scroll;height: 9.1rem;background: url(../images/text_bg.png) top center no-repeat;background-size: 100% 100%;padding: .2rem;}
.newList{display: none;background: url(../images/jump.png);position: absolute;z-index: 99;padding-top: 2rem;height: 100%;overflow: hidden;padding-bottom: 1rem;}
.newClose{display: none;right: .2rem;top: 1.2rem;background: url(../images/close.png);width: .66rem;height: .66rem;position: absolute;background-size:cover;z-index: 101;}
.newList p{font-size: .28rem;line-height: .4rem;margin-bottom: .1rem;padding-left: .3rem;padding-right: .3rem;padding-top: .3rem;text-indent: 2em;}
.newList p:nth-of-type(1){font-weight: bold;font-size: .32rem;margin-bottom: .2rem;text-indent:0;}

#shareBox{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-image: url(../images/share_bg.png);background-repeat: repeat;z-index: 99999999;display: none;}
#shareBox img{width: 3.21rem;height: 2.19rem;top: 0;right: 0;display: block;position: absolute;}
.newBox p span{color: red;}

.point {border-radius: 50%;border: none;position: absolute;}

@-webkit-keyframes ring_in {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    opacity: 0.4;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ring_in {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    opacity: 0.4;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes cover {
  0% {
    transform: scale(1.4);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes cover {
  0% {
    -webkit-transform: scale(1.4);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}


@-webkit-keyframes box_in {
  0% {
    -webkit-transform: translateY(-10.5rem);
    transform: translateY(-10.5rem);
  }
  10% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
  }
  20% {
    -webkit-transform: translateY(-9rem);
    transform: translateY(-9rem);
  }
  30% {
    -webkit-transform: translateY(-7.5rem);
    transform: translateY(-7.5rem);
  }
  40% {
    -webkit-transform: translateY(-5.5rem);
    transform: translateY(-5.5rem);
  }
  50% {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
  }
  60% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  70% {
    -webkit-transform: translateY(-0.8rem);
    transform: translateY(-0.8rem);
  }
  80% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  90% {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
}
@keyframes box_in {
  0% {
    -webkit-transform: translateY(-10.5rem);
    transform: translateY(-10.5rem);
  }
  10% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
  }
  20% {
    -webkit-transform: translateY(-9rem);
    transform: translateY(-9rem);
  }
  30% {
    -webkit-transform: translateY(-7.5rem);
    transform: translateY(-7.5rem);
  }
  40% {
    -webkit-transform: translateY(-5.5rem);
    transform: translateY(-5.5rem);
  }
  50% {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
  }
  60% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  70% {
    -webkit-transform: translateY(-0.8rem);
    transform: translateY(-0.8rem);
  }
  80% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  90% {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
}
@-webkit-keyframes shadow_in {
  0% {
    -webkit-transform: translateY(-10.5rem);
    transform: translateY(-10.5rem);
    -webkit-transform: translateX(-10.5rem);
    transform: translateX(-10.5rem);
  }
  10% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem);
  }
  20% {
    -webkit-transform: translateY(-9rem);
    transform: translateY(-9rem);
    -webkit-transform: translateX(-9rem);
    transform: translateX(-9rem);
  }
  30% {
    -webkit-transform: translateY(-7.5rem);
    transform: translateY(-7.5rem);
    -webkit-transform: translateX(-7.5rem);
    transform: translateX(-7.5rem);
  }
  40% {
    -webkit-transform: translateY(-5.5rem);
    transform: translateY(-5.5rem);
    -webkit-transform: translateX(-5.5rem);
    transform: translateX(-5.5rem);
  }
  50% {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
    -webkit-transform: translateX(-3rem);
    transform: translateX(-3rem);
  }
  60% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
  }
  70% {
    -webkit-transform: translateY(-0.8rem);
    transform: translateY(-0.8rem);
    -webkit-transform: translateX(-0.8rem);
    transform: translateX(-0.8rem);
  }
  80% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
  }
  90% {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    -webkit-transform: translateX(-0.3rem);
    transform: translateX(-0.3rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
  }
}
@keyframes shadow_in {
  0% {
    -webkit-transform: translateY(-10.5rem);
    transform: translateY(-10.5rem);
    -webkit-transform: translateX(-10.5rem);
    transform: translateX(-10.5rem);
  }
  10% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem);
  }
  20% {
    -webkit-transform: translateY(-9rem);
    transform: translateY(-9rem);
    -webkit-transform: translateX(-9rem);
    transform: translateX(-9rem);
  }
  30% {
    -webkit-transform: translateY(-7.5rem);
    transform: translateY(-7.5rem);
    -webkit-transform: translateX(-7.5rem);
    transform: translateX(-7.5rem);
  }
  40% {
    -webkit-transform: translateY(-5.5rem);
    transform: translateY(-5.5rem);
    -webkit-transform: translateX(-5.5rem);
    transform: translateX(-5.5rem);
  }
  50% {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
    -webkit-transform: translateX(-3rem);
    transform: translateX(-3rem);
  }
  60% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
  }
  70% {
    -webkit-transform: translateY(-0.8rem);
    transform: translateY(-0.8rem);
    -webkit-transform: translateX(-0.8rem);
    transform: translateX(-0.8rem);
  }
  80% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
  }
  90% {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    -webkit-transform: translateX(-0.3rem);
    transform: translateX(-0.3rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
  }
}


@-webkit-keyframes tips_in {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  15% {
    opacity: 1;
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem);
  }
}
@keyframes tips_in {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  15% {
    opacity: 1;
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem);
  }
}