* {
	/* margin: 0; */
	padding: 0;
	text-decoration: none;
	list-style: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-outline-style: none;
}

input,
button {
	border: none;
	outline: none;
}
html{
    text-align: center;
}
body {
    width: 100%;
    height: 100%;
	background: #fff;
	overflow-x: hidden;
    overflow-y: auto;
    max-width: 640px;
    margin: 0 auto;
}

.clear {
	clear: both;
}

.bba_login_bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: url(../img/bgne2.jpg) no-repeat;
	background-size: cover;
}

.bba_cash_bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: url(../img/sbg.png) no-repeat;
	background-size: cover;
}

.bba_login_logo {
	height: 5rem;
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 5rem 0 3rem;
}

.bba_login_logo img {
	height: 5rem;
}

.bba_login_form {
	width: 88%;
	margin-left: 6%;
}

.bba_login_form .input {
	width: 100%;
	height: 3rem;
	background: rgb(38 137 60 / 50%);
	margin-bottom: 1rem;
	padding: 0 1rem;
	box-sizing: border-box;
	position: relative;
	border-radius: 3rem;
}

.bba_login_form .input .icon {
	height: 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 3.25rem;
	position: absolute;
	top: 0.75rem;
	left: 1rem;
	z-index: 66;
}

.bba_login_form .input .icon img {
	height: 1.25rem;
	width: auto;
	flex-shrink: 0;
}

.bba_login_form .input .icon p {
	color: #fff;
}

.bba_login_form .input input {
	width: 100%;
	height: 3rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 77;
	background: transparent;
	padding-left: 3rem;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
}

.bba_login_form .input:nth-child(1) input {
	padding-left: 3rem;
	box-sizing: border-box;
}

.bba_login_form .input input::placeholder {
	color: #fff;
	font-size: 14px;
}

.bba_login_form .input button {
	height: 3rem;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 15px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 3rem;
	color: #fff;
	padding: 0 1rem;
}

.bba_login_form .more {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #fff;
}

.bba_login_form .more a {
	color: #fff;
}

.bba_login_form .btn {
	width: 70%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../img/lbtn.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	font-size: 16px;
	margin: 2rem 15%;
	border-radius: 2.5rem;
	color: #fff;

}

.bba_login_downaap {
	width: 50%;
	height: 2rem;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	bottom: 4rem;
	border-radius: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 25%;
}

.bba_login_downaap img {
	height: 1rem;
}

.bba_login_downaap p {
	font-size: 14px;
	color: #fff;
	margin-left: 1rem;
}

.bba_home_logo img,
.bba_home_video img {
	width: 100%;
	float: left;
}

.bba_home_nav {
	width: 100%;
}

.bba_home_nav li {
	width: 25%;
	flex-shrink: 0;
	float: left;
	padding: 1.5rem 0;
	box-sizing: border-box;
}

.bba_home_nav li .icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	margin: 0 auto;
}

.bba_home_nav li:nth-child(1) .icon {
	background: #5b67f1;
}

.bba_home_nav li:nth-child(2) .icon {
	background: #ff7141;
}

.bba_home_nav li:nth-child(3) .icon {
	background: #ffab2f;
}

.bba_home_nav li:nth-child(4) .icon {
	background: #02a7f9;
}

.bba_home_nav li .icon img {
	height: 1.5rem;
}

.bba_home_nav li p {
	font-size: 14px;
	text-align: center;
	margin-top: 0.5rem;
}

.bba_home_notice {
	width: 92%;
	height: 2.5rem;
	display: flex;
	justify-content: flex-start;
	margin-left: 4%;
	align-items: center;
	border-top: 1px #a3a3a3 dashed;
	border-bottom: 1px #a3a3a3 dashed;
}

.bba_home_notice img {
	height: 1rem;
	margin-right: 0.5rem;
}

.bba_home_notice p {
	font-size: 14px;
	color: #333;
	margin-right: 0.5rem;
}

.bba_home_product_title {
	display: flex;
	justify-content: space-between;
	margin: 2.5rem 0 1.5rem;
	padding-left: 4%;
	box-sizing: border-box;
	height: 2rem;
}

.bba_home_product_title .left {
	height: 2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #02389a;
}

.bba_home_product_title .left span {
	height: 1rem;
	width: 0.25rem;
	background: #02389a;
	border-radius: 2rem;
	margin-right: 0.5rem;
}

.bba_home_product_title .right {
	height: 2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #02389a;
	margin-right: 1.5rem;
}

.bba_home_product_title .right span {
	height: 1rem;
	width: 0.25rem;
	background: #02389a;
	border-radius: 2rem;
	margin-right: 0.6rem;
}

.bba_home_product_title img {
	height: 2rem;
}


.bba_home_product {
	width: 92%;
	margin: 1.5rem 4%;
}

.bba_home_product li {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	background: #f5f5ff;
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 255, 0.2));
	border-radius: 0.5rem;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.bba_home_product img {
	height: 8.5rem;
	flex-shrink: 0;
	max-width: 9rem;
}

.bba_home_product .text {
	width: 60%;
}

.bba_home_product .text h2 {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	margin-bottom: 0.3rem;
}

.bba_home_product .text p {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 12px;
	color: #666;
}

.footer {
	width: 100%;
	height: 5rem;
}

footer {
	width: 100%;
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 96;
}

footer ul {
	display: flex;
	justify-content: space-between;
}

footer li {
	width: 25%;
	padding: 0.5rem 0;
	box-sizing: border-box;
	flex-shrink: 0;
}

footer li .icon {
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 auto;
}

footer li:nth-child(1) .icon {
	background: url(../img/home.png) no-repeat;
	background-size: 100% 100%;
}

footer li:nth-child(2) .icon {
	background: url(../img/devie.png) no-repeat;
	background-size: 100% 100%;
}

footer li:nth-child(3) .icon {
	background: url(../img/team.png) no-repeat;
	background-size: 100% 100%;
}

footer li:nth-child(4) .icon {
	background: url(../img/mine.png) no-repeat;
	background-size: 100% 100%;
}

footer li:nth-child(1).active .icon {
	background: url(../img/home_active.png) no-repeat;
	background-size: 100% 100%;
}

footer li:nth-child(2).active .icon {
	background: url(../img/devie_active.png) no-repeat;
	background-size: 100% 100%;
}

footer li:nth-child(3).active .icon {
	background: url(../img/team_active.png) no-repeat;
	background-size: 100% 100%;
}

footer li:nth-child(4).active .icon {
	background: url(../img/mine_active.png) no-repeat;
	background-size: 100% 100%;
}

footer li p {
	width: 100%;
	font-size: 13px;
	text-align: center;
	margin-top: 0.25rem;
	color: #9c9c9c;
}

footer li.active p {
	color: #4485fd;
}

.bba_home_popou {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.bba_home_popous {
	width: 100%;
	height: 30rem;
	background: url(../img/po.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.bba_home_popous .text {
	width: 69%;
	height: 12rem;
	line-height: 1.75rem;
	font-size: 17px;
	color: #999;
	position: absolute;
	overflow: scroll;
	bottom: 3rem;
	left: 14%;
}

.bba_device_nas {
	width: 92%;
	margin: 1.5rem 4%;
}

.bba_device_nas li {
	width: 100%;
	height: 4rem;
	background: #fff;
	margin-bottom: 1.5rem;
	-webkit-border-before: 0.5rem;
	display: flex;
	justify-content: flex-start;
	position: relative;
	padding: 0.75rem;
	box-sizing: border-box;
	align-items: center;
	border-radius: 0.5rem;
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 255, 0.1));
}

.bba_device_nas li img {
	height: 2.5rem;
	margin-right: 1rem;
}

.bba_device_nas li p {
	font-size: 16px;
}

.bba_device_nas li a {
	height: 2rem;
	line-height: 2rem;
	position: absolute;
	top: 1rem;
	right: 0.75rem;
	font-size: 12px;
	background: #ff7800;
	padding: 0 1rem;
	border-radius: 2rem;
	color: #fff;
}

.bba_home_product_tab {
	width: 92%;
	height: 3rem;
	background-image: linear-gradient(-180deg, #eee 0%, #f6f6f8 100%);
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2));
	border-radius: 3rem;
	margin: -1rem 4% 0;
	padding: 0.5rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}

.bba_home_product_tab a {
	width: 48%;
	height: 2rem;
	line-height: 2rem;
	color: #333;
	border-radius: 2rem;
	font-size: 14px;
	text-align: center;
}

.bba_home_product_tab a.active {
	color: #fff;
	background-image: linear-gradient(-180deg, #0f39ff 0%, #2878ff 100%);
}

.bba_home_product_list {
	width: 92%;
	margin: 1.5rem 4%;
}

.bba_home_product_list li {
	width: 100%;
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 255, 0.1));
	padding: 0.75rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: 0.5rem;
}

.bba_home_product_list li h4:nth-child(1) {
	width: 100%;
	height: 1.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bba_home_product_list li h4:nth-child(1) span {
	padding: 0 0.5rem;
	height: 1.5rem;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5rem;
	background-image: linear-gradient(-180deg, #0f39ff 0%, #2878ff 100%);
	margin-left: 0.5rem;
	border-radius: 2rem;
	color: #fff;
}

.bba_home_product_list li h4:nth-child(2) {
	margin-top: 1rem;
	width: 100%;
	font-size: 15px;
	display: flex;
	color: #4485fd;
	justify-content: space-between;
}

.bba_home_product_list li p span:nth-child(2) {
	width: 50%;
	text-align: center;
}

.bba_home_product_list li h4:nth-child(2) span:nth-child(2) {
	width: 50%;
	flex-shrink: 0;
	text-align: center;
	flex-shrink: 0;
}

.bba_home_product_list li h4:nth-child(2) span {
	width: 25%;
}

.bba_home_product_list li h4:nth-child(2) span:nth-child(3) {
	text-align: right;
}

.bba_home_product_list li p {
	margin-top: 0.5rem;
	width: 100%;
	font-size: 13px;
	display: flex;
	color: #4485fd;
	justify-content: space-between;
	color: #999;
}

.bba_home_product_list li p span {
	width: 25%;
}

.bba_home_product_list li p span:nth-child(3) {
	text-align: right;
}

.bba_home_product_list li button {
	width: 100%;
	height: 2.5rem;
	color: #fff;
	line-height: 2.5rem;
	font-size: 16px;
	color: #fff;
	background-image: linear-gradient(110.1deg, rgb(34, 126, 34) 2.9%, rgb(168, 251, 60) 90.3%);
	text-align: center;
	margin-top: 1rem;
	border-radius: 2.5rem;
}

.bba_team_top {
	width: 100%;
	padding: 1rem 4%;
	box-sizing: border-box;
	background: linear-gradient(110.1deg, rgb(34, 126, 34) 2.9%, rgb(168, 251, 60) 90.3%);
}

.bba_team_top .logo {
	height: 2rem;
	display: block;
	margin: 0 auto;
}

.bba_team_top .share {
	width: 100%;
	background: #fff;
	padding: 1rem;
	box-sizing: border-box;
	margin: 1rem 0;
	border-radius: 0.5rem;
}

.bba_team_top .share h4 {
	width: 100%;
	text-align: center;
}

.bba_team_top .banner img {
	width: 100%;
}

.bba_team_top .share span {
	padding: 0 1rem;
	height: 2rem;
	line-height: 2rem;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	width: 40%;
	margin: 1rem 30%;
	letter-spacing: 4px;
	background: #dbdbdb;
	font-weight: bold;
	border-radius: 0.25rem;
}

.bba_team_top .share .url {
	width: 100%;
	background: #dbdbdb;
	height: 2.5rem;
	border-radius: 0.25rem;
	position: relative;
}

.bba_team_top .share .url input {
	width: 100%;
	height: 2.5rem;
	font-size: 14px;
	background: transparent;
	padding: 0 1rem;
	box-sizing: border-box;
}

.bba_team_top .share .url button {
	padding: 0 1rem;
	border-radius: 0 0.25rem 0.25rem 0;
	height: 2.5rem;
	font-size: 16px;
	background: #229f15;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
}

.bba_team_top .btns {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.bba_team_top .btns p {
	width: 48%;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 14px;
	text-align: center;
	border-radius: 0.25rem;
	color: #333;
	background: #fff;
}

.bba_team_list {
	width: 92%;
	margin-left: 4%;
}

.bba_team_list .top {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.bba_team_list .top .lis {
	width: 48%;
	padding: 0.75rem;
	box-sizing: border-box;
	background: #f5f5ff;
	filter: drop-shadow(0px 2px 3px rgba(0, 0, 255, 0.1));
	border-radius: 0.5rem;
}

.bba_team_list .top .lis h4 {
	font-size: 20px;
	text-align: center;
}

.bba_team_list .top .lis p {
	width: 100%;
	color: #999;
	font-size: 14px;
	text-align: center;
	margin-top: 0.5rem;
}

.bba_team_list li {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	background: #e0e5db;
	filter: drop-shadow(0px 2px 3px rgba(0, 0, 255, 0.1));
	border-radius: 0.5rem;
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
}

.bba_team_list li img {
	height: 3.25rem;
}

.bba_team_list li h4 {
	font-size: 20px;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #229f15;
	text-align: center;
}

.bba_team_list li p {
	font-size: 14px;
	text-align: center;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #999;
	margin-top: 0.25rem;
}

.bba_team_share_list {
	width: 92%;
	margin-left: 4%;
}

.bba_team_share_list li {
	width: 100%;
	padding: 0.75rem;
	box-sizing: border-box;
	background: #e6ebe5;
	filter: drop-shadow(0px 2px 3px rgba(0, 0, 255, 0.1));
	border-radius: 0.5rem;
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
}

.bba_team_share_list li p {
	width: 100%;
	height: 3rem;
	line-height: 1.5rem;
	font-size: 14px;
	color: #666;
	overflow: hidden;
}

.bba_team_share_list li .btn {
	padding: 0 1rem;
	box-sizing: border-box;
	background: #229f15;
	height: 2.5rem;
	border-radius: 3rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.bba_team_share_list li h4 {
	margin-top: 0.15rem;
	color: #fff;
}

.bba_team_share_list li span {
	display: block;
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin-top: -0.25rem;
	color: #fff;
}

.bba_team_tips {
	width: 92%;
	margin: 1rem 4%;
	padding: 1rem;
	box-sizing: border-box;
	background: #fff;
}

.bba_team_tips h4 {
	text-align: center;
}

.bba_team_tips p {
	line-height: 1.5rem;
	font-size: 14px;
	color: #999;
	margin-top: 1rem;
}

.bba_mine_top {
	width: 100%;
	padding: 2rem 4% 3rem;
	box-sizing: border-box;
	background: url(../img/back2.jpg) no-repeat;
}

.bba_mine_top img {
	height: 4rem;
	display: block;
	margin: 0 auto;
}

.bba_mine_top h3 {
	margin-top: 0.75rem;
	color: #fff;
	text-align: center;
}

.bba_mine_top p {
	width: 100%;
	text-align: center;
	margin-top: 0.75rem;
	color: #fff;
}

.bba_mine_top .btn {
	width: 80%;
	margin: 1rem 10%;
	display: flex;
	justify-content: space-between;
}

.bba_mine_top a {
	width: 48%;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border-radius: 2rem;
	background: #ffa200;
}

.bba_mine_top a:nth-child(2) {
	background: #25b0fb;
}

.bba_mine_banner {
	width: 92%;
	margin: -2rem 4% 0;
	position: relative;
	z-index: 66;
}

.bba_mine_banner img {
	width: 100%;
	float: left;
}

.bba_mine_list {
	width: 92%;
	margin: 1rem 4%;
}

.bba_mine_list ul {
	padding: 0.75rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: 0.5rem;
}

.bba_mine_list li {
	width: 100%;
	height: 3rem;
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px #eee solid;
}

.bba_mine_list li img {
	height: 1.5rem;
	width: 1.5rem;
	display: inline-block;
	margin-top: 0.75rem;

}

.bba_mine_list li p {
	height: 3rem;
	line-height: 3rem;
	font-size: 14px;
	margin-left: 1rem;
}

.bba_mine_list button {
	width: 100%;
	height: 3rem;
	background:#1a4005;
	margin-top: 1rem;
	border-radius: 0.5rem;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.bba_team_levs {
	width: 92%;
	margin: 1rem 4%;
}

.bba_team_levs ul {
	display: flex;
	justify-content: space-between;
}

.bba_team_levs li {
	position: relative;
}

.bba_team_levs li h4 {
	position: relative;
	z-index: 66;
}

.bba_team_levs li span {
	width: 100%;
	height: 6px;
	background: #2a86f3;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 55;
	display: none;
	color: #999;
}

.bba_team_levs li.active {
	color: #333;
}

.bba_team_levs li.active span {
	display: block;
}

.bba_team_levss {
	width: 92%;
	margin: 1.5rem 4%;
	background: #fff;
	border-radius: 0.5rem;
}

.bba_team_levss p {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 2.5rem;
	line-height: 2.5rem;
	border-bottom: 1px #eee solid;
}

.bba_team_levss p:nth-child(1) {
	background: #2a86f3;
	border-bottom: none;
	border-radius: 0.5rem 0.5rem 0 0;
}

.bba_team_levss p:nth-child(1) span {
	color: #fff;
}

.bba_team_levss p span {
	width: 33.33%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 14px;
	background: transparent;
}

.bba_cash_title {
	width: 100%;
	padding: 6rem 4%;
	box-sizing: border-box;
	color: #02f5ff;
	font-weight: bold;
}

.bba_cash_title h1 {
	font-size: 26px;
}

.bba_cash_img img {
	height: 12.5rem;
	position: fixed;
	top: 3rem;
	right: 0rem;
}

.bba_cash_link {
	width: auto;
	display: inline-block;
	background: #ff691f;
	height: 2rem;
	line-height: 2rem;
	padding: 0 1rem;
	font-size: 14px;
	color: #fff;
	border-radius: 0.5rem;
	position: fixed;
	top: 11rem;
	left: 4%;
}

.bba_cash_box {
	width: 88%;
	margin: 1rem 6%;
	background: url(../img/box.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	padding: 3rem 1rem 2rem 1rem;
	box-sizing: border-box;
	margin-bottom: 3rem;
}

.bba_cash_box .title {
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	padding: 0 5rem 0 3.75rem;
	background: url(../img/title.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: -1.5rem;
	left: 0;
}

.bba_cash_box .text {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bba_cash_box .text h4 {
	margin-left: 0.5rem;
}

.bba_team_top .header {
	width: 100%;
	height: 44px;
	position: relative;
}

.bba_team_top .header img {
	position: absolute;
	top: 12px;
	left: 0;
	height: 20px;
}

.bba_team_top .header h4 {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
}

.bba_team_top .money {
	background-image: linear-gradient(-180deg, #0094ff 0%, #0cbcff 100%);
	padding: 1rem;
	box-sizing: border-box;
	position: relative;
	margin-top: 1rem;
}

.bba_team_top .money img {
	height: 4rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.bba_team_top .money h2 {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
}

.bba_team_top .money p {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 14px;
	color: #fff;
	margin-top: 0.5rem;
	s
}

.bba_team_boxs {
	width: 92%;
	margin: 1.5rem 4%;
	background: #fff;
	padding: 1rem;
	box-sizing: border-box;
	border-radius: 0.5rem;
}

.bba_team_boxs p {
	width: 100%;
	font-size: 14px;
}

.bba_team_boxs input {
	width: 100%;
	height: 2.5rem;
	margin: 1rem 0;
	padding-left: 1rem;
	box-sizing: border-box;
	font-size: 14px;
	color: #999;
	background: #e8edff;
	border-radius: 0.25rem;
}

.bba_team_boxs .btns {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	padding: 0 1rem;
	box-sizing: border-box;
	font-size: 14px;
	background: #e8edff;
	margin-top: 1rem;
	position: relative;
}

.bba_team_boxs .btns span {
	height: 1rem;
	width: 1rem;
	background: url(../img/p.png) no-repeat;
	display: block;
	background-size: 100% 100%;
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	display: none;
}

.bba_team_boxs .btns.active span {
	display: block;
}

.bba_team_boxs a {
	margin-top: 1rem;
	display: block;
	font-size: 14px;
	text-align: right;
	color: #2a86f3;
}

.bba_team_boxs button {
	width: 100%;
	height: 3rem;
	background-color: #1e9df6;
	font-size: 16px;
	color: #fff;
	border-radius: 0.25rem;
}

.bba_details_img {
	width: 92%;
	background: #fff;
	margin: 1rem 4%;
	padding: 2rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	border-radius: 0.5rem;
}

.bba_details_img img {
	width: 50%;
}

.bba_details_name {
	width: 100%;
	height: 4rem;
	color: #fff;
	padding: 0 4%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: linear-gradient(90deg, #3e4df8 0%, #36abfe 100%);

}

.bba_details_bos {
	width: 92%;
	margin: 1rem 4%;
	background: #fff;
	border-radius: 0.5rem;
}

.bba_details_bos ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bba_details_bos li{
	width: 50%;
	padding: 1.5rem;
	box-sizing: border-box;
}

.bba_details_bos li h4{
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #2a86f3;
}
.bba_details_bos li  p{
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-top: 0.5rem;
}

.investLists {
}

.investLists a {
    display: block;
    position: relative;
    overflow: hidden
}

.investLists a b.recommend {
    position: absolute;
    left: -2.2rem;
    top: 1.5rem;
    width: 11rem;
    height: 1.5rem;
    line-height: 2.5rem;
    font-weight: 400;
    font-size: 1.2rem;
    text-align: center;
    background: #fb4f66;
    color: #ffca43;
    transform: rotate(-45deg)
}

.investLists a h4 {
    
    font-family: title;
    font-size: 1.6rem;
    line-height: 100%;
    text-align: center
}

.investLists a h5 {
    margin: 1rem 0;
    font-size: 1.1rem;
    color: #008e6c;
    line-height: 100%;
    text-align: center
}

.investLists a ul {
    margin: 1rem 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.investLists a ul p {
    text-align: center;
    font-family: title;
    font-size: 1.3rem;
    color: #e84354;
    line-height: 100%
}

.investLists a ul p code {
    font-size: 1.3rem
}

.investLists a ul p i {
    font-style: normal;
    font-size: 1.1rem;
    color: #000
}

.investLists a ul p span {
    display: block;
    font-size: 1.3rem;
    margin: .4rem 0 0;
    color: #000
}

.investLists a ul p strong {
    color: #e84354
}

.investLists a dl {
    margin: 0 -2rem -2rem;
    padding: 1rem 1rem;
    background: #1bd07c38;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.investLists a dl dt {
    flex: 1;
    height: 3.5rem;
    line-height: 4.5rem;
    font-family: title;
    font-size: 1.8rem;
    color: #008e6c
}

.investLists a dl dt code {
    font-family: title;
    font-size: 1.3rem
}

.investLists a dl button.btn {
    /* width: 70%; */
    /* height: 2.5rem; */
    /* line-height: 2.5rem; */
    background: url(../img/lbtn.png) no-repeat;
    background-size: 100% 100%;
    /* display: block; */
    font-size: 16px;
    /* margin: 2rem 15%; */
    /* border-radius: 2.5rem; */
    color: #fff;
    flex: 1;
}

.box {
    /* margin: 2rem; */
    padding: 2rem;
    background: #f5f5ff;
    border-radius: .6rem;
    box-shadow: 0 0 1rem rgb(0 0 0 / 39%);
}


blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
    
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

a:active,a:hover {
    outline: 0
}

img {
    border: none
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h4,h5,h6 {
    font-size: 100%
}

button,input,optgroup,option,select,textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

body {
    line-height: 1.6;
    color: rgba(0,0,0,.85);
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif
}

hr {
    line-height: 0;
    margin: 10px 0;
    padding: 0;
    border: none!important;
    border-bottom: 1px solid #eee!important;
    clear: both;
    background: 0 0
}

a {
    text-decoration: none
}

a:hover {
    color: #777
}

a cite {
    font-style: normal;
    *cursor: pointer
}



.c {
    clear: both;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden
}

.left {
    float: left
}

.right {
    float: right;
}

a:link,a:visited {
    text-decoration: none;
    color: #284666
}

a:hover {
    color: #000;
    text-decoration: none
}




form,ul,ol,li,dl,dt,dd,form,img,p {
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
    line-height: 135%;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
    font-size: 1rem;
    line-height: 135%
}

.investDetail {
    padding: 3.5rem 0 0
}

.investDetail ul {
    position: relative
}

.investDetail ul img {
    display: block;
    margin: -5rem auto 0;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    overflow: hidden
}

.investDetail ul h4 {
    margin: 1rem 0;
    font-family: title;
    font-size: 2.4rem;
    line-height: 110%;
    text-align: center
}

.investDetail ul h5 {
    margin: 1rem 0;
    font-size: 1.6rem;
    color: #008e6c;
    line-height: 110%;
    text-align: center
}

.investDetail ul ol {
    margin: 2rem 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.investDetail ul ol p {
    text-align: center;
    font-size: 1.6rem;
    color: #e84354;
    line-height: 100%
}

.investDetail ul ol p code {
    font-size: 1.4rem
}

.investDetail ul ol p i {
    font-style: normal;
    font-size: 1.2rem;
    color: #999
}

.investDetail ul ol p span {
    display: block;
    font-size: 1.4rem;
    margin: .5rem 0 0;
    color: #999
}

.investDetail ul ol p strong {
    font-family: title;
    font-size: 1.8rem;
    color: #e84354
}

.investDetail ul ol.type2 p {
    flex: 1
}

.investDetail h6 {
    margin: 1rem 0 0;
    font-size: 1.4rem;
    text-align: center;
    color: #e84354;
    font-weight: 700
}

.investIncome {
}

.investIncome h3 {
    padding: 0 0 1rem;
    font-family: title;
    font-size: 1.6rem;
    text-align: center
}

.investIncome ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.investIncome ul p {
    flex: 1;
    text-align: center;
    font-size: 1.6rem;
    color: #e84354;
    line-height: 100%
}

.investIncome ul p code {
    font-size: 1.4rem
}

.investIncome ul p span {
    display: block;
    font-size: 1.4rem;
    margin: .5rem 0 0;
    color: #999
}

.investIncome ul p strong {
    color: #e84354;
    font-family: title;
    font-size: 1.8rem
}

.investIncome h6 {
    margin: 1rem 0 0;
    font-size: 1.4rem;
    text-align: center;
    color: #e84354;
    font-weight: 700
}

.investDescription {
    margin: 2rem 2rem 8rem;
    font-size: 1.6rem
}

.investDescription h3 {
    padding: 0 0 1rem;
    font-family: title;
    font-size: 1.6rem;
    text-align: center
}

.investDescription ul p {
    margin: 0 0 1em
}

.investPick {
   
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #008e6c;
    box-shadow: 0 0 2rem rgba(0,0,0,.3)
}

.investPick form {
    height: 6rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.investPick form button#minus,.investPick form button#add {
    flex: 1;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border: 0;
    border-radius: 0;
    font-size: 1.8rem;
    text-align: center;
    background: #008e6c;
    color: #fff
}

.investPick form input#num {
    flex: 1;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border: 0;
    border-radius: 0;
    font-size: 1.8rem;
    text-align: center;
    background: rgba(255,255,255,.5);
    color: #fff
}

.investPick form button.btn {
    flex: 3;
    height: 6rem;
    line-height: 6rem;
    border-radius: 0
}


.headerBox {
    overflow: hidden;
}

.headerBox h1 {
    height: 5.5rem;
    line-height: 5.5rem;
    font-size: 1.8rem;
    text-align: center;
    color: #fff
}

a.goBack {
    text-decoration: none;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 5.5rem;
    height: 5.5rem;
    line-height: 55rem;
    background: url(img/goBack.png) no-repeat center center;
    background-size: 1rem;
    overflow: hidden
}


.dialogbox .modal-dialog {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 12000;
  display: flex;
  overflow: auto;
  align-items: center;
  justify-content: center;
  transform: translate(0, 0) !important;
  transform: scale(0.8) !important;
}

.dialogbox .modal-dialog .form-group {
  text-align: left;
}

.dialogbox .modal-dialog .modal-content {
  max-width: 300px;
  margin: auto;
  max-height: 560px;
  overflow: auto;
  border: 0;
  border-radius: 16px;
}

.dialogbox .modal-dialog .modal-content .btn-list {
  margin: 0;
}

.dialogbox .modal-dialog .modal-content .btn-list .btn {
  padding: 0px 10px;
  min-height: 58px;
  border-radius: 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #DCDCE9 !important;
  font-size: 15px;
}

.dialogbox .modal-dialog .modal-content .btn-list .btn:hover, .dialogbox .modal-dialog .modal-content .btn-list .btn:focus, .dialogbox .modal-dialog .modal-content .btn-list .btn:active, .dialogbox .modal-dialog .modal-content .btn-list .btn.active {
  background: rgba(220, 220, 233, 0.3) !important;
}

.dialogbox .modal-dialog .modal-content .btn-list .btn:last-child {
  border-radius: 0 0 16px 16px;
  border-bottom: 0 !important;
}

.dialogbox .modal-dialog .modal-content .btn-inline {
  display: flex;
  margin: 0;
  background: #DCDCE9;
}

.dialogbox .modal-dialog .modal-content .btn-inline .btn {
  width: 100%;
  border-radius: 0;
  min-height: 58px;
  border: 0 !important;
  font-size: 15px;
  margin-right: 1px;
  background: #FFF;
}

.dialogbox .modal-dialog .modal-content .btn-inline .btn:hover, .dialogbox .modal-dialog .modal-content .btn-inline .btn:focus, .dialogbox .modal-dialog .modal-content .btn-inline .btn:active, .dialogbox .modal-dialog .modal-content .btn-inline .btn.active {
  background: rgba(255, 255, 255, 0.8) !important;
}

.dialogbox .modal-dialog .modal-content .btn-inline .btn:last-child {
  margin-right: 0;
  border-radius: 0 0 16px 0 !important;
}

.dialogbox .modal-dialog .modal-content .btn-inline .btn:first-child {
  border-radius: 0 0 0 16px !important;
}

.dialogbox .modal-dialog .modal-content .modal-header {
  border: 0;
  padding: 20px 20px 10px 20px;
}

.dialogbox .modal-dialog .modal-content .modal-header .modal-title {
  color: #27173E;
  text-align: center;
  margin: 0 auto;
  font-size: 17px;
}

.dialogbox .modal-dialog .modal-content .modal-body {
  padding: 0 20px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 15px;
}

.dialogbox .modal-dialog .modal-content .modal-footer {
  border: 0;
  border-top: 1px solid #DCDCE9;
  padding: 0;
  display: block;
  text-align: right;
}

.dialogbox.show .modal-dialog {
  transform: translate(0, 0) !important;
  transform: scale(1) !important;
}

.modal-icon {
  font-size: 60px;
  line-height: 1em;
  margin-top: 30px;
  margin-bottom: -10px;
  color: #6236FF;
  text-align: center;
}

.modalbox {
  padding-top: env(safe-area-inset-top);
  overflow: hidden;
}

.modalbox .modal-dialog {
  transform: translate(0, 100%) !important;
  min-width: 100%;
  margin: 0;
  transition: 0.5s all !important;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin-top: env(safe-area-inset-top);
}

.modalbox .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  margin: auto;
  overflow: hidden;
  padding-top: 56px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.modalbox .modal-dialog .modal-content .modal-header {
  border: 0;
  padding: 0;
  min-height: 56px;
  padding: 10px 16px;
  border-radius: 0;
  display: flex;
  border-bottom: 1px solid #DCDCE9;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  background: #FFF;
}

.modalbox .modal-dialog .modal-content .modal-header .modal-title {
  margin: 0;
  color: #27173E;
  font-size: 17px;
}

.modalbox .modal-dialog .modal-content .modal-body {
  padding: 20px 16px;
  overflow: auto;
}

.modalbox.show .modal-dialog {
  transform: translate(0, 0) !important;
}

.panelbox .modal-dialog {
  margin: 0;
  position: fixed;
  left: 0;
  top: 0;
}

.panelbox .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
  width: 300px;
  height: 100vh;
  overflow: auto;
  padding-top: env(safe-area-inset-top);
}

.panelbox .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
}

.panelbox .modal-dialog .modal-content .modal-header .modal-title {
  color: #27173E;
}

.panelbox .modal-dialog .modal-content .modal-body {
  padding: 10px 16px;
}

.panelbox.show .modal-dialog {
  transform: translate(0, 0) !important;
}

.panelbox-left .modal-dialog {
  transform: translate(-100%, 0) !important;
}

.panelbox-right .modal-dialog {
  transform: translate(100%, 0) !important;
  left: auto;
  right: 0;
}


.modal.action-sheet {
  z-index: 200000;
}

.modal.action-sheet .modal-dialog {
  padding: 0;
  margin: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  min-width: 100%;
  z-index: 12000;
  transform: translate(0, 100%);
}

.modal.action-sheet.show .modal-dialog {
  transform: translate(0, 0);
}

.modal.action-sheet .close-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 3px;
  color: #A9ABAD;
}

.modal.action-sheet .close-button:hover, .modal.action-sheet .close-button:active {
  color: #958d9e;
}

.modal.action-sheet .modal-content {
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding-bottom: env(safe-area-inset-bottom);
}

.modal.action-sheet .modal-content .action-sheet-content {
  padding: 20px 16px;
  max-height: 460px;
  overflow: auto;
}

.modal.action-sheet .modal-content .action-sheet-content .iconbox {
  font-size: 64px;
  margin: 10px 0 5px 0;
  text-align: center;
}

.modal.action-sheet .modal-content .modal-header {
  display: block;
  padding: 2px 20px;
}

.modal.action-sheet .modal-content .modal-header .modal-title {
  padding: 0;
  margin: 0;
  text-align: center;
  display: block;
  font-size: 15px;
  padding: 10px 0;
  color: #27173E;
  font-weight: 500;
}

.modal.action-sheet .modal-content .modal-body {
  padding: 0;
}


.wallet_tab{
	width: 92%;
	margin: 1rem 4%;
	height: 2.5rem;
}
.wallet_tab ul{
	display: flex;
	justify-content: space-between;
}
.wallet_tab li{
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 14px;
	color: #999;
	position: relative;
}
.wallet_tab li span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgb(255, 170, 0);
	border-radius: 2px;
	display: none;
}
.wallet_tab li.action{
	color: #333;
	font-weight: bold;
}
.wallet_tab li.action span{
	display: block;
}


.pay_lis {
	width: 100%;
	height: 2rem;
	display: flex;
	justify-content: space-between;
	line-height: 2rem;
	padding: 0 0.75rem;
	box-sizing: border-box;
	background: rgb(255, 243, 231);
	color: #666;
	margin-top: 1rem;
	font-size: 13px;
	border-radius: 0.25rem;

}

.pay_lis img {
	height: 1rem;
	margin-top: 0.5rem;
	display: none;
}

.pay_lis.action {
	background: rgb(217, 117, 0);
	color: #fff;
}

.pay_lis.action img {
	display: block;
}

.pay_center_to button {
	width: 60%;
	height: 2.5rem;
	background: rgb(217, 117, 0);
	margin: 1.75rem auto 1rem;
	display: block;
	border: none;
	font-size: 16px;
	border-radius: 1rem;
	color: #fff;
}

.pay_center_tips {
	background: #fff;
	width: 100%;
	padding: 0.75rem;
	box-sizing: border-box;
	margin-top: 1rem;
	border-radius: 0.5rem;
}

.pay_center_tips h4 {
	font-size: 14px;
	width: 100%;
}

.pay_center_tips .text {
	width: 100%;
	line-height: 1.5rem;
	font-size: 13px;
	color: #999;
	margin-top: 1rem;
}

.pay_log_list {
	 width: 92%; 
	 margin: 1rem 4%; 
	background: #2fa921;
	 border-radius: 0.5rem; 
}

.pay_log_list li {
	padding: 1.25rem 1rem;
	box-sizing: border-box;
	border-bottom: 1px #f5f5f5 solid;
	position: relative;
}

.pay_log_list li:last-child {
	border: none;
}

.pay_log_list li h4 {
	width: 100%;

	font-size: 16px;
}

.pay_log_list li p {
	width: 100%;
	font-size: 12px;
	margin-top: 0.5rem;
	color: #999;
	overflow: hidden;
}

.pay_log_list li p.wws {
	color: red;
}

.pay_log_list li span {
	position: absolute;
	top: 1.25rem;
	right: 1rem;
	font-weight: bold;
	color: rgb(255, 170, 0);
}

.goods_list {
	width: 100%;
	box-sizing: border-box;
}

.goods_money {
	display: flex;
	justify-content: space-between;
	margin: 1.5rem 0;
}

.goods_money .lis {
	width: 50%;
}

.goods_money .lis h2 {
	width: 100%;
	text-align: center;
	margin-bottom: 0.5rem;
	color: #87411F;
}

.goods_money .lis p {
	font-size: 13px;
	color: rgba(0, 0, 0, .85);
	width: 100%;
	text-align: center;
}

.goods_lists li {
	width: 100%;
	height: 9.5rem;
	border: 1px solid #B49C5A;
	background: #fff;
	display: flex;
	justify-content: flex-start;
	border-radius: 0.5rem;
	margin-bottom: 1rem;
	position: relative;
}

.goods_lists li img {
	height: 7rem;
	width: 7rem;
	margin-top: 1.5rem;
	flex-shrink: 0;
}

.goods_lists li .text {
	width: 100%;
	height: 7rem;
	margin-top: 1rem;
	margin-left: 0rem;
}

.goods_lists li .text h4 {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 14px;
}

.goods_lists li .text p {
	font-size: 12px;
	height: 1.25rem;
	line-height: 1.25rem;
}

.goods_lists li span.tag {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.5rem;
	background: linear-gradient(0deg, #DA6D42 0%, #E59840 100%);
	padding: 0 0.75rem;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	border-radius: 0.35rem 0 0.5rem 0;
	line-height: 1.5rem;
}

.goods_lists li span.money {
	height: 1.5rem;
	background: linear-gradient(0deg, #DA6D42 0%, #E59840 100%);
	font-weight: bold;
	color: #fff;
	line-height: 1.5rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 14px;
	padding: 0 1rem;
	border-radius: 2rem;
}

.goods_info_top {
	width: 92%;
	background: #fff;
	margin: 1rem 4%;
	display: flex;
	justify-content: flex-start;
	height: 13rem;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
	border-radius: 0.5rem;
	position: relative;
}

.goods_info_top img {
	height: 7.5rem;
	border: 1px #333 solid;
	border-radius: 0.5rem;
	margin-right: 0.75rem;
	flex-shrink: 0;
}

.goods_info_top .text {
	width: 100%;
}

.goods_info_top .text h4 {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 14px;
	font-weight: normal;
	display: flex;
	justify-content: flex-start;
}

.goods_info_top .text h4 span {
	height: 1.5rem;
	background: linear-gradient(0deg, #DA6D42 0%, #E59840 100%);
	color: #fff;
	font-weight: bold;
	padding: 0 0.5rem;
	border-radius: 1.5rem;
	line-height: 1.5rem;
	font-size: 12px;
	margin-right: 0.25rem;
}

.goods_info_top .text h2 {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 22px;
	margin: 0.5rem 0;
}

.goods_info_top .text h2 span {
	font-size: 16px;
	margin-right: 0.25rem;
}

.goods_info_top .text p {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 13px;
	font-weight: bold;
}

.goods_info_top .text p span {
	color: #895100;
}

.goods_info_top .tips {
	width: 100%;
	position: absolute;
	bottom: 1.5rem;
	left: 0rem;
	padding: 0 1rem;
	font-size: 12px;
	font-weight: bold;
	box-sizing: border-box;
}

.goods_info_top .tips span {
	color: #895100;
}

.goods_info_btn {
	width: 92%;
	margin: 1rem 4%;
	display: flex;
	justify-content: space-between;
	height: 2.5rem;
}

.goods_info_btn a {
	width: 45%;
	text-align: center;
	line-height: 2.5rem;
	font-size: 14px;
	border-radius: 2.5rem;
	height: 2.5rem;
	color: rgb(123, 87, 38);
	background: linear-gradient(to top, rgba(255, 227, 181), rgba(255, 255, 255));
	display: block;
}

.goods_info_moneys {
	width: 92%;
	height: 8rem;
	background: #faf1e2;
	margin: 1rem 4%;
	border-radius: 0.5rem;
}

.goods_info_moneys h4 {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	background: #ff7004;
	color: #fff;
	border-radius: 0.5rem 0.5rem 0 0;
}

.goods_info_moneys ul {
	display: flex;
	justify-content: space-between;
}

.goods_info_moneys li {
	width: 50%;
	height: 5.5rem;
	padding: 1rem 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	border-right: 1px #ccc solid;
}

.goods_info_moneys li:nth-child(2) {
	border: none;
}

.goods_info_moneys h3 {
	width: 100%;
	text-align: center;
	color: #87411F;
}

.goods_info_moneys p {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-top: 0.5rem;
	color: ;
}

.goods_info_moneyor {
	width: 92%;
	padding: 1rem;
	margin: 1rem 4%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #E59840;
	box-sizing: border-box;
	border-radius: 0.5rem;
}

.goods_info_moneyor .title {
	width: 100%;
	height: 34px;
	position: relative;
	display: flex;
	justify-content: center;
}

.goods_info_moneyor .title span {
	width: 100%;
	height: 2px;
	background: #000;
	display: block;
	position: absolute;
	top: 1rem;
	left: 0;
}

.goods_info_moneyor .title p {
	display: inline-block;
	background: #fff;
	height: 34px;
	line-height: 34px;
	position: relative;
	z-index: 9;
	font-size: 16px;
	padding: 0 0.5rem;
}

.goods_info_moneyor ul {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}

.goods_info_moneyor li h4 {
	font-size: 16px;
	width: 100%;
	text-align: center;
	color: #87411F;
}

.goods_info_moneyor li p {
	width: 100%;
	font-size: 13px;
	color: #999;
	margin-top: 0.5rem;
}

.goods_info_moneyor .tips {
	width: 100%;
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
	margin-top: 1.5rem;
	border-radius: 1rem;
	background: linear-gradient(0deg, #DA6D42 0%, #E59840 100%);
	padding: 0 0.5rem;
	box-sizing: border-box;
}

.goods_info_moneyor .text {
	font-size: 14px;
	color: #999;
}

.goods_info_moneyor .text p {
	margin-top: 0.75rem;
}

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

.goods_info_popou_center {
	width: 92%;
	padding: 1rem;
	box-sizing: border-box;
	margin: 5rem 4%;
	background: #fff;
	border-radius: 0.5rem;
	border: 1px #DA6D42 solid;
	box-sizing: border-box;
}

.goods_info_popou_center h4 {
	width: 100%;
	text-align: center;
	margin-bottom: 1rem;
}

.goods_info_popou_center .text {
	max-height: 15rem;
	overflow: scroll;
}

.goods_info_popou_center P {
	width: 100%;
	line-height: 1.5rem;
	font-size: 14px;
	color-interpolation-filters: #999;
}

.goods_info_popou_center .text p {
	margin-bottom: 0.5rem;
	color: #999;
}

.goods_info_popou_center P span {
	margin-left: 0.25rem;
	color: #DA6D42;
}

.goods_info_popou_center .btn {
	width: 100%;
	height: 2.5rem;
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
}

.goods_info_popou_center .btn a {
	width: 48%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	border-radius: 2.5rem;
	font-size: 14px;
	color: #fff;
}

.goods_info_popou_center .btn a:nth-child(1) {
	width: 25%;
	background: #bbb;
}

.goods_info_popou_center .btn a:nth-child(2) {
	width: 70%;
	background: #DA6D42;
}

.pay_center_tos {
	width: 100%;
	height: 13rem;
	background: url(../img/a2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.pay_center_tos h1 {
	width: 100%;
	text-align: center;
	margin-top: 1.5rem;
	color: #895100;
	font-size: 40px;
}

.pay_center_tos h1 span {
	font-size: 14px;
	font-weight: normal;
	margin-right: 0.25rem;
	color: #333;
}

.pay_center_tos p {
	width: 60%;
	height: 1.5rem;
	line-height: 1.5rem;
	background: red;
	text-align: center;
	font-size: 14px;
	margin: 0.75rem auto 1.25rem;
	background: linear-gradient(0deg, #FFECB2 0%, #FFECB3 100%);
	color: #333;
	border-radius: 1.5rem;
}

.pay_center_tos a {
	width: 70%;
	height: 2rem;
	line-height: 2rem;
	display: block;
	margin: 0 auto;
	background: red;
	text-align: center;
	border-radius: 2rem;
	font-size: 14px;
	background: linear-gradient(0deg, #DA6D42 0%, #E59840 100%);
	color: #fff;
	font-weight: bold;
}

.pay_center_rk {
	width: 100%;
	padding: 3.25rem 0.75rem 0.75rem;
	background: #fff;
	margin: 1rem 0;
	box-sizing: border-box;
	border-radius: 2rem 2rem 0.5rem 0.5rem;
	position: relative;
}

.pay_center_rk h4.title {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-weight: normal;
	font-size: 15px;
	background: rgb(16, 107, 138);
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 2rem;
	text-align: center;
}

.pay_center_rk ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.pay_center_rk li {
	width: 20%;
	height: 7rem;
	position: relative;
}

.pay_center_rk li h4 {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 16px;
	text-align: center;
	margin-top: 2rem;
	color: #333;
}

.pay_center_rk li p {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 14px;
	text-align: center;
	color: #999;
}

.pay_center_rk li:nth-child(2) {
	width: 60%;
}

.pay_center_rk li:nth-child(2) .money {
	width: 7rem;
	height: 7rem;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 6.5rem;
	font-size: 18px;
	font-weight: bold;
	border: 2px #895100 dashed;
	border-radius: 7rem;
	color: #895100;
	box-sizing: border-box;
}

.pay_center_rk li:nth-child(2) span {
	width: 80%;
	height: 2rem;
	background: red;
	position: absolute;
	bottom: -0.5rem;
	left: 10%;
	font-size: 14px;
	text-align: center;
	border-radius: 2rem;
	line-height: 2rem;
	color: #895100;
	background: #EBAB40;
}

.pay_center_rk .btn {
	width: 100%;
	height: 2rem;
	margin: 2.5rem 0 1rem;
	display: flex;
	justify-content: space-between;
}

.pay_center_rk .btn a {
	width: 45%;
	height: 2rem;
	background: #EBAB40;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 2rem;
	border-radius: 2rem;

}

.pay_center_rk .btn a:nth-child(1) {
	border: 1px #ebab40 solid;
	line-height: 30px;
	box-sizing: border-box;
	background: #fff;
	color: #333;
}

.right_btn {
	height: 1.5rem;
	line-height: 1.5rem;
	background: yellow;
	position: fixed;
	top: 1rem;
	right: 0;
	z-index: 100;
	font-size: 14px;
	padding: 0 0.75rem 0 1rem;
	border-radius: 1.5rem 0 0 1.5rem;
	color: #FF7E00;
	background: linear-gradient(0deg, #FFE1B5 0%, #FFFDFD 100%);
}

.pay_center .reg_list {
	width: 100%;
	background: #fff;
	padding: 0;
}

.pay_center .reg_list p {
	width: 100%;
	height: 2.5rem;
	background: #fff;
	border-bottom: 1px #f5f5f5 solid;
}

.pay_center .reg_list p span {
	width: 25%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 12px;
	display: inline-block;
}

.pay_center .reg_list p span:nth-child(2) {
	color: #00b578;
	font-weight: bold;
}

.pay_center .reg_list p:nth-child(1) {
	background: linear-gradient(270deg, #a1b8ff, #103bc1);
	caret-color: #fff;
	border-radius: 0.5rem 0.5rem 0 0;
	border-bottom: none;
}

.pay_center .reg_list p:nth-child(1) span {
	color: #fff;
}

.pay_center .reg_list p:last-child {
	border-bottom: none;
	border-radius: 0 0 0.5rem 0.5rem;
}



.myWalletLists {
}

.myWalletLists h3 {
    margin: 0 0 2rem 0;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    color: #F0B90B;
}

.myWalletLists h3 span {
    margin: 0 0 0 .3rem;
    font-size: 3rem;
}

.myWalletLists h3 a.btn {
    margin: 2rem 0 0 0;
}

.myWalletLists ul {
    padding: 1rem 2rem;
}

.myWalletLists ul ol {
    position: relative;
    border-bottom: 1px dotted #e5e5e5;
    padding: 1rem 0;
}

.myWalletLists ul ol h6 {
    margin: 0 0 0 0;
    font-size: 1.6rem;
    line-height: 145%;
    text-align: left;
}

.myWalletLists ul ol h6 span {
    display: block;
    color: #999;
    font-size: 1.2rem;
}

.myWalletLists ul ol p {
    position: absolute;
    top: 2rem;
    right: 0;
    text-align: right;
    line-height: 145%;
    color: #999;
}

.myWalletLists ul ol p strong {
    display: block;
    font-size: 1.6rem;
    color: #00ca47;
}

.myWalletLists ul ol.plus p strong {
    display: block;
    font-size: 1.6rem;
    color: #F0B90B;
}

.myBonusLists ul ol p {
    top: 3rem;
}

.myWalletLists ul ol.status3 h6, .myWalletLists ul ol.status3 h6 span, .myWalletLists ul ol.status3 p, .myWalletLists ul ol.status3 strong {
    color: #ccc!important;
    text-decoration: line-through;
}

.myWalletLists ul .layui-flow-more a cite {
    font-size: 0
}

/* load more */
.myWalletLists ul .layui-flow-more a cite::after {
    content: "loading...";
    font-size: 1.4rem;
}


/*
.rewardTop10 ul ol:nth-of-type(even){text-align:right;}*/
.invitercommissionBOX {
}

.invitercommissionBOX img {
    float: right;
    width: 15rem;
    margin: 0 0 .5rem 1rem;
}

.invitercommissionBOX h3 {
    font-weight: bold;
    font-size: 1.8rem;
    margin: 0 0 1rem 0;
}

.invitercommissionBOX h4 {
    font-size: 1.4rem;
}

.invitercommissionBOX h4 span {
    font-weight: bold;
    color: #F0B90B;
}

.invitercommissionBOX ul {
    margin: 2rem -2rem 0 -2rem;
}

.invitercommissionBOX ul p {
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /* padding: 0 .5rem; */
    font-size: 1.4rem;
    height: 3.6rem;
    line-height: 3.6rem;
    overflow: hidden;
}

.invitercommissionBOX ul p span:nth-child(1) {
    width: 55%;
    text-align: center;
}

.invitercommissionBOX ul p span:nth-child(2) {
    width: 35%;
    text-align: center;
}

.invitercommissionBOX ul p span:nth-child(3) {
    width: 35%;
    text-align: center;
    color: #F0B90B;
}

.invitercommissionBOX ul p span:nth-child(4) {
    width: 25%;
    text-align: center;
    color: #0cac62;
}

.invitercommissionBOX ul p:nth-of-type(odd) {
    background: rgb(1 240 87 / 10%);
}

.invitercommissionBOX ul p:nth-of-type(even) {
    background: #ffffff29;
}

.invitercommissionBOX ul p.title span {
    color: #999;
}

.invitercommissionBOX h1 {
    margin: 0 -2rem -2rem -2rem;
    background: #0b0e11;
    color: #fff;
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 110%;
    text-align: center;
}

.invitercommissionBOX h1 span {
    color: #F0B90B;
}

.card {
  background: #0000001a;
  border-radius: 10px;
  border: 0;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 44%);
}

.card .card-body {
  /* padding: 16px; */
  
}

.card .card-title {
  color: #27173E;
  font-size: 17px;
  font-weight: 500;
}

.card .card-subtitle {
  color: #27173E;
  font-weight: 400;
  font-size: 13px;
}

.card .listview > li:first-child .item {
  border-radius: 10px 10px 0 0;
}

.card .listview > li:last-child .item {
  border-radius: 0 0 10px 10px;
}

.card .card-header {
  background: transparent;
  color: #27173E;
  font-weight: 500;
  font-size: 17px;
  padding: 12px 16px;
  border-bottom: 1px solid #DCDCE9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card .card-header .button {
  font-size: 24px;
  color: #A9ABAD;
}

.card .card-footer {
  background: transparent;
  border-top: 1px solid #DCDCE9;
  color: #958d9e;
  padding: 12px 16px;
}

.card .card-img-top {
  border-radius: 10px 10px 0 0;
}

.card .overlay-img {
  border-radius: 10px;
}

.card .card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.card .card-img-overlay .card-title {
  color: #fff;
}

.card .card-img-overlay .card-text {
  color: rgba(255, 255, 255, 0.7);
}

.card.bg-primary, .card.bg-secondary, .card.bg-danger, .card.bg-success, .card.bg-warning, .card.bg-info, .card.bg-dark {
  border: 0;
}

.card.bg-primary .card-title, .card.bg-secondary .card-title, .card.bg-danger .card-title, .card.bg-success .card-title, .card.bg-warning .card-title, .card.bg-info .card-title, .card.bg-dark .card-title {
  color: #fff;
}

.card.bg-primary .card-text, .card.bg-secondary .card-text, .card.bg-danger .card-text, .card.bg-success .card-text, .card.bg-warning .card-text, .card.bg-info .card-text, .card.bg-dark .card-text {
  color: rgba(255, 255, 255, 0.7);
}

.card.bg-primary .card-header, .card.bg-secondary .card-header, .card.bg-danger .card-header, .card.bg-success .card-header, .card.bg-warning .card-header, .card.bg-info .card-header, .card.bg-dark .card-header {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.card.bg-light {
  background: #fff;
}



.nav-tabs {
  width: 100%;
}

.nav-tabs.capsuled {
  border: 0;
  background: rgba(220, 220, 233, 0.4);
  border-radius: 10px;
  display: flex;
}

.nav-tabs.capsuled .nav-item {
  flex: 1;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.nav-tabs.capsuled .nav-item .nav-link {
  color: #958d9e;
  font-weight: 500;
  font-size: 13px;
  border: 0 !important;
  line-height: 1.2em;
  width: 100%;
  border-radius: 10px;
  padding: 6px 10px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px !important;
}

.nav-tabs.capsuled .nav-item .nav-link .icon,
.nav-tabs.capsuled .nav-item .nav-link ion-icon {
  margin-right: 8px;
  margin-left: 8px;
  line-height: 1em;
  font-size: 18px;
}

.nav-tabs.capsuled .nav-item .nav-link.active {
  color: #27173E;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 1px 0 rgba(0, 0, 0, 0.04);
}

.nav-tabs {
  width: 100%;
}

.nav-tabs.lined {
  border: 0;
  background: transparent;
  border-radius: 0;
  display: flex;
}

.nav-tabs.lined .nav-item {
  flex: 1;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.nav-tabs.lined .nav-item .nav-link {
  color: #958d9e;
  font-weight: 500;
  font-size: 13px;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  line-height: 1.2em;
  width: 100%;
  border-radius: 2rem;
  padding: 6px 10px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  border-bottom-color: 2px solid;
}

.nav-tabs.lined .nav-item .nav-link .icon,
.nav-tabs.lined .nav-item .nav-link ion-icon {
  margin-right: 8px;
  margin-left: 8px;
  line-height: 1em;
  font-size: 18px;
   background: #d319c359;
}

.nav-tabs.lined .nav-item .nav-link.active {
  color: #1dcc70;
  background: #d319c3;
  border-bottom-color: #6236FF !important;
}

.image-listview > li {
  padding: 0;
  /* min-height: auto; */
}

.image-listview > li:after {
  left: 68px;
}

.image-listview > li .item {
  padding: 11px 16px;
  width: 100%;
  /* min-height: 50px; */
  display: flex;
  /* align-items: center; */
  /* font-size: 1.4rem; */
}

.image-listview > li .item .image {
  width: 36px;
  height: 36px;
  border-radius: 400px;
  margin-right: 16px;
}

.image-listview > li .item .icon-box {
  min-width: 36px;
  max-width: 36px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  font-size: 22px;
  border-radius: 400px;
  margin-right: 16px;
}

.image-listview > li .item .icon-box.transparent {
  font-size: 28px;
  color: #1dcc70;
}

.image-listview > li .item .in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
 /* padding: 3px 24px; */
}

.image-listview > li .item .in .p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 3px 24px;
}

.image-listview > li a.item {
  color: #27173E !important;
  padding-right: 36px;
}


.image-listview > li a.item:active {
  background: rgba(220, 220, 233, 0.3);
}

.image-listview > li a.item:after {

  font-family: "Ionicons";
  font-size: 18px;
  position: absolute;
  right: 16px;
  color: #A9ABAD;
  opacity: 0.6;
  line-height: 1em;
  height: 18px;
  top: 50%;
  margin-top: -9px;
}

.image-listview > li.active .item {
  background: rgba(220, 220, 233, 0.3) !important;
}

.image-listview.text > li:after {
  left: 16px;
}

.image-listview.media > li {
  border-bottom: 1px solid #DCDCE9;
}

.image-listview.media > li:last-child {
  border-bottom: 0;
}

.image-listview.media > li .imageWrapper {
  margin-right: 16px;
}

.image-listview.media > li:after {
  display: none;
}