html, body {
    height: 100%;
    overflow: auto;
}
.main{
    background: #fff;
    margin-top: 20px;
    border:1px #eeeeee solid;
}
.cnt{
    padding:30px 40px;
}
.weizhi{
    font-size: 14px;
    border-bottom: rgba(221,221,221,1) solid 1px;
    padding: 20px 0;
}

.tit{
    text-align: center;
    padding: 30px 0;
}
.tit h1{
    font-size: 26px;
    color: #333;
    font-weight: 600;
    text-align: center;
    padding:30px 0;
}
.tit p{
    font-size: 13px;
    color: #999;
    text-align: center;
}
.content{
    line-height: 2.2;

}

.p_n{
    line-height: 2.2;
    font-size: 14px;
    padding:15px 0;
}
.p_n p{
    display: flex;
    align-items: center
}
.p_n p svg{
    width:20px;
    height:20px;
    margin-right: 10px;
}

.btn{
    text-align: center;
    padding: 10px 0;
    color:#f00; 
    font-size: 18px;
    background: fixed #fff;
    border:0;
    cursor: pointer;
}

/* 弹窗 */
.layer-mask {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.5); 
    z-index: 9998;
    /* 添加这些属性确保脱离文档流 */
    transform: translateZ(0);
}

.layer {
    width: 700px; 
    height: auto; 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    z-index: 9999; 
    background: white; 
    padding: 20px; 
    border-radius: 8px;
     /* 添加这些属性确保脱离文档流 */
    transform: translate(-50%, -50%) translateZ(0);
}

.layer img { 
    width: 100%; 
    height: auto; 
    display: block;
}

.layer .layer-close { 
    width: 36px; 
    height: 36px; 
    border-radius: 50%; 
    position: absolute; 
    top: -30px; 
    right: -30px; 
    cursor: pointer; 
    color: #fff; 
    font-size: 28px; 
    background: rgba(0,0,0, 0.6); 
    line-height: 36px; 
    text-align: center;
}