html,
body,
div,
ul,
li,
a,
img,
h3,
object,
p {
  padding: 0;
  margin: 0; }

ul,
li {
  list-style: none; }

html, body {
  min-width: 1160px;
  background-color: #fff2f2;
  font-family: "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;
 }

.head-content, .focus-us li, .main-wrap .element {
  *zoom: 1; }
  .head-content:before, .focus-us li:before, .main-wrap .element:before, .head-content:after, .focus-us li:after, .main-wrap .element:after {
    content: "";
    display: table; }
  .head-content:after, .focus-us li:after, .main-wrap .element:after {
    clear: both; }

.hidden {
  display: none; }

.block {
  display: block; }

.expect {
  width: 60px;
  height: 22px;
  position: absolute;
  top: 54px;
  right: -74px; }

.header-wrap {
  position: relative;
  background: #fff url("../../../../zzjs/20160608appDownload/img/pc/bg1.png") center no-repeat;
  margin: 0 auto;
  height: 689px; }

.head-img {
  width: 100%;
  position: absolute;
  bottom: -500px;
  background: url("../../../../zzjs/20160608appDownload/img/pc/bg2.png") center no-repeat;
  height: 778px;
  z-index: 99; }

.head-content {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  padding-top: 60px; }

.iPad {
  position: absolute;
  left: -72px;
  margin-top: 66px; }
.TV {
  position: absolute;
  left: -72px;
  margin-top: 66px;
  width: 610px;
} 

.device-type-img {
  width: 575px;
  height: 800px;
  overflow: hidden;
  float: left; }

.device-type-select {
  float: left;
  margin: 65px 0 0 10px;
  width: 500px;
}
.dt-content {
  position: relative;
  margin-top: 50px; }
.dt-choose {
  position: absolute;
  top: 0;
  left: 300px;
  z-index: 101;
}
.dt-btn {
  width: 123px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  background: center no-repeat;
  background-size: 100%;
}
.bg-android {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/2bYsPINRb4.png");
  top: 0px;
  left: 0px;
  z-index: 10;
}
.bg-android:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/BChi7v3I0V.png");
}
.bg-iPhone {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/KvEVQCgyfe.png");
  top: 0px;
  left: 135px;
}
.bg-iPhone:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/IAR6zJA682.png");
}
.bg-pc {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/ftnteDftrd.png");
  top: 59px;
  left: 0;
}
.bg-pc:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/Q5rZL8Majo.png");
}
.bg-pc-microsoft {
  background-image: url("../../../../bfs/activity-plat/static/20220906/49ddaeaba3a23f61a6d2695de40d45f0/JNqVgZ2oVJ.png");
  top: 236px;
  left: 0px;
}
.bg-pc-microsoft:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220906/49ddaeaba3a23f61a6d2695de40d45f0/JNqVgZ2oVJ.png");
}
.bg-pc-microsoft:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220906/49ddaeaba3a23f61a6d2695de40d45f0/UjrefkjEdd.png");
}
.bg-pc-mac {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/2YxLBwdpj5.png");
  top: 59px;
  left: 135px;
}
.bg-pc-mac:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/7JqBt15hYQ.png");
}
.bg-android-HD {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/Gar9KuTUQ6.png");
  top: 118px;
  left: 0;
}
.bg-android-HD:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/GELLODAxnd.png");
}
.bg-iPad {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/NIXMlIVEHv.png");
  top: 118px;
  left: 135px;
}
.bg-iPad:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/N4vPPgxhqa.png");
}
.bg-car {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/AW2pSIYvYL.png");
  top: 177px;
  left: 0;
}
.bg-car:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/eh0aNwlAfX.png");
}
.bg-TV {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/KwoJCY91em.png");
  top: 177px;
  left: 135px;
}
.bg-TV:hover {
  background-image: url("../../../../zzjs/20160608appDownload/img/pc/TV_hover@2x.png");
}
.bg-UWP {
  display: none;
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/tNvArywFnF.png");
  top: 236px;
  left: 0px;
}
.bg-UWP:hover {
  background-image: url("../../../../bfs/activity-plat/static/20220518/49ddaeaba3a23f61a6d2695de40d45f0/rjG0yIB7iQ.png");
}
img.iPad {
  position: absolute;
  left: -72px;
  margin-top: 66px;
}
img.TV {
  position: absolute;
  left: -72px;
  margin-top: 66px;
  width: 610px;
}
img.car {
  position: absolute;
  left: 0;
  margin-top: 0px;
  width: 400px;
}
img.pc, img.pc-mac, img.pc-microsoft {
  position: absolute;
  left: -100px;
  margin-top: 70px;
  width: 600px;
  z-index: 1;
}
img.android-HD {
  position: absolute;
  left: -72px;
  margin-top: 66px;
}

.icon {
  display: none;
}
.focus-us {
  width: 1280px;
  position: absolute;
  top: 320px;
  left: 50%;
  margin-left: -640px; }
  .focus-us .grp, .focus-us .item {
    float: left; }
  .focus-us .item {
    margin-left: 8px; }
  .focus-us .title {
    font-size: 13px;
    font-weight: bold;
    color: #6d757a; }
  .focus-us .text {
    font-size: 14px;
    color: #6d757a;
    margin-top: 15px; }
  .focus-us .text.blog {
    font-size: 12px;
  }
  .focus-us li {
    display: inline-block;
    width: 250px;
    height: 123px; }

.head-title {
  font-size: 24px;
  font-weight: bold;
  color: #6d757a;
  text-align: center;
  margin-bottom: 40px; }

.red-line {
  display: inline-block;
  width: 62px;
  margin-top: 20px;
  border: 1px solid #f25d8e; }

.main-wrap {
  width: 1160px;
  margin: 500px auto 80px; }
  .main-wrap .container {
    width: 1160px;
    min-height: 800px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 3px #ffd7d7;
    box-shadow: 0 0 5px 3px #ffd7d7; }
  .main-wrap .info-select {
    border-bottom: 1px solid #e5e9ef;
    margin-bottom: 36px; }
    .main-wrap .info-select li:first-child {
      margin: 20px 0 20px 20px; }
    .main-wrap .info-select li {
      width: 114px;
      height: 36px;
      line-height: 36px;
      margin: 20px 0;
      display: inline-block;
      text-align: center;
      font-size: 16px;
      color: #222;
      cursor: pointer; }
    .main-wrap .info-select .active {
      border-radius: 30px;
      background-color: #f25d8e;
      color: #fff; }
  .main-wrap .element {
    margin-left: 50px; }
  .main-wrap .version-date {
    float: left;
    color: #6d757a;
    margin-top: 5px; }
  .main-wrap .info-wrap {
    float: left;
    position: relative;
    min-height: 100px;
    margin-left: 40px;
    border-left: 1px solid #e5e9ef; }
  .main-wrap .text-wrap {
    color: #6d757a;
    line-height: 28px;
    margin-left: 40px;
    padding-bottom: 40px; }
  .main-wrap .info-title {
    font-size: 16px;
    font-weight: bold;
    color: #6d757a;
    margin-bottom: 15px; }
  .main-wrap .info-title span {
    margin-right: 10px;
  }
  .main-wrap .bg-circle {
    width: 27px;
    height: 27px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: -14px; }
  .main-wrap .circle {
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-top: 3px;
    border: 1px solid #e5e9ef;
    border-radius: 20px; }
  .main-wrap .circle:after {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 20px;
    background-color: #d7d7d7;
    position: absolute;
    top: 9px;
    left: 9px; }

/*主站 header 宽度修改*/
.z_top .z_header {
  width: 1160px !important; }

/*主站footer 图标修改*/
.footer .block.right {
  position: static !important;
  width: 310px; }

.footer .right {
  margin: 0 -60px 0 0 !important; }

/*临时添加更多版本*/
.dt-choose-wrap {
  display: none;
  position: absolute;
  top: 42px;
  left: 0px;
  width: 185px;
  height: 100px;
}
.dt-choose-panel {
  position: absolute;
  top: 7px;
  left: 0px;
  width: 185px;
  z-index: 1;
  border-radius: 8px;
  border: 1px solid #afafaf;
  background: rgba(12, 12, 8, 0.9);
}
.dt-choose-panel-link {
  color: #fff;
  font-size: 12px;
  display: block;
  text-decoration: none;
  position: relative;
  padding: 7px;
}
/* .btn-android:hover .dt-choose-wrap {
  display: block;
} */
.dt-choose-panel-link:hover svg path{
  fill: rgb(255, 102, 153)
}
.dt-choose-panel-link:hover .dt-choose-panel-title {
  color: rgb(255, 102, 153);
}
.dt-choose-panel-title, .dt-choose-panel-text {
  position: absolute;
  top: 5px;
  left: 38px;
}
.dt-choose-panel-text {
  top: 20px;
  color: rgb(186, 186, 186);
}