my.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @charset "UTF-8";
  2. /* CSS Document */
  3. .bar {
  4. position: fixed;
  5. right: 0;
  6. left: 0;
  7. z-index: 10;
  8. height: 44px;
  9. padding-right: 10px;
  10. padding-left: 10px;
  11. background-color: #fff;
  12. border-bottom: 1px solid #ddd;
  13. -webkit-backface-visibility: hidden;
  14. backface-visibility: hidden;
  15. background-color: rgba(0, 104, 183, .98);
  16. border-bottom: 0;
  17. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
  18. box-shadow: 0 0 1px rgba(0, 0, 0, .85)
  19. }
  20. .bar-nav {
  21. top: 0
  22. }
  23. .title {
  24. position: absolute;
  25. display: block;
  26. width: 100%;
  27. padding: 0;
  28. margin: 0 -10px;
  29. font-size: 17px;
  30. font-weight: 500;
  31. line-height: 44px;
  32. color: #fff;
  33. text-align: center;
  34. white-space: nowrap;
  35. font-family:"Microsoft Yahei";
  36. }
  37. body{ padding:44px 0 0 0}
  38. .content .slide{ text-align:center}
  39. .game-item img{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.9);
  40. box-shadow: 0 0 3px 0 rgba(0,0,0,.9); width:60px; height:60px; float:left; margin-right:10px;}
  41. .game-item{ border-bottom:1px dotted #c4c4c4; padding:10px; float:left; width:100%; position:relative}
  42. .gamename{ float:left; width:100%; padding-left:70px; margin-left:-70px; position:relative; height:60px; overflow:hidden}
  43. .gamename h5{ font-size:16px;font-weight:700; line-height:16px; margin:3px 0 8px 0; padding:0}
  44. .gamename p{ color:#999; font-size:12px;}
  45. .gamename p em{ font-style:normal; color:#f50;}
  46. .game-go{ float:right; position:absolute; right:10px; line-height:16px; top:32px;}
  47. .game-go span{ display:inline-block; width:16px; height:16px; background:url(../images/arrow.png) no-repeat; background-size:contain; float:right; margin-left:5px;}
  48. .game-go a{ color:#76c100; text-decoration:none}
  49. footer ul{ margin:5px 0 0 0; padding:0}
  50. footer li{ list-style:none; text-align:center; float:left; display:inline-block; width:33.3%}
  51. footer li a{ display:inline-block; width:70px; height:30px; padding-left:40px; line-height:30px; font-size:14px; color:#fff; text-decoration:none}
  52. footer li.foot-ico01 a{ background:url(../images/foot1.png) no-repeat 0 50% ;background-size:contain;}
  53. footer li.foot-ico02 a{ background:url(../images/foot2.png) no-repeat 0 50% ;background-size:contain;}
  54. footer li.foot-ico03 a{ background:url(../images/foot3.png) no-repeat 0 50% ;background-size:contain;}
  55. footer li a:hover{ color:#fff; text-decoration:none}