@charset "UTF-8";
/*弹性盒子居中（传入null不设置该属性）*/
/* 行高 */
/* 背景图 */
/*文本格式化，超出范围，显示省略号*/
/* 圆形盒子 */
/*弹性盒子居中（传入null不设置该属性）*/
/* 0.5px边框 */
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

ul li, ol li {
  list-style: none; }

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: PingFangSC-Regular, Microsoft YaHei;
  -webkit-text-size-adjust: none; }

label {
  font-weight: 700; }

html {
  height: 100%;
  box-sizing: border-box; }

#app {
  min-height: 100%; }

*,
*:before,
*:after {
  box-sizing: inherit; }

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  outline: none;
  text-decoration: none; }

div:focus {
  outline: none; }

a:focus,
a:active {
  outline: none; }

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/*列表样式*/
.el-table {
  font-size: 16px; }
  .el-table .caret-wrapper {
    height: 23px; }
  .el-table .sort-caret.ascending {
    top: 0; }
  .el-table .sort-caret.descending {
    bottom: 0; }

/*分页样式*/
.el-pagination {
  text-align: center;
  font-size: 0; }
  .el-pagination .el-icon {
    font-size: 14px; }
  .el-pagination .el-pagination__sizes .el-input .el-input__inner, .el-pagination button, .el-pagination span:not([class*=suffix]) {
    font-size: 15px; }
  .el-pagination .number {
    font-size: 14px; }

.el-dialog__header {
  font-size: 0; }

.el-message__icon {
  font-size: 16px; }

.boldFont {
  font-family: PingFangSC-Medium, Microsoft YaHei; }

.Wrap {
  background: #FFF;
  min-width: 1030px; }
  .Wrap .mainCont {
    min-height: calc(100vh - 140px); }
  .Wrap .marginTop {
    margin-top: -70px; }

[v-cloak] {
  display: none !important; }

.blank {
  position: relative;
  width: 100%;
  height: 543px; }
  .blank .blanktop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .blank .blankbottom {
    position: absolute;
    top: 69px;
    left: 0;
    width: 100%;
    transition: all 1s linear; }

.loading .blanktop, .loading .blankbottom {
  background: none !important; }

@media screen and (max-width: 1920px) {
  .blank .blanktop, .blank .blankbottom {
    background: none !important; } }
/*图片在线地址*/
.newsWrap {
  width: 100%;
  min-width: 1030px;
  background: #f0f2f5;
  padding: 14px 0 20px;
  color: #000; }
  .newsWrap .hide {
    display: none; }
  .newsWrap .news {
    width: 1030px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start; }
    .newsWrap .news .rightBox {
      width: 260px;
      min-height: calc(100vh - 140px);
      padding-bottom: 20px;
      background: #FFF; }
    .newsWrap .news .leftBox {
      width: 756px;
      background: #FFF;
      min-height: calc(100vh - 140px);
      padding-bottom: 20px;
      margin-right: 14px; }
      .newsWrap .news .leftBox .head {
        font-size: 17px;
        height: 42px;
        background: #F9F9F9;
        padding: 0 20px;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; }
        .newsWrap .news .leftBox .head .tit {
          line-height: 20px;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .newsWrap .news .leftBox .head .tit:before {
            content: '';
            width: 3px;
            height: 15px;
            background: #1F2327;
            transform: translateX(-8px); }
      .newsWrap .news .leftBox .list {
        padding: 20px;
        cursor: pointer;
        position: relative; }
        .newsWrap .news .leftBox .list:after {
          content: '';
          width: calc(100% - 40px);
          height: 1px;
          position: absolute;
          left: 20px;
          bottom: 0;
          background-image: linear-gradient(to right, #e6e6e6 0%, #e6e6e6 50%, transparent 50%);
          background-size: 5px 1px;
          background-repeat: repeat-x; }
        .newsWrap .news .leftBox .list .title {
          font-size: 17px;
          line-height: 22px;
          max-height: 66px;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3; }
        .newsWrap .news .leftBox .list .summary {
          margin-top: 4px;
          margin-top: 10px;
          font-size: 13px;
          line-height: 21px;
          color: #666;
          max-height: 63px;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3; }
        .newsWrap .news .leftBox .list .detailInfo {
          color: #999;
          font-size: 13px;
          line-height: 18px;
          margin-top: 10px;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center; }
          .newsWrap .news .leftBox .list .detailInfo span {
            margin-right: 8px; }
        .newsWrap .news .leftBox .list.gray {
          color: #666; }
        .newsWrap .news .leftBox .list:hover {
          background: #F8F8F8; }
      .newsWrap .news .leftBox.newsBox .list {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .newsWrap .news .leftBox.newsBox .list .listCont {
          flex: 1; }
          .newsWrap .news .leftBox.newsBox .list .listCont .title {
            font-weight: bold; }
          .newsWrap .news .leftBox.newsBox .list .listCont .detailInfo .tag {
            color: #FF500C;
            background: #FFEDE5;
            border-radius: 1px;
            padding: 0 4px; }
          .newsWrap .news .leftBox.newsBox .list .listCont .detailInfo .date {
            padding-left: 8px;
            border-left: 1px solid #E6E6E6; }
        .newsWrap .news .leftBox.newsBox .list img {
          width: 170px;
          height: 124px;
          flex-shrink: 0;
          margin-left: 20px; }
      .newsWrap .news .leftBox.kuaixunBox {
        position: relative;
        color: #000;
        font-size: 15px; }
        .newsWrap .news .leftBox.kuaixunBox:before {
          content: '';
          width: 1px;
          height: calc(100% - 72px);
          background: #e6e6e6;
          position: absolute;
          top: 72px;
          left: 89px;
          z-index: 1; }
        .newsWrap .news .leftBox.kuaixunBox .uptTime {
          height: 42px;
          line-height: 42px;
          position: absolute;
          top: 0;
          z-index: 2; }
        .newsWrap .news .leftBox.kuaixunBox .importBox {
          font-size: 14px;
          position: absolute;
          top: 0;
          right: 26px;
          z-index: 2; }
          .newsWrap .news .leftBox.kuaixunBox .importBox .el-checkbox {
            color: #000;
            height: 42px;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center; }
            .newsWrap .news .leftBox.kuaixunBox .importBox .el-checkbox .el-checkbox__label {
              padding-left: 0; }
            .newsWrap .news .leftBox.kuaixunBox .importBox .el-checkbox .el-checkbox__inner {
              width: 13px;
              height: 13px;
              border: 1px solid #999;
              border-radius: 1px;
              margin-right: 10px;
              z-index: 0; }
            .newsWrap .news .leftBox.kuaixunBox .importBox .el-checkbox.is-checked .el-checkbox__label {
              color: #000; }
            .newsWrap .news .leftBox.kuaixunBox .importBox .el-checkbox.is-checked .el-checkbox__inner {
              border: none;
              border-radius: 0;
              background: transparent;
              width: 17px;
              height: 17px;
              background: url("https://qhrs.eastmoney.com/static/images/check.png") no-repeat center/cover;
              margin-right: 8px; }
              .newsWrap .news .leftBox.kuaixunBox .importBox .el-checkbox.is-checked .el-checkbox__inner:after {
                display: none; }
        .newsWrap .news .leftBox.kuaixunBox .date {
          height: 42px;
          line-height: 42px;
          background: #F9F9F9;
          z-index: 1; }
          .newsWrap .news .leftBox.kuaixunBox .date .kuaixun_showTime {
            display: none; }
          .newsWrap .news .leftBox.kuaixunBox .date .dateCont {
            width: fit-content;
            padding-left: 30px; }
          .newsWrap .news .leftBox.kuaixunBox .date span {
            padding-right: 6px; }
          .newsWrap .news .leftBox.kuaixunBox .date:nth-of-type(1):after {
            display: none; }
        .newsWrap .news .leftBox.kuaixunBox .date, .newsWrap .news .leftBox.kuaixunBox .list {
          position: relative; }
          .newsWrap .news .leftBox.kuaixunBox .date:after, .newsWrap .news .leftBox.kuaixunBox .list:after {
            content: '';
            width: calc(100% - 130px);
            border-bottom: 1px dashed #e6e6e6;
            position: absolute;
            left: 110px;
            bottom: 0; }
        .newsWrap .news .leftBox.kuaixunBox .list {
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: flex-start;
          padding: 16px 20px 16px 30px; }
          .newsWrap .news .leftBox.kuaixunBox .list:hover {
            background: #F8F8F8; }
          .newsWrap .news .leftBox.kuaixunBox .list.gray .title {
            color: #666666; }
          .newsWrap .news .leftBox.kuaixunBox .list.red {
            color: #FF500C; }
            .newsWrap .news .leftBox.kuaixunBox .list.red.gray .title {
              color: rgba(255, 80, 12, 0.7); }
          .newsWrap .news .leftBox.kuaixunBox .list .time {
            width: 60px;
            font-size: 14px;
            line-height: 25px;
            position: relative;
            flex-shrink: 0; }
            .newsWrap .news .leftBox.kuaixunBox .list .time:after {
              content: '';
              width: 8px;
              height: 8px;
              background: #FFFF;
              border: 1px solid #bbbbbb;
              border-radius: 50%;
              position: absolute;
              left: 100%;
              top: 50%;
              transform: translate(-50%, -50%);
              z-index: 1; }
          .newsWrap .news .leftBox.kuaixunBox .list .title {
            flex: 1;
            font-size: 15px;
            line-height: 25px;
            margin-left: 20px;
            cursor: pointer;
            max-height: 125px;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5; }
      .newsWrap .news .leftBox.headlinesBox {
        position: relative; }
        .newsWrap .news .leftBox.headlinesBox .head {
          position: relative; }
          .newsWrap .news .leftBox.headlinesBox .head .uptTime {
            font-size: 13px;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%); }
        .newsWrap .news .leftBox.headlinesBox .list {
          display: block;
          padding-left: 50px !important; }
          .newsWrap .news .leftBox.headlinesBox .list .titleBox {
            position: relative; }
            .newsWrap .news .leftBox.headlinesBox .list .titleBox .num {
              width: 42px;
              height: 26px;
              line-height: 26px;
              font-weight: bold;
              font-size: 15px;
              color: #BABFC7;
              position: absolute;
              left: -42px;
              top: 0;
              text-align: center; }
              .newsWrap .news .leftBox.headlinesBox .list .titleBox .num.num1 {
                background: url("https://qhrs.eastmoney.com/static/images/rank1.png") no-repeat center/17px 22px;
                font-size: 0; }
              .newsWrap .news .leftBox.headlinesBox .list .titleBox .num.num2 {
                background: url("https://qhrs.eastmoney.com/static/images/rank2.png") no-repeat center/17px 22px;
                font-size: 0; }
              .newsWrap .news .leftBox.headlinesBox .list .titleBox .num.num3 {
                background: url("https://qhrs.eastmoney.com/static/images/rank3.png") no-repeat center/17px 22px;
                font-size: 0; }
              .newsWrap .news .leftBox.headlinesBox .list .titleBox .num.num1 {
                background-size: 17px 18.5px; }
            .newsWrap .news .leftBox.headlinesBox .list .titleBox .title {
              font-weight: bold; }
          .newsWrap .news .leftBox.headlinesBox .list .summary {
            max-height: 63px;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3; }
          .newsWrap .news .leftBox.headlinesBox .list .detailInfo {
            position: relative; }
            .newsWrap .news .leftBox.headlinesBox .list .detailInfo span.date {
              position: absolute;
              top: 0;
              right: 0;
              margin-right: 0; }
  .newsWrap .load {
    padding: 10px 0;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    text-align: center; }

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