@charset "utf-8";

.page-index {}

.page-index .index-top-header {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.page-index .index-top-header::after {
	content: '';
	width: 150%;
	height: 70%;
	position: absolute;
	left: -25%;
	top: 0;
	z-index: -1;
	background: linear-gradient(to right, #0094ff, #0094ff);
	border-radius: 0 0 50% 50%;
}


/*  */
.page-index .banner {
	margin: 0 10px;
	margin-top: 5px;
	position: relative;
	overflow: hidden;
}

.page-index .banner .swiper-slide .img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.page-index .banner .swiper-container {
	width: 100%;
	overflow: visible !important;
}

.page-index .banner .swiper-container .swiper-wrapper .swiper-slide {
	width: calc(100% - 24px);
}

@media only screen and (min-width:800px) {
	.page-index .banner .swiper-slide .img {
		max-height: 560px;
	}
}

.page-index .menu {
	margin: 0 10px;
}

.page-index .menu .link_a {
	text-align: center;
	float: left;
	width: 33.3%;
	margin-top: 15px;
}

.page-index .menu .link_a .icon {
	width: 40px;
	height: 40px;
	margin: 0 auto;
}

.page-index .menu .link_a .title {
	font-size: 14px;
	color: #5b5b5b;

}
.tishi-words {
	font-size: 14px;
	color: #5b5b5b;
}
/* ==============我的============= */
.page-user {
	color: #333;
	width: 100%;
	background: #f2f3f7;
}

.page-user .top-infor-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.page-user .top-infor-wrap .left-infor {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	max-width: 70%
}

.page-user .top-infor-wrap .left-infor .avatsr {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-left: 15px;
	border: 1px solid #ffffff
}

.page-user .top-infor-wrap .sign-in-txt {
	margin-left: 10px;
	font-weight: 700;
	font-size: 16px;
	color: #333;
}

.page-user .top-infor-wrap .left-infor .infor-wrap {
	margin-left: 10px;

	max-width: 70%
}

.page-user .top-infor-wrap .left-infor .infor-wrap .user-name {
	margin-top: 5px;
	font-size: 16px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	word-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.page-user .top-infor-wrap .left-infor .infor-wrap .member-icon {
	width: 85px;
	position: relative;
	float: left
}

.page-user .top-infor-wrap .left-infor .infor-wrap .member-icon .vip-img {
	max-width: 85px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9
}

.page-user .top-infor-wrap .left-infor .infor-wrap .member-icon .vip-txt {
	position: relative;
	width: auto;
	color: #fff;
	font-size: 14px;
	z-index: 9;
	line-height: 20px;
	padding: 0 5px 0 25px;
	display: inline-block;
	vertical-align: top
}

.page-user .top-infor-wrap .right-infor {
	width: 6.75rem;
	height: 100%
}

.page-user .top-infor-wrap .right-infor .scan-code,
.page-user .top-infor-wrap .right-infor .sign-in,
.page-user .top-infor-wrap .right-infor .message {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.page-user .wallet-wrap {
	width: 100%;
	padding: 0 10px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
	-webkit-justify-content: space-between
}

.page-user .wallet-wrap .cloumn-wrap {
	padding-top: 20px;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center
}

.page-user .wallet-wrap .cloumn-item {
	width: 100%;
	text-align: center
}

.page-user .wallet-wrap .numbers-txt {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
}

.page-user .wallet-wrap .infor-txt {
	font-size: 14px;
	color: #5b5b5b
}

.page-user .my-order-wrap {
	background-color: #fff;
	border-radius: 10px;
	margin: 10px;
	overflow: hidden;
	font-size: 14px;
	color: #5b5b5b
}

.page-user .my-order-wrap .top-title {
	width: 100%;
	display: flex;
	align-items: center;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between
}

.page-user .my-order-wrap .top-title .title-left {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin-left: 10px;
}

.page-user .my-order-wrap .top-title .title-right {
	color: #666;
	margin-right: 10px;
	height: 40px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center
}

.page-user .my-order-wrap .top-title .title-right span {
	white-space: pre-line;
}

.page-user .my-order-wrap .top-title .title-right img {
	width: 13px;
	height: 13px;
}

.page-user .my-order-wrap .cloumn-wrap {
	padding: 10px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center
}

.page-user .my-order-wrap .cloumn-item {

	width: 25%;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	position:relative;
}
	.page-user .my-order-wrap .cloumn-wrap .cloumn-item .tag {
		position: absolute;
		top: -10px;
		right: 10px;
		background: #f00;
		padding: 0 5px;
		font-size: 14px;
		border-radius: 40px;
		display: flex;
		align-items: center;
		color: #fff;
		justify-content: center;
	}
.page-user .my-order-wrap .cloumn-item .item-img {
	margin-bottom: 3px
}

.page-user .my-order-wrap .item-img {
	width: 35px;
	/*height: 25px;*/
}

.page-user .my-order-wrap .infor-txt {
	width: 100%;
	font-size: 14px;
	color: #5b5b5b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.page-user .distribution-points-wrap {
	background-color: #fff;
	border-radius: 10px;
	margin: 0 10px;
	padding: 10px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	-webkit-align-items: center
}

.page-user .distribution-points-wrap:after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 30px;
	background-color: #e1e1e1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	clear: left
}

.page-user .distribution-points-wrap .item {
	flex: 1;
	display: flex;
	justify-content: space-around;

}


.page-user .distribution-points-wrap .txt-left {
	display: flex;
	flex: 1;
	display: -webkit-flex;
	flex-direction: column;

}

.page-user .distribution-points-wrap .txt-left span {
	font-weight: 700;
	font-size: 15px;
	color: #333;
}

.page-user .distribution-points-wrap .txt-left span:last-child {
	color: #999;
	font-weight: 400;
	font-size: 12px
}

.page-user .distribution-points-wrap .img-right {
	width: 40px;
	height: 40px;
}

/*  余额======*/
.page-my-wallet {
}

	.page-my-wallet .balance-box {
		padding-top: 20px;
		position: relative;
	}

		.page-my-wallet .balance-box .bg {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			height: 160px;
			border-radius: 0 0 12px 12px;
			background: #0094ff;
		}

		.page-my-wallet .balance-box .balance-card {
			position: relative;
			z-index: 2;
			background: #ffffff;
			border-radius: 5px;
			padding: 20px 10px;
			margin: 0 10px;
		}

			.page-my-wallet .balance-box .balance-card .number-box {
				padding: 5px 0;
				position: relative;
			}

}

.page-my-wallet .balance-box .balance-card .number-box .text-box {
	flex: 1;
	overflow-x: auto;
	scrollbar-color: transparent transparent
}

	.page-my-wallet .balance-box .balance-card .number-box .text-box .text {
		text-align: center;
		font-size: 14px;
		color: #333;
		margin-bottom: 5px
	}

	.page-my-wallet .balance-box .balance-card .number-box .text-box .number {
		text-align: center;
		font-size: 32px;
		height: 40rpx;
		line-height: 32rpx;
		color: #333;
		font-weight: 700
	}

.page-my-wallet .balance-box .balance-card .btns {
	display: flex;
	margin-top: 20px;
}

	.page-my-wallet .balance-box .balance-card .btns .btn {
		color: #fff;
		font-size: 15px;
		font-weight: 700;
		flex: 1;
		text-align: center;
		border-radius: 30px;
		height: 40px;
		line-height: 40px;
		background-color: #0094ff
	}

.page-my-wallet .balance-det {
	margin: 10px 10px 0;
	padding: 10px;
	background: #FFFFFF;
	border-radius: 5px;
}

	.page-my-wallet .balance-det .tit {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
		padding: 5px;
	}

.page-my-wallet .record-groud {
	padding: 5px !important;
}

	.page-my-wallet .record-groud .txt-num {
		font-size: 14px !important;
	}

/*  */
.page-user .tools-wrap {
	background-color: #fff;
	border-radius: 10px;
	margin: 10px 10px 0;
	font-size: 14px;
	color: #5b5b5b;
	overflow: hidden
}

.page-user .tools-wrap .title-txt {
	line-height: 40px;
	padding-left: 15px;
	color: #333;
	font-size: 15px;
	font-weight: 700;
}

.page-user .tools-wrap .tools {
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.page-user .tools-wrap .tools .link_a {
	display: block;
	width: 25%;
	padding: 5px 0;
	text-align: center;
	position: relative;
	text-decoration: none;
}


.page-user .tools-wrap .tools .link_a .icon-img {
	width: 30px;
	height: 30px;


}

.page-user .tools-wrap .tools .link_a .order-img {
	width: 25px;
	height: 25px;


}

.page-user .tools-wrap .tools .link_a .link_name {
	font-size: 14px;
	color: #333;
	margin-top: 5px;
}

/* 会员中心 */
.page-member_center {}

/*  */
.page-member_center .bannerSwiper {
	position: relative;
	overflow: hidden;
	margin-left: 15px;

}

.page-member_center .bannerSwiper .swiper-slide .img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;

}

.page-member_center .bannerSwiper .swiper-container {
	width: 100%;

	overflow: visible !important;
}

.page-member_center .bannerSwiper .swiper-container .swiper-wrapper .swiper-slide {
	width: calc(100% - 24px);
}

.page-member_center .bannerSwiper .swiper-container .swiper-pagination {
	text-align: left !important;
	bottom: 9px;
	height: 8px;

}

.page-member_center .bannerSwiper .swiper-container .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #E0E0E0;
}

.page-member_center .bannerSwiper .swiper-container .swiper-pagination-bullet-active {
	width: 29px;
	background: #95BCF0;
	opacity: 1;
}

.page-member_center .bannerSwiper .member-card {
	width: 100%;
	height: 170px;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	color: #333;
	background: url('../images/kong.png');
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.page-member_center .bannerSwiper .member-card .current-level {
	font-size: 14px;
	position: absolute;
	left: 10px;
	top: 10px;

}

.page-member_center .bannerSwiper .member-card .title {
	font-size: 28px;
	position: absolute;
	left: 20px;
	top: 40px;
	font-weight: 400;

}

.page-member_center .bannerSwiper .member-card .content {
	font-size: 14px;
	position: absolute;
	left: 20px;
	top: 80px;

}

.page-member_center .bannerSwiper .member-card .growth {
	position: absolute;
	left: 20px;
	bottom: 10px;
	width: calc(100% - 50px)
}

.page-member_center .bannerSwiper .member-card .growth .growth-value {
	display: block;
	font-size: 14px;

}

.page-member_center .bannerSwiper .member-card .growth .growth-value span {
	font-size: 16px;
}

.page-member_center .rai-title {
	padding: 20px 0 16px 17px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	touch-action: none
}

.page-member_center .vip-rights-container {
	background-color: #f5f5f5;
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0;
	position: relative;
	margin-top: 1rem;

	box-sizing: border-box
}

.page-member_center .member-tit {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
	padding: 1px 10px 10px 12px;
}

.page-member_center .member-tit .text {
	flex: 1;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	padding-left: 10px;
	color: #333
}

.page-member_center .member-tit .text:before {
	position: absolute;
	left: 0;
	top: 15%;
	display: block;
	width: 3px;
	height: 15px;
	content: " ";
	background: linear-gradient(360deg, #eddecf 0%, #e5b598 100%);
	border-radius: 10px
}

.page-member_center .member-tit .sub-text {
	font-size: 14px;
	color: #999
}

.page-member_center .noInterests {
	text-align: center;
	position: relative;
	width: 100%;
	margin: auto;
	color: #8a8989;
	font-size: 14px;
}

.page-member_center .buy-vip {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90deg, #fadcc1 0%, #eeb290 100%);
	border-radius: 5px;
	margin: 8px 0 16px;
	color: #632806;
	font-size: 16px;
	font-weight: 700;

}

.page-member_center .buy-vip span {
	font-weight: 700;

}

/* =========== */
.page-member_center .page-background {
	background-color: #000;
	padding-top: 10px;
}

.page-member_center .pic-swiper {
	margin: 0 10px;

	position: relative;
	overflow: hidden;
}

.page-member_center .pic-swiper .swiper-slide .img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.page-member_center .pic-swiper .swiper-container {
	width: 100%;
	overflow: visible !important;
}

@media only screen and (min-width:800px) {
	.page-member_center .pic-swiper .swiper-slide .img {
		max-height: 560px;
	}
}

.page-member_center .task-list {
	overflow-y: scroll;
	background: #ffffff;
	border-radius: 5px;
	margin-top: 10px;
	padding: 10px 10px 0;
	display: flex;
	flex-direction: column;
	position: relative
}

.page-member_center .tab-con {
	display: none;
}

.page-member_center .task-list .member-con {
	background: none;
	padding: 10px 0 0
}

.page-member_center .task-list .des {
	border-top: 1px solid #f2f2f2;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	color: gray;
	font-size: 14px
}

.page-member_center .task-list .item {
	display: flex;
	align-items: center;
	height: 60px;
}

.page-member_center .task-list .item:last-child {
	margin: 10px 6px;
}

.page-member_center .task-list .item .mission-box {
	flex: 1;
}

.page-member_center .task-list .item .name {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 16px;
	color: #333
}

.page-member_center .task-list .item .name span:first-child {
	font-size: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis
}


.page-member_center .task-list .item .name .integral-txt {
	font-size: 14px;
	margin: 0 5px;
	font-weight: 400;
	color: #0094ff
}

.page-member_center .task-list .item .mission-des {
	color: #999;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 6px;
}

.page-member_center .task-list .item .con-img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.page-member_center .task-list .item .icon {
	width: 20px;
	height: 20px;

}

.page-member_center .task-list .item .btn {
	background: linear-gradient(90deg, #fadcc1 0%, #efb391 100%);
	color: #632806;
	padding: 0 10px;
	border-radius: 5px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	display: inline-block
}

.page-member_center .task-list .item .btn.done {
	background: #f5f5f5;
	color: #999
}

.page-member_center .sure-pay {
	position: fixed;
	bottom: 20px;
	left: 10px;
	right: 10px;
	width: auto;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	text-align: center;
	background: #0094ff;
	font-size: 14px;
	font-weight: 600;
	color: #fff
}

/* ===============爱心商城========== */

.page-feature-index {}

.page-feature-index .banner {
	margin: 0 10px;
	margin-top: 5px;
	position: relative;
	overflow: hidden;
}

.page-feature-index .banner .swiper-slide .img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.page-feature-index .banner .swiper-container {
	width: 100%;
	overflow: visible !important;
}

.page-feature-index .banner .swiper-container .swiper-wrapper .swiper-slide {
	width: calc(100% - 24px);
}

@media only screen and (min-width:800px) {
	.page-feature-index .banner .swiper-slide .img {
		max-height: 560px;
	}
}

.page-feature-index .menu {
	margin: 0 10px;
}

.page-feature-index .menu .link_a {
	text-align: center;
	float: left;
	width: 20%;
	margin-top: 15px;
}

.page-feature-index .menu .link_a .icon {
	width: 40px;
	height: 40px;
	margin: 0 auto;
}

.page-feature-index .menu .link_a .title {
	font-size: 14px;
	color: #5b5b5b;

}

/* =============每日签到=========== */
.page-sign {
	position: relative;
	background-color: #f5f5f5;
}

.page-sign .top-img-wrap {
	height: 240px;
	width: 100%;
	position: absolute;
}

.page-sign .top-img-wrap .m-bg {
	width: 100%;
	height: 330px;
	position: absolute;
	left: 0;
	bottom: 0
}

.page-sign .integral-msg {
	width: 100%;
	height: 95px;
	position: relative
}

.page-sign .integral-msg .my-integral {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 9;
}

.page-sign .integral-msg .text {
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-size: 16px;
}

.page-sign .integral-msg .number-box {
	display: flex;
	align-items: center;
}

.page-sign .integral-msg .number-box .number {
	height: 32px;
	line-height: 32px;
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-word;
	max-width: 245px;
}

.page-sign .integral-msg .number-box .det {
	margin-left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 32px;
	color: #fff;
	font-size: 14px;
	border: 1px solid #FFF;
}

.page-sign .integral-msg .tips {
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, .2);
	width: 50px;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	border-radius: 20px 0 0 20px;
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 9
}

.page-sign .sign-in {
	height: 210px;
	border-radius: 10px;
	margin: 0 12px 12px;
	background-color: #fff;
	position: relative;
}

.page-sign .sign-in .con-box {
	display: flex;
	display: -webkit-flex;
	padding-left: 15px;
}

.page-sign .sign-in .con-box .item {
	overflow: hidden;
	width: 12.4%;
	height: 78px;
	background: #F5F5F5;
	border-radius: 5px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column
}

.page-sign .sign-in .con-box .item:not(:first-child) {
	margin-left: 5px;
}

.page-sign .sign-in .con-box .item .sign-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.page-sign .sign-in .con-box .item .on-sign-item {
	background: #FFEEEC
}

.page-sign .sign-in .con-box .item .sign-item.on-sign-item .days-wrap,
.page-sign .sign-in .con-box .item .sign-item.on-sign-item .integral-wrap {
	color: #0094ff
}

.page-sign .sign-in .con-box .item .sign-item .integral-wrap {
	font-weight: 700;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #999;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-word;
}

.page-sign .sign-in .con-box .item .sign-item .gold-icon {
	width: 30px;
	height: 30px;

}

.page-sign .sign-in .con-box .item .sign-item .days-wrap {
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #999;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-word;
}

.page-sign .sign-in .btn-wrap {
	width: 220px;
	font-size: 16px;
	border-radius: 22px;
	background: #0094ff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -110px;
}

.page-sign .sign-in .done {
	color: #999;
	background: #F5F5F5
}


/*  */

.page-sign .member-tit {
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 10px;
	padding: 1px 10px 10px 12px;
}

.page-sign .member-tit .text {
	flex: 1;
	font-size: 16px;
	font-weight: 700;
	position: relative;

	color: #333
}

.page-sign .member-tit .sub-text {
	font-size: 14px;
	color: #999
}

.page-sign .member-tit .more {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center
}

.page-sign .member-tit .more img {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 10px 0 5px;
}

/*  */
.page-sign .task-list {
	overflow-y: scroll;
	background: #ffffff;
	border-radius: 5px;
	margin: 10px;
	padding: 10px 10px 0;
	display: flex;
	flex-direction: column;
	position: relative
}

.page-sign .task-list .item {
	display: flex;
	align-items: center;
	height: 60px;
}

.page-sign .task-list .item:last-child {
	margin: 10px 6px;
}

.page-sign .task-list .item .mission-box {
	flex: 1;
}

.page-sign .task-list .item .name {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 16px;
	color: #333
}

.page-sign .task-list .item .name span:first-child {
	font-size: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis
}


.page-sign .task-list .item .name .integral-txt {
	font-size: 14px;
	margin: 0 5px;
	font-weight: 400;
	color: #0094ff
}

.page-sign .task-list .item .mission-des {
	color: #999;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 6px;
}

.page-sign .task-list .item .con-img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.page-sign .task-list .item .icon {
	width: 20px;
	height: 20px;

}

.page-sign .task-list .item .btn {
	background: linear-gradient(90deg, #fadcc1 0%, #efb391 100%);
	color: #632806;
	padding: 0 10px;
	border-radius: 5px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	display: inline-block
}

.page-sign .task-list .item .btn.red {
	background: linear-gradient(90deg, #FF4225 0%, #FF333A 100%);
	color: #fff;
	border-radius: 30px;
}


.page-sign .task-list .item .btn.done {
	background: #f5f5f5;
	color: #999
}

/*  */
.page-sign .integral-list {
	background: #f5f6f8;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin: 0 5px;
}

.page-sign .integral-list .item {
	width: 50%;
	padding: 0 5px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	justify-content: center;
}

.page-sign .integral-list .item .component-integral-item {
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	background: #FFFFFF;
}

.page-sign .integral-list .item .component-integral-item .img {
	font-size: 0;
	text-align: center
}

.page-sign .integral-list .item .component-integral-item .img .img-show {
	will-change: transform;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px 5px 0 0;
}

.page-sign .integral-list .item .component-integral-item .name {
	text-align: left;
	font-size: 14px;
	margin: 10px 0 5px 10px;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 22px;
	line-height: 22px;
	word-break: break-all;
}

.page-sign .integral-list .item .component-integral-item .price {
	display: flex;
	justify-content: flex-start;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #0094ff;
	font-weight: 700;
}



.page-sign .integral-list .item .component-integral-item .price .icon {
	margin: 0 10px 0 10px;
	min-width: 16px;
	width: 16px;
	height: 16px;
}

.page-sign .integral-list .item .component-integral-item .price .red-word {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.page-sign .integral-list .item .component-integral-item .price .red-word .mini-txt {
	font-size: 14px;
	font-weight: 400;
}

.page-sign .integral-list .item .component-integral-item .btn-wrap {
	text-align: center;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-weight: 700;
	background-color: #0094ff;
	border-radius: 32px;
	margin: 12px;
}


/* =============爱心团队=============== */
.page-dis-center {
	background: #F5F5F5;
	height: 100vh
}

.page-dis-center .top-img-wrap {
	width: 100%;
	position: relative;

}

.page-dis-center .top-img-wrap .top-bg {
	width: 100%;
	height: 315px;
	position: absolute;
	s top: 0;
	left: 0
}

.page-dis-center .top-img-wrap .user-wrap {
	display: flex;
	display: -webkit-flex;
	height: 40px;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding: 0 10px 0 20px;
	margin-top: 10px;
	position: relative;
}

.page-dis-center .top-img-wrap .user-wrap .avatsr {
	width: 41px;
	height: 41px;
	min-width: 41px;
	border-radius: 50%;
}

.page-dis-center .top-img-wrap .user-wrap .user-name {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin: 8px 0 0 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.page-dis-center .top-img-wrap .amount-info-wrap {
	margin: 10px 10px 0;
	position: relative;
}


.page-dis-center .top-img-wrap .amount-info-wrap .revenue-column-bg {
	width: 100%;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0
}

.page-dis-center .top-img-wrap .amount-info-wrap .revenue-column {
	width: 100%;
	height: 90px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	box-sizing: border-box;
	position: relative;
}

.page-dis-center .top-img-wrap .amount-info-wrap .revenue-column .item {
	flex: 1;
	position: relative;
}

.page-dis-center .top-img-wrap .amount-info-wrap .revenue-column .top-txt {
	font-size: 14px;
	color: #5b5b5b
}

.page-dis-center .top-img-wrap .amount-info-wrap .revenue-column .top-txt img {
	width: 12px;
	height: 12px;
	margin-left: 5px;
}

.page-dis-center .top-img-wrap .amount-info-wrap .revenue-column .amounts-txt {
	font-weight: 700;
	color: #333;
	font-size: 20px;
	margin-top: 10px;
}

.page-dis-center .top-img-wrap .amount-info-wrap .withdrawal-column {
	background: #fff;
	padding-bottom: 20px;
	border-radius: 0 0 5px 5px
}

.page-dis-center .top-img-wrap .amount-info-wrap .withdrawal-column .top-aggregate {
	width: 100%;
	padding-left: 20px;
	padding-top: 20px;
	display: flex;
	display: -webkit-flex;
	box-sizing: border-box;
	position: relative;
	background: #fff;
}

.page-dis-center .top-img-wrap .amount-info-wrap .detail-wrap {
	width: 100%;
	padding-left: 20px;
	padding-top: 15px;
	display: flex;
	display: -webkit-flex;
	box-sizing: border-box;
	position: relative;
	background: #fff;
}

.page-dis-center .top-img-wrap .amount-info-wrap .withdrawal-column .item {
	flex: 1;
	position: relative;
}

.page-dis-center .top-img-wrap .amount-info-wrap .withdrawal-column .item .top-txt {
	font-size: 14px;
	color: #5b5b5b
}

.page-dis-center .top-img-wrap .amount-info-wrap .withdrawal-column .item .top-txt img {
	width: 12px;
	height: 12px;
	margin-left: 2px;
}

.page-dis-center .top-img-wrap .amount-info-wrap .withdrawal-column .item .amounts-txt {
	font-weight: 700;
	color: #333;
	font-size: 18px;
	margin-top: 10px;
}

.page-dis-center .top-img-wrap .amount-info-wrap .withdrawal-column .withdrawal-btn {
	display: block;
	height: 40px;
	width: 300px;
	margin: 0 auto;
	margin-top: 30px;
	border-radius: 40px;
	background: #0094ff;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
}


.page-dis-center .lists {
	margin: 10px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between
}

.page-dis-center .lists .list-item {
	flex: 1;
	padding-left: 20px;

	background-color: #fff;
	border-radius: 6px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.page-dis-center .lists .list-item .icon {
	width: 40px;
	height: 40px;
	margin-right: 8px;
}

.page-dis-center .lists .list-item .item-text {
	display: inline-block;
	color: #5b5b5b;
	font-size: 14px;
	padding: 20px 0 20px;
}

.page-dis-center .lists .list-item .item-text .item-text-title {
	font-size: 14px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.page-dis-center .lists .list-item .item-text-desc {
	color: #5b5b5b;
	font-size: 14px;
}

.page-dis-center .sorting-menu {
	/*margin: 0 10px;*/
	background: #FFF;
	border-radius: .375rem;
	padding-left: 10px;
	box-sizing: border-box;
}



.page-dis-center .sorting-menu .menu-cont-list {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between
}

.page-dis-center .sorting-menu .menu-cont-list:not(:last-child) {
	border-bottom: 1px solid #E1E1E1
}

.page-dis-center .sorting-menu .menu-cont-list .icon {
	margin-right: 10px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width: 22px;
	height: 22px;
}

.page-dis-center .sorting-menu .menu-cont-list .list-title {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	width: 100%;
	text-align: left
}

.page-dis-center .sorting-menu .menu-cont-list .right-icon {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

/* -===========我的好友============= */
.page-my-user {}

.page-my-user .user-bg {
	background: #FFAA00;

}

.page-my-user .user-bg .topnum {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #fff
}

.page-my-user .user-bg .topnum .number {
	display: inline-block;
	font-size: 24px;
	margin: 0 10px;
	vertical-align: middle
}

.page-my-user .user-list {}

.page-my-user .user-list .bar-title {
	padding: 0 10px;
	background: #fff;
}

.page-my-user .user-list .bar-title span {
	font-size: 15px;
	line-height: 50px;
	font-weight: 400;
	color: #333;
}

.page-my-user .user-list .table {
	background: #fff;
}



.page-my-user .user-list .table .tr {
	padding: 0 10px;
	margin-bottom: 5px;
}

.page-my-user .user-list .table .tr.bot-border {
	position: relative
}

.page-my-user .user-list .table .tr.bot-border:after {
	position: absolute;
	content: "";
	display: block;
	width: 18.75rem;
	height: 1px;
	background-color: #f1f1f1;
	right: 0;
	bottom: 0
}

.page-my-user .user-list .table .tr .td {
	padding: 10px 5px;
}

.page-my-user .user-list .table .tr .td .img {
	width: 52px;
	height: 52px;
	font-size: 0;
	margin-right: 10px;
}

.page-my-user .user-list .table .tr .td .img img {
	width: 52px;
	height: 52px;

}

.page-my-user .user-list .table .tr .td .user-info {
	max-width: 40vw;
}

.page-my-user .user-list .table .tr .td .user-info .username {
	width: 100%;
	margin-bottom: 8px;
}

.page-my-user .user-list .table .tr .td .user-info .username .no {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18px;
	padding: 0 6px;
	text-align: center;
	border-radius: 2px 8px;
	font-size: 14px;
	margin-right: 5px;
	font-family: Arial;
	font-weight: 700;
	color: #fff;
	opacity: 1
}

.page-my-user .user-list .table .tr .td .user-info .username .no.no1-bg {
	background: rgb(228, 49, 48)
}

.page-my-user .user-list .table .tr .td .user-info .username .no.no2-bg {
	background: rgb(85, 129, 250)
}

.page-my-user .user-list .table .tr .td .user-info .username .no.no3-bg {
	background: rgb(255, 170, 0)
}



.page-my-user .user-list .table .tr .td .user-info .username .username-text,
.page-my-user .user-list .table .tr .td .user-info .mobileLevel-text {

	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #333;

}

.page-my-user .user-list .table .tr .td .user-info .join-time {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #999;
}

.page-my-user .user-list .table .tr .user-profit {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #0094ff
}


/* =========系统设置============ */
.page-account-settings {}

.page-account-settings .sorting-menu {
	margin-top: 10px;
	background: #FFF;
	padding-left: 10px;
	box-sizing: border-box;
}



.page-account-settings .sorting-menu .menu-cont-list {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 4px 10px;
}

.page-account-settings .sorting-menu .menu-cont-list:not(:last-child) {
	border-bottom: 1px solid #E1E1E1
}

.page-account-settings .sorting-menu .menu-cont-list .user-head {
	width: 32px;
	height: 32px;
}

.page-account-settings .sorting-menu .menu-cont-list .icon {
	margin-right: 10px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width: 22px;
	height: 22px;
}

.page-account-settings .sorting-menu .menu-cont-list .list-title {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	width: 100%;
	text-align: left
}

.page-account-settings .sorting-menu .menu-cont-list .txt {


	font-size: 14px;
	color: #333;


}

.page-account-settings .sorting-menu .menu-cont-list .right-icon {
	width: 15px;
	height: 15px;

}

/* ============文章======= */
.page-news-detail {
	padding: 10px;
}

.page-news-detail .title {
	font-size: 16px;
	color: #000;
	padding-bottom: 5px;
	font-weight: bold;
}

.page-news-detail .time {

	color: #999;
	font-size: 14px;
	margin-bottom: 10px;

}

.page-news-detail .news-con {
	font-size: 14px;
	padding-top: 10px;
	color: #333;
	line-height: 27px;
}

.page-news-detail .news-con img {
	max-width: 100%;
}

/* ==========分享======== */
.page-InvitationCards-mian {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none
}

.page-InvitationCards-mian .InvitationCards-ont {
	width: 290px;
	border: 1px solid #dcdcdc;
	margin: auto;
	margin-top: 50px;
	border-radius: 5px;
	padding: 5px;

}

.page-InvitationCards-mian .InvitationCards-in {
	background-color: #fff5ee;
	border: 1px solid #ffebcd;
	margin: auto;
	border-radius: 5px;
	text-align: center;
	padding-bottom: 30px;
}

.page-InvitationCards-mian .hrLineLeft {
	display: flex;
	align-items: center
}

.page-InvitationCards-mian .hrLineLeft .line {
	width: 55px;
	height: 1.5px;
	background: rgba(255, 166, 0, .582)
}

.page-InvitationCards-mian .hrLineLeft .circle {
	width: 6px;
	height: 6px;
	background: rgba(255, 166, 0, .582);
	border-radius: 50%
}

.page-InvitationCards-mian .hrLineRight {
	display: flex;
	align-items: center
}

.page-InvitationCards-mian .hrLineRight .line {
	width: 55px;
	height: 1.5px;
	background: rgba(255, 166, 0, .582)
}

.page-InvitationCards-mian .hrLineRight .circle {
	width: 6px;
	height: 6px;
	background: rgba(255, 166, 0, .582);
	border-radius: 50%
}

.page-InvitationCards-mian .title {
	display: flex;
	padding-top: 30px;
	justify-content: center
}

.page-InvitationCards-mian .centerText {
	color: #cd5c5c;
	font-size: 14px;
	padding: 0 10px;
}

.page-InvitationCards-mian .InvitationCards-in-image {
	overflow: hidden;
	display: block;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
	margin: auto;
	margin-top: 20px
}

.page-InvitationCards-mian .InvitationCards-in-image img {
	width: 100%;
	height: 100%
}

.page-InvitationCards-mian .userinfo-name {
	font-size: 14px;
	margin-top: 5px;
	max-width: 10rem;
	margin: 10px auto 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.page-InvitationCards-mian .InvitationCards-yaoqi {
	font-size: 14px;
	margin-top: 10px;
	color: gray
}

.page-InvitationCards-mian .InvitationCards-in-image2 {
	display: flex;
	width: 156px;
	height: 156px;
	padding: 5px;
	margin: auto;
	margin-top: 20px;
	background: #fff
}

.page-InvitationCards-mian .InvitationCards-in-image2 img {
	width: 146px;
	height: 146px
}

.page-InvitationCards-mian .InvitationCards-mian-text {
	position: relative;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin: auto;
	margin-top: 30px;

	color: #666;

}

/* 转账记录 */
.page-record {}

.page-record .total {
	background: #fff;
	padding: 10px;
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}

.page-record .total .total-num {
	color: #f00;
}

/*  */
.record {
	box-sizing: border-box;
	position: relative;
	width: 100%;

}

.record .record-groud {
	position: relative;
	padding: 10px;
	background: #FFFFFF;
	margin-bottom: 5px;
	border-radius: 5px;
}

.record .record-groud.income-block {
	margin-bottom: 0;
}

.record .record-groud.income-block:nth-child(2n) {
	background: #f4f4f4
}

.record.border-b .record-groud {
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	border-radius: 0px;
}



.record .record-groud .record_item.border-bt {
	border-bottom: 0.5px solid #eee;

}

.record.border-b .record-groud:last-child {

	border-bottom: none;


}

.record .record-groud .head {
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom: 5px;
}


.record .record-groud .head .time {
	font-size: 14px;
	color: #AAAAAA;

}

.record .record-groud .head .danhao {
	font-size: 14px;
	color: #333;

}

.record .record-groud .head .status {
	font-size: 14px;

}

.record .record-groud .record_item {
	font-size: 14px;
	position: relative;
	z-index: 1;


}

.record .record-groud .record_item .head-portrait {
	width: 45px;
	background: linear-gradient(to top, #2C9368, #2C9368);
	color: #FFFFFF;
	font-size: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	height: 45px;
}

.record .record-groud .record_item .head-portrait.pzportrait {
	background: #F7F7F7;
}

.record .record-groud .record_item .head-portrait img {
	width: 45px;
	height: 45px;
	border-radius: 5px;
	background: #F7F7F7;

}

.record .record-groud .record_item .portrait {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;

}

.record .record-groud .record_item .portrait img {
	width: 30px;
	height: 30px;


}

.record .record-groud .record_item .txt-name {
	font-size: 14px;
	color: #333;
}

.record .record-groud .record_item .txt-normal {
	font-size: 14px;
	color: #000;
}

.record .record-groud .record_item .txt-state {
	font-size: 16px;
	color: #999;
}

.record .record-groud .record_item .txt-time {
	color: #999;
	font-size: 16px;
}

.record .record-groud .record_item .txt-num {

	font-size: 16px;
	color: #f00;
}

.record .record-groud .record_item .txt-xuhao {

	font-size: 14px;

	color: #333;
}

.record .record-groud .record_item .txt {

	font-size: 14px;

	color: #999;
}

.record .record-groud .record_item .txt-label {

	font-size: 14px;
	margin-bottom: 5px;
	color: #999;
}

.record .record-groud .record_item .txt-breakall {
	color: #CCCCCC;
	word-break: break-all;
}

.record .record-groud .record_item .state-btn {
	width: 60px;
	height: 28px;
	color: #fff;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: linear-gradient(to right, #fe8800, #ff5300);
}

.record .record-groud .yjq {
	width: 65px;
	height: 65px;
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0;
}

.record .record-groud .yjq img {
	width: 100%;
}

/* ============收益明细============== */
.page-income-details {
	background: #fff;
	min-height: 100vh;
}

.page-income-details .income-detail {
	padding-bottom: 10px;
	border-top: 1px solid #e1e1e1;
	box-shadow: 0 4px 10px rgba(83, 83, 83, .286);
	border-radius: 10px;
	width: 96%;
	margin: 5px auto 0;
	color: #fff;
	background-image: linear-gradient(#323444 20%, #565969 80%)
}

.page-income-details .income-detail .gather-income {
	padding: 10px 0;
	text-align: center
}

.page-income-details .income-detail .gather-income .title {
	font-size: 14px;
	margin-bottom: 10px
}

.page-income-details .income-detail .gather-income .number {
	display: inline-block;
	margin: auto;
	text-align: center;
	background: #fff;
	color: #bea379;
	padding: 5px 10px 5px;
	border-radius: 20px;
	line-height: 20px;
}

.page-income-details .income-detail .income-item {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
	margin-bottom: 10px;
}

.page-income-details .income-detail .income-item .items {
	width: 50%;
	text-align: center;
	font-size: 14px;
	border-right: 1px solid #bea379
}

.page-income-details .income-detail .income-item .items div {
	line-height: 20px;
}

.page-income-details .income-detail .income-item .items:last-child {
	border: none
}

/* ====================客服================== */
.page-chat {}

.page-chat .shop-status {
	white-space: nowrap;
	font-size: 14px;
	margin-left: 5px;
}

.page-chat .shop-status.in {
	color: #6190e8
}

.page-chat .shop-status.out {
	color: #999
}

/* ================联系客服============== */

.page-message-platform .tab {
	display: flex;
	align-items: center;
	padding: 10px 10px;
	background: #fff;
	box-shadow: 0 6px 6px rgba(0, 0, 0, .01);

}

.page-message-platform .tab .tab-item {
	position: relative;
	line-height: 25px;
	padding: 0 5px;
	flex: 1;
	text-align: center;
	font-size: .875rem;
	color: #999
}

.page-message-platform .tab .tab-item:after {
	position: absolute;
	bottom: -5px;
	left: 40%;
	right: 40%;
	display: block;
	width: auto;
	height: 2px;
	border-radius: 3px;
	content: " ";
	font-size: 0;
	background: #fff;
}

.page-message-platform .tab .tab-item.active {
	font-weight: 600;
	color: #000
}

.page-message-platform .tab .tab-item.active:after {
	background: linear-gradient(to right, #0094ff, #fff)
}

.page-message-platform .tab .tab-item.unread-tip:before {
	position: absolute;
	left: 50%;
	top: 3px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	content: " ";
	background: #0094ff;
	margin-left: 30px;
}

/*  */

.page-message-platform .notifications {
	margin-top: 10px;
	padding: 0 15px
}

.page-message-platform .notifications .item {
	border-radius: 5px;
	background: #fff;
	margin-top: 10px;
	padding: 5px 10px;
}



.page-message-platform .notifications .item .text-box {
	margin: 10px 0;
	color: #999;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

/*  */

.page-message-platform .platform {
	margin-top: 10px;
	padding: 0 15px
}

.page-message-platform .platform .item {
	padding: 15px;
	border-radius: 5px;
	background: #fff;
	margin-top: 10px;
}

.page-message-platform .platform .item:first-child {
	margin-top: 0
}

.page-message-platform .platform .item .tit-box {
	display: flex;
	align-items: center
}

.page-message-platform .platform .item .tit-box .tit {
	flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	line-break: anywhere;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 600;
	position: relative
}

.page-message-platform .platform .item .tit-box .time {
	color: #999;
	font-size: 12px
}

.page-message-platform .platform .item .text-box {
	margin: 10px 0;
	color: #999;
	max-height: 18px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

.page-message-platform .platform .item .text-box .name {
	flex: 1;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.page-message-platform .platform .item .text-arrow {
	display: block;
	color: #333;
	position: relative;
	padding-top: 10px;
	border-top: 1px solid #f9f9f9;
	font-size: 14px;
}

.page-message-platform .platform .item .text-arrow:after {
	position: absolute;
	width: 7px;
	height: 7px;
	top: 72%;
	right: 7px;
	display: block;
	width: 4px;
	height: 4px;
	content: " ";
	font-size: 0;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg) translateY(-50%)
}

.page-message-platform .platform .item.unread .tit-box .tit {
	padding-left: 15px;
}

.page-message-platform .platform .item.unread .tit-box .tit:before {
	position: absolute;
	left: 0;
	top: .25rem;
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	content: " ";
	background: #0094ff
}

/*  */

.page-message-platform .service-message {
	padding: 0 15px;
	margin-top: 10px;
	border-radius: 5px;
	background: #fff
}

.page-message-platform .service-message .item {
	display: flex;
	align-items: center;
	padding: 10px 0;
	position: relative
}

.page-message-platform .service-message .item:after {
	position: absolute;
	left: 65px;
	right: 0;
	bottom: 0;
	display: block;
	height: 1px;
	content: " ";
	font-size: 0;
	background: #f9f9f9
}

.page-message-platform .service-message .item:last-child:after {
	height: 0
}

.page-message-platform .service-message .item .logo {
	width: 46px;
	height: 46px;
	border: 1px solid #f5f5f5;
	border-radius: 50%;
	overflow: hidden
}

.page-message-platform .service-message .item .text-box {
	flex: 1;
	margin: 0 10px;
	max-height: unset
}

.page-message-platform .service-message .item .text-box .name {
	font-size: 15px;
	font-weight: 600;
	height: 20px;
	line-height: 20px;
	color: #000
}

.page-message-platform .service-message .item .text-box .des {
	height: 16px;
	line-height: 16px;
	color: #999;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}

.page-message-platform .service-message .item .time-box .time {
	color: #999;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
}

.page-message-platform .service-message .item .time-box .unread-box {
	height: 16px;
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-end
}

.page-message-platform .service-message .item .time-box .unread-box .number {
	background: #fff;
	font-size: 0
}

.page-message-platform .service-message .item.unread .time-box .unread-box .number {
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 16px;
	padding: 0 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	content: " ";
	text-align: center;
	background: #0094ff
}

/*  */
.page-message-platform .coupon-foot {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	margin: auto;
	background: #fff;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, .01);
	box-sizing: border-box;
	z-index: 30;
	padding: 7px 10px;
	display: flex;
	align-items: center;
	padding: 0;

}

.page-message-platform .coupon-foot .coupon-btn {
	position: relative;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	font-weight: 700;
	padding: 15px 0;
	font-size: 14px;
	color: #aaa
}

.page-message-platform .coupon-foot .coupon-btn:first-child:after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: "";
	width: 1px;
	height: 18px;
	background: #ccc
}

.page-message-platform .coupon-foot .active {
	color: #0094ff
}

/* 退出登录 */
.page-logout {
	background: #fff;
	min-height: 100vh;
}

.page-logout .top {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}

.page-logout .top .img-text {
	width: 100%;
	position: relative;
	margin-top: 50px;
}

.page-logout .top .img-text .circle {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto
}

.page-logout .top .img-text .circle img {
	width: 62px;
	height: 62px;
	margin: 0 auto
}

.page-logout .top .img-text .text {
	font-size: 14px;
	color: #fff;
	background: #EC4241;
	border-radius: 30px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	padding: 2px 6px;
}

.page-logout .top .text {
	font-size: 14px;
	margin-top: 10px;
	max-width: 80%;
	margin: 0 auto;
	word-break: break-word
}

.page-logout .card {
	display: flex;
	flex-direction: column;
	background: #FDF9F8;
	width: 80%;
	padding: 10px 18px 20px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 30px;
	border: 2px solid #0094ff;
	border-radius: 10px
}

.page-logout .card .cart-item-con {
	display: flex;
	flex-direction: column;
	padding: 20px 8px 0
}

.page-logout .card .card-title {
	font-size: 14px;
	padding: 0 0 10px;
	border-bottom: 1px solid #DADADA;
	font-weight: 700
}

.page-logout .card .item {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.page-logout .card .item:last-child {
	margin-bottom: 0
}

.page-logout .card .item img {
	width: 30px;
	height: 30px
}

.page-logout .card .item .text {
	flex: 1;
	margin-left: 10px;
	color: #666;
	font-size: 15px;
}

.page-logout .footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	width: 100%;
	color: #999;
	font-size: 14px;
}

.page-logout .footer .logout-text {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.page-logout .footer .logout-text:before {
	content: "——————";
	color: #e1e1e1;
	margin-right: 10px;
}

.page-logout .footer .logout-text:after {
	content: "——————";
	color: #e1e1e1;
	margin-left: 10px;
}

.page-logout .footer .logout-btn {
	display: flex;
	padding: 10px;
	padding-bottom: 30px;
	align-items: center;
	justify-content: space-around;
}

.page-logout .btn-left {
	display: block;
	text-align: center;
	width: 45%;
	height: 40px;
	font-size: 14px;
	border-radius: 40px;
	background: #fff;
	border: 1px solid #E1E1E1;
	color: #333;
}

.page-logout .btn-right {
	display: block;
	text-align: center;
	width: 45%;
	height: 40px;
	font-size: 14px;
	border-radius: 40px;
	background: #0094ff;
	border: 1px solid #0094ff;
	color: #fff
}

/* 登录页面*/
.setup-form .setup-group .image-box {
	width: 13px;
	height: 9px;
	margin: 0 10px;
}

.setup-form .setup-group .input-suffix {
	border-left: 1px solid #dadada;
	padding-left: 10px;
	color: #999;
	width: 68px;
	font-size: 14px;
	text-align: right
}

.reg-rule {
	color: #999;
	font-size: 16px;
	margin: 20px;


}

.reg-rule .agree {

	color: #999;

}

	.reg-rule .rule {
		color: #0094ff;
	}

/* 选择按钮 */

.loginradio {
	display: none;
}

.loginradio+label {
	position: relative;
	display: inline-block;
	min-height: 19px;
	padding-left: 20px;
	line-height: 18px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.loginradio+label:before,
.loginradio+label:after {
	content: '';
	display: inline-block;
	left: 0;
	top: 0px;
	width: 16px;
	height: 16px;
	text-align: center;
	position: absolute;
	border: 1px #ddd solid;
}

.loginradio+label:before {
	content: '';
	border-radius: 30px;
	left: 0;
}

.loginradio+label:after {
	border-radius: 30px;
}

.che.check_t .loginradio+label:after {
	position: absolute;
	content: '';
	background:#0094ff url('../images/icon/check.png') no-repeat center;
	background-size: 12px 12px;
	border:1px solid #0094ff;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;

}


/* 券 */
.back-login{
	display: block;
    color: #666;
    font-size: 14px;
    margin-top: 10px;
}
.page-my-coupon {
}

	.page-my-coupon .h-tabs {
		display: flex;
		align-items: center;
		justify-content: space-around;
		background: #fff;
		border-bottom: 1px solid #f2f2f2;
	}

		.page-my-coupon .h-tabs .h-tab {
			position: relative;
			height: 45px;
			line-height: 45px;
			text-align: center;
			font-size: 14px;
			color: #999
		}

			.page-my-coupon .h-tabs .h-tab.on {
				border-bottom: 3px solid #eb2444;
				font-weight: 700;
				color: #333
			}


	.page-my-coupon .coupons {
		padding: 10px;
	}

		.page-my-coupon .coupons .coupon-item {
			display: flex;
			position: relative;
			border-radius: 5px;
			margin-bottom: 10px;
			overflow: hidden
		}

			.page-my-coupon .coupons .coupon-item.is-gain {
				flex-direction: row-reverse
			}


			.page-my-coupon .coupons .coupon-item:before,
			.page-my-coupon .coupons .coupon-item:after {
				position: absolute;
				display: block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #f2f3f7;
				content: " ";
				font-size: 0;
				z-index: 30
			}

			.page-my-coupon .coupons .coupon-item:before,
			.page-my-coupon .coupons .coupon-item:after {
				position: absolute;
				display: block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #f2f3f7;
				content: " ";
				font-size: 0;
				z-index: 30
			}

			.page-my-coupon .coupons .coupon-item:before {
				top: -5px;
				box-shadow: 0 -1px 1px rgba(0, 0, 0, .06) inset
			}

			.page-my-coupon .coupons .coupon-item:after {
				bottom: -5px;
				box-shadow: 0 1px 1px rgba(0, 0, 0, .06) inset
			}

			.page-my-coupon .coupons .coupon-item.is-gain .text-box {
				border-right: 1px dashed #6779da
			}

			.page-my-coupon .coupons .coupon-item.is-gain:before,
			.page-my-coupon .coupons .coupon-item.is-gain:after {
				right: 108px;
			}

			.page-my-coupon .coupons .coupon-item.not-gain:before,
			.page-my-coupon .coupons .coupon-item.not-gain:after {
				left: 108px;
			}

			.page-my-coupon .coupons .coupon-item .c-price {
				display: flex;
				flex-direction: column;
				justify-content: center;
				height: 100%;
				min-height: 95px;
				padding: 10px;
				color: #fff;
				width: 112px;
				box-shadow: 0 0 3px rgba(0, 0, 0, .05);
				background: linear-gradient(to right, #5695d6, #6779da)
			}

				.page-my-coupon .coupons .coupon-item .c-price .price {
					display: flex;
					justify-content: center;
					font-weight: 600;
					color: #fff;
					align-items: baseline
				}

					.page-my-coupon .coupons .coupon-item .c-price .price .big {
						font-size: 24px;
					}

					.page-my-coupon .coupons .coupon-item .c-price .price .small {
						font-size: 14px;
						margin-right: 3px
					}

			.page-my-coupon .coupons .coupon-item.platform .c-price {
				background: linear-gradient(90deg, #f45c43, #0094ff)
			}

				.page-my-coupon .coupons .coupon-item.platform .c-price .gain-btn {
					color: #0094ff
				}

			.page-my-coupon .coupons .coupon-item.platform .text-box .c-des .c-style {
				background: #0094ff
			}

			.page-my-coupon .coupons .coupon-item.unavailable .c-price {
				background: #ccc
			}

			.page-my-coupon .coupons .coupon-item.unavailable.not-gain .text-box {
				border-left: 1px dashed #ccc
			}

			.page-my-coupon .coupons .coupon-item.unavailable.is-gain .text-box {
				border-right: 1px dashed #ccc
			}

			.page-my-coupon .coupons .coupon-item.unavailable .text-box .c-des .c-style {
				background: #ccc
			}

			.page-my-coupon .coupons .coupon-item .c-price .c-condition {
				margin-top: 2px;
				text-align: center;
				word-break: break-word;
				font-size: 12px
			}

			.page-my-coupon .coupons .coupon-item .c-price .gain-btn {
				width: 70px;
				text-align: center;
				font-size: 14px;
				line-height: 20px;
				border-radius: 20px;
				margin: 10px auto 0;
				color: #6779da;
				background: #fff
			}

				.page-my-coupon .coupons .coupon-item .c-price .gain-btn.get-btn {
				}

			.page-my-coupon .coupons .coupon-item .text-box {
				display: flex;
				justify-content: space-between;
				flex-direction: column;
				flex: 1;
				padding: 10px;
				background: #fff;
				box-shadow: 0 0 3px rgba(0, 0, 0, .05)
			}


				.page-my-coupon .coupons .coupon-item .text-box .c-des {
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical
				}

					.page-my-coupon .coupons .coupon-item .text-box .c-des .c-style {
						display: inline-block;
						vertical-align: top;
						margin-top: 5px;
						background: #6779da;
						color: #fff;
						height: 16px;
						line-height: 16px;
						padding: 0 5px;
						font-size: 14px;
						border-radius: 14px
					}

					.page-my-coupon .coupons .coupon-item .text-box .c-des .text {
						font-size: 16px;
					}

				.page-my-coupon .coupons .coupon-item .text-box .c-time {
					display: flex;
					align-items: center
				}

					.page-my-coupon .coupons .coupon-item .text-box .c-time .time {
						flex: 1;
						font-size: 12px;
						color: #999;
					/*	display: -webkit-box;*/
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
						overflow: hidden;
						text-overflow: ellipsis
					}

			.page-my-coupon .coupons .coupon-item .tag-img {
				position: absolute;
				top: 0;
				right: 0;
				width: 62px;
				height: 62px
			}



/* ==========爱心商城详情=============== */
.page-prod .list-card {
	padding: 15px;
	border-radius: 8px;
	background: #fff;
	margin: 10px;
}

	.page-prod .list-card .header {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

		.page-prod .list-card .header .tit {
			font-size: 16px;
			font-weight: bold;
			color: #333;
		}

		.page-prod .list-card .header .more {
			display: flex;
			align-items: center;
			font-size: 14px;
		}

		.page-prod .list-card .header .total-evaluation .cmt-more {
			width: 8px;
			height: 8px;
			border-top: 1px solid #999;
			border-right: 1px solid #999;
			transform: rotate(45deg);
			margin-left: 8px;
			display: inline-block;
		}

	.page-prod .list-card .con-box {
		padding: 10px 0;
		background: #fff;
		margin: 10px auto;
	}

		.page-prod .list-card .con-box .groud {
			align-items: center;
			display: flex;
			justify-content: space-between;
			padding-bottom: 10px;
			padding-top: 5px;
		}

			.page-prod .list-card .con-box .groud .linfo {
				display: flex;
				align-items: center;
				font-size: 16px;
				color: #333;
			}

				.page-prod .list-card .con-box .groud .linfo span {
					color: #f00;
				}

			.page-prod .list-card .con-box .groud .enter-shop {
				color: #fff;
				font-size: 14px;
				padding: 6px 12px;
				background: #0094ff;
				border-radius: 30px
			}
/* ===========商品中心分类============= */
.page-feature-index .fenlei {
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

	.page-feature-index .fenlei .wrapper {
		height: 40px;
	}

		.page-feature-index .fenlei .wrapper .scroller .nav-li {
			height: 40px;
			line-height: 40px;
		}
/* ===========委托销售============= */
.popup-weituo-sale {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, .3);
	display: none;
}

	.popup-weituo-sale .weituo-box {
		padding-top: 15px;
		padding-bottom: 20px;
		border-radius: 10px 10px 0 0;
		position: absolute;
		bottom: 0;
		width: 100%;
		overflow: hidden;
		font-size: 14px;
		background-color: #fff;
	}

		.popup-weituo-sale .weituo-box .head {
			padding: 10px;
			border-bottom: 1px solid #f2f2f2;
		}

			.popup-weituo-sale .weituo-box .head .title {
				font-size: 14px;
				color: #999;
			}

			.popup-weituo-sale .weituo-box .head .icon_close {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 20px;
				height: 20px;
			}

		.popup-weituo-sale .weituo-box .weituo-cnt {
			margin-top: 20px;
			padding: 0 20px;
		}

			.popup-weituo-sale .weituo-box .weituo-cnt .count-name {
				height: 31px;
				color: #000;
				font-weight: 700;
				float: left;
			}

			.popup-weituo-sale .weituo-box .weituo-cnt .m-numSelector {
				min-width: 100px;
				display: flex;
				box-sizing: border-box;
				border: 1px #E1E1E1 solid;
				border-radius: 30px;
				position: relative;
				z-index: 0;
				float: right;
				vertical-align: middle;
			}

				.popup-weituo-sale .weituo-box .weituo-cnt .m-numSelector input {
					width: 35px;
					height: 30px;
					text-align: center;
					color: #a0a0a0;
					border-left: 1px #E1E1E1 solid;
					border-right: 1px #E1E1E1 solid;
					font-size: 14px;
					font-family: arial;
				}

			.popup-weituo-sale .weituo-box .weituo-cnt .minus {
				width: 30px;
				height: 30px;
				box-sizing: border-box;
				position: relative;
				color: #e1e1e1;
			}

			.popup-weituo-sale .weituo-box .weituo-cnt .plus {
				width: 30px;
				height: 30px;
				box-sizing: border-box;
				position: relative;
				color: #e1e1e1;
			}

				.popup-weituo-sale .weituo-box .weituo-cnt .minus::before,
				.popup-weituo-sale .weituo-box .weituo-cnt .plus::before,
				.popup-weituo-sale .weituo-box .weituo-cnt .plus::after {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;
					content: " ";
					width: 0.625rem;
					height: 0.0625rem;
					background-color: #333;
				}

				.popup-weituo-sale .weituo-box .weituo-cnt .plus::after {
					transform: rotate(90deg);
					z-index: 1;
				}

		.popup-weituo-sale .weituo-box .sure_btn {
			font-size: 15px;
			background: #0094ff;
			color: #fff;
			width: 100%;
			height: 42px;
			border-radius: 35px;
			line-height: 42px;
			border: none;
			margin-top: 30px;
		}



/* 个人中心资产 */
.myWallet {
	margin: 10px;
	border-radius: 10px;
	padding: 15px;
}

	.myWallet .item-row {
		display: flex;
	}

		.myWallet .item-row .num {
			font-size: 24px;
		}

	.myWallet .withdrwa_btn {
		min-width: 60px;
		font-size: 14px;
		height: 28px;
		border-radius: 5px;
		color: #FFFFFF;
		background: #07c160;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}


/* ===================会员中心==================== */
.VIP-level {
	background: linear-gradient(180deg, #37409d 40%, rgba(187, 214, 105, 0.00) 100%);
}

	.VIP-level .top-bg {
	}

	.VIP-level .top-header {
		background: #37409d;
	}

	.VIP-level .top-info {
		backdrop-filter: blur(143px);
		padding: 15px;
		color: #fff;
		display: flex;
		align-items: center;
	}

		.VIP-level .top-info .user-info {
			flex: 1;
			display: flex;
			align-items: center;
		}

			.VIP-level .top-info .user-info .icon {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				background: #fff;
			}

			.VIP-level .top-info .user-info .name {
				font-size: 14px;
				line-height: 22px;
				color: #fff;
			}

			.VIP-level .top-info .user-info .level {
				font-size: 12px;
				line-height: 22px;
			}

		.VIP-level .top-info .link-a {
			color: #fff;
			font-size: 14px;
			line-height: 22px;
			display: flex;
			align-items: center;
		}

			.VIP-level .top-info .link-a .icon {
				width: 14px;
				height: 14px;
				margin-left: 5px;
			}

	/*  */

	.VIP-level .vipbox {
		margin: 0 15px;
		height: 120px;
		position: relative;
		border-radius: 12px;
		overflow: hidden;
	}

		.VIP-level .vipbox.bg1 {
			background: linear-gradient(135deg, #C2B0FF 0%, #EDE7FF 30%, #6F27D5 80%);
			color: #554C9C;
		}

		.VIP-level .vipbox.bg2 {
			background: linear-gradient(135deg, #FAE1C5 0%, #FBECDB 30%, #F6D0A5 80%);
			color: #895531;
		}

		.VIP-level .vipbox.bg3 {
			background: linear-gradient(135deg, #A6B3E2 0%, #E1E7FF 30%, #B6C2F7 80%);
			color: #555C81;
		}

		.VIP-level .vipbox.bg4 {
			background: linear-gradient(135deg, #EABFAD 0%, #FDE8DE 32%, #EDC0AD 80%);
			color: #985F47;
		}

		.VIP-level .vipbox .icon-vip {
			width: 108px;
			position: absolute;
			z-index: 998;
			top: -8px;
			left: 0;
		}

		.VIP-level .vipbox .vipbg {
			width: 130px;
			height: 185px;
			transform: rotate(18.51deg);
			position: absolute;
			z-index: 998;
			top: -10px;
			right: -20px;
		}

		.VIP-level .vipbox .statusbtn {
			width: 70px;
			height: 30px;
			font-size: 14px;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			line-height: 28px;
			position: absolute;
			z-index: 998;
			top: 0;
			right: 0;
			border-radius: 0px 12px 0px 12px;
			/* background: linear-gradient(109deg, #F6D0A5 0%, #B07851 99%); */
		}

		.VIP-level .vipbox.bg1 .statusbtn {
			background: linear-gradient(109deg, #B5A7F1 0%, #713ABF 99%);
		}

		.VIP-level .vipbox.bg2 .statusbtn {
			background: linear-gradient(109deg, #F6D0A5 0%, #B07851 99%);
		}

		.VIP-level .vipbox.bg3 .statusbtn {
			background: linear-gradient(109deg, #D5DCF7 0%, #7A87C2 99%);
		}

		.VIP-level .vipbox.bg4 .statusbtn {
			background: linear-gradient(109deg, #FCEEE8 0%, #E4A284 96%);
		}

		.VIP-level .vipbox .txt-box {
			height: 120px;
		}

			.VIP-level .vipbox .txt-box .title {
				display: flex;
				align-items: center;
				font-size: 19px;
				font-weight: bold;
			}

			.VIP-level .vipbox .txt-box .subtitle {
				height: 18px;
				font-size: 14px;
				line-height: 18px;
				margin-top: 5px;
			}



	.VIP-level .adbanner .statusbtn {
		font-size: 14px;
		line-height: 18px;
		color: #3D3D3D;
		padding: 0 10px;
		height: 23px;
		border-radius: 12px;
		background: linear-gradient(90deg, #FFF7EB 0%, #E5B978 100%);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.VIP-level .VIP-record {
		background: #fff;
		border-radius: 12px 12px 0 0;
		padding-top: 15px;
		margin-top: 15px;
	}

	.VIP-level .bar-radius {
		background: #fff;
		width: 100%;
		height: 20px;
		border-radius: 12px 12px 0px 0px;
	}

	.VIP-level .bar-tit {
		padding: 0 15px;
		color: #9AB93A;
		font-size: 16px;
		line-height: 18px;
		padding-bottom: 10px;
		position: relative;
	}

		.VIP-level .bar-tit::after {
			content: '';
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 34px;
			height: 2px;
			border-radius: 1px;
			transform: translateX(-50%);
			background: #F8C235;
		}