#pages{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 0;
}
#pages>li{
    width: 40px;
    color: black;
    text-align: center;
    display: flex;justify-content: center;align-items: center;
    font-size: 14px;
    line-height: 30px;
}
#pages .active>span{
    width: 30px;height: 30px;
    border:1px solid #f2971A;
    border-radius: 50%;
    color:#f2971A;
}
#pages>li>a{
    width: 30px;height: 30px;
    color:black;
    text-decoration: none;
}
#pages>li>a:hover{
    border:1px solid #f2971A;
    border-radius: 50%;
    color:#f2971A;
}
#pages .disabled{
    cursor: not-allowed;
}
#pages>li:first-child{width: 60px!important;margin-right: 20px;}
#pages>li:first-child>a{width: 60px!important;}
#pages>li:first-child>a:hover{
    color:#f2971A;
    text-decoration: none;
    border:1px solid white;
}
#pages>li:last-child{width: 60px!important;margin-left: 20px;}
#pages>li:last-child a{
    width: 80px!important;
}
#pages>li:last-child a:hover{
    border:1px solid white;
    border-radius: 50%;
    color:#f2971A;
}




#list_first{display: flex;justify-content: center;align-items: center;height: 60px;}
#list_first a{margin-right: 10px;border: 1px solid white;color:black;text-decoration: none;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;display: inline-block;line-height: 30px;text-align: center;}
#list_first .layui-laypage-prev,.layui-laypage-next{
    width: 60px!important;
    border: 1px solid white;
    color: black;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
#list_first .layui-laypage-prev:hover{
    border: 1px solid white;
}
#list_first .layui-laypage-next:hover{
    border: 1px solid white;
}
#list_first .layui-disabled{
    color: black!important;
    cursor: not-allowed;
}
#list_first .layui-laypage-curr{margin-right: 10px;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #f2971A;border-radius: 50%;color: #f2971A}
#list_first a:hover{color:#f2971A;border: 1px solid #f2971A;}


#list_second{display: flex;justify-content: center;align-items: center;height: 60px;}
#list_second a{margin-right: 10px;border: 1px solid white;color:black;text-decoration: none;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;display: inline-block;line-height: 30px;text-align: center;}
#list_second .layui-laypage-prev,.layui-laypage-next{
    width: 60px!important;
    border: 1px solid white;
    color: black;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
#list_second .layui-laypage-prev:hover{
    border: 1px solid white;
}
#list_second .layui-laypage-next:hover{
    border: 1px solid white;
}
#list_second .layui-disabled{
    color: black!important;
    cursor: not-allowed;
}
#list_second .layui-laypage-curr{margin-right: 10px;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #f2971A;border-radius: 50%;color: #f2971A}
#list_second a:hover{color:#f2971A;border: 1px solid #f2971A;}


#list_third{display: flex;justify-content: center;align-items: center;height: 60px;}
#list_third a{margin-right: 10px;border: 1px solid white;color:black;text-decoration: none;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;display: inline-block;line-height: 30px;text-align: center;}
#list_third .layui-laypage-prev,.layui-laypage-next{
    width: 60px!important;
    border: 1px solid white;
    color: black;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
#list_third .layui-laypage-prev:hover{
    border: 1px solid white;
}
#list_third .layui-laypage-next:hover{
    border: 1px solid white;
}
#list_third .layui-disabled{
    color: black!important;
    cursor: not-allowed;
}
#list_third .layui-laypage-curr{margin-right: 10px;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #f2971A;border-radius: 50%;color: #f2971A}
#list_third a:hover{color:#f2971A;border: 1px solid #f2971A;}





.list_first{display: flex;justify-content: center;align-items: center;height: 60px;}
.list_first a{margin-right: 10px;border: 1px solid white;color:black;text-decoration: none;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;display: inline-block;line-height: 30px;text-align: center;}
.list_first .layui-laypage-prev,.layui-laypage-next{
    width: 60px!important;
    border: 1px solid white;
    color: black;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
.list_first .layui-laypage-prev:hover{
    border: 1px solid white;
}
.list_first .layui-laypage-next:hover{
    border: 1px solid white;
}
.list_first .layui-disabled{
    color: black!important;
    cursor: not-allowed;
}
.list_first .layui-laypage-curr{margin-right: 10px;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #f2971A;border-radius: 50%;color: #f2971A}
.list_first a:hover{color:#f2971A;border: 1px solid #f2971A;}


.list_second{display: flex;justify-content: center;align-items: center;height: 60px;}
.list_second a{margin-right: 10px;border: 1px solid white;color:black;text-decoration: none;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;display: inline-block;line-height: 30px;text-align: center;}
.list_second .layui-laypage-prev,.layui-laypage-next{
    width: 60px!important;
    border: 1px solid white;
    color: black;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
.list_second .layui-laypage-prev:hover{
    border: 1px solid white;
}
.list_second .layui-laypage-next:hover{
    border: 1px solid white;
}
.list_second .layui-disabled{
    color: black!important;
    cursor: not-allowed;
}
.list_second .layui-laypage-curr{margin-right: 10px;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #f2971A;border-radius: 50%;color: #f2971A}
.list_second a:hover{color:#f2971A;border: 1px solid #f2971A;}


.list_third{display: flex;justify-content: center;align-items: center;height: 60px;}
.list_third a{margin-right: 10px;border: 1px solid white;color:black;text-decoration: none;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;display: inline-block;line-height: 30px;text-align: center;}
.list_third .layui-laypage-prev,.layui-laypage-next{
    width: 60px!important;
    border: 1px solid white;
    color: black;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
.list_third .layui-laypage-prev:hover{
    border: 1px solid white;
}
.list_third .layui-laypage-next:hover{
    border: 1px solid white;
}
.list_third .layui-disabled{
    color: black!important;
    cursor: not-allowed;
}
.list_third .layui-laypage-curr{margin-right: 10px;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #f2971A;border-radius: 50%;color: #f2971A}
.list_third a:hover{color:#f2971A;border: 1px solid #f2971A;}