index.scss 2.04 KB
Newer Older
xuzhenghua committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106
.luck-draw__container {
  .am-tabs {
    width: 330px;
    margin: 0 auto;
    color: #fff;

    .am-tabs-tab-bar-wrap {
      height: 33px;
      border: 1px solid rgba(255, 246, 4, 1);
      border-radius: 0 0 6px 6px;

      .am-tabs-default-bar {

        .am-tabs-default-bar-tab:nth-of-type(3) {
          &::after {
            display: none;
          }
        }

        .am-tabs-default-bar-tab {
          height: auto;
          line-height: 1;

          &::after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            left: unset;
            top: 50%;
            margin-top: -7px;
            width: 1px !important;
            height: 14px;
            background: #FFF604;
            transform: none;
          }
        }

        .am-tabs-default-bar-tab-active {
          background: #FFF604;
          border-radius: 0 0 6px 6px;
        }
      }
    }
  }
}

.tab__body {
  padding-bottom: 19px;
}

.prize__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 24px;
  margin: 20px auto 0;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(269deg,rgba(7,240,255,1) 0%,rgba(0,153,255,1) 100%);
}

.prize__label-icon {
  width: 12px;
  height: 14px;
  margin-right: 7px;
  background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/icon-clock.png');
  background-size: cover;
}

.prize__content {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 7px 0 0;
  overflow-y: auto;
}

.prize__image {
  width: 100px;
  height: 78px;
  margin: 0 3px 10px;
  padding: 2px;
  background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/prize-border.png');
  background-size: cover;
  overflow: hidden;

  img {
    display: block;
    width: 100%;
    height: 100%;
  }
}

.prize__desc {
  width: 100px;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 15px;
  overflow: hidden;
}