html,
body {
  min-height: 100%;
}
body,
html,
a,
img,
div,
ul,
li,
p,
em,
span,
i,
input,
textarea,
dl,
dt,
dd,
h1,
h2 {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}
article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
menu {
  display: block;
}
ul,
ol,
li {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
a img {
  pointer-events: auto !important;
}
em,
i {
  font-style: normal;
}
input,
textarea {
  outline: none;
}
.cf {
  *zoom: 1;
}
.cf:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.c1 {
  color: #fdf18b;
}
.c2 {
  color: #fbe09c !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs24 {
  font-size: 24px !important;
  line-height: 36px;
}
.fs30 {
  font-size: 30px !important;
  line-height: 48px;
}
.tac {
  text-align: center;
}
.pad0 {
  padding: 0 !important;
}
.plr20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.line {
  text-decoration: underline !important;
}
.line:hover {
  text-decoration: none !important;
}
.pab10 {
  padding-bottom: 20px !important;
}
body {
  background: #fff;
  color: #000;
  min-width: 980px;
  margin: 0 auto;
  font: 12px/24px '\5FAE\8F6F\96C5\9ED1,\5B8B\4F53';
}
input::input-placeholder,
textarea::input-placeholder {
  color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
.tbar {
  position: relative;
  z-index: 9999;
  font-size: 12px;
}
.tbar a:hover {
  color: #f60;
}
.tbar .bre {
  width: 1000px;
  margin: 0 auto;
}
.tbar .logo {
  width: 120px;
  height: 32px;
}
.tbar .l-link .more1 {
  color: #848484;
}
.footerArea {
  background: #f8f8f8;
  line-height: 24px;
  margin: 0 auto;
  padding: 25px 0 100px;
  color: #333;
  text-align: center;
  overflow: hidden;
}
.footerArea a {
  color: #333;
  margin: 0 5px;
}
.footerArea a:hover {
  color: #f60;
}
.b,
.m {
  background-repeat: no-repeat;
}
.b {
  background-position: top center;
  width: 100%;
  overflow: hidden;
}
.m {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
.b1,
.m1 {
  height: 200px;
}
.b2,
.m2 {
  height: 180px;
}
.b3,
.m3 {
  height: 200px;
}
.b4,
.m4 {
  height: 150px;
}
.b5,
.m5 {
  height: 1376px;
}
.b6,
.m6 {
  height: 964px;
}
.b1 {
  background-image: url("/images/flashyun/b1.jpg");
}
.b2 {
  background-image: url("/images/flashyun/b2.jpg");
}
.b3 {
  background-image: url("/images/flashyun/b3.jpg");
}
.b4 {
  background-image: url("/images/flashyun/b4.jpg");
}
.b5 {
  background-image: url("/images/flashyun/b5.jpg");
}
.b6 {
  background-image: url("/images/flashyun/b6.jpg");
}
.m1 {
  background-image: url("/images/flashyun/m1.jpg");
}
.m2 {
  background-image: url("/images/flashyun/m2.jpg");
}
.m3 {
  background-image: url("/images/flashyun/m3.jpg");
}
.m4 {
  background-image: url("/images/flashyun/m4.jpg");
}
.m5 {
  background-image: url("/images/flashyun/m5.jpg");
}
.m6 {
  background-image: url("/images/flashyun/m6.jpg");
}
.qrcode {
  background: #fff;
  width: 106px;
  height: 106px;
  padding: 6px;
  margin-top: 12px;
  margin-left: 414px;
  overflow: hidden;
}
.qrcode img {
  width: 106px;
  height: 106px;
  overflow: hidden;
}
.mouTitle {
  background-repeat: no-repeat;
  width: 385px;
  height: 75px;
  line-height: 9999;
  margin: 0 auto;
  overflow: hidden;
}
.m5 .title1 {
  background-image: url("/images/flashyun/title1.png");
  margin-top: 10px;
}
.gameDiv {
  background: url("/images/flashyun/listBg.png") no-repeat;
  width: 972px;
  height: 1213px;
  margin-left: 0px;
  margin-top: 30px;
  padding-top: 40px;
  overflow: hidden;
}
.bigList {
  width: 804px;
  height: 364px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.bigList li {
  width: 222px;
  height: 152px;
  line-height: 24px;
  margin: 0 23px;
  margin-top: 30px;
  text-align: center;
  float: left;
  overflow: hidden;
}
.bigList a {
  color: #333;
  font-size: 14px;
}
.bigList a:hover {
  color: #f60;
}
.bigList img {
  width: 220px;
  height: 120px;
  margin: 0px auto 6px;
  display: block;
  border: 1px solid #cf9867;
  border-radius: 8px;
  overflow: hidden;
}
.pageBox {
  width: 805px;
  height: 680px;
  padding-top: 10px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.pageBox a {
  width: 101px;
  height: 106px;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  margin: 0 7px;
  margin-top: 30px;
  text-align: center;
  float: left;
  overflow: hidden;
}
.pageBox a:hover {
  color: #f60;
}
.pageBox img {
  width: 72px;
  height: 72px;
  margin: 0px auto 6px;
  display: block;
  border: 2px solid #cf9867;
  border-radius: 8px;
  overflow: hidden;
}
.pageBtn {
  height: 26px;
  margin: 35px auto 0px;
  font-size: 0px;
  line-height: 9999;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}
.pageBtn a,
.pageBtn span {
  display: inline-block;
  vertical-align: top;
}
.pageBtn span {
  margin: 0 5px;
}
.pageBtn span em {
  background-image: url("/images/flashyun/pgiBdr_def.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 10px;
  margin-top: 8px;
  padding: 0 8px;
  line-height: 9999;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.pageBtn span em.on {
  background-image: url("/images/flashyun/pgiBdr_on.png");
}
.pageBtn .prev,
.pageBtn .next {
  background-repeat: no-repeat;
  width: 27px;
  height: 26px;
  margin: 0 15px;
}
.pageBtn .prev {
  background-image: url("/images/flashyun/pgiPrev_f.png");
}
.pageBtn .prev:hover {
  background-image: url("/images/flashyun/pgiPrev_h.png");
}
.pageBtn .next {
  background-image: url("/images/flashyun/pgiNext_f.png");
}
.pageBtn .next:hover {
  background-image: url("/images/flashyun/pgiNext_h.png");
}
.m6 .title2 {
  background-image: url("/images/flashyun/title2.png");
  margin-top: 80px;
}
.stepDiv {
  background: url("/images/flashyun/stepBg.png") no-repeat;
  width: 979px;
  height: 661px;
  margin: 30px auto 0px;
  overflow: hidden;
}
.stepTxt {
  width: 370px;
  margin-top: 190px;
  margin-left: 555px;
  overflow: hidden;
}
.stepTxt strong {
  height: 36px;
  line-height: 36px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  display: block;
  overflow: hidden;
}
.stepTxt p {
  margin-top: 10px;
  font-size: 14px;
  clear: both;
  overflow: hidden;
}
.stepTxt p span,
.stepTxt p em {
  float: left;
}
.stepTxt p span {
  background: url("/images/flashyun/iconStep.png") no-repeat;
  width: 50px;
  height: 25px;
  line-height: 24px;
  color: #fff6e4;
  text-align: center;
  overflow: hidden;
}
.stepTxt p em {
  width: 310px;
  line-height: 26px;
  font-weight: bold;
  margin-left: 10px;
  color: #333;
}
.fixSlide {
  background: url("/images/flashyun/fixBg.png") no-repeat;
  width: 110px;
  height: 288px;
  position: fixed;
  left: 50%;
  margin-left: 500px;
  bottom: 20px;
  z-index: 500;
}
.fixSlide a {
  display: block;
  width: 80px;
  height: 58px;
  margin: 0 auto;
  line-height: 58px;
  text-align: center;
  overflow: hidden;
  color: #fff;
  border-top: 1px solid #cf9014;
  font-size: 16px;
  font-weight:bold;
}
.fixSlide a:hover {
  text-decoration: none;
  color: #fffbc7;
}
.fixSlide .a1 {
  margin-top: 30px;
  border-top: 0;
}
.fixSlide .aTop {
  width: 60px;
  height: 70px;
  margin: 10px auto 0px;
  line-height: 9999;
  border: 0;
  overflow: hidden;
}
