.layui-layer,.layui-layer-shade{ position:fixed; _position:absolute; pointer-events:auto } .layui-layer-shade{ top:0; left:0; width:100%; height:100%; _height:expression(document.body.offsetHeight+"px") } .layui-layer{ top:150px; left:50%; margin:0; padding:0; background-color:#fff; -webkit-background-clip:content; box-shadow:1px 1px 50px rgba(0,0,0,.3); -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:.3s; animation-duration:.3s } .layui-layer-close{ position:absolute } .layui-layer-content{ position:relative } .layui-layer-border{ border:1px solid #B2B2B2; border:1px solid rgba(0,0,0,.3); box-shadow:1px 1px 5px rgba(0,0,0,.2) } .layui-layer-moves{ position:absolute; border:3px solid #666; border:3px solid rgba(0,0,0,.5); cursor:move; background-color:#fff; background-color:rgba(255,255,255,.3); filter:alpha(opacity=50) } .layui-layer-load{ background:url(loading.gif) center center no-repeat #fff } .layui-layer-ico{ background:url(icon.png) no-repeat } .layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{ display:inline-block; *display:inline; *zoom:1; vertical-align:top } @-webkit-keyframes bounceIn{ 0%{ opacity:0; -webkit-transform:scale(.5); transform:scale(.5) } 100%{ opacity:1; -webkit-transform:scale(1); transform:scale(1) } } @keyframes bounceIn{ 0%{ opacity:0; -webkit-transform:scale(.5); -ms-transform:scale(.5); transform:scale(.5) } 100%{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } } .layui-anim{ -webkit-animation-name:bounceIn; animation-name:bounceIn } @-webkit-keyframes bounceOut{ 100%{ opacity:0; -webkit-transform:scale(.7); transform:scale(.7) } 30%{ -webkit-transform:scale(1.03); transform:scale(1.03) } 0%{ -webkit-transform:scale(1); transform:scale(1) } } @keyframes bounceOut{ 100%{ opacity:0; -webkit-transform:scale(.7); -ms-transform:scale(.7); transform:scale(.7) } 30%{ -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03) } 0%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } } .layui-anim-close{ -webkit-animation-name:bounceOut; animation-name:bounceOut; -webkit-animation-duration:.2s; animation-duration:.2s } @-webkit-keyframes zoomInDown{ 0%{ opacity:0; -webkit-transform:scale(.1) translateY(-2000px); transform:scale(.1) translateY(-2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 60%{ opacity:1; -webkit-transform:scale(.475) translateY(60px); transform:scale(.475) translateY(60px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } } @keyframes zoomInDown{ 0%{ opacity:0; -webkit-transform:scale(.1) translateY(-2000px); -ms-transform:scale(.1) translateY(-2000px); transform:scale(.1) translateY(-2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 60%{ opacity:1; -webkit-transform:scale(.475) translateY(60px); -ms-transform:scale(.475) translateY(60px); transform:scale(.475) translateY(60px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } } .layui-anim-01{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown } @-webkit-keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) } 100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) } 100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .layui-anim-02{ -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } @-webkit-keyframes zoomInLeft{ 0%{ opacity:0; -webkit-transform:scale(.1) translateX(-2000px); transform:scale(.1) translateX(-2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 60%{ opacity:1; -webkit-transform:scale(.475) translateX(48px); transform:scale(.475) translateX(48px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } } @keyframes zoomInLeft{ 0%{ opacity:0; -webkit-transform:scale(.1) translateX(-2000px); -ms-transform:scale(.1) translateX(-2000px); transform:scale(.1) translateX(-2000px); -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 60%{ opacity:1; -webkit-transform:scale(.475) translateX(48px); -ms-transform:scale(.475) translateX(48px); transform:scale(.475) translateX(48px); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } } .layui-anim-03{ -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft } @-webkit-keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg) } 100%{ opacity:1; -webkit-transform:translateX(0) rotate(0); transform:translateX(0) rotate(0) } } @keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); -ms-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg) } 100%{ opacity:1; -webkit-transform:translateX(0) rotate(0); -ms-transform:translateX(0) rotate(0); transform:translateX(0) rotate(0) } } .layui-anim-04{ -webkit-animation-name:rollIn; animation-name:rollIn } @keyframes fadeIn{ 0%{ opacity:0 } 100%{ opacity:1 } } .layui-anim-05{ -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes shake{ 0%,100%{ -webkit-transform:translateX(0); transform:translateX(0) } 10%,30%,50%,70%,90%{ -webkit-transform:translateX(-10px); transform:translateX(-10px) } 20%,40%,60%,80%{ -webkit-transform:translateX(10px); transform:translateX(10px) } } @keyframes shake{ 0%,100%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 10%,30%,50%,70%,90%{ -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px) } 20%,40%,60%,80%{ -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px) } } .layui-anim-06{ -webkit-animation-name:shake; animation-name:shake } @-webkit-keyframes fadeIn{ 0%{ opacity:0 } 100%{ opacity:1 } } .layui-layer-title{ padding:0 80px 0 10px; height:35px; line-height:35px; border-bottom:1px solid #D5D5D5; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:#EAEAEA } .layui-layer-setwin{ position:absolute; right:10px; *right:0; top:10px; font-size:0; line-height:initial } .layui-layer-setwin a{ position:relative; width:14px; height:14px; margin-left:10px; font-size:12px; _overflow:hidden } .layui-layer-setwin .layui-layer-min cite{ position:absolute; width:14px; height:2px; left:0; top:50%; margin-top:-1px; background-color:#919191; cursor:pointer; _overflow:hidden } .layui-layer-setwin .layui-layer-min:hover cite{ background-color:#2D93CA } .layui-layer-setwin .layui-layer-max{ background-position:-45px -55px } .layui-layer-setwin .layui-layer-max:hover{ background-position:-95px -55px } .layui-layer-setwin .layui-layer-maxmin{ background-position:-68px -55px } .layui-layer-setwin .layui-layer-maxmin:hover{ background-position:-118px -55px } .layui-layer-setwin .layui-layer-close1{ width:14px; height:14px; background-position:-5px -55px; cursor:pointer } .layui-layer-setwin .layui-layer-close1:hover{ background-position:-25px -55px } .layui-layer-setwin .layui-layer-close2{ position:absolute; right:-23px; top:-23px; width:30px; height:30px; margin-left:0; background-position:-149px -44px; *right:-18px; _right:-15px; _top:-23px; _width:14px; _height:14px; _background-position:-5px -55px } .layui-layer-setwin .layui-layer-close2:hover{ background-position:-180px -44px; _background-position:-25px -55px } .layui-layer-btn{ text-align:center; padding:0 30px 10px; pointer-events:auto } .layui-layer-btn a{ height:30px; line-height:30px; margin:0 8px; padding:0 20px; background:#5FBFE7; color:#fff; font-size:14px; font-weight:700; cursor:pointer; text-decoration:none } .layui-layer-btn a:hover{ opacity:.9; text-decoration:none } .layui-layer-btn a:active{ opacity:.7 } .layui-layer-btn .layui-layer-btn1{ background:#A6BBCE } .layui-layer-dialog{ min-width:240px } .layui-layer-dialog .layui-layer-content{ position:relative; padding:20px; line-height:24px; word-break:break-all; font-size:14px; overflow:auto } .layui-layer-dialog .layui-layer-content .layui-layer-ico{ position:absolute; top:15px; left:15px; _left:-50px; width:39px; height:39px } .layui-layer-ico1{ background-position:-46px 0 } .layui-layer-ico2{ background-position:-93px 0 } .layui-layer-ico3{ background-position:-145px 0 } .layui-layer-ico4{ background-position:-191px 0 } .layui-layer-ico5{ background-position:-239px 0 } .layui-layer-ico6{ background-position:-287px 0 } .layui-layer-rim{ border:6px solid #8D8D8D; border:6px solid rgba(0,0,0,.3); border-radius:5px; box-shadow:none } .layui-layer-msg{ min-width:170px; border-radius:3px; border:5px solid #8D8D8D; border:5px solid rgba(0,0,0,.4) } .layui-layer-msg .layui-layer-content .layui-layer-ico{ top:10px } .layui-layer-hui{ min-width:100px; background-color:#000; filter:alpha(opacity=60); background-color:rgba(0,0,0,.6); color:#fff; border:none } .layui-layer-hui .layui-layer-content{ padding:12px 25px; text-align:center } .layui-layer-dialog .layui-layer-padding{ padding:22px 20px 22px 65px; text-align:left } .layui-layer-msg .layui-layer-padding{ padding:17px 20px 17px 65px } .layui-layer-page .layui-layer-content{ position:relative; overflow:auto } .layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{ padding-top:10px } .layui-layer-nobg{ background:0 0 } .layui-layer-iframe .layui-layer-content{ overflow:hidden } .layui-layer-iframe iframe{ display:block; width:100% } .layui-layer-loading{ border-radius:100%; background:0 0; box-shadow:none; border:none } .layui-layer-loading .layui-layer-content{ width:60px; height:24px; background:url(loading.gif) no-repeat } .layui-layer-tips{ background:0 0; box-shadow:none; border:none } .layui-layer-tips .layui-layer-content{ position:relative; line-height:22px; min-width:12px; padding:5px 10px; font-size:12px; _float:left; border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.3); background-color:#F90; color:#fff } .layui-layer-tips .layui-layer-close{ right:-2px; top:-1px } .layui-layer-tips i.layui-layer-TipsG{ position:absolute; width:0; height:0; border-width:8px; border-color:transparent; border-style:dashed; *overflow:hidden } .layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{ left:5px; border-right-style:solid; border-right-color:#F90 } .layui-layer-tips i.layui-layer-TipsT{ bottom:-8px } .layui-layer-tips i.layui-layer-TipsB{ top:-8px } .layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{ top:1px; border-bottom-style:solid; border-bottom-color:#F90 } .layui-layer-tips i.layui-layer-TipsR{ left:-8px } .layui-layer-tips i.layui-layer-TipsL{ right:-8px } .layui-layer-lan[type=dialog]{ min-width:280px } .layui-layer-lan .layui-layer-title{ background:#4476A7; color:#fff; border:none } .layui-layer-lan .layui-layer-btn{ padding:10px; text-align:right; border-top:1px solid #E9E7E7 } .layui-layer-lan .layui-layer-btn a{ background:#BBB5B5 } .layui-layer-lan .layui-layer-btn .layui-layer-btn1{ background:#C9C5C5 } .layui-layer-molv .layui-layer-title{ background:#009f95; color:#fff; border:none } .layui-layer-molv .layui-layer-btn a{ background:#009f95 } .layui-layer-molv .layui-layer-btn .layui-layer-btn1{ background:#92B8B1 }