@charset "utf-8";
.transition {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@keyframes myfirst {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 0.7;
  }
}
@-moz-keyframes myfirst {
  /* Firefox */
}
@-webkit-keyframes myfirst {
  /* Safari 和 Chrome */
}
@-o-keyframes myfirst {
  /* Opera */
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}
.co_icon_videoPlay {
  background: url(../images/community_icon/icon_videoPlay.png) no-repeat center;
  background-size: 100%;
}
.co_icon-hotNav {
  background: url(../images/community_icon/hot_icon.png) no-repeat center;
}
.co_icon-add_w {
  background: url(../images/community_icon/add_w.png) no-repeat center;
}
.co_icon-add_b {
  background: url(../images/community_icon/add_b.png) no-repeat center;
}
.co_icon-forumBtn {
  background: url(../images/community_icon/forum_icon.png) no-repeat center;
}
.co_icon-rewardBtn {
  background: url(../images/community_icon/reward_icon.png?v=1.1.0) no-repeat center;
}
.co_icon-commentsBtn {
  background: url(../images/community_icon/comments_icon.png?v=1.1.0) no-repeat center;
  background-size: 100% 100%;
}
.co_icon-praisesBtn {
  background: url(../images/community_icon/praises_icon.png) no-repeat center;
}
.co_icon-praisesBtn.on {
  background: url(../images/community_icon/praises_icon_on.png) no-repeat center;
}
.co_icon-collectBtn {
  background: url(../images/community_icon/collect_icon.png) no-repeat center;
}
.co_icon-collectBtn.on {
  background: url(../images/community_icon/collect_icon_on.png) no-repeat center;
}
.co_icon-cloudExpert_top {
  background: url(../images/community_icon/cloudExpert_icon_top.png) no-repeat center;
}
.co_icon-changen {
  background: url(../images/community_icon/changen_icon.png) no-repeat center;
}
.right-co-QPcode {
  background: url(../images/community_icon/QPcode.png) no-repeat center;
}
.co_icon-release1 {
  background: url(../images/community_icon/release_icon_1.png) no-repeat center;
}
.co_icon-release2 {
  background: url(../images/community_icon/release_icon_2.png) no-repeat center;
}
.co_icon-release3 {
  background: url(../images/community_icon/release_icon_3.png) no-repeat center;
}
.co_icon-release4 {
  background: url(../images/community_icon/release_icon_5.png) no-repeat center;
}
.co_icon-htagComments {
  background: url(../images/community_icon/htagComments_icon.png) no-repeat center;
}
.co_icon-anger_r {
  background: url(../images/community_icon/anger_r_icon.png) no-repeat center;
}
.co_icon-releaseBtn {
  background: url(../images/community_icon/releaseBtn_icon.png) no-repeat center;
}
.co_icon-commentsBtn1 {
  background: url(../images/community_icon/comments_icon1.png) no-repeat center;
}
.co_icon-re_imageBtn {
  background: url(../images/community_icon/re_imageBtn_icon.png) no-repeat center;
}
.co_icon-re_forumBtn {
  background: url(../images/community_icon/re_forumBtn_icon.png) no-repeat center;
}
.co_icon-re_talkBtn {
  background: url(../images/community_icon/re_talkBtn_icon.png) no-repeat center;
}
.co_icon-re_rewardBtn {
  background: url(../images/community_icon/re_rewardBtn_icon.png?v=1.0) no-repeat center;
}
.co_icon-close_icon1 {
  background: url(../images/community_icon/close_icon1.png) no-repeat center;
}
.co_icon-close_icon {
  background: url(../images/community_icon/close_icon.png) no-repeat center;
}
.co_icon-long {
  background: url(../images/community_icon/long_icon.png) no-repeat center;
}
.co_icon-long_on {
  background: url(../images/community_icon/long_icon_on.png) no-repeat center;
}
.co_icon-short {
  background: url(../images/community_icon/short_icon.png) no-repeat center;
}
.co_icon-short_on {
  background: url(../images/community_icon/short_icon_on.png) no-repeat center;
}
.co_icon-ask {
  background: url(../images/community_icon/ask_icon.png) no-repeat center;
}
.co_icon-ask_on {
  background: url(../images/community_icon/ask_icon_on.png) no-repeat center;
}
.co_icon-video {
  background: url(../images/community_icon/video_icon.png) no-repeat center;
}
.co_icon-video_on {
  background: url(../images/community_icon/video_icon_on.png) no-repeat center;
}
.video_icon {
  background: url(../images/community_icon/video_upload_icon.png) no-repeat center;
  background-size: 100% 100%;
}
body {
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}
.index-article-textBox {
  float: left;
  width: 100%;
}
.index-article-textBox .title {
  font-size: 20px;
  color: #4C565B;
  line-height: 24px;
  font-weight: 400;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 8px;
}
.index-article-textBox .text {
  font-size: 16px;
  color: #4C565B;
  max-height: 48px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.index-article-textBox .text.text_on {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  font-family: Microsoft YaHei-Light, Microsoft YaHei;
  font-weight: 300;
}
.index-article-textBox .text_all {
  font-size: 16px;
  color: #006fff;
  line-height: 26px;
}
.index-article-textBox .imageBox {
  overflow: hidden;
  margin-top: 15px;
  height: 110px;
}
.index-article-textBox .imageBox aside {
  width: 195px;
  height: 110px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 110px;
  position: relative;
  float: left;
  margin-right: 10px;
}
.index-article-textBox .imageBox aside:last-child {
  margin-right: 0;
}
.index-article-textBox .imageBox aside.imageBox_video::after {
  content: '';
  width: 36px;
  height: 35px;
  position: absolute;
  margin-left: -18px;
  margin-top: -17px;
  left: 50%;
  top: 50%;
  background: url(../images/community_icon/icon_videoPlay.png) no-repeat center;
  background-size: 100%;
  transition: transform 0.3s ease-in-out;
}
.index-article-textBox .imageBox aside.imageBox_video:hover::after {
  content: '';
  transform: scale(1.15);
}
.index-article-textBox .imageBox aside > div {
  width: 195px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.index-article-textBox .imageBox aside > div img {
  max-width: 100%;
  max-height: 100%;
}
.index-article-textBox .commentText_box {
  overflow: hidden;
  background: #F6FAFF;
  padding: 10px;
  margin-top: 10px;
  position: relative;
}
.index-article-textBox .commentText_box .comment_usar {
  overflow: hidden;
  margin-bottom: 8px;
}
.index-article-textBox .commentText_box .comment_usar aside {
  float: left;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 32px;
  margin-right: 10px;
}
.index-article-textBox .commentText_box .comment_usar aside > div {
  background-color: #43688A;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 32px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.index-article-textBox .commentText_box .comment_usar aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.index-article-textBox .commentText_box .comment_usar span {
  float: left;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  padding: 6px 0;
}
.index-article-textBox .commentText_box .comment_usar .comment_praises {
  display: inline-block;
  float: right;
  line-height: 20px;
  font-size: 14px;
  color: #8590A6;
  padding: 6px 0;
  font-family: PingFang SC-Medium, PingFang SC;
}
.index-article-textBox .commentText_box .comment_usar .comment_praises i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  float: left;
}
.index-article-textBox .commentText_box .text {
  font-size: 14px;
  color: #4C565B;
  line-height: 20px;
}
.index-article-textBox .commentText_box .adopt_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 53px;
  background: url(../images/community_icon/adopt_icon.png) no-repeat center;
  background-size: 100%;
}
.index-article-textBox .bottom {
  overflow: hidden;
  margin-top: 20px;
}
.index-article-textBox .bottom .item {
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  float: left;
}
.index-article-textBox .bottom .bottom_left {
  float: left;
  display: inline-block;
}
.index-article-textBox .bottom .bottom_left .item {
  margin-right: 10px;
  line-height: 28px;
  font-size: 12px;
}
.index-article-textBox .bottom .bottom_left .item.item_p {
  padding: 0 10px;
  background: #F2F4FA;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #666666;
}
.index-article-textBox .bottom .bottom_left .item.item_p a {
  color: #666666;
}
.index-article-textBox .bottom .bottom_left .item.item_p a i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 6px;
  float: left;
}
.index-article-textBox .bottom .bottom_right {
  float: right;
  display: inline-block;
  padding-top: 4px;
}
.index-article-textBox .bottom .bottom_right .item {
  margin-left: 18px;
  cursor: pointer;
  line-height: 28px;
}
.index-article-textBox .bottom .bottom_right .item span {
  font-family: Arial, Helvetica, sans-serif;
}
.index-article-textBox .bottom .bottom_right .item.item_comments i {
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 7px;
  float: left;
}
.index-article-textBox .bottom .bottom_right .item.item_collect i {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 6px;
  float: left;
}
.index-article-textBox .bottom .bottom_right .item.item_collect i.on {
  width: 21px;
  height: 20px;
  margin-top: 2px;
}
.index-article-textBox .bottom .bottom_right .item.item_praise i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 7px;
  float: left;
}
.index-article-textBox .bottom .bottom_right .item.item_praise i.on {
  width: 16px;
  height: 18px;
  margin-top: 2px;
}
.index-article-textBox .bottom .bottom_right .item.item_delete i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
  font-size: 14px;
  line-height: 14px;
}
.index-article-textBox .bottom .bottom_right .item.item_delete i.on {
  width: 16px;
  height: 18px;
  margin-top: 2px;
}
.index-article-textBox a:hover {
  color: #1465B1 !important;
}
.index-article-textBox a:hover .text,
.index-article-textBox a:hover .title {
  color: #1465B1 !important;
}
.index-answers-textBox {
  float: left;
  width: 100%;
}
.index-answers-textBox .text {
  font-size: 16px;
  color: #4C565B;
  max-height: 48px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.index-answers-textBox .text .answers_i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #0067FF;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-family: Microsoft JhengHei-Bold, Microsoft JhengHei;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: 3px;
}
.index-answers-textBox .text_all {
  font-size: 16px;
  color: #006fff;
  line-height: 26px;
}
.index-answers-textBox .imageBox {
  overflow: hidden;
  margin-top: 10px;
  height: 110px;
}
.index-answers-textBox .imageBox aside {
  width: 195px;
  height: 110px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 110px;
  position: relative;
  float: left;
  margin-right: 10px;
}
.index-answers-textBox .imageBox aside:last-child {
  margin-right: 0;
}
.index-answers-textBox .imageBox aside > div {
  width: 195px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.index-answers-textBox .imageBox aside > div img {
  max-width: 100%;
  max-height: 100%;
}
.index-answers-textBox .commentText_box {
  overflow: hidden;
  background: #F6FAFF;
  padding: 10px;
  margin-top: 10px;
  position: relative;
}
.index-answers-textBox .commentText_box .comment_usar {
  overflow: hidden;
  margin-bottom: 8px;
}
.index-answers-textBox .commentText_box .comment_usar aside {
  float: left;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 32px;
  margin-right: 10px;
}
.index-answers-textBox .commentText_box .comment_usar aside > div {
  background-color: #43688A;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 32px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.index-answers-textBox .commentText_box .comment_usar aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.index-answers-textBox .commentText_box .comment_usar span {
  float: left;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  padding: 6px 0;
}
.index-answers-textBox .commentText_box .comment_usar .comment_praises {
  display: inline-block;
  float: right;
  line-height: 20px;
  font-size: 14px;
  color: #8590A6;
  padding: 6px 0;
  font-family: PingFang SC-Medium, PingFang SC;
}
.index-answers-textBox .commentText_box .comment_usar .comment_praises i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  float: left;
}
.index-answers-textBox .commentText_box .text {
  font-size: 14px;
  color: #4C565B;
  line-height: 20px;
}
.index-answers-textBox .commentText_box .adopt_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 53px;
  background: url(../images/community_icon/adopt_icon.png) no-repeat center;
  background-size: 100%;
}
.index-answers-textBox .bottom {
  overflow: hidden;
  margin-top: 18px;
}
.index-answers-textBox .bottom .item {
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  float: left;
}
.index-answers-textBox .bottom .bottom_left {
  float: left;
  display: inline-block;
}
.index-answers-textBox .bottom .bottom_left .item {
  margin-right: 10px;
  line-height: 28px;
  font-size: 12px;
}
.index-answers-textBox .bottom .bottom_left .item.item_p {
  padding: 0 10px;
  background: #F2F4FA;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #666666;
}
.index-answers-textBox .bottom .bottom_left .item.item_p a {
  color: #666666;
}
.index-answers-textBox .bottom .bottom_left .item.item_p a i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 6px;
  float: left;
}
.index-answers-textBox .bottom .bottom_right {
  float: right;
  display: inline-block;
}
.index-answers-textBox .bottom .bottom_right .item {
  margin-left: 18px;
  cursor: pointer;
  line-height: 28px;
}
.index-answers-textBox .bottom .bottom_right .item span {
  font-family: Arial, Helvetica, sans-serif;
}
.index-answers-textBox .bottom .bottom_right .item.item_offerReward {
  padding: 0 10px;
  background: #FFF7EB;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #C98040;
  cursor: context-menu;
}
.index-answers-textBox .bottom .bottom_right .item.item_offerReward i {
  width: 20px;
  height: 28px;
  display: inline-block;
  margin-right: 4px;
  float: left;
}
.index-answers-textBox .bottom .bottom_right .item.item_comments i {
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 7px;
  float: left;
}
.index-answers-textBox .bottom .bottom_right .item.item_collect i {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 6px;
  float: left;
}
.index-answers-textBox .bottom .bottom_right .item.item_collect i.on {
  width: 21px;
  height: 20px;
  margin-top: 2px;
}
.index-answers-textBox .bottom .bottom_right .item.item_praise i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 7px;
  float: left;
}
.index-answers-textBox .bottom .bottom_right .item.item_praise i.on {
  width: 16px;
  height: 18px;
  margin-top: 2px;
}
.index-answers-textBox .bottom .bottom_right .item.item_delete i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
  font-size: 14px;
  line-height: 14px;
}
.index-answers-textBox .bottom .bottom_right .item.item_delete i.on {
  width: 16px;
  height: 18px;
  margin-top: 2px;
}
.index-answers-textBox a:hover {
  color: #1465B1 !important;
}
.index-answers-textBox a:hover .text,
.index-answers-textBox a:hover .title {
  color: #1465B1 !important;
}
.index-news-textBox .imageBox {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 15px;
  height: 110px;
}
.index-news-textBox .imageBox aside {
  width: 195px;
  height: 110px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 110px;
  position: relative;
  float: left;
  margin-right: 10px;
}
.index-news-textBox .imageBox aside:last-child {
  margin-right: 0;
}
.index-news-textBox .imageBox aside > div {
  width: 195px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.index-news-textBox .imageBox aside > div img {
  max-width: 100%;
  max-height: 100%;
}
.index-target_article_box {
  width: 100%;
  height: 130px;
  background: #F7F8FC;
  padding: 20px 15px;
  margin: 18px 0 24px;
  position: relative;
}
.index-target_article_box > i {
  width: 42px;
  height: 22px;
  background: #50719B;
  border-radius: 0px 21px 21px 21px;
  position: absolute;
  top: -6px;
  right: -9px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  font-family: FZLanTingHeiGBK-Medium, FZLanTingHeiGBK;
  line-height: 22px;
  color: #FFFFFF;
  font-style: normal;
}
.index-target_article_box .textBox {
  width: 629px;
  float: left;
}
.index-target_article_box .textBox.textBox_blog {
  width: 448px;
}
.index-target_article_box .textBox.all {
  width: 100%;
}
.index-target_article_box .textBox .title {
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: initial;
}
.index-target_article_box .textBox .box_bottom {
  margin-top: 17px;
  overflow: hidden;
  font-size: 0;
}
.index-target_article_box .textBox .box_bottom .item {
  float: left;
  display: inline-block;
  margin-right: 20px;
}
.index-target_article_box .textBox .box_bottom .item span {
  height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 28px;
}
.index-target_article_box .textBox .box_bottom .item.item_user aside {
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
  float: left;
  position: relative;
}
.index-target_article_box .textBox .box_bottom .item.item_user aside > div {
  width: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.index-target_article_box .textBox .box_bottom .item.item_user aside img {
  max-width: 100%;
  max-height: 100%;
}
.index-target_article_box .textBox .box_bottom .item.item_user span {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  display: inline-block;
  float: left;
}
.index-target_article_box .article_img {
  width: 120px;
  height: 90px;
  overflow: hidden;
  border-radius: 4px;
  display: inline-block;
  float: right;
  position: relative;
}
.index-target_article_box .article_img aside {
  width: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.index-target_article_box .article_img img {
  max-width: 100%;
  max-height: 100%;
}
.index-target_article_box .article_img .hovbox {
  display: none;
  -webkit-animation: opa 0.5s linear;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.index-target_article_box .article_img .hovbox i {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.index-target_article_box .article_img:hover .hovbox {
  display: block;
}
.index-target_box {
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 24px;
}
.index-target_box .target_box_title {
  color: #333333;
  line-height: 30px;
  font-size: 24px;
  margin-bottom: 20px;
}
.index-target_box .target_prod_box .box_innet {
  width: 347px;
  height: 138px;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
}
.index-target_box .target_prod_box .box_innet .aside_img {
  width: 106px;
  height: 106px;
  border-radius: 4px;
  float: left;
  margin-right: 16px;
  overflow: hidden;
}
.index-target_box .target_prod_box .box_innet .textBox {
  float: left;
  width: 190px;
  display: inline-block;
}
.index-target_box .target_prod_box .box_innet .textBox .title {
  width: 100%;
  color: #333333;
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 8px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index-target_box .target_prod_box .box_innet .textBox .text {
  width: 100%;
  margin-bottom: 6px;
  overflow: hidden;
}
.index-target_box .target_prod_box .box_innet .textBox .text p {
  margin-bottom: 4px;
  color: #666666;
  font-size: 12px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index-target_box .target_prod_box .box_innet .textBox .btnBox {
  overflow: hidden;
}
.index-target_box .target_prod_box .box_innet .textBox .btnBox .btn {
  width: 90px;
  height: 26px;
  background: #F5F9FF;
  border-radius: 3px;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  color: #216FFF;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.index-target_box .target_prod_box .box_innet .textBox .btnBox .btn.chat {
  margin-right: 0;
}
.index-target_box .target_brand_box .box_innet {
  width: 370px;
  height: 106px;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
}
.index-target_box .target_brand_box .box_innet .box_img {
  width: 74px;
  height: 74px;
  display: inline-block;
  overflow: hidden;
  float: left;
  margin-right: 13px;
  position: relative;
}
.index-target_box .target_brand_box .box_innet .box_img > div {
  width: 74px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
}
.index-target_box .target_brand_box .box_innet .box_img img {
  max-width: 100%;
  max-height: 100%;
}
.index-target_box .target_brand_box .box_innet .textBox {
  width: 248px;
  display: inline-block;
  overflow: hidden;
  float: left;
}
.index-target_box .target_brand_box .box_innet .textBox .top {
  overflow: hidden;
  margin-bottom: 10px;
}
.index-target_box .target_brand_box .box_innet .textBox .top .title {
  width: 180px;
  height: 26px;
  font-size: 16px;
  color: #333333;
  line-height: 26px;
  float: left;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-target_box .target_brand_box .box_innet .textBox .top .btn {
  width: 62px;
  height: 26px;
  background: #ECF5FF;
  border-radius: 15px;
  border: 1px solid #D7EAFF;
  display: inline-block;
  float: right;
  color: #216FFF;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
}
.index-target_box .target_brand_box .box_innet .textBox .text {
  height: 36px;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}
.index-target_box .target_video_box .box_innet {
  width: 262px;
  height: 253px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
  padding: 16px;
}
.index-target_box .target_video_box .box_innet .box_img {
  width: 230px;
  height: 130px;
  margin-bottom: 11px;
  overflow: hidden;
  border-radius: 4px;
}
.index-target_box .target_video_box .box_innet .box_img > div {
  width: 112px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
}
.index-target_box .target_video_box .box_innet .box_img img {
  max-width: 100%;
  max-height: 100%;
}
.index-target_box .target_video_box .box_innet .textBox {
  overflow: hidden;
}
.index-target_box .target_video_box .box_innet .textBox .title {
  width: 100%;
  height: 48px;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 12px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index-target_box .target_video_box .box_innet .textBox .bottom {
  overflow: hidden;
  width: 100%;
}
.index-target_box .target_video_box .box_innet .textBox .bottom .bottom_l {
  float: left;
  width: 130px;
  display: inline-block;
}
.index-target_box .target_video_box .box_innet .textBox .bottom .bottom_l aside {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  display: inline-block;
  float: left;
}
.index-target_box .target_video_box .box_innet .textBox .bottom .bottom_l span {
  color: #666666;
  line-height: 24px;
  font-size: 14px;
  float: left;
  display: inline-block;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90px;
}
.index-target_box .target_video_box .box_innet .textBox .bottom .bottom_r {
  color: #999999;
  line-height: 24px;
  font-size: 12px;
  float: right;
  display: inline-block;
}
.index-target_box .target_article_box {
  display: block;
}
.index-target_box .target_article_box .box_innet {
  width: 396px;
  height: 116px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
  padding: 16px;
}
.index-target_box .target_article_box .box_innet .box_img {
  width: 112px;
  height: 84px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  float: left;
  position: relative;
}
.index-target_box .target_article_box .box_innet .box_img > div {
  width: 112px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
}
.index-target_box .target_article_box .box_innet .box_img img {
  max-width: 100%;
  max-height: 100%;
}
.index-target_box .target_article_box .box_innet .textBox {
  overflow: hidden;
  width: 240px;
  float: left;
}
.index-target_box .target_article_box .box_innet .textBox .title {
  width: 100%;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 12px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index-target_box .target_article_box .box_innet .textBox .bottom {
  overflow: hidden;
  width: 100%;
}
.index-target_box .target_article_box .box_innet .textBox .bottom .bottom_l {
  float: left;
  width: 140px;
  display: inline-block;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index-target_box .target_article_box .box_innet .textBox .bottom .bottom_l aside {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  display: inline-block;
  float: left;
  overflow: hidden;
  font-size: 0;
}
.index-target_box .target_article_box .box_innet .textBox .bottom .bottom_l span {
  color: #666666;
  line-height: 24px;
  font-size: 14px;
  float: left;
  display: inline-block;
  width: 100px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index-target_box .target_article_box .box_innet .textBox .bottom .bottom_r {
  color: #999999;
  line-height: 24px;
  font-size: 12px;
  float: right;
  display: inline-block;
}
.index-target_box .target_supply_box .box_innet {
  width: 400px;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
  overflow: hidden;
}
.index-target_box .target_supply_box .box_innet .aside_img {
  width: 106px;
  height: 106px;
  border-radius: 4px;
  float: left;
  margin-right: 16px;
  overflow: hidden;
  background: url(../images/community_icon/share_supply.jpg) no-repeat center;
  background-size: 130%;
}
.index-target_box .target_supply_box .box_innet .textBox {
  float: left;
  width: 256px;
  display: inline-block;
}
.index-target_box .target_supply_box .box_innet .textBox .title {
  width: 100%;
  height: 60px;
  color: #333333;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 16px;
  overflow: hidden;
  text-align: justify;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.index-target_box .target_supply_box .box_innet .textBox .bottom {
  overflow: hidden;
}
.index-target_box .target_supply_box .box_innet .textBox .bottom p {
  font-size: 12px;
  color: #999;
  display: inline-block;
  float: left;
  line-height: 28px;
}
.index-target_box .target_supply_box .box_innet .textBox .bottom p span.name {
  max-width: 62px;
  margin-right: 10px;
  float: left;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-target_box .target_supply_box .box_innet .textBox .bottom .btn {
  padding: 0 10px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  display: inline-block;
  float: right;
  background: #216FFF;
  border-radius: 4px;
}
.turnThePage {
  margin: 20px 0 30px;
  font-family: Arial, Helvetica, sans-serif;
}
.turnThePage a {
  margin: 0 12px;
  height: 28px;
  line-height: 28px;
}
.turnThePage a:last-child {
  margin-right: 0;
}
.turnThePage .zxfPagenum {
  width: auto;
  padding: 0 10px;
  color: #666666;
  margin: 0;
}
.turnThePage .checkedPage {
  background-color: #006FFF;
  color: #FFFFFF;
}
.index_right .index_cloudExpert {
  margin-bottom: 20px;
  width: 300px;
  background-color: white;
  padding: 0 15px 8px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
}
.index_right .index_cloudExpert > .title {
  border-bottom: 1px solid #F0F2F7;
  overflow: hidden;
  margin: 0 5px;
}
.index_right .index_cloudExpert > .title > div {
  float: left;
  width: 32px;
  height: 32px;
  background: #F0F6FF;
  margin-right: 8px;
  margin-top: 14px;
  border-radius: 50%;
}
.index_right .index_cloudExpert > .title .title_icon i {
  width: 18px;
  height: 16px;
  margin: 8px auto;
  display: block;
}
.index_right .index_cloudExpert > .title h2 {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 15px 0;
  position: relative;
}
.index_right .index_cloudExpert > .title h2 a {
  font-size: 12px;
  color: #8590A6;
  float: right;
}
.index_right .index_cloudExpert > .title h2 a:hover {
  color: #1465B1 !important;
}
.index_right .index_cloudExpert > .title h2 a i {
  width: 19px;
  height: 18px;
  display: inline-block;
  margin-right: 3px;
  margin-top: 7px;
  float: left;
}
.index_right .index_cloudExpert li {
  border-bottom: 1px #F0F2F7 solid;
  padding: 15px 0;
  position: relative;
}
.index_right .index_cloudExpert li:last-child {
  border: 0;
}
.index_right .index_cloudExpert li .content_top {
  overflow: hidden;
  position: relative;
}
.index_right .index_cloudExpert li .content_top aside {
  float: left;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 42px;
  margin-right: 10px;
  position: relative;
}
.index_right .index_cloudExpert li .content_top aside > div {
  width: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.index_right .index_cloudExpert li .content_top aside img {
  max-width: 100%;
  max-height: 100%;
}
.index_right .index_cloudExpert li .content_top .usar_text {
  max-width: 120px;
  float: left;
  overflow: hidden;
}
.index_right .index_cloudExpert li .content_top .usar_text h3 {
  max-width: 120px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin-bottom: 4px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index_right .index_cloudExpert li .content_top .usar_text span {
  max-width: 120px;
  font-size: 12px;
  font-weight: 300;
  color: #999999;
  line-height: 14px;
  float: left;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index_right .index_cloudExpert li .content_top .btn {
  float: right;
  height: 26px;
  background: #F6FAFF;
  border-radius: 2px;
  border: 1px solid #E1EEFF;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #006FFF;
  cursor: pointer;
  margin-top: 5px;
  padding: 0 8px;
}
.index_right .index_cloudExpert li .content_top .btn i {
  font-size: 12px;
  margin-right: 2px;
}
.index_right .index_cloudExpert li .content_top .btn[type="1"],
.index_right .index_cloudExpert li .content_top .btn[type="2"] {
  background: #F1F3F6;
  border: 1px solid #F1F3F6;
  color: #999CAB;
}
.index_right .index_cloudExpert li .content_top .btn:hover {
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
  color: #002DFF;
}
.index_right .index_cloudExpert li .textBox {
  overflow: hidden;
}
.index_right .index_cloudExpert li .textBox > p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.index_right .index_news-activity {
  width: 300px;
  overflow: hidden;
}
.index_right .index_news-activity .index_news-activity_content {
  margin-bottom: 20px;
  width: 300px;
  background-color: white;
  padding: 0 0 8px;
  border-radius: 8px;
  overflow: hidden;
}
.index_right .index_news-activity .index_news-activity_content.pos_fixed {
  position: fixed;
  top: 10px;
  left: 50%;
  margin-left: 300px;
}
.index_right .index_news-activity .index_news-activity_content > .title {
  border-bottom: 1px solid #F0F2F7;
  padding: 0 20px;
  margin: 0 20px;
}
.index_right .index_news-activity .index_news-activity_content > .title h2 {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 15px 0;
  position: relative;
}
.index_right .index_news-activity .index_news-activity_content > .title h2 a {
  font-size: 12px;
  color: #8590A6;
  float: right;
}
.index_right .index_news-activity .index_news-activity_content > .title h2 a:hover {
  color: #1465B1 !important;
}
.index_right .index_news-activity .index_news-activity_content > .title h2 a i {
  width: 19px;
  height: 18px;
  display: inline-block;
  margin-right: 3px;
  margin-top: 7px;
  float: left;
}
.index_right .index_news-activity .index_news-activity_content ul {
  padding: 5px 20px 0;
}
.index_right .index_news-activity .index_news-activity_content li {
  border-bottom: 1px #ECECEC dashed;
  padding: 10px 0 10px;
  position: relative;
}
.index_right .index_news-activity .index_news-activity_content li:last-child {
  border: 0;
}
.index_right .index_news-activity .index_news-activity_content li > span {
  min-width: 20px;
  height: 20px;
  background: #F2F2F2;
  color: #999999;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px 0;
  text-align: center;
  line-height: 18px;
  padding: 0 3px;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  font-family: 'DIN-MEDIUM';
  border: 1px #e1e1e1 solid;
  transform: scale(0.7, 0.7);
}
.index_right .index_news-activity .index_news-activity_content li aside {
  float: left;
  width: 80px;
  height: 61px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 60px;
  margin-right: 10px;
  position: relative;
}
.index_right .index_news-activity .index_news-activity_content li aside > div {
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.index_right .index_news-activity .index_news-activity_content li aside img {
  max-width: 100%;
  max-height: 100%;
}
.index_right .index_news-activity .index_news-activity_content li > div {
  padding-left: 30px;
}
.index_right .index_news-activity .index_news-activity_content li > div h3 {
  max-height: 40px;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  position: relative;
  top: -2px;
}
.index_right .index_news-activity .index_news-activity_content li > div p {
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  display: flow-root;
}
.index_right .index_news-activity .index_news-activity_content li > div p .left {
  float: left;
}
.index_right .index_news-activity .index_news-activity_content li > div p .right {
  float: right;
}
.index_right .index_news-activity .index_news-activity_content li[num="1"] > span {
  background: #FF3400;
  border: 1px #FF3400 solid;
  color: #fff;
}
.index_right .index_news-activity .index_news-activity_content li[num="2"] > span {
  background: #FF6F00;
  border: 1px #FF6F00 solid;
  color: #fff;
}
.index_right .index_news-activity .index_news-activity_content li[num="3"] > span {
  background: #FFAA00;
  border: 1px #FFAA00 solid;
  color: #fff;
}
.index_right .index_answers {
  margin-bottom: 20px;
  width: 300px;
  background-color: white;
  padding: 0 20px 8px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
}
.index_right .index_answers > .title {
  border-bottom: 1px solid #F0F2F7;
}
.index_right .index_answers > .title h2 {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 15px 0;
  position: relative;
}
.index_right .index_answers > .title h2 a {
  font-size: 12px;
  color: #8590A6;
  float: right;
}
.index_right .index_answers > .title h2 a:hover {
  color: #1465B1 !important;
}
.index_right .index_answers > .title h2 a i {
  width: 19px;
  height: 18px;
  display: inline-block;
  margin-right: 3px;
  margin-top: 7px;
  float: left;
}
.index_right .index_answers li {
  padding: 20px 0 14px;
  position: relative;
  box-shadow: 0 11px 12px -12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 0 11px 12px -12px rgba(227, 236, 248, 0.5);
}
.index_right .index_answers li:last-child {
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
}
.index_right .index_answers li > div {
  overflow: hidden;
  position: relative;
}
.index_right .index_answers li > div p {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  padding-left: 23px;
  position: relative;
  margin-bottom: 14px;
}
.index_right .index_answers li > div p::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/community_icon/question_icon.png) no-repeat center;
}
.index_right .index_answers li > div .bottom {
  overflow: hidden;
}
.index_right .index_answers li > div .bottom .bottom_left {
  float: left;
  display: inline-block;
  padding: 0 10px;
  background: #F2F4FA;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #666666;
  line-height: 28px;
  max-width: 170px;
  height: 28px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index_right .index_answers li > div .bottom .bottom_left i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 6px;
  float: left;
}
.index_right .index_answers li > div .bottom .bottom_right {
  float: right;
  display: inline-block;
  font-size: 12px;
  color: #999999;
  line-height: 28px;
}
.index_right .index_hotTopic {
  margin-bottom: 20px;
  width: 300px;
  background-color: white;
  padding: 0 20px 14px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
}
.index_right .index_hotTopic > .title {
  border-bottom: 1px solid #F0F2F7;
}
.index_right .index_hotTopic > .title h2 {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 15px 0;
  position: relative;
}
.index_right .index_hotTopic > .title h2 a {
  font-size: 12px;
  color: #8590A6;
  float: right;
}
.index_right .index_hotTopic > .title h2 a:hover {
  color: #1465B1 !important;
}
.index_right .index_hotTopic > .title h2 a i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 8px;
  float: left;
}
.index_right .index_hotTopic ul {
  overflow: hidden;
  margin-top: 3px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}
.index_right .index_hotTopic li {
  padding: 18px 0 15px;
  position: relative;
  border-bottom: 1px solid #F0F2F7;
}
.index_right .index_hotTopic li:last-child {
  border-bottom: 0;
}
.index_right .index_hotTopic li h3 {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  padding-left: 27px;
  margin-bottom: 5px;
  position: relative;
  height: 20px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index_right .index_hotTopic li h3::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../images/community_icon/hotTopic_icon.png) no-repeat center;
}
.index_right .index_hotTopic li p {
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 13px;
}
.index_right .index_hotTopic li .bottom {
  overflow: hidden;
}
.index_right .index_hotTopic li .bottom .bottom_left {
  float: left;
  display: inline-block;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}
.index_right .index_hotTopic li .bottom .bottom_left i {
  width: 15px;
  height: 13px;
  display: inline-block;
  margin-right: 3px;
  margin-top: 2px;
  float: left;
}
.index_right .index_hotTopic li .bottom .bottom_right {
  float: right;
  display: inline-block;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}
.index_right .index_QPcode {
  margin-bottom: 20px;
  width: 300px;
  background-color: white;
  padding: 30px 33px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
}
.index_right .index_QPcode img {
  width: 184px;
  height: 182px;
  margin: 0 auto 5px;
  display: block;
}
.index_right .index_QPcode p {
  font-size: 12px;
  color: #999999;
  line-height: 18px;
}
.index_right .index_QPcode p a {
  font-size: 12px;
  color: #999999;
}
.index_right .index_QPcode p.top {
  border-bottom: 1px solid #F0F2F7;
  padding-bottom: 9px;
  margin-bottom: 7px;
}
.index_right .index_QPcode ul {
  overflow: hidden;
  margin-top: 20px;
}
.index_right .index_QPcode ul li {
  font-size: 14px;
  color: #8590A6;
  line-height: 24px;
  display: inline-block;
  float: left;
  margin-right: 33px;
  position: relative;
}
.index_right .index_QPcode ul li a {
  color: #8590A6;
}
.index_right .index_QPcode ul li::after {
  content: '';
  position: absolute;
  top: 6px;
  right: -18px;
  width: 1px;
  height: 12px;
  background-color: #8590A6;
  opacity: 0.5;
}
.index_right .index_QPcode ul li:nth-child(3n) {
  margin-right: 0;
}
.index_right .index_QPcode ul li:nth-child(3n)::after {
  width: 0;
}
.index_right .right-co-QPcode {
  overflow: hidden;
  width: 300px;
  height: 300px;
  box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
  margin-bottom: 20px;
}
.noData {
  position: inherit;
  margin-top: 80px;
  height: 350px;
}
.community-index {
  background: #F6FAFF;
  font-size: 0;
}
.community-index .index_head {
  width: 100%;
  height: 500px;
  overflow: hidden;
  background: url(../images/community_icon/company_head_bg_1.jpg?v=1.0.1) no-repeat center;
  background-size: 1920px 500px;
  margin-bottom: 30px;
}
.community-index .index_head .item {
  height: 18px;
  background: rgba(0, 0, 0, 0.19);
  border-radius: 9px;
  padding: 0 18px 0 0;
  font-size: 12px;
  color: rgba(255, 254, 253, 0.64);
  line-height: 16px;
  position: relative;
  float: right;
  margin: 40px 10px;
  font-family: MicrosoftYaHei;
}
.community-index .index_head .item span {
  margin: 0 4px 0 9px;
}
.community-index .index_head .item span i {
  font-style: normal;
}
.community-index .index_head .item .btn {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.community-index .index_head .item .btn.on {
  cursor: pointer;
}
.community-index .community_co {
  padding-top: 30px;
  font-size: 0;
}
.community-index .community_co .community_co_banner {
  width: 100%;
  height: 100px;
  overflow: hidden;
  background: url(../images/community_icon/banner_1.jpg?v=1.0.1) no-repeat center;
  background-size: 1200px 100px;
  margin-bottom: 40px;
  position: relative;
}
.community-index .community_co .community_co_banner .btn {
  position: absolute;
  top: 36px;
  right: 30px;
  width: 80px;
  height: 30px;
  background: #525394;
  border-radius: 4px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.community-index .community_co .community_co_banner .btn i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/community_icon/banner_btn.png) no-repeat center;
  margin-left: 9px;
}
.community-index .community_co .community_co_head {
  margin-bottom: 30px;
}
.community-index .community_co .community_co_head .community_co_head_forum {
  background: #FFFFFF;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
  margin-bottom: 11px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left {
  width: 850px;
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox {
  margin-bottom: 35px;
  position: relative;
  padding: 22px 0 0 17px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .navBox {
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .navBox .navBtn {
  float: left;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin: 5px 50px 5px 0;
  cursor: pointer;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .navBox .navBtn.on {
  font-size: 22px;
  color: #FF5C00;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .navBox .navBtn[type="1"] i {
  display: none;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .navBox .navBtn[type="1"].on i {
  display: inline-block;
  width: 16px;
  height: 19px;
  margin-right: 5px;
  margin-top: 6px;
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box {
  width: 260px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  float: right;
  margin-right: 30px;
  padding: 0 42px 0 10px;
  position: relative;
  font-size: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box input {
  width: 100%;
  border: 0;
  padding: 0;
  background-color: #fff;
  list-style: none;
  outline: none;
  line-height: 38px;
  height: 38px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #777;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .iconfont-search {
  font-size: 13px;
  position: absolute;
  right: 16px;
  top: 14px;
  color: #797979;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre {
  position: absolute;
  left: 0;
  /* bottom: 0; */
  width: calc(100%);
  top: 42px;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  z-index: 3444;
  box-shadow: 0px 6px 11px 1px #a0a0a06b;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul {
  padding: 10px 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li {
  font-size: 13px;
  color: #333333;
  line-height: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li:hover {
  background-color: #f5f5f5;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li a {
  width: 100%;
  display: inline-block;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li span {
  width: 100%;
  word-break: break-all;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li span.span_noData {
  width: 187px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li span em {
  font-style: normal;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li span .search_rec {
  font-weight: bold;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li span i {
  max-width: 100px;
  font-style: normal;
  word-break: break-all;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: normal;
  position: relative;
  top: 4px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .search_forum_box .search_forum-list-pre ul li .btn {
  display: inline-block;
  float: right;
  color: #006DFF;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  width: 40px;
  height: 30px;
  cursor: pointer;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBtn {
  float: right;
  width: 131px;
  height: 40px;
  background: #006FFF;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBtn i {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: inline-block;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBtn:hover {
  background: #0038ff;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox {
  display: none;
  width: 382px;
  background: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  padding-bottom: 30px;
  top: 50px;
  right: -18px;
  z-index: 3;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox > .title {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #F0F2F7;
  margin-bottom: 20px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co {
  padding: 0 20px;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item {
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item label {
  float: left;
  font-size: 12px;
  color: #666666;
  line-height: 35px;
  margin-right: 15px;
  padding-left: 8px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input {
  float: left;
  margin-bottom: 16px;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input input {
  width: 295px;
  height: 34px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  padding: 0 10px;
  font-size: 12px;
  line-height: 34px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input input::-webkit-input-placeholder {
  color: #BBBBBB;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input textarea {
  width: 295px;
  height: 70px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  line-height: 24px;
  padding: 4px 10px;
  font-size: 12px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input textarea::-webkit-input-placeholder {
  color: #BBBBBB;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input .test {
  font-size: 12px;
  color: #F56C6C;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input .max_num {
  font-size: 12px;
  color: #999;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-family: Arial-Regular, Arial;
  font-weight: 400;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input select {
  width: 295px;
  height: 35px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  color: #ccc;
  line-height: 35px;
  padding: 0 10px;
  font-size: 12px;
  margin-bottom: 4px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  background: url(../images/community_icon/anger_b_icon.png) no-repeat scroll 272px center #fff;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input select option {
  color: #666666;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .form-item_input select.on {
  color: #666666;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item .rules {
  border: 1px solid #D43434 !important;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item[rules="rules"] label {
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item[rules="rules"] label::before {
  content: '*';
  color: #D43434;
  font-size: 14px;
  position: absolute;
  left: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item_title {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  margin: 5px 0 16px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .addBox_co .form-item_title span {
  font-size: 12px;
  color: #999;
  margin-left: 5px;
  float: right;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .bottom {
  overflow: hidden;
  padding-left: 67px;
  padding-top: 10px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .bottom .btn {
  float: left;
  width: 120px;
  height: 40px;
  background: #F6F8FB;
  border-radius: 4px;
  font-size: 14px;
  color: #666666;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .titleBox .addBox .bottom .btn.on {
  width: 166px;
  color: #FFFFFF;
  background: #006FFF;
  margin-left: 10px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content {
  overflow: hidden;
  min-height: 555px;
  padding-left: 20px;
  padding-bottom: 19px;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content ul {
  overflow: hidden;
  margin-bottom: 4px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li {
  float: left;
  width: 192px;
  height: 242px;
  background: #FFFFFF;
  border-radius: 6px;
  margin-right: 20px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 10px 20px -10px rgba(227, 236, 248, 0.4);
  -webkit-box-shadow: 0px 10px 20px -10px rgba(227, 236, 248, 0.4);
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li:nth-child(4n) {
  margin-right: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li aside {
  width: 192px;
  height: 114px;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 114px;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li aside > div {
  width: 192px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li aside img {
  max-width: 100%;
  max-height: 100%;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li .textBox .title {
  font-size: 16px;
  color: #333333;
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 2px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 10px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li .textBox p {
  text-align: center;
  font-size: 12px;
  height: 24px;
  color: #999999;
  line-height: 24px;
  margin-bottom: 10px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li .textBox p span {
  font-family: Arial, Helvetica, sans-serif;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li .textBox .btn {
  width: 110px;
  height: 32px;
  background: #F6FAFF;
  border-radius: 2px;
  border: 1px solid #D4E6FF;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #006FFF;
  margin: 8px auto 0;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content li .textBox .btn:hover {
  color: #002DFF;
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content .no-data {
  font-size: 16px;
  color: #999;
  line-height: 40px;
  text-align: center;
  margin-top: 50px;
  width: 100%;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content .no-data a {
  margin: 0 5px;
  color: #006FFF;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content .forumPage {
  position: absolute;
  bottom: 20px;
  right: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content .forumPage a {
  margin: 0 12px;
  height: 28px;
  line-height: 28px;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content .forumPage a:last-child {
  margin-right: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content .forumPage .zxfPagenum {
  width: auto;
  padding: 0 10px;
  color: #666666;
  margin: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_content .forumPage .checkedPage {
  background-color: #006FFF;
  color: #FFFFFF;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_co_hotForum .carousel-page {
  background: rgba(0, 0, 0, 0);
  float: right;
  position: initial;
  height: auto;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_co_hotForum .carousel-page span {
  width: 28px;
  height: 28px;
  line-height: 28px;
  opacity: 1;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  color: #666;
  text-align: center;
}
.community-index .community_co .community_co_head .community_co_head_forum .content_left .circle_list .circleList_co_hotForum .carousel-page span.swiper-pagination-bullet-active {
  background-color: #006FFF;
  color: #fff;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right {
  float: right;
  width: 320px;
  overflow: initial;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert {
  width: 320px;
  height: 660px;
  background-color: white;
  padding: 0 24px;
  overflow: hidden;
  box-shadow: -30px -2px 40px -30px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: -30px -2px 40px -30px rgba(227, 236, 248, 0.5);
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert > .title {
  overflow: hidden;
  margin: 0 5px;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert > .title > div {
  float: left;
  width: 32px;
  height: 32px;
  background: #F0F6FF;
  margin-right: 8px;
  margin-top: 14px;
  border-radius: 50%;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert > .title .title_icon i {
  width: 18px;
  height: 16px;
  margin: 8px auto;
  display: block;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert > .title h2 {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 15px 0;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert > .title h2 a {
  font-size: 12px;
  color: #8590A6;
  float: right;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert > .title h2 a:hover {
  color: #1465B1 !important;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert > .title h2 a i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 8px;
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li {
  border-bottom: 1px #F0F2F7 solid;
  padding: 20px 0;
  position: relative;
  margin: 0 6px;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li:last-child {
  border: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li > a > aside {
  float: left;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 42px;
  margin-right: 12px;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li > a > aside > div {
  width: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li > a > aside img {
  max-width: 100%;
  max-height: 100%;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox {
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top {
  overflow: hidden;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top .usar_text {
  max-width: 120px;
  float: left;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top .usar_text h3 {
  max-width: 120px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top .btn {
  float: right;
  height: 26px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #D4E6FF;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #006FFF;
  cursor: pointer;
  padding: 0 8px;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top .btn i {
  font-size: 12px;
  margin-right: 2px;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top .btn[type="1"],
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top .btn[type="2"] {
  background: #F1F3F6;
  border: 1px solid #F1F3F6;
  color: #999CAB;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox .content_top .btn:hover {
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
  color: #002DFF;
}
.community-index .community_co .community_co_head .community_co_head_forum .index_right .community_co_cloudExpert li .textBox > p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  margin-top: 10px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_answers {
  width: 1200px;
  height: 393px;
  background: #FFFFFF;
  border-radius: 0px 0px 16px 16px;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left {
  width: 880px;
  padding: 0 16px 0 24px;
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers {
  margin-bottom: 20px;
  background-color: white;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers > .title {
  border-bottom: 1px solid #F0F2F7;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers > .title h2 {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 15px 0;
  position: relative;
  display: inline-block;
  margin-right: 18px;
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers > .title .btn {
  margin-top: 14px;
  float: left;
  width: 112px;
  height: 32px;
  background: #006FFF;
  border-radius: 2px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers > .title .btn:hover {
  background: #0038ff;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers > .title .answers_mo {
  margin-top: 20px;
  font-size: 12px;
  color: #8590A6;
  float: right;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers > .title .answers_mo:hover {
  color: #1465B1 !important;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers > .title .answers_mo i {
  width: 19px;
  height: 18px;
  display: inline-block;
  margin-right: 3px;
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li {
  padding: 17px 11px 18px 20px;
  width: 420px;
  height: 122px;
  background: #FFFFFF;
  margin-bottom: 8px;
  display: inline-block;
  overflow: hidden;
  box-shadow: 0px 20px 20px -20px rgba(227, 236, 248, 0.4);
  -webkit-box-shadow: 0px 20px 20px -20px rgba(227, 236, 248, 0.4);
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div {
  overflow: hidden;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div p {
  height: 44px;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  padding-left: 30px;
  position: relative;
  margin-bottom: 17px;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div p::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/community_icon/question_icon.png) no-repeat center;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div .bottom {
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div .bottom .bottom_left {
  float: left;
  display: inline-block;
  padding: 0 10px 0 12px;
  background: #FFF7EB;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #875427;
  line-height: 28px;
  max-width: 170px;
  height: 28px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div .bottom .bottom_left i {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 8px;
  float: left;
  background-size: 14px;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div .bottom .bottom_right {
  float: right;
  display: inline-block;
  font-size: 12px;
  color: #999999;
  line-height: 28px;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers li > div .bottom .bottom_right span {
  margin-right: 1px;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers .carousel-page {
  text-align: center;
  margin-top: 6px;
  width: 100% !important;
  position: inherit;
  background: #fff;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers .carousel-page span {
  width: 8px;
  height: 4px;
  background: #a8a8a8;
  border-radius: 2px;
  margin-left: 4px;
}
.community-index .community_co .community_co_head .community_co_head_answers .content_left .community_co_answers .carousel-page span.swiper-pagination-bullet-active {
  width: 16px;
  background: #006FFF;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right {
  float: right;
  width: 320px;
  overflow: initial;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic {
  margin-bottom: 20px;
  width: 320px;
  background-color: white;
  padding: 15px 19px 14px 24px;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic > .title {
  font-size: 0;
  margin-bottom: 30px;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic > .title h2 {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  position: relative;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic > .title h2 a {
  font-size: 12px;
  color: #8590A6;
  float: right;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic > .title h2 a:hover {
  color: #1465B1 !important;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic > .title h2 a i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 8px;
  float: left;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic ul {
  overflow: hidden;
  margin-top: 3px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li {
  padding: 11px 11px 0;
  position: relative;
  width: 130px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 4px 0px 0px 0px;
  border: 1px solid #E7E7E7;
  float: left;
  margin-bottom: 16px;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li:nth-child(odd) {
  margin-right: 16px;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li h3 {
  text-align: center;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 3px;
  position: relative;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333333;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li p {
  text-align: center;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  height: 16px;
  overflow: hidden;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li i {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 20px;
  height: 20px;
  background: #FF3400;
  border-radius: 4px 0px 4px 0px;
  font-size: 12px;
  font-family: DIN-Bold, DIN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  z-index: 1;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li:nth-child(1) i {
  background: #FF3400;
  border: 1px solid #FF3400;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li:nth-child(2) i {
  background: #FF6F00;
  border: 1px solid #FF6F00;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li:nth-child(3) i {
  background: #FFAA00;
  border: 1px solid #FFAA00;
}
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li:nth-child(4) i,
.community-index .community_co .community_co_head .community_co_head_answers .index_right .community_co_hotTopic li:nth-child(5) i {
  background: #E1E1E1;
  border: 1px solid #E1E1E1;
}
.community-index .content_left {
  width: 880px;
  float: left;
}
.community-index .content_left .article_list {
  overflow: hidden;
}
.community-index .content_left .article_list .titleBox {
  overflow: hidden;
}
.community-index .content_left .article_list .titleBox .navBox {
  float: left;
}
.community-index .content_left .article_list .titleBox .navBox .navBtn {
  float: left;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin: 10px 30px 16px 0;
  padding-bottom: 10px;
  position: relative;
  cursor: pointer;
}
.community-index .content_left .article_list .titleBox .navBox .navBtn.on {
  font-size: 22px;
  color: #006FFF;
}
.community-index .content_left .article_list .titleBox .navBox .navBtn.on::after {
  content: "";
  width: 38px;
  height: 3px;
  background: #006FFF;
  margin-left: -19px;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.community-index .content_left .article_list .articleList_content li {
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 30px 20px;
  margin-bottom: 10px;
}
.community-index .content_left .article_list .articleList_content li.li-sw {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}
.community-index .content_left .article_list .articleList_content li.li-sw .index-sw-wrapper {
  width: 880px;
  height: 120px;
  overflow: hidden;
}
.community-index .content_left .article_list .articleList_content li.li-sw .index-sw-wrapper .swiper-container {
  width: 880px;
  height: 120px;
}
.community-index .content_left .article_list .articleList_content li.li-sw .index-sw-wrapper .swiper-container .swiper-tip {
  left: 0;
  right: auto;
}
.community-index .content_left .article_list .articleList_content li .content_top {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 12px;
}
.community-index .content_left .article_list .articleList_content li .content_top .usarBox {
  float: left;
}
.community-index .content_left .article_list .articleList_content li .content_top .usarBox aside {
  float: left;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}
.community-index .content_left .article_list .articleList_content li .content_top .usarBox aside > div {
  background-color: #43688A;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.community-index .content_left .article_list .articleList_content li .content_top .usarBox aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.community-index .content_left .article_list .articleList_content li .content_top .usarBox span {
  float: left;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  padding: 10px 0;
}
.community-index .content_left .article_list .articleList_content li .content_top .usarBox .adopt_i {
  width: 68px;
  height: 26px;
  background: #EFFFF2;
  border-radius: 2px;
  border: 1px solid #19B955;
  font-size: 12px;
  color: #19B955;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  margin-top: 6px;
  margin-left: 11px;
}
.community-index .content_left .article_list .articleList_content li .content_top .usarBox .itme_btn {
  float: left;
  display: inline-block;
  padding: 0 11px;
  background: #FF5C00;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  margin-top: 8px;
  margin-left: 20px;
}
.community-index .content_left .article_list .articleList_content li .content_top .btn {
  float: right;
  width: 77px;
  height: 30px;
  background: #F6FAFF;
  border-radius: 2px;
  border: 1px solid #D4E6FF;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #006FFF;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  cursor: pointer;
  margin-top: 5px;
}
.community-index .content_left .article_list .articleList_content li .content_top .btn i {
  margin-right: 4px;
  font-size: 12px;
}
.community-index .content_left .article_list .articleList_content li .content_top .btn[type="1"],
.community-index .content_left .article_list .articleList_content li .content_top .btn[type="2"] {
  background: #F1F3F6;
  border: 1px solid #F1F3F6;
  color: #999CAB;
}
.community-index .content_left .article_list .articleList_content li .content_top .btn:hover {
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
  color: #002DFF;
}
.community-index .content_left .article_list .articleList_content .bottom_loding {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin: 20px 0;
  text-align: center;
}
.community-index .index_right {
  float: right;
  width: 300px;
  overflow: hidden;
}
.community-index .index_right .right-sw-wrapper {
  width: 300px;
  height: 150px;
  margin-bottom: 20px;
  overflow: hidden;
}
.community-index .index_right .right-sw-wrapper .swiper-container {
  width: 300px;
  height: 150px;
}
.community-index .index_right .right-sw-wrapper_bottom {
  width: 300px;
  height: 300px;
  margin-bottom: 20px;
  overflow: hidden;
}
.community-index .index_right .right-sw-wrapper_bottom .swiper-container {
  width: 300px;
  height: 300px;
}
.community-index .index_loding {
  text-align: center;
  line-height: 50px;
  color: #888;
  font-size: 14px;
  margin-bottom: 20px;
}
.community-user {
  background: #F6FAFF;
  padding-bottom: 40px;
}
.community-user .content_header {
  width: 100%;
  margin-bottom: 40px;
  box-shadow: 4px -2px 22px rgba(107, 107, 107, 0.12);
  -webkit-box-shadow: 4px -2px 22px rgba(107, 107, 107, 0.12);
}
.community-user .content_header .content_header_bg {
  width: 100%;
  height: 79px;
  background: #43688A;
}
.community-user .content_header .content_header_user {
  width: 100%;
  min-height: 125px;
  background: #fff;
}
.community-user .content_header .content_header_user .content_header_container {
  width: 1200px;
  margin: 0 auto ;
}
.community-user .content_header .content_header_user .content_header_container .content_header_left {
  float: left;
  width: 640px;
}
.community-user .content_header .content_header_user .content_header_container .content_header_left aside {
  float: left;
  width: 120px;
  height: 120px;
  border: 4px #ffffff solid;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  top: -20px;
  overflow: hidden;
  text-align: center;
  line-height: 112px;
  margin-right: 15px;
  font-size: 0;
}
.community-user .content_header .content_header_user .content_header_container .content_header_left aside > div {
  background-color: #43688A;
  position: absolute;
  width: 112px;
  height: 112px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 112px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.community-user .content_header .content_header_user .content_header_container .content_header_left aside > div img {
  width: auto;
  height: initial;
  max-width: 100%;
  max-height: 100%;
}
.community-user .content_header .content_header_user .content_header_container .content_header_left .textBox .title {
  font-size: 24px;
  line-height: 30px;
  margin-top: 18px;
  margin-bottom: 3px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333333;
}
.community-user .content_header .content_header_user .content_header_container .content_header_left .textBox p {
  font-size: 14px;
  color: #333333;
  font-weight: 300;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right {
  float: right;
  display: inline-block;
  margin-top: 55px;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item {
  float: left;
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  position: relative;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item > div {
  color: #333333;
  font-size: 14px;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item > div span {
  font-size: 24px;
  font-family: 'DIN-MEDIUM';
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item > p {
  font-size: 14px;
  color: #8590A6;
  line-height: 18px;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item::after {
  content: '';
  width: 1px;
  height: 10px;
  background-color: #D5D9E1;
  position: absolute;
  top: 15px;
  left: 0;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item:first-child::after {
  width: 0;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item_btn {
  float: left;
  display: inline-block;
  text-align: center;
  width: 126px;
  height: 43px;
  background: linear-gradient(167deg, #FF7700 0%, #FF5C00 100%);
  border-radius: 4px;
  margin: 0 0 0 14px;
  box-shadow: 3px 3px 8px -2px rgba(255, 111, 0, 0.35);
  line-height: 43px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item_btn i {
  font-size: 12px;
  margin-right: 4px;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item_btn[type="1"],
.community-user .content_header .content_header_user .content_header_container .content_header_right .item_btn[type="2"] {
  line-height: 41px;
  background: #F1F3F6;
  border-radius: 4px;
  border: 1px solid #F1F3F6;
  box-shadow: none;
  color: #999CAB;
}
.community-user .content_header .content_header_user .content_header_container .content_header_right .item_btn:hover {
  width: 126px;
  height: 43px;
  line-height: 43px;
  background: linear-gradient(167deg, #FF6F00 0%, #FF5C00 100%);
  border: 0;
  color: #FFFFFF;
}
.community-user .content_left {
  width: 870px;
  float: left;
}
.community-user .content_left .content_navBox {
  height: 60px;
  background: #FFFFFF;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  border-bottom: 1px #F0F2F7 solid;
}
.community-user .content_left .content_navBox ul {
  overflow: hidden;
  margin-left: 4px;
}
.community-user .content_left .content_navBox li {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  min-width: 64px;
  text-align: center;
  float: left;
  margin: 20px 8px 0;
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.community-user .content_left .content_navBox li.on {
  font-size: 22px;
  color: #006FFF;
  line-height: 30px;
  margin-top: 13px;
  padding-bottom: 16px;
}
.community-user .content_left .content_navBox li.on::after {
  content: '';
  width: 38px;
  height: 3px;
  background: #006FFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -19px;
}
.community-user .content_left .listBox {
  background-color: #fff;
  overflow: hidden;
}
.community-user .content_left .listBox ul {
  width: 810px;
  margin: 30px auto;
}
.community-user .content_left .listBox ul li[type='1'] {
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 1px #F0F2F7 solid;
  margin-bottom: 20px;
}
.community-user .content_left .listBox ul li[type='1'] .textBox {
  float: left;
  width: 630px;
}
.community-user .content_left .listBox ul li[type='1'] .textBox.w_all {
  width: 100%;
}
.community-user .content_left .listBox ul li[type='1'] .textBox.w_all .title {
  height: auto;
  margin-bottom: 16px;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .title {
  font-size: 20px;
  font-weight: 400;
  color: #333;
  line-height: 26px;
  height: 52px;
  margin-bottom: 48px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .text {
  height: 48px;
  font-size: 14px;
  font-weight: 300;
  color: #666666;
  max-height: 48px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom {
  overflow: hidden;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .bottom_left {
  float: left;
  display: inline-block;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .bottom_left .item {
  margin-right: 18px;
  font-size: 12px;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .bottom_right {
  float: right;
  display: inline-block;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .bottom_right .item {
  margin-left: 18px;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item {
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  float: left;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item.item_comments i {
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item.item_collect i {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  float: left;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item.item_collect i.on {
  width: 21px;
  height: 20px;
  margin-top: 0;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item.item_praise i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item.item_praise i.on {
  width: 16px;
  height: 18px;
  margin-top: 0;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item.item_delete i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
  font-size: 14px;
  line-height: 14px;
}
.community-user .content_left .listBox ul li[type='1'] .textBox .bottom .item.item_delete i.on {
  width: 16px;
  height: 18px;
  margin-top: 2px;
}
.community-user .content_left .listBox ul li[type='1'] .image {
  float: right;
  overflow: hidden;
}
.community-user .content_left .listBox ul li[type='1'] .image aside {
  width: 160px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 120px;
  position: relative;
}
.community-user .content_left .listBox ul li[type='1'] .image aside > div {
  width: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-user .content_left .listBox ul li[type='1'] .image aside > div img {
  max-width: 100%;
  max-height: 100%;
}
.community-user .content_left .listBox ul li[type='2'] {
  padding-bottom: 20px;
  border-bottom: 1px #F0F2F7 solid;
  margin-bottom: 20px;
  display: flow-root;
}
.community-user .content_left .listBox ul li:last-child {
  border: 0;
  margin-bottom: 0;
}
.community-user .content_left .collect_co {
  background-color: #fff;
  overflow: hidden;
  padding: 0 30px;
}
.community-user .content_left .collect_co .navBox {
  overflow: hidden;
  margin: 30px 0 25px;
}
.community-user .content_left .collect_co .navBox .navBtn {
  width: 128px;
  height: 36px;
  font-weight: 300;
  background: #ECF4FF;
  border-radius: 4px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333333;
  margin-right: 20px;
  float: left;
  cursor: pointer;
}
.community-user .content_left .collect_co .navBox .navBtn.on {
  background: #0D76FC;
  color: #FFFFFF;
}
.community-user .content_left .collect_co ul {
  overflow: hidden;
  padding-bottom: 10px;
}
.community-user .content_left .collect_co ul li {
  width: 395px;
  height: 106px;
  background: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #EBEBEB;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
  box-shadow: 0 12px 12px -12px rgba(227, 236, 248, 0.6);
  -webkit-box-shadow: 0 12px 12px -12px rgba(227, 236, 248, 0.6);
}
.community-user .content_left .collect_co ul li:nth-child(2n) {
  margin-right: 0;
}
.community-user .content_left .collect_co ul li aside {
  float: left;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 66px;
  margin: 20px 10px 20px 20px;
  position: relative;
}
.community-user .content_left .collect_co ul li aside > div {
  width: 66px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-user .content_left .collect_co ul li aside img {
  max-width: 100%;
  max-height: 100%;
}
.community-user .content_left .collect_co ul li .textBox {
  width: 190px;
  overflow: hidden;
  float: left;
  margin-top: 20px;
}
.community-user .content_left .collect_co ul li .textBox div {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 8px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-user .content_left .collect_co ul li .textBox p {
  font-size: 14px;
  font-weight: 300;
  color: #666666;
  line-height: 18px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-user .content_left .collect_co ul li .btn {
  float: right;
  width: 77px;
  height: 30px;
  border-radius: 2px;
  background: #F1F3F6;
  border: 1px solid #E9EEF7;
  font-size: 12px;
  color: #999CAB;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  margin-top: 38px;
  margin-right: 20px;
}
.community-user .content_left .collect_co ul li .btn i {
  display: inline-block;
  margin-right: 4px;
  font-size: 12px;
}
.community-user .content_left .collect_co ul li .btn[type="0"] {
  background: #F6FAFF;
  border: 1px solid #D4E6FF;
  color: #006FFF;
}
.community-user .content_left .collect_co ul li .btn:hover {
  color: #002DFF;
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
}
.community-user .content_left .turnThePage {
  margin: 20px 0 10px;
  font-family: Arial, Helvetica, sans-serif;
}
.community-user .content_left .turnThePage a {
  margin: 0 12px;
  height: 28px;
  line-height: 28px;
}
.community-user .content_left .turnThePage a:last-child {
  margin-right: 0;
}
.community-user .content_left .turnThePage .zxfPagenum {
  width: auto;
  padding: 0 10px;
  color: #666666;
  margin: 0;
}
.community-user .content_left .turnThePage .checkedPage {
  background-color: #006FFF;
  color: #FFFFFF;
}
.community-user .index_right {
  float: right;
  width: 300px;
  overflow: hidden;
}
.community-blog {
  background: #F6FAFF;
  padding: 30px 0;
}
.community-blog .content_left {
  width: 870px;
  float: left;
}
.community-blog .content_left .co_title {
  overflow: hidden;
  margin-bottom: 18px;
}
.community-blog .content_left .co_title h3 {
  font-size: 32px;
  color: #333333;
  line-height: 42px;
  display: inline-block;
  float: left;
}
.community-blog .content_left .co_title h3 span {
  font-size: 14px;
  color: #666666;
  line-height: 42px;
  margin-left: 0;
  position: relative;
  top: -3px;
}
.community-blog .content_left .co_title h3 span i {
  display: inline-block;
  font-size: 12px;
  margin-right: 7px;
  color: #A8A8A8;
}
.community-blog .content_left .co_title .btnBox {
  float: right;
  display: inline-block;
}
.community-blog .content_left .co_title .btnBox .btn {
  width: 140px;
  height: 40px;
  background: #006FFF;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  float: left;
}
.community-blog .content_left .co_title .btnBox .btn i {
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.community-blog .content_left .co_title .btnBox .btn:hover {
  background: #0038ff;
}
.community-blog .content_left .co_title .btnBox .forum_btn {
  margin-right: 14px;
  background: #50719B;
}
.community-blog .content_left .m_left_userBox {
  width: 180px;
  background: #E6E8F2;
  float: left;
  overflow: hidden;
  position: relative;
}
.community-blog .content_left .m_left_userBox .landlord_user {
  width: 96px;
  position: absolute;
  top: 9px;
  left: -30px;
  font-size: 12px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  background: #FF5C00;
  line-height: 24px;
  transform: rotate(-45deg);
  text-align: center;
}
.community-blog .content_left .m_left_userBox aside {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 88px;
  margin: 30px auto 10px;
  position: relative;
}
.community-blog .content_left .m_left_userBox aside > div {
  width: 88px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 0;
}
.community-blog .content_left .m_left_userBox aside img {
  width: auto;
  height: initial;
  max-width: 100%;
  max-height: 100%;
}
.community-blog .content_left .m_left_userBox h3 {
  font-size: 18px;
  color: #333333;
  line-height: 24px;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 15px;
}
.community-blog .content_left .m_left_userBox .user_item {
  overflow: hidden;
  padding: 0 15px;
}
.community-blog .content_left .m_left_userBox .user_item .item {
  float: left;
  display: inline-block;
  text-align: center;
  width: 50px;
  padding: 0 5px;
}
.community-blog .content_left .m_left_userBox .user_item .item span {
  font-size: 20px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 2px;
  font-family: 'DIN-MEDIUM';
}
.community-blog .content_left .m_left_userBox .user_item .item p {
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
}
.community-blog .content_left .m_left_userBox .btn {
  width: 138px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin: 30px auto 0 ;
  color: #FFFFFF;
  cursor: pointer;
}
.community-blog .content_left .m_left_userBox .btn[type="0"] {
  border: 1px solid #006FFF;
  background: #006FFF;
}
.community-blog .content_left .m_left_userBox .btn[type="0"]:hover {
  background: #0038ff;
}
.community-blog .content_left .m_left_userBox .btn[type="1"],
.community-blog .content_left .m_left_userBox .btn[type="2"] {
  border: 1px solid #F1F3F6;
  background: #F1F3F6;
  color: #999CAB;
}
.community-blog .content_left .m_left_userBox .btn[type="1"]:hover,
.community-blog .content_left .m_left_userBox .btn[type="2"]:hover {
  border: 1px solid #EBF2FF;
  background: #EBF2FF;
  color: #0055FF;
}
.community-blog .content_left .m_left_userBox .btn i {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 4px;
  font-size: 12px;
}
.community-blog .content_left .comment-textareaBox {
  overflow: hidden;
  width: 100%;
}
.community-blog .content_left .comment-textareaBox .blog-textarea {
  width: 100%;
  overflow: hidden;
  background: #F7F8FC;
  border-radius: 8px;
  margin-bottom: 15px;
}
.community-blog .content_left .comment-textareaBox .blog-textarea .no_guest {
  height: 120px;
  padding: 17px 20px;
  font-size: 14px;
  line-height: 20px;
  background: #F7F8FC;
}
.community-blog .content_left .comment-textareaBox .blog-textarea .no_guest p {
  text-align: center;
  color: #999;
  margin-top: 30px;
}
.community-blog .content_left .comment-textareaBox .blog-textarea .no_guest p span {
  color: #006FFF;
  cursor: pointer;
  padding: 0 5px;
}
.community-blog .content_left .comment-textareaBox .blog-textarea .no_guest p:hover span {
  color: #0038ff;
}
.community-blog .content_left .comment-textareaBox .blog-textarea textarea {
  width: 100%;
  height: 120px;
  padding: 17px 20px;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  background: #F7F8FC;
  border: 0;
}
.community-blog .content_left .comment-textareaBox .blog-textarea textarea::-webkit-input-placeholder {
  color: #BBBBBB;
}
.community-blog .content_left .comment-textareaBox .te_bottom {
  overflow: hidden;
}
.community-blog .content_left .comment-textareaBox .te_bottom .test {
  font-size: 12px;
  color: #999999;
  line-height: 30px;
  display: inline-block;
  float: left;
}
.community-blog .content_left .comment-textareaBox .te_bottom .test span {
  color: #ff0000;
  margin: 0 3px;
}
.community-blog .content_left .comment-textareaBox .te_bottom .btn {
  width: 90px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  float: right;
  color: #BBBBBB;
  background: #EEEEEE;
  cursor: pointer;
}
.community-blog .content_left .comment-textareaBox .te_bottom .btn.on {
  background: #006FFF;
  color: #FFFFFF;
}
.community-blog .content_left .comment-textareaBox .te_bottom .btn.on:hover {
  background: #0038ff;
}
.community-blog .content_left .blog_main {
  background: #E6E8F2;
  overflow: hidden;
  margin-bottom: 10px;
}
.community-blog .content_left .blog_main .m_left_blog {
  width: 690px;
  min-height: 306px;
  float: left;
  background-color: #fff;
  padding: 20px 30px 24px;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox {
  overflow: hidden;
  max-height: none;
  position: relative;
  padding-bottom: 30px;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox.on {
  padding-bottom: 0px;
  max-height: 400px;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox.on .m_contentBox_co {
  -webkit-mask-image: linear-gradient(#1f1f1f 36px, rgba(0, 0, 0, 0) 96px);
  mask-image: linear-gradient(#1A1A1A 36px, rgba(0, 0, 0, 0) 96px);
  -webkit-mask-size: 100% 100%;
  overflow: hidden;
  mask-size: 100% 100%;
  width: 100%;
  background-image: url(../images/mask.png);
  background-repeat: no-repeat;
  -webkit-mask-image: url(../images/mask.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask: linear-gradient(#000 170px, rgba(0, 0, 0, 0) 365px);
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co {
  overflow: hidden;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_title {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  margin-top: 4px;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_text {
  font-size: 16px;
  color: #666666;
  line-height: 26px;
  white-space: pre-line;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_text a {
  font-size: 14px;
  color: #006fff;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_time {
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  margin-bottom: 13px;
  padding-top: 6px;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_time span {
  font-size: 14px;
  margin-left: 16px;
  height: 32px;
  background: #EBF2FF;
  border-radius: 18px;
  border: 1px solid #EBF2FF;
  line-height: 30px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #0055FF;
  text-align: center;
  padding: 0 20px;
  display: inline-block;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_content {
  font-size: 16px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 30px;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_content img {
  width: auto;
  max-width: 100%;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_content p {
  margin: 10px 0;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .m_contentBox_co .m_video {
  width: 100%;
  height: 355px;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .move_allBtn {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  background-color: #fff;
  color: #006FFF;
}
.community-blog .content_left .blog_main .m_left_blog .m_contentBox .move_allBtn:hover {
  color: #0038ff;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox {
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 20px;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox aside {
  float: left;
  width: 200px;
  height: 150px;
  overflow: hidden;
  text-align: center;
  line-height: 150px;
  margin: 0 11px 11px 0;
  position: relative;
  cursor: zoom-in;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox aside > div {
  width: 202px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox aside img {
  max-width: 100%;
  max-height: 100%;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox aside:nth-child(3n) {
  margin-right: 0;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper {
  overflow: hidden;
  margin: 20px 0;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .container {
  overflow: hidden;
  width: 630px;
  min-height: 420px;
  margin-bottom: 10px;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .container .swiper-slide {
  text-align: center;
  line-height: 420px;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .container .swiper-slide img {
  width: auto;
  max-width: 100%;
  cursor: zoom-out;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .container .swiper-button-prev,
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .container .swiper-button-next {
  background-color: rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  --swiper-navigation-size: 20px;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .container .swiper-button-prev:hover,
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .container .swiper-button-next:hover {
  background-color: #006FFF;
  --swiper-navigation-color: #fff;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .containerNav {
  overflow: hidden;
  width: 630px;
  height: 50px;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .containerNav .swiper-slide {
  opacity: 0.4;
}
.community-blog .content_left .blog_main .m_left_blog .m_imageBox_swiper .containerNav .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox {
  overflow: hidden;
  margin-bottom: 30px;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox .reward_item {
  height: 27px;
  background: #FFF8EC;
  border-radius: 4px;
  overflow: hidden;
  padding: 0 10px;
  font-size: 14px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #E2AE7A;
  line-height: 27px;
  display: inline-block;
  float: left;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox .reward_item i {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul {
  display: inline-block;
  float: right;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul li {
  display: inline-block;
  float: left;
  margin-left: 30px;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul li .item_btn {
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  cursor: pointer;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul li .item_btn.item_collect i {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 2px;
  float: left;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul li .item_btn.item_collect i.on {
  width: 21px;
  height: 20px;
  margin-top: -2px;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul li .item_btn.item_praise i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  float: left;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul li .item_btn.item_praise i.on {
  width: 16px;
  height: 18px;
  margin-top: -1px;
}
.community-blog .content_left .blog_main .m_left_blog .relationBox ul li .item_btn.item_delete i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
  font-size: 14px;
  line-height: 14px;
}
.community-blog .content_left .blog_main .m_left_blog .comment-textareaBox {
  width: 100%;
}
.community-blog .content_left .comment_main_add {
  background: #E6E8F2;
  overflow: hidden;
  margin-bottom: 10px;
}
.community-blog .content_left .comment_main_add .m_left_blog {
  width: 690px;
  min-height: 306px;
  float: left;
  background-color: #fff;
  padding: 16px 30px;
  position: relative;
}
.community-blog .content_left .comment_main_add .m_left_blog .title {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 28px;
}
.community-blog .content_left .comment_main_add .m_left_blog > h3 {
  min-height: 150px;
}
.community-blog .content_left .comment_main_add .m_left_blog .blog_commentBox.po_bottom {
  position: absolute;
  bottom: 7px;
  width: 630px;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom {
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 20px;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .time {
  float: left;
  display: inline-block;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox {
  float: right;
  display: inline-block;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox .item {
  float: left;
  margin-left: 37px;
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  cursor: pointer;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox .item a {
  color: #8590A6;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox .item a i {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox .item .item_comment i {
  width: 15px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox .item .item_praise i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  float: left;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox .item .item_praise i.on {
  width: 16px;
  height: 18px;
  margin-top: -1px;
}
.community-blog .content_left .comment_main_add .m_left_blog .bottom .item_btnBox .item .item_delete i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
  font-size: 14px;
  line-height: 14px;
}
.community-blog .content_left .comment_main_add .m_left_blog .item_title {
  font-size: 22px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 28px;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox {
  overflow: hidden;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox li {
  overflow: hidden;
  margin-top: 30px;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox li aside {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 40px;
  margin-right: 8px;
  position: relative;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox li aside > div {
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox li aside img {
  max-width: 100%;
  max-height: 100%;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox li .textBox {
  width: 582px;
  overflow: hidden;
  display: block;
  float: left;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox li .textBox .userName {
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  margin-bottom: 6px;
  display: inline;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox li .textBox .bottom {
  margin-top: 11px;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox .comment_loding {
  font-size: 14px;
  color: #006FFF;
  line-height: 20px;
  margin-top: 10px;
  display: block;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox .comment_btn {
  display: inline-block;
  color: #006FFF;
}
.community-blog .content_left .comment_main_add .m_left_blog .to_commentBox .comment_btn.on {
  margin-bottom: 20px;
}
.community-blog .content_left .comment_list .comment_main {
  background: #E6E8F2;
  overflow: hidden;
  margin-bottom: 10px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog {
  width: 690px;
  min-height: 306px;
  float: left;
  background-color: #fff;
  padding: 24px 30px;
  position: relative;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog h3 {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3 {
  min-height: 144px;
  overflow: hidden;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3.comment_h3_on {
  min-height: auto;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3 p {
  word-break: break-all;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3.ov_text_all {
  display: flex;
  max-height: none;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3.ov_text_all p::before {
  content: '';
  float: right;
  width: 0;
  height: 100%;
  margin-bottom: -24px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3.ov_text_all .btn_all {
  color: #006FFF;
  float: right;
  clear: both;
  display: inline-block;
  cursor: pointer;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3.ov_text_all .btn_all:hover {
  color: #0038ff;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog > h3.ov_text_all.on p {
  display: block;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .blog_commentBox.po_bottom {
  position: absolute;
  bottom: 7px;
  width: 630px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 30px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .time {
  float: left;
  display: inline-block;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_closeAsk {
  float: left;
  margin-left: 20px;
  display: inline-block;
  font-size: 12px;
  color: #00B253;
  line-height: 28px;
  height: 30px;
  padding: 0 12px;
  background: #EFFFF2;
  border-radius: 2px;
  border: 1px solid #D5F3E1;
  cursor: pointer;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_closeAsk i {
  width: 17px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 3px;
  background: url(../images/community_icon/blog_closeAsk-icon.png?V=1.2) no-repeat center;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox {
  float: right;
  display: inline-block;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox .item {
  float: left;
  margin-top: 5px;
  margin-left: 37px;
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  cursor: pointer;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox .item a {
  color: #8590A6;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox .item a i {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox .item .item_comment i {
  width: 15px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox .item .item_praise i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  float: left;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox .item .item_praise i.on {
  width: 16px;
  height: 18px;
  margin-top: -1px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .bottom .item_btnBox .item .item_delete i {
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
  font-size: 14px;
  line-height: 14px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .item_title {
  font-size: 22px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 28px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .adopt_item {
  overflow: hidden;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .adopt_item i {
  float: right;
  width: 118px;
  height: 115px;
  background: url(../images/community_icon/adopt_icon.png) no-repeat center;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox {
  overflow: hidden;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox .to_commentBox_list {
  margin-top: 30px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li {
  overflow: hidden;
  margin-bottom: 7px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li aside {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 40px;
  margin-right: 8px;
  position: relative;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li aside > div {
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li aside img {
  max-width: 100%;
  max-height: 100%;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox {
  width: 582px;
  overflow: hidden;
  display: block;
  float: left;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox .userName {
  font-size: 14px;
  color: #8590A6;
  line-height: 20px;
  margin-bottom: 6px;
  display: inline;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox .userName span {
  color: #FF5C00;
  font-size: 12px;
  margin-left: 6px;
  text-align: center;
  width: 40px;
  height: 22px;
  background: rgba(255, 92, 0, 0.1);
  border-radius: 4px;
  padding-top: 1px;
  display: inline-block;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox h3 {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  overflow: hidden;
  max-height: 48px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox h3 p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: pre-line;
  width: 100%;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox h3 span {
  color: #8590A6;
  margin-right: 5px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox h3.ov_text_all {
  display: flex;
  max-height: none;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox h3.ov_text_all p::before {
  content: '';
  float: right;
  width: 0;
  height: 100%;
  margin-bottom: -24px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox h3.ov_text_all .btn_all {
  color: #006FFF;
  float: right;
  clear: both;
  display: inline-block;
  cursor: pointer;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox h3.ov_text_all.on p {
  display: block;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox li .textBox .bottom {
  margin-top: 6px;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox .comment_loding {
  font-size: 14px;
  color: #006FFF;
  line-height: 20px;
  margin-top: 10px;
  display: block;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox .comment_loding:hover {
  color: #0038ff;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox .comment_btn {
  display: inline-block;
  color: #006FFF;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox .comment_btn:hover {
  color: #0038ff;
}
.community-blog .content_left .comment_list .comment_main .m_left_blog .to_commentBox .comment_btn.on {
  margin-bottom: 20px;
}
.community-blog .content_left .turnThePage {
  margin: 20px 0 30px;
  font-family: Arial, Helvetica, sans-serif;
}
.community-blog .content_left .turnThePage a {
  margin: 0 12px;
  height: 28px;
  line-height: 28px;
}
.community-blog .content_left .turnThePage a:last-child {
  margin-right: 0;
}
.community-blog .content_left .turnThePage .zxfPagenum {
  width: auto;
  padding: 0 10px;
  color: #666666;
  margin: 0;
}
.community-blog .content_left .turnThePage .checkedPage {
  background-color: #006FFF;
  color: #FFFFFF;
}
.community-blog .index_right {
  float: right;
  width: 300px;
  overflow: hidden;
}
.community-blog .index_right .right-sw-wrapper {
  width: 300px;
  height: 150px;
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
}
.community-blog .index_right .right-sw-wrapper .swiper-container {
  width: 300px;
  height: 150px;
}
.community-detail {
  background: #F6FAFF;
}
.community-detail .bredcrumb {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  padding: 30px 0;
}
.community-detail .bredcrumb li {
  color: #999999;
}
.community-detail .bredcrumb li a {
  color: #999999;
}
.community-detail .bredcrumb li a:hover {
  color: #006FFF !important;
}
.community-detail .content_header {
  overflow: hidden;
  border-radius: 8px;
  height: 242px;
  position: relative;
}
.community-detail .content_header .content_header_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 242px;
}
.community-detail .content_header .content_header_bg img {
  width: 100%;
  height: 100%;
}
.community-detail .content_header .content_header_info {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 242px;
  border-radius: 8px;
  overflow: hidden;
}
.community-detail .content_header .content_header_info .content_header_left {
  float: left;
  padding: 25px 0 0 30px;
  max-width: 660px;
}
.community-detail .content_header .content_header_info .content_header_left .title {
  font-size: 28px;
  color: #FFFFFF;
  line-height: 38px;
  margin-bottom: 7px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-detail .content_header .content_header_info .content_header_left p {
  max-width: 660px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 11px;
  opacity: 0.8;
}
.community-detail .content_header .content_header_info .content_header_left ul {
  overflow: hidden;
}
.community-detail .content_header .content_header_info .content_header_left ul li {
  display: inline-block;
  float: left;
  padding-right: 30px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 32px;
  position: relative;
}
.community-detail .content_header .content_header_info .content_header_left ul li label {
  opacity: 0.5;
  float: left;
  margin-right: 5px;
}
.community-detail .content_header .content_header_info .content_header_left ul li label.admin_label {
  margin-right: 7px;
}
.community-detail .content_header .content_header_info .content_header_left ul li::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 9px;
  width: 1px;
  height: 12px;
  background-color: #7192B8;
}
.community-detail .content_header .content_header_info .content_header_left ul li:last-child {
  padding-right: 40px;
}
.community-detail .content_header .content_header_info .content_header_left ul li:last-child::after {
  width: 0;
}
.community-detail .content_header .content_header_info .content_header_left ul li span {
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #fff;
}
.community-detail .content_header .content_header_info .content_header_left ul li aside {
  width: 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 4px;
  background: #FFFFFF;
  border: 1px #fff solid;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  line-height: 18px;
  position: relative;
  float: left;
  font-size: 0;
}
.community-detail .content_header .content_header_info .content_header_left ul li aside > div {
  background-color: #43688A;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 18px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.community-detail .content_header .content_header_info .content_header_left ul li aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.community-detail .content_header .content_header_info .content_header_left .bottom {
  overflow: hidden;
}
.community-detail .content_header .content_header_info .content_header_left .bottom > div {
  margin-top: 22px;
  overflow: hidden;
  margin-bottom: 20px;
}
.community-detail .content_header .content_header_info .content_header_left .bottom .btn {
  float: left;
  width: 126px;
  height: 43px;
  background: #2C6FBB;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 43px;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
}
.community-detail .content_header .content_header_info .content_header_left .bottom .btn:hover {
  background: #15469E;
}
.community-detail .content_header .content_header_info .content_header_left .bottom .test {
  float: left;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 43px;
  display: inline-block;
  opacity: 0.8;
}
.community-detail .content_header .content_header_info .content_header_right {
  float: right;
  padding: 55px 30px 0 0;
  display: inline-block;
}
.community-detail .content_header .content_header_info .content_header_right .btn {
  width: 170px;
  height: 50px;
  background: #FF5C00;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 15px;
}
.community-detail .content_header .content_header_info .content_header_right .btn i {
  font-size: 13px;
  margin-right: 3px;
}
.community-detail .content_header .content_header_info .content_header_right .btn:hover {
  background: #FF4B00;
}
.community-detail .content_header .content_header_info .content_header_right p {
  width: 170px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
}
.community-detail .content_header .content_header_info .content_header_right .userBox {
  width: 277px;
  height: 90px;
  background: #FFFFFF;
  border-radius: 6px;
  margin-top: 30px;
}
.community-detail .content_header .content_header_info .content_header_right .userBox .top {
  width: 100%;
  height: 38px;
  position: relative;
}
.community-detail .content_header .content_header_info .content_header_right .userBox .top aside {
  float: left;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: -24px;
  overflow: hidden;
  text-align: center;
  line-height: 52px;
  margin-right: 7px;
  margin-left: 15px;
  box-shadow: 4px 7px 13px -7px #bdcad6;
  -webkit-box-shadow: 4px 7px 13px -7px #bdcad6;
}
.community-detail .content_header .content_header_info .content_header_right .userBox .top aside > div {
  background-color: #43688A;
  position: absolute;
  width: 52px;
  height: 52px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 52px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.community-detail .content_header .content_header_info .content_header_right .userBox .top aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.community-detail .content_header .content_header_info .content_header_right .userBox .top span {
  float: left;
  font-size: 18px;
  color: #333333;
  line-height: 20px;
  margin-top: 9px;
  margin-left: 79px;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul {
  width: 100%;
  height: 62px;
  background: linear-gradient(180deg, #F3FDFF 0%, #FFFFFF 100%);
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #E3F2F5;
  padding: 10px 0 0 20px;
  overflow: hidden;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li {
  float: left;
  display: inline-block;
  margin-right: 24px;
  min-width: 30px;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li label {
  display: block;
  font-size: 12px;
  color: #8590A6;
  line-height: 16px;
  margin-bottom: 2px;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li > span {
  font-size: 20px;
  color: #545E72;
  line-height: 20px;
  font-family: DIN Alternate-Bold, DIN Alternate;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li.w_l {
  width: 60px;
  text-align: left;
  margin-right: 27px;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li.w_l .item {
  padding-top: 12px;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li.w_l .item .exp {
  width: 60px;
  height: 6px;
  background: #E9F4FF;
  border: 1px #E9F4FF solid;
  border-radius: 6px;
  position: relative;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li.w_l .item .exp .exp_total {
  position: absolute;
  right: 0;
  bottom: 10px;
  font-size: 12px;
  color: #CECECE;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li.w_l .item .exp .exp_on {
  position: absolute;
  top: 0;
  left: 0;
  background: #FF5C00;
  border-radius: 6px;
  max-width: 100%;
  height: 4px;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li.w_l .item .exp .exp_on i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: url(../images/community_icon/exp.png);
  background-size: auto 100%;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li.w_l .item .exp .exp_on .num {
  width: 21px;
  height: 24px;
  line-height: 20px;
  position: absolute;
  right: -10px;
  bottom: 6px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background: url(../images/community_icon/expBg_icon.png) no-repeat center;
}
.community-detail .content_header .content_header_info .content_header_right .userBox ul li:last-child {
  margin-right: 0;
}
.community-detail .content_left {
  width: 870px;
  float: left;
  padding-bottom: 60px;
  padding-top: 22px;
}
.community-detail .content_left .content_navBox {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  margin-bottom: 16px;
}
.community-detail .content_left .content_navBox ul {
  overflow: hidden;
  margin-left: 30px;
}
.community-detail .content_left .content_navBox li {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  min-width: 42px;
  text-align: center;
  float: left;
  margin: 20px 33px 0 0;
  padding-bottom: 10px;
  cursor: pointer;
  position: relative;
}
.community-detail .content_left .content_navBox li.on {
  font-size: 22px;
  color: #006FFF;
  line-height: 30px;
  margin-top: 13px;
  padding-bottom: 10px;
}
.community-detail .content_left .content_navBox li.on::after {
  content: '';
  width: 38px;
  height: 3px;
  background: #006FFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -19px;
}
.community-detail .content_left .dynamic_content .content_notice {
  overflow: hidden;
  margin-bottom: 10px;
}
.community-detail .content_left .dynamic_content .content_notice ul {
  overflow: hidden;
  width: 870px;
  background: #FFFFFF;
  padding: 7px 30px 5px 28px;
}
.community-detail .content_left .dynamic_content .content_notice li {
  border-bottom: 1px #F0F2F7 solid;
  padding: 5px 0 5px;
  overflow: hidden;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: 400;
}
.community-detail .content_left .dynamic_content .content_notice li label {
  float: left;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  padding: 0 5px;
  margin-right: 12px;
  cursor: pointer;
}
.community-detail .content_left .dynamic_content .content_notice li label.bg_toTop {
  background-color: #ffab04;
  background: url(../images/community_icon/bg_toTop.png) no-repeat center;
}
.community-detail .content_left .dynamic_content .content_notice li label.bg_notice {
  background-color: #5db12d;
  background: url(../images/community_icon/bg_notice.png) no-repeat center;
}
.community-detail .content_left .dynamic_content .content_notice li:last-child {
  margin-bottom: 0;
  border: 0;
}
.community-detail .content_left .dynamic_content .content_notice li i {
  color: #BEC3CD;
  float: right;
  font-size: 12px;
  position: relative;
  right: -4px;
}
.community-detail .content_left .dynamic_content .dynamic_list {
  position: relative;
}
.community-detail .content_left .dynamic_content .dynamic_list .test {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: right;
  margin-bottom: 13px;
  position: absolute;
  top: -30px;
  right: 0;
}
.community-detail .content_left .dynamic_content .dynamic_list li {
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 30px 18px;
  margin-bottom: 10px;
  position: relative;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 14px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .usarBox {
  float: left;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .usarBox aside {
  float: left;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .usarBox aside > div {
  background-color: #43688A;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .usarBox aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .usarBox span {
  float: left;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  padding: 10px 0;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .usarBox .adopt_i {
  width: 68px;
  height: 26px;
  background: #EFFFF2;
  border-radius: 2px;
  border: 1px solid #19B955;
  font-size: 12px;
  color: #19B955;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  margin-top: 6px;
  margin-left: 11px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .btn {
  float: right;
  width: 77px;
  height: 30px;
  background: #F6FAFF;
  border-radius: 2px;
  border: 1px solid #D4E6FF;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #006FFF;
  cursor: pointer;
  margin-top: 5px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .btn[type="1"],
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .btn[type="2"] {
  background: #F1F3F6;
  border: 1px solid #F1F3F6;
  color: #999CAB;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .btn i {
  margin-right: 2px;
  font-size: 12px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .content_top .btn:hover {
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
  color: #002DFF;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt {
  position: absolute;
  top: 10px;
  right: 10px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btn {
  width: 14px;
  height: 14px;
  font-size: 14px;
  cursor: pointer;
  color: #BABABA;
  position: absolute;
  top: 0;
  right: 0;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox {
  display: none;
  width: 120px;
  padding: 10px 0;
  background: #FFFFFF;
  border-radius: 4px;
  margin-top: 17px;
  box-shadow: 0px 6px 20px -4px rgba(107, 107, 107, 0.35);
  -webkit-box-shadow: 0px 6px 20px -4px rgba(107, 107, 107, 0.35);
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn {
  padding-left: 15px;
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #666666;
  cursor: pointer;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn i {
  font-size: 14px;
  width: 14px;
  margin-right: 6px;
  position: relative;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-jinyan-icon {
  color: #D43434;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-a-pingbi-icon2 {
  color: #CC3233;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-zhiding-icon {
  color: #FFAA00;
  top: 1px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-sheweigonggao-icon {
  color: #5DB12D;
  top: 1px;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-shanchuicon {
  color: #CC3233;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn span {
  display: inline-block;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt .opt_btnBox .btnBox_btn:hover {
  background: rgba(230, 241, 255, 0.7);
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt:hover .opt_btn {
  color: #126FFB;
}
.community-detail .content_left .dynamic_content .dynamic_list li .blog_opt:hover .opt_btnBox {
  display: block;
}
.community-detail .content_left .dynamic_content .dynamic_list .bottom_loding {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin: 20px 0 0;
  text-align: center;
}
.community-detail .content_left .answers_content .answers_list {
  position: relative;
}
.community-detail .content_left .answers_content .answers_list .test {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: right;
  margin-bottom: 13px;
  position: absolute;
  top: -30px;
  right: 0;
}
.community-detail .content_left .answers_content .answers_list li {
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 30px 18px;
  margin-bottom: 10px;
  position: relative;
}
.community-detail .content_left .answers_content .answers_list li .content_top {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 14px;
}
.community-detail .content_left .answers_content .answers_list li .content_top .usarBox {
  float: left;
}
.community-detail .content_left .answers_content .answers_list li .content_top .usarBox aside {
  float: left;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}
.community-detail .content_left .answers_content .answers_list li .content_top .usarBox aside > div {
  background-color: #43688A;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.community-detail .content_left .answers_content .answers_list li .content_top .usarBox aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.community-detail .content_left .answers_content .answers_list li .content_top .usarBox span {
  float: left;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  padding: 10px 0;
}
.community-detail .content_left .answers_content .answers_list li .content_top .usarBox .adopt_i {
  width: 68px;
  height: 26px;
  background: #EFFFF2;
  border-radius: 2px;
  border: 1px solid #19B955;
  font-size: 12px;
  color: #19B955;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  margin-top: 6px;
  margin-left: 11px;
}
.community-detail .content_left .answers_content .answers_list li .content_top .btn {
  float: right;
  width: 77px;
  height: 30px;
  background: #F6FAFF;
  border-radius: 2px;
  border: 1px solid #D4E6FF;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #006FFF;
  cursor: pointer;
  margin-top: 5px;
}
.community-detail .content_left .answers_content .answers_list li .content_top .btn i {
  margin-right: 4px;
  font-size: 12px;
}
.community-detail .content_left .answers_content .answers_list li .content_top .btn[type="1"],
.community-detail .content_left .answers_content .answers_list li .content_top .btn[type="2"] {
  background: #F1F3F6;
  border: 1px solid #F1F3F6;
  color: #999CAB;
}
.community-detail .content_left .answers_content .answers_list li .content_top .btn:hover {
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
  color: #002DFF;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt {
  position: absolute;
  top: 10px;
  right: 10px;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btn {
  width: 14px;
  height: 14px;
  font-size: 14px;
  cursor: pointer;
  color: #BABABA;
  position: absolute;
  top: 0;
  right: 0;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox {
  display: none;
  width: 120px;
  padding: 10px 0;
  background: #FFFFFF;
  border-radius: 4px;
  margin-top: 17px;
  box-shadow: 0px 6px 20px -4px rgba(107, 107, 107, 0.35);
  -webkit-box-shadow: 0px 6px 20px -4px rgba(107, 107, 107, 0.35);
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn {
  padding-left: 15px;
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #666666;
  cursor: pointer;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn i {
  font-size: 14px;
  width: 14px;
  margin-right: 6px;
  position: relative;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-jinyan-icon {
  color: #D43434;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-a-pingbi-icon2 {
  color: #CC3233;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-zhiding-icon {
  color: #FFAA00;
  top: 1px;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn i.iconfont-sheweigonggao-icon {
  color: #5DB12D;
  top: 1px;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn span {
  display: inline-block;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt .opt_btnBox .btnBox_btn:hover {
  background: rgba(230, 241, 255, 0.7);
}
.community-detail .content_left .answers_content .answers_list li .blog_opt:hover .opt_btn {
  color: #126FFB;
}
.community-detail .content_left .answers_content .answers_list li .blog_opt:hover .opt_btnBox {
  display: block;
}
.community-detail .content_left .expert_content {
  padding-top: 27px;
  overflow: hidden;
}
.community-detail .content_left .expert_content li {
  float: left;
  width: 276px;
  height: 125px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 15px;
  margin: 0 20px 20px 0;
  box-shadow: 4px 2px 12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 4px 2px 12px rgba(227, 236, 248, 0.5);
}
.community-detail .content_left .expert_content li .content_top {
  overflow: hidden;
  position: relative;
}
.community-detail .content_left .expert_content li .content_top aside {
  float: left;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  line-height: 42px;
  margin-right: 10px;
  position: relative;
}
.community-detail .content_left .expert_content li .content_top aside > div {
  width: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-detail .content_left .expert_content li .content_top aside img {
  max-width: 100%;
  max-height: 100%;
}
.community-detail .content_left .expert_content li .content_top .usar_text {
  max-width: 120px;
  float: left;
  overflow: hidden;
}
.community-detail .content_left .expert_content li .content_top .usar_text h3 {
  max-width: 120px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin-bottom: 4px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-detail .content_left .expert_content li .content_top .usar_text span {
  max-width: 120px;
  font-size: 12px;
  font-weight: 300;
  color: #999999;
  line-height: 14px;
  float: left;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-detail .content_left .expert_content li .content_top .btn {
  float: right;
  height: 26px;
  background: #F6FAFF;
  border-radius: 2px;
  border: 1px solid #E1EEFF;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #006FFF;
  cursor: pointer;
  margin-top: 5px;
  padding: 0 8px;
}
.community-detail .content_left .expert_content li .content_top .btn i {
  font-size: 12px;
  margin-right: 2px;
}
.community-detail .content_left .expert_content li .content_top .btn[type="1"],
.community-detail .content_left .expert_content li .content_top .btn[type="2"] {
  background: #F1F3F6;
  border: 1px solid #F1F3F6;
  color: #999CAB;
}
.community-detail .content_left .expert_content li .content_top .btn:hover {
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
  color: #002DFF;
}
.community-detail .content_left .expert_content li .textBox {
  float: left;
}
.community-detail .content_left .expert_content li .textBox > p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.community-detail .content_left .expert_content li:nth-child(3n) {
  margin-right: 0;
}
.community-detail .index_right {
  float: right;
  width: 300px;
  margin-top: 40px;
}
.community-detail .index_right .right-btn-release {
  width: 300px;
  height: 158px;
  background: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
  -webkit-box-shadow: 4px -2px 12px rgba(227, 236, 248, 0.5);
}
.community-detail .index_right .right-btn-release li {
  float: left;
  overflow: hidden;
  width: 150px;
  height: 80px;
  padding-left: 10px;
  position: relative;
}
.community-detail .index_right .right-btn-release li h3 {
  font-size: 16px;
  font-weight: bold;
  color: #8590A6;
  line-height: 32px;
  margin: 11px 10px 3px 0;
  position: relative;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
}
.community-detail .index_right .right-btn-release li h3 i {
  width: 44px;
  height: 44px;
  float: right;
  position: absolute;
  right: -8px;
  top: -2px;
}
.community-detail .index_right .right-btn-release li p {
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}
.community-detail .index_right .right-btn-release li:nth-child(2n)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #F0F2F7;
}
.community-detail .index_right .right-btn-release li:nth-child(odd) {
  padding-left: 15px;
}
.community-detail .index_right .right-btn-release li:nth-child(3)::before,
.community-detail .index_right .right-btn-release li:nth-child(4)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #F0F2F7;
}
.community-detail .index_right .right-btn-release li:hover h3 {
  color: #006FFF;
}
.community-detail .index_right .right-btn-release li:hover p {
  color: #666666;
}
.community-detail .index_right .right-sw-wrapper {
  width: 300px;
  height: 150px;
  margin-bottom: 20px;
  overflow: hidden;
}
.community-detail .index_right .right-sw-wrapper .swiper-container {
  width: 300px;
  height: 150px;
}
.community-release {
  background: #F6FAFF;
  padding: 50px 0 60px;
}
.community-release > .content {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.community-release .content_left {
  width: 220px;
  height: 704px;
  padding: 60px 0 0 24px;
  float: left;
  background-color: #fff;
  box-shadow: 5px 0px 20px rgba(149, 176, 209, 0.07);
  -webkit-box-shadow: 5px 0px 20px rgba(149, 176, 209, 0.07);
  position: absolute;
  top: 0;
  left: 0;
}
.community-release .content_left li {
  margin-bottom: 30px;
  height: 28px;
  position: relative;
  overflow: hidden;
}
.community-release .content_left li i {
  float: left;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: block;
  margin-right: 12px;
}
.community-release .content_left li p {
  font-size: 16px;
  color: #333333;
  line-height: 28px;
  width: 140px;
  float: left;
}
.community-release .content_left li.on p {
  color: #006FFF;
}
.community-release .content_left li.on::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 28px;
  background: #006FFF;
}
.community-release .content_right {
  width: 980px;
  height: 100%;
  padding: 50px;
  float: left;
  margin-left: 220px;
}
.community-release .content_right .content_form .form_item {
  overflow: hidden;
  margin-bottom: 20px;
}
.community-release .content_right .content_form .form_item_question_textarea,
.community-release .content_right .content_form .form_item_essay_textarea,
.community-release .content_right .content_form .form_item_video_textarea {
  position: relative;
  font-size: 0;
}
.community-release .content_right .content_form .form_item_question_textarea textarea,
.community-release .content_right .content_form .form_item_essay_textarea textarea,
.community-release .content_right .content_form .form_item_video_textarea textarea {
  width: 878px;
  height: 420px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 20px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.community-release .content_right .content_form .form_item_question_textarea textarea.max_h,
.community-release .content_right .content_form .form_item_essay_textarea textarea.max_h,
.community-release .content_right .content_form .form_item_video_textarea textarea.max_h {
  height: 248px;
}
.community-release .content_right .content_form .form_item_question_textarea p,
.community-release .content_right .content_form .form_item_essay_textarea p,
.community-release .content_right .content_form .form_item_video_textarea p {
  position: absolute;
  bottom: 13px;
  right: 15px;
  font-size: 14px;
  color: #999999;
  line-height: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.community-release .content_right .content_form .video_form_box {
  width: 880px;
  height: 433px;
  padding: 30px;
  border: 1px dashed #DDDDDD;
  margin-bottom: 30px;
}
.community-release .content_right .content_form .video_form_box .video_box {
  width: 100%;
  height: 213px;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_play {
  display: none;
  margin: 5px auto;
  width: 226px;
  height: 130px;
  padding: 3px;
  position: relative;
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.02);
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_play .playBox {
  width: 220px;
  height: 124px;
  border-radius: 2px;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_play .playBox video {
  width: 220px;
  height: 124px;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_play .deleteBtn_video {
  width: 20px;
  height: 20px;
  background: #C72323;
  border-radius: 0px 2px 0px 8px;
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 0;
  text-align: center;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_play .deleteBtn_video i {
  color: #fff;
  margin: 0 auto;
  font-size: 12px;
  position: relative;
  left: 1px;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_co {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_co i {
  width: 76px;
  height: 66px;
  overflow: hidden;
  margin: 0 auto 14px;
  display: inline-block;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_co p {
  font-size: 14px;
  color: #BBBBBB;
  line-height: 20px;
  text-align: center;
  margin: 0 auto 30px;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_co .video_addBtn {
  text-align: center;
  width: 148px;
  height: 36px;
  background: #216FFF;
  border-radius: 4px 4px 4px 4px;
  margin: 0 auto;
  line-height: 36px;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
}
.community-release .content_right .content_form .video_form_box .video_box .video_box_upload {
  width: 100%;
  height: 213px;
}
.community-release .content_right .content_form .video_form_box .form_item_video_textarea {
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
}
.community-release .content_right .content_form .video_form_box .form_item_video_textarea textarea {
  width: 100%;
  background: #FAFBFF;
  height: 160px;
  border: 0;
  padding: 15px;
}
.community-release .content_right .content_form .form_item_title {
  position: relative;
  overflow: hidden;
}
.community-release .content_right .content_form .form_item_title input {
  width: 100%;
  height: 42px;
  padding: 0 10px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  line-height: 40px;
  font-size: 14px;
}
.community-release .content_right .content_form .form_item_title p {
  font-size: 14px;
  color: #BBBBBB;
  line-height: 42px;
  position: absolute;
  top: 0;
  right: 10px;
}
.community-release .content_right .content_form .form_item_title p span {
  color: #FF5C00;
}
.community-release .content_right .content_form .form_item_textarea {
  position: relative;
}
.community-release .content_right .content_form .form_item_textarea textarea {
  width: 878px;
  height: 420px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 20px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.community-release .content_right .content_form .form_item_textarea p {
  position: absolute;
  bottom: 13px;
  right: 15px;
  font-size: 14px;
  color: #999999;
  line-height: 16px;
}
.community-release .content_right .content_form .form_item_editor {
  border: 1px solid #DDDDDD;
  height: 494px;
}
.community-release .content_right .content_form .index-target_box {
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 24px;
}
.community-release .content_right .content_form .index-target_box .target_box_title {
  color: #333333;
  line-height: 30px;
  font-size: 24px;
  margin-bottom: 20px;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet {
  width: 347px;
  height: 114px;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .aside_img {
  width: 106px;
  height: 106px;
  border-radius: 4px;
  float: left;
  margin-right: 16px;
  overflow: hidden;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .textBox {
  float: left;
  width: 190px;
  display: inline-block;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .textBox .title {
  width: 100%;
  color: #333333;
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 8px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .textBox .text {
  width: 100%;
  margin-bottom: 6px;
  overflow: hidden;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .textBox .text p {
  margin-bottom: 4px;
  color: #666666;
  font-size: 12px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .textBox .btnBox {
  overflow: hidden;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .textBox .btnBox .btn {
  width: 90px;
  height: 26px;
  background: #F5F9FF;
  border-radius: 3px;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  color: #216FFF;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.community-release .content_right .content_form .index-target_box .target_prod_box .box_innet .textBox .btnBox .btn.chat {
  margin-right: 0;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet {
  width: 370px;
  height: 106px;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .box_img {
  width: 74px;
  height: 74px;
  display: inline-block;
  overflow: hidden;
  float: left;
  margin-right: 13px;
  position: relative;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .box_img > div {
  width: 74px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .box_img img {
  max-width: 100%;
  max-height: 100%;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .textBox {
  width: 248px;
  display: inline-block;
  overflow: hidden;
  float: left;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .textBox .top {
  overflow: hidden;
  margin-bottom: 10px;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .textBox .top .title {
  width: 180px;
  height: 26px;
  font-size: 16px;
  color: #333333;
  line-height: 26px;
  float: left;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .textBox .top .btn {
  width: 62px;
  height: 26px;
  background: #ECF5FF;
  border-radius: 15px;
  border: 1px solid #D7EAFF;
  display: inline-block;
  float: right;
  color: #216FFF;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
}
.community-release .content_right .content_form .index-target_box .target_brand_box .box_innet .textBox .text {
  height: 36px;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet {
  width: 262px;
  height: 253px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
  padding: 16px;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .box_img {
  width: 230px;
  height: 130px;
  margin-bottom: 11px;
  overflow: hidden;
  border-radius: 4px;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .textBox {
  overflow: hidden;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .textBox .title {
  width: 100%;
  height: 48px;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 12px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .textBox .bottom {
  overflow: hidden;
  width: 100%;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .textBox .bottom .bottom_l {
  float: left;
  width: 130px;
  display: inline-block;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .textBox .bottom .bottom_l aside {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  display: inline-block;
  float: left;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .textBox .bottom .bottom_l span {
  color: #666666;
  line-height: 24px;
  font-size: 14px;
  float: left;
  display: inline-block;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90px;
}
.community-release .content_right .content_form .index-target_box .target_video_box .box_innet .textBox .bottom .bottom_r {
  color: #999999;
  line-height: 24px;
  font-size: 12px;
  float: right;
  display: inline-block;
}
.community-release .content_right .content_form .index-target_box .target_article_box {
  display: block;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet {
  width: 396px;
  height: 116px;
  background: #FFFFFF;
  border: 1px solid #E0E4EC;
  padding: 16px;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .box_img {
  width: 112px;
  height: 84px;
  margin-bottom: 12px;
  float: left;
  overflow: hidden;
  border-radius: 4px;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .box_img > div {
  width: 112px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .box_img img {
  max-width: 100%;
  max-height: 100%;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox {
  overflow: hidden;
  width: 240px;
  float: left;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox.all {
  width: 100%;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox .title {
  width: 100%;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 12px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox .bottom {
  overflow: hidden;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox .bottom .bottom_l {
  float: left;
  width: 140px;
  display: inline-block;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox .bottom .bottom_l aside {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  display: inline-block;
  float: left;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox .bottom .bottom_l span {
  color: #666666;
  line-height: 24px;
  font-size: 14px;
  float: left;
  display: inline-block;
  width: 100px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-release .content_right .content_form .index-target_box .target_article_box .box_innet .textBox .bottom .bottom_r {
  color: #999999;
  line-height: 24px;
  font-size: 12px;
  float: right;
  display: inline-block;
}
.community-release .content_right .relationBox {
  min-height: 40px;
  margin-bottom: 30px;
  display: inline-block;
  float: left;
}
.community-release .content_right .relationBox .item {
  float: left;
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  background: #F6F8FB;
  border-radius: 4px;
  margin-right: 10px;
  font-size: 14px;
  color: #3C5B88;
  padding: 0 16px;
}
.community-release .content_right .relationBox .item .item_btn {
  cursor: pointer;
  display: inline-block;
  float: left;
}
.community-release .content_right .relationBox .item .item_btn > i {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  float: left;
  margin-top: 11px;
  display: inline-block;
}
.community-release .content_right .relationBox .item .item_btn > i.iconfont-yunzhuanjia-icon {
  line-height: 18px;
  color: #006fff;
}
.community-release .content_right .relationBox .item .item_btn > p {
  float: left;
  display: inline-block;
}
.community-release .content_right .relationBox .item .item_btn > p > span {
  font-size: 14px;
  color: #006FFF;
  display: inline-block;
  position: relative;
  top: 1px;
  max-width: 95px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 14px;
}
.community-release .content_right .relationBox .item .item_btn.btn_reward p > span {
  max-width: none;
  margin-left: 5px;
  color: #8590A6;
  font-family: Arial, Helvetica, sans-serif;
}
.community-release .content_right .relationBox .item .item_btn.btn_reward p > span.on {
  color: #FAB001;
}
.community-release .content_right .relationBox .item .item_btn.btn_reward i {
  margin-left: 5px;
  margin-right: 0;
}
.community-release .content_right .relationBox .item .item_btn.btn_image > p > span,
.community-release .content_right .relationBox .item .item_btn.btn_forum > p > span,
.community-release .content_right .relationBox .item .item_btn.btn_talk > p > span {
  padding: 0 15px;
}
.community-release .content_right .relationBox .item .item_btn.btn_image > p > span::before,
.community-release .content_right .relationBox .item .item_btn.btn_forum > p > span::before,
.community-release .content_right .relationBox .item .item_btn.btn_talk > p > span::before {
  content: '【';
  color: #006FFF;
  position: absolute;
  left: 0;
}
.community-release .content_right .relationBox .item .item_btn.btn_image > p > span::after,
.community-release .content_right .relationBox .item .item_btn.btn_forum > p > span::after,
.community-release .content_right .relationBox .item .item_btn.btn_talk > p > span::after {
  content: '】';
  color: #006FFF;
  position: absolute;
  right: 0;
}
.community-release .content_right .relationBox .item .item_btn.btn_talk > p > span {
  padding: 0 12px;
}
.community-release .content_right .relationBox .item .item_btn.btn_talk > p > span::before {
  content: '#';
  left: 2px;
}
.community-release .content_right .relationBox .item .item_btn.btn_talk > p > span::after {
  content: '#';
  right: 2px;
}
.community-release .content_right .relationBox .item .item_btn[data_disabled="disabled"] {
  cursor: no-drop;
}
.community-release .content_right .relationBox .item > .deleteBtn {
  float: left;
  color: #A8B4CC;
  margin-left: 16px;
  font-size: 12px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.community-release .content_right .relationBox .item > .deleteBtn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: -7px;
  width: 1px;
  height: 14px;
  background-color: #B8BFCE;
}
.community-release .content_right .relationBox .item > .deleteBtn.iconfont-guanbi {
  color: #999;
  font-size: 14px;
  margin-left: 6px;
}
.community-release .content_right .relationBox .item > .deleteBtn.iconfont-guanbi::after {
  width: 0;
}
.community-release .content_right .bottom {
  overflow: hidden;
  display: inline-block;
  float: right;
}
.community-release .content_right .bottom > div {
  display: inline-block;
  float: right;
}
.community-release .content_right .bottom > div .btn {
  float: left;
  margin-left: 30px;
  cursor: pointer;
  line-height: 40px;
  font-size: 14px;
}
.community-release .content_right .bottom > div .btn.btn_draft {
  color: #8590A6;
}
.community-release .content_right .bottom > div .btn.btn_submit {
  width: 200px;
  height: 40px;
  background: #006FFF;
  border-radius: 4px;
  text-align: center;
  color: #FFFFFF;
}
.community-release .content_right .bottom > div .btn.btn_submit:hover {
  background: #0038ff;
}
.community-release .content_right .item_dialog {
  overflow: hidden;
  position: absolute;
  bottom: 40px;
  left: 0;
  background: #FFFFFF;
  border-radius: 8px;
  z-index: 10;
  box-shadow: 0 6px 12px rgba(227, 236, 248, 0.8);
  -webkit-box-shadow: 0 6px 12px rgba(227, 236, 248, 0.8);
  padding-bottom: 30px;
}
.community-release .content_right .item_dialog .item_dialog_header {
  overflow: hidden;
  border-bottom: 1px solid #E9E9E9;
  position: relative;
}
.community-release .content_right .item_dialog .item_dialog_header h3 {
  margin: 20px 13px 12px 20px;
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  display: inline-block;
  float: left;
}
.community-release .content_right .item_dialog .item_dialog_header p {
  margin: 20px 0 12px 0;
  font-size: 12px;
  color: #999999;
  line-height: 30px;
  display: inline-block;
  float: left;
}
.community-release .content_right .item_dialog .item_dialog_header .close {
  width: 21px;
  height: 21px;
  color: #D8DBDD;
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  line-height: 21px;
  text-align: center;
}
.community-release .content_right .image_dialog {
  width: 370px;
  height: 457px;
}
.community-release .content_right .image_dialog .item_dialog_content {
  overflow: hidden;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox {
  padding: 30px 0 0 20px;
  min-height: 318px;
  overflow: hidden;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox > .box {
  position: relative;
  float: left;
  margin-right: 14px;
  margin-bottom: 16px;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox > .box:nth-child(3n) {
  margin-right: 0;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox > .box aside {
  width: 100px;
  height: 80px;
  border: 1px solid #F0F1F3;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  line-height: 80px;
  position: relative;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox > .box aside > div {
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  font-size: 0;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox > .box aside > div img {
  max-width: 100%;
  max-height: 100%;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox > .box i {
  width: 20px;
  height: 20px;
  background: #D43434;
  position: absolute;
  top: -4px;
  right: -2px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}
.community-release .content_right .image_dialog .item_dialog_content .imageBox .addBtn {
  float: left;
  width: 100px;
  height: 80px;
  background-color: #F6F7F9;
  border-radius: 4px;
  border: 1px solid #F0F1F3;
  cursor: pointer;
}
.community-release .content_right .image_dialog .tiem_closeBtn {
  width: 328px;
  height: 32px;
  color: #333333;
  font-weight: 300;
  background: #ECF4FF;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  margin: 14px auto 0;
  cursor: pointer;
}
.community-release .content_right .community_dialog {
  width: 507px;
}
.community-release .content_right .community_dialog .item_dialog_header .navBox {
  float: left;
  margin-left: 49px;
}
.community-release .content_right .community_dialog .item_dialog_header .navBox .navBtn {
  float: left;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  margin: 27px 40px 0 0;
  padding-bottom: 11px;
  position: relative;
  cursor: pointer;
}
.community-release .content_right .community_dialog .item_dialog_header .navBox .navBtn.on {
  font-size: 18px;
  color: #006FFF;
}
.community-release .content_right .community_dialog .item_dialog_header .navBox .navBtn.on::after {
  content: "";
  width: 32px;
  height: 4px;
  background: #006FFF;
  margin-left: -16px;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.community-release .content_right .community_dialog .item_dialog_header .navBox .navBtn:last-child {
  margin-right: 0;
}
.community-release .content_right .community_dialog .item_dialog_content {
  overflow: hidden;
  padding: 28px 20px;
}
.community-release .content_right .community_dialog .item_dialog_content ul {
  height: 222px;
  overflow-x: hidden;
}
.community-release .content_right .community_dialog .item_dialog_content ul::-webkit-scrollbar {
  width: 10px;
  background-color: #F3FAFF;
  border-radius: 10px;
  overflow: hidden;
}
.community-release .content_right .community_dialog .item_dialog_content ul::-webkit-scrollbar-thumb {
  background-color: #B5C3D1;
  border-radius: 4px;
  border: 2px #F3FAFF solid;
}
.community-release .content_right .community_dialog .item_dialog_content ul::-webkit-scrollbar-button:decrement {
  width: 8px;
  height: 12px;
  border-top: 5px solid #F3FAFF;
  border-bottom: 2px solid #F3FAFF;
  border-radius: 5px 5px 0 0 ;
  background: url(../images/community_icon/anger_top_icon.png) no-repeat center;
}
.community-release .content_right .community_dialog .item_dialog_content ul::-webkit-scrollbar-button:increment {
  width: 8px;
  height: 12px;
  border-top: 2px solid #F3FAFF;
  border-bottom: 5px solid #F3FAFF;
  border-radius: 0 0 5px 5px;
  background: url(../images/community_icon/anger_bo_icon.png) no-repeat center;
}
.community-release .content_right .community_dialog .item_dialog_content ul li {
  height: 36px;
  background: #F6F8FB;
  border-radius: 36px;
  padding: 0 20px;
  margin: 0 15px 10px 0;
  float: left;
  font-size: 12px;
  color: #666666;
  line-height: 36px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.community-release .content_right .community_dialog .item_dialog_content ul li i {
  display: none;
}
.community-release .content_right .community_dialog .item_dialog_content ul li.on {
  background: #50719B;
  color: #fff;
}
.community-release .content_right .community_dialog .item_dialog_content ul li.on i {
  display: block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  background: #FFFFFF;
  color: #006FFF;
  border-radius: 5px 0px 3px 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
}
.community-release .content_right .talk_dialog {
  width: 400px;
}
.community-release .content_right .talk_dialog .item_dialog_header {
  border: 0;
}
.community-release .content_right .talk_dialog .item_dialog_content {
  overflow: hidden;
  padding: 8px 10px 0 20px;
}
.community-release .content_right .talk_dialog .item_dialog_content .form_item {
  padding-right: 10px;
  position: relative;
}
.community-release .content_right .talk_dialog .item_dialog_content .form_item input {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 0 30px 0 10px;
  font-size: 14px;
  line-height: 40px;
}
.community-release .content_right .talk_dialog .item_dialog_content .form_item i {
  width: 18px;
  height: 18px;
  color: #959595;
  font-size: 16px;
  position: absolute;
  top: 12px;
  right: 20px;
  text-align: center;
  line-height: 18px;
  font-weight: bold;
}
.community-release .content_right .talk_dialog .item_dialog_content ul {
  height: 300px;
  overflow-x: hidden;
  padding-right: 10px;
}
.community-release .content_right .talk_dialog .item_dialog_content ul::-webkit-scrollbar {
  width: 10px;
  background-color: #F3FAFF;
  border-radius: 10px;
  overflow: hidden;
}
.community-release .content_right .talk_dialog .item_dialog_content ul::-webkit-scrollbar-thumb {
  background-color: #B5C3D1;
  border-radius: 4px;
  border: 2px #F3FAFF solid;
}
.community-release .content_right .talk_dialog .item_dialog_content ul::-webkit-scrollbar-button:decrement {
  width: 8px;
  height: 12px;
  border-top: 5px solid #F3FAFF;
  border-bottom: 2px solid #F3FAFF;
  border-radius: 5px 5px 0 0 ;
  background: url(../images/community_icon/anger_top_icon.png) no-repeat center;
}
.community-release .content_right .talk_dialog .item_dialog_content ul::-webkit-scrollbar-button:increment {
  width: 8px;
  height: 12px;
  border-top: 2px solid #F3FAFF;
  border-bottom: 5px solid #F3FAFF;
  border-radius: 0 0 5px 5px;
  background: url(../images/community_icon/anger_bo_icon.png) no-repeat center;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li {
  width: 100%;
  min-height: 26px;
  overflow: hidden;
  background: #F6F8FB;
  padding: 0 15px;
  margin-bottom: 1px;
  cursor: pointer;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li .title {
  overflow: hidden;
  margin: 15px 0;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li .title h3 {
  font-size: 16px;
  color: #3C5B88;
  line-height: 20px;
  display: inline-block;
  float: left;
  font-weight: 400;
  max-width: 250px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding-left: 12px;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li .title h3 em {
  font-style: normal;
  color: #E34E4E;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li .title h3::after {
  content: "#";
  position: absolute;
  left: 0;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li .title p {
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  display: inline-block;
  float: right;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li > p {
  font-size: 12px;
  color: #666666;
  line-height: 16px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li.on {
  background: #697FAA;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li.on .title h3 {
  color: #fff;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li.on .title h3 em {
  color: #00E5FF;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li.on .title p {
  color: #fff;
}
.community-release .content_right .talk_dialog .item_dialog_content ul li.on > p {
  color: #fff;
}
.community-release .content_right .reward_dialog {
  width: 390px;
  min-height: 200px;
  padding-bottom: 20px;
  border: 1px #F3F3F3 solid;
  left: -250px;
}
.community-release .content_right .reward_dialog .item_dialog_top {
  width: 100%;
  height: 28px;
  background: #FFF8EF;
  line-height: 28px;
  font-size: 14px;
  color: #BF8026;
  text-align: center;
}
.community-release .content_right .reward_dialog .item_dialog_content {
  overflow: hidden;
  padding: 23px 8px 0 20px;
}
.community-release .content_right .reward_dialog .item_dialog_content .form_item {
  padding-right: 10px;
}
.community-release .content_right .reward_dialog .item_dialog_content .form_item input {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 0 30px 0 10px;
  font-size: 14px;
  line-height: 40px;
}
.community-release .content_right .reward_dialog .item_dialog_content ul {
  overflow-x: hidden;
  margin-bottom: 20px;
}
.community-release .content_right .reward_dialog .item_dialog_content ul li {
  width: 80px;
  height: 36px;
  background: #F2F4F5;
  border-radius: 36px;
  text-align: center;
  line-height: 36px;
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
  float: left;
}
.community-release .content_right .reward_dialog .item_dialog_content ul li.on {
  background: #50719B;
  color: #FFFFFF;
}
.community-release .content_right .reward_dialog .item_dialog_content ul li i {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.community-release .content_right .reward_dialog .item_dialog_content ul li.btn_no {
  cursor: no-drop;
}
.community-release .content_right .reward_dialog .item_dialog_content .dialog_bottom {
  overflow: hidden;
  text-align: center;
}
.community-release .content_right .reward_dialog .item_dialog_content .dialog_bottom .btn {
  height: 32px;
  background: #ECF4FF;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  color: #666666;
  line-height: 32px;
  cursor: pointer;
}
.community-release .content_right .reward_dialog .item_dialog_content .dialog_bottom .btn.btn_close {
  width: 80px;
  margin-right: 10px;
}
.community-release .content_right .reward_dialog .item_dialog_content .dialog_bottom .btn.btn_rewardSubmit {
  width: 120px;
  color: #FFFFFF;
  background: #0D76FC;
}
.community-release .wangEditor-container img {
  width: auto;
  height: auto;
}
.community-htag {
  background: #F6FAFF;
}
.community-htag .bredcrumb {
  margin-bottom: 30px;
}
.community-htag .content_left {
  width: 870px;
  float: left;
  padding-bottom: 60px;
}
.community-htag .content_left .content_header {
  width: 100%;
  margin-bottom: 24px;
  min-height: 180px;
  background: url(../images/community_icon/htag_top_bg.png) no-repeat center;
  background-size: 100% 100%;
  border-radius: 8px;
}
.community-htag .content_left .content_header .content_header_info {
  width: 100%;
  padding: 25px 28px 25px 30px;
}
.community-htag .content_left .content_header .content_header_info .content_header_container {
  width: 100%;
  margin: 0 auto;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left {
  float: left;
  width: 100%;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left .title {
  font-size: 28px;
  color: #FFFFFF;
  line-height: 38px;
  margin-bottom: 7px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding: 0 20px;
  display: inline-block;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left .title::after {
  content: "#";
  position: absolute;
  left: 0;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left .title::before {
  content: "#";
  position: absolute;
  right: 0;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left p {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 8px;
  opacity: 0.8;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left ul {
  overflow: hidden;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left ul li {
  display: inline-block;
  float: left;
  padding-right: 30px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  position: relative;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left ul li label {
  opacity: 0.5;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left ul li::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 4px;
  width: 1px;
  height: 12px;
  background-color: #A5DDE6;
}
.community-htag .content_left .content_header .content_header_info .content_header_container .content_header_left ul li:last-child::after {
  width: 0;
}
.community-htag .content_left .content_navBox {
  height: 60px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.community-htag .content_left .content_navBox ul {
  overflow: hidden;
  margin-left: 30px;
  display: inline-block;
  float: left;
}
.community-htag .content_left .content_navBox ul li {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  min-width: 42px;
  text-align: center;
  float: left;
  margin: 20px 33px 0 0;
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.community-htag .content_left .content_navBox ul li.on {
  font-size: 22px;
  color: #006FFF;
  line-height: 30px;
  margin-top: 13px;
  padding-bottom: 16px;
}
.community-htag .content_left .content_navBox ul li.on::after {
  content: '';
  width: 38px;
  height: 3px;
  background: #006FFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -19px;
}
.community-htag .content_left .content_navBox .test {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: right;
  margin-top: 20px;
  display: inline-block;
  float: right;
}
.community-htag .content_left .dynamic_content .dynamic_list {
  overflow: hidden;
}
.community-htag .content_left .dynamic_content .dynamic_list li {
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 30px 18px;
  margin-bottom: 10px;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 14px;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .usarBox {
  float: left;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .usarBox aside {
  float: left;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .usarBox aside > div {
  background-color: #43688A;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  display: block;
  font-size: 0;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .usarBox aside > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .usarBox span {
  float: left;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  padding: 10px 0;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .usarBox .adopt_i {
  width: 68px;
  height: 26px;
  background: #EFFFF2;
  border-radius: 2px;
  border: 1px solid #19B955;
  font-size: 12px;
  color: #19B955;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  margin-top: 6px;
  margin-left: 11px;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .btn {
  float: right;
  width: 77px;
  height: 30px;
  background: #F6FAFF;
  border-radius: 2px;
  border: 1px solid #D4E6FF;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #006FFF;
  cursor: pointer;
  margin-top: 5px;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .btn[type="1"],
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .btn[type="2"] {
  background: #F1F3F6;
  border: 1px solid #F1F3F6;
  color: #999CAB;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .btn i {
  margin-right: 4px;
  font-size: 12px;
}
.community-htag .content_left .dynamic_content .dynamic_list li .content_top .btn:hover {
  background: #F6FAFF;
  border: 1px solid #BAD7FF;
  color: #002DFF;
}
.community-htag .content_left .dynamic_content .dynamic_list .bottom_loding {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin: 20px 0 0;
  text-align: center;
}
.community-htag .index_right {
  float: right;
  width: 300px;
}
.community-htag .index_right .right-sw-wrapper {
  width: 300px;
  height: 150px;
  margin-bottom: 20px;
  overflow: hidden;
}
.community-htag .index_right .right-sw-wrapper .swiper-container {
  width: 300px;
  height: 150px;
}
.community-audit {
  background: #F6FAFF;
}
.community-audit .container_title {
  font-size: 28px;
  color: #333333;
  line-height: 38px;
  text-align: center;
  margin: 120px auto 75px;
}
.community-audit ul {
  overflow: hidden;
  margin-bottom: 50px;
}
.community-audit ul li {
  width: 386px;
  height: 238px;
  background: #FFFFFF;
  border-radius: 8px;
  margin: 0 20px 20px 0;
  position: relative;
  float: left;
  overflow: hidden;
}
.community-audit ul li:last-child {
  margin-right: 0;
}
.community-audit ul li .textBox {
  padding: 36px 105px 0 28px;
  margin-bottom: 45px;
}
.community-audit ul li .textBox .title {
  height: 30px;
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 15px;
}
.community-audit ul li .textBox p {
  height: 40px;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.community-audit ul li .btn {
  width: 227px;
  height: 42px;
  background: #FFFFFF;
  border-radius: 4px;
  margin: 0 auto;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
}
.community-audit ul li.personal_box .btn {
  border: 1px solid #0C5DFF;
  color: #0C5DFF;
}
.community-audit ul li.expert_box .btn {
  border: 1px solid #15BC83;
  color: #15BC83;
}
.community-audit ul li.company_box .btn {
  border: 1px solid #FF943D;
  color: #FF943D;
}
.postbird-box-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.35);
  display: none;
}
.postbird-box-container .postbird-box-content {
  width: 400px;
  min-height: 147px;
  background: #FFFFFF;
  border-radius: 10px;
  max-width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.postbird-box-container .postbird-box-content .postbirdclose {
  background-position: -63px -323px;
  width: 30px;
  height: 30px;
  background-image: url(../images/icon1.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.postbird-box-container .postbird-box-content p {
  padding: 0 30px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3F5D79;
  line-height: 28px;
  margin: 27px auto 35px;
  text-align: center;
}
.postbird-box-container .postbird-box-content .btnBox {
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px;
}
.postbird-box-container .postbird-box-content .btnBox .btn {
  width: 95px;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: #3385FF;
  background: #E5F2FF;
  border: 1px solid #3385FF;
  border-radius: 3px;
  margin: 0 10px;
}
.postbird-box-container .postbird-box-content .btnBox .on {
  width: 115px;
  background: #0364FF;
  border: 1px solid #0364FF;
  color: #FFFFFF;
}
.postbird-box-container.active {
  display: block;
}
.postbird_dialog_add {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.hide {
  display: none !important;
}
.dialog_code_co .box {
  padding: 0 30px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 50px;
}
.dialog_code_co .box label {
  float: left;
  line-height: 40px;
  margin-right: 10px;
}
.dialog_code_co .box input {
  border: 0;
  border-bottom: 1px #999 solid;
  line-height: 40px;
  float: left;
  width: 120px;
  margin-right: 10px;
  font-size: 16px;
}
.dialog_code_co .box .code-pic {
  display: inline-block;
  float: left;
  width: 120px;
  height: 40px;
}
.co_video_box {
  width: 100%;
  height: 213px;
}
.co_video_box .video_box_co {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.co_video_box .video_box_co .video_box_co_icon > i {
  width: 76px;
  height: 66px;
  overflow: hidden;
  margin: 0 auto 14px;
  display: inline-block;
}
.co_video_box .video_box_co .video_box_co_icon p {
  font-size: 14px;
  color: #BBBBBB;
  line-height: 20px;
  text-align: center;
  margin: 0 auto 30px;
}
.co_video_box .video_box_co .video_upload_loding {
  background: url(../images/loading1.gif) no-repeat center;
  background-size: 100%;
  width: 50px;
  height: 50px;
  padding: 10px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  margin: 20px auto;
  color: #666;
}
.co_video_box .video_box_co .video_upload_loding i {
  font-style: normal;
  display: inline-block;
}
.co_video_box .video_box_co .video_addBtn {
  text-align: center;
  width: 148px;
  height: 36px;
  background: #216FFF;
  border-radius: 4px 4px 4px 4px;
  margin: 0 auto;
  line-height: 36px;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
}