.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

/*主轴为水平方向，起点在左边*/
.flexRow {
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

/*主轴为垂直方向，起点在上沿*/
.flexColumn {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
/* 反转 wrap 排列 */
.flexWrapReverse {
  -ms-flex-direction: wrap-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.flex1 {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}

/*交叉轴的起点对齐*/
.alignStart {
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

/*交叉轴的终点对齐*/
.alignEnd {
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
}

/*交叉轴的中点对齐*/
.alignCenter {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/*项目的第一行文字的基线对齐*/
.alignBaseline {
  -ms-align-items: baseline;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

/*如果项目未设置高度或设为auto，将占满整个容器的高度*/
.alignStretch {
  -ms-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/*换行，第一行在上方*/
.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*主轴左对齐*/
.justifyStart {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

/*主轴右对齐*/
.justifyEnd {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
}

/*主轴居中对齐*/
.justifyCenter {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

/*主轴两端对齐,项目之间的间隔都相等*/
.justifyBetween {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍*/
.justifyAround {
  -ms-flex-pack: justify;
  justify-content: space-around;
}

/*覆盖父级交叉轴的起点对齐*/
.alignSelfStart {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/*覆盖父级交叉轴的终点对齐*/
.alignSelfEnd {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/*覆盖父级交叉轴的中点对齐*/
.alignSelfCenter {
  -ms-flex-item-align: center;
  align-self: center;
}

/*覆盖父级项目的第一行文字的基线对齐*/
.alignSelfBaseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

/*覆盖父级如果项目未设置高度或设为auto，将占满整个容器的高度*/
.alignSelfStretch {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

/* 显示一行文字 */
.line1 {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 显示2行文字 */
.line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.el-message__icon {
  font-size: 16px;
}

.banner[data-v-4f3de15b] {
  width: 100%;
  height: 360px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.banner .banner__earnIntegral[data-v-4f3de15b] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.item[data-v-02560b82] {
  width: 270px;
  height: 325px;
  background-color: #ffffff;
  border-radius: 16px;
  margin-bottom: 40px;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.item *[data-v-02560b82] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.item[data-v-02560b82]:not(:nth-child(4n)) {
    margin-right: 40px;
}
.item .nothing[data-v-02560b82] {
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -40px;
    z-index: 9;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 80px;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
}
.item .tag[data-v-02560b82] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}
.item .picture[data-v-02560b82] {
    width: 270px;
    height: 240px;
    border-radius: 16px 16px 0px 0px;
    position: relative;
    padding: 20px 25px 0;
}
.item .picture > img[data-v-02560b82] {
      max-width: 220px;
      max-height: 220px;
}
.item:hover .details[data-v-02560b82] {
    display: block;
}
.item .details[data-v-02560b82] {
    display: none;
    width: 270px;
    height: 240px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 16px 16px 0px 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.item .details p[data-v-02560b82] {
      width: 78px;
      height: 24px;
      background-image: -webkit-gradient(linear, left top, right top, from(#ff7d5f), color-stop(50%, #ff5642), to(#ff3026));
      background-image: linear-gradient(90deg, #ff7d5f 0%, #ff5642 50%, #ff3026 100%);
      border-radius: 4px;
      font-size: 14px;
      color: #ffffff;
      position: absolute;
      top: 10px;
      left: 10px;
}
.item .details p i[data-v-02560b82] {
        width: 6px;
        height: 10px;
        margin-left: 4px;
}
.item .title[data-v-02560b82],
  .item .int[data-v-02560b82] {
    line-height: 1.4;
}
.item .title[data-v-02560b82] {
    padding: 0 10px;
    font-size: 16px;
    color: #333333;
    margin: 15px 0 7px;
}
.item .title em[data-v-02560b82] {
      font-size: 12px;
      color: #ffffff;
      height: 20px;
      background-image: -webkit-gradient(linear, left top, right top, from(#ff973a), to(#ffbd31));
      background-image: linear-gradient(90deg, #ff973a 0%, #ffbd31 100%);
      border-radius: 6px;
      padding: 0 6px;
      line-height: 20px;
      margin-right: 4px;
}
.item .title span[data-v-02560b82] {
      display: block;
      max-width: calc(100% - 40px);
}
.item .int[data-v-02560b82] {
    font-size: 14px;
    color: #8168da;
}
.item .int span[data-v-02560b82] {
      font-size: 20px;
      color: #8168da;
      font-weight: bold;
}

.selector[data-v-4ea82e25] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 410px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  margin: 30px 0 40px;
  overflow: hidden;
}
.selector .all-btn[data-v-4ea82e25] {
    display: inline-block;
    width: 108px;
    color: #333333;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
.selector .all-btn.selected[data-v-4ea82e25] {
      color: #8168da;
}
.selector .slide-selector[data-v-4ea82e25] {
    width: 150px;
    padding: 0 5px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    position: relative;
}
.selector .slide-selector[data-v-4ea82e25]::after {
      content: " ";
      display: inline-block;
      position: absolute;
      width: 1px;
      height: 12px;
      background-color: #eeeeee;
      left: 0;
      top: 14px;
}
.selector .slide-selector[data-v-4ea82e25] .el-input {
      position: relative;
}
.selector .slide-selector[data-v-4ea82e25] .el-input input::-ms-clear {
        display: none;
        -ms-user-select: none;
}
.selector .slide-selector[data-v-4ea82e25] .el-input.is-focus .el-input__suffix-inner {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFBAMAAACKv7BmAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAB5QTFRFgWjagWjaR3BMgWjagWjagWjagWjagWjagWjagWjax6tIVgAAAAp0Uk5T5SEAT2AzhddyvOZIAU4AAAAhSURBVAjXY5iqpBTJYCCkyMygwijgxKDUXqHEoKSWpAQAM4YEHz8WnDAAAAAASUVORK5CYII=);
}
.selector .slide-selector[data-v-4ea82e25] .el-input.is-focus .el-input__inner {
        color: #8168da;
}
.selector .slide-selector[data-v-4ea82e25] .el-input.is-focus .el-input__inner::-webkit-input-placeholder {
          color: #8168da;
}
.selector .slide-selector[data-v-4ea82e25] .el-input.is-focus .el-input__inner::-moz-placeholder {
          color: #8168da;
}
.selector .slide-selector[data-v-4ea82e25] .el-input.is-focus .el-input__inner:-ms-input-placeholder {
          color: #8168da;
}
.selector .slide-selector[data-v-4ea82e25] .el-input.is-focus .el-input__inner::-ms-input-placeholder {
          color: #8168da;
}
.selector .slide-selector[data-v-4ea82e25] .el-input.is-focus .el-input__inner::placeholder {
          color: #8168da;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__inner {
      padding: 0 0;
      border: none !important;
      text-align: center;
      color: #8168da;
      font-size: 14px;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__inner::-webkit-input-placeholder {
        color: #333333;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__inner::-moz-placeholder {
        color: #333333;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__inner:-ms-input-placeholder {
        color: #333333;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__inner::-ms-input-placeholder {
        color: #333333;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__inner::placeholder {
        color: #333333;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__suffix {
      position: absolute;
      -webkit-transition: all 0s;
      transition: all 0s;
      top: 18px;
      left: 0;
      display: inline-block;
      width: 8px;
      height: 5px;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__suffix .el-input__suffix-inner {
        width: 100%;
        height: 100%;
        background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QlQaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+0ALFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/uAA5BZG9iZQBkwAAAAAH/2wEEEAALAAsACwALAAwACwANAA4ADgANABIAEwARABMAEgAaABgAFgAWABgAGgAnABwAHgAcAB4AHAAnADwAJQArACUAJQArACUAPAA1AEAANAAwADQAQAA1AF8ASgBCAEIASgBfAG0AXABXAFwAbQCEAHYAdgCEAKcAngCnANoA2gElEQALAAsACwALAAwACwANAA4ADgANABIAEwARABMAEgAaABgAFgAWABgAGgAnABwAHgAcAB4AHAAnADwAJQArACUAJQArACUAPAA1AEAANAAwADQAQAA1AF8ASgBCAEIASgBfAG0AXABXAFwAbQCEAHYAdgCEAKcAngCnANoA2gEl/8IAEQgABQAIAwEiAAIRAQMRAf/EABQAAQAAAAAAAAAAAAAAAAAAAAf/2gAIAQEAAAAATP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIQAAAAf//EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMQAAAAf//EABwQAAEDBQAAAAAAAAAAAAAAABQREhMAAQJSgf/aAAgBAQABPwAPMsCa4rJo+oxda//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Af//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Af//Z);
        position: absolute;
        left: 110px;
}
.selector .slide-selector[data-v-4ea82e25] .el-input__suffix i {
        display: none;
}

.custom-nav-selector {
  width: 140px !important;
  min-width: 140px !important;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 10px 5px;
  border: none;
  margin-top: 5px !important;
  margin-left: 5px;
}
.custom-nav-selector .el-scrollbar__bar.is-vertical {
    display: none;
}
.custom-nav-selector .el-select-dropdown__list {
    padding: 0 0;
}
.custom-nav-selector .el-select-dropdown__list .el-select-dropdown__item {
      padding: 0 0;
      text-align: center;
      width: 130px;
      height: 30px;
      border-radius: 10px;
      line-height: 30px;
      color: #333333;
      font-size: 14px;
}
.custom-nav-selector .el-select-dropdown__list .el-select-dropdown__item.hover {
        background-color: inherit;
}
.custom-nav-selector .el-select-dropdown__list .el-select-dropdown__item.selected {
        background-color: #f6f8f9;
        color: #8168da;
}
.custom-nav-selector .el-select-dropdown__list .el-select-dropdown__item:hover {
        color: #8168da;
        background-color: #f6f8f9;
}
.custom-nav-selector .popper__arrow {
    display: none;
}

.gift[data-v-2272b9c2] {
  min-height: 250px;
  padding: 110px 0 90px;
  background: #f8f8f8;
}
.gift[data-v-2272b9c2] .el-tabs {
    width: 1200px;
    margin: 0 auto;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__header {
      margin-bottom: 44px;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__header .el-tabs__nav-wrap::after {
        content: none;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__header .el-tabs__nav-scroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 227px;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav {
          float: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__active-bar {
            height: 5px;
            background-image: -webkit-gradient(linear, right top, left top, from(#8067da), to(#f8aaff)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
            background-image: linear-gradient(-90deg, #8067da 0%, #f8aaff 100%), linear-gradient(#000000, #000000);
            background-blend-mode: normal, normal;
            bottom: 6px;
            z-index: 0;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
            font-size: 20px;
            color: #333333;
            padding: 0 27px;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active {
              font-weight: bold;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__content {
      overflow: visible;
}
.gift[data-v-2272b9c2] .el-tabs .el-tabs__content .el-tab-pane {
        width: 100%;
        position: relative;
}
.gift .gift__headline[data-v-2272b9c2] {
    width: 1200px;
    position: absolute;
    left: 0;
    top: -94px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.gift .gift__headline .gift__headline-title[data-v-2272b9c2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
}
.gift .gift__headline .gift__headline-title span[data-v-2272b9c2] {
        display: block;
        font-size: 28px;
        font-weight: bold;
        color: #333333;
        margin-left: 13px;
        padding-bottom: 9px;
}
.gift .gift__headline .gift__headline-integral[data-v-2272b9c2] {
      height: 40px;
      background-color: #ffffff;
      border-radius: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 15px;
      font-size: 14px;
      color: #333333;
}
.gift .gift__headline .gift__headline-integral span[data-v-2272b9c2] {
        margin-right: 15px;
        text-decoration: underline;
        cursor: pointer;
}
.gift .gift__headline .gift__headline-integral em[data-v-2272b9c2] {
        padding: 0 30px;
        height: 34px;
        background-color: #f8f6ff;
        border-radius: 17px;
        margin-right: 4px;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        color: #8168da;
}
.gift .gift_main-list[data-v-2272b9c2] {
    width: 1200px;
    min-height: 365px;
    margin: 0 auto;
}
.gift .arrows[data-v-2272b9c2] {
    width: 200px;
    height: 48px;
    background-image: -webkit-gradient(linear, left top, right top, from(#d4aaff), to(#8067da));
    background-image: linear-gradient(90deg, #d4aaff 0%, #8067da 100%);
    border-radius: 24px;
    margin: 0 auto;
    font-size: 18px;
    color: #ffffff;
}
.gift .arrows[data-v-2272b9c2]:hover {
      background-image: -webkit-gradient(linear, left top, right top, from(#8067da), to(#d4aaff));
      background-image: linear-gradient(90deg, #8067da 0%, #d4aaff 100%);
}
.gift .arrows img[data-v-2272b9c2] {
      margin-left: 10px;
}
.gift .exchange-dialog .exchange-dialog__content[data-v-2272b9c2] {
    height: 146px;
}
.gift .exchange-dialog .exchange-dialog__content .exchange-dialog__int[data-v-2272b9c2] {
      font-size: 16px;
      color: #333333;
      margin-bottom: 12px;
      font-weight: 600;
}
.gift .exchange-dialog .exchange-dialog__content > span[data-v-2272b9c2] {
      font-size: 14px;
      color: #999999;
      display: block;
}
.gift .exchange-dialog .exchange-dialog__content .exchange-dialog__button button[data-v-2272b9c2] {
      width: 140px;
      height: 40px;
      border-radius: 20px;
      font-size: 16px;
      line-height: 37px;
      margin: 29px 5px 0;
      display: block;
      text-align: center;
      outline: none;
      border: none;
      cursor: pointer;
}
.gift .exchange-dialog .exchange-dialog__content .exchange-dialog__button button.exchange-dialog__isBg[data-v-2272b9c2] {
        background: -webkit-gradient(linear, right top, left top, from(#ff4b33), to(#ff6d41));
        background: linear-gradient(-90deg, #ff4b33 0%, #ff6d41 100%);
        color: #ffffff;
}
.gift .exchange-dialog .exchange-dialog__content .exchange-dialog__button button.exchange-dialog__isBg[data-v-2272b9c2]:hover {
          background: -webkit-gradient(linear, right top, left top, from(#ff705c), to(#ff8967));
          background: linear-gradient(-90deg, #ff705c 0%, #ff8967 100%);
}
.gift .exchange-dialog .exchange-dialog__content .exchange-dialog__button button.exchange-dialog__noBg[data-v-2272b9c2] {
        background: none;
        border: 1px solid #ff3c30;
        color: #ff3c30;
}
.gift .exchange-dialog .exchange-dialog__content .exchange-dialog__button button.exchange-dialog__noBg[data-v-2272b9c2]:hover {
          background: #ffecec;
}
.gift .git_main-page[data-v-2272b9c2] {
    margin: 0 auto;
}
.gift .git_main-page[data-v-2272b9c2] .el-pagination.is-background .el-pager li:not(.disabled).active {
      background: #8168da;
      color: #ffffff;
}
.gift .git_main-page[data-v-2272b9c2] .el-pagination.is-background .btn-next,
    .gift .git_main-page[data-v-2272b9c2] .el-pagination.is-background .btn-prev,
    .gift .git_main-page[data-v-2272b9c2] .el-pagination.is-background .el-pager li {
      background: #eeeeee;
      color: #555;
}
.gift .git_main-page[data-v-2272b9c2] .el-pagination.is-background button[disabled] {
      background: #eeeeee !important;
      color: #bbbbbb !important;
}
.gift .git_main-page[data-v-2272b9c2] .el-pagination.is-background .el-pager li:not(.disabled):hover,
    .gift .git_main-page[data-v-2272b9c2] .el-pagination.is-background button:hover {
      background: #8168da;
      color: #ffffff;
}
.empty-box[data-v-2272b9c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.empty-box img[data-v-2272b9c2] {
    width: 150px;
    height: 107px;
    display: inline-block;
}
.empty-box p[data-v-2272b9c2] {
    font-size: 14px;
    color: #333333;
    margin-top: 20px;
}