.mt38{
   margin-top: 38px;
}
.ml125{
   margin-left: 125px;
}
.mr125{
   margin-right: 125px;
}
.cFF02{
   color: #021E62;
}
/* #FF021E62 */

.flexEnd{
   align-self: flex-end;
}

.commonWith{
   max-width: 1200px;
   margin: 0 auto;
}

.triangle{
   width: 0;
   height: 0;
   border: 6px solid transparent;
   border-left: 10px solid #000;
}
.lightHeight{
   line-height: 2em;
}
.table{
   width: 100%;
   text-align: center;
   border: 1px solid #D4E1FF;
}
.table th {
   text-align: center;
   height: 55px;
   background-color: #e7f3fe;
}

.table td {
   height: 55px;
}
.table tr:nth-child(2){
   background-color: #e7f3fe;
}
.table tr td:nth-last-child(2), .table th:nth-child(2){
   border-left: 1px solid #ebebeb;
   border-right: 1px solid #ebebeb;
}


/* 创办新刊 */
.newPeriodical{
   background-color: #F1F6FF;
   padding: 38px 26px 56px 26px;
   border-radius: 10px;
}

.serverItemBox{
   box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
   border-radius: 5px;
   border-radius: 10px;
}

.serverItem {
   width: 50%;
   height: 110px;
   padding: 22px 22px 22px 36px;
   border-bottom:  1px solid #EBEBEB;
}
.serverItem:nth-child(1n){
   border-right: 1px solid #EBEBEB;
}

/* 影响力 */
.influenceTextBox{
   position: relative;

}
.influenceTex{
   align-items: start;
   font-size: 16px;
   line-height: 2em;
   color: #666666;
}
.textNum{
   position: absolute;
   z-index: 1;
   top: -22px;
   left: -40px;
}

/* 我们的优势 */
.advantage{
   background: #F1F6FF;
   padding-bottom: 82px;
}


/* 发展平台 */
.platformItem{
   position: relative;
   width: 380px;
   height: 97px;
   line-height: 97px;
   border-radius: 5px;
   margin-top: 66px;
   border: 1px solid #E2E2E2;
}

.platformImg{
   position: absolute;
   top: -35px;
   left: 50%;
   width: 75px;
   height: 50px;
   transform: translateX(-50%);
   background-color: #fff;
}

/* 期刊合作 */
.contactUs{
   margin-top: 68px;
   margin-bottom: 47px;
   padding: 45px 65px 0px 50px ;
   width: 100%;
   height: 274px;
   background-image: url("../images/periodical/contactUs.png");
   background-size: cover;

}
.cooperation{
   position: relative;
   left: 76px;
   top: 14px;
   opacity: 0.5;
   font-weight: lighter;
   letter-spacing: 0;
}
.triangleColor{
   border-left: 10px solid #f9a528;
}
.addWeChat{
   width: 130px;
   height: 30px;
   line-height: 30px;
   opacity: 0.52;
   border: 1px solid #999999;
   border-radius: 14.5px;
}
.weChatImg {
   width: 130px;
   height: 130px;
}

/* H5的样式 */
@media screen and (max-width: 960px) {
   .contentItem {
      background-color:#E8F3FF ;
      border-radius: 1.25rem;
   }

   .triangle{
      margin-right: 2.5rem;
   }

   .table td,  .table th{
      height: 10rem;
   }
   .table img{
      height: 5rem;
   }

   .newPeriodical{
      padding: 0px;
   }
   .serverItem{
      width: 100%;
      height: auto;
      padding: 4.375rem 3.125rem 4.375rem 4.375rem ;
      align-items: flex-start;
   }
   .serverItem img{
      width: 8.75rem;
   }

   .operationItem{
      width: 29%;
   }
   .operationBox::after {
      content: '';
      width: 29%;
  }


   .textNum{
      position: relative;
      top: 1.875rem;
      left: 0px;
   }
   .textTitle{
      position: relative;
      z-index: 2;
      left: -7rem;
      top: 3.125rem;
   }
   .advantage{
      padding-bottom: 0px;
      border-radius: 1.25rem;
   }

   .advantageItem{
      width: 100%;
      height: 14.625rem;
      border-radius: .625rem;
      padding: 3.125rem;
   }

   .advantageItem img{
      width: 7.5rem;
      height: 7.5rem;
      margin-right: 3.5rem;
   }

   .platformItem{
      padding: 3.125rem 2.5rem ;
      height: auto;
      width: 48%;
      margin-top: 9rem;
      line-height: normal;
   }

   .platformImg{
      position: absolute;
      top: -12px;
      width: 3.375rem;
      height: 5.625rem;
      padding: 0 1.25rem;
   }

   .contactWay {
      border-radius: 1.25rem;
      background-color: #F1F6FF ;
   }

   .weChatImg{
      width: 21.75rem;
      height: 21.75rem;
   }

}