.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: #FF5000;
}

.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;
}