[v-cloak]{
    display: none;
}

.downloadbox{
	height: 100vh;
	padding-top: .6rem;
	position: relative;
	background: url(../img/bgs.png) no-repeat;
	background-size: 100% 100%;
}
.downboxs{
	width: 100%;
	position: fixed;
	bottom: 3rem;
	left: 0;
	right:0;
	z-index: 10;
}
.downnow{
	text-align: center;
	font-size: .28rem;
	margin-top: .3rem;
}
.downbtns{
	display: flex;
	justify-content: center;
	width: 4.56rem;
	height: .9rem;
	line-height: .9rem;
	background-color: #0AB7E9;
	border-radius:3rem;
	font-size: .28rem;
	color: #fff;
	margin: .36rem auto 0;
}
.andpic{
	width: .4rem;
	margin-right: .14rem;
}
.recordbox{
	padding-top: 5.5rem;
}
.nodata{
	margin-top:2.6rem;
	text-align: center;
	font-size: .28rem;
}
.nopic{
	width: 3.4rem;
	margin:0 auto;
}
.px15{
	padding: 0 .3rem;
}
.fitem{
	padding: .4rem .3rem;
	background-color:#24242B;
	border: 1px solid #25252e;
	border-radius:.16rem;
	box-shadow: 0 .4rem .8rem 0 rgba(28,41,90,0.04); 
	margin-bottom: .24rem;

}
.fulidbox{
	margin-top: -.74rem;
	padding: 0 .3rem;
}
.fulid{
	background-color: #24242b;
	border: 1px solid #25252e;
	border-radius:.16rem;
	width:3.2rem;
	text-align: center;
	padding: .24rem 0;
}
.fludata{
	font-weight: 600;
	font-size: .36rem;
	margin-top: .06rem;
}
.mt24{
	margin-top: .24rem;
}
.sortitem{
	width: 2rem;
	text-align: center;
	font-size: .24rem;
	color: #fff;
	height: .56rem;
	line-height:.54rem ;
	border-radius:.08rem;
	margin-right: .2rem;
}
.sortdefault{
	background-color: #24242b;
	border: 1px solid rgba(222,177,93,0.44)
}
.sortbox .sortActive{
	background-color: #FF455E;
	border: 1px solid rgba(222,177,93,0.44)
}
.f14{
	font-size: .28rem;
}
.sortbox{
	margin-top: .44rem;
	padding:0 .3rem;
}
.theme{
	min-height: 100vh;
	position: relative;
	font-family: sans-serif;
	background-color:#fff;
}
.picbox{
	padding-top: 3rem;
}
.mb30{
	margin-bottom: 1rem;
}
.tijiao{
	height: 1rem;
	font-size: .32rem;
	margin-top: .4rem;
	display: block;
	width: 100%;
	border-radius: 20vw;
}
.logtitle{
	color: #000;
	text-align: center;
	margin-top: .2rem;
	font-size: .28rem;
	font-weight: 600;
}
.loginpic{
	width:2rem ;
	display: block;
	margin: 0 auto;
}
.logtitle{
	font-size: 0.5rem;
}
.loginp{
	background-color: transparent;
	 border: none;
}
.bg-theme{
	background-color: #FF5301;
}
.block10{
	width: .2rem;
}
.ml2{
	margin-left: 2px;
}
.ml5{
	margin-left: .1rem;
}
.border-none{
	border:none;
}
.noC-bg{
		background-color:rgba(255,83,1,.8);
	}
.formSubmitin{
	margin-top: .6rem;
}
.getcode{
	margin-right: .3rem;
	font-size: .24rem;
	padding:.1rem;
	color: #333;
	border-radius: .12rem;
	background-color: transparent;
}
.color-theme{
	color:#FF5301;
}
.downbox{
	position: relative;
	min-height: 100vh;
	background: url(../img/bg.png) no-repeat center;
	background-size: 100% 100%;
	padding: .6rem .44rem  1rem;
}
.rightpic{
	position: absolute;
	right: 0;
	top:1.22rem;
	width: 4.9rem;
	z-index: 5;
}
.logmian>img{
	display: inline-block;
}
.app_main_title{
	width: 3.94rem;
	margin-top: .7rem;
	margin-left: -0.08rem;
}
.downlogo{
	width: 2.42rem;
	margin: 0 auto;
}
.downtitle{
	width: 1.7rem;
	height: .7rem;
}
.whiteline{
	width: .4rem;
	height: 2px;
	background: #ffffff;
	margin-top: .3rem;
	margin-bottom: .3rem;
}
.bginput{
	background-color: #F7F8FA;
}
.h35{
	height: .7rem;
}
.mx15{
	margin-left: .3rem !important;
	margin-right:.3rem !important;
}
.dropdown {
	min-width: 2.8rem;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 50;
	transform: scale(1.085);
	perspective: 1000px;
	transition: all 0.3s ease-in-out 0s;
	pointer-events: none;
	opacity: 0;
}
.dropdown.show {
		pointer-events: auto;
		opacity: 1;
		transform: scale(1);
	}
.downsign{
	color: #fff;
	font-size: .28rem;
	line-height: 1.75;
}
.hand{
	width: 3.9rem;
	position: relative;
	z-index: 10;
	margin-left: -.32rem;
	margin-bottom: .1rem;
}
.por{
	position: relative;
}
.flex-1{
	flex:1
}
.loginitem{
	margin-top: .4rem;
	color: #3A3B4A;
	border: 1px solid #F1F1F1;
	border-radius: .08rem;
}
.logiconbox{
	padding: .24rem .2rem .24rem .28rem;
}
.logicon{
	width: .48rem;
	height: .48rem;
}
.downicon{
	width: .24rem;
	margin-right: .14rem;
}
.downbtn{
	width: 5rem;
	height:.9rem;
	margin:.2rem auto;
	text-align: center;
	line-height: .9rem;
	border-radius: 20vw;
	font-size: .32rem;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #a4ffff;
	background-color:#4b61ab;
}
.stepbox{
	margin-top:1.2rem;
}
.stepitem{
	position: relative;
	padding-left: 1.92rem;
	font-size: .28rem;
	color: #FEFEFE;
}
.stepnumber{
	position: absolute;
	font-size: .9rem;
	color: #4585F5;
	font-weight: 600;
	bottom:-.16rem;
	left:.62rem;
}
.stepnumber2{
	bottom:.24rem;
}
.step{
	font-size: .4rem;
	position: absolute;
	bottom: .28rem;
	left: 0;
	color: rgba(69,133,245,.4);
}
.allowicon{
	width: .2rem;
	margin: .34rem auto;
}
.iostep{
	padding-left:.36rem;
	font-size: .28rem;
	color: #667ECE;
	text-align: center;
}
.mt1{
	margin-top: 1.3rem;
}
.setitem{
	width: 1.3rem;
	height: .54rem;
	line-height:1.8;
	text-align: center;
	position: relative;
	border:1px dashed #a19999;
}
.setitem::after{
	content: '';
	width: .48rem;
	height: 1px;
	background-color: #667ECE;
	position: absolute;
	top:.2rem;
	right: -.7rem;
}
.setitem1{
	border-color: #667ECE;
}
.setitem2{
	width: 1.8rem;
	height: .54rem;
	line-height:1.8;
	border:1px dashed #a19999;
}
.btmbox{
	position: relative;
}
.message{
	width: 5.34rem;
	margin:0 auto;
	position: relative;
	z-index: 1;
}
.hand-2{
	width: .72rem;
	position: absolute;
	right: .6rem;
	bottom: -.56rem;
	z-index: 2;
}
.mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 100;
	display: none;
	background-color: rgba(0,0,0,.6);
}
.maskimage{
	width: 4.68rem;
	float: right;
	margin-right: .3rem;
}
.userlogo{
	width: 1.44rem;
	height: 1.44rem;
	border-radius: 50%;
}
.f12{
	font-size: .24rem;
}
.color-default{
	color: #3A3B4A;
}
.userInfo{
	margin-left: .4rem;
}
.usename{
	font-size: .42rem;
	color: #fff;
	margin-bottom: .08rem;
	max-width: 4rem;
}
.teamPic{
	width: .88rem;
	height: .88rem;
	border-radius: 50%;
	margin-right: .3rem;
}
.teamname{
	color: #fff;
	font-size: .32rem;
	max-width: 4rem;
}
.color-white{
	color: #fff;
}
.dataCont{
	margin-top: .36rem;
}
.mt20{
	margin-top: .14rem;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.maskimg{
	width: 4.68rem;
	position: absolute;
	top:.38rem;
	right: .56rem;
}
.databox{
	padding:.3rem 0;
}
.topHeader{
	position: fixed;
	width: 100%;
	top:0;
	left: 0;
	right:0;
	padding-top: .4rem;
	background-color: #18181E;
}
.topheaderbox{
	/* padding:0 .3rem; */
}
.userbox{
	padding: .24rem .3rem 1.14rem;
	/* padding-top: .24rem; */
	/* padding-bottom: .6rem; */
	background:url(../img/bg.png) no-repeat center;
	background-size: 100% 100%;
}
.mainbox{
	padding:.7rem .3rem .3rem;
	position: relative;
}
.magbox{
	background-color: #fff;
	border-radius: .3rem;
	padding-top: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.hedpic{
	width: 1.28rem;
	height: 1.28rem;
	border-radius: 50%;
}
.pername{
	font-size: .5rem;
	letter-spacing: 1px;
	font-weight: 600;
	margin: .2rem auto ;
}
.reward{
	color: #666;
	font-size: .24rem;
}
.logo{
	width: 2.18rem;
	margin-top: .9rem;
	margin-bottom: .5rem;
}
.codebox{
	width: 5.14rem;
	margin-top: 1.1rem;
}
.tipbox{
	width: 5.14rem;
	margin-top: .8rem
}
.codetip{
	color: #999;
	font-size: .28rem;
}
.down{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	color: #fff;
	font-size: .32rem;
	letter-spacing: 1px;
	font-weight: 600;
	background-color: #5A4BB0;
	border-radius: .16rem;
	margin-top: .5rem;
}
.code{
	width: 100%;
	margin-top: .24rem;
	height: 1.2rem;
	background-color: #F5F6F7;
	border-radius: .16rem;
	color: #333;
	font-size: .36rem;
	letter-spacing: 1px;
	font-weight: 600;
	justify-content: center;
}
.copy{
	width: .4rem;
	margin-left: .16rem;
}
.tips{
	color: #909399;
	font-size: 13px;
	text-align: center;
	margin-top: .28rem;
}