html, 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, li {
  display: block; }

video, iframe, embed {
  max-width: 100%;
  vertical-align: bottom; }

html {
  overflow-y: scroll; }

ul, ol {
  list-style: none; }

a {
  /*-webkit-tap-highlight-color:transparent*/ }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

input, select {
  vertical-align: middle; }

input, input:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent; }

input[type="radio"] {
  vertical-align: middle; }

input[type="checkbox"] {
  vertical-align: middle; }

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; }

label, input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer;
  -webkit-appearance: none; }

button, input, select, textarea {
  margin: 0;
  border-radius: 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; }

.cl:before, .cl:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden; }

.cl:after {
  clear: both; }

.cl {
  zoom: 1; }

.fl {
  float: left; }

.fr {
  float: right; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.tac {
  text-align: center; }

body {
  overflow-x: hidden;
  width: 640px;
  font-size: 24px;
  font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #333;
  padding-bottom: 97px; }

a {
  text-decoration: none; }

.striking {
  color: #ff0000; }

.nav {
  width: 100%;
  height: 89px;
  padding-left: 15px;
  border-bottom: 1px solid #63508a;
  position: fixed;
  top: 0;
  left: 0;
  background: #fffbf6;
  z-index: 100;
  /*display: flex;
  align-items: center;*/ }

.zx_logo {
  width: 134px;
  height: 82px;
  background: url(http://zx.wanmei.com/hot/20180318/m/img/cover/logo321.png) no-repeat;
  position: absolute;
  top: 0;
  left: 106px; }

.kk {
  width: 80px;
  height: 80px;
  background: url("http://zx.wanmei.com/hot/20180318/m/img/cover/kk515.png") no-repeat;
  margin-top: 6px; }

.down_icon {
  display: block;
  width: 210px;
  height: 58px;
  background: url(http://zx.wanmei.com/hot/20180318/m/img/cover/download321.png) no-repeat;
  position: absolute;
  top: 14px;
  right: 55px; }

.maintit {
  text-align: center; }

.hero {
  height: 688px; }
  .hero .slogan {
    width: 100%;
    top: 440px;
    left: 0;
    text-align: center; }

.indexbg {
  background: url("../images/index-bg2.jpg") 50% 0 no-repeat;
  height: 3032px;
  margin-top: 90px; }
  .indexbg .m1 {
    height: 1148px;
    line-height: 0;
    font-size: 0; }
    .indexbg .m1 .schedule {
      color: #3d49a3;
      font-size: 22px;
      line-height: 56px;
      padding-left: 122px;
      padding-top: 30px;
      text-align: left;
      height: 310px; }
      .indexbg .m1 .schedule li {
        position: relative;
        padding-left: 42px; }
        .indexbg .m1 .schedule li:before {
          content: "";
          width: 23px;
          height: 23px;
          background: #FFF;
          border: 8px solid #6a77b9;
          border-radius: 32px;
          left: 0;
          top: 18px;
          position: absolute;
          box-sizing: border-box; }
    .indexbg .m1 .nav-main {
      margin-bottom: 73px; }
      .indexbg .m1 .nav-main a {
        display: inline-block;
        width: 86px;
        margin: 0 14px; }
    .indexbg .m1 .nav1 a {
      margin-bottom: 24px;
      display: inline-block; }
  .indexbg .m2 .maintit {
    margin-bottom: 58px; }
  .indexbg .m2 .more {
    margin-top: 62px;
    display: inline-block; }
  .indexbg .m2 .prize {
    width: 542px;
    margin: 0 auto; }
  .indexbg .m2 .ring {
    left: 107px;
    top: 302px;
    width: 54px;
    height: 54px; }
    .indexbg .m2 .ring img {
      bottom: 54px;
      left: 50%;
      width: 486px;
      height: 801px;
      display: none;
      margin-left: -150px; }
    .indexbg .m2 .ring.on img {
      display: block; }

.footer-nav {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  height: 97px;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 100;
  text-align: center; }
  .footer-nav a {
    display: inline-block;
    width: 19.999%;
    font: 26px/96px "Microsoft Yahei";
    color: #FFF;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    background: url("../images/footer-nav-bg.jpg") 50% 0;
    background-clip: border-box;
    box-sizing: border-box; }
    .footer-nav a.on {
      background-image: url("../images/footer-nav-on-bg.jpg"); }

.singupbg {
  background: url("../images/signup-bg.jpg") 50% 0 no-repeat;
  height: 1997px;
  margin-top: 90px; }
  .singupbg .hero {
    height: 830px; }
  .singupbg .m1 {
    height: 410px; }
    .singupbg .m1 .maintit {
      margin-bottom: 71px; }
    .singupbg .m1 .sure_btn {
      background: url("../images/btn2.png");
      width: 348px;
      height: 79px;
      display: inline-block;
      margin-top: 47px; }
    .singupbg .m1 .form-item {
      line-height: 42px;
      color: #505ba8;
      font-size: 32px; }
    .singupbg .m1 .idInp {
      border: 1px solid #505ba8;
      width: 290px;
      height: 42px;
      box-sizing: border-box;
      margin-left: 12px;
      font: 28px/40px "Microsoft Yahei";
      padding-left: 3px;
      vertical-align: top; }
    .singupbg .m1 .guanzhan_btn {
      background: url("../images/guanzhan_btn.png");
      width: 170px;
      height: 27px;
      text-indent: -999em;
      outline: none;
      display: inline-block;
      margin-top: 11px; }
  .singupbg .m2 {
    width: 584px;
    margin: 35px auto;
    box-sizing: border-box;
    border-left: 1px solid #404784;
    border-right: 1px solid #404784;
    background: url("../images/attention-c.png") 50% 0 repeat-y; }
    .singupbg .m2:before, .singupbg .m2:after {
      content: "";
      position: absolute;
      width: calc(100% + 2px);
      height: 35px;
      left: -1px; }
    .singupbg .m2:before {
      top: -32px;
      background: url("../images/attention-t.png"); }
    .singupbg .m2:after {
      bottom: -35px;
      background: url("../images/attention-b.png"); }
    .singupbg .m2 .attention {
      width: 526px;
      margin: 0 auto;
      position: relative;
      padding-bottom: 5px;
      color: #4b4b4c;
      padding-top: 20px; }
      .singupbg .m2 .attention li {
        margin-bottom: 25px;
        font: 18px/22px "Microsoft Yahei"; }
        .singupbg .m2 .attention li:before {
          content: "";
          width: 11px;
          height: 11px;
          display: inline-block;
          background: #4b4b4c;
          vertical-align: top;
          margin-right: 6px;
          transform: rotate(45deg);
          margin-top: 5px; }
      .singupbg .m2 .attention .striking {
        color: #fc2525; }
        .singupbg .m2 .attention .striking:before {
          background: #fc2525; }
      .singupbg .m2 .attention h3 {
        font: 400 26px/30px;
        height: 56px; }
  .singupbg .m3 .maintit {
    margin-bottom: 18px; }
  .singupbg .m3 .durtime {
    width: 202px;
    height: 32px;
    display: inline-block;
    background: #7078b9;
    color: #FFF;
    font: 24px/32px "Microsoft Yahei";
    border-radius: 5px; }
  .singupbg .m3 .matchtime {
    background: url("../images/matchtime.png") 50% 0 no-repeat;
    width: 559px;
    height: 593px;
    margin: 160px auto 0; }
    .singupbg .m3 .matchtime .striking {
      color: #ffeb3b; }
  .singupbg .m3 .time {
    width: 77px;
    height: 77px;
    box-sizing: border-box;
    position: absolute; }
    .singupbg .m3 .time.on .ps {
      display: block;
      opacity: 0;
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn; }
  .singupbg .m3 .ps {
    position: absolute;
    display: none;
    width: 250px;
    font: 18px/22px "Microsoft Yahei";
    bottom: 90px;
    text-align: center;
    color: #FFF;
    left: 50%;
    margin-left: -125px;
    box-sizing: border-box;
    border: 2px solid #505ba8;
    background: #505ba8;
    padding: 5px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
    .singupbg .m3 .ps:after {
      content: "";
      position: absolute;
      border: 10px solid #505ba8;
      width: 0;
      height: 0;
      bottom: -20px;
      border-color: #505ba8 transparent transparent transparent;
      left: 50%;
      margin-left: -5px; }
  .singupbg .m3 .time1 {
    top: 87px;
    left: 422px; }
  .singupbg .m3 .time2 {
    top: 194px;
    left: 80px; }
  .singupbg .m3 .time3 {
    top: 194px;
    left: 336px; }
    .singupbg .m3 .time3 .ps {
      width: 342px;
      margin-left: -171px; }
  .singupbg .m3 .time4 {
    top: 301px;
    left: 0; }
    .singupbg .m3 .time4 .ps {
      left: 0;
      margin-left: 0; }
      .singupbg .m3 .time4 .ps:after {
        left: 30px; }
  .singupbg .m3 .time5 {
    top: 301px;
    left: 81px; }
  .singupbg .m3 .time6 {
    top: 301px;
    left: 163px; }
  .singupbg .m3 .time7 {
    top: 301px;
    left: 248px; }
  .singupbg .m3 .time8 {
    top: 301px;
    left: 336px; }
  .singupbg .m3 .time9 {
    top: 409px;
    left: 81px; }
  .singupbg .m3 .time10 {
    top: 409px;
    left: 163px; }
  .singupbg .m3 .time11 {
    top: 409px;
    left: 248px; }
  .singupbg .m3 .time12 {
    top: 409px;
    left: 336px; }
  .singupbg .m3 .time13 {
    top: 516px;
    left: 0; }
    .singupbg .m3 .time13 .ps {
      left: 0;
      margin-left: 0; }
      .singupbg .m3 .time13 .ps:after {
        left: 30px; }
  .singupbg .m3 .time14 {
    top: 516px;
    left: 81px; }
  .singupbg .m3 .time15 {
    top: 516px;
    left: 163px; }
  .singupbg .m3 .time16 {
    top: 516px;
    left: 248px; }
  .singupbg .m3 .time17 {
    top: 516px;
    left: 336px; }
    .singupbg .m3 .time17 .ps {
      width: 322px;
      margin-left: -161px; }
  .singupbg .m4 .filter {
    margin-top: 47px; }
    .singupbg .m4 .filter nav {
      margin-bottom: 25px; }
      .singupbg .m4 .filter nav a {
        display: inline-block;
        height: 60px;
        border-radius: 5px;
        color: #FFF;
        font: 32px/60px "Microsoft Yahei";
        font-weight: 700;
        text-align: center;
        position: relative;
        margin: 0 6px;
        background: url("../images/fliter.png") 50% 0 no-repeat; }
        .singupbg .m4 .filter nav a.on {
          background-position: 50% -90px; }
    .singupbg .m4 .filter .count {
      width: 282px; }
    .singupbg .m4 .filter .date {
      width: 247px; }
    .singupbg .m4 .filter .search-inp {
      width: 394px;
      height: 52px;
      border: 1px solid #cccccc;
      margin-right: 7px;
      vertical-align: top;
      font: 22px/50px "Microsoft Yahei";
      color: #3d49a3;
      padding-left: 5px;
      box-sizing: border-box; }
    .singupbg .m4 .filter .search-btn {
      display: inline-block;
      vertical-align: top;
      width: 140px;
      height: 52px;
      color: #FFF;
      background: url("../images/fliter.png") 50% -90px;
      border-radius: 5px;
      font: 28px/52px "Microsoft Yahei"; }
  .singupbg .m5 {
    width: 616px;
    margin: 34px auto 30px;
    height: 759px; }
    .singupbg .m5 .videolist {
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .singupbg .m5 .videolist li {
        width: 302px;
        position: relative; }
      .singupbg .m5 .videolist img {
        width: 300px;
        height: 186px;
        border: 1px solid #3a4052; }
      .singupbg .m5 .videolist dd {
        background: url("../images/videobar.png");
        width: 100%;
        height: 51px;
        position: relative;
        margin-top: -40px; }
        .singupbg .m5 .videolist dd span {
          text-align: center;
          width: 125px;
          height: 32px;
          padding-top: 9px;
          font: 18px/32px "Microsoft Yahei";
          height: 32px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          word-break: normal;
          word-wrap: normal; }
        .singupbg .m5 .videolist dd .left {
          float: left;
          color: #827bff; }
        .singupbg .m5 .videolist dd .right {
          float: right;
          color: #f34b47; }
      .singupbg .m5 .videolist .link {
        position: absolute;
        width: 100%;
        height: 205px;
        left: 0;
        top: 0; }
      .singupbg .m5 .videolist .visit {
        width: 49.999%;
        box-sizing: border-box;
        padding-left: 35px;
        font: 16px/48px "Microsoft Yahei";
        color: #999;
        background: url("../images/eye-icon.png") 8px 20px no-repeat; }
        .singupbg .m5 .videolist .visit b {
          font-weight: 400; }
      .singupbg .m5 .videolist .time {
        width: 49.999%;
        box-sizing: border-box;
        padding-left: 35px;
        font: 16px/48px "Microsoft Yahei";
        color: #999;
        background: url("../images/time-icon.png") 8px 18px no-repeat; }

.rulesbg {
  background: url("../images/rules-bg-t.jpg") 50% 0 no-repeat #dbe2fd; }
  .rulesbg .bgB {
    background: url("../images/rules-bg-b.jpg") 50% 100% no-repeat;
    min-height: 2923px; }
  .rulesbg .hero {
    margin-top: 90px;
    height: 828px; }
  .rulesbg .m1 {
    padding-bottom: 60px; }
    .rulesbg .m1 .maintit {
      height: 144px; }
    .rulesbg .m1 dl {
      width: 560px;
      margin-left: 47px;
      font: 18px/24px "Microsoft Yahei";
      color: #505ba8; }
    .rulesbg .m1 dt {
      font-size: 30px;
      line-height: 32px;
      height: 46px;
      position: relative;
      font-weight: 700; }
      .rulesbg .m1 dt:before, .rulesbg .m1 dt:after {
        content: "";
        border-radius: 20px;
        position: absolute;
        border: 1px solid #505ba8; }
      .rulesbg .m1 dt:before {
        width: 16px;
        height: 16px;
        left: -30px;
        top: 9px; }
      .rulesbg .m1 dt:after {
        width: 22px;
        height: 22px;
        left: -33px;
        top: 6px; }
    .rulesbg .m1 dd {
      margin-bottom: 30px; }

.FIFA {
  margin-top: 20px;
  padding-bottom: 20px; }
  .FIFA h3 {
    color: #505ba8;
    font: 400 20px/60px "Microsoft Yahei"; }
  .FIFA h4 {
    font: 400 20px/36px "Microsoft Yahei";
    color: #FFF;
    text-align: center;
    background: #505ba8; }
  .FIFA li {
    font: 17px/33px "Microsoft Yahei";
    color: #686868;
    text-align: center; }
    .FIFA li:nth-child(even) {
      background: rgba(80, 91, 168, 0.15); }

#page {
  margin-top: 20px;
  text-align: center; }

#page span, #page a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 20px;
  color: #fff;
  color: #afafaf;
  margin: 0 2px; }

#page .next, #page .prev {
  display: inline-block; }

#page .current {
  color: #5575be;
  text-decoration: underline; }

.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; }

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

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*# sourceMappingURL=style.css.map */