.info_box {
  width: 100%;
  background: #f4f4f4;
  padding-top: 30px;
}

.infor_tab {
  height: 44px;
  background-color: #ffffff;
  border-radius: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.infor_tab p {
  width: 200px;
  height: 44px;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
  color: #4a4a54;
}

.infor_tab p:hover {
  cursor: pointer;
  background-color: #2266ff;
  border-radius: 22px;
  color: #ffffff;
}

.infor_tab .action {
  width: 200px;
  background-color: #2266ff;
  border-radius: 22px;
  text-align: center;
  color: #ffffff;
}

.info_main {
  width: 100%;
  padding-top: 26px;
  box-sizing: border-box;
  display: flex;
}
.info_main .info_mainL .personal_load_more {
  margin: 0 auto 60px;
}

.p-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.w-\[160px\] {
  width: 160px;
}

.mb-\[23px\] {
  margin-bottom: 23px;
}

.ml-\[33px\] {
  margin-left: 33px;
}

.cur-tab li:nth-child(6n + 1) a {
  margin-left: 0;
}

.cur-tab li:nth-child(n + 5) a {
  margin-bottom: 0;
}
/* 默认隐藏 */
/*.industry,*/
/*.info_brand,*/
/*.original,*/
/*.exhibition,*/
/*.race {*/
/*	display: none;*/
/*}*/
/*.industry .info_mainL_title,*/
/*.info_brand .info_mainL_title,*/
/*.original .info_mainL_title,*/
/*.exhibition.info_mainL_title,*/
/*.race .info_mainL_title {*/
/*	margin-top: 2px;*/
/*}*/
.hotnews {
  display: block;
}

.info_mainL {
  width: 810px;
  margin-right: 18px;
}

.info_mainL .personal_noData {
  text-align: center;
  margin-top: 32px;
}
.info_mainL .personal_noData img {
  width: 320px;
  height: 285px;
}

.info_main .swiper1 {
  width: 810px;
  height: 390px;
  border-radius: 6px;
  position: relative;
  margin-bottom: 26px;
}

.info_main .swiper1 p {
  height: 22px;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #ffffff;
  position: absolute;
  bottom: 18px;
  left: 18px;
  width: 690px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info_main .swiper1 a::after {
  content: "";
  display: block;
  width: 810px;
  height: 40px;
  background-image: linear-gradient(transparent, #000);
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper1 .swiper-slide {
  width: 810px;
  height: 390px;
}

.swiper1 .swiper-slide img {
  width: 810px;
  height: 390px;
}

.swiper-article img {
  width: 810px;
  height: 390px;
  margin-bottom: 26px;
}
.swiper1 .swiper-pagination {
  width: 100%;
  height: 10px;
}

.swiper1 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #4d4d4d;
  margin-right: 5px;
  opacity: 1;
}

.swiper1 .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  width: 10px;
  height: 10px;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 26px !important;
  left: 350px !important;
}

.swiper1 .swiper-slide div {
  width: 94px;
  height: 72px;
  background-color: #ffffff;
  border-radius: 10px;
  position: absolute;
  top: 14px;
  left: 13px;
  text-align: center;
}

.swiper1 .swiper-slide div span:first-child {
  display: inline-block;
  width: 94px;
  height: 36px;
  line-height: 36px;
  background-color: #2266ff;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 16px;
}

.swiper1 .swiper-slide div span:last-child {
  display: inline-block;
  width: 94px;
  height: 36px;
  line-height: 36px;
  border-radius: 0 0 10px 10px;
  color: #333333;
  font-size: 16px;
}

.info_mainL_title {
  width: 100%;
  margin-bottom: 16px;
}

.info_mainR_con1 {
  height: 24px;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  color: #063082;
  margin-bottom: 8px;
}

.info_mainR_con2 {
  width: 100%;
  height: 2px;
  background-color: #063082;
  position: relative;
}

.info_mainR_con2 span {
  display: inline-block;
  width: 50px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2266ff;
}

.info_mainR_con2 i {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 2px;
  top: 0;
  left: 48px;
  background: url(/assets/img/frontend/info/line.webp) no-repeat;
}

.info_mainL_con {
  display: block;
  width: 810px;
  height: 180px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 17px 24px 16px 17px;
  box-sizing: border-box;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.info_mainL_con a {
  display: flex;
  width: 810px;
  height: 180px;
}

.info_mainL_con a:hover h3 {
  color: #2266ff;
}

.info_mainL_con .info_mainL_img {
  display: inline-block;
  width: 243px;
  height: 143px;
  margin-right: 15px;
  overflow: hidden;
}

.info_mainL_con img {
  width: 243px;
  height: 143px;
  transition: all 1s;
}

.info_mainL_con img:hover {
  transform: scale(1.1);
}

.info_mainL_con div {
  display: inline-block;
  width: 506px;
}

.info_mainL_con h3 {
  width: 502px;
  font-size: 18px;
  line-height: 19px;
  color: #0e1326;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info_mainL_con .info_list_text {
  width: 506px;
  height: 55px;
  font-size: 16px;
  line-height: 26px;
  color: #888999;
  margin-top: 8px;
  margin-bottom: 44px;
  text-indent: 2em;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.info_list_time {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #888999;
}

.info_mainL_con .info_list_art {
  width: 270px;
  height: 24px;
  display: flex;
  justify-content: flex-end;
  color: #888999;
  position: absolute;
  bottom: 15px;
  right: 0px;
}

.info_list_art p {
  display: block;
  float: left;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #888999;
}
.info_list_art i {
  display: inline-block;
  float: left;
}

.info_list_art span {
  display: inline-block;
  float: left;
  line-height: 24px;
  margin-left: 5px;
}

.info_list_art .action {
  color: #2266ff;
}
.info_list_good:hover i {
  background: url(/assets/img/frontend/info/btn_dianzan_pre.webp) no-repeat;
}
.info_list_art .info_list_good.action i {
  background: url(/assets/img/frontend/info/btn_dianzan_pre.webp) no-repeat;
}
.info_good {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/info/btn_dianzan_n.webp) no-repeat;
  position: relative;
  top: -3px;
}
.info_mainL_con .info_comments {
  width: 68px;
  height: 24px;
}
.info_comments {
  margin-left: 23px;
  float: left;
  display: flex;
  align-items: center;
}
.info_comments span {
  font-size: 14px;
  color: #888999;
}
.info_comments:hover span {
  color: #2266ff;
}
.info_comments:hover .info_news {
  background: url(/assets/img/frontend/info/btn_comment_h.webp) no-repeat;
}

.info_news {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/info/btn_comment.webp) no-repeat;
}
.info_report {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/info/btn_report.webp) no-repeat;
  margin-left: 23px;
  cursor: pointer;
}

.info_mainR {
  width: 371px;
}

.info_mainR_top {
  width: 371px;
  height: 111px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 26px 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.info_mainR_tops {
  width: 371px;
  height: 111px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 26px 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.info_mainR_tops a {
  cursor: pointer;
}
.info_mainR_top .info_mainR_head {
  width: 57px;
  height: 57px;
  float: left;
}

.info_mainR_top img,
.info_mainR_tops img {
  width: 57px;
  height: 57px;
  float: left;
  border-radius: 50%;
}

.info_mainR_top div {
  width: 168px;
  display: inline-block;
  float: left;
  height: 111px;
  margin-left: 8px;
}

.info_mainR_tops div {
  margin-top: 6px;
  display: inline-block;
  float: left;
  height: 111px;
  margin-left: 8px;
}

.info_mainR_top .info_mainR_name {
  display: block;
  height: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #0e1326;
  margin-bottom: 10px;
  margin-top: 4px;
}
.info_mainR_top .info_mainR_name:hover {
  color: #2266ff;
  cursor: pointer;
}
.info_mainR_tops .info_mainR_text {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #0e1326;
  margin-bottom: 10px;
}
.info_mainR_tops .login {
  color: #2266ff;
}
.info_mainR_tops .login:hover {
  color: #004fff;
  cursor: pointer;
}
.info_mainR_top .release {
  display: inline-block;
  width: 95px;
  height: 33px;
  background-color: #2266ff;
  border-radius: 8px;
  font-size: 16px;
  line-height: 33px;
  color: #f4f4f4;
  text-align: center;
  margin-top: 10px;
}

.info_mainR_top .release:hover {
  background-color: #004fff;
}

.info_mainR_top span {
  display: inline-block;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #888999;
  float: left;
}

.info_mainR_top span i {
  display: inline-block;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #0e1326;
}

.info_mainR_top span:last-child {
  float: right;
  margin-right: 46px;
}

.info_mainR_con {
  width: 371px;
  height: 691px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 19px 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.info_mainR_con .personal_noData {
  text-align: center;
}
.info_mainR_con1 {
  height: 24px;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  color: #063082;
  margin-bottom: 8px;
}

.info_mainR_con2 {
  width: 100%;
  height: 2px;
  background-color: #063082;
  position: relative;
}

.info_mainR_con2 span {
  display: inline-block;
  width: 50px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2266ff;
}

.info_mainR_con2 i {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 2px;
  top: 0;
  left: 48px;
  background: url(/assets/img/frontend/info/line.webp) no-repeat;
}

.info_right_con {
  display: block;
  width: 100%;
  height: 127px;
  position: relative;
  display: flex;
  padding: 20px 0 25px 0;
  box-sizing: border-box;
}

.info_right_con img {
  display: block;
  width: 80px;
  height: 74px;

  background-color: #f2e9e9;
  border-radius: 6px;
  float: left;
  margin-right: 16px;
}

.info_right_con .info_text {
  width: 234px;
  text-align: left;
  float: left;
}

.info_right_con p {
  width: 234px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0e1326;
  margin-bottom: 12px;
}

.info_right_con span {
  width: 234px;
  height: 44px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  color: #4a4a54;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.info_hr {
  width: 314px;
  height: 1px;
  background-color: #e4e5ea;
  margin: 0 auto;
}

.info_text_mask {
  width: 331px;
  height: 127px;
  background-color: #3f3f3f;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 26px 50px;
  box-sizing: border-box;
  display: none;
}

.info_right_con:hover {
  cursor: pointer;
}

.info_text_mask p {
  color: #fff;
}

.info_text_mask span {
  color: #888999;
}

.info_more,
.info_search_more {
  width: 182px;
  height: 45px;
  background-color: #ffffff;
  border-radius: 2px;
  font-size: 20px;
  line-height: 45px;
  color: #666666;
  text-align: center;
  margin: 30px auto 60px;
}

.info_more i,
.info_search_more i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/frontend/info/btn_more_n.webp) no-repeat;
  margin-left: 5px;
}

.info_more:hover,
.info_search_more:hover {
  cursor: pointer;
  color: #2266ff;
}

.info_more:hover i,
.info_search_more:hover i {
  background: url(/assets/img/frontend/info/btn_more_pre.webp) no-repeat;
}

.info_more:active i,
.info_search_more:active i {
  background: url(/assets/img/frontend/info/btn_more_s.webp) no-repeat;
}

/* 资讯详情 */
.info_detail_main {
  display: flex;
}

.info_mainL_nav {
  width: 810px;
  height: 52px;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 52px;
  color: #676767;
  margin-bottom: 20px;
  padding: 0 32px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.info_detail_con {
  width: 810px;
  background-color: #ffffff;
  border-radius: 6px;
  box-sizing: border-box;
  margin-bottom: 32px;
  padding: 22px 0 50px 0;
}

.info_detail_con h3 {
  /* height: 24px; */
  font-size: 24px;
  line-height: 30px;
  color: #0e1326;
  font-weight: normal;
  margin-bottom: 16px;
  text-align: center;
  padding: 0 10px;
}

.info_detail_con h1 {
  /* height: 24px; */
  font-size: 24px;
  line-height: 30px;
  color: #0e1326;
  font-weight: normal;
  margin-bottom: 16px;
  text-align: center;
  padding: 0 10px;
}

.detail_content {
  width: 740px;
  margin: 0 auto;
  text-align: left;
}

.info_detail_article {
  height: 44px;
  line-height: 44px;
  background-color: #f4f4f4;
  border-radius: 6px;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 30px;
}

.info_detail_article .info_list_time {
  display: inline-block;
  font-size: 14px;
  color: #4a4a54;
}

.info_detail_article .info_list_news {
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 20px;
  top: 0;
  display: flex;
  align-items: center;
}
.info_list_news .info_list_good {
  float: left;
  display: flex;
  align-items: center;
  margin-right: 23px;
}
.info_detail_article .info_list_news span {
  display: inline-block;
  margin-left: 6px;
  color: #888999;
}

.info_detail_article .info_list_news .action i {
  background: url(/assets/img/frontend/info/btn_dianzan_pre.webp) no-repeat;
}

.editor_class {
  box-sizing: border-box;
  padding: 0px 35px 30px;
}

.editor_class p {
  /* text-indent: 2rem; */
  font-size: 16px;
  line-height: 27px;
  color: #333333;
  /* margin: 30px 0; */
}

.editor_class span,
.editor_class h3 {
  /* display: block; */
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #0e1326;
  /* margin: 30px 0; */
}

.editor_class img {
  display: block;
  /* max-width: 85% !important; */
  width: 100% !important;
  height: auto !important;
  margin: 20px auto;
}

.detail_reply {
}

.detail_reply .reply_title {
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  color: #333333;
}

.reply_text {
  display: flex;
  margin-top: 24px;
  margin-bottom: 46px;
}

.reply_text img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}

.reply_text div {
  display: flex;
  width: 680px;
  height: 70px;
  background-color: #ffffff;
  border-radius: 6px;
  border: solid 2px #e5e5e5;
  box-sizing: border-box;
}

.reply_text div textarea {
  width: 586px;
  border: none;
  outline: none;
  padding: 12px 16px;
  box-sizing: border-box;
}

.reply_text div textarea::-webkit-input-placeholder {
  color: #cccccc;
}

.reply_text div textarea::-moz-placeholder {
  color: #cccccc;
}

.reply_text div textarea::-ms-input-placeholder {
  color: #cccccc;
}

.reply_text div button {
  display: inline-block;
  width: 90px;
  height: 66px;
  font-family: "MicrosoftYaHeiLight";
  background-color: #2266ff;
  border-radius: 6px;
  font-size: 22px;
  line-height: 66px;
  text-align: center;
  color: #ffffff;
}

.reply_con {
}

.reply_con .reply_con_title {
  font-size: 20px;
  color: #333333;
  height: 32px;
  border-bottom: 1px solid #f0f0f0;
}
.reply_datas {
  /* display: none; */
}
.reply_con .reply_con_list {
  width: 100%;
  display: flex;
  padding-top: 28px;
}

.reply_con .reply_con_list .reply_con_lists {
  width: 685px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  box-sizing: border-box;
}

.reply_con .reply_con_list img {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  margin-right: 8px;
}
.reply_no_data img {
  display: block;
  margin: 60px auto 10px;
}
.reply_no_data span {
  display: block;
  width: 100%;
  text-align: center;
  height: 16px;
  font-size: 16px;
  white-space: nowrap;
  line-height: 16px;
  color: #888999;
  margin-bottom: 130px;
}
.reply_personal {
  display: block;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #888999;
  margin-top: 6px;
  margin-bottom: 18px;
}

.reply_personal span {
  color: #333333;
}

.reply_personal:hover i {
  color: #2266ff;
  cursor: pointer;
}

.reply_list_text {
  width: 100%;
  /* height: 16px; */
  font-size: 16px;
  /* line-height: 16px; */
  color: #0e1326;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.reply_list_details {
  width: 100%;
  height: 24px;
  line-height: 24px;
  margin-top: 18px;
  margin-bottom: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reply_list_details p i {
  font-size: 16px;
  line-height: 16px;
  color: #888999;
}

.reply_list_details p span {
  font-size: 16px;
  line-height: 16px;
  color: #4a4a54;
}

.reply_btn {
  display: inline-block;
  margin-left: 24px;
}

.reply_btn:hover {
  color: #2266ff;
  cursor: pointer;
}

.reply_button:hover {
  background-color: #004fff;
  cursor: pointer;
}

.replay_good i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/assets/img/frontend/info/btn_dianzan_n.webp) no-repeat;
  margin-right: 6px;
  position: relative;
  top: 2px;
}

.replay_good:hover i {
  background: url(/assets/img/frontend/info/btn_dianzan_s.webp) no-repeat;
}
.replay_good.action i {
  background: url(/assets/img/frontend/info/btn_dianzan_pre.webp) no-repeat;
}

.replay_good:hover {
  color: #2266ff;
}

.replay_report:hover {
  cursor: pointer;
  color: #2266ff;
}

.reply_list_details .replay_report i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/info/btn_report.webp) no-repeat bottom;
  background-size: 85% 85%;
  position: relative;
  top: 3px;
  margin-left: 30px;
  margin-right: 6px;
}

.reply_content {
  display: none;
  margin-bottom: 20px;
}

.reply_content input {
  width: 598px;
  height: 46px;
  line-height: 46px;
  background-color: #ffffff;
  border-radius: 6px;
  border: solid 1px #e5e5e5;
  margin-right: 3px;
  box-sizing: border-box;
  padding: 15px;
  position: relative;
  top: -2px;
}

.reply_content button {
  width: 77px;
  height: 46px;
  background-color: #2266ff;
  border-radius: 6px;
  font-size: 18px;
  line-height: 46px;
  color: #ffffff;
}

.reply_more {
  width: 684px;
  height: 38px;
  background-color: #f5f6f7;
  border-radius: 2px;
  /* position: absolute;
    bottom: -38px;
    left: 0; */
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  color: #4a4a54;
}

.reply_more:hover {
  cursor: pointer;
  background-color: #e1e1e2;
}

.reply_lists {
  display: none;
}

.reply_con_lists .reply_contents {
  margin-left: -56px;
}

.reply_con_lists .reply_mores {
  margin-left: -56px;
}

/* 发布资讯 */
.release_nav {
  width: 100%;
  height: 52px;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 52px;
  color: #676767;
  margin-bottom: 20px;
  padding: 0 32px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.release {
}
/* 搜索无结果 */

.info_search_nodata {
  width: 810px;
  height: 620px;
  background-color: #ffffff;
  border-radius: 6px;
  padding-top: 173px;
  box-sizing: border-box;
  margin-bottom: 60px;
}
.info_search_nodata img {
  display: block;
  margin: 0 auto 7px;
}
.info_search_nodata p {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1px;
  color: #999999;
}
.info_search_data {
  display: none;
}
.info_search_more {
  display: none;
  margin-top: -30px;
}
.code {
  display: none;
}
.coustom_class {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 44px;
  background-color: white;
  width: 150px;
}
.coustom_class span {
  display: block;
  line-height: 44px;
  text-align: center;
}
.coustom_class span:hover {
  background-color: #e6e6e6;
}

.pages_class {
  /* border: 1px solid red; */
  padding: 20px 0 50px 0;
  clear: both;
}

._page_container ._pages {
  margin: 0;
}

.operation_btn {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 34px;
}
.operation_btn a {
  line-height: 50px;
  display: flex;
  align-items: center;
}
.operation_btn a span {
  max-width: 200px;
  line-height: 50px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.shareBox {
  display: flex;
  align-items: center;
  font-size: 24px;
  padding-left: 50px;
  padding-bottom: 30px;
}
.shareBox span img {
  display: flex;
  align-items: center;
  font-size: 24px;
  padding-left: 10px;
}

#shareWechat {
  position: relative;
}
.share_qrcode {
  display: none;
  padding: 0 20px;
  position: absolute;
  top: -280px;
  left: 30px;
  width: 235px;
  height: 320px;
  border: 1px solid rgb(197, 192, 192);
  background-color: #fff;
}

.share_qrcode_content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.share_qrcode_title {
  margin: 0 auto;
  width: 210px;
  height: 40px;
  font-size: 14px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.share_qrcode_title img {
  width: 12px;
  height: 12px;
}

.share_qrcode_tips {
  padding: 10px 0;
  font-size: 14px;
}

/* 侧边栏标题下方的分割线 start */
.sidebar_divider {
  width: 100%;
  height: 2px;
  display: flex;
  align-items: center;
  position: relative;
}

.sidebar_divider > span:nth-of-type(1) {
  width: 50px;
  background-color: #2266ff;
  height: 100%;
}

.sidebar_divider > span:nth-of-type(2) {
  width: 2px;
  background-color: white;
  height: 100%;
  transform: skewX(45deg);
  position: absolute;
  left: 50px;
  top: 0;
  bottom: 0;
}

.sidebar_divider > span:nth-of-type(3) {
  flex: 1;
  background: #063082;
  height: 100%;
}
/* 侧边栏标题下方的分割线 end */

/* 关键词标签 start */
.sidebar_keywords_list,
.sidebar_keywords_list * {
  box-sizing: border-box;
}
.sidebar_keywords_list {
  margin-top: 12px;
  margin-bottom: 20px;
  width: 371px;
  background-color: white;
  border-radius: 6px;
  padding: 16px 20px 23px;
}

.sidebar_keywords_list_title {
  color: #063082;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 9px;
}

.sidebar_keywords_list_content {
  padding-top: 30px;
  padding-bottom: 23px;
  border-bottom: 1px solid #e4e5ea;
}

.sidebar_keywords_list_content > li {
  display: flex;
  justify-content: space-between;
}

.sidebar_keywords_list_content > li > a {
  font-size: 16px;
  color: #4a4a54;
  line-height: 34px;
  width: 150px;
}

.sidebar_keywords_list_content > li > a:hover {
  color: #2266ff;
}

.sidebar_keywords_list_content > li > a > p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

/* 关键词标签 end */

/* 随机推荐 start */
.sidebar_random,
.sidebar_random * {
  box-sizing: border-box;
}

.sidebar_random {
  width: 371px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 6px;
  padding: 0 20px 20px;
}

.sidebar_random_title {
  color: #063082;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 9px;
  padding-top: 17px;
}

.sidebar_random_list {
  padding-bottom: 23px;
}

.sidebar_random_list > li > a {
  height: 124px;
  border-bottom: 1px solid #e4e5ea;
  display: flex;
  align-items: center;
  padding: 20px 0;
  position: relative;
}

.sidebar_random_list > li > a:last-child {
  border: none;
}

.sidebar_random_list > li > a > img {
  margin-right: 15px;
  height: 84px;
  width: 112px;
  border-radius: 6px;
}

.sidebar_random_list > li > a > h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 18px;
  color: #4a4a54;
  width: 190px;
  font-weight: bold;
}

.sidebar_random_list_popover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #3f3f3f;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.sidebar_random_list > li:hover .sidebar_random_list_popover {
  display: flex !important;
}

.sidebar_random_list_popover > h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 18px;
  color: white;
  width: 190px;
  font-weight: bold;
}
/* 随机推荐 end */

/* ========= 文章模块样式 start ========= */
.article-item * {
  box-sizing: border-box;
  font-size: 16px;
  margin: 0;
}

.article-item img {
  display: block;
}

.article-item a {
  text-decoration: none;
}

.article-item a:hover,
.article-item a:active,
.article-item a:visited {
  color: inherit;
}

.article-item {
  list-style: none;
}

.article-item__inner {
  width: 810px;
  height: 180px;
  margin-bottom: 20px;
  background: white;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 17px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 16px;
}

.article-item__imgWrap {
  overflow: hidden;
  width: 243px;
  height: 143px;
  margin-right: 17px;
  border-radius: 0px !important;
  flex: none;
}

.article-item__imgWrap > img {
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;
}

.article-item__imgWrap:hover > img {
  transform: scale(1.1);
}

.article-item__content {
  position: relative;
  height: 100%;
  width: 504px;
}

.article-item__content > h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  color: #0e1326;
  font-weight: bold;
  margin-bottom: 8px;
}

.article-item__content:hover > h4 {
  color: #2266ff;
}

.article-item__content > p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 6px;
  color: #4a4a54;
}

.article-item__tags {
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* position: absolute; */
  /* left: 0; */
  /* bottom: 38px; */
}

.article-item__tags > span {
  flex: none;
  margin-right: 16px;
  color: #326ae8;
}

.article-item__tags > span:last-child {
  margin-right: 0;
}

.article-item__bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.article-item__bottom > span {
  color: #888999;
  font-size: 14px;
}

.article-item__icons {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  color: #888999;
}

.article-item__icons > div {
  margin-right: 18px;
  display: flex;
  align-items: center;
}

.article-item__icons > div > span {
  font-size: 14px;
  color: #888999;
}

.article-item__icons > div > a > span {
  font-size: 14px;
  color: #888999;
}

.article-item__icons > div:nth-of-type(1) > img {
  height: 13px;
  width: 21px;
  margin-right: 8px;
}

.article-item__icons > div:nth-of-type(1) > img:nth-of-type(2) {
  display: none;
}

.article-item__icons > div:nth-of-type(1):hover > img:nth-of-type(1) {
  display: none;
}

.article-item__icons > div:nth-of-type(1):hover > img:nth-of-type(2) {
  display: block;
}

.article-item__icons > div:nth-of-type(2) > img {
  height: 20px;
  width: 19px;
  margin-right: 5px;
  position: relative;
  bottom: 2px;
}

.article-item__icons > div:nth-of-type(2) > img:nth-of-type(2) {
  display: none;
}

.article-item__icons
  > div:nth-of-type(2)[data-active="true"]
  > img:nth-of-type(1),
.article-item__icons > div:nth-of-type(2):hover > img:nth-of-type(1) {
  display: none;
}

.article-item__icons
  > div:nth-of-type(2)[data-active="true"]
  > img:nth-of-type(2),
.article-item__icons > div:nth-of-type(2):hover > img:nth-of-type(2) {
  display: block;
}

.article-item__icons > div:nth-of-type(3) > img {
  height: 18px;
  width: 20px;
  margin-right: 5px;
}

.article-item__icons > div:nth-of-type(3) > img:nth-of-type(2) {
  display: none;
}

.article-item__icons > div:nth-of-type(3):hover > img:nth-of-type(1) {
  display: none;
}

.article-item__icons > div:nth-of-type(3):hover > img:nth-of-type(2) {
  display: block;
}
/* ========= 文章模块样式 end ========= */

/* ========= 侧边栏文章模块 start ========= */
.aside-item-with-desc * {
  box-sizing: border-box;
  font-size: 16px;
  margin: 0;
}

.aside-item-with-desc img {
  display: block;
}

.aside-item-with-desc a {
  text-decoration: none;
}

.aside-item-with-desc a:hover,
.aside-item-with-desc a:active,
.aside-item-with-desc a:visited {
  color: inherit;
}

.aside-item-with-desc {
  list-style: none;
  cursor: pointer;
}

.aside-item-with-desc > a {
  display: flex;
  align-items: center;
  height: 126px;
  border-bottom: 1px solid #e4e5ea;
  position: relative;
}

.aside-item-with-desc > a > img {
  margin-right: 19px;
  height: 74px;
  width: 80px;
  border-radius: 4px;
}

.aside-item-with-desc__content > h4,
.aside-item-with-desc__overlay > h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.aside-item-with-desc__content > h4 {
  color: #0e1326;
  width: 219px;
}

.aside-item-with-desc__overlay > h4 {
  color: white;
  width: 280px;
}

.aside-item-with-desc__content > p,
.aside-item-with-desc__overlay > p {
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.aside-item-with-desc__content > p {
  color: #4a4a54;
  width: 219px;
}

.aside-item-with-desc__overlay > p:nth-child(1) {
  width: 280px;
  height: 22px;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  color: #fff;
  margin-bottom: 12px;
}

.aside-item-with-desc__overlay > p:nth-child(2) {
  color: #888999;
  width: 280px;
}

.aside-item-with-desc__overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #3f3f3f;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.aside-item-with-desc:hover .aside-item-with-desc__overlay {
  display: flex;
}
/* ========= 文章模块样式 end ========= */