coinwind/resources/views/welcome.blade.php

2538 lines
94 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="apple-touch-icon" href="/logo192.png" />
<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.511a3532.chunk.css" rel="stylesheet" />
<link href="/swiper/swiper-bundle.min.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-jss="" data-meta="makeStyles">
.jss85 {
padding-top: 20px;
}
@media (max-width:959.95px) {
.jss85 {
padding-top: 16px;
}
}
.jss86 {
width: 100%;
height: 240px;
margin-bottom: 18px;
}
@media (max-width:959.95px) {
.jss86 {
height: 140px;
margin-bottom: 32px;
}
}
.jss87 {
margin-bottom: 18px;
}
@media (max-width:959.95px) {
.jss87 {
margin-bottom: 16px;
}
.jss87 .tab__item1 {
display: none;
}
}
.jss88 {
width: 25%;
display: flex;
padding: 20px 0 30px;
align-items: center;
flex-direction: column;
justify-content: center;
}
@media (max-width:959.95px) {
.jss88 {
width: 33.3%;
padding: 20px 0 16px;
}
}
.jss89 {
color: #666666;
font-size: 16px;
margin-top: 16px;
font-weight: 500;
}
@media (max-width:959.95px) {
.jss89 {
color: #8391A8;
font-size: 12px;
margin-top: 10px;
}
}
.jss90 {
width: auto;
height: 48px;
display: block;
}
@media (max-width:959.95px) {
.jss90 {
width: auto;
height: 30px;
display: block;
}
}
.jss91 {
margin-bottom: 20px;
}
@media (max-width:959.95px) {
.jss91 {
margin-bottom: 16px;
}
}
.jss92 {
color: #131D32;
font-size: 18px;
text-align: center;
font-weight: 700;
line-height: 20px;
margin-bottom: 28px;
}
@media (max-width:959.95px) {
.jss92 {
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
}
}
.jss93 {
display: flex;
justify-content: center;
}
.jss94 {
width: auto;
height: 45px;
display: block;
}
@media (max-width:959.95px) {
.jss94 {
height: 34px;
}
}
.jss95 {
margin-right: 96px;
}
@media (max-width:959.95px) {
.jss95 {
margin-right: 34px;
}
}
.jss96 {
width: 100%;
padding: 32px 80px 18px;
box-sizing: border-box;
}
@media (max-width:959.95px) {
.jss96 {
padding: 20px 16px 0;
}
}
.jss97 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.jss98 {
width: 16%;
padding-bottom: 30px;
}
.jss98 img {
width: 80%;
margin: 0 auto;
display: block;
}
.jss98:nth-of-type(1) img {
width: 90%;
}
.jss98:nth-of-type(2) img {
width: 66%;
}
.jss98:nth-of-type(4) img {
width: 76%;
}
.jss98:nth-of-type(5) img {
width: 76%;
}
.jss98:nth-of-type(6) img {
width: 100%;
}
.jss98:nth-of-type(7) img {
width: 90%;
}
.jss98:nth-of-type(8) img {
width: 82%;
}
.jss98:nth-of-type(9) img {
width: 94%;
}
.jss98:nth-of-type(10) img {
width: 64%;
}
.jss98:nth-of-type(11) img {
width: 76%;
}
@media (max-width:959.95px) {
.jss98 {
width: 33.3%;
padding-bottom: 24px;
}
.jss98:nth-of-type(8),
.jss98:nth-of-type(9),
.jss98:nth-of-type(10),
.jss98:nth-of-type(11) {
width: 33.3%;
}
.jss98:nth-of-type(8) img {
width: 74%;
}
.jss98:nth-of-type(9) img {
width: 86%;
}
.jss98:nth-of-type(10) img {
width: 56%;
}
.jss98:nth-of-type(11) img {
width: 66%;
}
}
.jss99 {
padding: 28px 40px 32px;
margin-bottom: 22px;
}
@media (max-width:959.95px) {
.jss99 {
padding: 16px;
}
}
.jss100 {
display: flex;
justify-content: space-between;
}
@media (max-width:959.95px) {
.jss100 {
display: unset;
}
}
.jss101 {
color: #8391A8;
width: 50%;
height: 98px;
display: flex;
padding: 22px 40px;
position: relative;
box-sizing: border-box;
border-radius: 8px;
justify-content: space-between;
background-color: #F1F9FE;
}
@media (max-width:959.95px) {
.jss101 {
width: 100%;
height: auto;
padding: 16px 0;
text-align: center;
justify-content: center;
}
}
.jss101>div {
margin: 0 auto;
text-align: center;
}
.jss102 {
color: #8391a8;
font-size: 14px;
text-align: center;
font-weight: 700;
line-height: 22px;
}
.jss103 {
right: 40px;
bottom: 8px;
position: absolute;
}
@media (max-width:959.95px) {
.jss103 {
display: none;
}
}
.jss104 {
color: #131D32;
font-size: 14px;
font-weight: 700;
line-height: 18px;
}
@media (max-width:959.95px) {
.jss104 {
font-size: 12px;
text-align: center;
}
}
.jss105 {
color: #131D32;
font-size: 24px;
margin-top: 8px;
font-weight: 700;
line-height: 28px;
}
@media (max-width:959.95px) {
.jss105 {
width: 100%;
font-size: 20px;
margin-top: 4px;
line-height: 24px;
}
}
.jss106 {
margin-right: 20px;
}
@media (max-width:959.95px) {
.jss106 {
margin-right: 0;
margin-bottom: 12px;
}
}
.jss107 {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
justify-content: space-between;
}
.jss108 {
width: 50%;
box-sizing: border-box;
padding-left: 10px;
}
@media (max-width:1279.95px) {
.jss108 {
width: 100%;
padding-left: 0px;
}
}
.jss109 {
width: 50%;
padding-left: 0;
padding-right: 10px;
}
@media (max-width:1279.95px) {
.jss109 {
width: 100%;
margin-right: 0;
margin-bottom: 16px;
padding-right: 0px;
}
}
.jss110 {
width: 100%;
border: 1px solid #FFFFFF;
height: 100%;
padding: 0 40px;
background: rgba(255, 255, 255, 0.80);
box-sizing: border-box;
border-radius: 16px;
}
@media (max-width:1279.95px) {
.jss110 {
padding: 0 20px;
}
}
.jss111 {
height: 60px;
display: flex;
line-height: 60px;
border-bottom: 1px solid #EDEFF2;
justify-content: space-between;
}
@media (max-width:959.95px) {
.jss111 {
height: 42px;
line-height: 42px;
}
}
.jss112 {
color: #131D32;
font-size: 18px;
font-weight: 700;
}
@media (max-width:959.95px) {
.jss112 {
font-size: 14px;
}
}
.jss113 {
cursor: pointer;
}
.jss113 img {
width: 10px;
margin-left: 4px;
}
@media (max-width:959.95px) {
.jss113 img {
display: none;
}
}
.jss114 {
color: #8391A8;
font-size: 12px;
font-weight: 400;
}
.jss115 {
padding: 20px 0 3px;
}
@media (max-width:959.95px) {
.jss115 {
padding: 16px 0 2px;
}
}
.jss116 {
margin: 40px auto 0;
}
.jss116>img {
width: 34px;
margin: 0 auto 12px;
display: block;
}
.jss116>p {
color: #8391A8;
font-size: 14px;
text-align: center;
font-weight: 700;
line-height: 22px;
}
@media (max-width:959.95px) {
.jss116 {
margin: 24px auto 40px;
}
}
.jss117 {
display: flex;
align-items: center;
margin-bottom: 20px;
justify-content: space-between;
}
@media (max-width:959.95px) {
.jss117 {
margin-bottom: 16px;
}
}
.jss118 {
display: flex;
min-width: 100px;
align-items: center;
}
.jss119 {
width: 32px;
height: 32px;
margin-right: 12px;
border-radius: 50%;
}
@media (max-width:959.95px) {
.jss119 {
width: 28px;
height: 28px;
}
}
.jss120 {
margin-right: 0px;
}
.jss120:last-of-type {
left: -10px;
position: relative;
}
.jss121 {
color: #131D32;
font-size: 20px;
font-family: DINPro-Bold;
font-weight: 700;
}
@media (max-width:959.95px) {
.jss121 {
font-size: 16px;
}
}
.jss122 {
margin-left: 2px;
}
.jss123 {
color: #C5C9D5;
display: flex;
font-size: 12px;
align-items: center;
font-family: MicrosoftYaHei;
font-weight: 400;
}
.jss123 span {
color: #00B595;
display: block;
font-size: 20px;
min-width: 80px;
text-align: right;
font-family: DINPro-Bold;
font-weight: 700;
margin-left: 20px;
}
@media (max-width:959.95px) {
.jss123 {
margin-right: 12px;
}
.jss123>i {
display: none;
}
.jss123 span {
margin-left: 0;
}
}
@media (max-width:959.95px) {
.jss124 {
margin-right: 10px;
}
}
.jss125 {
display: flex;
align-items: center;
}
.jss126 {
color: #3078FF;
border: 1px solid;
cursor: pointer;
height: 32px;
padding: 0 14px;
font-size: 14px;
min-width: 96px;
background: #FFF;
font-weight: 700;
border-color: #3078FF;
border-radius: 22px;
}
.jss126:hover {
color: #FFF;
background-color: #3078FF;
}
.jss126 .MuiButton-label {
font-size: 14px;
font-family: DINPro-Bold;
}
@media (max-width:959.95px) {
.jss126 {
color: #3078FF;
border: none;
height: 32px;
padding: 0 12px;
font-size: 12px;
min-width: 70px;
font-weight: 700;
border-radius: 22px;
background-color: rgba(48, 120, 255, 0.1);
}
.jss126:hover {
color: #3078FF;
background-color: rgba(48, 120, 255, 0.1);
}
}
.jss127 {
width: 100%;
height: 48px;
display: flex;
padding: 0 5px;
background: #F6F8FB;
box-sizing: border-box;
margin-top: 32px;
align-items: center;
border-radius: 24px;
}
.jss128 {
background: #FFFFFF;
}
.jss128 span {
color: #3078FF;
}
.jss128.net__item .net__icon-1 {
background: url(/static/media/icon-BSC.cc9a5d9c.svg) no-repeat center center;
background-size: contain;
}
.jss128.net__item .net__icon-0 {
background: url(/static/media/heco.4b2626f9.svg) no-repeat center center;
background-size: contain;
}
.jss129 {
cursor: pointer;
height: 40px;
display: flex;
transition: all 0.2s ease-in;
align-items: center;
border-radius: 24px;
justify-content: center;
}
.jss129 span {
color: #131D32;
font-size: 18px;
font-family: DINPro-Bold;
font-weight: 700;
margin-left: 8px;
}
.jss129:first-of-type i {
width: 26px;
height: 26px;
display: block;
background: url(/static/media/icon-heco-hui.42ae490e.svg) no-repeat center center;
background-size: contain;
}
.jss129:nth-of-type(2) i {
width: 26px;
height: 26px;
display: block;
background: url(/static/media/icon-BSC-hui.3db36973.svg) no-repeat center center;
background-size: contain;
}
@media (max-width:959.95px) {
.jss129 span {
font-size: 16px;
margin-left: 3.5px;
}
.jss129 i {
width: 20px;
height: 20px;
display: block;
background-size: contain;
}
.jss129:first-of-type i {
width: 20px;
height: 20px;
background-size: contain;
}
.jss129:nth-of-type(2) i {
width: 20px;
height: 20px;
background-size: contain;
}
}
.jss130 {
color: #3078FF;
}
</style>
<style data-styled="active" data-styled-version="5.2.0"></style>
<style>
html,
body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
margin-top: 10px;
/* Center slide text vertically */
/*display: -webkit-box;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
/*display: flex;*/
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-slide {
width: 80%;
}
/*.swiper-slide:nth-child(2n) {*/
/* width: 60%;*/
/*}*/
/*.swiper-slide:nth-child(3n) {*/
/* width: 40%;*/
/*}*/
</style>
<style>
.drop-item-name {
position: absolute;
max-width: 300px;
width: 300px;
white-space: pre-line;
left: 10px;
bottom: 70px;
padding-right: 10px;
text-align: start;
color: #fff;
word-wrap: break-word;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 28px;
}
.drop-item-name {
padding-right: 30px;
width: 100%;
max-width: 100%;
}
.drop-item-name1 {
position: absolute;
max-width: 300px;
width: 300px;
white-space: pre-line;
bottom: 20px;
height: 28px;
padding-right: 10px;
text-align: start;
word-wrap: break-word;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 28px;
color: #8391A8;
}
.drop-item-name1 {
padding-right: 30px;
width: 100%;
max-width: 100%;
}
.drop-item-name2 {
position: absolute;
max-width: 300px;
width: 300px;
white-space: pre-line;
bottom: 20px;
right: -195px;
height: 28px;
padding-right: 10px;
text-align: start;
word-wrap: break-word;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #494949;
}
.drop-item-name2 {
padding-right: 30px;
width: 100%;
max-width: 100%;
}
</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="home__container wrapper jss85">
<div class="carousel-root home__carousel" tabindex="0">
<div class="carousel carousel-slider" style="width: 100%;">
<ul class="control-dots">
<li class="dot selected" value="0" role="button" tabindex="0" aria-label="slide item 1"></li>
<li class="dot" value="1" role="button" tabindex="0" aria-label="slide item 2"></li>
<li class="dot" value="2" role="button" tabindex="0" aria-label="slide item 3"></li>
<li class="dot" value="3" role="button" tabindex="0" aria-label="slide item 4"></li>
<li class="dot" value="4" role="button" tabindex="0" aria-label="slide item 5"></li>
<li class="dot" value="5" role="button" tabindex="0" aria-label="slide item 6"></li>
<li class="dot" value="6" role="button" tabindex="0" aria-label="slide item 7"></li>
</ul>
<button type="button" aria-label="previous slide / item" class="control-arrow control-prev control-disabled"></button>
<div class="slider-wrapper axis-horizontal">
<ul class="slider animated" id="banner" style="transform: translate3d(-100%, 0px, 0px); transition-duration: 350ms;">
<li class="slide selected">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][0]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][0]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][1]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][2]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][3]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"> <img src="upload/{{$config['other']['banner'][4]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][5]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][6]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
<li class="slide">
<div class="home__banner home__common-container">
<a href="{{$config['pic_url']}}" target="_blank" rel="noopener noreferrer"><img src="upload/{{$config['other']['banner'][6]}}" alt="" style="width: 100%;" /></a>
</div>
</li>
</ul>
</div>
<button type="button" aria-label="next slide / item" class="control-arrow control-next control-disabled"></button>
</div>
</div>
<div class="jss99 home__common-container">
<div class="jss100">
<div class="jss101 jss106 heco-home_li">
<div class="undefined profit__left-content ">
<div class="icon-li">
<i class="home-icon-ask"></i>
<p class="jss102 heco-home_li-span">{{trans('web.Multi-chain Lock-up Value ($)')}}</p>
</div>
<p class="jss105 heco-span heco-title" id="num1"></p>
</div>
</div>
<div class="jss101 heco-home_li">
<div class="undefined profit__left-content">
<div class="icon-li">
<i class="home-icon-asks"></i>
<p class="jss102 heco-home_li-span">{{trans('web.Multi-chain User Revenue ($)')}}</p>
</div>
<p class="jss105 heco-span heco-title" id="num2"></p>
</div>
</div>
</div>
<div class="drop__info">
<div class="drop__info-item">
<p class="drop__info-item-title">{{trans('web.Current Price($)')}}</p>
<p class="drop__info-item-text" id="num7"></p>
</div>
<div class="drop__info-item">
<p class="drop__info-item-title">{{trans('web.GLK Balance')}}<span class="heco-span" onclick="javascript:location.href = '/swap'">{{trans('web.Buy')}}</span></p>
<p class="drop__info-item-text" id="num8">0.00</p>
</div>
<div class="drop__info-item">
<p class="drop__info-item-title">{{trans('web.Mining Output(GLK)')}}</p>
<p class="drop__info-item-text" id="num3"></p>
</div>
<div class="drop__info-item">
<p class="drop__info-item-title">{{trans('web.Mining Output Value($)')}}</p>
<p class="drop__info-item-text" id="num4"></p>
</div>
<div class="drop__info-item">
<p class="drop__info-item-title">{{trans('web.Multi-chain Rewards($)')}}</p>
<p class="drop__info-item-text" id="num5"></p>
</div>
<div class="drop__info-item">
<p class="drop__info-item-title">{{trans('web.Multi-chain Burned(GLK)')}}</p>
<p class="drop__info-item-text" id="num6"></p>
</div>
</div>
</div>
<div class="jss107">
<div class="jss108 jss109">
<div class="jss110">
<div class="jss111">
<p class="jss112">{{trans('web.Single Farms')}}</p>
<p class="jss113" onclick="javascript:location.href ='/vault'"><span class="jss114">{{trans('web.More')}}</span><img src="/static/media/icon-more.c502d302.svg" alt="" /></p>
</div>
<div class="jss115">
@foreach($data as $k => $v)
<div class="jss117">
<div class="jss118">
<img class="jss119" src="/upload/{{$v['name_img']}}" alt="" />
<span class="jss121">{{$v['name']}}</span>
</div>
<div class="jss125">
<div class="jss123 project__apy">
<span>{{$v['yield']}}%</span>
</div>
<div>
<button onclick="javascript:location.href = '/vault#{{$v['name']}}'" class="MuiButtonBase-root MuiButton-root MuiButton-text jss73 jss126" tabindex="0" type="button"><span class="MuiButton-label">{{trans('web.Mining')}}</span><span class="MuiTouchRipple-root"></span></button>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
<div class="jss108 jss109">
<div class="jss110" style="padding: 0 20px;">
<div class="jss111">
<p class="jss112">{{trans('web.Scarce NFT')}}</p>
<p class="jss113"><span class="jss114">{{trans('web.Gain')}}</span><img src="/static/media/icon-more.c502d302.svg" alt="" /></p>
</div>
<div class="jss115" style="height: 280px; padding: 0px 0px 0px 0px">
<!-- Swiper -->
<div class="swiper mySwiper">
<div class="swiper-wrapper">
@foreach($nft as $v)
<div class="swiper-slide" style="margin-bottom: 20px">
<img style="border-radius: 24px;width: 220px;height: 220px" src="{{$v['url']}}">
<p class="drop-item-name">{{$v['name']}}</p>
<div class="drop-item-name1">{{trans('web.Lowest price')}}</div>
<div class="drop-item-name2"><img style="width: 20px;height: 20px;margin-top: 4px;border-radius: 30px;float: left" src="/upload/images/XTVCETH--big.svg">&nbsp;{{$v['price']}}</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
<div class="jss91 home__common-container" style="width: 100%; padding: 32px 80px 48px; background: rgba(255, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); border-radius: 16px; box-sizing: border-box;">
<p class="jss92">Auditors</p>
<div class="jss93">
<img class="jss95 jss94" src="/static/media/logo-lingzonganquan.5ab95e1c.svg" alt="" />
<img class="jss94" src="/static/media/logo-chengdulianan.8167d6d1.svg" alt="" />
</div>
</div>
<div class="home__partner home__common-container jss96">
<p class="jss92">Partners</p>
<div class="jss97">
<div class="jss98">
<img src="data:image/png;base64,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" alt="" />
</div>
<div class="jss98">
<img src="/static/media/WhatsCion LOGO.6719d0fe.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/huobi wallet logo.fb179453.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/Coinhub-logo.19662e8b.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/king_logo.edbe9b20.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/math.02fb72a5.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/TokenPocket_Logo__ traverse.619dc8b8.svg" alt="" />
</div>
<div class="jss98">
<img src="data:image/png;base64,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" alt="" />
</div>
<div class="jss98">
<img src="/static/media/HyperPay-Logo.f0568b2a.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/ONTO-black.a40460bb.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/aolink.55778d9b.svg" alt="" />
</div>
<div class="jss98">
<img src="/static/media/codebank.db7917c8.svg" alt="" />
</div>
</div>
</div>
</div>
@include('public/foot')
<div style="padding: 0px 16px; box-sizing: border-box; position: fixed; bottom: 32px; width: 100%; z-index: 1000;">
<div class="footer__menu" style="background: rgba(255, 255, 255, 0.98); border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 16px; display: flex; justify-content: space-between; height: 48px;">
<div class="menu__item menu__item--actived">
<i class="i-heco"></i>
<p class="p-heco">{{trans('web.Home')}}</p>
</div>
<div class="menu__item" onclick="javascript:location.href = '/vault'">
<i class="i-heco"></i>
<p class="p-heco">{{trans('web.Single Farms')}}</p>
</div>
<div class="menu__item" onclick="javascript:location.href = '/nft'">
<i class="i-heco"></i>
<p class="p-heco">Staking</p>
</div>
<div class="menu__item" onclick="javascript:location.href = '/dao'">
<i class="i-heco"></i>
<p class="p-heco">DAO</p>
</div>
</div>
</div>
</div>
</div>
</main>
</section>
<script src="https://cdn.bootcss.com/countup.js/1.9.3/countUp.js"></script>
<script src="/swiper/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: "auto",
spaceBetween: 10,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
</script>
<script>
var options = {
useEasing: true, // 使用缓和
useGrouping: true, // 使用分组(是否显示千位分隔符,一般为 true)
separator: ',', // 分隔器(千位分隔符,默认为',')
decimal: '.', // 十进制(小数点符号,默认为 '.')
prefix: '', // 字首(数字的前缀,根据需要可设为 $,¥,¥ 等)
suffix: '' // 后缀(数字的后缀 ,根据需要可设为 元,个,美元 等)
};
function banner() {
var endNum = 6;
var startNum = 0;
var it = $('.control-dots > li');
var bn = $('#banner')[0];
setInterval(function() {
for (var i = 0; i <= it.length; i++) {
$(it[i]).attr('class', 'dot');
}
$(it[startNum]).attr('class', 'dot selected');
$(bn).attr('style', 'transform: translate3d(-' + (startNum + 1) * 100 + '%, 0px, 0px); transition-duration: 350ms;');
if (startNum >= endNum) {
startNum = 0;
} else {
startNum++;
}
}, 4000)
}
function numStart() {
new CountUp("num1", 0, parseInt("{{$config['reward1']}}") - parseInt("{{$config['reward1'] * $rand}}"), 0, 3, options).start();
new CountUp("num2", 0, parseInt("{{$config['reward2']}}") - parseInt("{{$config['reward2'] * $rand}}"), 0, 3, options).start();
new CountUp("num3", 0, parseInt("{{$config['reward3']}}") - parseInt("{{$config['reward3'] * $rand}}"), 0, 3, options).start();
new CountUp("num4", 0, parseInt("{{$config['reward4']}}") - parseInt("{{$config['reward4'] * $rand}}"), 0, 3, options).start();
new CountUp("num5", 0, parseInt("{{$config['reward5']}}") - parseInt("{{$config['reward5'] * $rand}}"), 0, 3, options).start();
new CountUp("num6", 0, parseInt("{{$config['reward6']}}") - parseInt("{{$config['reward6'] * $rand}}"), 0, 3, options).start();
new CountUp("num7", 0, parseInt("{{$config['GLK']}}"), 4, 3, options).start();
}
</script>
<script>
// banner 切换
banner();
// 金额数字跳动
numStart();
async function start() {
var ctime = setInterval(async function() {
if (info) {
clearInterval(ctime);
if (info != 0) {
var data = JSON.parse(info);
console.log(data.balance)
new CountUp("num8", 0, data.balance, 2, 3, options).start();
} else {
new CountUp("num8", 0, 0, 2, 3, options).start();
}
}
}, 500);
}
start();
</script>
</body>
</html>