@CHARSET "UTF-8";

.block {display: block;}
.flex {display: flex;}
.drawbox {border:1px dashed red; padding: 10px; text-align: center; margin:10px; font-size: 32px; font-weight: 600; color: red}

.list-cate  {flex-wrap: wrap;}
.list-cate .item {width: 10%; margin:15px; padding: 40px; text-align: center;}
.list-cate .item .cate-name {text-align: center; margin-top: 10px; margin-bottom: 10px;}
.list-cate .btn {background: #0072C6; color: #fff; border-radius: 15px;  padding: 0px;}
.list-cate  a {color: #fff; padding: 3px 15px 3px 15px;}

/* 必填标识 */
.required {color: #c0392b;font-weight: bold;margin-left: 2px;}

/* 状态标签 */
.status-tag {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
}
.status-wait {background: #fdf6f5;color: #c0392b;border: 1px solid #f0d9d5;}
.status-done {background: #eef7ee;color: #27ae60;border: 1px solid #cfe9cf;}
.status-cancel {background: #f2f2f2;color: #7f8c8d;border: 1px solid #e0e0e0;}

/* 操作按钮 */
.act-btn {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s;
}
.act-btn-info {background: #2c7fb8;}
.act-btn-info:hover {background: #256a9c;}
.act-btn-warn {background: #c0392b;}
.act-btn-warn:hover {background: #a93226;}
.act-sep {color: #ccc;margin: 0 6px;}