html {
	margin: 0 auto;
	font-size: 100PX;
	max-width: 640PX;
	background: #ffffff;
}

/* 1.0.0 */
[v-cloak] {
	display: none;
}

* {
	max-width: 640px;
	margin: 0 auto;
	padding: 0px;
}

body {
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-variant: tabular-nums;
	width: 100%;
	background-color: #edf0f5;
	overflow-x: hidden;
}

img {
	width: 100%;
}

.header {
	width: 100%;
	height: auto;
	background: #4876ff;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: row;
	text-align: center;
	z-index: 99;
}

.header .logo {
	display: block;
	width: 100%;
}

.logo img {
	width: 3.3rem;
	margin: 0 auto;
}

.header .service {
	margin: auto;
}

.service img {
	width: .68rem;
	animation: rotateimg 800ms linear infinite;
}

.head_nav {
	color: #fff;
	background: #edf0f5;
	padding: .3rem 0 .1rem;
}

.searchBox {
	margin: 0 .2rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
}

.searchBox input {
	width: 46%;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: .1rem;
	font-size: .34rem;
	padding: .2rem;
	color: #515151;
}

input::-webkit-input-placeholder {
	color: #666;
	font-size: .3rem;
}

.searchBox .btn {
	width: 28%;
	background: #527dff;
	border: 1px solid #527dff;
	box-sizing: border-box;
	font-size: .34rem;
	font-weight: bold;
	color: #fff;
	padding: .2rem;
	margin-left: .2rem;
	border-radius: .1rem;
	cursor: pointer;
}

.searchBox .btn2 {
	width: 28%;
	background: #527dff;
	border: 1px solid #527dff;
	box-sizing: border-box;
	font-size: .34rem;
	font-weight: bold;
	color: #fff;
	padding: .2rem;
	margin-left: .2rem;
	border-radius: .1rem;
	cursor: pointer;
}

.searchBox .btn2 a {
	color: #fff;
}

.hInner {
	padding: .3rem .2rem .2rem;
}

.gNavi {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
}

.gNavi li {
	margin-right: 1.5%;
	font-size: 0.36rem;
	width: 24.25%;
	line-height: 0.6rem;
	text-align: center;
	float: left;
}

.gNavi li:last-child {
	margin-right: 0;
}

.gNavi li a {
	color: #ffffff;
	display: block;
	background: #527dff;
	border: 1px solid #6c90fe;
	border-radius: 25px;
}

.gNavi li a:hover {
	color: #ff9292;
}


/* 幻灯片相关 */

.swiper-banner {
	position: relative;
	overflow: hidden;
}

.swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.swiper-slide {
	position: relative;
	text-align: center;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
}

.swiper-banner .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}

.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fcc419;
}

/* 滚动公告 */
.news-wrap {
	height: .56rem;
	padding: .1rem .2rem;
	border-bottom: 1px solid #527dff;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.2rem;
}

.news-wrap .title img {
	width: .46rem;
	vertical-align: middle;
	display: inline-block;
	margin-right: 0.2rem;
}

.news-wrap .titleright {
	padding: .04rem .3rem;
	/* width: 1.8rem; */
	color: #fff;
	font-size: .34rem;
	background: linear-gradient(0deg, #6c90fe, #6c90fe);
	/* background: #606cbf; */
	background-size: contain;
	box-sizing: border-box;
	border-radius: 3rem;
	margin-left: .2rem;
	text-align: center;
}

.news-wrap .gundong {
	color: #1b1b1b;
	font-size: .3rem;
	line-height: .3rem;
	overflow: hidden;
	white-space: nowrap;
	margin-top: .04rem;
}


.content {
	width: 100%;
	padding-bottom: 2.2rem;
}

.product {
	width: 100%;
	padding: .2rem;
	box-sizing: border-box;
	overflow: hidden;
}

.search-box {
	background: #527dff;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto .4rem;
	border-radius: 2rem;
	padding: .2rem 0;
	/* box-shadow: inset 0px 0px 15px 6px rgba(152, 38, 225, 0.8); */
}

.account_box {
	width: 100%;
	margin: 0.16rem auto;
	height: .6rem;
	display: flex;
	border-radius: 2rem;
	align-items: center;
	justify-content: space-around;
}

.account_box input {
	padding: .2rem .5rem .2rem .2rem;
	width: 108%;
	height: .4rem;
	font-size: .3rem;
	border: none;
	background: #ffffff;
	border: 1px solid #6c90fe;
	border-radius: .1rem;
	color: #999999;
}

.send_level {
	width: 2.88rem;
	color: #fff;
	background-color: #6c90fe;
	font-size: .38rem;
	font-weight: 500;
	line-height: .3rem;
	box-sizing: border-box;
	padding: .2rem .36rem;
	border: none;
	border-radius: .1rem;
	margin-left: .2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	cursor: pointer;
}

.send_level span {
	margin-top: .03rem;
}

.send_level img {
	width: .4rem;
	margin-right: .14rem;
}


.detail {
	width: 100%;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	/* color: #999999; */
	font-size: .3rem;
}

.detail p span {
	color: #6c90fe;
}

.lightbox {
	margin-top: .2rem;
}

#lightbox-1 {
	margin-top: 0px;
}

.lightbox h1 {
	color: #fff;
	font-size: .32rem;
	font-weight: bold;
}

.lightbox .gold-txt {
	color: #fff;
}

.lightbox p {
	line-height: 180%;
}

.lightbox .title-txt {
	padding: .1rem;
	background: #9f865c;
	box-sizing: border-box;
	color: #ff0000;
	font-size: .32rem;
	text-align: center;
	border-radius: 2rem;
	margin: .4rem 0 .3rem;
}

.lightbox table {
	border-collapse: collapse;
	border: solid 1px #444444;
	text-align: center;
	width: 100%;
	margin: .4rem auto;
}

.lightbox table th {
	color: #fff;
	font-size: .32rem;
	padding: .16rem .1rem;
	font-weight: bold;
	background: #527dff;
	border: solid 1px #edf0f5;
	text-align: center;
}

.lightbox table tr {
	text-align: center;
}

.lightbox td {
	border-collapse: collapse;
	background: #ffffff;
	border: solid 1px #edf0f5;
	padding: .16rem .1rem;
}

.lightbox h1 {
	color: #527dff;
	font-size: .32rem;
	font-weight: bold;
}

.lightbox .gold-txt {
	color: #527dff;
}

.lightbox p {
	line-height: 180%;
}

.lightbox .title-txt {
	padding: .1rem;
	background: #527dff;
	box-sizing: border-box;
	color: #fff;
	font-size: .32rem;
	text-align: center;
	border-radius: 2rem;
	margin: .4rem 0 .3rem;
}

#lightbox-section {
	margin: 0 .2rem;
	margin-bottom: 0.3rem;
	background-color: #ffffff;
	border: #f2f2f2 1px solid;
	border-radius: .2rem;
	font-size: 0.32rem;
	color: #999999;
	line-height: 0.55rem;
	padding: 0.2rem;
}

#lightbox-section p {
	font-size: 0.3rem;
	color: #999999;
	padding: .1rem;
}

.lightboxsub {
	margin: 0 auto;
}

.lightboxsub .title-p {
	width: 100%;
	color: #fff;
	font-size: .34rem;
	text-align: center;
	border-bottom: #f5f5f5 1px solid;
	margin-bottom: .2rem;
	padding-bottom: .2rem;
}

.lightboxsub .formBox {
	padding: 0;
	margin: 0.4rem 0.2rem;
}

.lightboxsub .formBox ul {
	margin-bottom: 0.15rem;
	overflow: hidden;
	zoom: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.lightboxsub .formBox li {
	margin-bottom: 0.2rem;
	overflow: hidden;
	zoom: 1;
}

.lightboxsub .formBox li .lText {
	/* margin-right: 0.2rem; */
	color: #999999;
	display: inline-block;
	min-width: 80px;
	width: 80px;
	text-align: right;
	min-width: 110px;
	width: 110px;

}

.lightboxsub .formBox input {
	width: 4rem;
	height: 0.6rem;
	line-height: 0.6rem;
	color: #999999;
	font-size: 0.28rem;
	border: 1px solid #eeeeee;
	border-radius: .1rem;
	padding-left: 0.3rem;
	background-color: #fafafa94;
}

.lightboxsub .formBox .submit {
	margin: .3rem auto;
}

.lightboxsub .formBox .submit li {
	display: inline-block;
}

.lightboxsub .formBox .submit a {
	display: block;
	width: 3rem;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.36rem;
	color: #fff;
	border-radius: 1rem;
	background: #527dff;
}

.lightboxsub .formBox .note {
	margin: 0 auto;
	font-size: .28rem;
	text-align: center;
}


#footer {
	position: fixed;
	margin: 0 auto;
	overflow: hidden;
	z-index: 999;
}

.WalletTutorial {
	width: 1.2rem;
	height: auto;
	padding-bottom: .5rem;
	position: fixed;
	bottom: .2rem;
	left: 50%;
	margin-left: -.6rem;
	overflow: hidden;
	z-index: 9999;
	max-width: 750px;
}

.WalletTutorial img {
	width: 100%;
	margin: 0 auto;
}


.menu {
	margin: 0 auto;
	padding: .14rem 0 .2rem;
	height: 1.2rem;
	width: 100%;
	color: #ffffff;
	background: #527dff;
	border-radius: .3rem .3rem 0 0;
	text-align: center;
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: baseline;
}

.menu li {
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.menu li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: .3rem;
	padding: .1rem 0;
	box-sizing: border-box;
	color: #ffffff;
}

.menu li a img {
	width: auto;
	height: .56rem;
}

.menu li a span {
	display: block;
	margin-top: 2px;
}


.popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: none;
}

.popup-body {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	transform: translate(-50%, -50%);
	width: 88%;
	max-width: 700px;
}

.popup-img {
	width: 100%;
}

.BorrowFunction {
	margin: 0 auto;
	box-sizing: border-box;
	font-size: .34rem;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	text-align: center;
}

.BorrowFunction ul {
	width: 100%;
	margin-bottom: 0.36rem;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	text-align: center;
}

.BorrowFunction ul li {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.BorrowFunction ul a {
	width: 100%;
	background: #ff0000;
	color: #ffffff;
	padding: 0.26rem;
	margin: 0 .2rem;
	border-radius: .1rem;
}


.BorrowFunction ul li .on-state {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.BorrowFunction ul .on-state a {
	width: 100%;
	background: #c37a00;
	color: #fff;
	padding: 0.26rem;
	margin: 0 .2rem;
	border-radius: .1rem;
}


@keyframes rotateimg {
	from {
		transform: rotate(6deg)
	}

	50% {
		transform: rotate(0)
	}

	to {
		transform: rotate(6deg)
	}
}
.swiper-banner {
  width: 100%; /* 設定高度 */
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.tablestyle td{
	text-align:left;
}