body{
  padding: 0;
  margin: 0;
  font: 16px/1.8em "Microsoft YaHei", serif;
  background:url(../img/di@2x.png);
  background-size: 100%;
  text-align: center;
}
/***************************************轮播图外层*/
.dg-wrapper, .dg-wrapperBox{
  width:7rem;
  margin:.3rem auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-align-items: center;
  height:10rem;
}

/**********************************轮播图图片*/
.dg-wrapper img{
  position: absolute;
}
.imgClass1{
  width:3rem;
  left:0;
  z-index: 1;
}
.imgClass2{
  width:3.75rem;
  left:1.75rem;
  z-index: 2;
}
.imgClass3{
  width:3rem;
  left:4rem;
  z-index: 1;
}
/**************************************************外围手机框*/
.backGround_shouji{
  width:4.8rem;
  left:1.2rem;
  position: absolute;
  z-index: 4;
}

.dg-wrapper img.dg-transition {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.dg-wrapper img.dg-transition-fast {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*******************************************************下载按钮*/
.download_button{
  width:6.08rem;
  height:.98rem;
  border-radius: .1rem;
  background-color: #D8880B;
  color: #fff;
  font-size: .32rem;
}