/* 数据表格 */
.layui-table-cell{ height:auto !important; }

/* 富文本 */
#editor{ width:100%; height:500px; margin-bottom: 300px; }

/* 首页 */
.layui-badge {
    font-size: 10px;
    -webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
    -webkit-animation-duration: 1s;/*动画持续时间*/
    -webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
    -webkit-animation-delay: 0s;/*动画延迟时间*/
    -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
    -webkit-animation-direction: alternate;/*定义动画方式*/
}
@keyframes ripple { 0% { font-size: 10px; } 100% { font-size: 18px; } }

/* icon选择器 */
.layui-iconpicker .layui-anim {
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    padding: 5px 0;
    z-index: 899;
    min-width: 150%;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
}

/*========浮动=====*/
.z_fl { float: left }
.z_fr { float: right }
.z_clear { clear: both }

/*========底部外边距=====*/
.z_mb5{ margin-bottom: 5px }
.z_mb10{ margin-bottom: 10px }
.z_mb15{ margin-bottom: 15px }
.z_mb20{ margin-bottom: 20px }

/*========顶部外边距=====*/
.z_mt5{ margin-top: 5px }
.z_mt10{ margin-top: 10px }
.z_mt15{ margin-top: 15px }
.z_mt20{ margin-top: 20px }

/*========左部外边距=====*/
.z_ml5{ margin-left: 5px }
.z_ml10{ margin-left: 10px }
.z_ml15{ margin-left: 15px }
.z_ml20{ margin-left: 20px }

/*========右部外边距=====*/
.z_mr5{ margin-right: 5px }
.z_mr10{ margin-right: 10px }
.z_mr15{ margin-right: 15px }
.z_mr20{ margin-right: 20px }

/*========内容对齐=====*/
.z_txt-c{ text-align: center }
.z_txt-l{ text-align: left }
.z_txt-r{ text-align: right }

/*========自动居中=====*/
.z_mauto{ margin: 0 auto }