ul,
li,
dl,
dt,
dd,
section,
div {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.noc-btn {
  border: 1px solid #2a82e5;
  color: #2a82e5;
}
.noc-btn:hover {
  background-color: #2a82e5;
  color: #ffffff;
}
.noc-btn-big {
  font-size: 18px;
  border: 1px solid #68b3ef;
  color: #68b3ef;
  padding: 0px 80px;
  line-height: 50px;
}
.noc-btn-big:hover {
  background-color: #68b3ef;
  color: #fff;
}
.noc-btn-sm {
  border: 1px solid #525252;
  color: #525252;
  padding: 0px 30px;
  line-height: 30px;
}
.noc-btn-sm:hover {
  background-color: #f6f6f6;
  border-color: #cfcfcf;
  color: #4f4f4f;
}
.noc-scene-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 0px 30px;
  line-height: 40px;
}
.noc-scene-btn:hover {
  border-color: #fff;
  color: #ffffff;
}
.noc-exp-btn {
  width: 120px;
  height: 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;

  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}
.noc-exp-btn:hover {
  background-color: #68b3ef;
  color: #fff;
}
.banner-range {
  width: 100%;
  position:absolute;
  top:68px;
/*  height: 659px;*/
}
.banner-bg{
  background: linear-gradient(180deg, #E3F1FF 0%, #C6DFF9 100%);
}
.banner {
  background-image: url(../images/appdownload/bg.png);
  max-width: 1920px;
  background-repeat: no-repeat;
  background-position: center;
  height: 638px;
  margin: auto;
}
.wechat-range {
  width: 100%;
  position:absolute;
  top:251px;
  height: 638px;
}
.main-content{
  display:flex;
}
.appbg{
  width: 592px;
  height: 420px;
  background-size: 100%;
  margin-top:10px;
  margin-left:30px;}
.appbg img{
  width: 745px;

}

@keyframes fadeInUp1 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp1 {
  animation-name: fadeInUp1;
  animation-duration: 0.5s; /* 设置动画时间为3秒 */
}

.main-content{
margin-top:20px
}
.wx-download1{
  margin-left: 16px;
}
.wx-download{
  color:#2B6AFD;
  font-size: 14px;
  font-weight: 500;
  width: 100px;
  text-align: center;
  margin-top:4px;
}
.wx-img{
  height: 110px;;
  width: 110px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top:28px;
}
.hideClass{
  display: none;
}
.title-range1 {
  position: relative;
  margin-top: -6px;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 36px;
   width: 1000px;
}
.title-range1 .title {

  font-size: 36px;
  font-weight: 700;
  line-height: 0.75;
  color: #2B6AFD;
}
.title-range1 p {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #3A4567;
  margin-top: 20px;
}

.icon-list {
  height: 180px;
  padding-top: 60px;
  padding-bottom: 40px;
}
.left-menu{
  width:256px;
  text-align: left;
  margin-top:30px;
}
.left-title{
  color:#000000;
  font-size: 18px;
  font-weight: bold;

}
.left-title-item{
  width:256px;
  padding:10px 16px;
  cursor: pointer;

}
.left-title-item-sel{
  height: 67px;;
  box-shadow: 1px 0px 20px 
  rgba(34, 85, 202, 0.08);
  color:#2B6AFD;
  background-color: #fff;
 
  border-radius: 12px;;
  padding:10px, 16px, 10px, 16px;
}
.left-title-item-sel .left-title{
  color:#2B6AFD;
}
.title-1 {
  height: 33px;

  font-size: 24px;
  font-weight: 300;
  line-height: 1.38;
  color: #4990e2;
  text-align: center;
}
.title-tip{
  color:#3A4567;
  font-size: 14px;
  font-weight: 400;
  margin-top:3px;
  display: none;;
}
.left-title-item-sel .title-tip{
  display: block;
}