.layui-m-layer { position:relative; z-index:19891014 } .layui-m-layer * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .layui-m-layermain,.layui-m-layershade { position:fixed; left:0; top:0; width:100%; height:100% } .layui-m-layershade { background-color:rgba(0,0,0,.7); pointer-events:auto } .layui-m-layermain { display:table; font-family:Helvetica,arial,sans-serif; pointer-events:none } .layui-m-layermain .layui-m-layersection { display:table-cell; vertical-align:middle; text-align:center } .layui-m-layerchild { position:relative; display:inline-block; text-align:left; background-color:#fff; font-size:1em; border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,.1); pointer-events:auto; -webkit-overflow-scrolling:touch; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:.2s; animation-duration:.2s } @-webkit-keyframes layui-m-anim-scale { 0% { opacity:0; -webkit-transform:scale(.5); transform:scale(.5) } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } }@keyframes layui-m-anim-scale { 0% { opacity:0; -webkit-transform:scale(.5); transform:scale(.5) } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } }.layui-m-anim-scale { animation-name:layui-m-anim-scale; -webkit-animation-name:layui-m-anim-scale } @-webkit-keyframes layui-m-anim-up { 0% { opacity:0; -webkit-transform:translateY(800px); transform:translateY(800px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } }@keyframes layui-m-anim-up { 0% { opacity:0; -webkit-transform:translateY(800px); transform:translateY(800px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } }.layui-m-anim-up { -webkit-animation-name:layui-m-anim-up; animation-name:layui-m-anim-up } .layui-m-layer0 .layui-m-layerchild { width:90%; } .layui-m-layer1 .layui-m-layerchild { border:none; border-radius:0; } .layui-m-layer2 .layui-m-layerchild { width:auto; border:none; background:0 0; box-shadow:none; color:#fff } .layui-m-layerchild h3 { padding:0 1em; height:2.8em; line-height:2.8em; font-size:1.1em; font-weight:400;background:white; text-align:center;margin:0; } .layui-m-layerbtn span,.layui-m-layerchild h3 { text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .layui-m-layercont { padding:2em 1em; line-height:160%; text-align:center } .layui-m-layer1 .layui-m-layercont { padding:0; text-align:left } .layui-m-layer2 .layui-m-layercont { text-align:center; padding:0;overflow:hidden; } .layui-m-layer2 .layui-m-layercont i { width:1.1em; height:1.1em; margin-left:0.6em; display:inline-block; background-color:#fff; border-radius:100%; -webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out; animation:layui-m-anim-loading 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both } .layui-m-layerbtn,.layui-m-layerbtn span { position:relative; text-align:center; border-radius:0 0 0.5em 0.5em;-moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em; } .layui-m-layer2 .layui-m-layercont p { margin-top:0.8em 0; } @-webkit-keyframes layui-m-anim-loading { 0%,100%,80% { transform:scale(0); -webkit-transform:scale(0) } 40% { transform:scale(1); -webkit-transform:scale(1) } }@keyframes layui-m-anim-loading { 0%,100%,80% { transform:scale(0); -webkit-transform:scale(0) } 40% { transform:scale(1); -webkit-transform:scale(1) } }.layui-m-layer2 .layui-m-layercont i:first-child { margin-left:0; -webkit-animation-delay:-.32s; animation-delay:-.32s } .layui-m-layer2 .layui-m-layercont i.layui-m-layerload { -webkit-animation-delay:-.16s; animation-delay:-.16s } .layui-m-layer2 .layui-m-layercont>div { line-height:1.7em; padding-top:0.7em; margin-bottom:1.6em; font-size:1.1em } .layui-m-layerbtn { display:box; display:-moz-box; display:-webkit-box; width:100%; height:2.8em; line-height:2.8em; font-size:1em; border-top:1px solid #e3e3e3; background-color:#ffffff; color:#ff543a; } .layui-m-layerbtn span { display:block; -moz-box-flex:1; box-flex:1; -webkit-box-flex:1; font-size:1em; cursor:pointer } .layui-m-layerbtn span[yes] { color:#ff543a; } .layui-m-layerbtn span[no] { border-right:1px solid #e3e3e3; border-radius:0 0 0 0.5em;-moz-border-radius:0 0 0 0.5em;-webkit-border-radius:0 0 0 0.5em;color:#454545;background-color:#ffffff; } .layui-m-layerbtn span:active { background-color:#F6F6F6 } .layui-m-layerend { position:absolute; right:0.5em; top:0.8em; width:2.5em; height:2.5em; border:0; font-weight:400; background:0 0; cursor:pointer; -webkit-appearance:none; font-size:1.1em; } .layui-m-layerend::after,.layui-m-layerend::before { position:absolute; left:5px; top:15px; content:''; width:18px; height:1px; background-color:#999; transform:rotate(45deg); -webkit-transform:rotate(45deg); border-radius:3px } .layui-m-layerend::after { transform:rotate(-45deg); -webkit-transform:rotate(-45deg) } body .layui-m-layer .layui-m-layer-footer { position:fixed; width:95%; max-width:100%; margin:0 auto; left:0; right:0; bottom:10px; background:0 0 } .layui-m-layer-footer .layui-m-layercont { padding:1em; border-radius:0.5em 0.5em 0 0; background-color:rgba(255,255,255,.8) } .layui-m-layer-footer .layui-m-layerbtn { display:block; height:auto; background:0 0; border-top:none } .layui-m-layer-footer .layui-m-layerbtn span { background-color:rgba(255,255,255,.8) } .layui-m-layer-footer .layui-m-layerbtn span[no] { color:#FD482C; border-top:0px solid #c2c2c2; border-radius:0 0 0.5em 0.5em;-moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em; background:#999999;color:white; } .layui-m-layer-footer .layui-m-layerbtn span[yes] { margin-top:0.5em;background:#DC0520;color:white; border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em; } body .layui-m-layer .layui-m-layer-msg { width:auto; max-width:90%; margin:0 auto; margin-top:-1em; background-color:rgba(0,0,0,.7); color:#fff } .layui-m-layer-msg .layui-m-layercont { padding:0.8em 1.5em; }