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
/
dlss
/
css
/
css.css

css.css 19 KB
History Raw

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

  2. body{padding:0;margin:0;font-size:12px;text-align:left;font-family:"Microsoft YaHei","SimHei","SimSun";color:#000;background:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none}
    3. 

  3. body,html {height:100%;}
    4. 

  4. img{border:0}
    5. 

  5. a{text-decoration:none}
    6. 

  6. ul:after,div:after,h3:after{content:".";clear:both;height:0;line-height:0;font-size:0;display:block;overflow:hidden;visibility:hidden;}
    7. 

  7. .zoom {-moz-transform-origin:top left;}
    8. 

  8. .wrap{position:relative;height:100%;overflow:hidden;}
    9. 

  9. .P_layer {position:absolute;z-index:1;}
    10. 

  10. .start {z-index:100;left:0;top:0;width:100%;height:100%;font-size:0;overflow:hidden;}
    11. 

  11. .start .cbox {left:0;top:0;width:100%;height:100%;}
    12. 

  12. .start-go {/*-webkit-transform-origin:0% 100%;-webkit-transform: scaleY(-1);*/}
    13. 

  13. .start .halo {z-index:1;left:50%;bottom:0;width:398px;height:300px;background:url(../images/start/halo-1.png) no-repeat;margin-left:-199px;-webkit-transition:background-image 300ms;display:none;}
    14. 

  14. .start .halo-1 {background-image:url(../images/start/halo-1.png);}
    15. 

  15. .start .halo-2 {background-image:url(../images/start/halo-2.png);}
    16. 

  16. .start .halo-3 {background-image:url(../images/start/halo-3.png);}
    17. 

  17. .start .halo-4 {background-image:url(../images/start/halo-4.png);}
    18. 

  18. .start .football {z-index:20;left:50%;bottom:19px;width:183px;height:186px;background:url(../images/football.png) no-repeat;background-size:100% 100%;margin-left:-91px;display:none;}
    19. 

  19. .start .prosess {left:50%;bottom:190px;width:160px;height:44px;background:url(../images/prose.png) no-repeat 0 -56px;margin-left:-80px;display:none;}
    20. 

  20. .start .prosess div {height:44px;background:url(../images/prose.png) no-repeat 0 0;}
    21. 

  21. 

  22. .start .tip {z-index:3;left:0;bottom:354px;width:100%;line-height:40px;text-align:center;color:#fff;font-size:30px;display:none;}
    23. 

  23. .start .hand {z-index:3;left:50%;bottom:265px;width:62px;height:65px;background:url(../images/start/speed/nhand.png) no-repeat;margin-left:-31px;-webkit-animation:startHandPlay 0.8s 0s infinite;display:none;}
    24. 

  24. @-webkit-keyframes startHandPlay{
    25. 

  25. 	0%{
    26. 

  26. 		-webkit-transform:translate(0,0);
    27. 

  27. 	}
    28. 

  28. 	50%{
    29. 

  29. 		-webkit-transform:translate(0,10px);
    30. 

  30. 	}
    31. 

  31. 	100%{
    32. 

  32. 		-webkit-transform:translate(0,0);
    33. 

  33. 	}
    34. 

  34. }
    35. 

  35. .start .box {position:relative;}
    36. 

  36. .start .loading {z-index:100;left:50%;top:50%;width:50px;height:120px;margin:-100px 0 0 -25px;display:none;}
    37. 

  37. .start .loading div.f {position:relative;z-index:2;width:50px;height:50px;text-align:center;background:url(../images/football.png) no-repeat;background-size:100% 100%;-webkit-animation:startLoadingPlay 1s cubic-bezier(0.0, 0.0, 1.0, 1.0) infinite;margin:0 auto;}
    38. 

  38. .start .loading div.fs {left:0;bottom:0;width:50px;height:13px;text-align:center;background:url(../images/footballshadow.png) no-repeat;background-size:100% 100%;-webkit-animation:startLoadingShadowPlay 1s cubic-bezier(0.0, 0.0, 1.0, 1.0) infinite;}
    39. 

  39. .start .loading div.ft {left:0;bottom:-30px;width:100%;line-height:20px;font-size:20px;color:#fff;font-weight:bold;text-align:center;}
    40. 

  40. @-webkit-keyframes startLoadingPlay{
    41. 

  41. 	0%{
    42. 

  42. 		-webkit-transform:translate(0,0) scaleY(1);
    43. 

  43. 	}
    44. 

  44. 	40%{
    45. 

  45. 		-webkit-transform:translate(0,45px) scaleY(1);
    46. 

  46. 	}
    47. 

  47. 	60%{
    48. 

  48. 		-webkit-transform:translate(0,65px) scaleY(1);
    49. 

  49. 	}
    50. 

  50. 	80%{
    51. 

  51. 		-webkit-transform:translate(0,70px) scaleY(0.8);
    52. 

  52. 	}
    53. 

  53. 	100%{
    54. 

  54. 		-webkit-transform:translate(0,0) scaleY(1);
    55. 

  55. 	}
    56. 

  56. }
    57. 

  57. @-webkit-keyframes startLoadingShadowPlay{
    58. 

  58. 	0%{
    59. 

  59. 		-webkit-transform:scale(0.5);
    60. 

  60. 	}
    61. 

  61. 	80%{
    62. 

  62. 		-webkit-transform:scale(1);
    63. 

  63. 	}
    64. 

  64. 	100%{
    65. 

  65. 		-webkit-transform:scale(0.5);
    66. 

  66. 	}
    67. 

  67. }
    68. 

  68. .start .selecttype {left:0;bottom:0;width:100%;height:560px;zoom:0.9;}
    69. 

  69. .start .selecttype .t1 {left:50%;top:0;width:560px;height:202px;background:url(../images/start/select/1.png) no-repeat;margin-left:-280px;}
    70. 

  70. .start .selecttype .t2 {left:50%;top:210px;width:271px;height:332px;background:url(../images/start/select/2.png) no-repeat;margin-left:-280px;}
    71. 

  71. .start .selecttype .t3 {left:50%;top:210px;width:271px;height:332px;background:url(../images/start/select/3.png) no-repeat;margin-left:10px;}
    72. 

  72. .start .box .logo {left:50%;top:0.5%;width:140px;height:128px;background:url(../images/start/logo.png) no-repeat;margin-left:-70px;-webkit-animation:startTxtStarPlay 2s 0;}
    73. 

  73. .start .box .logo-amazon {right:5px;top:9px;width:130px;height:56px;background:url(../images/amazon.png) no-repeat;-webkit-animation:startTxtStarPlay 2s 0;display:none;}
    74. 

  74. .start .box .txt-star {left:30%;top:8.4%;width:247px;height:202px;background:url(../images/start/zha.png) no-repeat;-webkit-animation:startTxtStarPlay 1s 1s infinite;}
    75. 

  75. .start .box .txt-1 {left:20.9%;top:9.3%;width:294px;height:178px;background:url(../images/start/start-txt-1.png) no-repeat;-webkit-transform:translate(0,0);-webkit-transition:-webkit-transform 300ms;}
    76. 

  76. .start .box .txt-2 {left:34%;top:14.3%;width:310px;height:117px;background:url(../images/start/start-txt-2.png) no-repeat;-webkit-transform:translate(0,0);-webkit-transition:-webkit-transform 300ms;}
    77. 

  77. .start .box .prize {left:9.3%;top:17.8%;width:529px;height:154px;background:url(../images/start/start-prize.png) no-repeat;-webkit-transform:translate(0,0);-webkit-transition:-webkit-transform 300ms;}
    78. 

  78. @-webkit-keyframes startTxtStarPlay{
    79. 

  79. 	0%{
    80. 

  80. 		opacity:0;
    81. 

  81. 	}
    82. 

  82. 	100%{
    83. 

  83. 		opacity:1;
    84. 

  84. 	}
    85. 

  85. }
    86. 

  86. .start .box .footballtarget {left:50%;top:26.5%;width:1px;height:1px;overflow:hidden;}
    87. 

  87. 

  88. 

  89. 

  90. .start .speedup {z-index:11;left:0;bottom:0;width:100%;height:620px;display:none;}
    91. 

  91. .start .speedup .txt {left:50%;bottom:378px;width:440px;height:69px;background:url(../images/start/speed/ntxt.png) no-repeat;margin-left:-220px;-webkit-animation:gamingTxt1Play 0.8s 0s;}
    92. 

  92. .start .speedup .txt-y {background-image:url(../images/start/speed/ntxt1.png);}
    93. 

  93. .start .speedup .txt-s {left:50%;bottom:428px;width:257px;height:211px;text-align:center;background:url(../images/start/speed/nbg.png) no-repeat;margin-left:-128px;}
    94. 

  94. .start .speedup .txt-s div {line-height:140px;font-size:100px;text-align:center;font-weight:bold;font-family:Arial;color:#fffe27;padding:20px 0 0 0;display:block;-webkit-transform:skewY(-10deg);display:none;}
    95. 

  95. .start .speedup .txt-s div.num {font-size:130px;}
    96. 

  96. .start .speedup .txt-s div.go, .start .speedup .txt-s div.ready{-webkit-animation:gamingTxtSPlay 0.3s 0s;display:none;}
    97. 

  97. .start .speedup .prosess1 {left:50%;bottom:284px;width:396px;height:83px;background:url(../images/gaming/wate-g.png) no-repeat;margin-left:-198px;}
    98. 

  98. .start .speedup .prosess1 span {width:294px;height:46px;background:url(../images/gaming/wate-g-1.png) no-repeat;display:block;}
    99. 

  99. .start .speedup .prosess1 span.b {margin:18px 0 0 64px;}
    100. 

  100. .start .speedup .prosess1 span.b span {width:0;background-image:url(../images/gaming/wate-g-2.png);overflow:hidden;}
    101. 

  101. .start .speedup .hand1 {z-index:3;left:50%;bottom:224px;width:62px;height:65px;background:url(../images/start/speed/nhand.png) no-repeat;margin-left:-31px;-webkit-animation:startHandPlay 0.8s 0s infinite;}
    102. 

  102. .start .speedup .halo {z-index:10;left:50%;bottom:0;width:460px;height:197px;background:url(../images/gaming/halo-1.png) no-repeat;margin-left:-230px;-webkit-animation:startHaloPlay 0.8s 0s;}
    103. 

  103. 

  104. @-webkit-keyframes gamingTxt1Play{
    105. 

  105. 	0%{
    106. 

  106. 		-webkit-transform:translate(-400px,0);
    107. 

  107. 	}
    108. 

  108. 	100%{
    109. 

  109. 		-webkit-transform:translate(0,0);
    110. 

  110. 	}
    111. 

  111. }
    112. 

  112. @-webkit-keyframes gamingTxtSPlay{
    113. 

  113. 	0%{
    114. 

  114. 		-webkit-transform:skewY(-10deg) scale(0);
    115. 

  115. 	}
    116. 

  116. 	100%{
    117. 

  117. 		-webkit-transform:skewY(-10deg) scale(1);
    118. 

  118. 	}
    119. 

  119. }
    120. 

  120. @-webkit-keyframes gamingHaloPlay{
    121. 

  121. 	0%{
    122. 

  122. 		-webkit-transform:translate(0,200px);
    123. 

  123. 	}
    124. 

  124. 	100%{
    125. 

  125. 		-webkit-transform:translate(0,0);
    126. 

  126. 	}
    127. 

  127. }
    128. 

  128. .start .speedup .halo-1 {background-image:url(../images/gaming/halo-1.png);}
    129. 

  129. .start .speedup .halo-2 {background-image:url(../images/gaming/halo-2.png);}
    130. 

  130. .start .speedup .halo-3 {background-image:url(../images/gaming/halo-3.png);}
    131. 

  131. .start .speedup .halo-4 {background-image:url(../images/gaming/halo-4.png);}
    132. 

  132. 

  133. 

  134. .gaming {position:relative;height:100%;overflow:hidden;
    135. 

  135. 	/*-webkit-transform-origin: 0% 0%;
    136. 

  136. 	-webkit-transform: scaleY(0);
    137. 

  137. 	opacity:1;
    138. 

  138. 	-webkit-transition:all 0s;*/
    139. 

  139. }
    140. 

  140. .gamingshow {/*-webkit-transform: scaleY(1);opacity:1;*/}
    141. 

  141. .gaming .box {z-index:10;left:0;top:0;width:100%;height:100%;overflow:hidden;}
    142. 

  142. .gaming .sky,.gamingshow .sky1,.gamingshow .sky2 {position:absolute;z-index:1;left:0;top:0;width:100%;background:no-repeat;background-size:100% 100%;}
    143. 

  143. .gamingshow .sky {z-index:3;}
    144. 

  144. .gamingshow .sky1 {z-index:2;}
    145. 

  145. .gamingshow .sky2 {z-index:1;}
    146. 

  146. /*.gamingshow .sky-go-0 {-webkit-transition:-webkit-transform 5s cubic-bezier(.99,.27,.82,.87);}*/
    147. 

  147. .gamingshow .sky-go-0 {-webkit-transition:-webkit-transform 9s cubic-bezier(.2,0,0,0.9);}
    148. 

  148. .gamingshow .sky-go-1 {-webkit-transition:-webkit-transform 5s cubic-bezier(0,.57,1,.53);}
    149. 

  149. .gamingshow .sky-go-2 {-webkit-transition:-webkit-transform 10s cubic-bezier(0,0,1,1);}
    150. 

  150. .gaming .bg {width:100%;opacity:1;-webkit-transition:opacity 3000ms;}
    151. 

  151. .gaming .football {z-index:10;left:50%;top:0;width:394px;height:1000px;margin-left:-197px;-webkit-transform:translate(0,1000px);-webkit-transition:-webkit-transform 3s;-webkit-transform-origin: 50% 0%;}
    152. 

  152. .gaming .footballflightnum {left:0;top:20%;width:100%;font-size:30px;color:#fff;text-align:center;display:none;-webkit-transition:top 3s;}
    153. 

  153. .gaming .footballflightnum span {font-size:48px;font-weight:bold;}
    154. 

  154. .gaming .footballflightnum-end {top:5%;}
    155. 

  155. .gaming .football .shock,.gaming .football .shock-1,.gaming .football .shock-2 {position:absolute;z-index:1;left:0;top:0;width:394px;height:73px;background:url(../images/gaming/1.png) no-repeat;display:none;}
    156. 

  156. .gaming .football .shock {-webkit-animation:gameShockPlay 0.2s 0s infinite;}
    157. 

  157. .gaming .football .shock-1 {-webkit-animation:gameShockPlay 0.8s 0s infinite;}
    158. 

  158. .gaming .football .shock-2 {-webkit-animation:gameShockPlay 2.2s 0s infinite;}
    159. 

  159. @-webkit-keyframes gameShockPlay{
    160. 

  160. 	0%{
    161. 

  161. 		opacity:1
    162. 

  162. 	}
    163. 

  163. 	100%{
    164. 

  164. 		opacity:0
    165. 

  165. 	}
    166. 

  166. }
    167. 

  167. .gaming .football .ball,.gaming .football .ball-1,.gaming .football .ball-2,.gaming .football .ball-3 {position:relative;z-index:2;width:120px;height:120px;background:url(../images/gaming/football.png) no-repeat;-webkit-transform:-webkit-animation 3s cubic-bezier(0.0, 0.0, 1.0, 1.0);margin:30px auto 0;display:none;}
    168. 

  168. .gaming .football .ball {-webkit-animation:gameFootballBallPlay 10s cubic-bezier(.2,0,0,1);}
    169. 

  169. .gaming .football .ball-end {-webkit-transform-origin: 0% 0%;-webkit-transform:scaleY(0.8);-webkit-transition:-webkit-transform 3s;-webkit-animation:none;}
    170. 

  170. @-webkit-keyframes gameFootballBallPlay{
    171. 

  171. 	0%{
    172. 

  172. 		-webkit-transform:rotate(0deg);
    173. 

  173. 	}
    174. 

  174. 	100%{
    175. 

  175. 		-webkit-transform:rotate(7200deg);
    176. 

  176. 	}
    177. 

  177. }
    178. 

  178. .gaming .football .fire {width:102px;height:248px;background:url(../images/gaming/huo.png) no-repeat;margin:-50px auto 0;}
    179. 

  179. .gaming .football .condoms {left:50%;top:5px;width:180px;height:1000px;background:url(../images/gaming/tao.png) no-repeat;margin-left:-90px;}
    180. 

  180. .gamingshow .football {}
    181. 

  181. .gamingshow .footballfloat {-webkit-animation:gameFootballfloatPlay 10s 0s infinite;}
    182. 

  182. .gamingshow .footballfloatstop {animation-play-state:paused;}
    183. 

  183. @-webkit-keyframes gameFootballfloatPlay{
    184. 

  184. 	0%{
    185. 

  185. 		-webkit-transform:translate(0,30%);
    186. 

  186. 	}
    187. 

  187. 	50%{
    188. 

  188. 		-webkit-transform:translate(0,40%);
    189. 

  189. 	}
    190. 

  190. 	100%{
    191. 

  191. 		-webkit-transform:translate(0,30%);
    192. 

  192. 	}
    193. 

  193. }
    194. 

  194. .gaming .superman {z-index:10;left:50%;top:0;width:88px;height:426px;margin-left:70px;background:url(../images/gaming/superman.png) no-repeat;-webkit-transform:translate(0,1100px);}
    195. 

  195. .gamingshow .supermanshow {-webkit-animation:gameSupermanPlay 6s 0s;}
    196. 

  196. @-webkit-keyframes gameSupermanPlay{
    197. 

  197. 	0%{
    198. 

  198. 		-webkit-transform:translate(0,1100px);
    199. 

  199. 	}
    200. 

  200. 	20%{
    201. 

  201. 		-webkit-transform:translate(0,500px);
    202. 

  202. 	}
    203. 

  203. 	40%{
    204. 

  204. 		-webkit-transform:translate(0,300px);
    205. 

  205. 	}
    206. 

  206. 	50%{
    207. 

  207. 		-webkit-transform:translate(0,200px);
    208. 

  208. 	}
    209. 

  209. 	100%{
    210. 

  210. 		-webkit-transform:translate(0,1100px);
    211. 

  211. 	}
    212. 

  212. }
    213. 

  213. .gaming .pagelock {z-index:11;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;}
    214. 

  214. 

  215. .gend {z-index:101;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);overflow:hidden;display:none;}
    216. 

  216. .gend .box {left:0;top:0;width:100%;height:100%;overflow:hidden;}
    217. 

  217. .gend .box .yuan {left:50%;top:20px;width:500px;height:500px;background:url(../images/gameend/h.png) no-repeat;background-size:100% 100%;margin-left:-250px;-webkit-animation:gendYuanPlay 1s linear;}
    218. 

  218. @-webkit-keyframes gendYuanPlay{
    219. 

  219. 	0%{
    220. 

  220. 		-webkit-transform:scale(0,0);
    221. 

  221. 	}
    222. 

  222. 	100%{
    223. 

  223. 		-webkit-transform:scale(1,1);
    224. 

  224. 	}
    225. 

  225. }
    226. 

  226. .gend .box .football {left:50%;top:90px;width:180px;height:180px;background:url(../images/gameend/t-0.png) no-repeat center center;background-size:100% 100%;margin-left:-90px;-webkit-animation:gendFootballPlay 4s linear infinite;display:none;}
    227. 

  227. @-webkit-keyframes gendFootballPlay{
    228. 

  228. 	0%{
    229. 

  229. 		-webkit-transform:rotate(0deg);
    230. 

  230. 	}
    231. 

  231. 	100%{
    232. 

  232. 		-webkit-transform:rotate(360deg);
    233. 

  233. 	}
    234. 

  234. }
    235. 

  235. .gend .box .xh {left:50%;top:110px;width:360px;height:167px;background:url(../images/gameend/t-s.png) no-repeat;background-size:100% 100%;margin-left:-170px;-webkit-animation:gendXhPlay 4s linear infinite;display:none;}
    236. 

  236. @-webkit-keyframes gendXhPlay{
    237. 

  237. 	0%{
    238. 

  238. 		opacity:0;
    239. 

  239. 	}
    240. 

  240. 	50%{
    241. 

  241. 		opacity:1;
    242. 

  242. 	}
    243. 

  243. 	100%{
    244. 

  244. 		opacity:0;
    245. 

  245. 	}
    246. 

  246. }
    247. 

  247. .gend .box .t1 {left:50%;top:180px;width:240px;height:208px;background:url(../images/gameend/t-1.png) no-repeat;background-size:100% 100%;margin-left:-110px;-webkit-animation:gendFromLeftPlay 0.5s;display:none;}
    248. 

  248. .gend .box .t2 {left:50%;top:252px;width:500px;height:100px;background:url(../images/gameend/t-2.png) no-repeat;background-size:100% 100%;margin-left:-232px;-webkit-animation:gendFromRightPlay 0.5s;display:none;}
    249. 

  249. .gend .box .t2 .txt {height:60px;text-align:center;-webkit-transform: skewY(-4deg);padding-top:28px;}
    250. 

  250. .gend .box .t2 span {font-size:40px;color:#fff;text-shadow:3px 3px 0 #2a5304;}
    251. 

  251. .gend .box .t2 b {font-size:40px;color:#f7fa04;text-shadow:3px 3px 0 #2a5304;}
    252. 

  252. .gend .box .t3 {left:50%;top:318px;width:410px;height:133px;background:url(../images/gameend/t-3.png) no-repeat;background-size:100% 100%;margin-left:-205px;-webkit-animation:gendFromRightPlay 0.5s;display:none;}
    253. 

  253. .gend .box .txt {left:0;width:100%;line-height:40px;text-align:center;font-size:24px;color:#fff;}
    254. 

  254. .gend .box .txt span {color:#feeb14;}
    255. 

  255. .gend .box .txt-1 {top:606px;}
    256. 

  256. .gend .box .txt-2 {top:718px;}
    257. 

  257. 

  258. .gend .box .c1 {left:50%;top:440px;width:461px;height:155px;background:url(../images/gameend/c1.png) no-repeat;margin-left:-230px;}
    259. 

  259. .gend .box .c1 a {width:127px;height:84px;background:url(../images/gameend/y/1.png) no-repeat;display:block;margin:40px 0 0 40px;}
    260. 

  260. .gend .box .c1 a.co-0 {background-image:url(../images/gameend/y/1.png);}
    261. 

  261. .gend .box .c1 a.co-1 {background-image:url(../images/gameend/y/2.png);}
    262. 

  262. .gend .box .c1 a.co-2 {background-image:url(../images/gameend/y/3.png);}
    263. 

  263. .gend .box .c1 a.co-3 {background-image:url(../images/gameend/y/4.png);}
    264. 

  264. .gend .box .c1 a.co-4 {background-image:url(../images/gameend/y/5.png);}
    265. 

  265. .gend .box .c1 a.co-5 {background-image:url(../images/gameend/y/6.png);}
    266. 

  266. .gend .box .c2 {left:50%;top:604px;width:460px;height:102px;background:url(../images/gameend/b-4.png) no-repeat;margin-left:-230px;}
    267. 

  267. .gend .box .b1 {left:50%;top:620px;width:567px;height:60px;background:url(../images/gameend/b-1.png) no-repeat;margin-left:-283px;}
    268. 

  268. .gend .box .b2 {left:50%;top:690px;width:607px;height:66px;background:url(../images/gameend/b-2.png) no-repeat;margin-left:-303px;}
    269. 

  269. .gend .box .b3 {left:50%;top:732px;width:460px;height:102px;background:url(../images/gameend/b-3.png) no-repeat;margin-left:-230px;}
    270. 

  270. .gend .box .share {left:0;top:870px;width:100%;height:54px;text-align:center;color:#fff;font-size:30px;}
    271. 

  271. 

  272. @-webkit-keyframes gendFromLeftPlay{
    273. 

  273. 	0%{
    274. 

  274. 		-webkit-transform:translate(-1000px,0);
    275. 

  275. 	}
    276. 

  276. 	100%{
    277. 

  277. 		-webkit-transform:translate(0,0);
    278. 

  278. 	}
    279. 

  279. }
    280. 

  280. @-webkit-keyframes gendFromRightPlay{
    281. 

  281. 	0%{
    282. 

  282. 		-webkit-transform:translate(1000px,0);
    283. 

  283. 	}
    284. 

  284. 	100%{
    285. 

  285. 		-webkit-transform:translate(0,0);
    286. 

  286. 	}
    287. 

  287. }
    288. 

  288. .rand {z-index:102;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);overflow:hidden;-webkit-animation:gendRandShowPlay 1s linear;display:none;}
    289. 

  289. @-webkit-keyframes gendRandShowPlay{
    290. 

  290. 	0%{
    291. 

  291. 		opacity:0;
    292. 

  292. 	}
    293. 

  293. 	100%{
    294. 

  294. 		opacity:1;
    295. 

  295. 	}
    296. 

  296. }
    297. 

  297. .rand .box {left:0;top:0;width:100%;height:100%;overflow:hidden;}
    298. 

  298. .rand .box .title {z-index:3;left:50%;top:15px;width:513px;height:211px;background:url(../images/rand/title.png) no-repeat;margin-left:-256px;}
    299. 

  299. .rand .box .list {z-index:2;left:50%;top:205px;width:492px;height:570px;color:#fff;text-align:center;background:#4d9606;margin-left:-246px;}
    300. 

  300. .rand .box .list span {color:#fbec03;}
    301. 

  301. .rand .box .list ul {padding:0;margin:5px 20px 0 20px;
    302. 

  302. 	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    303. 

  303. 	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    304. 

  304. 	display: -ms-flexbox;      /* TWEENER - IE 10 */
    305. 

  305. 	display: -webkit-flex;     /* NEW - Chrome */
    306. 

  306. 	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    307. 

  307. }
    308. 

  308. .rand .box .list ul:first-child {padding-top:20px;}
    309. 

  309. .rand .box .list ul li {width:0;height:36px;line-height:36px;list-style:none;font-size:24px;font-family:Arial, Helvetica, sans-serif;background:#3e8207;
    310. 

  310. 	-webkit-box-flex: 1;
    311. 

  311. 	-moz-box-flex: 1;
    312. 

  312. 	-webkit-flex: 1;
    313. 

  313. 	-ms-flex: 1;
    314. 

  314. 	flex: 1;
    315. 

  315. 	overflow:hidden;
    316. 

  316. }
    317. 

  317. .rand .box .list ul li:nth-child(2) {margin:0 5px;}
    318. 

  318. .rand .box .list ul.my {background:#fbec03;}
    319. 

  319. .rand .box .list ul.my li {color:#f37d0a;background:#fbec03;}
    320. 

  320. .rand .box .list .line {height:20px;background:url(../images/rand/line.png) repeat-x 0 center;margin:5px 25px 0;}
    321. 

  321. .rand .box .list .t1 {font-size:28px;padding:20px 0 15px;}
    322. 

  322. .rand .box .list .t2 {font-size:20px;padding:5px 0;}
    323. 

  323. .rand .box .list .listshadow {left:0;bottom:-6px;width:100%;height:6px;background:url(../images/rand/listshadow.png) no-repeat center 0;}
    324. 

  324. .rand .box .b1 {z-index:1;left:50%;top:780px;width:201px;height:73px;background:url(../images/rand/b1.png) no-repeat;margin-left:-210px;}
    325. 

  325. .rand .box .b2 {z-index:1;left:50%;top:780px;width:201px;height:73px;background:url(../images/rand/b2.png) no-repeat;margin-left:10px;}
    326. 

  326. .rand .box .share {left:0;top:880px;width:100%;height:54px;text-align:center;color:#fff;font-size:30px;}
    327. 

  327. 

  328. .gend .bdsharebuttonbox a,.rand .bdsharebuttonbox a {float:none;width:70px;height:70px;background:url(../images/shareico.png) no-repeat;display:inline-block; vertical-align:middle;margin:0 0 0 6px;}
    329. 

  329. .bdsharebuttonbox a.weixin {background-position:0 0;}
    330. 

  330. .bdsharebuttonbox a.bds_tsina {background-position:-92px 0;}
    331. 

  331. .bdsharebuttonbox a.bds_renren {background-position:-184px 0;}
    332. 

  332. .bdsharebuttonbox a.bds_douban {background-position:-276px 0;}
    333. 

  333. .bdsharebuttonbox a.bds_tqq {background-position:-368px 0;}
    334. 

  334. 

  335. .weixinbox {z-index:9999;left:0;top:0;width:100%;height:100%;display:none;overflow:hidden;}
    336. 

  336. .weixinbox img {left:50%;top:0;height:100%;}
    337. 

  337. 

  338. .sceentip {position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;font-size:20px;text-align:center;color:#fff;background:#65c606;display:none;}
    339. 

  339. 

  340. .noweixinopen {position:absolute;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
    341. 

  341. .noweixinopen .box {position:absolute;z-index:1;left:50%;top:50%;width:260px;background:#d5ffac;border-radius:5px;margin:0 0 0 -130px;overflow:hidden;}
    342. 

  342. .noweixinopen .box h3 {height:34px;line-height:34px;font-size:18px;color:#fff;background:#94d455;padding:0 0 0 10px;margin:0;}
    343. 

  343. .noweixinopen .box p {line-height:180%;font-size:14px;padding:10px 15px;margin:0;}
    344. 

  344. .noweixinopen .box .btns {text-align:center;padding:0 0 15px 0;margin:0 auto;}
    345. 

  345. .noweixinopen .box .btns .btn {height:34px;line-height:34px;font-size:16px;color:#fff;background:#94d455;padding:0 15px;display:inline-block;}
    346.