@charset "utf-8";

.layui-m-layer { position: relative; z-index: 19891014; }

.layui-m-layer * { box-sizing: content-box; }

.layui-m-layermain, .layui-m-layershade { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; }

.layui-m-layershade { background-color: rgba(0, 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: rgb(255, 255, 255); font-size: 14px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; pointer-events: auto; animation-fill-mode: both; animation-duration: 0.2s; }

@-webkit-keyframes layui-m-anim-scale { 
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes layui-m-anim-scale { 
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}

.layui-m-anim-scale { animation-name: layui-m-anim-scale; }

@-webkit-keyframes layui-m-anim-up { 
  0% { opacity: 0; transform: translateY(800px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes layui-m-anim-up { 
  0% { opacity: 0; transform: translateY(800px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.layui-m-anim-up { animation-name: layui-m-anim-up; }

.layui-m-layer0 .layui-m-layerchild { width: 90%; max-width: 640px; }

.layui-m-layer1 .layui-m-layerchild { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; }

.layui-m-layer2 .layui-m-layerchild { width: auto; max-width: 260px; min-width: 40px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: 0px 0px; box-shadow: none; color: rgb(255, 255, 255); }

.layui-m-layerchild h3 { padding: 0px 10px; height: 60px; line-height: 60px; font-size: 16px; font-weight: 400; border-radius: 5px 5px 0px 0px; text-align: center; }

.layui-m-layerbtn span, .layui-m-layerchild h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.layui-m-layercont { padding: 50px 30px; line-height: 22px; text-align: center; }

.layui-m-layer1 .layui-m-layercont { padding: 0px; text-align: left; }

.layui-m-layer2 .layui-m-layercont { text-align: center; padding: 0px; line-height: 0; }

.layui-m-layer2 .layui-m-layercont i { width: 25px; height: 25px; margin-left: 8px; display: inline-block; background-color: rgb(255, 255, 255); border-radius: 100%; animation: 1.4s ease-in-out 0s infinite normal both running layui-m-anim-loading; }

.layui-m-layerbtn, .layui-m-layerbtn span { position: relative; text-align: center; border-radius: 0px 0px 5px 5px; }

.layui-m-layer2 .layui-m-layercont p { margin-top: 20px; }

@-webkit-keyframes layui-m-anim-loading { 
  0%, 100%, 80% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes layui-m-anim-loading { 
  0%, 100%, 80% { transform: scale(0); }
  40% { transform: scale(1); }
}

.layui-m-layer2 .layui-m-layercont i:first-child { margin-left: 0px; animation-delay: -0.32s; }

.layui-m-layer2 .layui-m-layercont i.layui-m-layerload { animation-delay: -0.16s; }

.layui-m-layer2 .layui-m-layercont > div { line-height: 22px; padding-top: 7px; margin-bottom: 20px; font-size: 14px; }

.layui-m-layerbtn { display: -webkit-box; width: 100%; height: 50px; line-height: 50px; font-size: 0px; border-top: 1px solid rgb(208, 208, 208); background-color: rgb(242, 242, 242); }

.layui-m-layerbtn span { display: block; -webkit-box-flex: 1; font-size: 14px; cursor: pointer; }

.layui-m-layerbtn span[yes] { color: rgb(64, 175, 254); }

.layui-m-layerbtn span[no] { border-right: 1px solid rgb(208, 208, 208); border-radius: 0px 0px 0px 5px; }

.layui-m-layerbtn span:active { background-color: rgb(246, 246, 246); }

.layui-m-layerend { position: absolute; right: 7px; top: 10px; width: 30px; height: 30px; border: 0px; font-weight: 400; background: 0px 0px; cursor: pointer; appearance: none; font-size: 30px; }

.layui-m-layerend::after, .layui-m-layerend::before { position: absolute; left: 5px; top: 15px; content: ""; width: 18px; height: 1px; background-color: rgb(153, 153, 153); transform: rotate(45deg); border-radius: 3px; }

.layui-m-layerend::after { transform: rotate(-45deg); }

body .layui-m-layer .layui-m-layer-footer { position: fixed; width: 95%; max-width: 100%; margin: 0px auto; left: 0px; right: 0px; bottom: 10px; background: 0px 0px; }

.layui-m-layer-footer .layui-m-layercont { padding: 20px; border-radius: 5px 5px 0px 0px; background-color: rgba(255, 255, 255, 0.8); }

.layui-m-layer-footer .layui-m-layerbtn { display: block; height: auto; background: 0px 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.layui-m-layer-footer .layui-m-layerbtn span { background-color: rgba(255, 255, 255, 0.8); }

.layui-m-layer-footer .layui-m-layerbtn span[no] { color: rgb(253, 72, 44); border-top: 1px solid rgb(194, 194, 194); border-radius: 0px 0px 5px 5px; }

.layui-m-layer-footer .layui-m-layerbtn span[yes] { margin-top: 10px; border-radius: 5px; }

body .layui-m-layer .layui-m-layer-msg { width: auto; max-width: 90%; margin: 0px auto; bottom: -150px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); }

.layui-m-layer-msg .layui-m-layercont { padding: 10px 20px; }