@charset "UTF-8";

* { touch-action: pan-y; } 

#app {
    min-height: 100vh;
    background: #f5f0f0;
    height: auto;
	font-size: 12px;
}


.van-toast {
	word-break: break-word !important
}


.progress {
	width: 100%;
	position: relative;
	overflow: hidden
}

.progress .step {
	position: absolute;
	top: 50%;
	left: 50%;
	
	transform: translate(-50%) translateY(-50%)
}


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

.first_list-item .head {
	
	display: flex;
	
	justify-content: space-between;
	margin-bottom: .18667rem
}

.first_list-item .head .title {
	font-size: .37333rem;
	color: #333
}

.first_list-item .head .title>span {
	color: #FD5810
}

.first_list-item .head .orange {
	font-size: .34667rem;
	color: #ff7d06
}

.first_list-item .description {
	font-size: .29333rem;
	color: #888;
	margin-bottom: .26667rem
}

.first_list-item .foot {
	
	display: flex;
	
	align-items: center
}

.first_list-item .foot>div {
	
	flex: 1
}

.first_list-item .foot .btn {
	width: 2.13333rem;
	min-height: .66667rem;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	flex: none;
	font-size: .32rem;
	margin-left: .56rem;
	border-radius: .13333rem;
	padding: 0 .13333rem;
	color: #fff
}

.first_list-item .foot .btn.n1 {
	box-shadow: 0 .05333rem .21333rem 0 #d0d0ed5c 0 -.05333rem .13333rem 0 #fff6f4 inset;
	
	background: linear-gradient(180deg, #FD5810 0%, #E3C29F 100%);
}

.first_list-item .foot .btn.n1.rule {
	opacity: 0;
	pointer-events: none
}

.first_list-item .foot .btn.n2 {
	border: .01333rem solid #FD5810;
	color: #FD5810
}

.first_list-item .foot .btn.n2.rule {
	opacity: 0;
	pointer-events: none
}

.first_list-item .foot .btn.n3 {
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c, 0 -.05333rem .13333rem #e8ebff inset;
	
	background: linear-gradient(180deg, #A6ACD0 0%, #C2CAF4 100%)
}

.first_list-item+.first_list-item {
	margin-top: .26667rem
}

.dialog-wrapper {
	padding: .26667rem 0;
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center
}

.dialog-wrapper img {
	width: 3.73333rem;
	height: 2.46667rem;
	position: relative;
	margin-top: -.74667rem
}

.dialog-wrapper .dialog-title {
	color: #151515;
	margin: .4rem 0 .26667rem;
	font-size: .48rem;
	font-weight: 700
}

.dialog-wrapper .dialog-tips {
	color: #666;
	font-size: .32rem;
	margin: 0 0 .32rem
}

.dialog-wrapper .dialog-para {
	color: #666;
	font-size: .32rem
}

.dialog-wrapper .dialog-btn {
	width: 5.6rem;
	height: 1.06667rem;
	text-align: center;
	line-height: 1.06667rem;
	
	background: linear-gradient(180deg, #FD5810 0%, #E3C29F 100%);
	border-radius: 1.06667rem;
	font-weight: 700;
	color: #fff;
	font-size: .42667rem;
	margin-top: .53333rem
}

.dialog-wrapper .dialog-content {
	
	display: flex;
	
	align-items: center;
	color: #ff7d06
}

.dialog-wrapper .dialog-content img {
	width: .4rem;
	height: .4rem;
	margin: 0 .13333rem 0 0
}

.dialog-wrapper .dialog-footer {
	position: relative;
	bottom: -1.46667rem
}

.dialog-wrapper .dialog-footer img {
	width: .8rem;
	height: .8rem
}










.item {
	/* min-height: 3.72rem; */
	border-radius: .26667rem;
	position: relative;
	margin-bottom: .26667rem;
	overflow: hidden
}

.item .right {
	position: absolute;
	right: .26667rem;
	top: 50%;
	
	transform: translateY(-50%);
	min-width: 3.73333rem
}

.item .right .head {
	margin-bottom: .13333rem
}

.item .right .head h1,
.item .right .foot h1 {
	background: #000;
	border-radius: .26667rem .26667rem 0 0;
	color: #fff;
	font-size: .29333rem;
	padding: .13333rem .26667rem
}

.item .right .head>div,
.item .right .foot>div {
	border-radius: 0 0 .26667rem .26667rem;
	padding: 0 .26667rem;
	min-height: .66667rem;
	line-height: .66667rem
}

.item .right .head>div.time,
.item .right .foot>div.time {
	background: rgba(0, 0, 0, .36);
	
	display: flex;
	
	justify-content: space-between;
	
	align-items: center;
	color: #fff
}

.item .right .head>div.time span,
.item .right .foot>div.time span {
	font-size: .48rem;
	font-weight: 700
}

.item .right .head>div.amount,
.item .right .foot>div.amount {
	background: #ffdf25;
	color: #000;
	font-weight: 700;
	text-align: center
}

.item .right .head.type2 h1 {
	background: #000
}

.item .right .head.type2 .time {
	background: rgba(0, 0, 0, .36)
}


.activity-wrapper .activitySection__container {
	
	display: flex;
	
	flex-direction: column;
	width: 100%;
	padding-left: .32rem;
	padding-right: .32rem;
    padding-bottom: 2.43333rem;
}

.activity-wrapper .activitySection__container>.box {
	width: 100%;
	border-radius: .26667rem;
	background: #fff;
	box-shadow: 0 .08rem .13333rem .02667rem #d0d0ed5c;
	overflow: hidden;
	margin-top: .34667rem;
}



.activity-wrapper .activitySection__container>.box>.box-content {
	padding: .24rem .32rem;
	line-height: .32rem;
	align-items: start;
}

.activity-wrapper .activitySection__container>.box>.box-content .box-title {
	font-size: .4rem;
	font-weight: 600;
	margin-bottom: .13333rem
}

.activity-wrapper .activitySection__container>.box>.box-content p {
	font-size: .32rem;
	color: #888
}

.activity-wrapper .activitySection__container>.box img {
	width: 100%;
	/* height: 3.46667rem */
}


.activity-wrapper .activity-banner {
	color: #fff;
	font-size: .32rem;
	font-style: normal;
	min-height: 2rem;
	
	background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
	padding: 0 .32rem;
	
	display: flex;
	
	align-items: center;
}

.activity-wrapper .activity-banner .banner-title {
	font-size: .48rem;
	margin-bottom: .26667rem
}

.activity-wrapper .activity-banner .banner-para {
	margin-bottom: .06667rem
}

.activity-wrapper .activity-panel {
	padding: .32rem .32rem 0;
}

.activity-wrapper .activity-panel-header {
	/* display: flex; */
	align-items: self-start;
	/* -webkit-justify-content: space-between; */
	/* justify-content: space-between; */

	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    width: 100%;
    gap: 8px;
}

.activity-wrapper .activity-panel-header.lg3 {
	padding: 0 .58667rem
}

.activity-wrapper .activity-panel-header.lg2 {
	padding: 0 1.69333rem
}

.activity-wrapper .activity-panel-header.lg1 {
	
	justify-content: center
}

.activity-wrapper .activity-panel-header.lg5 {
	
	flex-wrap: wrap
}

.activity-wrapper .activity-panel-header.lg5 .header-item {
	/* width: 2.13333rem;
	margin-bottom: .26667rem */
}

.activity-wrapper .activity-panel-header .header-item {
	display: flex;
    flex-direction: column;
    color: #666;
    /* width: 1.33333rem; */
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: .13333rem;

    padding: 0 0 10px;
    box-shadow: 0 .08rem .13333rem .02667rem #d0d0ed5c;
	height: 88px;
    justify-content: center;
}

.activity-wrapper .activity-panel-header.lg5 .header-item img {
	width: 50px;
}


.activity-wrapper .activity-panel-header .header-item .bgcontainer {
	width: 1.06667rem;
	height: 1.06667rem;
	border-radius: .26667rem;
	padding: .13333rem;
	box-shadow: 0 -.05333rem .16rem #fff inset, 0 .10667rem .21333rem #d0d0ed5c;
	margin-bottom: .29333rem
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer:after {
	content: "";
	display: block;
	width: .8rem;
	height: .8rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .8rem
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a1 {
	
	background-image: linear-gradient(to bottom, #FB6C5F, #FCDCAB)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a1:after {
	background-image: url(../img/activity/activityIcon1.png)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a2 {
	
	background-image: linear-gradient(180deg, #5CA6FF 0%, #A9E5FF 100%)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a2:after {
	background-image: url(../img/activity/activityIcon2.png)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a3 {
	
	background-image: linear-gradient(180deg, #F87700 0%, #FFCE22 100%)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a3:after {
	background-image: url(../img/activity/activityIcon3.png)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a4 {
	
	background-image: linear-gradient(180deg, #15CEA2 0%, #B6FFE0 100%)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a4:after {
	background-image: url(../img/activity/activityIcon4.png)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a5 {
	
	background-image: linear-gradient(180deg, #A45CFF 0%, #CCBFFF 100%)
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a5:after {
	background-image: url(../img/activity/activityIcon5.png)
}

.activity-wrapper .activity-panel-content {
	
	display: flex;
	
	justify-content: center;
	
	flex-wrap: wrap;
	margin-top: .26667rem
}

.activity-wrapper .activity-panel-content .content-title {
	width: 100%;
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: flex-start;
	background: #fff;
	border-radius: .13333rem;
	padding-bottom: .26667rem;
    box-shadow: 0 .08rem .13333rem .02667rem #d0d0ed5c;
}

.activity-wrapper .activity-panel-content .content-title img {
    width: 100%;
}



.activity-wrapper .activity-panel-content .content-title .content-para {
	color: #151515;
	font-weight: 700;
	padding: .13333rem .26667rem;
	font-size: .37333rem;
}

.activity-wrapper .activity-panel-content .content-title p {
	padding: .06667rem .26667rem;
	color: #666;
}

.activity-wrapper .dialog-wrapper {
	padding: .26667rem 0;
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
}

.activity-wrapper .dialog-wrapper img {
	width: 4.6rem;
	height: 4.6rem;
	position: relative;
	margin-top: -2.13333rem
}

.activity-wrapper .dialog-wrapper .dialog-title {
	color: #151515;
	margin-bottom: .13333rem;
	font-size: .4rem;
	padding: 0 .16rem
}

.activity-wrapper .dialog-wrapper .dialog-title span {
	color: #FD5810;
	font-weight: 700;
	font-size: .48rem
}

.activity-wrapper .dialog-wrapper .dialog-para {
	color: #666;
	font-size: .32rem;
	padding: 0 .26667rem
}

.activity-wrapper .dialog-wrapper .dialog-btn {
	width: 5.6rem;
	height: 1.06667rem;
	text-align: center;
	line-height: 1.06667rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	border-radius: 1.06667rem;
	font-weight: 700;
	color: #fff;
	font-size: .42667rem;
	margin-top: 1.06667rem
}

.activity-wrapper .dialog-wrapper .dialog-footer {
	position: relative;
	bottom: -1.46667rem
}

.activity-wrapper .dialog-wrapper .dialog-footer img {
	width: .8rem;
	height: .8rem
}

.activity-wrapper .cardBox {
	padding: 0 .26667rem
}

 .van-dialog.MsgRadius {
	border-radius: .13333rem
}

 .van-dialog.noOverHidden {
	overflow: inherit
}

.nowidth {
	width: 0;
	
	flex: none
}










.navbar {
	background: #f7f8ff
}

.navbar__content-center img {
	width: 2.9048rem;
	height: auto
}

.navbar__content-right img {
	width: .64rem;
	height: auto
}










/* .dialog {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	background: rgba(0, 0, 0, .7);
	
	transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
	z-index: 2004
}

.dialog.active {
	opacity: 1;
	visibility: visible
}

.dialog.active .dialog__container {
	
	transform: scale(1);
	opacity: 1
}

.dialog.inactive {
	opacity: 0;
	visibility: hidden
}

.dialog.inactive .dialog__container {
	opacity: 0
}

.dialog__container {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	width: 8rem;
	min-height: 6.66667rem;
	border-radius: .26667rem;
	background: #fff;

	transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	z-index: 2003;
	padding: .53333rem .26667rem;
	border-radius: 20px
}

.dialog__container .close_img {
	position: absolute;
	bottom: -1.06667rem;
	width: .8rem;
	height: .8rem
}

.dialog__container-img {
	width: 2.13333rem;
	height: 2.13333rem
}

.dialog__container-img img {
	width: 100%;
	height: 100%
}

.dialog__container-title {
	margin-top: .34667rem;
	font-size: .48rem;
	font-weight: 700
}

.dialog__container-content {
	margin-top: .29333rem;
	color: #666;
	font-size: .32rem;
	font-weight: 400
}

.dialog__container-footer {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	gap: .28rem;
	width: 100%;
	height: 1.06667rem;
	margin-top: auto;
	padding: 0 .26667rem
}

.dialog__container-footer button {
	width: 3.12rem;
	height: 1.06667rem;
	color: #FD5810;
	font-size: .42667rem;
	text-align: center;
	border-radius: 9rem;
	border: .01333rem solid #FF962C;
	background: 0 0
}

.dialog__container-footer button:last-of-type {
	width: 4.34667rem;
	color: #fff;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	box-shadow: 0 .05333rem #896646;
	border: none
}

.dialog__outside {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: default;
	z-index: 2002
}

.close_img {
	width: .8rem;
	height: .8rem;
	position: absolute;
	bottom: -1.06667rem;
	left: 50%;
	margin-left: -.4rem
} */










.dropdown {
	position: absolute;
	width: 2.48rem;
	height: 1.17333rem;
	color: #666;
	text-align: center;
	line-height: 1.17333rem;
	background: #f5f0f0;
	outline: none;
	border-radius: .26667rem;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.dropdown__value {
	
	display: flex;
	
	align-items: center;
	padding-left: .4rem;
	font-size: .4rem;
	cursor: pointer
}

.dropdown__value span {
	width: .90667rem;
	height: 1.17333rem
}

.dropdown__value i {
	margin-left: .13333rem;

	transition: transform .3s ease, -webkit-transform .3s ease
}

.dropdown__value .arrowActive {
	
	transform: rotate(180deg)
}

.dropdown__list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 8.61333rem;
	font-size: .37333rem;
	height: .26667rem;
	text-align: start;
	opacity: 0;
	border: .01333rem solid #FD5810;
	border-radius: .13333rem;
	background-color: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	overflow: hidden;
	z-index: 1;
	overflow-y: scroll;
	
	transition: opacity .2s ease-in-out, height .2s ease-in-out
}

.dropdown__list::-webkit-scrollbar {
	width: 0
}

.dropdown__list-item {
	padding-left: .4rem;
	cursor: pointer
}

.dropdown__list-item span {
	display: inline-block;
	width: 1.33333rem
}

.dropdown__list-item:hover {
	background-color: #f5f5f5
}

.dropdown__list-item.active {
	background: #FD5810;
	color: #fff
}

.dropdown__list.active {
	height: 5.33333rem;
	opacity: 1;
	z-index: 10
}


.active-container .banner {
	width: 100%;
	display: block;
	/* max-height: 4.8rem */
}

.active-container .active-box {
	border-radius: .26667rem;
	padding: .26667rem .34667rem .34667rem;
	margin-top: -.2rem;
	background: #fff;
	position: relative;
	z-index: 2
}

.active-container .active-box .title {
	font-size: .37333rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: .26667rem
}

.active-container .active-box img {
	display: block !important;
	max-width: 100% !important
}

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


.championship {
	padding: .26667rem 0
}

.championship .tabs {
	background: #FD5810;
	
	display: flex
}

.championship .tabs>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	text-align: center;
	min-height: 1.6rem;
	color: #fff;
	font-size: .4rem;
	width: 33.3333333333%
}

.championship .tabs>div.active {
	font-weight: 900;
	position: relative
}

.championship .tabs>div.active:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	
	transform: translate(-50%);
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-left: .2rem solid transparent;
	border-right: .2rem solid transparent;
	border-bottom: .24rem solid #fff
}

.championship .item {
	margin: .26667rem
}

.championship .btn {
	margin: .26667rem;
	font-size: .4rem;
	color: #fff;
	font-weight: 700;
	letter-spacing: .016rem;
	
	background: linear-gradient(180deg, #CFD1DE 0%, #C7C9D9 100%);
	text-shadow: 0 .05333rem 0 #b6bad0;
	text-align: center;
	border-radius: .66667rem;
	padding: .2rem 0
}

.championship .btn.active {
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	text-shadow: 0 .05333rem 0 #896646
}




.cg-default.van-button {
	box-shadow: 0 .05333rem #896646;
	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%
}

.dailySignIn__container {
	font-family: Inter, sans-serif;
	padding-bottom: .86667rem;
}

.dailySignIn__container .navbar .navbar__content .navbar__content-left .van-icon,
.dailySignIn__container .navbar .navbar__content .navbar__content-title {
	color: #fff
}

.dailySignIn__container .greyBtn {
	
	filter: grayscale(1) !important
}

.dailySignIn__container-hero {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: flex-end;
	height: 11.46667rem;
	margin-bottom: .42667rem;
	margin-top: -1.77777rem;
	padding: 0 .4rem .26667rem;
	position: relative;
	background: url(../img/activity/headerBg.png) no-repeat 0 -.26667rem, linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
	background-size: 100% auto
}



.dailySignIn__container-hero .img-wrap {
	width: 4.52rem;
	height: 4.52rem;
	z-index: 99;
	position: absolute;
	right: 0;
	top: 2.34667rem
}

.dailySignIn__container-hero__header {
	color: #fff
}

.dailySignIn__container-hero__header h1 {
	font-size: .53333rem;
	margin-bottom: .4rem
}

.dailySignIn__container-hero__header h1:last-of-type {
	margin-bottom: 0;
	font-size: .32rem
}

.dailySignIn__container-hero__header h1:last-of-type span {
	color: #ebff00;
	font-size: .4rem
}

.dailySignIn__container-hero__header p {
	font-size: .32rem;
	margin-bottom: .24rem
}

.dailySignIn__container-hero__header p:first-of-type {
	width: 5.33333rem;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.dailySignIn__container-hero__header p:last-of-type {
	margin-bottom: .08rem
}

.dailySignIn__container-hero__header div {
	display: inline-block;
	width: 4.4rem;
	margin-bottom: .21333rem;
	padding: .21333rem .41333rem .21333rem .14667rem;
	color: #FD5810;
	font-size: .37333rem;
	line-height: .32rem;
	background: #fff;
	
	clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
	word-break: break-all
}

.dailySignIn__container-hero__header div span {
	margin-inline: .13333rem;
	font-size: .53333rem;
	font-weight: 600;
	line-height: 1
}

.dailySignIn__container-hero__footer {
	
	display: flex;
	
	justify-content: space-between;
	margin-top: 1.06667rem;
	margin-bottom: 3.73333rem;
	position: relative;
	z-index: 100
}

.dailySignIn__container-hero__footer a {
	width: 3.53333rem;
	height: .8rem;
	padding: .18667rem 0;
	color: #fff;
	font-size: .34667rem;
	line-height: .32rem;
	border: none;
	border-radius: 9rem;
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dailySignIn__container-hero__footer a:hover {
	outline: .01333rem solid #a8acd0
}

.dailySignIn__container .white-wrapper {
	width: 10rem;
	height: 8.86667rem;
	
	flex-shrink: 0;
	
	background: linear-gradient(180deg, rgba(255, 247, 247, 0) 0%, #f5f0f0 100%);
	position: relative;
	bottom: 0;
	margin-top: -8.86667rem;
	z-index: 9
}

.dailySignIn__container-content {
	padding-inline: .32rem;
	border-radius: .26667rem;
	background: #fff;
	padding: .32rem .24rem;
	margin: -3.73333rem 0 0;
	position: relative;
	z-index: 10;
	background: #f5f0f0
}

.dailySignIn__container-content__wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-items: center;
	gap: .2rem
}

.dailySignIn__container-content__wrapper-block {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	width: 100%;
	height: 2.93333rem;
	background: #fff;
	padding-top: .23333rem;
	border-radius: .2rem;
	position: relative;
}

.dailySignIn__container-content__wrapper-block.active {
	background: #fff4d9;
}


.dailySignIn__container-content__wrapper-block.active .icon {
    padding-right: 0;
    text-align: right;
    width: 0.63333rem;
    height: 0.63333rem;
    background: url(../img/me/bg-arr.svg) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.dailySignIn__container-content__wrapper-block__header {
	position: relative;
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: center;
	/* 
	align-items: flex-end; */
	width: 100%
}

.dailySignIn__container-content__wrapper-block:last-child .dailySignIn__container-content__wrapper-block__header{
	
	align-items: flex-end;
}





.dailySignIn__container-content__wrapper-block__header img {
	width: 2.98667rem;
	height: .72rem;
	visibility: hidden
}

.dailySignIn__container-content__wrapper-block__header span {
	font-size: .42667rem;
	/* width: 2.8rem; */
	/* height: .72rem; */
	color: #333;
	display: inline-block;
	text-align: center;
	/* margin-top: -.13333rem; */
}

.dailySignIn__container-content__wrapper-block>img {
	width: 1.06667rem;
	height: 1.06667rem;
	margin-block: .18667rem .27773rem
}

.dailySignIn__container-content__wrapper-block>span {
	color: #666;
	font-size: .34667rem
}

.dailySignIn__container-content__wrapper-block img {
	max-width: 100%
}

.dailySignIn__container-content__wrapper-block:last-of-type {
	position: relative;
	width: 100%;
	grid-column: 1/-1;
	
	display: flex;
	
	align-items: flex-end;
	
	justify-content: center;
	padding-right: .53333rem
}

.dailySignIn__container-content__wrapper-block:last-of-type .days-span {
	color: #333;
	padding: .26667rem .88rem 0 0
}

.dailySignIn__container-content__wrapper-block:last-of-type img {
	display: none
}

.dailySignIn__container-content__wrapper-block:last-of-type .daySevenGift {
	width: 2.02667rem;
	height: 2.45333rem;
	background: url(../img/activity/box.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: .53333rem;
	margin-top: .48rem
}

.dailySignIn__container-content__wrapper-block.signed {
	
	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%)
}

.dailySignIn__container-content__wrapper-block.signed .dayHeader {
	background: url(../img/activity/signedBg.png) no-repeat center;
	background-size: cover;
	color: #fff
}

.dailySignIn__container-content__wrapper-block.signed .days-span {
	color: #fff !important
}

.dailySignIn__container-content__wrapper-block.signed:last-of-type {
	
	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%);
	
	display: flex;
	
	align-items: flex-end;
	
	justify-content: center;
	padding-right: .53333rem
}

.dailySignIn__container-content__wrapper-block.signed:last-of-type img {
	display: none
}

.dailySignIn__container-content__wrapper-block.signed:last-of-type .dayHeader {
	background: 0 0
}

.dailySignIn__container-content__footer {
	width: 100%;
	margin-top: 1.45333rem;
	text-align: center;
	position: fixed;
	bottom: .26667rem;
	left: 0;
	padding: .53333rem 1.13333rem;
	
	display: flex;
	
	justify-content: center
}

.dailySignIn__container-content__footer .btn-wrapper {
	width: 9.46667rem;
	height: 1.2rem;
	/* background-color: #fff */
}

.dailySignIn__container-content__footer button {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: .48rem;
	border: none;
	border-radius: .65333rem;
	
	background: linear-gradient(180deg, #cfd1df 0%, #c8cada 100%);
}

.dailySignIn__container-content__footer button.active {
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%)
}


 .navbar-fixed {
	box-shadow: none
}



.dailySignIn__container .task-banner {
	padding: .13333rem .26667rem;
	margin-bottom: .4rem;
	
	background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
	color: #fff;
	
	height: fit-content;
	
	display: flex;
	
	align-items: flex-end;
	position: relative
}

.dailySignIn__container .task-banner div {
	
	display: flex;
	
	justify-content: space-between;
	
	align-items: center;
}

.dailySignIn__container .task-banner div img {
	width: 2.66667rem;
	height: 2.66667rem
}

.dailySignIn__container .task-banner .task-banner-right {
	flex-direction: column;
	align-items: normal;
}

.dailySignIn__container .task-banner .banner-title {
	font-size: .48rem;
	color: #fff;
	margin-bottom: .26667rem
}

.dailySignIn__container .task-banner .banner-content {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: flex-start
}

.dailySignIn__container .task-panel {
	padding: 0 .26667rem
}

.dailySignIn__container .task-panel .task-item {
	width: 100%;
	background: #ffffff;
	border-radius: .26667rem;
	overflow: hidden;
	padding: .13333rem 0;
	margin-bottom: .26667rem;
	box-shadow: 0 .05333rem .21333rem rgb(211 211 211 / 36%)
}

.dailySignIn__container .task-panel .task-item img {
	width: .53333rem;
	height: .53333rem
}

.dailySignIn__container .task-panel .task-item-header {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	margin-top: -.06667rem;
	border-bottom: .01333rem solid #eaeaea;
	padding-right: .26667rem
}

.dailySignIn__container .task-panel .task-item-header img {
	width: .53333rem;
	height: .53333rem
}

.dailySignIn__container .task-panel .task-item-header .hearder-status {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	min-width: 3.46667rem;
	height: 1.06667rem;
	
	background: linear-gradient(90deg, #FD5810 0%, #FF962C 100%);
	color: #fff;
	border-bottom-right-radius: .33333rem;
	font-size: .37333rem;
	font-weight: 700
}

.dailySignIn__container .task-panel .task-item-header .hearder-status.new {
	background: #FF962C
}

.dailySignIn__container .task-panel .task-item-header .hearder-status.week {
	background: #FF962C
}

.dailySignIn__container .task-panel .task-item-header .hearder-status.day {
	background: #00ba82
}

.dailySignIn__container .task-panel .task-item-header .headerR {
	color: #888;
	font-size: .37333rem
}

.dailySignIn__container .task-panel .task-item-header .hearder-type {
	min-width: 3.2rem;
	height: .66667rem;
	line-height: .66667rem;
	border-radius: .66667rem;
	text-align: center;
	padding: 0 .13333rem;
	color: #fff;
	box-shadow: 0 -.05333rem .13333rem #fff6f4 inset
}

.dailySignIn__container .task-panel .task-item-header .hearder-type.n1 {
	border: .01333rem solid #FD5810;
	color: #FD5810
}

.dailySignIn__container .task-panel .task-item-header .hearder-type.n2 {
	
	background: linear-gradient(90deg, #FD5810 0%, #FF962C 100%)
}

.dailySignIn__container .task-panel .task-item-header .hearder-type.n3 {
	
	background: linear-gradient(90deg, #A6ACD0 0%, #C2CAF4 95%)
}

.dailySignIn__container .task-panel .task-item-header .uncomplete {
	
	background: linear-gradient(90deg, #A4B1DE 0%, #BDC9EE 95%) !important
}

.dailySignIn__container .task-panel .task-item-header .completed {
	
	background: linear-gradient(180deg, #A6ACD0 0%, #C2CAF4 100%)
}

.dailySignIn__container .task-panel .task-item-header .gocomplete {
	color: #f95959;
	border: .01333rem solid #f95959;
	background: #fff
}

.dailySignIn__container .task-panel .task-item-type {
	display: flex;
	align-items: center;
	margin: 0 .26667rem;
	justify-content: space-between;
	padding: .2rem 0;
}

.dailySignIn__container .task-panel .task-item-type img {
	width: .53333rem;
	height: .53333rem
}

.dailySignIn__container .task-panel .task-item-type .type-title {
	
	display: grid;
    gap: .2rem;
	
	align-items: center;
	
	justify-content: center;
	padding-left: .8333rem;
	min-height: .64rem;
	background-size: .64rem;
	background-repeat: no-repeat;
	background-position: left;
	color: #666;
	flex-direction: column;
	font-size: .36rem;
	word-break: break-word;
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType1 {
	background-image: url(../img/activity/weeklyType1.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType2 {
	background-image: url(../img/activity/weeklyType2.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType3 {
	background-image: url(../img/activity/weeklyType3.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType4 {
	background-image: url(../img/activity/weeklyType4.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType5 {
	background-image: url(../img/activity/weeklyType5.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType6 {
	background-image: url(../img/activity/weeklyType6.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType7 {
	background-image: url(../img/activity/weeklyType7.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType8 {
	background-image: url(../img/activity/weeklyType8.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType9 {
	background-image: url(../img/activity/weeklyType9.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType10 {
	background-image: url(../img/activity/weeklyType10.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType11 {
	background-image: url(../img/activity/weeklyType11.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.weeklyType12 {
	background-image: url(../img/activity/weeklyType12.svg)
}

.dailySignIn__container .task-panel .task-item-type .type-title.new {
	background-image: url()
}

.dailySignIn__container .task-panel .task-item-type .type-title.completed {
	background-image: url(../img/activity/completed.png);
}

.dailySignIn__container .task-panel .task-item-type .type-title.uncompleted {
	background-image: url(../img/activity/uncompleted.png);
}

.task-layer {
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.task-right {
	color: #feb51c;
	font-size: .4rem;
	font-weight: bold;
	text-align: center;
}

.task-block:not(:first-child) {
    display: none;
}

.dailySignIn__container .task-panel .task-item .btn span {
	color: #fea51c;
}

.dailySignIn__container .task-panel .task-item .btnOther.status2 span {
	color: #ffffff;
}

.dailySignIn__container .task-panel .task-item .btnOther.status3 span {
	color: #ffffff;
}

.dailySignIn__container .task-panel .task-item-type .type-tip {
	font-size: .37333rem;
	color: #bbbbbb;
	/* margin-left: .26667rem */
}

.dailySignIn__container .task-panel .task-item-description {
	color: #888;
	padding: .26667rem;
	background: #e5e8f5;
	border-radius: .13333rem;
	margin: .26667rem;
	font-size: .29333rem
}

.dailySignIn__container .task-panel .task-item-bottom {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	padding-bottom: .26667rem;
	margin: 0 .26667rem;
	color: #666;
	border-bottom: .01333rem solid #eaeaea
}

.dailySignIn__container .task-panel .task-item-bottom .bottom-title {
	
	display: flex;
	color: #ff7d06;
	
	align-items: center
}

.dailySignIn__container .task-panel .task-item-bottom img {
	margin-right: .13333rem
}

.dailySignIn__container .task-panel .task-item .btn {
	min-width: 88px;
	color: #fff;
	font-size: .4rem;
	font-weight: 700;
	border-radius: .53333rem;
	text-align: center;
	padding: .16rem .26667rem;
	margin: .13333rem .2rem;
	flex: none;
}



.dailySignIn__container .task-panel .task-item .btnOther.status1 {
	color: #FD5810;
	border: .01333rem solid #FD5810
}

.dailySignIn__container .task-panel .task-item .btnOther.status2 {
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	/* text-shadow: 0 .05333rem 0 #896646 */
}


.dailySignIn__container .task-panel .task-item .btnOther.status3 {
	
	background: linear-gradient(180deg, #CFD1DE 0%, #C7C9D9 100%);
	/* text-shadow: 0 .05333rem 0 #b6bad0 */
}


.dailySignIn__container .task-panel .task-item .btnNew.status0 {
	color: #FD5810;
	border: .01333rem solid #FD5810
}

.dailySignIn__container .task-panel .task-item .btnNew.status1 {
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	text-shadow: 0 .05333rem 0 #896646
}

.dailySignIn__container .task-panel .task-item .btnNew.status2,
.dailySignIn__container .task-panel .task-item .btnNew.status3 {
	
	background: linear-gradient(180deg, #CFD1DE 0%, #C7C9D9 100%);
	text-shadow: 0 .05333rem 0 #b6bad0
}

.dailySignIn__container .navi-record {
	
	display: flex;
	
	align-items: center;
	color: #fff
}

.dailySignIn__container .navi-record img {
	width: .58667rem;
	height: .58667rem;
	margin-right: .13333rem
}

.dailySignIn__container .dialog-wrapper {
	padding: .26667rem 0;
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center
}

.dailySignIn__container .dialog-wrapper img {
	width: 3.73333rem;
	height: 2.46667rem;
	position: relative;
	margin-top: -.74667rem
}

.dailySignIn__container .dialog-wrapper .dialog-title {
	color: #151515;
	margin: .4rem 0 .26667rem;
	font-size: .48rem;
	font-weight: 700;
	padding: 0 .13333rem
}

.dailySignIn__container .dialog-wrapper .dialog-tips {
	color: #666;
	font-size: .32rem;
	margin: 0 0 .32rem
}

.dailySignIn__container .dialog-wrapper .dialog-para {
	color: #666;
	font-size: .32rem;
	padding: 0 .26667rem
}

.dailySignIn__container .dialog-wrapper .dialog-btn {
	width: 5.6rem;
	height: 1.06667rem;
	text-align: center;
	line-height: 1.06667rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	text-shadow: 0 .05333rem 0 #896646;
	border-radius: 1.06667rem;
	font-weight: 700;
	color: #fff;
	font-size: .42667rem;
	margin-top: .53333rem
}

.dailySignIn__container .dialog-wrapper .dialog-content {
	
	display: flex;
	
	align-items: center;
	color: #ff7d06
}

.dailySignIn__container .dialog-wrapper .dialog-content img {
	width: .4rem;
	height: .4rem;
	margin: 0 .13333rem 0 0
}

.dailySignIn__container .dialog-wrapper .dialog-footer {
	position: relative;
	bottom: -1.46667rem
}

.dailySignIn__container .dialog-wrapper .dialog-footer img {
	width: .8rem;
	height: .8rem
}

 .van-dialog.noOverHidden {
	overflow: inherit
}


.van-nav-bar__right a {
	display: flex;
    align-items: center;
	gap: 4px;
}
.van-nav-bar__right a img {
	width: 22px;
	height: 22px;
}



/* 任务历史记录 */
.vip-content-recordVsrule-con {
    margin-top: 0.4rem;
    background: #fff;
    box-shadow: 0 0.10667rem 0.21333rem #d0d0ed5c;
    border-radius: 0.16rem;
    
    display: flex;
    
    flex-direction: column;
	padding: 1rem 0;
	position: relative;
}
.vip-content-recordVsrule-con:nth-child(2) {
    display: none;
}

.vip-content-recordVsrule {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: .32rem;
}
.vip-content-recordVsrule-head {
    box-shadow: 0 .05333rem .21333rem rgb(211 211 211 / 36%);
    border-radius: 0.16rem;
    height: 1.17333rem;
    color: #666;
    font-size: .42667rem;
    line-height: 1.17333rem;
    text-shadow: 0 0.02667rem 0.01333rem rgba(255, 136, 132, .75);
    display: flex;
	overflow: hidden;
}
.vip-content-recordVsrule-head>button {
    border: none;
    width: 50%;
    background: #fff;
	color: #666666;
}
.vip-content-recordVsrule-head>button.active {
    
    background: linear-gradient(125deg, #FD5810 0%, #FF962C 100%);
    box-shadow: inset 0 -0.05333rem 0.13333rem #fff6f4;
    border-radius: 0.16rem;
    color: #fff;
}
.activity_padding {
	padding: .3rem;
}










.rule {
	width: calc(100% - .64rem);
	border: .05333rem solid #FF962C;
	border-top: none;
	margin: auto;
	padding: .32rem;
	background-color: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	border-radius: .26667rem
}

.rule .head {
	width: calc(100% + .74667rem);
	position: relative;
	left: -.37333rem;
	top: -.32rem;
	height: .88rem;
	line-height: .88rem;
	background-image: url(../img/activity/rulehead.svg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	font-family: Inter;
	font-size: .42667rem;
	font-style: normal;
	font-weight: 700;
	text-align: center
}

.rule>div:not(.head) {
	color: #666;
	font-size: .34667rem;
	line-height: .45333rem;
	margin-bottom: .4rem;
	padding-left: .34667rem;
	position: relative
}

.rule>div:not(.head):before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .13333rem;
	height: .16rem;
	width: .16rem;
	
	flex: none;
	border-radius: .02667rem;
	
	background: linear-gradient(135deg, #FD5810 10.23%, #FF962C 103.03%);
	
	transform: rotate(45deg)
}




.first_list {
	padding: .32rem
}





.package-desc {
	border-radius: .53333rem;
	border: .01333rem solid #fff;
	min-width: 2.4rem;
	max-width: 4rem;
	height: .66667rem;
	color: #fff;
	line-height: .66667rem;
	font-size: .32rem;
	text-align: center;
	padding: 0 .13333rem
}

.package-banner {
	
	display: flex;
	
	align-items: center;
	min-height: 3.86667rem;
	
	background: linear-gradient(90deg, #FD5810 0%, #FF962C 100%);
	margin-bottom: .26667rem;
	padding: .34667rem
}

.package-banner img {
	display: block;
	width: 2.69333rem;
	height: 3.2rem
}

.package-banner-text {
	color: #fff;
	margin-left: .45333rem;
	width: 100%
}

.package-banner-text>div {
	
	display: flex;
	
	justify-content: end
}

.package-banner-text h3 {
	font-size: .48rem;
	font-style: normal;
	font-weight: 700;
	line-height: .48rem;
	margin-bottom: .4rem
}

.package-banner-text h4 {
	font-size: .34667rem;
	font-style: normal;
	font-weight: 500;
	line-height: .34667rem;
	margin-bottom: .32rem
}

.package-banner-text p {
	font-size: .29333rem;
	font-style: normal;
	font-weight: 400;
	line-height: .32rem;
	margin-bottom: .18667rem
}

.package-banner-text span {
	width: .37333rem;
	height: .37333rem;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	color: #FD5810;
	text-align: center;
	font-size: .29333rem;
	font-style: normal;
	font-weight: 500;
	line-height: .37333rem;
	margin-right: .13333rem
}

.package-time {
	color: #FD5810;
	font-size: .42667rem;
	font-style: normal;
	font-weight: 700;
	line-height: .42667rem;
	text-align: center
}

.package-rule {
	
	flex: 1;
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: flex-start;
	
	align-items: center;
	margin: .26667rem .32rem 0;
	border-radius: .26667rem;
	overflow: hidden;
	background: #f5f0f0
}

.package-rule-titlebox {
	
	display: flex;
	
	justify-content: center;
	
	align-items: center;
	
	flex: 1;
	width: 100%;
	
	background: linear-gradient(0deg, #B2845B 0%, #FF962C 100%)
}

.package-rule ul {
	width: 100%;
	height: 100%;
	padding: .13333rem 0
}

.package-rule ul li {
	
	display: flex;
	
	justify-content: center;
	width: 100%
}

.package-rule ul li div {
	font-size: .37333rem;
	padding: .26667rem .13333rem;
	text-align: center;
	border-right: .01333rem solid #e3e3e3;
	min-height: 1.6rem;
	width: 3.93333rem
}

.package-rule ul li div:first-child {
	width: 2.66667rem
}

.package-rule ul li div:last-child {
	border-right: none;
	width: 2.66667rem
}

.package-rule ul li span {
	color: #FD5810;
	font-size: .37333rem
}

.package-rule-title {
	width: 100%;
	min-height: 1.06667rem;
	padding-block: .34667rem;
	font-size: .42667rem;
	line-height: .32rem;
	text-align: center;
	color: #fff
}

.package-rule-content {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: space-between;
	width: 100%;
	height: 100%
}

.package-rule-content>div {
	width: 100%;
	padding: .34667rem 0;
	font-size: .37333rem;
	line-height: .37333rem;
	text-align: center;
	border-bottom: .01333rem solid #ff8180
}

.package-rule-content>div:last-of-type {
	border-bottom: none
}

.package-tips {
	border: .01333rem solid #e5e8f5;
	padding: .26667rem;
	color: #FD5810;
	font-size: .32rem;
	font-style: normal;
	font-weight: 500;
	line-height: .48rem;
	border-radius: .66667rem;
	margin: .26667rem .26667rem 0
}

.package-tips svg {
	width: .48rem;
	height: .48rem;
	vertical-align: middle
}

.package-list {
	padding: 0 .32rem;
	margin-top: .26667rem
}

.package-item {
	margin-bottom: .53333rem
}

.package-item-head {
	background: url(../img/activity/head.png) no-repeat center/cover;
	height: 1.33333rem;
	font-size: .37333rem;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	line-height: .53333rem;
	color: #fff;
	padding-left: 1.06667rem;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center
}

.package-item-top {
	background: #FF962C;
	padding: .26667rem .4rem;
	text-align: center
}

.package-item-top ul {
	
	display: flex;
	
	justify-content: space-between;
	
	align-items: center
}

.package-item-top .moeny {
	width: 4.13333rem;
	height: 2.4rem;
	border-radius: .26667rem;
	background: url(../img/activity/bg.png) no-repeat top/contain #f5f0f0
}

.package-item-top h3 {
	color: #fff;
	text-align: center;
	font-size: .42667rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.06667rem
}

.package-item-top p {
	color: #666;
	font-size: .32rem;
	font-style: normal;
	font-weight: 400;
	line-height: .32rem
}

.package-item-top svg {
	width: .64rem;
	height: .64rem
}

.package-item-box {
	
	background: linear-gradient(270deg, #B3855C 0%, #FF962C 100%);
	border-radius: 0 0 .26667rem .26667rem
}

.package-item-tip {
	background: #fff;
	border-radius: .13333rem;
	padding: .26667rem;
	
	display: flex;
	
	justify-content: space-between;
	color: #333;
	font-size: .32rem;
	font-style: normal;
	font-weight: 400;
	line-height: .42667rem;
	margin-top: .26667rem
}

.package-item-tip span:last-child {
	color: #ff7d06;
	font-family: Inter;
	font-size: .37333rem;
	font-style: normal;
	font-weight: 500;
	line-height: .42667rem
}

.package-item-bottom {
	height: .93333rem;
	color: #fff;
	text-align: center;
	line-height: .93333rem
}

.package-item-btn {
	margin-top: .26667rem;
	
	background: linear-gradient(180deg, #FF867A 0%, #F95959 100%);
	box-shadow: 0 .05333rem #e74141;
	height: .93333rem;
	text-align: center;
	line-height: .93333rem;
	color: #fff;
	border-radius: .66667rem;
	font-size: .42667rem;
	font-weight: 700
}

.package-item-btn.done {
	
	background: linear-gradient(180deg, #CFD1DF 0%, #C8CADA 100%);
	box-shadow: 0 .05333rem #b6bad0
}

.package-item-btn.apply {
	
	background: linear-gradient(180deg, #DA9659 0%, #C67329 100%);
	box-shadow: 0 .05333rem #a46328
}

.package-item-btn.receive {
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	box-shadow: 0 .05333rem #896646
}




.pointMall__container-treasureActivity {
	position: relative;
	left: 50%;
	top: -1.06667rem;
	
	transform: translate(-50%);
	
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .13333rem;
	width: 8.56rem;
	height: 3.73333rem;
	padding: .13333rem .2rem .26667rem;
	border-radius: .13333rem;
	background: url(../img/activity/headerBodyBg.png) no-repeat center #fff;
	background-size: cover;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c, 0 .05333rem .16rem #ffffff40 inset
}

.pointMall__container-treasureActivity div {
	display: flex;
	align-items: center
}

.pointMall__container-treasureActivity div svg {
	width: .64rem;
	height: .64rem
}

.pointMall__container-treasureActivity div span {
	display: inline-block;
	color: #151515;
	font-family: Inter;
	font-size: .48rem;
	font-style: normal;
	font-weight: 700;
	line-height: .64rem;
	margin-left: .05333rem
}

.pointMall__container-treasureActivity .treasureActivity-tips {
	color: #333;
	font-family: Inter;
	font-size: .37333rem;
	font-style: normal;
	font-weight: 400;
	line-height: .34667rem;
	margin-bottom: .18667rem
}

.pointMall__container-treasureActivity .treasureActivity-desc {
	color: #666;
	font-family: Inter;
	font-size: .32rem;
	font-style: normal;
	font-weight: 400;
	line-height: .32rem;
	margin-bottom: .4rem
}

.pointMall__container-treasureActivity button {
	width: 6.93333rem;
	height: .93333rem;
	color: #fff;
	border: none;
	text-align: center;
	border-radius: .66667rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	
	filter: drop-shadow(0 .05333rem 0 #896646);
	margin: 0 auto
}



.infiniteScroll__loading {
	width: 100%;
	/* min-height: 6.4rem; */
	margin-top: 0;
    padding-top: .4rem;
	padding-bottom: .4rem;
	color: #999;
	font-size: .37333rem;
	text-align: center;
	position: relative;
}



.infiniteScroll__loading .empty {
	/* margin-top: .53333rem */
}

.infiniteScroll__loading .van-loading {
	text-align: center;
	z-index: 999
}




.pointMall__container-products__content-item {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	width: 4.26667rem
}

.pointMall__container-products__content-item__header,
.pointMall__container-products__content-item__body {
	position: relative;
	width: 100%
}

.pointMall__container-products__content-item__header {
	height: 3.30667rem;
	color: #fff;
	border-top-left-radius: .26667rem;
	border-top-right-radius: .26667rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FF962C 100%)
}

.pointMall__container-products__content-item__header-left,
.pointMall__container-products__content-item__header-redeemed,
.pointMall__container-products__content-item__header>img {
	position: absolute
}

.pointMall__container-products__content-item__header img {
	left: 50%;
	
	transform: translate(-50%);
	height: 3.3rem;
	width: 4.26667rem;
	object-fit: cover;
	border-top-right-radius: .26667rem;
	border-top-left-radius: .26667rem
}

.pointMall__container-products__content-item__header-left {
	bottom: 0;
	width: 100%;
	height: .53333rem;
	padding: .12rem .08rem;
	font-size: .29333rem;
	line-height: .32rem;
	background: #FD5810;
	z-index: 1
}

.pointMall__container-products__content-item__header-left>span {
	font-size: .4rem
}

.pointMall__container-products__content-item__header-redeemed {
	bottom: 0;
	right: 0;
	
	display: flex;
	width: 1.68rem;
	height: 1rem;
	
	flex-direction: column;
	
	align-items: center;
	padding-block: .09333rem;
	font-size: .29333rem;
	background: url(../img/activity/redeemdBg.png) no-repeat right/contain;
	z-index: 2
}

.pointMall__container-products__content-item__header-redeemed>span {
	font-size: .4rem;
	font-weight: 700;
	line-height: 1
}

.pointMall__container-products__content-item__footer {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: flex-start;
	width: 100%;
	padding: .24rem .18667rem;
	border-bottom-left-radius: .26667rem;
	border-bottom-right-radius: .26667rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.pointMall__container-products__content-item__footer>span {
	color: #333;
	font-size: .37333rem;
	line-height: .48rem;
	font-weight: 700
}

.pointMall__container-products__content-item__footer .product-title {
	height: .8rem;
	width: 100%;
	line-height: .4rem;
	padding-right: .2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	
}

.pointMall__container-products__content-item__footer div {
	
	display: flex;
	
	align-items: center;
	gap: .28rem;
	margin-top: .37333rem
}

.pointMall__container-products__content-item__footer div svg {
	width: .4rem;
	height: .4rem
}

.pointMall__container-products__content-item__footer div span {
	color: #FD5810;
	font-size: .34667rem;
	line-height: .34667rem;
	font-weight: 500
}

.pointMall__container-products__content-item__footer button {
	margin-top: .29333rem;
	margin-inline: auto;
	color: #fff;
	font-weight: .37333rem;
	cursor: pointer;
	font-size: .37333rem;
	width: 3.84rem;
	border-radius: .45333rem;
	border: none;
	padding: .13333rem 0;
	
	background: linear-gradient(180deg, #FD5810 20%, #FF962C 100%);
	box-shadow: 0 .05333rem .10667rem #d0d0ed80
}










.treasure__container__treasure-item {
	width: 100%
}

.treasure__container__treasure-item__header,
.treasure__container__treasure-item__footer {
	position: relative;
	width: 100%
}

.treasure__container__treasure-item__header {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	padding-block: .26667rem;
	color: #fff;
	border-top-left-radius: .32rem;
	border-top-right-radius: .32rem;
	
	background: linear-gradient(180deg, #FF962C -3.33%, #FF962C 100%)
}

.treasure__container__treasure-item__header .treasure-state {
	position: absolute;
	top: .26667rem;
	left: 0;
	padding: .04rem .04rem .04rem 0;
	font-size: .29333rem;
	height: .58667rem;
	line-height: .48rem;
	border-top-right-radius: 9rem;
	border-bottom-right-radius: 9rem;
	z-index: 2
}

.treasure__container__treasure-item__header .treasure-state span {
	display: block;
	height: 100%;
	border-top-right-radius: 9rem;
	border-bottom-right-radius: 9rem;
	padding: 0 .26667rem 0 .44rem;
	color: #fff;
	white-space: nowrap;
	z-index: 1
}

.treasure__container__treasure-item__header img {
	width: 6.29333rem;
	height: 6.30667rem
}

.treasure__container__treasure-item__footer {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: flex-start;
	padding: .37333rem .2rem .53333rem;
	border-bottom-left-radius: .32rem;
	border-bottom-right-radius: .32rem;
	background: #fff
}

.treasure__container__treasure-item__footer-title {
	margin-bottom: .33333rem;
	color: #333;
	font-family: Inter;
	font-size: .4rem;
	font-style: normal;
	font-weight: 400;
	line-height: .48rem
}

.treasure__container__treasure-item__footer-title>span {
	color: #FD5810;
	font-weight: 700
}

.treasure__container__treasure-item__footer-progressTitle {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	color: #aeb0c6;
	font-size: .32rem
}

.treasure__container__treasure-item__footer .van-progress {
	width: 100%;
	margin-block: .13333rem
}

.treasure__container__treasure-item__footer-progressDetails {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	color: #333;
	margin-bottom: .26667rem
}

.treasure__container__treasure-item__footer-progressDetails>span {
	color: #848592;
	font-size: .32rem
}

.treasure__container__treasure-item__footer-progressDetails>div span {
	font-size: .32rem;
	font-weight: 600
}

.treasure__container__treasure-item__footer-ending,
.treasure__container__treasure-item__footer-cost {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	height: .8rem;
	margin-block: .06667rem;
	border: .01333rem solid #f1f3ff;
	background: #f7f8ff
}

.treasure__container__treasure-item__footer-ending>span,
.treasure__container__treasure-item__footer-ending>div,
.treasure__container__treasure-item__footer-cost>span,
.treasure__container__treasure-item__footer-cost>div {
	
	display: flex;
	
	align-items: center;
	height: 100%;
	padding: .06667rem .13333rem
}

.treasure__container__treasure-item__footer-ending>span,
.treasure__container__treasure-item__footer-cost>span {
	
	flex: .6;
	background: #f1f3ff;
	
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%)
}

.treasure__container__treasure-item__footer-ending>div,
.treasure__container__treasure-item__footer-cost>div {
	
	flex: .4;
	
	justify-content: flex-end;
	color: #FD5810;
	font-size: .4rem;
	font-weight: 600
}

.treasure__container__treasure-item__footer-ending>div img,
.treasure__container__treasure-item__footer-cost>div img {
	width: .4rem;
	height: .4rem;
	margin-inline: .06667rem
}

.treasure__container__treasure-item__footer-ending>div {
	color: #333;
	font-size: .37333rem;
	font-weight: 500
}

.treasure__container__treasure-item__footer-ending>div>span {
	font-weight: 600
}

.treasure__container__treasure-item__footer-button {
	margin-top: .6rem;
	width: 100%;
	height: .8rem;
	color: #fff;
	text-align: center;
	border-radius: 9rem;
	background: #FD5810;
	line-height: .8rem;
	box-shadow: 0 .05333rem .10667rem #d0d0ed80
}










.pointMall__container-products {
	
	position: sticky;
	top: 5.33333rem;
	margin-block: .64rem 1.49333rem;
	padding-inline: .32rem
}

.pointMall__container-products__tabs {
	
	display: flex;
	
	align-items: center;
	margin-bottom: .26667rem
}

.pointMall__container-products__tabs>div {
	
	flex: 1;
	color: #333;
	font-size: .4rem;
	white-space: nowrap
}

.pointMall__container-products__tabs>div:first-of-type {
	position: relative;
	padding-left: 1rem
}

.pointMall__container-products__tabs>div:first-of-type:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	
	transform: translateY(-50%);
	display: block;
	width: .08rem;
	height: .4rem;
	background: #FD5810
}

.pointMall__container-products__tabs>div.active {
	color: #151515;
	font-weight: 700
}

.pointMall__container-products__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: .4rem;
	justify-items: center;
	width: 100%;
	margin-bottom: .66667rem;
	border-radius: .26667rem;
	padding: .26667rem 0
}

.pointMall__container-products-point {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	row-gap: .4rem;
	
	column-gap: .56rem;
	justify-items: center;
	width: 100%;
	margin-bottom: .66667rem
}

.pointMall__container-products-all {
	height: 1.06667rem;
	line-height: 1.06667rem;
	border: .01333rem solid #FD5810;
	border-radius: .66667rem;
	color: #FD5810;
	text-align: center;
	font-size: .37333rem
}

.pointMall__container-cart {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 1.06667rem;
	max-width: 10rem;
	padding: .2rem 0;
	color: #fff;
	font-size: .45333rem;
	text-align: center;
	background: #FD5810;
	z-index: 1000
}

.pointMall__container-cart>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	gap: .34667rem;
	width: 100%;
	color: #fff;
	background: #FD5810
}

.pointMall__container-cart>div img,
.pointMall__container-cart>div svg {
	width: .66667rem;
	height: .66667rem
}

@media screen and (max-width:500px) {
	.pointMall__container-cart {
		max-width: none
	}
}










.pointMall__container-info {
	
	display: flex;
	
	justify-content: space-between;
	
	align-items: center;
	margin-top: .42667rem;
	padding-inline: .33333rem;
	color: #171717
}

.pointMall__container-info .rule-icon {
	background: url(../img/activity/rule-icon.png) no-repeat;
	background-position: center;
	background-size: 100% 100%;
	width: .96rem;
	height: 1.06667rem
}

.pointMall__container-info .record-icon {
	background: url(../img/activity/record-icon.png) no-repeat;
	background-position: center;
	background-size: 100% 100%;
	width: .96rem;
	height: 1.06667rem
}

.pointMall__container-info__left,
.pointMall__container-info__right {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	
	justify-content: space-around;
	width: calc((100% - .66667rem)/2);
	height: 2.24rem;
	border-radius: .26667rem;
	padding: .13333rem 0;
	
	background: linear-gradient(125deg, #FD5810 0%, #FF962C 100%);
	box-shadow: 0 -.05333rem .13333rem #fff6f4 inset
}

.pointMall__container-info__left svg,
.pointMall__container-info__right svg {
	width: .96rem;
	height: .96rem
}

.pointMall__container-info__left span,
.pointMall__container-info__right span {
	font-size: .32rem;
	color: #fff
}










.pointMall__container {
	position: relative;
	width: 100%;
	font-family: Inter, sans-serif;
	overflow: hidden
}

.pointMall__container .navbar .navbar__content .navbar__content-left .van-icon,
.pointMall__container .navbar .navbar__content .navbar__content-center {
	color: #fff
}

.pointMall__container-header {
	position: relative;
	width: 100%;
	height: 7.30667rem;
	
	background: linear-gradient(125deg, #FD5810 0%, #FF962C 100%)
}

.pointMall__container-header>img {
	width: 100%;
	height: 100%
}

.pointMall__container-header__content {
	position: absolute;
	left: 50%;
	bottom: 1.97333rem;
	
	transform: translate(-50%, 30%);
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	width: 100%
}

.pointMall__container-header__content img {
	width: .64rem;
	height: .64rem
}

.pointMall__container-header__content>span {
	margin-top: .10667rem;
	color: #fff;
	font-size: .32rem
}

.pointMall__container-header__content>h1 {
	color: #fff;
	font-size: .56rem;
	font-weight: 600
}










.turntable-page-header {
	height: 4.50667rem
}

.turntable-page-header img {
	display: block;
	width: 100%;
	object-fit: cover;
	height: 100%
}

.turntable-page .turntable-wrap {
	padding: 0 .32rem;
}

.turntable-page .turntable-rule {
	position: relative;
	height: .77333rem
}

.turntable-page .turntable-rule h3 {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: .48rem;
	font-style: normal;
	font-weight: 700;
	line-height: .77333rem
}

.turntable-page .turntable-rule svg {
	width: 100%
}

.turntable-page .turntable-item {
	height: 1.06667rem;
	background: #ffffff;
	border-radius: .26667rem;
	margin-top: .4rem;
	
	justify-content: space-between;
	
	align-items: center;
	
	display: flex;
	padding: .13333rem .26667rem
}

.turntable-page .turntable-item .label {
	color: #666;
	font-family: Inter;
	font-size: .37333rem;
	font-style: normal;
	font-weight: 400;
	line-height: .4rem
}

.turntable-page .turntable-item .wallet {
	min-width: 2.93333rem;
	height: .8rem;
	border-radius: .66667rem;
	background: #FD5810;
	
	display: flex;
	
	justify-content: space-between;
	
	align-items: center;
	color: #fff;
	text-align: center;
	font-size: .32rem;
	font-style: normal;
	font-weight: 700;
	line-height: .4rem;
	padding: .24rem .26667rem
}

.turntable-page .turntable-item .wallet .re {
	width: .37333rem;
	height: .37333rem
}
.turntable-page .turntable-item .wallet .re img {
	width: 100%;
	height: 100%;
}

.turntable-page .turntable-item .wallet .re svg {
	width: 100%;
	height: 100%
}

.turntable-page .turntable-item .count {
	color: #888;
	font-family: Inter;
	font-size: .4rem;
	font-style: normal;
	font-weight: 700;
	line-height: .4rem
}

.turntable-page .turntable-item .count-progress {
	color: #FD5810;
	font-family: Inter;
	font-size: .4rem;
	font-style: normal;
	font-weight: 700;
	line-height: .4rem
}

.turntable-page .turntable-main {
	/* height: 9.33333rem; */
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	
	margin: .6rem 0;
}

.turntable-page .turntable-entry {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-around;
	margin: .26667rem 0 .5rem
}

.turntable-page .turntable-entry-item {
	text-align: center;
	color: #333
}

.turntable-page .turntable-entry-item img {
	width: 40px;
}


.turntable-page .turntable-entry-item svg {
	display: block;
	width: 1.28rem;
	height: 1.28rem;
	margin: 0 auto
}

.turntable-page .turntable-entry-item p {
	font-family: PingFang SC;
	font-size: .32rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal
}

.turntable-page .turntable-title {
	margin-bottom: .3rem;
	color: #333;
	font-family: Inter;
	font-size: .42667rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	display: flex;
    align-items: center;
	margin-top: .7rem;
}

.turntable-page .turntable-title svg,
.turntable-page .turntable-title span {
	vertical-align: middle
}

.turntable-page .turntable-title svg {
	width: .64rem;
	height: .64rem
}

.turntable-page .turntable-title img {
	width: .64rem;
	height: .64rem;
	margin-right: .1rem;
}

.turntable-page .turntable-table {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: flex-start;
	
	align-items: center
}

.turntable-page .turntable-table-titlebox {
	
	display: flex;
	
	justify-content: center;
	
	align-items: center;
	
	flex: 1;
	width: 100%;
	border-radius: .13333rem .13333rem 0 0;
	
	background: linear-gradient(0deg, #FD5810 0%, #FF962C 100%)
}

.turntable-page .turntable-table ul {
	width: 100%;
	background: #ffffff;
	border-radius: 0 0 .26667rem .26667rem;
	overflow: hidden;
}

.turntable-page .turntable-table ul li {
	
	display: flex;
	
	justify-content: center;
	
	align-items: center;
	width: 100%;
	border-bottom: .01333rem solid #daddf0
}

.turntable-page .turntable-table ul li div {
	height: 100%;
	
	flex: 1;
	font-size: .37333rem;
	padding: .34667rem 0;
	text-align: center
}

.turntable-page .turntable-table ul .targetAmount {
	color: #FD5810;
	font-family: Inter;
	font-size: .34667rem;
	font-style: normal;
	font-weight: 500;
	line-height: .34667rem;
	margin-bottom: .08rem
}

.turntable-page .turntable-table ul p {
	color: #888;
	font-size: .29333rem;
	font-style: normal;
	font-weight: 400;
	line-height: .29333rem
}

.turntable-page .turntable-table ul .rotateNum {
	color: #FD5810;
	font-size: .34667rem;
	font-style: normal;
	font-weight: 500;
	line-height: .34667rem
}

.turntable-page .turntable-table-title {
	width: 100%;
	height: 1.06667rem;
	padding-block: .34667rem;
	font-size: .37333rem;
	line-height: .32rem;
	text-align: center;
	color: #fff
}

.turntable-page .turntable-table-content {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: space-between;
	width: 100%;
	height: 100%
}

.turntable-page .turntable-table-content>div {
	width: 100%;
	padding: .34667rem 0;
	font-size: .37333rem;
	line-height: .37333rem;
	text-align: center;
	border-bottom: .01333rem solid #ff8180
}

.turntable-page .turntable-table-content>div:last-of-type {
	border-bottom: none
}

.turntable-page .infiniteScroll {
	width: 100%
}

.turntable-page .dialog__container {
	position: relative;
	padding-top: 1.93333rem
}

.turntable-page .dialog__container-img {
	position: absolute;
	width: 3.73333rem;
	height: 2.46667rem;
	top: -.4rem
}



/* .rule {
	margin-top: .53333rem
} */

.rule .title {
	color: #FD5810;
	font-size: .4rem;
	font-weight: 700;
	letter-spacing: .016rem;
	text-align: center
}

.rule .van-collapse-item__wrapper {
	margin-top: .2rem
}

.rule .con {
	color: #666;
	font-size: .32rem
}

.rule .con h1 {
	position: relative;
	margin-bottom: .13333rem
}

.rule .con h1>span {
	width: 93%;
	margin: 0 auto;
	padding: .06667rem 0;
	color: #fff;
	font-size: .32rem;
	text-align: center;
	background-color: #FD5810;
	
	clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
	display: block
}

.rule .con h1:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: .26667rem;
	height: .61333rem;
	background-color: #FD5810;
	
	clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%);
	z-index: 5;
	left: calc(7% - .4rem);
	
	transform: translate(-50%)
}

.rule .con h1:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: .26667rem;
	height: .61333rem;
	background-color: #FD5810;
	
	clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%);
	z-index: 5;
	left: calc(93% + .4rem);
	
	transform: translate(-50%) rotate(180deg)
}

.rule .con>div,
.rule .con>p {
	margin-bottom: .4rem
}

.rule .con>div span,
.rule .con>div span,
.rule .con>p span,
.rule .con>p span {
	color: #FD5810
}

.rule .con p {
	position: relative;
	padding-left: .26667rem;
	margin-bottom: .13333rem
}

.rule .con p:after {
	position: absolute;
	content: "";
	width: .13333rem;
	height: .13333rem;
	
	transform: rotate(45deg);
	background: #FF962C;
	left: 0;
	top: .18667rem
}

.rule .con .condition {
	border: .01333rem solid #d6d6d6;
	border-radius: .13333rem;
	padding: .26667rem .4rem
}

.rule .con .ranking {
	border-radius: .13333rem;
	overflow: hidden
}

.rule .con .ranking>div {
	
	display: flex;
	padding: .2rem 0
}

.rule .con .ranking>div>span {
	width: 50%;
	text-align: center;
	word-break: break-all
}

.rule .con .ranking>div.top {
	background: #FD5810
}

.rule .con .ranking>div.top>span {
	color: #fff
}

.rule .con .ranking>div.info {
	border-bottom: .01333rem solid #eaeaea;
	border-left: .01333rem solid #eaeaea;
	border-right: .01333rem solid #eaeaea;
	font-size: .37333rem
}

.rule .con .ranking>div.info>span:first-of-type {
	color: #666
}

.rule .con .ranking>div.info>span:last-of-type {
	font-weight: 500
}










.game {
	margin-top: .4rem;
	background: 0 0 !important;
	box-shadow: none !important
}

.game h1 {
	color: #333;
	font-size: .48rem;
	font-weight: 700;
	
	display: flex;
	
	align-items: center;
	gap: .26667rem;
	margin-bottom: .13333rem
}

.game h1:before {
	content: "";
	display: block;
	height: .4rem;
	width: .08rem;
	background: #FD5810
}

.game .items {
	
	display: flex;
	
	flex-wrap: wrap;
	gap: .2rem
}

.game .items .item {
	width: calc(33.3333333333% - .2rem);
	height: 2.93333rem;
	border-radius: .26667rem;
	overflow: hidden
}

.game .items .item img {
	width: 2.93333rem;
	height: 2.93333rem
}










.ChampionshipDetail {
	padding: 0 .26667rem .53333rem
}

.ChampionshipDetail>div {
	border-radius: .13333rem;
	overflow: hidden;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.ChampionshipDetail .ranking {
	margin-top: .2rem
}

.ChampionshipDetail .ranking .title,
.ChampionshipDetail .ranking .amount {
	
	display: flex;
	gap: .13333rem
}

.ChampionshipDetail .ranking .title>span,
.ChampionshipDetail .ranking .amount>span {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	text-align: center;
	min-height: 1.06667rem;
	word-break: break-all
}

.ChampionshipDetail .ranking .title>span,
.ChampionshipDetail .ranking .amount>span {
	width: 33.3333333333%
}

.ChampionshipDetail .ranking .title {
	background: #FD5810;
	color: #fff;
	font-weight: 700;
	font-size: .37333rem
}

.ChampionshipDetail .ranking .amount {
	font-weight: 500;
	color: #333
}

.ChampionshipDetail .ranking .amount>span:last-of-type {
	color: #FD5810
}

.ChampionshipDetail .rankingList {
	margin-top: .2rem
}

.ChampionshipDetail .rankingList .title,
.ChampionshipDetail .rankingList .info {
	
	display: flex;
	gap: .13333rem
}

.ChampionshipDetail .rankingList .title>span,
.ChampionshipDetail .rankingList .info>span {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	text-align: center;
	min-height: 1.06667rem;
	word-break: break-all
}

.ChampionshipDetail .rankingList .title>span:first-of-type,
.ChampionshipDetail .rankingList .info>span:first-of-type {
	width: 1.33333rem
}

.ChampionshipDetail .rankingList .title>span:not(:first-of-type),
.ChampionshipDetail .rankingList .info>span:not(:first-of-type) {
	width: calc((100% - 1.33333rem)/3)
}

.ChampionshipDetail .rankingList .title {
	
	background: linear-gradient(0deg, #FD5810 0%, #FF962C 100%);
	color: #fff;
	font-size: .34667rem;
	font-weight: 700
}

.ChampionshipDetail .rankingList .info {
	color: #666
}

.ChampionshipDetail .rankingList .info .top1 {
	background: url(../img/activity/1.png) no-repeat center;
	background-size: .93333rem .93333rem
}

.ChampionshipDetail .rankingList .info .top2 {
	background: url(../img/activity/2.png) no-repeat center;
	background-size: .93333rem .93333rem
}

.ChampionshipDetail .rankingList .info .top3 {
	background: url(../img/activity/3.png) no-repeat center;
	background-size: .93333rem .93333rem
}

.ChampionshipDetail .rankingList .info .txt {
	font-family: Roboto;
	font-size: .48rem;
	font-weight: 900;
	
	background: linear-gradient(180deg, #C4CFDF 0%, #778DAE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.ChampionshipDetail .rankingList .info>span:last-of-type {
	color: #FD5810;
	font-weight: 500
}

.ChampionshipDetail .rankingList .info:nth-child(odd) {
	background: #fff
}

.ChampionshipDetail .rankingList .info:nth-child(2n) {
	background: #f6f6f6
}

.ChampionshipDetail .rankingList .refresh {
	padding: .33333rem;
	text-align: center;
	background: #fff;
	color: #333
}










.dailySignInRecord__container {
	padding-inline: .32rem
}

.dailySignInRecord__container-wrapper {
	
	display: flex;
	
	flex-direction: column;
	gap: .18667rem;
    padding: 0.33333rem 0.33333rem 0;
}

.dailySignInRecord__container-wrapper__content {
	
	display: flex;
	
	justify-content: space-between;
	
	align-items: center;
	/* height: 1.36rem; */
	padding: .25333rem .26667rem;
	border-radius: .13333rem;
	background: #ffffff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.dailySignInRecord__container-wrapper__content-left {
	
	flex: 1;
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: space-between;
	gap: .10667rem
}

.dailySignInRecord__container-wrapper__content-left h1 {
	font-size: .4rem;
	font-weight: 500
}

.dailySignInRecord__container-wrapper__content-left span {
	font-size: .32rem;
	color: #999
}

.dailySignInRecord__container-wrapper__content-right {
	position: relative;
	
	display: flex;
	
	align-items: center;
	width: 3.73333rem;
	height: .8rem;
	padding: .09333rem .18667rem;
	text-align: center;
	border-radius: 9rem;
	
	background: linear-gradient(90deg, #FF962C 0%, #FF962C 0%, #FF962C 100%)
}

.dailySignInRecord__container-wrapper__content-right img {
	position: absolute;
	left: .09333rem;
	top: 50%;
	
	transform: translateY(-50%);
	width: .56rem;
	height: .56rem
}

.dailySignInRecord__container-wrapper__content-right span {
	
	flex: 1;
	font-size: .48rem;
	color: #fff
}










.dailySignInRules__container {
	padding:0 .32rem;
	padding-bottom: 1.22667rem;
    padding-top: .32667rem
}

 .rule {
	width: 100%
}










.task-record-container {
	font-family: Inter, sans-serif
}

.task-record-container .head {
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	height: 1.17333rem;
	color: #666;
	font-size: .42667rem;
	line-height: 1.17333rem;
	padding: 0 .32rem;
	border-radius: .13333rem;
	box-shadow: 0 8px 16px #d0d0ed5c
}

.task-record-container .head>button {
	border: none;
	width: 50%;
	background: #f5f0f0;
	box-shadow: 0 .08rem .16rem .05333rem #d0d0ed5c;
	border-radius: .13333rem
}

.task-record-container .head>button.active {
	
	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%);
	box-shadow: 0 -.05333rem .13333rem #fff6f4 inset;
	text-shadow: 0 .08rem .16rem rgba(208, 208, 237, .6);
	color: #fff;
	border-radius: .13333rem
}

.task-record-container .record-panel {
	padding: .26667rem .32rem
}

.task-record-container .record-panel img {
	width: .53333rem;
	height: .53333rem;
	margin-right: .13333rem
}

.task-record-container .record-panel-item {
	padding: .4rem .26667rem;
	background: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	border-radius: .13333rem;
	margin-bottom: .26667rem
}

.task-record-container .record-panel-item h1 {
	color: #333;
	font-size: .4rem;
	margin-bottom: .13333rem
}

.task-record-container .record-panel-item h2 {
	
	display: flex;
	
	align-items: center;
	margin-bottom: .13333rem
}

.task-record-container .record-panel-item h2 span {
	color: #888
}

.task-record-container .record-panel-item h2 .markRed {
	color: #FD5810;
	margin-left: .26667rem
}

.task-record-container .record-panel-item div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	color: #aeb0c6
}

.task-record-container .record-panel-item div h3 {
	
	display: flex;
	
	align-items: center;
	color: #ff7d06
}










.member-package-rule .number {
	color: #fb5b5b
}

.member-package-rule .first-list-item {
	padding: .26667rem;
	border-radius: .26667rem;
	background: #fff
}

.member-package-rule .first-list-item.space {
	margin-top: .3rem
}

.member-package-rule .first-list-item.space .head {
	
	justify-content: start !important
}

.member-package-rule .first-list-item.space .head .title {
	color: #888
}

.member-package-rule .first-list-item .head {
	
	display: flex;
	
	justify-content: center;
	margin-bottom: .18667rem
}

.member-package-rule .first-list-item .head .title {
	color: #fb5b5b;
	font-size: .4rem;
	line-height: .48rem
}

.member-package-rule .first-list-item .description {
	font-size: .29333rem;
	color: #666;
	margin-bottom: .26667rem
}

.member-package-rule-bonus .table-head {
	padding-top: .5rem
}

.member-package-rule-bonus-title {
	
	display: flex;
	
	justify-content: center;
	color: #FD5810;
	font-size: .4rem;
	line-height: .48rem;
	margin-top: .5rem
}

.member-package-rule .table-container {
	width: 100%;
	background: #fff;
	border-radius: .21333rem;
	overflow: hidden;
	margin-top: .2rem;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.member-package-rule .table-container .table-title {
	height: 1.06667rem;
	line-height: 1.06667rem;
	
	background: linear-gradient(90deg, #B2845B 0%, #FF962C 97.86%);
	color: #fff
}

.member-package-rule .table-container .table-title>th {
	border: .01333rem solid #ffb79e;
	font-size: .32rem;
	text-align: center;
	width: 33.3%
}

.member-package-rule .table-container tbody tr {
	height: .93333rem;
	line-height: .46667rem;
	font-size: .32rem;
	text-align: center;
	color: #fff
}

.member-package-rule .table-container tbody tr:nth-child(2n) {
	background: #f6f6f6
}

.member-package-rule .table-container tbody tr td {
	border-right: .01333rem solid #d9d9d9;
	text-align: center;
	vertical-align: middle;
	color: #666
}










.first_list,
.member-package-rule {
	padding: .32rem
}

.member-package-rule .number {
	color: #FD5810
}

.member-package-rule .first-list-item {
	padding: .26667rem;
	border-radius: .26667rem;
	background: #f5f0f0
}

.member-package-rule .first-list-item.space {
	margin-top: .3rem
}

.member-package-rule .first-list-item.space .head {
	
	justify-content: start !important
}

.member-package-rule .first-list-item.space .head .title {
	color: #888
}

.member-package-rule .first-list-item .head {
	
	display: flex;
	
	justify-content: center;
	margin-bottom: .18667rem
}

.member-package-rule .first-list-item .head .title {
	color: #FD5810;
	font-size: .4rem;
	line-height: .48rem
}

.member-package-rule .first-list-item .description {
	font-size: .29333rem;
	color: #666;
	margin-bottom: .26667rem
}

.member-package-rule .first-list-item .description .number {
	color: #FD5810
}

.member-package-rule-bonus .table-head {
	padding-top: .5rem
}

.member-package-rule-bonus-title {
	
	display: flex;
	
	justify-content: center;
	color: #FD5810;
	font-size: .4rem;
	line-height: .48rem;
	margin-top: .5rem
}










.addAddress__container {
	padding-inline: .32rem;
	padding-bottom: .66667rem;
	font-family: bahnschrift
}

.addAddress__container-warning {
	margin-top: .2rem;
	width: 9.36rem;
	
	height: max-content;
	margin-bottom: .73333rem;
	padding: .26667rem .30667rem;
	border: .01333rem solid #FD5810;
	border-radius: .13333rem
}

.addAddress__container-warning h1 {
	
	display: flex;
	
	align-items: center;
	gap: .06667rem;
	margin-bottom: .26667rem;
	color: #303a4c;
	font-size: .32rem;
	line-height: .38667rem
}

.addAddress__container-warning h1 i {
	color: #FF962C;
	font-size: .48rem
}

.addAddress__container-warning p {
	padding-left: .82667rem;
	color: #666;
	font-size: .29333rem;
	line-height: .37333rem
}

.addAddress__container-forum {
	
	display: flex;
	
	flex-direction: column;
	gap: 1.26667rem
}

.addAddress__container-forum__item h1 {
	
	display: flex;
	
	align-items: center;
	gap: .2rem;
	color: #333;
	font-size: .42667rem;
	margin-bottom: .26667rem
}

.addAddress__container-forum__item h1 i {
	color: #FD5810;
	font-size: .64rem
}

.addAddress__container-forum__item .input_model {
	
	display: flex
}

.addAddress__container-forum__item .input_model .dropdown {
	line-height: 1.06667rem;
	height: 1.06667rem
}

.addAddress__container-forum__item .input_model .dropCon {
	width: 2.48rem;
	border-radius: .13333rem;
	background: #f5f0f0;
	height: 1.06667rem;
	margin-right: .21333rem;
	overflow: hidden
}

.addAddress__container-forum__item .input_model input {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	flex: auto;
	height: 1.06667rem;
	padding-inline: .26667rem;
	font-size: .37333rem;
	border: none;
	border-radius: .13333rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.addAddress__container-forum__item .input_model input::-webkit-input-placeholder {
	color: #acafc2
}

.addAddress__container-forum__item .input_model input::placeholder {
	color: #acafc2
}

.addAddress__container-forum__item textarea {
	width: 100%;
	height: 3.73333rem;
	margin-top: .37333rem;
	padding: .30667rem .26667rem;
	font-size: .37333rem;
	outline: none;
	border: none;
	border-radius: .13333rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	resize: none
}

.addAddress__container-forum__item textarea:focus {
	outline: .01333rem solid #FD5810
}

.addAddress__container-forum__item textarea::-webkit-input-placeholder {
	color: #acafc2
}

.addAddress__container-forum__item textarea::placeholder {
	color: #acafc2
}

.addAddress__container-saveBtn {
	height: .93333rem;
	margin-top: 1.26667rem;
	margin-inline: .18667rem;
	color: #f5f0f0;
	text-align: center;
	line-height: .93333rem;
	letter-spacing: .13333rem;
	border-radius: 9rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	box-shadow: 0 .05333rem #896646
}

.addAddress__container-saveBtn:not(.disabled) {
	text-shadow: 0 .02667rem .01333rem #896646
}

.addAddress__container-saveBtn.disabled {
	
	background: linear-gradient(180deg, #cfd1de 0%, #c7c9d9 100%);
	box-shadow: 0 .05333rem #b6bad0
}

.addAddress__container-saveBtn:active {
	outline: .05333rem solid #ccc
}










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

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

.lotteryActivity__container .van-tabs__line {
	width: 0;
	height: 0;
	border-left: .10667rem solid transparent;
	border-right: .10667rem solid transparent;
	border-bottom: .10667rem solid #fff;
	background-color: unset !important
}

.lotteryActivity__container-list {
	
	display: flex;
	
	flex-direction: column;
	gap: .4rem;
	padding: .4rem .32rem
}

.lotteryActivity__container-button {
	width: 100%;
	height: 1.06667rem;
	color: #FD5810;
	text-align: center;
	font-size: .45333rem;
	line-height: 1.06667rem;
	border: .01333rem solid #FD5810;
	border-radius: 9rem
}

.lotteryActivity__container-products__treasure {
	position: relative;
	left: 50%;
	
	transform: translate(-50%);
	
	display: flex;
	
	flex-wrap: wrap;
	gap: 1rem;
	width: calc(100% - .4rem);
	margin-top: 1rem
}

.lotteryActivity__container-products__treasure-item {
	width: 100%
}

.lotteryActivity__container-products__treasure-item__header,
.lotteryActivity__container-products__treasure-item__footer {
	position: relative;
	width: 100%
}

.lotteryActivity__container-products__treasure-item__header {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	padding-block: .26667rem;
	color: #fff;
	border-top-left-radius: .13333rem;
	border-top-right-radius: .13333rem;
	
	background: linear-gradient(358deg, #F2D5B2 0%, #FF962C 100%)
}

.lotteryActivity__container-products__treasure-item__header>span {
	position: absolute;
	top: .26667rem;
	left: 0;
	padding: .04rem .26667rem .04rem .4rem;
	font-size: .875rem;
	border-top-right-radius: 9rem;
	border-bottom-right-radius: 9rem;
	z-index: 2
}

.lotteryActivity__container-products__treasure-item__header>span:last-of-type {
	top: .22667rem;
	padding: .08rem .26667rem .08rem .44rem;
	color: transparent;
	white-space: nowrap;
	z-index: 1
}

.lotteryActivity__container-products__treasure-item__footer {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: flex-start;
	padding: .13333rem .2rem;
	border-bottom-left-radius: .13333rem;
	border-bottom-right-radius: .13333rem;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.lotteryActivity__container-products__treasure-item__footer-title {
	margin-bottom: .5rem;
	color: #333;
	font-size: 1.125rem
}

.lotteryActivity__container-products__treasure-item__footer-title>span {
	color: #f95959;
	font-weight: 700
}

.lotteryActivity__container-products__treasure-item__footer-progressTitle {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	color: #aeb0c6;
	font-size: .875rem
}

.lotteryActivity__container-products__treasure-item__footer .van-progress {
	width: 100%;
	margin-block: .5rem
}

.lotteryActivity__container-products__treasure-item__footer-progressDetails {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	color: #333
}

.lotteryActivity__container-products__treasure-item__footer-progressDetails>span {
	color: #848592;
	font-size: .875rem
}

.lotteryActivity__container-products__treasure-item__footer-progressDetails>div span {
	font-size: 1.125rem;
	font-weight: 600
}

.lotteryActivity__container-products__treasure-item__footer-ending,
.lotteryActivity__container-products__treasure-item__footer-cost {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	height: 2rem;
	margin-block: .06667rem;
	border: .01333rem solid #f1f3ff;
	background: #f7f8ff
}

.lotteryActivity__container-products__treasure-item__footer-ending>span,
.lotteryActivity__container-products__treasure-item__footer-ending>div,
.lotteryActivity__container-products__treasure-item__footer-cost>span,
.lotteryActivity__container-products__treasure-item__footer-cost>div {
	
	display: flex;
	
	align-items: center;
	height: 100%;
	padding: .06667rem .13333rem
}

.lotteryActivity__container-products__treasure-item__footer-ending>span,
.lotteryActivity__container-products__treasure-item__footer-cost>span {
	
	flex: .6;
	background: #f1f3ff;
	
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%)
}

.lotteryActivity__container-products__treasure-item__footer-ending>div,
.lotteryActivity__container-products__treasure-item__footer-cost>div {
	
	flex: .4;
	
	justify-content: flex-end;
	color: #f95959;
	font-size: 1.125rem;
	font-weight: 600
}

.lotteryActivity__container-products__treasure-item__footer-ending>div img,
.lotteryActivity__container-products__treasure-item__footer-cost>div img {
	width: 1.125rem;
	height: 1.125rem;
	margin-inline: .06667rem
}

.lotteryActivity__container-products__treasure-item__footer-ending>div {
	color: #333;
	font-size: 1rem;
	font-weight: 500
}

.lotteryActivity__container-products__treasure-item__footer-ending>div>span {
	font-size: 1.125rem;
	font-weight: 600
}

.lotteryActivity__container-products__treasure-item__footer-button {
	width: 100%;
	margin-block: 1.5rem 1rem;
	padding-block: .06667rem;
	color: #fff;
	text-align: center;
	border-radius: 9rem;
	background: #ff7374;
	box-shadow: 0 .05333rem .10667rem #d0d0ed80
}

.lotteryActivity__container-products__treasure-button {
	width: 100%;
	padding: .10667rem;
	color: #f95959;
	text-align: center;
	font-size: 1.25rem;
	border: .01333rem solid #f95959;
	border-radius: 9rem
}










.lotteryDetail__container {
	padding-bottom: 2.4rem;
	font-family: bahnschrift;
	background: #fff
}

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

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

.lotteryDetail__container .van-action-sheet__header {
	line-height: 1.06667rem;
	padding-top: .26667rem
}

.lotteryDetail__container-item {
	
	display: flex;
	
	flex-direction: column
}

.lotteryDetail__container-item__hero {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: stretch;
	background: #fff;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
	padding-bottom: .53333rem;
	margin-bottom: .4rem;
	overflow: hidden
}

.lotteryDetail__container-item__hero-img {
	
	display: flex;
	
	justify-content: center;
	
	align-items: flex-end;
	
	background: linear-gradient(358deg, #F2D5B2 0%, #FF962C 100%);
	height: 7.02667rem;
	position: relative
}

.lotteryDetail__container-item__hero-img img {
	height: 6.66667rem;
	width: 6.66667rem
}

.lotteryDetail__container-item__hero-img .van-swipe-item {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center
}

.lotteryDetail__container-item__hero-img .van-swipe {
	width: 100%;
	height: 100%
}

.lotteryDetail__container-item__hero-title,
.lotteryDetail__container-item__hero-detail,
.lotteryDetail__container-item__hero-progress,
.lotteryDetail__container-item__hero-footer {
	padding-inline: .16rem
}

.lotteryDetail__container-item__hero-title {
	font-size: .4rem;
	color: #333;
	margin: .32rem 0
}

.lotteryDetail__container-item__hero-title>span {
	color: #FD5810
}

.lotteryDetail__container-item__hero-detail {
	
	display: flex;
	
	flex-direction: column;
	gap: .26667rem;
	width: 100%;
	color: #666;
	margin-bottom: .6rem
}

.lotteryDetail__container-item__hero-detail>div {
	
	display: flex;
	
	align-items: center;
	gap: .13333rem;
	padding: .06667rem .13333rem;
	font-size: .32rem;
	background: #f7f8ff
}

.lotteryDetail__container-item__hero-detail>div>span:first-child {
	
	flex: 20%;
	text-align: center
}

.lotteryDetail__container-item__hero-detail>div>span.text-spacing {
	text-align: justify;
	text-align-last: justify;
	padding: 0 .26667rem
}

.lotteryDetail__container-item__hero-detail>div>span:last-child {
	
	flex: 80%;
	font-size: .32rem;
	line-height: .32rem;
	color: #b2b2b2
}

.lotteryDetail__container-item__hero-detail>div>div {
	height: .24rem;
	width: .01333rem;
	background: #cfd1eb
}

.lotteryDetail__container-item__hero-progress {
	margin-bottom: .26667rem
}

.lotteryDetail__container-item__hero-progress h1 {
	font-size: .37333rem;
	font-weight: 700;
	color: #333
}

.lotteryDetail__container-item__hero-progress>div:first-of-type,
.lotteryDetail__container-item__hero-progress>div:last-of-type {
	
	display: flex;
	
	justify-content: space-between;
	font-size: .32rem
}

.lotteryDetail__container-item__hero-progress>div:first-of-type {
	font-size: .32rem;
	margin-bottom: .13333rem;
	color: #aeb0c6
}

.lotteryDetail__container-item__hero-progress>div:last-of-type {
	margin-top: .13333rem;
	color: #848592
}

.lotteryDetail__container-item__hero-progress>div:last-of-type span:last-of-type {
	color: #333
}

.lotteryDetail__container-item__hero-footer__ending,
.lotteryDetail__container-item__hero-footer__cost {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	height: .8rem;
	margin-block: .06667rem;
	border: .01333rem solid #f1f3ff;
	background: #f7f8ff
}

.lotteryDetail__container-item__hero-footer__ending>span,
.lotteryDetail__container-item__hero-footer__ending>div,
.lotteryDetail__container-item__hero-footer__cost>span,
.lotteryDetail__container-item__hero-footer__cost>div {
	
	display: flex;
	
	align-items: center;
	height: 100%;
	padding: .06667rem .13333rem
}

.lotteryDetail__container-item__hero-footer__ending>span,
.lotteryDetail__container-item__hero-footer__cost>span {
	
	flex: .6;
	background: #f1f3ff;
	
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%)
}

.lotteryDetail__container-item__hero-footer__ending>div,
.lotteryDetail__container-item__hero-footer__cost>div {
	
	flex: .4;
	
	justify-content: flex-end;
	color: #FD5810;
	font-size: 1.125rem;
	font-weight: 600
}

.lotteryDetail__container-item__hero-footer__ending>div img,
.lotteryDetail__container-item__hero-footer__cost>div img {
	width: .42667rem;
	height: .42667rem;
	margin-inline: .06667rem
}

.lotteryDetail__container-item__hero-footer__ending span,
.lotteryDetail__container-item__hero-footer__cost span {
	font-size: .37333rem;
	color: #333
}

.lotteryDetail__container-item__hero-footer__ending h5,
.lotteryDetail__container-item__hero-footer__cost h5 {
	font-weight: 700;
	font-size: .4rem;
	color: #FD5810
}

.lotteryDetail__container-item__hero-footer__ending>div,
.lotteryDetail__container-item__hero-footer__cost>div {
	color: #333;
	font-size: .34667rem;
	font-weight: 500
}

.lotteryDetail__container-item__hero-footer__ending>div>span,
.lotteryDetail__container-item__hero-footer__cost>div>span {
	font-size: .37333rem;
	font-weight: 600
}

.lotteryDetail__container-item__luckyNumber {
	
	display: flex;
	
	flex-direction: column;
	margin-top: .53333rem;
	padding-inline: .16rem
}

.lotteryDetail__container-item__luckyNumber h1 {
	position: relative;
	margin-bottom: .2rem;
	padding-left: .26667rem;
	color: #151515;
	font-size: .48rem;
	font-weight: 600
}

.lotteryDetail__container-item__luckyNumber h1:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	
	transform: translateY(-50%);
	width: .08rem;
	height: .48rem;
	background: #FD5810
}

.lotteryDetail__container-item__luckyNumber>div {
	position: relative;
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	color: #d37116
}

.lotteryDetail__container-item__luckyNumber>div img {
	width: 100%
}

.lotteryDetail__container-item__luckyNumber>div>div {
	position: absolute
}

.lotteryDetail__container-item__luckyNumber>div>div:first-of-type {
	top: 30%;
	font-size: .56rem;
	font-weight: 900
}

.lotteryDetail__container-item__luckyNumber>div>div:last-of-type {
	bottom: 25%;
	font-weight: 700
}

.lotteryDetail__container-item__footer {
	margin-top: .66667rem;
	padding-inline: .16rem
}

.lotteryDetail__container-item__footer .fontWeight600 {
	font-weight: 600 !important
}

.lotteryDetail__container-item__footer-tabBar {
	
	display: flex;
	
	align-items: center;
	gap: 1rem
}

.lotteryDetail__container-item__footer-tabBar h1 {
	position: relative;
	margin-bottom: .5rem;
	padding-left: .26667rem;
	color: #151515;
	font-size: .48rem
}

.lotteryDetail__container-item__footer-tabBar h1:first-of-type:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	
	transform: translateY(-50%);
	width: .08rem;
	height: .48rem;
	background: #FD5810
}

.lotteryDetail__container-item__footer .van-tabs .van-tabs__wrap {
	display: none
}

.lotteryDetail__container-item__footer-participants {
	
	display: flex;
	
	flex-direction: column;
	gap: .26667rem
}

.lotteryDetail__container-item__footer-participants__item {
	
	display: flex;
	
	flex-direction: column;
	padding: .21333rem .18667rem;
	border-radius: .13333rem;
	background: #f7f8ff
}

.lotteryDetail__container-item__footer-participants__item-header {
	
	display: flex;
	
	justify-content: space-between;
	padding: .13333rem 0 .21333rem;
	font-weight: 500;
	line-height: .33333rem
}

.lotteryDetail__container-item__footer-participants__item-header span.me {
	color: #FD5810
}

.lotteryDetail__container-item__footer-participants__item-header span:last-of-type {
	color: #888;
	font-size: .32rem
}

.lotteryDetail__container-item__footer-participants__item-tickets {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: .875em;
	padding: .2rem 0;
	color: #fff;
	border-radius: .13333rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FF962C 100%)
}

.lotteryDetail__container-item__footer-participants__item-tickets>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	font-size: .75rem
}

.lotteryDetail__container-item__footer-participants__item-tickets>div img {
	width: 1.04rem;
	height: .56rem;
	margin-right: .06667rem
}

.lotteryDetail__container-item__footer-participants__item-tickets>div span {
	display: block;
	width: 3.2rem;
	color: #fff;
	font-size: .34667rem;
	font-style: normal;
	font-weight: 400;
	line-height: .37333rem
}

.lotteryDetail__container-item__footer-participants__item-tickets__viewAll {
	color: #896646
}

.lotteryDetail__container-item__footer-participants__item-tickets__viewAll>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	width: 4rem;
	height: .66667rem;
	padding: .02667rem 0;
	border: .01333rem solid #896646;
	border-radius: 9rem;
	font-size: .34667rem;
	font-style: normal;
	font-weight: 400;
	line-height: .37333rem
}

.lotteryDetail__container-item__footer-participants__item-tickets__viewAll>div svg {
	width: .42667rem;
	height: .42667rem;
	margin-inline: .06667rem
}

.lotteryDetail__container-item__footer-detail img {
	width: 100%
}

.lotteryDetail__container-item__participate {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: .13333rem 0;
	color: #fff;
	text-align: center;
	background: #cfd1de;
	z-index: 100;
	height: 1.6rem;
	line-height: 1.33333rem;
	font-size: .45333rem;
	max-width: 10rem
}

.lotteryDetail__container-item__participate.lotteryDetailActive {
	background: #FD5810
}

.lotteryDetail__container-item__participate span {
	display: block;
	width: 100%;
	height: 100%
}

.lotteryDetail__container-item__actionSheet {
	padding: 0 .16rem
}

.lotteryDetail__container-item__actionSheet>div:first-of-type {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center
}

.lotteryDetail__container-item__actionSheet>div:first-of-type svg {
	width: .64rem;
	height: .64rem;
	margin-right: .08rem
}

.lotteryDetail__container-item__actionSheet>div:first-of-type span {
	display: block;
	margin-top: .08rem;
	line-height: .64rem;
	font-size: .48rem
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(2) {
	text-align: center;
	margin-block: .26667rem;
	color: #666;
	font-size: .32rem
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(3) {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-items: center;
	gap: .4rem;
	width: 100%;
	margin-top: .13333rem
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	width: 100%;
	padding-block: .06667rem;
	color: #FD5810;
	font-family: Inter, sans-serif;
	border-radius: .13333rem;
	background: #eff1ff;
	
	transition: all .1s ease-in-out
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div span {
	font-size: .42667rem
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div span:last-of-type {
	font-size: .29333rem;
	color: #333
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div.activeTicket {
	color: #fff;
	
	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%);
	box-shadow: 0 -.05333rem .13333rem .02667rem #fff6f4 inset, 0 .10667rem .21333rem #d0d0ed5c
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(3)>div.activeTicket span:last-of-type {
	color: #fff
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(4) {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	height: .8rem;
	margin-top: .26667rem;
	border: .01333rem solid #e4e7ff;
	background: #f6f6f6;
	border-radius: .13333rem
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>span,
.lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>div {
	
	display: flex;
	
	align-items: center;
	height: 100%;
	padding: .06667rem .13333rem
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>span {
	
	flex: .6
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>div {
	
	flex: .4;
	
	justify-content: flex-end;
	gap: .375rem;
	color: #FD5810
}

.lotteryDetail__container-item__actionSheet>div:nth-of-type(4)>div svg {
	width: .42667rem;
	height: .42667rem
}

.lotteryDetail__container-item__actionSheet-button {
	border: none;
	background: #FD5810;
	height: 1.6rem;
	border-radius: 0;
	color: #fff;
	margin-top: .53333rem
}

.lotteryDetail__container-item__actionSheetCloseBtn {
	position: fixed;
	bottom: 10.4rem;
	left: 50%;
	margin-left: -.4rem;
	text-align: center;
	
	transition: all .3s ease-in-out;
	z-index: 2000
}

.lotteryDetail__container-item__actionSheetCloseBtn svg {
	width: .8rem;
	height: .8rem
}

.lotteryDetail__container .van-dialog {
	background: 0 0;
	width: 8.93333rem
}

.lotteryDetail__container .van-dialog .van-dialog__content {
	position: relative
}

.lotteryDetail__container .van-dialog .van-dialog__content img {
	width: 100%
}

.lotteryDetail__container .van-dialog__content-title,
.lotteryDetail__container .van-dialog__content-subTitle,
.lotteryDetail__container .van-dialog__content-ticketsList,
.lotteryDetail__container .van-dialog__content-tips,
.lotteryDetail__container .van-dialog__content-confirm,
.lotteryDetail__container .van-dialog__content-myTreasure,
.lotteryDetail__container .van-dialog__content-successfullyParticipatedBottom {
	position: absolute;
	left: 50%;
	
	transform: translate(-50%);
	width: 100%;
	text-align: center
}

.lotteryDetail__container .van-dialog__content-title {
	top: 1.6rem;
	color: #fff;
	font-size: .56rem;
	font-weight: 700;
	text-shadow: 0 .10667rem .18667rem #896646
}

.lotteryDetail__container .van-dialog__content-subTitle {
	top: 2.8rem;
	color: #ffef89
}

.lotteryDetail__container .van-dialog__content-subTitle>span {
	color: #ffef89;
	font-size: .64rem;
	vertical-align: middle
}

.lotteryDetail__container .van-dialog__content-tips {
	top: 3.66667rem;
	color: #fff;
	font-size: .32rem;
	font-weight: 300
}

.lotteryDetail__container .van-dialog__content-ticketsList {
	top: 55%;
	
	transform: translate(-50%, -50%);
	width: 90%;
	height: 40%;
	padding-inline: .06667rem;
	overflow: hidden;
	z-index: 1
}

.lotteryDetail__container .van-dialog__content-ticketsList>div {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: .53333rem .53333rem;
	
	column-gap: .06667rem;
	width: 100%;
	height: 100%;
	padding-bottom: .53333rem;
	overflow-y: auto
}

.lotteryDetail__container .van-dialog__content-ticketsList>div>div {
	
	display: flex;
	
	align-items: center;
	height: .53333rem;
	color: #e45222;
	font-size: .32rem
}

.lotteryDetail__container .van-dialog__content-ticketsList__ticket {
	width: .88rem;
	height: .48rem;
	margin-right: .06667rem
}

.lotteryDetail__container .van-dialog__content-confirm {
	bottom: 2.8rem;
	color: #fff462;
	font-size: .48rem;
	font-weight: 700;
	z-index: 3
}

.lotteryDetail__container .van-dialog__content-myTreasure {
	bottom: .26667rem;
	width: 7.97333rem;
	height: 1.06667rem;
	padding: .25rem;
	color: #fff;
	text-align: center;
	font-size: .42667rem;
	border: .01333rem solid #fff;
	border-radius: 9rem;
	z-index: 3
}

.lotteryDetail__container .van-dialog__content-successfullyParticipatedBottom {
	bottom: 0;
	z-index: 2
}










.myLottery__container {
	font-family: bahnschrift
}

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

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

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

.myLottery__container .van-tabs__line {
	width: 0;
	height: 0;
	border-left: .10667rem solid transparent;
	border-right: .10667rem solid transparent;
	border-bottom: .10667rem solid #fff;
	background-color: unset !important
}

.myLottery__container-products {
	
	display: flex;
	
	flex-direction: column;
	gap: .4rem;
	padding: .4rem .16rem 0
}

.myLottery__container-products__item {
	
	display: flex;
	
	flex-direction: column;
	gap: .26667rem;
	padding: .18667rem;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.myLottery__container-products__item-header {
	
	display: flex;
	
	align-items: stretch;
	gap: .2rem
}

.myLottery__container-products__item-header__left {
	
	flex: 1;
	position: relative;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	padding: .13333rem 0;
	color: #fff;
	font-size: .75em;
	border-radius: .13333rem;
	width: 4.26667rem;
	height: 3.2rem;
	
	background: linear-gradient(180deg, #FF962C -3.33%, #FF962C 100%)
}

.myLottery__container-products__item-header__left>span {
	position: absolute;
	top: .13333rem;
	left: 0;
	padding: .04rem .26667rem;
	border-top-right-radius: 9rem;
	border-bottom-right-radius: 9rem;
	z-index: 2
}

.myLottery__container-products__item-header__left>span:last-of-type {
	top: .09333rem;
	padding: .08rem .26667rem .08rem .30667rem;
	color: transparent;
	white-space: nowrap;
	z-index: 1
}

.myLottery__container-products__item-header__left>img {
	width: 2.82667rem;
	height: 2.82667rem
}

.myLottery__container-products__item-header__right {
	
	flex: 1;
	
	display: flex;
	
	flex-direction: column;
	gap: .26667rem;
	font-size: .75rem
}

.myLottery__container-products__item-header__right h1 {
	margin-bottom: .4rem;
	font-size: .37333rem;
	font-weight: 600
}

.myLottery__container-products__item-header__right h1>span {
	color: #FD5810
}

.myLottery__container-products__item-header__right>div {
	
	display: flex;
	
	align-items: center;
	padding: .21333rem .13333rem;
	color: #8c90a9;
	border-radius: .13333rem;
	background: #f7f8ff;
	font-size: .29333rem
}

.myLottery__container-products__item-header__right>div img {
	width: .32rem;
	height: .32rem;
	margin-right: .04rem
}

.myLottery__container-products__item-header__right>div:last-of-type span {
	font-size: .37333rem
}

.myLottery__container-products__item-header__right>div:last-of-type span.left {
	color: #333
}

.myLottery__container-products__item-header__right>div:last-of-type span.right {
	position: relative;
	
	display: flex;
	
	align-items: center;
	margin-left: auto;
	color: #FD5810
}

.myLottery__container-products__item-header__right>div:last-of-type span.right:before {
	content: "";
	position: absolute;
	left: -25%;
	width: .01333rem;
	padding-block: .09333rem;
	background: #bdcadd
}

.myLottery__container-products__item-footer {
	color: #fff;
	font-size: .34667rem;
	border-radius: .13333rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FF962C 100%);
	overflow: hidden
}

.myLottery__container-products__item-footer__header {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	padding: .2rem .13333rem;
	background: #FD5810
}

.myLottery__container-products__item-footer__header>div:last-of-type {
	color: #ffec7e
}

.myLottery__container-products__item-footer__body {
	
	display: flex;
	
	flex-wrap: wrap;
	row-gap: .5rem;
	padding: .13333rem .06667rem
}

.myLottery__container-products__item-footer__body-item {
	
	flex: 40%;
	
	display: flex;
	
	align-items: center;
	font-size: .34667rem
}

.myLottery__container-products__item-footer__body-item img {
	width: 1.04rem;
	height: .56rem;
	margin-right: .06667rem
}

.myLottery__container-products__item-button {
	width: 100%;
	margin-block: .26667rem;
	color: #fff;
	text-align: center;
	border-radius: 9rem;
	box-shadow: 0 .05333rem #896646;
	height: .93333rem;
	line-height: .93333rem;
	font-size: .4rem;
	
	background: linear-gradient(180deg, #CFD1DE 0%, #C7C9D9 100%)
}

.myLottery__container-products__empty {
	position: relative;
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	
	justify-content: center;
	gap: .5rem;
	width: 100%;
	padding-top: 6rem;
	color: #acafc2;
	font-size: .875rem
}

.myLottery__container-products__empty img {
	width: 2rem;
	max-width: 4rem
}










.myOrders__container {
	padding-inline: .32rem;
	padding-block: 0 .26667rem;
	font-family: bahnschrift
}

.myOrders__container .van-nav-bar {
	background-color: #fff
}

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

.myOrders__container-item {
	height: 4.24rem;
	margin-bottom: .26667rem;
	padding: .21333rem .18667rem;
	border-radius: .26667rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.myOrders__container-item__header {
	
	display: flex;
	gap: .16rem
}

.myOrders__container-item__header-left {
	position: relative;
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	width: 5.06667rem;
	height: 2.4rem;
	border-radius: .26667rem;
	
	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%)
}

.myOrders__container-item__header-left>img {
	width: 100%;
	height: 100%
}

.myOrders__container-item__header-left>div {
	position: absolute;
	bottom: 0;
	left: 0;
	
	display: flex;
	
	align-items: center;
	width: 2.26667rem;
	height: .8rem
}

.myOrders__container-item__header-left>div img {
	width: 100%;
	height: .8rem
}

.myOrders__container-item__header-left>div span {
	position: absolute;
	top: 50%;
	left: 50%;
	
	transform: translate(-50%, -50%);
	color: #f5f0f0;
	font-size: .29333rem
}

.myOrders__container-item__header-right {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: flex-start;
	gap: .21333rem;
	width: 100%;
	font-size: .37333rem
}

.myOrders__container-item__header-right h1 {
	height: 2.2em;
	width: 100%;
	line-height: 1.1em;
	padding-right: .2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	
}

.myOrders__container-item__header-right>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%
}

.myOrders__container-item__header-right>div span {
	
	display: flex;
	
	align-items: center;
	font-size: .4rem
}

.myOrders__container-item__header-right>div span:first-of-type {
	gap: .10667rem;
	color: #FD5810
}

.myOrders__container-item__header-right>div span:first-of-type i {
	font-size: .42667rem
}

.myOrders__container-item__footer {
	
	display: flex;
	
	flex-direction: column;
	gap: .16rem;
	margin-top: .16rem
}

.myOrders__container-item__footer>div {
	
	display: flex;
	
	justify-content: space-between;
	
	align-items: center;
	color: #8c90a9;
	font-weight: 400;
	font-size: .32rem;
	background: #fff
}

.myOrders__container-item__footer>div span {
	
	flex: 1;
	height: .56rem;
	padding: 0 .26667rem;
	text-align: end;
	line-height: .66667rem
}

.myOrders__container-item__footer>div span:first-of-type {
	text-align: start;
	background: #fff7ed;
	
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%)
}










.orderDetail__container {
	padding-block: 0 1.49333rem;
	font-family: bahnschrift
}

.orderDetail__container .navbar .navbar__content .navbar__content-left .van-icon,
.orderDetail__container .navbar .navbar__content .navbar__content-center {
	color: #fff
}

.orderDetail__container-header {
	position: relative;
	width: 100%;
	height: 4.8rem;
	
	background: linear-gradient(90deg, #FD5810 0%, #FF962C 100%)
}

.orderDetail__container-header__content {
	position: absolute;
	top: 50%;
	
	transform: translateY(-50%);
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%;
	padding-inline: .32rem 1.24rem;
	color: #fff
}

.orderDetail__container-header__content h1 {
	margin-bottom: .32rem;
	font-size: .48rem;
	font-weight: 600
}

.orderDetail__container-header__content p {
	font-size: .34667rem
}

.orderDetail__container-header__content img {
	width: 2.13333rem;
	height: 2.13333rem
}

.orderDetail__container-content {
	position: relative;
	
	display: flex;
	
	flex-direction: column;
	gap: .5rem;
	margin-top: -.86667rem;
	padding-inline: .32rem
}

.orderDetail__container-content__itemDetail {
	padding: .36rem .13333rem;
	background: #f5f0f0;
	border-radius: .26667rem;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.orderDetail__container-content__itemDetail-header {
	
	display: flex;
	
	align-items: flex-start
}

.orderDetail__container-content__itemDetail-header h1 {
	width: 100%;
	padding-bottom: .23333rem;
	font-size: .42667rem;
	font-weight: 700;
	border-bottom: .01333rem solid #daddf0
}

.orderDetail__container-content__itemDetail-header i {
	margin-right: .25rem;
	font-size: .64rem
}

.orderDetail__container-content__itemDetail-body {
	
	display: flex;
	
	flex-direction: column;
	margin-top: .40667rem
}

.orderDetail__container-content__itemDetail-body__top {
	
	display: flex;
	gap: .16rem
}

.orderDetail__container-content__itemDetail-body__top>div:first-of-type {
	
	display: flex;
	
	flex-shrink: 0;
	
	align-items: center;
	
	justify-content: center;
	width: 3.2rem;
	height: 2.4rem;
	border-radius: .26667rem;
	
	background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%);
	overflow: hidden
}

.orderDetail__container-content__itemDetail-body__top>div:first-of-type img {
	width: 100%;
	height: 100%
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: flex-start;
	gap: .29333rem;
	width: 100%
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type h1 {
	font-size: .37333rem;
	line-height: .37333rem;
	line-height: 1.2
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	width: 100%
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type>div .colorf95959 {
	color: #FD5810
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span {
	
	display: flex;
	
	align-items: center;
	font-size: .37333rem;
	line-height: .37333rem
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span:first-of-type {
	gap: .08rem;
	color: #FD5810
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span:first-of-type i {
	font-size: .42667rem
}

.orderDetail__container-content__itemDetail-body__top>div:last-of-type>div span:first-of-type span {
	font-size: .4rem
}

.orderDetail__container-content__itemDetail-body__footer {
	
	display: flex;
	
	flex-direction: column;
	gap: .16rem;
	margin-top: .16rem
}

.orderDetail__container-content__itemDetail-body__footer>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	color: #8c90a9;
	font-weight: 500;
	font-size: .32rem;
	background: #fff
}

.orderDetail__container-content__itemDetail-body__footer>div:first-of-type {
	padding-right: .5rem
}

.orderDetail__container-content__itemDetail-body__footer>div:first-of-type span:last-of-type {
	padding-right: .25rem
}

.orderDetail__container-content__itemDetail-body__footer>div:first-of-type i {
	font-size: .32rem
}

.orderDetail__container-content__itemDetail-body__footer>div span {
	
	flex: 1;
	padding: .09333rem .26667rem;
	text-align: end
}

.orderDetail__container-content__itemDetail-body__footer>div span:first-of-type {
	text-align: start;
	background: #fff7ed;
	
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%)
}

.orderDetail__container-content__address {
	padding: .4rem .14667rem;
	color: #151515;
	background: #f5f0f0;
	border-radius: .26667rem;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.orderDetail__container-content__address-header {
	
	display: flex;
	
	align-items: flex-start
}

.orderDetail__container-content__address-header h1 {
	width: 100%;
	padding-bottom: .23333rem;
	font-size: .42667rem;
	font-weight: 700;
	border-bottom: .01333rem solid #daddf0
}

.orderDetail__container-content__address-header i {
	margin-right: .06667rem;
	color: #FD5810;
	font-size: .64rem
}

.orderDetail__container-content__address-body {
	
	display: flex;
	
	flex-direction: column;
	gap: .25333rem;
	margin-top: .55333rem;
	font-size: .4rem
}

.orderDetail__container-content__address-body p {
	color: #888;
	font-size: .34667rem
}

.orderDetail__container-content__orderDetail {
	padding: .4rem .14667rem;
	color: #151515;
	background: #f5f0f0;
	border-radius: .26667rem;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.orderDetail__container-content__orderDetail-header {
	
	display: flex;
	
	align-items: flex-start;
	font-size: 1.125rem
}

.orderDetail__container-content__orderDetail-header h1 {
	width: 100%;
	padding-bottom: .23333rem;
	font-size: .42667rem;
	font-weight: 700;
	border-bottom: .01333rem solid #daddf0
}

.orderDetail__container-content__orderDetail-header i {
	margin-right: .06667rem;
	color: #FD5810;
	font-size: .64rem
}

.orderDetail__container-content__orderDetail-body {
	
	display: flex;
	
	flex-direction: column;
	gap: .62667rem;
	margin-top: .55333rem
}

.orderDetail__container-content__orderDetail-body__item {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between
}

.orderDetail__container-content__orderDetail-body__item span {
	color: #888;
	font-size: .34667rem
}

.orderDetail__container-content__orderDetail-body__item:first-of-type span:last-of-type {
	color: #FD5810
}

.orderDetail__container-content__btn {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	
	justify-content: center;
	gap: .37333rem;
	width: 100%;
	padding-inline: .6rem
}

.orderDetail__container-content__btn-cancel {
	color: #fff;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	box-shadow: 0 .05333rem #896646
}

.orderDetail__container-content__btn div {
	border-radius: 9rem;
	width: 100%;
	height: .93333rem;
	text-align: center;
	line-height: .93333rem
}

.orderDetail__container-content__btn div:last-of-type {
	color: #FD5810;
	border: .01333rem solid #FD5810
}










.receiveLottery__container {
	padding-inline: .16rem;
	padding-block: .66667rem 1rem;
	font-family: bahnschrift
}

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

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

.receiveLottery__container-hero {
	
	display: flex;
	
	align-items: center;
	height: 3.57333rem;
	padding: .16rem;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.receiveLottery__container-hero__left,
.receiveLottery__container-hero__right {
	
	flex: 1;
	height: 100%
}

.receiveLottery__container-hero__left {
	position: relative;
	display: grid;
	place-items: center;
	border-radius: .13333rem;
	width: 4.26667rem;
	height: 3.2rem;
	
	background: linear-gradient(180deg, #FF962C -3.33%, #FF962C 100%)
}

.receiveLottery__container-hero__left img {
	height: 2.82667rem;
	width: 2.82667rem
}

.receiveLottery__container-hero__left span {
	position: absolute;
	top: .13333rem;
	left: 0;
	padding: .06667rem .26667rem .06667rem .4rem;
	color: #fff;
	font-size: .29333rem;
	border-top-right-radius: 9rem;
	border-bottom-right-radius: 9rem
}

.receiveLottery__container-hero__left span:first-of-type {
	
	background: linear-gradient(270deg, #fabb2a 18.36%, #eb9315 89.84%, #fbe571 96.48%, #ed8b19 100%);
	z-index: 2
}

.receiveLottery__container-hero__left span:last-of-type {
	top: .09333rem;
	padding: .10667rem .26667rem .10667rem .44rem;
	
	background: linear-gradient(90deg, #ff9c3a -3.24%, #ffe55c 4.63%, #ffb936 13.43%, #fff962 76.75%);
	z-index: 1
}

.receiveLottery__container-hero__right {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: flex-end;
	padding-left: .29333rem
}

.receiveLottery__container-hero__right h1 {
	margin-bottom: auto;
	color: #151515;
	font-size: .37333rem
}

.receiveLottery__container-hero__right h1 span {
	color: #f95959
}

.receiveLottery__container-hero__right div {
	padding: .06667rem .13333rem;
	font-size: .29333rem;
	border-radius: .06667rem
}

.receiveLottery__container-hero__right div:first-of-type {
	color: #8c90a9;
	height: .8rem;
	line-height: .8rem;
	background: #f7f8ff;
	margin-bottom: .2rem
}

.receiveLottery__container-hero__right div:last-of-type {
	
	display: flex;
	height: .90667rem;
	
	align-items: center;
	color: #fff1aa;
	
	background: linear-gradient(90deg, #FD5810 0%, #FF962C 100%);
	font-size: .34667rem
}

.receiveLottery__container-hero__right div:last-of-type img {
	width: 1.04rem;
	height: .56rem;
	margin-right: .06667rem
}

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

.receiveLottery__container-empty img {
	width: 8rem;
	margin-bottom: .5rem
}

.receiveLottery__container-empty p {
	color: #acafc2;
	font-size: .75rem
}

.receiveLottery__container-note {
	
	display: flex;
	
	align-items: center;
	margin-top: 1rem;
	padding: .29333rem .26667rem;
	color: #303a4c;
	font-size: .32rem;
	border-radius: 9rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.receiveLottery__container-note img {
	width: .42667rem;
	height: .42667rem;
	margin-right: .26667rem
}

.receiveLottery__container-address {
	margin-top: .69333rem
}

.receiveLottery__container-address__header {
	
	display: flex;
	
	align-items: center;
	margin-bottom: .33333rem;
	color: #151515;
	font-size: .48rem
}

.receiveLottery__container-address__header i {
	margin-right: .24rem;
	color: #FD5810;
	font-size: .64rem
}

.receiveLottery__container-address__body {
	margin-bottom: .26667rem;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	overflow: hidden
}

.receiveLottery__container-address__body-content {
	
	display: flex;
	
	flex-direction: column;
	gap: .33333rem;
	padding: .26667rem .16rem;
	color: #333
}

.receiveLottery__container-address__body-content div {
	font-size: .4rem
}

.receiveLottery__container-address__body-content div:last-of-type {
	color: #666;
	font-size: .34667rem;
	word-wrap: break-word
}

.receiveLottery__container-address__body-footer {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	padding: .37333rem .26667rem;
	background: #f7f8ff
}

.receiveLottery__container-address__body-footer div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	color: #888;
	font-size: .32rem
}

.receiveLottery__container-address__body-footer div img {
	width: .48rem;
	height: .48rem;
	margin-right: .13333rem
}

.receiveLottery__container-address__body-footer div .van-checkbox__label {
	color: #FD5810
}

.receiveLottery__container-address__empty {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	
	justify-content: center;
	padding: 1.12rem 0;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.receiveLottery__container-address__empty img {
	width: 1.17333rem;
	height: 1.17333rem;
	margin-bottom: .2rem
}

.receiveLottery__container-address__empty p {
	color: #acafc2;
	font-size: .37333rem
}

.receiveLottery__container-receiverBtn {
	width: 100%;
	margin-top: 2rem;
	padding-block: .375rem;
	color: #fff;
	text-align: center;
	border-radius: 9rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%)
}

.receiveLottery__container-receiverBtn.disabled {
	
	background: linear-gradient(180deg, #cfd1de 0%, #c7c9d9 100%);
	box-shadow: 0 .05333rem #b6bad0
}

.receiveLottery__container .van-dialog {
	overflow: visible
}

.receiveLottery__container .van-dialog .van-dialog__content {
	position: relative;
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	padding-block: 2.46667rem .6rem
}

.receiveLottery__container .van-dialog__content img {
	position: absolute;
	left: 50%;
	
	transform: translate(-50%)
}

.receiveLottery__container .van-dialog__content img:first-of-type {
	top: -1rem;
	width: 3.73333rem
}

.receiveLottery__container .van-dialog__content img:last-of-type {
	bottom: -1.13333rem;
	width: .8rem;
	height: .8rem
}

.receiveLottery__container .van-dialog__content-title {
	margin-bottom: .29333rem;
	color: #151515;
	font-size: .48rem
}

.receiveLottery__container .van-dialog__content-note {
	margin-bottom: 1.13333rem;
	color: #666;
	font-size: .32rem
}

.receiveLottery__container .van-dialog__content-btn {
	width: 4.34667rem;
	height: 1.06667rem;
	color: #fff;
	line-height: 1.06667rem;
	text-align: center;
	font-size: .42667rem;
	border-radius: 9rem;
	
	background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
	
	filter: drop-shadow(0 .05333rem 0 #896646)
}










.pointMallRecord__container {
	padding-block: 0 1rem;
	font-family: Inter, sans-serif
}

.pointMallRecord__container .navbar__content-right .navbar__content-right__buttons {
	
	display: flex;
	
	align-items: center;
	gap: .4rem
}

.pointMallRecord__container .navbar__content-right .navbar__content-right__buttons img {
	width: .64rem;
	height: .64rem
}

.pointMallRecord__container .color2fb192 {
	color: #2fb192 !important
}

.pointMallRecord__container .colorf95959 {
	color: #f95959 !important
}

.pointMallRecord__container .no-data {
	margin-top: 5rem
}

.pointMallRecord__container .no-data .empty__container {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	
	justify-content: center
}

.pointMallRecord__container-header {
	display: grid;
	place-items: center;
	width: 100%;
	height: 3.2rem;
	color: #f5f0f0;
	background: url(../img/activity/recordHeaderBg.png) no-repeat;
	background-size: cover;
	background-color: #FD5810
}

.pointMallRecord__container-header .points-date {
	width: 100%;
	
	display: flex;
	
	justify-content: flex-start;
	padding-left: .8rem;
	padding-top: .26667rem
}

.pointMallRecord__container-header-date {
	min-width: 3.46667rem;
	height: .61333rem;
	line-height: .61333rem;
	border: .00667rem solid #fff;
	border-radius: .53333rem;
	font-size: .37333rem;
	text-align: center;
	color: #fff;
	
	align-items: center;
	
	display: inline-flex;
	
	justify-content: space-between
}

.pointMallRecord__container-header-date img {
	width: .53333rem;
	height: .53333rem;
	margin-left: .2rem
}

.pointMallRecord__container-header-date div {
	padding: .05333rem 0 0 .21333rem
}

.pointMallRecord__container-header__content {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	gap: 3.08rem;
	width: 100%
}

.pointMallRecord__container-header__content-left,
.pointMallRecord__container-header__content-right {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	
	justify-content: flex-end;
	height: 100%
}

.pointMallRecord__container-header__content-left div:first-of-type,
.pointMallRecord__container-header__content-right div:first-of-type {
	margin-bottom: .32rem;
	font-size: .64rem;
	font-weight: 500;
	line-height: .64rem
}

.pointMallRecord__container-header__content-left div:last-of-type,
.pointMallRecord__container-header__content-right div:last-of-type {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	width: 100%;
	font-size: .37333rem
}

.pointMallRecord__container-header__content-left div:last-of-type img,
.pointMallRecord__container-header__content-right div:last-of-type img {
	width: .64rem;
	height: .64rem;
	margin-right: .10667rem
}

.pointMallRecord__container-list {
	
	display: flex;
	
	flex-direction: column;
	gap: .21333rem;
	margin-top: .53333rem;
	padding-inline: .32rem
}

.pointMallRecord__container-list__item {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	padding: .25333rem .26667rem;
	border-radius: .13333rem;
	background: #f5f0f0;
	box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.pointMallRecord__container-list__item-left div:first-of-type {
	color: #333;
	font-size: .4rem
}

.pointMallRecord__container-list__item-left div:last-of-type {
	margin-top: .10667rem;
	font-size: .32rem;
	color: #aeb0c6
}

.pointMallRecord__container-list__item-right {
	font-size: .48rem;
	font-weight: 400;
	font-family: bahnschrift
}

.progress__container {
	position: relative;
	width: 1.46667rem;
	height: 1.46667rem;
	border-radius: 50%;
	border: .01333rem solid #ebeef5;
	
	transform: rotateY(180deg)
}

.progress__container-content {
	position: absolute;
	top: -.02667rem;
	left: 0;
	
	display: flex;
	width: 1.46667rem;
	height: 1.46667rem
}

.progress__container-content__left {
	overflow: hidden;
	width: 1.46667rem;
	height: 1.46667rem
}

.progress__container-content__left-content {
	width: 1.46667rem;
	height: 1.46667rem;
	border-radius: 50%;
	border-width: .02667rem;
	border-color: var(--7f46d9d5);
	border-top-color: transparent;
	border-right-color: transparent;
	border-style: solid;
	
	transform: var(--115dd5fe);
	
	transition: transform .1s, -webkit-transform .1s
}

.progress__container-content__right {
	position: relative;
	overflow: hidden;
	width: 1.46667rem;
	height: 1.46667rem
}

.progress__container-content__right-content {
	position: absolute;
	right: 0;
	width: 1.46667rem;
	height: 1.46667rem;
	border-radius: 50%;
	border-width: .02667rem;
	border-color: var(--7f46d9d5);
	border-top-color: transparent;
	border-left-color: transparent;
	border-style: solid;
	
	transform: var(--71e9101c);
	
	transition: transform .1s, -webkit-transform .1s
}










.redeem__container {
	padding-block: 0 2.30667rem
}

.redeem__container .dropdown {
	position: relative;
	width: 100%;
	height: 1.06667rem;
	line-height: 1.06667rem
}

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

.redeem__container-hero {
	display: grid;
	place-items: center;
	width: 100%;
	height: 7.5rem;
	text-align: center;
	
	background: linear-gradient(180deg, #FF962C 0%, #FF962C 100%)
}

.redeem__container-hero img {
	height: 7.5rem;
	width: 10rem
}

.redeem__container-detail {
	
	display: flex;
	
	flex-direction: column;
	gap: .4rem;
	padding-inline: .32rem
}

.redeem__container-detail__description {
	
	display: flex;
	
	flex-direction: column;
	width: 100%;
	margin-top: 1rem;
	padding: .32rem .26667rem;
	border-radius: .13333rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.redeem__container-detail__description-header {
	margin-bottom: .38667rem;
	color: #151515;
	font-size: .37333rem;
	font-weight: 700;
	height: 3.6em;
	line-height: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis
}

.redeem__container-detail__description-body {
	
	display: flex;
	margin-bottom: .35333rem
}

.redeem__container-detail__description-body__left {
	
	flex: 1;
	
	display: flex;
	
	flex-direction: column;
	gap: .36rem
}

.redeem__container-detail__description-body__left>div {
	
	display: flex;
	
	align-items: center
}

.redeem__container-detail__description-body__left>div:first-of-type {
	gap: .18667rem
}

.redeem__container-detail__description-body__left>div:first-of-type img {
	width: .48rem;
	height: .48rem
}

.redeem__container-detail__description-body__left>div:first-of-type span {
	color: #FD5810;
	font-size: .50667rem;
	line-height: .50667rem
}

.redeem__container-detail__description-body__left>div:last-of-type {
	width: 4.8rem;
	height: .56rem;
	padding: .09333rem .26667rem;
	color: #888;
	background: #fff
}

.redeem__container-detail__description-body__left>div:last-of-type span {
	
	flex: 1
}

.redeem__container-detail__description-body__left>div:last-of-type span:first-of-type {
	
	display: flex;
	
	align-items: center;
	font-size: .29333rem;
	white-space: nowrap
}

.redeem__container-detail__description-body__left>div:last-of-type span:first-of-type:after {
	content: "";
	display: block;
	width: .01333rem;
	height: .24rem;
	margin-left: .85333rem;
	background: #c5cae4
}

.redeem__container-detail__description-body__left>div:last-of-type span:last-of-type {
	color: #333;
	font-size: .32rem;
	text-align: center
}

.redeem__container-detail__description-body__right {
	position: relative;
	right: .24rem
}

.redeem__container-detail__description-body__right div:first-of-type {
	position: absolute;
	top: 50%;
	left: 50%;
	
	transform: translate(-50%, -50%);
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	color: #FD5810;
	font-size: .32rem
}

.redeem__container-detail__description-body__right .nowrap {
	white-space: nowrap
}

.redeem__container-detail__description .van-divider {
	margin: 0;
	border-color: #daddf0
}

.redeem__container-detail__description-footer {
	
	display: flex;
	
	align-items: center;
	gap: .06667rem;
	margin-top: .26667rem;
	color: #666;
	font-size: .32rem
}

.redeem__container-detail__description-footer img {
	width: .42667rem;
	height: .42667rem
}

.redeem__container-detail__redeem {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: space-between;
	height: 1.6rem;
	padding: .46667rem .26667rem;
	border-radius: .26667rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	
	transition: height .3s ease-in-out
}

.redeem__container-detail__redeem.active {
	height: 3.06667rem;
	overflow: hidden
}

.redeem__container-detail__redeem.active .redeem__container-detail__redeem-insufficient {
	opacity: 1
}

.redeem__container-detail__redeem-content {
	
	display: flex;
	
	align-items: center;
	
	justify-content: space-between;
	height: .66667rem
}

.redeem__container-detail__redeem-content>span {
	color: #333;
	font-size: .37333rem
}

.redeem__container-detail__redeem-content__amount {
	
	display: flex;
	
	align-items: center;
	gap: .5rem
}

.redeem__container-detail__redeem-content__amount img {
	width: .66667rem;
	height: .66667rem
}

.redeem__container-detail__redeem-content__amount img:active {
	
	transform: scale(.9)
}

.redeem__container-detail__redeem-content__amount input {
	width: 3.28rem;
	height: .66667rem;
	color: #151515;
	font-size: .37333rem;
	line-height: .66667rem;
	text-align: center;
	border-radius: 9rem;
	background: #fff;
	border: none
}

.redeem__container-detail__redeem-content__amount span:nth-of-type(1),
.redeem__container-detail__redeem-content__amount span:nth-of-type(3) {
	line-height: 1
}

.redeem__container-detail__redeem-insufficient {
	margin-top: .24rem;
	opacity: 0;
	
	transition: opacity .1s ease-in-out
}

.redeem__container-detail__redeem-insufficient p {
	color: #FD5810
}

.redeem__container-detail__redeem-insufficient div {
	font-size: .29333rem
}

.redeem__container-detail__redeem-insufficient div:first-of-type {
	color: #FD5810
}

.redeem__container-detail__redeem-insufficient div:last-of-type {
	margin-top: .26667rem;
	color: #333;
	text-align: end
}

.redeem__container-detail__redeem-insufficient div:last-of-type i:last-of-type {
	left: -.10667rem
}

.redeem__container-detail__notes {
	height: 4.30667rem;
	padding: .37333rem .32rem;
	border-radius: .26667rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.redeem__container-detail__notes h1 {
	color: #151515;
	font-size: .4rem
}

.redeem__container-detail__notes li {
	
	display: flex;
	
	align-items: center;
	gap: .11333rem;
	height: .4rem;
	margin-top: .30667rem;
	color: #666;
	font-size: .32rem;
	list-style: none
}

.redeem__container-detail__notes li:before {
	content: "";
	display: inline-block;
	width: .10667rem;
	height: .10667rem;
	border-radius: .02667rem;
	background: #FD5810;
	
	transform: rotate(45deg)
}

.redeem__container-button {
	position: fixed;
	bottom: 0;
	left: 50%;
	
	transform: translate(-50%);
	
	display: flex;
	
	align-items: center;
	width: 100%;
	max-width: 10rem;
	height: 1.6rem;
	z-index: 3000
}

.redeem__container-button__left {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: center;
	width: 4.4rem;
	height: 100%;
	padding: .26667rem .32rem;
	color: #FD5810;
	font-size: .32rem;
	background: #faece3
}

.redeem__container-button__left>div:last-of-type {
	
	display: flex;
	
	align-items: center;
	gap: .06667rem;
	color: #FD5810;
	margin-top: .21333rem
}

.redeem__container-button__left>div:last-of-type img {
	width: .42667rem;
	height: .42667rem
}

.redeem__container-button__left>div:last-of-type>span {
	font-size: .34667rem
}

.redeem__container-button__right,
.redeem__container-button__cancel {
	display: grid;
	place-items: center;
	height: 100%;
	font-size: .45333rem;
	font-weight: 600
}

.redeem__container-button__cancel {
	width: 4.4rem;
	color: #666;
	background: #cfd1de
}

.redeem__container-button__right {
	width: 5.6rem;
	color: #f5f0f0;
	background: #FD5810
}

.redeem__container-button__right span {
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 1.6rem
}

.redeem__container-button__right.disabled {
	color: #f5f0f0;
	background: #cfd1de;
	pointer-events: none
}

.redeem__container-actionSheet {
	padding-inline: .32rem;
	padding-bottom: 2rem
}

.redeem__container-actionSheet__note {
	
	display: flex;
	
	align-items: center;
	gap: .04rem;
	margin-bottom: .37333rem;
	color: #FD5810;
	font-size: .29333rem
}

.redeem__container-actionSheet__note i {
	font-size: .4rem
}

.redeem__container-actionSheet__item {
	
	display: flex;
	
	align-items: center;
	gap: .26667rem;
	height: 1.46667rem;
	padding: .22667rem .13333rem;
	border-radius: .08rem;
	background: #f5f0f0
}

.redeem__container-actionSheet__item-img {
	display: grid;
	place-items: center;
	width: 1.33333rem;
	height: 1rem;
	border-radius: .06667rem;
	border-radius: .13333rem;
	overflow: hidden
}

.redeem__container-actionSheet__item-img img {
	width: 1.33333rem;
	height: 1rem;
	object-fit: contain
}

.redeem__container-actionSheet__item p {
	color: #333;
	font-size: .32rem
}

.redeem__container-actionSheet__cost {
	margin-block: .41333rem .72rem;
	color: #333;
	font-size: .48rem
}

.redeem__container-actionSheet__cost>span {
	color: #FD5810;
	font-family: Poppins, sans-serif;
	font-weight: 600
}

.redeem__container-actionSheet__address {
	padding: .26667rem .18667rem;
	border-radius: .13333rem;
	background: #f5f0f0;
	margin-bottom: .26667rem
}

.redeem__container-actionSheet__address-header {
	
	display: flex;
	
	align-items: center
}

.redeem__container-actionSheet__address-header i {
	margin-right: .24rem;
	color: #FD5810;
	font-size: .64rem
}

.redeem__container-actionSheet__address-header>span {
	font-size: .4rem;
	color: #151515
}

.redeem__container-actionSheet__address-header>div {
	
	display: flex;
	
	align-items: center;
	
	justify-content: center;
	gap: .08rem;
	min-width: 2.4rem;
	min-height: .8rem;
	line-height: .8rem;
	margin-left: auto;
	color: #FD5810;
	font-size: .32rem;
	border: .01333rem solid #FD5810;
	border-radius: 9rem
}

.redeem__container-actionSheet__address-header>div img {
	width: .48rem
}

.redeem__container-actionSheet__address .van-divider {
	color: #d9d9d9
}

.redeem__container-actionSheet__address-default {
	color: #333
}

.redeem__container-actionSheet__address-default>div {
	font-size: .4rem;
	margin-bottom: .5rem
}

.redeem__container-actionSheet__address-default p {
	color: #888;
	font-size: .34667rem
}

.redeem__container-actionSheet__address-empty {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: center;
	
	align-items: center;
	font-size: .37333rem;
	color: #b8bcd0
}

.addAddress__container-forum__item {
	margin-bottom: .69333rem
}

.addAddress__container-forum__item h1 {
	
	display: flex;
	
	align-items: center;
	gap: .2rem;
	color: #333;
	font-size: .42667rem
}

.addAddress__container-forum__item h1 i {
	color: #FD5810;
	font-size: .64rem
}

.addAddress__container-forum__item .input_model {
	
	display: flex;
	
	align-items: flex-end
}

.addAddress__container-forum__item .input_model>div {
	width: 2.66667rem;
	border-radius: .13333rem;
	background: #f5f0f0;
	height: 1.06667rem;
	margin-right: .21333rem
}

.addAddress__container-forum__item .input_model input {
	width: 100%;
	height: 1.06667rem;
	margin-top: .26667rem;
	padding-inline: .26667rem;
	font-size: .37333rem;
	border: none;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.addAddress__container-forum__item .input_model input::-webkit-input-placeholder {
	color: #acafc2
}

.addAddress__container-forum__item .input_model input::placeholder {
	color: #acafc2
}

.addAddress__container-forum__item textarea {
	width: 100%;
	height: 3.73333rem;
	margin-top: .37333rem;
	padding: .30667rem .26667rem;
	font-size: .37333rem;
	outline: none;
	border: none;
	border-radius: .13333rem;
	background: #fff;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
	resize: none
}

.addAddress__container-forum__item textarea:focus {
	outline: .01333rem solid #FD5810
}

.addAddress__container-forum__item textarea::-webkit-input-placeholder {
	color: #acafc2
}

.addAddress__container-forum__item textarea::placeholder {
	color: #acafc2
}

.addAddress__container-forum__item:last-child {
	margin-bottom: .13333rem
}

 .van-popup {
	background: #fff
}

 .dialog__container .dialog__container-img {
	width: 3.73333rem;
	height: 2.4rem;
	margin-top: -1.06667rem
}

 .dialog__container .dialog__container-img img {
	width: 100%;
	height: 100%
}










.pointMall-rule__container {
	font-family: bahnschrift
}

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

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

.pointMall-rule__container-claimRule__title,
.pointMall-rule__container-pointRule__title {
	height: .93333rem;
	padding: .21333rem .26667rem;
	color: #fff;
	font-size: .42667rem;
	line-height: .50667rem;
	
	background: linear-gradient(270deg, #FF962C 0%, #FD5810 100%);
	
	clip-path: polygon(0 0, 65% 0%, 60% 100%, 0% 100%)
}

.pointMall-rule__container-claimRule__body,
.pointMall-rule__container-pointRule__body {
	
	display: flex;
	
	flex-direction: column;
	gap: .4rem;
	padding: .4rem .29333rem .30667rem;
	border-radius: .13333rem;
	background: #f5f0f0;
	box-shadow: 0 .10667rem .21333rem #d0d0ed5c
}

.pointMall-rule__container-claimRule__body>div:first-of-type,
.pointMall-rule__container-pointRule__body>div:first-of-type {
	color: #666;
	font-size: .34667rem
}

.pointMall-rule__container-claimRule__body>div:last-of-type,
.pointMall-rule__container-pointRule__body>div:last-of-type {
	
	display: flex;
	
	align-items: center;
	gap: .18667rem;
	color: #FD5810;
	font-size: .4rem
}

.pointMall-rule__container-claimRule__body>div:last-of-type i,
.pointMall-rule__container-pointRule__body>div:last-of-type i {
	font-size: .42667rem;
	
	transform: rotate(90deg)
}

.pointMall-rule__container-claimRule {
	margin-bottom: 1rem
}

.pointMall-rule__container-claimRule__body div:nth-of-type(2) {
	
	display: flex;
	
	flex-direction: column;
	
	align-items: flex-start;
	
	justify-content: center;
	height: 1.86667rem;
	padding: .45333rem 0 .45333rem 9rem;
	color: #fff;
	font-size: .42667rem;
	border-radius: .13333rem;
	background: url(../img/activity/claimRuleBg.png) no-repeat center;
	background-color: #FD5810;
	background-position-x: .13333rem;
	background-size: cover
}

.pointMall-rule__container-pointRule__body>div:nth-of-type(2) {
	
	display: flex;
	width: 100%;
	min-height: 4.93333rem;
	border-radius: .13333rem;
	overflow: hidden
}

.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div {
	
	flex: 1;
	
	display: flex;
	
	flex-direction: column;
	
	align-items: center;
	color: #fff;
	
	background: linear-gradient(180deg, #FF962C 0%, #FF962C 100%)
}

.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div p,
.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li {
	width: 100%;
	font-size: .37333rem;
	text-align: center
}

.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div p {
	height: .93333rem;
	line-height: .93333rem;
	background: #FD5810
}

.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li {
	height: .81333rem;
	line-height: .81333rem;
	list-style: none
}

.pointMall-rule__container-pointRule__body>div:nth-of-type(2)>div li:last-of-type {
	border-bottom: none
}










.turntable-detail-wrap {
	padding: .4rem .26667rem
}

.turntable-detail-hero {
	
	display: flex;
	margin: 0 auto .4333rem;
	color: #666;
	border-radius: .13333rem;
	overflow: hidden
}

.turntable-detail-hero__wrapper {
	
	flex: 1;
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: flex-start;
	
	align-items: center
}

.turntable-detail-hero__wrapper-titlebox {
	
	display: flex;
	
	justify-content: center;
	
	align-items: center;
	
	flex: 1;
	width: 100%
}

.turntable-detail-hero__wrapper ul {
	width: 100%;
	background: #ffffff;
	border-radius: 0 0 .26667rem .26667rem;
    overflow: hidden;
}

.turntable-detail-hero__wrapper ul li {
	
	display: flex;
	
	justify-content: center;
	
	align-items: center;
	width: 100%;
	border-bottom: .01333rem solid #daddf0
}

.turntable-detail-hero__wrapper ul li div {
	height: 100%;
	
	flex: 1;
	font-size: .37333rem;
	padding: .34667rem 0;
	text-align: center
}

.turntable-detail-hero__wrapper ul .targetAmount {
	color: #FD5810;
	font-family: Inter;
	font-size: .34667rem;
	font-style: normal;
	font-weight: 500;
	line-height: .34667rem;
	margin-bottom: .08rem
}

.turntable-detail-hero__wrapper ul p {
	color: #888;
	font-size: .29333rem;
	font-style: normal;
	font-weight: 400;
	line-height: .29333rem
}

.turntable-detail-hero__wrapper ul .rotateNum {
	color: #333;
	font-size: .34667rem;
	font-style: normal;
	font-weight: 500;
	line-height: .34667rem
}

.turntable-detail-hero__wrapper-title {
	width: 100%;
	height: 1.06667rem;
	padding-block: .34667rem;
	font-size: .42667rem;
	line-height: .32rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, #FD5810 0%, #FF962C 100%);
}

.turntable-detail-hero__wrapper-content {
	
	display: flex;
	
	flex-direction: column;
	
	justify-content: space-between;
	width: 100%;
	height: 100%
}

.turntable-detail-hero__wrapper-content>div {
	width: 100%;
	padding: .34667rem 0;
	font-size: .37333rem;
	line-height: .37333rem;
	text-align: center;
	border-bottom: .01333rem solid #ff8180
}

.turntable-detail-hero__wrapper-content>div:last-of-type {
	border-bottom: none
}

.turntable-detail-tips {
	border-radius: .13333rem;
	border: .01333rem solid #dadfe7;
	min-height: 2.93333rem;
	padding: .26667rem;
	color: #666;
	font-size: .34667rem
}

.turntable-detail .rule span {
	color: #FD5810
}










.turntable-pointRule-wrap {
	padding: .4rem .26667rem
}

.turntable-pointRule__title {
	height: .93333rem;
	padding: .21333rem .26667rem;
	color: #fff;
	font-size: .42667rem;
	line-height: .50667rem;
	
	display: flex;
	
	align-items: center;
	
	background: linear-gradient(270deg, #FF962C 7.9%, #FD5810 100%);
	
	clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%)
}

.turntable-pointRule__title svg {
	width: .45333rem;
	height: .45333rem;
	margin-right: .26667rem
}

.turntable-pointRule__body {
	
	display: flex;
	
	flex-direction: column;
	gap: .13333rem;
	border-radius: .13333rem;
	background: #ffffff;
	margin-bottom: .2rem
}

.turntable-pointRule__body p {
	padding: .26667rem
}

.turntable-pointRule__body p span {
	color: #FD5810
}

.turntable-tips {
	margin: .53333rem 0;
	border: .01333rem solid #dadfe7;
	color: #FD5810;
	font-family: Inter;
	font-size: .34667rem;
	font-style: normal;
	font-weight: 400;
	line-height: .53333rem;
	border-radius: .26667rem;
	padding: .37333rem;
	background: #ffffff;
}










.turntable-introduce {
	padding: .8rem .26667rem
}

.turntable-introduce .promotion-box {
	position: relative;
	padding: .57333rem .24rem .33333rem;
	border: .01333rem solid #FD5810;
	border-top-left-radius: .26667rem;
	border-top-right-radius: .26667rem;
	background: #fff;
	margin-bottom: .66667rem
}

.turntable-introduce .promotion-box__borderTopStyle {
	position: absolute;
	top: 0;
	left: 50%;
	
	transform: translate(-50%);
	width: 100%
}

.turntable-introduce .promotion-box__borderTopStyle span {
	position: absolute;
	top: 0
}

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

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

.turntable-introduce .promotion-box__borderTopStyle span:first-of-type {
	left: -.01333rem;
	border-top-left-radius: .26667rem;
	border-top: .06667rem solid #FD5810;
	border-left: .06667rem solid #FD5810
}

.turntable-introduce .promotion-box__borderTopStyle span:first-of-type:after {
	left: .2rem
}

.turntable-introduce .promotion-box__borderTopStyle span:last-of-type {
	right: 0;
	border-top-right-radius: .26667rem;
	border-top: .06667rem solid #FD5810;
	border-right: .06667rem solid #FD5810
}

.turntable-introduce .promotion-box__borderTopStyle span:last-of-type:after {
	right: .2rem
}

.turntable-introduce .promotion-box__titleLeft,
.turntable-introduce .promotion-box__titleRight {
	position: absolute;
	top: -.26667rem;
	width: .26667rem;
	height: .53333rem;
	background-color: #FD5810;
	
	clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%);
	z-index: 5
}

.turntable-introduce .promotion-box__titleLeft {
	left: calc(50% - 1.2rem);
	
	transform: translate(-50%)
}

.turntable-introduce .promotion-box__titleRight {
	left: calc(50% + 1.2rem);
	
	transform: translate(-50%) rotate(180deg)
}

.turntable-introduce .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: #FD5810;
	
	clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%)
}

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

.turntable-introduce .promotion-box .promotion-txt h3 {
	color: #333
}

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

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



/* 每日签到 规则 */
.dailySignInRules__container-hero {
    
    display: flex;
    margin: 0 auto 0.33333rem;
    color: #fff;
    border-radius: 0.26667rem;
    
    background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
    box-shadow: 0 0.10667rem 0.21333rem #d0d0ed5c;
    overflow: hidden;
}
.dailySignInRules__container-hero__wrapper {
    
    flex: 1;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: flex-start;
    
    align-items: center;
}
.dailySignInRules__container-hero__wrapper-titlebox {
    
    display: flex;
    
    justify-content: center;
    
    align-items: center;
    
    flex: 1;
    width: 100%;
}
.dailySignInRules__container-hero__wrapper-title {
    width: 100%;
    height: 1.06667rem;
    /* padding-block: 0.34667rem; */
    font-size: .42667rem;
    line-height: .32rem;
    text-align: center;
    
    background: linear-gradient(0deg, #FD5810 0%, #FF962C 100%);
	display: flex;
    justify-content: center;
    align-items: center;
}




.dailySignInRules__container-hero__wrapper ul {
    width: 100%;
}
.dailySignInRules__container-hero__wrapper ul li {
    
    display: flex;
    
    justify-content: center;
    
    align-items: center;
    width: 100%;
}
.dailySignInRules__container-hero__wrapper ul li div {
    
    flex: 1;
    
    display: flex;
    
    justify-content: center;
    
    align-items: center;
    font-size: .37333rem;
    padding: 0.34667rem 0.2rem;
    border-bottom: 0.01333rem solid #FF962C;
	align-self: stretch;
}







/*=============== 兑换礼品 ===============*/

.redeem-container-header {
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: flex-end;
    width: 100%;
    height: 3.84rem;
    
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
}


.redeem-container-header-belly {
    padding-left: 0.26667rem;
    position: relative;
    
    display: flex;
}
.redeem-container-header-belly img {
    width: 7.92rem;
    position: absolute;
    bottom: -0.46667rem;
}
.redeem-container-content {
    
    display: flex;
    
    flex-direction: column;
    
    align-items: center;
	padding: 0 0.32rem;
}
.redeem-container-receive {
    height: 7.33333rem;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 0.05333rem 0.21333rem #d0d0ed5c;
    border-radius: 0.26667rem;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: flex-start;
    padding: 0.33333rem 0.46667rem;
    margin-top: 0.4rem;
}
.redeem-container-receive p {
    font-size: .37333rem;
    color: #666;
    padding-top: 0.16rem;
}
.redeem-container-receive h4 {
    font-size: .37333rem;
    color: #333;
    margin-top: 0.90667rem;
}
.redeem-container-receive input {
    /* width: 8.82667rem; */
    height: 1.06667rem;
    background: #f1f1f1;
    border-radius: 0.8rem;
    border: none;
    font-size: .4rem;
    color: #000;
    padding: 0.29333rem 0.56rem;
    margin-top: 0.34667rem;
}
.redeem-container-receive button {
    /* width: 8.8rem; */
    height: 0.93333rem;
    line-height: .93333rem;
    text-align: center;
    
    background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
    /* box-shadow: 0 0.05333rem #466289; */
    border-radius: 1.06667rem;
    font-size: .4rem;
    color: #fff;
    border: none;
    margin-top: 0.74667rem;
}

.redeem-container-record {
    margin: 0.4rem 0 0.29333rem;
    width: 100%;
    padding: 0.34667rem 0.32rem;
    background: #ffffff;
    box-shadow: 0 0.05333rem 0.21333rem #d0d0ed5c;
    border-radius: 0.26667rem;
	position: relative;
}
.redeem-container-record-title {
    
    display: flex;
    
    justify-content: flex-start;
    
    align-items: center;
}
.redeem-container-record-title img {
    width: 0.64rem;
    padding-right: 0.13333rem;
}
.redeem-container-record-title span {
    font-size: .4rem;
    color: #333;
}
.redeem-container-record-itemsBox {
    /* height: 8.66667rem; */
    /* overflow-y: auto; */
}




.redeem-container-record-item {
    padding: 0.45333rem 0;
    
    display: flex;
    
    justify-content: space-between;
    
    align-items: center;
	border-bottom: 1px solid #dddddd;
}
.redeem-container-record-item-left {
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: space-between;
    
    align-items: flex-start;
}
.redeem-container-record-item-left h5 {
    font-size: .4rem;
    color: #2fb192;
}
.redeem-container-record-item-left span {
    padding-top: 0.26667rem;
    font-size: .32rem;
    color: #666;
}
.redeem-container-record-item-right {
    
    display: flex;
    
    justify-content: space-between;
    
    align-items: center;
    width: 2.53333rem;
    height: 0.53333rem;
    border: 1px solid #ffa654;
    border-radius: 0.13333rem;
    padding: 0 0.2rem;
}
.redeem-container-record-item img {
    width: 0.64rem;
}
.redeem-container-record-item-right img {
    margin-top: -0.05333rem;
    width: 0.4rem;
}
.redeem-container-record-item-right span {
    font-size: .34667rem;
    color: #ff7d06;
}

.history_prize {
    height: auto;
    width: auto;
    padding: 0;
    border: none;
}

.history_prize img {
	margin: 0;
	width: 32px;
	margin: 4px;
}

.van-dialog__content--isolated {
    
    display: flex;
    
    align-items: center;
    min-height: 1.38667rem;
}



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

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

.Laundry-page .van-nav-bar {
    background: #f7f8ff
}

.Laundry-page .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon {
    color: #333
}

.Laundry-page .bet-container__header {
    background-color: #f7f8ff;
    position: relative
}

.Laundry-page-searchBar {
    margin-top: -.13333rem;
    padding-bottom: .24rem
}

.Laundry-page .tabs {
    background: 0 0
}

.Laundry-page .tab_item {
    width: 2.53333rem;
    height: 1.46667rem;
    margin-inline:.06667rem;
	padding: 0;
    color: #80849c!important;
    border-radius: .13333rem;
    background: #f5f0f0;
    box-shadow: 0 .08rem .16rem .05333rem #d0d0ed5c;
    
    display: flex;
    
    flex-direction: column;
    
    align-items: center;
    
    justify-content: center
}

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

.Laundry-page .tab_item span {
    font-size: .32rem
}

.Laundry-page .tab_active {
    color: #fff!important;
    
    background: linear-gradient(180deg,#b1835a 0%,#d9ad82 100%);
    box-shadow: 0 .08rem .16rem #d0d0ed99,inset 0 -.05333rem .13333rem #fff6f4
}

.Laundry-page :v-deep(.fun-tabs .fun-tab-item) {
    padding: .18667rem 0
}

.Laundry-page-tabBar {
    padding-inline:.32rem}

.Laundry-page-tabBar .van-tabs__nav--card {
    height: 1.86667rem;
    margin: 0
}

.Laundry-page-tabBar .van-tabs__nav--card .van-tab--card {
    width: 2.53333rem;
    height: 1.33333rem;
    margin-inline:.06667rem;
	padding: 0;
    color: #80849c!important;
    border-radius: .13333rem;
    background: #fff;
    box-shadow: 0 .08rem .16rem .05333rem #d0d0ed5c
}

.Laundry-page-tabBar .van-tabs__nav--card .van-tab--card>span {
    
    display: flex;
    
    flex-direction: column;
    
    align-items: center;
    
    justify-content: center;
    width: 100%;
    height: 100%
}

.Laundry-page-tabBar .van-tabs__nav--card .van-tab--card>span img {
    width: .66667rem;
    height: auto
}

.Laundry-page-tabBar .van-tabs__nav--card .van-tab--card>span span {
    font-size: .32rem
}

.Laundry-page-tabBar .van-tabs__nav--card .van-tab--card.van-tab--active {
    color: #fff!important;
    
    background: linear-gradient(180deg,#d9ad82 0%,#b1835a 100%);
    box-shadow: 0 .08rem .16rem #d0d0ed99,inset 0 -.05333rem .13333rem #fff6f4
}

.Laundry-page .laundry-page_container .laundry-page_box {
    margin-top: .26667rem;
    background: #f5f0f0;
    box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
    border-radius: .13333rem;
    padding: .2rem
}

.Laundry-page .laundry-page_container .laundry-page_box .title {
    height: .66667rem;
    line-height: .66667rem;
    font-size: .37333rem
}

.Laundry-page .laundry-page_container .laundry-page_box .lab {
    display: inline-block;
    height: .66667rem;
    line-height: .66667rem;
    border: .01333rem solid #896646;
    border-radius: .13333rem;
    padding: 0 .16rem 0 .66667rem;
    font-size: .29333rem;
    color: #896646;
    position: relative
}

.Laundry-page .laundry-page_container .laundry-page_box .lab:after {
    content: "";
    display: block;
    height: .66667rem;
    width: .66667rem;
    background: url(../img/activity/anquan.png) no-repeat center center;
    background-size: auto 70%;
    position: absolute;
    left: 0;
    top: 0
}

.Laundry-page .laundry-page_container .laundry-page_box .number {
    color: #151515;
    font-weight: 700;
    font-size: .48rem;
    
    display: flex;
    
    align-content: center;
    margin: .26667rem 0
}

.Laundry-page .laundry-page_container .laundry-page_box .number .wallet {
    width: .53333rem;
    margin-right: .2rem
}

.Laundry-page .laundry-page_container .laundry-page_box .txt {
    background: #fff;
    margin-bottom: .2rem;
    width: 85%;
    line-height: .4rem;
    padding: .2rem;
    font-size: .29333rem;
    border-radius: .13333rem;
    color: #888
}

.Laundry-page .laundry-page_container .laundry-page_box .tip {
    padding: .2rem;
    color: #888
}

.Laundry-page .laundry-page_container .laundry-page_box .c-row {
    
    display: flex;
    
    justify-content: space-between
}

.Laundry-page .laundry-page_container .laundry-page_box .c-row .item {
    width: calc(50% - .09333rem);
    background: #fff;
    padding: .2rem
}

.Laundry-page .laundry-page_container .laundry-page_box .c-row .item .tit {
    color: #666;
    font-size: .29333rem;
    margin-bottom: .13333rem
}

.Laundry-page .laundry-page_container .laundry-page_box .c-row .item .num {
    color: #ff7f22;
    font-size: .42667rem;
    font-weight: 700
}

.Laundry-page .laundry-page_container .laundry-page_box .c-row .item .num.red {
    color: #896646
}

.Laundry-page .laundry-page_container .laundry-page_box .btn {
    width: 8.8rem;
    height: .93333rem;
    line-height: .93333rem;
    text-align: center;
    background: #bcbfd5;
    border-radius: 1.06667rem;
    font-size: .4rem;
    color: #f5f0f0;
    border: none;
    margin-top: .08rem
}

.Laundry-page .laundry-page_container .laundry-page_box .btn.active {
    
    background: linear-gradient(180deg,#d9ad82 0%,#b1835a 100%)
}

.Laundry-page .laundry-page_container .laundry-page_box .rule {
    height: .8rem;
    line-height: .8rem;
    
    display: flex;
    
    justify-content: center;
    
    align-items: center;
    font-size: .32rem;
    color: #666;
    margin-top: .13333rem
}

.Laundry-page .laundry-page_container .laundry-page_box .rule-img {
    height: .53333rem;
    width: .53333rem
}

.Laundry-page .laundry-page_container .laundry-page_list {
    margin-top: .26667rem;
    padding-bottom: .4rem
}

.Laundry-page .laundry-page_container .laundry-page_list .title {
    height: .66667rem;
    line-height: .66667rem;
    padding-left: .26667rem;
    font-weight: 700;
    font-size: .48rem;
    position: relative;
    margin-bottom: .26667rem
}

.Laundry-page .laundry-page_container .laundry-page_list .title:before {
    display: block;
    content: "";
    height: .4rem;
    width: .08rem;
    background: #896646;
    position: absolute;
    left: 0;
    top: 50%;
    
    transform: translateY(-50%)
}

.Laundry-page .laundry-page_container .laundry-page_list .list {
    margin-top: .26667rem
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item {
    margin-bottom: .26667rem;
    background: #f5f0f0;
    box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
    border-radius: .13333rem;
    padding: .2rem
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .header {
    
    display: flex;
    
    justify-content: space-between;
    
    align-items: center;
    padding-bottom: .13333rem;
    margin-bottom: .2rem;
    border-bottom: .01333rem solid #dbdbdb
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .header .name {
    font-size: .4rem;
    font-weight: 700;
    color: #333;
    margin-bottom: .2rem
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .header .time {
    font-size: .29333rem;
    color: #888
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .header .state {
    font-size: .37333rem;
    color: #40c592
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body {
    
    display: flex;
    
    justify-content: space-between
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left {
    
    display: flex;
    
    justify-content: space-between;
    color: #7e829f;
    font-size: .32rem;
    height: 2.4rem
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left .imgBox {
    padding: .2rem 0;
    margin-right: .2rem
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left .imgBox .img {
    height: 100%
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .left div>p {
    line-height: .8rem;
    font-size: .32rem
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right {
    text-align: right
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right>p {
    line-height: .8rem;
    font-size: .32rem;
    color: #333
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right>p.red {
    color: #896646
}

.Laundry-page .laundry-page_container .laundry-page_list .list .item .body .right>p.orange {
    color: #ff7f22
}

.Laundry-page .laundry-page_container .laundry-page_list .all-record {
    height: 1rem;
    border-color: #b1835a!important;
    color: #b1835a!important
}

.Laundry-page .dialog__container-content {
    text-align: center
}

.Laundry-page .dialog__container-content .Laundry-Con_tip {
    font-size: .32rem;
    color: #666;
    margin: 0 0 .53333rem
}

.Laundry-page .dialog__container-content .Laundry-Con_txt {
    font-size: .32rem;
    color: #333
}

.Laundry-page .dialog__container-content .Laundry-Con_txt .number {
    color: #ff7f22;
    font-size: .4rem
}





/* 邀请好友 */

.bonus-header {
    min-height: 4.26667rem;
    width: 100%;
    
    background-image: url(../img/activity/invitation_bg.png),linear-gradient(90deg,#FF962C 0%,#FD5810 100%);

    background-position: .36rem .36rem,top;
    background-repeat: no-repeat;
    background-size: 2.74667rem 2.62667rem,100% calc(100% - 1.73333rem);
    padding-top: .36rem;
    color: #fff
}

.bonus-header .left {
    padding-left: 3.46667rem
}

.bonus-header .title {
    font-size: .48rem;
    margin-bottom: .58667rem
}

.bonus-header .tip {
    font-size: .32rem;
    margin-bottom: .21333rem
}

.bonus-header .time {
    font-size: .48rem;
    font-weight: 500;
    margin-bottom: .34667rem
}

.bonus-header .tab {
    width: calc(100% - .64rem);
    margin: auto;
    box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
    background-color: #fff;
    padding: .32rem 0;
    color: #666;
    
    display: flex;
    border-radius: .26667rem
}

.bonus-header .tab a {
    width: 50%;
    text-align: center;
    font-size: .32rem;
    min-height: 1.68rem;
    padding-top: 1.56rem;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    background-position: top
}

.bonus-header .tab a.guize {
    background-image: url(../img/activity/inviterule.svg)
}

.bonus-header .tab a.record {
    background-image: url(../img/activity/inviterecord.svg)
}

.bonus-container {
    padding: .12rem .32rem .32rem;
}

.bonus-items {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 .05333rem .21333rem #d0d0ed5c;
    border-radius: .26667rem;
    margin-top: .26667rem;
    padding-bottom: .46667rem
}

.bonus-items .head {
    
    display: flex;
    
    justify-content: space-between;
    min-height: 1.06667rem;
    margin-bottom: .26667rem
}

.bonus-items .head .left {
    background-color: #babfe0;
    min-width: 3.73333rem;
    
    flex: none;
    padding: 0 .93333rem 0 .26667rem;
    
    display: flex;
    
    align-items: center;
    border-radius: .26667rem 0 0;
    position: relative;
    color: #fff;
    background-image: url(../img/activity/unfinish.svg);
    background-repeat: no-repeat;
    background-size: .64rem;
    background-position: right .4rem center
}

.bonus-items .head .left:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: .4rem;
    height: 100%;
    
    background-image: linear-gradient(250deg,#fff 50%,transparent 50%)
}

.bonus-items .head .left>div {
    min-width: .48rem;
    height: .48rem;
    background-color: #fff;
    
    display: flex;
    
    justify-content: center;
    
    align-items: center;
    color: #babfe0;
    border-radius: 50%;
    margin-left: .10667rem
}

.bonus-items .head .right {
    
    flex: 1;
    font-size: .34667rem;
    
    display: flex;
    
    align-items: center;
    
    justify-content: right;
    line-height: .34667rem;
    padding-right: .26667rem;
    color: #ff7d06;
    font-weight: 700;
    border-bottom: .01333rem solid #EAEAEA
}

.bonus-items .head.isFinshed .left {
    background-image: url(../img/activity/righticon.svg);
    background-color: #00ba82
}

.bonus-items .head.isFinshed .left>div {
    color: #00ba82
}

.bonus-items .detail {
    background-color: #f6f6f6;
    border-radius: .05333rem;
    min-height: .66667rem;
    line-height: .66667rem;
    
    display: flex;
    width: calc(100% - .64rem);
    margin: auto
}

.bonus-items .detail>div {
    width: 50%
}

.bonus-items .detail .text {
    padding: 0 .26667rem;
    font-size: .32rem;
    color: #666
}

.bonus-items .detail .people,.bonus-items .detail .num {
    text-align: center;
    font-size: .37333rem
}

.bonus-items .detail .num {
    color: #f64646
}

.bonus-items .detail+.detail {
    margin-top: .13333rem
}

.bonus-items .line {
    border: .01333rem solid #DADDF0;
    margin: .48rem auto;
    position: relative;
    width: calc(100% - 1.14667rem);
    padding: 0 .13333rem
}

.bonus-items .line:after,.bonus-items .line:before {
    content: "";
    display: block;
    border-radius: 50%;
    background-color: #f5f0f0;
    position: absolute;
    width: .56rem;
    height: .56rem;
    top: -.28rem
}

.bonus-items .line:after {
    right: -.82667rem
}

.bonus-items .line:before {
    left: -.82667rem
}

.bonus-items .task {
    
    display: flex;
    min-height: 1.06667rem
}

.bonus-items .task>div {
    width: 50%;
    text-align: center
}

.bonus-items .task>div .peopleval,.bonus-items .task>div .rechargeval {
    font-size: .42667rem;
    font-weight: 500;
    margin-bottom: .13333rem
}

.bonus-items .task>div .peopleval {
    color: #ff650f
}

.bonus-items .task>div .rechargeval {
    color: #ff3536
}

.bonus-items .task>div .text {
    color: #666
}

.bonus-items .btn {
    
    background: linear-gradient(180deg,#CFD1DE 0%,#C7C9D9 100%);
    box-shadow: 0 .05333rem #b6bad0;
    font-size: .4rem;
    font-weight: 700;
    color: #fff;
    min-height: .93333rem;
    line-height: .93333rem;
    text-align: center;
    width: calc(100% - .53333rem);
    margin: .42667rem auto 0;
    border-radius: .93333rem
}

.bonus-items .btn.active {
    background: linear-gradient(180deg,#FF962C,#FD5810);
    box-shadow: 0 .05333rem #e04846
}

.bonus-items .btn.checked {
    border: .05333rem solid #CFD1DE;
    color: #CFD1DE;
    background: none;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bonus-items .btn.checked img {
	width: 24px;
}



/*============== 消息通知 ==============*/

.sysMessage__container {
    font-family: Inter,sans-serif;
    padding: .32rem;
	/* background: #f1f1f1; */
}

.sysMessage__container .navbar .navbar__content .navbar__content-right {
    
    display: flex;
    
    align-items: center
}

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

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

.sysMessage__container-msgWrapper {
    
    display: flex;
    
    flex-direction: column;
    gap: .32rem;
    overflow: hidden;
    overflow-y: scroll
}

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

.sysMessage__container-msgWrapper__item img {
	max-width: 100%;
}

.sysMessage__container-msgWrapper__item-title {
    
    display: flex;
    
    align-items: center
}

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

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

.sysMessage__container-msgWrapper__item-title .notice_icon {
    width: .64rem;
    /* height: .64rem; */
	margin-right: 8px;
}

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

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

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

.sysMessage__container-msgWrapper__item+div {
    margin-top: .32rem
}

.sysMessage__container-empty {
    position: absolute;
    top: 50%;
    left: 50%;
    
    transform: translate(-50%,-50%)
}

.container {
    padding: 0.32rem;
}
.container>.tip {
    font-size: .34667rem;
    color: #666;
	padding-bottom: .3rem;
	line-height: .5rem;
}



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







/*============= 抽奖转盘 =============*/
/* .wheel{
    width:100%;
    position:relative;
    background-image:url(../img/activity/wheel-bg.png);
	background-repeat: no-repeat;
    background-size:100% 100%;
    display: flex;
	overflow: hidden;
}

.wheel canvas.spins_prize{
    width:100%;
}

.wheel img.pointer{
    position: absolute;
    width: 28.5%;
    left: 35.6%;
    top: 30.5%;
	cursor: pointer;
}

.spins_tips{
	width: 80%;
    max-width: 360px;
    position: fixed;
	z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: url(../img/activity/win_prize.png) no-repeat center;
	background-size: contain;
    padding: 2.8rem 0 3.2rem;
    border-radius: 8px;
	font-size: 14px;
	display: none;
}

.spins_tips .prize {
	color: 232323;
}

.spins_tips .close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

#tip {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#tip img {
	width: 96px;
	margin-bottom: 10px;
}

#tip h1 {
	font-size: .6rem;
	color: #EE3B3B;
	margin-bottom: .5rem;
}

.spins_btn {
	display: flex;
	justify-content: center;
	align-items: center;
}
.spins_btn a{
	border-radius: 50px;
    background: linear-gradient(180deg, #FFD601 0%, #FFA800 100%);
    color: #ffffff;
    padding: 10px 30px;
    position: absolute;
    bottom: 30px;
}


.wheel .weui-btn {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 58px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    width:98%;
}

.wheel .weui-btn_primary {
    background-color: #1AAD19;
} */





/* =========== 周卡月卡 =========== */
.card_bg {
	width: 100%;
	min-height: calc(100% - 54px);
	/* background: #ffffff; */
	background-size: 100%;
}

.card_sign {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding: 8px 12px;
	background: #fff;
	/* border-bottom: 8px solid #f1f1f1; */
}

.sign_avatar {
	display: flex;
	justify-content: center;
	align-items: center;
}

.avatar_left {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.avatar_left .avatar_vip {
	position: absolute;
	bottom: 0;
	width: 47px;
}

.sign_avatar .avatar_img {
	width: 1.467rem;
	height: 1.467rem;
	border-radius: 50%;
	border: 1px solid #DFC5A4;
}

.avatar_left .avatar_edit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
}

.sign_avatar .avatar_nickname {
	font-size: 14px;
	margin-left: .3rem;
}

.sign_avatar .avatar_nickname a {
	color: #ffffff;
	display: flex;
	align-items: center;
}

.sign_avatar .avatar_nickname h3 {
	font-weight: normal;
	/* max-width: 70px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #232323;
}

.sign_avatar .avatar_nickname p {
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-top: .1rem;
	/* background: rgba(0, 0, 0, .4); */
	border-radius: 20px;
}

.sign_avatar .avatar_nickname p a {
	color: #FFB423;
}

.sign_avatar .avatar_nickname p img {
	width: .4rem;
	margin-left: .1rem;
}

.home_wallet_btn {
	display: flex;
	flex: none;
}

.home_wallet_btn a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-left: .3rem;
	color: #232323;
	font-size: 10px;
}

.home_wallet_btn a img {
	width: 1rem;
	margin-bottom: .1rem;
}



/* 购买卡 */
.card_total {
	width: 100%;
	display: flex;
	/* justify-content: center; */
	align-items: center;
}

.card_total .swiper {
	background: none;
}

.card_block {
	width: 100%;
	height: auto;
}

.card_content {
	width: 100%;
	height: auto;
	border-radius: 12px;
	/* background: linear-gradient(130deg, #F3F4F5 5.25%, #C8DBE8 93.12%); */
	position: relative;
	padding: 2.2rem .4rem .8rem;
	margin-top: 1.5rem;
}

.c_bg_5 {
	background: linear-gradient(130deg, #FEE4B6 3.12%, #FDCD79 58.37%, #F8D48C 96.44%);
}

.c_bg_5 .card_sub h1 {
	color: #FF6B00;
}

.c_bg_5 .card_gold {
	border: 2px solid #914E00;
}


.c_bg_1 {
	background: linear-gradient(130deg, #F3F5F4 5.25%, #C8E8E4 93.12%);
}

.c_bg_1 .card_sub h1 {
	color: #4595A0;
}

.c_bg_1 .card_gold {
	border: 2px solid #4595A0;
}


.c_bg_3 {
	background: linear-gradient(130deg, #F5F4F3 5.25%, #E8DDC8 93.12%);
}

.c_bg_3 .card_sub h1 {
	color: #A07645;
}

.c_bg_3 .card_gold {
	border: 2px solid #A07645;
}


.c_bg_4 {
	background: linear-gradient(130deg, #F4F3F5 5.25%, #D6C8E8 93.12%);
}

.c_bg_4 .card_sub h1 {
	color: #4C45A0;
}

.c_bg_4 .card_gold {
	border: 2px solid #4C45A0;
}


.c_bg_2 {
	background: linear-gradient(130deg, #F3F4F5 5.25%, #C8DBE8 93.12%);
}

.c_bg_2 .card_sub h1 {
	color: #456DA0;
}

.c_bg_2 .card_gold {
	border: 2px solid #456DA0;
}



.card_content .card_icon {
	width: 5rem;
	position: absolute;
	left: 50%;
	top: -1.5rem;
	transform: translateX(-50%);
}

.card_content .card_sub {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 13px;
	color: #232323;
}

.card_sub p {
	margin: .3rem 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.card_sub p.card_tips {
	color: #666;
}

.card_sub h1 {
	/* color: #456DA0; */
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
}

.card_sub b {
	color: #D00000;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
}

.card_module {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: .7rem 0 0;
}

.card_module a {
	color: #e32525;
}

.card_module .card_title {
	padding: 0 15px;
	background: url(../img/activity/disc_icon.png) no-repeat left, url(../img/activity/disc_icon.png) no-repeat right;
	background-size: .2rem;
}

.card_gold {
	width: 60px;
	height: 60px;
	background: url(../img/activity/goldnum.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: end;

	color: #ffffff;
	text-align: center;

	text-shadow:
		-1px -1px 0 #7B5200,
		1px -1px 0 #7B5200,
		-1px 1px 0 #7B5200,
		1px 1px 0 #7B5200;
	/* 文字描边 */

	font-size: 15px;

	font-weight: 600;
	line-height: normal;
	margin-top: .2rem;
	/* border: 2px solid #45699F; */
	border-radius: 8px;
}

.card_gold span {
	padding-bottom: .1rem;
}

.card_txt {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/activity/txtbg.png) no-repeat center;
	background-size: 100% 100%;
	padding: 8px 40px 12px;
	color: #ffffff;
	margin-top: .5rem;
}

.card_btn {
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .6rem;
}

.card_btn a {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;

	border-radius: 40px;
	background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);

	display: flex;
	padding: 12px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}

.card_btn.disable {
	opacity: .2;
}



/* 我的卡包 */
.card_padding {
	padding: 10px;
	flex-direction: column;
}

.card_layer {
	width: 100%;
	height: auto;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	padding: 10px;
	margin-bottom: 10px;
	/* overflow: hidden; */
	position: relative;
}

.card_left {
	/* width: 40%; */
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 16px;
}


.card_left img {
	width: 3.5rem;
}

.card_right {
	width: 100%;
	margin-left: .4rem;
}

.card_right h1 {
	color: #232323;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
}

.card_right p {
	margin-top: 8px;
}
.card_right p span {
	color: #FFB423;
}

.card_right .card_btn {
	width: 100%;
	max-width: 5rem;
	margin-top: .4rem;
}

.card_right .card_btn a {
	font-size: 14px;
	display: flex;
    flex-direction: row;
}
.card_right .card_btn a span {
	margin-left: .2rem;
}

.card_layer .bg_overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card_layer .bg_overlay span {
	width: 4rem;
	height: 1.5rem;
	transform: rotate(-10deg);
	background: url(../img/activity/ended.png) no-repeat;
	background-size: 100%;

	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	text-align: center;
}


/* 弹窗 */
.card_pop_tips {
	width: 80%;
	max-width: 360px;
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
	text-align: center;
	/* background: url(../img/activity/turntable/light1.png) no-repeat center;
	background-size: contain; */
	padding: 1.5rem 0 3.2rem;
	border-radius: 8px;
	font-size: 14px;
	display: none;
}

.card_pop_tips .close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.card_pop_btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.card_pop_btn a {
	min-width: 140px;
	border-radius: 50px;
	background: linear-gradient(180deg, #FFD601 0%, #FFA800 100%);
	color: #921111;
	padding: 12px 40px;
	position: absolute;
	bottom: 30px;
	font-weight: bold;
}

#card_pop_tip {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 40px;
}

#card_pop_tip h1 {
	font-size: .7rem;
	color: #ffffff;
	margin-bottom: 1rem;
	background: linear-gradient(90deg, #FEF9C9 0%, #FCEEEB 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#card_pop_tip img {
	width: 5rem;
	margin-bottom: 20px;
	transform: rotate(360deg);
}

.card_pop_tips .prize {
	color: #FFD71C;
	font-size: 16px;
	font-weight: bold;
}

.card_pop_light_bg {
	width: 7rem;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2002;
	transform: translate(-50%, -70%);
	background: url(../img/activity/turntable/light1.png) no-repeat center;
	background-size: contain;
	display: none;
}

.card_pop_light_bg img {
	width: 100%;
	animation: rotating-light 15s linear infinite;
}

@keyframes rotating-light {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}





/* ========================= 福利卡领取 ========================= */

.card_date .dailySignIn__container-hero {
	background: url(../img/activity/gold_bg.png) no-repeat center bottom / 80%, linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
	height: 7.26667rem;
}

.card_date .dailySignIn__container-hero__footer a {
	background: none;
	flex-direction: column;
}

.card_date .dailySignIn__container-hero__footer a span {
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	line-height: 100%;
	margin-bottom: .2rem;
}


.card_date .dailySignIn__container-content__wrapper-block__header span {
	font-size: .36667rem;
}


.card_date .dailySignIn__container-content {
	margin: -1.33333rem 0 0;
}

.card_date .dailySignIn__container-content__wrapper {
	grid-template-columns: repeat(4, 1fr);
}

.card_date .dailySignIn__container-content__wrapper-block:last-of-type {
	grid-column: auto;
	padding-right: 0;
	align-items: center;
	justify-content: normal;
}

.card_date .dailySignIn__container-content__wrapper-block:last-of-type img {
    display: block;
}

.card_date .dailySignIn__container-content__wrapper-block:last-of-type .daySevenGift {
	display: none;
}

.card_date .dailySignIn__container-content__wrapper-block:last-of-type .days-span {
	padding: 0;
}

.card_date .dailySignIn__container-content__wrapper-block:last-child .dailySignIn__container-content__wrapper-block__header {
	align-items: center;
}





/*============ 宝箱 ============*/
.box-total {
	width: 100%;
	min-height: calc(100% - 54px);
	display: flex;
	flex-direction: column;
	background: url(../img/activity/box_bg.png) no-repeat,linear-gradient(270deg, #840000 0%, #B70001 22%, #B70001 62.5%, #840000 88.5%, #840000 100%);
	background-size: 100%;
	padding-bottom: 1rem;
	position: relative;
}
.box-floatbtn {
	min-width: 60px;
    position: absolute;
    z-index: 999;
    right: 0;
	top: 140px;
}
.box-floatbtn a {
	display: flex;
	padding: 6px 8px 6px 10px;
	align-items: center;
	gap: 4px;
	align-self: stretch;

	border-radius: 20px 0px 0px 20px;
	border-top: 1px solid #FFE570;
	border-bottom: 1px solid #FFE570;
	border-left: 1px solid #FFE570;
	background: #640000;
	color: #FFE570;
	margin-bottom: .2rem;
}
.box-floatbtn a img {
	width: 16px;
}
.box-head {
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-head img {
	width: 100%;
	height: auto;
	display: flex;
	margin-top: -1.4rem;
	z-index: 1;
}

.box-head-title {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 16px;
	padding: 0 .4rem;
	line-height: 24px;
	z-index: 99;
}


.box-head h1 {
	text-align: center;
	/* text-shadow: 0px 4px 0px #6F0000; */

	/*描边*/
	-webkit-text-stroke-width: 4;
	-webkit-text-stroke-color: #000;

	/*投影*/
	filter: drop-shadow(0 4px 0 #6F0000);  

	font-size: 36px;
	font-weight: bold;
	line-height: normal;

	/*渐变*/
	background: linear-gradient(180deg, #FFF7E1 0%, #FFD04A 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.box-head h1::before {
	content:'';
	-webkit-text-stroke: 6px #333;
}

.box-head h2 {
	/* background: url(../img/activity/box_title_bg.png) no-repeat center;
	background-size: 100% 95%; */
	padding: .1rem .2rem .2rem;
    font-size: 22px;
    text-align: center;
    border-top: 1px solid #fed255;
    border-bottom: 1px solid #fed255;
    margin: .1rem 0 0;
}

.box-head h2 span {
	/*投影*/
	filter: drop-shadow(0 2px 0 #6F0000);  
	/*渐变*/
	background: linear-gradient(180deg, #FFF7E1 0%, #FFD04A 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.box-head h3 {
	font-size: 14px;
	color: #6a0000;
    /* text-shadow: 0px 1px 0px #900000; */
	font-weight: normal;


	/*投影*/
	filter: drop-shadow(0 1px 0 #6F0000);  
	/*渐变*/
	background: linear-gradient(180deg, #FFF7E1 0%, #FFD04A 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.box-content {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.box-list {
	width: fit-content;
}
.box-content ul {
	width: 100%;
	display: flex;
	justify-content: center;
}
.box-content ul li {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.box-content ul li img.arrow_to {
	width: 24px;
	margin-top: .6rem;
}
.box-content ul li img.active {
	 animation: boxRotate 0.4s linear infinite;
	 cursor: pointer;
}

@-webkit-keyframes boxRotate {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(10deg)
    }

	50% {
        transform: rotate(0deg)
    }

	75% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.box-content ul li .box_block {
	width: 100%;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.2);
	padding: .1rem .2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #ffffff;
}

.box-content ul li .box_block span {
	color: #FFD25D;
}

.arrow_to_leftbottom {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: start;
}
.arrow_to_leftbottom img {
	width: 24px;
	transform: rotate(90deg);
	margin: .2rem 0 0 .5rem;
}
.arrow_to_rightbottom {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: end;
}
.arrow_to_rightbottom img {
	width: 24px;
	transform: rotate(90deg);
	margin: .2rem .5rem 0 0;
}

.arrow_to_right {
	width: 24px;
	margin-top: .6rem;
	transform: rotate(180deg);
}

.box_pop img {
	width: 5.5rem !important;
}

.box_pop .txtbg {
	width: 100%;
	display: flex;
}

.box_pop .prize {
	width: 100%;
	background: url(../img/activity/box_txt_bg.png) no-repeat center;
	background-size: cover;
    padding: .3rem 0;
}

.box_pop h1 {
	margin-bottom: .2rem !important;
	filter: drop-shadow(0 4px 0 #6F0000);
	/* text-shadow: 0px 4px 0px #6F0000; */
	-webkit-text-stroke-width: 2;
	-webkit-text-stroke-color: #000;

	font-size: 1rem !important;
	font-weight: bold;


	background: linear-gradient(180deg, #FFF7E1 0%, #FFD04A 100%) !important;
	background-clip: text !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}


.rule_pop .dialog__container {
	justify-content: start;
	padding: 0;
	background: #530209;
	color: #ffffff;
	border: 2px solid #FBE97D;
	border-radius: 12px;
}

.rule_pop .dialog__container-content {
	color: #ffffff;
	font-size: 14px;
	text-align: left;
	padding: 0.53333rem 0.46667rem;
	margin-top: 0;
}
.rule_pop .dialog__container-content p {
	padding: .1rem 0;
	line-height: normal;
}

.rule_pop .dialog__container-title {
	width: 100%;
	margin-top: 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgb(255 255 255 / 20%);
	padding: .3rem;
}

.box_tips_pop .dialog__container {
	min-height: auto;
    padding: 0;
    background: #530209;
    color: #ffffff;
    border: 2px solid #FBE97D;
    border-radius: 12px;
}

.box_tips_pop .dialog__container-title {
    width: 100%;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding: .3rem;
}

.box_tips_pop .dialog__container-content {
	width: 100%;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    padding: 0.53333rem 0.46667rem;
    margin-top: 0;
}

.box_tips_pop .dialog__container-content .invitees_num {
	margin-top: .4rem;
}

.box_tips_pop .dialog__container-content .invitees_num p {
	display: flex;
	justify-content: space-between;
	padding: .1rem 0;
}

.box_tips_pop .dialog__container-content p span {
	color: #FFD25D;
}

.box-head .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .34rem;
    color: #9f3800;
    font-weight: 700;
    height: 1.2045rem;
    margin: 0 .4333rem .4333rem;
    cursor: pointer;

	padding: 0 .6rem;
	color: #830000;
	border-radius: 4rem;
    border: 1px solid #A70F00;
    background: linear-gradient(180deg, #FFFFEB 0%, #FCED95 28.5%, #B57E30 80%, #FFD64A 100%);
    box-shadow: 0px 8px 10px 0px rgb(77 17 19 / 58%);
}

.box-head .btn_icon {
    width: .4533rem;
    height: .5333rem;
    margin-left: .2667rem;
	margin-top: 0;
}

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






/*============ 存钱罐保险箱 ============*/

.savemoney_total {
	width: 100%;
	min-height: calc(100% - 54px);
	display: flex;
	flex-direction: column;
	background: url(../img/activity/savemoney_bg.png) no-repeat, linear-gradient(270deg, #D8AA76 0%, #F5E0B8 100%);
    background-size: 100%;
	position: relative;
}

.savemoney_head {
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.savemoney_head img {
	width: 90%;
	height: auto;
	display: flex;
	margin-top: -1.4rem;
	z-index: 1;
}
.savemoney_content {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: .3rem;
	margin-top: -.9rem;
	z-index: 99;
}
.savemoney_amount {
	width: 100%;
	height: auto;
	display: flex;
	background: linear-gradient(270deg, #FFF5E4 0%, #FFFEFC 55.5%, #FFF5E4 100%);
	padding: .6rem .4rem;
	flex-direction: column;
	border-radius: 8px;
	align-items: center;
	font-size: 14px;
	color: #333333;
	box-shadow: 0px 0px 20px 0px rgba(186, 134, 36, 0.20);
}
.savemoney_amount_top {
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}
.savemoney_totalamount {
	display: flex;
	align-items: center;

}
.savemoney_totalamount span {
	font-size: 1rem;
	color: #E00107;
}
.savemoney_totalamount img {
	width: .5rem;
	margin-left: .2rem;
}
.savemoney_amount_bottom {
	width: 100%;
	display: flex;
	margin-top: .4rem;
}
.savemoney_amount_bottom span {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.savemoney_amount_bottom span b {
	font-size: 20px;
	color: #E00107;
    font-weight: normal;
}


.savemoney_list {
	width: 100%;
	display: flex;
	flex-direction: column;
	color: #333333;
}
.savemoney_list_tab {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-around;
	padding: .6rem 0 .4rem;
	font-size: 18px;
}
.savemoney_list_tab span {
	padding: 0 .15rem;
	cursor: pointer;
}
.savemoney_list_tab span.active {
	color: #B1522C;
	background: url(../img/activity/savemoney_border.png) no-repeat center bottom;
	background-size: 100%;
	padding-bottom: .07rem;
}

.savemoney_layer {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}

.savemoney_layer:not(:first-child) {
	display: none;
}

.savemoney_date {
	width: 100%;
	height: auto;
	display: flex;
	font-size: 14px;
	background: #FFFCF9;
    box-shadow: 0px 0px 20px 0px rgba(186, 134, 36, 0.20), 0px 0px 20px 0px #FFF7E3 inset;
	border-radius: 8px;
	padding: .4rem;
	justify-content: space-between;
	margin-bottom: .3rem;
}

.savemoney_date_left {
	
}
.savemoney_date_left h1 {
	font-size: 18px;
	margin-bottom: .1rem;
}

.savemoney_date_left p {
	padding: .2rem 0 0;
}
.savemoney_date_left p span {
	color: #FA4A0C;
	margin-left: .1rem;
}

.savemoney_date_right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	font-size: 16px;
}

.savemoney_date_right a {
	border-radius: 40px;
	background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
	color: #ffffff;
	font-size: 14px;
	padding: .2rem .4rem;
	min-width: 86px;
    text-align: center;
}
.savemoney_date_right span.txt_red {
	color: #E10000;
}

.savemoney_date_right span.txt_green {
	color:#3AB400
}

.savemoney_myorder {
	flex-direction: column;
}

.savemoney_myorder h1 {
	border-bottom: 1px solid #e8d9bc;
	padding-bottom: .3rem;
}

.savemoney_myorder .savemoney_date_right {
	margin-top: .5rem;
}

.savemoney_myorder .savemoney_date_right a {
	width: 100%;
	text-align: center;
	padding: .3rem .6rem;
}
.savemoney_myorder .savemoney_date_right a.disable {
	background: #efd4c7;
	color: #fff;
}

.dialog__container-content p {
    padding: .2rem 0;
    font-size: 14px;
}


.dialog__container-content p input {
	width: 100%;
	border: 1px solid #cccccc;
	padding: .35rem .2rem;
	font-size: 14px;
}
.dialog__container-content p span {
	color: #F4605E;
	font-size: 14px;
}

.dialog .closebtn {
	margin-top: .6rem
}

.dialog__container a .close_btn {
	position: absolute;
	right: .3rem;
	top: .3rem;
}

.dialog__container-footer button:not(:first-child) {
    margin-left: .28rem;
}




/*=================== 邀请首充 ===================*/
.invition_deposit {
	width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/activity/invition_bg.png) no-repeat 0 -70px;
    background-size: 100%;
}

.invition_deposit img {
	width: 80%;
	margin-top: 20px;
}

.invition_deposit_block {
	margin-top: -50px;
	position: relative;
}


.invition_deposit_block .dailySignInRules__container-hero {
	background: #ffffff; 
	color: #666666;
	border: 2px solid #FF962C;
}


.invition_deposit_block .dailySignInRules__container-hero__wrapper-titlebox {
	color: #ffffff;
}


.invition_deposit_block .dailySignInRules__container-hero__wrapper ul li div {
	border-bottom: 1px solid #f0f0f0;
}

.invition_deposit_block .dailySignInRules__container-hero__wrapper ul:last-child li div {
	border-bottom: none;
}





/*=============== 排行榜 ===============*/
.ranking-bg {
	width: 100%;
	height: auto;
	background: linear-gradient(180deg, #FF962C 0%, rgba(255,150,44,0) 40%);
	background-size: 100%;
	padding-bottom: 2.3rem;
	padding-top: .5rem;
}

.ranking-bg .dailyProfitRank {
	background: none;
}

.ranking-tab {
	width: 85%;
	height: auto;
	background: #ffffff;
	display: flex;
	margin: 0 auto 1.4rem;
	padding: 2px;
	border-radius: 70px;
	overflow: hidden;
	font-size: 13px;
}

.ranking-tab span {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .25rem 0;
	text-align: center;
	color: #FD5810;
	cursor: pointer;
}

.ranking-tab span.active {
	height: auto;
	animation: none;
	color: #ffffff;
	font-weight: 600;
	background: linear-gradient(0deg, #FF962C 0%, #FD5810 100%);
	border-radius: 40px;
}

.ranking-caption {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
}

.ranking-caption img {
	width: 70%;
}

.dailyProfitRank__content:not(:first-child) {
	display: none;
}



.box-bottom-rank-item {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 500px;
	min-height: 2rem;
	z-index: 99;
	padding: .3rem 0 .5rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-color: #ffffff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 -.10667rem .21333rem .05333rem rgb(0 0 0 / 6%);
}

.box-bottom-rank-item .rank-item-left {
	color: #9ea3ad;
	font-size: .48rem;
}

.box-bottom-rank-item .rank-item-content {
	display: flex;
	align-items: center;
}

.box-bottom-rank-item .rank-item-content,
.box-bottom-rank-item .rank-item-content .rank-item-content-bet .content-bet {
	color: #232323;
}

.box-bottom-rank-item .rank-item-content .rank-item-content-bet .content-num {
	color: #fed056;
	font-size: .7rem;
	margin-left: .2rem;
}

.box-bottom-rank-item .rank-item-content .rank-item-content-myaward {
	white-space: nowrap;
}

.box-bottom-rank-item .rank-item-right {
	color: #FD5810;
	font-size: .35rem;
	text-align: center;
	white-space: nowrap;
}

.box-bottom-rank-item .rank-item-right .rank-item-right-num {
	font-size: .7rem;
	color: #fed056;
	margin-top: .1rem;
}

.box-bottom-rank-item .rank-item-content .avatar {
	width: 1.06667rem;
	height: 1.06667rem;
	margin-right: .17333rem;
	border-radius: 50%;
}




/*=============== 排行榜印度风格 ===============*/
.ranking_main {
	width: 100%;
	min-height: calc(100vh - 54px);
	height: auto;
	display: flex;
	background: url(../img/activity/ranking_headbg.jpg) no-repeat center top #941F22;
	background-size: 100%;
}

.ranking_total {
	width: 100%;
	height: 100%;
	margin: 6.2rem 12px 0;
}

.ranking_tab {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
}

.ranking_tab span {
	width: 33%;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	/* flex: 1; */
	color: #F9E77D;
	background: url(../img/activity/ranking_btn_nor.png) no-repeat center center;
	background-size: 100% 100%;
	cursor: pointer;
}

.ranking_tab span.active {
	color: #670909;
	background: url(../img/activity/ranking_btn_cur.png) no-repeat center center;
	background-size: 100% 100%;
}
/* .ranking_tab span:not(:first-child) {
	margin-left: .2rem;
} */

@media screen and (min-width: 500px) {
	.ranking_total {
		margin-top: 8.5rem !important;
	}

	.ranking_tab span {
		height: 38px !important;
	}
}


.ranking_bg {
	width: 100%;
	height: auto;
	border: 1px solid #FCE5B9;
	background: linear-gradient(0deg, #9C1E23 0%, #BA090A 100%);
	margin: 0 auto .88rem;
	padding: .17rem;
	border-radius: 8px;
	margin-top: .3rem;
}

.data-list {
	position: relative;
	padding: .28rem .4rem .28rem;
	width: 100%;
	/* background: url(../img/activity/ranking_mainbg_top.png) top / 9.46667rem 4.49333rem no-repeat, url(../img/activity/ranking_mainbg_bottom.png) bottom / 9.46667rem .58667rem no-repeat, url(../img/activity/ranking_mainbg_center.png) center 4.49333rem / 9.46667rem 1px repeat-y content-box; */
	background: url(../img/activity/ranking_mainbg.png) no-repeat left top / 100% 100%
}

.data-list:not(:first-child) {
	display: none;
}

.data-list .top3 {
	position: relative;
	height: 4rem;
	margin: 1rem auto 0;
	text-align: center;
}

.data-list .top3 .top-item {
	position: absolute;
	font-weight: 700;
}

.data-list .top3 .top-item1 {
	top: 0;
	left: 50%;
	margin-left: -1.68rem;
	width: 3.36rem;
}

.data-list .top3 .top-avatar {
	position: relative;
}

.data-list .top3 .top-item img {
	display: block;
	border-radius: 50%;
}
.data-list .top3 .top-item1 img {
	margin: 0 auto .42667rem;
	width: 1.49333rem;
	height: 1.49333rem;
}

.data-list .top3 .top-item2 img {
	margin: 0 auto .34667rem;
	width: 1.25333rem;
	height: 1.25333rem;
}

.data-list .top3 .top-item3 img {
	margin: 0 auto .34667rem;
	width: 1.25333rem;
	height: 1.25333rem;
}

.common-anchor-top1 {
	background-image: url(../img/activity/ranking_no1.png);
}
.common-anchor-top2 {
	background-image: url(../img/activity/ranking_no2.png);
}
.common-anchor-top3 {
	background-image: url(../img/activity/ranking_no3.png);
}

.data-list .top3 .top-crown {
	position: absolute;
}
.data-list .top3 .top-item .top-crown {
	position: absolute;
}
.data-list .top3 .top-item1 .top-crown {
	display: block;
	width: 3.36rem;
	height: 2.61333rem;
	top: -.8rem;
}
.data-list .top3 .top-item2 .top-crown {
 	display: block;
 	width: 2.4rem;
 	height: 2.18667rem;
 	top: -.46667rem;
}

.data-list .top3 .top-item3 .top-crown {
 	display: block;
 	width: 2.4rem;
 	height: 2.18667rem;
 	top: -.46667rem;
 }

.data-list .top3 .top-nick {
	text-align: center;
	margin: 0 auto;
	margin-bottom: .08rem;
	font-size: .37333rem;
	line-height: .53333rem;
	color: #232323;
}
.data-list .top3 .top-nick p {
	width: 80%;
	vertical-align: middle;
	display: inline-block;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.data-list .top3 .top-score {
	margin-bottom: .13333rem;
	font-size: .29333rem;
	color: #986161;
}

.data-list .top3 .top-item2 {
	top: 1.18667rem;
	left: 0;
	width: 2.4rem;
}

.data-list .top3 .top-item3 {
	top: 1.18667rem;
	right: 0;
	width: 2.4rem;
}

.data-list .list-bd {
	width: 100%;
	margin: .13333rem auto 0;
}
#person0 .list-bd {
	margin-top: 0;
}
.data-list .list-row {
	position: relative;
	display: flex;
	height: 1.57333rem;
	padding: .2rem 0;
}
.data-list .list-row:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.data-list .col1 {
	width: .74667rem;
	margin: 0 .4rem 0 0;
	text-align: center;
}
.common-index {
	background: linear-gradient(312deg, #EFCFA6 2%, #FAE2CC 96%);
	border-radius: 50%;
}
.common-avatar-square,
.common-index {
	background-size: contain;
	background-repeat: no-repeat;
}
.data-list .col1 .index {
	margin: .33333rem auto 0;
	/* line-height: .50667rem; */
	font-size: .26667rem;
	color: #834E21;
	width: .55667rem;
	height: .55667rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.data-list .col2 {
	width: 1.17333rem;
	text-align: center;
	margin-right: .4rem;
}
.common-avatar-round {
	border: 1px solid #D3A375;
	border-radius: 100%;
}
.common-anchor-top1,.common-anchor-top2,.common-anchor-top3,
.common-avatar-round {
	background-size: contain;
	background-repeat: no-repeat;
}
.data-list .col2 .avatar {
	position: relative;
	margin: 0 auto;
	padding: .05333rem;
	width: 1.17333rem;
	height: 1.17333rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.data-list .col2 img {
	display: block;
	width: 1.06667rem;
	height: 1.06667rem;
	border-radius: .53333rem;
}
.data-list .col3 {
	/* width: 3.2rem; */
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.data-list .col3 .nick {
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5em;
	font-size: .37333rem;
	font-weight: 700;
	color: #232323;
}
.data-list .col3 .ticket {
	line-height: 1.5em;
	font-size: .32rem;
	color: #986161;
}




/*=============== 下载奖励 ===============*/

.download-container {
	width: 100%;
	min-height: 100vh;
	height: auto;
	float: left;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	background: url(../img/activity/download_bg.png) no-repeat 0 -50px #BD2126;
	background-size: 100%;
	position: relative;
}

@media screen and (min-width:500px) {
	.download-container {
		background: url(../img/activity/download_bg.png) no-repeat 0 -140px #BD2126;
		background-size: 100%;
	}
}

.fly_apart {
	width: 100%;
	position: absolute;
}


/* .download-container h1::before {

	content: attr(data-title);
	position: absolute;

	background-image: linear-gradient(180deg, #FFF6D6 12.5%, #FFCD1C 92.5%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0;

} */

.download-container h1 {
	position: relative;
	background-image: linear-gradient(180deg, #FFF6D6 12.5%, #FFCD1C 92.5%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0;

	width: 90%;
	text-align: center;
	margin: 30px auto;
	font-size: 36px;
	font-weight: bold;
	line-height: normal;
	font-family: "Alimama ShuHeiTi";
	/* -webkit-text-stroke: 6px #950000; */
	filter: drop-shadow(0 2px 0 #6F0000);
}

.download_rewards {
	width: 296px;
	min-height: 250px;
	background: url(../img/activity/download_Amount.png) no-repeat 0 0;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.download_rewards p {
	padding: 20px 0;
	animation: receive 1s linear infinite;
	cursor: pointer;
}

.download_rewards p a {
	min-width: 160px;
	background: url(../img/activity/download_btn.png) no-repeat 0 0;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 16px;
	color: #BF5200;
	font-size: 20px;
	font-weight: 600;
	line-height: 100%;
}

@-webkit-keyframes receive {
	0% {
		transform: scale(1.2);
	}

	50% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.2)
	}
}

.download_rewards h2 {
	color: #E7231B;
	font-family: "HarmonyOS Sans";
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 5px;
}

.download_rewards h2 span {
	font-size: 24px;
}

.download_rewards h3 {
	color: #232323;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

.download_rewards h4 {
	width: 90%;
	color: #940000;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
}

.download-container .redeem-container-record {
	background: #ffffff;
}

.download-container .redeem-container-record-title span {
	color: #333;
}

.download-container .redeem-container-record-item {
	border-bottom: 1px solid #e8e8e8;
}