Browse Source

1230

master
Dread 4 years ago
parent
commit
657bfc664a
  1. 29
      css/common.css
  2. 42
      css/exchange.css
  3. 2
      css/help.css
  4. 594
      css/index.css
  5. 10
      css/innovate.css
  6. 2
      css/innovateLogined.css
  7. 8
      css/login.css
  8. 377
      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. 75
      css/securityCenter.css
  16. 28
      css/wallet.css
  17. 180
      html/mine.html
  18. 102
      html/newInnovation2.html
  19. 282
      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. 653
      index.html
  48. 2
      layui/css/layui.css

29
css/common.css

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

42
css/exchange.css

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

2
css/help.css

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

594
css/index.css

@ -3,11 +3,11 @@
}
.header{
background-color: #FFFFFF;
background-color: #111534;
}
.container{
width: 1366px;
padding: 0 40px;
/* padding: 0 40px; */
margin: 0 auto;
}
/* banner */
@ -73,7 +73,7 @@
}
.banner .container .div1 .lef .btn{
display: block;
background-color: #1C8D36;
background-color: #006CFF;
border-radius: 200px;
line-height: 56px;
text-align: center;
@ -86,37 +86,84 @@
box-shadow: 0 0 20px rgb(28 141 54 / 70%);
}
.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{
margin-top: 80px;
position: relative;
.banner .container .div1 .rig .t3{
margin-top: 20px;
position: relative;
width: 500px;
line-height: 60px;
height: 60px;
}
.banner .container .div2 .swiper-pagination{
bottom: -50px;
left: 50%;
transform: translateX(-50%);
.banner .container .div1 .rig .t4{
margin-top: 20px;
font-size: 14px;
color: rgb(255 255 255 / 65%);
}
.banner .container .div1 .rig .t3 .t3Btn{
width: 140px;
height: 60px;
background: #006CFF;
color: #fff;
text-align: center;
border-radius: 30px;
position: absolute;
right: 0;
}
.banner .container .div1 .rig .t3 .inputT3{
width: 100%;
height: 100%;
border: 1px solid #006CFF;
border-radius: 30px;
background: none !important;
padding-left: 40px;
color: #D0D6DE;
}
.banner .container .div1 .rig .t3 .t3Btn:hover{
cursor: pointer;
}
.banner .container .div1 .rig .t3 .inputT3:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #D0D6DE;
font-size: 16px;
}
.banner .swiper-pagination-bullet{
margin-left: 16px;
.banner .container .div1 .rig .t3 .inputT3::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #D0D6DE;
font-size: 16px;
}
.banner .swiper-pagination-bullet:first-child{
margin-left: 0;
.banner .container .div1 .rig .t3 .inputT3:-ms-input-placeholder{
color: #D0D6DE;
font-size: 16px;
}
.banner .container .div2 .swiper-button-next,.banner .container .div2 .swiper-button-prev{
width: 48px;
height: 48px;
background: url(../image/banext.png)no-repeat;
background-size: cover;
right: 13px;
pointer-events:auto;
opacity: 1;
.banner .container .div1 .rig .t3 .inputT3::-webkit-input-placeholder{
color: #D0D6DE;
font-size: 16px;
}
.banner .container .div2 .swiper-button-prev{
background: url(../image/baprev.png)no-repeat;
background-size: cover;
left: 0;
.banner .container .div2{
margin-top: 80px;
position: relative;
}
.banner .container .div2 .bot:hover .r1 .rig{
background-color: #F0B90B;
color: #fff;
@ -190,102 +237,58 @@ padding: 22px;
font-size: 12px;
color: #666666;
}
.flex2{
display: flex;
justify-content: space-between;
align-items: center;
}
.one_content{
padding-top: 100px;
padding-bottom: 97px;
background-color: #fff
}
.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{
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 .rig{
}
.one_content .rq .div .pSmallCon p::before{
content: '';
width: 4px;
height: 4px;
background: #F0B90B;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
.one_content .rq .rig .t1{
font-size: 40px;
color: rgb(255 255 255 / 85%);
width: 490px;
line-height: 60px;
}
/* 开启加密货币 */
.two_content{
width: 100%;
padding: 100px 0px;
background-color: #FAFAFA;
.one_content .rq .rig .t2{
font-size: 24px;
color: rgb(255 255 255 / 85%);
width: 490px;
line-height: 40px;
margin-top: 24px;
}
.two_content .rq{
align-items: center;
position: relative;
.a12{
margin: 0 0 !important;
width: 240px !important;
margin-top: 40px !important;
}
.bt{
font-size: 54px;
color: #303133;
color: #D9D9DB;
line-height: 60px;
margin-bottom: 80px;
position: relative;
}
.bt::before{
content: '';
width: 120px;
height: 1px;
background-color: #707070;
position: absolute;
left: 0;
bottom: -35px;
.rqq{
background-color: #040610 !important;
}
.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{
display: block;
background-color: #1C8D36;
background-color: #006CFF;
border-radius: 200px;
line-height: 56px;
text-align: center;
@ -299,229 +302,36 @@ width: 500px;
.btn:hover {
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{
text-align: center;
font-size: 32px;
color: #303133;
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{
display: block;
width: 196px;
margin: 0 auto;
line-height: 56px;
border: 1px solid #1C8D36;
border: 1px solid #006CFF;
text-align: center;
color: #1C8D36;
color: #fff;
border-radius: 200px;
transition: .5s all;
font-size: 18px;
margin-top: 80px;
background-color: #006CFF;
}
.a11:hover{
color: #fff;
background-color: #1C8D36;
}
@ -550,15 +360,15 @@ transform: scale(1.05);
display: flex;
justify-content: center;
}
.textCenter::before{
/* .textCenter::before{
left: 50%;
transform: translateX(-50%);
background-color: #D9D9D9;
}
} */
.six_content{
padding-top: 94px;
padding-bottom: 100px;
background-color: #FAFAFA;
background-color: #040610;
}
.six_content .rq{
margin-top: 126px;
@ -578,11 +388,11 @@ transform: scale(1.05);
text-align: center;
font-size: 34px;
margin-top: 40px;
color: #303133;
color: #A0A1A5;
}
.six_content .rq .bot .p1 span{
font-size: 24px;
color: #303133;
color: #A0A1A5;
}
.six_content .rq .bot .p2{
text-align: center;
@ -600,14 +410,17 @@ transform: scale(1.05);
/* notice */
.notice_con{
width: 100%;
height: 100px;
background-color: #FAFAFA;
height: 80px;
background-color: #040610;
}
.notice_con .container{
display: flex;
align-items: center;
height: 100%;
position: relative;
background-color: #191E3E;
border-radius: 40px;
padding: 0 40px;
}
.notice_con .div1{
display: flex;
@ -615,19 +428,10 @@ width: 1080px;
align-items: center;
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{
font-size: 14px;
color: #333333;
color: rgb(255 255 255 / 70%);
margin-right: 18px;
width: 85px;
}
@ -638,9 +442,18 @@ width: 85px;
}
.notice_con .div1 .s2{
font-size: 14px;
color: #333333;
color: rgb(255 255 255 / 70%);
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{
width: 24px;
height: 24px;
@ -671,6 +484,12 @@ margin-right: 180px;
color: #999999;
font-size: 12px;
}
.notice_list{
background-color: #040610;
padding-bottom: 140px;
}
.notice_list .container2{
width: 100% !important;
padding: 0 0 !important;
@ -679,7 +498,7 @@ margin-right: 180px;
.table_con{
width: 100%;
background-color: #fff;
}
.table_con thead tr{
width: 100%;
@ -687,13 +506,15 @@ background-color: #fff;
align-items: center;
height: 100%;
justify-content:center;
background-color: #23274D;
border-radius: 12px 12px 0 0;
}
.table_con thead{
width: 100%;
height: 50px;
display: flex;
align-items: center;
border-bottom: 1px solid #EEEEEE;
}
.table_con thead tr th{
font-size: 16px;
@ -703,21 +524,34 @@ justify-content:center;
.table_con tbody{
width: 100%;
border-bottom: 1px solid #EEEEEE;
position: relative;
}
.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{
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid #EEEEEE;
height: 80px;
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{
font-size: 18px;
color: #333;
color: rgb(255 255 255 / 80%);
width: 180px;
position: relative;
}
@ -725,7 +559,107 @@ justify-content:center;
width: 45px;
height: 45px;
position: absolute;
left: 0;
left: 18px;
top: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

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

2
css/innovateLogined.css

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

8
css/login.css

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

377
css/mine.css

@ -64,7 +64,7 @@
border-radius: 5px;
padding: 0 10px;
text-align: center;
background-color: #1C8D36;
background-color: #006CFF;
color: #fff;
font-size: 12px;
}
@ -92,4 +92,377 @@
.layui-form-item-top{
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

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

125
css/newInnovation1.css

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

11
css/news.css

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

106
css/newsDetail.css

@ -1,5 +1,9 @@
body{
background-color: #040610;
}
.newsDetail{
border-bottom: solid 1px #EDEFF2;
}
.newsDetail .container{
@ -23,19 +27,21 @@
}
.newsDetail .container .newDetailContent{
width: 1000px;
margin-top: 20px;
}
.newsDetail .container .newDetailContent .title{
font-size: 30px;
color: #303133;
color: #fff;
font-weight: bold;
width: 870px;
}
.newsDetail .container .newDetailContent .authorInfo{
display: flex;
align-items: center;
color: #909399;
color: rgba(255, 255, 255, 0.45);
font-size: 14px;
margin: 12px 0;
}
@ -63,7 +69,6 @@
.newsDetail .container .newDetailContent .Img img{
display: block;
margin: 0 auto;
width: 800px;
height: 600px;
}
@ -92,4 +97,97 @@
}
.layui-laypage a:hover {
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

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

4
css/register.css

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

75
css/securityCenter.css

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

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

180
html/mine.html

@ -3,11 +3,10 @@
<head>
<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="../css/common.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/help.css" />
@ -60,7 +59,7 @@
</div>
</div>
<div class="innovateLoginedContent">
<div class="container">
<!-- <div class="container">
<div class="container-title">
Mine
</div>
@ -71,9 +70,7 @@
<li data-name="record"><a href="#"> Order </a></li>
</ul>
<div id="tab-panel" class="tab-panel">
<!--
描述:安全中心
-->
<section data-name="pay">
<div class="pay-top">
<div class="pay-section">
@ -195,9 +192,7 @@
</section>
<!--
描述:记录
-->
<section data-name="record" class="record">
<div class="pay-top">
<div class="pay-section">
@ -208,7 +203,7 @@
</section>
</div>
<!-- help -->
<a href="../html/help.html" class="help_con">
<div class="a_con">
<img src="../image/erji.png" alt="" class="img">
@ -216,8 +211,158 @@
</div>
</a>
</div>
</div>
</div> -->
<div class="container">
<div class="container-title">
Mine
</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="foot_top">
<div class="container flex">
@ -279,19 +424,6 @@
</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>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script>

102
html/newInnovation2.html

@ -74,7 +74,7 @@
<section data-name="pay" id="app3">
<div class="neidiv">
<div class="div1">
FTH Subscribe now
CEH Subscribe now
</div>
<div class="div2">
<div class="title_con">
@ -101,62 +101,37 @@
</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="ltitle">
Subscribing FTH
Subscribing CEH
</div>
<div class="pay-section">
<div class="pay-div">
<form class="layui-form payForm" action="" id="payForm">
<div class="flex">
<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%;">
<option value="0">USDT Pay</option>
<option value="1">ETH Pay</option>
<option value="2">BTC Pay</option>
</select>
<input type="text" placeholder="0.00000000" name="title"
autocomplete="off" class="layui-input">
<div class="rela">
<input type="text" placeholder="0.00000000" name="title"
autocomplete="off" class="layui-input two">
<span class="all">ALL</span>
</input>
</div>
<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 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>
@ -179,6 +174,11 @@
</section>
<!--
描述:记录
-->
@ -220,16 +220,10 @@
</section>
</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="footer_content">
<div class="footer_content" id="Gofoot">
<div class="foot_top">
<div class="container flex">
<div class="lef">
@ -290,25 +284,9 @@
</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>
<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="../js/common.js"></script>

282
html/newsDetail.html

@ -2,21 +2,21 @@
<html>
<head>
<meta charset="utf-8" />
<title>News</title>
<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/index.css" />
<link type="text/css" rel="styleSheet" href="../css/newsDetail.css" />
<link type="text/css" rel="styleSheet" href="../css/help.css" />
<meta charset="utf-8" />
<title>News</title>
<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/index.css" />
<link type="text/css" rel="styleSheet" href="../css/news.css" />
<link type="text/css" rel="styleSheet" href="../css/newsDetail.css" />
</head>
<body>
<div>
<div class="newsHeader" id="app" v-cloak>
<div class="">
<div class="header bo-show">
<div>
<div class="newsHeader" id="app" v-cloak>
<div class="">
<div class="header">
<div class="header_content container">
<a href="../index.html" class="logo"><img src="../image/[email protected]"
alt=""></a>
@ -46,138 +46,166 @@
</div>
</div>
<div class="acon2">
<a href="exchange.html">Trade</a>
<a href="news.html" class="active">News</a>
<a href="exchange.html" >Trade</a>
<a href="news.html" >News</a>
<a href="innovate.html">Innovation</a>
<a href="wallet.html">Wallet</a>
<a href="mine.html" class="active">Mine</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="newsDetail">
<div class="container">
<div class="return">
<a href="./news.html">
<img src="../image/[email protected]" alt="">
<span>Return</span>
</a>
</div>
<div class="newDetailContent">
<div class="title">
<h3>More Americans have heard of Dogecoin than Ethereum: Survey</h3>
</div>
<div class="authorInfo">
<img src="../image/email.png" alt="">
<span>Greg Thomson</span>
<span></span>
<span>MAY 25, 2021</span>
</div>
<div class="smallTitle">
<p>One has introduced smart contracts and is the fabric of decentralized finance, the other is… a meme.</p>
</div>
<div class="Img">
<img src="../image/new1.png" alt="">
</div>
<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>
</div>
</div>
<div class="newsDetail">
<div class="container">
<div class="return">
<a href="./news.html">
<img src="../image/[email protected]" alt="">
<span>Return</span>
</a>
</div>
<div class="bigcon">
<div class="newDetailContent">
<div class="title">
<h3>More Americans have heard of Dogecoin than Ethereum: Survey</h3>
</div>
<div class="authorInfo">
<img src="../image/email.png" alt="">
<span>Greg Thomson</span>
<span></span>
<span>MAY 25, 2021</span>
</div>
<div class="smallTitle">
<p>One has introduced smart contracts and is the fabric of decentralized finance, the other
is… a meme.</p>
</div>
<div class="Img">
<img src="../image/new1.png" alt="">
</div>
<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>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>
</div>
</div>
<div id="pagination" class="pagination">
</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>
<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>
</div>
</div>
<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 class="four_content newcon">
<div>
<div class="rq">
<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 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>
<div class="footer_content">
<div class="footer_content">
<div class="foot_top">
<div class="container flex">
<div class="lef">
<div class="logo">
<img src="../image/logo.png" alt="">
</div>
<div class="div1">
copyright©2021 Bitslead
</div>
<div class="div1">
[email protected]
</div>
<div class="div1">
Please pay attention to the market risk of cryptocurrency Trading
</div>
<div class="div2">
<img src="../image/bottom_icon_email.png" alt="">
<img src="../image/bottom_icon_world.png" class="mgl" alt="">
</div>
</div>
<div class="rig">
<div class="div">
<a href="" class="head">GUIDE</a>
<a href="" class="a">Futures Guide</a>
<a href="" class="a">Apply For Listing</a>
<a href="" class="a">Perpetual Contracts Guide</a>
</div>
<div class="div">
<a href="" class="head">LEARN</a>
<a href="" class="a">Cryptocurrency</a>
<a href="" class="a">Smart Contract</a>
<a href="" class="a">Development of Blockchain</a>
<div class="container flex">
<div class="lef">
<div class="logo">
<img src="../image/logo.png" alt="">
</div>
<div class="div1">
copyright©2021 Bitslead
</div>
<div class="div1">
[email protected]
</div>
<div class="div1">
Please pay attention to the market risk of cryptocurrency Trading
</div>
<div class="div2">
<img src="../image/bottom_icon_email.png" alt="">
<img src="../image/bottom_icon_world.png" class="mgl" alt="">
</div>
</div>
<div class="div">
<a href="" class="head">SERVICE</a>
<a href="" class="a">Agrement</a>
<a href="" class="a">Security Guide</a>
<div class="rig">
<div class="div">
<a href="" class="head">GUIDE</a>
<a href="" class="a">Futures Guide</a>
<a href="" class="a">Apply For Listing</a>
<a href="" class="a">Perpetual Contracts Guide</a>
</div>
<div class="div">
<a href="" class="head">LEARN</a>
<a href="" class="a">Cryptocurrency</a>
<a href="" class="a">Smart Contract</a>
<a href="" class="a">Development of Blockchain</a>
</div>
<div class="div">
<a href="" class="head">SERVICE</a>
<a href="" class="a">Agrement</a>
<a href="" class="a">Security Guide</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foot_center">
<div class="container">
<div class="rq flex">
<div class="p1">
All rights reserved © 2021 Bitstamp. NMLS #1905429
</div>
<div class="imgcon">
<img src="../image/visa.png" alt="" srcset="">
<img src="../image/mastercard.png" alt="" srcset="">
<img src="../image/maestro.png" alt="" srcset="">
</div>
<div class="imgcon imgcon2">
<a href=""><img src="../image/twitter.png" alt="" srcset=""></a>
<a href=""> <img src="../image/linkedin.png" alt="" srcset=""></a>
<a href=""> <img src="../image/facebook.png" alt="" srcset=""></a>
</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 class="container">
<div class="rq flex">
<div class="p1">
All rights reserved © 2021 Bitstamp. NMLS #1905429
</div>
<div class="imgcon">
<img src="../image/visa.png" alt="" srcset="">
<img src="../image/mastercard.png" alt="" srcset="">
<img src="../image/maestro.png" alt="" srcset="">
</div>
<div class="imgcon imgcon2">
<a href=""><img src="../image/twitter.png" alt="" srcset=""></a>
<a href=""> <img src="../image/linkedin.png" alt="" srcset=""></a>
<a href=""> <img src="../image/facebook.png" alt="" srcset=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../js/common.js"></script>
<script src="../js/vue.js"></script>
<script src="../js/header.js"></script>
</div>
<script type="text/javascript" src="../js/common.js"></script>
<script src="../js/vue.js"></script>
<script src="../js/header.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script>
<script src="../js/news.js"></script>
</body>
</html>

28
html/securityCenter.html

@ -66,7 +66,7 @@
<div class="img_right">
<p class="container-name">用户名称</p>
<p><img src="../image/statuIcon.png" />
<span class="container-statu">Security Status - Low</span>
<span class="container-statu">Security Status - High</span>
</p>
</div>
</div>
@ -111,7 +111,7 @@
<div class="file">
<div class="upload-item">
<div class="upload-item-img">
<img src="../image/card_1@2x.png">
<img src="../image/card_1.png">
</div>
<p>Upload photo ID front</p>
<label>
@ -121,7 +121,7 @@
</div>
<div class="upload-item">
<div class="upload-item-img">
<img src="../image/card_2@2x.png">
<img src="../image/card_2.png">
</div>
<p>Upload the face of the original id card and personal
signature</p>
@ -219,13 +219,7 @@
</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="footer_content">
<div class="foot_top">
@ -288,19 +282,7 @@
</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>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>

BIN
image/First-grade Security-1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
image/First-grade Security-2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
image/First-grade Security.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
image/banner.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 944 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 965 KiB

BIN
image/card_1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

BIN
image/card_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

BIN
image/cc-mock.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 238 KiB

BIN
image/center_icon_email.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
image/center_icon_password.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
image/center_icon_verifed.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
image/icon_down.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 375 B

BIN
image/icon_lock.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 323 B

BIN
image/icon_up.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 356 B

BIN
image/img2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 KiB

After

Width:  |  Height:  |  Size: 140 KiB

BIN
image/laba.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 465 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 31 KiB

BIN
image/new1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 756 KiB

BIN
image/pic1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

BIN
image/pic2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

BIN
image/pic3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

BIN
image/tab_new.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 744 B

BIN
image/test.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 244 KiB

BIN
image/tradeview-mock.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 558 KiB

653
index.html

@ -67,161 +67,26 @@
<a>
<img src="image/banner.png" alt="" class="bj">
<div class="container">
<div class="div1 flex">
<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">
<img src="image/test.png" alt="" srcset="">
</div>
</div>
<div class="div2">
<div class="swiper-container">
<div class="swiper-wrapper">
<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 class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</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 class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main2" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</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 class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main3" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</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 class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main4" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</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 class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main4" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</div>
</div>
<div class="div1">
<div class="rig">
<div class="t1">
The future of
money is here
</div>
<div class="t2">
Over 73 million people and businesses
trust us to buy, sell and manage crypto.
</div>
<div class="t3">
<div class="t3Btn">Sign up</div>
<input type="text" class="inputT3" placeholder="Email">
</div>
<div class="t4">
Bitslead offers a fully customizable Bitcoinand cryptocurrency exchange for traders at every level
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</a>
</div>
@ -241,16 +106,16 @@
<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
<div class="new">NEW</div>
The new CEH mining pool is about to open
</span>
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
<div class="new">NEW</div>
The new CEH mining pool is about to open
</span>
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
<div class="new">NEW</div>
The new CEH mining pool is about to open
</span>
</marquee>
@ -260,20 +125,122 @@
<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 class="coin_con">
<div class="container">
<div class="flex">
<div class="let">
<div class="t1">Explore crypto like Bitcoin,
Ethereum,and Dogecoin</div>
<div class="t2">
Simply and securely buy,sell, and manage hundreds of cryptocurrencies.
</div>
<a href="" class="a11">See more assets</a>
</div>
<div class="rig">
<div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div>
<div class="t2">
$51552.12
</div>
<div class="t3 gre">
<img src="./image/icon_up.png" alt="" class="img">
<span>3.59%</span>
</div>
</div>
<div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div>
<div class="t2">
$51552.12
</div>
<div class="t3 gre">
<img src="./image/icon_up.png" alt="" class="img">
<span>3.59%</span>
</div>
</div>
<div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div>
<div class="t2">
$51552.12
</div>
<div class="t3 gre">
<img src="./image/icon_up.png" alt="" class="img">
<span>3.59%</span>
</div>
</div>
<div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div>
<div class="t2">
$51552.12
</div>
<div class="t3 gre">
<img src="./image/icon_up.png" alt="" class="img">
<span>3.59%</span>
</div>
</div>
<div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div>
<div class="t2">
$51552.12
</div>
<div class="t3 gre">
<img src="./image/icon_up.png" alt="" class="img">
<span>3.59%</span>
</div>
</div>
<div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div>
<div class="t2">
$51552.12
</div>
</a>
<div class="t3 re">
<img src="./image/icon_down.png" alt="" class="img">
<span>3.59%</span>
</div>
</div>
<div class="item">
<img src="./image/[email protected]" alt="" class="img">
<div class="t1">
BTC
</div>
<div class="t2">
$51552.12
</div>
<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 class="notice_list">
<div class="container container2">
<div class="container">
<table class="table_con">
<thead>
<tr>
@ -292,7 +259,7 @@
<img src="./image/[email protected]" alt="" class="img1">
BTC</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>
@ -303,7 +270,73 @@
<img src="./image/[email protected]" alt="" class="img1">
ETH</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>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>48322.12</th>
<th>813686214.2089</th>
@ -319,217 +352,68 @@
<div class="one_content">
<div class="container">
<div class="rq flex">
<div class="div">
<div class="imgcon">
<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 class="rq">
<div class="container flex2">
<div class="let">
<img src="./image/pic1.png" alt="" class="img1">
</div>
<div class="rig">
<div class="t1">
Buy,sell,and store hundreds of cryptocurrencies
</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>
<a href="" class="a11 a12">Sign up now</a>
</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 class="rig">
<img src="image/mobile-mock.png" alt="">
</div>
</div>
</div>
</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 class="rq rqq">
<div class="container flex2">
<div class="let">
<img src="./image/pic2.png" alt="" class="img1">
</div>
<div class="rig">
<div class="t1">
Buy,sell,and store hundreds of cryptocurrencies
</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>
<a href="" class="a11 a12">Sign up now</a>
</div>
</div>
</div>
<div class="three_content">
<div class="container">
<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 class="rig">
<img src="image/cc-mock.png" alt="">
</div>
</div>
</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 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/img1.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>
<a href="" class="a11">More news</a>
</div>
<div class="rq">
<div class="container flex2">
<div class="let">
<img src="./image/pic3.png" alt="" class="img1">
</div>
<div class="rig">
<div class="t1">
Buy,sell,and store hundreds of cryptocurrencies
</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>
<a href="" class="a11 a12">Sign up now</a>
</div>
</div>
</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="container">
@ -537,21 +421,21 @@
<div class="rq flex">
<div class="bot">
<div class="imgcon">
<img src="image/First-grade Security1.png" alt="">
<img src="image/First-grade Security-1.png" alt="">
</div>
<p class="p1"><span>1.</span>Register</p>
<p class="p2">Choose the right account type and verify your identity.</p>
</div>
<div class="bot">
<div class="imgcon">
<img src="image/First-grade Security2.png" alt="">
<img src="image/First-grade Security.png" alt="">
</div>
<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>
</div>
<div class="bot">
<div class="imgcon">
<img src="image/First-grade Security3.png" alt="">
<img src="image/First-grade Security-2.png" alt="">
</div>
<p class="p1"><span>3.</span>Trade</p>
<p class="p2">Buy, sell and transfer leading cryptocurrencies.</p>
@ -622,21 +506,6 @@
</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>
</body>

2
layui/css/layui.css

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