@charset "utf-8";
/*CSS Document */
/*clear: both; */
/*display: block;*/
/*background:transparent;*/
/*font-weight:bold;*/
/*音乐播放*/
.pauseBtn {
	background: url(../images/muc_1.png) no-repeat;
	background-size: 100% 100%;
	position: fixed;
	z-index: 999998;
	width: 1.3rem;
    height: 1.3rem;
    top: 0.5rem;
    left: 0.5rem;
}
.rotate {
	animation: rotate 3s infinite linear;
}
@keyframes rotate{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.ModuleJump{
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    width: 3rem;
    height: 2rem;
    background: #333;
}

.ModuleBox{
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: #fff;
}
.ModuleBoxBody{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    display: flex;
}
.ModuleBoxBodyBody{
    position: absolute;
    width: 640px;
    height: 100%;
    transform-origin: 0% 0% 0px; 
    transform: translate3d(0%, 0%, 0px) matrix(1, 0, 0, 1, 0, 0);
}
.ModuleBoxBodyBodyBody{
    position: absolute;
    width: 640px;
    transform-origin: 0% 0% 0px; 
    transform: translate(0%, 0%);
    /* transition:transform 0.05s linear; */
	/* overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-behavior:smooth; */
}
.ModuleBoxBodyBodyBodyPart1,
.ModuleBoxBodyBodyBodyPart2,
.ModuleBoxBodyBodyBodyPart3,
.ModuleBoxBodyBodyBodyPart4,
.ModuleBoxBodyBodyBodyPart5,
.ModuleBoxBodyBodyBodyPart6{
    position: relative;
    width: 100%;
    float: left;
}
.ModuleBoxBodyBodyBodyPart1Element,
.ModuleBoxBodyBodyBodyPart1Ribbon,
.ModuleBoxBodyBodyBodyPart2Element,
.ModuleBoxBodyBodyBodyPart2Ribbon,
.ModuleBoxBodyBodyBodyPart3Element,
.ModuleBoxBodyBodyBodyPart3Ribbon,
.ModuleBoxBodyBodyBodyPart5Ribbon{
    position: absolute;
}
.ModuleBoxBodyBodyBodyPart1Item0_1{
    position: absolute;
    top: 9.8rem;
    left: 1.6rem;
    width: 15.4rem;
}
.ModuleBoxBodyBodyBodyPart1Item1_1{
    position: absolute;
    top: 45.7rem;
    left: 5.8rem;
    width: 10.2rem;
    height: 10.2rem;
    /* background: rgba(223, 195, 111, 0.7); ; */
    /* border-radius:100%; */
    opacity:0;
}
.ModuleBoxBodyBodyBodyPart1Item1_1Text{
    position: absolute;
    top: 2.2rem;
    left: 0.3rem;
    width: 10.5rem;
}
.ModuleBoxBodyBodyBodyPart1Item1_1Btn{
    position: absolute;
    top: 7.2rem;
    left: 3.2rem;
    width: 4.5rem;
}
.ModuleBoxBodyBodyBodyPart1Item1_1BtnGesture,
.ModuleBoxBodyBodyBodyPart2Item1_5Gesture,
.ModuleBoxBodyBodyBodyPart3Item1_6Gesture,
.ModuleBoxBodyBodyBodyPart4Item1_4Gesture,
.ModuleBoxBodyBodyBodyPart5Item1_3Gesture{
    position: absolute;
    bottom: -1rem;
    left: 4.1rem;
    width: 0.7rem;
    transform:translate(0rem,0rem) rotate(-40deg);
	animation:ModuleBoxBodyBodyBodyPart1Item1_1BtnGesture 0.8s infinite linear;
}
.ModuleBoxBodyBodyBodyPart4Item1_4Gesture{
    left: 4.7rem;
}
@keyframes ModuleBoxBodyBodyBodyPart1Item1_1BtnGesture{
	0%{transform:translate(0.2rem,0.2rem) rotate(-40deg);}
	50%{transform:translate(0rem,0rem) rotate(-40deg);}
	100%{transform:translate(0.2rem,0.2rem) rotate(-40deg);}
}
.ModuleBoxBodyBodyBodyPart1Item1_2{
    position: absolute;
    top: 54.7rem;
    left: 3.2rem;
    width: 11.1rem;
    opacity:0;
}
.ModuleBoxBodyBodyBodyPart1Item1_3{
    position: absolute;
    top: 56.4rem;
    left: 5.9rem;
    width: 9.8rem;
    opacity:0;
}
.ModuleBoxBodyBodyBodyPart1Item1_4{
    position: absolute;
    top: 45.3rem;
    left: 4.1rem;
    width: 7.4rem;
    opacity:0;
}
.ModuleBoxBodyBodyBodyPart1Item2_1{
    position: absolute;
    top: 80.4rem;
    left: 2rem;
    width: 10.2rem;
    height: 10.2rem;
    /* background: rgba(223, 195, 111, 0.7);
    border-radius:100%; */
}
.ModuleBoxBodyBodyBodyPart1Item2_1Text{
    position: absolute;
    top: 2.1rem;
    left: 0.5rem;
    width: 6.2rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_1Btn{
    position: absolute;
    top: 8rem;
    left: 2rem;
    width: 3.5rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_1BtnGesture,
.ModuleBoxBodyBodyBodyPart2Item2_6Gesture,
.ModuleBoxBodyBodyBodyPart3Item2_5Gesture,
.ModuleBoxBodyBodyBodyPart4Item2_5Gesture,
.ModuleBoxBodyBodyBodyPart5Item2_2Gesture{
    position: absolute;
    bottom: -0.7rem;
    left: -0.7rem;
    width: 0.7rem;
    transform: translate(0rem,0rem) rotate(40deg);
	animation:ModuleBoxBodyBodyBodyPart1Item2_1BtnGesture 0.8s infinite linear;
}
@keyframes ModuleBoxBodyBodyBodyPart1Item2_1BtnGesture{
	0%{transform:translate(-0.2rem,0.2rem) rotate(40deg);}
	50%{transform:translate(0rem,0rem) rotate(40deg);}
	100%{transform:translate(-0.2rem,0.2rem) rotate(40deg);}
}
.ModuleBoxBodyBodyBodyPart1Item2_2{
    position: absolute;
    top: 79.9rem;
    left: 10.2rem;
    width: 7.2rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_3{
    position: absolute;
    top: 87rem;
    left: 7.7rem;
    width: 8.6rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_4{
    position: absolute;
    top: 88.1rem;
    left: 4.8rem;
    width: 13rem;
    /* pointer-events:none; */
}
.ModuleBoxBodyBodyBodyPart1Item2_5{
    position: absolute;
    top: 94.6rem;
    left: 6.1rem;
    width: 9.5rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_6{
    position: absolute;
    top: 88.1rem;
    left: 4.8rem;
    width: 13rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_5Image,
.ModuleBoxBodyBodyBodyPart1Item3_3Image,
.ModuleBoxBodyBodyBodyPart2Item2_4Image,
.ModuleBoxBodyBodyBodyPart2Item3_4Image,
.ModuleBoxBodyBodyBodyPart3Item2_3Image,
.ModuleBoxBodyBodyBodyPart3Item3_2Image,
.ModuleBoxBodyBodyBodyPart4Item2_6Image,
.ModuleBoxBodyBodyBodyPart4Item3_2Image,
.ModuleBoxBodyBodyBodyPart5Item2_4Image,
.ModuleBoxBodyBodyBodyPart5Item3_3Image{
    position: absolute;
    top: 1.8rem;
    left: 1.8rem;
    width: 6rem;
    height: 3.4rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_5Text,
.ModuleBoxBodyBodyBodyPart1Item3_3Text,
.ModuleBoxBodyBodyBodyPart2Item2_4Text,
.ModuleBoxBodyBodyBodyPart2Item3_4Text,
.ModuleBoxBodyBodyBodyPart3Item2_3Text,
.ModuleBoxBodyBodyBodyPart3Item3_2Text,
.ModuleBoxBodyBodyBodyPart4Item2_6Text,
.ModuleBoxBodyBodyBodyPart4Item3_2Text,
.ModuleBoxBodyBodyBodyPart5Item2_4Text,
.ModuleBoxBodyBodyBodyPart5Item3_3Text{
    position: absolute;
    bottom: 3.3rem;
    left: 1.8rem;
    width: 6rem;
    height: 1rem;
    background: rgba(18, 18, 18, 0.5);
}
.ModuleBoxBodyBodyBodyPart1Item2_5Text img,
.ModuleBoxBodyBodyBodyPart1Item3_3Text img,
.ModuleBoxBodyBodyBodyPart2Item2_4Text img,
.ModuleBoxBodyBodyBodyPart2Item3_4Text img,
.ModuleBoxBodyBodyBodyPart3Item2_3Text img,
.ModuleBoxBodyBodyBodyPart3Item3_2Text img,
.ModuleBoxBodyBodyBodyPart4Item2_6Text img,
.ModuleBoxBodyBodyBodyPart4Item3_2Text img,
.ModuleBoxBodyBodyBodyPart5Item2_4Text img,
.ModuleBoxBodyBodyBodyPart5Item3_3Text img{
    position: absolute;
    top: 0.2rem;
    left: 1.75rem;
    width: 2.5rem;
}
.ModuleBoxBodyBodyBodyPart1Item2_5Gesture,
.ModuleBoxBodyBodyBodyPart1Item3_3Gesture,
.ModuleBoxBodyBodyBodyPart2Item2_4Gesture,
.ModuleBoxBodyBodyBodyPart2Item3_4Gesture,
.ModuleBoxBodyBodyBodyPart3Item2_3Gesture,
.ModuleBoxBodyBodyBodyPart3Item3_2Gesture,
.ModuleBoxBodyBodyBodyPart4Item2_6Gesture,
.ModuleBoxBodyBodyBodyPart4Item3_2Gesture,
.ModuleBoxBodyBodyBodyPart5Item2_4Gesture,
.ModuleBoxBodyBodyBodyPart5Item3_3Gesture{
    position: absolute;
    bottom: 2.7rem;
    left: 1.1rem;
    width: 0.7rem;
    transform: translate(0rem,0rem) rotate(40deg);
	animation:ModuleBoxBodyBodyBodyPart1Item2_5Gesture 0.8s infinite linear;
}
@keyframes ModuleBoxBodyBodyBodyPart1Item2_5Gesture{
	0%{transform:translate(-0.2rem,0.2rem) rotate(40deg);}
	50%{transform:translate(0rem,0rem) rotate(40deg);}
	100%{transform:translate(-0.2rem,0.2rem) rotate(40deg);}
}
.ModuleBoxBodyBodyBodyPart1Item3_1{
    position: absolute;
    top: 115.9rem;
    left: 8.2rem;
    width: 9rem;
}
.ModuleBoxBodyBodyBodyPart1Item3_2{
    position: absolute;
    top: 121.6rem;
    left: 2.3rem;
    width: 12.4rem;
}
.ModuleBoxBodyBodyBodyPart1Item3_3{
    position: absolute;
    top: 128.8rem;
    left: 2.9rem;
    width: 9.5rem;
}
.ModuleBoxBodyBodyBodyPart1Item3_4{
    position: absolute;
    top: 114.3rem;
    left: 3.5rem;
    width: 5.4rem;
}
.ModuleBoxBodyBodyBodyPart1Item3_5{
    position: absolute;
    top: 135.8rem;
    left: 5.1rem;
    width: 5.2rem;
}
.ModuleBoxBodyBodyBodyPart1Item3_6{
    position: absolute;
    top: 121.6rem;
    left: 2.3rem;
    width: 12.4rem;
}
.ModuleBoxBodyBodyBodyPart1Item3_5Gesture,
.ModuleBoxBodyBodyBodyPart2Item3_5Gesture,
.ModuleBoxBodyBodyBodyPart3Item3_4Gesture,
.ModuleBoxBodyBodyBodyPart4Item3_4Gesture,
.ModuleBoxBodyBodyBodyPart5Item3_4Gesture{
    position: absolute;
    bottom: 1.8rem;
    left: -0.3rem;
    width: 0.7rem;
    transform: translate(0rem,0rem) rotate(40deg);
	animation:ModuleBoxBodyBodyBodyPart1Item3_5Gesture 0.8s infinite linear;
}
@keyframes ModuleBoxBodyBodyBodyPart1Item3_5Gesture{
	0%{transform:translate(-0.2rem,0.2rem) rotate(40deg);}
	50%{transform:translate(0rem,0rem) rotate(40deg);}
	100%{transform:translate(-0.2rem,0.2rem) rotate(40deg);}
}

.ModuleBoxBodyBodyBodyPart2Item1_1{
    position: absolute;
    top: 13.7rem;
    left: 2.9rem;
    width: 8.7rem;
}
.ModuleBoxBodyBodyBodyPart2Item1_2{
    position: absolute;
    top: 12.5rem;
    left: 4.5rem;
    width: 9.1rem;
}
.ModuleBoxBodyBodyBodyPart2Item1_3{
    position: absolute;
    top: 3.2rem;
    left: 5.4rem;
    width: 3.2rem;
}
.ModuleBoxBodyBodyBodyPart2Item1_4{
    position: absolute;
    top: 5.3rem;
    left: 6.95rem;
    width: 10.5rem;
}
.ModuleBoxBodyBodyBodyPart2Item1_5{
    position: absolute;
    top: 10.3rem;
    left: 9.9rem;
    width: 4.4rem;
}
.ModuleBoxBodyBodyBodyPart2Item2_1{
    position: absolute;
    top: 38.2rem;
    left: 9.2rem;
    width: 6.5rem;
}
.ModuleBoxBodyBodyBodyPart2Item2_2{
    position: absolute;
    top: 48.2rem;
    left: 6.7rem;
    width: 6.8rem;
}
.ModuleBoxBodyBodyBodyPart2Item2_3{
    position: absolute;
    top: 45.4rem;
    left: 7rem;
    width: 7.4rem;
}
.ModuleBoxBodyBodyBodyPart2Item2_4{
    position: absolute;
    top: 51.8rem;
    left: 3.8rem;
    width: 9.5rem;
}
.ModuleBoxBodyBodyBodyPart2Item2_5{
    position: absolute;
    top: 43.5rem;
    left: 2.1rem;
    width: 5.5rem;
}
.ModuleBoxBodyBodyBodyPart2Item2_6{
    position: absolute;
    top: 47.1rem;
    left: 3.1rem;
    width: 3.5rem;
}
.ModuleBoxBodyBodyBodyPart2Item2_7{
    position: absolute;
    top: 45.8rem;
    left: 8.2rem;
    width: 5.2rem;
}
.ModuleBoxBodyBodyBodyPart2Item3_1{
    position: absolute;
    top: 73.95rem;
    left: 2.4rem;
    width: 6.2rem;
}
.ModuleBoxBodyBodyBodyPart2Item3_2{
    position: absolute;
    top: 81.1rem;
    left: 11.7rem;
    width: 5.4rem;
}
.ModuleBoxBodyBodyBodyPart2Item3_3{
    position: absolute;
    top: 76rem;
    left: 7.5rem;
    width: 5.6rem;
}
.ModuleBoxBodyBodyBodyPart2Item3_4{
    position: absolute;
    top: 84.5rem;
    left: 5.8rem;
    width: 9.5rem;
}
.ModuleBoxBodyBodyBodyPart2Item3_5{
    position: absolute;
    top: 91.4rem;
    left: 8rem;
    width: 5.2rem;
}
.ModuleBoxBodyBodyBodyPart2Item3_6{
    position: absolute;
    top: 76.1rem;
    left: 5.8rem;
    width: 9.5rem;
}

.ModuleBoxBodyBodyBodyPart3Item1_1{
    position: absolute;
    top: 15.5rem;
    left: 10.9rem;
    width: 6.5rem;
}
.ModuleBoxBodyBodyBodyPart3Item1_2{
    position: absolute;
    top: 20.7rem;
    left: 7.3rem;
    width: 10.7rem;
}
.ModuleBoxBodyBodyBodyPart3Item1_3{
    position: absolute;
    top: 4.2rem;
    left: 5.95rem;
    width: 10.6rem;
}
.ModuleBoxBodyBodyBodyPart3Item1_4{
    position: absolute;
    top: 9.6rem;
    left: 5.2rem;
    width: 7.1rem;
}
.ModuleBoxBodyBodyBodyPart3Item1_5{
    position: absolute;
    top: 3.1rem;
    left: 3.3rem;
    width: 3.7rem;
}
.ModuleBoxBodyBodyBodyPart3Item1_6{
    position: absolute;
    top: 9rem;
    left: 8.7rem;
    width: 4.5rem;
}
.ModuleBoxBodyBodyBodyPart3Item2_1{
    position: absolute;
    top: 40.8rem;
    left: 2rem;
    width: 5.6rem;
}
.ModuleBoxBodyBodyBodyPart3Item2_2{
    position: absolute;
    top: 42.8rem;
    left: 6.7rem;
    width: 9.85rem;
}
.ModuleBoxBodyBodyBodyPart3Item2_3{
    position: absolute;
    top: 50.9rem;
    left: 5.8rem;
    width: 9.4rem;
}
.ModuleBoxBodyBodyBodyPart3Item2_4{
    position: absolute;
    top: 37.25rem;
    left: 10.2rem;
    width: 5.7rem;
}
.ModuleBoxBodyBodyBodyPart3Item2_5{
    position: absolute;
    top: 47.25rem;
    left: 3.25rem;
    width: 3.5rem;
}
.ModuleBoxBodyBodyBodyPart3Item2_6{
    position: absolute;
    top: 42.8rem;
    left: 6.7rem;
    width: 9.85rem;
}
.ModuleBoxBodyBodyBodyPart3Item3_1{
    position: absolute;
    top: 78rem;
    left: 7.7rem;
    width: 7.7rem;
}
.ModuleBoxBodyBodyBodyPart3Item3_2{
    position: absolute;
    top: 85.7rem;
    left: 6.2rem;
    width: 9.3rem;
}
.ModuleBoxBodyBodyBodyPart3Item3_3{
    position: absolute;
    top: 77.9rem;
    left: 3.3rem;
    width: 5.9rem;
}
.ModuleBoxBodyBodyBodyPart3Item3_4{
    position: absolute;
    top: 92.6rem;
    left: 8.3rem;
    width: 5.1rem;
}
.ModuleBoxBodyBodyBodyPart3Item3_5{
    position: absolute;
    top: 78rem;
    left: 7.7rem;
    width: 7.7rem;
}
.ModuleBoxBodyBodyBodyPart4Item1_1{
    position: absolute;
    top: 11.4rem;
    left: 4.7rem;
    width: 10.1rem;
}
.ModuleBoxBodyBodyBodyPart4Item1_2{
    position: absolute;
    top: 5.2rem;
    left: 7.1rem;
    width: 10.4rem;
}
.ModuleBoxBodyBodyBodyPart4Item1_3{
    position: absolute;
    top: 4.5rem;
    left: 4.1rem;
    width: 4.5rem;
}
.ModuleBoxBodyBodyBodyPart4Item1_4{
    position: absolute;
    top: 10.1rem;
    left: 9.4rem;
    width: 5.1rem;
}
.ModuleBoxBodyBodyBodyPart4Item2_1{
    position: absolute;
    top: 43.8rem;
    left: 6.6rem;
    width: 10.5rem;
}
.ModuleBoxBodyBodyBodyPart4Item2_3{
    position: absolute;
    top: 42rem;
    left: 1.9rem;
    width: 5.5rem;
}
.ModuleBoxBodyBodyBodyPart4Item2_4{
    position: absolute;
    top: 37.3rem;
    left: 10.3rem;
    width: 5.6rem;
}
.ModuleBoxBodyBodyBodyPart4Item2_5{
    position: absolute;
    top: 47.6rem;
    left: 3.1rem;
    width: 3.6rem;
}
.ModuleBoxBodyBodyBodyPart4Item2_6{
    position: absolute;
    top: 49.6rem;
    left: 6.35rem;
    width: 9.3rem;
}
.ModuleBoxBodyBodyBodyPart4Item2_7{
    position: absolute;
    top: 42.1rem;
    left: 11.5rem;
    width: 5.3rem;
}
.ModuleBoxBodyBodyBodyPart4Item3_1{
    position: absolute;
    top: 76.4rem;
    left: 6.3rem;
    width: 6.3rem;
}
.ModuleBoxBodyBodyBodyPart4Item3_2{
    position: absolute;
    top: 86.4rem;
    left: 3.1rem;
    width: 9.3rem;
}
.ModuleBoxBodyBodyBodyPart4Item3_3{
    position: absolute;
    top: 78.1rem;
    left: 3.1rem;
    width: 5.9rem;
}
.ModuleBoxBodyBodyBodyPart4Item3_4{
    position: absolute;
    top: 93.4rem;
    left: 5.3rem;
    width: 5.1rem;
}
.ModuleBoxBodyBodyBodyPart4Item3_5{
    position: absolute;
    top: 82.0rem;
    left: 3.9rem;
    width: 11.1rem;
}
.ModuleBoxBodyBodyBodyPart5Item1_1{
    position: absolute;
    top: 4rem;
    left: 4.8rem;
    width: 4.5rem;
}
.ModuleBoxBodyBodyBodyPart5Item1_2{
    position: absolute;
    top: 5.7rem;
    left: 8.4rem;
    width: 7.6rem;
}
.ModuleBoxBodyBodyBodyPart5Item1_3{
    position: absolute;
    top: 10rem;
    left: 9.8rem;
    width: 4.3rem;
}
.ModuleBoxBodyBodyBodyPart5Item1_4{
    position: absolute;
    top: 12.7rem;
    left: 4.8rem;
    width: 11.4rem;
}
.ModuleBoxBodyBodyBodyPart5Item2_1{
    position: absolute;
    top: 38rem;
    left: 10.7rem;
    width: 4.5rem;
}
.ModuleBoxBodyBodyBodyPart5Item2_2{
    position: absolute;
    top: 45.3rem;
    left: 2.3rem;
    width: 3.6rem;
}
.ModuleBoxBodyBodyBodyPart5Item2_3{
    position: absolute;
    top: 43.8rem;
    left: 6.1rem;
    width: 8.3rem;
}
.ModuleBoxBodyBodyBodyPart5Item2_4{
    position: absolute;
    top: 50.1rem;
    left: 4.9rem;
    width: 9.3rem;
}
.ModuleBoxBodyBodyBodyPart5Item2_5{
    position: absolute;
    top: 39rem;
    left: 1.25rem;
    width: 5.45rem;
}
.ModuleBoxBodyBodyBodyPart5Item2_6{
    position: absolute;
    top: 43.8rem;
    left: 9.25rem;
    width: 5.5rem;
}
.ModuleBoxBodyBodyBodyPart5Item3_1{
    position: absolute;
    top: 75.8rem;
    left: 5.9rem;
    width: 5rem;
}
.ModuleBoxBodyBodyBodyPart5Item3_2{
    position: absolute;
    top: 77.6rem;
    left: 9.3rem;
    width: 5.6rem;
}
.ModuleBoxBodyBodyBodyPart5Item3_3{
    position: absolute;
    top: 85.9rem;
    left: 7rem;
    width: 9.3rem;
}
.ModuleBoxBodyBodyBodyPart5Item3_4{
    position: absolute;
    top: 92.8rem;
    left: 9.2rem;
    width: 5.1rem;
}
.ModuleBoxBodyBodyBodyPart5Item3_5{
    position: absolute;
    top: 79rem;
    left: 7rem;
    width: 8.8rem;
}
.ModuleBoxBodyBodyBodyPart5Item4_1{
    position: absolute;
    top: 112.9rem;
    left: 1rem;
    width: 16rem;
}
.ModuleBoxBodyBodyBodyPart5Item4_1_1{
    position: absolute;
    top: 4.51rem;
    left: 2rem;
    width: 12.3rem;
}
.ModuleBoxBodyBodyBodyPart5Item4_1_2{
    position: absolute;
    top: 15.95rem;
    left: 1.05rem;
    width: 14.3rem;
}
.ModuleBoxBodyBodyBodyPart5Item5_1{
    position: absolute;
    top: 129rem;
    left: 0.5rem;
    width: 17rem;
}
.ModuleBoxBodyBodyBodyPart5Item5_2,
.ModuleBoxBodyBodyBodyPart5Item5_3{
    position: absolute;
    top: 159rem;
    left: 0.5rem;
    width: 17rem;
}
.ModuleBoxBodyBodyBodyPart5Item5_2{
    top: 158.7rem;
}
.ModuleBoxBodyBodyBodyPart5Item5_4{
    position: absolute;
    top: 153.5rem;
    left: 4rem;
    width: 10rem;
}


.ModuleBoxBodyBodyBodyPartMaterial{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background:url(../images/ModuleBoxBodyBodyBodyPartMaterial.png);
    background-position: center;
    /* background-size:100% auto; */
    /* background-repeat:no-repeat; */
}
.ModuleBoxBodyBodyLantern,
.ModuleBoxBodyBodyLantern2{
    position: absolute;
    left: 0px;
    transform-origin:50% 50%;
    transform: scaleX(-1);
}
.ModuleBoxBodyBodyLanternBody,
.ModuleBoxBodyBodyLantern2Body{
    width: 6.5rem;
    height: 6.5rem;
    float: left;
    opacity:0;
    transition:opacity 0.3s;
}

.ModuleBoxBodyBodyWelcome{
    /* display:none; */
    position: absolute;
    /* top: 50%; */

    top:2rem;
    left: 0rem;
    width: 18rem;
    height: 26rem;
    /* margin-top: -13rem; */
    opacity:0;
    transition:opacity 0.5s;
    pointer-events:none;
}
.ModuleBoxBodyBodyWelcome1_1,
.ModuleBoxBodyBodyWelcome1_2,
.ModuleBoxBodyBodyWelcome2_1,
.ModuleBoxBodyBodyWelcome2_2,
.ModuleBoxBodyBodyWelcome3_1,
.ModuleBoxBodyBodyWelcome3_2,
.ModuleBoxBodyBodyWelcomeTitle{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 18rem;
    opacity:0;
    transition:opacity 2s;
}
.ModuleBoxBodyBodyWelcomeTitle{
    top: 1rem;
    transition:opacity 1.5s,top 1.5s;
}
.ModuleBoxBodyBodyWelcomeTopLogo{
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 4rem;
    opacity:1;
    transition:opacity 1s;
}
.ModuleBoxBodyBodyWelcomeBottomText{
    position: absolute;
    bottom: 1rem;
    left: 4.75rem;
    width: 8.5rem;
    opacity:0;
    transition:opacity 1s;
}
.ModuleBoxBodyBodyWelcomeArrow{
    position: absolute;
    top: 12rem;
    left: 2.5rem;
    width: 2.5rem;
    height: 4rem;
    overflow:visible;
}
.ModuleBoxBodyBodyWelcomeArrowText{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 1rem;
    font-size: 0.55rem;
    text-align:center;
    line-height:1rem;
    color: #634a2a;
    font-weight:bold;
    opacity:0;
    transition:opacity 0.5s;
}
.ModuleBoxBodyBodyWelcomeArrowItem1,
.ModuleBoxBodyBodyWelcomeArrowItem2,
.ModuleBoxBodyBodyWelcomeArrowItem3,
.ModuleBoxBodyBodyWelcomeArrowItem4{
    position: absolute;
    top: 1.3rem;
    left: 0.85rem;
    width: 0.8rem;
    opacity:0;
    transition:opacity 0.5s;
}
.ModuleBoxBodyBodyWelcomeArrowItem2{
    top: 1.9rem;
}
.ModuleBoxBodyBodyWelcomeArrowItem3{
    top: 2.6rem;
}
.ModuleBoxBodyBodyWelcomeArrowItem4{
    top: 3.3rem;
}



.ModuleBoxVideo{
    display:none;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.8);
}
.ModuleBoxVideoBody{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ModuleBoxVideoBodyBody{
    width: 100%;
    float: left;
}
.ModuleBoxVideoBodyBody video{
    width: 100%;
    float: left;
}
.ModuleBoxVideoClose{
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 4rem;
}
.ModuleBoxImages{
    display:none;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.8);
}
.ModuleBoxImagesBody{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ModuleBoxImagesBodyBackground{
    position: relative;
    width: 100%;
    float: left;
}
.ModuleBoxImagesBodyBody{
    position: relative;
}
.ModuleBoxImagesBodyBodyLeft,
.ModuleBoxImagesBodyBodyRight{
    position: absolute;
    top: 50%;
    left: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.75rem;
}
.ModuleBoxImagesBodyBodyRight{
    left: auto;
    right: 0.5rem;
}
.ModuleBoxImagesBodyBodyRight img{
    transform:scaleX(-1);
}
.ModuleBoxImagesBodyBodyImage{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13rem;
    height: 9rem;
    margin-top: -4.55rem;
    margin-left: -6.5rem;
    border-radius:0.3rem;
}
.ModuleBoxImagesBodyBodyImageClick{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
.ModuleBoxImagesBodyBodyImage ul{
    float: left;
    transition: transform 0.3s;
}
.ModuleBoxImagesBodyBodyImage ul li{
    width: 13rem;
    height: 9rem;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ModuleBoxImagesBodyBodyImage ul li img{
    max-width: 98.5%;
    max-height: 98.5%;
    border-radius:0.3rem;
}
.ModuleBoxImagesBodyBodyClose{
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    width: 1.3rem;
}
.ModuleBoxImageMax{
    display:none;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.8);
}
.ModuleBoxImageMaxBody,
.ModuleBoxImageMaxBodyBody{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ModuleBoxImageMaxBodyBodyBody{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ModuleBoxImageMaxBodyBodyBody img{
    max-width: 100%;
    max-height: 100%;
}
.ModuleBoxImageMaxBodyTips{
	display:none;
	position: absolute;
	bottom: 1rem;
	left: 3rem;
	width: 12rem;
	color: #fff;
	text-align:center;
	line-height:2rem;
	font-size: 0.6rem;
	background: rgba(35,35,35,0.9);
	border-radius:0.3rem;
}
.ModuleBoxImageMaxClose{
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 3rem;
}

.ModuleBoxText{
    display:none;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.8);
}
.ModuleBoxTextBody{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ModuleBoxTextBodyBody{
    position: relative;
    width: 100%;
    float: left;
}
.ModuleBoxTextBodyBodyContent{
    position: absolute;
    top: 6.6rem;
    left: 4.5rem;
    width: 8.8rem;
    height: 15.8rem;
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-behavior:smooth;
}
.ModuleBoxTextBodyBodyClose{
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    width: 1.4rem;
    margin-left: -0.7rem;
}


.ModuleBoxShield{
    display:none;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
}






.ModuleLoad{
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.8);
}
.ModuleLoadBackground{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: #fdd981;
}
.ModuleLoadBody{
    position: absolute;
    top:50%;
    left: 0rem;
    width: 100%;
    height: 26rem;
    margin-top: -13rem;
}
.ModuleLoadBodyTitle{
    width: 7rem;
    float: left;
    margin-left: 5.5rem;
    margin-top: 2rem;
}
.ModuleLoadBodyPart{
    width: 17rem;
    float: left;
    margin-left: 0.5rem;
    margin-top: 1rem;
}
.ModuleLoadBodyProgressBar{
    position: relative;
    width: 12rem;
    height: 1rem;
    float: left;
    margin-left: 3rem;
    margin-top: 1rem;
    border-radius:0.5rem;
}
.ModuleLoadBodyProgressBarBackground{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    border: solid #b0b0af 0.1rem;
    background: #fff;
    box-sizing: border-box;
    border-radius:0.5rem;
}
.ModuleLoadBodyProgressBarBody{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 0%;
    height: 100%;
    border: solid #b0b0af 0.1rem;
    background: #82c2c0;
    box-sizing: border-box;
    border-radius:0.5rem;
    transition: width 0.3s;
}
.ModuleLoadBodyText{
    position: relative;
    width: 100%;
    height: 1rem;
    float: left;
    margin-top: 0.5rem;
    text-align:center;
    line-height:1rem;
    color: #656464;
    font-size: 0.6rem;
}
.ModuleLoadBodyText span{
	animation:LoadServerBodyText 0.3s infinite linear;
	}
@keyframes LoadServerBodyText{
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}

.ModuleQrCode{
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.8);
}
.ModuleQrCodeBackground{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: #fdd981;
}
.ModuleQrCodeBody{
    position: absolute;
    top:50%;
    left: 0rem;
    width: 100%;
    height: 26rem;
    margin-top: -13rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ModuleQrCodeBodyImage{
    width: 10rem;
    float: left;
}

.ModuleBoxExpect{
    display:none;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
}
.ModuleBoxExpectBackground{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(18, 18, 18, 0.8);
}
.ModuleBoxExpectBody{
    position: absolute;
    top:50%;
    left: 0rem;
    width: 100%;
    height: 26rem;
    margin-top: -13rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ModuleBoxExpectBodyBody{
    position: relative;
    width: 10rem;
    float: left;
    background: #fff;
    border-radius:1rem;
    padding: 2rem;
}
.ModuleBoxExpectBodyBodyClose{
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    width: 1.3rem;
}