html{
	font-size: 100px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
body{
	background-color: #e84466;
	width: 100%;
	overflow-x: hidden;
}
[v-cloak] {
	display: none;
}
:root {
	--fontsize-16: 0.16rem;
	--fontsize-17: 0.17rem;
	--fontsize-18: 0.18rem;
	--fontsize-20: 0.2rem;
	--fontsize-22: 0.22rem;
	--fontsize-36:0.36rem;
	--fontsize-30:0.30rem;
	--fontsize-32:0.32rem;
	--fontsize-28:0.28rem;
	--fontsize-26:0.26rem;
	--fontsize-24:0.24rem;
	--fontsize-80:0.8rem;
	--fontsize-72:0.72rem;
	--fontsize-48:0.48rem;
	--fontsize-120:1.20rem;
}
.loading{
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #e84466;
	transform-origin: top left;
}
#loadingCanvas{
	
}
.pop-top{
	position: fixed;
	top: -1.4rem;
	left: 0.15rem;
	background-image: url("../img/pop-top-bg.png");
	width: 7.19rem;
	height: 1.40rem;
	background-repeat: no-repeat;
	font-size: var(--fontsize-24);
	color: #fffbdb;
	transition: all 0.5s ease-out;
	z-index: 101;
}
.pop-top-head{
	width: 0.57rem;
	height: 0.57rem;
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	margin-right: 0.1rem;
}
.pop-top-head img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pop-top-con{
	width: 100%;
	height: 100%;
	padding: 0rem 0.2rem;
	box-sizing: border-box;
}
/* intro */
.intro{
	position: fixed;
	display: none;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	background-color: #e84466;
	overflow: hidden;
	z-index: 99;
	opacity: 0;
}
.intro-bg{
	width: 7.5rem;
	height: 14.26rem;
}
.intro_btn{
	position: absolute;
	top: 10.76rem;
	left: 1.25rem;
	width: 4.92rem;
	height: 1.23rem;
}
.intro_hand{
	position: absolute;
	top: 11.20rem;
	left: 4.78rem;
	width: 1.41rem;
	height: 1.59rem;
	pointer-events: none;
}
/* home */
.home{
	width: 100%;
	height: 100%;
	overflow-y: auto;
	opacity: 0;
	transition: opacity .3s ease-out;
}
.home-bg{
	width: 100%;
	height: 21.77rem;
}
.home-bg img{
	width: 100%;
}
.home-content{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
}
.home-top{
	position: relative;
	width: 100%;
	height: 0.37rem;
	margin-top: 0.45rem;
	padding: 0px 0.37rem;
	box-sizing: border-box;
	z-index: 100;
}
.home-top-logo{
	width: 1.73rem;
	height: 0.52rem;
}
.home-top-language{
	
}
.home-top-select{
	width: 1.12rem;
	height: 0.37rem;
	font-size: 0.22rem;
	line-height: 0.8rem;
	color: #fff;
	width: 1.37rem;
	height: 0.54rem;
	background-image: url("../img/rule-btn-bg.png");
	background-repeat: no-repeat;
	padding-bottom: 0.12rem;
	box-sizing: border-box;
}
.home-top-rule{
	font-size: 0.22rem;
	line-height: 0.8rem;
	color: #fff;
	width: 1.37rem;
	height: 0.54rem;
	background-image: url("../img/rule-btn-bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-bottom: 0.12rem;
	box-sizing: border-box;
}
.home-top-select-option{
	font-size: 0.22rem;
	line-height: 0.8rem;
	color: #fff;
	width: 1.36rem;
	height:2.56rem;
	background-image: url("../img/langage-bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 0.05rem;
}
.select-option-item{
	position: relative;
	width: 100%;
	height: 0.45rem;
}
.langage-line{
	position: absolute;
	left: 0rem;
	bottom: 0rem;
}
/* user-info */
.user-info{
	position: relative;
	margin-top: 0.3rem;
	width: 100%;
}
.user-info-yanhua{
	position: absolute;
	top: 0rem;
	left: 0rem;
}
.user-info-content{
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
}
.user-info-bg{
	width: 100%;
}
.user-info-bg img{
	width: 100%;
}
.user-info-account{
	position: absolute;
	top: 0.28rem;
	right: 0.62rem;
	height: 0.44rem;
	background-color: #ffe8a5;
	border-radius: 0rem 0.2rem 0rem 0.2rem;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.4);
	padding: 0rem 0.15rem;
	box-sizing: border-box;
}
.user-info-account-title{
	font-size: var(--fontsize-17);
	letter-spacing: 0.01rem;
	color: #443f3c;
}
.user-info-account-title2{
	max-width: 0.8rem;
	font-size: var(--fontsize-17);
	letter-spacing: 0.01rem;
	color: #443f3c;
	overflow: hidden;
	text-overflow: ellipsis;
}
.user-info-paypal{
	width: 0.23rem;
	height: 0.28rem;
	padding: 0rem 0.1rem;
}
.user-info-account-num{
	font-size: var(--fontsize-36);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-36);
	color: #e94968;
	font-weight: bold;
}
.user-info-head{
	margin-top: 0.53rem;
	margin-left: 0.93rem;
}
.user-info-head-img{
	width: 0.69rem;
	height: 0.69rem;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
}
.user-info-head-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user-info-nicke{
	padding-left: 0.1rem;
	font-size: var(--fontsize-30);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-30);
	color: #8d400e;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 3.2rem;
}
.user-info-gold{
	margin-top: -0.05rem;
	width: 100%;
	padding: 0rem 1.2rem;
	box-sizing: border-box;
}
.gold-icon{
	margin-top: 0.4rem;
	width: 0.7rem;
	height: 0.73rem;
}
.user-info-gold-num{
	font-size: var(--fontsize-72);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-72);
	color: #e94968;
	font-weight: bold;
}
.user-info-gold-tip{
	position: relative;
	margin-top: -0.8rem;
	width: auto;
	height: 0.35rem;
	padding: 0rem 0.12rem;
	background-color: #ffe08d;
	border-radius: 0.1rem;
	font-size: var(--fontsize-18);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-18);
	color: #513f17;
}
.user-info-gold-tip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
  border: 8px solid transparent; 
  border-bottom-color: #ffe08d; 
  border-radius: 0 0 4px 0;    
  transform: rotate(-30deg) 
             translateX(-4px) 
             translateY(0px);
}
.user-info-progress{
	margin-top: 0.1rem;
	width: 100%;
}
.user-info-progress-content{
	width: 5.39rem;
	height: 1.68rem;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 0.1rem;
	box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.2);
	padding-left: 0.3rem;
	box-sizing: border-box;
}
.user-info-progress-title{
	font-size: var(--fontsize-24);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-24);
	color: #443f3c;
}
.user-info-progress-bar{
	position: relative;
	margin-top: 0.3rem;
	width: 3.17rem;
	height: 0.34rem;
	background-color: rgba(253, 217, 97, 0.5);
	border-radius: 0.17rem;
	overflow: hidden;
}
.user-info-progress-num{
	position: relative;
	display: inline-block;
	font-size: var(--fontsize-18);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-18);
	color: #443f3c;
}
.user-info-moon{
	position: relative;
	display: inline-block;
	margin-top: 0.15rem;
	font-size: var(--fontsize-18);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-18);
	color: #443f3c;
}
.btn-duihuan{
	position: absolute;
	top: 1rem;
	right: 0.8rem;
	width: 1.54rem;
	height: 1.54rem;
}
.user-info-progress-loading{
	position: absolute;
	top: 0rem;
	left: -3.17rem;
	width: 3.17rem;
	height: 0.34rem;
	background-color: rgba(253, 217, 97, 1);
	border-radius: 0.17rem;
	transition: left .5s ease-out;
}
.award{
	margin-top: -0.5rem;
	width: 100%;
}
.award-img{
	position: relative;
	width: 6.3rem;
	height: 6.3rem;
}
.award-img-zhuanpan-con{
	width: 6.3rem;
	height: 6.3rem;
	overflow: hidden;
}
.award-img-zhuanpan{
	width: 6.3rem;
	height: 6.3rem;
}
.award-img-zhen{
	position: absolute;
	top: 1.60rem;
	left: 1.63rem;
}
.award-img-zhen img{
	position: relative;
	width: 3.16rem;
	height: 3.09rem;
}
.award-img-zhen-zhong{
	position: absolute;
	display: none;
	top: -2.5rem;
	left: 0rem;
}
.award-img-num{
	position: absolute;
	top: 1.9rem;
	left: 0.5rem;
	width: 2.1rem;
	font-size: var(--fontsize-26);
	line-height: var(--fontsize-26);
	color: #8d400e;
	font-weight: bold;
	text-shadow: 0.01rem 0.01rem 0.03rem #8d400e;
	white-space: nowrap;
}
.award-img-num0{
	color: #4b4b4b;
	text-shadow: 0.01rem 0.01rem 0.03rem #4b4b4b;
}
.award-tip{
	position: relative;
	margin-top: 0.4rem;
	width: 7.5rem;
}
.award-tip-bg{
	width: 7.5rem;
	height: 0.45rem;
}
.award-tip-bg img{
	width: 7.5rem;
}
.award-tip-txt{
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 0.45rem;
	font-size: var(--fontsize-22);
	line-height: var(--fontsize-22);
	color: #fef2d5;
}
.award-share{
	position: relative;
	width: 100%;
}
.btn-award-bg{
	position: relative;
	margin-top: 0.2rem;
	width: 4.97rem;
	height: 1.15rem;
}
.btn-award-bg img{
	width: 100%;
}
.btn-copy{
	position: relative;
	width: 1.42rem;
	height: 1.17rem;
}
.btn-copy img{
	width: 100%;
}
.btn-award-txt{
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 4.97rem;
	height: 1.05rem;
	font-size: var(--fontsize-30);
	letter-spacing: 0.02rem;
	line-height: var(--fontsize-30);
	color: #8d400e;
	font-weight: bold;
	text-shadow: 0.01rem 0.01rem 0.02rem #8d400e;
	text-align: center;
}
.btn-copy-txt{
	position: absolute;
	top: 0.45rem;
	left: 0rem;
	width: 1.42rem;
	height: 1.17rem;
	font-size: var(--fontsize-16);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-16);
	color: #3c2777;
}
.award-time{
	width: 100%;
	font-size: var(--fontsize-20);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-20);
	color: #fff;
	opacity: 0.7;
}
.award-time span:first-child{
	width: 1.3rem;
}
.user-data{
	margin-top: 0.38rem;
	width: 100%;
}
.user-data-navi-item{
	position: relative;
	padding: 0rem 0.1rem;
}
.user-data-navi{
	padding-left: 0.2rem;
	box-sizing: border-box;
}
.navi-item-txt{
	font-size: var(--fontsize-22);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-22);
	color: #fafafd;
	font-weight: bold;
	white-space: nowrap;
}
.navi-item-txt-s{
	font-size: var(--fontsize-30) !important;
	line-height: var(--fontsize-30);
	color: #fafafd;
	font-weight: bold;
	white-space: nowrap;
}
.navi-item-line{
	position: absolute;
	top: 0.5rem;
	width: 2.5rem;
}
.hide-line{
	display: none;
}
.user-list{
	margin-top: 0.4rem;
	width: 100%;
}
.user-list-item-no{
	margin-top: 0.3rem;
	font-size: var(--fontsize-20);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-20);
	color: #fff;
	opacity: 0.6;
}
.user-list-item{
	position: relative;
	width: 6.86rem;
	height: 1.25rem;
	background-image: url("../img/list-bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
	padding-left: 0.3rem;
	box-sizing: border-box;
}
.user-list-item2{
	position: relative;
	width: 6.86rem;
	height: 1.25rem;
	background-image: url("../img/list-bg2.png");
	background-repeat: no-repeat;
	background-size: 100%;
	padding:0rem 0.2rem;
	box-sizing: border-box;
}
.user-list-item:not(:first-child){
	margin-top: 0.2rem;
}
.user-list-item2:not(:first-child){
	margin-top: 0.2rem;
}
.user-list-item-head{
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
}
.user-list-item-head img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user-list-item2-head{
	width: 0.7rem;
	height: 0.7rem;
}
.user-list-item2-head img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user-list-item-nicke{
	font-size: var(--fontsize-28);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-28);
	color: #fafafd;
	font-weight: bold;
}
.user-list-item-glod{
	margin-top: 0.15rem;
	font-size: var(--fontsize-20);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-20);
	color: #fafafd;
	opacity: 0.5;
}
.user-list-item-num{
	margin-left: 0.15rem;
	width: auto;
	height: 0.27rem;
	background-color: #ffd467;
	border-radius: 0.13rem;
	color: #5b0347;
	font-size: var(--fontsize-22);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-24);
	padding: 0rem 0.13rem;
}
.user-list-item-txt{
	padding-left: 0.25rem;
}
.user-list-item-btn{
	width: 1.8rem;
	height: 0.60rem;
	background: radial-gradient(circle, #ffe98e, #ffefa8);
	border-radius: 0.33rem;
	font-size: var(--fontsize-24);
	color: #8d400e;
	font-weight: bold;
}
.user-list-item-role{
	position: absolute;
	top: 0.17rem;
	right: 0.1rem;
	font-size: var(--fontsize-18);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-18);
	color: #fafafd;
	opacity: 0.7;
	transform: rotate(45deg);
}
/* duihuan */
.duihuan{
	position: fixed;
	display: none;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #de3d67;
}
.duihuan-bg{
	width: 100%;
	height: 16rem;
	overflow: hidden;
}
.duihuan-bg img{
	width: 100%;
}
.duihuan-content{
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-bottom: 1rem;
}
.duihuan-gold{
	margin-top: 0.55rem;
	margin-left: 0.37rem;
}
@media screen and (max-height:1400px) {
	.duihuan-gold{
		margin-top: 0.35rem;
	}
}
.duihuan-gold-title{
	font-size: var(--fontsize-32);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-32);
	color: #faf6fd;
}
.duihuan-gold-num{
	margin-top: 0.5rem;
	font-size: var(--fontsize-120);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-120);
	color: #ffd56a;
	font-weight: bold;
}
.duihuan-gold-img{
	margin-left: 0.26rem;
	width: 0.73rem;
	height: 0.69rem;
}
.duihuan-RMB{
	position: relative;
	margin-top: 0.55rem;
	margin-left: 0.37rem;
}
@media screen and (max-height:1400px) {
	.duihuan-RMB{
		margin-top: 0.35rem;
	}
}
@media screen and (max-height:1300px) {
	.duihuan-RMB{
		margin-top: 0.2rem;
	}
}
.duihuan-RMB-tip{
	position: absolute;
	display: none;
	top: 1.3rem;
}
.duihuan-RMB-list{
	margin-top: 0.35rem;
}
.duihuan-RMB-item{
	width: 1.55rem;
	height: 0.58rem;
	background-image: url("../img/duihuan-rmb-bg01.png");
	background-size: 100%;
	font-size: var(--fontsize-32);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-32);
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
}
.duihuan-RMB-item:not(:first-child){
	margin-left: 0.2rem;
}
.duihuan-RMB-items{
	width: 1.55rem;
	height: 0.58rem;
	background-image: url("../img/duihuan-rmb-bg02.png");
	background-size: 100%;
	color: #8d400e;
}
.duihuan-daoju{
	margin-top: 0.55rem;
	margin-left: 0.37rem;
}
@media screen and (max-height:1400px) {
	.duihuan-daoju{
		margin-top: 0.35rem;
	}
}
@media screen and (max-height:1300px) {
	.duihuan-daoju{
		margin-top: 0.2rem;
	}
}
.duihuan-daoju-list{
	position: relative;
	margin-top: 0.35rem;
	width: 100%;
	flex-wrap: wrap;
}
.duihuan-daoju-item{
	position: relative;
	width: 1.86rem;
	margin-left: -0.14rem;
	margin-bottom: 0.25rem;
}
.duihuan-daoju-item-kuang{
	width: 1.86rem;
	height: 1.67rem;
	background-image: url("../img/duihuan-pd-bg01.png");
	background-size: 100%;
}
.duihuan-daoju-item-kuang2{
	width: 1.86rem;
	height: 1.67rem;
	background-image: url("../img/duihuan-pd-bg02.png");
	background-size: 100%;
}
.duihuan-daoju-item-num1{
	opacity: 0.4;
	color: #fef2d5;
	font-size: var(--fontsize-24);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-24);
	font-weight: 500;
	text-decoration:line-through;
}
.duihuan-daoju-item-num2{
	margin-top: 0.1rem;
	color: #fef2d5;
	font-size: var(--fontsize-24);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-24);
	font-weight: 500;
}
.duihuan-daoju-item-img{
	width: 1.86rem;
	height: 1.15rem;
}
.duihuan-daoju-item-img img{
	padding-top: 0.2rem;
	width: 1.5rem;
	height: 0.8rem;
	object-fit: contain;
}
.duihuan-daoju-item-img2{
	width: 1.86rem;
	height: 1.67rem;
}
.duihuan-daoju-item-txt{
	margin-top: 0.03rem;
	width: 1.86rem;
	font-size: var(--fontsize-20);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-20);
	color: #ffffff;
	
}
.duihuan-daoju-item-txt span{
	display: inline-block;
	width: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;  
	white-space: nowrap;
	text-align: center;
}
.duihuan-daoju-item-biao{
	position: absolute;
	top: 0rem;
	right: 0.17rem;
	width: 1.04rem;
	height: 0.23rem;
	background-image: url(../img/exchange-biao.png);
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 0.12rem;
	color: #ffffff;
	text-align: center;
}
.duihuan-daoju-item-tip{
	position: absolute;
	top: 1.2rem;
	left: -0.1rem;
	width: 3.92rem;
	height: 1.38rem;
	background-image: url(../img/exchange-tip01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: var(--fontsize-20);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-20);
	color: #ffffff;
	padding: 0.2rem 0.5rem 0rem 0.5rem;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 80;
}
.duihuan-daoju-item-tip2{
	position: absolute;
	top: 1.2rem;
	left: -2rem;
	width: 3.92rem;
	height: 1.38rem;
	background-image: url(../img/exchange-tip02.png);
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: var(--fontsize-20);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-20);
	color: #ffffff;
	padding: 0.2rem 0.5rem 0rem 0.5rem;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 81;
}
.duihuan-zhanghu{
	margin-top: 0.55rem;
	margin-left: 0.37rem;
}
@media screen and (max-height:1400px) {
	.duihuan-zhanghu{
		margin-top: 0.35rem;
	}
}
@media screen and (max-height:1300px) {
	.duihuan-zhanghu{
		margin-top: 0.2rem;
	}
}
.duihuan-zhanghu-select{
	position: relative;
	padding: 0rem 0.22rem;
	margin-top: 0.25rem;
	width: 6.70rem;
	height: 0.61rem;
	background-image: url(../img/select-bg.png);
	box-sizing: border-box;
}
.duihuan-zhanghu-select-txt{
	font-size: var(--fontsize-18);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-18);
	color: #fef2d5;
}
.duihuan-zhanghu-select-option{
	position: absolute;
	top: -0.85rem;
	left: 0rem;
	width: 100%;
}
.duihuan-zhanghu-select-option select{
	width: 6.70rem;
	height: 0.61rem;
	opacity: 0;
}
.duihuan-daoju-btn{
	margin-top: 0.25rem;
	width: 100%;
}
.duihuan-daoju-btn-duihuan{
	position: absolute;
	font-size: var(--fontsize-36);
	line-height: var(--fontsize-36);
	color: #8d400e;
	font-weight: bold;
}
.duihuan-daoju-btn-txt{
	display: inline-block;
	padding: 0.15rem 0rem;
	font-size: var(--fontsize-24);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-24);
	color: #fef2d5;
}
.duihuan-skin{
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 103;
}
.duihuan-skin-con{
	width: 100%;
	height: 100%;
}
.duihuan-skin-top{
	width: 5.05rem;
	padding: 0rem 0.9rem;
	box-sizing: border-box;
}
.duihuan-skin-bottom{
	margin-top: 0.75rem;
	width: 5.05rem;
}
.duihuan-skin-item{
	position: relative;
}
.duihuan-ski-exchange{
	margin-top: 1.5rem;
	width: 3.1rem;
	height: 0.60rem;
	background-color: #FEDD82;
	border-radius: 0.3rem;
	color: #8d400e;
	font-size: var(--fontsize-36);
	font-weight: bold;
}
.duihuan-skin-cancel{
	margin-top: 0.3rem;
	color: #FEDD82;
	font-size: var(--fontsize-24);
	letter-spacing: 0.05rem;
}
.duihuan-skin-s1{
	opacity: 1;
}
.duihuan-skin-s0{
	opacity: 0.5;
}
.duihuan-daoju-item-tip3{
	position: absolute;
	top: 2.6rem;
	left: -1.45rem;
	width: 3.89rem;
	height: 1.28rem;
	background-image: url(../img/exchange-tip03.png);
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: var(--fontsize-20);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-20);
	color: #ffffff;
	padding: 0.2rem 0.5rem 0rem 0.5rem;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 80;
}
/*== pop======================================================================== */
.pop{
	position: fixed;
	display: none;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 106;
}
.pop-bg{
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#c2dCanvas{
	
}
/* canvas-div==============================================================================*/
.canvas-div{
	position: fixed;
	top: 0rem;
	left: 0rem;
	pointer-events: none;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 107;
}
.canvas-div img{
	width: 100%;
	transform-origin: top left;
}
.canvas-one-head{
	display: none;
}
#canvas-one-head{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 4.91rem;
	height: 5.84rem;
}
.one-head-img{
	position: absolute;
	top: 1.92rem;
	left: 0.66rem;
	width: 3.53rem;
	height: 3.53rem;
	overflow: hidden;
	background-color: #ffea91;
	border-radius: 50%;
}
#canvas-one-head-nick{
	position: absolute;
	top: 0.1rem;
	left: 0px;
	font-size: 0.44rem;
	color: #3c2777;
	width: 4.58rem;
	text-align: center;
}
#canvas-one-award-txt{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	line-height: 0.45rem;
}
.canvas-one-award-txt1{
	letter-spacing: 0.01rem;
	color: #ffdb83;
	font-weight: bold;
}
.canvas-one-award-txt2{
	margin-top: 0.25rem;
	letter-spacing: 0.01rem;
	color: #ffdb83;
	font-weight: bold;
}
#canvas-two-award-txt{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-two-award-txt3{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: var(--fontsize-24);
	letter-spacing: 0.01rem;
	line-height: var(--fontsize-24);
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-three-award-txt{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-invite-friends{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-invite-friends-tip{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.24rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-invite-friends-Award,#canvas-invite-friends-result{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	padding: 0rem 0.1rem;
}
#canvas-sign{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-sign-suc,#canvas-sign-result{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-group{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 7.50rem;
}
#canvas-group img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#canvas-group-txt{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
.canvas-group-item01{
	width: 1.05rem;
	height: 1.05rem;
	background-color: #FEDD82;
	border-radius: 50%;
	overflow: hidden;
	display: none;
}
.canvas-group-item02{
	margin-left: -0.2rem;
	width: 1.05rem;
	height: 1.05rem;
	background-color: #FFC6B6;
	border-radius: 50%;
	overflow: hidden;
	display: none;
}
.canvas-group-item03{
	margin-left: -0.2rem;
	width: 1.05rem;
	height: 1.05rem;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	display: none;
}
#canvas-group-suc{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-group-result{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	color: #FFDB83;
	width: 7.50rem;
	height: 0.75rem;
	text-align: center;
	font-weight: bold;
	padding: 0rem 0.2rem;
	box-sizing: border-box;
}
#canvas-help-friends{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 7.5rem;
	font-size: 0.48rem;
	font-weight: 400;
	text-align: center;
	color: #fff;
}
#canvas-help-friends-total{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 7.5rem;
	height: 1.07rem;
	font-size: 0.36rem;
	font-weight: bold;
	text-align: center;
	color: #f1d7a1;
	padding-top: 0.2rem;
	box-sizing: border-box;
}
.canvas-help-friends-list{
	position: relative;
	margin-top: 0.57rem;
	padding-top: 0.6rem;
	width: 7.5rem;
	height: 6.89rem;
	background-image: url("../img/phb_bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.canvas-help-friends-item{
	
}
.canvas-help-friends-item-p1{
	position: absolute;
	bottom: 0.73rem;
	left: 2rem;
}
.canvas-help-friends-item-p2{
	position: absolute;
	bottom: 0.73rem;
	left: 3.5rem;
}
.canvas-help-friends-item-p3{
	position: absolute;
	bottom: 0.73rem;
	left: 5rem;
}
.canvas-help-friends-item-num{
	font-size: var(--fontsize-18);
	color: #fff;
}
.canvas-help-friends-item-num img{
	width: 0.25rem;
	height: 0.24rem;
}
.canvas-help-friends-item-rec{
	margin-top: 0.1rem;
	width: 0.35rem;
	height: 3rem;
	border-radius: 0.2rem 0.2rem;
	background: linear-gradient(to bottom, #f1d7a1, #f82e5e);
}
.rec-h1{
	height: 2.7rem;
}
.rec-h2{
	height: 3.15rem;
}
.rec-h3{
	height: 3.8rem;
}
.canvas-help-friends-item-head{
	position: relative;
	margin-top: 0.1rem;
}
.canvas-help-friends-item-img{
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 70rem;
	height: 0.7rem;
}
.canvas-help-friends-item-head-con{
	position: absolute;
	top: 0.05rem;
	left: 0.1rem;
	width: 0.55rem;
	height: 0.55rem;
	overflow: hidden;
	border-radius: 50%;
}
.canvas-help-friends-item-nick{
	position: absolute;
	top: 0.52rem;
	left: 0.1rem;
	width: 0.55rem;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	font-size: 0.09rem;
	color: #3c2777;
}
.canvas-help-friends-item-mask{
	width: 0.75rem;
	height: 0.65rem;
	background-image: url("../img/head_mask2.png");
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
}
.padd26{
	padding-top: 0.26rem;
}
.help-friends-list-jinbi{
	position: absolute;
	top: 1.7rem;
	left: 1rem;
	font-size: 0.2rem;
	font-weight: bold;
}
#canvas-qa{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	line-height: 0.45rem;
	color: #fffbdb;
	width: 5.10rem;
	text-align: center;
}
#canvas-qa-img{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 5.84rem;
}
#canvas-qa-img img{
	width: 5.84rem;
	height: 2rem;
	object-fit: contain;
}
#canvas-qa-result{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	color: #FFDB83;
	width: 7.50rem;
	height: 1.25rem;
	font-weight: bold;
	text-align: center;
}
.canvas-qa-result-con{
	width: 7.50rem;
	height: 1.25rem;
	padding: 0 0.1rem;
	box-sizing: border-box;
}
#canvas-qa-friends-suc{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-qa-friends-result{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
.canvas-qa-friends-result-txt2{
	color: #FFDB83;
}
#canvas-qa-friends-result-dis{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.32rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-mcSceneOne{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
}
#canvas-mcSceneOne-head{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
}
#canvas-mcSceneOne-friend{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.25rem;
	line-height: 0.35rem;
	color: #FFFBDB;
	width: 4.35rem;
	text-align: center;
}
#canvas-mcSceneTwo,#canvas-mcSceneTwo-fanbei{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.45rem;
	line-height: 0.60rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
}
#canvas-mcSceneThree{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.45rem;
	line-height: 0.60rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
}
#canvas-mcSceneThree-3{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.45rem;
	color: #FEDD82;
	width: 7.50rem;
	text-align: center;
	font-weight: bold;
}
#canvas-mcSceneThree-time{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.20rem;
	color: #FEDD82;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
}
#canvas-mcSceneThree-4{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	line-height: 0.45rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
}
#canvas-mcScenefive-head,#canvas-mcScenefive-head2{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
}
#canvas-mcScenefive-friend,#canvas-mcScenefive-friend2{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.26rem;
	line-height: 0.35rem;
	color: #FFFBDB;
	width: 6rem;
	padding: 0rem 0.2rem;
	box-sizing: border-box;
	text-align: center;
}
#canvas-time{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 7.5rem;
	pointer-events: none;
}
#canvas-button,#canvas-button2{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	pointer-events: none;
	width: 6.69rem;
	height: 0.76rem;
}
#canvas-friends-help{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
	padding: 0rem 0.1rem;
	box-sizing: border-box;
}
.canvas-friends-help-people{
	display: inline-block;
	max-width: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#canvas-friends-distance{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
}
#canvas-gold{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
	font-weight: 400;
	line-height: 0.65rem;
}
#canvas-share-name{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.36rem;
	color: #ffffff;
	width: 6rem;
	text-align: center;
	font-weight: 400;
}
#canvas-share-img{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
}
#canvas-share-gift{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.1rem;
	overflow: hidden;
}
#canvas-share-gift img{
	width: 2.25rem;
	height: 2.25rem;
	object-fit: contain;
}
.canvas-share-img-con{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	overflow: hidden;
	border: 0.05rem solid #DE5261;
	background-color: #fff;
}
.canvas-share-img-con img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#canvas-moon,#canvas-star{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.48rem;
	color: #FFDB83;
	width: 7.50rem;
	text-align: center;
}
#canvas-moon-tip,#canvas-star-tip{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.25rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
#canvas-cdk_code{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	font-size: 0.25rem;
	color: #ffffff;
	width: 7.50rem;
	text-align: center;
}
/* 字体 */
.padding30{
	padding-top: 0.3rem;
}
.font-color-FFDB83{
	color: #FFDB83;
}
.font-color-8d400e{
	color: #8d400e;
}
.font-color-fff{
	color: #fff;
}
.font-size-48{
	font-size: 0.48rem;
	text-align: center;
}
.font-size-72{
	font-size: 0.72rem;
	text-align: center;
}
.font-size-20{
	font-size: 0.20rem;
	text-align: center;
}
.font-size-24{
	font-size: 0.24rem;
	text-align: center;
}
.font-size-36{
	font-size: 0.36rem;
	text-align: center;
	letter-spacing: 0.03rem;
	line-height: 0.7rem;
}
.font-size-35{
	font-size: 0.35rem;
	text-align: center;
}
.font-weight-media{
	font-weight: 400;
}
.font-weight-bold{
	font-weight: bold;
}
/* rule */
.rule{
	position: fixed;
	display: none;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 104;
}
.rule-flex{
	width: 100%;
	height: 100%;
}
.rule-content{
	width: 5.91rem;
	height: 8.68rem;
	background-image: url("../img/rule/kuang.png");
	background-repeat: no-repeat;
}
.rule-title{
	margin-top: 0.4rem;
}
.rule-img{
	width: 92%;
	height: 6.2rem;
	overflow: auto;
	margin: 0.2rem 0.3rem;
	box-sizing: border-box;
}
/* .mt-common-mask .mt-common-content .mt-common-inner */
.mt-common-mask .mt-common-content .mt-common-inner{
	transform: scale(1.5);
}