/* 
  layer mobile
*/

.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: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: var(--bg-color-1);  border-radius: 6px; box-shadow: 0 0 8px 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: .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%; max-width: 640px;}
.layui-m-layer1 .layui-m-layerchild{border:none; border-radius:0;}
.layui-m-layer2 .layui-m-layerchild{width:auto; max-width:260px; min-width:40px; border:none; background: none; box-shadow: none; color:#fff;}
.layui-m-layerchild h3{padding: 0 10px; height: 50px; line-height: 50px; font-size:16px; font-weight: 400;  border-radius: 5px 5px 0 0; text-align: center;margin:0px;text-align: center !important;}
.layui-m-layerchild h3,
.layui-m-layerbtn span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.layui-m-layercont{padding:25px 16px ;  text-align:center; font-size: 16px}
.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:25px; height:25px; margin-left:8px; display:inline-block; background-color:#fff; border-radius:100%;}
.layui-m-layer2 .layui-m-layercont p{margin-top: 20px;}
.select-match-insert-data {background-color:var(--bgcolor-3);width: 74%; margin: 0 auto 20px;height: 34px; border-radius: 20px;line-height: 34px;font-size: 15px;}
.select-match-insert-data span {text-align: center; display: block; width: 50%; height: 34px; float: left;color: var(--textcolor-3);}
.select-match-insert-data span.on {background-color:var(--bgcolor-1);height: 30px; width: 48%; margin: 2px; border-radius: 15px;color: var(--text-color-1);line-height: 30px;font-weight: 600;}
.layui-m-layercont .insert-data-title {font-size: 14px;color: var(--text-color-2);text-align: center;height: 38px;line-height: 38px;display: flex;flex-direction: row;}
.layui-m-layercont .insert-data-title::before, .layui-m-layercont .insert-data-title::after{ content: "";flex: 1 1; border-bottom: 1px solid var(--border-2); margin: auto;}
.layui-m-layercont .insert-data-title span {background-color: var(--white);padding: 0 8px;}
.select-insert-data-box {margin: 0 auto; padding:6px 0 16px;height: 70px; display: table;display: flex;justify-content: flex-start;}
.one-select {width: 32%;float: left;border: 1px solid var(--border-3);border-radius: 6px;margin:0 1.3%;padding: 8px 0 0;background-color: #fafafa;}
.one-select .title {font-size: 14px;line-height: 16px;color: var(--text-color-2);}
.one-select img {width: 30px; height: 30px;}
.one-select.on {border: solid 1px var(--red40);position: relative;overflow: hidden;}
.one-select.on::before { background-color: var(--red40);color: #fff; content: "";  font-size: 9px; width: 50px; text-align: center; position: absolute; height: 7px; right: -20px; padding: 0 0 5px 0;line-height: normal;  bottom: -2px; display: block; transform: rotate(-45deg);}
.one-select.on::after { content: ""; display: table; width: 3px; height: 6px; position: absolute; bottom: 2px; right: 3px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1); transition: all .2s ease-in-out;}

.select-match-insert-data.one{
    width:49% !important;
}
    .select-match-insert-data.one span.on {
        width: 98% !important;
    }
    /* 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: -.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:22px; padding-top:7px; margin-bottom:20px; font-size: 14px;}
.layui-m-layerbtn{position: relative;width:86%;padding: 0 0 20px 0;margin: 0 auto;overflow: hidden;}
.layui-m-layerbtn span{display: inline-block;text-align: center;border-radius: 4px;font-size: 16px;width: 100%;}
.layui-m-layerbtn span[yes]{color: #FFF;background-color: var(--bg-hightlight-6);line-height: 48px;float: left;}
.layui-m-layerbtn span[no]{line-height: 40px;color: var(--text-hightlight-1);float: right;margin-top: 10px;}
/*
.layui-m-layerbtn{display: box; display: -moz-box; display: -webkit-box; width: 100%; position:relative; height: 50px; line-height: 50px; font-size: 0; text-align:center;  border-top:1px solid var(--border-3); background-color: var(--bg-color-2); border-radius: 0 0 5px 5px; overflow: hidden}
.layui-m-layerbtn span{position:relative; display: block; -moz-box-flex: 1; box-flex: 1; -webkit-box-flex: 1;  text-align:center; font-size:16px;  cursor:pointer;}
.layui-m-layerbtn span[yes]{color: #FFF;background-color: var(--bg-hightlight-5)}
.layui-m-layerbtn span[no]{border-right: 1px solid var(--border-3); border-radius: 0 0 0 5px;}
*/

.layui-m-layerbtn span:active{background-color: #F6F6F6;}
.layui-m-layerend{position:absolute; right:7px; top:10px; width:30px; height:30px; border: 0; font-weight:400; background: transparent; cursor: pointer; -webkit-appearance: none; font-size:30px;}
.layui-m-layerend::before, .layui-m-layerend::after{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: none;}
.layui-m-layer-footer .layui-m-layercont{padding: 20px; border-radius: 5px 5px 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: #FD482C; border-top: 1px solid #c2c2c2; border-radius: 0 0 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: 0 auto; bottom: -150px; background-color: rgba(0,0,0,.7); color: #fff;}
.layui-m-layer-msg .layui-m-layercont{padding: 10px 20px !important;}

.jds input {margin-right: 4px;height: 16px;width: 16px;vertical-align: -1px;}
.hf-1 {color: var();}
.hf-2 {color: var(--text-color-2);}
/*提示窗图标加入*/

.win-icon { clear: both;margin: 0 auto;width: 155px;height: 120px;margin-bottom: 8px;}

.t1 {background-image: url(../../../../Images/t1.svg);}
.t2 {
    background-image: url(../../../../images/t2.svg);
}
.t3 {
    background-image: url(../../../../images/t3.svg);
}
.t4s {
    background-image: url(../../../../images/t4.svg);
}
.t4 {
    background-image: url(../../../../images/t5.svg);
}
.t5 {
    background-image: url(../../../../images/o-k.svg);
}
.t6 {
    background-image: url(../../../../images/t6.svg);
}

.layui-m-layerchild h4 {font-size: 18px;font-weight: 600;text-align: center;color: var(--text-color-2);padding-bottom: 6px;
}