* {
  margin: 0;
  padding: 0;
  /* font-family: '微软雅黑','MicrosoftYaHei','PingFang-SC-Regular' !important; */
  font-family: '微软雅黑','MicrosoftYaHei','PingFang-SC-Regular';
}

ol,ul,li {
  list-style:none;
  margin: 0;
}

@media (min-width: 1200px){
  .container {
    max-width: 1200px;
  }
}

/*适配iphone6*/
/* @media screen and (max-width: 374px){
  html {
      font-size: 7px !important;
  }
} */
/*适配iphone5*/
/* @media screen and (max-width: 320px){
  html {
      font-size: 4px !important;
  }
} */
/*适配iphone6plus*/
/* @media screen and (min-width: 376px) and (max-width: 414px){
  html {
      font-size: 8px !important;
  }
} */

@media screen and (max-width: 420px){
  html {
      font-size: 10px !important;
  }
}

@media screen and (min-width: 421px)and (max-width: 767px){
  html {
      font-size: 11px !important;
  }
}


/*适配ipad*/
@media screen and (min-width: 768px) and (max-width: 991px){
  html {
      font-size: 11px !important;
  }
  .row{
    margin-left: 0px;
  }
}
/*适配ipad pro*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  html{
      font-size: 12px !important;
  }  
}

@media screen and (min-width: 1200px) {  
  html {
    font-size: 16px;
  }
}

a {
  text-decoration: none;
}

a:hover,a:active,a:visited,a:link {
  text-decoration: none;
}

.clear {

}


/* 适配ipad */
@media (max-width: 768px){ 
  #nav>.content {
    width: 60rem;
  }
}

#footer {
  background-color: #242424;
  color: #fff;
}

#footer>.container>.row>.content {
  margin-top: 3rem;
  margin-bottom: 3rem;
  border-right: 1px solid #313131;
}

#footer>.container>.row>.code {
  text-align: center;
  margin-top: 5rem;
}

#footer>.container>.row>.code .marginRight {
  margin-right: 4rem;
}

#footer>.container>.row>.code .img p {
  margin-top: 0.5rem;
}

#footer>.container>.row>.code .img {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

#footer>.container>.row>.code .img a {
  display: inline-block;
  width: 6.375rem;
}

#footer>.container>.row>.code .img a img{
  width: 100%;
}

@media (max-width: 414px){    
  .htmlMask {
    overflow: hidden;
    height: 100%;
  }
  .bodyMask {
    overflow: hidden;
    height: 100%;
  }
  #footer>.container>.row>.code{
    display: none;    
  }
  #footer>.container>.row>.content {
    border-right: none;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  #footer>.container>.row>.col-xs-6 {
    text-align: center;
    width: 100%;
  }

}
.banner{
  position: relative;
}