/*灰色遮罩层*/
.fade{
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}

.pop-rotate {
    transform: rotate(600deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(90deg);
}
/*弹出层*/ 
.succ-pop{
    width: 320px;
    height: 500px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 30%;
    margin-left: -160px;
    margin-top: -250px;
    z-index: 999;
    border-radius: 5px;
}
.succ-pop div.title{
    text-align: center;
    font-size: 22px;
    color: #ce002c;
    text-decoration:underline;
}

.slide{
    position: relative;
    margin:auto;
    width: 320px;
    height: 480px;
    text-align: center;
    font-family: Arial;
    color: #FFF;
    overflow: hidden;
}
.slide ul{
    margin:10px 0;
    padding:0;
    width: 9999px;
    transition:all 0.5s;
}

/*//自动播放*/
.slide .slide-auto{        
    animation:marginLeft 20s infinite;
}

.slide li{
    float: left;
    width: 320px;
    height: 480px;
    list-style: none;
    line-height: 480px;
    font-size: 36px;
}

.slide li img{
    max-width: 100%;
    max-height: 100%;
}
.slide li:nth-child(1){
    background: #9fa8ef;
}
.slide li:nth-child(2){
    background: #ef9fb1;
}
.slide li:nth-child(3){
    background: #9fefc3;
}
.slide input[name="sildeInput"]{
    display: none;
}

.slide label[for^="sildeInput"]{
    position: absolute;
    top:170px;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #000;
    cursor: pointer;
}
@keyframes marginLeft{
    0%{margin-left: 0;}
    20%{margin-left: -320px;}
    40%{margin-left: -480px;}
    60%{margin-left: -960px;}
    80%{margin-left: -1280px;}
    100%{margin-left: 0;}
}


/*.slide label[for="sildeInput1"]{
    left: 0;
}
.slide label[for="sildeInput2"]{
    left: 30px;
}
.slide label[for="sildeInput3"]{
    left: 60px;
}

#sildeInput1:checked ~ ul{ margin-left: 0;}
#sildeInput2:checked ~ ul{ margin-left: -600px;}
#sildeInput3:checked ~ ul{ margin-left: -1200px;}*/