@charset "UTF-8";
:root input,
:root textarea {
  font-size: 0.22rem;
  color: #333;
  text-align: left;
  line-height: 0.7rem;
  padding: 0 0.2rem;
  background: none;
  outline: none;
  -moz-user-select: text !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  margin-bottom: 0.2rem;
  resize: none;
}
:root .text-overflow {
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 用省略号表示超出部分 */
}
:root {
  /*
    进入和离开动画可以使用不同
    持续时间和速度曲线。
  */
}
:root .slide-fade-enter,
:root .slide-fade-leave-to {
  opacity: 0;
  transform: translateY(100%);
}
:root .slide-fade-enter-active,
:root .slide-fade-leave-active {
  transition: all 0.3s ease-out;
}
:root .slide-fade-enter-to,
:root .slide-fade-leave {
  transform: translateY(0);
  opacity: 1;
}
:root #container {
  display: none;
}

.auth-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

.home-page .frame {
  width: 7.5rem;
  height: 24.49rem;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/home-bg.jpg?v=14");
}
.home-page .frame .btn-start {
  width: 5.14rem;
  height: 1.2rem;
  top: 11.97rem;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/home-btn-start.png?v=14");
}

.team-page .frame {
  height: 15.76rem;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-bg.jpg?v=14");
}
.team-page .frame .btn-back {
  width: 1.5rem;
  height: 0.5rem;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/btn-back.png?v=14");
  position: absolute;
  left: 5.59rem;
  top: 0.41rem;
}
.team-page .frame .title {
  width: 5.32rem;
  height: 1.71rem;
  top: 2.06rem;
}
.team-page .frame .title.final {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-title-final.png?v=14");
}
.team-page .frame .title.semifinal {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-title-semifinal.png?v=14");
}
.team-page .frame .title.quarterfinal {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-title-quarterfinal.png?v=14");
}
.team-page .frame .team-list {
  width: 6.12rem;
  height: 10.98rem;
  top: 4.15rem;
}
.team-page .frame .team-list .item {
  width: 6.12rem;
  height: 1.11rem;
  margin: 0.15rem 0;
  background: left top/cover no-repeat;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-bg.png?v=14");
  border-radius: 0.28rem;
  position: relative;
}
.team-page .frame .team-list .item.check {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-bg-check.png?v=14");
}
.team-page .frame .team-list .item::after {
  content: "";
  background: left top/contain no-repeat;
  width: 6.12rem;
  height: 1.11rem;
  position: absolute;
  left: 0;
  top: 0;
}
.team-page .frame .team-list .item.item-65::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-0.png?v=14");
}
.team-page .frame .team-list .item.item-67::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-1.png?v=14");
}
.team-page .frame .team-list .item.item-68::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-2.png?v=14");
}
.team-page .frame .team-list .item.item-69::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-3.png?v=14");
}
.team-page .frame .team-list .item.item-70::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-4.png?v=14");
}
.team-page .frame .team-list .item.item-71::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-5.png?v=14");
}
.team-page .frame .team-list .item.item-72::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-6.png?v=14");
}
.team-page .frame .team-list .item.item-73::after {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/team-item-7.png?v=14");
}

.confirmteam-dialog .frame {
  width: 5.85rem;
  height: 8.62rem;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam.png?v=14");
}
.confirmteam-dialog .frame .team-info {
  width: 3.33rem;
  height: 2.53rem;
  top: 1.55rem;
}
.confirmteam-dialog .frame .team-info.team-65 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team0.png?v=14");
}
.confirmteam-dialog .frame .team-info.team-67 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team1.png?v=14");
}
.confirmteam-dialog .frame .team-info.team-68 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team2.png?v=14");
}
.confirmteam-dialog .frame .team-info.team-69 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team3.png?v=14");
}
.confirmteam-dialog .frame .team-info.team-70 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team4.png?v=14");
}
.confirmteam-dialog .frame .team-info.team-71 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team5.png?v=14");
}
.confirmteam-dialog .frame .team-info.team-72 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team6.png?v=14");
}
.confirmteam-dialog .frame .team-info.team-73 {
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-confirmteam-team7.png?v=14");
}
.confirmteam-dialog .frame .fundcode {
  width: 3.54rem;
  height: 0.8rem;
  top: 4.66rem;
  text-align: center;
  font-size: 0.3rem;
  color: #333;
  line-height: 0.8rem;
}
.confirmteam-dialog .frame .btn-submit {
  width: 3.59rem;
  height: 0.78rem;
  top: 5.95rem;
}
.confirmteam-dialog .frame .btn-close {
  width: 3.59rem;
  height: 0.78rem;
  top: 7.05rem;
}

.notwin-dialog .frame {
  width: 5.85rem;
  height: 4.52rem;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-notwin.png?v=14");
}
.notwin-dialog .frame .btn-close {
  width: 2.99rem;
  height: 0.78rem;
  top: 2.82rem;
}

.win-dialog .frame {
  width: 7.5rem;
  height: 14.51rem;
  background-image: url("https://qn.mktzr.com/hxbqdj/images/dialog-win.png?v=14");
}
.win-dialog .frame input,
.win-dialog .frame textarea {
  width: 3.5rem;
  font-size: 0.3rem;
  color: #333;
  padding: 0.15rem;
  margin: 0;
  box-sizing: border-box;
  position: absolute;
  left: 2.5rem;
}
.win-dialog .frame input {
  height: 0.6rem;
  padding: 0 0.15rem;
}
.win-dialog .frame .name {
  top: 6.2rem;
}
.win-dialog .frame .tel {
  top: 7.09rem;
}
.win-dialog .frame .verify {
  width: 2.01rem;
  top: 7.98rem;
}
.win-dialog .frame .btn-getVerify {
  width: 1.32rem;
  height: 0.58rem;
  color: #fff;
  line-height: 0.58rem;
  text-align: center;
  font-weight: bold;
  position: absolute;
  left: 4.67rem;
  top: 7.99rem;
  font-size: 0.22rem;
}
.win-dialog .frame .address {
  top: 8.87rem;
  height: 1.73rem;
}
.win-dialog .frame .btn-submit {
  width: 3rem;
  height: 0.8rem;
  top: 11.11rem;
}