body {
  overflow-x: hidden; }

/* 181029网页左右两边空白区域增加双十一预热广告 */
.skin-wrap {
    position: relative;
    z-index: 2;
}
.skin {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    overflow: hidden;
}
.skin.head {
    height: 1258px;
}


.bt-body {
    position: relative;
    z-index: 2;
    background: #fff;
}
.main .body-wrap {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}
.main .body-wrap .main-body {
    padding-top: 50px;
    padding-bottom: 40px;
}
.main .body-wrap:nth-of-type(even) .main-body{
    background-color: #fafafa;
}
.main .body-wrap#ad {
    margin-top: 0;
}
.d11-c4d {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1003;
  width: 800px;
  height: 254px;
   }
  .d11-c4d:hover .float-pop-close {
    display: block; }
  .d11-c4d .float-pop-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
      width: 38px;
    height: 38px;
    background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_close.png)center no-repeat;
    background-size: cover; }

.d11-wrap {
  position: fixed;
  left: -406px;
  top: 15%;
  width: 406px;
  height: 139px;
  z-index: 1003; }
  .d11-wrap.unable {
    z-index: 1; }
  .d11-wrap .d11-airplane {
    width: 100%;
    height: 100%; }
    .d11-wrap .d11-airplane .airplane {
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer;
      background: url(//js.ibaotu.com//revision/img/activity/recharge/181025/airplane.gif) no-repeat;
      background-size: cover; }
  .d11-wrap .baozi {
    position: absolute;
    right: 26px;
    top: 10px;
    z-index: 2;
    width: 63px;
    height: 66px;
    cursor: pointer;
    background: url(//js.ibaotu.com//revision/img/activity/recharge/181025/baozi.png) no-repeat; }
    .d11-wrap .baozi.change-bg {
      position: fixed;
      background-image: url(//js.ibaotu.com//revision/img/activity/recharge/181025/baozi3.png);
      -webkit-background-size: auto 100%;
      background-size: auto 100%; }
    .d11-wrap .baozi.float {
      -webkit-animation: double11-baozi 2.4s infinite;
      animation: double11-baozi 2.4s infinite; }
      .d11-wrap .baozi.float .float-pop-close {
        display: block; }
    .d11-wrap .baozi .float-pop-close {
      display: none;
      position: absolute;
      top: -10px;
      right: -6px;
      cursor: pointer; }
    .d11-wrap .baozi .icon-iconfontclose {
      font-size: 12px; }

@-webkit-keyframes double11-baozi {
  0% {
    top: -130px; }
  50% {
    top: -110px; }
  100% {
    top: -130px; } }

@keyframes double11-baozi {
  0% {
    top: -130px; }
  50% {
    top: -110px; }
  100% {
    top: -130px; } }
  .d11-wrap .red {
    position: absolute;
    left: 292px;
    top: 52px;
    z-index: 1;
    width: 42px;
    height: 66px;
    background: url(//js.ibaotu.com//revision/img/activity/recharge/181025/red.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0; }
    .d11-wrap .red.stop {
      z-index: 2;
      background-image: url(//js.ibaotu.com//revision/img/activity/recharge/181025/red_line.png); }

@media all and (max-width: 1680px) {
  .baozi {
    max-width: 120px;
    max-height: 140px; } }

@media all and (max-height: 800px) {
  @-webkit-keyframes double11-baozi {
    0% {
    top: -110px;
}

50% {
    top: -90px;
}
100% {
    top: -110px;
} }
  @keyframes double11-baozi {
   0% {
    top: -110px;
}

50% {
    top: -90px;
}
100% {
    top: -110px;
}  } }

@media all and (max-height: 700px) {
  @-webkit-keyframes double11-baozi {
    0% {
      top: -90px; }
    50% {
      top: -70px; }
    100% {
      top: -90px; } }
  @keyframes double11-baozi {
    0% {
      top: -90px; }
    50% {
      top: -70px; }
    100% {
      top: -90px; } } }

@media all and (max-height: 600px) {
  @-webkit-keyframes double11-baozi {
    0% {
      top: -70px; }
    50% {
      top: -50px; }
    100% {
      top: -70px; } }
  @keyframes double11-baozi {
    0% {
      top: -70px; }
    50% {
      top: -50px; }
    100% {
      top: -70px; } } }

    /* 181108左右红包性能优化 */
    .skin .skin-left {
      float: left;
      width: 13%;
      height: 100%;
    }
    .skin .skin-right {
      float: right;
      width: 13%;
      height: 100%;
    }
    .double11-red {
    float: left;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    opacity: .6;
    background: url(//js.ibaotu.com/revision/img/activity/recharge/double11/red2.png) center;
}
.double11-red:hover {
  opacity: 1;
    background-image: url(//js.ibaotu.com/revision/img/activity/recharge/double11/red2_hover.png);
}
.double11-red.baozi {
    background-image: url(//js.ibaotu.com/revision/img/activity/recharge/double11/baozi2.png);
}
.double11-red.baozi:hover {
    background-image: url(//js.ibaotu.com/revision/img/activity/recharge/double11/baozi2_hover.png);
}