Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
lg
/
55128.cn_kjh.55128.cn_m.55128.cn
İzle 1
Yıldızla 0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Dal: master
Dallar Biçim İmleri
55128.cn_kjh...
/
CP55128
/
CB.Wap
/
static
/
css
/
specail.css

specail.css 34 KB
Kalıcı Bağlantı Geçmiş Ham

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

  2. /* CSS Document */
    3. 

  3. /*=========下拉select统一样式===========*/
    4. 

  4. select{width:4rem; height:1.75rem; line-height:1.75rem; background-color:; -webkit-appearance:none; appearance:none; -moz-appearance:none; margin:.125rem;
    5. 

  5. 	background:#89b4d0 url(../images/down-icon.png) no-repeat; background-position:94% center; background-size:.625rem; vertical-align:middle; text-indent:.125rem;
    6. 

  6. 	border-bottom:2px #6097ba solid; color:#fff; border-radius:.25rem; -moz-border-radius:.125rem; -webkit-border-radius:.125rem; box-shadow:none; -moz-box-shadow:none; 
    7. 

  7. 	-webkit-box-shadow:none; font-size:.875rem;}
    8. 

  8. option{text-indent:.25rem;}
    9. 

  9. 

  10. /*单选radio*/
    11. 

  11. .radio input[type=radio]{display:none;}
    12. 

  12. .radio label{display:inline-block; width:2rem; height:1.875rem; line-height:1.875rem; vertical-align:middle; background:url(../images/radio.png) no-repeat left center; 
    13. 

  13. 	background-size:1.125rem; cursor:pointer; appearance:radio-button; -webkit-appearance:radio-button; -moz-appearance:radio-button; font-size:.875rem;}
    14. 

  14. .radio input:checked + label{background:url(../images/radio-check.png) no-repeat left center; background-size:1.125rem; color:#186ea7;}
    15. 

  15. .radio input+label:visited{background:url(../images/radio-check.png) no-repeat left center; background-size:1.125rem; color:#186ea7;}
    16. 

  16. 

  17. /*单选radio-box*/
    18. 

  18. .radio-box input[type=radio]{display:none;}
    19. 

  19. .radio-box label{display:inline-block; width:4rem; height:1.75rem; line-height:1.75rem; background-color:#e5e5e5; text-align:center; font-size:.75rem; color:#808080;
    20. 

  20. 	 border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem; cursor:pointer;  appearance:radio-button; -webkit-appearance:radio-button; -moz-appearance:radio-button;}
    21. 

  21. .radio-box input:checked + label{background-color:#186ea7; color:#fff;}
    22. 

  22. .radio-box input+label:visited{background-color:#186ea7; color:#fff;}
    23. 

  23. .return{width:4rem; height:1.5rem; line-height:1.5rem; color:#186ea7; border:1px solid #e5e5e5; font-size:.75rem; text-align:center; margin:0 .25rem; cursor:text;}
    24. 

  24. /*==========================================================首页分类导航===================================================================*/
    25. 

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

  26. section{overflow:hidden; height:auto;}
    27. 

  27. .snavbox{width:100%; height:2rem; position:relative; overflow:hidden;background-color:#fff; border-bottom:1px #e5e5e5 solid; margin-top:1rem; }
    28. 

  28. .snav{background-color:#fff; overflow:auto; height:2rem; border-bottom:1px #e5e5e5 solid; overflow:hidden; white-space:nowrap; position:absolute;}
    29. 

  29. .snav a{display:inline-block; width:5rem; height:2rem; line-height:2rem; text-align:center; font-size:1.125rem; color:#808080; background-color:#fff; cursor:pointer;}
    30. 

  30. .snav a.active{color:#fff !important;background:url(../images/select_nav.png) no-repeat left top; background-size:5rem 2.125rem; background-position:left -1px;}
    31. 

  31. .button a{background-color:rgba(255,255,255,1); width:2rem; height:100%;}
    32. 

  32. .button .left{position:absolute; top:0; left:0; background:url(../images/ico_back.png) no-repeat center; background-size:.5rem 1rem; display:none;
    33. 

  33. 	box-shadow:2px 0 4px #ddd; -moz-box-shadow:2px 0 4px #ddd; -webkit-box-shadow:2px 0 4px #ddd;background-color:rgba(255,255,255,0.9);}
    34. 

  34. .button .right{position:absolute; right:0; top:0; background:url(../images/ico_right.png) no-repeat center; background-size:.5rem 1rem;
    35. 

  35. 	box-shadow:-2px 0 4px #ddd; -moz-box-shadow:-2px 0 4px #ddd; -webkit-box-shadow:-2px 0 4px #ddd;background-color:rgba(255,255,255,0.9);}
    36. 

  36. 	
    37. 

  37. 	
    38. 

  38. /*列表*/
    39. 

  39. .swiper{background-color:#fff; width:100vw; overflow:hidden;}
    40. 

  40. .mold-nav{padding:.5rem;}
    41. 

  41. .mold-nav h2{margin:0 .625rem;border-bottom:1px #9ac8e6 solid; color:#9ac8e6;font-size:1.25rem;line-height:2.5rem;height:2.25rem;}
    42. 

  42. .mold-nav h2 .round{display:inline-block;width:.5rem;height:.5rem;background:none;background-color:#9ac8e6;margin-right:.5rem; margin-top:-4px; vertical-align:middle; 
    43. 

  43. 	border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;}
    44. 

  44. .mold-nav  ul{overflow:hidden;color:#333;margin:0 .25rem;}
    45. 

  45. .mold-nav a{display:inline-block;float:left;line-height:1.875rem;height:1.875rem;padding:0 .5rem; font-size:1rem; color:#666;}
    46. 

  46. 

  47. .swiper-pagination{position:absolute; bottom:0;}
    48. 

  48. 

  49. 

  50. 

  51. /*==========================================================开奖类首页===================================================================*/
    52. 

  52. .lottery-now{background-color:#fff; width:100vw; border-bottom:2px solid #ef9d91; padding:.25rem 0; overflow:hidden;}
    53. 

  53. .lotter,.ballbox{display:inline-block; float:left;}
    54. 

  54. .lotter{width:15%; text-align:center;}
    55. 

  55. .lotter span{display:inline-block;width:3rem; height:2.75rem; margin-top:.25rem; background:url(../images/lot_logo.png) no-repeat top center; background-size:2.375rem;}
    56. 

  56. .ssq span{background-position:center -32px;}
    57. 

  57. .fc3d span{background-position:center 10px;}
    58. 

  58. .dlt span{background-position:center -75px;}
    59. 

  59. .p3 span{background-position:center -115px;}
    60. 

  60. 

  61. .ballbox{display:inline-block; width:85%; float:left;overflow:hidden;}
    62. 

  62. .ballbox li{font-size:.75rem; line-height:1.75rem; display:inline-block; float:left; color:#666;}
    63. 

  63. .ballbox .title{width:100%; color:#df4a32;}
    64. 

  64. .ballbox .title span{font-size:1rem; margin:0 .5rem 0 0; color:#666;}
    65. 

  65. .ball{display:inline-block; float:left; margin:.125rem; text-align:center; font-size:.75rem;width:1.5rem; height:1.5rem; line-height:1.5rem !important; border-radius:50%;}
    66. 

  66. .red{background-color:#ba3634; color:#fff !important;}
    67. 

  67. .blue{background-color:#0076b3; color:#fff !important;}
    68. 

  68. 

  69. /*搜索查询*/
    70. 

  70. .his-lot{background-color:#fff; width:100vw; padding:.5rem 0; overflow:hidden;}
    71. 

  71. .search-box{overflow:hidden; padding:0 .5rem;}
    72. 

  72. .search-box li{display:inline-block; float:left; font-size:.875rem; line-height:2.125rem; height:2.125rem; overflow:hidden;}
    73. 

  73. .search-box li a{display:inline-block; width:3rem; height:1.875rem; line-height:1.875rem; text-align:center; background-color:#ebebeb; margin:.125rem; font-size:.875rem;
    74. 

  74. 	border-radius:.125rem;}
    75. 

  75. .search-box li .active{background-color:#186ea7; color:#fff;}
    76. 

  76. .search-box li:last-child{float:right;}
    77. 

  77. .search-box li span{display:inline-block; float:left;}
    78. 

  78. .search-box li .btu{display:inline-block; overflow:hidden;}
    79. 

  79. .search-box .btu input,.sjh-query input{vertical-align:middle; float:left;}
    80. 

  80. .search-box .text,.sjh-query .text{width:4rem; border:1px #e5e5e5 solid; border-radius:.125rem 0 0 .125rem; height:1.75rem; font-size:.875rem; line-height:1.75rem; 
    81. 

  81. 	text-align:center; margin-left:.25rem; color:#666;}
    82. 

  82. .search-box .search,.sjh-query .search{width:2.25rem; height:1.875rem; background:#186ea7 url(../images/search.png) no-repeat center; background-size:60%; 
    83. 

  83. 	border-radius:0 .125rem .125rem 0;}
    84. 

  84. 

  85. /*历史开奖列表*/
    86. 

  86. .history{padding:.5rem; overflow:hidden;}
    87. 

  87. .history h1{line-height:1.125rem; font-size:1.25rem; margin-bottom:1rem; text-indent:.25rem;}
    88. 

  88. .history ul{width:100%; overflow:hidden;}
    89. 

  89. .history li{display:inline-block; float:left; font-size:.85rem; text-align:center; line-height:2.25rem; height:2.25rem}
    90. 

  90. .history .num{width:12%;}
    91. 

  91. .history .dates{width:23%;}
    92. 

  92. .history .ballbox{width:65%; text-align:center;}
    93. 

  93. .history .ballbox .ball{margin-top:.375rem; float:none;}
    94. 

  94. .history ul:first-child{font-size:.875rem; text-align:center; height:1.875rem; line-height:1.875rem; color:#808080;}
    95. 

  95. .bg-grey{background-color:#efefef;}
    96. 

  96. 

  97. 

  98. 

  99. /*==========================================================图谜类首页===================================================================*/
    100. 

  100. .num-nav{width:100vw; border-bottom:1px #e5e5e5 solid; overflow:hidden;}
    101. 

  101. .num-nav ul,.news-list ul{padding:0 .5rem; overflow:hidden;}
    102. 

  102. .num-nav li{display:inline-block; float:right; height:2.25rem; line-height:2.25rem;}
    103. 

  103. .num-nav ul li:first-child{float:left;}
    104. 

  104. .num-nav li em{display:inline-block; width:.5rem; height:.5rem; border-radius:50%; background-color:#df4a32; position:relative; top:-2px; margin:0 .25rem;}
    105. 

  105. .num-nav li span{color:#df4a32; margin:0 .25rem;}
    106. 

  106. .num-nav li a{display:inline-block; width:3rem; height:1.25rem; border:1px #e5e5e5 solid; border-radius:.25rem; margin:0 .25rem; background-color:#fff; line-height:1.25rem;
    107. 

  107. 	text-align:center; font-size:.75rem; color:#999; position:relative; top:-2px;}
    108. 

  108. 	
    109. 

  109. /*图库列表*/
    110. 

  110. .tuku-list{width:100vw; background-color:#fff; overflow:hidden;}
    111. 

  111. .tuku-list ul{padding:.5rem; overflow:hidden;}
    112. 

  112. .tuku-list li{display:inline-block; width:30.5%; height:1.875rem; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-color:#f4f4f4;
    113. 

  113. 	margin:.25rem; line-height:1.875rem; font-size:.75rem; position:relative;}
    114. 

  114. .tuku-list li a{color:#186ea7; font-size:.75rem; margin-left:.25rem;}
    115. 

  115. .tuku-list li span{margin-left:.25rem;}
    116. 

  116. .hot{background:url(../images/hot.gif) no-repeat top left;}
    117. 

  117. .new{background:url(../images/new.gif) no-repeat top left;}
    118. 

  118. .tuku-list li .new,.tuku-list li .hot,.news-list .title .new,.news-list .title .hot
    119. 

  119. 	{display:inline-block; width:1.125rem; height:.75rem; background-size:100%; margin:0; position:absolute; top:0; right:0;}
    120. 

  120. 

  121. 

  122. 

  123. /*==========================================================资讯预测类首页===================================================================*/
    124. 

  124. 

  125. /*通用专题页题*/
    126. 

  126. .column-title{background-color:#fff; padding:.5rem .5rem 0 .5rem;}
    127. 

  127. .column-title h1{text-indent:.5rem; line-height:1.875rem;border-bottom:2px #ddd solid; padding-bottom:.25rem;}
    128. 

  128. .column-title h1 span{display:inline-block; height:1.5rem; width:.25rem;background-color:#ef9d91;line-height:1.875rem;position:relative;top:.35rem; left:-.375rem;}
    129. 

  129. 

  130. .news-list{width:100vw; background-color:#fff; padding-bottom:3rem; overflow:hidden;}
    131. 

  131. .news-list li{float:left; width:100%;}
    132. 

  132. .news-list .title{font-size:1.125rem; line-height:1.5rem; height:1.5rem; margin:.625rem 0; position:relative;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    133. 

  133. .news-list .title em{color:#ef9d91; margin:0 .125rem; font-size:.875rem;}
    134. 

  134. .news-list .abstract{border-bottom:1px #e5e5e5 solid;padding-bottom:.625rem;}
    135. 

  135. .news-list .abstract a{display:inline-block; font-size:.875rem; color:#999 !important; line-height:1.25rem; width:auto; padding:0 .5rem;}
    136. 

  136. .news-list .tips{font-size:.875rem; color:#999; line-height:1.75rem;border-bottom:1px #e5e5e5 solid;}
    137. 

  137. .news-list .tips .times{margin-left:2rem;} 
    138. 

  138. 

  139. 

  140. /*底部加载更多*/
    141. 

  141. .load{width:100vw; height:2.25rem; border-top:1px #e5e5e5 solid; text-align:center; background-color:#f4f4f4; overflow:hidden;}
    142. 

  142. .load a{font-size:.875rem; color:#808080; line-height:2.25rem; width:100%;}
    143. 

  143. .load a span{display:inline-block;width:1.25rem; height:1.25rem; background:url(../images/load.gif) no-repeat center; background-size:100%; position:relative; top:4px;}
    144. 

  144. 

  145. 

  146. /*==========================================================资讯预测类详情页===================================================================*/
    147. 

  147. .news-info{width:100vw; background-color:#fff; padding-bottom:2rem; position:relative; overflow:hidden;}
    148. 

  148. .news-info .title{padding:.5rem; overflow:hidden;}
    149. 

  149. .news-info .title h1{font-size:1.125rem; color:#df4a32; height:2.25rem; line-height:2.25rem;text-indent:.25rem;width:100%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    150. 

  150. .news-info .title p{font-size:.875rem; line-height:1.25rem; color:#999; width:100%; border-bottom:1px #e5e5e5 solid; text-indent:.25rem;}
    151. 

  151. .news-info .title p span{margin-right:.75rem;}
    152. 

  152. 

  153. /*文章内容*/
    154. 

  154. .newsinfo,.newsinfo p{font-size:1rem; line-height:2.5rem; padding:0 .625rem; color:#666;}
    155. 

  155. .newsinfo img{width:100%; padding:.5rem 0;}
    156. 

  156. 

  157. 

  158. 

  159. /*==========================================================试机号查询===================================================================*/
    160. 

  160. .sjh-query,.his-sjh{width:100vw; background-color:#fff; overflow:hidden;}
    161. 

  161. .sjh-query ul{padding:0 .5rem; overflow:hidden;}
    162. 

  162. .sjh-query li{display:inline-block; float:left; margin:.5rem .125rem 0 .125rem; font-size:.875rem;}
    163. 

  163. .sjh-query .right{float:right; overflow:hidden;}
    164. 

  164. .sjh-query .right span{display:inline-block; float:left; line-height:1.875rem; overflow:hidden;}
    165. 

  165. .sjh-query .refresh{width:1.5rem; height:1.5rem; background:url(../images/refresh.png) no-repeat center; background-size:100%; cursor:pointer; margin-right:.25rem;}
    166. 

  166. 

  167. /*试机号历史*/
    168. 

  168. .his-sjh .hisjh{padding:0 .5rem 1rem .5rem; margin-top:.5rem; overflow:hidden;}
    169. 

  169. .his-sjh .hisjh table{width:100%; text-align:center;}
    170. 

  170. .hisjh th{font-size:.875rem; color:#808080; height:2rem; line-height:2rem;}
    171. 

  171. .hisjh td{font-size:.75rem; height:1.75rem; line-height:1.75rem; color:#666;}
    172. 

  172. 

  173. 

  174. 

  175. /*==========================================================模拟摇奖器===================================================================*/
    176. 

  176. .simulator{width:100vw; min-height:85vh; padding-bottom:2.75rem; background-color:#fbe496; overflow:hidden;}
    177. 

  177. .simu{padding:.5rem .5rem 0 .5rem;}
    178. 

  178. .simu img{width:100%; max-width:22rem;}
    179. 

  179. 

  180. .ernie-num{margin:.5rem; background-color:#fff; overflow:hidden;}
    181. 

  181. .ernie-num ul{padding:0 .5rem;overflow:hidden;}
    182. 

  182. .ernie-num li:last-child{margin-bottom: 1rem;}
    183. 

  183. .ernie-num .ballbox{width:100%; height:2.75rem; border-bottom:1px #e5e5e5 solid; line-height:2.75rem;}
    184. 

  184. .ernie-num .ball{margin:.625rem .25rem 0 .25rem;}
    185. 

  185. .lred{color:#e84542; border:1px #e84542 solid;}
    186. 

  186. .lblue{color:#52a8e1; border:1px #52a8e1 solid;}
    187. 

  187. .ernie-num .del{float:right; width:2.5rem; height:1.5rem; color:#999; line-height:1.5rem; border:1px #e5e5e5 solid; border-radius:.25rem; text-align:center; 
    188. 

  188. 	margin:.625rem .25rem 0 0;}
    189. 

  189. 

  190. 

  191. /*底部开始按钮*/
    192. 

  192. .star{width:100vw; height:3.25rem; line-height:3.25rem; background-color:#f7b26e; text-align:center; box-shadow:0 -1px 5px #ccc; 
    193. 

  193. 	-moz-box-shadow:0 -1px 5px #ccc; -webkit-box-shadow:0 -1px 5px #ccc; overflow:hidden;}
    194. 

  194. .star input{appearance:button; -webkit-appearance:button; background-color:#ed5565; width:7.5rem; height:1.875rem; color:#fff; line-height:1.875rem;
    195. 

  195. 	 border-radius:.25rem; vertical-align:middle;}
    196. 

  196. 

  197. 

  198. 

  199. /*==========================================================3D和值速查表===================================================================*/
    200. 

  200. .hz-query{width:100vw; padding:.5rem 0; background-color:#fff; overflow:hidden;}
    201. 

  201. .hz-query .hzquery{padding:0 .5rem; overflow:hidden;}
    202. 

  202. .hzquery table{width:100%; border:1px #e5e5e5 solid;}
    203. 

  203. .hzquery th{height:1.75rem; text-align:center; line-height:1.75rem; font-size:.75rem; border-bottom:1px #e5e5e5 solid;}
    204. 

  204. .hzquery td{height:1.5rem; text-align:center; line-height:1.5rem; font-size:.75rem; border-bottom:1px #e5e5e5 solid; position:relative;}
    205. 

  205. .hzquery .more-unm{display:inline-block; width:.75rem; height:.75rem; border-radius:50%; background-color:#df4a32; color:#fff; line-height:.75rem; text-align:center;
    206. 

  206. 	margin-left:.25rem; position:relative;}
    207. 

  207. .hzquery .display{position:absolute; display:inline-block; padding:.5rem; border:1px #df4a32 solid; background-color:#fff; font-size:.875rem; line-height:1.5rem; 
    208. 

  208. 	display:none; z-index:9;width:9rem; height:auto; word-wrap:break-word; bottom:1.5rem; left:-5rem; text-align:left; color:#666;}
    209. 

  209. .hzquery .more-unm span{position:absolute; display:inline-block; width:1rem; left:0; height:1rem; background-color:#fff; border-bottom:1px #df4a32 solid; 
    210. 

  210. 	border-left:1px #df4a32 solid; border-radius:0; bottom:1rem; left:-0.125rem;transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); 
    211. 

  211. 	-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); z-index:10; display:none;}
    212. 

  212. .hz-query .hzquery .bggrey{background-color:#e5e5e5; border-bottom:1px #fff solid;}
    213. 

  213. .hzquery .display em{color:#df4a32; margin-right:1rem;}
    214. 

  214. .hzquery td:hover .display{display:block;}
    215. 

  215. .hzquery td:hover .more-unm span{display:block;}
    216. 

  216. 

  217. 

  218. /*========================================双色球金额计算器=================================================*/
    219. 

  219. .ran{background:#fff; overflow:hidden; padding:.5rem .5rem 0 .5rem;border-bottom:1px #e5e5e5 solid;}
    220. 

  220. .ran .random{padding:0 0 .5rem 0; overflow:hidden; border-bottom:1px #e5e5e5 solid;}
    221. 

  221. .ran ul:last-child{border-bottom:0 none;}
    222. 

  222. .ran .random li{line-height:2.5rem; float:left; width:100%;}
    223. 

  223. .ran .random li span{display:inline-block; width:5em; text-align:right; margin-right:.125rem; font-size:.75rem;}
    224. 

  224. .ran .random select{width:3.5rem; font-size:.75rem;}
    225. 

  225. 

  226. 

  227. .result{padding:.5rem .5rem 0 .5rem; background:#fff; margin:.5rem 0 3.5rem 0;border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid;}
    228. 

  228. .result h2{color:#666; border-bottom:1px #e5e5e5 solid; text-align:left; text-indent:.5rem; line-height:1.75rem; font-size:.875rem;} 
    229. 

  229. .result h2 p{display:inline-block; color:#999;}
    230. 

  230. .result h2 p em{color:#df4a32; margin:0 .25rem;}
    231. 

  231. .result h2 p span{margin:0 .125rem;}
    232. 

  232. .result .random-unm{overflow:hidden; padding:.5rem;}
    233. 

  233. 

  234. .random-unm ul{overflow:hidden; width:100%;}
    235. 

  235. .random-unm li{display:inline-block; float:left; margin:.25rem; background-color:#e5e5e5; line-height:1.75rem; height:1.75rem; font-size:.75rem; position:relative; padding:0 .5rem;
    236. 

  236. 	cursor:default;}
    237. 

  237. .random-unm .cancel-btn{display:inline-block; width:.625rem; height:.625rem; line-height:.625rem; font-weight:bold; color:#fff; background-color:#d43939; text-align:center; font-size:.75rem;
    238. 

  238. 	border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:-.25rem; right:-.25rem; display:none; cursor:pointer;}
    239. 

  239. .skyblue{background-color:#d3eeff !important;}
    240. 

  240. .skyblue .cancel-btn{display:block;}
    241. 

  241. 

  242. .se-input{width:100%; background-color:#fff; height:1.5rem; padding:.625rem 0; border-top:1px #e5e5e5 solid; text-align:right;}
    243. 

  243. .se-input input{width:4.5rem; height:1.5rem; font-size:.75rem; background-color:#e5e5e5; color:#808080; border-radius:.75rem;
    244. 

  244. 	-moz-border-radius:.75rem; -webkit-border-radius:.75rem; margin-right:2rem; -webkit-appearance:button;}
    245. 

  245. .se-input .true_1{background-color:#7cc576; color:#fff;}
    246. 

  246. .se-input .false_1{background-color:#e84261; color:#fff;}
    247. 

  247. 

  248. /*底部栏*/
    249. 

  249. .ss-footer{width:100vw; position:fixed; bottom:0; left:0;}
    250. 

  250. .ss-footer .but{overflow:hidden; padding:.5rem 1rem .625rem 1rem; background-color:#2d2f30; text-align:center;}
    251. 

  251. .ss-footer .but input{display:inline-block; height:1.75rem; min-width:3rem; padding:0 .5rem; color:#fff; border-radius:.25rem; -webkit-appearance:button; -moz-border-radius:.25rem; 
    252. 

  252. 	-webkit-border-radius:.25rem; font-size:.75rem;}
    253. 

  253. .ss-footer .but .again{float:left; background-color:#89b4d0;}
    254. 

  254. .ss-footer .but .start{float:right; background-color:#ed5565;}
    255. 

  255. .ss-footer .but .midd{float:none; margin:0 auto;}
    256. 

  256. 

  257. 

  258. 

  259. /*========================================开奖时间=================================================*/
    260. 

  260. .kjsj{padding:.5rem; overflow:hidden; border-bottom:1px #e5e5e5 solid; background-color:#fff; margin-bottom:.5rem;}
    261. 

  261. .kjsj .time{overflow:hidden; width:100%;}
    262. 

  262. .kjsj .time li{display:inline-block; width:100%; float:left; line-height:2rem; color:#4d4d4d;}
    263. 

  263. .kjsj .time li a{color:#52a8e1;}
    264. 

  264. .kjsj .time .kjsj-title{font-size:1.25rem; color:#52a8e1; line-height:2.5rem; border-bottom:1px solid #52a8e1; text-indent:.25rem; position:relative; margin-bottom:.25rem;}
    265. 

  265. .time .ballbox .title{display:inline-block;width:100%; float:left; font-size:1rem;}
    266. 

  266. .kjsj .lot-his{padding-bottom:.625rem; overflow:hidden;}
    267. 

  267. .kjsj .lot-his .title{font-size:1.125rem; line-height:2.25rem;}
    268. 

  268. .kjsj .lot-his .title span{font-size:.875rem; color:#666; margin-left:.625rem;}
    269. 

  269. 

  270. 

  271. 

  272. /*========================================中奖规则==================================================*/
    273. 

  273. .article{padding:0 .5rem 2rem .5rem; background-color:#fff; overflow:hidden;}
    274. 

  274. .article h1{color:#52a8e1; line-height:1.5rem; margin:.5rem 0;}
    275. 

  275. .article h4{font-weight: bold;}
    276. 

  276. .article .rule{display:inline-block; width:100%; float:left; padding:.625rem 0; overflow:hidden;}
    277. 

  277. .article .rule ul{float:left; width:100%; border-bottom:1px #b2d0ff solid;}
    278. 

  278. .article .rule li{color:#666; line-height:1.75rem; padding:0 .25rem; font-size:.875rem;}
    279. 

  279. .article .rule .ballbox{width:100%;}
    280. 

  280. .article .rule .ball{width:1.25rem; height:1.25rem; line-height:1.25rem; border:0 none; color:#fff; float:none; font-size:.75rem;}
    281. 

  281. .article .rule .red{background-color:#c00000;}
    282. 

  282. .article .rule .blue{background-color:#5281cc;}
    283. 

  283. .article .rule span{line-height:1.25rem; font-size:1rem; color:#666;}
    284. 

  284. .article .rule .title{color:#5281cc; float:left; width:100%;}
    285. 

  285. .article .info{font-size:1rem; line-height:1.875rem; padding:0 .25rem; text-indent:2em;}
    286. 

  286. .article .info h2{color:#e84542; margin:.5rem 0;}
    287. 

  287. 

  288. 

  289. 

  290. 

  291. 

  292. 

  293. 

  294. 

  295. 

  296. 

  297. 

  298. /*==========================================================首页图片轮播===================================================================*/
    299. 

  299. .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#fff;}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:0px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
    300.