.home-nav {
  height: 75px;
  line-height: 75px;
  width: 100%;
  background-color: #fff;
  border: 1px #EBEEF5 solid;
  
}
 .tabs {
  width: 1050px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.tabs .logo {
  height: 40px;
  width: 40px;
  cursor: pointer;
  margin-top: 18px;
}
.tabs-list{
  font-size:16px;
}
.tabs-list a {
  text-decoration: none;
  color: #303133;
  margin-left: 30px;
}
.download{
   width: 100%;
  height: 2222px;
}
.code-list{
  padding: 102px 0 219px;
   width: 1050px;
   margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.code-list .code-img{
   width: 506px;
  height:413px;
}
.code-list .content{
   width: 509px;
  height: 380px;
  margin-top:34px;
    text-align: left;
}
.code-list .contents{
   width: 509px;
  height: 380px;
  margin-top:34px;
  text-align: right;
}
.code-list .content .title1,
.code-list .contents .title2,
.code-list .content .title3{
   font-size: 30px;
   display: inline-block;
   line-height: 30px;
  position: relative;
 
}
.active{
     position: relative;

}
.active::after{
    position: absolute;
     background-color:#0072E4;
    content: '';
    width:100%;
    height:3px;
    left:0;
    bottom:-25px;
}

.code-list .content .title1::after,
.code-list .contents .title2::after,
.code-list .content .title3::after{
    content: '';
    position: absolute;
    width:100%;
   height:3px;
  left:0;
  bottom:-9px;
}
.code-list .content .title1::after{
 background-color: #006EE1;
}
.code-list .contents .title2::after{
 background-color: #D93940;
}.code-list .content .title3::after{
 background-color: #507B67;
}
.code-list .content .title1{
  color:#006EE1; 
}
.code-list .contents .title2{
  color:#D93940; 
}
.code-list .content .title3{
  color:#507B67; 
}


.code-list  .explain{
    color: #1A1A1A;
  font-size:14px;
  line-height: 21px;
    margin-top: 30px;
}
.download1{
  font-size: 24px;
  color:#006EE1;
  margin-top: 50px;
}

.download2{
  font-size: 24px;
    color:#D93940;
     margin-top: 50px;
}

.download3{
  font-size: 24px;
    color:#507B67;
  margin-top: 50px;
}
.download-code{
  width: 245px;
   height: 147px;
      margin-top: 27px;
  text-align: center;
    color: #1A1A1A;
    font-size: 14px;
}
.download-code img,
.download-codes img{
  height:113px;
  width:113px;
}
.download-codes{
    color: #1A1A1A;
    font-size: 14px;
    width: 245px;
   height: 147px;
    text-align: center;
      float: right;
    margin-top: 27px;
}