/*common*/
.container{width: 100%;}
/*头部*/
/*具体内容*/
.content .info {width: 310px;position: absolute;top: 20px;left: 100px;color:#1f1f1f}
.content .info p{line-height: 20px;}
.content .contentitem .ablum{position: absolute;top:0;left: 0;float: none;display: none;background-color: #c1c5c8}
#bottombtn{width: 147px;height: 78px;position: fixed;bottom: 0;left:50%;margin-left: -73px;cursor: pointer;}
.content .contentitem .ablum.nowshow{display: block;}

@media only screen and (max-width:480px) {
	.content .info{left: 10px;}
}
@media only screen and (max-width:400px) {
	.content .info{width: 90%;left: 5%;height:425px;}
}
.pt-page-moveFromRight {
	-webkit-animation: moveFromRight .5s ease both;
	-moz-animation: moveFromRight .5s ease both;
	animation: moveFromRight .5s ease both;
}
.pt-page-moveToLeft {
	-webkit-animation: moveToLeft .5s ease both;
	-moz-animation: moveToLeft .5s ease both;
	animation: moveToLeft .5s ease both;
}
@-webkit-keyframes moveToLeft {
	to { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveToLeft {
	to { -moz-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	to { transform: translateX(-100%); }
}
@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveFromRight {
	from { -moz-transform: translateX(100%); }
}
@keyframes moveFromRight {
	from { transform: translateX(100%); }
}