1669 lines
51 KiB
PHP
1669 lines
51 KiB
PHP
<html lang="en" class="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="/favicon.ico" />
|
||
<meta name="viewport" content="width=device-width,maximum-scale=3,minimum-scale=1,initial-scale=1,user-scalable=no" />
|
||
<meta name="theme-color" content="#000000" />
|
||
<meta name="description" content="{{$config['other']['title']}}-DeFi生态单币挖矿收益最优平台" />
|
||
<link rel="manifest" href="/manifest.json" />
|
||
<link rel="stylesheet" href="/custom.css" />
|
||
<title>{{$config['other']['title']}}</title>
|
||
<link href="/static/css/2.fe62fa80.chunk.css" rel="stylesheet" />
|
||
<link href="/static/css/main.296e0507.chunk.css" rel="stylesheet" />
|
||
<style data-jss="" data-meta="MuiSvgIcon">
|
||
.MuiSvgIcon-root {
|
||
fill: currentColor;
|
||
width: 1em;
|
||
height: 1em;
|
||
display: inline-block;
|
||
font-size: 1.5rem;
|
||
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||
flex-shrink: 0;
|
||
user-select: none;
|
||
}
|
||
|
||
.MuiSvgIcon-colorPrimary {
|
||
color: #3f51b5;
|
||
}
|
||
|
||
.MuiSvgIcon-colorSecondary {
|
||
color: #f50057;
|
||
}
|
||
|
||
.MuiSvgIcon-colorAction {
|
||
color: rgba(0, 0, 0, 0.54);
|
||
}
|
||
|
||
.MuiSvgIcon-colorError {
|
||
color: #f44336;
|
||
}
|
||
|
||
.MuiSvgIcon-colorDisabled {
|
||
color: rgba(0, 0, 0, 0.26);
|
||
}
|
||
|
||
.MuiSvgIcon-fontSizeInherit {
|
||
font-size: inherit;
|
||
}
|
||
|
||
.MuiSvgIcon-fontSizeSmall {
|
||
font-size: 1.25rem;
|
||
}
|
||
|
||
.MuiSvgIcon-fontSizeLarge {
|
||
font-size: 2.1875rem;
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="PrivateHiddenCss">
|
||
@media (min-width:0px) and (max-width:599.95px) {
|
||
.jss29 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:0px) {
|
||
.jss30 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (max-width:599.95px) {
|
||
.jss31 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:600px) and (max-width:959.95px) {
|
||
.jss32 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:600px) {
|
||
.jss33 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss34 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:960px) and (max-width:1279.95px) {
|
||
.jss35 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:960px) {
|
||
.jss36 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (max-width:1279.95px) {
|
||
.jss37 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:1280px) and (max-width:1919.95px) {
|
||
.jss38 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:1280px) {
|
||
.jss39 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (max-width:1919.95px) {
|
||
.jss40 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:1920px) {
|
||
.jss41 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:1920px) {
|
||
.jss42 {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media (min-width:0px) {
|
||
.jss43 {
|
||
display: none;
|
||
}
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="makeStyles">
|
||
.jss1 {
|
||
width: 100%;
|
||
height: 80px;
|
||
position: relative;
|
||
background: rgba(255, 255, 255, 0.60);
|
||
border-top: 1px solid #FFFFFF;
|
||
box-shadow: 0 4px 16px 0 #F6F6F6;
|
||
border-bottom: 1px solid #FFFFFF;
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss1 {
|
||
height: 48px;
|
||
}
|
||
}
|
||
|
||
.jss2 {
|
||
height: 80px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
padding: 0 10px;
|
||
max-width: 1200px;
|
||
box-sizing: border-box;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss2 {
|
||
width: 100%;
|
||
height: 48px;
|
||
padding: 0 16px;
|
||
}
|
||
}
|
||
|
||
.jss3 {
|
||
top: 18px;
|
||
left: 38px;
|
||
width: 165px;
|
||
height: 44px;
|
||
display: block;
|
||
position: absolute;
|
||
background: url(/static/media/logo.c3d2c062.svg) no-repeat center center;
|
||
background-size: contain;
|
||
}
|
||
|
||
.jss4 {
|
||
top: 18px;
|
||
left: 38px;
|
||
width: 165px;
|
||
height: 44px;
|
||
display: block;
|
||
position: absolute;
|
||
}
|
||
|
||
.jss4 img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss4 {
|
||
width: 120px;
|
||
height: 32px;
|
||
position: unset;
|
||
}
|
||
|
||
.jss4 img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.jss5 {
|
||
color: #8391A8;
|
||
height: 100%;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
line-height: 80px;
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss5 {
|
||
height: 32px;
|
||
line-height: unset;
|
||
}
|
||
}
|
||
|
||
.jss6 {
|
||
color: #8391A8;
|
||
display: flex;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.jss6 p {
|
||
overflow: hidden;
|
||
max-width: 400px;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.jss6 img {
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.jss7 {
|
||
color: #3078FF;
|
||
cursor: pointer;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
margin-left: 8px;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.jss8 {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.jss9 {
|
||
color: #555;
|
||
width: 100%;
|
||
border: 0;
|
||
display: flex;
|
||
padding: 0.625rem 0;
|
||
position: relative;
|
||
flex-flow: row nowrap;
|
||
box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
|
||
transition: all 150ms ease 0s;
|
||
align-items: center;
|
||
border-radius: 3px;
|
||
margin-bottom: 20px;
|
||
justify-content: flex-start;
|
||
background-color: #FFF;
|
||
}
|
||
|
||
.jss10 {
|
||
top: auto;
|
||
position: absolute;
|
||
}
|
||
|
||
.jss11 {
|
||
position: fixed;
|
||
}
|
||
|
||
.jss12 {
|
||
width: 100%;
|
||
display: flex;
|
||
flex-wrap: nowrap;
|
||
min-height: 50px;
|
||
align-items: center;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
padding-left: 15px;
|
||
padding-right: 15px;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
@media (min-width: 576px) {
|
||
.jss12 {
|
||
max-width: 540px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 768px) {
|
||
.jss12 {
|
||
max-width: 720px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 992px) {
|
||
.jss12 {
|
||
max-width: 960px;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1230px) {
|
||
.jss12 {
|
||
max-width: 1230px;
|
||
}
|
||
}
|
||
|
||
.jss13 {
|
||
letter-spacing: unset;
|
||
}
|
||
|
||
.jss13,
|
||
.jss13 a {
|
||
color: inherit;
|
||
font-size: 24px;
|
||
min-width: unset;
|
||
font-family: "Roboto", "Helvetica", "Arial", sans-serif, DINPro-Bold;
|
||
font-weight: 700;
|
||
line-height: 30px;
|
||
white-space: nowrap;
|
||
border-radius: 3px;
|
||
text-transform: none;
|
||
}
|
||
|
||
.jss13 a {
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.jss13:hover,
|
||
.jss13:focus,
|
||
.jss13 a:hover,
|
||
.jss13 a:focus {
|
||
color: inherit;
|
||
background: transparent;
|
||
}
|
||
|
||
.jss14 {
|
||
margin: 20px 10px;
|
||
margin-top: 0px;
|
||
}
|
||
|
||
.jss15 {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(48, 120, 255, 0.46);
|
||
background-color: #3078FF;
|
||
}
|
||
|
||
.jss16 {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 172, 193, 0.46);
|
||
background-color: #00acc1;
|
||
}
|
||
|
||
.jss17 {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46);
|
||
background-color: #4caf50;
|
||
}
|
||
|
||
.jss18 {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46);
|
||
background-color: #ff9800;
|
||
}
|
||
|
||
.jss19 {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46);
|
||
background-color: #f44336;
|
||
}
|
||
|
||
.jss20 {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46);
|
||
background-color: #e91e63;
|
||
}
|
||
|
||
.jss21 {
|
||
color: #FFF;
|
||
box-shadow: none;
|
||
padding-top: 25px;
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
.jss22 {
|
||
color: #FFF;
|
||
box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.06);
|
||
background-color: #323951;
|
||
}
|
||
|
||
.jss23 {
|
||
color: #555;
|
||
border: 0;
|
||
padding: 0.625rem 0;
|
||
box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
|
||
margin-bottom: 20px;
|
||
background-color: #FFF !important;
|
||
}
|
||
|
||
.jss24 {
|
||
top: 0;
|
||
left: auto;
|
||
right: 0;
|
||
width: 260px;
|
||
border: none;
|
||
bottom: 0;
|
||
height: 100vh;
|
||
display: block;
|
||
position: fixed;
|
||
border-top: none;
|
||
box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||
overflow-y: visible;
|
||
text-align: left;
|
||
transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
|
||
visibility: visible;
|
||
padding-left: 0;
|
||
padding-right: 0px;
|
||
background-color: #323951;
|
||
transition-duration: .2s, .2s, .35s;
|
||
transition-property: top, bottom, width;
|
||
transition-timing-function: linear, linear, ease;
|
||
}
|
||
|
||
.jss25 {
|
||
width: 100%;
|
||
}
|
||
|
||
.jss26 {
|
||
flex-grow: 1;
|
||
align-items: center;
|
||
-ms-flex-align: center;
|
||
-webkit-box-flex: 1;
|
||
-ms-flex-positive: 1;
|
||
-webkit-box-align: center;
|
||
}
|
||
|
||
@media (min-width:960px) {
|
||
.jss26 {
|
||
display: flex !important;
|
||
flex-basis: auto;
|
||
-ms-flex-preferred-size: auto;
|
||
}
|
||
}
|
||
|
||
.jss27 {
|
||
top: 9px;
|
||
color: white;
|
||
right: 8px;
|
||
z-index: 1;
|
||
position: absolute;
|
||
}
|
||
|
||
.jss28 {
|
||
width: 60xh;
|
||
display: flex;
|
||
overflow: visible;
|
||
justify-content: space-between;
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="MuiTouchRipple">
|
||
.MuiTouchRipple-root {
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
z-index: 0;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
border-radius: inherit;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.MuiTouchRipple-ripple {
|
||
opacity: 0;
|
||
position: absolute;
|
||
}
|
||
|
||
.MuiTouchRipple-rippleVisible {
|
||
opacity: 0.3;
|
||
animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
|
||
transform: scale(1);
|
||
}
|
||
|
||
.MuiTouchRipple-ripplePulsate {
|
||
animation-duration: 200ms;
|
||
}
|
||
|
||
.MuiTouchRipple-child {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: block;
|
||
opacity: 1;
|
||
border-radius: 50%;
|
||
background-color: currentColor;
|
||
}
|
||
|
||
.MuiTouchRipple-childLeaving {
|
||
opacity: 0;
|
||
animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
|
||
}
|
||
|
||
.MuiTouchRipple-childPulsate {
|
||
top: 0;
|
||
left: 0;
|
||
position: absolute;
|
||
animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
|
||
}
|
||
|
||
@-webkit-keyframes MuiTouchRipple-keyframes-enter {
|
||
0% {
|
||
opacity: 0.1;
|
||
transform: scale(0);
|
||
}
|
||
|
||
100% {
|
||
opacity: 0.3;
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
|
||
@-webkit-keyframes MuiTouchRipple-keyframes-exit {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
|
||
100% {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
|
||
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
|
||
0% {
|
||
transform: scale(1);
|
||
}
|
||
|
||
50% {
|
||
transform: scale(0.92);
|
||
}
|
||
|
||
100% {
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="MuiButtonBase">
|
||
.MuiButtonBase-root {
|
||
color: inherit;
|
||
border: 0;
|
||
cursor: pointer;
|
||
margin: 0;
|
||
display: inline-flex;
|
||
outline: 0;
|
||
padding: 0;
|
||
position: relative;
|
||
align-items: center;
|
||
user-select: none;
|
||
border-radius: 0;
|
||
vertical-align: middle;
|
||
-moz-appearance: none;
|
||
justify-content: center;
|
||
text-decoration: none;
|
||
background-color: transparent;
|
||
-webkit-appearance: none;
|
||
-webkit-tap-highlight-color: transparent;
|
||
}
|
||
|
||
.MuiButtonBase-root::-moz-focus-inner {
|
||
border-style: none;
|
||
}
|
||
|
||
.MuiButtonBase-root.Mui-disabled {
|
||
cursor: default;
|
||
pointer-events: none;
|
||
}
|
||
|
||
@media print {
|
||
.MuiButtonBase-root {
|
||
-webkit-print-color-adjust: exact;
|
||
}
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="MuiIconButton">
|
||
.MuiIconButton-root {
|
||
flex: 0 0 auto;
|
||
color: rgba(0, 0, 0, 0.54);
|
||
padding: 12px;
|
||
overflow: visible;
|
||
font-size: 1.5rem;
|
||
text-align: center;
|
||
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.MuiIconButton-root:hover {
|
||
background-color: rgba(0, 0, 0, 0.04);
|
||
}
|
||
|
||
.MuiIconButton-root.Mui-disabled {
|
||
color: rgba(0, 0, 0, 0.26);
|
||
background-color: transparent;
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiIconButton-root:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiIconButton-edgeStart {
|
||
margin-left: -12px;
|
||
}
|
||
|
||
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
|
||
margin-left: -3px;
|
||
}
|
||
|
||
.MuiIconButton-edgeEnd {
|
||
margin-right: -12px;
|
||
}
|
||
|
||
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
|
||
margin-right: -3px;
|
||
}
|
||
|
||
.MuiIconButton-colorInherit {
|
||
color: inherit;
|
||
}
|
||
|
||
.MuiIconButton-colorPrimary {
|
||
color: #3f51b5;
|
||
}
|
||
|
||
.MuiIconButton-colorPrimary:hover {
|
||
background-color: rgba(63, 81, 181, 0.04);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiIconButton-colorPrimary:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiIconButton-colorSecondary {
|
||
color: #f50057;
|
||
}
|
||
|
||
.MuiIconButton-colorSecondary:hover {
|
||
background-color: rgba(245, 0, 87, 0.04);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiIconButton-colorSecondary:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiIconButton-sizeSmall {
|
||
padding: 3px;
|
||
font-size: 1.125rem;
|
||
}
|
||
|
||
.MuiIconButton-label {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: inherit;
|
||
justify-content: inherit;
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="MuiButton">
|
||
.MuiButton-root {
|
||
color: rgba(0, 0, 0, 0.87);
|
||
padding: 6px 16px;
|
||
font-size: 0.875rem;
|
||
min-width: 64px;
|
||
box-sizing: border-box;
|
||
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||
font-weight: 500;
|
||
line-height: 1.75;
|
||
border-radius: 4px;
|
||
letter-spacing: 0.02857em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.MuiButton-root:hover {
|
||
text-decoration: none;
|
||
background-color: rgba(0, 0, 0, 0.04);
|
||
}
|
||
|
||
.MuiButton-root.Mui-disabled {
|
||
color: rgba(0, 0, 0, 0.26);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-root:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiButton-root:hover.Mui-disabled {
|
||
background-color: transparent;
|
||
}
|
||
|
||
.MuiButton-label {
|
||
width: 100%;
|
||
display: inherit;
|
||
align-items: inherit;
|
||
justify-content: inherit;
|
||
}
|
||
|
||
.MuiButton-text {
|
||
padding: 6px 8px;
|
||
}
|
||
|
||
.MuiButton-textPrimary {
|
||
color: #3f51b5;
|
||
}
|
||
|
||
.MuiButton-textPrimary:hover {
|
||
background-color: rgba(63, 81, 181, 0.04);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-textPrimary:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiButton-textSecondary {
|
||
color: #f50057;
|
||
}
|
||
|
||
.MuiButton-textSecondary:hover {
|
||
background-color: rgba(245, 0, 87, 0.04);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-textSecondary:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiButton-outlined {
|
||
border: 1px solid rgba(0, 0, 0, 0.23);
|
||
padding: 5px 15px;
|
||
}
|
||
|
||
.MuiButton-outlined.Mui-disabled {
|
||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.MuiButton-outlinedPrimary {
|
||
color: #3f51b5;
|
||
border: 1px solid rgba(63, 81, 181, 0.5);
|
||
}
|
||
|
||
.MuiButton-outlinedPrimary:hover {
|
||
border: 1px solid #3f51b5;
|
||
background-color: rgba(63, 81, 181, 0.04);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-outlinedPrimary:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiButton-outlinedSecondary {
|
||
color: #f50057;
|
||
border: 1px solid rgba(245, 0, 87, 0.5);
|
||
}
|
||
|
||
.MuiButton-outlinedSecondary:hover {
|
||
border: 1px solid #f50057;
|
||
background-color: rgba(245, 0, 87, 0.04);
|
||
}
|
||
|
||
.MuiButton-outlinedSecondary.Mui-disabled {
|
||
border: 1px solid rgba(0, 0, 0, 0.26);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-outlinedSecondary:hover {
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.MuiButton-contained {
|
||
color: rgba(0, 0, 0, 0.87);
|
||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||
background-color: #e0e0e0;
|
||
}
|
||
|
||
.MuiButton-contained:hover {
|
||
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
||
background-color: #d5d5d5;
|
||
}
|
||
|
||
.MuiButton-contained.Mui-focusVisible {
|
||
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.MuiButton-contained:active {
|
||
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.MuiButton-contained.Mui-disabled {
|
||
color: rgba(0, 0, 0, 0.26);
|
||
box-shadow: none;
|
||
background-color: rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-contained:hover {
|
||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||
background-color: #e0e0e0;
|
||
}
|
||
}
|
||
|
||
.MuiButton-contained:hover.Mui-disabled {
|
||
background-color: rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.MuiButton-containedPrimary {
|
||
color: #fff;
|
||
background-color: #3f51b5;
|
||
}
|
||
|
||
.MuiButton-containedPrimary:hover {
|
||
background-color: #303f9f;
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-containedPrimary:hover {
|
||
background-color: #3f51b5;
|
||
}
|
||
}
|
||
|
||
.MuiButton-containedSecondary {
|
||
color: #fff;
|
||
background-color: #f50057;
|
||
}
|
||
|
||
.MuiButton-containedSecondary:hover {
|
||
background-color: #c51162;
|
||
}
|
||
|
||
@media (hover: none) {
|
||
.MuiButton-containedSecondary:hover {
|
||
background-color: #f50057;
|
||
}
|
||
}
|
||
|
||
.MuiButton-disableElevation {
|
||
box-shadow: none;
|
||
}
|
||
|
||
.MuiButton-disableElevation:hover {
|
||
box-shadow: none;
|
||
}
|
||
|
||
.MuiButton-disableElevation.Mui-focusVisible {
|
||
box-shadow: none;
|
||
}
|
||
|
||
.MuiButton-disableElevation:active {
|
||
box-shadow: none;
|
||
}
|
||
|
||
.MuiButton-disableElevation.Mui-disabled {
|
||
box-shadow: none;
|
||
}
|
||
|
||
.MuiButton-colorInherit {
|
||
color: inherit;
|
||
border-color: currentColor;
|
||
}
|
||
|
||
.MuiButton-textSizeSmall {
|
||
padding: 4px 5px;
|
||
font-size: 0.8125rem;
|
||
}
|
||
|
||
.MuiButton-textSizeLarge {
|
||
padding: 8px 11px;
|
||
font-size: 0.9375rem;
|
||
}
|
||
|
||
.MuiButton-outlinedSizeSmall {
|
||
padding: 3px 9px;
|
||
font-size: 0.8125rem;
|
||
}
|
||
|
||
.MuiButton-outlinedSizeLarge {
|
||
padding: 7px 21px;
|
||
font-size: 0.9375rem;
|
||
}
|
||
|
||
.MuiButton-containedSizeSmall {
|
||
padding: 4px 10px;
|
||
font-size: 0.8125rem;
|
||
}
|
||
|
||
.MuiButton-containedSizeLarge {
|
||
padding: 8px 22px;
|
||
font-size: 0.9375rem;
|
||
}
|
||
|
||
.MuiButton-fullWidth {
|
||
width: 100%;
|
||
}
|
||
|
||
.MuiButton-startIcon {
|
||
display: inherit;
|
||
margin-left: -4px;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.MuiButton-startIcon.MuiButton-iconSizeSmall {
|
||
margin-left: -2px;
|
||
}
|
||
|
||
.MuiButton-endIcon {
|
||
display: inherit;
|
||
margin-left: 8px;
|
||
margin-right: -4px;
|
||
}
|
||
|
||
.MuiButton-endIcon.MuiButton-iconSizeSmall {
|
||
margin-right: -2px;
|
||
}
|
||
|
||
.MuiButton-iconSizeSmall>*:first-child {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.MuiButton-iconSizeMedium>*:first-child {
|
||
font-size: 20px;
|
||
}
|
||
|
||
.MuiButton-iconSizeLarge>*:first-child {
|
||
font-size: 22px;
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="makeStyles">
|
||
|
||
</style>
|
||
<style data-jss="" data-meta="makeStyles">
|
||
.jss47 {
|
||
display: none !important;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.jss48 {
|
||
top: 10px !important;
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss48 {
|
||
top: unset !important;
|
||
left: unset !important;
|
||
position: static !important;
|
||
transform: none !important;
|
||
will-change: none !important;
|
||
}
|
||
|
||
.jss48>div {
|
||
padding: 0px !important;
|
||
box-shadow: none !important;
|
||
margin-top: 0px !important;
|
||
transition: none !important;
|
||
margin-left: 1.5rem;
|
||
margin-right: 1.5rem;
|
||
margin-bottom: 5px !important;
|
||
}
|
||
}
|
||
|
||
.jss49 {
|
||
display: block;
|
||
}
|
||
|
||
.jss49>div>button,
|
||
.jss49>div>a {
|
||
color: inherit !important;
|
||
margin: 0px !important;
|
||
padding: 10px 20px !important;
|
||
}
|
||
|
||
.jss49>div>button>span:first-child,
|
||
.jss49>div>a>span:first-child {
|
||
width: 100%;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.jss50>button:first-child>span:first-child,
|
||
.jss50>a:first-child>span:first-child {
|
||
display: inline-block;
|
||
}
|
||
|
||
.jss50 .jss67 {
|
||
margin-left: 0px;
|
||
}
|
||
|
||
.jss51 {
|
||
overflow: hidden;
|
||
box-shadow: 0 4px 12px 0 #EDEFF2;
|
||
border-radius: 16px;
|
||
}
|
||
|
||
.jss52 {
|
||
background-color: #323951;
|
||
}
|
||
|
||
.jss53 {
|
||
color: #fff !important;
|
||
}
|
||
|
||
.jss54 {
|
||
padding: 0;
|
||
}
|
||
|
||
.jss55 {
|
||
z-index: 1200;
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss55 {
|
||
color: black;
|
||
float: none;
|
||
width: auto;
|
||
border: 0;
|
||
z-index: 1640;
|
||
position: static;
|
||
box-shadow: none;
|
||
margin-top: 0;
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
|
||
.jss56 {
|
||
color: #131D32;
|
||
width: 198px;
|
||
height: 60px;
|
||
font-size: 16px;
|
||
background: transparent;
|
||
transition: all 150ms linear;
|
||
font-family: DINPro-Bold;
|
||
font-weight: 700;
|
||
line-height: 60px;
|
||
border-bottom: 1px solid #EDEFF2;
|
||
letter-spacing: 0;
|
||
justify-content: center;
|
||
}
|
||
|
||
.jss56:last-of-type {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.jss57:hover {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4);
|
||
background-color: #272E42;
|
||
}
|
||
|
||
.jss58:hover {
|
||
color: #3078FF;
|
||
background-color: #F1FAFF;
|
||
}
|
||
|
||
.jss59:hover {
|
||
color: #FFF;
|
||
box-shadow: 0 12px 20px -10px rgba(0, 172, 193, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 172, 193, 0.2);
|
||
background-color: #00acc1;
|
||
}
|
||
|
||
.jss60:hover {
|
||
color: #FFF;
|
||
box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
|
||
background-color: #4caf50;
|
||
}
|
||
|
||
.jss61:hover {
|
||
color: #FFF;
|
||
box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
|
||
background-color: #ff9800;
|
||
}
|
||
|
||
.jss62:hover {
|
||
color: #FFF;
|
||
box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
|
||
background-color: #f44336;
|
||
}
|
||
|
||
.jss63:hover {
|
||
color: #FFF;
|
||
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
|
||
background-color: #e91e63;
|
||
}
|
||
|
||
.jss64 {
|
||
text-align: right;
|
||
}
|
||
|
||
.jss65 {
|
||
height: 1px;
|
||
margin: 5px 0;
|
||
overflow: hidden;
|
||
background-color: rgba(0, 0, 0, 0.12);
|
||
}
|
||
|
||
.jss66 {
|
||
color: white;
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
.jss67 {
|
||
color: #3078FF;
|
||
width: 0;
|
||
height: 0;
|
||
display: inline-block;
|
||
border-top: 4px solid;
|
||
transition: all 150ms ease-in;
|
||
border-left: 4px solid transparent;
|
||
margin-left: 4px;
|
||
border-right: 4px solid transparent;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.jss68 {
|
||
color: #FFF;
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
.jss69 {
|
||
color: #FFF;
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
.jss70 {
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.jss71 {
|
||
color: #777;
|
||
display: block;
|
||
padding: 0.1875rem 1.25rem;
|
||
font-size: 0.75rem;
|
||
margin-top: 10px;
|
||
min-height: 24px;
|
||
font-weight: inherit;
|
||
line-height: 1.428571;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.jss71:hover,
|
||
.jss71:focus {
|
||
cursor: auto;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.jss72 {
|
||
padding: 0;
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="makeStyles">
|
||
.jss45 {
|
||
color: #3078FF;
|
||
border: 1px solid #3078FF;
|
||
cursor: pointer;
|
||
height: 36px;
|
||
padding: 0 40px;
|
||
font-size: 14px;
|
||
background: #FFFFFF;
|
||
border-radius: 22px;
|
||
}
|
||
|
||
.jss45:hover,
|
||
.jss45:focus {
|
||
color: #FFF;
|
||
background-color: #3078FF;
|
||
}
|
||
|
||
.jss45:hover b,
|
||
.jss45:focus b {
|
||
color: #FFF;
|
||
}
|
||
|
||
.jss45 .MuiButton-label {
|
||
font-size: 14px;
|
||
font-family: DINPro-Bold;
|
||
}
|
||
|
||
@media (max-width:959.95px) {
|
||
.jss45 {
|
||
color: #3078FF;
|
||
border: 1px solid #FFFFFF;
|
||
height: 32px;
|
||
padding: 0 22px;
|
||
font-size: 10px;
|
||
background: rgba(255, 255, 255, 0.60);
|
||
box-shadow: 0 4px 16px 0 #F6F6F6;
|
||
border-radius: 16px;
|
||
}
|
||
}
|
||
</style>
|
||
<style data-jss="" data-meta="makeStyles">
|
||
.jss75 {
|
||
width: 240px;
|
||
height: 100%;
|
||
background-color: #FFF;
|
||
}
|
||
|
||
.jss76 {
|
||
padding-top: 40px;
|
||
}
|
||
|
||
.jss77 {
|
||
width: 100%;
|
||
}
|
||
|
||
.jss78 {
|
||
width: 100%;
|
||
cursor: pointer;
|
||
height: 64px;
|
||
display: flex;
|
||
position: relative;
|
||
font-size: 14px;
|
||
box-sizing: border-box;
|
||
transition: all .5s;
|
||
align-items: center;
|
||
font-weight: 700;
|
||
padding-left: 33px;
|
||
background-color: #FFF;
|
||
}
|
||
|
||
.jss78:hover {
|
||
background-color: rgba(1, 163, 254, .06);
|
||
}
|
||
|
||
.jss78:hover a,
|
||
.jss78:hover span {
|
||
color: #3078FF;
|
||
}
|
||
|
||
.jss78 a,
|
||
.jss78 span {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.jss79 {
|
||
color: #3078FF !important;
|
||
display: flex;
|
||
position: relative;
|
||
align-items: center;
|
||
font-weight: bold !important;
|
||
background-color: rgba(1, 163, 254, .06);
|
||
}
|
||
|
||
.jss79 span {
|
||
right: 0;
|
||
width: 4px;
|
||
height: 22px;
|
||
position: absolute;
|
||
background: #3078FF;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.jss80 {
|
||
width: 20px;
|
||
height: 20px;
|
||
display: block;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.jss81 strong {
|
||
color: #fff;
|
||
right: 50px;
|
||
height: 20px;
|
||
padding: 0 10px;
|
||
position: absolute;
|
||
font-size: 12px;
|
||
background: linear-gradient(90deg, #3078FF 0%, rgba(48, 120, 255, .6) 100%);
|
||
font-family: PingFangSC-Medium;
|
||
;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
border-radius: 9px 9px 9px 0;
|
||
}
|
||
|
||
.jss82 {
|
||
overflow: hidden;
|
||
max-height: 0;
|
||
transition: all linear .3s;
|
||
}
|
||
|
||
.jss83 {
|
||
color: #131D32;
|
||
cursor: pointer;
|
||
height: 48px;
|
||
overflow: hidden;
|
||
font-size: 14px;
|
||
box-sizing: border-box;
|
||
font-weight: 400;
|
||
line-height: 48px;
|
||
white-space: nowrap;
|
||
padding-left: 60px;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.jss83:hover {
|
||
color: #3078FF;
|
||
background-color: rgba(1, 163, 254, .06);
|
||
}
|
||
|
||
.jss84:hover span {
|
||
color: #3078FF;
|
||
}
|
||
</style>
|
||
<style data-styled="active" data-styled-version="5.2.0"></style>
|
||
</head>
|
||
|
||
<body>
|
||
<section id="root">
|
||
@include('public/wallet')
|
||
<header>
|
||
@include('public/head')
|
||
</header>
|
||
|
||
<main>
|
||
<div class="jss36">
|
||
<div class="page__container" style="width: 100%; height: auto; background-color: rgb(246, 247, 250); padding-bottom: 112px;">
|
||
<div class="destruction-dialog" id="destr_open" style="display: none">
|
||
<div class="destruction-dialog-inner">
|
||
<div class="destruction_dialog_header">
|
||
{{trans('web.Rule3')}}
|
||
<span class="destruction__dialog__header__close" onclick="destr_close()"></span>
|
||
</div>
|
||
<div class="destruction_dialog-capital">
|
||
<div class="destruction_dialog-capital-title">
|
||
{{trans('web.Repurchase Funds')}}：
|
||
</div>
|
||
<div class="destruction_dialog-capital-content">
|
||
{{trans('web.The platform will add a fixed proportion of its daily income and exit fee into the repurchase pool.')}}
|
||
</div>
|
||
</div>
|
||
<div class="destruction_dialog-rule">
|
||
<div class="destruction_dialog-rule-title">
|
||
{{trans('web.Rules')}}：
|
||
</div>
|
||
<div class="destruction_dialog-rule-content">
|
||
{{trans('web.When the GLK real-time price (the lowest price of GLK on multiple chains) is lower than the 72-hour GLK average price (on multiple chains), the smart contract will be triggered for repurchase and burn. Otherwise, the funds enter the repurchase pool.')}}
|
||
</div>
|
||
<div class="destruction_dialog-rule-content">
|
||
{{trans('web.If the user appearance fee is GLK,the GLK of the appearance fee will be destroyed directly.If the user appearance fee is not GLK, the part of the appearance fee will enter the pool of funds to be repurchased.')}}
|
||
</div>
|
||
<div class="destruction_dialog-rule-content">
|
||
{{trans('web.In the future, the project will initiate the DAO governance for GLK holders.')}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
function destr_close() {
|
||
document.getElementById('destr_open').setAttribute('style', 'display: none')
|
||
}
|
||
|
||
function destr_open() {
|
||
document.getElementById('destr_open').removeAttribute('style')
|
||
}
|
||
</script>
|
||
|
||
<div class="h-btns">
|
||
<div class="h-btns-content">
|
||
<button class=" nothing-button-heco" onclick="javascript:location.href = '/dao'">{{trans('web.Lock up')}}</button>
|
||
<button class="g-button tab-heco g-width">{{trans('web.Repurchase')}}</button>
|
||
</div>
|
||
</div>
|
||
<div class="section-banner">
|
||
<img src="/static/media/banner-huigou-heco-english.0ec4eda7.png" alt="" />
|
||
</div>
|
||
<div class="back-destroy-data">
|
||
<div class="back-destroy-data-title heco-back">
|
||
<div class="back-destroy-data-title-start">
|
||
{{trans('web.Repurchase and burn statistics')}}
|
||
</div>
|
||
<div class="back-destroy-data-title-end" onclick="destr_open()">
|
||
{{trans('web.Rule1')}}>>
|
||
</div>
|
||
</div>
|
||
<div class="back-destroy-data-content">
|
||
<div class="back-destroy-data-content-top">
|
||
<ul class="pool__total-tvl pool__total-tvl-heco pool__total-tvl-b b-heco">
|
||
<li>
|
||
<div class="li_back">
|
||
{{trans('web.Pending Repurchase')}}
|
||
</div>
|
||
<div class="li_back" id="reward14"></div>
|
||
</li>
|
||
<li>
|
||
<div class="li_back">
|
||
{{trans('web.Repurchased')}}
|
||
</div>
|
||
<div class="li_back" id="reward15">
|
||
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="li_back">
|
||
{{trans('web.Destroy')}} (GLK)
|
||
</div>
|
||
<div class="li_back" id="reward16">
|
||
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="li_back">
|
||
{{trans('web.GLK Price(current)')}}
|
||
</div>
|
||
<div class="li_back" id="reward17">
|
||
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="repurchase-record">
|
||
<div class="repurchase-record-title heco-back">
|
||
<div class="repurchase-record-title-start">
|
||
{{trans('web.Destroy Records')}}
|
||
</div>
|
||
<div class="repurchase-record-title-end">
|
||
{{trans('web.More')}}>>
|
||
</div>
|
||
</div>
|
||
<div class="repurchase-record-content">
|
||
<div class="repurchase-record-content-inner">
|
||
<div class="repurchase-record-content-txid">
|
||
<span class="list-title">{{trans('web.TXID')}}</span>
|
||
<div class="single-data" disabled="true">
|
||
0x605890621a52b14513275159f605f07551acbfac4aa35207517ac34377c53c8e
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0x2a488c73759b5aa7eef3da18897788e2940a1203b1a63e466e0d17225e1bf720
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0x9a90d00ba6ea4a8c16f3e2ae10838ea0be2cc652bbb35bcf8e0511d6b08b55f8
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0x0661d2df892699a13477b993dacdbaf7ce5dc168dc0b952163a4863a31b62c4c
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0xfa9f8041a9114982afa0162d0a2054582393b454cd69df2210fa8d4ad9c59312
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0x683161b87c81f7fb1be4c273fb3c4f111e2e4b46e1f5cccbf31ebcb66d603496
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0x98fd6f57e2ba8202ea21853dc42d8ac0f8302997d4a18c2d5fd1f688c752a6de
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0xbed1ddcac0b22da145ea20a917dcc59d260b395f3d6347fb3f061751f91c4710
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0x2ca68d48d0a49898ce73fcc0c0d2a7e04d79ecde9c02e90891b429f135ac7b13
|
||
</div>
|
||
<div class="single-data" disabled="true">
|
||
0x57b9e76b9b482be0387709a3dbddfd7978240d69ae50b9fef5b9db8f2dcef8c8
|
||
</div>
|
||
</div>
|
||
<div class="repurchase-record-content-height">
|
||
<span class="list-title">{{trans('web.Block')}}</span>
|
||
<div class="single-data-2">
|
||
10133600
|
||
</div>
|
||
<div class="single-data-2">
|
||
10061600
|
||
</div>
|
||
<div class="single-data-2">
|
||
10054400
|
||
</div>
|
||
<div class="single-data-2">
|
||
10018068
|
||
</div>
|
||
<div class="single-data-2">
|
||
9990768
|
||
</div>
|
||
<div class="single-data-2">
|
||
9939200
|
||
</div>
|
||
<div class="single-data-2">
|
||
9888803
|
||
</div>
|
||
<div class="single-data-2">
|
||
9881603
|
||
</div>
|
||
<div class="single-data-2">
|
||
9875672
|
||
</div>
|
||
<div class="single-data-2">
|
||
9864573
|
||
</div>
|
||
</div>
|
||
<div class="repurchase-record-content-price">
|
||
<span class="list-title">{{trans('web.Price')}} ($)</span>
|
||
<div class="single-data-2">
|
||
1.21
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.15
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.15
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.39
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.38
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.44
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.19
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.24
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.59
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.59
|
||
</div>
|
||
</div>
|
||
<div class="repurchase-record-content-num">
|
||
<span class="list-title">{{trans('web.Amount')}}(GLK)</span>
|
||
<div class="single-data-2">
|
||
0.60
|
||
</div>
|
||
<div class="single-data-2">
|
||
8.14
|
||
</div>
|
||
<div class="single-data-2">
|
||
0.40
|
||
</div>
|
||
<div class="single-data-2">
|
||
360.01
|
||
</div>
|
||
<div class="single-data-2">
|
||
1,085.82
|
||
</div>
|
||
<div class="single-data-2">
|
||
2.65
|
||
</div>
|
||
<div class="single-data-2">
|
||
2.40
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.13
|
||
</div>
|
||
<div class="single-data-2">
|
||
943.54
|
||
</div>
|
||
<div class="single-data-2">
|
||
942.40
|
||
</div>
|
||
</div>
|
||
<div class="repurchase-record-content-value">
|
||
<span class="list-title">{{trans('web.Vaule')}} ($)</span>
|
||
<div class="single-data-2">
|
||
0.73
|
||
</div>
|
||
<div class="single-data-2">
|
||
9.35
|
||
</div>
|
||
<div class="single-data-2">
|
||
0.46
|
||
</div>
|
||
<div class="single-data-2">
|
||
500.00
|
||
</div>
|
||
<div class="single-data-2">
|
||
1,500.00
|
||
</div>
|
||
<div class="single-data-2">
|
||
3.82
|
||
</div>
|
||
<div class="single-data-2">
|
||
2.86
|
||
</div>
|
||
<div class="single-data-2">
|
||
1.39
|
||
</div>
|
||
<div class="single-data-2">
|
||
1,500.00
|
||
</div>
|
||
<div class="single-data-2">
|
||
1,500.00
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
@include('public/foot')
|
||
|
||
@include('public/footer_nav', ['page' => 'destruction'])
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</section>
|
||
<script src="https://cdn.bootcss.com/countup.js/1.9.3/countUp.js"></script>
|
||
<script>
|
||
function startNum() {
|
||
var options = {
|
||
useEasing: true, // 使用缓和
|
||
useGrouping: true, // 使用分组(是否显示千位分隔符,一般为 true)
|
||
separator: ',', // 分隔器(千位分隔符,默认为',')
|
||
decimal: '.', // 十进制(小数点符号,默认为 '.')
|
||
prefix: '$', // 字首(数字的前缀,根据需要可设为 $,¥,￥ 等)
|
||
suffix: '' // 后缀(数字的后缀 ,根据需要可设为 元,个,美元 等)
|
||
};
|
||
var options1 = {
|
||
useEasing: true, // 使用缓和
|
||
useGrouping: true, // 使用分组(是否显示千位分隔符,一般为 true)
|
||
separator: ',', // 分隔器(千位分隔符,默认为',')
|
||
decimal: '.', // 十进制(小数点符号,默认为 '.')
|
||
prefix: '', // 字首(数字的前缀,根据需要可设为 $,¥,￥ 等)
|
||
suffix: '' // 后缀(数字的后缀 ,根据需要可设为 元,个,美元 等)
|
||
};
|
||
new CountUp("reward14", 0, parseInt("{{$config['reward14']}}") + parseInt("{{$config['reward14'] * $rand}}"), 2, 3, options).start();
|
||
new CountUp("reward15", 0, parseInt("{{$config['reward15']}}") + parseInt("{{$config['reward15'] * $rand}}"), 2, 3, options).start();
|
||
new CountUp("reward16", 0, parseInt("{{$config['reward16']}}") + parseInt("{{$config['reward16'] * $rand}}"), 2, 3, options1).start();
|
||
new CountUp("reward17", 0, parseInt("{{$config['GLK']}}"), 4, 3, options).start();
|
||
}
|
||
startNum();
|
||
</script>
|
||
</body>
|
||
|
||
</html> |