html,
body {
    background-color: #f5f5f5;
    
}

.program-item {
    margin: 10px 5px;
    padding-bottom: 5px;
    
}

.program-item .desc {

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 96px;

}

.program-item .options {
    text-align: right; color: #999;font-size: 14px;margin-top: 10px;

}

.program-item .layui-icon{
    font-size: 14px;
}

.site-logo{
  display: flex;
  align-items: center;
  color: #fff;
}
.site-logo:hover{
  color: #fff;
}

.site-logo img{
  max-height: 60px;
}

.read-header{
  background-color: #6699CC;
  color: #fff;
}

.read-header .layui-breadcrumb a:hover{
  color: #99CCFF !important;
}

.read-header .layui-breadcrumb a{
  color: #fff !important;
}

.main-body{

}


.list-container li{
    list-style: unset;
    margin-left: 15px;
}

.post-title{
  margin: 15px 0;
  font-size: 22px;
}

.post-container{
  margin: 15px;
}