.NewsCenterDetailsTop {
     width: 100%;
     background-color: #fff;
     display: flex;
     justify-content: center;
 }

 .NewsCenterDetails {
     width: 100%;
     display: flex;
 }

 .NewsCenterDetails .left {
     width: 75%;
     margin-right: 15px;
 }

 .NewsCenterDetails .right {
     flex: 1;
     height: 350px;
     background-color: #f5f7fd;
     padding: 15px;

 }

 .Recommended {
     width: 100%;
     height: 20px;
     display: flex;
     justify-content: space-between;
         margin-bottom: 24px;
 }

 .NewsCenterDetails .right .Recommended p {
     color: black;
 }
.NewsCenterDetails .right ul {  
  padding: 0 5px; 
  
}   
.content li::before {  
  content: "";  
  display: inline-block;  
  width: 4px;  
  height: 4px;  
  background-image: url('/template/default/images/NewsCenterDetails/Rectangle 92@2x.png'); 
  background-size: cover;   
  background-repeat: no-repeat;  
  position: absolute; 
  left: -10px;
    top: 9px;
  transform: translateY(-50%);  
}
 .content li {
     list-style-type: none; 
  margin-left: 20px;  
  position: relative; 
    
}
 .NewsCenterDetails .right ul li {
     margin-top: 15px;
     font-size: 13px;
     line-height: 18px;
     margin-left: 0;
 }
 .NewsCenterDetails .right ul li a{ 
     font-size: 13px;
     line-height: 18px;
     color: #333333;
 }

 .NewsCenterDetails .right p {
     margin-top: 5px;
     font-weight: 400;
     font-size: 13px;
     color: #999999;
     line-height: 18px;
 }

 .left h5 {
     margin: 0;
     font-weight: 500;
     font-size: 32px;
     line-height: 38px;
 }

 .date {
     display: flex;
     margin-top: 20px;
 }

 .date p {

     line-height: 24px;
 }

 .date img {
     width: 24px;
     height: 24px;
     margin: 0 5px;
 }

 .topprofile {
     width: 100%;
     display: block;
 }

 .topprofile p {
     text-indent: 2em;
     font-size: 16px;
     line-height: 24px;
 }

 .more {
     width: 100%;
     height: 120px;
     margin-top: 20px;
     background-color: #f5f7fd;
     padding: 20px;
     position: relative;
 }

 .morebottom {
     position: absolute;
     bottom: 20px;
     width: calc(100% - 40px);
      display: flex;
     justify-content: space-between;
 }
 .morebottom p{
   font-size: 13px;
 }
 .morebottom .moreitem{ 
    display: flex;
 }
  .moreitem p  a{ 
    font-size: 13px;
color: #000;
line-height: 18px;
 }
 .blue{
         width: 45px;
    color: #144A95;
     
    margin: 0 10px;
 }