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

.huling-m-layer * {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

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

.huling-m-layershade {
background-color:rgba(0,0,0,.7);
pointer-events:auto;
}

.huling-m-layermain {
display:table;
font-family:Helvetica,arial,sans-serif;
pointer-events:none;
}

.huling-m-layermain .huling-m-layersection {
display:table-cell;
vertical-align:middle;
text-align:center;
}

.huling-m-layerchild {
position:relative;
display:inline-block;
text-align:left;
background-color:#1e2831;
font-size:14px;
border-radius:5px;
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;
}

100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}

.huling-m-anim-scale {
animation-name:huling-m-anim-scale;
-webkit-animation-name:huling-m-anim-scale;
}

.huling-m-anim-up {
-webkit-animation-name:huling-m-anim-up;
animation-name:huling-m-anim-up;
}

.huling-m-layer0 .huling-m-layerchild {
width:90%;
max-width:500px;
}

.huling-m-layer1 .huling-m-layerchild {
border:none;
border-radius:0;
}

.huling-m-layer2 .huling-m-layerchild {
width:auto;
max-width:260px;
min-width:40px;
border:none;
background:0 0;
box-shadow:none;
color:#fff;
}

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

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

.huling-m-layercont {
line-height:22px;
text-align:left;
padding:20px;
}

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

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

.huling-m-layer2 .huling-m-layercont i {
width:25px;
height:25px;
margin-left:8px;
display:inline-block;
background-color:#fff;
border-radius:100%;
-webkit-animation:huling-m-anim-loading 1.4s infinite ease-in-out;
animation:huling-m-anim-loading 1.4s infinite ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}

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

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

40% {
transform:scale(1);
-webkit-transform:scale(1);
}

.huling-m-layer2 .huling-m-layercont i:first-child {
margin-left:0;
-webkit-animation-delay:-.32s;
animation-delay:-.32s;
}

.huling-m-layer2 .huling-m-layercont i.huling-m-layerload {
-webkit-animation-delay:-.16s;
animation-delay:-.16s;
}

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

.huling-m-layerbtn {
display:0;
width:100%;
line-height:50px;
font-size:0;
border-top:0px solid #D0D0D0;
background-color:#F2F2F2;
}

.huling-m-layerbtn span {
display: block;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-box-flex: 1;
    font-size: 14px;
    cursor: pointer;
    display: block;
    width: 46%;
    float: left;
    background: #3f4b56;
    margin: 10px;
}
.huling-m-layerbtn span:hover {
    background: #667c91;
}
.huling-m-layerbtn span[yes] {
color:#fff;
background: #5686b1;
}
.huling-m-layerbtn span[yes]:hover {
    color: #ffffff;
    background: #499ce7;
}
.huling-m-layerbtn span[no] {
border-right:0px solid #D0D0D0;
border-radius:5px;
}

.huling-m-layerbtn span:active {
background-color:#6abffc;
}

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

.huling-m-layerend::after,.huling-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;
}

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

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

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

.huling-m-layer-footer .huling-m-layerbtn {
display:block;
height:auto;
background:0 0;
border-top:none;
}

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

.huling-m-layer-footer .huling-m-layerbtn span[no] {
color:#FD482C;
border-top:1px solid #c2c2c2;
border-radius:0 0 5px 5px;
}

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

body .huling-m-layer .huling-m-layer-msg {
width:auto;
max-width:90%;
bottom:-150px;
background-color:rgba(0,0,0,.7);
color:#fff;
margin:0 auto;
}

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