/* 公共样式 */
.fwb {
  font-weight: bold;
}

.ftz-16 {
  font-size: 16px;
}

.ml10 {
  margin-left: 10px;
}

.w35 {
  width: 35px;
}

.ftz-24 {
  font-size: 24px;
}

.mt20 {
  margin-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.com-color {
  color: #579720;
}

.com-title {
  height: 40px;
  border-bottom: 1px #dcdcdf solid;
}

.com-title .text {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #dcdcdf;
  border-bottom: none;
  background-color: #fff;
  color: #000;
}

.com-title .text .gang {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.com-title .text .gang::before {
  content: '';
  border-left: 4px solid #60991b;
  margin-right: 5px;
}

.bd-bt-e1 {
  border-bottom: 1px solid #e1e1e1;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 50px;
  /* border-bottom: 1px solid #e1e1e1; */
}

.tabs .tab {
  width: 250px;
  height: 50px;
  border-radius: 5px;
  background-color: #8fc320;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 25px 0 25px;
}

.tabs .tab a {
  color: #fff;
  text-decoration: none;
}

.tabs .tab:hover {
  background-color: #5cb618;
  cursor: pointer;
}

.menu .menu-title {
  height: 40px;
  line-height: 40px;
  border: 1px #bcc9d7 solid;
  text-align: center;
  background-color: #f2f3f6;
}

.menu .menu-content {
  padding: 10px 0;
  border: 1px #bcc9d7 solid;
  border-top: none;
  text-align: center;
}

.menu .menu-content li {
  height: 35px;
  line-height: 35px;
}

.menu .menu-content li a {
  color: #222;
}

/* member css */
.content-info {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}

.content-info .left {
  width: 280px;

}

.content-info .right {
  width: 910px;
}

.content-info .right .title {
  height: 40px;
  line-height: 40px;
  background-color: #f3f3f3;
  padding-left: 10px;
  border: 1px #bcc9d7 solid;
}

.content-info .right .right-content {
  padding: 20px;
  border: 1px #bcc9d7 solid;
  border-top: none;
}

.content-info .right .right-content .content-title {
  color: #638c0b;
  text-align: center;
}

.content-info .right .right-content .content-form .form-horizontal .form-group .df-h34 {
  display: flex;
  height: 34px;
  line-height: 34px;
}

.content-info .right .right-content .content-form .result span {
  color: #ff6c00;
  font-weight: bold;
  font-size: 18px;
}

.content-info .right .right-content .content-form .result .table-result {}

.content-info .right .right-content .content-form .result .table-result .table-head {
  display: flex;
}

.content-info .right .right-content .content-form .result .table-result .table-head .item {
  width: 20%;
  padding: 8px 0;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
}

.content-info .right .right-content .content-form .result .table-result .table-content {
  max-height: 300px;
  overflow-y: auto;
}

/*定义滚动条轨道 内阴影+圆角*/
.content-info .right .right-content .content-form .result .table-result .table-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: lightgray;
}

/*定义滑块 内阴影+圆角*/
.content-info .right .right-content .content-form .result .table-result .table-content::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #bbe4fa;
}

/*定义最上方和最下方的按钮*/
.content-info .right .right-content .content-form .result .table-result .table-content::-webkit-scrollbar-button {
  background-color: #eee;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.content-info .right .right-content .content-form .result .table-result .table-content::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
}

.content-info .right .right-content .content-form .result .table-result .table-content .list-item {
  display: flex;
}

.content-info .right .right-content .content-form .result .table-result .table-content .bgc_eee {
  background-color: #eee;
}

.content-info .right .right-content .content-form .result .table-result .table-content .list-item .item {
  width: 20%;
  padding: 8px 0;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}