gameCommonAD.css 4.0 KB

1234567891011121314151617181920212223242526272829303132333435
  1. body{padding-top: 36px !important;}
  2. .top-hezi-ad {background:#b0e1ff; position: relative;height:auto;_height:0; z-index: 10;background: url(img/adtop-bg.jpg) 50% no-repeat;}
  3. .top-hezi-ad-bd { height:0; width:1000px;margin: 0 auto; position: relative; overflow: hidden;}
  4. .top-hezi-ad .top-hezi-index { position: absolute; left:0; top:0; width:770px; height:120px; }
  5. .top-hezi-ad .top-hezi-ios { position: absolute; left:642px; top:8px; width:216px; height:50px; }
  6. .top-hezi-ad .top-hezi-android { position: absolute; left:642px; top:62px; width:216px; height:50px; cursor: pointer;}
  7. .top-hezi-ad .top-hezi-qrcode { position: absolute; left:874px; top:7px; width:107px; height:107px; }
  8. .top-hezi-ad .top-hezi-ios:hover {background-position: -110px 0;}
  9. .top-hezi-ad .top-hezi-android:hover {background-position: -110px -36px;}
  10. .top-hezi-ad-trigger{width:180px; height:140px; position: absolute; top: 20px; left:50%; margin:0 0 0 290px; z-index: 10; overflow: hidden;}
  11. .top-hezi-ad-trigger a {display: block;height:100%; background: url(img/adtop-arrow.png) no-repeat center; _background: url(img/adtop-arrow.png) no-repeat center; display: none;}
  12. .top-hezi-ad-trigger embed { pointer-events: none;}
  13. .top-hezi-ad-trigger-opened a { display: block;}
  14. .top-hezi-ad-trigger-opened embed { display: none;}
  15. .top-hezi-ad-trigger img {position: absolute; width:100%; height:100%; cursor:pointer;left:0;top:0;}
  16. .qrcode-download-bar {background-color:transparent;background-color:rgba(0,0,0,0.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8000000,endColorstr=#d8000000);position: fixed;_position: absolute;bottom: 0;left: 0;width: 100%;_filter: none;_background-color: #4c4c4c;z-index: 444;}
  17. .qrcode-download-bar .qrcode-download-inner {height: 92px;width: 1000px;margin: 0 auto;overflow: hidden;}
  18. :root .qrcode-download-bar{filter:none\9}
  19. .qrcode-download-bar .close {position: absolute;left: 50%;top: 10px;margin-left: 480px;height: 15px;width: 15px;overflow: hidden;text-indent: -99em;background: url(img/qr_code_download_bar.png) no-repeat 0 -257px;_background-image: url(img/qr_code_download_bar_ie6.png);}
  20. .qrcode-download-bar .slogan {width: 446px;background: url(img/qr_code_download_bar.png) no-repeat 0 0;_background-image: url(img/qr_code_download_bar_ie6.png);margin: 10px 0 0 28px;height: 70px;float: left;color: #fff;line-height: 26px;}
  21. .qrcode-download-bar .slogan a {color: #fff;font-size: 16px;padding: 10px 0 0 86px;display: block;font-family: "Microsoft Yahei"!important;}
  22. .qrcode-download-bar .slogan a:hover {text-decoration: none;}
  23. .qrcode-download-bar .slogan em {color: #f5f74c;font-family: "Microsoft Yahei"!important;}
  24. .qrcode-download-bar .mo-download-btn {float: left;padding: 25px 0 0 0;}
  25. .qrcode-download-bar .mo-download-btn a{float: left;width: 197px;height: 46px;background: url(img/qr_code_download_bar.png) no-repeat 0 -116px;_background-image: url(img/qr_code_download_bar_ie6.png);text-indent: -99em;overflow:hidden;display: inline;}
  26. .qrcode-download-bar .mo-download-btn .bbs-android-dl:hover {background-position: 0 -70px;}
  27. .qrcode-download-bar .mo-download-btn .bbs-iphone-dl {background-position: 0 -180px;margin: 0 0 0 12px;}
  28. .qrcode-download-bar .mo-download-btn .bbs-iphone-dl:hover {background-position: 0 -92px;}
  29. .qrcode-download-bar .qrcode-block {float:left;}
  30. .qrcode-download-bar .qrcode-block .qrcode-tips{float: left;color: #fff;line-height: 15px;padding: 0 15px 0 16px;margin-top: 24px;font-family: "Microsoft Yahei"!important;}
  31. .qrcode-download-bar .qrcode-block .qrcode-tips a {color: #fff;line-height: 22px;}
  32. .qrcode-download-bar .qrcode-block .qrcode-tips a:hover {text-decoration: none;color: #fff;}
  33. .qrcode-download-bar .qrcode-block .qrcode-img{float: left;margin:10px 0 0 0;}
  34. .qrcode-download-bar .qrcode-block .qrcode-market{float: left;margin:10px 0 0 18px;width: 100px;height: 85px;background: url(img/qr_code_download_bar.png) no-repeat 0 -172px;_background-image: url(img/qr_code_download_bar_ie6.png);}
  35. .qrcode-download-bar .qrcode-block .qrcode-market a {display: block;height: 100%;}