body{ font-size:14px; color:#333333; background:#fff; font-family:'微软雅黑'; line-height:24px;}

a { color:#333333; font-size:14px; text-decoration:none; }

a:hover {  text-decoration:none;}

.main{max-width: 1200px; width: 94%; margin: 0 auto;}
.main .nav{height: 40px; width: 100%; padding-top: 30px; overflow: hidden; background: #fff; border-bottom: 1px solid #E1E1E1; position: fixed; left: 0; top: 0; z-index: 77;}
.main .nav .bg{max-width: 1200px; width: 94%; height: 40px; margin: 0 auto; position: relative;}
.main .nav ul{display: flex; align-items: center;}
.main .nav ul li{margin-right: 30px; font-size: 14px; color: #333333;position: relative; line-height: 30px;} 
.main .nav ul li::before{width: 100%;height: 1px; background: #E42C2C; position: absolute; left: 0; bottom: -1px; z-index: 9; content: ""; display: none;}
.main .nav ul li:hover::before{color: #E42C2C; border-bottom: 1px solid #E42C2C; display: block;}
.main .nav ul li.cur::before{color: #E42C2C; border-bottom: 1px solid #E42C2C; display: block;}

.main .nav .ment{ z-index:66; width:23px; height:18px; top:50%; margin-top:-9px; position: absolute;left:0; cursor:pointer; background:url(../img/ment-ico.png) no-repeat; display:none}
.main .nav .mentx{ background:url(../img/ment-icox.png) no-repeat}
.main .nav .btn{height: 30px; position: absolute; z-index: 66; right: 0px; display: none; top: 5px;}
.main .nav .btn img{height: 100%; display: block;}
.main .navf .btn{ display: block;}

.nav-bgm{width: 100%; height: 100%; position: fixed; z-index: 88; background: rgba(0,0,0,0.8); left: -100%; top: 0}
.nav-bgm .xx{ width: 23px; height: 18px; position: absolute; z-index: 99; top: 20px; right: 10px;background:url(../img/ment-icox.png) no-repeat center; cursor: pointer}

#navm{ width: calc(100% - 43px); background: #fff; height: 100%; overflow-y: auto; box-sizing: border-box; padding-top: 50px;}
#navm dl{ width:96%; margin:0 auto; overflow:hidden;}
#navm dl dt{ width:100%; overflow:hidden; border-bottom:1px solid #ccc; height:40px; color:#333; text-indent:4px;}
#navm dl dt a{ display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:16px; text-transform:uppercase; text-indent:4px;}
#navm dl dd{width:100%; overflow:hidden; border-bottom:1px solid #ccc; height:auto; border-top:1px solid #ccc; padding-top:8px; padding-bottom:8px; display:none}
#navm dl dd ul.ul1{ display:block}
#navm dl dd ul{ display:block}
#navm dl dd ul li{ width:100%; height:auto; overflow:hidden;}
#navm dl dd ul li a{ width:100%; display:block;  line-height:36px; color:#333; font-size:14px; text-transform:uppercase; text-indent:20px;}
#navm dl dd ul li ul li a{ text-indent:34px; border-bottom:1px dashed #ccc; font-size:14px;}
#navm dl dd ul li ul li ul li a{ text-indent:34px; font-size:14px;}


.link{width: 100%; height: auto; margin-top: 100px;}
.link .bt{width: 100%; border-bottom: 1px solid #E1E1E1; padding-bottom: 30px;}
.link .bt .p1{color: #E42C2C; font-size: 14px; line-height: 20px;}
.link .bt .p2{font-size: 24px; line-height: 24px; padding-top: 10px; font-weight: bold;}
.link .memo{width: 100%; padding-top: 10px; font-size: 14px;}
.link .memo p{padding-top: 24px;}
.link .tips{width: 100%;  display: flex; background: #FFF8F8; align-items: center; box-sizing: border-box; padding: 10px; font-size: 14px; color: #333333; margin-top: 30px;}
.link .tips::before{width: 16px;height: 16px; content: ""; background: url(../img/tipsIco.png) no-repeat; background-size: 100% 100%; margin-right: 9px;}
.link .tips .nr{width: calc(100% - 24px); line-height: 16px;}
.link .list{width: 100%; height:auto; margin-top: 30px;}
.link .list ul li{width: 100%; background: #F1F1F1; box-sizing: border-box; padding: 10px; margin-bottom: 30px; border-radius: 4px;}
.link .list ul li a{display: flex; justify-content:space-between; align-items: center; width: 100%; height: auto;}
.link .list ul li a .left{width: calc(100% - 100px);}
.link .list ul li a .left .time{line-height: 20px; color: #999999;}
.link .list ul li a .left .name{line-height: 20px; color: #333; padding-top: 10px; display: flex; flex-wrap: wrap;}
.link .list ul li a .left .name img{margin-left: 5px; margin-right: 5px;}
.link .list ul li a::after{width: 50px;height: 24px; background: #E42C2C; text-align: center; content: "Claim"; line-height: 24px; border-radius: 12px; color: #fff;}
.link .list ul li:first-child{background: #F8FFF9;}

.events{width: 100%; height: auto; margin-top: 100px;}
.events .bt{width: 100%; border-bottom: 1px dashed #E1E1E1; padding-bottom: 30px;}
.events .bt .name{font-size: 24px; line-height: 24px; font-weight: bold;}
.events .bt .memo{font-size: 14px; padding-top: 10px;}
.events .list{width: 100%; height: auto; margin-top:40px;}
.events .list ul li{width: 100%; overflow: hidden; margin-bottom: 30px; padding-bottom: 24px; border-bottom: 1px solid #E1E1E1;}
.events .list ul li .name{font-size: 16px; font-weight: bold; line-height: 20px;}
.events .list ul li .memo{font-size: 14px; line-height: 20px; padding-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.faq .list ul li .memo{-webkit-line-clamp: 10;}


.eventsInfo{width: 100%; height: auto; margin-top: 100px;}
.eventsInfo .bt{width: 100%; border-bottom: 1px solid #E1E1E1; padding-bottom: 30px; margin-bottom: 40px; overflow: hidden;}
.eventsInfo .bt .p1{color: #E42C2C; font-size: 14px; line-height: 20px;}
.eventsInfo .bt .p2{font-size: 24px; line-height: 24px; padding-top: 10px; font-weight: bold;}


.flash{ width:100%; height:auto; margin:0 auto; position: relative; margin-top: 100px; overflow: hidden;}
.flash .swiper-container .swiper-pagination{bottom: 30px;}
.flash .swiper-container .swiper-pagination-bullet{ width: 50px; height: 5px; background: #fff; border-radius: 0; margin: 0 5px; opacity:0.5}
.flash .swiper-container .swiper-pagination-bullet-active{background: #2e5981;opacity:1}
.flash img{ width: 100%; display: block}
.flash div{ overflow: visible}
.flash .left_b{width:40px; height: 100px; background: url(../images/b_left.png) no-repeat  center; position: absolute; left: 0px; top: 50%; margin-top: -50px; cursor: pointer; z-index: 99}
.flash .left_b:hover{background: url(../images/b_lefth.png) no-repeat  center;}
.flash .right_b{width:40px; height: 100px; background: url(../images/b_right.png) no-repeat center; position: absolute; right: 0px; top: 50%; margin-top: -50px; cursor: pointer; z-index: 99}
.flash .right_b:hover{background: url(../images/b_righth.png) no-repeat center;}

.btnDownBig{width: 40%; margin: 20px auto; min-width: 200px;}
.btnDownBig img{display: block; width: 100%;}

.img{width: 100%; display: block; margin: 20px auto;}

.contact{width: 100%; text-align: center; margin-top: 100px;}
.contact .txt{ text-align: center; margin-top: 30px; font-size: 16px;}


.tournament {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    background-color: #e4e2c5;
    padding: 1em;
    border-radius: 1em;
  }
  .tournament > div {
    display: flex;
    background-color: #beb9a1;
    padding: 10px;
    border-radius: 1em;
    flex: 100%;
    justify-content: space-between;
  }
  .tournament > div > div > span:first-child {
    font-size: larger;
    font-weight: bold;
    margin-right: 5px;
  }
  .tournament > img {
    max-height: 100px;
    margin: 0 auto;
  }
   .event-container {
    display: flex;
  }
  .event-container > div:first-child{
    display: flex;
    align-items: center;
    gap: 5px;
  }
  @media (max-width:500px)  {
    .event-container {
      display: flex;
      flex-direction: column !important;
      text-align:center;
    }
  }

  .faqInfo{width: 100%; height: auto; margin-top: 100px;}
  .faqInfo .memo{text-align: left; font-size: 14px; line-height: 1.2em; color: #666;  padding-top: 10px; padding-bottom: 30px;}
  .faqInfo img{width: 100%; display: block;}


  @media (max-width:800px)  {
    .eventsInfo{margin-top: 70px;}
    .link{margin-top: 70px;}
    .flash{margin-top: 70px;}
    .events{margin-top: 70px;}
    .faqInfo{margin-top: 70px;}
    .main .nav{padding-top: 10px;}
    .main .nav ul{display: none;}
    .main .nav .ment{display: block;}
  }