charts.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. @charset "utf-8";
  2. /*图表部分*/
  3. /*.search-box{float:right;width:725px;margin-top:8px;height:30px;line-height:30px;}
  4. .search-box input{float:left;background:url(../images/chart-icon.png) no-repeat;}
  5. .search-box .tipmsg{float:left;width:350px;}
  6. .search-box .search-link{float:left;width:200px;}
  7. .search-box .search-link a{display:inline-block;margin-right:18px;}
  8. .search-box .btn-search{width:56px;height:30px;line-height:30px;text-align:center;background-position:-120px -31px;color:#fff;margin-left:10px;font-size:16px;cursor:pointer;}
  9. .search-box .input-term{width:92px;height:24px;line-height:24px;padding:3px 2px;background-position:-17px 0;text-align:center;}
  10. .search-box .zs-search{float:left;padding-left:15px;}
  11. .search-box .zs-search span,.search-box .miss-search span{float:left;display:inline-block;padding:0 8px;}
  12. .search-box .miss-search{float:left;}
  13. .search-box .miss-search .input-term{width:79px;background-position:-116px 0;text-align:left;padding:3px 0 3px 8px;}
  14. .search-box .miss-search .btn-search{background-position:-203px 0;margin-left:0;}
  15. .search-box .mSelectBox{float:left;width:92px;height:30px;background:url(../images/chart-icon.png) -181px -31px no-repeat;cursor:pointer;position:relative;z-index:100;}
  16. .search-box .mSelectBox .mSelect{display:block;line-height:30px;text-indent:12px;}
  17. .search-box .mSelectBox .mSelectList{top:30px;left:0;position:absolute;width:90px;height:100px;overflow-x:hidden;overflow-y:auto;border:1px solid #437dc5;background:#fafafa;z-indent:100;display:none;}
  18. .search-box .mSelectBox .mSelectList a{display:block;height:22px;text-align:center;line-height:22px;}
  19. .search-box .mSelectBox .mSelectList a:hover{background:#316ac5;color:#fff;}
  20. .ctl-box{float:left;width:1198px;height:34px;line-height:34px;border:1px solid #ddd;border-bottom:none;background:#f6f9ff;text-align:center;font-size:14px;}
  21. .ctl-box .ctl-item{padding-right:12px;}
  22. .ctl-box input,.ctl-box label{margin-right:3px;vertical-align:middle;display:inline-block;cursor:pointer;font-size:14px;}
  23. .ctl-box .sharebar{width:165px;height:30px;position:absolute;top:2px;right:25px;display:none;}
  24. .ctl-box .sharebox{float:right;width:56px;position:relative;}
  25. .ctl-box .sharebar .buy,.ctl-box .sharebar .share{float:left;height:30px;background:url(../images/chart-icon.png) no-repeat;text-align:center;cursor:pointer;color:#fff;line-height:30px;}
  26. .ctl-box .sharebar .buy{width:100px;background-position:-17px -31px;}
  27. .ctl-box .sharebar .share{width:56px;background-position:-17px -62px;}
  28. .ctl-box .sharebox .share-content{position:absolute;top:37px;right:-25px;width:260px;background:#fff;padding:8px 10px;border:3px solid #d8d8d8;border-radius:4px;}
  29. .ctl-box .sharebox .share-icon{display:block;width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #d8d8d8;position:absolute;top:-10px;right:36px;margin-left:-10px;}
  30. .ctl-box .sharebox .share-icon s{display:block;width:0;height:0;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:6px;left:-6px;}*/
  31. /*==============遗漏图表 begin==================*/
  32. .missTable{width:100%;background:#fafafa;border-collapse:collapse;}
  33. .missTable th,.missTable td{border:1px solid #dfdfdf;vertical-align:middle;white-space:nowrap;text-align:center;}
  34. .missTable th{background-color:#feeecc;font-weight:normal;font-family:Arial;height:50px;}
  35. .missTable td{line-height:26px;font-family:"宋体";height:26px;cursor:pointer;}
  36. .missTable th.blue{color:#134381;font-weight:bold;}
  37. .missTable .even td{background-color:#fff;}
  38. .missTable .purple td{color:#800080;}
  39. .missTable tr.hover td{font-weight:700;background-color:#fff6e5;}
  40. /*==============遗漏图表 end==================*/
  41. /*==============图表 begin==================*/
  42. .tbtable{width:100%;background:#fafafa;border-collapse:collapse;}
  43. .tbtable th,.tbtable td{border:1px solid #dfdfdf;vertical-align:middle;white-space:nowrap;text-align:center;height:30px;font-family:"宋体";}
  44. .tbtable th{background-color:#feeecc;font-weight:normal;font-family:Arial;}
  45. .tbtable td{line-height:30px;}
  46. .tbtable .bg-yellow{background-color:#FEFAEB;}
  47. /*==============图表 end==================*/
  48. .trend .zstableBox{width:1198px; border:1px solid #cde0ff; padding-bottom:10px; _padding-bottom:20px; margin-bottom:0; overflow:hidden;}
  49. .zstable{display:inline-block; float:left; width:200px; margin:20px 48px; _margin:20px 40px;}
  50. .chartTable th,.chartTable td{border:1px solid #dfdfdf;vertical-align:middle;white-space:nowrap;text-align:center;height:1.25rem;}
  51. .zstable td{border:1px solid #dfdfdf;vertical-align:middle;white-space:nowrap;text-align:center;height:32px;}
  52. .chartTable th{background-color:#fff6e5;font-weight:normal;font-family:Arial;}
  53. .chartTable td{line-height:1.25rem;font-family:"宋体";}
  54. .chartTable .sort_up,.chartTable .sort_down{cursor:pointer;}
  55. .chartTable .sort_up strong,.chartTable .sort_down strong{padding-right:13px;background:url(../images/chart-icon.png) 30px 1px no-repeat;font-weight:bold;}
  56. .chartTable .sort_up strong{background-position:31px -1px;}
  57. .chartTable .sort_down strong{background-position:31px -18px;}
  58. /*==============数据统计 begin==================*/
  59. .dataAnalysisBox{float:left;width:1188px;border:1px solid #ccc;background:url(../images/chart-bg.png) left top repeat-x;text-align:right;padding:6px 10px 4px 0;}
  60. .dataAnalysisBox strong{float:left;font-weight:bold;color:#417dc3;}
  61. .dataAnalysisBox input,.dataAnalysisBox label{cursor:pointer;}
  62. .staticTable{width:100%;border-collapse:collapse;background:#fafafa;}
  63. .staticTable th,.staticTable td{border:1px solid #dfdfdf;height:1.25rem;font-family:"宋体";text-align:center;}
  64. .staticTable th{background-color:#fff6e5;font-weight:normal;}
  65. .staticTable thead th{font-weight:bold;}
  66. .staticTable thead td{background-color:#fff6e5;}
  67. .staticTable .bg-yellow{background-color:#fffcf5;}
  68. .staticTable td.appears{height:70px;font-size:12px;vertical-align:bottom;line-height:10px;}
  69. .staticTable td.appears img{vertical-align:bottom;}
  70. /*==============数据统计 end==================*/
  71. /*==============背景图 begin==================*/
  72. .chartTable .circle,.chartTable .circle-red,.chartTable .circle-blue,
  73. .chartTable .ball-yred,.chartTable .ball-gblue,
  74. .chartTable .presele-ball,.chartTable .presele-red,.chartTable .presele-blue,.chartTable .presele-circle,
  75. .chartTable .ball-orange,.chartTable .ball-green,.chartTable .ball-purple,.chartTable .ball-gred,
  76. .chartTable td.ball-lightgreen,.chartTable .circle-yred,.chartTable .circle-yblue,.chartTable tr td.ball-yellow,.chartTable tr td.ball-pink
  77. {background-image:url(../images/chartball.png);background-repeat:no-repeat; font-size:12px;background-size:1.25rem;}
  78. .chartTable .miss-yred{background-color:#fffcf5;color:#D2B0B0;}
  79. .chartTable .ball-yred{background-color:#fffcf5;background-position:center -140px;color:#fff;font-weight:bold;}
  80. .chartTable .ball-gred{background-position:center -140px;color:#fff;font-weight:bold;}
  81. .chartTable .small{font-size:10px;}
  82. .chartTable .miss-gblue{color:#B6BCCB;}
  83. .chartTable .ball-gblue{background-position:center -168px;color:#fff;font-weight:bold;}
  84. .chartTable .blue{color:#186EA7; font-weight:bold;}
  85. .chartTable tr td.ball-yellow{background-position:center -476px !important;color:#fff;font-weight:bold;}
  86. .chartTable tr td.ball-pink{background-position:center -392px !important;color:#fff;font-weight:bold;}
  87. .chartTable td.ball-green{background-position:center -196px;}/*重号*/
  88. .chartTable tr td.ball-lightgreen{background-position:center -276px;}/*连号*/
  89. .chartTable tr td.ball-orange{background-position:center -224px !important;}/*邻号*/
  90. .chartTable tr td.ball-purple{background-position:center -252px !important;}/*跳号*/
  91. .chartTable .meihua,.chartTable .hongtao,.chartTable .fangpian,.chartTable .heitao,
  92. .chartTable .meihua-no,.chartTable .hongtao-no,.chartTable .fangpian-no,.chartTable .heitao-no
  93. {background-image:url(../images/poker.png);background-repeat:no-repeat;font-weight:bold;text-indent:16px;}
  94. .chartTable .meihua{background-position:left -69px;color:#333;}
  95. .chartTable .fangpian{background-position:left -100px;color:#cb3a34;}
  96. .chartTable .hongtao{background-position:left -40px;color:#cb3a34;}
  97. .chartTable .heitao{background-position:left -5px;color:#333;}
  98. .chartTable .meihua-no{background-position:left -69px;color:#333;text-indent:-99999px;}
  99. .chartTable .fangpian-no{background-position:left -100px;color:#cb3a34;text-indent:-99999px;}
  100. .chartTable .hongtao-no{background-position:left -40px;color:#cb3a34;text-indent:-99999px;}
  101. .chartTable .heitao-no{background-position:left -5px;color:#333;text-indent:-99999px;}
  102. .chartTable .miss-gray{color:#ccc;}
  103. .chartTable .circle{color:#525252;background-position:center 0px;font-weight:bold;}
  104. .chartTable .circle-red{color:#cb3a34;background-position:center -28px;font-weight:bold;}
  105. .chartTable .circle-blue{color:#1d71a9;background-position:center -56px;font-weight:bold;}
  106. .chartTable .circle-yred{background-color:#fffcf5; color:#cb3a34;background-position:center -28px;font-weight:bold;}
  107. .chartTable .circle-yblue{background-color:#fffcf5; color:#1d71a9;background-position:center -56px;font-weight:bold;}
  108. .chartTable .triangle_bgyellow,.chartTable .round,.chartTable .block,.chartTable .start{background:url(../images/jiou.png) no-repeat top left;}
  109. .chartTable .triangle_bgyellow{background-position:center -9px; background-color:#fffcf5; width:35px; height:28px;text-indent:-999px; overflow:hidden;}
  110. .chartTable .bg-yellow{background-color:#fffcf5;}
  111. .chartTable .round{background-position:center -43px; text-indent:-999px; overflow:hidden;}
  112. .chartTable .block{background-position:center -78px; text-indent:-999px; background-color:#fffcf5; overflow:hidden;}
  113. .chartTable .white{background-color:#f4f4f4;}
  114. .chartTable .extent{width:32px;}
  115. .chartTable .start{background-position:center -119px;text-indent:-999px; overflow:hidden;}
  116. .chartTable #chartData .square-ywhite,.zstable #chartData .square-ywhite{background-color:#ff8a2c; color:#ffffff;}
  117. .chartTable #chartData .square-bwhite,.zstable #chartData .square-bwhite{background-color:#186ea7; color:#ffffff;}
  118. .zstable .square-owhite{background-color:#ecb536; color:#ffffff;}
  119. .zstable .square-ywhite{background-color:#ff8a2c; color:#ffffff;}
  120. .zstable .square-bwhite{background-color:#186ea7; color:#ffffff;}
  121. .chartTable .ball-syred,.chartTable .ball-sgred,.chartTable .ball-syblue,.chartTable .ball-sgblue{background:url(../images/chartball-small.png) no-repeat top left;color:#fff;}
  122. .chartTable .ball-syred{background-color:#fffcf5;background-position:center 3px;background-size:14px;}
  123. .chartTable .ball-sgred{background-position:center 3px;background-size:14px;}
  124. .chartTable .ball-syblue{background-color:#fffcf5;background-position:center -25px;background-size:14px;}
  125. .chartTable .ball-sgblue{background-position:center -25px;background-size:14px;}
  126. /*==============背景图 end==================*/
  127. /*==============行点击样式 begin==================*/
  128. .chartTable .row-status td,.chartTable .row-status .miss-yred,.chartTable .row-status .miss-gblue{background-color:#E0EFF0;}
  129. /*==============行点击样式 end==================*/
  130. /*==============模拟选号 begin==================*/
  131. .chartTable .presele td{background-color:#F0F0F0;font-family:Arial;}
  132. .chartTable .presele .presele-title strong,.chartTable .presele .presele-title span{display:inline-block;padding-right:15px;font-weight:normal;background:url(../images/chart-icon.png) 39px -36px no-repeat;cursor:pointer;color:#000;}
  133. .chartTable .presele .presele-title span{background-position:39px -61px;}
  134. .chartTable .presele .presele-ball{background-position:center -84px;color:#888;cursor:pointer;}
  135. .chartTable .presele .presele-red{background-position:center -504px;color:#fff;cursor:pointer;}
  136. .chartTable .presele .presele-blue{background-position:center -532px;color:#fff;cursor:pointer;}
  137. .chartTable .presele .presele-circle{background-position:center 0px;cursor:pointer;}
  138. .chartTable .presele .presele-ball:hover{background-position:center -112px;}
  139. .chartTable .presele .presele-square{background-color:#fffcf5;cursor:pointer;}
  140. .chartTable .presele .presele-orange{background-color:#ff8a2c; color:#fff;cursor:pointer;}
  141. .chartTable .presele .presele-bgblue{background-color:#1d71a9; color:#fff;cursor:pointer;}
  142. .chartTable .presele .presele-square:hover{background-color:#ffd5b2;}
  143. /*==============模拟选号 end==================*/
  144. /*==============走势图控制 begin==================*/
  145. .nomiss .chartTable .miss-yred{color:#fffcf5;}
  146. .nomiss .chartTable .miss-gblue,.nomiss .chartTable .miss-gray{color:#fafafa;}
  147. /*==============遗漏分层 begin==================*/
  148. .chartTable tr td.sliceMiss-5{background-color:#99C;color:#000 !important;}
  149. .chartTable tr td.sliceMiss-11{background-color:#99C;color:#06f !important;}
  150. .chartTable tr td.sliceMiss-m{background-color:#99C;color:#cb3a34 !important;}
  151. .chartTable .row-status td.sliceMiss-5{background-color:#99C;color:#000 !important;}
  152. .chartTable .row-status td.sliceMiss-11{background-color:#99C;color:#06f !important;}
  153. .chartTable .row-status td.sliceMiss-m{background-color:#99C;color:#cb3a34 !important;}
  154. /*==============走势图控制 end==================*/
  155. /*画线容器*/
  156. #chartLine{float:left;width:1200px;clear:both;}
  157. #trendBox td,#trendBox th{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  158. .chartTable .presele td,.chartTable .presele th{background-color: #F0F0F0;font-family: Arial;line-height:1rem;}
  159. /*==============遗漏数字溢出 begin==================*/
  160. .chartTable .hiddens{width:30px; height:28px; overflow:hidden;}
  161. .red{color:#cb3a34;}
  162. .bold{font-weight:bold;}
  163. .purple{color:#800080;}
  164. }
  165. /*==============遗漏数字溢出 end==================*/
  166. /*==============主体超宽类 begin==================*/
  167. /*==============超宽 end==================*/