@charset "UTF-8";
/* 基础动画 */
/* 鼠标悬浮中心，使用：@include positionCenter() */
/* 鼠标悬浮遮罩效果，使用：@include hoverMask() */
.collect_container.media_dialog {
  min-height: 65rem; }
  .collect_container.media_dialog .my_collect_head {
    margin-top: 0; }
.collect_container .back_folder {
  margin-right: 1.6rem;
  cursor: pointer; }
  .collect_container .back_folder:hover div {
    color: var(--color-primary-base);
    transform: translateX(-1rem); }
  .collect_container .back_folder div {
    transition: .3s;
    display: flex;
    align-items: center; }
    .collect_container .back_folder div i {
      margin-right: 0.6rem; }
    .collect_container .back_folder div span {
      font-size: var(--font-size-20); }
.collect_container .my_collect_head {
  display: flex;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 1.5rem; }
  .collect_container .my_collect_head .el-button {
    margin-left: 1.5rem;
    height: 3.3rem; }
  .collect_container .my_collect_head.space-between {
    justify-content: space-between; }
    .collect_container .my_collect_head.space-between > div {
      display: flex;
      align-items: center; }
  .collect_container .my_collect_head .el-tabs__header {
    margin-bottom: 0px; }
  .collect_container .my_collect_head .el-tabs__nav-wrap::after {
    display: none; }
  .collect_container .my_collect_head .el-tabs__active-bar {
    height: 0.1rem;
    background-color: var(--color-error-base); }
  .collect_container .my_collect_head .el-tabs__item {
    height: 3.4rem;
    color: #3e4373;
    line-height: 2;
    font-size: var(--font-size-16); }
    .collect_container .my_collect_head .el-tabs__item.is-active {
      color: var(--color-error-base); }
    .collect_container .my_collect_head .el-tabs__item:hover {
      color: var(--color-error-base); }
  .collect_container .my_collect_head .my_collect_title {
    margin-right: 4rem;
    font-size: var(--font-size-24); }
.collect_container .collect_news_list {
  display: flex;
  margin: 0 -1.2rem; }
  .collect_container .collect_news_list > div {
    padding: 0 1.2rem; }
  .collect_container .collect_news_list .collect_news_item {
    margin-bottom: 2.4rem;
    border-radius: 6px;
    border: 1px solid #d8d9e3;
    overflow: hidden;
    width: 34rem;
    background-color: #FFFFFF;
    transition: all cubic-bezier(0, 0.04, 0.14, 0.99) 0.3s; }
    .collect_container .collect_news_list .collect_news_item:hover {
      transform: scale(1.1);
      z-index: 9;
      box-shadow: 0 2px 4px 1px rgba(56, 136, 255, 0.3); }
    .collect_container .collect_news_list .collect_news_item .news_image {
      width: 100%;
      height: 21.4rem;
      position: relative; }
      .collect_container .collect_news_list .collect_news_item .news_image img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .collect_container .collect_news_list .collect_news_item .news_info {
      padding: 1.2rem; }
      .collect_container .collect_news_list .collect_news_item .news_info .news_author {
        min-height: 2rem;
        font-size: var(--font-size-14);
        color: var(--font-color-third);
        display: flex;
        align-items: center; }
        .collect_container .collect_news_list .collect_news_item .news_info .news_author img {
          height: 2.6rem;
          width: 2.6rem;
          object-fit: cover;
          border-radius: 50%;
          margin-right: 0.6rem; }
        .collect_container .collect_news_list .collect_news_item .news_info .news_author span {
          flex: 1; }
      .collect_container .collect_news_list .collect_news_item .news_info .news_title {
        margin-top: 1.2rem;
        font-weight: 600;
        line-height: 1.4; }
      .collect_container .collect_news_list .collect_news_item .news_info .news_option {
        margin-top: 1.2rem;
        display: flex;
        justify-content: space-between;
        font-size: var(--font-size-12);
        color: var(--font-color-third); }
        .collect_container .collect_news_list .collect_news_item .news_info .news_option .news_data {
          display: flex; }
          .collect_container .collect_news_list .collect_news_item .news_info .news_option .news_data .iconfont {
            margin-right: 0.4rem; }
          .collect_container .collect_news_list .collect_news_item .news_info .news_option .news_data > div {
            margin-left: 1.6rem; }
    .collect_container .collect_news_list .collect_news_item .data_hot_tag {
      position: absolute;
      top: 1.6rem;
      right: 1.6rem;
      background: #FFE6E5;
      border-radius: 4px;
      color: #ffffff;
      font-size: var(--font-size-12);
      opacity: 1;
      border-radius: 36px 36px 36px 36px;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 99; }
      .collect_container .collect_news_list .collect_news_item .data_hot_tag .iconfont {
        font-size: var(--font-size-24);
        color: #F53431; }
.collect_container .collect_expo_list {
  margin: 0 -1.2rem; }
  .collect_container .collect_expo_list > div {
    padding: 0 1.2rem; }
  .collect_container .collect_expo_list .collect_expo_item {
    margin-bottom: 2.4rem;
    border: 1px solid #d8d9e3;
    border-radius: 12px;
    overflow: hidden;
    transition: all cubic-bezier(0, 0.04, 0.14, 0.99) 0.3s;
    background-color: #FFFFFF; }
    .collect_container .collect_expo_list .collect_expo_item:hover {
      transform: scale(1.05);
      z-index: 9;
      position: relative;
      box-shadow: 0 2px 4px 1px rgba(56, 136, 255, 0.3); }
    .collect_container .collect_expo_list .collect_expo_item .expo_item_image {
      height: 22.7rem;
      width: 100%;
      position: relative; }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_image .module_image_m_box {
        z-index: 1;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: flex-end;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 77%, rgba(0, 0, 0, 0.3) 100%); }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_image .play_btn {
        top: 0;
        left: 0;
        position: absolute;
        z-index: 2;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_image .play_btn .iconfont {
          font-size: 4.2rem;
          color: #ffffff;
          transition: 1s; }
          .collect_container .collect_expo_list .collect_expo_item .expo_item_image .play_btn .iconfont:hover {
            transform: rotate(360deg) scale(1.3); }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_image .live_status {
        position: absolute;
        top: 1.6rem;
        left: 2.4rem;
        display: flex;
        align-items: center;
        padding: 0.2rem 0.8rem;
        background: linear-gradient(180deg, #FFB84F 0%, #FF4848 100%);
        border-radius: 4px;
        border: 1px solid #FFFFFF;
        font-size: var(--font-size-12);
        font-weight: 500;
        color: #FFFFFF; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_image .live_status .iconfont {
          font-size: 1rem;
          margin-right: 0.6rem; }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_image .data_status_tag {
        position: absolute;
        top: 0.8rem;
        left: 0.8rem;
        background: linear-gradient(180deg, #9AC2FD 0%, #7BA0FF 0%, #4282FF 100%);
        border-radius: 4px;
        color: #ffffff;
        padding: 0.2rem 0.8rem;
        font-size: var(--font-size-12);
        opacity: 1;
        border: 1px solid #FFFFFF; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_image .data_status_tag .iconfont {
          font-size: var(--font-size-12); }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_image .data_status_tag.ing {
          background: linear-gradient(180deg, #FFC670 0%, #FF5841 100%); }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_image .data_status_tag.end {
          background: #FAFBFC;
          color: #A4A9B2;
          border: 1px solid #DCDFE5; }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_image .live_hot {
        position: absolute;
        padding: 0.3rem 0.8rem;
        top: 1.6rem;
        left: 12.4rem;
        display: flex;
        align-items: center;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        font-size: var(--font-size-12);
        font-weight: 500;
        color: #FFFFFF; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_image .live_hot .iconfont {
          font-size: 1rem;
          margin-right: 0.6rem; }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_image .data_hot_tag {
        position: absolute;
        top: 1.6rem;
        right: 1.6rem;
        background: #FFE6E5;
        border-radius: 4px;
        color: #ffffff;
        font-size: var(--font-size-12);
        opacity: 1;
        border-radius: 36px 36px 36px 36px;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_image .data_hot_tag .iconfont {
          font-size: var(--font-size-24);
          color: #F53431; }
    .collect_container .collect_expo_list .collect_expo_item .expo_item_info {
      padding: 1.6rem;
      background-color: #FFFFFF;
      position: relative; }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_title {
        font-weight: bold;
        display: -webkit-box;
        font-size: var(--font-size-20);
        line-height: 1.6;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_title > label {
          color: #F53431;
          font-size: 14px;
          line-height: 16px;
          background: #FFE6E5;
          border-radius: 24px;
          padding: 1px 8px; }
          .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_title > label.offline {
            color: var(--color-primary-base);
            background: var(--color-primary-four); }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc {
        margin-top: 1.2rem;
        color: #64698F;
        font-size: var(--font-size-14);
        display: flex;
        align-items: center; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc > div:first-child {
          margin-right: 1rem; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc .iconfont {
          margin-right: 0.5rem; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc.expo_time {
          display: flex;
          overflow: inherit; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc .countdown {
          position: absolute;
          bottom: 1.6rem;
          right: 1.6rem;
          color: #3E4373; }
          .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc .countdown .red {
            color: #F53431;
            font-size: 14px; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc .expo_status {
          margin-left: 1rem; }
          .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_desc .expo_status .deferred_tag {
            border-radius: 0.6rem;
            border: 1px solid #F0AD01;
            color: #F0AD01;
            padding: 0.4rem 0.8rem;
            background-color: #FFF8E5; }
      .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_bottom {
        margin-top: 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_bottom .expo_price {
          font-size: var(--font-size-14);
          color: #F53431; }
        .collect_container .collect_expo_list .collect_expo_item .expo_item_info .expo_bottom .expo_to {
          width: 6.8rem;
          height: 2.8rem;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
.collect_container .collect_homepage_list {
  margin: 0 -1.2rem; }
  .collect_container .collect_homepage_list > div {
    padding: 0 1.2rem; }
  .collect_container .collect_homepage_list .homepage_item {
    margin-bottom: 2.4rem;
    border: 1px solid #d8d9e3;
    padding: 2.4rem;
    border-radius: 12px;
    overflow: hidden;
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    transition: all cubic-bezier(0, 0.04, 0.14, 0.99) 0.3s; }
    .collect_container .collect_homepage_list .homepage_item:hover {
      transform: scale(1.1);
      z-index: 9;
      box-shadow: 0 2px 4px 1px rgba(56, 136, 255, 0.3); }
    .collect_container .collect_homepage_list .homepage_item .homepage_info {
      display: flex; }
      .collect_container .collect_homepage_list .homepage_item .homepage_info .homepage_logo {
        position: relative; }
        .collect_container .collect_homepage_list .homepage_item .homepage_info .homepage_logo img {
          width: 6.4rem;
          height: 6.4rem;
          border-radius: 50%;
          object-fit: cover; }
        .collect_container .collect_homepage_list .homepage_item .homepage_info .homepage_logo .icon {
          height: 1.6rem;
          width: 1.6rem;
          position: absolute;
          bottom: 0;
          right: 0; }
      .collect_container .collect_homepage_list .homepage_item .homepage_info .homepage_title {
        flex: 1;
        line-height: 1.4;
        display: flex;
        align-items: center;
        font-weight: 600;
        padding-left: 1.2rem; }
    .collect_container .collect_homepage_list .homepage_item .homepage_company {
      flex: 1;
      display: -webkit-box;
      max-width: 100%;
      overflow: hidden;
      font-weight: 400;
      min-height: 8rem;
      line-height: 1.4;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      margin-top: 1.6rem;
      color: var(--font-color-third); }
    .collect_container .collect_homepage_list .homepage_item .homepage_data {
      font-size: var(--font-size-12);
      color: var(--font-color-third); }
      .collect_container .collect_homepage_list .homepage_item .homepage_data span {
        margin-right: 1.6rem; }
.collect_container .page_list {
  display: flex;
  justify-content: center;
  padding-bottom: 4rem; }
  .collect_container .page_list .el-pagination button {
    border: 1px solid #DCDFE5;
    color: #53565C;
    font-weight: bold;
    background-color: transparent !important; }
  .collect_container .page_list .el-pagination .el-pager .number {
    border: 1px solid #DCDFE5;
    font-weight: 400 !important;
    background-color: #FFFFFF !important;
    color: #53565C !important; }
    .collect_container .page_list .el-pagination .el-pager .number.is-active {
      border: 1px solid var(--color-primary-base);
      color: var(--color-primary-base) !important; }
.collect_container .group_module {
  border-radius: 1.2rem;
  overflow: hidden;
  margin-bottom: 2.4rem; }
  .collect_container .group_module > div {
    padding: 2.4rem;
    background: #FFFFFF; }
    .collect_container .group_module > div .group_list {
      display: grid;
      grid-template-columns: 41.2rem 41.2rem 41.2rem;
      grid-gap: 2.4rem; }
    .collect_container .group_module > div .group_title {
      position: relative;
      border-radius: 1.2rem;
      padding-left: 1.6rem;
      margin-bottom: 1.6rem;
      display: flex;
      align-items: center; }
      .collect_container .group_module > div .group_title i {
        border-radius: 0.4rem;
        height: 2.4rem;
        width: 0.4rem;
        background-color: #FFB801;
        position: absolute;
        left: 0; }
      .collect_container .group_module > div .group_title > span {
        flex: 1;
        display: flex;
        justify-content: flex-end; }
        .collect_container .group_module > div .group_title > span span {
          color: var(--font-color-third);
          font-size: var(--font-size-12);
          cursor: pointer; }
    .collect_container .group_module > div .group_item {
      position: relative;
      height: 16.4rem;
      border-radius: 1.2rem;
      overflow: hidden; }
      .collect_container .group_module > div .group_item .group_image {
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1; }
        .collect_container .group_module > div .group_item .group_image .image_m_box {
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0;
          background: rgba(0, 0, 0, 0.4); }
        .collect_container .group_module > div .group_item .group_image img {
          object-fit: cover;
          height: 100%;
          width: 100%; }
      .collect_container .group_module > div .group_item .group_info {
        position: absolute;
        z-index: 3;
        width: 100%; }
        .collect_container .group_module > div .group_item .group_info > a, .collect_container .group_module > div .group_item .group_info > div {
          padding: 2.4rem; }
          .collect_container .group_module > div .group_item .group_info > a:first-child, .collect_container .group_module > div .group_item .group_info > div:first-child {
            display: flex;
            align-items: center; }
            .collect_container .group_module > div .group_item .group_info > a:first-child .group_logo, .collect_container .group_module > div .group_item .group_info > div:first-child .group_logo {
              display: flex;
              border-radius: 0.6rem;
              border: 0.3rem solid #FFB801; }
              .collect_container .group_module > div .group_item .group_info > a:first-child .group_logo img, .collect_container .group_module > div .group_item .group_info > div:first-child .group_logo img {
                object-fit: cover;
                border-radius: 0.6rem;
                margin: 0.2rem;
                width: 3.4rem;
                height: 3.4rem; }
            .collect_container .group_module > div .group_item .group_info > a:first-child .group_title, .collect_container .group_module > div .group_item .group_info > div:first-child .group_title {
              color: #FFFFFF;
              font-weight: bold;
              margin-left: 0.8rem; }
          .collect_container .group_module > div .group_item .group_info > a:last-child, .collect_container .group_module > div .group_item .group_info > div:last-child {
            display: flex;
            color: #FFFFFF;
            font-size: var(--font-size-14);
            align-items: center;
            width: 100%; }
            .collect_container .group_module > div .group_item .group_info > a:last-child div, .collect_container .group_module > div .group_item .group_info > div:last-child div {
              margin-right: 2.4rem; }
            .collect_container .group_module > div .group_item .group_info > a:last-child .group_btn, .collect_container .group_module > div .group_item .group_info > div:last-child .group_btn {
              flex: 1;
              display: flex;
              justify-content: flex-end; }
              .collect_container .group_module > div .group_item .group_info > a:last-child .group_btn div, .collect_container .group_module > div .group_item .group_info > div:last-child .group_btn div {
                padding: 0.4rem 1.6rem;
                border-radius: 0.4rem;
                cursor: pointer; }
              .collect_container .group_module > div .group_item .group_info > a:last-child .group_btn .in, .collect_container .group_module > div .group_item .group_info > div:last-child .group_btn .in {
                background-color: #FFE6E5;
                color: var(--color-error-base); }
              .collect_container .group_module > div .group_item .group_info > a:last-child .group_btn .out, .collect_container .group_module > div .group_item .group_info > div:last-child .group_btn .out {
                background: #F53431;
                color: #FFFFFF; }
.collect_container .special_module_list {
  display: grid;
  padding: 2.4rem;
  margin-top: 2.4rem;
  background-color: #FFFFFF;
  border-radius: 1.2rem;
  grid-template-columns: 41.2rem 41.2rem 41.2rem;
  grid-gap: 2.4rem; }
  .collect_container .special_module_list .module_item .module_image {
    width: 100%;
    height: 16.4rem;
    border-radius: 1.2rem;
    overflow: hidden; }
    .collect_container .special_module_list .module_item .module_image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .collect_container .special_module_list .module_item .module_title {
    font-weight: bold;
    font-size: var(--font-size-24);
    margin-top: 1.2rem; }
  .collect_container .special_module_list .module_item .module_tag_list {
    margin-top: 1.2rem;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--font-size-14); }
    .collect_container .special_module_list .module_item .module_tag_list div {
      margin-bottom: 0.6rem;
      margin-right: 0.6rem;
      color: #579AFF; }
  .collect_container .special_module_list .module_item .module_start {
    display: flex;
    margin-top: 1.2rem; }
    .collect_container .special_module_list .module_item .module_start .iconfont {
      margin-right: 0.6rem;
      color: #f7ba2a; }
.collect_container .goods_list_box .goods_list {
  display: grid;
  grid-template-columns: 262px 262px 262px 262px 262px;
  grid-gap: 24px;
  padding: 0 40px 40px 40px; }
  .collect_container .goods_list_box .goods_list .goods_item {
    border-radius: 12px;
    border: 1px solid #DEDEE1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    overflow: hidden;
    cursor: pointer;
    background-color: #FFFFFF; }
    .collect_container .goods_list_box .goods_list .goods_item .goods_image {
      width: 100%;
      height: 262px; }
      .collect_container .goods_list_box .goods_list .goods_item .goods_image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .collect_container .goods_list_box .goods_list .goods_item .goods_name {
      margin-top: 12px;
      font-size: 16px;
      color: #272937;
      padding: 0 12px;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      min-height: 42px; }
    .collect_container .goods_list_box .goods_list .goods_item .goods_price {
      color: #FF6600;
      margin-top: 12px;
      display: flex;
      align-items: center;
      line-height: 1; }
      .collect_container .goods_list_box .goods_list .goods_item .goods_price span {
        margin-left: 6px;
        color: #92939A;
        text-decoration: line-through; }

/*# sourceMappingURL=index.css.map */