*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
}
ul{
    list-style: none;
}

.a1 {
    width: 500px;
    border: 1px solid #000;
    background: #ccc;
    float: left;
}
.a2 {
    text-align: center;
    background: #ffffff;
    margin: 2px;
    background: #ffb5b5;
}

.a3 {
    text-align: center;
    background: #ffffff;
    margin: 2px;
}

.a4{
    height: 20.5px;
    margin: 1px;
}

.a4 > div {
    float: left;
    width: 24.6%;
    text-align: center;
    margin: 1px;
    background: #ffff;
}

#der{
    width: 180000px;
}

.tim{
    float: left;
    background: #ccc;
    margin: 0px;
}

.tim>div{
    text-align: center;
    border: 1px solid #ccc;
    margin: 0px;
    height: 20px;
    line-height: 21px;
    background: #ffffff;
}

.tim1{

}
.tim2{
    
}
.tim3{
    
}