.contain{
        position: relative;
        margin:auto;
        width: 260.5px;
        height: 370px;       
        text-align: center;
        font-family: Arial;
        color: #FFF;
    }
.contain ul{
    margin:10px 0;
    padding:0;
      width: 1563px;
}
.contain li{
    float: left;
        width: 260.5px;
        height:320px; 
    list-style: none;    
    
}
/*
.sildeInput-1{
    background: #9fa8ef;
}
 
.sildeInput-2{
    background: #ef9fb1;
}
 
 .sildeInput-3{
    background: #9fefc3;
}*/
.contain{overflow: hidden;}
.label1{
    position: absolute;
    bottom: 0px;
    left: 10%;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #0d8fba;
    cursor: pointer;
}/*用于调整单选框的属性以及位置*/
.label2{
    position: absolute;
    bottom: 0px;
    left: 23%;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #0d8fba;
    cursor: pointer;
}/*用于调整单选框的属性以及位置*/
.label3{
    position: absolute;
    bottom: 0px;
    left: 36%;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #0d8fba;
    cursor: pointer;
}
.label4{
    position: absolute;
    bottom: 0px;
    left: 49%;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #0d8fba;
    cursor: pointer;
}
.label5{
    position: absolute;
    bottom: 0px;
    left: 63%;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #0d8fba;
    cursor: pointer;
}
.label6{
    position: absolute;
    bottom: 0px;
    left: 75%;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #0d8fba;
    cursor: pointer;
}
/*用于调整单选框的属性以及位置*/
#Input1:checked~ul{ margin-left: 0;}/*第一张点击切换*/
#Input1:checked~.label1{ background: #18a7d6;}/*点击后改变单选框颜色*/
#Input2:checked~ul{ margin-left: -260.5px;}/*第二张点击切换*/
#Input2:checked~.label2{ background: #18a7d6;}/*点击后改变单选框颜色*/
#Input3:checked~ul{ margin-left: -521px;}/*第三张点击切换*/
#Input3:checked~.label3{ background: #18a7d6;}/*点击后改变单选框颜色*/
#Input4:checked~ul{ margin-left: -781.5px;}/*第三张点击切换*/
#Input4:checked~.label4{ background: #18a7d6;}/*点击后改变单选框颜色*/
#Input5:checked~ul{ margin-left: -1042px;}/*第三张点击切换*/
#Input5:checked~.label5{ background: #18a7d6;}/*点击后改变单选框颜色*/
#Input6:checked~ul{ margin-left: -1302.5px;}/*第三张点击切换*/
#Input7:checked~.label6{ background: #18a7d6;}/*点击后改变单选框颜色*/