@charset "UTF-8";
/* 全局基准px，用于换算rem，由于设计稿是750，所以基准值是75 */
::-moz-selection {
  background: #e0e0e0; }

::selection {
  background: #e0e0e0; }

.view {
  cursor: text; }

.view,
.yxl-editor {
  color: #444;
  font-size: 16px;
  line-height: 1.8;
  word-break: break-all; }

.yxl-editor {
  padding-top: 16px; }

.yxl-editor-article {
  min-height: 48px; }

.view blockquote,
.yxl-editor blockquote {
  border-left: 4px solid #999;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-left: 16px;
  font-size: 16px;
  color: #999; }

.view h1,
.yxl-editor h1 {
  font-size: 24px;
  line-height: 1.5;
  margin: 0;
  font-weight: normal; }

.view p > h6,
.view p > small,
.yxl-editor p > h6,
.yxl-editor p > small {
  display: block; }

.view h6,
.view small,
.yxl-editor h6,
.yxl-editor small {
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  color: #999; }

.view a,
.yxl-editor a {
  color: #06c; }

.view hr,
.yxl-editor hr {
  width: 50%;
  height: 3px;
  border: 0;
  background: #e0e0e0;
  margin: 16px auto; }

.view img,
.yxl-editor img {
  display: block;
  max-width: 90%;
  margin: 0 auto; }

.view b,
.view strong,
.yxl-editor b,
.yxl-editor strong {
  font-weight: 700 !important; }

.yxl-editor li {
  margin-left: 16px;
  list-style-type: inherit; }

.is-old-article iframe {
  width: 100% !important;
  height: auto !important; }

.is-old-article table {
  width: 100% !important; }

.is-old-article table div {
  height: auto !important; }

.is-old-article p {
  margin-bottom: 16px !important; }

.yxl-editor #copyright p {
  color: #999;
  font-size: 12px; }

.yxl-editor .digg {
  background: url(./yixinli/images/img23.png) left bottom no-repeat;
  width: 75px;
  height: 74px;
  margin: 50px auto 0;
  text-align: center;
  overflow: hidden;
  cursor: pointer; }

.yxl-editor .digg a {
  padding-top: 40px;
  color: #fff;
  display: block; }

.yxl-editor .digg-selected {
  background-position: left top; }

.yxl-editor .article-copyright {
  font-family: "PingFang SC", Helvetica, 思源黑体, Rotobo, "Microsoft Sans Serif", 微软雅黑;
  font-size: 14px;
  line-height: 40px;
  color: #999;
  border-radius: 4px;
  background: #f6f6f6;
  padding: 16px 24px;
  margin: 16px 0; }

.yxl-editor .article-copyright .subtitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  color: #444;
  vertical-align: top; }

.yxl-editor .article-copyright p {
  position: relative;
  text-align: left;
  word-break: break-all;
  color: #333;
  font-size: 12px;
  vertical-align: middle;
  min-height: 36px; }

.article-copyright p:nth-of-type(1) .copyright-desc {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.yxl-editor .article-copyright span.copyright-desc {
  padding-left: 96px;
  display: block; }

.view strong,
.yxl-editor strong {
  font-size: inherit !important; }

@media (max-width: 768px) {
  .view,
  .yxl-editor {
    font-size: 16px; }
  .yxl-editor {
    padding-top: 14px; }
  .yxl-editor-article {
    min-height: 42px; }
  .view blockquote,
  .yxl-editor blockquote {
    border-left: 3px solid #999;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-left: 14px;
    font-size: 16px;
    color: #999; }
  .view h1,
  .yxl-editor h1 {
    font-size: 20px;
    line-height: 1.5;
    margin: 0; }
  .view p > h6,
  .view p > small,
  .yxl-editor p > h6,
  .yxl-editor p > small {
    display: block; }
  .view h6,
  .view small,
  .yxl-editor h6,
  .yxl-editor small {
    font-weight: 400;
    font-size: 12px;
    margin: 0;
    color: #999; }
  .view a,
  .yxl-editor a {
    color: #06c; }
  .view hr,
  .yxl-editor hr {
    width: 50%;
    height: 3px;
    border: 0;
    background: #e0e0e0;
    margin: 14px auto; }
  .view img,
  .yxl-editor img {
    display: block;
    max-width: 90%;
    margin: 0 auto; }
  .view b,
  .view strong,
  .yxl-editor b,
  .yxl-editor strong {
    font-weight: 700 !important; }
  .yxl-editor li {
    margin-left: 14px;
    list-style-type: inherit; }
  .is-old-article p {
    margin-bottom: 14px !important; }
  .yxl-editor #copyright p {
    color: #999;
    font-size: 12px; }
  .yxl-editor .digg {
    background: url(./yixinli/images/img23.png) left bottom no-repeat;
    width: 75px;
    height: 74px;
    margin: 50px auto 0;
    text-align: center;
    overflow: hidden;
    cursor: pointer; }
  .yxl-editor .digg a {
    padding-top: 40px;
    color: #fff;
    display: block; }
  .yxl-editor .digg-selected {
    background-position: left top; }
  .yxl-editor .article-copyright {
    font-family: "PingFang SC", Helvetica, 思源黑体, Rotobo, "Microsoft Sans Serif", 微软雅黑;
    font-size: 14px;
    line-height: 35px;
    color: #999;
    border-radius: 4px;
    background: #f6f6f6;
    padding: 14px 24px;
    margin-bottom: 14px; }
  .yxl-editor .article-copyright .subtitle {
    position: absolute;
    top: 0;
    left: 0;
    width: 84px;
    color: #444;
    vertical-align: top; }
  .yxl-editor .article-copyright p {
    position: relative;
    text-align: left;
    word-break: break-all;
    color: #333;
    font-size: 12px;
    vertical-align: middle;
    min-height: 36px; }
  .yxl-editor .article-copyright span.copyright-desc {
    padding-left: 84px;
    display: block; } }

/* fix bug #0003312 start */
.yxl-editor-article em {
  font-weight: inherit; }

/* fix bug #0003312 end */
.modul-class {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  width: 100%; }

[data-dpr] .edit {
  height: 2.53333rem;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  border: 2px solid #E1EBF1;
  border-radius: 8px; }
  [data-dpr] .edit .flex-image {
    height: 1.86667rem;
    width: 1.86667rem;
    margin: 0.26667rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative; }
    [data-dpr] .edit .flex-image .background-img {
      width: 1.86667rem;
      height: 1.86667rem;
      object-fit: cover;
      object-position: center;
      max-width: inherit !important; }
    [data-dpr] .edit .flex-image #type {
      position: absolute;
      display: inline-block;
      padding: 0 0.06667rem;
      text-align: center;
      height: 0.48rem;
      line-height: 0.48rem;
      background: #5C96FF;
      border-radius: 0 18px 18px 0;
      margin-right: 0.13333rem;
      color: #fff;
      font-size: 12px;
      top: 0rem;
      left: 0rem; }
  [data-dpr] .edit .flex-content {
    width: 5.46667rem;
    height: 1.6rem;
    text-align: left;
    margin: 0.33333rem 0;
    flex: 1; }
    [data-dpr] .edit .flex-content .sub-title {
      font-size: 12px;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
    [data-dpr] .edit .flex-content .sub-two-title {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal; }
    [data-dpr] .edit .flex-content .bottom-title {
      font-size: 12px;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 4.13333rem; }
    [data-dpr] .edit .flex-content #title {
      font-size: 0.34rem;
      width: 100%;
      line-height: 0.42667rem;
      height: 0.85333rem;
      display: inline-block;
      font-weight: bold;
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  [data-dpr] .edit .flex-play {
    font-size: 14px;
    height: 1.33333rem;
    line-height: 1.33333rem;
    width: 1.97333rem;
    text-align: center;
    color: #333;
    border-left: 1px solid #e1ebf1;
    margin: 0.53333rem 0;
    margin-left: 0.66667rem; }
    [data-dpr] .edit .flex-play a {
      color: #333; }

.edit {
  width: 100%;
  height: 120px;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  border: 2px solid #E1EBF1;
  border-radius: 8px; }
  .edit .flex-image {
    height: 100px;
    width: 100px;
    margin: 10px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative; }
    .edit .flex-image .background-img {
      height: 100px;
      width: 100px;
      object-fit: cover;
      object-position: center;
      max-width: inherit !important; }
    .edit .flex-image #type {
      position: absolute;
      display: inline-block;
      padding: 0 10px;
      text-align: center;
      height: 20px;
      line-height: 20px;
      background: #5C96FF;
      border-radius: 0 18px 18px 0;
      margin-right: 20px;
      color: #fff;
      font-size: 12px;
      top: 0;
      left: 0; }
  .edit .flex-content {
    text-align: left;
    margin: 8px 0;
    flex: 1; }
    .edit .flex-content .title {
      margin-bottom: 0 !important; }
    .edit .flex-content .sub-title {
      font-size: 12px;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      margin-bottom: 0 !important; }
    .edit .flex-content .sub-two-title {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal; }
    .edit .flex-content .bottom-title {
      font-size: 12px;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100px;
      margin-bottom: 0 !important; }
    .edit .flex-content #title {
      font-size: 15px;
      width: 100%;
      line-height: 25px;
      height: 52px;
      display: inline-block;
      font-weight: bold;
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  .edit .flex-play {
    font-size: 14px;
    height: 100px;
    line-height: 100px;
    width: 110px;
    text-align: center;
    color: #333;
    border-left: 1px solid #e1ebf1;
    margin: 10px 0;
    margin-left: 40px; }
    .edit .flex-play a {
      color: #333; }