.kline-wrap {
			width: 100%;
			height: 100%
		}

		.kline-wrap .line-box {
			width: 100%;
			height: 100%
		}

		.w-125 {
			width: 125px;
			overflow: hidden
		}

		.w-80 {
			white-space: nowrap;
			max-width: 80px;
			overflow: hidden
		}

		.ml-2 {
			margin-inline-start: 2px
		}

		.small-curren {
			position: relative;
			padding: 20px;
			box-sizing: border-box
		}

		.small-curren:after {
			content: "";
			position: absolute;
			width: 1px;
			background: #333;
			height: 30px;
			top: 35%;
			right: 0
		}

		.kline {
			width: 125px;
			height: 59px;
			margin-inline-start: 8px
		}

		.top {
			margin-bottom: 10px
		}

		.price {
			margin-bottom: 10px
		}

		.down {
			color: #cf2f43
		}

		.numblock {
			width: 120px;
			display: block
		}

		.swiper-container1 {
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative
		}

		.currency-banner {
			position: relative;
			width: 100%
		}

		.currency-banner .swiper-button-prev {
			color: hsla(0, 0%, 100%, .6)
		}

		.currency-banner .swiper-button-next {
			color: hsla(0, 0%, 100%, .6)
		}

		.currency-banner .my-button-disabled {
			opacity: 0
		}

		.kline-wrap {
			width: 80px;
			height: 60px
		}

		.kline-wrap .line-box {
			width: 80px;
			height: 60px
		}

		.popular-banner .swiper-button-prev-pop:after {
			content: "prev"
		}

		.popular-banner .swiper-button-next-pop:after {
			content: "next"
		}

		.popular-banner .swiper-button-next-pop:after,
		.popular-banner .swiper-button-prev-pop:after {
			font-family: swiper-icons;
			font-size: var(--swiper-navigation-size);
			text-transform: none !important;
			letter-spacing: 0;
			text-transform: none;
			font-variant: normal;
			line-height: 1
		}

		.popular-banner .swiper-button-next-pop:after,
		.popular-banner .swiper-button-prev-pop:after {
			font-size: 40px
		}

		.detail-box::-webkit-scrollbar {
			width: 0 !important
		}

		.detail-box::-webkit-scrollbar {
			width: 0 !important
		}

		.temp-2 {
			width: 100%;
			position: relative;
			background-repeat: no-repeat;
			background-position: 50%;
			background-size: cover
		}

		.teble {
			width: 100%;
			border-radius: 10px;
			margin: 0 auto
		}

		.type1-height {
			max-height: 775px
		}

		.type-table {
			border-radius: 10px;
			border: 1px solid #323232;
			overflow: hidden
		}

		.type-table .el-table--enable-row-hover .el-table__body tr:hover>td {
			background-color: #1e1e1e
		}

		.type-table .el-table td,
		.type-table .el-table th.is-leaf {
			border-color: #323232
		}

		.type1-p {
			padding: 26px 155px 0
		}

		.tab {
			border-radius: 8px;
			padding: 6px 12px;
			font-family: PingFang SC;
			font-style: normal;
			font-weight: 700;
			font-size: 18px;
			line-height: 25px;
			text-align: center
		}

		.ml-12 {
			margin-inline-start: 12px
		}

		.tab-box {
			margin-top: 34px;
			margin-bottom: 30px
		}

		.regist-now {
			width: 100%;
			height: 286px;
			padding-top: 90px;
			box-sizing: border-box
		}

		.black-bg-img {
			background-size: 100% 100%
		}

		.home {
			position: relative
		}

		.trad-bg {
			background-size: 100% 600px;
			background-repeat: no-repeat;
			background-position: 50%;
			height: 600px;
			box-sizing: border-box
		}

		.trad-bg .trad-info {
			width: 70%;
			padding-inline-start: 11%
		}

		.trad-bg .right-img {
			position: absolute;
			top: 72px;
			right: 113px;
			width: 487px;
			display: block
		}

		.mb-30 {
			margin-bottom: 30px
		}

		.mg-bt-120 {
			margin-bottom: 120px
		}

		.banner-h {
			height: 763px
		}

		a:active,
		a:focus {
			color: inherit
		}

		.language-box {
			width: 100%;
			position: absolute;
			top: calc(100% + 10px);
			display: none;
		}
		.language-box1 {
			width: 100%;
			position: absolute;
			bottom: calc(100% + 10px);
			display: none;
		}
		.sign {
			width: 100%;
			height: 30px;
			line-height: 30px
		}

		.footer {
			width: 100%;
			padding: 70px 90px;
			box-sizing: border-box
		}

		.footer img {
			width: 98px;
			height: 82px
		}

		.lang-box {
			height: 24px;
			width: 100%;
			line-height: 24px;
			border: 1px solid #fff;
			text-align: start;
			border-radius: 6px;
			padding: 0 10px;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			align-items: center;
			position: relative;
			z-index: 100;
		}

		.footer-left {
			width: 168px;
			text-align: start
		}

		.footer-right {
			width: 70%
		}

		.content-box {
			width: 25%
		}

		.title {
			height: 22px;
			line-height: 22px;
			font-size: 16px;
			margin-bottom: 25px
		}

		.text {
			font-size: 14px;
			margin-bottom: 16px;
			display: block
		}

		.mb-60 {
			margin-bottom: 60px
		}

		.plh-5 {
			padding-inline-start: 5%
		}

		.header {
			width: 100%;
			height: 60px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 30px;
			box-sizing: border-box;
			position: fixed;
			z-index: 2005;
			top: 0;
			left: 0
		}

		.header-left {
			display: flex;
			justify-content: space-between
		}

		.header-left img {
			width: 98px;
			height: 71px;
			margin-inline-end: 62px
		}

		.titletab {
			align-items: center;
			font-size: 14px;
			cursor: pointer
		}

		.nologheader-right {
			justify-content: space-between
		}

		.log-box {
			align-items: center
		}

		.w-40 {
			width: 40px
		}

		.regist {
			padding: 2px 10px;
			border-radius: 4px;
			line-height: 24px
		}

		.login {
			padding: 2px 10px;
			line-height: 24px
		}

		.lang-box {
			height: 24px;
			min-width: 96px;
			line-height: 24px;
			border: 1px solid #fff;
			border-radius: 6px;
			position: relative;
			z-index: 100
		}

		.person-box {
			max-width: 256px;
			margin: 0 55px;
			height: 100%;
			align-items: center
		}

		.other {
			height: 100%
		}

		.ml-30 {
			margin-inline-start: 30px
		}

		.round {
			width: 20px;
			height: 100%;
			display: flex;
			align-items: center;
			position: relative
		}

		.sign-tab {
			position: relative;
			height: 100%;
			padding-top: 20px;
			padding-bottom: 15px;
			margin-inline-end: 30px
		}

		.text-24 {
			font-size: 24px
		}

		#app {
			font-family: Dinpro, sans-serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			font-weight: 400;
			text-align: center;
			color: #2c3e50
		}

		@font-face {
			font-family: Dinpro;
			src: url(./ziti_Dinpro_600.woff);
			font-weight: 600;
			font-style: normal
		}

		@font-face {
			font-family: Dinpro;
			src: url(./ziti_Dinpro_300.woff);
			font-weight: 300;
			font-style: normal
		}

		@font-face {
			font-family: Dinpro;
			src: url(./ziti_Dinpro_400.woff);
			font-weight: 400;
			font-style: normal
		}

		@font-face {
			font-family: Dinpro;
			src: url(./ziti_Dinpro_900.woff);
			font-weight: 900;
			font-style: normal
		}

		.mode-style-dark .share-bg {
			background-color: #121212
		}

		.mode-style-dark .head-bg {
			background-color: #1e1e1e
		}

		.mode-style-dark .share-color {
			color: #fff
		}

		.mode-style-dark .borderLight-bg {
			background-color: #2a2a2a
		}

		.mode-style-dark .text-t1 {
			color: #e54b4b
		}

		.mode-style-dark .text-t2 {
			color: #c1c1c1
		}

		.mode-style-dark .text-triangle {
			color: #f6f6f6
		}

		.mode-style-dark .warning-hover:hover {
			color: #e54b4b
		}

		.mode-style-dark .text-red {
			color: #e54b4b
		}

		.mode-style-dark .text-green {
			color: #01bc9b
		}

		.mode-style-dark .acbtn:focus {
			border-color: #e54b4b;
			outline: 0
		}

		.mode-style-dark .table-rowheight {
			height: 94px
		}

		.mode-style-dark .table-header {
			height: 85px;
			color: #989898;
			font-weight: 400
		}

		.mode-style-dark .angle:after {
			content: "";
			width: 0;
			position: absolute;
			left: 50%;
			top: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 10px solid #424344;
			font-size: 0;
			line-height: 0;
			display: none;
		}

		.mode-style-dark .angleg:after {
			content: "";
			width: 0;
			position: absolute;
			left: 50%;
			top: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 10px solid #f09b9b;
			font-size: 0;
			line-height: 0
		}

		.mode-style-dark .angleg1:before {
			content: "";
			width: 0;
			position: absolute;
			right: 50%;
			bottom: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #f09b9b;
			font-size: 0;
			line-height: 0
		}

		.mode-style-dark .angle1:before {
			content: "";
			width: 0;
			position: absolute;
			right: 50%;
			bottom: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #424344;
			font-size: 0;
			line-height: 0
		}

		.mode-style-dark .search-input::-webkit-input-placeholder {
			color: #666
		}

		.mode-style-dark .ta-box::-webkit-input-placeholder {
			color: #666
		}

		.mode-style-dark .active-line:after {
			content: "";
			width: 100%;
			height: 4px;
			bottom: 0;
			left: 0;
			border-radius: 2px;
			background: #e54b4b;
			position: absolute
		}

		.mode-style-dark .personlink {
			color: #2e96f6
		}

		.mode-style-dark .buble-bg {
			background: #424344
		}

		.mode-style-dark .title-active:after {
			content: "";
			position: absolute;
			width: 4px;
			height: 100%;
			background: #e54b4b;
			left: -20px
		}

		.mode-style-dark .cus-select .el-input__prefix .el-icon-time:before {
			content: none
		}

		.mode-style-dark .quote-active:after {
			content: "";
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			border-radius: 2px;
			background: #e54b4b;
			position: absolute
		}

		.mode-style-dark .customer-scroll::-webkit-scrollbar-thumb {
			border-radius: 10px;
			box-shadow: inset 0 0 5px #e54b4b;
			background: rgba(61, 103, 250, .2)
		}

		.mode-style-dark .trad-tabbox::-webkit-scrollbar {
			height: 0;
			width: 0;
			box-shadow: none
		}

		.mode-style-dark .lin-btn {
			background-color: #e54b4b
		}

		.mode-style-dark .lin-btn:focus,
		.mode-style-dark .lin-btn:hover {
			color: #fff;
			border-color: #e54b4b;
			background-color: #e54b4b
		}

		.mode-style-dark .login-btn:focus,
		.mode-style-dark .login-btn:hover {
			color: #fff;
			background-color: #e54b4b
		}

		.mode-style-dark .list-item:before {
			content: "";
			display: block;
			width: 4px;
			height: 4px;
			border-radius: 50%;
			background: #eaecef;
			padding-inline-end: 5px;
			position: absolute;
			top: 50%;
			margin-top: -3px;
			left: 0;
			box-sizing: border-box
		}

		.mode-style-dark .list-item:hover {
			background-color: #2a2a2a
		}

		.mode-style-dark .customer-table:before {
			width: 0
		}

		.mode-style-dark ::-webkit-scrollbar {
			width: 4px;
			height: 6px
		}

		.mode-style-dark .customer-table ::-webkit-scrollbar-thumb,
		.mode-style-dark ::-webkit-scrollbar-thumb {
			border-radius: 10px;
			box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
			background: #c1c1c1
		}

		.mode-style-dark ::-webkit-scrollbar-track {
			border-radius: 10px
		}

		.mode-style-dark .el-input__inner:focus,
		.mode-style-dark .el-input__inner:focus+.el-input-group__append {
			border-color: #e54b4b;
			outline: 0
		}

		.mode-style-dark .el-button--primary.is-disabled:active,
		.mode-style-dark .el-button--primary.is-disabled:focus,
		.mode-style-dark .el-button--primary.is-disabled:hover {
			color: #e57272;
			background-color: #e54b4b;
			border-color: #e54b4b;
			opacity: .3
		}

		.mode-style-dark .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
		.mode-style-dark .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
		.mode-style-dark .el-range-editor.is-active:hover {
			border-color: #e54b4b
		}

		.mode-style-dark .el-select .el-input__inner:focus {
			border-color: #e54b4b
		}

		.mode-style-dark .el-radio__inner:hover {
			border-color: #e54b4b
		}

		.mode-style-daily .warning-hover:hover {
			color: #e54b4b
		}

		.mode-style-daily .acbtn:focus {
			border-color: #e54b4b;
			outline: 0
		}

		.mode-style-daily .angle:after {
			content: "";
			width: 0;
			position: absolute;
			left: 50%;
			top: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 10px solid #424344;
			font-size: 0;
			line-height: 0
		}

		.mode-style-daily .angleg:after {
			content: "";
			width: 0;
			position: absolute;
			left: 50%;
			top: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 10px solid #f09b9b;
			font-size: 0;
			line-height: 0
		}

		.mode-style-daily .angleg1:before {
			content: "";
			width: 0;
			position: absolute;
			right: 50%;
			bottom: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #f09b9b;
			font-size: 0;
			line-height: 0
		}

		.mode-style-daily .angle1:before {
			content: "";
			width: 0;
			position: absolute;
			right: 50%;
			bottom: -10px;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #424344;
			font-size: 0;
			line-height: 0
		}

		.mode-style-daily .search-input::-webkit-input-placeholder {
			color: #bdbdbd
		}

		.mode-style-daily .ta-box::-webkit-input-placeholder {
			color: #bdbdbd
		}

		.mode-style-daily .active-line:after {
			content: "";
			width: 100%;
			height: 4px;
			bottom: 0;
			left: 0;
			border-radius: 2px;
			background: #e54b4b;
			position: absolute
		}

		.mode-style-daily .title-active:after {
			content: "";
			position: absolute;
			width: 4px;
			height: 100%;
			background: #e54b4b;
			left: -20px
		}

		.mode-style-daily .cus-select .el-input__prefix .el-icon-time:before {
			content: none
		}

		.mode-style-daily .quote-active:after {
			content: "";
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			border-radius: 2px;
			background: #e54b4b;
			position: absolute
		}

		.mode-style-daily .customer-scroll::-webkit-scrollbar-thumb {
			border-radius: 10px;
			box-shadow: inset 0 0 5px #e54b4b;
			background: rgba(61, 103, 250, .2)
		}

		.mode-style-daily .trad-tabbox::-webkit-scrollbar {
			height: 0;
			width: 0;
			box-shadow: none
		}

		.mode-style-daily .lin-btn:focus,
		.mode-style-daily .lin-btn:hover {
			color: #fff;
			border-color: #e54b4b;
			background-color: #e54b4b
		}

		.mode-style-daily .login-btn:focus,
		.mode-style-daily .login-btn:hover {
			color: #fff;
			background-color: #e54b4b
		}

		.mode-style-daily .list-item:before {
			content: "";
			display: block;
			width: 4px;
			height: 4px;
			border-radius: 50%;
			background: #e3e3e3;
			padding-inline-end: 5px;
			position: absolute;
			top: 50%;
			margin-top: -3px;
			left: 0;
			box-sizing: border-box
		}

		.mode-style-daily .list-item:hover {
			background-color: #f8f8f8
		}

		.mode-style-daily .customer-table:before {
			width: 0
		}

		.mode-style-daily ::-webkit-scrollbar {
			width: 4px;
			height: 6px
		}

		.mode-style-daily .customer-table ::-webkit-scrollbar-thumb,
		.mode-style-daily ::-webkit-scrollbar-thumb {
			border-radius: 10px;
			box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
			background: #c1c1c1
		}

		.mode-style-daily ::-webkit-scrollbar-track {
			border-radius: 10px
		}

		.mode-style-daily .el-input__inner:focus,
		.mode-style-daily .el-input__inner:focus+.el-input-group__append {
			border-color: #e54b4b;
			outline: 0
		}

		.mode-style-daily .el-button--primary.is-disabled:active,
		.mode-style-daily .el-button--primary.is-disabled:focus,
		.mode-style-daily .el-button--primary.is-disabled:hover {
			color: #e57272;
			background-color: #e54b4b;
			border-color: #e54b4b;
			opacity: .3
		}

		.mode-style-daily .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
		.mode-style-daily .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
		.mode-style-daily .el-range-editor.is-active:hover {
			border-color: #e54b4b
		}

		.mode-style-daily .el-select .el-input__inner:focus {
			border-color: #e54b4b
		}

		.mode-style-daily .el-radio__inner:hover {
			border-color: #e54b4b
		}

		.el-time-spinner__item:hover:not(.disabled):not(.active) {
			background-color: #424344
		}

		.thirdbox .el-overlay {
			z-index: 2222 !important
		}

		.flex {
			display: flex
		}

		.flex-column {
			flex-direction: column
		}

		.js-sp {
			justify-content: space-between
		}

		.js-ar {
			justify-content: space-around
		}

		.js-ct {
			justify-content: center
		}

		.js-st {
			justify-content: flex-start
		}

		.align-center {
			align-items: center
		}

		.align-end {
			align-items: flex-end
		}

		body .mg-bt-md {
			margin-bottom: 16px
		}

		.link:hover {
			text-decoration: underline
		}

		body {
			font-family: Roboto, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, serif;
			font-size: 12px
		}

		.family-d {
			font-family: DINPro
		}

		.text-14 {
			font-size: 14px
		}

		.text-18 {
			font-size: 18px
		}

		.text-24 {
			font-size: 24px
		}

		.text-30 {
			font-size: 30px
		}

		.text-bold {
			font-weight: 600
		}

		.text-bolder {
			font-weight: 700
		}

		.text-left {
			text-align: start
		}

		.text-center {
			text-align: center
		}

		div {
			box-sizing: border-box
		}

		.parent {
			position: relative
		}

		.content-box {
			text-align: start;
			font-size: 14px;
			line-height: 1.5
		}

		.radius {
			border-radius: 4px
		}

		img {
			-webkit-touch-callout: default
		}

		.tabdiy.active:after {
			width: 26px !important
		}

		.point {
			cursor: pointer
		}

		.text-hover:hover {
			color: #e54b4b
		}

		a {
			text-decoration: none
		}

		ul {
			padding: 0;
			margin: 0
		}

		input:focus {
			outline: none
		}

		.table-rowheight:last-child td {
			border: none !important
		}

		.main-properties::-webkit-scrollbar {
			width: 3px !important
		}

		@media (max-width:1024px) {
			body {
				width: 1024px
			}
		}

		@keyframes slideContentUp {
			0% {
				height: 0;
				opacity: 0
			}

			to {
				height: 120px;
				opacity: 1
			}
		}

		@keyframes slideContentDown {
			0% {
				height: 120px;
				opacity: 1
			}

			to {
				height: 0;
				opacity: 0
			}
		}

		.is-ltr {
			direction: ltr
		}

		input[type=password]::-ms-reveal {
			display: none
		}

		.theme-style-dark .el-popper.is-light .el-popper__arrow:before {
			background: #2a2a2a !important
		}

		.theme-style-dark .el-select-dropdown__item:hover {
			background: #121212 !important
		}

		.theme-style-dark .over-bg .el-table--enable-row-hover .el-table__body tr:hover>td,
		.theme-style-dark .over-bg .num:hover {
			background: #2a2a2a !important
		}

		.svg-icon {
			width: 1em;
			height: 1em;
			vertical-align: -.15em;
			fill: currentColor;
			overflow: hidden
		}

		@-webkit-keyframes bouncedelay-7a89fe06 {

			0%,
			80%,
			to {
				-webkit-transform: scale(0)
			}

			40% {
				-webkit-transform: scale(1)
			}
		}

		@keyframes bouncedelay-7a89fe06 {

			0%,
			80%,
			to {
				transform: scale(0);
				-webkit-transform: scale(0)
			}

			40% {
				transform: scale(1);
				-webkit-transform: scale(1)
			}
		}

		@keyframes spin-aed7465e {
			0% {
				transform: rotate(0deg)
			}

			to {
				transform: rotate(1turn)
			}
		}