jack
/
jysBlack2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1230

master
Dread 4 years ago
parent
6747a6d8d6
commit
657bfc664a
48 changed files with 1569 additions and 1117 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 29
      css/common.css
  2. 42
      css/exchange.css
  3. 2
      css/help.css
  4. 592
      css/index.css
  5. 10
      css/innovate.css
  6. 2
      css/innovateLogined.css
  7. 8
      css/login.css
  8. 375
      css/mine.css
  9. 14
      css/newInnovation.css
  10. 125
      css/newInnovation1.css
  11. 11
      css/news.css
  12. 106
      css/newsDetail.css
  13. 12
      css/notice.css
  14. 4
      css/register.css
  15. 67
      css/securityCenter.css
  16. 28
      css/wallet.css
  17. 178
      html/mine.html
  18. 94
      html/newInnovation2.html
  19. 82
      html/newsDetail.html
  20. 28
      html/securityCenter.html
  21. BIN
      image/First-grade Security-1.png
  22. BIN
      image/First-grade Security-2.png
  23. BIN
      image/First-grade Security.png
  24. BIN
      image/banner.png
  25. BIN
      image/[email protected]
  26. BIN
      image/card_1.png
  27. BIN
      image/[email protected]
  28. BIN
      image/card_2.png
  29. BIN
      image/[email protected]
  30. BIN
      image/cc-mock.png
  31. BIN
      image/center_icon_email.png
  32. BIN
      image/center_icon_password.png
  33. BIN
      image/center_icon_verifed.png
  34. BIN
      image/icon_down.png
  35. BIN
      image/icon_lock.png
  36. BIN
      image/icon_up.png
  37. BIN
      image/img2.png
  38. BIN
      image/laba.png
  39. BIN
      image/[email protected]
  40. BIN
      image/new1.png
  41. BIN
      image/pic1.png
  42. BIN
      image/pic2.png
  43. BIN
      image/pic3.png
  44. BIN
      image/tab_new.png
  45. BIN
      image/test.png
  46. BIN
      image/tradeview-mock.png
  47. 583
      index.html
  48. 2
      layui/css/layui.css

29
css/common.css
View File

@ -54,7 +54,7 @@ a{
width: 0%; width: 0%;
height: 3px; height: 3px;
border-radius: 4px; border-radius: 4px;
background: #1C8D36; background: #006CFF;
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 0px; bottom: 0px;
@ -67,7 +67,7 @@ a{
opacity: 1; opacity: 1;
} }
.header .header_content .header_tabs .acon2 a.active,.header .header_content .header_tabs .acon2 a:hover{ .header .header_content .header_tabs .acon2 a.active,.header .header_content .header_tabs .acon2 a:hover{
color: #1C8D36; color: #006CFF;
} }
.header .header_content .header_tabs .acon2 a:first-child{ .header .header_content .header_tabs .acon2 a:first-child{
margin-left: 0; margin-left: 0;
@ -115,7 +115,7 @@ cursor: pointer;
padding: 0px 20px; padding: 0px 20px;
line-height: 42px; line-height: 42px;
background-color: #fff; background-color: #fff;
color: #1C8D36; color: #006CFF;
text-align: left; text-align: left;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
@ -144,7 +144,7 @@ cursor: pointer;
display: block; display: block;
} }
.LogList a.active,.LogList a:hover{ .LogList a.active,.LogList a:hover{
background-color: #1C8D36; background-color: #006CFF;
color: #fff; color: #fff;
} }
.language-list{ .language-list{
@ -261,7 +261,7 @@ cursor: pointer;
} }
.header .header_content .header_tabs .newList p:hover a{ .header .header_content .header_tabs .newList p:hover a{
color: #1C8D36; color: #006CFF;
} }
@ -272,7 +272,7 @@ cursor: pointer;
.foot_top{ .foot_top{
width: 100%; width: 100%;
background: url(../image/footbg.png)no-repeat; background: url(../image/bg1@2x.png)no-repeat;
background-size: cover; background-size: cover;
padding-top: 98px; padding-top: 98px;
padding-bottom: 80px; padding-bottom: 80px;
@ -322,6 +322,7 @@ margin-right: 140px;
font-size: 14px; font-size: 14px;
} }
.foot_center{ .foot_center{
background-color: #000000;
} }
.foot_center .rq{ .foot_center .rq{
@ -359,14 +360,14 @@ margin-right: 140px;
display: inline-block; display: inline-block;
width: 200px; width: 200px;
line-height: 56px; line-height: 56px;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
border-radius: 200px; border-radius: 200px;
text-align: center; text-align: center;
color: #1C8D36; color: #006CFF;
font-size: 18px; font-size: 18px;
} }
.foot_bottom .rq .div2 a.active{ .foot_bottom .rq .div2 a.active{
background-color: #1C8D36; background-color: #006CFF;
color: #fff; color: #fff;
margin-left: 20px; margin-left: 20px;
} }
@ -386,7 +387,7 @@ input {
} }
input:focus, input:hover { input:focus, input:hover {
border-color: #1C8D36; border-color: #006CFF;
outline: none outline: none
} }
@ -395,7 +396,7 @@ input:focus, input:hover {
} }
.activeSubmit { .activeSubmit {
background-color: #1C8D36 !important; background-color: #006CFF !important;
} }
/***校验样式***/ /***校验样式***/
@ -426,10 +427,10 @@ label.error{
/* layui.css 覆盖样式 */ /* layui.css 覆盖样式 */
.layui-tab-brief>.layui-tab-title .layui-this { .layui-tab-brief>.layui-tab-title .layui-this {
color: #1C8D36; color: #006CFF;
} }
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
border-color: #1C8D36; border-color: #006CFF;
} }
.layui-tab { .layui-tab {
margin: 0; margin: 0;
@ -448,7 +449,7 @@ label.error{
border-color: #E9EAEC; border-color: #E9EAEC;
} }
.layui-btn { .layui-btn {
background-color: #1C8D36; background-color: #006CFF;
} }
.layui-form-select dl dd.layui-this { .layui-form-select dl dd.layui-this {
background-color: #303133; background-color: #303133;

42
css/exchange.css
View File

@ -1,6 +1,6 @@
.trade { .trade {
color: #FFFFFF !important; color: #FFFFFF !important;
background-image: linear-gradient(to right, #FFA3DC, #1C8D36); background-image: linear-gradient(to right, #FFA3DC, #006CFF);
border-radius: 15px; border-radius: 15px;
} }
@ -111,9 +111,9 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 600; font-weight: 600;
line-height: 36px; line-height: 36px;
color: #1C8D36; color: #006CFF;
opacity: 1; opacity: 1;
border-bottom: 2px solid #1C8D36; border-bottom: 2px solid #006CFF;
margin-left: 20px; margin-left: 20px;
} }
@ -180,7 +180,7 @@
} }
.exchange-tags-label input:checked+span { .exchange-tags-label input:checked+span {
border-color: #1C8D36; border-color: #006CFF;
} }
.exchange-input { .exchange-input {
@ -202,11 +202,11 @@
} }
.exchange-input .layui-input:hover { .exchange-input .layui-input:hover {
border-color: #1C8D36 !important; border-color: #006CFF !important;
} }
.exchange-input .layui-input:focus { .exchange-input .layui-input:focus {
border-color: #1C8D36 !important; border-color: #006CFF !important;
} }
.exchange-input .s1{ .exchange-input .s1{
@ -220,7 +220,7 @@
position: absolute; position: absolute;
right: 15px; right: 15px;
font-size: 13px; font-size: 13px;
color: #1C8D36; color: #006CFF;
top: 13px; top: 13px;
} }
.exchange-total { .exchange-total {
@ -261,11 +261,11 @@
text-align: center; text-align: center;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
color: #1C8D36; color: #006CFF;
font-size: 14px; font-size: 14px;
} }
.exchange-btn a{ .exchange-btn a{
color: #1C8D36; color: #006CFF;
font-size: 14px; font-size: 14px;
height: 100%; height: 100%;
} }
@ -273,10 +273,10 @@
color: #fff; color: #fff;
} }
.exchange-btn.buy-btn { .exchange-btn.buy-btn {
border:1px solid #1C8D36; border:1px solid #006CFF;
} }
.exchange-btn:hover.buy-btn{ .exchange-btn:hover.buy-btn{
background-color: #1C8D36; background-color: #006CFF;
color: #fff; color: #fff;
} }
.exchange-btn.buy-login-btn { .exchange-btn.buy-login-btn {
@ -322,13 +322,13 @@
} }
.main-tabs-nav.layui-tab-title li.layui-this { .main-tabs-nav.layui-tab-title li.layui-this {
color: #1C8D36; color: #006CFF;
font-size: 14px; font-size: 14px;
} }
.main-tabs-nav.layui-tab-title li.layui-this:after { .main-tabs-nav.layui-tab-title li.layui-this:after {
height: 38px; height: 38px;
border-color: #1C8D36; border-color: #006CFF;
} }
.main-sidebar-left .main-tabs-nav.layui-tab-title li { .main-sidebar-left .main-tabs-nav.layui-tab-title li {
@ -393,7 +393,7 @@
} }
.layui-table-sort[lay-sort=desc] .layui-table-sort-desc { .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
border-top-color: #1C8D36; border-top-color: #006CFF;
} }
.layui-table-sort .layui-table-sort-asc { .layui-table-sort .layui-table-sort-asc {
@ -405,7 +405,7 @@
} }
.layui-table-sort[lay-sort=asc] .layui-table-sort-asc { .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
border-bottom-color: #1C8D36; border-bottom-color: #006CFF;
} }
.layui-table-body .laytable-cell-6-0-0{ .layui-table-body .laytable-cell-6-0-0{
color: #E5544E !important; color: #E5544E !important;
@ -432,11 +432,11 @@
} }
.buy-color { .buy-color {
color: #1C8D36; color: #006CFF;
} }
.layui-table-body .laytable-cell-5-0-0{ .layui-table-body .laytable-cell-5-0-0{
color: #1C8D36 !important; color: #006CFF !important;
} }
.sell-color { .sell-color {
@ -466,7 +466,7 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
padding: 12px auto; padding: 12px auto;
background-color:rgba(189, 98, 255, 0.1); background-color:rgba(189, 98, 255, 0.1);
font-size: 12px; font-size: 12px;
color: #1C8D36; color: #006CFF;
} }
.main-sidebar-right .orderbook-wrap { .main-sidebar-right .orderbook-wrap {
@ -509,7 +509,7 @@ color: #666666;
} }
.main-sidebar-top .two .p2{ .main-sidebar-top .two .p2{
font-size: 14px; font-size: 14px;
color: #1C8D36; color: #006CFF;
} }
@ -524,11 +524,11 @@ color: #666666;
color: #303133; color: #303133;
} }
.cent{ .cent{
color: #1C8D36; color: #006CFF;
text-align: center; text-align: center;
} }
.layui-table-body .laytable-cell-7-0-0{ .layui-table-body .laytable-cell-7-0-0{
color: #1C8D36 !important; color: #006CFF !important;
} }
.gai{ .gai{
background-color: #F5F7FA !important; background-color: #F5F7FA !important;

2
css/help.css
View File

@ -8,7 +8,7 @@
bottom: 80px; bottom: 80px;
z-index: 9999; z-index: 9999;
/* background-color: #007BFF; */ /* background-color: #007BFF; */
background: #1C8D36; background: #006CFF;
line-height: 38px; line-height: 38px;
border-radius: 20px; border-radius: 20px;
font-size: 16px; font-size: 16px;

592
css/index.css
View File

@ -3,11 +3,11 @@
} }
.header{ .header{
background-color: #FFFFFF; background-color: #111534;
} }
.container{ .container{
width: 1366px; width: 1366px;
padding: 0 40px; /* padding: 0 40px; */
margin: 0 auto; margin: 0 auto;
} }
/* banner */ /* banner */
@ -73,7 +73,7 @@
} }
.banner .container .div1 .lef .btn{ .banner .container .div1 .lef .btn{
display: block; display: block;
background-color: #1C8D36; background-color: #006CFF;
border-radius: 200px; border-radius: 200px;
line-height: 56px; line-height: 56px;
text-align: center; text-align: center;
@ -86,37 +86,84 @@
box-shadow: 0 0 20px rgb(28 141 54 / 70%); box-shadow: 0 0 20px rgb(28 141 54 / 70%);
} }
.banner .container .div1 .rig{ .banner .container .div1 .rig{
float: right;
width: 630px;
}
.banner .container .div1 .rig .t1{
color: #D9DBDF;
font-size: 72px;
line-height: 90px;
font-weight: bold;
}
.banner .container .div1 .rig .t2{
color: #D9DBDF;
font-size: 36px;
line-height: 50px;
margin-top: 20px;
} }
.banner .container .div2{ .banner .container .div1 .rig .t3{
margin-top: 80px; margin-top: 20px;
position: relative; position: relative;
width: 500px;
line-height: 60px;
height: 60px;
} }
.banner .container .div2 .swiper-pagination{ .banner .container .div1 .rig .t4{
bottom: -50px; margin-top: 20px;
left: 50%; font-size: 14px;
transform: translateX(-50%); color: rgb(255 255 255 / 65%);
} }
.banner .swiper-pagination-bullet{ .banner .container .div1 .rig .t3 .t3Btn{
margin-left: 16px; width: 140px;
height: 60px;
background: #006CFF;
color: #fff;
text-align: center;
border-radius: 30px;
position: absolute;
right: 0;
} }
.banner .swiper-pagination-bullet:first-child{ .banner .container .div1 .rig .t3 .inputT3{
margin-left: 0; width: 100%;
height: 100%;
border: 1px solid #006CFF;
border-radius: 30px;
background: none !important;
padding-left: 40px;
color: #D0D6DE;
} }
.banner .container .div2 .swiper-button-next,.banner .container .div2 .swiper-button-prev{ .banner .container .div1 .rig .t3 .t3Btn:hover{
width: 48px; cursor: pointer;
height: 48px;
background: url(../image/banext.png)no-repeat;
background-size: cover;
right: 13px;
pointer-events:auto;
opacity: 1;
} }
.banner .container .div2 .swiper-button-prev{ .banner .container .div1 .rig .t3 .inputT3:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
background: url(../image/baprev.png)no-repeat; color: #D0D6DE;
background-size: cover; font-size: 16px;
left: 0; }
.banner .container .div1 .rig .t3 .inputT3::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #D0D6DE;
font-size: 16px;
}
.banner .container .div1 .rig .t3 .inputT3:-ms-input-placeholder{
color: #D0D6DE;
font-size: 16px;
}
.banner .container .div1 .rig .t3 .inputT3::-webkit-input-placeholder{
color: #D0D6DE;
font-size: 16px;
} }
.banner .container .div2{
margin-top: 80px;
position: relative;
}
.banner .container .div2 .bot:hover .r1 .rig{ .banner .container .div2 .bot:hover .r1 .rig{
background-color: #F0B90B; background-color: #F0B90B;
color: #fff; color: #fff;
@ -190,102 +237,58 @@ padding: 22px;
font-size: 12px; font-size: 12px;
color: #666666; color: #666666;
} }
.flex2{
display: flex;
justify-content: space-between;
align-items: center;
}
.one_content{ .one_content{
padding-top: 100px;
padding-bottom: 97px;
background-color: #fff
} }
.one_content .rq{ .one_content .rq{
padding: 0px 15px; padding: 90px 0;
background-color: #0E112C;
} }
.one_content .rq .div{
.one_content .rq .let{
} }
.one_content .rq .div .imgcon{ .one_content .rq .rig{
width: 96px;
height: 96px;
transition: .5s all;
}
.one_content .rq .div:hover .imgcon{
transform: translateY(-10px);
}
.one_content .rq .div .imgcon img{
width: 100%;
height: 100%;
}
.one_content .rq .div .pcon{
margin-top: 31px;
}
.one_content .rq .div .pcon .p1{
font-size: 28px;
color: #303133;
}
.one_content .rq .div .pSmallCon{
margin-top: 20px;
line-height: 20px;
}
.one_content .rq .div .pSmallCon p{
position: relative;
font-size: 14px;
color: #666666;
padding-left: 15px;
} }
.one_content .rq .div .pSmallCon p::before{
content: ''; .one_content .rq .rig .t1{
width: 4px; font-size: 40px;
height: 4px; color: rgb(255 255 255 / 85%);
background: #F0B90B; width: 490px;
border-radius: 50%; line-height: 60px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
} }
/* 开启加密货币 */ .one_content .rq .rig .t2{
.two_content{ font-size: 24px;
width: 100%; color: rgb(255 255 255 / 85%);
padding: 100px 0px; width: 490px;
background-color: #FAFAFA; line-height: 40px;
margin-top: 24px;
} }
.two_content .rq{ .a12{
align-items: center; margin: 0 0 !important;
position: relative; width: 240px !important;
margin-top: 40px !important;
} }
.bt{ .bt{
font-size: 54px; font-size: 54px;
color: #303133; color: #D9D9DB;
line-height: 60px; line-height: 60px;
margin-bottom: 80px; margin-bottom: 80px;
position: relative; position: relative;
} }
.bt::before{ .rqq{
content: ''; background-color: #040610 !important;
width: 120px;
height: 1px;
background-color: #707070;
position: absolute;
left: 0;
bottom: -35px;
}
.two_content .rq .lef{
width: 500px;
} }
.two_content .rq .lef .p1{
font-size: 20px;
color: #666;
line-height: 28px;
margin-bottom: 60px;
}
.two_content .rq .lef .p2{
font-size: 18px;
color: #666;
line-height: 25px;
margin-bottom: 60px;
}
.btn{ .btn{
display: block; display: block;
background-color: #1C8D36; background-color: #006CFF;
border-radius: 200px; border-radius: 200px;
line-height: 56px; line-height: 56px;
text-align: center; text-align: center;
@ -299,229 +302,36 @@ width: 500px;
.btn:hover { .btn:hover {
box-shadow: 0 0 20px rgb(28 141 54 / 70%); box-shadow: 0 0 20px rgb(28 141 54 / 70%);
} }
.two_content .rq .rig{
width: 800px;
}
.two_content .rq .rig img{
width: 100%;
}
.two_content .rq .lef .btncon{
justify-content: start;
}
.two_content .rq .lef .btncon a{
display: block;
width: 198px;
height: 56px;
}
.two_content .rq .lef .btncon a img{
width: 100%;
height: 100%;
}
.two_content .rq .lef .btncon a:nth-child(2){
margin-left: 20px;
}
/* 新闻 */
.news_content{
width: 100%;
padding-top: 136px;
padding-bottom: 73px;
background-color: #2A2D2F;
}
.news_content .rq{
align-items: center;
}
.news_content .rq .lef{
width: 790px;
}
.news_content .rq .lef img{
width: 100%;
}
.news_content .rq .rig{
width: 558px;
}
.news_content .rq .rig .bt{
color: #fff;
}
.news_content .rq .rig .bt::before{
background-color: #fff;
}
.news_content .rq .rig .div1{
margin-bottom: 60px;
}
.news_content .rq .rig .div1 .p1{
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
.news_content .rq .rig .div1 .p2{
color: #fff;
font-size: 18px;
line-height: 25px;
}
.news_content .rq .rig .btncon a{
line-height: 57px;
text-align: center;
color: #fff;
border-radius: 200px;
border: 1px solid #fff;
transition: .5s all;
display: block;
}
.news_content .rq .rig .btncon a:hover{
background-color: #1C8D36;
border-color: #1C8D36;
}
.news_content .rq .rig .btncon .a1{
width: 334px;
background-color: #1C8D36;
border-color: #1C8D36;
}
.news_content .rq .rig .btncon .a2{
width: 192px;
margin-left: 20px;
}
/* 导航开始 */ /* 导航开始 */
.three_content{
padding-top: 155px;
padding-bottom: 181px;
width: 100%;
background: #139E49;
}
.three_content .rq{
align-items: center;
}
.three_content .rq .lef{
width: 539px;
}
.three_content .rq .lef .bt{
color: #fff;
}
.three_content .rq .lef .bt::before{
background-color: #fff;
}
.three_content .rq .rig{
width: 752px;
}
.three_content .rq .rig img{
width: 100%;
}
.three_content .rq .lef .div1{
margin-bottom: 60px;
}
.three_content .rq .lef .div1 .p1{
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
.three_content .rq .lef .div1 .p2{
color: #fff;
font-size: 18px;
line-height: 25px;
}
.three_content .rq .lef .a1{
display: block;
width: 237px;
line-height: 56px;
background-color: #1C8D36;
text-align: center;
color: #fff;
border-radius: 200px;
}
.four_content{
padding: 100px 0;
background-color: #FAFAFA;
}
.bt2{ .bt2{
text-align: center; text-align: center;
font-size: 32px; font-size: 32px;
color: #303133; color: #303133;
position: relative; position: relative;
} }
.four_content .rq{
align-items: center;
margin-top: 70px;
}
.bt2::before{
content: '';
width: 40px;
height: 1px;
background-color: #D9D9D9;
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
}
.four_content .rq .bot{
width: 407px;
}
.four_content .rq .bot:hover .imgcon img{
transform: scale(1.05);
}
.four_content .rq .bot .imgcon{
width: 100%;
overflow: hidden;
}
.four_content .rq .bot .imgcon img{
width: 100%;
transition: .5s all;
}
.four_content .rq .bot .pcon{
margin-top: 10px;
}
.four_content .rq .bot .pcon .p1{
color: #303133;
line-height: 24px;
font-size: 20px;
margin-bottom: 6px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.four_content .rq .bot .pcon .p2{
margin-bottom: 12px;
display: flex;
align-items: center;
}
.four_content .rq .bot .pcon .p2 img{
width: 48px;
height: 20px;
}
.four_content .rq .bot .pcon .p2 span{
font-size: 14px;
color: #909399;
margin-left: 11px;
}
.four_content .rq .bot .pcon .p3{
font-size: 14px;
color: #606266;
line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.a11{ .a11{
display: block; display: block;
width: 196px; width: 196px;
margin: 0 auto; margin: 0 auto;
line-height: 56px; line-height: 56px;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
text-align: center; text-align: center;
color: #1C8D36; color: #fff;
border-radius: 200px; border-radius: 200px;
transition: .5s all; transition: .5s all;
font-size: 18px; font-size: 18px;
margin-top: 80px; margin-top: 80px;
background-color: #006CFF;
} }
.a11:hover{ .a11:hover{
color: #fff; color: #fff;
background-color: #1C8D36;
} }
@ -550,15 +360,15 @@ transform: scale(1.05);
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.textCenter::before{ /* .textCenter::before{
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
background-color: #D9D9D9; background-color: #D9D9D9;
} } */
.six_content{ .six_content{
padding-top: 94px; padding-top: 94px;
padding-bottom: 100px; padding-bottom: 100px;
background-color: #FAFAFA; background-color: #040610;
} }
.six_content .rq{ .six_content .rq{
margin-top: 126px; margin-top: 126px;
@ -578,11 +388,11 @@ transform: scale(1.05);
text-align: center; text-align: center;
font-size: 34px; font-size: 34px;
margin-top: 40px; margin-top: 40px;
color: #303133; color: #A0A1A5;
} }
.six_content .rq .bot .p1 span{ .six_content .rq .bot .p1 span{
font-size: 24px; font-size: 24px;
color: #303133; color: #A0A1A5;
} }
.six_content .rq .bot .p2{ .six_content .rq .bot .p2{
text-align: center; text-align: center;
@ -600,14 +410,17 @@ transform: scale(1.05);
/* notice */ /* notice */
.notice_con{ .notice_con{
width: 100%; width: 100%;
height: 100px; height: 80px;
background-color: #FAFAFA; background-color: #040610;
} }
.notice_con .container{ .notice_con .container{
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;
position: relative; position: relative;
background-color: #191E3E;
border-radius: 40px;
padding: 0 40px;
} }
.notice_con .div1{ .notice_con .div1{
display: flex; display: flex;
@ -615,19 +428,10 @@ width: 1080px;
align-items: center; align-items: center;
position: relative; position: relative;
} }
.notice_con .div1::after{
content: '';
width: 1px;
height: 20px;
background-color: #D9D9D9;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.notice_con .div1 .s1{ .notice_con .div1 .s1{
font-size: 14px; font-size: 14px;
color: #333333; color: rgb(255 255 255 / 70%);
margin-right: 18px; margin-right: 18px;
width: 85px; width: 85px;
} }
@ -638,9 +442,18 @@ width: 85px;
} }
.notice_con .div1 .s2{ .notice_con .div1 .s2{
font-size: 14px; font-size: 14px;
color: #333333; color: rgb(255 255 255 / 70%);
margin-right: 180px; margin-right: 180px;
} }
.notice_con .div1 .s2 .new{
display: inline-block;
background-color: #006CFF;
text-align: center;
color: #fff;
border-radius: 4px;
margin-right: 8px;
padding: 5px;
}
.notice_con .div1 .s2 .img1{ .notice_con .div1 .s2 .img1{
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -671,6 +484,12 @@ margin-right: 180px;
color: #999999; color: #999999;
font-size: 12px; font-size: 12px;
} }
.notice_list{
background-color: #040610;
padding-bottom: 140px;
}
.notice_list .container2{ .notice_list .container2{
width: 100% !important; width: 100% !important;
padding: 0 0 !important; padding: 0 0 !important;
@ -679,7 +498,7 @@ margin-right: 180px;
.table_con{ .table_con{
width: 100%; width: 100%;
background-color: #fff;
} }
.table_con thead tr{ .table_con thead tr{
width: 100%; width: 100%;
@ -687,13 +506,15 @@ background-color: #fff;
align-items: center; align-items: center;
height: 100%; height: 100%;
justify-content:center; justify-content:center;
background-color: #23274D;
border-radius: 12px 12px 0 0;
} }
.table_con thead{ .table_con thead{
width: 100%; width: 100%;
height: 50px; height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1px solid #EEEEEE;
} }
.table_con thead tr th{ .table_con thead tr th{
font-size: 16px; font-size: 16px;
@ -703,21 +524,34 @@ justify-content:center;
.table_con tbody{ .table_con tbody{
width: 100%; width: 100%;
position: relative;
border-bottom: 1px solid #EEEEEE; }
.table_con tbody::after{
content: '';
width: 1600px;
height: 6px;
background: linear-gradient(270deg, rgba(0, 108, 255, 0) 0%, rgba(19, 75, 188, 0.8) 14%, #1388BC 36%, #1388BC 49%, #1388BC 61%, rgba(19, 75, 188, 0.8) 85%, rgba(19, 75, 188, 0) 100%);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
} }
.table_con tbody tr{ .table_con tbody tr{
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1px solid #EEEEEE;
height: 80px; height: 80px;
justify-content:center; justify-content:center;
background-color: #111534;
border-bottom: 1px solid rgb(255 255 255 / 5%);
transition: .5s all;
}
.table_con tbody tr:hover{
background-color: #23274D;
} }
.table_con tbody tr th{ .table_con tbody tr th{
font-size: 18px; font-size: 18px;
color: #333; color: rgb(255 255 255 / 80%);
width: 180px; width: 180px;
position: relative; position: relative;
} }
@ -725,7 +559,107 @@ justify-content:center;
width: 45px; width: 45px;
height: 45px; height: 45px;
position: absolute; position: absolute;
left: 0; left: 18px;
top:50%; top:50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
.coin_con{
background-color: #040610;
padding: 160px 0;
}
.coin_con .let{
width: 540px;
}
.coin_con .let .t1{
font-size: 40px;
font-weight: bold;
line-height: 65px;
color: rgb(255 255 255 / 80%);
}
.coin_con .let .t2{
font-size: 24px;
line-height: 50px;
color: rgb(255 255 255 / 80%);
margin-top: 24px;
}
.coin_con .let .a11{
margin: 0 0 !important;
margin-top: 60px !important;
width: 240px;
}
.coin_con .rig{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 700px;
overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;
padding-right: 30px;
}
.coin_con .rig::-webkit-scrollbar {
width: 10px;
}
/* --- 滚动条里面的滚动块 --- */
.coin_con .rig::-webkit-scrollbar-thumb {
background: #1C294B;
height: 140px !important;
}
/* --- 滚动条里面轨道 --- */
.coin_con .rig::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
background: #11131C;
/* border: none;
background: none; */
}
.coin_con .rig .item{
width: 204px;
height: 204px;
background-color: #111534;
border-radius: 20px;
padding: 16px 0 24px 16px;
margin-bottom: 20px;
}
.coin_con .rig .item .img{
display: block;
width: 48px;
height: 48px;
}
.coin_con .rig .item .t1{
font-size: 18px;
color: #fff;
margin-top: 12px;
}
.coin_con .rig .item .t2{
font-size: 14px;
color: rgb(255 255 255 / 65%);
margin-top: 6px;
}
.coin_con .rig .item .t3{
font-size: 30px;
margin-top: 18px;
display: flex;
align-items: center;
}
.gre{
color: #00CC5A !important;
}
.re{
color: #FF5F5F !important;
}
.coin_con .rig .item .t3 .img{
width: 28px;
display: inline-block;
height: 28px;
vertical-align: middle;
margin-right: 4px;
}

10
css/innovate.css
View File

@ -45,7 +45,7 @@ body{
height: 56px; height: 56px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 6px; border-radius: 6px;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
box-sizing: border-box; box-sizing: border-box;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -58,12 +58,12 @@ body{
} }
.content-btn.register{ .content-btn.register{
margin-top: 0; margin-top: 0;
color: #1C8D36; color: #006CFF;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
} }
.content-btn.login{ .content-btn.login{
color: #fff; color: #fff;
background: #1C8D36; background: #006CFF;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
margin-top: 20px; margin-top: 20px;
} }

2
css/innovateLogined.css
View File

@ -144,7 +144,7 @@ body {
.about-tip .about-title { .about-tip .about-title {
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
font-weight: bold; font-weight: bold;
color: #1C8D36; color: #006CFF;
font-size: 16px; font-size: 16px;
} }

8
css/login.css
View File

@ -1,6 +1,6 @@
.signIn { .signIn {
color: #FFFFFF !important; color: #FFFFFF !important;
background-image: linear-gradient(to right, #FFA3DC, #1C8D36); background-image: linear-gradient(to right, #FFA3DC, #006CFF);
border-radius: 15px; border-radius: 15px;
} }
@ -106,12 +106,12 @@
} }
.registerBtn .register-a { .registerBtn .register-a {
color: #1C8D36; color: #006CFF;
font-weight: bold; font-weight: bold;
} }
/* .completed{ /* .completed{
background-color: #1C8D36; background-color: #006CFF;
} */ } */
.disabledSubmit { .disabledSubmit {
@ -119,7 +119,7 @@
} }
.activeSubmit { .activeSubmit {
background-color: #1C8D36 !important; background-color: #006CFF !important;
} }
.login-Forget-item a { .login-Forget-item a {

375
css/mine.css
View File

@ -64,7 +64,7 @@
border-radius: 5px; border-radius: 5px;
padding: 0 10px; padding: 0 10px;
text-align: center; text-align: center;
background-color: #1C8D36; background-color: #006CFF;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
} }
@ -93,3 +93,376 @@
.layui-form-item-top{ .layui-form-item-top{
margin-top: 15px !important; margin-top: 15px !important;
} }
.innovation{
background:#00343E;
border-radius: 15px;
}
body{
background: #04070F;
}
.innovateLoginedHeader {
background-color: #144BBA;
background-size: 100%;
background-position: 30%, 60%;
height: 300px;
}
.container-title{
font: 30px "Microsoft YaHei";
font-weight: bold ;
color: #FFFFFF;
text-align: center;
padding-top: 54px;
padding-bottom: 18px;
}
.innovateLoginedContent {
height: 790px;
margin-top: -190px;
}
.content-box {
width: 1380px;
margin: 0 auto;
background: #111534;
border-radius: 15px;
height: auto;
box-sizing: border-box;
border-radius: 8px;
}
.pay-section{
border-top: 1px solid #EDEFF2;
border-bottom: 1px solid #EDEFF2;
background: #FFFFFF;
padding-top: 50px;
padding-bottom: 15px;
}
.content-box .tab-head {
height: 69px;
text-align: center;
background: #111534;
border-radius: 8px 8px 0 0;
}
.content-box section{
margin-bottom: 60px;
}
.content-box .tab-head li {
font-size: 16px;
margin-left: 50px;
line-height: 80px;
height: 100%;
padding: 0 28px;
font-weight: 600;
display: inline-block;
}
.content-box .tab-head li a{
color: #fff;
}
.tab-panel section {
display: none;
}
.tab-panel section:first-child {
display: block;
}
.activeLi {
border-bottom: 2px solid#006CFF;
}
.activeLi a {
color: #006CFF !important;
}
.pay-div{
width: 460px;
margin: 0 auto;
text-align: center;
}
.tips{
text-align: left;
font-size: 12px;
color: #BDBEC2;
display: block;
padding-top: 8px;
}
.tips-labels{
margin: 12px 0 30px;
}
.tips-label{
color:#465EAC;
font-size: 14px;
/* padding-top: 32px;
padding-bottom: 41px; */
}
.tips-label2{
padding-top: 20px;
}
.payForm .layui-input-block{
margin: 0;
position: relative;
}
.payForm .layui-input-block .layui-input {
height: 48px;
background-color: #F5F7FA;
border-radius: 4px;
color: #303133;
}
.payForm .layui-input-block .all-btn {
position: absolute;
top: 18px;
right: 10px;
z-index: 100;
color: #006CFF;
cursor: pointer;
font-size: 14px;
line-height: 1em;
}
.sureBtn{
width: 100%;
height: 48px;
background:#BFC2CC;
border-radius: 6px;
height: 48px;
color:#FFFFFF;
}
.give-tip{
background: #FFFFFF;
height: 182px;
width: 100%;
padding: 30px;
text-align: center;
box-sizing: border-box;
line-height: 1em;
border-radius: 0 0 8px 8px ;
}
.pay-top{
box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1);
border-radius: 6px;
}
.record .pay-top .pay-section{
padding-top: 0;
}
.pay-top th span{
font-size: 12px;
color: #00343E;
}
.pay-top .layui-none{
margin-top: 30px;
}
.pay-top .layui-none div{
color: #999999;
}
.give-tip .t-tit{
color:#006CFF;
font-size: 16px;
font-weight: 600;
padding-bottom: 10px;
}
.give-tip .t-list p{
font-size: 14px;
color: #606266;
padding-top: 10px;
}
.about-tip{
width: 100%;
background: #FFFFFF;
box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1);
border-radius: 6px;
padding: 30px 47px;
box-sizing: border-box;
margin-top: 30px;
text-align: center;
}
.about-tip .about-title{
font-family: "Microsoft YaHei";
font-weight: bold;
color:#006CFF;
font-size: 16px;
}
.about-tip .about-p{
color: #606266;
font-size: 14px;
line-height: 21px;
margin-top: 30px;
}
.detail-tip{
padding: 30px 0;
text-align: center;
background: #FFFFFF;
box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1);
border-radius: 6px;
margin-top: 30px;
}
.detail-tip .detail-title{
font-family: "Microsoft YaHei";
font-weight: bold;
color:#006CFF;
font-size: 16px;
}
.detail-tip .detail-p{
font-size: 14px;
color: #606266;
line-height: 21px;
padding-top: 30px;
}
.detail-tip .detail-p a{
color:#006CFF;
cursor: pointer;
}
table.layui-table {
border-collapse: collapse;
margin: 0 auto;
text-align: center;
width: 100%;
}
table.layui-table th {
color: #40475B;
height: 40px;
padding: 0 20px;
text-align: left;
}
table.layui-table td {
color: #40475B;
height: 48px;
padding: 0 20px;
text-align: left;
}
table.layui-table thead th {
background-color: #F5F7FA;
color: #40475B;
font-weight: bold;
}
table.layui-table tr:nth-child(odd) {
background: #fff;
}
table.layui-table tr:nth-child(even) {
background: #F5F7FA;
}
table.layui-table tbody tr:hover {
background: #E4F9FF;
}
.layui-table-view {
border: none;
border-top: 1px solid #E9EAEC;
}
.layui-table-cell {
text-align: center;
height: 26px;
padding: 0 20px;
}
.layui-table-page {
height: 62px;
padding: 20px 20px 10px;
}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {
height: 32px;
line-height: 32px;
margin-bottom: 0;
}
.layui-table-page>div {
float: right;
height: 32px;
}
.layui-table-page .layui-laypage .layui-laypage-prev {
width: 32px;
margin: 0 10px 0 0;
text-align: center;
padding: 0;
box-sizing: border-box;
border: 1px solid rgba(24, 29, 40, 0.1);
border-radius: 2px;
}
.layui-table-page .layui-laypage .layui-laypage-next {
width: 32px;
margin: 0 0 0 10px;
text-align: center;
padding: 0;
box-sizing: border-box;
border: 1px solid rgba(24, 29, 40, 0.1);
border-radius: 2px;
}
.layui-table-page .layui-laypage span.layui-laypage-curr {
width: 32px;
text-align: center;
padding: 0;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #01A6D5;
}
.tips-p{
width: 460px;
margin: 0 auto;
color: #909399;
font-size: 13px;
padding-bottom: 15px;
padding-top: 5px;
}
.layui-this{
position: relative;
}
.layui-this::before{
content: '';
width: 14px;
height: 14px;
background: url(../image/list_icon_hook@2x.png)no-repeat;
background-size: cover;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.layui-form-selected dl {
border-radius: 4px;
}
.not{
display: none;
}
.table_con tbody tr th{
font-size: 16px;
width: 205px;
}
.table_con thead tr{
border-radius: 0 0 0 0;
}
.table_con thead tr th {
width: 205px;
}
.blue{
color: #006CFF !important;
}
.table_con tbody::after{
content: none;
}
.trBtn{
display: inline-block;
width: 120px !important;
line-height: 32px;
color: #fff;
border-radius: 6px;
background-color: #006CFF;
}
.table_con tbody tr:last-child{
border-bottom: none;
}

14
css/newInnovation.css
View File

@ -73,11 +73,11 @@ body{
} }
.activeLi { .activeLi {
border-bottom: 2px solid#1C8D36; border-bottom: 2px solid#006CFF;
} }
.activeLi a { .activeLi a {
color: #1C8D36; color: #006CFF;
} }
.pay-div{ .pay-div{
@ -119,7 +119,7 @@ body{
top: 18px; top: 18px;
right: 10px; right: 10px;
z-index: 100; z-index: 100;
color: #1C8D36; color: #006CFF;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
line-height: 1em; line-height: 1em;
@ -161,7 +161,7 @@ body{
color: #999999; color: #999999;
} }
.give-tip .t-tit{ .give-tip .t-tit{
color:#1C8D36; color:#006CFF;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
padding-bottom: 10px; padding-bottom: 10px;
@ -184,7 +184,7 @@ body{
.about-tip .about-title{ .about-tip .about-title{
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
font-weight: bold; font-weight: bold;
color:#1C8D36; color:#006CFF;
font-size: 16px; font-size: 16px;
} }
.about-tip .about-p{ .about-tip .about-p{
@ -204,7 +204,7 @@ body{
.detail-tip .detail-title{ .detail-tip .detail-title{
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
font-weight: bold; font-weight: bold;
color:#1C8D36; color:#006CFF;
font-size: 16px; font-size: 16px;
} }
.detail-tip .detail-p{ .detail-tip .detail-p{
@ -214,7 +214,7 @@ body{
padding-top: 30px; padding-top: 30px;
} }
.detail-tip .detail-p a{ .detail-tip .detail-p a{
color:#1C8D36; color:#006CFF;
cursor: pointer; cursor: pointer;
} }
table.layui-table { table.layui-table {

125
css/newInnovation1.css
View File

@ -1,13 +1,16 @@
body{
background-color: #040610;
}
.innovation{ .innovation{
background:#00343E; background:#00343E;
border-radius: 15px; border-radius: 15px;
} }
body{
background: #F5F7FA;
}
.innovateLoginedHeader { .innovateLoginedHeader {
background-image: url('../image/footbg.png'); background-color: #134BBC;
background-size: 100%; background-size: 100%;
background-position: 30%, 60%; background-position: 30%, 60%;
height: 300px; height: 300px;
@ -38,16 +41,13 @@ body{
border-radius: 8px; border-radius: 8px;
} }
.pay-section{ .pay-section{
border-bottom: 1px solid #EDEFF2;
background: #FFFFFF;
padding-top: 15px; padding-top: 15px;
padding-bottom: 15px; padding-bottom: 15px;
} }
.content-box .tab-head { .content-box .tab-head {
height: 69px; height: 69px;
text-align: center; text-align: center;
background: #FFFFFF; background: #111534;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
} }
.content-box section{ .content-box section{
@ -59,11 +59,13 @@ body{
margin-left: 50px; margin-left: 50px;
line-height: 80px; line-height: 80px;
height: 100%; height: 100%;
padding: 0 28px;
font-weight: 600; font-weight: 600;
display: inline-block; display: inline-block;
padding: 0 20px
}
.content-box .tab-head li a{
color: #fff;
} }
.tab-panel section { .tab-panel section {
display: none; display: none;
} }
@ -73,11 +75,11 @@ body{
} }
.activeLi { .activeLi {
border-bottom: 2px solid#1C8D36; border-bottom: 2px solid#006CFF;
} }
.activeLi a { .activeLi a {
color: #1C8D36; color: #006CFF !important
} }
.pay-div{ .pay-div{
@ -119,7 +121,7 @@ body{
top: 18px; top: 18px;
right: 10px; right: 10px;
z-index: 100; z-index: 100;
color: #1C8D36; color: #006CFF;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
line-height: 1em; line-height: 1em;
@ -162,7 +164,7 @@ body{
color: #999999; color: #999999;
} }
.give-tip .t-tit{ .give-tip .t-tit{
color:#1C8D36; color:#006CFF;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
padding-bottom: 10px; padding-bottom: 10px;
@ -185,7 +187,7 @@ body{
.about-tip .about-title{ .about-tip .about-title{
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
font-weight: bold; font-weight: bold;
color:#1C8D36; color:#006CFF;
font-size: 16px; font-size: 16px;
} }
.about-tip .about-p{ .about-tip .about-p{
@ -205,7 +207,7 @@ body{
.detail-tip .detail-title{ .detail-tip .detail-title{
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
font-weight: bold; font-weight: bold;
color:#1C8D36; color:#006CFF;
font-size: 16px; font-size: 16px;
} }
.detail-tip .detail-p{ .detail-tip .detail-p{
@ -215,7 +217,7 @@ body{
padding-top: 30px; padding-top: 30px;
} }
.detail-tip .detail-p a{ .detail-tip .detail-p a{
color:#1C8D36; color:#006CFF;
cursor: pointer; cursor: pointer;
} }
table.layui-table { table.layui-table {
@ -339,19 +341,19 @@ table.layui-table tbody tr:hover {
.neidiv{ .neidiv{
width: 100%; width: 100%;
border: 1px solid #DFDFDF; border: 1px solid #213052;
} }
.neidiv .div1{ .neidiv .div1{
line-height: 45px; line-height: 45px;
background-color: #F7F7F7; background-color: #191E3E;
padding-left: 20px; padding-left: 40px;
font-size: 16px; font-size: 16px;
color: #333; color: rgba(255, 255, 255, 0.65);
} }
.neidiv .div2{ .neidiv .div2{
padding: 20px; padding: 40px;
background-color: #fff; background-color: #111534;
} }
.neidiv .div2 .title_con{ .neidiv .div2 .title_con{
display: flex; display: flex;
@ -360,9 +362,10 @@ table.layui-table tbody tr:hover {
} }
.neidiv .div2 .title_con .title{ .neidiv .div2 .title_con .title{
font-size: 36px; font-size: 36px;
color: #333; color: rgba(255, 255, 255, 0.85);
} }
.neidiv .div2 .title_con .num{ .neidiv .div2 .title_con .num{
color: rgba(255, 255, 255, 0.85);
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
text-align: center; text-align: center;
@ -376,41 +379,81 @@ table.layui-table tbody tr:hover {
margin-left: 0; margin-left: 0;
} }
.neidiv .div2 .title_con .num .num_con .p2{ .neidiv .div2 .title_con .num .num_con .p2{
color: #21A63C; color: #006CFF;
font-size: 36px; font-size: 36px;
} }
.neidiv .div2 .content_con{
padding: 0 20px;
margin-top: 40px;
}
.neidiv .div2 .content_con .p1{ .neidiv .div2 .content_con .p1{
font-size: 14px; font-size: 14px;
color: #333; color: rgba(255, 255, 255, 0.65);
line-height: 25px; line-height: 25px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.neidiv .div2 .button_con{ .neidiv .div2 .button_con{
margin-top: 100px; margin-top: 40px;
} }
.neidiv .div2 .button_con .div{ .neidiv .div2 .button_con .div{
display: inline-block; display: inline-block;
width: 120px; width: 160px;
line-height: 30px; line-height: 48px;
text-align: center; text-align: center;
color: #007BFF; color: #006CFF;
border: 1px solid #007BFF; border: 1px solid #006CFF;
border-radius: 6px;
}
.neidiv .div2 .button_con .div:first-child{
margin-right: 16px;
} }
.neidiv .div2 .con_l{ .neidiv .div2 .con_l{
margin-top: 40px; margin-top: 40px;
background-color: #191E3E;
padding: 26px;
border-radius: 8px;
} }
.neidiv .div2 .con_l .ltitle{ .neidiv .div2 .con_l .ltitle{
color: #333; color: rgba(255, 255, 255, 0.85);
font-size: 24px; font-size: 26px;
} }
.layui-input{ .layui-input{
width: 25%; width: 25%;
border-radius: 6px;
}
.layui-form-select .layui-edge{
border-top-color: #9193A6;
}
.layui-form-select .layui-input {
color: rgba(255, 255, 255, 0.85);
height: 48px;
background-color: #23274D;
border: 1px solid rgba(255, 255, 255, 0.050980392156862744);
}
.one{
background-color: #111534 !important;
border: 1px solid rgba(255, 255, 255, 0.10196078431372549) !important;
height: 48px;
color: #fff;
}
.rela{
position: relative;
width: 25%;
}
.rela .all{
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #006CFF;
}
.rela .all:hover{
cursor: pointer;
}
.two{
background-color: #23274D !important;
border: 1px solid rgba(255, 255, 255, 0.10196078431372549) !important;
height: 48px;
color: #fff;
width: 100%;
} }
.last{ .last{
background-color: #F1F3F4; background-color: #F1F3F4;
@ -421,3 +464,9 @@ display: flex;
.layui-select-title input { .layui-select-title input {
width:100% width:100%
} }
.bg{
background-color: #191E3E;
padding: 26px;
border-radius: 8px;
margin-top: 32px;
}

11
css/news.css
View File

@ -1,5 +1,4 @@
.newsHeader{ .newsHeader{
border-bottom: solid 1px #EDEFF2;
} }
.newsContent .container{ .newsContent .container{
@ -20,7 +19,7 @@
} }
.newsContent .container .tabs .tabsActive{ .newsContent .container .tabs .tabsActive{
color: #1C8D36; color: #006CFF;
position: relative; position: relative;
} }
@ -28,7 +27,7 @@
content: ''; content: '';
width: 8px; width: 8px;
height: 2px; height: 2px;
background-color: #1C8D36; background-color: #006CFF;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
left: 50%; left: 50%;
@ -59,7 +58,7 @@
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
right: 10px; right: 10px;
background-image: linear-gradient(to left, #1C8D36, #FFA3DC); background-image: linear-gradient(to left, #006CFF, #FFA3DC);
border-radius: 6px; border-radius: 6px;
color: #FFFFFF; color: #FFFFFF;
padding: 7px 12px; padding: 7px 12px;
@ -107,10 +106,10 @@
} }
.layui-laypage-em{ .layui-laypage-em{
background-color: #1C8D36 !important; background-color: #006CFF !important;
} }
.layui-laypage a:hover { .layui-laypage a:hover {
color: #1C8D36; color: #006CFF;
} }
.newcon{ .newcon{
background: #fff !important; background: #fff !important;

106
css/newsDetail.css
View File

@ -1,5 +1,9 @@
body{
background-color: #040610;
}
.newsDetail{ .newsDetail{
border-bottom: solid 1px #EDEFF2;
} }
.newsDetail .container{ .newsDetail .container{
@ -23,19 +27,21 @@
} }
.newsDetail .container .newDetailContent{ .newsDetail .container .newDetailContent{
width: 1000px;
margin-top: 20px; margin-top: 20px;
} }
.newsDetail .container .newDetailContent .title{ .newsDetail .container .newDetailContent .title{
font-size: 30px; font-size: 30px;
color: #303133; color: #fff;
font-weight: bold; font-weight: bold;
width: 870px;
} }
.newsDetail .container .newDetailContent .authorInfo{ .newsDetail .container .newDetailContent .authorInfo{
display: flex; display: flex;
align-items: center; align-items: center;
color: #909399; color: rgba(255, 255, 255, 0.45);
font-size: 14px; font-size: 14px;
margin: 12px 0; margin: 12px 0;
} }
@ -63,7 +69,6 @@
.newsDetail .container .newDetailContent .Img img{ .newsDetail .container .newDetailContent .Img img{
display: block; display: block;
margin: 0 auto;
width: 800px; width: 800px;
height: 600px; height: 600px;
} }
@ -93,3 +98,96 @@
.layui-laypage a:hover { .layui-laypage a:hover {
color: #BD62FF; color: #BD62FF;
} }
.bigcon{
display: flex;
justify-content: space-between;
align-items: baseline;
}
.tabsActive{
color: #006CFF;
position: relative;
}
.tabsActive::after{
content: '';
width: 8px;
height: 2px;
background-color: #006CFF;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.tabs span {
cursor: pointer;
margin-right: 12px;
padding: 8px 0;
}
.tabs {
font-size: 16px;
font-weight: bold;
color: #fff;
margin-bottom: 20px;
}
.bot{
margin-bottom: 20px;
}
.rigNew{
width: 457px;
padding: 24px;
background-color: #111534;
}
.newcon{
background: none !important;
}
.four_content .rq .bot:hover .imgcon img{
transform: scale(1.05);
}
.four_content .rq .bot .imgcon{
width: 100%;
overflow: hidden;
}
.four_content .rq .bot .imgcon img{
width: 100%;
transition: .5s all;
}
.four_content .rq .bot .pcon{
margin-top: 10px;
}
.four_content .rq .bot .pcon .p1{
color: #fff;
line-height: 24px;
font-size: 20px;
margin-bottom: 6px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.four_content .rq .bot .pcon .p2{
margin-bottom: 12px;
display: flex;
align-items: center;
}
.four_content .rq .bot .pcon .p2 img{
width: 48px;
height: 20px;
}
.four_content .rq .bot .pcon .p2 span{
font-size: 14px;
color: #909399;
margin-left: 11px;
}
.four_content .rq .bot .pcon .p3{
font-size: 14px;
color: rgba(255, 255, 255, 0.65);
line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

12
css/notice.css
View File

@ -40,7 +40,7 @@ body{
height: 56px; height: 56px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 6px; border-radius: 6px;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
box-sizing: border-box; box-sizing: border-box;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -53,13 +53,13 @@ body{
} }
.content-btn.register{ .content-btn.register{
margin-top: 0; margin-top: 0;
color: #1C8D36; color: #006CFF;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
} }
.content-btn.login{ .content-btn.login{
color: #fff; color: #fff;
background: #1C8D36; background: #006CFF;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
margin-top: 20px; margin-top: 20px;
} }
@ -88,7 +88,7 @@ body{
color: #999999; color: #999999;
} }
.content-box .div .active{ .content-box .div .active{
color: #1C8D36; color: #006CFF;
} }
.content-box .div span{ .content-box .div span{
font-size: 18px; font-size: 18px;

4
css/register.css
View File

@ -1,6 +1,6 @@
.signUp{ .signUp{
color: #FFFFFF !important; color: #FFFFFF !important;
background-image: linear-gradient(to right, #FFA3DC, #1C8D36); background-image: linear-gradient(to right, #FFA3DC, #006CFF);
border-radius: 15px; border-radius: 15px;
} }
.login-container{ .login-container{
@ -18,7 +18,7 @@
} }
.login-item .tips .color-blue{ .login-item .tips .color-blue{
font-size: 16px; font-size: 16px;
color: #1C8D36; color: #006CFF;
} }
.mt10{ .mt10{
margin-top: 10px !important; margin-top: 10px !important;

67
css/securityCenter.css
View File

@ -1,12 +1,12 @@
.securityCenterHeader { .securityCenterHeader {
background-image: url('../image/footbg.png'); background-color: #134BBC;
background-size: 100%; background-size: 100%;
background-position: 30%, 60%; background-position: 30%, 60%;
height: 300px; height: 300px;
} }
body { body {
color: #F5F7FA; background-color: #040610;
} }
.securityCenterContent { .securityCenterContent {
@ -17,7 +17,7 @@ body {
.content-box { .content-box {
width: 1280px; width: 1280px;
margin: 0 auto; margin: 0 auto;
background: #FFFFFF; background: #111534;
box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1); box-shadow: 0px 1px 14px 0px rgba(24, 29, 40, 0.1);
border-radius: 6px; border-radius: 6px;
height: auto; height: auto;
@ -27,7 +27,7 @@ body {
.content-box .tab-head { .content-box .tab-head {
height: 69px; height: 69px;
border-bottom: 1px solid #EBEBEB; border-bottom: 1px solid #324A6F;
margin-bottom: 50px; margin-bottom: 50px;
} }
@ -47,7 +47,7 @@ body {
} }
.tab-panel th span { .tab-panel th span {
color: #00343E; color: #fff;
font-weight: bold; font-weight: bold;
} }
@ -60,13 +60,13 @@ body {
} }
#security { #security {
padding: 10px 60px 120px; padding: 10px 90px 90px;
margin-bottom: 106px; margin-bottom: 106px;
} }
#security .account-item-in { #security .account-item-in {
height: 106px; height: 106px;
border-bottom: 1px solid #EBEBEB; border-bottom: 1px solid #324A6F;
padding: 20px 0 0 23px; padding: 20px 0 0 23px;
} }
@ -86,7 +86,7 @@ body {
.personal-left .personal-title { .personal-left .personal-title {
font-size: 20px; font-size: 20px;
color: #303133; color: #fff;
font-weight: bold; font-weight: bold;
margin-bottom: 2px; margin-bottom: 2px;
} }
@ -98,14 +98,14 @@ body {
#security li .right_font { #security li .right_font {
float: right; float: right;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
padding: 6px 0; padding: 6px 0;
width: 77px; width: 77px;
text-align: center; text-align: center;
font-size: 13px; font-size: 13px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #1C8D36; color: #006CFF;
border-radius: 4px; border-radius: 4px;
opacity: 1; opacity: 1;
margin-left: 26px; margin-left: 26px;
@ -115,7 +115,7 @@ body {
} }
.content-box .tab-head li a { .content-box .tab-head li a {
/* color: #303133; */ color: #fff;
} }
.content-box .tab-head li:first-child { .content-box .tab-head li:first-child {
@ -123,11 +123,11 @@ body {
} }
.activeLi { .activeLi {
border-bottom: 2px solid #1C8D36; border-bottom: 2px solid #006CFF;
} }
.activeLi a { .activeLi a {
color: #1C8D36; color: #006CFF !important;
} }
.content-btn { .content-btn {
@ -206,7 +206,7 @@ body {
height: 34px; height: 34px;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: #303133; color: #fff;
line-height: 12px; line-height: 12px;
margin-right: 12px; margin-right: 12px;
text-align: right; text-align: right;
@ -219,9 +219,10 @@ body {
width: 460px; width: 460px;
height: 48px; height: 48px;
border-radius: 6px; border-radius: 6px;
background-color: #F5F7FA; background-color: #23274D;
text-indent: 10px; text-indent: 10px;
box-sizing: border-box; box-sizing: border-box;
border-color: #23274D !important;
} }
.detail-list .list-item label.error { .detail-list .list-item label.error {
@ -290,10 +291,10 @@ body {
.upload-item-list .upload-btn { .upload-item-list .upload-btn {
width: 99px; width: 99px;
background: #F2DFFE; background: #0F1E49;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
color: #1C8D36; color: #006CFF;
text-align: center; text-align: center;
line-height: 38px; line-height: 38px;
box-sizing: border-box; box-sizing: border-box;
@ -311,9 +312,9 @@ body {
} }
.hint-box { .hint-box {
margin-left: -70px; margin-left: -97px;
width: 110%; width: 118%;
background: #F5F7FA; background: #191E3E;
box-sizing: border-box; box-sizing: border-box;
padding: 20px 83px; padding: 20px 83px;
margin-top: 48px; margin-top: 48px;
@ -323,11 +324,11 @@ body {
.hint-box .title { .hint-box .title {
font: 16px "Microsoft YaHei"; font: 16px "Microsoft YaHei";
font-weight: bold; font-weight: bold;
color: #1C8D36; color: #006CFF;
} }
.hint-box p { .hint-box p {
color: #606266; color: rgba(255, 255, 255, 0.65);
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
} }
@ -349,8 +350,8 @@ body {
.btnArray .savebtn { .btnArray .savebtn {
color: #FFFFFF; color: #FFFFFF;
background: #1C8D36; background: #006CFF;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
margin-left: 30px; margin-left: 30px;
} }
@ -360,14 +361,22 @@ body {
} }
.btnArray .resetbtn { .btnArray .resetbtn {
background: #FFFFFF; color: #006CFF;
color: #1C8D36; border: 1px solid #006CFF;
border: 1px solid #1C8D36; background: none;
} }
.layui-table th{ .layui-table th{
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
background-color: #F5F7FA; background-color: #191E3E;
}
.layui-table-cell{
margin: 0 auto;
}
.layui-form{
border: none;
}
.layui-table-header{
border: none;
} }

28
css/wallet.css
View File

@ -1,7 +1,7 @@
.wallet{ .wallet{
color: #FFFFFF !important; color: #FFFFFF !important;
background-image: linear-gradient(to right, #FFA3DC, #1C8D36); background-image: linear-gradient(to right, #FFA3DC, #006CFF);
border-radius: 15px; border-radius: 15px;
} }
@ -144,7 +144,7 @@ body{
.container-title { .container-title {
width: 1280px; width: 1280px;
margin: 0 auto; margin: 0 auto;
color: #1C8D36; color: #006CFF;
text-align: center; text-align: center;
padding-top: 28px; padding-top: 28px;
padding-bottom: 26px; padding-bottom: 26px;
@ -171,7 +171,7 @@ body{
} }
.assets-title span { .assets-title span {
color: #1C8D36; color: #006CFF;
} }
.search-container { .search-container {
@ -208,7 +208,7 @@ body{
.search-container .layui-btn { .search-container .layui-btn {
width: 64px; width: 64px;
height: 30px; height: 30px;
background: #1C8D36; background: #006CFF;
color: #FFFFFF; color: #FFFFFF;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
@ -303,14 +303,14 @@ table.layui-table tbody tr:hover {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
color: #FFFFFF; color: #FFFFFF;
font-size: 12px; font-size: 12px;
} }
.toolbar .layui-btn.layui-btn-primary { .toolbar .layui-btn.layui-btn-primary {
background-color: #fff; background-color: #fff;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
color:#1C8D36; color:#006CFF;
} }
.layui-table-page { .layui-table-page {
height: 62px; height: 62px;
@ -353,7 +353,7 @@ table.layui-table tbody tr:hover {
padding: 0; padding: 0;
} }
.layui-laypage .layui-laypage-curr .layui-laypage-em { .layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #1C8D36; background-color: #006CFF;
} }
.recharge-form { .recharge-form {
margin: 47px auto 0; margin: 47px auto 0;
@ -421,7 +421,7 @@ table.layui-table tbody tr:hover {
} }
.tips-div .tips-title{ .tips-div .tips-title{
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
color:#1C8D36; color:#006CFF;
font-size: 16px; font-size: 16px;
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -450,7 +450,7 @@ table.layui-table tbody tr:hover {
font-size: 12px; font-size: 12px;
} }
.layui-form-icon #copy{ .layui-form-icon #copy{
color: #1C8D36; color: #006CFF;
} }
.layui-form-icon #code img{ .layui-form-icon #code img{
width: 18px; width: 18px;
@ -470,7 +470,7 @@ table.layui-table tbody tr:hover {
margin-left: 62px; margin-left: 62px;
} }
.chash-form .layui-form-icon #withdraw{ .chash-form .layui-form-icon #withdraw{
color: #1C8D36; color: #006CFF;
} }
.chash-form .sureBtn{ .chash-form .sureBtn{
background-color: #BFC2CC; background-color: #BFC2CC;
@ -486,8 +486,8 @@ table.layui-table tbody tr:hover {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #1C8D36; border: 1px solid #006CFF;
background: #1C8D36; background: #006CFF;
color: #FFFFFF; color: #FFFFFF;
font-size: 12px; font-size: 12px;
display: block; display: block;
@ -509,7 +509,7 @@ input::-webkit-inner-spin-button {
} }
.layui-laypage .layui-laypage-curr em { .layui-laypage .layui-laypage-curr em {
position: relative; position: relative;
color: #1c8d36; color: #006CFF;
} }
.layui-laypage .layui-laypage-curr .layui-laypage-em { .layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: transparent; background-color: transparent;

178
html/mine.html
View File

@ -3,11 +3,10 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>new Innovation</title> <title>Mine</title>
<link type="text/css" rel="styleSheet" href="../layui/css/layui.css" /> <link type="text/css" rel="styleSheet" href="../layui/css/layui.css" />
<link type="text/css" rel="styleSheet" href="../css/common.css" /> <link type="text/css" rel="styleSheet" href="../css/common.css" />
<link type="text/css" rel="styleSheet" href="../css/index.css" /> <link type="text/css" rel="styleSheet" href="../css/index.css" />
<link type="text/css" rel="styleSheet" href="../css/newInnovation.css" />
<link type="text/css" rel="styleSheet" href="../css/mine.css" /> <link type="text/css" rel="styleSheet" href="../css/mine.css" />
<link type="text/css" rel="styleSheet" href="../css/help.css" /> <link type="text/css" rel="styleSheet" href="../css/help.css" />
@ -60,7 +59,7 @@
</div> </div>
</div> </div>
<div class="innovateLoginedContent"> <div class="innovateLoginedContent">
<div class="container"> <!-- <div class="container">
<div class="container-title"> <div class="container-title">
Mine Mine
</div> </div>
@ -71,9 +70,7 @@
<li data-name="record"><a href="#"> Order </a></li> <li data-name="record"><a href="#"> Order </a></li>
</ul> </ul>
<div id="tab-panel" class="tab-panel"> <div id="tab-panel" class="tab-panel">
<!--
描述：安全中心
-->
<section data-name="pay"> <section data-name="pay">
<div class="pay-top"> <div class="pay-top">
<div class="pay-section"> <div class="pay-section">
@ -195,9 +192,7 @@
</section> </section>
<!--
描述：记录
-->
<section data-name="record" class="record"> <section data-name="record" class="record">
<div class="pay-top"> <div class="pay-top">
<div class="pay-section"> <div class="pay-section">
@ -208,7 +203,7 @@
</section> </section>
</div> </div>
<!-- help -->
<a href="../html/help.html" class="help_con"> <a href="../html/help.html" class="help_con">
<div class="a_con"> <div class="a_con">
<img src="../image/erji.png" alt="" class="img"> <img src="../image/erji.png" alt="" class="img">
@ -216,8 +211,158 @@
</div> </div>
</a> </a>
</div> </div>
</div> -->
<div class="container">
<div class="container-title">
Mine
</div> </div>
<div class="content-box">
<ul class="tab-head" id="tabHead">
<li class="activeLi" data-name="pay"> <a href="#"> Mine pool </a></li>
<li data-name="record"><a href="#">Record</a></li>
</ul>
<div id="tab-panel" class="tab-panel">
<!--
描述：安全中心
-->
<section data-name="pay">
<table class="table_con">
<thead>
<tr>
<th>Token</th>
<th>Return</th>
<th>Protocol</th>
<th>Term</th>
<th>Rate</th>
<th style="width: 205px;"></th>
</tr>
</thead>
<tbody>
<tr>
<th>
<img src="../image/[email protected]" alt="" class="img1">
BTC</th>
<th>DCM</th>
<th>0.1 BTC 30 days</th>
<th class="blue">30 day</th>
<th>75 CEH per 1 day</th>
<th>
<div class="trBtn">
<img src="../image/icon_lock.png" alt="" class="img2">
<span> Open mine </span>
</div>
</th>
</tr>
<tr>
<th>
<img src="../image/[email protected]" alt="" class="img1">
BTC</th>
<th>DCM</th>
<th>0.1 BTC 30 days</th>
<th class="blue">30 day</th>
<th>75 CEH per 1 day</th>
<th>
<div class="trBtn">
<img src="../image/icon_lock.png" alt="" class="img2">
<span> Open mine </span>
</div>
</th>
</tr>
<tr>
<th>
<img src="../image/[email protected]" alt="" class="img1">
BTC</th>
<th>DCM</th>
<th>0.1 BTC 30 days</th>
<th class="blue">30 day</th>
<th>75 CEH per 1 day</th>
<th>
<div class="trBtn">
<img src="../image/icon_lock.png" alt="" class="img2">
<span> Open mine </span>
</div>
</th>
</tr>
<tr>
<th>
<img src="../image/[email protected]" alt="" class="img1">
BTC</th>
<th>DCM</th>
<th>0.1 BTC 30 days</th>
<th class="blue">30 day</th>
<th>75 CEH per 1 day</th>
<th>
<div class="trBtn">
<img src="../image/icon_lock.png" alt="" class="img2">
<span> Open mine </span>
</div>
</th>
</tr>
<tr>
<th>
<img src="../image/[email protected]" alt="" class="img1">
BTC</th>
<th>DCM</th>
<th>0.1 BTC 30 days</th>
<th class="blue">30 day</th>
<th>75 CEH per 1 day</th>
<th>
<div class="trBtn">
<img src="../image/icon_lock.png" alt="" class="img2">
<span> Open mine </span>
</div>
</th>
</tr>
<tr>
<th>
<img src="../image/[email protected]" alt="" class="img1">
BTC</th>
<th>DCM</th>
<th>0.1 BTC 30 days</th>
<th class="blue">30 day</th>
<th>75 CEH per 1 day</th>
<th>
<div class="trBtn">
<img src="../image/icon_lock.png" alt="" class="img2">
<span> Open mine </span>
</div>
</th>
</tr>
<tr>
<th>
<img src="../image/[email protected]" alt="" class="img1">
BTC</th>
<th>DCM</th>
<th>0.1 BTC 30 days</th>
<th class="blue">30 day</th>
<th>75 CEH per 1 day</th>
<th>
<div class="trBtn">
<img src="../image/icon_lock.png" alt="" class="img2">
<span> Open mine </span>
</div>
</th>
</tr>
</tbody>
</table>
</section>
<!--
描述：记录
-->
<section data-name="record" class="record">
<div class="pay-top">
<div class="pay-section">
<table id="recordTable2" lay-filter="recordTable"></table>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="footer_content"> <div class="footer_content">
<div class="foot_top"> <div class="foot_top">
<div class="container flex"> <div class="container flex">
@ -279,19 +424,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="foot_bottom">
<div class="container">
<div class="rq flex">
<div class="div1">
We use cookies and similar technologies to operate core site features, customize core services, analyze our traffic, and for security and marketing. Accept all cookies, customize your settings or read our full Cookie Policy.
</div>
<div class="div2">
<a href="">Customize</a>
<a href="" class="active">Enable all</a>
</div>
</div>
</div>
</div>
</div> </div>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script> <script type="text/javascript" src="../layui/layui.js"></script>

94
html/newInnovation2.html
View File

@ -74,7 +74,7 @@
<section data-name="pay" id="app3"> <section data-name="pay" id="app3">
<div class="neidiv"> <div class="neidiv">
<div class="div1"> <div class="div1">
FTH Subscribe now CEH Subscribe now
</div> </div>
<div class="div2"> <div class="div2">
<div class="title_con"> <div class="title_con">
@ -101,45 +101,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content_con">
<p class="p1">The FTH public chain represents the most advanced blockchain
technology in the industry, empowers the financial industry with
cutting-edge
technology, and takes the mission of *making payments more free" to break
through restrictions and open large-scale commercial decentralized
finance. Choosing FTH at this time is to embrace the wealth wave of the new
era.</p>
<p class="p1">The birth and innovation speed of FTH will undoubtedly introduce
new thinking in payment models and solve many problems in the current
financial
system. The FTH Ecological Plan establishes a special research fund to
support the research and exploration of decentralized payment systems by
developers.</p>
<p class="p1">Token full name: FATIH CHAIN</p>
<p class="p1">Total amount of FTH issued: 1.600.000,000</p>
<p class="p1">FT Token Address: 0x399abac99997d6042636294a47364f0e30191b32</p>
<p class="p1">Private placement price: 0.015 USDT</p>
<p class="p1">ICO Time: June 2. 2021 to September 30, 2021</p>
</div>
<div class="button_con">
<a href="" class="div">WhiteBook</a>
<a href="" class="div">Video</a>
</div>
<div class="con_l"> <div class="con_l">
<div class="ltitle"> <div class="ltitle">
Subscribing FTH Subscribing CEH
</div> </div>
<div class="pay-section"> <div class="pay-section">
<div class="pay-div"> <div class="pay-div">
<form class="layui-form payForm" action="" id="payForm"> <form class="layui-form payForm" action="" id="payForm">
<div class="flex"> <div class="flex">
<input type="text" placeholder="please type your invite code" <input type="text" placeholder="please type your invite code"
name="title" autocomplete="off" class="layui-input"> name="title" autocomplete="off" class="layui-input one">
<select name="pay" lay-verify="required" style="width: 100%;"> <select name="pay" lay-verify="required" style="width: 100%;">
<option value="0">USDT Pay</option> <option value="0">USDT Pay</option>
@ -148,15 +120,18 @@
</select> </select>
<div class="rela">
<input type="text" placeholder="0.00000000" name="title" <input type="text" placeholder="0.00000000" name="title"
autocomplete="off" class="layui-input"> autocomplete="off" class="layui-input two">
<span class="all">ALL</span>
</input>
</div>
<input type="text" placeholder="≈0.00000000 FTH" name="title" <input type="text" placeholder="≈0.00000000 FTH" name="title"
autocomplete="off" class="layui-input last"> autocomplete="off" class="layui-input one last">
@ -171,6 +146,26 @@
</div> </div>
</div> </div>
<div class="bg">
<div class="content_con">
<p class="p1">CEH is led by the Epidemic Prevention Innovation Alliance, the Global Alliance for Vaccines and Immunization, and the World Health Organization. The CEH team united with the world’s top blockchain technology teams and talents to build a COVID-19 global epidemic prevention and control health data platform based on blockchain technology. The CEH blockchain system proves that a node can be started and added to the blockchain after about two days of deployment. This kind of distributed computing and storage can protect the system to the greatest extent from damage caused by attacks and failures; the decentralized network structure can solve large concurrent data access in a short period of time, and is suitable for the characteristics of short epidemic collection time and high personnel density.</p>
<p class="p1">Full name of the token: COVID-19 VACCINE ECOSYSTEM CHAIN</p>
<p class="p1">CEH total circulation: 1,200,000,000.00</p>
<p class="p1">Private sale price: 0.02 USDT</p>
<p class="p1">ICO Time: October 6, 2021 to January 30, 2022</p>
</div>
<div class="button_con">
<a href="" class="div">WhiteBook</a>
<a href="" class="div">Video</a>
</div>
</div>
</div> </div>
@ -179,6 +174,11 @@
</section> </section>
<!-- <!--
描述：记录 描述：记录
--> -->
@ -220,16 +220,10 @@
</section> </section>
</div> </div>
</div> </div>
<!-- help -->
<a href="../html/help.html" class="help_con">
<div class="a_con">
<img src="../image/erji.png" alt="" class="img">
help
</div>
</a>
</div> </div>
<div class="footer_content"> <div class="footer_content" id="Gofoot">
<div class="foot_top"> <div class="foot_top">
<div class="container flex"> <div class="container flex">
<div class="lef"> <div class="lef">
@ -290,23 +284,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="foot_bottom">
<div class="container">
<div class="rq flex">
<div class="div1">
We use cookies and similar technologies to operate core site features, customize core
services, analyze our traffic, and for security and marketing. Accept all cookies,
customize your settings or read our full Cookie Policy.
</div>
<div class="div2">
<a href="">Customize</a>
<a href="" class="active">Enable all</a>
</div> </div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>

82
html/newsDetail.html
View File

@ -7,16 +7,16 @@
<link type="text/css" rel="styleSheet" href="../layui/css/layui.css" /> <link type="text/css" rel="styleSheet" href="../layui/css/layui.css" />
<link type="text/css" rel="styleSheet" href="../css/common.css" /> <link type="text/css" rel="styleSheet" href="../css/common.css" />
<link type="text/css" rel="styleSheet" href="../css/index.css" /> <link type="text/css" rel="styleSheet" href="../css/index.css" />
<link type="text/css" rel="styleSheet" href="../css/newsDetail.css" /> <link type="text/css" rel="styleSheet" href="../css/news.css" />
<link type="text/css" rel="styleSheet" href="../css/help.css" />
<link type="text/css" rel="styleSheet" href="../css/newsDetail.css" />
</head> </head>
<body> <body>
<div> <div>
<div class="newsHeader" id="app" v-cloak> <div class="newsHeader" id="app" v-cloak>
<div class=""> <div class="">
<div class="header bo-show"> <div class="header">
<div class="header_content container"> <div class="header_content container">
<a href="../index.html" class="logo"><img src="../image/[email protected]" <a href="../index.html" class="logo"><img src="../image/[email protected]"
alt=""></a> alt=""></a>
@ -47,9 +47,11 @@
</div> </div>
<div class="acon2"> <div class="acon2">
<a href="exchange.html" >Trade</a> <a href="exchange.html" >Trade</a>
<a href="news.html" class="active">News</a> <a href="news.html" >News</a>
<a href="innovate.html">Innovation</a> <a href="innovate.html">Innovation</a>
<a href="wallet.html">Wallet</a> <a href="wallet.html">Wallet</a>
<a href="mine.html" class="active">Mine</a>
</div> </div>
</div> </div>
@ -65,6 +67,7 @@
<span>Return</span> <span>Return</span>
</a> </a>
</div> </div>
<div class="bigcon">
<div class="newDetailContent"> <div class="newDetailContent">
<div class="title"> <div class="title">
<h3>More Americans have heard of Dogecoin than Ethereum: Survey</h3> <h3>More Americans have heard of Dogecoin than Ethereum: Survey</h3>
@ -76,27 +79,62 @@
<span>MAY 25, 2021</span> <span>MAY 25, 2021</span>
</div> </div>
<div class="smallTitle"> <div class="smallTitle">
<p>One has introduced smart contracts and is the fabric of decentralized finance, the other is… a meme.</p> <p>One has introduced smart contracts and is the fabric of decentralized finance, the other
is… a meme.</p>
</div> </div>
<div class="Img"> <div class="Img">
<img src="../image/new1.png" alt=""> <img src="../image/new1.png" alt="">
</div> </div>
<div class="text"> <div class="text">
<p>n just over five years since it launched, Ethereum introduced the world to smart contracts, decentralized finance, yield farming and non-fungible tokens, and has long stood just behind Bitcoin as the second-largest blockchain project by market capitalization.</p> <p>n just over five years since it launched, Ethereum introduced the world to smart
contracts, decentralized finance, yield farming and non-fungible tokens, and has long
stood just behind Bitcoin as the second-largest blockchain project by market
capitalization.</p>
<p>Dogecoin (DOGE) is a meme cryptocurrency which has provided no innovation, has no real raison d’etre, and is only popular because it became the plaything of a famous multi-billionaire during the past 12 months. <p>Dogecoin (DOGE) is a meme cryptocurrency which has provided no innovation, has no real
raison d’etre, and is only popular because it became the plaything of a famous
multi-billionaire during the past 12 months.
</p> </p>
</div> </div>
</div> </div>
<div id="pagination" class="pagination"> <div class="rigNew" id="news">
<div class="tabs">
<span :class="tabsIsActiveOne ? 'tabsActive':''" @click="handlerTabs('recent')">Recent</span>
<span :class="!tabsIsActiveOne ? 'tabsActive':''" @click="handlerTabs('topNews')">Top News</span>
</div> </div>
<!-- help --> <div class="four_content newcon">
<a href="../html/help.html" class="help_con"> <div>
<div class="a_con"> <div class="rq">
<img src="../image/erji.png" alt="" class="img"> <div class="bot"><a href="">
help <div class="imgcon"><img src="../image/img2.png" alt=""></div>
<div class="pcon">
<p class="p1">More Americans have heard of Dogecoin than Ethereum:
Survey</p>
<div class="p2"><img src="../image/tab_new.png" alt="" srcset="">
<span class="time">MAY 25, 2021</span></div>
<p class="p3">One has introduced smart contracts and is the fabric
of decentralized finance, the other is… a meme.</p>
</div>
</a></div>
<div class="bot"><a href="">
<div class="imgcon"><img src="../image/img2.png" alt=""></div>
<div class="pcon">
<p class="p1">More Americans have heard of Dogecoin than Ethereum:
Survey</p>
<div class="p2"><img src="../image/tab_new.png" alt="" srcset="">
<span class="time">MAY 25, 2021</span></div>
<p class="p3">One has introduced smart contracts and is the fabric
of decentralized finance, the other is… a meme.</p>
</div>
</a></div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</a>
</div> </div>
<div class="footer_content"> <div class="footer_content">
@ -160,24 +198,14 @@
</div> </div>
</div> </div>
</div> </div>
<div class="foot_bottom">
<div class="container">
<div class="rq flex">
<div class="div1">
We use cookies and similar technologies to operate core site features, customize core services, analyze our traffic, and for security and marketing. Accept all cookies, customize your settings or read our full Cookie Policy.
</div>
<div class="div2">
<a href="">Customize</a>
<a href="" class="active">Enable all</a>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<script type="text/javascript" src="../js/common.js"></script> <script type="text/javascript" src="../js/common.js"></script>
<script src="../js/vue.js"></script> <script src="../js/vue.js"></script>
<script src="../js/header.js"></script> <script src="../js/header.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script>
<script src="../js/news.js"></script>
</body> </body>
</html> </html>

28
html/securityCenter.html
View File

@ -66,7 +66,7 @@
<div class="img_right"> <div class="img_right">
<p class="container-name">用户名称</p> <p class="container-name">用户名称</p>
<p><img src="../image/statuIcon.png" /> <p><img src="../image/statuIcon.png" />
<span class="container-statu">Security Status - Low</span> <span class="container-statu">Security Status - High</span>
</p> </p>
</div> </div>
</div> </div>
@ -111,7 +111,7 @@
<div class="file"> <div class="file">
<div class="upload-item"> <div class="upload-item">
<div class="upload-item-img"> <div class="upload-item-img">
<img src="../image/card_1@2x.png"> <img src="../image/card_1.png">
</div> </div>
<p>Upload photo ID front</p> <p>Upload photo ID front</p>
<label> <label>
@ -121,7 +121,7 @@
</div> </div>
<div class="upload-item"> <div class="upload-item">
<div class="upload-item-img"> <div class="upload-item-img">
<img src="../image/card_2@2x.png"> <img src="../image/card_2.png">
</div> </div>
<p>Upload the face of the original id card and personal <p>Upload the face of the original id card and personal
signature</p> signature</p>
@ -219,13 +219,7 @@
</div> </div>
</div> </div>
<!-- help -->
<a href="../html/help.html" class="help_con">
<div class="a_con">
<img src="../image/erji.png" alt="" class="img">
help
</div>
</a>
</div> </div>
<div class="footer_content"> <div class="footer_content">
<div class="foot_top"> <div class="foot_top">
@ -288,19 +282,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="foot_bottom">
<div class="container">
<div class="rq flex">
<div class="div1">
We use cookies and similar technologies to operate core site features, customize core services, analyze our traffic, and for security and marketing. Accept all cookies, customize your settings or read our full Cookie Policy.
</div>
<div class="div2">
<a href="">Customize</a>
<a href="" class="active">Enable all</a>
</div>
</div>
</div>
</div>
</div> </div>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.validate.min.js"></script> <script type="text/javascript" src="../js/jquery.validate.min.js"></script>

BIN
image/First-grade Security-1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
image/First-grade Security-2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
image/First-grade Security.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
image/banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 944 KiB

BIN
image/[email protected]
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 965 KiB

BIN
image/card_1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
image/[email protected]
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.2 KiB

BIN
image/card_2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
image/[email protected]
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.2 KiB

BIN
image/cc-mock.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 238 KiB

BIN
image/center_icon_email.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
image/center_icon_password.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
image/center_icon_verifed.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
image/icon_down.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 375 B

BIN
image/icon_lock.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 323 B

BIN
image/icon_up.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 356 B

BIN
image/img2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 101 KiB

After

Width:  |  Height:  |  Size: 140 KiB

BIN
image/laba.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 465 B

BIN
image/[email protected]
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 31 KiB

BIN
image/new1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 756 KiB

BIN
image/pic1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 176 KiB

BIN
image/pic2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
image/pic3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 KiB

BIN
image/tab_new.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 744 B

BIN
image/test.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 244 KiB

BIN
image/tradeview-mock.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 558 KiB

583
index.html
View File

@ -67,213 +67,180 @@
<a> <a>
<img src="image/banner.png" alt="" class="bj"> <img src="image/banner.png" alt="" class="bj">
<div class="container"> <div class="container">
<div class="div1 flex"> <div class="div1">
<div class="lef">
<p class="p1">The original global crypto<br> exchange.</p>
<p class="p2">With a proven track record and a mature approach to the
industry, we<br> provide reliable trading of cryptocurrencies.</p>
<a href="" class="btn">Get Started</a>
</div>
<div class="rig"> <div class="rig">
<img src="image/test.png" alt="" srcset=""> <div class="t1">
</div> The future of
money is here
</div> </div>
<div class="div2"> <div class="t2">
<div class="swiper-container"> Over 73 million people and businesses
<div class="swiper-wrapper"> trust us to buy, sell and manage crypto.
<div class="swiper-slide">
<div class="bot">
<a href="">
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div> </div>
<div class="t3">
<div class="t3Btn">Sign up</div>
<input type="text" class="inputT3" placeholder="Email">
</div> </div>
<div class="rig"> <div class="t4">
BUY Bitslead offers a fully customizable Bitcoinand cryptocurrency exchange for traders at every level
</div> </div>
</div> </div>
<div class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div> </div>
<div id="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
<div class="swiper-slide">
<div class="bot">
<a href="">
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div>
</div>
<div class="rig">
BUY
</div>
</div> </div>
<div class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div> </div>
<div id="main2" class="main"></div>
<div class="money"> <div class="notice_con">
<span>24h volume:</span> <div class="container">
<span> $122,268,091</span> <div class="div1">
<span class="s1">
<img src="image/laba.png" alt="" class="img1">
Notice:
</span>
<marquee loop="infinite" direction="left" scrolldelay="10" scrollamount="5">
<span class="s2">
<div class="new">NEW</div>
The new CEH mining pool is about to open
</span>
<span class="s2">
<div class="new">NEW</div>
The new CEH mining pool is about to open
</span>
<span class="s2">
<div class="new">NEW</div>
The new CEH mining pool is about to open
</span>
</marquee>
</div> </div>
</a>
<div class="div3"><a href="">More <span>></span></a> </div>
</div> </div>
</div> </div>
<div class="swiper-slide">
<div class="bot"> <div class="coin_con">
<a href=""> <div class="container">
<div class="r1 flex"> <div class="flex">
<div class="lef"> <div class="let">
<img src="image/[email protected]" alt=""> <div class="t1">Explore crypto like Bitcoin,
<div class="pcon"> Ethereum,and Dogecoin</div>
<p class="p1">Bitcoin</p> <div class="t2">
<p class="p2">Jul 13, 2021, 20:53:42</p> Simply and securely buy,sell, and manage hundreds of cryptocurrencies.
</div> </div>
<a href="" class="a11">See more assets</a>
</div> </div>
<div class="rig"> <div class="rig">
BUY <div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div> </div>
<div class="t2">
$51552.12
</div> </div>
<div class="r2"> <div class="t3 gre">
<p class="p1">$32,474.52</p> <img src="./image/icon_up.png" alt="" class="img">
<p class="p2">$-1,097.20 (-3.27%)</p> <span>3.59%</span>
</div> </div>
<div id="main3" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div> </div>
</a> <div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div> </div>
<div class="t2">
$51552.12
</div> </div>
<div class="swiper-slide"> <div class="t3 gre">
<div class="bot"> <img src="./image/icon_up.png" alt="" class="img">
<a href=""> <span>3.59%</span>
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div> </div>
</div> </div>
<div class="rig"> <div class="item">
BUY <img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div> </div>
<div class="t2">
$51552.12
</div> </div>
<div class="r2"> <div class="t3 gre">
<p class="p1">$32,474.52</p> <img src="./image/icon_up.png" alt="" class="img">
<p class="p2">$-1,097.20 (-3.27%)</p> <span>3.59%</span>
</div> </div>
<div id="main4" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div> </div>
</a> <div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div> </div>
<div class="t2">
$51552.12
</div> </div>
<div class="swiper-slide"> <div class="t3 gre">
<div class="bot"> <img src="./image/icon_up.png" alt="" class="img">
<a href=""> <span>3.59%</span>
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div> </div>
</div> </div>
<div class="rig"> <div class="item">
BUY <img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div> </div>
<div class="t2">
$51552.12
</div> </div>
<div class="r2"> <div class="t3 gre">
<p class="p1">$32,474.52</p> <img src="./image/icon_up.png" alt="" class="img">
<p class="p2">$-1,097.20 (-3.27%)</p> <span>3.59%</span>
</div> </div>
<div id="main4" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div> </div>
</a> <div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div> </div>
<div class="t2">
$51552.12
</div> </div>
<div class="t3 re">
<img src="./image/icon_down.png" alt="" class="img">
<span>3.59%</span>
</div> </div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div> </div>
<div class="swiper-pagination"></div> <div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div> </div>
<div class="t2">
$51552.12
</div> </div>
</a> <div class="t3 re">
<img src="./image/icon_down.png" alt="" class="img">
<span>3.59%</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="notice_con">
<div class="container">
<div class="div1">
<span class="s1">
<img src="image/laba.png" alt="" class="img1">
Notice:
</span>
<marquee loop="infinite" direction="left" scrolldelay="10" scrollamount="5">
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
</span>
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
</span>
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
</span>
</marquee>
</div> </div>
<div class="div3"><a href="">More <span>></span></a> </div>
</div> </div>
<!-- help -->
<a href="html/help.html" class="help_con">
<div class="a_con">
<img src="./image/erji.png" alt="" class="img">
help
</div>
</a>
</div>
<!-- 新加的列表 --> <!-- 新加的列表 -->
<div class="notice_list"> <div class="notice_list">
<div class="container container2"> <div class="container">
<table class="table_con"> <table class="table_con">
<thead> <thead>
<tr> <tr>
@ -292,7 +259,62 @@
<img src="./image/[email protected]" alt="" class="img1"> <img src="./image/[email protected]" alt="" class="img1">
BTC</th> BTC</th>
<th>48606.25</th> <th>48606.25</th>
<th style="color: red;">-1.89%</th> <th class="re">1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
ETH</th>
<th>48606.25</th>
<th class="gre">1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
ETH</th>
<th>48606.25</th>
<th class="gre">1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
ETH</th>
<th>48606.25</th>
<th class="gre">1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
ETH</th>
<th>48606.25</th>
<th class="gre">1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
ETH</th>
<th>48606.25</th>
<th class="gre">1.89%</th>
<th>49840.93</th> <th>49840.93</th>
<th>48322.12</th> <th>48322.12</th>
<th>813686214.2089</th> <th>813686214.2089</th>
@ -303,7 +325,18 @@
<img src="./image/[email protected]" alt="" class="img1"> <img src="./image/[email protected]" alt="" class="img1">
ETH</th> ETH</th>
<th>48606.25</th> <th>48606.25</th>
<th style="color: red;">-1.89%</th> <th class="gre">1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
ETH</th>
<th>48606.25</th>
<th class="gre">1.89%</th>
<th>49840.93</th> <th>49840.93</th>
<th>48322.12</th> <th>48322.12</th>
<th>813686214.2089</th> <th>813686214.2089</th>
@ -319,217 +352,68 @@
<div class="one_content"> <div class="one_content">
<div class="container"> <div class="rq">
<div class="rq flex"> <div class="container flex2">
<div class="div"> <div class="let">
<div class="imgcon"> <img src="./image/pic1.png" alt="" class="img1">
<img src="image/Ease of Trading.png" alt="">
</div>
<div class="pcon">
<p class="p1">Ease of Trading</p>
<div class="pSmallCon">
<p>Intuitive interface</p>
<p>Instant deposit options</p>
<p>Cash out directly to your bank account</p>
</div>
</div>
</div>
<div class="div">
<div class="imgcon">
<img src="image/Proven Reliability.png" alt="">
</div>
<div class="pcon">
<p class="p1">Institutional-grade Security</p>
<div class="pSmallCon">
<p>98% of assets stored safely offline</p>
<p>Highly encrypted personal data</p>
<p>Whitelisting and transaction confirmations</p>
</div>
</div>
</div>
<div class="div">
<div class="imgcon">
<img src="image/First-grade Security.png" alt="">
</div>
<div class="pcon">
<p class="p1">Proven Reliability</p>
<div class="pSmallCon">
<p>Exchanging bitcoin since 2011</p>
<p>24/7 dedicated support</p>
<p>Industry-leading uptime</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="two_content">
<div class="container">
<div class="rq flex">
<div class="lef">
<p class="bt">
Unlimited access with our mobile app.
</p>
<p class="p1">
ADVANCED TOOLS PACKED IN AN INTUITIVE INTERFACE
</p>
<p class="p2">
Stay connected to the market with our mobile app. Featuring advanced order types and
analytical tools for experienced traders, as well as a simple buy & sell interface for
those just getting started.
</p>
<a href="" class="btn">learn more</a>
<div class="btncon flex">
<a href=""><img src="image/Apple App Store.png" alt=""></a>
<a href=""><img src="image/Google Play.png" alt=""></a>
</div>
</div> </div>
<div class="rig"> <div class="rig">
<img src="image/mobile-mock.png" alt=""> <div class="t1">
Buy,sell,and store hundreds of cryptocurrencies
</div> </div>
<div class="t2">
From Bitcoin to Dogecoin,we make it easy to
buy and sell cryptocurrency Protect your
crypto with best in class cold storage.
</div> </div>
</div> <a href="" class="a11 a12">Sign up now</a>
</div>
<div class="news_content">
<div class="container">
<div class="rq flex">
<div class="lef">
<img src="image/tradeview-mock.png" alt="">
</div>
<div class="rig">
<p class="bt">
Advanced trading tools.
</p>
<div class="div1">
<p class="p1">PROFESSIONAL ACCESS, NON-STOP AVAILABILITY</p>
<p class="p2">We provide premium access to crypto trading for both individuals and
institutions through high liquidity, reliable order execution and constant uptime.
</p>
</div>
<div class="div1">
<p class="p1">A RANGE OF POWERFUL APIS</p>
<p class="p2">Set up your own trading interface or deploy your algorithmic strategy with
our high-performance FIX and HTTP APIs. Connect to our WebSocket for real-time data
streaming.</p>
</div>
<div class="div1">
<p class="p1">CONSTANT SUPPORT</p>
<p class="p2">Premium 24/7 support available to all customers worldwide by phone or
email. Dedicated account managers for partners.</p>
</div>
<div class="btncon flex">
<a href="" class="a1">More for pro traders</a>
<a href="" class="a2">Get started</a>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="rq rqq">
</div> <div class="container flex2">
<div class="three_content"> <div class="let">
<div class="container"> <img src="./image/pic2.png" alt="" class="img1">
<div class="rq flex">
<div class="lef">
<p class="bt">Buy crypto instantly.</p>
<div class="div1">
<p class="p1">USE YOUR CREDIT OR DEBIT CARD</p>
<p class="p2">Instant card purchases are supported worldwide with a few exceptions.</p>
</div>
<div class="div1">
<p class="p1">AVAILABLE EVERYWHERE</p>
<p class="p2">Deposit and withdraw funds easily from anywhere in the world. US customers
can use ACH for instant deposits.</p>
</div>
<div class="div1">
<p class="p1">CASH OUT IN SECONDS</p>
<p class="p2">Withdraw funds directly to your bank account quickly and securely.</p>
</div>
<a href="" class="a1 btn">Get started</a>
</div> </div>
<div class="rig"> <div class="rig">
<img src="image/cc-mock.png" alt=""> <div class="t1">
</div> Buy,sell,and store hundreds of cryptocurrencies
</div> </div>
<div class="t2">
From Bitcoin to Dogecoin,we make it easy to
buy and sell cryptocurrency Protect your
crypto with best in class cold storage.
</div> </div>
<a href="" class="a11 a12">Sign up now</a>
</div> </div>
<div class="four_content">
<div class="container">
<p class="bt2">News</p>
<div class="rq flex">
<div class="bot">
<a href="">
<div class="imgcon">
<img src="image/img.png" alt="">
</div> </div>
<div class="pcon">
<p class="p1">More Americans have heard of Dogecoin than Ethereum: Survey</p>
<div class="p2">
<img src="image/tab_new.png" alt="" srcset="">
<span class="time">MAY 25, 2021</span>
</div> </div>
<p class="p3">One has introduced smart contracts and is the fabric of decentralized <div class="rq">
finance, the other is… a meme.</p> <div class="container flex2">
<div class="let">
<img src="./image/pic3.png" alt="" class="img1">
</div> </div>
</a> <div class="rig">
</div> <div class="t1">
<div class="bot"> Buy,sell,and store hundreds of cryptocurrencies
<a href="">
<div class="imgcon">
<img src="image/img1.png" alt="">
</div> </div>
<div class="pcon"> <div class="t2">
<p class="p1">More Americans have heard of Dogecoin than Ethereum: Survey</p> From Bitcoin to Dogecoin,we make it easy to
<div class="p2"> buy and sell cryptocurrency Protect your
<img src="image/tab_new.png" alt="" srcset=""> crypto with best in class cold storage.
<span class="time">MAY 25, 2021</span>
</div> </div>
<p class="p3">One has introduced smart contracts and is the fabric of decentralized <a href="" class="a11 a12">Sign up now</a>
finance, the other is… a meme.</p>
</div> </div>
</a>
</div> </div>
<div class="bot">
<a href="">
<div class="imgcon">
<img src="image/img2.png" alt="">
</div> </div>
<div class="pcon">
<p class="p1">More Americans have heard of Dogecoin than Ethereum: Survey</p>
<div class="p2">
<img src="image/tab_new.png" alt="" srcset="">
<span class="time">MAY 25, 2021</span>
</div>
<p class="p3">One has introduced smart contracts and is the fabric of decentralized
finance, the other is… a meme.</p>
</div>
</a>
</div> </div>
</div>
<a href="" class="a11">More news</a>
</div>
</div>
<div class="five_content">
<div class="container">
<p class="bt2">Reliable institutional access to crypto.</p>
<div class="rq flex">
<div class="bot">
<img src="image/Dukascopy.png" alt="">
</div>
<div class="bot">
<img src="image/Dukascopy1.png" alt="">
</div>
<div class="bot">
<img src="image/Dukascopy2.png" alt="">
</div>
<div class="bot">
<img src="image/Dukascopy3.png" alt="">
</div>
</div>
<a href="" class="a11">More about the institutional offer</a>
</div>
</div>
<div class="six_content"> <div class="six_content">
<div class="container"> <div class="container">
@ -537,21 +421,21 @@
<div class="rq flex"> <div class="rq flex">
<div class="bot"> <div class="bot">
<div class="imgcon"> <div class="imgcon">
<img src="image/First-grade Security1.png" alt=""> <img src="image/First-grade Security-1.png" alt="">
</div> </div>
<p class="p1"><span>1.</span>Register</p> <p class="p1"><span>1.</span>Register</p>
<p class="p2">Choose the right account type and verify your identity.</p> <p class="p2">Choose the right account type and verify your identity.</p>
</div> </div>
<div class="bot"> <div class="bot">
<div class="imgcon"> <div class="imgcon">
<img src="image/First-grade Security2.png" alt=""> <img src="image/First-grade Security.png" alt="">
</div> </div>
<p class="p1"><span>2.</span>Fund</p> <p class="p1"><span>2.</span>Fund</p>
<p class="p2">Use your debit or credit card or a range of global bank deposit methods.</p> <p class="p2">Use your debit or credit card or a range of global bank deposit methods.</p>
</div> </div>
<div class="bot"> <div class="bot">
<div class="imgcon"> <div class="imgcon">
<img src="image/First-grade Security3.png" alt=""> <img src="image/First-grade Security-2.png" alt="">
</div> </div>
<p class="p1"><span>3.</span>Trade</p> <p class="p1"><span>3.</span>Trade</p>
<p class="p2">Buy, sell and transfer leading cryptocurrencies.</p> <p class="p2">Buy, sell and transfer leading cryptocurrencies.</p>
@ -622,21 +506,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="foot_bottom">
<div class="container">
<div class="rq flex">
<div class="div1">
We use cookies and similar technologies to operate core site features, customize core
services, analyze our traffic, and for security and marketing. Accept all cookies,
customize your settings or read our full Cookie Policy.
</div>
<div class="div2">
<a href="">Customize</a>
<a href="" class="active">Enable all</a>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</body> </body>

2
layui/css/layui.css
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save