#product{
    margin-bottom: 50px;
}
.list-s{
    background: #FFF;
    padding-bottom: 60px;
}
.top-line{
    display: flex;
}
.top-line a{
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 3px;
    color: #FFF;
    background: #005FCD;

}
.layui-laydate .layui-this {
    background-color: #005fcc!important;
    color: #fff!important;
}
.top-titles{
    padding: 15px 10px;
}
.top-date{
    padding: 15px 10px;
    margin: 20px 0 10px;
    font-size: 16px;
    line-height: 32px;
}
.top-date input{
    border: 1px solid #eee;
    border-radius: 3px;
    padding-left: 10px;
    margin-right: 10px;
}
.rank{
    width: 100%;
    padding: 0 10px;
}
.one-rank{
    color:#666;
    display: flex;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}
.one-rank:first-child{
    background: #f6fafe;
    font-size: 16px;
    color: #777;
    border-bottom:none
}
.rank-order{
    width: 10%;
    text-align: center;
}
.rank-model{
    width: 40%;
    text-align: center;
}
.rank-model a:hover{
    color:#005FCD;
}
.rank-nums{
    width: 25%;
    text-align: center;
}
