compatibility.css 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .container{font-family:"microsoft yahei","宋体";}
  2. .container h1 span,.sprite{vertical-align:middle;*zoom:1}
  3. .box ul li,.box-title,.pc-box li a{text-align:center}
  4. .box-title b,.pc-box li a b{font-weight:400}
  5. .sprite{background:url(../images/234.png) center center no-repeat;background-size:1154px 141px;display:inline-block;*display:inline;image-rendering:pixelated}
  6. .sprite.alibaba{background-position:0 0;width:248px;height:90px}
  7. .sprite.chrome{background-position:-258px 0;width:100px;height:100px}
  8. .sprite.ff{background-position:-368px 0;width:110px;height:110px}
  9. .sprite.mobile{background-position:-488px 0;width:77px;height:118px}
  10. .sprite.pc{background-position:-575px 0;width:122px;height:110px}
  11. .sprite.taobao{background-position:-707px 0;width:141px;height:141px}
  12. .sprite.tianmao{background-position:-858px 0;width:141px;height:141px}
  13. .sprite.uc{background-position:-1009px 0;width:99px;height:100px}
  14. .sprite.warn{background-position:-1118px 0;width:26px;height:26px}
  15. a,body,div,h1,i,li,p,span,ul{margin:0;padding:0}
  16. body{font-size:14px;line-height:1.5;padding-bottom:50px}
  17. a{outline:0;text-decoration:none}
  18. a img{border:none}
  19. li,ul{list-style:none}
  20. em,i{font-style:normal}
  21. .container{width:990px;margin:70px auto 0;position:relative}
  22. #langs{position:absolute;right:0;top:-25px;color:#000}
  23. #langs i{cursor:pointer}
  24. #langs .on{color:#F40}
  25. .container h1{margin-bottom:40px;font-size:18px}
  26. .container h1 span{display:inline-block;*display:inline;color:#F40;max-width:631px;_width:631px}
  27. .warn{margin-right:10px}
  28. .alibaba{margin-right:40px}
  29. .box{height:260px;margin-top:10px;position:relative;background-color:#f0f7ed;padding-left:260px}
  30. .box-title{position:absolute;left:0;top:0;bottom:0;height:260px;width:230px;background-color:#87c308;color:#FFF}
  31. .box-title i{margin-top:46px}
  32. .box-title b{display:block;font-size:22px;line-height:90px}
  33. .box-title .arrow{border-width:15px 12px;border-style:solid;border-color:transparent;_border-color:pink;_filter:chroma(color=pink);border-left-color:#87c308;position:absolute;right:-24px;top:50%;margin-top:-12px;width:0;height:0;line-height:0;font-size:0}
  34. .box ul{overflow:hidden;padding-top:30px}
  35. .box ul li{float:left;display:inline;*zoom:1;width:240px;height:230px}
  36. .box ul li .ptxt{margin-top:10px;}
  37. .box ul.pdl{padding-left:110px;}
  38. .box ul li.seperator{width:1px;border-right:1px solid #FFF;border-left:1px solid #e9f3e1}
  39. .mobile-box{height:230px;background-color:#fffeee}
  40. .mobile-box a{cursor:default;text-decoration:none;color:#666;}
  41. .mobile-box a .pimg{width:141px;height:141px;border:0;}
  42. .mobile-box .box-title{height:230px;text-align:center;background-color:#f88c0d}
  43. .mobile-box .box-title .arrow{border-left-color:#f88c0d}
  44. .mobile-box .box-title i{margin-top:36px}
  45. .mobile-box .box-title b{line-height:70px}
  46. .chrome-item{color:#87c308}
  47. .ff-item{color:#34acf2}
  48. .uc-item{color:#f88c0d}
  49. .pc-box li a{display:inline-block;*display:inline;*zoom:1;width:168px;height:40px;line-height:40px;color:#FFF;background-color:#87c308;position:relative;font-size:18px}
  50. .pc-box li p{margin-top:28px;margin-bottom:8px}
  51. .pc-box li a:hover em{right:16px}
  52. .pc-box li a:hover i{right:18px}
  53. .pc-box li.ff-item a{background-color:#34acf2}
  54. .pc-box li.uc-item a{background-color:#f88c0d}
  55. .pc-box li a em,.pc-box li a i{border-width:7px 6px;border-style:solid;border-color:transparent;_border-color:pink;_filter:chroma(color=pink);border-left-color:#41901a;position:absolute;right:18px;top:13px;width:0;height:0;line-height:0;font-size:0}
  56. .pc-box li a i{border-left-color:#87c308;right:20px}
  57. .pc-box li.ff-item a em{border-left-color:#1777b3}
  58. .pc-box li.ff-item p{margin-top:16px;*margin-top:13px}
  59. .pc-box li.ff-item a i{border-left-color:#34acf2}
  60. .pc-box li.uc-item a em{border-left-color:#cf4b1a}
  61. .pc-box li.uc-item a i{border-left-color:#f88c0d}
  62. .mobile-box ul i{margin-left:160px;margin-top:20px;box-shadow:1px 1px 3px #EEE}