Главная Обзор Помощь
Регистрация Вход
lg
/
55128.cn_kjh.55128.cn_m.55128.cn
Следить 1
В избранное 0
Ответвить 0
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Дерево: 934c0c0c23
Ветки Метки
55128.cn_kjh...
/
CP55128
/
CB.Wap
/
static
/
css
/
zst.css

zst.css 16 KB
История Исходник

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

  2. /* CSS Document */
    3. 

  3. /*================================主体定位======================================*/
    4. 

  4. #wrapper{width:100%; z-index:1; overflow:hidden;
    5. 

  5.  position:absolute; top:11.25rem; left:0; bottom:0; border-top:2px #186ea7 solid;}
    6. 

  6. #scroller {width:1200px;position:absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);
    7. 

  7. 	-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;
    8. 

  8. 	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;
    9. 

  9. 	-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
    10. 

  10.  #scroller {transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);} 
    11. 

  11. 

  12. 

  13. .zst-subnav{width:100%;padding:0;}
    14. 

  14. .zst-subnav ul{display:block;padding:.5rem 0;}
    15. 

  15. /*===========================走势图标题  选择类样式====================================*/
    16. 

  16. body{height:100vh;min-height:450px;min-hieght:30rem;overflow:hidden;}
    17. 

  17. .overflow{height:1.75rem;overflow:visible;position:relative;z-index:9;margin:.25rem 0;}
    18. 

  18. .overflow .content{width:100%; border-bottom:1px #e5e5e5 solid; overflow:visible;position:absolute;}
    19. 

  19. .content .search-box{background-color:#fff;padding:0 .125rem; clear:both; width:100%; float:left; height:auto; margin:auto; line-height:normal; margin:.25rem 0;}
    20. 

  20. .content .search-box .computer{position:absolute;right:1rem;top:2px;line-height:1.5rem;}
    21. 

  21. .content .search-box .search-link,.content .search-box .ctl-box{float:left; width:auto;}
    22. 

  22. .content .search-box .search-link a{display:inline-block; width:3rem; height:1.5rem; line-height:1.5rem; text-align:center;margin:0 .125rem;}
    23. 

  23. .content .search-box .search-link .select{color:#186ea7;font-weight:bold;}
    24. 

  24. 	
    25. 

  25. .content .search-box .ctl-box{position:relative; z-index:999; border:0; height:auto; line-height:normal; font-size:1rem;margin:0 1rem 0 .5rem;}
    26. 

  26. .content .search-box .ctl-box .ctl-title{display:inline-block; width:3.5rem; height:1.5rem; line-height:1.5rem;text-align:center;color:#333;}
    27. 

  27. .content .search-box .ctl-box .ctl-title .down{display:inline-block; margin-left:.5rem; width:0; height:0; border-left:5px solid transparent;   
    28. 

  28. 	border-right:5px solid transparent; border-top:5px solid #333; vertical-align:middle;}
    29. 

  29. .content .search-box .ctl-box .ctl-list{display:none;background-color:#fff;box-shadow:2px 2px 10px #bbb;}
    30. 

  30. .content .search-box .ctl-box:hover .ctl-list{display:block;} 
    31. 

  31. 

  32. .search-box .search-link{padding-top:1rem;}
    33. 

  33. /*点击样式*/
    34. 

  34. 

  35. /*.content .search-box .ctl-box:hover .down{display:inline-block; margin-left:.5rem; width:0; height:0; border-left:5px solid transparent;   */
    36. 

  36. 	/*border-right:5px solid transparent; border-bottom:5px solid #fff; border-top:5px solid transparent; vertical-align:middle; margin-bottom:6px;}*/
    37. 

  37. .content .ctl-box .ctl-list{display:inline-block; width:6.25rem; height:auto; position:absolute; top:1.625rem; left:0;  padding-left:.25rem; padding-top:.5rem;z-index:999;}
    38. 

  38. .content .ctl-box .ctl-list .ctl-item{display:inline-block; width:100%; height:1.75rem; padding:0; position:relative;}
    39. 

  39. 

  40. /*弹出窗样式*/
    41. 

  41. .ctl-box{text-align:left;}
    42. 

  42. .ctl-list span{display:block;width:48.8%;float:left;}
    43. 

  43. .ctl-list span:nth-child(2),.ctl-list span:nth-child(4),.ctl-list span:nth-child(6){float:right;}
    44. 

  44. .ctl-box .ctl-list .ctl-item input[type=checkbox]{display:none;}
    45. 

  45. .ctl-box .ctl-list .ctl-item label{display:inline-block;width:98%; height:2rem;margin-bottom:.5rem;border:1px #ddd solid;text-align:center;line-height:2rem;}
    46. 

  46. .ctl-box .ctl-list .ctl-item input + label:active{background:#ff8800;color:#fff;border:1px #ff8800 solid;}
    47. 

  47. .ctl-box .ctl-list .ctl-item input:checked + label {background:#ff8800;color:#fff;border:1px #ff8800 solid;}
    48. 

  48. .bg-black{position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);z-index:999999999;width:100%;text-align:center;display:none;}
    49. 

  49. .bg-black .search-box{width:80%;background-color:#fff;margin:auto;padding:0 1.25rem .5rem 1.25rem;border-radius:.125rem .125rem 0 0;}
    50. 

  50. .bg-black .search-box h1{text-align:center;font-size:1.25rem;line-height:1.5rem;padding:.75rem 0 .25rem 0;}
    51. 

  51. .bg-black .search-box dl{overflow:hidden;padding-bottom:.5rem;}
    52. 

  52. .bg-black .search-box dt{float:left;width:15%;}
    53. 

  53. .bg-black .search-box dt span{display:inline-block;font-size:1rem;color:#4d4d4d;line-height:2rem;}
    54. 

  54. .bg-black .search-box dd{float:right;width:84%;}
    55. 

  55. .search-link a{display:block;width:48%;float:left;height:2rem;border:1px #ddd solid;line-height:2rem;text-align:center;margin-bottom:.5rem;}
    56. 

  56. .search-link a:nth-child(2),.search-link a:nth-child(4){float:right;}
    57. 

  57. .search-link .select{background:#ff8800;color:#fff;border:1px #ff8800 solid;}
    58. 

  58. .sear{text-align:left;}
    59. 

  59. .sear select{width:5.5rem;height:1.875rem;border:1px #ddd solid;text-indent:.5rem;font-size:1rem;margin-bottom:1rem;-webkit-appearance: none;
    60. 

  60. 	background:url(../images/unfold.png)no-repeat 90% center;background-size:1rem .625rem;color:#4d4d4d;}
    61. 

  61. .sear select option{text-indent:1em;text-align:center;vertical-align:middle;}
    62. 

  62. .sear input{width:35%;height:2rem;border:1px #ddd solid;text-align:center;}
    63. 

  63. .sear .data-txt{width:99%;font-size:.875rem;color:#666;}
    64. 

  64. .sear dd span{margin:0 .5rem;}.bg-black .search-box .dataAnalysisBox{width:100%;border:0 none;text-align:left;position:relative;background:#fff;padding:.5rem 1.25rem;left:-1.25rem;border-bottom:.125rem #ddd solid;}
    65. 

  65. .dataAnalysisBox input{visibility:hidden;position:absolute;}
    66. 

  66. .dataAnalysisBox label{width:48%;float:left;text-align:center;border:1px #ddd solid;height:2rem;line-height:2rem;}
    67. 

  67. .dataAnalysisBox label:last-child{float:right;}
    68. 

  68. 

  69. .dataAnalysisBox input:checked + label{background:#ff8800;color:#fff;border:1px #ff8800 solid;}
    70. 

  70. 

  71. 

  72. .sec-btn{overflow:hidden;width:80%;background-color:#fff;margin:0 auto;padding:0 1.25rem;border-radius:0 0 .125rem .125rem;border-top:2px #ddd solid;}
    73. 

  73. .sec-btn input{width:49%;text-align:center;}
    74. 

  74. .sec-btn .searchs{border-left:1px #ddd solid;height:2.5rem;}
    75. 

  75. .sec-btn .searchs{color:#ff8800;}
    76. 

  76. 

  77. /*==============弹窗样式================*/
    78. 

  78. .search-box .search{display:inline-block; height:1.5rem; padding:0 .5rem;line-height:1.5rem;color:#333; text-align:center; background:none; appearance:button; -webkit-appearance:button; -moz-appearance:button;}
    79. 

  79. .bgback{position:absolute; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.3); z-index:998;}
    80. 

  80. .search-box .popup{display:inline-block;width:85%; width:85vw; padding:1rem; position:absolute; top:6rem; left:3%; background-color:#fff; z-index:999; text-align:center;
    81. 

  81. 	border-radius:.5rem;box-shadow:0 0 12px #ccc; -moz-box-shadow:0 0 12px #ccc; -webkit-box-shadow:0 0 12px #ccc;}
    82. 

  82. .search-box .popup h1{font-size:1rem; padding-bottom:.5rem; line-height:1rem; border-bottom:1px #e5e5e5 solid;}
    83. 

  83. .search-box .popup .sear{margin:0 auto; text-align:center; display:inline-block; margin:1rem 0;}
    84. 

  84. /*seclet样式*/
    85. 

  85. .content .search-box .mSelectBox{float:none;width:4.5rem; height:1.75rem; -webkit-appearance:none; appearance:none; -moz-appearance:none; margin:.125rem;
    86. 

  86. 	background:#89b4d0 url(../images/down-icon.png) no-repeat; background-position:94% center; background-size:.625rem; font-size:.875rem;line-height:1.75rem
    87. 

  87. 	border-bottom:2px #6097ba solid; color:#fff; border-radius:.125rem;}
    88. 

  88. .content .search-box .mSelectBox option{text-align:center;}
    89. 

  89. 	
    90. 

  90. /*按期号查询*/
    91. 

  91. .content .search-box .sear span{display:inline-block; line-height:1.875rem; margin:.125rem; color:#808080; font-size:.875rem;}
    92. 

  92. .content .search-box .sear input{background:none;float:none;border:1px #89b4d0 solid; width:4rem; height:1.75rem; vertical-align:middle; text-indent:.125rem; color:#666; 
    93. 

  93. 	margin:.125rem; font-size:.875rem; text-align:center;line-height:1.875rem; border-radius:.25rem;-webkit-appearance:button;}
    94. 

  94. .content .search-box .btu{text-align:center;}
    95. 

  95. .content .search-box .btu input{float:none;width:3rem; height:1.625rem; vertical-align:middle; background:none; background-color:#89b4d0; color:#fff; font-size:.875rem;
    96. 

  96. 	border-radius:.25rem; -moz-border-radius:.125rem; -webkit-border-radius:.125rem; margin:0 2.25rem; line-height:1.625rem;-webkit-appearance:button;}
    97. 

  97. .content .search-box .btu .searchs{background-color:#ed5565;}	
    98. 

  98. 

  99. .hide{display:none;}
    100. 

  100. .display{display:block !important;}
    101. 

  101. 

  102. 

  103. 

  104. 

  105. /*===========遗漏=============*/
    106. 

  106. .search-link input{width:4.25rem; height:1.75rem; background:none !important; border:1px #e5e5e5 solid; color:#808080; font-size:.875rem; vertical-align:middle; text-align:center;
    107. 

  107. 	border-radius:.25rem 0 0 .25rem; -moz-border-radius:.25rem 0 0 .25rem; -webkit-border-radius:.25rem 0 0 .25rem;}
    108. 

  108. .search-link .searchs{border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0; height:1.875rem; width:3.5rem;
    109. 

  109. 	background-color:#186ea7 !important; border:1px #186ea7 solid; color:#fff; appearance:button; -webkit-appearance:button;}
    110. 

  110. .search-link span{display:inline-block; float:left; font-size:.875rem; color:#808080; line-height:1.75rem;}
    111. 

  111. 

  112. 

  113. /*====================走势图============================*/
    114. 

  114. body{padding-top:0!important; width:100VW;}
    115. 

  115. .nav{display:none;}
    116. 

  116. 

  117. 

  118. .control-header{background-color:#f0f0f0;position:fixed;z-index:10; max-width:640px; width:100%; top: 40px;}
    119. 

  119. .chart-setting-btn{position:absolute;left:0; top:0;width:11%;min-width:60px;color:#777; text-align:center;height:38px;line-height:38px;cursor:pointer;z-index:9;}
    120. 

  120. .chart-setting-btn i{ font-weight:inherit;display:inline-block; width:100%; height:32px; line-height:32px; vertical-align:center; cursor:pointer; background:#fff; font-size: 0.9em; }
    121. 

  121. .chart-setting-btn div{display:none;position:fixed;left:0;right:0;top:70px;bottom:0;z-index:11;width:100%;background-color:rgba(0,0,0,.4);padding-top:9px;}
    122. 

  122. .chart-setting-btn span{-webkit-box-shadow:2px 2px 3px #1B3884;box-shadow:2px 2px 3px #888; -webkit-border-radius:5px;border-radius:5px; padding:15px 10px; background-color:#fff; position:relative; display:inline-block; height:auto; width:90%; max-width:600px; text-align:left;}
    123. 

  123. .chart-setting-btn div.k3-block{display:block;}
    124. 

  124. .chart-setting-btn span label{position:absolute; display:block; width:16px; height:9px; background-image:url(/img/zst/tip_zhi.png); background-repeat:no-repeat; left:16px; top:-9px;}
    125. 

  125. .chart-setting-btn span em{border:1px solid #e2dfd0; border-radius:5px; display:inline-block; width:80px; height:30px; font-size:0.875em; color:#333; line-height:30px; margin:8px 12px; text-align:center;}
    126. 

  126. .chart-setting-btn span em.cur{background-color:#2a63a8; border:1px solid #1B3884; color:#fff; font-weight:bold;}
    127. 

  127. 

  128. .chart-control{position:relative; display:none;}
    129. 

  129. 

  130. 

  131. .chart-control ul div{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;height:26px;padding:3px 0.875em;border-left:1px solid #e6e6e6;color:#232334;text-align:center;
    132. 

  132. font-size:0.875em;line-height:26px;}
    133. 

  133. .chart-control .ch-list-cur{padding-bottom:0;height:32px; background:#2a63a8; color:#fff; line-height:32px; cursor:auto; margin-top:3px; }
    134. 

  134. 

  135. .header_br{width:5000px; position:absolute; z-index:7;}
    136. 

  136. .head_con{margin-left:50px; position: relative;white-space:nowrap;}
    137. 

  137. .head_con_mar0{margin:0;}
    138. 

  138. .chart-header{position:absolute; background-color:#fff; display: inline-block;}
    139. 

  139. .head-item{display: inline-block; border-right: 1px solid #ddd; height: 60px;}
    140. 

  140. 

  141. 

  142. .chart-header{background-color:#fff;  white-space:nowrap; position: absolute;left: 0;}
    143. 

  143. .chart-header .ci-hmfb{border-bottom:1px solid #ccc;  vertical-align:middle; background-color: #e0e0e0;}
    144. 

  144. .chart-header .ci-hmfb th{border:1px #ddd solid; height:1.25rem; line-height:1rem;vertical-align:middle;}
    145. 

  145. .chart-header h6{display:inline-block; width:30px; text-align:center; font-size:0.875em; line-height:15px;height:30px; padding:15px 0; vertical-align:top;}
    146. 

  146. .chart-header .ci-dywxtfb li div,.chart-header .ci-hmfb span,.chart-header span{color:#999}
    147. 

  147. 

  148. .chartTable .thead{height:42px;}
    149. 

  149. 

  150. .chart-header .kj-head{color:#666;text-align:center;min-width:30px;line-height:20px; padding:10px 0; height:40px; border-right:1px solid #eee;font-size: 0.8em;}
    151. 

  151. 	
    152. 

  152. .chart-item{position:relative; border-bottom:1px solid #eee;}
    153. 

  153. .chart-item:nth-child(2n){}
    154. 

  154. .chart-item h6{display:inline; float:left;width:40px; border-bottom:1px solid #fff; border-right:1px solid #ddd; color:#404141; text-align:center;line-height:30px;height:29px;}
    155. 

  155. 

  156. .fdfd{background:#fff}
    157. 

  157. .ci-hmfb{line-height:30px;}
    158. 

  158. .ci-hmfb span{display:inline-block; font-weight:normal; line-height: 30px; height:33px; border-right:1px solid #eee; color:#bbb; text-align:center;}
    159. 

  159. .ci-hmfb div{color:#666;font-size: 0.8em; height:30px; border-bottom:1px solid #eee;  border-right:1px solid #eee; text-align:center; line-height:30px;}
    160. 

  160. .chart-header .cf-last{border-right:0;}
    161. 

  161. .ci-hmfb span,.tc7lc .zs-sel .ci-hmfb span{min-width:30px;}
    162. 

  162. 

  163. .chart-header .ci-hmfb span{border-bottom:0; height:30px; }
    164. 

  164. .ci-hmfb b{display:inline-block; width:22px; height:22px; text-align:center;line-height:22px;-webkit-border-radius:11px;border-radius:11px; vertical-align:middle; margin-bottom:3px;}
    165. 

  165. .ci-hmfb b i{font-size:1em;}
    166. 

  166. 

  167. .k3_fot b{border:1px solid #1B3884;}
    168. 

  168. 

  169. .qihao{position:absolute; left:0; width:50px; z-index:8;}
    170. 

  170. .qihao .left_tih6{color:#666;background-color:#FFF6E5; height:26px; line-height:30px; font-size:14px; text-align:center;
    171. 

  171. 	background:#FFF6E5; border:1px solid #ddd;border-left:0 none;  width:50px;z-index: 9;position:absolute;}
    172. 

  172. .qihao .left_conh6{ border-bottom:0;position: relative;}
    173. 

  173. #divqh{background:#f4f4f4;}
    174. 

  174. .qihao .left_conh6  td{border:0 none; border-bottom:1px solid #ddd;border-right:1px solid #ddd; color:#333;
    175. 

  175. 	display:block; text-align:center;vertical-align:middle;line-height:1.25rem;width:50px; font-size:.875rem;}
    176. 

  176. 

  177. 

  178. .demo{width:100%; height:80vw;overflow:hidden;}
    179. 

  179. .viewport {overflow: hidden; -webkit-transform: translateZ(0); cursor:pointer;-moz-user-select:none;}
    180. 

  180. .k3-fb{margin-left:0;}
    181. 

  181. 

  182. .flipsnap{display:inline-block; margin:0 0 0 50px; width:1100px; white-space:nowrap; position: relative; left: 0;}
    183. 

  183. .flipsnap:after {float:none;content: '';display: block;clear: both;height: 0;}
    184. 

  184. 

  185. .item{position:relative; display:inline-block; vertical-align:top; white-space:nowrap;}
    186. 

  186. .item table{table-layout:fixed; border:0 none;}
    187. 

  187. .item .chartTable td{overflow:hidden; text-overflow:clip;height:1.25rem;line-height:1.25rem;}
    188. 

  188. .item .staticTable thead th,.item .staticTable thead td{font-family:Helvetica !important; font-weight:normal;line-height:1rem;height:1.25rem;overflow:hidden;vertical-align:middle;}
    189. 

  189. .item .staticTable{width:auto;}
    190. 

  190. .item .dataAnalysisBox{border:0 none; display:block; margin-left:15px; text-align:left; line-height:21px;height:21px;}
    191. 

  191. #stats{position:relative;}
    192. 

  192. .cf-item{width:0.875em;height:0.875em;margin:2px auto;border:1px solid #A6A6C4;color:#A5011E;text-align:center;line-height:0.875em;cursor:pointer;-webkit-border-radius:11px;border-radius:11px}
    193. 

  193. .item .ci-bar-bg{background-color:#FBFDFF;}
    194. 

  194. 

  195. .zw{width:1.75rem;}
    196. 

  196. .cw{width:3.125rem;}
    197. 

  197. .qihao .left_conh6 .presele-title{vertical-align:middle;height:20px;}
    198. 

  198. .presele-title strong,.presele-title span{margin:0 2px;}
    199. 

  199. .blue {color: #186EA7;}
    200. 

  200. 

  201. .notes{display:block;position:relative;line-height:1.25rem;height:1.25rem;text-align:center;}
    202. 

  202. .notes i{display:inline-block;width:.75rem;height:.75rem;font-size:.75rem;line-height:.75rem;margin:0 2px;border-radius:50%;background:#f5c0c0;color:#fff;position:relative;top:-1px;}
    203. 

  203. .notes em{display:inline-block;position:absolute;width:50px;line-height:1.25rem;background:#ff8800;color:#fff;text-align:center;z-index:999;
    204. 

  204. 	left:0;top:0;display:none;}
    205. 

  205. .notes:hover>em{display:block;}
    206. 

  206. 

  207. #stats{position:relative;}
    208. 

  208. .zstableBox{overflow:hidden;}
    209. 

  209. 

  210. 

  211. 

  212. #demo-pointmove .wrap{position:relative;left:-50px;}
    213. 

  213. #demo-pointmove .lot-title{border-bottom:1px #ddd solid;}
    214. 

  214. .lot-title h1{font-size:1rem;position:relative;}
    215. 

  215. 

  216. 

  217. 

  218. 

  219. 

  220. 

  221. 

  222. #set-chart{display:block;text-align:center;line-height:21px;}
    223. 

  223. #set-chart em{background:#ff8800;display:block;color:#fff;height:21px;text-align:center;}
    224. 

  224. .shadow{margin:0;}
    225. 

  225. .shadow .extend{border-bottom:0 none;}
    226.