tool.css 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .zst-subnav{width:100%;padding:0;}
  4. /*================================主体定位======================================*/
  5. /*#wrapper{position:absolute; top:0; left:0; bottom:2.875rem; width:100%; height:auto; z-index:1; overflow:hidden;}
  6. #scroller {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%; height:2rem;-webkit-transform: translateZ(0);
  7. -moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;
  8. -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;
  9. -moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
  10. #scroller {transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);} */
  11. /*=========单选、多选、复选input统一样式===========*/
  12. /*单选radio*/
  13. .radio input[type=radio]{display:none;}
  14. .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;
  15. background-size:1.125rem; cursor:pointer; appearance:radio-button; -webkit-appearance:radio-button; -moz-appearance:radio-button; font-size:.875rem;}
  16. .radio input:checked + label{background:url(../images/radio-check.png) no-repeat left center; background-size:1.125rem; color:#186ea7;}
  17. .radio input+label:visited{background:url(../images/radio-check.png) no-repeat left center; background-size:1.125rem; color:#186ea7;}
  18. /*单选radio-box*/
  19. .radio-box input[type=radio]{display:none;}
  20. .radio-box label{display:inline-block; width:4rem; height:1.75rem; line-height:1.75rem; background-color:#e5e5e5; text-align:center; font-size:.875rem; color:#808080;
  21. border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem; cursor:pointer; appearance:radio-button; -webkit-appearance:radio-button; -moz-appearance:radio-button;}
  22. .radio-box input:checked + label{background-color:#186ea7; color:#fff;}
  23. .radio-box input+label:visited{background-color:#186ea7; color:#fff;}
  24. /*多选checked*/
  25. .checked input[type=checkbox]{display:none;}
  26. .checked label{display:inline-block;width:2.5rem; height:1.875rem; cursor:pointer; vertical-align:middle; padding-left:1.5rem; line-height:1.875rem;
  27. background:url(../images/out.png) no-repeat center left;background-size:18px 18px; cursor:pointer; font-size:.875rem; }
  28. .checked input:checked + label {background:url(../images/on-click.png) no-repeat center left; background-size:18px;}
  29. .checked input+label:visited {background:url(../images/on-click.png) no-repeat center left; background-size:18px;}
  30. /*复选radio-repeat*/
  31. .radio-repeat input[type=radio]{display:none;}
  32. .radio-repeat label{display:inline-block; width:2.5rem; text-align:center; height:1.75rem; line-height:1.75rem; box-shadow:0 2px 4px #e5e5e5 inset; background-color:#fafafa;
  33. -moz-box-shadow:0 2px 4px #e5e5e5 inset; -webkit-box-shadow:0 2px 4px #e5e5e5 inset; vertical-align:middle; color:#808080; border-radius:0 .25rem .25rem 0;
  34. -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0; cursor:pointer; appearance:radio-button; -webkit-appearance:radio-button; -moz-appearance:radio-button;}
  35. .radio-repeat input:checked + label{background-color:#39d090; color:#fff;}
  36. .radio-repeat .one{border-radius:.25rem 0 0 .25rem; -moz-border-radius:.25rem 0 0 .25rem;; -webkit-border-radius:.25rem 0 0 .25rem;}
  37. .radio-repeat input+label:visited{background-color:#39d090; color:#fff;}
  38. /*=========下拉select统一样式===========*/
  39. select{width:4.5rem; height:1.875rem; line-height:1.875rem; background-color:; -webkit-appearance:none; appearance:none; -moz-appearance:none; margin:.125rem;
  40. background:#89b4d0 url(../images/down-icon.png) no-repeat; background-position:90% center; background-size:.625rem; vertical-align:middle; text-indent:.125rem;
  41. border-bottom:2px #6097ba solid; color:#fff; border-radius:.25rem; box-shadow:none;}
  42. option{text-indent:.25rem;}
  43. /*=========号码球ball统一样式===========*/
  44. .ballbox input[type=radio],.ballbox input[type=checkbox],.ballbox-b input[type=radio],.ballbox-b input[type=checkbox]{display:none;}
  45. .ballbox label,.ballbox-b label{display:inline-block; width:2rem; height:2rem; line-height:2.125rem; color:#bbb; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
  46. text-align:center; margin:.25rem; font-size:1.125rem; cursor:pointer; background-color:#ededed;}
  47. .ballbox input:checked + label{background-color:#db5440; color:#fff !important;}
  48. .ballred{background-color:#db5440 !important; color:#fff !important;}
  49. .ballbox input+label:visited{background-color:#db5440;}
  50. .ballbox-b input:checked + label{background-color:#186ea7; color:#fff !important;}
  51. .ballblue{background-color:#186ea7 !important; color:#fff !important;}
  52. .ballbox-b input+label:visited{background-color:#186ea7;}
  53. .gball-red{color:#db5440 !important;}
  54. .gball-blue{color:#186ea7 !important;}
  55. /*=========frame选择框统一样式===========*/
  56. .framebox{overflow:hidden; padding:0 .875rem;}
  57. .framebox input[type=radio],.framebox input[type=checkbox]{display:none;}
  58. .framebox label{display:inline-block; min-width:1.5rem; padding:0 .25rem; float:left;
  59. height:2rem; text-align:center; line-height:2rem; font-size:1.125rem; color:#bbb;
  60. margin:.25rem; cursor:pointer; background-color:#ededed;border-radius:.25rem;}
  61. .framebox input:checked + label{background-color:#186ea7; color:#fff !important;}
  62. .framebox .frameboxblue {background-color:#186ea7; color:#fff !important;}
  63. .framebox input+label:visited{background-color:#186ea7; color:#fff !important;}
  64. /*=========3D缩水工具===========*/
  65. /*直选号码*/
  66. .posi-num,.posi-dad,.sum{padding:0 .5rem; text-align:left; overflow:hidden;}
  67. .posi-num p,.posi-dad p,.sum p{color:#808080; font-size:.75rem; line-height:1.25rem; padding-top:.25rem;}
  68. .posi-num ul{display:inline-block; width:100%; overflow:hidden; float:left; border-bottom:1px #ededed solid;}
  69. .posi-num li{display:inline-block; float:left;}
  70. .posi-num li:first-child{width:1.875rem; font-size:.75rem; margin:.25rem 0; line-height:2rem;}
  71. .ballbox{overflow:hidden; width:90%; margin:0;}
  72. .ball{display:inline-block; width:2rem; height:2rem; line-height:2.125rem; color:#bbb; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
  73. text-align:center; margin:.25rem; font-size:1.125rem; cursor:pointer;}
  74. .grey,.bgrey,.bg-grey{background-color:#ededed;}
  75. .red{background-color:#db5440; color:#fff !important;}
  76. .blue{background-color:#186ea7 !important; color:#fff !important; border:none;}
  77. .ballbox .btu{float:right;}
  78. .ballbox input{border:1px #ddd solid; border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem; padding:0 .25rem; margin:.25rem; color:#808080;
  79. vertical-align:middle; height:1.875rem;-webkit-appearance:button; font-size:.75rem;}
  80. .chenkall{border:1px #186ea7 solid; color:#fff; background-color:#186ea7;}
  81. /*大底*/
  82. .posi-dad .textarea,.shrink .textarea{width:95%; height:10rem; padding:2%; overflow-y:auto; overflow-x:hidden; border:1px #ddd solid; border-radius:.25rem; -moz-border-radius:.25rem;
  83. -webkit-border-radius:.25rem; color:#666; line-height:2rem; color:#666;}
  84. .posi-dad .radio{text-align:right; margin:.5rem 0;}
  85. .posi-dad .radio label{width:2rem; padding-left:1.5rem; margin-left:1rem;}
  86. /*.posi-dad input[type=radio]{display:none;}
  87. .posi-dad label,.straight label
  88. {display:inline-block; width:2rem; height:1.875rem; vertical-align:middle; background:url(../images/radio.png) no-repeat left center;
  89. background-size:1.125rem; cursor:pointer;padding-left:1.5rem; line-height:1.875rem; margin-right:.625rem;}
  90. .posi-dad input + label:active,.straight input + label:active{background:url(../images/radio-check.png) no-repeat left center; background-size:1.125rem;}
  91. .posi-dad input:checked + label,.straight input:checked + label{background:url(../images/radio-check.png) no-repeat left center; background-size:1.125rem;}*/
  92. .hide{display:none;}
  93. /*弹窗样式*/
  94. .qus{display:inline-block; width:1.125rem; height:1.125rem; line-height:1.125rem; background-color:#ee9e93; color:#fff; text-align:center; border-radius:50%;
  95. line-height:1.125rem; margin:0 .5rem; cursor:pointer; position:relative;}
  96. .modal{ visibility:hidden;display:inline-block;width:12rem;background: #fff; border:1px #ee9e93 solid;position: absolute;z-index: 101;padding:1rem; text-align:left; top:1.75rem; left:-3.5rem; color:#666; box-shadow:10px 10px 20px #ccc;}
  97. .deg{display:inline-block; width:1rem; height:1rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);
  98. -ms-transform:rotate(-45deg); border-top:1px #ee9e93 solid; border-right:1px #ee9e93 solid; position:absolute; bottom:-1.125rem; left:0; z-index:102;
  99. background-color:#fff; visibility:hidden;}
  100. .qus:hover .modal{visibility:visible;}
  101. .qus:hover .deg{visibility:visible;}
  102. /*二码和过滤*/
  103. .sum{padding-top:.25rem; background-color:#fff; min-height:15rem;}
  104. .sum p{line-height:1.75rem; padding:.25rem 1rem;}
  105. .sum .framebox{padding:.625rem 0;}
  106. /*顺子过虑*/
  107. .sum .straight{text-align:center; padding:1rem .5rem;}
  108. .sum .straight label{width:5rem;padding-left:1.5rem; text-align:left;}
  109. /*.sum .straight input[type=checkbox]{display:none;}
  110. .sum .straight label{width:5rem; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
  111. .sum .group label{display:inline-block;width:2.5rem; height:1.875rem; cursor:pointer; vertical-align:middle; padding-left:1.5rem; line-height:1.875rem;
  112. background:url(../images/out.png) no-repeat center left;background-size:18px 18px;}
  113. .sum .group input:checked + label {background:url(../images/on-click.png) no-repeat center left; background-size:18px;}*/
  114. /*缩水底部栏*/
  115. .ss-footer{width:100%;overflow:hidden;}
  116. .ss-footer .but{overflow:hidden;background:#fafdff;padding:0 .5rem .5rem .5rem;border:1px #ddd; text-align:center;}
  117. .ss-footer .but input{display:inline-block; height:2.25rem; width:50%; color:#fff;font-size:1rem;appearance:none; -webkit-appearance:none; -moz-appearance:none;}
  118. .ss-footer .but .again{float:left; background-color:#89b4d0;border-radius:.25rem 0 0 .25rem;}
  119. .ss-footer .but .start{float:right; background-color:#ed5565;border-radius:0 .25rem .25rem 0;}
  120. .ss-footer .but .midd{float:none; margin:0 auto;width:100%;border-radius:.25rem;}
  121. /*========================================3D号码分析/试机号分析=================================================*/
  122. .num-box,.num-show,.num-result{width:100%; overflow:hidden; background-color:#fff; margin:.5rem 0; padding-bottom:.75rem;}
  123. .num-box{margin:0;margin-top:.375rem;}
  124. .num-box p{font-size:1.125rem; line-height:2.25rem; text-indent:.625rem; color:#186ea7;}
  125. .num-box input{margin:0 .625rem; width:92%; padding:1%; border:1px #186ea7 solid; height:2.75rem; cursor:text;
  126. border-radius:.25rem;text-align:center;font-size:1.5rem;color:#ff8800; letter-spacing:.5rem;}
  127. .num-show{background-color:#f4f4f4; padding-bottom:0rem;}
  128. .num-show ul{text-align:center; overflow:hidden; background:url(../images/num_show_bg.png) no-repeat center; background-size:22rem 5rem; height:3.75rem;}
  129. .num-show li{display:inline-block; float:left; width:50%; text-align:right; vertical-align:middle; color:#b7751d; font-size:.75rem; margin-top:.5rem;}
  130. .num-show .ballbox{text-align:left; width:50%; margin:0;}
  131. .num-show .ballbox .ball{width:1.5rem; height:1.5rem; line-height:1.5rem;}
  132. .num-show .num-time{text-align:center; color:#fff; font-size:1.125rem; text-align:center; width:100%; margin:0;}
  133. .num-show .num-time span{margin:0 .25rem;}
  134. /*分析结果*/
  135. .num-result{margin:0; padding-bottom:.5rem;border-top:1px #ddd solid;}
  136. .num-result li{padding:.625rem; border-bottom:1px #e5e5e5 solid;}
  137. .num-result .title{color:#808080; line-height:1.5rem;}
  138. .num-result strong{font-weight:bold; color:#333;}
  139. .num-result .wred,.num-result .wRed{margin:0 .25rem;}
  140. /*试机号分析结果*/
  141. .sjhnum-result ul{overflow:hidden; padding:0 .5rem;}
  142. .sjhnum-result li{display:inline-block;float:left;width:25%; overflow:hidden; text-align:center; padding:0; line-height:1.5rem;}
  143. .sjhnum-result .title{font-size:1rem; color:#ef9d91; width:100%; text-align:left; position:relative; text-indent:1.25rem; line-height:1.875rem; padding-top:.25rem;
  144. border-bottom:2px #ef9d91 solid;}
  145. .sjhnum-result li span{background-color:#e5e5e5; width:100%; display:inline-block; float:left; font-size:.75rem;}
  146. .sjhnum-result li span:first-child{background:none;}
  147. .sjhnum-result .wred{margin:0;}
  148. .sjhnum-result .title span{background-color:#ef9d91 !important; width:.5rem; height:.5rem; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
  149. position:absolute; top:1rem; left:.5rem;}
  150. /*========================================3D未出号查询=================================================*/
  151. .num-query{background-color:#fff; overflow:hidden;padding-bottom:.5rem;}
  152. .num-query ul{border-bottom:1px #ddd solid; float:left; width:100%; padding:.625rem 0;}
  153. .num-query ul:last-child{border:0 none;}
  154. .num-query li{font-size:.75rem; line-height:1.875rem; padding:.25rem .625rem;}
  155. .return{width:4rem; height:1.5rem; line-height:1.5rem; color:#186ea7; border:1px solid #e5e5e5; font-size:.875rem; text-align:center; margin:0 .25rem; cursor:text;}
  156. .small{width:2rem;}
  157. .num-query .checked label{width:4rem;}
  158. .num-query select{width:3.5rem;font-size:.875rem;}
  159. /*========================================3D复式全排列=================================================*/
  160. .posi-fsnum,.follow,.showdata,.fs-miss,.gs-analy,.shrink-ru{width:100%; overflow:hidden; background-color:#fff; text-align:center;}
  161. .posi-fsnum ul,.follow ul{padding:0 .5rem; overflow:hidden; border-bottom:1px #e5e5e5 solid;}
  162. .follow ul:last-child{border:0 none;}
  163. .posi-fsnum li{display:inline-block; float:left; font-size:.875rem; text-align:left;}
  164. .posi-fsnum .title{width:100%; line-height:1.75rem; color:#808080;}
  165. .posi-fsnum .place{width:10%; line-height:2rem; margin:.25rem 0;}
  166. .posi-fsnum .ballbox{width:90%; border-bottom:1px #e5e5e5 solid;}
  167. .posi-fsnum .ballbox:last-child{border:0 none;}
  168. .zhuhao{padding:.5rem; background-color:#fff;}
  169. .zhuhao .checked{text-align:center; padding:.625rem 0;}
  170. .zhuhao .checked label{width:3.5rem; text-align:left;}
  171. /*========================================3D和值全排列=================================================*/
  172. .posi-fsnum .framebox{margin:0 auto; padding:0 7% .5rem 7%; width:85%; text-align:center;}
  173. /*========================================3D追号计算器=================================================*/
  174. .follow{text-align:left;}
  175. .follow ul{padding-bottom:.5rem;}
  176. .follow li{line-height:2.5rem; font-size:.75rem;}
  177. .follow .radio-box label{margin:0 .25rem;}
  178. .follow .radio label{width:80%; padding-left:2rem;}
  179. .follow .last{padding-left:2rem;}
  180. /*计算结果*/
  181. .showdata{margin-top:.625rem;padding-bottom:.5rem;}
  182. .showdata h2,.mon-tab h2{color:#666; line-height:1.875rem;}
  183. .showdata .tables{padding:0 .5rem; font-size:.875rem; text-align:center;}
  184. .showdata .tables table{width:100%; float:left;}
  185. .showdata .tables th{color:#999; background-color:#efefef; height:2rem;}
  186. .showdata .tables td{height:1.875rem;overflow:hidden;text-align:center;}
  187. .showdata .tables tr:last-child{border-bottom:1px #e5e5e5 solid;}
  188. /*========================================3D复式号码分析=================================================*/
  189. .fs-miss{text-align:left; padding:.5rem 0 0 0;}
  190. .fs-miss div{padding:0 .5rem; border-bottom:1px #e5e5e5 solid;float:left; padding-bottom:.25rem; width:100%;}
  191. .fs-miss div:last-child{border:0 none;}
  192. .fs-miss input{margin:.25rem .2rem;}
  193. .fs-miss .checked{width:100%; text-align:center; padding:.5rem 0;}
  194. .fs-miss .checked label{width:4rem;}
  195. .fs-miss .radio label{padding-left:1.5rem; width:10rem;}
  196. /*========================================3D跟随号码分析=================================================*/
  197. .gs-analy{text-align:left; padding:.5rem 0 0 0;}
  198. .gs-analy ul{overflow:hidden; float:left; padding:0 .5rem .625rem .5rem; border-bottom:1px #e5e5e5 solid;}
  199. .gs-analy ul:last-child{border:0 none;}
  200. .gs-analy li{display:inline-block; float:left; width:15%; font-size:.75rem; line-height:2rem; margin:.25rem 0; color:#808080;}
  201. .gs-analy .ballbox{width:85%; margin:0;}
  202. .gs-analy .radio{width:100%; margin:0; font-size:1rem;}
  203. .gs-analy .radio label{width:3.5rem; padding-left:1.5rem; vertical-align:middle;}
  204. .gs-analy .radio span{margin-left:.5rem; line-height:2.5rem;}
  205. .gs-analy .radio select{font-size:.875rem;padding-left:.25rem;}
  206. /*结果*/
  207. .gs-follow{text-align:left; padding:.5rem;}
  208. .gs-follow .list,.gs-follow .hidden{display:inline-block; float:left; position:relative; line-height:2.5rem; width:100%; border-bottom:1px #e5e5e5 solid; overflow:hidden;}
  209. .gs-follow .list img{ position:relative; top:2px;}
  210. .gs-follow .list a{position:absolute; right:.25rem; top:.5rem; font-size:.75rem; border:1px #e5e5e5 solid; padding:0 .5rem; color:#999; height:1.5rem; line-height:1.5rem;
  211. border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}
  212. .gs-follow .hidden{border-top:1px #e5e5e5 solid; padding:.25rem 0; display:none;}
  213. .gs-follow .hidden ul{float:left; width:100%;}
  214. .gs-follow .hidden li{border:0 none; font-size:.75rem; display:inline-block; float:left; width:32.5%; margin-left:.5%; border-bottom:1px #e5e5e5 dashed; line-height:1.75rem;}
  215. .gs-follow .hidden .gsbw{overflow:hidden; background-color:#e5e5e5;}
  216. .gs-follow .hidden .gsbw li{display:inline-block; float:left; width:32%; margin-left:.5%; text-align:center; line-height:1.5rem; height:1.5rem;}
  217. .gs-follow .list+span{display:inline-block; width:10.625rem; float:left; overflow:hidden;}
  218. .gs-follow .list .tb_tu{width:5.5rem;}
  219. .gs-follow .dw .hidden1{display:inline-block; float:left; width:32.5%; margin-left:.5%; }
  220. .gs-follow .dw .hidden1 li{width:100%;}
  221. .gs-follow .hidden .dlt{width:100%;}
  222. .gs-follow .hidden .dlt li{width:100%;font-size:1rem;line-height:2rem;}
  223. /*========================================3D跟随号码分析=================================================*/
  224. .shrink-ru{padding:0 .5rem; width:auto;}
  225. .shrink-ru .shrink-unm{text-align:left; padding:.25rem 0 3rem 0;}
  226. .shrink-ru p{color:#808080; line-height:1.75rem; border-bottom:1px #e5e5e5 solid; font-size:.75rem;}
  227. .shrink-ru p span{margin:0 .5rem;}
  228. .shrink-ru .shrink-unm ul{overflow:hidden; width:100%;}
  229. .shrink-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;
  230. cursor:default;}
  231. .shrink-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;
  232. border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:-.25rem; right:-.25rem; display:none; cursor:pointer;}
  233. .skyblue{background-color:#d3eeff !important;}
  234. .shrink-unm li:hover{background-color:##d3eeff;}
  235. .skyblue .cancel-btn{display:block;}
  236. /*选择按钮*/
  237. .se-input{width:100%; background-color:#fff; height:1.5rem; padding:.625rem 0; border-top:1px #e5e5e5 solid; text-align:right;position:relative;}
  238. .se-input input{width:4.5rem; height:1.5rem; font-size:.75rem; background-color:#e5e5e5; color:#808080; border-radius:.75rem;
  239. -moz-border-radius:.75rem; -webkit-border-radius:.75rem; margin-right:2rem; -webkit-appearance:button;}
  240. .se-input .true_1{background-color:#7cc576; color:#fff;}
  241. .se-input .false_1{background-color:#e84261; color:#fff;}
  242. .ss-footer .se-input .txt{position:absolute;left:0;top:.5rem;width:2rem;z-index:-1;}
  243. .ss-footer .se-input div{overflow:hidden;}
  244. /*========================================双色球缩水=================================================*/
  245. .shrink,.condition,.fs-db,.his-range,.ssq-gs{padding:0 .5rem; background-color:#fff; overflow:hidden;}
  246. .shrink{}
  247. .his-range{}
  248. .dlt{margin-bottom:.5rem;}
  249. .shrink ul{width:100%; overflow:hidden; position:relative;}
  250. .shrink li{font-size:.875rem; color:#808080; margin:.5rem 0;}
  251. .shrink .ballbox,.shrink .ballbox-b{padding:0 1rem .5rem 1rem; margin:0; width:90%;}
  252. .shrink .ballbox{margin-top:.5rem;}
  253. .shrink .wblue{padding-top:.5rem; border-top:1px #e5e5e5 solid; margin-top:.5rem;}
  254. .shrink p,.condition p{padding-bottom:.125rem;}
  255. .shrink .retract{display:inline-block; float:left; width:1.25rem; height:.5rem; background:url(../images/retract_blue.png) no-repeat center; background-size:100%;
  256. position:absolute; bottom:1.125rem; right:.5rem; cursor:pointer;}
  257. .shrink .retracts{display:inline-block; float:left; width:1.25rem; height:.5rem; background:url(../images/unfold_blue.png) no-repeat center; background-size:100%;
  258. position:absolute; bottom:1.5rem; right:.5rem; cursor:pointer;}
  259. .container{display:inline-block; height:auto;float:left; margin-top:.5rem; width:100%; overflow:auto;}
  260. section{overflow:hidden; height:auto;}
  261. .snavbox{width:100%; height:2rem;position:relative;overflow:hidden;background-color:#fff;
  262. border-bottom:1px #e5e5e5 solid;margin-top:.5rem;}
  263. .snav{background-color:#fff; overflow:auto; height:2rem; border-bottom:1px #e5e5e5 solid; overflow:hidden; white-space:nowrap; position:absolute;}
  264. .snav a{display:inline-block; width:5rem; height:2rem; line-height:2rem; text-align:center; font-size:.75rem; color:#808080; background-color:#fff; cursor:pointer;}
  265. .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;}
  266. .button a{background-color:rgba(255,255,255,1); width:2rem; height:100%;}
  267. .button .left{position:absolute; top:0; left:0; background:url(../images/ico_back.png) no-repeat center; background-size:.5rem 1rem; display:none;
  268. 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);}
  269. .button .right{position:absolute; right:0; top:0; background:url(../images/ico_right.png) no-repeat center; background-size:.5rem 1rem;
  270. 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);}
  271. .shrink li .record{width:60%; height:1.5rem; border:1px #e5e5e5 solid; margin-left:.5rem; padding:0 .5rem; cursor:text; color:#808080;}
  272. .dlt li .record{width:40%;}
  273. .condition{padding:1rem 0 .5rem 0; height:auto;}
  274. .condition li{min-height:6.25rem;}
  275. .condition dl{border-bottom:1px #e5e5e5 solid; padding-bottom:.5rem;}
  276. .condition dl:last-child{border:0 none;}
  277. .condition .framebox{line-height:2rem; padding:0 4rem; text-align:center;}
  278. .condition .parity dt{display:inline-block; text-indent:4rem; font-size:.75rem; padding:.25rem 0;}
  279. .condition .framebox .frame{font-size:.75rem;}
  280. .condition .tips{text-align:center; font-size:.75rem; color:#808080; padding:.5rem 0;}
  281. .condition .framebox span{float:left; font-size:.75rem; margin:.25rem; color:#808080;}
  282. .condition .andv{text-align:center; font-size:.75rem; color:#808080; padding:1rem 0;}
  283. .condition .ballbox{text-align:center;}
  284. .condition p{color:#808080; font-size:.75rem; text-align:center;}
  285. .condition .parity li{margin:.25rem 0;}
  286. /*========================================双色球AC值=================================================*/
  287. .ball-no{border-top:1px #e5e5e5 solid; padding:.875rem 0 .625rem 0;}
  288. /*========================================双色球号码跟随分析=================================================*/
  289. .his-range{}
  290. .his-range li{font-size:.75rem; color:#808080; line-height:1.75rem; height:1.75rem}
  291. .his-range .radio{margin-bottom:1rem;}
  292. .his-range .radio label{width:6rem; padding-left:1.5rem;}
  293. .his-range select{width:5.5rem;padding-left:.125rem;font-size:.875rem;}
  294. .ssq-gs{padding-bottom:.5rem;border-top:1px #ddd solid;}
  295. .ssq-gs li{color:#808080; line-height:2.75rem; border-bottom:1px #e5e5e5 solid; position:relative; text-indent:.25rem;}
  296. .ssq-gs li a{display:inline-block; padding:0 .5rem; height:1.5rem; border:1px #e5e5e5 solid; line-height:1.5rem; color:#808080; border-radius:.25rem;
  297. -moz-border-radius:.25rem; -webkit-border-radius:.25rem; position:absolute; right:.25rem; top:.5rem;}
  298. .ssq-gs dl{display:none;border-top:1px #e5e5e5 solid; text-indent:.5rem;font-size:.75rem;}
  299. .ssq-gs dd{background-color:#f5f5f5;}
  300. /*========================================双色球金额计算器=================================================*/
  301. .money-count{overflow:hidden;}
  302. .money-count ul{background-color:#fff;}
  303. .money-count li{text-align:center; padding:.5rem 0;}
  304. .money-count .wred{background-color:#ed5565; border:0 none; color:#fff !important; width:3rem;padding-left:.5rem;}
  305. .money-count .wblue{border:0 none; color:#fff !important;width:3rem;padding-left:.5rem;}
  306. .money-count .mon-tab .wred{background:none; color:#db5440 !important;}
  307. .money-count .choose{font-size:.875rem; padding:.5rem 0; border-top:1px #e5e5e5 solid;}
  308. .money-count .choose .wred{color:#db5440 !important; background:none;}
  309. .money-count .choose .wblue{color:#186ea7 !important;}
  310. .mon-box{width:100%; overflow-x:auto; overflow-y:hidden; position:relative;}
  311. .mon-count{padding:0 .5rem; background-color:#fff; padding-bottom:.5rem;}
  312. .mon-count table,.mon-tab table{width:100%;}
  313. .mon-count th{color:#808080;}
  314. .mon-tab{padding:0 .5rem .5rem .5rem;background-color:#fff;margin-top:.5rem;}
  315. .mon-tab th,.mon-tab td{width:33.3%; color:#808080;}
  316. .mon-count th{font-size:.75rem; height:2rem;}
  317. .mon-count td{font-size:.875rem; text-align:center; height:1.875rem;color:#808080;}
  318. .mon-count .lr-icon{display:inline-block; width:1.25rem; height:1.75rem; background-color:rgba(255,255,255,0.9); position:absolute; right:0; top:0; box-shadow:-2px 0 4px #ccc;
  319. -moz-box-shadow:-2px 0 4px #ccc; -webkit-box-shadow:-2px 0 4px #ccc; z-index:10; text-align:center; line-height:1.75rem; cursor:pointer;}
  320. .mon-count .lr-icon span{display:inline-block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #89b4d0;
  321. border-top:5px solid transparent; vertical-align:middle;}
  322. .mon-tab table{}
  323. .mon-tab th,.mon-tab td{font-size:.875rem; text-align:center; height:1.875rem;}
  324. .mon-tab th{height:2rem;}
  325. .money-count h2{text-align:center; border-bottom:1px #e5e5e5 solid;height:2.5rem;line-height:2.5rem;}
  326. /*========================================双色球金额计算器=================================================*/
  327. .ran{background:#fff; overflow:hidden; padding:.5rem .5rem 0 .5rem;}
  328. .ran .random{padding:0 0 .5rem 0; overflow:hidden; border-bottom:1px #e5e5e5 solid;}
  329. .ran ul:last-child{border-bottom:0 none;}
  330. .ran .random li{line-height:2.5rem; float:left; width:100%;}
  331. .ran .random li span{display:inline-block; width:5em; text-align:right; margin-right:.125rem; font-size:.75rem;}
  332. .ran .random select{width:3.5rem;padding-left:.25rem; font-size:.875rem;}
  333. .result{padding:.5rem .5rem .5rem .5rem; background:#fff;margin-top:.5rem;}
  334. .result h2{color:#808080; border-bottom:1px #e5e5e5 solid; text-align:left; text-indent:.5rem; line-height:1.75rem;}
  335. .result .random-unm{overflow:hidden; padding:.5rem;}
  336. .result .random-unm li{display:inline-block; float:left; width:50%; font-size:.75rem; line-height:1.5rem; text-align:center;}
  337. /*========================================大乐透缩水=================================================*/
  338. .condition section .titles,.condition .andv span{display:inline-block; width:100%; text-indent:4rem; font-size:.75rem; text-align:left; padding:.25rem 0; color:#666;
  339. border-top:1px #e5e5e5 solid; margin-top:.5rem;}
  340. .condition li dl span{width:auto; text-indent:0; border:0 none;}
  341. .condition section span:first-child{border:0 none;}
  342. .condition section{padding-bottom:1rem;}
  343. .dlt .ballbox{border-bottom:1px #e5e5e5 solid;margin-bottom:.5rem;padding-bottom:.5rem;}
  344. .dlt li:last-chlid{border:0 none;}
  345. .dtl{border-bottom:1px #e5e5e5 solid;}
  346. /*========================================七星彩缩水=================================================*/
  347. .qxc{}
  348. .qxc ul{overflow:hidden; padding:.5rem 0; border:0 none;}
  349. .qxc ul:first-child{border-bottom:1px #e5e5e5 solid;}
  350. .qxc li{float:left; width:100%; margin:0;}
  351. .qxc .textarea{height:3rem; padding:.25rem;}
  352. .qxc .radio{overflow:hidden; margin:.25rem 0;}
  353. .qxc .radio label{float:left; width:2.5rem; padding-left:1.5rem; vertical-align:middle;}
  354. .qxc .radio .false{float:right; width:3rem; height:1.5rem; border:1px #e5e5e5 solid; border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem; color:#808080;}
  355. .posi-num{background-color:#fff;padding:.5rem;}
  356. .posi-num .qxcss{border-bottom:1px #e5e5e5 solid;}
  357. .posi-num .qxcss li{font-size:.75rem; color:#808080; line-height:2rem; float:left; margin:.25rem 0;}
  358. .posi-num .qxcss .titles{width:100% !important; color:#333; line-height:1.5rem;}
  359. .posi-num .qxcss .ballbox{margin:0;}
  360. .posi-num .qxcss .ballbox input{line-height:1.5rem;}
  361. .posi-num .radio-repeat{padding:.5rem 0; font-size:.75rem;}
  362. .posi-num .qxcjo .framebox{padding:.5rem 0; border-bottom:1px #e5e5e5 solid; margin:.5rem 0;}
  363. .posi-num .qxcjo .framebox span{display:inline-block; float:left; width:100%; color:#808080; font-size:.75rem;}
  364. from{text-align:center;}