/* -------- css 样式 -------- */
a[data-v-1520e5d5] {
  -webkit-text-decoration: none;
  text-decoration: none;
  /*color: black;*/
}
li[data-v-1520e5d5] {
  list-style: none;
}
.w-full[data-v-1520e5d5] {
  width: 100%;
}
.w-h-full[data-v-1520e5d5] {
  width: 100%;
  height: 100%;
}

/* -------- flex 布局 -------- */
.flex-row[data-v-1520e5d5] {
  display: flex;
  flex-direction: row;
}
.flex-row-re[data-v-1520e5d5] {
  display: flex;
  flex-direction: row-reverse;
}
.flex-col[data-v-1520e5d5] {
  display: flex;
  flex-direction: column;
}
.flex-col-re[data-v-1520e5d5] {
  display: flex;
  flex-direction: column-reverse;
}
.basis-xs[data-v-1520e5d5] {
  flex-basis: 20%;
}
.basis-s[data-v-1520e5d5] {
  flex-basis: 40%;
}
.basis-m[data-v-1520e5d5] {
  flex-basis: 50%;
}
.basis-l[data-v-1520e5d5] {
  flex-basis: 60%;
}
.basis-xl[data-v-1520e5d5] {
  flex-basis: 80%;
}
.flex-one[data-v-1520e5d5] {
  flex: 1;
}
.flex-two[data-v-1520e5d5] {
  flex: 2;
}
.flex-three[data-v-1520e5d5] {
  flex: 3;
}
.wrap[data-v-1520e5d5] {
  flex-wrap: wrap;
}
.no-wrap[data-v-1520e5d5] {
  flex-wrap: nowrap;
}
.justify-start[data-v-1520e5d5] {
  justify-content: start;
}
.justify-center[data-v-1520e5d5] {
  justify-content: center;
}
justify-end[data-v-1520e5d5] {
  justify-content: end;
}
.justify-evenly[data-v-1520e5d5] {
  justify-content: space-evenly;
}
.justify-around[data-v-1520e5d5]{
  justify-content: space-around;
}
.justify-between[data-v-1520e5d5]{
  justify-content: space-between;
}
.items-start[data-v-1520e5d5] {
  align-items: start;
}
.items-center[data-v-1520e5d5] {
  align-items: center;
}
.items-end[data-v-1520e5d5] {
  align-items: end;
}
.items-baseline[data-v-1520e5d5] {
  align-items: baseline;
}
.items-stretch[data-v-1520e5d5] {
  align-items: stretch;
}

/* ---- 放大因子 ---- */
.flex-grow[data-v-1520e5d5] {
  flex-grow: 1;
}

/* ---- 收缩因子(当容器主轴 “空间不足” 且 “禁止换行” 时,空间不足该项目将缩小) ---- */
.flex-shrink[data-v-1520e5d5] {
  flex-shrink: 1;
}

/* -------- margin 外边距 -------- */
.margin-none[data-v-1520e5d5] {
  margin: 0;
}
.margin-auto[data-v-1520e5d5] {
  margin: auto;
}
.margin-xxs[data-v-1520e5d5] {
  margin: 10px;
}
.margin-xs[data-v-1520e5d5] {
  margin: 20px;
}
.margin-s[data-v-1520e5d5] {
  margin: 30px;
}
.margin[data-v-1520e5d5] {
  margin: 40px;
}
.margin-m[data-v-1520e5d5] {
  margin: 50px;
}
.margin-l[data-v-1520e5d5] {
  margin: 60px;
}
.margin-xl[data-v-1520e5d5] {
  margin: 70px;
}
.margin-xxl[data-v-1520e5d5] {
  margin: 80px;
}
.margin-t-xxs[data-v-1520e5d5] {
  margin-top: 10px;
}
.margin-t-xs[data-v-1520e5d5] {
  margin-top: 20px;
}
.margin-t-s[data-v-1520e5d5] {
  margin-top: 30px;
}
.margin-top[data-v-1520e5d5] {
  margin-top: 40px;
}
.margin-t-m[data-v-1520e5d5] {
  margin-top: 50px;
}
.margin-t-l[data-v-1520e5d5] {
  margin-top: 60px;
}
.margin-t-xl[data-v-1520e5d5] {
  margin-top: 70px;
}
.margin-t-xxl[data-v-1520e5d5] {
  margin-top: 80px;
}
.margin-b-xxs[data-v-1520e5d5] {
  margin-bottom: 10px;
}
.margin-b-xs[data-v-1520e5d5] {
  margin-bottom: 20px;
}
.margin-b-s[data-v-1520e5d5] {
  margin-bottom: 30px;
}
.margin-bottom[data-v-1520e5d5] {
  margin-bottom: 40px;
}
.margin-b-m[data-v-1520e5d5] {
  margin-bottom: 50px;
}
.margin-b-l[data-v-1520e5d5] {
  margin-bottom: 60px;
}
.margin-b-xl[data-v-1520e5d5] {
  margin-bottom: 70px;
}
.margin-b-xxl[data-v-1520e5d5] {
  margin-bottom: 80px;
}
.margin-l-xxs[data-v-1520e5d5] {
  margin-left: 10px;
}
.margin-l-xs[data-v-1520e5d5] {
  margin-left: 20px;
}
.margin-l-s[data-v-1520e5d5] {
  margin-left: 30px;
}
.margin-left[data-v-1520e5d5] {
  margin-left: 40px;
}
.margin-l-m[data-v-1520e5d5] {
  margin-left: 50px;
}
.margin-l-l[data-v-1520e5d5] {
  margin-left: 60px;
}
.margin-l-xl[data-v-1520e5d5] {
  margin-left: 70px;
}
.margin-l-xxl[data-v-1520e5d5] {
  margin-left: 80px;
}
.margin-r-xxs[data-v-1520e5d5] {
  margin-right: 10px;
}
.margin-r-xs[data-v-1520e5d5] {
  margin-right: 20px;
}
.margin-r-s[data-v-1520e5d5] {
  margin-right: 30px;
}
.margin-right[data-v-1520e5d5] {
  margin-right: 40px;
}
.margin-r-m[data-v-1520e5d5] {
  margin-right: 50px;
}
.margin-r-l[data-v-1520e5d5] {
  margin-right: 60px;
}
.margin-r-xl[data-v-1520e5d5] {
  margin-right: 70px;
}
.margin-r-xxl[data-v-1520e5d5] {
  margin-right: 80px;
}
.margin-tb-xxs[data-v-1520e5d5] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-tb-xs[data-v-1520e5d5] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-tb-s[data-v-1520e5d5] {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-tb[data-v-1520e5d5] {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-tb-m[data-v-1520e5d5] {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin-tb-l[data-v-1520e5d5] {
  margin-top: 60px;
  margin-bottom: 60px;
}
.margin-tb-xl[data-v-1520e5d5] {
  margin-top: 70px;
  margin-bottom: 70px;
}
.margin-tb-xxl[data-v-1520e5d5] {
  margin-top: 80px;
  margin-bottom: 80px;
}
.margin-lr-xxs[data-v-1520e5d5] {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-lr-xs[data-v-1520e5d5] {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-lr-s[data-v-1520e5d5] {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-lr[data-v-1520e5d5] {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-lr-m[data-v-1520e5d5] {
  margin-left: 50px;
  margin-right: 50px;
}
.margin-lr-l[data-v-1520e5d5] {
  margin-left: 60px;
  margin-right: 60px;
}
.margin-lr-xl[data-v-1520e5d5] {
  margin-left: 70px;
  margin-right: 70px;
}
.margin-lr-xxl[data-v-1520e5d5] {
  margin-left: 80px;
  margin-right: 80px;
}

/* -------- padding 内边距 -------- */
.padding-none[data-v-1520e5d5] {
  padding: 0;
}
.padding-xxs[data-v-1520e5d5] {
  padding: 10px;
}
.padding-xs[data-v-1520e5d5] {
  padding: 20px;
}
.padding-s[data-v-1520e5d5] {
  padding: 30px;
}
.padding[data-v-1520e5d5] {
  padding: 40px;
}
.padding-m[data-v-1520e5d5] {
  padding: 50px;
}
.padding-l[data-v-1520e5d5] {
  padding: 60px;
}
.padding-xl[data-v-1520e5d5] {
  padding: 70px;
}
.padding-xxl[data-v-1520e5d5] {
  padding: 80px;
}
.padding-t-xxs[data-v-1520e5d5] {
  padding-top: 10px;
}
.padding-t-xs[data-v-1520e5d5] {
  padding-top: 20px;
}
.padding-t-s[data-v-1520e5d5] {
  padding-top: 30px;
}
.padding-top[data-v-1520e5d5] {
  padding-top: 40px;
}
.padding-t-m[data-v-1520e5d5] {
  padding-top: 50px;
}
.padding-t-l[data-v-1520e5d5] {
  padding-top: 60px;
}
.padding-t-xl[data-v-1520e5d5] {
  padding-top: 70px;
}
.padding-t-xxl[data-v-1520e5d5] {
  padding-top: 80px;
}
.padding-b-xxs[data-v-1520e5d5] {
  padding-bottom: 10px;
}
.padding-b-xs[data-v-1520e5d5] {
  padding-bottom: 20px;
}
.padding-b-s[data-v-1520e5d5] {
  padding-bottom: 30px;
}
.padding-bottom[data-v-1520e5d5] {
  padding-bottom: 40px;
}
.padding-b-m[data-v-1520e5d5] {
  padding-bottom: 50px;
}
.padding-b-l[data-v-1520e5d5] {
  padding-bottom: 60px;
}
.padding-b-xl[data-v-1520e5d5] {
  padding-bottom: 70px;
}
.padding-b-xxl[data-v-1520e5d5] {
  padding-bottom: 80px;
}
.padding-l-xxs[data-v-1520e5d5] {
  padding-left: 10px;
}
.padding-l-xs[data-v-1520e5d5] {
  padding-left: 20px;
}
.padding-l-s[data-v-1520e5d5] {
  padding-left: 30px;
}
.padding-left[data-v-1520e5d5] {
  padding-left: 40px;
}
.padding-l-m[data-v-1520e5d5] {
  padding-left: 50px;
}
.padding-l-l[data-v-1520e5d5] {
  padding-left: 60px;
}
.padding-l-xl[data-v-1520e5d5] {
  padding-left: 70px;
}
.padding-l-xxl[data-v-1520e5d5] {
  padding-left: 80px;
}
.padding-r-xxs[data-v-1520e5d5] {
  padding-right: 10px;
}
.padding-r-xs[data-v-1520e5d5] {
  padding-right: 20px;
}
.padding-r-s[data-v-1520e5d5] {
  padding-right: 30px;
}
.padding-right[data-v-1520e5d5] {
  padding-right: 40px;
}
.padding-r-m[data-v-1520e5d5] {
  padding-right: 50px;
}
.padding-r-l[data-v-1520e5d5] {
  padding-right: 60px;
}
.padding-r-xl[data-v-1520e5d5] {
  padding-right: 70px;
}
.padding-r-xxl[data-v-1520e5d5] {
  padding-right: 80px;
}
.padding-tb-xxs[data-v-1520e5d5] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-tb-xs[data-v-1520e5d5] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-tb-s[data-v-1520e5d5] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-tb[data-v-1520e5d5] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-tb-m[data-v-1520e5d5] {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-tb-l[data-v-1520e5d5] {
  padding-top: 60px;
  padding-bottom: 60px;
}
.padding-tb-xl[data-v-1520e5d5] {
  padding-top: 70px;
  padding-bottom: 70px;
}
.padding-tb-xxl[data-v-1520e5d5] {
  padding-top: 80px;
  padding-bottom: 80px;
}
.padding-lr-xxs[data-v-1520e5d5] {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-lr-xs[data-v-1520e5d5] {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-lr-s[data-v-1520e5d5] {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-lr[data-v-1520e5d5] {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-lr-m[data-v-1520e5d5] {
  padding-left: 50px;
  padding-right: 50px;
}
.padding-lr-l[data-v-1520e5d5] {
  padding-left: 60px;
  padding-right: 60px;
}
.padding-lr-xl[data-v-1520e5d5] {
  padding-left: 70px;
  padding-right: 70px;
}
.padding-lr-xxl[data-v-1520e5d5] {
  padding-left: 80px;
  padding-right: 80px;
}

/* -------- font 字体 -------- */
.text-center[data-v-1520e5d5]{
  text-align: center;
}
.text-white[data-v-1520e5d5] {
  color: white;
}
.text-gray-light[data-v-1520e5d5] {
  color: #E8E8E8;
}
.text-gray[data-v-1520e5d5] {
  color: #9C9C9C;
}
.text-gray-deep[data-v-1520e5d5] {
  color: #4F4F4F;
}
.text-pink-light[data-v-1520e5d5] {
  color: pink;
}
.text-pink[data-v-1520e5d5] {
  color: #FF69B4;
}
.text-pink-deep[data-v-1520e5d5] {
  color: #FF1493;
}
.text-red[data-v-1520e5d5] {
  color: #EE0000;
}
.text-yellow-light[data-v-1520e5d5] {
  color: #FFFFE0;
}
.text-yellow[data-v-1520e5d5] {
  color: yellow;
}
.text-yellow-deep[data-v-1520e5d5] {
  color: #FFD700;
}
.text-gold[data-v-1520e5d5] {
  color: gold;
}
.text-blue-light[data-v-1520e5d5] {
  color: #87CEFA;
}
.text-blue[data-v-1520e5d5] {
  color: #0081ff;
}
.text-blue-deep[data-v-1520e5d5] {
  color: #0000FF;
}
.text-green-light[data-v-1520e5d5] {
  color: #90EE90;
}
.text-green[data-v-1520e5d5] {
  color: #32CD32;
}
.text-green-deep[data-v-1520e5d5] {
  color: #008B00;
}
.text-cyan-light[data-v-1520e5d5] {
  color: #BBFFFF;
}
.text-cyan[data-v-1520e5d5] {
  color: #00F5FF;
}
.text-cyan1[data-v-1520e5d5] {
  color: #00FFFF;
}
.text-cyan-deep[data-v-1520e5d5] {
  color: #00C5CD;
}
.text-orange-light[data-v-1520e5d5] {
  color: #FFDEAD;
}
.text-orange[data-v-1520e5d5] {
  color: #FF8C00;
}
.text-orange-deep[data-v-1520e5d5] {
  color: #FF4500;
}
.text-purple-light[data-v-1520e5d5] {
  color: #AB82FF;
}
.text-purple[data-v-1520e5d5] {
  color: #A020F0;
}
.text-purple-deep[data-v-1520e5d5] {
  color: #551A8B;
}

/* 字体粗细 font-weight */
.font-bold[data-v-1520e5d5] {
  font-weight: bold;
}
.font-200[data-v-1520e5d5] {
  font-weight: 200;
}
.font-400[data-v-1520e5d5] {
  font-weight: 400;
}
.font-600[data-v-1520e5d5] {
  font-weight: 600;
}
.font-lighter[data-v-1520e5d5] {
  font-weight: lighter;
}

/* 字体大小 font-size */
.font-xxs[data-v-1520e5d5] {
  font-size: 10px;
}
.font-xs[data-v-1520e5d5] {
  font-size: 12px;
}
.font-s[data-v-1520e5d5] {
  font-size: 14px;
}
.font-size[data-v-1520e5d5] {
  font-size: 18px;
}
.font-m[data-v-1520e5d5] {
  font-size: 20px;
}
.font-l[data-v-1520e5d5] {
  font-size: 22px;
}
.font-xl[data-v-1520e5d5] {
  font-size: 26px;
}
.font-xxl[data-v-1520e5d5] {
  font-size: 30px;
}
.font-32[data-v-1520e5d5] {
  font-size: 32px;
}
.font-34[data-v-1520e5d5] {
  font-size: 34px;
}
.font-36[data-v-1520e5d5] {
  font-size: 36px;
}
.font-38[data-v-1520e5d5] {
  font-size: 38px;
}
.font-40[data-v-1520e5d5] {
  font-size: 40px;
}
.font-42[data-v-1520e5d5] {
  font-size: 42px;
}

/* -------- background 背景颜色 -------- */
.bg-white[data-v-1520e5d5] {
  background-color: white;
}
.bg-WhiteSmoke[data-v-1520e5d5] {
  background-color: #F5F5F5;
}
.bg-black[data-v-1520e5d5] {
  background-color: black;
}
.bg-gray-light[data-v-1520e5d5] {
  background-color: #f3f3f3;
}
.bg-gray[data-v-1520e5d5] {
  background-color: #a5a5a5;
}
.bg-gray-deep[data-v-1520e5d5] {
  background-color: #4F4F4F;
}

/* -------- background 背景图片大小 -------- */
.bg-img-full[data-v-1520e5d5] {
  background-size: 100% 100%;
}
.bg-img-cover[data-v-1520e5d5] {
  background-size: cover;
}
.vertical-middle[data-v-1520e5d5] {
  vertical-align: middle;
}

/* -------- box 盒子 -------- */
.box-cover[data-v-1520e5d5] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.box-cover-white[data-v-1520e5d5] {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.box-lucency[data-v-1520e5d5] {
  background-color: rgba(0, 0, 0, 0.5);
}
.box-lucency-white[data-v-1520e5d5] {
  background-color: rgba(255, 255, 255, 0.5);
}
.box-dashed[data-v-1520e5d5] {
  border: 1px dashed lightgray;
}
.box-solid[data-v-1520e5d5] {
  border: 1px solid lightgray;
}
.block[data-v-1520e5d5] {
  display: block;
}
.over-hid[data-v-1520e5d5] {
  overflow: hidden;
}
.box-r-xxs[data-v-1520e5d5] {
  border-radius: 4px;
}
.box-r-xs[data-v-1520e5d5] {
  border-radius: 6px;
}
.box-r-s[data-v-1520e5d5] {
  border-radius: 8px;
}
.box-radius[data-v-1520e5d5] {
  border-radius: 10px;
}
.box-r-m[data-v-1520e5d5] {
  border-radius: 12px;
}
.box-r-l[data-v-1520e5d5] {
  border-radius: 14px;
}
.box-r-xl[data-v-1520e5d5] {
  border-radius: 16px;
}
.box-r-xxl[data-v-1520e5d5] {
  border-radius: 18px;
}
.box-circle[data-v-1520e5d5] {
  border-radius: 50%;
}

/* -------- box 盒子大小 -------- */
.box-size-xxs[data-v-1520e5d5] {
  width: 20px;
  height: 20px;
}
.box-size-xs[data-v-1520e5d5] {
  width: 40px;
  height: 40px;
}
.box-size-s[data-v-1520e5d5] {
  width: 60px;
  height: 60px;
}
.box-size-m[data-v-1520e5d5] {
  width: 80px;
  height: 80px;
}
.box-size-l[data-v-1520e5d5] {
  width: 100px;
  height: 100px;
}
.box-size-xl[data-v-1520e5d5] {
  width: 120px;
  height: 120px;
}
.box-size-xxl[data-v-1520e5d5] {
  width: 140px;
  height: 140px;
}

/* -------- float 浮动 -------- */
.float-l[data-v-1520e5d5] {
  float: left;
}
.float-r[data-v-1520e5d5] {
  float: right;
}

/* -------- 文字不换行 -------- */
.text-nowrap[data-v-1520e5d5] {
  white-space: nowrap;
}

/* -------- 多余文字省略 -------- */
.one-line-hid[data-v-1520e5d5] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.two-line-hid[data-v-1520e5d5] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.three-line-hid[data-v-1520e5d5] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.four-line-hid[data-v-1520e5d5] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* -------- 动画效果 -------- */
.trans-short[data-v-1520e5d5] {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.trans-one-half[data-v-1520e5d5] {
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.trans-one[data-v-1520e5d5] {
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
}
.trans-two[data-v-1520e5d5] {
  transition: all 2s linear;
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  -ms-transition: all 2s linear;
  -o-transition: all 2s linear;
}

/* -------- 定位 -------- */
.absolute[data-v-1520e5d5] {
  position: absolute;
}
.relative[data-v-1520e5d5] {
  position: relative;
}
.fixed[data-v-1520e5d5] {
  position: fixed;
}

/* -------- 图片大小 -------- */
.img-10[data-v-1520e5d5] {
  width: 10px;
  height: 10px;
}
.img-20[data-v-1520e5d5] {
  width: 20px;
  height: 20px;
}
.img-30[data-v-1520e5d5] {
  width: 30px;
  height: 30px;
}
.img-40[data-v-1520e5d5] {
  width: 40px;
  height: 40px;
}
.img-50[data-v-1520e5d5] {
  width: 50px;
  height: 50px;
}
.img-60[data-v-1520e5d5] {
  width: 60px;
  height: 60px;
}
.img-70[data-v-1520e5d5] {
  width: 70px;
  height: 70px;
}
.img-80[data-v-1520e5d5] {
  width: 80px;
  height: 80px;
}
.img-90[data-v-1520e5d5] {
  width: 90px;
  height: 90px;
}
.img-100[data-v-1520e5d5] {
  width: 100px;
  height: 100px;
}
.img-110[data-v-1520e5d5] {
  width: 110px;
  height: 110px;
}
.img-120[data-v-1520e5d5] {
  width: 120px;
  height: 120px;
}
.img-130[data-v-1520e5d5] {
  width: 130px;
  height: 130px;
}
.img-140[data-v-1520e5d5] {
  width: 140px;
  height: 140px;
}
.img-150[data-v-1520e5d5] {
  width: 150px;
  height: 150px;
}
.cursor_[data-v-1520e5d5]:hover {
  cursor: pointer;
}
.lottery_[data-v-1520e5d5] {
  width: 100%;
  min-height: 92vh;
}
.lottery_ .lottery_record .el-pagination[data-v-1520e5d5] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lottery_ .lottery_record .lottery_explain[data-v-1520e5d5] {
  background-color: #01f4f5;
  padding: 4px 20px;
  border-radius: 60px;
}
.lottery_ .lottery_record .lottery_list[data-v-1520e5d5] {
  overflow: auto;
  /*border: 1px solid red;*/
  max-height: 38vh;
}