/* layer寮瑰眰绉诲姩鐗堟牱寮� */

.layermbox{position:relative; z-index:19891014;}
.laymshade,
.layermmain{position:fixed; left:0; top:0; width:100%; height:100%;}
.laymshade{background-color:rgba(0,0,0, .5); pointer-events:auto;}
.layermmain{display:table; font-family: Helvetica, arial, sans-serif; pointer-events: none;}
.layermmain .section{display:table-cell; vertical-align:middle; text-align:center;}
.layermchild{position:relative; display:inline-block; text-align:left; background-color:#fff; font-size:14px; border-radius:3px; box-shadow:0 0 8px rgba(0, 0, 0, 0.1);  pointer-events:auto;}
.layermchild{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .18s; animation-duration: .18s;}
.layermborder{border:1px solid #999;}
@-webkit-keyframes bounceIn { /* 榛樿 */
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
.layermanim{animation-name: bounceIn; -webkit-animation-name: bounceIn;}

.layermbox0 .layermchild{ min-width:150px; max-height:210px}
.layermbox1 .layermchild{border:none; border-radius:0;}
.layermbox2 .layermchild{width:auto; max-width:260px; min-width:40px; border:none; background: none; box-shadow: none; color:#fff;}
.layermchild h3{padding:0 45px 0 10px; height:50px; line-height:50px; border-bottom:1px solid #EBEBEB; font-size:16px; font-weight:400;  border-radius:3px 3px 0 0; border-bottom:1px solid #EBEBEB;}
.layermchild h3,
.layermbtn span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.layermcont{padding:20px 12px 20px 12px; line-height:22px; text-align:center;}
.layermbox1 .layermcont{padding:0; text-align:left;}
.layermbox2 .layermcont{text-align:center; padding: 0; line-height: 0;}
.layermbox2 .layermcont i{width:25px; height:25px; margin-left:8px; display:inline-block; background-color:#fff; border-radius:100%;}
.layermbox2 .layermcont i{-webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes bouncedelay{
    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
    40%{transform:scale(1); -webkit-transform:scale(1)}
}
@keyframes bouncedelay{
    0%,80%,100%{transform:scale(0); -webkit-transform:scale(0)}
    40%{transform:scale(1); -webkit-transform:scale(1)}
}
.layermbox2 .layermcont i:first-child{margin-left:0; -webkit-animation-delay: -.32s; animation-delay: -.32s;}
.layermbox2 .layermcont i.laymloadtwo{-webkit-animation-delay: -.16s; animation-delay: -.16s;}
.layermbox2 .layermcont>div{line-height:22px; padding-top:7px; margin-bottom:20px; font-size: 14px;}
.layermbtn{position:relative; height:40px; line-height:40px; font-size:0; text-align:center;  border-top:1px solid #EBEBEB;}
.layermbtn span{position:relative; display:inline-block; width:50%; text-align:center; font-size:14px; cursor:pointer; border-radius: 0 3px 0 0;}
.layermbtn span:first-child{height:39px; background-color:#fff; border-radius: 0 0 0 3px;}
.layermbtn:before{content:'\20'; position:absolute; width:1px; height:39px; left:50%; top:0; background-color:#EBEBEB;}
.layermend{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;}
.layermend::before, .layermend::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;}
.layermend::after{transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);}

.fix{/* position: fixed; */background: rgba(255,255,255,.8);width: 100%;padding: 10px 0;bottom: 0;left: 0;}
.btn{/* padding: 12px 0; */letter-spacing: 1px;border-radius: 5px;}
.btn-normal{ color: #fff; background: #ff9833; width: 80%; display: inline-block; font-size: 18px; }
.btn-normal:active{ background: #ff7e00; }
.btn-normal-pur{color: #fff;background: #845897;width: 70%;display: inline-block;font-size: 18px;}
.btn-normal-blue{ color: #fff; background: #7c97d2; width: 80%; display: inline-block; font-size: 18px; }
.btn-normal-pur:active,.btn-normal-pur:hover{ background: #703987; opacity: .5; }
.btn-normal-blue:active,.btn-normal-blue:hover{ background: #7c97d2; opacity: .5; }
.btn-normal-pink{ color: #fff; background: #ff7c7c; width: 80%; display: inline-block; font-size: 18px; }
.btn-normal-pink:active,.btn-normal-pink:hover{ background: #ff5b5b; }
.btn.disable{ background: #d5d5d5!important; color: #a9a9a9; }
.btn.disable:active{ box-shadow: none; }
.btn-inside{ padding: 0 5px; background: #7eb8e8; color: #fff; }
.btn-normal-shi{ color: #fff; background: #f39800; width: 80%; display: inline-block; font-size: 18px; }
.btn-normal-shi:active,.btn-normal-shi:hover{ background: #e79001; }
.textcen{ text-align: center; }
a{color: inherit;text-decoration: none;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
a.btn:visited{/* color: #fff; */}
a:visited{/* color: inherit; */}
a.under-a{color: #703987;text-decoration: underline;}