/*动画一*/
.wrap {
	height: 400px;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;

}

.slide {
    width: 90%;
	margin-left: 5%;
	height: inherit;
    position: absolute;
    top: 0%;
    left: 100%;
    z-index: 10;
    padding: 8em 1em 0;
    background-color:rgba(46,78,231,0.8);
    background-position: 50% 50%;
    background-size: cover;
    transition: left 0s .75s;
	text-indent: 2em;
}
.slide p{
	
	color:aliceblue!important;
	text-align: left;
}


.slide h2 {
	margin-top:-80px;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: opacity .5s, -webkit-transform .5s .5s;
    transition: transform .5s .5s, opacity .5s;
    transition: transform .5s .5s, opacity .5s, -webkit-transform .5s .5s;
}

[id^="slide"]:checked+.slide {
    left: 0;
    z-index: 100;
    transition: left .65s ease-out;
}

[id^="slide"]:checked+.slide h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all .5s .5s;
}