@CHARSET "UTF-8";
.reportInnerContainer {
	position: relative;
	width: 3.2rem;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.homeTitleContainer {
	height: 1.25rem;
	width: 3.20rem;
	position: relative;
	margin-top: 0.12rem;
}
.homeTitleContainer .homeTitleChildContainer {
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	top: 0rem;
	
}
.homeTitleCloudContainer {
	width: 2.15rem;
	height: 1.25rem;
	margin-left: -1.07rem;
}
.homeTitleTextContainer {
	width: 2.89rem;
	height: 1.06rem;
	margin-left: -1.38rem;
	margin-top: 0.15rem;
}
.homeTitleLogoContainer {
	width: 0.48rem;
	height: 0.34rem;
	position: absolute;
	  left: 1.24rem;
  top: 0.10rem;
}

.homeSeperatorContainer {
	position: relative;
}
.homeSeperatorTitleContainer {
	width: 1rem;
	height: 0.38rem;
	margin-top: 0.12rem;
	position: relative;
}
.homeSeperatorTitleText {
	width: 0.56rem;
	height: 0.26rem;
	float: left;
	margin-top: 0.09rem;
	background: white;
}
.homeSeperatorPlaneContainer {
	width: 0.4rem;
	height: 0.38rem;
	margin-left: 0.6rem;
}
.homeSeperatorLine {
	width: 100%;
	height: 1px;
	border-bottom : 1px dashed #f43965;
	position: absolute;
	top: 0.22rem;
}

.homeUserInfoContainer {
	position: relative;
	width: 3.2rem;
	height: 3rem;
}
.homeCloudIconSmallContainer {
	width: 0.48rem;
	height: 0.3rem;
	  position: absolute;
  left: 50%;
  top: -0.07rem;
  margin-left: 0.4rem;
}
.homeCloudIcon1_1Container {
	width: 0.63rem;
	height: 0.43rem;
	position: absolute;
	left: 0.16rem;
	top: 0.26rem;
}
.homeUserNameContainer {
	height: 0.88rem;
	position: relative;
	padding-top: 0.74rem;
	transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
}
.homeUserAgeContainer {
	height: 0.42rem;
	position: absolute;
	left: 1.70rem;
	top: 1.64rem;
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}
.homeCloudIconNormalContainer {
	width: 1.02rem;
	height: 0.62rem;
	position: absolute;
	left: 2rem;
	top: 1.86rem;
}
.homeCloudIcon1_2Container {
	width: 1.52rem;
	height: 0.48rem;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/*
照片墙
*/
.photoOuterContainer {
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	border-color: #ffbbbb;
	position: absolute;
	background-color: white;
}
.photoInnerContainer {
	border-width: 1px;
	border-style: dashed;
	border-radius: 8px;
	border-color: #ffbbbb;
	overflow: hidden;
}
.workImage {
	border-radius: 8px;
}
.photoOutYellowContainer {
	border-color: #f7e46f;
}
.photoOutYellowContainer>.photoInnerContainer {
	border-color: #fdd782;
}
.photoOutGreenContainer {
	border-color: #5de2d8;
}
.photoOutGreenContainer>.photoInnerContainer {
	border-color: #0f757f;
}
.photoOutCyanContainer {
	border-color: #9ae59f;
}
.photoOutCyanContainer>.photoInnerContainer {
	border-color: #9ae59f;
}
.photoOutPinkContainer {
	border-color: #ffbbbb;
}
.photoOutPinkContainer>.photoInnerContainer {
	border-color: #c93024;
}

.photo1OuterContainer {
	width: 1.40rem;
	height: 1.00rem;
	padding: 0.06rem;
	border-color: #ffbbbb;
	left: 0.14rem;
	top: 0.24rem;
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
.photo1InnerContainer {
	border-color: #d7645b;
}
.photo2OuterContainer {
	width: 0.96rem;
	height: 0.70rem;
	padding: 0.04rem;
	border-color: #8cc5f3;
	left: 1.98rem;
	top: 0.52rem;
	transform: rotate(12deg);
	-webkit-transform: rotate(12deg);
}
.photo2InnerContainer {
	border-color: #5c74d4;
}
.photo3OuterContainer {
	width: 1.20rem;
	height: 0.84rem;
	padding: 0.04rem 0.04rem 0.18rem  0.04rem;
	border-color: #f2bbff;
	left: 1.36rem;
	top: 1.40rem;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}
.photo3InnerContainer {
	border-color: #ce8ade;
}
.photo4OuterContainer {
	width: 1.04rem;
	height: 0.72rem;
	padding: 0.04rem 0.04rem 0.14rem 0.04rem;
	border-color: #f7e46f;
	left: 0.74rem;
	top: 2rem;
	transform: rotate(-9deg);
	-webkit-transform: rotate(-9deg);
}
.photo4InnerContainer {
	border-color: #fee8b8;
}
.photo5OuterContainer {
	width: 1.38rem;
	height: 1.00rem;
	padding: 0.04rem 0.04rem 0.14rem 0.04rem;
	border-color: #5de2d8;
	left: 1.54rem;
	top: 2.70rem;
	transform: rotate(12deg);
	-webkit-transform: rotate(12deg);
}
.photo5InnerContainer {
	border-color: #4b989f;
}
.photo6OuterContainer {
	width: 1.44rem;
	height: 1.01rem;
	padding: 0.05rem 0.05rem 0.05rem 0.10rem;
	border-color: #9ae59f;
	left: 0.58rem;
	top: 3.4rem;
	transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
}
.photo6InnerContainer {
	border-color: #9bc187;
}
.photoCloud1Container {
	width: 0.77rem;
	height: 0.55rem;
	position: absolute;
	left: 0.15rem;
	top: 1.48rem;
}
.photoPlaneContainer {
	width: 0.77rem;
	height: 0.8rem;
	position: absolute;
	left: 0.14rem;
	top: 4.12rem;
	transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
}
.photoCloud2Container {
	width: 1.28rem;
	height: 0.52rem;
	position: absolute;
	bottom: 0px;
	right: 0px;
}


.titleTextImageContainer {
	height: 0.24rem;
}
.commentTextImageContainer {
	width: 2.88rem;
}

/*
梦想天地
*/
.dreamPageContainer {
	padding-left: 0.24rem;
	padding-right: 0.16rem;
}
.dreamTitleTextContainer {
	margin-top: 0.32rem;
}
.dreamIntroTextContainer {
	width: 2.50rem;
	height: 0.21rem;
	margin-top: 0.18rem;
}
.dreamWorkImageParentContainer {
	margin-top: 0.24rem;
	position: relative;
	height: 2.2rem;
}
.dreamOuterContainer {
	width: 2.42rem;
	height: 1.74rem;
	padding: 0.07rem;
	border-color: #ffab8a;
	transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
}
.dreamInnerContainer {
	border-color: #d7645b;
}
.dreamCloudContainer {
	width: 0.90rem;
	height: 0.54rem;
	position: absolute;
	left: 1.9rem;
	top: 1.6rem;
}
.dreamCommentTextContainer {
	width: 2.74rem;
}


/*
条纹
*/
.stripeTitleTextContainer {
	width: 2.81rem;
	height: 0.3rem;
	margin-left: 0.14rem;
	padding-top: 0.3rem;
}
.stripeOuterContainer {
	width: 1.94rem;
	height: 2.74rem;
	padding: 0.06rem;
	position: relative;
	margin-left: 0.8rem;
	margin-top: 0.44rem;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}
.stripeInnerContainer {
	
}
.stripeTipContainer {
	width: 2.18rem;
	height: 0.55rem;
	margin-left: 0.44rem;
	margin-top: 0.2rem;
}
.stripeCloud1Container {
	width: 0.62rem;
	height: 0.44rem;
	position: absolute;
	left: 0.05rem;
	top: 1.64rem;
}
.stripeCloud2Container {
	  width: 0.62rem;
  height: 0.44rem;
  position: absolute;
  right: -0.16rem;
  top: -0.08rem;
}


.cactusTitleTextContainer {
	margin-left: 0.22rem;
	padding-top: 0.26rem;
}
.cactusOuterContainer {
	width: 2.60rem;
	height: 1.90rem;
	position: relative;
	padding: 0.07rem;
	border-color: #65b1ef;
	margin-top: 0.22rem;
}
.cactusInnerContainer {
	border-color: #2645c6;
}
.cactusCommentContainer {
	margin-top: 0.22rem;
}
.cactusTipContainer {
	width: 2.2rem;
	height: 1.2rem;
	position: absolute;
	bottom: 0rem;
	right: 0rem;
	bottom: -0.3rem;
  right: -0.2rem;
}
.cactusTipFaceImage {
	width: 0.48rem;
	height: 0.32rem;
	  margin-top: 0.2rem;
  margin-left: 0.7rem;
}
.cactusTipTextImage {
	width: 1.26rem;
	height: 0.2rem;
	margin-left: 0.6rem;
	margin-top: 0.06rem;
}

.thornTitleTextContainer {
	width: 1.57rem;
	height: 0.37rem;
	margin-left: 0.22rem;
	padding-top:0.34rem;
	
}
.thornOuterContainer {
	width: 1.80rem;
	height: 2.72rem;
	padding: 0.08rem;
	margin-left: 0.72rem;
	margin-top: 0.42rem;
	position: relative;
	border-color: #65b1ef;
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}
.thornInnerContainer {
	border-color: #2645c6;
}
.thornTipContainer {
	width: 2.00rem;
	height: 0.32rem;
	margin-left: 1.00rem;
	margin-top: 0.40rem;
}
.thornCloud1Container {
	width: 0.64rem;
	height: 0.44rem;
	position: absolute;
	left: 1.96rem;
	top: 0.64rem;
}
.thornCloud2Container {
	width: 1.04rem;
	height: 0.62rem;
	position: absolute;
	left: 0.14rem;
	top: 3.8rem;
}


.classHomeTopPH {
	height: 1.92rem;
}
.handHomeTitleTextContainer {
	width: 2.16rem;
	height: 0.31rem;
	margin-left: 0.5rem;
}
.handHomeCloud1Container {
	width: 0.54rem;
	height: 0.36rem;
	left: 0.26rem;
	top: 0.6rem;
}
.handHomeCloud2Container {
	width: 0.8rem;
	height: 0.54rem;
	left: 2.14rem;
	top: 2.18rem;
}

.handWorkPageContainer {
}
.handWorkTopPH {
	padding-top: 0.5rem;
}
.handWorkOuterContainer {
	width: 2.62rem;
	height: 1.88rem;
	padding: 0.06rem 0.06rem 0.34rem 0.06rem;
	border-color: #f2bbff;
	position: relative;
}
.handWorkInnerContainer {
	border-color: #9c15bc;
}
.handWorkNameTextContainer {
	height: 0.19rem;
	margin-top: 0.1rem;
}
.handWorkCommentContainer {
	margin-top: 0.3rem;
}
.handWorkCloud1Container {
	width: 0.90rem;
	height: 0.54rem;
	left: 0.1rem;
	top: 2.64rem;
}
.handWorkCloud2Container {
	width: 0.52rem;
	height: 0.36rem;
	right: 0.16rem;
	bottom: 0.08rem;
}

.handHelpTitleTextContainer {
	width: 1.91rem;
	height: 0.38rem;
	margin-left: 0.36rem;
	padding-top: 0.4rem;
}
.handHelpOuterContainer {
	width: 1.68rem;
	height: 2.48rem;
	margin-left: 0.86rem;
	margin-top: 0.38rem;
	padding: 0.08rem 0.08rem 0.32rem 0.08rem;
	border-color: #f2bbff;
	position: relative;
}
.handHelpInnerContainer {
	border-color: #9c15bc;
}
.handHelpCloud1Container {
	width: 0.52rem;
	height: 0.36rem;
	left: 2.30rem;
	top: 0.6rem;
}
.handHelpCloud2Container {
	width: 2.50rem;
	height: 1.3rem;
	left: -0.4rem;
  bottom: -0.5rem;
}


/*
动起来吧
*/
.moveCloud1Container {
	width: 1.96rem;
	height: 1.12rem;
	z-index: -1;
	left: 0.1rem;
  top: 0.16rem;
}
.moveTopPH {
	height: 0.62rem;
}
.moveTitleTextContainer {
	margin-left: 0.2rem;
}
.moveIconContainer {
	width: 0.39rem;
	height: 0.46rem;
	margin-left: 1.06rem;
	margin-top: 0.33rem;
}
.moveOuterContainer {
	width: 2.32rem;
	height: 1.64rem;
	position: relative;
	padding: 0.06rem 0.06rem 0.24rem 0.06rem;
	border-color: #f7e46f;
	margin-left: 0.54rem;
}
.moveInnerContainer {
	border-color: #fcd170;
}
.moveCommentContainer {
	margin-top: 0.10rem;
}

/*
亲子做鬼脸
*/
.sweetTopPH {
	height: 0.96rem;
}
.sweetTitleTextContainer {
	width: 2.26rem;
	height: 0.2rem;
	margin-left: 0.24rem;
}
.sweetOuterContainer {
	width: 2.44rem;
	height: 1.74rem;
	padding: 0.06rem 0.06rem 0.24rem 0.06rem;
	margin-left: 0.25rem;
	margin-top: 0.2rem;
	position: relative;
	z-index: -1;
}
.sweetInnerContainer {
}
.sweetIconContainer {
	width: 0.28rem;
	height: 1.57rem;
	margin-left: 2.50rem;
	margin-top: -0.54rem;
}
.sweetCloud1Container {
	width: 2.20rem;
	height: 1.00rem;
	left: -0.6rem;
	top: -0.5rem;
}
.sweetCloud2Container {
	width: 0.82rem;
	height: 0.52rem;
	position: relative;
	margin-left: 2rem;
	margin-top: -0.2rem;
}

/*
面具
*/
.maskTopPH {
	padding-top: 0.32rem;
}
.maskOuterContainer {
	width: 2.46rem;
	height: 2.86rem;
	margin-left: 0.43rem;
	position: relative;
}
.maskTitleTextContainer {
	width: 0.30rem;
	padding: 0.18rem 0.08rem 0rem 0.10rem;
	float: left;
}
.maskInnerContainer {
	width: 1.92rem;
	height: 2.74rem;
	margin: 0.06rem 0.06rem 0.06rem 0.00rem;
	margin-left: 0.42rem;
}
.maskCommentContainer {
	margin-top: 0.23rem;
}
.maskCloud1Container {
	width: 0.68rem;
	height: 0.42rem;
	left: 2.46rem;
	top: 0.06rem;
	z-index: -1;
}
.maskCloud2Container {
	  width: 1.26rem;
  height: 0.50rem;
  bottom: -0.1rem;
  left: 0.26rem;
  z-index: -1;
  transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}


/*
技能
*/
.skillIconContainer {
	width: 1.21rem;
	height: 1.08rem;
	margin-left: 0.56rem;
	padding-top: 0.24rem;
}
.skillOuterContainer {
	width: 2.84rem;
	height: 2.18rem;
	position: relative;
	padding: 0.06rem;
	border-radius: 2.96rem / 2.30rem;
	margin-top: -0.2rem;
}
.skillInnerContainer {
	width: 2.82rem;
	height: 2.16rem;
	border-radius: 2.82rem / 2.16rem;
}
.skillTitleTextContainer {
	width: 2.18rem;
	height: 0.44rem;
	margin-top: 0.38rem;
}
.skillCloud1Container {
	width: 0.52rem;
	height: 0.36rem;
	position: relative;
	margin-left: 0.23rem;
	margin-top: 0.04rem;
}
.skillCloud2Container {
	width: 1.8rem;
	height: 0.8rem;
	right: -0.14rem;
	bottom: 0rem;
}

/*
怪兽王国
*/
.monsterTopPH {
	padding-top: 0.40rem;
}
.monsterOuterContainer {
	width: 2.7rem;
	height: 2.2rem;
	border-radius: 2.7rem / 2.2rem;
	position: relative;
	margin-left: 0.08rem;
}
.monsterInnerContainer {
	width: 2.54rem;
	height: 2.04rem;
	border-radius: 2.54rem / 2.04rem;
	margin: 0.08rem;
}
.monsterSmallOuterContainer {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 1.2rem;
	left: 1.88rem;
	top: 2.58rem;
}
.monsterSmallInnerContainer {
	margin: 0.04rem;
	width: 1.10rem;
	height: 1.10rem;
	border-radius: 1.10rem;
}
.monsterTitleTextContainer {
	margin-left: 0.18rem;
	margin-top: 0.20rem;
}
.monsterCommentContainer {
	margin-top: 0.30rem;
}
.monsterCloud1Container {
	width: 1.30rem;
	height: 0.78rem;
	top: 0rem;
	right: -0.4rem;
}

/*
美味的蛋糕
*/
.cakeTopPH {
	height: 0.34rem;
}
.cakeTitleTextContainer {
	margin-left: 0.22rem;
}
.cakeTipTextContainer {
	width: 2.06rem;
	height: 0.22rem;
	margin-left: 0.74rem;
	margin-top: 0.24rem;
}
.cakeOuterContainer {
	width: 2.78rem;
	height: 1.94rem;
	position: relative;
	margin-top: 0.14rem;
	transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
}
.cakeInnerContainer {
	width: 2.60rem;
	height: 1.76rem;
	margin: 0.08rem;
}
.cakeCommentContainer {
	margin-top: 0.33rem;
}
.cakeCloud1Container {
	width: 1.04rem;
	height: 0.56rem;
	left: 2.06rem;
	bottom: -0.2rem;
}

/*
恐龙世界
*/
.dinoTopPH {
	height: 0.24rem;
}
.dinoTitleTextContainer {
	margin-left: 0.30rem;
}
.dinoTipTextContainer {
	width: 2.00rem;
	height: 0.18rem;
	margin-left: 0.32rem;
	margin-top: 0.14rem;
}
.dinoOuterContainer {
	width: 2.70rem;
	height: 2.16rem;
	position: relative;
	margin-top: 0.02rem;
	border-color: #5de2d8;
}
.dinoInnerContainer {
	width: 2.56rem;
	height: 1.85rem;
	margin: 0.06rem 0.06rem 0.23rem 0.06rem;
	border-color: #0f757f;
}
.dinoCommentContainer {
	margin-top: 0.28rem;
}
.dinoIconContainer {
	width: 0.72rem;
	height: 0.65rem;
	position: absolute;
	left: 2.26rem;
  top: 0.21rem;
}

/*
进步首页
*/
.upHomeTopPH {
	height: 1.16rem;
}
.upHomeTitleCloudContainer {
	width: 2.80rem;
	height: 1.64rem;
	margin-left: 0.26rem;
	position: relative;
}
.upHomeTitleTextContainer {
	width: 2.18rem;
	height: 0.35rem;
	margin-left: 0.36rem;
	margin-top: 0.78rem;
}
.upHomeCloud1Container {
	width: 0.64rem;
	height: 0.44rem;
	left: 0.24rem;
	top: 0.33rem;
}
.upHomeCloud2Container {
	width: 1.04rem;
	height: 0.76rem;
	right: 0.22rem;
	bottom: 0.64rem;
}

/*
进步分值具体
*/
.upProgressOuterContainer {
	width: 100%;
	height: 3.60rem;
	  position: absolute;
  top: 50%;
  margin-top: -1.8rem;
}
.upProgressContainer {
	width: 1.26rem;
	height: 0.36rem;
	position: absolute;
	  top: 0.68rem;
  right: 1.74rem;
}
.upProgressScoreContainer {
	width: 100%;
	height: 0.36rem;
}
.upProgressScoreItemContainer {
	float: left;
}
.upProgressScoreItem {
	width: 0.20rem;
	height: 0.36rem;
	margin-left: -0.05rem;
}
.upProgressScoreItemFirst {
	margin-left: 0px;
}
.upProgressBottomContainer {
	width: 1.40rem;
	height: 0.38rem;
	position: absolute;
		top: 1.06rem;
  right: 1.62rem;
}
.upAbilityContainer {
	width: 1.08rem;
	height: 0.21rem;
	position: absolute;
	  top: 1.20rem;
  right: 1.80rem;
}
.upAbilityItem {
	position: absolute;
}

.upCircleContainer {
	width: 3.60rem;
	height: 3.60rem;
	position: absolute;
	right: -1.80rem;
}

.upCircleContainer.upCircleAnimation1 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	animation-name: upCircleAnimation1;
	animation: upCircleAnimation1 1s;
	-webkit-animation: upCircleAnimation1 1s;
	-moz-animation: upCircleAnimation1 1s;
}
@-webkit-keyframes upCircleAnimation1{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	100% {transform: rotate(90deg);-webkit-transform: rotate(90deg);}
}
.upCircleContainer.upCircleAnimation2 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	animation-name: upCircleAnimation2;
	animation: upCircleAnimation2 1s;
	-webkit-animation: upCircleAnimation2 1s;
	-moz-animation: upCircleAnimation2 1s;
}
@-webkit-keyframes upCircleAnimation2{
	0%{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
	100% {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
}
.upCircleContainer.upCircleAnimation3 {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	animation-name: upCircleAnimation3;
	animation: upCircleAnimation3 1s;
	-webkit-animation: upCircleAnimation3 1s;
	-moz-animation: upCircleAnimation3 1s;
}
@-webkit-keyframes upCircleAnimation3{
	0%{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	100% {transform: rotate(270deg);-webkit-transform: rotate(270deg);}
}
.upCircleContainer.upCircleAnimation4 {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	animation-name: upCircleAnimation4;
	animation: upCircleAnimation4 1s;
	-webkit-animation: upCircleAnimation4 1s;
	-moz-animation: upCircleAnimation4 1s;
}
@-webkit-keyframes upCircleAnimation4{
	0%{transform: rotate(270deg);-webkit-transform: rotate(270deg);}
	100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
.upCloud1Container {
	width: 0.90rem;
	height: 0.56rem;
	right: 0.10rem;
	top: 0.10rem;
}
.upCloud2Container {
	width: 0.62rem;
	height: 0.42rem;
	position: absolute;
	left: 0.16rem;
	bottom: 0.82rem;
}
.upCloud3Container {
	width: 2.12rem;
	height: 1.16rem;
	right: -0.2rem;
	bottom: -0.3rem;
}


/*
总结
*/
#summaryPage {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.summaryPageContainer {
	
}
.summaryTopPH {
	height: 0.04rem;
}
.summaryTitleTextContainer {
	width: 1.85rem;
	height: 1.06rem;
	margin-left: 0.36rem;
}
.summaryCommentContainer {
	margin-top: 0.22rem;
}
.summaryFinishButtonContainer {
	width: 1.31rem;
	height: 0.77rem;
	padding-bottom: 0.26rem;
}
.summaryCloud1Container {
	width: 0.46rem;
	height: 0.32rem;
	left: 2.50rem;
	top: 0.86rem;
}
.summaryCloud2Container {
	width: 1.20rem;
	height: 0.30rem;
	margin-left: -0.2rem;
	background-size: 1.20rem 0.60rem;
}

/*
完成页
*/
#finishPage {
}
.finishTopPH {
	height: 0.16rem;
}
.finishIconConatiner {
	width: 1.59rem;
	height: 0.67rem;
	margin-left: 0.13rem;
}
.finishUserNameContainer {
	height: 0.60rem;
	margin-left: 1.08rem;
	transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
}
.finishTitleContainer {
	width: 3.00rem;
	height: 0.80rem;
	margin-top: 0.50rem;
}
.finishQrcodeOuterContainer {
	margin-top: 0.16rem;
}
.finishQrcodeContainer {
}
.finishCloud1Container {
	width: 0.42rem;
	height: 0.26rem;
	left: 2.50rem;
	top: 1.00rem;
	  z-index: -1;
}
.finishCloud2Container {
	width: 0.64rem;
	height: 0.44rem;
	left: 0.42rem;
	top: 1.30rem;
}
.finishCloud3Container {
	width: 1.04rem;
	height: 0.60rem;
	right: 0.16rem;
	bottom: 0.64rem;
}
.finishCloud4Container {
	width: 1.5rem;
	height: 0.5rem;
	left: 0rem;
	bottom: 0rem;
}
.finishPlaneContainer {
	width: 0.4rem;
	height: 0.37rem;
	right: 2.70rem;
	top: 3.24rem;
	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
}
.finishPlaneContainer.finishPlaneContainerAnimation {
	right: -0.80rem;
	top: 2.00rem;
	animation-name: finishPlaneContainerAnimation;
	animation: finishPlaneContainerAnimation 2s;
	-webkit-animation: finishPlaneContainerAnimation 2s;
	-moz-animation: finishPlaneContainerAnimation 2s;
}
@-webkit-keyframes finishPlaneContainerAnimation{
	0%{right: 2.70rem;top: 3.24rem;}
	100% {right: -0.80rem;top: 2.00rem;}
}
.finishQrcodeTipContainer {
	margin-top: 0.10rem;
}
.finishQrcodeTip {
	margin-top: 0.05rem;
	font-size: 0.16rem;
}


.reportButtonContainer {
	width: 0.50rem;
	height: 0.50rem;
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	z-index: 100;
}


#loadingPage {
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: yellow;
	position: absolute;
	top: 0rem;
	left: 0rem;
}

.mainPage {
	display: block;
	
}