﻿.hw-overlay{display:none; position: fixed; top:0;left:0;width:100%;height:100%; background-color: rgba(0,0,0,0.3);z-index:10;}
.hw-layer-wrap{box-sizing:border-box; width:570px; position:absolute;left:50%;top:50%; margin-left:-285px; border-radius:3px; background-color:#fff; 
               box-shadow:1px 2px 4px 0 rgba(0,0,0,0.12); padding:15px 20px;z-index:999}
.hwLayer-close{position:absolute; right:5px; top:5px; width:14px; height:14px; cursor:pointer; font-size:20px; color:#ccc; background:url(../images/close0.png) no-repeat 0 0;}
.hw-layer-wrap .hw-icon{color:#b4d8f3;font-size:86px;text-align:center;}
.hw-layer-wrap h4{margin:5px 0 10px; font-size:20px; color:#383c3e;font-weight:bold;}
/*.hw-layer-wrap p{margin:30px 0; line-height:22px; color:#595d60; text-align:left;}*/
.hw-layer-title{height: 32px;line-height: 32px; font-size: 16px; position: absolute; left: 20px; top: 10px; font-weight: bold;}

@media (max-width:768px){
	.hw-layer-wrap{width:350px; margin-left:-175px; margin-top:-200px; padding:45px 40px; text-align:center;}
}
@media (max-width:500px){
	.hw-layer-wrap{width:250px; margin-left:-125px;padding:25px 20px;}
}

.show-layer
{
    color: #D83500;
}

.hwLayer-close .on{
    background-position:0 -14px;
}
#hw_c_div {
text-align:justify;
text-justify:inter-ideograph;
line-height:0.8rem;
font-size:18px;
margin-top:0.8rem;
color:#666;
-webkit-overflow-scrolling: touch;
}
#hw_c_div p{
text-align:justify;
text-justify:inter-ideograph;
line-height:0.8rem;
font-size:18px;
color:#666;
}


/* 模态框的基础样式 */
.modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    z-index: 999; /* 置于顶层 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* 启用滚动条 */
    background-color: rgb(0,0,0); /* 背景色 */
    background-color: rgba(0,0,0,0.4); /* 黑色背景且有透明度 */
}

/* 模态框的内容 */
.modal-content {
    margin: auto;
    margin-top:100px;
    display: block;
    width: 80%; /* 可根据需要调整 */
    max-width: 700px; /* 可根据需要调整 */
}

/* 关闭按钮 */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}