@charset "UTF-8";
body, p, ul, h1, h2, h3, h4, h5, h6, ol, dl, dd, form, li, img, a, i, span, b {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: 0;
  font-family: '微软雅黑';
  font-weight: normal; }

/*首页顶部图标和搜索框开始*/
.model.searchBox {
  padding: 15px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff; }
  .model.searchBox .before-search .left-logo {
    max-width: 105px;
    height: 35px;
    float: left;
    display: inline-block;
    overflow: hidden; }
    .model.searchBox .before-search .left-logo img {
      width: auto;
      height: 100%; }
  .model.searchBox .before-search .right-search {
    float: right;
    width: 72%;
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .model.searchBox .before-search .right-search input {
      width: 80%;
      height: 36px;
      border-radius: 20px;
      border: none;
      background-color: #eee;
      outline: none;
      float: left; }
    .right-search>a{
      width: calc(20% - 1px);
      display: inline-block;
      height: 36px;
    }
    .right-search>a .nav-icon{
      height: 100%;
      max-width: 100%;
    }
    .model.searchBox .before-search .right-search input::-webkit-input-placeholder {
      color: #999;
      padding-left: 35px; }
    .model.searchBox .before-search .right-search span {
      display: inline-block;
      width: 15px;
      height: 15px;
      position: absolute;
      left: 15px;
      top: 10px; }
      .model.searchBox .before-search .right-search span img {
        width: 100%;
        height: 100%; }
    .model.searchBox .before-search .right-search p {
      float: right;
      color: #333;
      font-size: 1.6rem;
      line-height: 36px; }
  .model.searchBox .after-search {
    display: none; }
    .model.searchBox .after-search .seach-box .input-wrap {
      width: 75%;
      height: 36px;
      border-radius: 20px;
      border: none;
      background-color: #eee;
      padding-left: 15px;
      float: left; }
      .model.searchBox .after-search .seach-box .input-wrap input {
        width: 100%;
        border: none;
        outline: none;
        background-color: #eee;
        height: 36px;
        border-radius: 20px; }
      .model.searchBox .after-search .seach-box .input-wrap input::-webkit-input-placeholder {
        color: #999; }
    .model.searchBox .after-search .seach-box p {
      float: right;
      line-height: 36px;
      color: #333;
      font-size: 14px;
      margin-left: 10px; }

/*首页顶部图标和搜索框结束*/
/*视频插件的样式问题*/
.jwplayer {
  background-color: transparent !important; }

.jw-preview {
  background-color: transparent !important;
  background-size: cover !important; }

/*专题和视频列表模块增加下边距*/
.list-box {
  margin-bottom: 60px; }

html {
  font-size: 62.5%; }

body .mModal {
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  display: none; }

a:hover {
  text-decoration: none;
  border-bottom-color: transparent; }

/*新闻页面开始*/
.header-nav {
  width: 90%;
  overflow: hidden;
  height: 3rem; }

.header-nav li {
  color: #333;
  font-size: 1.6rem;
  font-family: "STHeitiSC-Medium";
  font-weight: bolder;
  padding: 1rem 1.2rem;
  float: left; }
  .header-nav li a {
    color: #333; }

#scroller li span, #addLabel li span {
  width: 12px;
  height: 12px;
  line-height: 10px;
  text-align: center;
  font-size: 12px;
  margin-left: 5px;
  vertical-align: top;
  display: none;
  position: absolute;
  right: -6px;
  top: -6px;
  border: 1px solid #666;
  border-radius: 50%; }

#addLabel #choosedLabel li span {
  display: inline-block; }

.header-nav li.active a {
  color: #CA3838; }

.top-nav {
  width: 100%;
  height: 4rem;
  background-color: #fff;
  margin-bottom: 55px; }
  .top-nav .topNavWrap {
    width: 100%;
    position: fixed;
    left: 0;
    top: 55px;
    z-index: 100;
    padding-left: 15px;
    padding-right: 15px;
    height: 4rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff; }
    .top-nav .topNavWrap .header-nav.liveStreaming li {
      position: relative; }
  .top-nav .addLabel {
    width: 100%;
    position: absolute;
    left: 0;
    top: 49px;
    background-color: #fff;
    z-index: 500;
    display: none; }
    .top-nav .addLabel div h5 {
      padding-left: 15px;
      line-height: 30px; }
    .top-nav .addLabel div ul li {
      float: left;
      padding: 7px 15px;
      border: 1px solid #ddd;
      border-radius: 5px;
      margin: 5px 10px;
      position: relative; }
      .top-nav .addLabel div ul li a {
        color: #333; }
    .top-nav .addLabel #choosedLabel {
      border-bottom: 1px solid #ddd; }
    .top-nav .addLabel .operate-btn {
      text-align: center; }
      .top-nav .addLabel .operate-btn p {
        display: inline-block;
        padding: 5px 15px;
        border-radius: 5px;
        border: 1px solid #ddd;
        margin: 5px 10px; }

.header-nav.liveStreaming li.active {
  color: #333; }
  .header-nav.liveStreaming li.active span {
    position: absolute;
    display: block;
    width: 100%;
    height: 0.3rem;
    background-color: #CA3838;
    border-radius: 0.3rem;
    left: 0;
    bottom: -0.3rem; }

.add {
  line-height: 3rem;
  margin: 0.5rem 0 2rem 1rem; }

.item {
  /*margin-top: 1.5rem; */
}
  .item h3 {
    color: #333;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    width: 100%;
    max-height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: normal;
    line-height: 2rem; }
  .item .item-bottom {
    line-height: 2.5rem;
    margin-top: 1rem; }
    .item .item-bottom span {
      display: inline-block;
      font-size: 12px;
      color: #999; }
    .item .item-bottom .source {
      margin: 0 1rem; }
    .item .item-bottom .comment i {
      font-style: normal; }

.item.hasThreePic .picturesWrap > li {
  width: 32%;
  height: 95px; }
  .item.hasThreePic .picturesWrap > li ~ .hasMargin {
    margin: 0 2%; }

/*点击导航切换的时候给符合的item增加active类名来显示*/
.model.vertical-layout .item > a, .model.horizontal-layout .item > a {
  display: block;
  color: #333; }

.vertical-layout .item > a:hover, .horizontal-layout .item > a:hover {
  color: #03a9f4; }

.item.hasTwoPic .picturesWrap > li {
  width: 49%;
  height: 95px; }
.item.hasTwoPic .picturesWrap > li.hasMargin {
  margin-right: 2%; }

.item.hasOnePic .picturesWrap {
  margin-top: 0.7rem; }
  .item.hasOnePic .picturesWrap li {
    width: 100%;
    height: 162px; }

.vertical-layout .item {
  border-bottom: 1px solid #ddd; }

.horizontal-layout .item {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ddd; }
  .horizontal-layout .item .horizontal-left {
    width: 60%;
    margin-right: 5%;
    position: relative;
    height: 79px; }
    .horizontal-layout .item .horizontal-left .item-bottom {
      position: absolute;
      left: 0;
      bottom: -0.8rem;
      color: #999;
      font-size: 12px; }
    .horizontal-layout .item .horizontal-left h3 {
      width: 100%;
      max-height: 6rem;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      margin-bottom: 0.4rem;
      font-size: 1.6rem;
      font-weight: normal;
      line-height: 2rem; }
    .horizontal-layout .item .horizontal-left > p {
      max-height: 32px;
      overflow: hidden;
      word-break: break-all;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .horizontal-layout .item .horizontal-right {
    width: 33%;
    height: 79px; }

.hot-title .item {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ddd; }
  .hot-title .item h3 {
    color: #333;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 1rem; }
  .hot-title .item .hot-point {
    width: 3.5rem;
    height: 2.3rem;
    line-height: 2.2rem;
    text-align: center;
    color: #CA3838;
    border: 1px solid #CA3838;
    border-radius: 5px;
    margin-right: 1rem; }
  .hot-title .item .close {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #000; }

.horizontal-layout .pic-left .horizontal-right {
  margin-right: 5%; }
.horizontal-layout .pic-left .horizontal-left {
  margin-right: 0; }
  .horizontal-layout .pic-left .horizontal-left .source {
    margin-left: 0; }

/*导航插件开始*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -ms-touch-action: none; }

body {
  font-size: 12px;
  font-family: ubuntu, helvetica, arial;
  /* this is important to prevent the whole page to bounce */ }
  body #navWrapper {
    margin-left: -1.2rem;
    overflow: hidden;
    position: relative;
    width: 90%;
    height: 100%; }
    body #navWrapper #scroller {
      position: absolute;
      z-index: 1;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      height: 100%;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
      -o-text-size-adjust: none;
      text-size-adjust: none; }
      body #navWrapper #scroller ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        text-align: center; }

/*导航插件结束*/
/*视频插件开始*/
#container .jw-preview.jw-reset {
  background-size: cover; }

/*视频插件结束*/
/*新闻页面结束*/
/*直播页面开始*/
.systemTips {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .systemTips .systemTipsLeft span {
    display: inline-block;
    width: 1.8rem;
    height: 1.6rem;
    margin-right: 1rem; }
    .systemTips .systemTipsLeft span img {
      width: 100%; }
  .systemTips .systemTipsLeft p {
    display: inline-block; }
  .systemTips .rightArrow {
    width: 0.7rem;
    height: 1.5rem; }
    .systemTips .rightArrow img {
      width: 100%; }

section .container.streaming {
  margin-bottom: 5.2rem; }

.row.hasBg {
  background-color: #f1f1f1; }

.row.hasBg.hasBorder {
  border-bottom: 1px solid #ddd; }

.liveStreaming .item {
  border-bottom: none;
  background-color: #fff; }
  .liveStreaming .item .picturesWrap li {
    width: 100%;
    height: 146px; }
  .liveStreaming .item .picturesWrap li.publicBroadcast {
    position: relative; }
    .liveStreaming .item .picturesWrap li.publicBroadcast span {
      position: absolute;
      left: 0;
      top: 0.5rem;
      width: 5rem;
      height: 2rem;
      z-index: 100;
      display: inline-block; }
      .liveStreaming .item .picturesWrap li.publicBroadcast span img {
        width: 100%; }

.streamingBottom {
  position: fixed;
  bottom: 6.6rem;
  right: 15px;
  width: 15rem;
  height: 4rem;
  background-image: -webkit-linear-gradient(left, #f22626, #ed7a05);
  border-radius: 3rem; }
  .streamingBottom span {
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    line-height: 4rem;
    margin-left: .4rem;
    border-radius: 50%; }
    .streamingBottom span img {
      width: 100%;
      border-radius: 50%; }
  .streamingBottom p {
    display: inline-block;
    color: #fff;
    margin-right: 0.4rem; }
    .streamingBottom p strong {
      font-weight: normal; }
  .streamingBottom b {
    font-size: 12px;
    color: #fff; }

.bottomFixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  background-color: #fff; }
  .bottomFixed ul li {
    width: 20%;
    text-align: center;
    margin: 1rem 0; }
    .bottomFixed ul li p {
      display: inline-block;
      width: 2rem; }
      .bottomFixed ul li p img {
        display: inline-block; }
      .bottomFixed ul li p .jqthumb div {
        top: 2%; }

/*直播页面结束*/
/*评论页面开始*/
.ellipse b {
  display: inline-block;
  margin: .5rem 0; }

.commentsTitle .item {
  text-align: center; }
  .commentsTitle .item h3, .commentsTitle .item p {
    width: 65%;
    display: inline-block; }
  .commentsTitle .item h3 {
    font-family: "STHeitiSC-Medium";
    color: #333;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.4rem; }
  .commentsTitle .item p span {
    font-size: 14px; }
  .commentsTitle .item p .source {
    margin: 0 .6rem; }

.commentsArticle .item {
  width: 100%; }
  .commentsArticle .item p {
    width: 100%;
    height: 218px;
    font-family: "STHeitiSC-Medium";
    color: #333;
    font-size: 14px;
    margin: 1rem 0; }

.commentsShare {
  /*献烛 献花*/
  /**评论**/ }
  .commentsShare .item ul {
    display: inline-block; }
    .commentsShare .item ul li {
      margin: 0 2rem; }
      .commentsShare .item ul li .iconPic {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        margin-right: .3rem; }
        .commentsShare .item ul li .iconPic img {
          width: 100%; }
      .commentsShare .item ul li span.color {
        color: #CC3D3D; }
  .commentsShare .item.offerCandle span, .commentsShare .item.offerFlower span {
    display: inline-block;
    line-height: 3.3rem;
    vertical-align: top;
    color: #333;
    font-size: 14px;
    font-family: "STHeitiSC-Medium"; }
  .commentsShare .item.offerCandle ul, .commentsShare .item.offerFlower ul {
    display: inline-block; }
    .commentsShare .item.offerCandle ul li, .commentsShare .item.offerFlower ul li {
      float: left;
      margin-left: 0;
      margin-right: 0.3rem;
      line-height: 2.5rem;
      vertical-align: top;
      text-align: center; }
      .commentsShare .item.offerCandle ul li p, .commentsShare .item.offerFlower ul li p {
        width: 4.8rem;
        height: 2.3rem;
        border-radius: 1rem;
        border: 1px solid #ddd; }
      .commentsShare .item.offerCandle ul li i, .commentsShare .item.offerFlower ul li i {
        font-style: normal; }
  .commentsShare .item.offerCandle p, .commentsShare .item.offerFlower p {
    width: 5.8rem;
    height: 2rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    margin-top: 0.7rem;
    line-height: 1.8rem;
    margin-left: 1rem; }
    .commentsShare .item.offerCandle p span, .commentsShare .item.offerFlower p span {
      margin-left: .4rem;
      line-height: 1.8rem;
      font-size: 12px; }
    .commentsShare .item.offerCandle p b, .commentsShare .item.offerFlower p b {
      font-weight: 400;
      margin-right: .4rem;
      float: right; }
  .commentsShare .item.preview ul {
    margin: 0.2rem 0; }
    .commentsShare .item.preview ul li {
      float: left; }
      .commentsShare .item.preview ul li .previewNumber {
        margin-right: 0.5rem;
        font-family: "STHeitiSC-Medium";
        color: #999;
        font-size: 16px;
        line-height: 1.4rem;
        vertical-align: bottom; }

.row .commentsShare .item.offerFlower ul li {
  margin-right: 1rem; }
  .row .commentsShare .item.offerFlower ul li p {
    margin-left: 0; }
    .row .commentsShare .item.offerFlower ul li p span {
      margin-left: 0;
      line-height: 2rem; }
    .row .commentsShare .item.offerFlower ul li p b {
      line-height: 2rem; }

.commentBotLine {
  margin-top: 1.5rem; }
  .commentBotLine hr {
    width: 30%;
    margin-top: 8px;
    margin-bottom: 0; }
  .commentBotLine p {
    display: inline-block;
    width: 30%; }

.commentsListsTitle .item h3 {
  font-family: "STHeitiSC-Medium";
  color: #333;
  font-size: 18px;
  font-weight: bolder;
  margin-bottom: .5rem; }
.commentsListsTitle .item p {
  font-size: 14px; }

.commentsLists {
  /*margin-bottom: 60px; */
}
  .commentsLists .item .commentsListsLeft {
    width: 18%; }
    .commentsLists .item .commentsListsLeft p {
      width: 4rem;
      height: 4rem; }
      .commentsLists .item .commentsListsLeft p img {
        width: 100%;
        height: 100% }
  .commentsLists .item .commentsListsRight {
    width: 82%; }
    .commentsLists .item .commentsListsRight .listsRightTop {
      margin-bottom: 1.5rem; }
      .commentsLists .item .commentsListsRight .listsRightTop .nicknameTime li {
        color: #999;
        font-family: "STHeitiSC-Medium";
        font-size: 15px; }
      .commentsLists .item .commentsListsRight .listsRightTop .zanReply li {
        line-height: 2rem;
        margin-right: .2rem; }
        .commentsLists .item .commentsListsRight .listsRightTop .zanReply li .pics {
          display: inline-block;
          width: 1.5rem;
          margin: 0 .5rem;
          vertical-align: top; }
          .commentsLists .item .commentsListsRight .listsRightTop .zanReply li .pics img {
            width: 100%; }
        .commentsLists .item .commentsListsRight .listsRightTop .zanReply li .text {
          display: inline-block;
          vertical-align: middle; }
    .commentsLists .item .commentsListsRight .listsRightCenter p {
      margin-bottom: 1.3rem;
      font-size: 14px;
      color: #333; }
      .commentsLists .item .commentsListsRight .listsRightCenter p img{
        height: 100%;
        max-width: 100%;
        width: auto;
      }
    .commentsLists .item .commentsListsRight .listsRightBottom {
      margin-bottom: 1rem; }
      .commentsLists .item .commentsListsRight .listsRightBottom p {
        font-size: 14px;
        color: #999; }
        .commentsLists .item .commentsListsRight .listsRightBottom p b {
          font-weight: normal; }
    .commentsLists .item .commentsListsRight hr {
      margin-top: 0;
      margin-bottom: 0; }

.showAllComments .item p {
  font-size: 14px;
  color: #999;
  margin-bottom: 6.5rem; }

.writeComments-wrap {
  padding-left: 0;
  padding-right: 0; }
  .writeComments-wrap .writeComments {
    background-color: #ECECEC;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200; }
    .writeComments-wrap .writeComments .item {
      margin-top: 0;
      padding: 0.5rem 1rem;
      position: relative;
    }
      .writeComments-wrap .writeComments .item .writeCommentsLeft {
        /*margin: 1.2rem 0 0.9rem 0;*/
        width: calc(100% - 58px);
        /*position: relative; */
      }
      .writeComments-wrap .writeComments .item .writeCommentsRight #facebox{
        top:inherit !important;
        left: 0!important;
        bottom: 100%;
        width: 100%;
        background: rgb(229, 236, 194);
      }
        .writeComments-wrap .writeComments .item .writeCommentsLeft b {
          display: inline-block;
          width: 1.2rem;
          height: 2.4rem;
          margin-right: 1.5rem; }
          .writeComments-wrap .writeComments .item .writeCommentsLeft b img {
            width: 100%; }
        .writeComments-wrap .writeComments .item .writeCommentsLeft input {
          width: calc(100% - 0.5rem);
          height: 3.5rem;
          border: 1px solid #fff;
          background-color: #fff;
          border-radius: 1.5rem;
          padding-left: 1.5rem;
          outline: none;
          border: none; }
        /*.writeComments-wrap .writeComments .item .writeCommentsLeft img {
          width: 20px;
          height: 20px;
          position: absolute;
          right: 10px;
          top: 2px; }*/
          .writeComments-wrap .writeComments .item .writeCommentsRight .qqface{
            width: 30px;
          }
        .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span {
          display: inline-block;
          width: 2rem;
          height: 2rem;
        }
        .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.group5 {
          position: relative;
          width: 2.7rem;
          height: 2.2rem; }
          .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.group5 img {
            width: auto; }
          .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.group5 b {
            position: absolute;
            right: 0;
            top: -0.7rem; }
            .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.group5 b span {
              text-align: center;
              font-weight: normal;
              line-height: 1.4rem;
              background-color: #cc3d3d;
              color: #fff;
              width: auto;
              height: auto;
              margin: 0;
              padding: 0 0.4rem;
              vertical-align: middle;
              border-radius: 15px; }
            .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.group5 b i {
              display: inline-block;
              font-style: normal; }
            .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.group5 b i.left-circle {
              margin-right: -0.1rem; }
            .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.group5 b i.right-circle {
              margin-left: -0.07rem; }
        .writeComments-wrap .writeComments .item .writeCommentsRight .review-box span.icons img {
          width: 100%;
          height: 100%;
        }
        .writeComments-wrap .writeComments .item .writeCommentsRight .release {
          /*display: none;*/
        }

.thumbs-flower {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  display: none; }
  .thumbs-flower .thumbs-flower-top {
    word-spacing: -4px;
    padding: 30px 0;
    border-bottom: 1px solid #ddd; }
    .thumbs-flower .thumbs-flower-top .thumbs-flower-item {
      display: inline-block;
      word-spacing: 0;
      margin: 0 5px; }
      .thumbs-flower .thumbs-flower-top .thumbs-flower-item p.thumbs-flower-item-top {
        display: inline-block;
        line-height: 27px;
        padding: 0 20px;
        border-radius: 15px;
        border: 1px solid #979797; }
        .thumbs-flower .thumbs-flower-top .thumbs-flower-item p.thumbs-flower-item-top img {
          width: 18px;
          height: 17px;
          margin-right: 10px; }
        .thumbs-flower .thumbs-flower-top .thumbs-flower-item p.thumbs-flower-item-top span {
          font-size: 12px; }
    .thumbs-flower .thumbs-flower-top .thumbs-flower-item.active p {
      color: #D13737; }
  .thumbs-flower .thumbs-flower-bottom {
    padding: 10px 0; }

.thumbs-flower.flower .thumbs-flower-top .thumbs-flower-item p.thumbs-flower-item-top {
  padding: 0 10px; }

.thumbs-flower.flower .thumbs-flower-top .thumbs-flower-item p.thumbs-flower-item-top img {
  margin-right: 5px; }

.thumbs-flower .thumbs-flower-top .thumbs-flower-item p.thumbs-flower-item-top span {
  display: inline-block;
  max-width: 35px;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap; }

.thumbs-flower .thumbs-flower-top #thumb-no p.thumbs-flower-item-top span {
  max-width: 50px; }

.opacity .writeComments-wrap .writeComments .item .writeCommentsRight > div.release p {
  color: #999;
  line-height: 26px;
  height: 26px;
  padding: 0 10px; }

.writeComments-wrap .writeComments.edit .item .writeCommentsRight > div.review-box {
  /*display: none; */
}

.writeComments-wrap .writeComments.edit .item .writeCommentsRight > div.release {
  display: inline-block;
}

.writeComments-wrap .writeComments.edit .item.active .writeCommentsRight > div.release p {
  background: #03a9f4;
}
.writeComments-wrap .writeComments .writeCommentsRight > div.release p {
  color: #fff;
  line-height: 1.9em;
  display: inline-block;
  padding: 0 0.7rem;
  background: #a2a2a2;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
}
.writeComments-wrap .writeComments.edit .item.active .writeCommentsLeft input {
  color: #333;
  border: none;
  outline: none; }

.opacity .writeComments-wrap .writeComments {
  background-color: #222; }

.opacity .writeComments-wrap .writeComments.edit {
  background-color: #fff; }

.opacity .writeComments-wrap .writeComments.edit .writeCommentsLeft input {
  background-color: #E9E9E9; }

.opacity .writeComments-wrap .writeComments.edit .writeCommentsLeft input::-webkit-input-placeholder {
  color: #AEAEAE; }

/*评论页面结束*/
/*详情页开始*/
/*图文杂志详情页开始*/
.title-item {
  margin-top: 15px; }
  .title-item .title-picture {
    width: 30%;
    height: 155px;
    float: left;
    margin-right: 15px; }
  .title-item .title-picture img{
    height: 100%;
    max-width: 100%}
  .title-item .title-wrap h4 {
    font-family: "STHeitiSC-Medium";
    color: #333;
    font-size: 24px;
    font-weight: bolder;
    margin: 15px 0;
    text-align: justify;
    word-break: break-word; }
  .title-item .title-wrap .title-property p span {
    line-height: 20px;
    font-family: 'STHeitiSC-Light'; }
  .title-item .title-wrap .title-property.title-horizontal p {
    display: inline-block;
    font-size: 14px;
    margin-right: 7px;
    color: #666; }

.model.book-correlation .title-item .title-wrap {
  float: left;
  width: 62%; }

.introduce-item {
  margin: 20px 0 10px 0; }
  .introduce-item .can-fold-toggle span {
    color: #666;
    font-family: 'STHeitiSC-Light';
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all; }
  .introduce-item .can-fold-toggle.active span {
    display: block; }
  .introduce-item .can-fold-button {
    float: right; }
    .introduce-item .can-fold-button p {
      text-align: right;
      line-height: 25px; }
      .introduce-item .can-fold-button p span {
        display: inline-block;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        margin-left: 7px;
        vertical-align: middle; }
    .introduce-item .can-fold-button p.unfold span {
      border-top: 5px solid #6A6A6A; }
    .introduce-item .can-fold-button p.fold {
      display: none; }
      .introduce-item .can-fold-button p.fold span {
        border-bottom: 5px solid #6A6A6A; }

hr {
  margin-top: 15px;
  margin-bottom: 15px; }

.catalogue-line {
  width: auto !important;
  height: 10px;
  background-color: #F2F2F2;
  margin-left: -15px;
  margin-right: -15px;
}

.catalogue-line.live {
  height: 3px;
  background-color: #D8D8D8; }

.book-catalogue h4 {
  font-size: 16px;
  font-weight: bolder;
  padding: 20px 0; }
.book-catalogue ul {
  padding: 0 0 20px 10px; }
  .book-catalogue ul li {
    line-height: 25px; }
    .book-catalogue ul li a {
      color: #333; }
    .book-catalogue ul li strong {
      font-size: 14px;
      margin-right: 13px; }
    .book-catalogue ul li b {
      font-size: 14px; }
.book-catalogue p {
  text-align: center;
  margin-bottom: 15px;
  display: none; }
  .book-catalogue p a {
    font-size: 14px;
    color: #666; }
.book-catalogue p.active {
  display: block; }

/*图文杂志详情页结束*/
/**专题详情页开始**/
.model.special-correlation .title-item {
  text-align: center; }
  .model.special-correlation .title-item .title-picture {
    text-align: center;
    float: none;
    display: inline-block;
    margin-bottom: 10px; }
.model.special-correlation .title-wrap {
  float: none;
  width: 100%; }
  .model.special-correlation .title-wrap .title-property {
    text-align: left; }

.model.list-box h4 {
  font-size: 14px;
  font-weight: bolder;
  color: #000; }
.model.list-box .item .list-box-left {
  width: 120px;
  height: 80px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle; }
.model.list-box .item .list-box-left img {
  height: 100%;
  max-width: 100%;}
.model.list-box .item .list-box-right {
  display: inline-block;
  vertical-align: middle;
  width: 180px; }
  .model.list-box .item .list-box-right a {
    color: #333;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.model.list-box p.check-all {
  line-height: 50px;
  text-align: center; }

/**专题详情页结束**/
/*视频详情页开始*/
.model.video-playing {
  height: 234px; }

/*视频详情页结束*/
/*直播详情页开始*/
.model.watch-chat .tab {
  border-bottom: 1px solid #ddd; }
  .model.watch-chat .tab li {
    float: left;
    padding: 0 25px; }
    .model.watch-chat .tab li span {
      line-height: 40px;
      display: inline-block;
      font-size: 14px; }
  .model.watch-chat .tab li.active span {
    border-bottom: 2px solid #D41F1F;
    color: #D41F1F; }
  .model.watch-chat .tab li.watchChatItem span {
    position: relative; }
    .model.watch-chat .tab li.watchChatItem span b {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      padding: 0 5px;
      border-radius: 10px;
      color: #fff;
      background-color: #D41F1F;
      line-height: 20px; }
.model.watch-chat .watch-chat-introduce > div {
  display: none; }
.model.watch-chat .watch-chat-introduce > div.active {
  display: block; }
.model.watch-chat .introduce-item .can-fold-toggle p {
  letter-spacing: 1px;
  margin-bottom: 15px; }

/*直播详情页结束*/
/*文章详情页开始*/
.model.article-correlation{
  font-size: 18px; }
.model.article-correlation .introduce-item .can-fold-toggle p {
  letter-spacing: 1px;
  margin-bottom: 15px; }
.model.article-correlation .introduce-item .can-fold-toggle p img {
  width: 100%;
  height: 200px; }

.model.article-picture .picture-text {
  text-align: center; }
  .model.article-picture .picture-text .picture-text-item {
    margin-bottom: 30px; }
    .model.article-picture .picture-text .picture-text-item .picture {
      display: inline-block;
      width: 90%;
      height: 200px; }
    .model.article-picture .picture-text .picture-text-item p {
      line-height: 30px; }

.accessory-wrap h3 {
  font-size: 16px;
  line-height: 35px; }
.accessory-wrap .accessory-lists h4 {
  font-size: 14px;
  line-height: 35px; }
.accessory-wrap .accessory-lists p {
  line-height: 35px; }

/*文章详情页结束*/
/*音乐详情页开始*/
.model.audio audio {
  width: 100%; }

/*音乐详情页结束*/
/*画廊详情页开始*/
.model.gallery {
  background-color: #222;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100; }
  .model.gallery .view {
    width: 100%; }

.model.gallery, .model.gallery .view, .model.gallery .view .swiper-container {
  height: 100%; }

.model.gallery .view .swiper-slide {
  width: 100%;
  height: 100%; }

.swpt-cont {
  line-height: 28px;
  font-size: 14px;
  color: #666; }

.swpt-cont .num {
  color: #a1a1a1;
  font-size: 16px;
  float: left;
  margin: 4px 0 0 0;
  padding-right: 10px;
  padding-left: 30px; }

.num em {
  font-size: 24px;
  font-style: normal;
  font-weight: 400; }

.swpt-1013 {
  overflow: hidden;
  font-size: 14px;
  line-height: 40px; }

.model.descriptionWrap {
  position: fixed;
  bottom: 40px;
  left: 0;
  z-index: 100;
  background-color: #222;
  color: #fff;
  padding-top: 20px; }

.model.descriptionWrap .num, .model.descriptionWrap .swpt-1013 {
  color: #fff; }

.model.descriptionWrap .description {
  display: none; }

.model.descriptionWrap .description.active {
  display: block; }

.model.descriptionWrap .num em {
  color: #fff;
  font-size: 20px; }

.disabled {
  pointer-events: none; }

/*画廊详情页结束*/
/*章节详情页开始*/
.chapter-detail .top-title h5 {
  color: #c2c9ca;
  font-weight: normal;
  margin: 10px 0 30px 0;
  word-break: break-all; }
.chapter-detail .detail-box h3, .chapter-detail .detail-box h4, .chapter-detail .detail-box p {
  word-break: break-all; }
.chapter-detail .detail-box h3 {
  line-height: 45px; }
.chapter-detail .detail-box h4 {
  line-height: 35px; }
.chapter-detail .detail-box p {
  line-height: 35px; }

/*章节详情页结束*/
/*图书章节列表页开始*/
.chapter-lists li {
  border-bottom: 1px solid #e4e4e4; }
  .chapter-lists li a {
    display: block; }
    .chapter-lists li a .chapter-name {
      display: inline-block;
      color: #151515;
      text-indent: 2rem;
      width: 60%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      line-height: 40px; }
    .chapter-lists li a .try-read {
      display: inline-block;
      float: right;
      line-height: 20px;
      padding: 0 15px;
      border: 1px solid #78aee2;
      border-radius: 5px;
      margin: 9px 15px 0 0;
      color: #78aee2; }

/*图书章节了列表结束*/
/*附件开始*/
.compressed-files {
  margin: 15px 0 60px 0; }
  .compressed-files a {
    display: block;
    line-height: 25px; }

/*附件结束*/
/*文章详情页开始*/
/*.model.article-correlation {*/
/*  margin: 15px 0 60px 0; }*/

.model.article-correlation img {
  max-height: 100%;
  max-width: 100%;
}

.model.article-correlation video {
  width: 100%;
  /*height: auto;*/
}
.model .compressed-files a img{
  width: initial;
}
/*文章详情页结束*/
/*详情页结束*/

/*# sourceMappingURL=mobilePages.css.map */
.admin{
  background: lightseagreen;
  color: #fff !important;
  display: inline-block;
  padding: 0 3px;
  text-align: center;
  border-radius: 5px;
}
/*图书章节图片*/
.chapter-detail img{
  width:100%
}
b.flashing-icon{
    position: absolute;
    right: 0;
    top: -1.4rem;
    z-index:1;
}
b.flashing-icon span{
    background-color: #cc3d3d;
    color: #fff;
    padding: 0 0.4rem;
    border-radius: 15px;
    line-height: 16px;
    display: inline-block;
}
.like img, .unlike img, .notalk img{
    height: auto !important;
}
.row .layui-tab-card{
    box-shadow: none;
}
.fixedrow{
    position: fixed;
    top: 0;
    z-index: 1000;
    background: #fff;
    width:100%;
}
.row.fixedrow{
  width: 100% !important
}
.bottomrow{
    margin-top: 340px;
    margin: 340px 0 44px 0;
}
.video-playing{
  position: relative;
}
.video-playing img{
  width: 100%;
  max-height: 100%;
}
.video-playing h5{
    position: absolute;
    top: 0px;
    opacity: 0.8;
    line-height: 40px;
    color: white;
    padding: 0 10px;
    width: 100%;
    text-align: left;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.65) 3%, rgba(0,0,0,0.64) 99%);
    font-size: 16px;
    z-index: 999;
}

.breadcrumb{
    background-color:#fff;
    margin-bottom:0;
    padding:8px 0;
}
.breadcrumb li a{
    font-size:16px;
    line-height:54px;
}
.breadcrumb .firstchild a{
    padding-left:10px;
    border-left:3px solid #dc0000;
}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: ">";
    padding: 0 5px;
}
.breadcrumb > li:last-child{
    max-width: 76%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align:middle;
}
.row {
  width: auto !important;
}
.container{
  margin-bottom: 45px;
}
.writeCommentsRight>div{
  display: inline-block;
  line-height: 3.5rem;
  margin:0 0.3rem;
  vertical-align: middle;
}
/*打赏*/
.writeCommentsRight>div.reward{
  width: 30px;
}
/*打赏弹框*/
.reward-msg {
  z-index: 9999;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 46px;
  background: rgb(134 138 142 / 54%);
  max-height: 60%;
  overflow-y: auto;
  display: none;
}
.reward-msg .close-msg{
  padding: 5px;
  position: absolute;
  right: 1%;
  background: #ececec;
  border-radius: 50%;
  line-height: 9px;
  cursor: pointer;
}
.reward-msg .name {
  background: #E7402E;
  border-radius: 2px;
  color: #fff;
  padding: 2px 5px;
}
.reward-msg>li{
  margin-top: 15px;
}
.reward-msg .content {
  vertical-align: middle;
  max-width: calc(100% - 44px);
  padding: 2px 15px;
  border-radius: 11px;
  color: #fff;
  background-image: linear-gradient(to right,#B83AF3,#6950FB);
  display: inline-block;
}
.rewardDailog{
  background: url(../img/reward.jpg);
  position: fixed;
  z-index: 99999;
  width: 260px;
  height: 342px;
  top: calc(50% - 171px);
  left: calc(50% - 130px);
  background-size: 100% 100%;
  border-radius: 10%;
  padding: 10px;
  box-sizing: border-box;
  font-size: 16px;
  color: #FFFFFF;
  display: none;
}
.rewardDailog .bottom-button{
  position: absolute;
  bottom: 3%;
  margin-left: calc(50% - 84px);
}
.rewardDailog>li{
  margin-bottom: 20px;
  text-align: center;
}
.rewardDailog .moneylist .active input{
  background: #edf348;
}
.rewardDailog>li input{
    width: 45px;
    border-radius: 2px;
    margin: 0 4px;
    color: #F61E13;
    padding: 0 2px;
    border:none;
}
.rewardDailog>li.top{
  font-size: 18px;
  color: #fbd951;
  height: 109px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.rewardDailog>li .button{
  background: #ffb404;
  border-radius: 4px;
  padding: 2px 5px;
  box-shadow: 0px 0px 4px #000;
  margin-top: 13px;
  display: inline-block;
  margin: 13px 17px 0 17px;
  cursor: pointer;
}
.userReward > div {
  text-align: left;
}
.userReward > li {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin:3px;
}
.userReward > li img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
/*单行滚动文字*/
 #scroll_div {
    /*line-height: 26px;*/
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    /*background: #0EADF4;*/
}

#scroll_begin, #scroll_end {
    display: inline;
    padding: 0 4em 0 0.5rem;
}