body{
      font: 16px arial,'Microsoft Yahei','Hiragino Sans GB',sans-serif;background-color:#d9edf7;
      padding: 0px;margin: 0px;
    }
    h1{
      margin: 0;
      color:#3a87ad;
      font-size: 26px;
    }
    .content{
      width: 1200px;
      overflow: hidden;
      margin: 0 auto;
      padding-top:80px;
    }
    .content img{
      width: 1200px;
    }
    .content >div{
      /*background: #d9edf7;  */
      border-radius: 12px;
    }
    .header {border-bottom:1px rgba(255, 255, 255, 0.1) solid;
      height: 65px;
      width: 100%;
      min-width: 1２60px;
      position: relative;
      z-index: 9999;
      margin-bottom: 15px;
      background:#96cde9;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
      position: fixed;
    }

    .logo {font-size: 26px; color: #111111;padding:10px 0; float:left;padding-left: 30px;font-weight: bold;line-height: 50px;}
    .menu {float:right; }
    .menu ul li{float:left; list-style-type: none; }
    .menu ul li a{font-size:18px ; text-align:center;line-height:28px;height:28px;margin:0 20px;display:inline-block; text-decoration: none;color:#111111;}
    .footer{height:50px; text-align:center; color: #999;height:100px;font-size: 14px;
      vertical-align: middle;}
    .footer a{  color: #999; height:100px;  line-height:100px;text-decoration: none;}

  .footer span{
    display: inline-block;
    vertical-align: middle;
  }
  .footer img{
    display: inline-block;
    vertical-align: middle;
  }
    .product-wrap {
  width: 100%;
  /* background: linear-gradient(180deg, #ACE7FE 0%, #F4FAFF 17.28%, #FCFCFC 100%); */
  background: linear-gradient(180deg, #ACE7FE 0%, #F4FAFF 28%, #F8FBFE 100%);
  padding-top: 65px;
  padding-bottom: 89px;
}

.product-container {
  width: 1300px;
  margin: 0 auto;
}

.product-head {
  margin-bottom: 50px;
}

.product-head h3 {
  font-weight: 600;
  font-size: 64px;
  line-height: 90px;
  color: #111111;
  text-align: center;
  margin-bottom: 8px;
}

.product-head p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #111111;
    color: #4c4c4c;
    text-align: center;
    line-height: 2;
}

.product-title,
.platform-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 48px;
  color: #000000;
  text-align: center;
  margin-bottom: 68px;
}
.product-desc{
  margin-top: 42px;
  margin-bottom: 58px;
  height: 82px;
}
.win-desc{
  margin-bottom: 30px;
}

.product-desc .platform-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  text-align: center;
}
.product-item .platform-title{
  margin-bottom: 0;
}

.product-desc .platform-text {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  opacity: 0.7;
  text-align: center;
}

.product-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.item-per {
  height: 552px;
  width: 480px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
  padding: 96px 0;
  background: #FFFFFF;
  border-radius: 12px;
}

.product-item {
  height: 552px;
  width: 480px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 96px 0;
  background: #FFFFFF;
  border-radius: 12px;
}

.product-item.mr40 {
  margin-right: 40px;
}

.product-item.mr68 {
  margin-right: 68px;
}
.item-per.mr40 {
  margin-right: 40px;
}
.item-per.mr68 {
  margin-right: 68px;
}

.mt68 {
  margin-top: 68px;
}

.platform-text {
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  opacity: 0.7;
  text-align: center;
}

.platform-download {
  width: 190px;
  height: 54px;
  border: 3px solid #7a8fe7;
  border-radius: 8px;
  font-weight: 500;
  font-size: 24px;
  line-height: 50px;
  text-align: center;
  color: #7a8fe7;
  text-decoration: none;
  box-sizing: border-box;
}
.win-download{
  color: #FFFFFF;
  border: none;
  background: #2049EE;
  border-radius: 4px;
}
.win-download-new{
  position: relative;
  margin-top: 20px;
  color: #FFFFFF;
  border: none;
  background: #2049EE;
  border-radius: 4px;
}
.win-download-new .new_icon{
  position: absolute;
  top: 0;
  right: 0;
  width: 32px!important;
  height: 32px!important;
}
.lineheight .platform-download {
  color: #FFFFFF;
  background: #2049EE;
  border: none;
  line-height: 54px;
}

.platform-download:hover {
  text-decoration: none;
  color: #2049EE;
  background: rgba(106, 251, 214, 0.2);
}

.platform-download:active {
  color: #111;
  background: rgba(106, 138, 251, 0.2);
}

.windows .platform-download:hover {
  background: #2972FF;
  text-decoration: none;
  color: #fff;
}

.windows .platform-download:active {
  background: #1D42D6;
  text-decoration: none;
  color: #FFFFFF;
}

.item-per.windows img, 
.item-per.macpcmgr img
{
  width: 198px;
  height: auto;
}

.item-per.mac img {
  width: 198px;
  height: 159.36px;
}

.item-per.phone1 img {
  width: 81.64px;
  height: 146px;
}

.item-per.phone2 img {
  width: 80.81px;
  height: 145.96px;
}

.product-item.qiye img {
  width: 104px;
  height: 104px;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.platform-title span {
  height: 28px;
  line-height: 28px;
  padding: 0 6px;
  background: #2049EE;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}

.download-mobile .qr-code {
  width: 180px;
  height: 180px;
  position: absolute;
  display: none;
  /* top: 54px; */
  top: 52px;
  left: 0;
  padding-top: 10px;
  z-index: 999;
}

.download-mobile .qr-code img {
  width: 100%;
  height: 100%;
  /* height: 240px;
  width: 133%;
  position: absolute;
  left: -29.9px;
  top: -15.9px; */
}










.list-cont-img{
  padding:10px;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 30px;
    border-radius: 12px;
    padding: 30px 10px;
    box-sizing: border-box;
    text-align: center;
}
.list-cont-img img{
  display: block;
  width: 100%;
}
.list-cont-img .title{
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 30px;
  /*border-bottom: 1px solid #e3e3e3;*/
  padding-left: 20px;
  text-align: left;
  color: #4c4c4c;
}
.menu ul li a{
  padding-bottom: 3px;
}
.menu .actives a{
  border-bottom: 2px solid #000;
  font-weight: bold;
}
.index-abouts{
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  background: #fff !important;
}
.list-title-style .titles{
  margin-bottom: 30px;
}
.list-title-style .titles p:nth-child(1){
font-size: 32px;
color: #4c4c4c;
text-align: center;
line-height: 1;
margin-bottom: 15px;
font-weight: bold;
}
.list-title-style .titles p:nth-child(2) {
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    line-height: 1;
}