홈 탐색 도움말
가입하기 로그인
PH
/
heyu
1
0
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
트리: 94cc65e31f
브랜치 태그
heyu
/
Application
/
Home
/
View
/
Contract
/
index.html

index.html 39 KB
히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh-CN">
    3. 

  3.     <head>
    4. 

  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    5. 

  5.         <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1.0,initial-scale=1,user-scalable=no,viewport-fit=true" data-shuvi-head="true">
    6. 

  6.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">	
    7. 

  7. 	    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
    8. 

  8. 	    <link rel="stylesheet" type="text/css" href="/Public/Home/static/css/base.css" />
    9. 

  9. 	    <title>{$webname}</title>
    10. 

  10. 	    <style>
    11. 

  11.             .css-1wr4jig {
    12. 

  12.                 box-sizing: border-box;
    13. 

  13.                 margin: 0;
    14. 

  14.                 min-width: 0;
    15. 

  15.                 display: -webkit-box;
    16. 

  16.                 display: -webkit-flex;
    17. 

  17.                 display: -ms-flexbox;
    18. 

  18.                 display: flex;
    19. 

  19.                 -webkit-flex-direction: column;
    20. 

  20.                 -ms-flex-direction: column;
    21. 

  21.                 flex-direction: column;
    22. 

  22.                 -webkit-flex: 1;
    23. 

  23.                 -ms-flex: 1;
    24. 

  24.                 flex: 1;
    25. 

  25.             }
    26. 

  26.             .css-wp2li4 {
    27. 

  27.                box-sizing: border-box;
    28. 

  28.                margin: 0;
    29. 

  29.                min-width: 0;
    30. 

  30.                display: -webkit-box;
    31. 

  31.                display: -webkit-flex;
    32. 

  32.                display: -ms-flexbox;
    33. 

  33.                display: flex;
    34. 

  34.                overflow-x: hidden;
    35. 

  35.                -webkit-flex-direction: column;
    36. 

  36.                -ms-flex-direction: column;
    37. 

  37.                flex-direction: column;
    38. 

  38.             }
    39. 

  39.             .css-19zx9ks {
    40. 

  40.                box-sizing: border-box;
    41. 

  41.                margin: 0;
    42. 

  42.                min-width: 0;
    43. 

  43.                display: -webkit-box;
    44. 

  44.                display: -webkit-flex;
    45. 

  45.                display: -ms-flexbox;
    46. 

  46.                display: flex;
    47. 

  47.                -webkit-align-items: center;
    48. 

  48.                -webkit-box-align: center;
    49. 

  49.                -ms-flex-align: center;
    50. 

  50.                align-items: center;
    51. 

  51.                height: 48px;
    52. 

  52.                font-size: 12px;
    53. 

  53.                color: #474D57;
    54. 

  54.                display: -webkit-box;
    55. 

  55.                display: -webkit-flex;
    56. 

  56.                display: -ms-flexbox;
    57. 

  57.                display: flex;
    58. 

  58.                min-height: 48px;
    59. 

  59.                height: -webkit-fit-content;
    60. 

  60.                height: -moz-fit-content;
    61. 

  61.                height: fit-content;
    62. 

  62.                -webkit-flex-wrap: wrap;
    63. 

  63.                -ms-flex-wrap: wrap;
    64. 

  64.                flex-wrap: wrap;
    65. 

  65.                z-index: 99;
    66. 

  66.                padding-top: 16px;
    67. 

  67.                padding-bottom: 10px;
    68. 

  68.                padding-left: 17%;
    69. 

  69.                padding-right: 17%;
    70. 

  70.                line-height: 1.25;
    71. 

  71.                box-shadow: 0px 2px 4px rgb(0 0 0 / 4%);
    72. 

  72.             }
    73. 

  73.             .css-o4bcl2 {
    74. 

  74.                box-sizing: border-box;
    75. 

  75.                margin: 0;
    76. 

  76.                min-width: 0;
    77. 

  77.                color: #F0B90B;
    78. 

  78.                -webkit-text-decoration: none;
    79. 

  79.                text-decoration: none;
    80. 

  80.                color: #707A8A;
    81. 

  81.             }
    82. 

  82.             .css-19zx9ks a {
    83. 

  83.                -webkit-flex-wrap: nowrap;
    84. 

  84.                -ms-flex-wrap: nowrap;
    85. 

  85.                flex-wrap: nowrap;
    86. 

  86.                -webkit-flex-shrink: 0;
    87. 

  87.                -ms-flex-negative: 0;
    88. 

  88.                flex-shrink: 0;
    89. 

  89.                margin-bottom: 6px;
    90. 

  90.             }
    91. 

  91.             .css-19zx9ks a:hover {
    92. 

  92.                color: #C99400;
    93. 

  93.                -webkit-text-decoration: underline;
    94. 

  94.                text-decoration: underline;
    95. 

  95.             }
    96. 

  96.             .css-wl17qh {
    97. 

  97.                box-sizing: border-box;
    98. 

  98.                margin: 100%px;
    99. 

  99.                min-width: 0px;
    100. 

  100.                display: flex;
    101. 

  101.                height: fit-content;
    102. 

  102.                min-height: 349px;
    103. 

  103.             }
    104. 

  104.             .css-1s5qj1n {
    105. 

  105.                box-sizing: border-box;
    106. 

  106.                margin: 0;
    107. 

  107.                min-width: 0;
    108. 

  108.                position: relative;
    109. 

  109.                margin-bottom: 32px;
    110. 

  110.                padding-top: 40px;
    111. 

  111.                padding-right: 24px;
    112. 

  112.                padding-left: 17%;
    113. 

  113.                width: 69%;
    114. 

  114.             }
    115. 

  115.             .css-101kg5g {
    116. 

  116.                box-sizing: border-box;
    117. 

  117.                margin: 0;
    118. 

  118.                min-width: 0;
    119. 

  119.                font-size: 40px;
    120. 

  120.                color: #1E2329;
    121. 

  121.                font-weight: 700;
    122. 

  122.             }
    123. 

  123.             .css-vurnku {
    124. 

  124.                box-sizing: border-box;
    125. 

  125.                margin: 0;
    126. 

  126.                min-width: 0;
    127. 

  127.             }
    128. 

  128.             .css-wmvdm0 {
    129. 

  129.                box-sizing: border-box;
    130. 

  130.                margin: 0;
    131. 

  131.                min-width: 0;
    132. 

  132.                display: -webkit-box;
    133. 

  133.                display: -webkit-flex;
    134. 

  134.                display: -ms-flexbox;
    135. 

  135.                display: flex;
    136. 

  136.                -webkit-align-items: center;
    137. 

  137.                -webkit-box-align: center;
    138. 

  138.                -ms-flex-align: center;
    139. 

  139.                align-items: center;
    140. 

  140.                margin-top: 44px;
    141. 

  141.                margin-bottom: 11px;
    142. 

  142.             }
    143. 

  143.             .css-ktxhrn {
    144. 

  144.                box-sizing: border-box;
    145. 

  145.                margin: 0;
    146. 

  146.                min-width: 0;
    147. 

  147.                margin-bottom: 32px;
    148. 

  148.             }
    149. 

  149.             .css-qinc3w {
    150. 

  150.                box-sizing: border-box;
    151. 

  151.                margin: 0;
    152. 

  152.                min-width: 0;
    153. 

  153.                color: #F0B90B;
    154. 

  154.                display: block;
    155. 

  155.                margin-bottom: 16px;
    156. 

  156.                width: -webkit-fit-content;
    157. 

  157.                width: -moz-fit-content;
    158. 

  158.                width: fit-content;
    159. 

  159.                max-width: 100%;
    160. 

  160.                overflow: hidden;
    161. 

  161.                text-overflow: ellipsis;
    162. 

  162.                white-space: nowrap;
    163. 

  163.                color: #474D57;
    164. 

  164.                font-size: 14px;
    165. 

  165.                -webkit-text-decoration: none;
    166. 

  166.                text-decoration: none;
    167. 

  167.             }
    168. 

  168.             .css-6f91y1 {
    169. 

  169.                box-sizing: border-box;
    170. 

  170.                margin: 0;
    171. 

  171.                min-width: 0;
    172. 

  172.                margin-left: 48px;
    173. 

  173.             }
    174. 

  174.             .css-qinc3w:hover {
    175. 

  175.                color: #C99400;
    176. 

  176.                -webkit-text-decoration: underline;
    177. 

  177.                text-decoration: underline;
    178. 

  178.             }
    179. 

  179.             .css-ogtd7z {
    180. 

  180.                 box-sizing: border-box;
    181. 

  181.                 margin: 0;
    182. 

  182.                 min-width: 0;
    183. 

  183.                 display: -webkit-box;
    184. 

  184.                 display: -webkit-flex;
    185. 

  185.                 display: -ms-flexbox;
    186. 

  186.                 display: flex;
    187. 

  187.                 -webkit-transition: all 1s;
    188. 

  188.                 transition: all 1s;
    189. 

  189.                 -webkit-box-pack: center;
    190. 

  190.                 -webkit-justify-content: center;
    191. 

  191.                 -ms-flex-pack: center;
    192. 

  192.                 justify-content: center;
    193. 

  193.                 background-color: #FEF1F2;
    194. 

  194.             }
    195. 

  195.             .css-jrzkh7 {
    196. 

  196.                 box-sizing: border-box;
    197. 

  197.                 margin: 0;
    198. 

  198.                 min-width: 0;
    199. 

  199.                 background-color: #181A20;
    200. 

  200.             }
    201. 

  201.             .css-1aac2e {
    202. 

  202.                 box-sizing: border-box;
    203. 

  203.                 margin: 0;
    204. 

  204.                 min-width: 0;
    205. 

  205.                 margin-left: auto;
    206. 

  206.                 margin-right: auto;
    207. 

  207.                 padding-left: 24px;
    208. 

  208.                 padding-right: 24px;
    209. 

  209.                 max-width: 1248px;
    210. 

  210.                 background-color: #FEF1F2;
    211. 

  211.             }
    212. 

  212.             .css-pnjgxq {
    213. 

  213.                 box-sizing: border-box;
    214. 

  214.                 margin: 0;
    215. 

  215.                 min-width: 0;
    216. 

  216.                 display: -webkit-box;
    217. 

  217.                 display: -webkit-flex;
    218. 

  218.                 display: -ms-flexbox;
    219. 

  219.                 display: flex;
    220. 

  220.                 -webkit-flex-direction: column;
    221. 

  221.                 -ms-flex-direction: column;
    222. 

  222.                 flex-direction: column;
    223. 

  223.                 -webkit-align-items: center;
    224. 

  224.                 -webkit-box-align: center;
    225. 

  225.                 -ms-flex-align: center;
    226. 

  226.                 align-items: center;
    227. 

  227.                 height: 219px;
    228. 

  228.                 background-color: #181A20;
    229. 

  229.             }
    230. 

  230.             .css-163lzuo {
    231. 

  231.                 box-sizing: border-box;
    232. 

  232.                 margin: 0;
    233. 

  233.                 min-width: 0;
    234. 

  234.                 margin-top: 24px;
    235. 

  235.                 margin-bottom: 24px;
    236. 

  236.                 font-weight: 700;
    237. 

  237.                 font-size: 36px;
    238. 

  238.                 color: #EAECEF;
    239. 

  239.             }
    240. 

  240.             .css-8pdsjp {
    241. 

  241.                 box-sizing: border-box;
    242. 

  242.                 margin: 0;
    243. 

  243.                 min-width: 0;
    244. 

  244.                 display: -webkit-inline-box;
    245. 

  245.                 display: -webkit-inline-flex;
    246. 

  246.                 display: -ms-inline-flexbox;
    247. 

  247.                 display: inline-flex;
    248. 

  248.                 position: relative;
    249. 

  249.                 height: 32px;
    250. 

  250.                 margin-top: 4px;
    251. 

  251.                 margin-bottom: 0px;
    252. 

  252.                 -webkit-align-items: center;
    253. 

  253.                 -webkit-box-align: center;
    254. 

  254.                 -ms-flex-align: center;
    255. 

  255.                 align-items: center;
    256. 

  256.                 line-height: 1.6;
    257. 

  257.                 border: 1px solid transparent;
    258. 

  258.                 border-color: #EAECEF;
    259. 

  259.                 border-radius: 4px;
    260. 

  260.                 margin-top: 0;
    261. 

  261.                 margin-bottom: 0;
    262. 

  262.                 width: 327px;
    263. 

  263.                 height: 32px;
    264. 

  264.                 padding-left: 11px;
    265. 

  265.                 padding-right: 6px;
    266. 

  266.                 border-radius: 4px;
    267. 

  267.                 background-color: #2B3139;
    268. 

  268.                 border: none;
    269. 

  269.             }
    270. 

  270.             .css-8pdsjp {
    271. 

  271.                 width: 610px;
    272. 

  272.                 height: 48px;
    273. 

  273.                 padding-left: 16px;
    274. 

  274.                 padding-right: 12.5px;
    275. 

  275.             }
    276. 

  276.             .css-16fg16t {
    277. 

  277.                 box-sizing: border-box;
    278. 

  278.                 margin: 0;
    279. 

  279.                 min-width: 0;
    280. 

  280.                 width: 100%;
    281. 

  281.                 height: 100%;
    282. 

  282.                 padding: 0;
    283. 

  283.                 outline: none;
    284. 

  284.                 border: none;
    285. 

  285.                 background-color: inherit;
    286. 

  286.                 opacity: 1;
    287. 

  287.             }
    288. 

  288.             .css-8pdsjp input {
    289. 

  289.                 color: #1E2329;
    290. 

  290.                 font-size: 14px;
    291. 

  291.                 padding-left: 8px;
    292. 

  292.                 padding-right: 8px;
    293. 

  293.             }
    294. 

  294.             .css-8pdsjp input {
    295. 

  295.                 padding-left: 0;
    296. 

  296.                 font-size: 12px;
    297. 

  297.                 color: #EAECEF;
    298. 

  298.                 border-radius: 10px;
    299. 

  299.             }
    300. 

  300.             .css-8pdsjp .bn-input-suffix {
    301. 

  301.                 -webkit-flex-shrink: 0;
    302. 

  302.                 -ms-flex-negative: 0;
    303. 

  303.                 flex-shrink: 0;
    304. 

  304.                 margin-left: 4px;
    305. 

  305.                 margin-right: 4px;
    306. 

  306.                 font-size: 14px;
    307. 

  307.             }
    308. 

  308.             .css-1qppfsi {
    309. 

  309.                 box-sizing: border-box;
    310. 

  310.                 margin: 0;
    311. 

  311.                 min-width: 0;
    312. 

  312.                 color: #EAECEF;
    313. 

  313.                 width: 24px;
    314. 

  314.                 height: 24px;
    315. 

  315.                 font-size: 24px;
    316. 

  316.                 fill: #1E2329;
    317. 

  317.                 fill: #EAECEF;
    318. 

  318.                 width: 1em;
    319. 

  319.                 height: 1em;
    320. 

  320.                 vertical-align: bottom;
    321. 

  321.             }
    322. 

  322.             ::-webkit-input-placeholder { /* WebKit browsers */
    323. 

  323.               color: #474d57;
    324. 

  324.               font-size: 14px;
    325. 

  325.             }
    326. 

  326.     
    327. 

  327.             ::-moz-placeholder { /* Mozilla Firefox 19+ */
    328. 

  328.               color: #474d57;
    329. 

  329.               font-size: 14px;
    330. 

  330.             }
    331. 

  331.             input:focus{background:#2B3139;outline: 1px solid #2B3139;}
    332. 

  332.             .klinebox{width:100%;height:550px;margin-top:55px;}
    333. 

  333. 	        .klinetitle{width:100%;height:80px;background:#fff;padding:0px 20px;}
    334. 

  334. 	        .klinetitle_l{width:45%;height:80px;float:left;}
    335. 

  335. 	        .klinetitle_r{width:55%;height:80px;float:left;}
    336. 

  336. 	        .newpricebox{height:40px;line-height:60px;margin-bottom:0px;color:#2ebd85;font-size:22px;font-weight:bold;}
    337. 

  337. 	        .changebox{height:40px;line-height:40px;margin-bottom:0px;color:#2ebd85;font-weight:bold;}
    338. 

  338. 	        .klr3_box{width:100%;height:30px;}
    339. 

  339. 	        .klr2_box{width:100%;height:25px;}
    340. 

  340. 	        .klr3_box_dl{width:45%;height:30px;line-height:40px;float:left;text-align:left;}
    341. 

  341. 	        .klr3_box_dr{width:55%;height:30px;line-height:40px;float:right;text-align:right;}
    342. 

  342. 	        .klr2_box_dl{width:45%;height:25px;line-height:25px;float:left;text-align:left;}
    343. 

  343. 	        .klr2_box_dr{width:55%;height:25px;line-height:25px;float:right;text-align:right;}
    344. 

  344. 	        .dongbox{position:fixed;z-index:9999;display:none;top:0px;width:100%;height:100vh;background:rgba(0,0,0,0.2);}
    345. 

  345. 	        .dong_con{width:30%;height:86vh;background:#fff;margin-top:80px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:20px 15px 10px 20px;float:left;}
    346. 

  346. 	        .dong_title{width:100%;height:40px;line-height:40px;}
    347. 

  347. 	        .dong_title_span{font-size:18px;font-weight:500;}
    348. 

  348. 	        .dong_find_box{width:100%;height:30px;background:#f5f5f5;border-radius:10px;}
    349. 

  349. 	        .dong_find_box_img{width:20%;height:30px;line-height:30px;float:left;text-align:center;}
    350. 

  350. 	        .dong_input_box{width:80%;height:30px;float:left;}
    351. 

  351. 	        .dong_symbox{width:90%;height:20px;border:none;background:#f5f5f5;margin-top:5px;}
    352. 

  352. 	        .dong_sel_box{width:100%;height:30px;border-bottom:1px solid #f5f5f5;}
    353. 

  353. 	        .dong_sel_span{display:block;width:35px;height:30px;line-height:30px;border-bottom:2px solid #FCD535;font-size:14px;text-align:center;font-size:14px;}
    354. 

  354. 	        .symbol_list{width:100%;height:450px;overflow-y: scroll;margin-top:10px;}
    355. 

  355. 	        .sy_list_box{width:100%;height:30px;}
    356. 

  356. 	        .sy_list_boxl{width:35%;height:30px;line-height:30px;float:left;text-align:left;}
    357. 

  357. 	        .sy_list_boxr{width:30%;height:30px;line-height:30px;float:right;text-align:right;}
    358. 

  358. 	        .btnbox{width:100%;height:60px;padding:10px 20px;}
    359. 

  359. 	        .btnbox_l{width:45%;height:40px;line-height:40px;float:left;text-align:center;border-radius:10px;background:#0ecb81;}
    360. 

  360. 	        .btnbox_r{width:45%;height:40px;line-height:40px;float:right;text-align:center;border-radius:10px;background:#f5465c;}
    361. 

  361. 	        .dong_order_c{width:100%;height:550px;background:#fff;margin:0;padding:0px 10px;}
    362. 

  362. 	        .dong_order_x{width:100%;height:20px;line-height:20px;text-align:right;}
    363. 

  363. 	        .dong_order_title{width:100%;height:30px;line-height:20px;text-align:center;border-bottom: 1px solid #f5f5f5;}
    364. 

  364. 	        .dong_order_option{width:100%;height:110px;;overflow: hidden;overflow-x: scroll;margin-top:5px;}
    365. 

  365. 	        .dong_order_option_list{width:100px;height:80px;background:#f5f5f5;float:left;margin-right:10px;border-radius:10px;padding:5px;cursor: pointer;}
    366. 

  366. 	        .option_list_active{border:1px solid #FCD535;}
    367. 

  367. 	        .dong_order_p{width:100%;margin-bottom: 5px;margin-top:5px;padding-left:5px;}
    368. 

  368. 	        .dong_money_list{width:100%;height:60px;}
    369. 

  369. 	        .dong_money_list_box{width:70%;height:60px;float:left;overflow: hidden;cursor: pointer;}
    370. 

  370. 	        .dong_money_list_box_l{width:1000px;height:40px;}
    371. 

  371. 	        .dong_money_list_box_option{width:70px;height:40px;line-height:40px;background:#f5f5f5;float:left;margin-right:5px;border-radius:5px;text-align:center;}
    372. 

  372. 	        .green{color:#0ecb81;}
    373. 

  373.             .red{color:#f5465c;}
    374. 

  374.             input:focus{background:#f5f5f5;outline: 1px solid #f5f5f5;}
    375. 

  375. 	    </style>
    376. 

  376. 	</head>
    377. 

  377. 	<body>
    378. 

  378. 	    <div class="App">
    379. 

  379. 	        <div class="css-tq0shg">
    380. 

  380. 	            <include file="Public:header"/>
    381. 

  381. 	            <div class="css-ogtd7z">
    382. 

  382. 	                <div class="css-jrzkh7">
    383. 

  383. 	                    <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
    384. 

  384. 	                 </div>
    385. 

  385. 	            </div>
    386. 

  386. 	            <main class="css-1wr4jig" style="background: #fff;">
    387. 

  387.                     <div style="width:100%;height:80px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);">
    388. 

  388.                         <div style="width:2%;height:80px;background:#fff;float:left;"></div>
    389. 

  389.                         <div style="width:63%;height:80px;float:left;">
    390. 

  390.                             <div class="klinetitle">
    391. 

  391. 			                	<div class="klinetitle_l">
    392. 

  392. 			                	    <p class="newpricebox" id="newpricebox" style="font-size:24px;">--</p>
    393. 

  393. 			                	    <p class="changebox"  id="changebox">--</p>
    394. 

  394. 			                	</div>
    395. 

  395. 			                	<div class="klinetitle_r">
    396. 

  396. 			                	    <div class="klr3_box">
    397. 

  397. 			                	        <div class="klr3_box_dl">
    398. 

  398. 			                	            <span class="f14 fcc">{:L('最低')}</span>
    399. 

  399. 			                	        </div>
    400. 

  400. 			                	        <div class="klr3_box_dr">
    401. 

  401. 			                	            <span class="f14 fch" id="minmoney">--</span>
    402. 

  402. 			                	        </div>
    403. 

  403. 			                	    </div>
    404. 

  404. 			                	    <div class="klr2_box">
    405. 

  405. 			                	        <div class="klr2_box_dl">
    406. 

  406. 			                	            <span class="f14 fcc">{:L('最高')}</span>
    407. 

  407. 			                	        </div>
    408. 

  408. 			                	        <div class="klr2_box_dr">
    409. 

  409. 			                	            <span class="f14 fch" id="maxmoney">--</span>
    410. 

  410. 			                	        </div>
    411. 

  411. 			                	    </div>
    412. 

  412. 			                	    <div class="klr2_box">
    413. 

  413. 			                	        <div class="klr2_box_dl">
    414. 

  414. 			                	            <span class="f14 fcc">24h{:L('量')}</span>
    415. 

  415. 			                	        </div>
    416. 

  416. 			                	        <div class="klr2_box_dr">
    417. 

  417. 			                	            <span class="f14 fch" id="allvol">--</span>
    418. 

  418. 			                	        </div>
    419. 

  419. 			                	    </div>
    420. 

  420. 			                	    
    421. 

  421. 			                	</div>
    422. 

  422.                 			</div>
    423. 

  423.                         </div>
    424. 

  424.                         <div style="width:35%;height:80px;line-height:100px;float:left;padding-left:15px;">
    425. 

  425.                             <div style="width:100%;height:40px;line-height:50px;">
    426. 

  426.                                 <span class="f16 fw" style="color:#000;" id="symbolbox">{$upmarket}</span>
    427. 

  427.                                 <span class="fch fw" style="font-size:20px;">{:L('合约建仓')}</span>
    428. 

  428.                             </div>
    429. 

  429.                             <div style="width:100%;height:40px;line-height:30px;">
    430. 

  430.                                 <span class="f12" style="background:#0ecb81;padding:5px 15px;border-radius: 5px;color:#fff;margin:0px 20px;cursor:pointer;" onclick="show_dongbox(1)">{:L('买涨')}</span>
    431. 

  431.                                 <span class="f12" style="background:#f5465c;padding:5px 15px;border-radius: 5px;color:#fff;cursor:pointer;" onclick="show_dongbox(2)">{:L('买跌')}</span>
    432. 

  432.                                 <a href="{:U('Contract/contractjc')}" class="f12 fcy" style="margin-left:30px;text-decoration:none;">{:L('我的订单')}</a>
    433. 

  433.                             </div>
    434. 

  434.                             
    435. 

  435.                             
    436. 

  436.                         </div>
    437. 

  437.                     </div>
    438. 

  438.                     <div style="width:100%;min-height:500px;">
    439. 

  439.                         <div style="width:100%;min-height:550px;">
    440. 

  440.                             <div id="centerbox" style="width:2%;height:550px;line-height:550px;background:#fff;text-align:center;float:left;cursor:pointer;">
    441. 

  441.                                 <i class="bi bi-chevron-compact-right fch fw" style="font-size:24px;"></i>
    442. 

  442.                             </div>
    443. 

  443.                             <div style="width:63%;height:600px;float:left;">
    444. 

  444.                                 <input type="hidden" id="coinname" value="{$smybol}" />
    445. 

  445.                                 <div style="width:100%;height:600px;">
    446. 

  446. 			                        <iframe id="iframeid" width="100%" scrolling="no" height="600" src="/Trade/ordinary?market={$market}"  noresize="noresize" frameborder="0" >{:L('不支持IFRAME，请升级')}</iframe>
    447. 

  447. 			                    </div>
    448. 

  448.                             </div>
    449. 

  449.                             <div style="width:35%;height:550px;background:#fff;float:left;">
    450. 

  450.                                 <div style="width:100%;height:550px;padding:0px 10px;">
    451. 

  451.                                     
    452. 

  452.                                     <div class="dong_order_c">
    453. 

  453. 	                                    <p class="dong_order_p fch f14">{:L('订单类型')}</p>
    454. 

  454. 	                                    <div class="dong_order_option">
    455. 

  455.                             
    456. 

  456. 	                                        <div style="min-width:800px;height:110px;">
    457. 

  457. 	                                            <foreach name="cd" item="vo">
    458. 

  458. 	                                            <div class="dong_order_option_list" id="time_{$vo.sort}" onclick="xztime({$vo.sort},{$vo.time},{$vo.ykbl});">
    459. 

  459. 	                                                <div style="width:100%;height:20px;line-height:20px;text-align:center;">
    460. 

  460. 	                                                    <span class="fcc f12">{:L('到期时间')}</span>
    461. 

  461. 	                                                </div>
    462. 

  462. 	                                                <div style="width:100%;height:20px;line-height:20px;text-align:center;margin-top:5px;">
    463. 

  463. 	                                                    <span class="fcy f12">{$vo.time}{:L('分钟')}</span>
    464. 

  464. 	                                                </div>
    465. 

  465. 	                                                <div style="width:100%;height:20px;line-height:20px;text-align:center;margin-top:5px;">
    466. 

  466. 	                                                    <span class="fcc f12" style="color:#f5465c;">{:L('收益率')}{$vo.ykbl}%</span>
    467. 

  467. 	                                                </div>
    468. 

  468. 	                                            </div>
    469. 

  469. 	                                            </foreach>
    470. 

  470.                                             </div>
    471. 

  471.                             
    472. 

  472. 	                                        
    473. 

  473. 	                                    </div>
    474. 

  474. 	                                    
    475. 

  475. 	                                    <p class="dong_order_p f14">{:L('投资金额')}</p>
    476. 

  476. 	                                    <div class="dong_money_list">
    477. 

  477. 	                                        <div class="dong_money_list_box" style="width:100%;">
    478. 

  478. 	                                            <div class="dong_money_list_box_l" style="height:60px;">
    479. 

  479. 	                                                <foreach name="ed" item="v">
    480. 

  480. 	                                                <div class="dong_money_list_box_option moveclass" id="tzed_{$v.sort}" onclick="xztzed({$v.sort},{$v.tzed});">
    481. 

  481. 	                                                    <span class="fzm f12">{$v.tzed} USDT</span>
    482. 

  482. 	                                                </div>
    483. 

  483. 	                                                </foreach>
    484. 

  484. 	                                           </div>
    485. 

  485. 	                                        </div>
    486. 

  486. 	                                    </div>
    487. 

  487. 	                                    
    488. 

  488. 	                                    <p class="dong_order_p fcc fch f14">{:L('自定义金额')}</p>
    489. 

  489. 	                                    <div class="dong_money_list">
    490. 

  490. 	                                        <div style="width:100%;height:40px;text-align:center;" id="custommoney">
    491. 

  491. 	                                            <input type="text" id="tzmoney" onblur="settzmoney();" value="" placeholder="{:L('请输入金额')}" style="width:98%;margin:auto;height:35px;line-height:35px;background:#f5f5f5;padding-left:15px;border:none;margin-top:2px;" />
    492. 

  492. 	                                       </div>
    493. 

  493. 	                                    </div>
    494. 

  494. 	        
    495. 

  495. 	                                    <p class="dong_order_p fch" style="margin-bottom:5px;">{:L('账户余额')}：{$eusdt_blan} USDT</p>
    496. 

  496.                                         <p class="dong_order_p fch" style="margin-bottom:5px;">{:L('体验金')}：{$tj_money} USDT</p>
    497. 

  497.                                         <div style="width:100%;height:70px;margin-top:10px;border-top:1px solid #f5f5f5;padding-top:10px;">
    498. 

  498.                                             <div style="width:25%;height:50px;float:left;">
    499. 

  499.                                                 <div style="width:100%;height:30px;line-height:30px;text-align:center;">
    500. 

  500.                                                     <span class="fch f14">{:L('交易对')}</span>
    501. 

  501.                                                 </div>
    502. 

  502.                                                 <div style="width:100%;height:20px;line-height:20px;text-align:center;">
    503. 

  503.                                                     <span class="fch f14">{$upmarket}</span>
    504. 

  504.                                                 </div>
    505. 

  505.                                             </div>
    506. 

  506.                                             <div style="width:20%;height:50px;float:left;">
    507. 

  507.                                                 <div style="width:100%;height:30px;line-height:30px;text-align:center;">
    508. 

  508.                                                     <span class="fch f14">{:L('方向')}</span>
    509. 

  509.                                                 </div>
    510. 

  510.                                                 <div style="width:100%;height:20px;line-height:20px;text-align:center;">
    511. 

  511.                                                     <span class="fgreen f14" id="fxtext">{:L('买涨')}</span>
    512. 

  512.                                                 </div>
    513. 

  513.                                             </div>
    514. 

  514.                                             <div style="width:30%;height:50px;float:left;">
    515. 

  515.                                                 <div style="width:100%;height:30px;line-height:30px;text-align:center;">
    516. 

  516.                                                     <span class="fch f14">{:L('现价')}</span>
    517. 

  517.                                                 </div>
    518. 

  518.                                                 <div style="width:100%;height:20px;line-height:20px;text-align:center;">
    519. 

  519.                                                     <span class="fch f14" style="color:#f5465c;" id="ordernewprice">--</span>
    520. 

  520.                                                 </div>
    521. 

  521.                                             </div>
    522. 

  522.                                             <div style="width:25%;height:50px;float:left;">
    523. 

  523.                                                 <div style="width:100%;height:30px;line-height:30px;text-align:center;">
    524. 

  524.                                                     <span class="fch f14">{:L('金额')}</span>
    525. 

  525.                                                 </div>
    526. 

  526.                                                 <div style="width:100%;height:20px;line-height:20px;text-align:center;">
    527. 

  527.                                                     <span class="fch f14"><span id="ttzed">10</span> USDT</span>
    528. 

  528.                                                 </div>
    529. 

  529.                                             </div>
    530. 

  530.                                         </div>
    531. 

  531.                                         <input type="hidden" id="ctime" value="" />
    532. 

  532.                                         <input type="hidden" id="ctzed" value="" />
    533. 

  533.                                         <input type="hidden" id="ccoinname" value="{$upmarket}" />
    534. 

  534.                                         <input type="hidden" id="ctzfx" value="1" />
    535. 

  535.                                         <input type="hidden" id="cykbl" value="" />
    536. 

  536.                                         <input type="hidden" id="hymin" value="{$hymin}" />
    537. 

  537.                                         
    538. 

  538.                                         <input type="hidden" id="flag" value="1" />
    539. 

  539.             
    540. 

  540.                                         <if condition="$uid elt 0">
    541. 

  541.                                         <div style="width:100%;height:40px;line-height:40px;text-align:center;margin-top:15px;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;cursor:pointer;">
    542. 

  542.                                             <span class="fch f12">{:L('请先登陆')}</span>
    543. 

  543.                                         </div>    
    544. 

  544.                                         <else />
    545. 

  545.                                         <div id="subbtn" style="width:45%;height:40px;line-height:40px;text-align:center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;margin-top:15px;cursor:pointer;float:left;">
    546. 

  546.                                             <span class="fch f12">{:L('确认下单')}</span>
    547. 

  547.                                         </div>
    548. 

  548.                                         <div id="tyj_subbtn" style="width:45%;height:40px;line-height:40px;text-align:center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:10px;margin-top:15px;cursor:pointer;float:right;">
    549. 

  549.                                             <span class="fch f12">{:L('体验金下单')}</span>
    550. 

  550.                                         </div>
    551. 

  551.                                         </if>
    552. 

  552.             
    553. 

  553. 	                                </div>
    554. 

  554.                                     
    555. 

  555.                                     
    556. 

  556.                                 </div>
    557. 

  557.                             </div>
    558. 

  558.                         </div>
    559. 

  559.                     </div>
    560. 

  560.                 
    561. 

  561. 	            </main>
    562. 

  562. 

  563. 	            <include file="Public:footer"/>
    564. 

  564. 	        </div>   
    565. 

  565. 	    </div>
    566. 

  566. 

  567. 	<!---------交易选择弹窗---------->
    568. 

  568. 	<div class="dongbox"  id="showdong">
    569. 

  569. 	    <div class="dong_con">
    570. 

  570. 	        <div style="width:100%;position:relative;z-index:9999999;top:0px;">
    571. 

  571. 	            <div class="dong_title">
    572. 

  572. 	                <span class="dong_title_span">{:L('快速合约')}</span>
    573. 

  573. 	            </div>
    574. 

  574. 

  575. 	            <div class="dong_sel_box">
    576. 

  576. 	                <span class="fcc dong_sel_span">{:L('全部')}</span>
    577. 

  577. 	            </div>
    578. 

  578. 	        </div>
    579. 

  579. 	        
    580. 

  580. 	        
    581. 

  581. 	        <div class="symbol_list" id="smybolbox">
    582. 

  582. 	            <div style="width:100%;height:100px;line-height:100px;text-align:center;">
    583. 

  583.                     <span class="fzmm fcc">{:L('没有获取数据')}</span>
    584. 

  584.                 </div>
    585. 

  585. 	        </div>
    586. 

  586. 	    </div>
    587. 

  587. 	    
    588. 

  588. 	    <div style="width:70%;height:100vh;float:left;" id="hidedong"></div>
    589. 

  589. 	</div>
    590. 

  590. 	
    591. 

  591. 	
    592. 

  592. 	<div class="dongbox" id="gotaxbox"  style="display:none;">
    593. 

  593.             <div style="width:300px;height:260px;background:#fff;margin:18% auto;border-radius:10px;padding:15px;">
    594. 

  594.                 <div style="width:100%;height:100px;line-height:100px;text-align:center;">
    595. 

  595.                     <i class="bi bi-exclamation-circle" style="font-size:56px;font-weight:bold;color:#f5465c;"></i>
    596. 

  596.                 </div>
    597. 

  597.                 <div style="width:100%;height:60px;text-align:center;color:#000;font-size:14px;">
    598. 

  598.                     {:L('请先缴纳税金')}
    599. 

  599.                 </div>
    600. 

  600.                 <div style="width:100%;height:60px;">
    601. 

  601.                     <a href="{:U('Finance/cztax')}" target="__blank">
    602. 

  602.                     <div style="width:45%;height:36px;line-height:36px;text-align:center;float:left;font-size:14px;color:#fff;background:#0ecb81;border-radius:10px;cursor:pointer;">{:L('缴税')}</div></a>
    603. 

  603.                     <div onclick="hidetaxbox()" style="width:45%;height:36px;line-height:36px;text-align:center;float:right;font-size:14px;color:#fff;background:#f5465c;border-radius:10px;cursor:pointer;">{:L('取消')}</div>
    604. 

  604.                 </div>
    605. 

  605.             </div>
    606. 

  606.         </div>
    607. 

  607. 	
    608. 

  608. 	
    609. 

  609. 	    
    610. 

  610. 	</body>
    611. 

  611. 	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    612. 

  612.     <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
    613. 

  613.     <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
    614. 

  614.     <script type="text/javascript">
    615. 

  615.         function hidetaxbox(){
    616. 

  616.             $("#gotaxbox").hide();
    617. 

  617.         }
    618. 

  618.         
    619. 

  619.         function settzmoney(){
    620. 

  620.             var hymin = parseFloat($("#hymin").val());
    621. 

  621.             var tzmoney = parseFloat($("#tzmoney").val());
    622. 

  622.             if(tzmoney < hymin){
    623. 

  623.                 layer.msg("{:L('不能小于最低投资额度')}");return false;
    624. 

  624.             }
    625. 

  625.             
    626. 

  626.             $("#ctzed").val(tzmoney);
    627. 

  627.             $("#ttzed").html(tzmoney);
    628. 

  628.             
    629. 

  629.         }
    630. 

  630.     </script>
    631. 

  631.     <script type="text/javascript">
    632. 

  632.         $("#custommoney").click(function(){
    633. 

  633.             $(".moveclass").removeClass("option_list_active");
    634. 

  634.             $("#custommoney").addClass("option_list_active");
    635. 

  635.         });
    636. 

  636.     </script>
    637. 

  637.     <script type="text/javascript">
    638. 

  638.         $("#tyj_subbtn").click(function(){
    639. 

  639.             
    640. 

  640.             // var flag = $("#flag").val();
    641. 

  641.             // if(flag == 2){
    642. 

  642.             //     return false;
    643. 

  643.             // }
    644. 

  644.             
    645. 

  645.             var ctime = $("#ctime").val();
    646. 

  646.             var ctzed = $("#ctzed").val();
    647. 

  647.             var ccoinname = $("#ccoinname").val();
    648. 

  648.             var ctzfx = $("#ctzfx").val();
    649. 

  649.             var cykbl = $("#cykbl").val();
    650. 

  650.             if(ctime <= 0 || ctime ==''){
    651. 

  651.                 layer.msg("{:L('请选择结算时间')}");return false;
    652. 

  652.             }
    653. 

  653.             if(ctzed <= 0 || ctzed==''){
    654. 

  654.                 layer.msg("{:L('请选择投入金额')}");return false;
    655. 

  655.             }
    656. 

  656.             if(ccoinname == '' || ccoinname == null){
    657. 

  657.                 layer.msg("{:L('缺少重要参数')}");return false;
    658. 

  658.             }
    659. 

  659.             if(ctzfx <= 0 || ctzfx ==''){
    660. 

  660.                 layer.msg("{:L('缺少重要参数')}");return false;
    661. 

  661.             }
    662. 

  662.             if(cykbl <= 0 || cykbl ==''){
    663. 

  663.                 layer.msg("{:L('缺少重要参数')}");return false;
    664. 

  664.             }
    665. 

  665.             
    666. 

  666.             // $("#flag").val(2);
    667. 

  667.             
    668. 

  668.             $.post("{:U('Contract/ty_creatorder')}",
    669. 

  669.             {'ctime':ctime,'ctzed':ctzed,'ccoinname':ccoinname,'ctzfx':ctzfx,'cykbl':cykbl},
    670. 

  670.             function(data){
    671. 

  671.                 if(data.code == 1){
    672. 

  672.                     layer.msg(data.msg);
    673. 

  673.                     setTimeout(function(){
    674. 

  674.                         window.location.reload();
    675. 

  675.                     },2000);
    676. 

  676.                 }else if(data.code == 3){
    677. 

  677.                    $("#gotaxbox").show();
    678. 

  678.                 }else{
    679. 

  679.                     layer.msg(data.msg);return false; 
    680. 

  680.                 }
    681. 

  681.             });
    682. 

  682.         });
    683. 

  683.     
    684. 

  684.         $("#subbtn").click(function(){
    685. 

  685.             
    686. 

  686.             // var flag = $("#flag").val();
    687. 

  687.             // if(flag == 2){
    688. 

  688.             //     return false;
    689. 

  689.             // }
    690. 

  690.             
    691. 

  691.             var ctime = $("#ctime").val();
    692. 

  692.             var ctzed = $("#ctzed").val();
    693. 

  693.             var ccoinname = $("#ccoinname").val();
    694. 

  694.             var ctzfx = $("#ctzfx").val();
    695. 

  695.             var cykbl = $("#cykbl").val();
    696. 

  696.             if(ctime <= 0 || ctime ==''){
    697. 

  697.                 layer.msg("{:L('请选择结算时间')}");return false;
    698. 

  698.             }
    699. 

  699.             if(ctzed <= 0 || ctzed==''){
    700. 

  700.                 layer.msg("{:L('请选择投入金额')}");return false;
    701. 

  701.             }
    702. 

  702.             if(ccoinname == '' || ccoinname == null){
    703. 

  703.                 layer.msg("{:L('缺少重要参数')}");return false;
    704. 

  704.             }
    705. 

  705.             if(ctzfx <= 0 || ctzfx ==''){
    706. 

  706.                 layer.msg("{:L('缺少重要参数')}");return false;
    707. 

  707.             }
    708. 

  708.             if(cykbl <= 0 || cykbl ==''){
    709. 

  709.                 layer.msg("{:L('缺少重要参数')}");return false;
    710. 

  710.             }
    711. 

  711.             
    712. 

  712.             // $("#flag").val(2);
    713. 

  713.             
    714. 

  714.             $.post("{:U('Contract/creatorder')}",
    715. 

  715.             {'ctime':ctime,'ctzed':ctzed,'ccoinname':ccoinname,'ctzfx':ctzfx,'cykbl':cykbl},
    716. 

  716.             function(data){
    717. 

  717.                 if(data.code == 1){
    718. 

  718.                     layer.msg(data.msg);
    719. 

  719.                     setTimeout(function(){
    720. 

  720.                         window.location.reload();
    721. 

  721.                     },2000);
    722. 

  722.                 }else if(data.code == 3){
    723. 

  723.                    $("#gotaxbox").show();
    724. 

  724.                 }else{
    725. 

  725.                     layer.msg(data.msg);return false; 
    726. 

  726.                 }
    727. 

  727.             });
    728. 

  728.         });
    729. 

  729.     </script>
    730. 

  730.     <script type="text/javascript">
    731. 

  731.         function xztime(sort,time,ykbl){
    732. 

  732.             var sort = sort;
    733. 

  733.             var time = time;
    734. 

  734.             var ykbl = ykbl;
    735. 

  735.             var idtxt = "#time_"+sort;
    736. 

  736.             $("#ctime").val(time);
    737. 

  737.             $("#cykbl").val(ykbl);
    738. 

  738.             $(idtxt).addClass("option_list_active");
    739. 

  739.             $(idtxt).siblings().removeClass("option_list_active");
    740. 

  740.         }
    741. 

  741.         function xztzed(sort,tzed){
    742. 

  742.             var sort = sort;
    743. 

  743.             var tzed = tzed;
    744. 

  744.             var idtxt = "#tzed_"+sort;
    745. 

  745.             $("#ctzed").val(tzed);
    746. 

  746.             $("#ttzed").html(tzed);
    747. 

  747.             $("#tzmoney").val(tzed);
    748. 

  748.             $(idtxt).addClass("option_list_active");
    749. 

  749.             $(idtxt).siblings().removeClass("option_list_active");
    750. 

  750.             $("#custommoney").removeClass("option_list_active");
    751. 

  751.         }
    752. 

  752.     </script>
    753. 

  753.     <script type="text/javascript">
    754. 

  754.         function getcoin_data(){
    755. 

  755.             var coinname = $("#coinname").val();
    756. 

  756.             $.post("{:U('Ajaxtrade/getcoin_data')}",
    757. 

  757.             {'coinname':coinname},
    758. 

  758.             function(data){
    759. 

  759.                 if(data.code == 1){
    760. 

  760.                     $("#newpricebox").html(data.close);
    761. 

  761.                     $("#ordernewprice").html(data.close);
    762. 

  762.                     $("#changebox").html(data.change);
    763. 

  763.                     $("#minmoney").html(data.low);
    764. 

  764.                     $("#maxmoney").html(data.high);
    765. 

  765.                     $("#allvol").html(data.amount);
    766. 

  766.                 }
    767. 

  767.             });
    768. 

  768.         }
    769. 

  769.     </script>
    770. 

  770.     
    771. 

  771.     
    772. 

  772.     <script type="text/javascript">
    773. 

  773.           $(function(){
    774. 

  774.               getcoin_data();
    775. 

  775.               setInterval("getcoin_data()",2000); 
    776. 

  776.           });
    777. 

  777.     </script>
    778. 

  778.     <script type="text/javascript">
    779. 

  779.         function getallsmybol(){
    780. 

  780.             $.post("{:U('Ajaxtrade/getallcoin')}",
    781. 

  781.             function(data){
    782. 

  782.                 if(data.code == 1){
    783. 

  783.                     $("#smybolbox").empty();
    784. 

  784.                     var html = '';
    785. 

  785.                     if(data.data == '' || data.data == null){
    786. 

  786.                         html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+ 
    787. 

  787.                                '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
    788. 

  788.                                '</div>';
    789. 

  789.                         $("#smybolbox").append(html);
    790. 

  790.                         
    791. 

  791.                     }else{
    792. 

  792.                         $.each(data.data,function(key,val){
    793. 

  793.                             html += '<a href="/Contract/index.html?coin='+ val.symbol +'">'+
    794. 

  794.                                     '<div class="sy_list_box">'+
    795. 

  795.                                     '<div class="sy_list_boxl">'+
    796. 

  796.                                     '<span  class="f12 fch">'+ val.cname +'</span>'+
    797. 

  797.                                     '</div>'+
    798. 

  798.                                     '<div class="sy_list_boxl" style="text-align:center;">' + val.open + '</div>'+
    799. 

  799.                                     '<div class="sy_list_boxr">' + val.change +'</div>'+
    800. 

  800.                                     '</div>'+
    801. 

  801.                                     '</a>';
    802. 

  802.                         });
    803. 

  803.                         $("#smybolbox").append(html);
    804. 

  804.                     }
    805. 

  805.                 }else{
    806. 

  806.                     html =  '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+ 
    807. 

  807.                             '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
    808. 

  808.                             '</div>';
    809. 

  809.                     $("#smybolbox").append(html);
    810. 

  810.                 }
    811. 

  811.             });
    812. 

  812.         }
    813. 

  813.     </script>
    814. 

  814.     <script type="text/javascript">
    815. 

  815.         function show_dongbox(num){
    816. 

  816.             var n = num;
    817. 

  817.             if(n == 1){
    818. 

  818.                 $("#ctzfx").val(n);
    819. 

  819.                 $("#fxtext").text("{:L('买涨')}");
    820. 

  820.                 $("#fxtext").css('color','#0ecb81');
    821. 

  821.             }else if(n == 2){
    822. 

  822.                 $("#ctzfx").val(n);
    823. 

  823.                 $("#fxtext").text("{:L('买跌')}");
    824. 

  824.                 $("#fxtext").css('color','#f5465c');
    825. 

  825.             }
    826. 

  826.         }
    827. 

  827.         $("#x_dongbox").click(function(){
    828. 

  828.             $("#dongbox").hide();
    829. 

  829.         });
    830. 

  830.     </script>
    831. 

  831.     <script type="text/javascript">
    832. 

  832.         $("#hidedong").click(function(){
    833. 

  833.             $("#showdong").fadeOut("slow");
    834. 

  834.         });
    835. 

  835.         $("#centerbox").click(function(){
    836. 

  836.             getallsmybol();
    837. 

  837.             $("#showdong").fadeIn("slow");
    838. 

  838.         });
    839. 

  839.     </script>
    840. 

  840. 

  841.     <script type="text/javascript">
    842. 

  842. 		$("#nav").slide({ 
    843. 

  843. 			type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
    844. 

  844. 			titCell:".nLi", //鼠标触发对象
    845. 

  845. 			targetCell:".sub", //titCell里面包含的要显示/消失的对象
    846. 

  846. 			effect:"slideDown", //targetCell下拉效果
    847. 

  847. 			delayTime:300 , //效果时间
    848. 

  848. 			triggerTime:0, //鼠标延迟触发时间（默认150）
    849. 

  849. 			returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
    850. 

  850. 		});
    851. 

  851. 	</script>
    852. 

  852. 

  853.     
    854. 

  854. </html>
    855.