@import url("animate-tool.css");
.regularly-box{height: auto; position: relative; border:3px solid #e7bc71; margin-top: 50px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius: 8px;}
.regularly-item-list{display: flex;width:100%;height:320px;justify-content: flex-start;overflow: hidden;}
.regularly-item-list li{width: 23%; height: 310px;display: block; position: relative; margin-right:2%}
.regularly-item-list li .flip-box{border: 2px solid #7e8083;width:100%; height:100%;padding:10px;position: absolute;left: 0;top: 0; background: #fff;overflow: hidden;color: #0069aa;font-size: 20px;font-weight: bold;}
.regularly-item-list li .flip-box:first-child{background: #eee;font-size: 15px;color: #000;font-weight: normal}
/*.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}*/
.regularly-item-list li .flip-box span{
    position: absolute;
    bottom: 0;
    padding:10px 2px;
}
.regularly-item-list li .flip-box span a{
    display: block;
    color: #e07e26;
    margin-top: 22px;
    line-height: 1.4;
}
.regularly-item-list li .flip-box span a:hover{
    color: #A35B1A;
}