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); }