.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

/*通用颜色*/
.cred{color:#FF5722}
.cgreen{color:#009688}
.cgreen2{color:#5FB878}
.cblue{color:#1E9FFF}
.cblue2{color:#01AAED}
.corange{color:#FFB800}

/*间距*/
.mal5{margin-left: 5px}
.mal10{margin-left: 10px}
.mal15{margin-left: 15px}
.mat5{margin-top: 5px}
.mat10{margin-top: 10px}
.mat15{margin-top: 15px}
.mar5{margin-right: 5px}
.mar10{margin-right: 10px}
.mar15{margin-right: 15px}
/*分页*/
.pages{}
.pages:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.pages{*+height:1%;}
.pages ul{margin-top:10px;}
.pages ul li{display:inline-block;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;font-size:14px;line-height:28px;margin-left: -1px;float: left;}
.pages ul li a,.pages ul li span{display:block;padding:0 15px;}
.pages ul li.disabled{color:#d2d2d2;}
.pages ul li.active{color:#fff;border:1px solid #009688;background-color:#009688;}


/*上传图片通用样式*/
.upload-ul{ position: relative;  display: inline-block; *display: inline; *zoom:1; max-width: 520px; }
.upload-ul li{ position: relative; float: left; display: inline-block; width: 120px; height: 90px; margin: 0 10px 10px 0; padding: 0; border: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.upload-pick{ background: url(../images/upload-bj.png) no-repeat 0 0; }
.upload-pick:hover{ background: url(../images/upload-bj.png) no-repeat 0 -90px; }
.webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
.webuploader-container{ position: relative; width: 100%; height: 100%; }
.webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
.webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
.viewThumb img{ width: 100%;/*height: 100%*/}
.diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bgblack.png);z-index: 3;}
.diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.diyControl{ position: absolute; display:none; left: 0;bottom: 0;width: 100%;height: 24px;line-height:24px;font-size: 14px;background: url(../images/bgblack.png); z-index: 3; }
.viewThumb:hover .diyControl{ display: block; }
.diyControl span{ display: inline-block; padding: 6.5px 13px; width: 12px; height: 11px; }
.diyControl span i{ display: block; width: 12px; height: 11px; opacity: .7; }
.diyControl span i:hover{ opacity: 1; cursor: pointer; }
.diyLeft{ margin-left: 3px; }
.diyLeft{ margin-right: 3px; }
.diyLeft i{ margin-left: 3px; background: url(../images/upload-icon1.png) no-repeat 0 0; }
.diyCancel i{ background: url(../images/upload-icon1.png) no-repeat 0 -11px; }
.diyRight i{ margin-right: 3px; background: url(../images/upload-icon1.png) no-repeat 0 -22px; }
.goods-edit .upload-tip{ font: 12px/23px "Microsoft YaHei"; color: #a3a3a3;vertical-align: top; }
.xn-upload-box .t{padding-bottom: 10px;}
/*隔行换色*/
/*.layui-table tr:nth-child(even){*/
/*    background: #f2f2f2;*/
/*}*/
/*列表头像样式*/
.head_img{
    height:25px;
    width:25px;
    border-radius:50%;
    line-height:50px!important;
}

.admin_info{
    display: flex!important;
    padding-left: 5px!important;
    flex-direction: column;
    line-height: 20px;
    justify-content: center;
    height: 100%;
}


.mouseenter_box{
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    top: 0px;
    left: 0px;
    border-color: #fff;
    z-index: 999;
    display: none;
}

.mouseenter_pic{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    border: 1px solid #999;
}
.layui-table-tool-temp {
    padding-right: 0px;
}

/* flex 布局 */
/* 垂直 俩段对齐 */
.dc-js {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 垂直显示 并居中 */
.dc-jc {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 上下左右居中 */
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 上下居中 */
.df-ac {
    display: flex;
    align-items: center;
}

/* 垂直底部对齐 */
.df-ae {
    display: flex;
    align-items: flex-end;
}

/* 右对齐 */
.df-je {
    display: flex;
    justify-content: flex-end;
}

/* 左右俩端对齐 */
.df-js {
    display: flex;
    justify-content: space-between;
}

/* 上下居中 左右俩端对齐 */
.df-jsac {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 垂直底部  左右俩端对齐 */
.df-jsae {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

/* 水平 居中 */
.df-jc {
    display: flex;
    justify-content: center;
}