.sy-table>td{
    width: 16.5%;;
}
.sy-table1>td{
    width: 16.5%;;
}
.area-3{
    overflow: hidden;background:#f0f0f0
}




.dishow{
    transform:translate(100%);opacity: 0;
}
.po{
    position: relative;overflow: hidden;height:18rem;
}

.po-1{
    position: relative;overflow: hidden;
}

.area-3-2{
position: absolute;transition:transform 1s;top:0;
}
.area-3-2-1{background: #fff;transition:transform 1s;top:0;}
.io{

    background-color: #1578b3;
   
}