Home Explore Help
Register Sign In
root
/
tv_xiaoyouxi
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: d1c3c48a01
Branches Tags
tv_xiaoyouxi
/
games
/
tzwys
/
style.css

style.css 5.9 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 
  1. @charset "utf-8";
    2. 

  2. /* CSS Document */
    3. 

  3. body,html{margin:0;padding:0;width:100%;}
    4. 

  4. ul,li,p,a,img,div{ margin:0; padding:0; color:#FFF; font-size:16px;text-decoration:none;border:none; list-style:none; display:block; font-family:"微软雅黑"}
    5. 

  5. /*游戏主界面*/
    6. 

  6. .index{ width:100%; height:100%;position:absolute; left:0; top:0; display:block; z-index:10}
    7. 

  7. .index .bg{ width:100%; height:auto; position:absolute; left:0; top:0; z-index:-1}
    8. 

  8. .index .pbox{ padding-top:112%;}
    9. 

  9. .index .start{ width:100%; height:54px;background:url(img/gamestart.png) no-repeat bottom center;background-size:auto 54px;}
    10. 

  10. .index .gamegz{width:100%; height:54px;background:url(img/more.png) no-repeat bottom center;background-size:auto 54px; margin-top:20px}
    11. 

  11. 

  12. /*游戏规则*/
    13. 

  13. .gamesgztc{ width:100%; height:100%;position:fixed; left:0; top:0;background:url(img/gamesbg.png) no-repeat; background-size:100% 100%;display:none; z-index:11}
    14. 

  14. .gamesgztc .gz{ width:96%; height:97%; background:url(img/gametextbox.png) no-repeat; background-size:100% 100%; margin-left:2%; margin-top:3%;}
    15. 

  15. .gamesgztc .gz .gztext{ width:82%; height:80%;  margin-left:5%;padding:6% 3% 2% 3%; display:block}
    16. 

  16. .gamesgztc .gz .gztext span{background:url(img/gamestextbg.png) no-repeat; background-size:100% 100%; display:block; color:#000; font-size:16px; width:96%;height:96%; padding:2% 2%; overflow:scroll}
    17. 

  17. .gamesgztc .fh{ width:100%; display:block}
    18. 

  18. .gamesgztc .fh img{ max-width:32%; margin:0 auto; display:block}
    19. 

  19. 

  20. /*游戏进行*/
    21. 

  21. .gamesstart{ position:relative; width:100%;height:100%;display:block; position:fixed; left:0; top:0;}
    22. 

  22. .gamesstart .bg{ width:100%; height:auto; position:absolute; left:0; top:0; z-index:-1;}
    23. 

  23. .gamesstart .top{ width:100%; height:44px}
    24. 

  24. .gamesstart .top .zt{width:36px;height:44px; float:left; margin-left:5%; margin-top:10px}
    25. 

  25. .gamesstart .top .zt img{width:36px; margin:0 auto;}
    26. 

  26. .gamesstart .top .fs{ width:92px; height:44px; float:left; margin-top:16px; margin-left:16%; background:url(img/fs.png) no-repeat; background-size:100%; line-height:20px;color:#000; text-indent:50px}
    27. 

  27. .gamesstart .top .sj{ width:72px; height:44px; float:right; margin-right:5%;margin-top:16px; background:url(img/sj.png) no-repeat; background-size:100%; line-height:20px; color:#f00;text-indent:42px;}
    28. 

  28. .gamesstart .xian{width:100%; height:10px; background:url(img/x_10.png) no-repeat; background-size:200% 100%; display:block}
    29. 

  29. .gamesstart .p{ position:absolute; top:50px}
    30. 

  30. .gamesstart .p img{ width:36px; height:auto;}
    31. 

  31. .gamesstart .p1{left:50px}
    32. 

  32. .gamesstart .p2{left:230px}
    33. 

  33. .gamesstart .p3{ left:190px}
    34. 

  34. .gamesstart .p4{ left:123px}
    35. 

  35. .gamesstart .p5{ left:156px}
    36. 

  36. .gamesstart .rw{ position:fixed; width:50px; height:92px; bottom:0; left:42%; background:url(img/rw_111.png) no-repeat; background-size:100%;}
    37. 

  37. 

  38. /*游戏结束*/
    39. 

  39. .gamesjs{ position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.5); display:none;}
    40. 

  40. .gamesjs .u1{ width:250px; height:300px; margin-top:44px; background:url(img/gamestextbg.png) no-repeat; background-size:100% 100%;background-position:0 0;margin-left:auto; margin-right:auto; display:block;}
    41. 

  41. .gamesjs .u1 .l1{ width:96%;padding-top:15px; padding-left:2%; padding-right:2%; background:url(img/bx.png) no-repeat center 12px; background-size:60%; height:141px; text-align:center; color:#000}
    42. 

  42. .gamesjs .u1 .l1 img{ width:96%; height:auto; margin-left:auto; margin-right:auto; margin-top:0px;}
    43. 

  43. .gamesjs .u1 .l2{ width:100%; height:48px; background:url(img/h.png) no-repeat left center; background-size:20%; color:#f39800; line-height:24px; font-size:24px; text-align:center}
    44. 

  44. .gamesjs .u1 .l3{width:210px; height:52px;color:#000; padding-left:20px; padding-right:20px; line-height:24px}/*此处宽度不是百分比*/
    45. 

  45. .gamesjs .u1 .l3 .red{ color:#F00}
    46. 

  46. .gamesjs .u1 .fx{  width:90px;margin-top:50px; margin-left:80px; height:auto; background:url(img/gamestart.png) no-repeat; background-size:100%; height:36px;}
    47. 

  47. .gamesjs .u1 .lq{ float:left; margin-left:20px; width:90px; height:auto; background:url(img/share.png) no-repeat; background-size:100%; height:36px;}
    48. 

  48. .gamesjs .u1 .more{float:right; margin-right:20px; width:90px; height:auto; background:url(img/more.png) no-repeat; background-size:100%; height:36px;}
    49. 

  49. .gamesjs .u2{ width:220px; height:300px; margin-left:auto; margin-right:auto; display:none; margin-top:44px}
    50. 

  50. .gamesjs .u2 li img{ width:100%;}
    51. 

  51. .gamesjs .u3{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100; display:none}
    52. 

  52. .gamesjs .u3 img{ width:50%; height:auto; position:fixed; right:0px; top:0px}
    53. 

  53. .gamesjs .fhsy{ position:fixed; left:20px; bottom:0px; width:90px; height:36px; background:url(img/fhsy.png) no-repeat; background-size:100%;}
    54. 

  54. .gamesjs .u4{ width:250px; height:300px; margin-top:44px; background:url(img/gamestart.png) no-repeat; background-size:100%;background-position:0 0;margin-left:auto; margin-right:auto; display:none}
    55. 

  55. .gamesjs .zlyc{ position:fixed; right:20px; bottom:0px; width:90px; height:36px; background:url(img/zlyc.png) no-repeat; background-size:100%;}
    56. 

  56. 

  57. /*游戏暂停*/
    58. 

  58. .gameszt{ position:fixed; left:0; top:0;width:100%; height:100%; display:none}
    59. 

  59. .gameszt .u1{width:250px; height:300px; margin-top:44px; background:url(img/ztbg.png) no-repeat; background-size:100%;margin-left:auto; margin-right:auto;}
    60. 

  60. .gameszt .u1 h1{ width:100%; height:48px; text-align:center; line-height:48px; font-size:26px; color:#000; background:url(img/gamezt.png) no-repeat 52px center; background-size:auto 60%;}
    61. 

  61. .gameszt .u1 .l1{ width:100%; height:56px; background:url(img/jxyx.png) no-repeat center; background-size:64%}
    62. 

  62. .gameszt .u1 .l2{ width:100%; height:56px; background:url(img/cxyx.png) no-repeat center; background-size:64%}
    63. 

  63. .gameszt .u1 .l3{ width:100%; height:56px; background:url(img/tcyx.png) no-repeat center; background-size:64%}
    64. 

  64. 

  65. .jiafen{ position:fixed; left:0; width:42px; height:64px;  color:#595757; font-size:26px;}
    66. 

  66. 

  67. /*音乐控件*/
    68. 

  68. .yykj{ position:fixed; right:0px; top:0px; width:50px; height:50px; background:url(img/play.png) center no-repeat; z-index:20; background-size:30px 30px;}
    69. 

  69. 

  70.