Startseite Erkunden Hilfe
Registrieren Anmelden
root
/
tv_xiaoyouxi
Beobachten 1
Favorit hinzufügen 0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: d1c3c48a01
Branches Tags
tv_xiaoyouxi
/
games
/
123sst
/
img
/
MAIN
/
2015
/
05
/
115577
/
page.css

page.css 6.8 KB
Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 
  1. @charset "UTF-8";
    2. 

  2. body, p, div, ol, ul, li, h1, span, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video,article, aside, footer, header, hgroup, nav, section, audio, canvas, video { display: block; margin: 0px; padding: 0px; }
    3. 

  3. body { font-size: 18px; font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, STHeiti, Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    4. 

  4. textarea { resize: none; }
    5. 

  5. iframe, img { border: 0; vertical-align: middle; margin: 0px; padding: 0px; }
    6. 

  6. ul, ol { list-style: none;font-family:"\5FAE\8F6F\96C5\9ED1"; }
    7. 

  7. input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
    8. 

  8. input { -webkit-appearance: none; }
    9. 

  9. a { text-decoration: none; font-family:"\5FAE\8F6F\96C5\9ED1";}
    10. 

  10. .cf:after { content: ""; display: table; clear: both }
    11. 

  11. .cf { *zoom: 1 }
    12. 

  12. em,i{ font-style: normal; }
    13. 

  13. 

  14. html, body {
    15. 

  15.     -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    16. 

  16.     user-select: none;
    17. 

  17. }
    18. 

  18. html{height:100%;overflow:hidden;font-family:"\5FAE\8F6F\96C5\9ED1";}
    19. 

  19. body{width:640px;transform-origin:0 0;-webkit-transform-origin: 0 0;overflow:hidden;margin:0 auto;background: url(images/bg1.jpg);height:830px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);}
    20. 

  20. * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-select: none; user-select: none;}
    21. 

  21. 	.w640{width:640px;height:830px;font-family:"\5FAE\8F6F\96C5\9ED1";}
    22. 

  22. 

  23. 

  24. 	.list1{display: none;}
    25. 

  25. 	.list2{display: none;}
    26. 

  26. 	.list3{display: none;}
    27. 

  27. 	.list4{display: none;}
    28. 

  28. 	.fm{width:640px;height:830px;background:url(images/fm.jpg);margin:0 auto;}
    29. 

  29. 

  30. 	.btn1{position: absolute;top:602px;left: 190px;background: url(images/btn1.png);width:260px;height:72px;}
    31. 

  31. 	.js{width:640px;height:830px;background: #fff8e2;margin:0 auto;position:relative;left:0;}
    32. 

  32. 	.js_a{margin:0 auto;width:640px;height:830px;position:relative;}
    33. 

  33. 	.js_a li{width:640px;height:830px;position:absolute;top:0;left:0;margin:0 auto;background: #fff8e2;}
    34. 

  34. 	.js_a li div{ display: block;width:100%;font-size:40px;text-align: center;height:74px;line-height:74px;position: absolute;top:293px;width:100%;text-align: center;color:#79aade;font-size:98px;}
    35. 

  35. 	.js_a li p.p_a{display: block;background:#fbcd69;width:115px;height:127px;line-height: 127px;font-family:Helvetica;text-align: center;color:#fff;text-shadow:#e1b75e 5px 5px 5px;margin-left:111px;font-size:42px;}
    36. 

  36. 	.js .p_b{display: block;width:113px;height:42px;line-height:42px;font-family:Helvetica;text-align: center;color:#fbcd69;font-size:42px; position:absolute;top:45px;right:86px; z-index:100}
    37. 

  37. 	.js_a li span{width:472px;top:455px;left:84px; display: block;background:url(images/t3.gif);height:330px;position: absolute;}
    38. 

  38. 	.js_a li span em{display: block;clear:both;width:472px;height:92px;line-height:92px; text-align: center;overflow: hidden;font-size:77px;color:#fff;margin:0 auto 26px auto; z-index: 1;position:relative;}
    39. 

  39. 	
    40. 

  40. 	.fd_con{width:500px;height:830px;background:url(images/fd.jpg); position: absolute;top:0;padding:0 70px;overflow: hidden;z-index:100;left:640px;}
    41. 

  41. 	.js_a li span div {position:absolute;top:0;left:50%;width:472px;height:330px;margin-left: -236px;background: url(images/t2.gif); z-index: 0;}
    42. 

  42. 	
    43. 

  43. @keyframes nextpage {from {width:100%;margin-left:-236px; }to {width:0%;margin-left:0px;}}
    44. 

  44. @-webkit-keyframes nextpage {from {width:100%;margin-left:-236px;}to {width:0%; margin-left:0px;}}
    45. 

  45. 	.return{top:573px;text-align: center;background: #89c1fb;color:#fff;height:92px;width:456px;left:92px;line-height:92px;position: absolute;text-align: center;font-size:42px;}
    46. 

  46. 	.share_btn{top:693px;text-align: center;background: #89c1fb;color:#fff;height:92px;width:456px;left:92px;line-height:92px;position: absolute;text-align: center;font-size:42px;}
    47. 

  47. 	.pl{padding:20px 0;text-align: center;}
    48. 

  48. 	.pla{padding:20px 0;text-align: center;}
    49. 

  49. 	.test{border: 1px solid #ccc;margin:20px auto;width:250px;text-align: center;background: #fff;font-size:30px;}
    50. 

  50. 	.pl p{position: absolute;display: block;top:100px;left:140px;font-size:28px;color:#bc9237;width:355px;text-align: center;}
    51. 

  51. 	.pl p i{color:#f97674;}
    52. 

  52. 	.pl h1{font-family:"\5FAE\8F6F\96C5\9ED1";position: absolute;top:180px;left:100px;line-height:60px;width:434px;text-align: center;font-size:44px;color:#fee6a8;text-shadow:#ec7f09 4px 0px 0px,#ec7f09 0px 4px 0px,#ec7f09 -4px 0px 0px,#ec7f09 0px -4px 0px;filter: glow(color=black, strength=4);
    53. 

  53. 

  54. }
    55. 

  55. .plb{background: url(images/cat1.png) no-repeat left top;width:294px;height:182px;top:315px;left:174px;position: absolute;-webkit-animation: haha 1s steps(2,end) infinite; }
    56. 

  56. .plb.bad{background: url(images/cat2.png) no-repeat left top;
    57. 

  57. -webkit-animation: cry 1s steps(2,end) infinite; 
    58. 

  58. }
    59. 

  59. 

  60. 

  61. @keyframes haha {
    62. 

  62. 	0% { background-position: 0 0;}
    63. 

  63. 	100% {background-position:-588px 0;}}
    64. 

  64. 

  65. @-webkit-keyframes haha {
    66. 

  66. 	0% { background-position: 0 0;}
    67. 

  67. 	100% {background-position:-588px 0;}
    68. 

  68. }
    69. 

  69. 

  70. @keyframes cry {
    71. 

  71. 	0% { background-position: 0 0;}
    72. 

  72. 	100% {background-position:-588px 0;}}
    73. 

  73. 

  74. @-webkit-keyframes cry {
    75. 

  75. 	0% { background-position: 0 0;}
    76. 

  76. 	100% {background-position:-588px 0;}
    77. 

  77. }
    78. 

  78. 

  79. .er_left{ position:absolute;left:-250px;top:100px;width:200px;text-align:center;}
    80. 

  80. .er_right{ position:absolute;right:-250px;top:300px;width:200px;text-align:center; z-index:1000;}
    81. 

  81. .er_right1{ position:absolute;right:0px;bottom:0px;width:200px;text-align:center; z-index:1000; display:none;}
    82. 

  82. .p_con{ position:relative;width:640px;height:830px; overflow:hidden;}
    83. 

  83. 

  84. .share{width:640px;height:830px;background-color: rgba(10,10,10,0.9);z-index: 400;display: none; position:absolute;left:0;top:0;}
    85. 

  85. .share span{text-align: center; display:block;}
    86. 

  86. .share #jiantou{text-align: right;padding-top:20px;padding-right:65px;padding-bottom:100px;}
    87. 

  87. .share #share{padding-left:25px;padding-bottom:80px;}
    88. 

  88. 

  89. 

  90. #mydiv{width: 640px;height: 830px;position:absolute;top:0;left:0; z-index:100;background: #fff8e2;}
    91. 

  91. .loadPage{position: absolute;top:0px;left:0px;}
    92. 

  92. .loadPage{width: 130px; height: 155px;overflow: hidden ;top:305px;left:248px;}
    93. 

  93. .loading {width: 100%; height: 100%;text-align: center;top:0px;}
    94. 

  94. .loading .loading-num { padding-left:5px;height: 20px; width:100%;font: 18px/18px Tahoma;top:20px; color: #000; text-align: center;}
    95. 

  95. .loading .inner {width: 100%; height: 4px; background-color: #fff; top:45px;}
    96. 

  96. .loading .inner .loading-progress { width: 0px; height:4px; background-color: #a0083b; float:left; }
    97. 

  97. .loading .loading-txt { top:55px;height: 20px; width:100%;top:67px;font: 18px/18px Tahoma; color: #000; text-align: center;}
    98. 

  98. .load_an{ background:url(images/load1.gif) no-repeat;width:129px;height:105px;
    99. 

  99. 		animation: loading 5s step-end infinite;
    100. 

  100. 	-ms-animation: loading 5s step-end infinite;
    101. 

  101. 	-moz-animation: loading 5s step-end infinite;
    102. 

  102. 	-webkit-animation: loading 5s step-end infinite;
    103. 

  103. }
    104. 

  104.