discover.scss

page-discover {
  background-color: #fff;

  ion-toolbar .toolbar-background-ios {
    background-color: #fff;
  }

  ion-content.has-refresher > .scroll-content {
    border: none;
  }

  .header-ios .toolbar-ios:last-child .toolbar-background-ios {
    border-width: 0px;
  }

  .toolbar .searchbar-ios .searchbar-input {
    background-color: #e12724;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
  }

  #tips {
    bottom: 1px;
  }

  .search-button {
    position: relative;

    .search-icon {
      color: #ffffff;
      font-size: 2.5rem;
      margin-left: 1rem;
    }
  }

  .searchbar-ios .searchbar-search-icon {
    background-image: none;
  }

  .searchbar-ios .searchbar-input::-webkit-input-placeholder {
    color: #ffffff;
  }

  .searchbar-ios.searchbar-left-aligned .searchbar-input {
    padding-left: 24px;
  }

  //发布
  .toolbar-signUp {
    .signUp-span {
      color: #fff;
      font-size: 1.5rem;
      padding: 2px 5px;
      border-radius: 4px;
      position: relative;
    }

    .signUp-span::after {
      content: '';
      position: absolute;
      right: 0px;
      top: 1px;
      height: 15px;
      width: 1px;
      background-color: #fff;
    }

    ion-icon.iconfont {
      color: #ffffff;
      font-size: 1.5rem;
      line-height: .1;
      margin-right: -.3rem;
    }
  }

  //新闻区
  .search-content {
    padding: 0 1rem 0 1rem;

    .search-item {
      padding: .8rem 0;
      overflow-y: scroll;

      .item-info {
        margin: .8rem 0;
        color: #989898;

        .item-source {
          color: #d88f27;
          font-weight: 500;
          margin-right: 1rem;
        }
      }

      .news-left {
        display: flex;
        flex-flow: row wrap;
        min-height: 100%;
        padding: 5px;

        .news-title {
          align-self: flex-start;
          font-weight: bold;
          width: 100%;
          //margin-bottom: 1rem;
          color: #333333;
          font-size: 1.6rem;
          font-family: SourceHanSans-Bold;
          position: relative;

          .icon-fire {
            position: absolute;
            top: 3px;
            left: -14px;
            font-size: 1.5rem;
            color: #e42417;
          }
        }

        .news-end {
          align-self: flex-end;
          color: #989898;
          font-size: 1.5rem;
          margin-top: .5rem;
          ion-icon{
            font-size: 1.2rem;
          }
          span {
            margin-right: .8rem;
            font-size: 1rem;
          }
        }
      }

      .news-right {
        padding: 5px;
        text-align: center;
        max-height: 60px;

        img {
          height: 100%;
          border-radius: .5rem;
        }
      }
    }

    .search-item + .search-item {
      border-top: 1px solid #eeeeee;
    }
  }

  .tabs-child {
    padding: 0 1rem;

    span {
      display: inline-block;
      background-color: #f2f2f2;
      color: #777777;
      border-radius: 5px;
      margin-right: 10px;
      width: 9rem;
      padding: 3px 0;
      text-align: center;
      font-size: 1.4rem;
      border: 1px solid #f2f2f2;
    }

    span.select {
      background-color: #fed3d3;
      color: #e12724;
      border: 1px solid #e12724;
    }
  }

  .parent-toolbar {
  }

  .tabs-fixed-scroll {
    position: absolute;
    z-index: 999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;

    .news-content {
      margin-top: 0;
      transition: all 500ms;
    }
  }

  .tabs-fixed-scroll + .swiper-container {
    ion-content {
      top: 90px;
    }
  }

  .tabs-fixed {

    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;

    .tabs-parent {
      margin-bottom: 0px;
      background-color: #ffffff;
      transition: all 500ms;
      .tabs-children{
        //width: 90px;
      }
    }

    .parent.tabs-parent {
      background-color: #fff1f0;
    }

    .parent.news-content {
      position: relative;
      background-color: #fff1f0;
    }
  }

  .fixed-toolbar {
    background-color: #fff;
  }

  .swiper-slide {
    align-items: baseline;
    font-size: 1.4rem;
    overflow-y: auto;
    text-align: left;
  }

  .slide-zoom {
    text-align: left;
    width: 100%;
    height: 100%;
  }

  ////下拉刷新
  ion-infinite-scroll {
    //overflow: auto;
  }

  .swiper-container {
    overflow: auto;
  }

  .publishMisk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 99999;

    .content {
      position: absolute;
      top: 44px;
      right: 10px;
      background-color: #fff;
      width: 25%;
      border-radius: 4px;
      padding: 8px;

      div {
        margin-top: 5px;

        ion-icon {
          margin-right: 5px;
          color: #666666;
          vertical-align: inherit;
        }
      }

      .image {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 5px;
      }
    }

    .content::before {
      content: '';
      position: absolute;
      top: -10px;
      left: 20px;
      width: 0;
      height: 0;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      border-bottom: 15px solid #ffffff;
    }
  }

  .issue {
    display: inline-block;
    width: 2rem;
    line-height: 1.5rem;
    font-size: 1rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.9);
    color: #333;
  }

  .fab-ios-light {
    background-color: #fff1f0;
  }

  .scroll-content {
    margin-bottom: 50px !important;
  }

  $slide-height: 220px;

  .slides-content {
    height: $slide-height;

    .swiper-slide {
      width: 100%;
      height: $slide-height;
      background-color: #e42417;
    }

    .swiper-wrapper {
      width: 100%;
      height: $slide-height;
    }

    .slide-image {
      vertical-align: middle;
      max-height: 220px;
    }

    .slide-zoom {
      text-align: center;
      max-height: 100%;
    }

    .swiper-container {
      height: $slide-height;
      width: 100%;
      overflow-y: auto;
    }

  }

  .slides-title {
    margin-top: 5px;
    color: #4c4c4c;
    width: 100%;
    text-align: left;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    font-family: "Microsoft YaHei";

    .slide-content {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 93%;
    }

    .slide-index {
      position: absolute;
      top: 2px;
      right: 10px;
      color: #e42417;
      font-weight: 400;

      span:first-child {
        font-size: 1.8rem;
      }

      span:last-child {
        font-size: 1.5rem;
      }
    }
  }

  .moreParty{
    position: absolute;
    padding: 0 5px;
    top: -2px;
    left: 0;
    font-size: 3.5rem;
    color: #333;
    background-color: #fff1f0;
    z-index: 999999;
    height: 100%;
  }

}