fin.css 23 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048
  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;background:#171a25;}
  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:#333;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. input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
  14. box-shadow: 0px 0px 4px 0px #0090ff;
  15. -moz-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  16. -webkit-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  17. }
  18. input::-webkit-input-placeholder { font-size: 13px;color: #8b97ab;}
  19. input:-moz-placeholder { font-size: 13px;color: #8b97ab;}
  20. input:-ms-input-placeholder { font-size: 13px;color: #8b97ab;}
  21. /* Currency */
  22. .UserBox {
  23. margin: 0 auto;
  24. width: 1200px;
  25. overflow: hidden;
  26. height: 100%;
  27. }
  28. /* infoBox */
  29. .infoBox{
  30. margin-top: 20px;
  31. align-items: center;
  32. padding: 25px 0;
  33. background-color: #1f2636;
  34. border-bottom: 1px solid #e8e8e800;
  35. }
  36. .infoBox .marbox{
  37. margin: 0 auto;
  38. padding: 0 20px;
  39. width: 1200px;
  40. height: 60px;
  41. overflow: hidden;
  42. box-sizing: border-box;
  43. color: #ffffff;
  44. }
  45. .infoBox .marbox h3{
  46. font-size: 24px;
  47. font-weight: 500;
  48. padding-bottom: 18px;
  49. }
  50. .infoBox .marbox .username{
  51. font-size: 18px;
  52. }
  53. .infoBox .marbox .username a{
  54. margin-left: 20px;
  55. font-size: 14px;
  56. color: #6378f1;
  57. }
  58. .infoBox .marbox .btns_cz{
  59. display: block;
  60. padding: 0 15px;
  61. min-width: 70px;
  62. height: 35px;
  63. line-height: 35px;
  64. text-align: center;
  65. font-size: 16px;
  66. color: #fff;
  67. background-color: #4f64dc;
  68. border: 1px solid #6378f1;
  69. border-radius: 1000px;
  70. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  71. cursor: pointer;
  72. }
  73. .infoBox .marbox .btns_cz:hover{
  74. color: #fff;
  75. background-color: #6378f1;
  76. border: 1px solid #6378f1;
  77. }
  78. .infoBox .marbox .btns_tx{
  79. margin-left: 15px;
  80. display: block;
  81. padding: 0 15px;
  82. min-width: 70px;
  83. height: 35px;
  84. line-height: 35px;
  85. text-align: center;
  86. font-size: 16px;
  87. color: #666;
  88. background-color: #fff;
  89. border: 1px solid #DEDEDE;
  90. border-radius: 1000px;
  91. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  92. cursor: pointer;
  93. }
  94. .infoBox .marbox .btns_tx:hover{
  95. background-color: #ececec;
  96. border: 1px solid #6378f1;
  97. }
  98. /* Setting */
  99. .SettingLeft {
  100. padding: 15px 19px;
  101. padding-bottom: 32px;
  102. width: 245px;
  103. min-height: 100px;
  104. height: 100%;
  105. background-color: #1f2636;
  106. border: 1px solid #e8e8e800;
  107. box-sizing: border-box;
  108. }
  109. .SettingRight {
  110. width: 78%;
  111. min-height: 600px;
  112. height: 100%;
  113. background-color: #1f2636;
  114. border: 1px solid #e8e8e800;
  115. box-sizing: border-box;
  116. }
  117. /** SettingLeft **/
  118. .SettingLeft ul{
  119. overflow: hidden;
  120. }
  121. .SettingLeft ul li{
  122. margin-top: 15px;
  123. }
  124. .SettingLeft ul li i{
  125. position: absolute;
  126. top: 41%;
  127. right: 10px;
  128. width: 5px;
  129. height: 8px;
  130. background: url(../ecshe_img/arrow2.png) no-repeat;
  131. background-size: 100% 100%;
  132. }
  133. .SettingLeft ul li a.on i,.SettingLeft ul li a:hover i{
  134. background: url(../ecshe_img/arrow.png) no-repeat;
  135. background-size: 100% 100%;
  136. }
  137. .SettingLeft ul li a{
  138. display: block;
  139. padding-left: 25px;
  140. padding-right: 25px;
  141. height: 46px;
  142. line-height: 46px;
  143. color: #f9f0f0;
  144. font-size: 16px;
  145. border-radius: 4px;
  146. background-color: #1f2636;
  147. position: relative;
  148. }
  149. .SettingLeft ul li a:hover{
  150. background: #242c40;
  151. border-left: 4px solid #5f8ed4;
  152. color: #5f8ed4;
  153. transition: all,.3s;
  154. }
  155. .SettingLeft ul li a.on{
  156. background-color: #242c40;
  157. border-left: 4px solid #5f8ed4;
  158. color: #5f8ed4;
  159. }
  160. /** SettingRight **/
  161. .SettingRight{
  162. overflow: hidden;
  163. padding: 10px;
  164. }
  165. .SettingRight .titles{
  166. margin: 20px 7px;
  167. height: 20px;
  168. line-height: 20px;
  169. text-align: left;
  170. }
  171. .SettingRight .titles h3{
  172. min-width: 100px;
  173. padding-left: 10px;
  174. font-size: 18px;
  175. font-weight: 500;
  176. color: #f9f0f0;
  177. border-left: 3px solid #5f8ed4;
  178. }
  179. .SettingRight .titles h3 span{
  180. text-transform: uppercase;
  181. }
  182. .SettingRight .titles .btns{
  183. margin-top: -7px;
  184. display: block;
  185. width: 85px;
  186. height: 30px;
  187. line-height: 30px;
  188. text-align: center;
  189. font-size: 13px;
  190. color: #fff;
  191. background-color: #4f64dc;
  192. border: 1px solid #6378f1;
  193. border-radius: 1000px;
  194. text-transform: uppercase;
  195. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  196. cursor: pointer;
  197. }
  198. .SettingRight .titles .btns:hover{
  199. color: #fff;
  200. background-color: #6378f1;
  201. border: 1px solid #6378f1;
  202. }
  203. .SettingRight .titles .TotalAssets{
  204. font-size: 14px;
  205. font-weight: 500;
  206. color: #f9f0f0;
  207. }
  208. .SettingRight .titles .TotalAssets b{
  209. margin: 0 5px 0 10px;
  210. font-size: 18px;
  211. color: #118fff;
  212. }
  213. .SettingRight .Column_Security{
  214. margin-bottom: 15px;
  215. overflow: hidden;
  216. text-align: center;
  217. }
  218. .SettingRight .Column_Security .sc_status{
  219. margin: 0 7px;
  220. padding: 30px 0;
  221. width: 31.5%;
  222. border: 1px solid #DEDEDE;
  223. border-radius: 6px;
  224. }
  225. .SettingRight .Column_Security .sc_status h3{
  226. line-height: 35px;
  227. font-size: 16px;
  228. color: #333;
  229. }
  230. .SettingRight .Column_Security .sc_status p{
  231. line-height: 25px;
  232. font-size: 13px;
  233. color: #888;
  234. }
  235. .SettingRight .Column_Security .sc_status .btns{
  236. margin:0 auto;
  237. margin-top: 15px;
  238. display: block;
  239. width: 112px;
  240. height: 40px;
  241. line-height: 40px;
  242. font-size: 15px;
  243. color: #666;
  244. background-color: #fff;
  245. border: 1px solid #DEDEDE;
  246. border-radius: 1000px;
  247. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  248. cursor: pointer;
  249. }
  250. .SettingRight .Column_Security .sc_status .btnson{
  251. margin:0 auto;
  252. margin-top: 15px;
  253. display: block;
  254. width: 112px;
  255. height: 40px;
  256. line-height: 40px;
  257. font-size: 15px;
  258. color: #fff;
  259. background-color: #4f64dc;
  260. border: 1px solid #6378f1;
  261. border-radius: 1000px;
  262. text-transform: uppercase;
  263. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  264. cursor: pointer;
  265. }
  266. .SettingRight .Column_Security .sc_status .btnson:hover,.SettingRight .Column_Security .sc_status .btns:hover{
  267. color: #fff;
  268. background-color: #6378f1;
  269. border: 1px solid #6378f1;
  270. }
  271. .SettingRight .Column_Security .sc_status .btnjz{
  272. margin:0 auto;
  273. margin-top: 15px;
  274. display: block;
  275. width: 112px;
  276. height: 40px;
  277. line-height: 40px;
  278. font-size: 15px;
  279. color: #666;
  280. background-color: #DEDEDE;
  281. border: 1px solid #DEDEDE;
  282. border-radius: 1000px;
  283. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  284. cursor:not-allowed;
  285. }
  286. /* AssetsList */
  287. .SettingRight .Column_AssetsList{
  288. margin: 0 7px;
  289. margin-bottom: 20px;
  290. overflow: hidden;
  291. }
  292. .SettingRight .Column_AssetsList table {
  293. width: 100%;
  294. min-height: 100px;
  295. border-collapse: separate;
  296. border: 1px solid #2c3958;
  297. border-radius:10px 10px 0 0;
  298. border-bottom: none;
  299. }
  300. .SettingRight .Column_AssetsList table tr.ColumnTitle {
  301. background: #283046;
  302. }
  303. .SettingRight .Column_AssetsList table tr th {
  304. height: 50px;
  305. font-size: 15px;
  306. color: #fff;
  307. font-weight: 900;
  308. text-align: left;
  309. padding-left: 15px;
  310. }
  311. .SettingRight .Column_AssetsList table tr .lasts {
  312. padding-right: 10px;
  313. text-align: right;
  314. }
  315. .SettingRight .Column_AssetsList table tr:first-child th:first-child {
  316. border-top-left-radius: 10px;
  317. }
  318. .SettingRight .Column_AssetsList table tr:first-child th:last-child {
  319. border-top-right-radius: 10px;
  320. }
  321. .SettingRight .Column_AssetsList table tr td {
  322. border-bottom: 1px solid #2c3958;
  323. font-size: 12px;
  324. color: #666;
  325. text-align: left;
  326. padding: 10px 0;
  327. padding-left: 15px;
  328. transition: all 0.3s;
  329. vertical-align: middle;
  330. }
  331. .SettingRight .Column_AssetsList table tr td img.iconimg {
  332. display: inline-block;
  333. width: 24px;
  334. height: 24px;
  335. border-radius: 50%;
  336. margin-top: -4px;
  337. margin-right: 10px;
  338. vertical-align: middle;
  339. }
  340. .SettingRight .Column_AssetsList table tr td .sort-coinname {
  341. font-size: 14px;
  342. font-weight: 400;
  343. }
  344. .SettingRight .Column_AssetsList table tr td .zhehe {
  345. font-size: 12px;
  346. color: #8c8c8c;
  347. margin-left: 5px;
  348. }
  349. .SettingRight .Column_AssetsList table tr td .todeal {
  350. font-size: 14px;
  351. color: #73bee4;
  352. cursor: pointer;
  353. }
  354. .SettingRight .Column_AssetsList table tr:hover td {
  355. background: #242c40;
  356. transition: all 0.3s;
  357. }
  358. .SettingRight .Column_AssetsList table tr td .btns{
  359. color: #fefefe;
  360. font-size: 12px;
  361. padding: 5px 10px;
  362. background: #213c5c;
  363. border: 1px solid #245385;
  364. margin-right: 10px;
  365. line-height: normal;
  366. border-radius: 3%;
  367. }
  368. .SettingRight .Column_AssetsList table tr td .btns:hover{
  369. color: #fff;
  370. background-color: #6378f1;
  371. border: 1px solid #6378f1;
  372. }
  373. .SettingRight .Column_AssetsList table tr td .btnson{
  374. display: inline-block;
  375. margin-right: 10px;
  376. padding: 0 15px;
  377. height: 26px;
  378. line-height: 26px;
  379. font-size: 12px;
  380. color: #1d1d1d;
  381. text-align: center;
  382. background-color: #DEDEDE;
  383. border: 1px solid #DEDEDE;
  384. border-radius: 1000px;
  385. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  386. cursor: not-allowed;
  387. }
  388. .SettingRight .select {
  389. margin-top: -12px;
  390. margin-right: 15px;
  391. display: inline-block;
  392. *display: inline;
  393. *zoom: 1;
  394. width: 188px;
  395. padding-left: 10px;
  396. height: 38px;
  397. line-height: 38px;
  398. border: 1px solid #283046;
  399. border-radius: 10px;
  400. position: relative;
  401. }
  402. .SettingRight .select img {
  403. width: 22px;
  404. vertical-align: middle;
  405. }
  406. .SettingRight .selul {
  407. width: 160px;
  408. height: 38px;
  409. border: none;
  410. background: #242c40;
  411. outline: none;
  412. font-size: 14px;
  413. color: #666;
  414. }
  415. .SettingRight .howmuch {
  416. margin-left: 10px;
  417. font-size: 14px;
  418. color: #666;
  419. line-height: 40px;
  420. vertical-align: top;
  421. }
  422. .SettingRight .howleft {
  423. font-size: 18px;
  424. color: #333;
  425. font-weight: 900;
  426. line-height: 40px;
  427. vertical-align: top;
  428. }
  429. /* Column_Invite */
  430. .Column_Invite {
  431. margin: 0 7px;
  432. margin-bottom: 20px;
  433. overflow: hidden;
  434. }
  435. .Column_Invite .invite-banner{
  436. width: 100%;
  437. overflow: hidden;
  438. text-align: center;
  439. padding-top: 70px;
  440. padding-bottom: 70px;
  441. color: #fff;
  442. background: linear-gradient(to bottom right,#2b3479,#22b1fe);
  443. }
  444. .Column_Invite .invite-banner h3{
  445. font-size: 1.6rem;
  446. text-shadow: 0 4px 2px rgba(34,26,133,.5);
  447. }
  448. .Column_Invite .InviteLink{
  449. margin-top: 20px;
  450. overflow: hidden;
  451. border: 1px solid #283046;
  452. background: #283046;
  453. color: #fff;
  454. border-radius: 10px;
  455. padding: 38px 35px 45px 30px;
  456. }
  457. .Column_Invite .InviteLink .rechipt_box{
  458. margin-bottom: 20px;
  459. }
  460. .Column_Invite .InviteLink label{
  461. font-size: 16px;
  462. }
  463. .Column_Invite .InviteLink input.rechipt{
  464. height: 40px;
  465. line-height: 40px;
  466. font-size: 14px;
  467. border: 1px solid #d1d1d1;
  468. color: #333;
  469. padding-left: 10px;
  470. padding-right: 10px;
  471. margin-right: 10px;
  472. }
  473. .Column_Invite .InviteLink input.rechbut{
  474. width: 90px;
  475. height: 40px;
  476. line-height: 40px;
  477. font-size: 14px;
  478. }
  479. .Column_Invite .btns{
  480. float: left;
  481. margin-left: 30px;
  482. display: inline-block;
  483. width: 45%;
  484. height: 50px;
  485. line-height: 50px;
  486. text-align: center;
  487. font-size: 18px;
  488. color: #fff;
  489. background-color: #4f64dc;
  490. border: 1px solid #6378f1;
  491. border-radius: 1000px;
  492. text-transform: uppercase;
  493. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  494. cursor: pointer;
  495. }
  496. .Column_Invite .btns:hover{
  497. color: #fff;
  498. background-color: #6378f1;
  499. border: 1px solid #6378f1;
  500. }
  501. /* Column_Coins */
  502. .Column_Coins{
  503. margin: 0 7px;
  504. margin-bottom: 20px;
  505. overflow: hidden;
  506. }
  507. .Column_Coins .AssetInfo{
  508. line-height: 60px;
  509. }
  510. .Column_Coins .AssetInfo div{
  511. display: inline-block;
  512. margin-right: 15px;
  513. font-size: 16px;
  514. color: #fff;
  515. }
  516. .Column_Coins .AssetInfo div span{
  517. margin-left: 10px;
  518. font-weight: 500;
  519. color: #118fff;
  520. text-transform: uppercase;
  521. }
  522. .Column_Coins .rech_bd{
  523. overflow: hidden;
  524. padding: 0 19px;
  525. border: 1px solid #d8dfe6;
  526. background: #283046;
  527. border-radius: 10px;
  528. box-sizing: border-box;
  529. }
  530. .Column_Coins .shiftto {
  531. width: 890px;
  532. height: auto;
  533. overflow: hidden;
  534. padding: 30px 0;
  535. text-align: center;
  536. }
  537. .Column_Coins .shiftto .walletadres {
  538. text-align: center;
  539. color: #fdf9f9;
  540. font-size: 16px;
  541. font-weight: 900!important;
  542. text-transform: uppercase;
  543. }
  544. .Column_Coins .shiftto #wallet {
  545. display: inline-block;
  546. margin: 0 auto;
  547. margin-top: 20px;
  548. padding: 15px 30px;
  549. background-color: #fff;
  550. color: #758696;
  551. font-size: 16px;
  552. font-weight: 900;
  553. border: 1px solid #d8dfe6;
  554. border-radius: 4px;
  555. }
  556. .Column_Coins .shiftto #qrcode-wallet {
  557. width: 100%;
  558. height: 100px;
  559. margin: 0 auto;
  560. margin-top: 25px;
  561. text-align: center;
  562. }
  563. .Column_Coins .shiftto #qrcode-wallet p {
  564. line-height: 40px;
  565. text-align: center;
  566. font-size: 16px;
  567. color: #737373;
  568. }
  569. .Column_Coins .recharge_atten {
  570. margin-top: 20px;
  571. height: auto;
  572. line-height: 18px;
  573. overflow: hidden;
  574. border-top: 1px solid #eee;
  575. padding: 20px 0;
  576. font-size: 16px;
  577. color: #F00;
  578. text-transform: uppercase;
  579. }
  580. .Column_Coins .recharge_atten p {
  581. line-height: 25px;
  582. }
  583. .Column_Coins .recharge_atten h5 {
  584. font-size: 16px;
  585. font-weight: 600 !important;
  586. margin-bottom: 10px;
  587. }
  588. .Column_Coins .recharge_atten_text {
  589. margin-top: 10px;
  590. height: auto;
  591. line-height: 20px;
  592. overflow: hidden;
  593. padding: 20px 30px;
  594. font-size: 14px;
  595. color: #8ca1b7;
  596. text-transform: uppercase;
  597. }
  598. .Column_Coins .recharge_atten_text p {
  599. line-height: 25px;
  600. }
  601. .Column_Coins .recharge_atten_text h5 {
  602. font-size: 15px;
  603. font-weight: 600 !important;
  604. color: #545c70;
  605. margin-bottom: 10px;
  606. }
  607. /* Column_Coins_LIST */
  608. .SettingRight .Column_Coins_LIST{
  609. margin: 0 7px;
  610. margin-bottom: 60px;
  611. overflow: hidden;
  612. }
  613. .SettingRight .Column_Coins_LIST table{
  614. width: 100%;
  615. border: 1px solid #283046;
  616. border-bottom: none;
  617. font-size: 13px;
  618. color: #666;
  619. }
  620. .SettingRight .Column_Coins_LIST table .title{
  621. background-color: #283046;
  622. }
  623. .SettingRight .Column_Coins_LIST table th,.SettingRight .Column_Coins_LIST table td{
  624. border-bottom: 1px solid #283046;
  625. }
  626. .SettingRight .Column_Coins_LIST table th{
  627. height: 38px;
  628. }
  629. .SettingRight .Column_Coins_LIST table td{
  630. height: 38px;
  631. text-align: center;
  632. }
  633. .SettingRight .Column_Coins_LIST table .btns{
  634. margin: 25px auto;
  635. display: block;
  636. width: 180px;
  637. height: 40px;
  638. line-height: 40px;
  639. color: #666;
  640. font-size: 14px;
  641. border: 1px solid #CDCDCD;
  642. border-radius: 1000px;
  643. }
  644. .SettingRight .Column_Coins_LIST table .btns:hover{
  645. color: #fff;
  646. background-color: #6378f1;
  647. border: 1px solid #6378f1;
  648. }
  649. .Column_Coins .rech_bd {
  650. width: 100%;
  651. padding: 0 19px;
  652. height: auto;
  653. overflow: hidden;
  654. border: 1px solid #eee0;
  655. box-sizing: border-box;
  656. }
  657. .Column_Coins .rech_bd .rechmid {
  658. width: 100%;
  659. height: auto;
  660. overflow: hidden;
  661. margin-top: 30px;
  662. }
  663. .Column_Coins .rech_bd .rechmid .rechipt_box {
  664. width: 860px;
  665. /*height: auto;*/
  666. margin-left: 28px;
  667. margin-bottom: 10px;
  668. box-sizing: border-box;
  669. }
  670. .Column_Coins .rech_bd .rechmid .rechipt_box label {
  671. width: 90px;
  672. margin-right: 20px;
  673. font-size: 14px;
  674. color: #fff;
  675. text-align: right;
  676. line-height: 40px;
  677. vertical-align: top;
  678. }
  679. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox {
  680. width: 90%;
  681. height: auto;
  682. overflow: hidden;
  683. box-sizing: border-box;
  684. }
  685. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .paysel {
  686. width: 100%;
  687. height: 50px;
  688. border: 1px solid #d6dbdd;
  689. outline: none;
  690. font-size: 16px;
  691. color: #999;
  692. text-indent: 10px;
  693. }
  694. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .rechipt {
  695. width: 100%;
  696. height: 50px;
  697. border: 1px solid #2c3b56;
  698. background-color: #2c3b56;
  699. font-size: 16px;
  700. color: #666;
  701. text-indent: 10px;
  702. padding-right: 10px;
  703. outline: none;
  704. box-sizing: border-box;
  705. }
  706. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .rechipt .text_right {
  707. text-align: right;
  708. }
  709. .Column_Coins .rech_bd .rechmid .rechipt_box .notice {
  710. display: table-cell;
  711. width: 365px;
  712. height: 40px;
  713. overflow: hidden;
  714. vertical-align: middle;
  715. margin-left: 10px;
  716. font-size: 14px;
  717. line-height: 20px;
  718. color: #ff9900;
  719. padding-left: 10px;
  720. }
  721. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .mrl110 {
  722. margin-left: 110px;
  723. }
  724. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .rechbut {
  725. width: 360px;
  726. height: 50px;
  727. background: #73bee4;
  728. border: none;
  729. font-size: 16px;
  730. color: #fff;
  731. cursor: pointer;
  732. outline: none;
  733. margin-top: 10px;
  734. }
  735. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .attention {
  736. font-size: 12px;
  737. color: #73bee4;
  738. margin-top: 5px;
  739. }
  740. .attention a {
  741. color: #73bee4;
  742. }
  743. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .rechipt.wd328 {
  744. width: 318px;
  745. }
  746. .Column_Coins .rech_bd .rechmid .rechipt_box .iptbox .dot {
  747. display: block;
  748. float: right;
  749. font-size: 14px;
  750. color: #333;
  751. line-height: 40px;
  752. font-weight: 900;
  753. }
  754. .Column_Coins .rech_bd .recharge_atten {
  755. width: 890px;
  756. height: auto;
  757. min-height: 80px;
  758. overflow: hidden;
  759. border-top: 1px solid #eee;
  760. margin-top: 20px;
  761. padding: 20px 0;
  762. font-size: 12px;
  763. color: #999;
  764. line-height: 18px;
  765. }
  766. .Column_Coins .rech_bd .recharge_atten a {
  767. color: #999;
  768. }
  769. .Column_Coins .rech_bd .recharge_atten a:hover {
  770. color: #73bee4;
  771. }
  772. .Column_Coins .rech_bd .recharge_atten h5 {
  773. color: #333;
  774. font-weight: normal;
  775. margin-bottom: 10px;
  776. }
  777. .Column_Coins .rechmid {
  778. width: 860px;
  779. height: auto;
  780. overflow: hidden;
  781. margin-top: 30px;
  782. }
  783. .Column_Coins .rechmid .rechipt_box {
  784. width: 860px;
  785. /* height: auto;
  786. overflow: hidden;*/
  787. margin-bottom: 15px;
  788. }
  789. .Column_Coins .rechmid .rechipt_box label {
  790. width: 90px;
  791. margin-right: 20px;
  792. font-size: 14px;
  793. color: #666;
  794. text-align: right;
  795. line-height: 40px;
  796. vertical-align: top;
  797. }
  798. .Column_Coins .rechmid .rechipt_box .iptbox {
  799. width: 100%;
  800. height: auto;
  801. overflow: hidden;
  802. box-sizing: border-box;
  803. }
  804. .Column_Coins .rechmid .rechipt_box .iptbox .paysel {
  805. width: 360px;
  806. height: 40px;
  807. border: 1px solid #d6dbdd;
  808. outline: none;
  809. font-size: 14px;
  810. color: #999;
  811. text-indent: 10px;
  812. }
  813. .Column_Coins .rechmid .rechipt_box .iptbox .rechipt {
  814. width: 348px;
  815. height: 38px;
  816. border: 1px solid #d6dbdd;
  817. font-size: 14px;
  818. color: #666;
  819. text-indent: 10px;
  820. padding-right: 10px;
  821. outline: none;
  822. }
  823. .Column_Coins .rechmid .rechipt_box .iptbox .rechipt.text_right {
  824. text-align: right;
  825. }
  826. .Column_Coins .rechmid .rechipt_box .notice {
  827. display: table-cell;
  828. width: 365px;
  829. height: 40px;
  830. overflow: hidden;
  831. vertical-align: middle;
  832. margin-left: 10px;
  833. font-size: 14px;
  834. line-height: 20px;
  835. color: #ff9900;
  836. padding-left: 10px;
  837. }
  838. .Column_Coins .rechmid .rechipt_box .iptbox.mrl110 {
  839. margin-left: 28px;
  840. }
  841. .Column_Coins .rechmid .rechipt_box .iptbox .rechbut {
  842. width: 360px;
  843. height: 40px;
  844. background: #73bee4;
  845. border: none;
  846. font-size: 16px;
  847. color: #fff;
  848. cursor: pointer;
  849. outline: none;
  850. }
  851. .Column_Coins .rechmid .rechipt_box .iptbox .btns{
  852. margin-top: 20px;
  853. display: block;
  854. width: 100%;
  855. height: 50px;
  856. line-height: 50px;
  857. text-align: center;
  858. font-size: 16px;
  859. color: #fff;
  860. background-color: #4f64dc;
  861. border: 0px;
  862. border-radius: 1000px;
  863. text-transform: uppercase;
  864. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  865. cursor: pointer;
  866. outline: none;
  867. box-sizing: border-box;
  868. }
  869. .Column_Coins .rechmid .rechipt_box .iptbox .btns:hover{
  870. color: #fff;
  871. background-color: #6378f1;
  872. }
  873. .float_win_pay {
  874. margin: 0 auto;
  875. min-width: 450px;
  876. min-height: 200px;
  877. padding-bottom: 15px;
  878. background: #fff;
  879. border-radius: 10px;
  880. }
  881. .float_win_pay .tan_title {
  882. padding: 0 40px;
  883. height: 60px;
  884. background-color: #394aa9;
  885. border-radius: 10px 10px 0 0;
  886. }
  887. .float_win_pay .tan_title h4 {
  888. font-weight: normal;
  889. color: #fff;
  890. font-size: 20px;
  891. line-height: 60px;
  892. float: left;
  893. }
  894. .float_win_pay .tan_title .close-btn {
  895. display: block;
  896. float: right;
  897. line-height: 60px;
  898. color: #fff;
  899. font-size: 1.2rem;
  900. font-weight: 600;
  901. cursor: pointer;
  902. border-radius: 1rem;
  903. transition: all 0.2s ease-in-out;
  904. }
  905. .float_win_pay .payment_content{
  906. min-width: 450px;
  907. margin: 30px 0 0 0;
  908. padding: 0 40px;
  909. }
  910. .float_win_pay .payment_content ul li{
  911. margin-bottom: 17px;
  912. }
  913. .float_win_pay .payment_content ul li .label-1{
  914. display: inline-block;
  915. padding-right: 15px;
  916. width: 30%;
  917. height: 42px;
  918. line-height: 42px;
  919. font-size: 14px;
  920. text-align: right;
  921. box-sizing: border-box;
  922. }
  923. .float_win_pay .payment_content ul li .input-1{
  924. padding-left: 10px;
  925. padding-right: 10px;
  926. width: 65.5%;
  927. height: 42px;
  928. line-height: 42px;
  929. font-size: 16px;
  930. color: #333;
  931. border:1px solid #D4D4D4;
  932. border-radius: 3px;
  933. transition: all,.3s;
  934. }
  935. .float_win_pay .payment_content ul li .input-2{
  936. padding-left: 10px;
  937. padding-right: 10px;
  938. width: 65.5%;
  939. height: 42px;
  940. line-height: 42px;
  941. font-size: 16px;
  942. color: #333;
  943. border: none;
  944. border-radius: 3px;
  945. transition: all,.3s;
  946. box-sizing: border-box;
  947. cursor: default;
  948. }
  949. .float_win_pay .payment_content ul li .vcode-1{
  950. display: inline-block;
  951. padding-left: 10px;
  952. padding-right: 10px;
  953. width: 35%;
  954. height: 42px;
  955. line-height: 42px;
  956. font-size: 16px;
  957. color: #333;
  958. border:1px solid #D4D4D4;
  959. border-radius: 3px;
  960. transition: all,.3s;
  961. }
  962. .float_win_pay .payment_content ul li .btns{
  963. margin: 0 auto;
  964. display: block;
  965. width: 200px;
  966. height: 50px;
  967. line-height: 50px;
  968. text-align: center;
  969. font-size: 16px;
  970. color: #fff;
  971. background-color: #4f64dc;
  972. border: 1px solid #6378f1;
  973. border-radius: 1000px;
  974. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  975. cursor: pointer;
  976. }
  977. .float_win_pay .payment_content ul li .btns:hover{
  978. color: #fff;
  979. background-color: #6378f1;
  980. border: 1px solid #6378f1;
  981. }
  982. .float_win_pay .payment_content ul li .code-num{
  983. display: inline-block;
  984. margin-left: 10px;
  985. width: 26%;
  986. height: 40px;
  987. line-height: 40px;
  988. text-align: center;
  989. font-size: 13px;
  990. color: #fff;
  991. background-color: #4f64dc;
  992. border: none;
  993. outline: none;
  994. border-radius: 4px;
  995. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  996. cursor: pointer;
  997. }
  998. .float_win_pay .payment_content ul li .code-num:hover{
  999. color: #fff;
  1000. background-color: #6378f1;
  1001. }
  1002. .float_win_pay .payment_content ul li p.forget{
  1003. font-size: 14px;
  1004. }
  1005. .float_win_pay .payment_content ul li p.forget a{
  1006. color: #0093ff;
  1007. }