.newDetailsActive {
     overflow: hidden;
     padding: 2rem 0;
     border-bottom: 1px solid #ccc;
     cursor: pointer;
 }
 
 .newDelCon .newDetailText h5 {
     color: #02429a;
 }
 
 .newDetailImg {
     width: 30%;
     float: left;
     padding: 1.25rem 0,
 }

 .newDetailImg img{
     width: 250px;
     height: 150px;
 }

 .newDetailText {
     float: left;
     width: 70%;
     padding: 0.5rem 0 0 2.5rem;
     line-height: 1.7rem;
 }
 
 .newDetailText h5 {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     letter-spacing: 1px;
     font-size: 1.2rem;
 }
 
 .focusDetailList {
     display: flex;
     margin: .56rem 0;
     width: 100%;
     padding: .5rem 0 1rem 0;
     border-bottom: 1px solid #ccc;
     cursor: pointer;
 }
 
 .focusDetailList .listItem-date {
     width: 15%;
     background: url('../images/dateUnActive.png') no-repeat;
     background-size: 100% 100%;
     background-position: 50%;
     margin-right: 4%;
     max-height: 6rem;
 }
 
 .focusDetailList .listItem-date p {
     text-align: center;
     font-size: 1.5rem;
     line-height: 3rem;
     color: #fff;
 }
 
 .focusDetailList .listItem-date div {
     text-align: center;
     color: #fff;
 }
 
 .focusDetailList .listItem-body {
     width: 85%;
     min-width: 2.5rem;
 }
 
 .focusListActive .listItem-body p:first-child {
     color: #02429a;
 }
 
 .focusDetailList .listItem-body p:first-child {
     font-size: 1.1rem;
     font-weight: 500;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 1.2rem;
     letter-spacing: 1px;
     padding-top: .3rem;
 }
 
 .focusDetailList .listItem-body p:last-child {
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     word-break: break-all;
     min-height: 2.6rem;
     color: #726b6b;
 }
 
 .focusListActive .listItem-date {
     background: url('../images/dateActive.png') no-repeat;
     width: 15%;
     background-size: 100% 100%;
     background-position: 50%;
     margin-right: 4%;
 }
 
 .madirDetail {
     width: 100%;
     /* padding: 1rem; */
 }
 
 .madirDetail .madirItem {
     background: url('../images/unSelected.png') no-repeat;
     background-position: 0% 50%;
     border-bottom: 1px solid #ccc;
     padding: 1rem 0 1rem 2.2rem;
     font-size: 1rem;
     cursor: pointer;
     overflow: hidden;
     /* line-height: 2rem; */
 }
 
 .madirDetail .madirItem p:nth-child(1) {
     width: 80%;
     text-align: left;
 }
 
 .madirDetail .madirItem p:nth-child(2) {
     width: 20%;
     text-align: right;
     color: #726b6b;
 }
 /* .madirDetail .madirItem:first-child {
     background: url('../images/selected.png') no-repeat;
     background-position: 0% 50%;
 }
  */
 
 .madirDetail .madirItemActive p {
     color: #02429a !important;
 }
 
 .madirDetail .madirItemActive {
     background: url('../images/selected.png') no-repeat;
     background-position: 0% 50%;
     color: #02429a;
 }
 
 .madirDetail .madirItem p {
     float: left;
     margin: 0;
     padding: 0;
 }
 
 .Modbus {
     width: 100%;
     border-left: 1px solid #ececec;
     border-bottom: 1px solid #ececec;
     margin-bottom: 2rem;
 }
 
 .Modbus tr {
     width: 100%;
 }
 
 .Modbus tr:nth-child(odd) {
     background: #f7f7f7;
 }
 
 .Modbus td {
     border-right: 1px solid #e1e1e1;
     border-top: 1px solid #e1e1e1;
     padding: .6rem;
     text-align: center;
 }

 .articleTit span {
     margin-right: 20px ;
 }

 .intro {
     font-size: 14px ;
 }

 .detailImage{
     width: 100%;
 }

 .detailImage img{
     display: block;
     width: auto;
     margin: 0 auto;
     margin-top: 20px;
 }