/*  农业展望主体部分 */
.periodical_bread {
  margin: 23px 0 20px 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
}

.periodical_bread .layui-breadcrumb a{
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
}

.layui-breadcrumb a {
  color: #333333 !important;
}
 /* 鼠标经过面包屑的时候字体颜色变化 */
 .layui-breadcrumb a:hover{
  color: #1E8C65 !important;
}
.periodical_bread .layui-breadcrumb a:last-child {
  color: #1E8C65 !important;
}

/*  数据中心 */
.periodical_main {
  display: flex;
  justify-content: space-between;
}
.periodical_name {
  width: 240px;
}

.periodical_name dd {
  margin-bottom: 1px;
}

.periodical_name dt {
  padding-left: 41px;
  border-bottom: 1px solid #fff;
  height: 71px;
  line-height: 70px;
  background-color: #1e8c65;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}

.periodical_name dl {
  position: relative;
}

.periodical_name dt::after {
  content: '';
  position: absolute;
  top: 20px;
  right: 0;
  width: 43px;
  height: 50px;
  background: url('/upload/pc_image/wheat.png') no-repeat;
  background-size: 100% 100%;
}

.periodical_name dd > a {
  display: inline-block;
  width: 240px;
  padding-left: 41px;
  border-bottom: 1px solid #EEEEEE;
  /* height: 54px; */
  line-height: 54px;
  background-color: #f8f8f8;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}

.periodical_name dd a> span {
  float: right;
  color: #cccccc;
  margin-right: 20px;
}

.periodical_name  .active a{
  color: #FFFFFF;
  background-color: #1e8c65;
  font-weight: 600;
}

.periodical_name .active a > span {
  color: #fff;
}

/*  右侧主体部分 */
.periodical_list {
  width: 930px;
}

.periodical_list_title {
  margin-bottom: 7px;
  border-left: 5px solid #1e8c65;
  height: 26px;
  line-height: 26px;
}

.periodical_list_title span{
  margin-left: 19px;
  height: 20px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1E8C65;
}

.periodical_line {
  border-top: 1px solid #EEEEEE;
  width: 930px;
}

.periodical_box ul{
  display: flex;
  flex-wrap: wrap;
}

.periodical_box li {
  margin-top: 20px;
  width: 450px;
  height: 90px;
  line-height: 54px;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  padding-top: 18px;
}
.periodical_box li a{
  display: block;
  width: 100%;
  height: 100%;
}
.periodical_box li:hover{
  /* Firefox4.0-  */
-moz-box-shadow:0 0 9px 0 #f1eded; 
/* Safariand Google chrome10.0-  */
  -webkit-box-shadow:0 0 9px 0 #f1eded; 
/* Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
  box-shadow:0 0 9px 0 #f1eded; 

  cursor: pointer;
}
.periodical_box li:nth-child(odd) {
  margin-right: 30px;
}

.periodical_box li .imgtag {
  float: left;
  text-align: center;
  width: 120px;
  height: 54px;
  border-right: 1px solid #EEEEEE;
}

/* .periodical_box .imgtag img {
  width: 100%;
  height: 100%;
} */

.periodical_box li span {
  margin-left: 20px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}