/*高端招聘*/
.ThunderPhone{ width: 326px; height: 587px;
    /* background: url(../images/myPic47.png)  left top no-repeat; */
     position: relative;
    padding-top: 60px;box-sizing: border-box;}
.ThunderPhoneTitle{ height: 40px; line-height: 40px; font-size: 22px; color: #ffffff;}
.editName{position: absolute;top:20px;left: 40px;font-size:18px;color: #5d5d5d;border: 1px dashed #9f9f9f;}
.editName input{width: 244px;height: 34px;padding-left: 10px;box-sizing: border-box;color: #fff;line-height: 34px;}
.editName span{position: absolute;left: 55px;top:0;height: 36px;line-height: 34px;}
.all{ position: relative; width: 320px; height: 505px; overflow: hidden;margin-left: 3px;}
.page{ position: absolute; top: 0; left: 0; width: 320px; height: 505px; overflow: hidden;}
.hide{ display: none;}
.current{ display: block;}
.pageUpAnimate{ display: block; z-index: 200;
	-webkit-animation: pageUpAnimate 0.6s ease both;
	animation: pageUpAnimate 0.6s ease both;
}
@-webkit-keyframes pageUpAnimate {
	from { top: 505px;}
}
@keyframes pageUpAnimate {
	from { top: 505px;}
}
.pageDownAnimate{ display: block; z-index: 200;
	-webkit-animation: pageDownAnimate 0.6s ease both;
	animation: pageDownAnimate 0.6s ease both;
}
@-webkit-keyframes pageDownAnimate {
	from { top: -505px;}
}
@keyframes pageDownAnimate {
	from { top: -505px;}
}
.OnePage{ width: 320px; height: 505px; background: url(../img/myGif1.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
.TwoPage{ width: 320px; height: 505px; background: url(../img/myGif2.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
.ThreePage{ width: 320px; height: 505px; background: url(../img/myGif4.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
.FourPage{ width: 320px; height: 505px; background: url(../img/myGif2.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
.FivePage{ width: 320px; height: 505px; background: url(../img/myGif4.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
.SixPage{ width: 320px; height: 505px; background: url(../img/myGif2.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
.SevenPage{ width: 320px; height: 505px; background: url(../img/myGif4.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
.EightPage{ width: 320px; height: 505px; background: url(../img/myGif1.gif) left top no-repeat; background-size: 100% 100%;
	/*-webkit-animation: pageBg 3s ease both;
	animation: pageBg 3s ease both;*/
}
/*@-webkit-keyframes pageBg {
	from {  background-size: 140% 140%;}
}
@keyframes pageBg {
	from {  background-size: 140% 140%;}
}*/
/*第一页*/
.pageOneT{ position: relative;}
.pageOneT img{ position: absolute;}
.pageOneT img:first-child{ width: 93px; top: 28px; left: 64px;
	-webkit-animation: pageOneT 0.5s linear both;
	animation: pageOneT 0.5s linear both;
}
.pageOneT img:nth-child(2){ width: 89px; top: 62px; right: 64px;
	-webkit-animation: pageOneT 0.5s linear both 0.2s;
	animation: pageOneT 0.5s linear both 0.2s;
}
.pageOneT img:nth-child(3){ width: 88px; top: 141px; left: 48px;
	-webkit-animation: pageOneT 0.5s linear both 0.4s;
	animation: pageOneT 0.5s linear both 0.4s;
}
.pageOneT img:nth-child(4){ width: 57px; top: 178px; left: 140px;
	-webkit-animation: pageOneT 0.5s linear both 0.6s;
	animation: pageOneT 0.5s linear both 0.6s;
}
.pageOneT img:last-child{ width: 92px; top: 163px; right: 40px;
	-webkit-animation: pageOneT 0.5s linear both 0.8s;
	animation: pageOneT 0.5s linear both 0.8s;
}
@-webkit-keyframes pageOneT {
	from { opacity: 0; -webkit-transform: scale(1.5);}
	to { opacity: 1; -webkit-transform: scale(1);}
}
@keyframes pageOneT {
	from { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5);}
	to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
}
.pageOneTex{ position: relative;}
.pageOneTex span{ display: inline-block; font-size: 16px; color: #fafafa; height: 20px; line-height: 20px; position: absolute; top: 220px; left: 95px;
	-webkit-animation: pageOneTexSpan 0.5s linear both 1.2s;
	animation: pageOneTexSpan 0.5s linear both 1.2s;
}
@-webkit-keyframes pageOneTexSpan {
	from { opacity: 0; -webkit-transform: translateY(100px);}
	to { opacity: 1;}
}
@keyframes pageOneTexSpan {
	from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px);}
	to { opacity: 1;}
}
.pageOneTex p{ font-size: 16px; color: #fafafa; height: 40px; line-height: 40px; position: absolute; top: 255px; left: 0; width: 100%;
	-webkit-animation: pageOneTexSpan 0.5s linear both 1.4s;
	animation: pageOneTexSpan 0.5s linear both 1.4s;
}
.pageOneTex div{ width: 100%; height: 40px; background: rgba(0,0,0,0.3); position: absolute; top: 255px; left: 0;
	-webkit-animation: pageOneTexDiv 1s linear both 1s;
	animation: pageOneTexDiv 1s linear both 1s;
}
@-webkit-keyframes pageOneTexDiv {
	from { opacity: 0;}
	to { opacity: 1;}
}
@keyframes pageOneTexDiv {
	from { opacity: 0;}
	to { opacity: 1;}
}
.pageOneName{ position: relative;}
.pageOneName div{ position: absolute; top: 390px; left: 0; width: 100%;}
.pageOneName div span{ display: block; font-size: 21px; color: #fafafa; line-height: 26px;}
.pageOneName div span i{ display: inline-block; font-style: normal;}
.pageOneName div span i:first-child{
	-webkit-animation: pageOneNameI 0.5s linear both 1s;
	animation: pageOneNameI 0.5s linear both 1s;
}
.pageOneName div span i:nth-child(2){
	-webkit-animation: pageOneNameI 0.5s linear both 1.2s;
	animation: pageOneNameI 0.5s linear both 1.2s;
}
.pageOneName div span i:nth-child(3){
	-webkit-animation: pageOneNameI 0.5s linear both 1.4s;
	animation: pageOneNameI 0.5s linear both 1.4s;
}
.pageOneName div span i:nth-child(4){
	-webkit-animation: pageOneNameI 0.5s linear both 1.6s;
	animation: pageOneNameI 0.5s linear both 1.6s;
}
.pageOneName div span i:nth-child(5){
	-webkit-animation: pageOneNameI 0.5s linear both 1.8s;
	animation: pageOneNameI 0.5s linear both 1.8s;
}
.pageOneName div span i:nth-child(6){
	-webkit-animation: pageOneNameI 0.5s linear both 2s;
	animation: pageOneNameI 0.5s linear both 2s;
}
.pageOneName div span i:nth-child(7){
	-webkit-animation: pageOneNameI 0.5s linear both 2.2s;
	animation: pageOneNameI 0.5s linear both 2.2s;
}
.pageOneName div span i:nth-child(8){
	-webkit-animation: pageOneNameI 0.5s linear both 2.4s;
	animation: pageOneNameI 0.5s linear both 2.4s;
}
.pageOneName div span i:nth-child(9){
	-webkit-animation: pageOneNameI 0.5s linear both 2.6s;
	animation: pageOneNameI 0.5s linear both 2.6s;
}
.pageOneName div span i:nth-child(10){
	-webkit-animation: pageOneNameI 0.5s linear both 2.8s;
	animation: pageOneNameI 0.5s linear both 2.8s;
}
.pageOneName div span i:nth-child(11){
	-webkit-animation: pageOneNameI 0.5s linear both 3s;
	animation: pageOneNameI 0.5s linear both 3s;
}
@-webkit-keyframes pageOneNameI {
	from { opacity: 0; -webkit-transform: rotateZ(-90deg);}
	to { opacity: 1; -webkit-transform: rotateZ(0deg);}
}
@keyframes pageOneNameI {
	from { opacity: 0; -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg);}
	to { opacity: 1; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);}
}
.pageOneName p{ font-size: 12px; color: #fafafa; line-height: 17px; position: absolute; left: 0; top: 420px; width: 100%;
	-webkit-animation: pageOneTexDiv 1s linear both 1s;
	animation: pageOneTexDiv 1s linear both 1s;
}
/*第二页*/
.pageTwoBlock{ width: 244px; height: 430px; padding: 6px 4px; background: rgba(255,255,255,0.25); position: absolute; top: 26px; left: 33px;
	-webkit-animation: pageTwoBlock 0.5s linear both 0.5s;
	animation: pageTwoBlock 0.5s linear both 0.5s;
}
@-webkit-keyframes pageTwoBlock {
	from { opacity: 0; -webkit-transform: scale(0.2);}
	to { opacity: 1; -webkit-transform: scale(1);}
}
@keyframes pageTwoBlock {
	from { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2);}
	to { opacity: 1; -webkit-transform: scale(1);}
}
.pageTwoBlockIn{ width: 244px; height: 430px; background: rgba(0,0,0,0.5); position: relative;}
.pageTwoBlockUs span{ display: inline-block; width: 8px; height: 23px; background: #de5a03; float: left; margin-left: 50px; margin-top: 20px;
	-webkit-animation: pageTwoBlockUsSpan 1s linear both 1s;
	animation: pageTwoBlockUsSpan 1s linear both 1s;
}
@-webkit-keyframes pageTwoBlockUsSpan {
	from { opacity: 0; -webkit-transform: rotateZ(-90deg);}
	to { opacity: 1; -webkit-transform: rotateZ(0deg);}
}
@keyframes pageTwoBlockUsSpan {
	from { opacity: 0; -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg);}
	to { opacity: 1; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);}
}
.pageTwoBlockUs div{ width: 131px; height: 23px; background: #242a3a; float: left; margin-left: 4px; margin-top: 20px;
	-webkit-animation: pageTwoBlockUsDiv 1s linear both 1s;
	animation: pageTwoBlockUsDiv 1s linear both 1s;
}
@-webkit-keyframes pageTwoBlockUsDiv {
	from { opacity: 0;}
	to { opacity: 1;}
}
@keyframes pageTwoBlockUsDiv {
	from { opacity: 0;}
	to { opacity: 1;}
}
.pageTwoBlockUs div p{ width: 100%; height: 23px; line-height: 23px; font-size: 14px; color: #fafafa;}
.pageTwoBlockLine{ margin-top: 13px; margin-left: 10px; width: 225px; height: 1; background: #000000;
	-webkit-animation: pageTwoBlockLine 1s linear both 0.2s;
	animation: pageTwoBlockLine 1s linear both 0.2s;
}
@-webkit-keyframes pageTwoBlockLine {
	0% { opacity: 0; -webkit-transform: rotateZ(-90deg);}
	100% { opacity: 1; -webkit-transform: rotateZ(-720deg);}
}
@keyframes pageTwoBlockLine {
	0% { opacity: 0; -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg);}
	100% { opacity: 1; -webkit-transform: rotateZ(-720deg); transform: rotateZ(-720deg);}
}
.pageTwoBlockTex{ position: absolute; top: 70px; left: 11px; font-size: 14px; color: #fafafa; line-height: 37px; height: 185px; width: 225px; text-align: left; text-indent: 14px;
	-webkit-animation: pageTwoBlockTex 1s linear both 1s;
	animation: pageTwoBlockTex 1s linear both 1s;
}
@-webkit-keyframes pageTwoBlockTex{
	from { opacity: 0; -webkit-transform: translateY(250px);}
	to { opacity: 1;}
}
@keyframes pageTwoBlockTex {
	from { opacity: 0; -webkit-transform: translateY(250px); transform: translateY(250px);}
	to { opacity: 1;}
}
.pageTwoBlockPic img{ position: absolute; width: 225px; height: 153px;left: 10px; top: 265px;
	-webkit-animation: pageTwoBlockPic 1s linear both 1.5s;
	animation: pageTwoBlockPic 1s linear both 1.5s;
}
@-webkit-keyframes pageTwoBlockPic{
	from { opacity: 0; -webkit-transform: translateY(150px);}
	to { opacity: 1;}
}
@keyframes pageTwoBlockPic {
	from { opacity: 0; -webkit-transform: translateY(150px); transform: translateY(150px);}
	to { opacity: 1;}
}
/*第三页*/
.pageThreeTex{ position: absolute; top: 73px; left: 11px; font-size: 12px; color: #fafafa; line-height: 28px; height: 196px; width: 225px; text-align: left; text-indent: 14px;
	-webkit-animation: pageThreeTex 1s linear both 1s;
	animation: pageThreeTex 1s linear both 1s;
}
@-webkit-keyframes pageThreeTex {
	from { opacity: 0; -webkit-transform: scale(0);}
	to { opacity: 1; -webkit-transform: scale(1);}
}
@keyframes pageThreeTex {
	from { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
	to { opacity: 1; -webkit-transform: scale(1);}
}
.pageThreePic img{ position: absolute;}
.pageThreePic img:first-child{ width: 118px; height: 88px; left: 6px; bottom: 15px;
	-webkit-animation: pageThreePic1 1s linear both 1.8s;
	animation: pageThreePic1 1s linear both 1.8s;
}
@-webkit-keyframes pageThreePic1{
	from { opacity: 0; -webkit-transform: translateX(-175px);}
	to { opacity: 1;}
}
@keyframes pageThreePic1{
	from { opacity: 0; -webkit-transform: translateX(-175px); transform: translateX(-175px);}
	to { opacity: 1;}
}
.pageThreePic img:nth-child(2){ width: 113px; height: 88px; right: 4px; bottom: 15px;
	-webkit-animation: pageThreePic2 1s linear both 1.8s;
	animation: pageThreePic2 1s linear both 1.8s;
}
@-webkit-keyframes pageThreePic2{
	from { opacity: 0; -webkit-transform: translateX(175px);}
	to { opacity: 1;}
}
@keyframes pageThreePic2{
	from { opacity: 0; -webkit-transform: translateX(175px); transform: translateX(175px);}
	to { opacity: 1;}
}
.pageThreePic img:last-child{ width: 125px; height: 88px; left: 61px; bottom: 68px;
	-webkit-animation: pageThreePic3 1s linear both 2.3s;
	animation: pageThreePic3 1s linear both 2.3s;
}
@-webkit-keyframes pageThreePic3{
	from { opacity: 0; -webkit-transform: translateY(-100px);}
	to { opacity: 1;}
}
@keyframes pageThreePic3{
	from { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px);}
	to { opacity: 1;}
}
/*第四页*/
.pageFourPic img{ width: 66px; height: 80px; position: absolute;
	-webkit-animation: pageFourPic 0.5s linear both 1s;
	animation: pageFourPic 0.5s linear both 1s;
}
@-webkit-keyframes pageFourPic {
	0% { opacity: 0; -webkit-transform: rotateY(-60deg);}
	33% { opacity: 1; -webkit-transform: rotateY(0deg);}
	66% { opacity: 1; -webkit-transform: rotateY(30deg);}
	100% { opacity: 1; -webkit-transform: rotateY(0deg);}
}
@keyframes pageFourPic {
	0% { opacity: 0; -webkit-transform: rotateY(-60deg); transform: rotateY(-60deg);}
	33% { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
	66% { opacity: 1; -webkit-transform: rotateY(30deg); transform: rotateY(30deg);}
	100% { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
}
.pageFourPic img:first-child{ top: 88px; left: 17px;}
.pageFourPic img:nth-child(2){ top: 88px; right: 18px;}
.pageFourPic img:nth-child(3){ top: 175px; left: 88px;}
.pageFourPic img:nth-child(4){ top: 262px; left: 17px;}
.pageFourPic img:last-child{ top: 262px; right: 18px;}
.pageFourWelfare div{ width: 66px; height: 80px; position: absolute; background: #5e6978; display: table;
	-webkit-animation: pageFourPic 0.5s linear both 1.5s;
	animation: pageFourPic 0.5s linear both 1.5s;
}
.pageFourWelfare div:first-child{ top: 88px; left: 88px;}
.pageFourWelfare div:nth-child(2){ top: 175px; left: 17px;}
.pageFourWelfare div:nth-child(3){ top: 175px; right: 18px;}
.pageFourWelfare div:last-child{ top: 262px; left: 88px;}
.pageFourWelfare div p{ width: 100%; font-size: 12px; color: #fafafa; display: table-cell; vertical-align: middle;
	-webkit-animation: pageFourWelfare 0.5s linear both 2s;
	animation: pageFourWelfare 0.5s linear both 2s;
}
@-webkit-keyframes pageFourWelfare{
	from { opacity: 0;}
	to { opacity: 1;}
}
@keyframes pageFourWelfare{
	from { opacity: 0;}
	to { opacity: 1;}
}
.pageFourTex{ font-size: 16px; color: #fafafa; line-height: 22px; position: absolute; width: 100%; left: 0; bottom: 35px;
	-webkit-animation: pageFourTex 1s linear both 2s;
	animation: pageFourTex 1s linear both 2s;
}
@-webkit-keyframes pageFourTex{
	from { opacity: 0; -webkit-transform: translateY(50px);}
	to { opacity: 1;}
}
@keyframes pageFourTex{
	from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px);}
	to { opacity: 1;}
}
/*第五页*/
.pageFiveO{ width: 225px; height: 100px; background: rgba(255,255,255,0.15); position: absolute; top: 77px; right: 8px;
	-webkit-animation: pageFiveO 0.5s linear both 1s;
	animation: pageFiveO 0.5s linear both 1s;
}
.pageFiveO div{ width: 54px; height: 100px; float: left; display: table;}
.pageFiveO div p{ font-size: 14px; color: #fafafa; display: table-cell; vertical-align: middle;}
.pageFiveO img{ width: 168px; height: 100px; float: right;}
.pageFiveT{ width: 225px; height: 100px; background: rgba(255,255,255,0.15); position: absolute; top: 187px; right: 8px;
	-webkit-animation: pageFiveO 0.5s linear both 1.2s;
	animation: pageFiveO 0.5s linear both 1.2s;
}
.pageFiveT div{ width: 54px; height: 100px; float: left; display: table;}
.pageFiveT div p{ font-size: 14px; color: #fafafa; display: table-cell; vertical-align: middle;}
.pageFiveT img{ width: 168px; height: 100px; float: right;}
.pageFiveTh{ width: 225px; height: 100px; background: rgba(255,255,255,0.15); position: absolute; top: 298px; right: 8px;
	-webkit-animation: pageFiveO 0.5s linear both 1.4s;
	animation: pageFiveO 0.5s linear both 1.4s;
}
.pageFiveTh div{ width: 54px; height: 100px; float: left; display: table;}
.pageFiveTh div p{ font-size: 14px; color: #fafafa; display: table-cell; vertical-align: middle;}
.pageFiveTh img{ width: 168px; height: 100px; float: right;}
@-webkit-keyframes pageFiveO{
	from { opacity: 0; -webkit-transform: translateX(150px);}
	to { opacity: 1;}
}
@keyframes pageFiveO{
	from { opacity: 0; -webkit-transform: translateX(150px); transform: translateX(150px);}
	to { opacity: 1;}
}
/*第六页*/
.pageSixDe{ position: absolute; width: 100%; left: 0;
	-webkit-animation: pageSixDe 0.5s linear both 1s;
	animation: pageSixDe 0.5s linear both 1s;
}
@-webkit-keyframes pageSixDe{
	from { opacity: 0; -webkit-transform: translateX(150px);}
	to { opacity: 1;}
}
@keyframes pageSixDe{
	from { opacity: 0; -webkit-transform: translateX(150px); transform: translateX(150px);}
	to { opacity: 1;}
}
.pageSixDe p{ font-size: 16px; color: #fafafa; width: 206px; height: 46px; line-height: 46px; background: rgba(255,255,255,0.2); margin-left: 18px; margin-top: 15px;}
/*第七页*/
.pageSevenT{ margin-top: 15px; font-size: 14px; color: #ffffff; line-height: 25px;
	-webkit-animation: pageSevenT 0.5s linear both 1s;
	animation: pageSevenT 0.5s linear both 1s;
}
@-webkit-keyframes pageSevenT{
	from { opacity: 0; -webkit-transform: translateY(100px);}
	to { opacity: 1;}
}
@keyframes pageSevenT{
	from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px);}
	to { opacity: 1;}
}
.pageSevenSalary{ font-size: 12px; color: #fff100; line-height: 23px;
	-webkit-animation: pageSevenT 0.5s linear both 1.5s;
	animation: pageSevenT 0.5s linear both 1.5s;
}
.pageSevenDuty{ margin-top: 21px; text-align: left;
	-webkit-animation: pageSevenT 0.5s linear both 2s;
	animation: pageSevenT 0.5s linear both 2s;
}
.pageSevenDuty h2{ margin-left: 3px; font-weight: normal; font-size: 12px; color: #ffffff; line-height: 26px;}
.pageSevenDuty p{ margin-left: 3px; font-size: 12px; color: #ffffff; line-height: 26px; width: 240px;}
/*第八页*/
.pageEightEr{ width: 95px; height: 92px; padding-top: 3px; background: rgba(255,255,255,0.3); margin: 20px auto 0;
	-webkit-animation: pageEightEr 0.5s linear both 1s;
	animation: pageEightEr 0.5s linear both 1s;
}
@-webkit-keyframes pageEightEr {
	from { opacity: 0; -webkit-transform: scale(0.4);}
	to { opacity: 1; -webkit-transform: scale(1);}
}
@keyframes pageEightEr {
	from { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4);}
	to { opacity: 1; -webkit-transform: scale(1);}
}
.pageEightEr img{ width: 90px; height: 90px; display: block; margin-left: 3px;}
.pageEightComp{ margin-top: 15px;
	-webkit-animation: pageEightComp 0.5s linear both 1.5s;
	animation: pageEightComp 0.5s linear both 1.5s;
}
@-webkit-keyframes pageEightComp{
	from { opacity: 0; -webkit-transform: translateY(-100px);}
	to { opacity: 1;}
}
@keyframes pageEightComp{
	from { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px);}
	to { opacity: 1;}
}
.pageEightComp p{ font-size: 12px; color: #fafafa; line-height: 25px;}
.pageEightLocation{ margin-top: 1px;
	-webkit-animation: pageEightComp 0.4s linear both 1.7s;
	animation: pageEightComp 0.4s linear both 1.7s;
}
.pageEightLocation p{ font-size: 12px; color: #fafafa; line-height: 20px;}
.pageEightMap img{ display: block; margin-top: 28px; margin-left: 15px; width: 213px; height: 103px;
	-webkit-animation: pageEightComp 0.4s linear both 1.7s;
	animation: pageEightComp 0.4s linear both 1.7s;
}

.mybtn{ width: 40px; position: absolute; top: 188.5px; right: -40px;}
.mybtn div{ cursor: pointer; height: 94px; width: 40px; color: #666666; background: #f3f8f6; border-top-right-radius: 2px; border-bottom-right-radius: 2px; margin-top: 22px;}
.mybtn div:hover{ background: #8ec51f; color: #ffffff;}
.mybtn div span{ display: inline-block; font-size: 16px; width: 20px; line-height: 23px; margin-top: 10px;}

.ThunderBtn{ width: 100%; position: absolute; left: 0; bottom: 10px; z-index: 100;
	-webkit-animation: ThunderBtn 1s linear infinite;
	animation: ThunderBtn 1s linear infinite;
}
@-webkit-keyframes ThunderBtn {
	0% { opacity: 0; bottom: 0;}
	50% { opacity: 1; bottom: 20px;}
	100% { opacity: 0; bottom: 40px;}
}
@keyframes ThunderBtn {
	0% { opacity: 0; bottom: 0;}
	50% { opacity: 1; bottom: 20px;}
	100% { opacity: 0; bottom: 40px;}
}
.ThunderBtn div{ margin: 0 auto; width: 24px; height: 14px; background: url(../img/myPic15.png) left top no-repeat;}
#lei a{ display: inline-block; width: 30px; height: 30px; background: url(../img/myPicMusic.png) left top no-repeat; position: absolute; top: 8px; right: 5px; z-index: 300;}
.myPlay{
	-webkit-animation: myAudio 2s linear infinite;
	animation: myAudio 2s linear infinite;
}
@-webkit-keyframes myAudio {
	from{-webkit-transform: rotateZ(0deg); }
	to{-webkit-transform: rotateZ(360deg); }
}
@keyframes myAudio {
	from{-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
	to{-webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}