@import "mixins/mixins";
@import "common/var";

/*————————————————————图文分类列表展示组件1开始——————————————————————*/
.twinfo_show_list_pc_1 {
  width: 100%;
  margin-top: 30px;
}
.twinfo_show_list_pc_1 .showlist-sidemenu {
  width: 100%;
}
.twinfo_show_list_pc_1 .showlist-sidemenu ul {
  width: 100%;
}
.twinfo_show_list_pc_1 .showlist-sidemenu ul li {
  width: 100%;
  height: 46px;
  margin-bottom: 10px;
}
.twinfo_show_list_pc_1 .showlist-sidemenu ul li a {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 46px;
  background-color: #f5f5f5;
  color: #667484;
  font-size: 16px;
}
.twinfo_show_list_pc_1 .showlist-sidemenu ul li a:hover {
  background-color: rgba(28, 66, 126, 0.2);
}
.twinfo_show_list_pc_1 .showlist-sidemenu .active a {
  background-color: $--color-primary;
  color: #fff;
}
.twinfo_show_list_pc_1 .showlist-sidemenu .active a:hover {
  background-color: $--color-primary;
}
.twinfo_show_list_pc_1 .showlist-main {
  width: 100%;
}
.twinfo_show_list_pc_1 .showlist-title {
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #ececf1;
  margin-bottom: 10px;
}
.twinfo_show_list_pc_1 .showlist-title .sp1 {
  display: inline-block;
  height: 46px;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  padding: 0 20px;
  color: $--color-primary;
  border-bottom: 2px solid $--color-primary;
  position: relative;
  z-index: 9;
}
.twinfo_show_list_pc_1 .showlist-body {
  width: 100%;
  margin-bottom: 20px;
}
.twinfo_show_list_pc_1 .showlist-body ul {
  width: 100%;
}
.twinfo_show_list_pc_1 .showlist-body ul li {
  width: 100%;
  margin-top: 24px;
}
.twinfo_show_list_pc_1 .showlist-body ul li a {
  font-size: 16px;
  background: url('#{$--url-path}/jslndx-listicon.png') left center no-repeat;
  display: inline-block;
  padding-left: 15px;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.5s;
}
.twinfo_show_list_pc_1 .showlist-body ul li a:hover {
  color: $--color-primary;
  -webkit-transform: translateX(-6px);
  transform: translateX(-6px);
  transition: transform 0.5s;
}
.twinfo_show_list_pc_1 .showlist-body ul li span {
  float: right;
  color: #999;
}
.twinfo_show_list_pc_1 .showlist-body .statistics {
  display: block;
  width: 100%;
  height: 46px;
  background-color: #f9f9f9;
  color: #999;
  line-height: 46px;
  padding-left: 10px;
  font-size: 16px;
}
.twinfo_show_list_pc_1 .showlist-body .statistics i {
  font-style: normal;
  color: $--color-primary;
  font-size: 18px;
  margin: 0 4px;
}
.twinfo_show_list_pc_1 .search-result-page {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.twinfo_show_list_pc_1 .search-result-page ul li {
  display: inline-block;
  margin: 0 3px;
}
.twinfo_show_list_pc_1 .search-result-page .circle {
  display: block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  color: #a0a0a0;
}
.twinfo_show_list_pc_1 .search-result-page .circle:hover {
  color: $--color-primary;
  border: 1px solid $--color-primary;
}
.twinfo_show_list_pc_1 .search-result-page .active .circle {
  background-color: $--color-primary;
  border: 1px solid $--color-primary;
  color: #fff;
}
.twinfo_show_list_pc_1 .search-result-page .goto-input {
  width: 50px;
  height: 34px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  margin: 0 3px;
}
.twinfo_show_list_pc_1 .search-result-page .goto-btn {
  width: 44px;
  height: 34px;
  line-height: 34px;
  background-color: $--color-primary;
  color: #fff;
  border-radius: 5px;
  margin-top: 2px;
}
.twinfo_show_list_pc_1 .search-result-page .goto-btn:hover {
  background-color: #305692;
}
/*————————————————————图文分类列表展示组件1结束——————————————————————*/