﻿
/* Edit  */
.layui-footer {
    z-index: 2;
}
/* .layui-side-menu .layui-nav .layui-nav-item .layui-icon {
    top: 70%;
} */
.layuiadmin-card-header-auto i.layuiadmin-button-btn {
    top: -3px;
}


/* 显示 thinkphp trace */
.layui-body {
    z-index: 0;
}

/* Add */
.thumb-box {
    height: 151px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    text-align: center;
    line-height: 153px;
}

.thumb-img {
    max-width: 100%;
    max-height: 100%;
    border: none;
}

.thumb-box:after {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 153px;
    z-index: 1;
    text-align: center;
    font-size: 20px;
    /*content: "缩略图";*/
    /*content: "\7f29\7565\56fe";*/
    content: "\4e0a\4f20\56fe\7247";/*上传图片*/
    left: 0;
    top: 0;
    color: #9F9F9F;
}

/* Uploadfile */
.upload_img-box img.load_img, .upload_img-box img.exist-file, .upload_file-box img.load_img, .upload_file-box img.exist-file {
    width: 100px;
    height: 100px;
    padding: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
}
.upload_img-box img.del, .upload_file-box img.del {
    width: 24px;
    height: 24px;
    margin-top: -242px;
    margin-left: 97px;
    cursor: pointer;
    border: 0;
}

.upload_video-box img.load_img, .upload_video-box video {
    width: 100px;
    height: 100px;
    padding: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
}
.upload_video-box img.del {
    width: 24px;
    height: 24px;
    margin-top: -190px;
    margin-left: -16px;
    cursor: pointer;
    border: 0;
}


.uploader-div {
    border: solid 1px #ccc;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}


.w_fly{
    display: flex;
    justify-content: flex-start;
}

.v {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.h {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
.v_center {
    display: -webkit-flex;
    display: flex;
    align-items: center; /*垂直居中*/
}

.h_center {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.h_v_center {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.between {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.around {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
}
.flex_wrap {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}