/*
  layer mobile 3.0.0
*/

.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-layershade, .layui-m-layermain {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh;}
.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: linear-gradient(
    #9efffc 0%,
    #ffffff 30%,
    #ffffff 80%
); font-size: 4.375vw; border-radius: 3vw; box-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.1); pointer-events: auto; -webkit-overflow-scrolling: touch;}
.layui-m-layerchild {-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;}

/* 弹出动画 */
@-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{-webkit-animation-name: layui-m-anim-scale; animation-name: layui-m-anim-scale;}

@-webkit-keyframes layui-m-anim-up{
    0%{opacity: 0; -webkit-transform: translateY(300px); transform: translateY(300px)}
    100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}
}
@keyframes layui-m-anim-up{
    0%{opacity: 0; -webkit-transform: translateY(300px); transform: translateY(300px)}
    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: 90vw; max-width: 100%;}
.layui-m-layer1 .layui-m-layerchild{border:none; border-radius:0;}
.layui-m-layer2 .layui-m-layerchild{width:auto; max-width: 81.25vw; min-width: 12.5vw; border:none; background: none; box-shadow: none; color:#fff;}

.layui-m-layerchild h3 {margin:0;padding: 3.125vw 3.125vw;color: #00493e;font-size:5vw;font-weight: 400;border-radius: 3vw 3vw 0 0;text-align: center;position: relative;}
.layui-m-layerchild h3, .layui-m-layerbtn span {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* .layui-m-layerchild h3::after{content:'';display: inline-flex;align-items:center;justify-content:center;height:0.2vw;width:100%;background:#887AFB;position: absolute;bottom:0;right:0;left:0;} */
.layui-m-layercont{padding: 4vw 4vw 4vw 4vw;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; line-height: 0;}
.layui-m-layer2 .layui-m-layercont i{width: 7.8125vw; height: 7.8125vw; margin-left: 2.5vw; display:inline-block; background-color:#fff; border-radius:100%;}
.layui-m-layer2 .layui-m-layercont p{margin-top: 6.25vw;}

/* loading */
@-webkit-keyframes layui-m-anim-loading{
    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
    40%{transform:scale(1); -webkit-transform:scale(1)}
}
@keyframes layui-m-anim-loading{
    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
    40%{transform:scale(1); -webkit-transform:scale(1)}
}
.layui-m-layer2 .layui-m-layercont i{-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-layer2 .layui-m-layercont i:first-child {margin-left: 0; -webkit-animation-delay: -.1vw; animation-delay: -.1vw;}
.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {-webkit-animation-delay: -.05vw; animation-delay: -.05vw;}
.layui-m-layer2 .layui-m-layercont>div {line-height: 6.875vw; padding-top: 2.1875vw; margin-bottom: 6.25vw; font-size: 4.375vw;}
.layui-m-layerbtn { display: flex; flex-direction: row-reverse; width: 100%; position: relative; text-align: center; }
.layui-m-layerbtn span {border-radius: 100rem;padding: 2.8vw 0;margin: 5vw 5vw;position: relative;display: block;-moz-box-flex: 1;box-flex: 1;-webkit-box-flex: 1;text-align: center;font-size: 4.375vw;cursor: pointer;}
.layui-m-layerbtn span[yes] {color: #000;width: 100%;background:linear-gradient(to left, #50F2DA, #48E786);}

.layui-m-layerbtn span[no] {width: 100%;border: #50F2DA 0.2vw solid;color: #000;}
.layui-m-layerbtn span:active {box-shadow: #50F2DAa2 0px 7px 10px 0px;}

.layui-m-layerend { position: absolute; right: 2.1875vw; top: 3.125vw; width: 9.375vw; height: 9.375vw; border: 0; font-weight: 400; background: transparent; cursor: pointer; -webkit-appearance: none; font-size: 9.375vw; }
.layui-m-layerend::before,
.layui-m-layerend::after { position: absolute; left: 1.5625vw; top: 4.6875vw; content: ''; width: 5.625vw; height: 0.3125vw; background-color: #999; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius: 0.9375vw; }

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

/* 底部对话框风格 */
body .layui-m-layer .layui-m-layer-footer {position: fixed; width: 93.75vw; max-width: 100%; margin: 0 auto; left: 0; right: 0; bottom: 3.125vh; background: none;}
.layui-m-layer-footer .layui-m-layercont {padding: 6.25vw; border-radius: 1.5625vw 1.5625vw 0 0; background-color: rgba(255, 255, 255, .8);}
.layui-m-layer-footer .layui-m-layerbtn {display: block; height: auto; background: none; 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: #50F2DA; border-top: 0.3125vw solid #c2c2c2; border-radius: 0 0 1.5625vw 1.5625vw;}
.layui-m-layer-footer .layui-m-layerbtn span[yes] {margin-top: 3.125vh; border-radius: 1.5625vw;}

/* 通用提示 */
body .layui-m-layer .layui-m-layer-msg {width: auto; max-width: 87.5vw; margin: 0 auto; bottom: -46.875vw; background: rgba(0, 0, 0, .7) !important; color: #fff;}
.layui-m-layer-msg .layui-m-layercont {padding: 3.125vw 6.25vw;}

/* 输入模式样式 */
.layui-m-layer-input-wrap{display:flex;justify-content:center;flex-direction:column;}
.layui-m-layer-input{padding:3vw;border:.4vw solid #f3f3f3;border-radius:2vw;font-size:4vw;background-color:#fff;outline:0;direction:inherit;resize:none}
.layui-m-layer-input:focus{border-color:#50f2da;box-shadow:0 0 1vw rgba(80,242,218,.5)}
.layui-m-layer-input::placeholder{color:#999;font-size:3.75vw}