main2.css 21 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223
  1. @charset "utf-8";
  2. /* CSS Document */
  3. body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"Microsoft YaHei",Arial;-webkit-text-size-adjust:none;}
  4. html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
  5. input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
  6. a{color:#fff;text-decoration:none;}
  7. .tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
  8. .dis{display:block;}.undis{display:none;}
  9. .fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
  10. .hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
  11. .hr_1{height:1px;}.hr_10{height:10px;}
  12. input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
  13. button{cursor: pointer;}
  14. body{min-width: 1200px;}
  15. .red{color: #f1280f !important;}
  16. .green{color: #3dc18e !important;}
  17. input:focus{
  18. box-shadow: 0px 0px 4px 0px #0090ff;
  19. -moz-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  20. -webkit-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  21. }
  22. #buy_usable,#sell_usable{cursor: pointer;}
  23. .m-top100 {
  24. margin-top: 100px!important;
  25. }
  26. .clear:after {
  27. content: '';
  28. display: block;
  29. clear: both;
  30. height: 0;
  31. overflow: hidden;
  32. visibility: hidden;
  33. }
  34. .clear {
  35. zoom: 1;
  36. }
  37. .flex {
  38. display: flex;
  39. display: -webkit-flex;
  40. }
  41. .flex_just {
  42. -webkit-justify-content: center;
  43. justify-content: center;
  44. }
  45. .flex_center {
  46. -webkit-align-items: center;
  47. -webkit-align-content: center;
  48. }
  49. .flex_colum {
  50. -webkit-flex-direction: column;
  51. flex-direction: column;
  52. }
  53. .flex_1 {
  54. flex: 1;
  55. -webkit-flex: 1;
  56. }
  57. .flex_around {
  58. justify-content: space-around;
  59. }
  60. .flex_between {
  61. justify-content: space-between;
  62. }
  63. .flex_start {
  64. justify-content: flex-start;
  65. }
  66. .flex_end {
  67. justify-content: flex-end;
  68. }
  69. .banner {
  70. background: url(../ecshe_img/main_banner.jpg) no-repeat center #081738;
  71. height: 685px;
  72. width: 100%;
  73. margin: 0 auto;
  74. }
  75. .banner2 {
  76. height: 500px;
  77. margin: 0 auto;
  78. width: 100%;
  79. text-align: center;
  80. background-color: #1e2332;
  81. }
  82. .banner2 .coin-btc-details {
  83. width: 1200px;
  84. overflow: hidden;
  85. margin: 0 auto;
  86. padding-top: 20px;
  87. }
  88. .banner2 .coin-btc-details .main-title {
  89. display: inline-block;
  90. float: left;
  91. width: 330px;
  92. line-height: 62px;
  93. text-align: left;
  94. }
  95. .banner2 .coin-btc-details .icon_coin-btc {
  96. width: 30px;
  97. height: 30px;
  98. vertical-align: middle;
  99. }
  100. .banner2 .coin-btc-details .coin-name {
  101. display: inline-block;
  102. font-size: 28px;
  103. color: #fff;
  104. vertical-align: middle;
  105. margin: auto 10px auto 5px;
  106. }
  107. .banner2 .coin-btc-details .coin-brief {
  108. display: inline-block;
  109. padding: 0 10px;
  110. height: 28px;
  111. color: #fff;
  112. text-align: center;
  113. line-height: 28px;
  114. font-size: 13px;
  115. border: 1px solid #fff;
  116. border-radius: 12px;
  117. text-decoration: none;
  118. vertical-align: middle;
  119. }
  120. .banner2 .coin-btc-details .coin-brief:hover {
  121. background-color: #313131;
  122. }
  123. .banner2 .coin-btc-details .total-box{
  124. width: 100%;
  125. }
  126. .banner2 .coin-btc-details .total-box li {
  127. float: left;
  128. text-align: center;
  129. width: 181px;position:relative;height: 100px;
  130. }
  131. .banner2 .coin-btc-details .total-box li p {
  132. font-size: 20px;
  133. color: #fff;
  134. }
  135. .banner2 .coin-btc-details .total-box li h3 {
  136. height: 40px;
  137. line-height:60px;
  138. overflow: hidden;
  139. font-size: 20px;
  140. font-weight: 300;
  141. color: #fff;
  142. }
  143. .banner2 .coin-btc-details .total-box li h3.red {
  144. color: #f1280f;
  145. }
  146. .banner2 .coin-btc-details .total-box li h3 span {
  147. font-size: 15px;
  148. }
  149. .banner2 .coin-btc-details .total-box li p:last-child {
  150. font-size: 12px;
  151. color: #636a76;
  152. }
  153. .banner2 .coin-btc-details .total-box .total-price {
  154. width: 201px;
  155. text-align: left;
  156. }
  157. .banner2 .coin-btc-details .total-box .total-price h3 {
  158. font-size: 30px;
  159. line-height:46px;
  160. }
  161. .banner2 .coin-btc-details .total-box .total-price h3 span {
  162. font-size: 20px;
  163. }
  164. .banner2 .coin-btc-details .total-box .total-increase {
  165. width: 100px;
  166. }
  167. .swiper-container {
  168. width: 100%;
  169. height: 180px!important;
  170. margin-top: 120px!important;
  171. }
  172. .swiper-container img {
  173. margin: 0 auto;
  174. width: 100%;
  175. }
  176. .swiper-container .content {
  177. color: #fff;
  178. text-align: center;
  179. }
  180. .swiper-container {
  181. width: 1200px;
  182. margin: 0 auto;
  183. }
  184. .swiper-container .icon-items {
  185. color: #fff;
  186. width: 222px;
  187. height: 130px;
  188. line-height: 130px;
  189. border-radius: 8px;
  190. border: solid 1px #213365;
  191. padding: 0 22px;
  192. background-color: rgba(22,41,90, .3);
  193. }
  194. .swiper-container .icon-items:hover {
  195. border: solid 1px #5773c8;
  196. background-color: rgba(46,73,154, .45);
  197. }
  198. .swiper-container .icon-items .img_icon{
  199. display: inline-block;
  200. width: 80px;
  201. height: 80px;
  202. vertical-align:middle;
  203. }
  204. .swiper-container .icon-items .text-content {
  205. float: right;
  206. line-height: 30px;
  207. text-align: right;
  208. font-size: 18px;
  209. margin-top: 19px;
  210. }
  211. .swiper-container .icon-items .text-content p {
  212. }
  213. .swiper-pagination-bullet {
  214. width: 12px!important;
  215. height: 12px!important;
  216. opacity: 1!important;
  217. background: #1e2d60!important;
  218. }
  219. .swiper-pagination-bullet-active {
  220. background: #1e2d60!important;
  221. width: 24px!important;
  222. border-radius: 5px!important;
  223. }
  224. .content-2 {
  225. background: url(../ecshe_img/main_banner2.jpg) no-repeat center;
  226. height: 458px;
  227. width: 100%;
  228. color: #fff;
  229. text-align: center;
  230. }
  231. .banner-brief {
  232. color: #fff;
  233. text-align: center;
  234. }
  235. .banner-brief .text-1 {
  236. display: inline-block;
  237. line-height: 50px;
  238. margin-top: 228px;
  239. font-size: 50px;
  240. letter-spacing: 10px;
  241. margin-bottom: 42px;
  242. }
  243. .banner-brief .text-2 {
  244. line-height: 60px;
  245. font-size: 40px;
  246. letter-spacing: 10px;
  247. }
  248. .text-2 span {
  249. font-size: 60px;
  250. }
  251. .menu-tabs {
  252. height: 100px;
  253. line-height: 100px;
  254. width: 100%;
  255. margin: 0 auto;
  256. background-color: #1f2636;
  257. }
  258. .menu-tabs .logo {
  259. display: inline-block;
  260. margin-top: -5px;
  261. width: 168px;
  262. height: 62px;
  263. overflow: hidden;
  264. vertical-align: middle;
  265. margin-left: 46px;
  266. }
  267. .menu-tabs .logo img {
  268. width: 168px;
  269. height: 62px;
  270. }
  271. .menu-tabs .tabs {
  272. display: inline-block;
  273. font-size: 16px;
  274. color: #fff;
  275. margin-left: 61px;
  276. }
  277. .menu-tabs .r-box {
  278. display: inline-block;
  279. float: right;
  280. color: #fff;
  281. margin-right: 46px;
  282. }
  283. .menu-tabs .r-box a {
  284. display: inline-block;
  285. width: 88px;
  286. height: 32px;
  287. line-height: 32px;
  288. color: #fff;
  289. font-size: 16px;
  290. text-align: center;
  291. }
  292. .menu-tabs .r-box label {
  293. display: inline-block;
  294. vertical-align: middle;
  295. width: 88px;
  296. height: 32px;
  297. line-height: 32px;
  298. font-size: 16px;
  299. color: #fff;
  300. text-align: center;
  301. cursor: pointer;
  302. }
  303. .menu-tabs .r-box a.register {
  304. background: #677ae2;
  305. color: #fff;
  306. }
  307. .menu-tabs .r-box .register:hover {
  308. background: #5773c8;
  309. }
  310. .menu-tabs .r-box .uuser{
  311. display: inline-block;
  312. cursor: pointer;
  313. }
  314. .menu-tabs .r-box .uuser label {
  315. display: block;
  316. width: 88px;
  317. height: 32px;
  318. line-height: 32px;
  319. color: #fff;
  320. font-size: 16px;
  321. text-align: center;
  322. background: #677ae2;
  323. cursor: pointer;
  324. border-radius: 8px;
  325. }
  326. .menu-tabs .r-box .uuser label:hover {
  327. background: #5773c8;
  328. }
  329. .menu-tabs .r-box .login:hover {
  330. color: #93b3ff;
  331. }
  332. .menu-tabs .r-box .language {
  333. display: inline-block;
  334. margin-right: 46px;
  335. }
  336. .menu-tabs .r-box .language img {
  337. vertical-align: middle;
  338. }
  339. .menu-tabs .r-box .language span {
  340. color: #6476a0;
  341. }
  342. .menu-tabs .r-box .language .arrow-down {
  343. width: 16px;
  344. height: 14px;
  345. }
  346. .menu-tabs .language-box {
  347. display: none;
  348. position: absolute;
  349. width: 130px;
  350. overflow: hidden;
  351. background: #1f2636;
  352. right: 265px;
  353. top: 100px;
  354. padding: 10px 10px;
  355. z-index: 99;
  356. }
  357. .menu-tabs .language-box p {
  358. display: block;
  359. width: 100%;
  360. height: 50px;
  361. line-height: 50px;
  362. overflow: hidden;
  363. float: right;
  364. color: #fff;
  365. font-size: 16px;
  366. }
  367. .menu-tabs .language-box a{
  368. display: block;
  369. line-height: 50px;
  370. padding-left: 20px;
  371. color: #fff;
  372. }
  373. .menu-tabs .language-box a:hover{
  374. background-color: #5773c8;
  375. }
  376. .menu-tabs .uuser-box {
  377. display: none;
  378. position: absolute;
  379. width: 130px;
  380. overflow: hidden;
  381. background: #1f2636;
  382. right: 4px;
  383. top: 100px;
  384. padding: 10px 10px;
  385. z-index: 99;
  386. }
  387. .menu-tabs .uuser-box p {
  388. display: block;
  389. width: 100%;
  390. height: 50px;
  391. line-height: 50px;
  392. overflow: hidden;
  393. float: right;
  394. color: #fff;
  395. font-size: 16px;
  396. }
  397. .menu-tabs .uuser-box a{
  398. display: block;
  399. line-height: 50px;
  400. padding-left: 20px;
  401. color: #fff;
  402. }
  403. .menu-tabs .uuser-box a:hover{
  404. background-color: #5773c8;
  405. }
  406. .menu-tabs .tabs a{
  407. color: #fff;
  408. font-size: 16px;
  409. margin: 0 11px;
  410. }
  411. .menu-tabs .tabs a:hover {
  412. color: #93b3ff;
  413. transition-duration: 0.5s;
  414. -moz-transition-duration: 0.5s; /* Firefox 4 */
  415. -webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
  416. -o-transition-duration: 0.5s; /* Opera */
  417. }
  418. .main-advert {
  419. width: 100%;
  420. margin: 0 auto;
  421. height: 60px;
  422. line-height: 60px;
  423. background: #253045;
  424. color: #4572a7;
  425. text-align: center;
  426. font-size: 15px;
  427. }
  428. .main-advert li {
  429. display: inline-block;
  430. margin: 0 18px;
  431. }
  432. .main-advert li a{ color: #4572a7; }
  433. .main-advert li a:hover{
  434. color: #e33737;
  435. text-decoration: none;
  436. }
  437. .main-tabs-center {
  438. width: 100%;
  439. margin: 0 auto;
  440. height: 60px;
  441. line-height: 60px;
  442. background: #091738;
  443. color: #fff;
  444. text-align: center;
  445. }
  446. .main-tabs-center ul {
  447. width: 1200px;
  448. margin: 0 auto;
  449. }
  450. .main-tabs-center ul li {
  451. display: inline-block;
  452. width: 33.3%;
  453. font-size: 18px;
  454. cursor: pointer;
  455. float: left;
  456. }
  457. .main-tabs-center ul li.active {
  458. background: #142758;
  459. }
  460. .main-tabs-center ul li:hover {
  461. background: #142758;
  462. }
  463. /*Form 1*/
  464. .main-table-box5 {
  465. margin:50px auto 0 auto;
  466. width: 1200px;
  467. overflow: hidden;
  468. color: #181818;
  469. border: solid 1px #dcdfe0;
  470. }
  471. .main-table-box5 .table-head {
  472. height: 60px;
  473. line-height: 60px;
  474. }
  475. .main-table-box5 .table-head li {
  476. float: left;
  477. width: 14.28%;
  478. font-size: 16px;
  479. }
  480. .main-table-box5 .table-head li i{
  481. margin: auto 13px;
  482. }
  483. .main-table-box5 .table-item { overflow: hidden; }
  484. .main-table-box5 .table-item li {
  485. height: 60px;
  486. line-height: 60px;
  487. overflow: hidden;
  488. border-top: solid 1px #dcdfe0;
  489. font-size: 14px;
  490. }
  491. .main-table-box5 .table-item li:hover {
  492. background-color: #fdf8f0;
  493. }
  494. .main-table-box5 .table-item li i {
  495. margin: auto 13px;
  496. }
  497. .main-table-box5 .table-item dt,.main-table-box5 .table-item dd {
  498. width: 14.28%;
  499. }
  500. .main-table-box5 .table-item dt.market img {
  501. vertical-align: middle;
  502. }
  503. .main-table-box5 .table-item dt.market span {
  504. vertical-align: middle;
  505. }
  506. .main-table-box5 .table-item dt.market span:last-child {
  507. color: #a7a9b7;
  508. }
  509. .main-table-box5 .table-item dt.market span.coin_name {
  510. vertical-align: middle;
  511. margin-left: 8px;
  512. }
  513. .main-table-box5 .table-item dd span{
  514. display: inline-block;
  515. width: 85px;
  516. height: 30px;
  517. line-height: 30px;
  518. text-align: right;
  519. }
  520. .main-table-box5 .table-item dd span.btn-up {
  521. border-radius: 5px;
  522. color: #fff;
  523. font-size: 12px;
  524. background: #f1280f;
  525. }
  526. .main-table-box5 .table-item dd span.btn-down {
  527. border-radius: 5px;
  528. color: #fff;
  529. font-size: 12px;
  530. background: #3dc18e;
  531. }
  532. .main-table-box5 .table-item dd i.icon-up, .main-table-box5 .table-item dd i.icon-down{
  533. position: relative;
  534. float: right;
  535. width: 10px;
  536. height: 13px;
  537. margin-left: 8px;
  538. margin-right: 9px;
  539. margin-top: 6px;
  540. }
  541. .main-table-box5 .table-item dd i.icon-up {
  542. background: url(../ecshe_img/icon-up.png) no-repeat;
  543. background-size: 100% 100%;
  544. animation: 2s ease 0s normal none infinite running magic-arrow-up;
  545. }
  546. .main-table-box5 .table-item dd i.icon-down {
  547. background: url(../ecshe_img/icon-down.png) no-repeat;
  548. background-size: 100% 100%;
  549. animation: 2s ease 0s normal none infinite running magic-arrow-down;
  550. }
  551. @keyframes magic-arrow-up{
  552. 0%{opacity:0;top:5px;}
  553. 30%{opacity:1}
  554. 100%{opacity:0;top:0;}
  555. }
  556. @keyframes magic-arrow-down{
  557. 0%{opacity:0;top:-5px;}
  558. 30%{opacity:1}
  559. 100%{opacity:0;top:5px;}
  560. }
  561. .main-table-box5 .table-item dt.deal{
  562. text-align: left;
  563. margin-top: 12px;
  564. line-height: 20px;
  565. }
  566. .main-table-box5 .table-item dt.deal div{
  567. margin-left: 26px;
  568. }
  569. .main-table-box5 .table-item dt.deal p:first-child {
  570. font-size: 14px;
  571. color: #181818;
  572. }
  573. .main-table-box5 .table-item dt.deal p:last-child {
  574. font-size: 12px;
  575. color: #a7a9b7;
  576. }
  577. .tables-content {
  578. width: 1200px;
  579. margin: 0 auto;
  580. margin-bottom: 50px;
  581. }
  582. /*Form 2*/
  583. table tr:active {
  584. background: #242c40;
  585. }
  586. table tr:not(:first-child):hover {
  587. background: #242c40;
  588. }
  589. table td.down {
  590. color: #3dc18e;
  591. }
  592. table td.up {
  593. color: #f1280f;
  594. }
  595. .table-section-title {
  596. height: 45px;
  597. line-height: 45px;
  598. width: 100%;
  599. border-bottom: solid 1px #313a56;
  600. }
  601. .table-section-title .trade_qu_pai {
  602. display: inline-block;
  603. width: 50px;
  604. height: 100%;
  605. font-size: 14px;
  606. text-align: center;
  607. cursor: pointer;
  608. color: #fff;
  609. }
  610. .table-section-title .active {
  611. color: #018bc0;
  612. border-bottom: solid #018bc0 2px;
  613. }
  614. .table-section-title .trade_qu_pai:hover {
  615. color: #018bc0;
  616. }
  617. .table-section-title2 {
  618. height: 58px;
  619. line-height: 58px;
  620. width: 100%;
  621. border-bottom: solid 1px #313a56;
  622. }
  623. .table-section-title2 span {
  624. display: inline-block;
  625. padding: 0 20px;
  626. height: 100%;
  627. line-height: 58px;
  628. font-size: 16px;
  629. text-align: center;
  630. }
  631. .table-section-title2 span.active {
  632. color: #018bc0;
  633. border-bottom: solid #018bc0 2px;
  634. }
  635. .table-section-title2 span:hover,.table-section-title2 span a:hover {
  636. color: #018bc0;
  637. }
  638. .main-table-box1 {
  639. margin: 0 auto;
  640. margin-top: 20px;
  641. width: 265px;
  642. height: 927px;
  643. background: #1e2332;
  644. margin-right: 15px;
  645. float: left;
  646. }
  647. .records-box {
  648. margin: 0 auto;
  649. margin-top: 20px;
  650. float: right;
  651. width: 290px;
  652. overflow: hidden;
  653. }
  654. .records-box .main-table-box2 {
  655. width: 100%;
  656. min-height: 450px;
  657. background: #1e2332;
  658. }
  659. .records-box .main-table-box2 .table-head{
  660. height: 60px;
  661. line-height: 60px;
  662. border-bottom: solid 1px #313a56;
  663. }
  664. .records-box .main-table-box2 .table-head li {
  665. float: left;
  666. font-size: 13px;
  667. color: #ffffff;
  668. }
  669. .records-box .main-table-box2 .table-head li i{
  670. margin: auto 5px;
  671. }
  672. .records-box .main-table-box2 .table-list{
  673. overflow: hidden;
  674. padding-top: 10px;
  675. padding-bottom: 10px;
  676. }
  677. .records-box .main-table-box2 .green{
  678. border-bottom: solid 1px #313a56;
  679. }
  680. .records-box .main-table-box2 .table-list li{
  681. position: relative;
  682. margin-bottom: 3px;
  683. height: 35px;
  684. line-height: 35px;
  685. font-size: 12px;
  686. cursor: pointer;
  687. }
  688. .records-box .main-table-box2 .table-list li:hover{
  689. background: #b9c1cc;
  690. }
  691. .records-box .main-table-box2 .table-list li i {
  692. margin: auto 6px;
  693. }
  694. i.turntable_bg_red{
  695. position: absolute;
  696. top: 0;
  697. right: -6px;
  698. display: block;
  699. height: 35px;
  700. background: rgba(255,59,59,0.07);
  701. }
  702. i.turntable_bg_green{
  703. position: absolute;
  704. top: 0;
  705. right: -6px;
  706. display: block;
  707. height: 35px;
  708. background: rgba(41,194,120,0.07);
  709. }
  710. .records-box .table-count-list{
  711. margin-top: 20px;
  712. width: 100%;
  713. min-height: 457px;
  714. background: #1e2332;
  715. }
  716. .records-box .table-count-list .table-head{
  717. height: 60px;
  718. line-height: 60px;
  719. border-bottom: solid 1px #313a56;
  720. }
  721. .records-box .table-count-list .table-head li {
  722. float: left;
  723. font-size: 13px;
  724. color: #ffffff;
  725. }
  726. .records-box .table-count-list .table-head li i{
  727. margin: auto 5px;
  728. }
  729. .records-box .table-count-list .table-list{
  730. overflow: hidden;
  731. }
  732. .records-box .table-count-list .table-list li{
  733. height: 35px;
  734. line-height: 35px;
  735. overflow: hidden;
  736. font-size: 12px;
  737. cursor: pointer;
  738. }
  739. .records-box .table-count-list .table-list li:hover{
  740. background: #b9c1cc;
  741. }
  742. .records-box .table-count-list .table-list li i {
  743. margin: auto 6px;
  744. }
  745. .table_coin_box{
  746. overflow: hidden;
  747. color: #181818;
  748. border-top: solid 1px #313a56;
  749. }
  750. .table_coin_box .table-head{
  751. height: 48px;
  752. line-height: 48px;
  753. overflow: hidden;
  754. color: #fff;
  755. font-size: 12px;
  756. border-bottom: solid 1px #313a56;
  757. }
  758. .table_coin_box .table-head li{
  759. float: left;
  760. font-size: 14px;
  761. }
  762. .table_coin_box .table-head li i {
  763. margin: auto 6px;
  764. }
  765. .table_coin_box .table-list{
  766. overflow: hidden;
  767. }
  768. .table_coin_box .table-list li{
  769. height: 48px;
  770. line-height: 48px;
  771. overflow: hidden;
  772. font-size: 12px;
  773. border-bottom: solid 1px #313a56;
  774. }
  775. .table_coin_box .table-list li:hover{
  776. background: #b9c1cc;
  777. }
  778. .table_coin_box .table-list li dt{
  779. line-height: 45px;
  780. }
  781. .table_coin_box .table-list li i {
  782. margin: auto 6px;
  783. }
  784. .table_coin_box .table-list dt.market img {
  785. vertical-align: middle;
  786. }
  787. .table_coin_box .table-list dt.market span {
  788. vertical-align: middle;
  789. }
  790. .table_coin_box .table-list dt.market span.coin_name {
  791. vertical-align: middle;
  792. margin-left: 5px;
  793. }
  794. /*Form 3*/
  795. .authorize-box {
  796. margin-top: 20px;
  797. width: 615px;
  798. height: 574px;
  799. overflow: hidden;
  800. background: #1e2332;
  801. }
  802. .authorize-box .r-btns {
  803. float: right;
  804. margin-right: 28px;
  805. }
  806. .authorize-box .r-btns a {
  807. display: inline-block;
  808. font-size: 14px;
  809. line-height: 30px;
  810. text-align: center;
  811. color: #f1280f;
  812. }
  813. .main-summary {
  814. margin: 0 auto;
  815. width: 1200px;
  816. overflow: hidden;
  817. }
  818. .main-summary .title {
  819. line-height: 28px;
  820. font-size: 28px;
  821. font-weight: 300;
  822. color: #181818;
  823. text-align: center;
  824. margin: 85px 0 72px 0;
  825. }
  826. .main-summary .summary-content {
  827. overflow: hidden;
  828. }
  829. .main-summary .summary-content .item {
  830. float: left;
  831. width: 300px;
  832. text-align: center;
  833. }
  834. .main-summary .summary-content .item p {
  835. font-size: 14px;
  836. color: #535557;
  837. line-height: 30px;
  838. }
  839. .main-summary .summary-content .item h3 {
  840. color: #181818;
  841. margin: 30px 0 22px 0;
  842. font-size: 20px;
  843. font-weight: 300;
  844. }
  845. .box-main-warings{
  846. margin: 0 auto;
  847. width: 1200px;
  848. overflow: hidden;
  849. margin-top: 93px;
  850. margin-bottom: 38px;
  851. }
  852. .box-main-warings .main-warings {
  853. margin: 0 auto;
  854. width: 620px;
  855. line-height: 50px;
  856. text-align: center;
  857. }
  858. .box-main-warings .main-warings img {
  859. vertical-align: middle;
  860. }
  861. .box-main-warings .main-warings span {
  862. vertical-align: middle;
  863. margin-left: 5px;
  864. font-size: 18px;
  865. color: #606060;
  866. }
  867. .footer {
  868. width: 100%;
  869. height: 166px;
  870. background: #222731;
  871. }
  872. .footer .footer-content {
  873. position: relative;
  874. width: 1200px;
  875. height: 100%;
  876. margin: 0 auto;
  877. overflow: hidden;
  878. }
  879. .footer .footer-content .fc-box{
  880. width: 950px;
  881. overflow: hidden;
  882. margin-top: 60px;
  883. float: right;
  884. text-align: right;
  885. }
  886. .footer .footer-content .footer-menus {
  887. font-size: 15px;
  888. color: #fff;
  889. }
  890. .footer .footer-content .footer-menus a {
  891. color: #fff;
  892. }
  893. .footer .footer-content .footer-menus a:hover {
  894. color: #059DFF;
  895. transition-duration: 0.5s;
  896. -moz-transition-duration: 0.5s; /* Firefox 4 */
  897. -webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
  898. -o-transition-duration: 0.5s; /* Opera */
  899. }
  900. .footer .footer-content .footer-menus span:last-child {
  901. display: none;
  902. }
  903. .footer .footer-content .footer-menus .line {
  904. margin: 0 6px;
  905. }
  906. .footer .footer-content .copyright-box{
  907. float: left;
  908. margin-top: 48px;
  909. color: #fff;
  910. font-size: 14px;
  911. }
  912. .footer .footer-content .copyright-box p{
  913. margin-top: 5px;
  914. }
  915. .footer .footer-content .country-list {
  916. margin-top: 30px;
  917. }
  918. .footer .footer-content .country-list img {
  919. margin-left: 20px;
  920. }
  921. /*买*/
  922. .trade-box {
  923. float: left;
  924. margin-top: 20px;
  925. }
  926. .form-box {
  927. position: relative;
  928. float: left;
  929. background: #1e2332;
  930. width: 280px;
  931. padding: 24px 14px 20px 14px;
  932. }
  933. .form-box .form-title {
  934. font-size: 14px;
  935. color: #ffffff;
  936. }
  937. .form-box .form-title span {
  938. font-size: 14px;
  939. color: #f1280f;
  940. margin-left: 5px;
  941. font-weight: 600;
  942. }
  943. .form-box input {
  944. width: 100%;
  945. height: 40px;
  946. border: solid #253045 1px;
  947. border-radius: 5px;
  948. background-color: #253045;
  949. padding-left: 3%;
  950. margin: 10px 0;
  951. box-sizing: border-box;
  952. }
  953. .form-box .form-count {
  954. font-size: 12px;
  955. color: #ffffff;
  956. margin-top: 10px
  957. }
  958. .form-box .form-count span {
  959. font-size: 12px;
  960. color: #f1280f;
  961. margin-left: 5px;
  962. font-weight: 600;
  963. }
  964. .form-box .form-count label:first-child {
  965. float: left;
  966. }
  967. .form-box .form-count label:last-child {
  968. float: right;
  969. }
  970. .form-box .btn-buy {
  971. width: 100%;
  972. height: 40px;
  973. font-size: 15px;
  974. color: #fff;
  975. background: #319e5c;
  976. border: none;
  977. outline: none;
  978. border-radius: 6px;
  979. margin-top: 15px;
  980. }
  981. .form-text {
  982. position: relative;
  983. }
  984. .form-text .chain-name {
  985. color: #878787;
  986. position: absolute;
  987. right: 18px;
  988. top: 20px;
  989. }
  990. .form-text .chain-name3 {
  991. color: #878787;
  992. position: absolute;
  993. right: 12px;
  994. top: 22px;
  995. display: block;
  996. width: 18px;
  997. height: 18px;
  998. background: url(../ecshe_img/icon_set.png) center no-repeat;
  999. background-size: 100% 100%;
  1000. cursor: pointer;
  1001. }
  1002. /*Entrust*/
  1003. .entrust-box{width: 100%; overflow: hidden;}
  1004. .entrust-box .table-head{
  1005. height: 60px;
  1006. line-height: 60px;
  1007. border-bottom: solid 1px #313a56;
  1008. }
  1009. .entrust-box .table-head li {
  1010. float: left;
  1011. font-size: 14px;
  1012. color: #ffffff
  1013. }
  1014. .entrust-box .table-head li i{
  1015. margin: auto 7px;
  1016. }
  1017. .entrust-box .table-list{
  1018. overflow: hidden;
  1019. padding-top: 10px;
  1020. padding-bottom: 10px;
  1021. color: #ffffff;
  1022. }
  1023. .entrust-box .table-list li{
  1024. height: 40px;
  1025. line-height: 40px;
  1026. overflow: hidden;
  1027. font-size: 13px;
  1028. }
  1029. .entrust-box .table-list li:nth-of-type(odd){
  1030. background: #253045;
  1031. }
  1032. .entrust-box .table-list li i {
  1033. margin: auto 7px;
  1034. }
  1035. /*Buy*/
  1036. .sell-box .form-title span {
  1037. color: #3dc18e!important;
  1038. }
  1039. .sell-box .form-count span {
  1040. color: #3dc18e!important;
  1041. }
  1042. .sell-box .btn-buy {
  1043. background: #3dc18e!important;
  1044. }
  1045. .buy{color: #f1280f !important;}
  1046. .sell{color: #3dc18e !important;}
  1047. /* Pages */
  1048. .pages {
  1049. clear: both;
  1050. margin: 15px 15px 0px;
  1051. text-align: center;
  1052. font-size: 13px;
  1053. color: #fff;
  1054. }
  1055. .pages a {
  1056. background-color: #fff;
  1057. padding: 5px 12px;
  1058. border-radius: 3px;
  1059. border: 1px solid #646464;
  1060. margin: 0 2px;
  1061. color: #646464;
  1062. font-size: 13px;
  1063. }
  1064. .pages a:hover {
  1065. background-color: #ececec;
  1066. text-decoration: none;
  1067. }
  1068. .pages .current {
  1069. background-color: #106cde;
  1070. color: #fff;
  1071. padding: 5px 12px;
  1072. border-radius: 3px;
  1073. margin: 0 2px;
  1074. }
  1075. .pages a.arr {
  1076. width: 19px;
  1077. height: 19px;
  1078. display: inline-block;
  1079. border-radius: 0;
  1080. border: 0;
  1081. }
  1082. .pages a.arr.prev {
  1083. background-position: -182px -286px;
  1084. }
  1085. .pages a:hover.arr.prev {
  1086. background-position: -182px -265px;
  1087. }
  1088. .pages a.arr.next {
  1089. background-position: -206px -265px;
  1090. }
  1091. .pages a:hover.arr.next {
  1092. background-position: -206px -286px;
  1093. }