/* =========================================================================================================== */
/* ======================================================弹出层公用=============================================== */
/* =========================================================================================================== */
/*layer弹出层盒子*/
body  .layui-m-layer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.layui-m-layercont
{
  /* line-height: 1; */
  font-size: 16px; 
}
/* layer加载时 */
.layui-m-layercont>p{
  height: 20px;
} 

/* layer弹出层 */
.layui-m-layer1 .kdm-layer{ 
  box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}

.layui-m-layer1 .kdm-layer.kdm-layer-radius{
   border-radius: 2px 2px;
}

.layui-m-layer1 .layui-m-animation{
  -webkit-animation-duration:.3s;animation-duration:.3s
}

.layui-m-layer1  .layui-m-2nd-animation{
  -webkit-animation-duration:.0001s;animation-duration:.0001s
}

.layui-m-layer1  .layui-m-no-animation{
  -webkit-animation-duration:0s;animation-duration:0s
}

/* layer container */
.kdm-layer .kdm-layer-container{ 

}

/* layer 头部 */
.kdm-layer .kdm-layer-head{
  
}

/* layer title */
.kdm-layer .kdm-layer-title{
  padding: 0 80px 0 10px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #f8f8f8;
  border-radius: 5px 5px;
}

/* layer close */
.kdm-layer .kdm-layer-close{
 position: absolute;
 right: 15px;
 top: 10px;
 font-size: 30px;
 line-height: inherit;
 width: 30px;
}

/* layer paperclip */
.kdm-layer .kdm-layer-paperclip{
 position: absolute;
 right: 60px;
 top: 10px;
 font-size: 22px;
 line-height: inherit;
 transform: rotate(45deg);
}

/* layer content */
.kdm-layer .kdm-layer-content{
  position: relative;
}
 
.kd-mob-wf-rich-layer .layui-m-layercont p{
  color: #000;
  height: auto;
}

/*
.layui-m-layer2 .layui-m-layersection .layui-m-layercont i{
  display: none;
}
.layui-m-layer2 .layui-m-layersection .layui-m-layercont i.layui-m-layerload {
    display: block;
    width: 60px;
    height: 24px;
    background: url(images/loading-0.gif) no-repeat;
    -webkit-animation: none;
    animation: none;
}
*/

/* =========================================================================================================== */
/* ======================================================弹出层动画=============================================== */
/* =========================================================================================================== */
/****无动画****/
@-webkit-keyframes layui-m-anim-none {
    0%, 100%{
      transform:scale(1);
      -webkit-transform:scale(1)
    }
}
@keyframes layui-m-anim-none {
     0%, 100%{
      transform:scale(1);
      -webkit-transform:scale(1)
    } 
}
.layui-m-anim-none {
    -webkit-animation-name:layui-m-anim-none;
    animation-name:layui-m-anim-none;
}
/****左滑出****/
@-webkit-keyframes layui-m-anim-left {
    0% {
        opacity:0;
        -webkit-transform:translateX(-800px);
        transform:translateX(-800px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes layui-m-anim-left {
    0% {
        opacity:0;
        -webkit-transform:translateX(-800px);
        transform:translateX(-800px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.layui-m-anim-left {
    -webkit-animation-name:layui-m-anim-left;
    animation-name:layui-m-anim-left
}
/****右滑出****/
@-webkit-keyframes layui-m-anim-right {
    0% {
        opacity:0;
        -webkit-transform:translateX(800px);
        transform:translateX(800px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes layui-m-anim-right {
    0% {
        opacity:0;
        -webkit-transform:translateX(800px);
        transform:translateX(800px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.layui-m-anim-right {
    -webkit-animation-name:layui-m-anim-right;
    animation-name:layui-m-anim-right
}