.guide{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.guideTxt p {
    width: 100%;
    text-align: center;
    margin-top: 15%;
    margin-bottom: 20px;
    font-size: 2.2rem;
    font-weight: bold;
}
.guideTxt p span{
	 font-size: 2.6rem;
	 font-weight: bold;
}
@media screen and (max-width: 320px){
	.guideTxt p {
    font-size: 1.8rem;
}
.guideTxt p span{
	 font-size: 2.4rem;
}
}
@media screen and (min-width: 640px){
	.guideTxt p {
    font-size: 3.4rem;
    font-weight: bold;
}
.guideTxt p span{
	 font-size: 4.4rem;
	 font-weight: bold;
}
}
.guide img{
	display: block;
}
.guideNext > img:first-child {
	height: 5%;
	position: absolute;
	bottom: 10%;
	left:0;right: 0;
	margin:0 auto;
}
.guideNext picture img{
	height: 5%;
	position: absolute;
	bottom: 10%;
	left:0;right: 0;
	margin:0 auto;
}
.guideNext > img:last-child {
	height: 6%;
	position: absolute;
	/*bottom: 3%;*/
	left:0;right: 0;
	margin:0 auto;
 animation:mymove 1s ease infinite alternate;
-webkit-animation:mymove 1s ease infinite alternate; /* Safari 和 Chrome */
}
.guideNext picture img{
	height: 6%;
	position: absolute;
	/*bottom: 3%;*/
	left:0;right: 0;
	margin:0 auto;
 animation:mymove 1s ease infinite alternate;
-webkit-animation:mymove 1s ease infinite alternate; /* Safari 和 Chrome */
}

@keyframes mymove
{
from {bottom: 3%;}
to {bottom: 2%;}
}
@-webkit-keyframes mymove
{
from {bottom: 3%;}
to {bottom: 2%;}
}
.guideBg picture:first-child img{
	width: 90%;
	max-width: 600px;
	position: absolute;
	left:0;right: 0;
	margin:0 auto;
}
.guideBg picture:last-child img{
	width: 100%;
	max-width: 640px;
	position: absolute;
	bottom: 0;
}
.guideBtn1 img:first-child{
	width: 90%;
	left: 5%;
	position: absolute;
	top: 5%;
}
.guideBtn1 img:last-child{
	width: 30%;
	position: absolute;
	right: 5%;
	top:35%;
}
.guideBtn2 img:first-child{
	position: absolute;
	top:50%;
	width: 90%;
	margin-left:5%;
}
.guideBtn2 img:last-child{
	width: 30%;
	position: absolute;
	left: 5%;
	bottom: 10%;
}

.guideBtn1 picture:first-child img{
	width: 90%;
	left: 5%;
	position: absolute;
	top: 5%;
}
.guideBtn2 picture:first-child img{
	position: absolute;
	top:50%;
	width: 90%;
	margin-left:5%;
}

.guideBtn1 > img:last-child{
	width: 30%;
	position: absolute;
	right: 5%;
	top:35%;
}

.details.ng-enter,
.details.ng-leave {
    max-width: 640px;
    margin: 0 auto;
    position: absolute;
    left : 0;
    right: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}


.details.ng-enter {
     transform: translateY(100%);
     -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -o-transform:translateY(100%);
}


.details.ng-enter-active {
  transform: translateY(0);
  -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
}


.details.ng-leave {
    transform: translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
}

.details.ng-leave-active {
 transform: translateY(-100%);
 -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -o-transform:translateY(-100%);
}