a, body, div, h1, h2, h3, h4, img, input, li, ol, p, span, ul {
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family:'平方', YaHei, '黑体', Hei, Tahoma, Helvetica, arial, sans-serif;
	color:#fff; font-size:25px;
	line-height:1.5;
}
html {margin:0  auto;
	width:750px;
	-ms-touch-action: none;
	height: 100%
}
body {
	width:750px; margin:0  auto;
	height:100%; overflow-x: hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch
}
img {vertical-align:top;display:inline-block;
	border: 0;
}

.clearfix{display:block;zoom:1}
.clearfix:after{content:" ";display:block;font-size:0;height:0; line-height:0; font-size:0; clear:both;visibility:hidden}

input[type=button], input[type=submit], input[type=file], button{ cursor:pointer; -webkit-appearance:none;}
input{	-webkit-border-radius: 0;	-webkit-box-shadow: insert 0 0 0 transparent;background: #fff}

a, h1, h2, h3, h4, p, span {-webkit-user-select: none}
a, img {-webkit-touch-callout: none}

.textGreen {color: #1aad19!important}
.textYellow {color:#ffdf5e!important}
.textRed {color: #cc3e36!important}
.textbrown{ color:#7f4e2d!important}
.textbrown02{ color:#f7d5bd!important}
.textBlack {color: #222!important}
.textorange{ color:#fc690a;!important}
.textBlue {	color: #0788d2!important}
.textGrey6 {color: #666!important}
.textGrey9 {color: #999!important}
.textpink{ color:#f8aeb2;!important}

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
*{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
li,ol,ul{list-style:none}
em,i,b {font-style:normal;font-weight: normal}
a{text-decoration:none}
a:hover{text-decoration:none}
button,input,textarea{outline:0}

p{line-height:1.5; color:#4e2b13}
table{border-collapse:collapse;border-spacing:0}
.fl{float:left}
.fr{float:right}
.block{display:block}
.tac{text-align:center}
.tar{text-align:right}
.tal{text-align:left}
.dn{ display:none;}

.pr{position:relative}
.pa{position:absolute}
.ofh{white-space:nowrap;word-wrap:normal;word-break:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
.w100{width:100%}
.h100{height:100%}

.fs24{font-size:24px;}
.fs25{ font-size:25px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}
.fs32{ font-size:32px;}

/* index*/
.index{width:750px; height:100%; -webkit-overflow-scrolling:touch; position:relative; z-index:0; font-size:25px; background:#c4a1fb;}
.index .top{ background:url(../img/top_bg.jpg) no-repeat center top; width:100%;height:118px;}
.fix-top{width:710px; margin:0 auto; padding-top:10px;}
.fix-top .inner{width:100%;margin:0 auto;}
.fix-top .inner .gameicon{float:left; width:100px; height:100px; display:block;}
.fix-top .inner .gametitle{width:590px; float:right; position:relative;}
.fix-top .inner .gametitle p{ color:#fff;}
.fix-top .inner .gametitle .fl .title{ display:block; font-size:28px;color:#fff; font-weight:bold;}
.fix-top .inner .gametitle .fl .xin{ width:194px; height:25px; display:block; margin-bottom:5px;}
.fix-top .inner .gametitle .fl .point img{ width:148px; height:28px; display:block;}
.fix-top .inner .gametitle .dow{ width:230px; position:absolute; z-index:1; right:0; top:0; height:90px; display:block;}
.fix-top .inner .gametitle .dow img{animation:scaling3 infinite 1s ease alternate;animation-delay:1.5s;-webkit-animation:scaling3 infinite 1s ease alternate;-webkit-animation-delay:1.5s;}
@-webkit-keyframes scaling3{
	0%,90%,100%{-webkit-transform:translate(0,0);
            transform:translate(0,0);}
	20%{ -webkit-transform:translate(-10px,0);
            transform:translate(-10px,0);}
	40%{ -webkit-transform:translate(5px,0);
            transform:translate(5px,0);}
	60%{ -webkit-transform:translate(-2px,0);
            transform:translate(-2px,0);}		
	}
@keyframes scaling3{
	0%,90%,100%{-webkit-transform:translate(0,0);
            transform:translate(0,0);}
	20%{ -webkit-transform:translate(-10px,0);
            transform:translate(-10px,0);}
	40%{ -webkit-transform:translate(5px,0);
            transform:translate(5px,0);}
	60%{ -webkit-transform:translate(-2px,0);
            transform:translate(-2px,0);}	
	}
	
.index .bg{ background:url(../img/bg.jpg) no-repeat 0 0; width:750px; height:1334px;}
.index .dow02{width:427px; height:145px; display:block; text-indent:-9999em; margin:505px auto 0 auto;}
.index .dow02 img{ width:427px; height:145px; display:block; animation: scaling2 infinite 1s ease alternate;
    animation-delay: 1s;
    -webkit-animation: scaling2 infinite 1.2s ease alternate;
    -webkit-animation-delay: 1s;
}

/*广告轮播*/

.web-banner {width:750px; height:375px; overflow:hidden; position:relative;margin:70px 0 0 0;}
.web-banner ul {height:335px; position:absolute;}
.web-banner ul li {float:left; width:750px; height:335px; overflow:hidden; position:relative;}
.web-banner ul li div {position:absolute; overflow:hidden;}
.web-banner .btnBg {position:absolute; width:750px; height:24px; left:0; bottom:0; display:none;}
.web-banner .btn {position:absolute; width:750px; padding:0px 10px 0px 10px; right:305px; bottom:-5px; text-align:right;}
.web-banner .btn span {display:inline-block; _display:inline; _zoom:1; width:24px; height:24px; text-align:center; margin-left:8px; cursor:pointer; background:url(../img/selected.png) no-repeat; text-indent:-9999rem;}
.web-banner .btn span.on { background:url(../img/selected_on.png) no-repeat; width:24px; height:24px;}

.footer{width:750px; height:128px; margin:0 auto;}


/*动画*/
@-webkit-keyframes up{0%{-webkit-transform:translateY(0) scale(1);}50%{-webkit-transform:translateY(5px) scale(1.05)}100%{-webkit-transform:translateY(0) scale(1)}}@keyframes up{0%{transform:translateY(0) scale(1);}50%{transform:translateY(5px) scale(1.05)}100%{transform:translateY(0) scale(1)}}

/*动画部分*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}


/*动画延迟*/
.delay01S{
	animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
}
.delay02S{
	animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}

.delay05S{
	animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
}
.delay1S{
	animation-delay:1s;
	-moz-animation-delay:1s;
	-webkit-animation-delay:1s;
}
.delay15S{
	animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
}
.delay2S{
	animation-delay:2s;
	-moz-animation-delay:2s;
	-webkit-animation-delay:2s;
}
.delay25S{
	animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
}
.delay3S{
	animation-delay:3s;
	-moz-animation-delay:3s;
	-webkit-animation-delay:3s;
}
.delay35S{
	animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-webkit-animation-delay:3.5s;
}
.delay4S{
	animation-delay:4s;
	-moz-animation-delay:4s;
	-webkit-animation-delay:4s;
}
@-webkit-keyframes scaling2{
	0%,100%{-webkit-transform:scale(1.0);
            transform:scale(1.0);}
	50%{ -webkit-transform:scale(1.1);
            transform:scale(1.1);}	
	}
@keyframes scaling2{
	0%,100%{-webkit-transform:scale(1.0);
            transform:scale(1.0);}
	50%{ -webkit-transform:scale(1.1);
            transform:scale(1.1);}
	}