.huayulink{
    border: 1px solid #ddd;
    padding: 0.25rem;
    border-radius: 3px;
}
.night .huayulink{
    border:1px solid #444;
}
.huayulink li{
    width: calc(100% / 8);
    float: left;
    padding: 0.25rem;
}
.huayulink li a{
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    padding: 0.35rem 0;
    border-radius: 3px;
}
.night .huayulink a{
    border:1px solid #444;
    color:#eee;
}
.huayulist{
    margin-top: 0.75rem;
}
.huayulist li{
    position: relative;
    padding: 0.6rem;
    border: 1px dashed #a2cdea;
    border-bottom: 0;
    zoom: 1;
    list-style-type: none;
}
.night .huayulist li {
    border: 1px dashed #444;
    border-bottom: 0;
}
.huayulist li:last-child{
    border-bottom: 1px dashed #a2cdea;
}
.night .huayulist li:last-child{
    border-bottom: 1px dashed #444;
}
.huayulist li .himg{
    float: left;
    padding: 2px;
    border: 1px solid #a2cdea;
    zoom: 1;
}
.night .huayulist li .himg{
    border: 1px solid #444;
}
.huayulist li .himg img{
    width: 138px;
    height: 106px;
}
.huayulist li .hls{
    overflow: hidden;
    margin-left: 8rem;
}
.huayulist li .hls h2{
    color: #348BCF;
    line-height: 1.2rem;
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
}
.huayulist li .hls div p{
    line-height: 1.1rem;
    font-size: 0.6rem;
}
.huadiv{
    border: 1px dashed #a3cdea;
    margin-top: 0.75rem;
    padding: 0.5rem;
    border-radius: 3px;
}
.huadiv h4{
    height: 2rem;
    line-height: 2rem;
    color: #358bcf;
}
.huadiv p{
    line-height: 1.1rem;
    font-size: 0.6rem;
    color: #358bcf;
}
.layui-table-cell{
    height: unset !important;
    line-height: unset !important;
    text-overflow: initial;
    white-space: normal;
    padding: 0.6rem 0.5rem;
}
@media screen and (max-width: 1200px){
    .huayulink li {
        width: calc(100% / 6);
    }
}
@media screen and (max-width: 990px){
    .huayulink li {
        width: calc(100% / 4);
    }
    .huayulist li .himg{
        float: unset;
        display: inline-block;
    }
    .huayulist li .hls {
        margin: 0.5rem 0 0 0;
    }
}
@media screen and (max-width: 520px){
    .huayulink li {
        width: calc(100% / 3);
    }
}
@media screen and (max-width: 360px){
    .huayulink li {
        width: calc(100% / 2);
    }
}