@charset "UTF-8";

* {
	touch-action: pan-y;
}

.van-toast {
	word-break: break-word !important;
	white-space: normal;
}

.van-popup {
	background: #000;
}


body,
html {
	/* overflow-y: scroll ; 禁止页面滚动 */
	height: 100%;
}

.cg-default.van-button {
	box-shadow: 0 .05333rem #466d89;
	font-weight: 700;
	font-size: .4rem
}

.cg-default.van-button .van-button__icon {
	height: 100%;

	display: flex;

	align-items: center
}

.cg-default.van-button .van-button__icon>img {
	height: 80%
}

.container {
	position: relative;

	display: flex;

	flex-direction: column;

	align-items: center;
	height: auto;
	color: #fff;

	background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
	padding-top: .3rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.container .top_head {
	width: 90%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}


.container .top_head_btn {
	width: 100%;
	height: auto;
	padding: 0.33333rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	display: grid;
	grid-template-columns: repeat(2, 45%);
}


.container .top_head_btn a {
	width: 100%;
	height: auto;
	padding: 0.23333rem 0;
	border-radius: 0.08rem;
	background-color: #ffffff;
	font-size: .32rem;
	color: #FD5810;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top_head_group {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
}

.top_head_block {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}



.container:after {
	content: "";
	display: block;
	width: 100%;
	height: 1.86667rem;
	position: absolute;
	background-color: #f5f0f0;
	bottom: -.02667rem;
	z-index: 1
}

.container .amount {
	font-weight: 500;
	font-size: .64rem;
	line-height: .64rem;
	color: #fff;
	/* margin-bottom: .21333rem */
}

.container .amount_txt {
	/* height: .64rem; */
	min-width: 3.41333rem;
	/* background: #d9b38c; */
	border-radius: .66667rem;
	line-height: .64rem;
	text-align: center;
	font-size: .34667rem;
	margin-bottom: .13333rem;
	white-space: nowrap;
	padding: 0 .33333rem
}

.container .tip {
	font-size: 0.38333rem;
	margin-bottom: .26667rem
}

.container .info_content {

	display: flex;
	width: 90%;
	min-height: 5.06667rem;
	background-color: #fff;
	border-radius: .26667rem;
	overflow: hidden;

	justify-content: space-between;
	position: relative;
	z-index: 10;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.container .info_content .info {

	flex: 1;
	background-color: #ffffff;
	border-left: 1px solid #f5f0f0;
}

.container .info_content .info .head {
	height: 1.06667rem;
	line-height: 1.06667rem;
	background-color: #f6f6f6;
	color: #151515;
	font-size: .34667rem;
	padding-left: 1.01333rem;
	background-image: url(../img/agent/usernum.png);
	background-size: .64rem;
	margin-bottom: .2rem;
	background-repeat: no-repeat;
	background-position: .26667rem center
}

.container .info_content .info .head .u2 {
	background-image: url(../img/agent/u2.png)
}

.container .info_content .info .line1,
.container .info_content .info .line2,
.container .info_content .info .line3 {
	color: #888;
	font-size: .29333rem;
	text-align: center;
	min-height: 1.33333rem;
	padding-top: .2rem;
}

.container .info_content .info .line1>div,
.container .info_content .info .line2>div,
.container .info_content .info .line3>div {
	font-size: .37333rem
}

.container .info_content .info .line1>div {
	color: #333
}

.container .info_content .info .line2>div {
	color: #49ce9b
}

.container .info_content .info .line3>div {
	color: #ff8616
}




.content .shareBtnContainer {
	margin: .48rem 0 .34667rem;
	width: 100%;
	height: .93333rem;
	text-align: center
}

.content .shareBtnContainer .shareBtn {
	width: 8.8rem;
	height: 100%;
	color: #ffffff;
	font-size: .4rem;
	font-weight: 700;
	letter-spacing: .01333rem;
	border: none;
	border-radius: 99rem;

	background: linear-gradient(131deg, #FF962C 0%, #FD5810 100%)
}


.content .commission {

	display: flex;

	flex-direction: column;
	min-height: 2.93333rem;
	padding: 0.25333rem 0.18667rem;
	border-radius: 0.13333rem;
	background-color: #fff;
	box-shadow: 0 .05333rem 0.21333rem #d0d0ed5c;
	margin-bottom: 2.43333rem;
}

.content .commission__title {

	display: flex;

	align-items: center;
	margin-bottom: .22667rem;
	font-size: .37333rem;
	font-weight: 600;
	letter-spacing: .00667rem
}

.content .commission__title i {
	margin-right: .10667rem;
	font-size: .64rem;
}

.content .commission__title i img {
	width: 24px;
	height: 24px;
}

.content .commission__body {

	display: flex;

	align-items: center;

	justify-content: space-between;
	width: 100%;
	margin-top: .26667rem
}

.content .commission__body>div {

	flex: 1;

	display: flex;

	flex-direction: column;

	align-items: center
}

.content .commission__body>div span {
	letter-spacing: .01333rem;
	font-family: Inter, sans-serif;
	text-align: center
}

.content .commission__body>div span:first-of-type {
	color: #000;
	font-size: .4rem;
	font-weight: 500
}

.content .commission__body>div span:last-of-type {
	color: #666;
	font-size: .32rem;
	line-height: .53333rem
}

.content .commission__body>span {
	width: .00667rem;
	height: .93333rem;
	background: #bdbdbd
}

.promote__cell-item {
	padding: .37333rem .26667rem .37333rem .37333rem;
	background: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	border-radius: .26667rem;

	display: flex;

	justify-content: space-between;

	align-items: center;
	margin-bottom: .26667rem
}

.promote__cell-item .label {

	display: flex;

	align-items: center
}

.promote__cell-item .label img {
	width: .8rem;
	height: .8rem;
	margin-right: .13333rem
}

.promote__cell-item .label span {
	font-weight: 300;
	font-size: .37333rem;
	line-height: .29333rem;
	color: #333
}

.promote__cell-item .arrow {

	display: flex;

	align-items: center
}

.promote__cell-item .arrow span {
	font-weight: 400;
	font-size: .32rem;
	line-height: .29333rem;
	color: #666;
	margin-right: .10667rem
}

.promote__cell-item .arrow img,
.navbar__content-right img {
	width: .64rem;
	height: .64rem
}









.canvas {
	width: .26667rem;

	display: flex;

	flex-direction: column;
	position: absolute;

	justify-content: flex-start;
	z-index: 2;
	left: .29333rem;
	top: .50667rem
}

.canvas img {
	width: .26667rem;
	height: .26667rem;
	margin-bottom: .50667rem
}


canvas {
	position: absolute;
	left: .18667rem;
	top: 0;
	z-index: 1
}

.invitationDetail__container {
	padding-inline: .32rem;
	padding-block: 0 1.49333rem;
	font-family: bahnschrift
}

.invitationDetail__container .van-nav-bar {
	background-color: #f7f8ff
}

.invitationDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon,
.invitationDetail__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title {
	color: #151515
}

.invitationDetail__container-content img {
	width: 9.36rem;
	height: .58667rem
}

.invitationDetail__container-content__item {

	display: flex;

	flex-direction: column;
	gap: .32rem;
	padding: .32rem .13333rem;
	border-radius: .13333rem .13333rem 0 0;
	background-color: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.invitationDetail__container-content__item-body {

	display: flex;

	flex-direction: column;
	gap: .13333rem;
	font-weight: 400;
	font-size: .34667rem;
	color: #666
}

.invitationDetail__container-content__item-body>div {

	display: flex;

	align-items: center;

	justify-content: space-between
}

.invitationDetail__container-content__item-body>div:nth-of-type(2) span:last-of-type,
.invitationDetail__container-content__item-body>div:nth-of-type(3) span:last-of-type,
.invitationDetail__container-content__item-body>div:nth-of-type(4) span:last-of-type {
	color: #ff7f22
}

.invitationDetail__container-content__item-body>div span {
	height: .8rem;
	padding: 0 .26667rem;
	line-height: .8rem
}

.invitationDetail__container-content__item-body>div span:first-of-type {

	flex: .45;

	clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%)
}

.invitationDetail__container-content__item-body>div span:last-of-type {

	flex: .55;
	text-align: right
}

.invitationDetail__container-content .btnExamine {
	background: #fff;

	display: flex;

	justify-content: center;
	padding-top: .33333rem;
	padding-bottom: .4rem
}

.invitationDetail__container-content .btnExamine>button {
	background: #fff;
	border: .01333rem solid #ff7172;
	border-radius: 1.06667rem;
	height: .8rem;
	line-height: .8rem;
	width: 85%;
	color: #ff7172;
	font-weight: 400;
	font-size: .37333rem;
	text-align: center
}

.invitationDetail__container .itemTop {
	color: #333;
	font-weight: 400;
	font-size: .37333rem;
	padding: .26667rem;
	background: #fff;
	margin-top: -.12rem
}

.invitationDetail__container-betHistory {
	background: #fff;
	margin-top: -.12rem;
	padding: .45333rem .32rem .26667rem;
	position: relative
}

.invitationDetail__container-betHistory>div {

	display: flex;

	justify-content: space-between;

	align-items: center;
	height: .37333rem;
	margin-bottom: .4rem
}

.invitationDetail__container-betHistory>div span {
	color: #7e829f;
	font-size: .34667rem;
	line-height: .37333rem;
	margin-left: .37333rem
}

.invitationDetail__container-betHistory>div div {
	font-size: .34667rem;
	line-height: .37333rem;
	color: #333
}










.myCommission__container {
	padding: 0 .32rem;
	font-family: bahnschrift
}

.myCommission__container .ar-searchbar__selector,
.myCommission__container .ar-searchbar,
.myCommission__container .ar-searchbar-type {
	width: 100%
}

.myCommission__container-content {

	display: flex;

	flex-direction: column;
	/* gap: .26667rem; */
	margin-top: .36rem
}

.myCommission__container-content__item {
	border-radius: .13333rem;
	font-size: .34667rem;
	font-weight: 500;
	background: #ffffff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	margin-bottom: .4rem;
}

.myCommission__container-content__item-header {

	display: flex;

	justify-content: space-between;
	margin-bottom: .13333rem;
	color: #333;
	font-weight: 400;

	background: linear-gradient(90deg, #FD5810 0%, #FF962C 100%);
	height: .93333rem;
	line-height: .93333rem;
	padding: 0 .23333rem;
	border-radius: .13333rem .13333rem 0 0
}

.myCommission__container-content__item-header span {
	font-weight: 400;
	font-size: .37333rem;
	color: #fff
}

.myCommission__container-content__item-header .detail {
	width: 3rem;
	height: .56rem;
	border: .01333rem solid #f95959;
	border-radius: .26667rem;
	text-align: center;
	color: #f95959;
	font-size: .32rem;
	position: relative
}

.myCommission__container-content__item-header .detail:after {
	content: ">";
	font-size: .4rem;
	position: absolute;
	right: .46667rem;
	top: -.06667rem
}

.myCommission__container-content__item-body {

	display: flex;

	flex-direction: column;
	gap: .2rem;
	padding: .26667rem .13333rem;
	display: grid;
}

.myCommission__container-content__item-body>div {

	display: flex;

	justify-content: space-between;
	background: #fafafa
}

.myCommission__container-content__item-body>div:first-of-type span:last-of-type {
	color: #fa5a5a
}

.myCommission__container-content__item-body>div span {
	height: .8rem;
	padding: 0 .26667rem;
	color: #72768f;
	font-size: .32rem;
	line-height: .8rem
}

.myCommission__container-content__item-body>div span:first-of-type {

	flex: .45;
	background: #f2f2f2;

	clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%)
}

.myCommission__container-content__item-body>div .amount {
	color: #ff7f22;
	font-size: .4rem
}

.myCommission__container-content__item-body>div .amount.orange {
	color: #ff7f22
}

.myCommission__container-content__item-body>div .amount.grey {
	color: #888 !important
}

.myCommission__container-content__item-body>div .amount.fw {
	font-weight: 600
}

.myCommission__container-content__item-body>div .level {
	color: #FD5810;
	font-size: .4rem;
	font-weight: 700
}

.myCommission__container-content__item-bottom {
	padding: .36667rem .23333rem;
	border-top: 1px solid #f1f1f1;
	font-size: .4rem;
}

.myCommission__container-content__item-bottom span {
	font-weight: bold;
	color: #D61F24;
}

.myCommission__container {
	padding-bottom: 0;
	font-family: Inter, sans-serif
}

.myCommission__container .navbar .navbar__content .navbar__content-right {

	display: flex;

	align-items: center
}

.myCommission__container .navbar .navbar__content .navbar__content-right svg {
	width: .58667rem;
	height: .58667rem;
	margin-right: .06667rem
}

.myCommission__container .navbar .navbar__content .navbar__content-right span {
	color: #666;
	font-size: .32rem
}

.myCommission__container-msgWrapper {

	display: flex;

	flex-direction: column;
	gap: .32rem;
	overflow: hidden;
	overflow-y: scroll
}

.myCommission__container-msgWrapper__item {
	padding: .26667rem;
	border-radius: .06667rem;
	background: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.myCommission__container-msgWrapper__item-title {

	display: flex;

	align-items: center
}

.myCommission__container-msgWrapper__item-title svg {
	width: .64rem;
	height: .64rem
}

.myCommission__container-msgWrapper__item-title svg:last-of-type {
	width: .48rem;
	height: .48rem;
	margin-left: auto
}

.myCommission__container-msgWrapper__item-title span {
	margin-left: .09333rem;
	font-size: .4rem;
	font-weight: 600
}

.myCommission__container-msgWrapper__item-time {
	margin-block: .10667rem .37333rem;
	color: #888;
	font-size: .32rem;
	font-weight: 400
}

.myCommission__container-msgWrapper__item-content {
	color: #666;
	font-size: .32rem;
	font-weight: 400;
	word-break: break-word
}

.myCommission__container-empty {
	position: absolute;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%)
}



.searchbar-container {
	position: relative
}

.searchbar-container__searchbar {
	width: 100%;
	padding: .26667rem;
	outline: none;
	border: none;
	border-radius: .8rem;
	background: #ffffff;
	font-size: .37333rem;
	box-shadow: 0 0.10667rem 0.21333rem #d0d0ed5c;
}

.searchbar-container__searchbar::-webkit-input-placeholder {
	color: #acafc2
}

.searchbar-container__searchbar::placeholder {
	color: #acafc2
}

.searchbar-container .searchIcon {
	position: absolute;
	right: .13333rem;
	/* top: 12%; */
	width: 1.6rem;
	height: auto
}

.searchbar-container .clearIcon {
	width: .6rem;
	height: auto;
	position: absolute;
	right: .4rem;
	top: 20%
}










.myInvitation__container {
	padding-inline: .32rem;
	padding-block: 0 1.49333rem;
	font-family: bahnschrift
}

.myInvitation__container .van-nav-bar {
	background-color: #f7f8ff
}

.myInvitation__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon,
.myInvitation__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title {
	color: #151515
}

.myInvitation__container-searchbar {

	display: flex;

	align-items: center;

	justify-content: space-between;
	gap: .29333rem;
	width: 100%;
	font-size: .37333rem;
	margin-top: .26667rem
}

.myInvitation__container-searchbar span {
	color: #acafc2
}

.myInvitation__container-searchbar .default_active {
	color: #666
}

.myInvitation__container-searchbar__selector {
	position: relative;

	display: flex;
	width: 4.53333rem;
	height: 1.06667rem;
	color: #666
}

.myInvitation__container-searchbar__selector>div {
	width: 100%;
	line-height: 1.06667rem;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.myInvitation__container-searchbar__selector>div:first-of-type {
	position: relative;
	padding: 0 .26667rem;
	z-index: 10
}

.myInvitation__container-searchbar__selector>div:first-of-type i {
	position: absolute;
	top: 50%;
	right: .21333rem;

	transform: translateY(-50%);

	transition: all .2s ease-in-out
}

.myInvitation__container-searchbar__selector-dropdown {
	position: absolute;
	top: 100%;

	transform: translateY(-10%);
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	border: .01333rem solid #ffc8c8;
	overflow: hidden;

	transition: all .2s ease-in-out
}

.myInvitation__container-searchbar__selector-dropdown li {
	padding: 0 .26667rem;
	list-style: none
}

.myInvitation__container-searchbar__selector-dropdown li.selected {
	color: #fff;
	background-color: #ff7374
}

.myInvitation__container-searchbar__selector.active>div:first-of-type i {

	transform: translateY(-50%) rotate(180deg);

	transform-origin: center
}

.myInvitation__container-searchbar__selector.active>div:last-of-type {

	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	z-index: 1
}

.myInvitation__container-searchbar>i {
	font-size: 1.625rem
}

.myInvitation__container-content {

	display: flex;

	flex-direction: column;
	gap: .26667rem;
	margin-top: .56rem
}

.myInvitation__container-content__item {

	display: flex;

	flex-direction: column;
	gap: 1rem;
	padding: .32rem .13333rem;
	border-radius: .13333rem;
	background-color: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	margin-bottom: .26667rem
}

.myInvitation__container-content__item-header {

	display: flex;

	align-items: center;
	gap: .13333rem
}

.myInvitation__container-content__item-header span {
	width: 2rem;
	height: .66667rem;
	font-size: .37333rem;
	text-align: center;
	line-height: .66667rem;
	border-radius: .13333rem
}

.myInvitation__container-content__item-header span:first-of-type {
	margin-left: .13333rem;
	color: #fff;
	background: #49ce9b
}

.myInvitation__container-content__item-header span:nth-of-type(2) {
	color: #ff7172;
	border: .01333rem solid #ff7172
}

.myInvitation__container-content__item-header span:last-of-type {
	margin-left: auto
}

.myInvitation__container-content__item-header span.inactive {
	background: #ff7172
}

.myInvitation__container-content__item-body {

	display: flex;

	flex-direction: column;
	gap: .13333rem;
	font-size: .32rem;
	color: #72768f
}

.myInvitation__container-content__item-body>div {

	display: flex;

	align-items: center;

	justify-content: space-between;
	background: #f7f8ff
}

.myInvitation__container-content__item-body>div:last-of-type span:last-of-type {
	color: #fa5a5a
}

.myInvitation__container-content__item-body>div span {
	height: .8rem;
	padding: 0 .26667rem;
	line-height: .8rem
}

.myInvitation__container-content__item-body>div span:first-of-type {

	flex: .45;
	background: #f1f3ff;

	clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%)
}

.myInvitation__container-content__item-body>div span:last-of-type {

	flex: .55;
	text-align: right
}

.look_detail {
	color: #333
}










.myReceive__container {
	padding-inline: .32rem;
	padding-block: 0 1.49333rem;
	font-family: bahnschrift
}

.myReceive__container-searchbar {

	display: flex;

	align-items: center;

	justify-content: space-between;
	width: 100%;
	height: 1.06667rem
}

.myReceive__container-searchbar__selector {
	position: relative;

	display: flex;

	flex: 1;
	height: 100%;
	line-height: 1.06667rem;
	color: #666
}

.myReceive__container-searchbar__selector>div {
	width: 100%;
	font-size: .37333rem;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.myReceive__container-searchbar__selector>div:first-of-type {
	position: relative;
	padding: 0 .26667rem;
	z-index: 2
}

.myReceive__container-searchbar__selector>div:first-of-type i {
	position: absolute;
	top: 50%;
	right: .26667rem;

	transform: translateY(-50%);

	transition: all .2s ease-in-out
}

.myReceive__container-searchbar__selector-dropdown {
	position: absolute;
	top: 100%;

	transform: translateY(-10%);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	border: .01333rem solid #ffc8c8;
	overflow: hidden;

	transition: all .2s ease-in-out
}

.myReceive__container-searchbar__selector-dropdown li {
	padding: 0 .26667rem;
	list-style: none
}

.myReceive__container-searchbar__selector-dropdown li.selected {
	color: #fff;
	background-color: #ff7374
}

.myReceive__container-searchbar__selector.active>div:first-of-type i {

	transform: translateY(-50%) rotate(180deg);

	transform-origin: center
}

.myReceive__container-searchbar__selector.active>div:last-of-type {

	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	z-index: 1
}

.myReceive__container-content {

	display: flex;

	flex-direction: column;
	gap: .26667rem;
	margin-top: .56rem
}

.myReceive__container-content__item {

	display: flex;

	flex-direction: column;
	height: 3.09333rem;
	padding: .32rem .13333rem;
	border-radius: .13333rem;
	background-color: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.myReceive__container-content__item-header {

	display: flex;

	align-items: center;
	gap: .13333rem
}

.myReceive__container-content__item-header span {
	font-size: .34667rem;
	text-align: center
}

.myReceive__container-content__item-header span:first-of-type {

	display: flex;

	align-items: center;
	margin-left: .13333rem;
	color: #333
}

.myReceive__container-content__item-header span:first-of-type i {
	margin-right: .08rem;
	font-size: .53333rem
}

.myReceive__container-content__item-header span:last-of-type {
	margin-left: auto;
	padding: .08rem .36rem;
	border: .01333rem solid #dbdbdb;
	border-radius: .13333rem
}

.myReceive__container-content__item>div:nth-of-type(2) {
	margin-bottom: .36rem;
	padding-left: .13333rem;
	color: #fa5a5a;
	font-size: .64rem;
	line-height: .64rem
}

.myReceive__container-content__item-body {

	display: flex;

	flex-direction: column;
	gap: .375rem;
	font-size: .875rem;
	color: #72768f
}

.myReceive__container-content__item-body>div {

	display: flex;

	align-items: center;

	justify-content: space-between;
	background: #f7f8ff
}

.myReceive__container-content__item-body>div:last-of-type span:last-of-type {
	color: #aeb0c6
}

.myReceive__container-content__item-body>div span {
	height: .8rem;
	padding: 0 .26667rem;
	line-height: .8rem
}

.myReceive__container-content__item-body>div span:first-of-type {

	flex: .45;
	background: #f1f3ff;

	clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%)
}

.myReceive__container-content__item-body>div span:last-of-type {

	flex: .55;
	text-align: right
}


.promotion-page {
	padding: 0 .34667rem;
	font-family: bahnschrift
}

.promotion-page .promotion-mian {
	padding-top: .4rem
}

.promotion-page .promotion-mian .promotion-mian__title {
	text-align: center;
	margin-bottom: .66667rem
}

.promotion-page .promotion-mian .promotion-mian__title h1 {
	margin-bottom: .2rem;
	color: #FF962C;
	font-size: .48rem;
	line-height: .48rem;
	font-weight: 600
}

.promotion-page .promotion-mian .promotion-mian__title p {
	color: #666;
	font-size: .37333rem
}

.promotion-page .promotion-mian .promotion-box {
	position: relative;
	padding: .57333rem .24rem .33333rem;
	border: .01333rem solid #FF962C;
	border-top-left-radius: .26667rem;
	border-top-right-radius: .26667rem;
	background: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	margin-bottom: .66667rem
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle {
	position: absolute;
	top: 0;
	left: 50%;

	transform: translate(-50%);
	width: 100%
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle span {
	position: absolute;
	top: 0
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle span:first-of-type,
.promotion-page .promotion-mian .promotion-box__borderTopStyle span:last-of-type {
	width: .68rem;
	height: .68rem
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle span:first-of-type:after,
.promotion-page .promotion-mian .promotion-box__borderTopStyle span:last-of-type:after {
	content: "";
	position: absolute;
	top: .29333rem;
	width: .13333rem;
	height: .13333rem;
	border-radius: 50%;
	background-color: #FF962C
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle span:first-of-type {
	left: -.01333rem;
	border-top-left-radius: .26667rem;
	border-top: .06667rem solid #FF962C;
	border-left: .06667rem solid #FF962C
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle span:first-of-type:after {
	left: .2rem
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle span:last-of-type {
	right: 0;
	border-top-right-radius: .26667rem;
	border-top: .06667rem solid #FF962C;
	border-right: .06667rem solid #FF962C
}

.promotion-page .promotion-mian .promotion-box__borderTopStyle span:last-of-type:after {
	right: .2rem
}

.promotion-page .promotion-mian .promotion-box__titleLeft,
.promotion-page .promotion-mian .promotion-box__titleRight {
	position: absolute;
	top: -.26667rem;
	width: .26667rem;
	height: .53333rem;
	background-color: #FF962C;

	clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%);
	z-index: 5
}

.promotion-page .promotion-mian .promotion-box__titleLeft {
	left: calc(50% - 1.2rem);

	transform: translate(-50%)
}

.promotion-page .promotion-mian .promotion-box__titleRight {
	left: calc(50% + 1.2rem);

	transform: translate(-50%) rotate(180deg)
}

.promotion-page .promotion-mian .promotion-box .promotion-title {
	position: absolute;
	top: -.26667rem;
	left: 50%;

	transform: translate(-50%);
	width: 2.13333rem;
	height: .53333rem;
	color: #fff;
	font-size: .32rem;
	text-align: center;
	line-height: .53333rem;
	background-color: #FF962C;

	clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%)
}

.promotion-page .promotion-mian .promotion-box .promotion-txt {
	color: #666;
	font-size: .32rem;
	letter-spacing: .01333rem;
	line-height: .50667rem
}

.promotion-page .promotion-mian .promotion-box .promotion-txt .txt {
	color: #FD5810
}

.promotion-page .promotion-mian .promotion-box:nth-of-type(6) {
	margin-bottom: 0;
	border-bottom: none
}

.promotion-page .promotion-mian .promotion-box:nth-of-type(6) .promotion-txt {
	padding-bottom: 1.06667rem
}

.promotion-page .promotion-mian .promotion-grade {
	overflow: hidden;
	margin-bottom: .66667rem
}

.promotion-page .promotion-mian .promotion-grade-th {

	display: flex;
	height: 1.33333rem;
	color: #fff;
	font-size: .34667rem;
	line-height: 1.33333rem;
	background: #FF962C;
	text-align: center
}

.promotion-page .promotion-mian .promotion-grade-th .item {

	flex: 1
}

.promotion-page .promotion-mian .promotion-grade-tr {

	display: flex;
	width: calc(100% + .01333rem);
	background-color: #fff;
	margin: 0 -.01333rem;
	color: #666
}

.promotion-page .promotion-mian .promotion-grade-tr .item {

	display: flex;

	align-items: center;

	justify-content: center;
	width: 33.3%;
	height: .93333rem;
	padding: .06667rem 0;
	border: .01333rem solid #ffaf99;
	font-size: .34667rem;
	margin-bottom: -.01333rem;
	margin-right: -.01333rem
}

.promotion-page .promotion-mian .promotion-content {
	width: 100%;
	margin-bottom: .53333rem;
	overflow: hidden
}

.promotion-page .promotion-mian .promotion-content_title {
	position: relative;

	display: flex;

	align-items: center;
	margin-bottom: .28rem;
	font-size: .37333rem;
	font-weight: 600
}

.promotion-page .promotion-mian .promotion-content_title:before {
	content: "";
	display: block;
	width: .08rem;
	height: .4rem;
	margin-right: .22667rem;
	background-color: #FD5810
}










.promotionShare__container {
	/* padding-block: 0 1.49333rem */
	overflow: hidden;
}

.promotionShare__container .van-nav-bar {
	background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
}

.promotionShare__container .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon,
.promotionShare__container .van-nav-bar .van-nav-bar__content .van-nav-bar__title {
	color: #151515
}

.promotionShare__container-tips {
	margin: .53333rem 0;
	color: #666;
	font-size: .37333rem;
	text-align: center
}

.promotionShare__container .swiper {
	width: 100%;
	height: auto;
	background: none;
}

.promotionShare__container .swiper-wrapper .swiper-slide {
	width: 6.93333rem;
	height: 11.46667rem;
	text-align: center
}

.promotionShare__container-slogan {

	display: flex;

	align-items: center;

	justify-content: center;
	margin: .8rem .98667rem;
	font-size: .42667rem
}

.promotionShare__container-slogan p {
	color: #151515
}

.promotionShare__container-slogan p:first-of-type {
	margin-right: .72rem
}

.promotionShare__container-slogan p span {
	color: #FD5810;
	font-weight: 700
}

.promotionShare__container-buttons {

	display: flex;

	flex-direction: column;

	align-items: center;

}

.promotionShare__container-buttons div {
	width: 8.8rem;
	height: 36px;
	color: #fff;
	font-size: .4rem;
	/* line-height: .93333rem; */
		border-radius: 9rem;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: .6rem;
}

.promotionShare__container-buttons div.share {

	background: linear-gradient(#FF962C, #FD5810);
	box-shadow: 0 .05333rem #FD5810;
	cursor: pointer;
}



.promotionShare__container-buttons div.cpy {
	color: #FD5810;
	border: 1px solid #FD5810;
	/* margin-top: 24px; */
	cursor: pointer;
}

.promotionShare__container-swiper {
	position: relative;
	background: url(../img/agent/poster.png) no-repeat center;
	background-size: 100% 100%;
	height: 100%
}

.promotionShare__container-swiper .sContent {
	padding: .53333rem;

	display: flex;

	flex-direction: column
}

.promotionShare__container-swiper .sContent .logo {
	width: 2.21333rem;
	/* height: .50667rem */
}

.promotionShare__container-swiper .sContent .head1 {

	display: flex;

	flex-direction: row;

	justify-content: space-around;

	align-items: center;
	margin-top: .26667rem
}

.promotionShare__container-swiper .sContent .head1>span:nth-of-type(1) {
	font-family: Kumar One;
	font-style: normal;
	font-weight: 400;
	font-size: .42667rem;
	line-height: .76rem;
	color: #fff
}

.promotionShare__container-swiper .sContent .head1>span:nth-of-type(2),
.promotionShare__container-swiper .sContent .head1>span:nth-of-type(3) {
	background: url(../img/agent/txt_bg.png) no-repeat center;
	background-size: 100% 100%;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	font-size: .34667rem;
	line-height: .41333rem;
	color: #f24544;
	padding: .08rem .13333rem
}

.promotionShare__container-swiper .sContent .head2 {
	font-family: Kumbh Sans;
	font-style: normal;
	font-weight: 900;
	font-size: .64rem;
	line-height: .8rem;
	letter-spacing: .13333rem;
	margin-left: .08rem;
	text-align: center;
	color: #fff;
	text-shadow: 0 .02667rem 0 #ff964e, 0 .08rem .13333rem #e64646
}

.promotionShare__container-swiper .sContent .head2>span {
	color: #fff3c3
}

.promotionShare__container-swiper .sContent .head3 {

	display: flex;

	flex-direction: row;

	justify-content: space-around;
	margin-top: .32rem
}

.promotionShare__container-swiper .sContent .head3>div {

	display: flex;

	flex-direction: column;

	align-items: center;
	color: #fff;
	font-family: Kumbh Sans;
	font-style: normal;
	font-weight: 400;
	font-size: .34667rem;
	line-height: .42667rem;
	border: .01333rem solid #fff4c6;
	border-radius: .13333rem;
	min-width: 2.4rem;
	min-height: 1.6rem;
	gap: .08rem;

	justify-content: center
}

.promotionShare__container-swiper .sContent .head3>div>img {
	width: .8rem;
	height: .8rem
}

.promotionShare__container-swiper .sContent .head4 {
	color: #fff;
	font-family: Kumbh Sans;
	font-style: normal;
	font-weight: 700;
	font-size: .42667rem;
	line-height: .53333rem;
	margin-top: .66667rem;
	letter-spacing: .06667rem
}

.promotionShare__container-swiper .sContent .head4>span {
	letter-spacing: .01333rem;
	color: #fdf1ad;
	text-shadow: 0 .02667rem 0 #fd5f06
}

.promotionShare__container-swiper canvas,
.promotionShare__container-swiper .qr-codeimg {
	position: absolute;
	top: 8.4rem;
	left: 50%;
	margin-left: -1.2rem;
	z-index: 22;
	width: 2.42667rem !important;
	height: 2.42667rem !important;
	background: #ffffff;
	padding: 4px;
}



.x-page {
	overflow: hidden;
	padding: 0 .32rem
}

.x-page .navbar-right {
	width: .6rem
}

.x-page .tabs {
	background: 0 0;
	margin-left: -.13333rem;
	width: calc(100% + .13333rem);
}

.tab_item {
	/* width: 2.53333rem; */
	height: 1.33333rem;
	margin-inline: .06667rem;
	padding: 0;
	color: #80849c !important;
	border-radius: .13333rem;
	background: #ffffff;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;
	box-shadow: 0 0.10667rem 0.21333rem #d0d0ed5c;
}

.tab_item img {
	width: auto;
	height: .66667rem;
}

.tab_item span {
	font-size: .32rem;
}

.x-page .tab_active {
	color: #fff !important;

	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%)
}


.x-page .tab_active img {}



.x-page .fun-tabs .fun-tab-item {
	padding: .18667rem 0
}

.x-page-list {
	padding-bottom: .53333rem;
	margin-top: .26667rem
}

.x-page-list .item {
	background-color: #ffffff;
	margin-bottom: .26667rem;
	padding: .26667rem;
	border-radius: .13333rem;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.x-page-list .item .title {
	font-size: .37333rem;
	color: #333;
	height: .8rem;
	line-height: .8rem;

	display: flex
}

.x-page-list .item .title span {
	display: block;
	width: .6rem;
	margin-left: .13333rem;
	font-weight: 800;
	font-size: .53333rem;
	color: #FD5810;
	font-style: italic
}

.x-page-list .item .box .li {
	height: .66667rem;
	line-height: .66667rem;
	position: relative;
	padding-left: .53333rem
}

.x-page-list .item .box .li:first-child:after {
	display: none
}

.x-page-list .item .box .li:after {
	content: "";
	position: absolute;
	border-left: .01333rem dashed #FD5810;
	height: .2rem;
	top: -.10667rem;
	left: .10667rem
}

.x-page-list .item .box .li .img {
	position: absolute;
	left: 0;
	top: 50%;

	transform: translateY(-50%);
	display: block;
	width: .26667rem;
	height: .26667rem
}

.x-page-list .item .box .li>div {
	width: 100%;

	display: flex;

	justify-content: space-between
}

.x-page-list .item .box .li>div .sum {
	color: #7e829f;
	font-size: .34667rem
}

.x-page-list .item .box .li>div .num {
	font-size: .34667rem;
	color: #333
}







.customer-container-header .navbar .navbar__content .navbar__content-left .van-icon,
.customer-container-header .navbar .navbar__content .navbar__content-center {
	color: #fff
}

.customer-container-header-belly {

	background-image: linear-gradient(-90deg, #FD5810 0%, #FF962C 100%);

	display: flex
}

.customer-container-header-belly img {
	height: 4rem;
	margin: auto
}




.CustomerService {
	padding: 0.29333rem 0.32rem 0;
	position: relative;
	z-index: 99;
	width: 100%;
	/* height: 100%; */
	background: #f5f0f0;
	margin-top: -0.58667rem;
	border-top-right-radius: 0.53333rem;
	border-top-left-radius: 0.53333rem;
}

.content-item {

	display: flex;

	justify-content: space-between;

	align-items: center;
	width: 100%;
	height: 1.46667rem;
	background: #fff;
	box-shadow: 0 0.05333rem 0.21333rem #d0d0ed5c;
	border-radius: 0.13333rem;
	margin-top: 0.4rem;
	color: #222;
	padding: 0.13333rem 0 0.13333rem 0.32rem;
}

.content-item-title {

	display: flex;

	justify-content: flex-start;

	align-items: center;
}

.content-item img {
	width: 1.06667rem;
	padding-right: 0.32rem;
}

.content-item span {
	font-size: .37333rem;
	color: #222;
}





/* .subordinate__container {
	padding-inline: .32rem;
	padding-bottom: .26667rem
} */

.subordinate__container-header {
	/* position: fixed;
	left: 50%;
	
	transform: translate(-50%); */
	width: 100%;
	/* max-width: 10rem; */

	user-select: none;
	z-index: 100
}

.subordinate__container-content {

	display: flex;

	flex-direction: column;
	/* margin-top: 1.73333rem; */
	margin-bottom: 0.4rem;
	border-radius: 0.13333rem;
	background-color: #ffffff;
	padding: 0 0.33333rem
}

.subordinate__container-content__item {
	padding: .33333rem 0;
	border-bottom: .01333rem solid #d6d6d6
}

.subordinate__container-content__item>div {
	color: #666;
	font-weight: 400;
	font-size: .34667rem;

	display: flex;

	justify-content: space-between;
	margin-top: .13333rem;
	margin-bottom: .26667rem
}

.subordinate__container-content__item>div:nth-of-type(2)>span:nth-of-type(1) {
	color: #333
}

.subordinate__container-content__item>div:nth-of-type(2)>span:nth-of-type(2) {
	color: #888
}

.subordinate__container-content__item:last-child {
	border-bottom: none
}

.van-tabs {
	z-index: 100
}

.van-tabs .van-tabs__wrap {
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem .05333rem #d0d0ed5c
}

.top-tabBar {
	margin-bottom: .26667rem
}

.top-tabBar .van-tabs__nav--card {
	height: .8rem;
	margin: 0;

	display: flex;
	gap: .26667rem;

	justify-content: space-between
}

.top-tabBar .van-tabs__nav--card .van-tab--card {
	height: 100%;
	padding: 0 .13333rem;
	color: #80849c !important;
	border-radius: .13333rem;
	box-shadow: 0 .10667rem .21333rem .05333rem #d0d0ed5c;
	font-weight: 400;
	font-size: .34667rem
}

.top-tabBar .van-tabs__nav--card .van-tab--card>span {

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: center;
	white-space: nowrap
}

.top-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active {
	color: #fff !important;

	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%);
	box-shadow: 0 .08rem .16rem #d0d0ed99, inset 0 -.05333rem .13333rem #fff6f4
}

.footer-tabBar .van-tabs__nav--card {
	height: 1.17333rem;
	margin: 0;

	display: flex;

	justify-content: space-between;
	border-radius: .13333rem
}

.footer-tabBar .van-tabs__nav--card .van-tab--card {
	height: 100%;
	padding: 0 .13333rem;
	background: #ffffff !important;
	font-weight: 400;
	font-size: .34667rem;
	color: #888 !important;
	border: transparent
}

.footer-tabBar .van-tabs__nav--card .van-tab--card>span {

	display: flex;

	flex-direction: row;

	align-items: center;

	justify-content: center;
	white-space: nowrap
}

.footer-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active {
	color: #FF962C !important;
	position: relative
}

.footer-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: .01333rem;
	border-bottom: 2px solid #FF962C;
	color: #FF962C
}

@media screen and (max-width:500px) {
	.subordinate__container-header {
		max-width: none;
		/* padding: 0 .32rem */
	}
}


.TeamReport__C {
	padding: 0 .32rem
}

.TeamReport__C-head {
	/* height: 2.4rem */
}

.TeamReport__C-head-fixed {
	/* position: fixed; */
	/* top: 1.92667rem; */
	width: 100%;
	/* left: 50%;
	
	transform: translate(-50%); */
	max-width: 500px;
	background: #f5f0f0;
	padding-top: .32rem
}

.TeamReport__C-head-line2 {
	height: 1.06667rem;
	width: 100%;

	display: flex;

	justify-content: space-between;
	color: #acafc2;
	font-size: .37333rem;
	margin-top: .26667rem
}

.TeamReport__C-head-line2>div {
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	border-radius: .13333rem;
	line-height: 1.06667rem;
	width: calc(100% - .13333rem);
	padding: 0 .26667rem;

	display: flex;

	justify-content: space-between;

	align-items: center;
	background-color: #fff
}

.TeamReport__C-head-line2>div+div {
	margin-left: .26667rem
}

.TeamReport__C-head-line2 .default {
	color: #666;
	width: 100%;
}

.TeamReport__C-body {
	margin-top: .43333rem;
	color: #666
}

.TeamReport__C-body-item {
	background: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	border-radius: .13333rem;
	padding: 0 .26667rem
}

.TeamReport__C-body-item-head {
	height: .93333rem;
	padding-top: .13333rem;
	border-bottom: .01333rem solid #d6d6d6;

	display: flex;

	align-items: center;
	font-size: .42667rem;
	color: #333
}

.TeamReport__C-body-item-head .title {
	min-width: 2.66667rem
}

.TeamReport__C-body-item-head img {
	width: .4rem;
	margin-left: .1rem;
}

.TeamReport__C-body-item-detail {
	padding: .29333rem 0;
	color: 666;
	font-size: .34667rem
}

.TeamReport__C-body-item-detail>div {
	height: .4rem;

	display: flex;

	justify-content: space-between;

	align-items: center
}

.TeamReport__C-body-item-detail>div+div {
	margin-top: .29333rem
}

.TeamReport__C-body-item-detail-time span {
	font-size: .32rem;
	color: #aeb0c6
}

.TeamReport__C-body-item-detail-commission span {
	color: #ff7f22
}

.TeamReport__C-body-item+div {
	margin-top: .32rem
}

.TeamReport__C-body .header-container {
	min-height: 2.66667rem;
	background-color: #FF962C;
	color: #fff;
	font-size: .32rem;
	box-shadow: 0 -.05333rem .13333rem #fff6f4 inset;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;

	display: flex;
	padding: .53333rem 0;
	margin-bottom: .4rem;
	border-radius: .26667rem;

	flex-wrap: wrap
}

.TeamReport__C-body .header-container>div {
	width: 50%;
	text-align: center
}

/* .TeamReport__C-body .header-container>div:nth-of-type(3) {
	margin: .13333rem auto 0
}

.TeamReport__C-body .header-container>div:nth-of-type(3):before {
	display: none
} */

.TeamReport__C-body .header-container>div {
	position: relative;
	margin-bottom: .53333rem
}

.TeamReport__C-body .header-container>div:nth-child(n+5) {
	margin-bottom: 0
}

/* .TeamReport__C-body .header-container>div+div:before {
	content: "";
	display: block;
	position: absolute;
	border-right: .01333rem solid #ffffff;
	height: 100%;
	width: 0;
	left: 0;
	top: 0
} */

.TeamReport__C-body .header-container>div:nth-child(odd) {

	border-right: .01333rem solid #ffffff;

}


.TeamReport__C-body .header-container .num {
	height: .56rem;
	font-size: .48rem;
	font-weight: 700;
	margin-bottom: .2rem
}

.icon-LV {
	height: .61333rem;
	width: 1.33333rem;
	background: url(../img/agent/lv.png) no-repeat center center;
	background-size: cover;
	position: relative;
	text-align: center
}

.icon-LV .txt {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	height: .4rem;
	line-height: .42667rem;
	width: .69333rem;

	background: linear-gradient(180deg, #fffba9 0%, #fff670 56.13%, #ffd180 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent
}

.TeamReportDetail__C {
	padding: 0 .32rem
}

.TeamReportDetail__C-head {
	margin-top: .26667rem;
	box-shadow: .02667rem .10667rem .13333rem #d0d0ed5c;
	border-radius: .13333rem .13333rem 0 0;
	background-color: #f5f0f0;
	min-height: 3.46667rem;
	padding: 0 .26667rem
}

.TeamReportDetail__C-head-top {
	height: 1.06667rem;
	border-bottom: .01333rem solid #d6d6d6;

	display: flex;
	font-size: .37333rem;

	justify-content: space-between;

	align-items: center;
	color: #333
}

.TeamReportDetail__C-head-detail {
	padding: .29333rem 0;
	font-size: .34667rem;
	color: #666
}

.TeamReportDetail__C-head-detail>div {
	height: .4rem;

	display: flex;

	justify-content: space-between;

	align-items: center
}

.TeamReportDetail__C-head-detail>div+div {
	margin-top: .29333rem
}

.TeamReportDetail__C-head-detail-time span {
	font-size: .34667rem;
	color: #ff7f22
}

.TeamReportDetail__C-head-detail-commission span {
	color: #ff7f22
}

.TeamReportDetail__C-img {
	height: .56rem;
	width: 100%;
	background: #f5f0f0;
	position: relative
}

.TeamReportDetail__C-img:after,
.TeamReportDetail__C-img:before {
	content: "";
	display: block;
	width: .56rem;
	height: .56rem;
	border-radius: .56rem;
	background-color: #fff;
	position: absolute;
	top: 0
}

.TeamReportDetail__C-img:after {
	left: -.28rem
}

.TeamReportDetail__C-img:before {
	right: -.28rem
}

.TeamReportDetail__C-detail {
	border-radius: 0 0 .13333rem .13333rem;
	background-color: #f5f0f0;
	padding: .26667rem .32rem .4rem
}

.TeamReportDetail__C-detail .btn {
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	border: .01333rem solid #FD5810;
	color: #FD5810;
	text-align: center;
	border-radius: .8rem
}

.TeamReportDetail__C-body {
	background: #f5f0f0;
	margin-top: .26667rem;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.TeamReportDetail__C-body .title {
	font-size: .37333rem;
	color: #333;
	padding: .26667rem .33333rem 0
}

.TeamReportDetail__C-body .box {
	padding: .26667rem
}

.TeamReportDetail__C-body-item {

	display: flex;

	justify-content: space-between;

	align-items: center;
	height: .37333rem;
	font-size: .34667rem;
	color: #7e829f;
	padding-left: .48rem;
	/* background-image: url(); */
	background-size: .26667rem;
	background-position: left center;
	background-repeat: no-repeat;
	position: relative
}

.TeamReportDetail__C-body-item:last-child:before {
	content: normal
}

.TeamReportDetail__C-body-item:before {
	content: "";
	position: absolute;
	display: block;
	height: calc(100% + .4rem);
	width: 0;
	border-left: .01333rem dashed #ff7172;
	left: .10667rem;
	top: 50%
}

.TeamReportDetail__C-body-item+div {
	margin-top: .4rem
}

.TeamReportDetail__C-body-item span {
	color: #666;
	font-size: .34667rem
}

.TeamReportDetail__C-body-item span.meony {
	color: #ff7f22
}

.TeamReportDetail__C-body-item span.level {
	color: #466d89
}

.TeamReportDetail__C-body-grade {
	overflow: hidden;
	margin-bottom: .66667rem
}

.TeamReportDetail__C-body-grade-th {

	display: flex;
	height: 1.33333rem;
	color: #fff;
	font-size: .34667rem;
	line-height: 1.33333rem;
	background: #FD5810;
	text-align: center
}

.TeamReportDetail__C-body-grade-th .item {

	flex: 1
}

.TeamReportDetail__C-body-grade-tr {

	display: flex;
	width: calc(100% + .01333rem);
	background-color: #f5f0f0;
	margin: 0 -.01333rem -.01333rem;
	color: #666;
	border-bottom: .01333rem solid #FD5810;
	border-right: .01333rem solid #FD5810
}

.TeamReportDetail__C-body-grade-tr .item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33.3%;
	height: .93333rem;
	padding: .06667rem 0;
	border: .01333rem solid #FD5810;
	font-size: .34667rem;
	margin-bottom: -.01333rem;
	margin-right: -.01333rem
}




.invitationDetail__container-content__item-header {
	display: flex;
	align-items: center;
	gap: .13333rem
}

.invitationDetail__container-content__item-header span {
	width: 2rem;
	height: .66667rem;
	font-size: .37333rem;
	text-align: center;
	line-height: .66667rem;
	border-radius: .13333rem
}

.invitationDetail__container-content__item-header span:first-of-type {
	margin-left: .06667rem;
	color: #fff;
	background: #49ce9b
}

.invitationDetail__container-content__item-header span:nth-of-type(2) {
	color: #ff7172;
	border: .01333rem solid #ff7172
}

.invitationDetail__container-content__item-body {

	display: flex;

	flex-direction: column;
	gap: .13333rem;
	font-size: .32rem;
	color: #666
}



.invitationDetail__container-content__item-body>div:nth-of-type(3) span:last-of-type,
.invitationDetail__container-content__item-body>div:nth-of-type(4) span:last-of-type,
.invitationDetail__container-content__item-body>div:nth-of-type(5) span:last-of-type,
.invitationDetail__container-content__item-body>div:nth-of-type(7) span:last-of-type {
	color: #ff7f22
}

.invitationDetail__container-content__item-body>div:nth-of-type(8) span:last-of-type {
	color: #aeb0c6
}


.invitationDetail__container-betHistory {
	background: #fff;
	margin-top: -.12rem;
	padding: .45333rem .32rem .26667rem;
	height: 9.33333rem;
	position: relative
}




.customer-container-header {

	display: flex;

	flex-direction: column;

	justify-content: flex-start;
	width: 100%;
	padding-bottom: .58667rem;

	background-image: linear-gradient(-90deg, #FD5810 0%, #FF962C 100%)
}

.customer-container-header-belly {

	display: flex
}

.customer-container-header-belly img {
	height: 4rem;
	margin: auto
}



.TeamReportDetail__C-head {
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	border-radius: .13333rem .13333rem 0 0;
	background-color: #fff;
	height: 3.46667rem;
	padding: 0 .26667rem
}


.TeamReportDetail__C-head-top-btn {
	width: 3rem;
	height: .56rem;
	line-height: .56rem;
	border: .01333rem solid #f95959;
	border-radius: .26667rem;
	font-size: .32rem;
	color: #f95959;
	text-align: center
}


.TeamReportDetail__C-head-detail>div {
	height: .4rem;

	display: flex;

	justify-content: space-between;

	align-items: center
}

.TeamReportDetail__C-head-detail>div+div {
	margin-top: .29333rem
}

.TeamReportDetail__C-head-detail-time span {
	font-size: .32rem;
	color: #aeb0c6
}

.TeamReportDetail__C-head-detail-commission span {
	color: #ff7f22
}

.TeamReportDetail__C-img {
	height: .56rem;
	width: 100%;
	/* background-image: url(); */
	background-repeat: no-repeat;
	background-size: cover
}

.TeamReportDetail__C-detail {
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	border-radius: 0 0 .13333rem .13333rem;
	background-color: #fff;
	height: 3.73333rem;
	padding: .4rem .32rem
}

.TeamReportDetail__C-detail-item {

	display: flex;

	justify-content: space-between;

	align-items: center;
	height: .37333rem;
	font-size: .34667rem;
	color: #7e829f;
	padding-left: .48rem;
	/* background-image: url(); */
	background-size: .26667rem;
	background-position: left center;
	background-repeat: no-repeat;
	position: relative
}

.TeamReportDetail__C-detail-item:last-child:before {
	content: normal
}

.TeamReportDetail__C-detail-item:before {
	content: "";
	position: absolute;
	display: block;
	height: calc(100% + .4rem);
	width: 0;
	border-left: .01333rem dashed #ff7172;
	left: .10667rem;
	top: 50%
}

.TeamReportDetail__C-detail-item+div {
	margin-top: .4rem
}

.TeamReportDetail__C-detail-item span {
	color: #333
}





#app {
	min-height: 100vh;
	background: #f5f0f0;
	height: auto;
}

.content {

	display: flex;

	flex-direction: column;
	gap: 0.2rem;
	padding: 0 0.32rem;
	/* padding-bottom: 2.13333rem; */
}




.van-tabs--card>.van-tabs__wrap {
	height: auto;
}

.infiniteScroll {
	min-height: 2.66667rem;
	border-radius: 0.16rem;
}

.infiniteScroll .xs {
	display: none;
}

.infiniteScroll .xs:nth-child(1) {
	display: block;
}



.ar-searchbar {

	display: flex;

	align-items: center;

	justify-content: space-between;
	gap: 0.29333rem;
	width: 100%;
	font-size: .37333rem;
	margin-top: 0.26667rem;
	margin-bottom: 0.21333rem;
}


.ar-searchbar__selector {
	position: relative;

	display: flex;
	width: 4.53333rem;
	height: 1.06667rem;
	color: #666;
}



.myCommission__container .ar-searchbar__selector,
.myCommission__container .ar-searchbar,
.myCommission__container .ar-searchbar-type {
	width: 100%;
}


.ar-searchbar__selector>div {
	width: 100%;
	line-height: 1.06667rem;
	border-radius: 0.13333rem;
	background: #f5f0f0;
}

.ar-searchbar__selector>div:first-of-type {
	position: relative;
	padding: 0 0.26667rem;
	z-index: 10;
}

.ar-searchbar__selector div {
	line-height: 1.06667rem;
}

.ar-searchbar__selector>div:first-of-type i {
	position: absolute;
	top: 50%;
	right: 0.21333rem;

	transform: translateY(-50%);

	transition: all .2s ease-in-out;
}





.swiper-wrapper {
	height: auto;
	margin: 10px 5px 5px;
	transform: translate3d(0px, 0, 0);
}