.mark_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
z-index: 101;
-moz-opacity: 0.8;
opacity: .8;
filter: alpha(opacity=80);
display: none;
}
.mask-box-content {
  padding-top:5%;
}
.mask-box-content .title {
font-size: 30px;
line-height: 76px;
}

.mask-box-content p {
margin-top: 10px;
}

.mask-box-content img.img-code {
width: 202px;
height: 200px;
margin-top: 10px;
}

.mask-box {
position: absolute;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -180px;
width: 500px;
height: 360px;
border-radius: 20px;
background: url("/templates/zcwly/images/yy_success_bg.png") #f9f9f9 no-repeat center 100%;
text-align: center;
display: none;
z-index: 102;
}

.mask-box-content .close.close-w {
bottom: -68px;
left: 50%;
margin-left: -20px;
background: url("/templates/zcwly/images/close.png") no-repeat center;
}

.mask-box-content .close {
width: 40px;
height: 40px;
position: absolute;
cursor: pointer;
z-index: 102;
}