/* 协会介绍 */

.pagination>li.active>span {

  background-color: #ba221f;

  background-color: var(--primary-color,#ba221f);

}



.pagination {

  display: block;

}



.itta .mi-container {

  margin-top: 40px;
  display: flex;
}



.itta-left {

  width: 218px;

  margin-right: 76px;

}



.itta-left p.list-group-item {

  height: 70px;

  line-height: 50px;

  font-size: 24px;

  color: #ffffff;

  background: linear-gradient(90deg, #ba221f 0%, #ff6e6b 100%);

  background: var(--primary-background-image,linear-gradient(90deg, #ba221f 0%, #ff6e6b 100%));

}



.itta-left a.list-group-item.active {

  background: #ffffff;

  border: 1px solid #ddd;

  color: #ba221f;

}



.list-container {

  background-color: #FFF;

  border: 1px solid #EEE;

  border-top: none;

  text-align: left;

}



.category-list {

  width: 100%;

}



.category-list.list-hide {

  display: none;

}



.category-list>.category-item.title>span {

  font-size: 16px;

  font-weight: bold;

  color: #333;

}



.category-item {

  width: 100%;

  border-top: 1px solid #EEE;

}



.category-item>span {

  display: block;

  padding: 10px 10px 10px 20px;

  font-size: 14px;

  color: #666;

  cursor: pointer;

}



.category-item>span.active {

  /* color: #ba221f; */

  color: var(--primary-color);

}

.category-item>span:hover {

  background-color: #EBEBEB;

}



.category-item .category-list .category-item>span {

  padding-left: 40px;

}



.category-item .category-list .category-item .category-list .category-item>span {

  padding-left: 60px;

}



.category-item.has-child-down>span::after {

  content: '';

  width: 0px;

  height: 0px;

  display: inline-block;

  float: right;

  margin-top: 10px;

  border: 4px solid transparent;

  border-top-color: #333;

}



.category-item.has-child-right>span::after {

  content: '';

  width: 0px;

  height: 0px;

  display: inline-block;

  float: right;

  margin-top: 8px;

  border: 4px solid transparent;

  border-left-color: #333;

}



.search-form {

  width: 906px;

  padding: 16px 20px;

  background-color: #ffffff;

  margin-bottom: 20px;

}



.search-form .search-input {

  display: flex;

  align-items: center;

  margin-bottom: 15px;

}



.search-form .search-input .input-label {

  width: 5em;

  margin-right: 5px;

  font-size: 14px;

  color: #333;

  font-weight: bold;

  text-align: right;

}



.search-form .search-input .search-input-group {

  height: 30px;

  display: flex;

}



.search-form .search-input .search-input-group .keyword-input {

  width: 420px;

  height: 100%;

  padding-left: 15px;

  font-size: 14px;

  border: 1px solid #EEE;

  border-right: none;

  box-sizing: border-box;

  outline: none;

}



.search-form .search-input .search-input-group .search-btn {

  width: 80px;

  height: 100%;

  /* background-color: #ba221f; */

  background-color: var(--primary-color);

  font-size: 14px;

  text-align: center;

  line-height: 30px;

  color: #FFF;

  cursor: pointer;

}



.search-form .search-input .search-input-group .search-btn>span:first-child {

  font-size: 12px;

  margin-right: 2px;

}



.search-form .search-input .choose-list {

  display: flex;

}



.search-form .search-input .choose-list>span {

  display: block;

  height: 30px;

  padding: 0px 16px;

  margin-right: 15px;

  border-radius: 3px;

  font-size: 14px;

  line-height: 30px;

  color: #333;

  cursor: pointer;

}



.search-form .search-input .choose-list>span.active {

  color: #FFF;

  /* background-color: #ba221f; */

  background-color: var(--primary-color);

}



.itta-right {

  width: 906px;

  padding: 30px 40px;

  min-height: 400px;

  background-color: #ffffff;

  margin-bottom: 40px;

}



.itta-right .itta-title {

  padding-left: 24px;

  padding-bottom: 27px;

  border-bottom: 2px solid #DDDDDD;

  position: relative;

  /* color: #ba221f; */

  color: var(--primary-color);

}



.itta-right .itta-title:before {

  content: "";

  display: block;

  width: 10px;

  height: 28px;

  /* background-color: #ba221f; */

  background-color: var(--primary-color);

  position: absolute;

  left: 0px;

  top: 0;

}



.itta-right .itta-title:after {

  content: "";

  display: block;

  width: 94px;

  height: 2px;

  /* background-color: #ba221f; */

  background-color: var(--primary-color);

  position: absolute;

  left: 0px;

  bottom: -2px;

}



.itta-right .itta-content {

  padding-top: 32px;

  padding-left: 15px;

  line-height: 1.6;

}



.itta-right .itta-content .itta-con-title {

  color: #111111;

  font-weight: bold;

  margin-bottom: 6px;

}



.itta-right .itta-content>p:not(.itta-con-title) {

  text-indent: 2em;

  margin-bottom: 10px;

  font-size: 14px;

}



#files .itta-content {

  line-height: 2.4;

}



.data-item-container {

  display: flex;

  border-bottom: 1px solid #EEE;

  padding: 10px 0px;

}



.data-item {

  flex: 1;

  display: flex;

  align-items: baseline;

}



.data-item::before {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: #AAA;

  margin: 0px 10px;

}



.data-item .data-text {

  flex: 1;

  font-size: 16px;

  color: #666;

  line-height: 24px;

}



.data-date {

  font-size: 14px;

  color: #888;

}



.data-item:hover span {

  color: #ba221f;

  color: var(--primary-color,#ba221f);

}



.data-item:hover::before {

  background-color: #ba221f;

  background-color: var(--primary-color,#ba221f);

}



.data-item-container>.download-btn {

  display: block;

  width: max-content;

  height: max-content;

  padding: 10px;

}



.data-item-container>.download-btn>img {

  display: block;

  width: 24px;

  height: 24px;

}



.pagination {

  width: max-content;

  margin: 20px auto;

  padding: 1px;

}