.dlbtn {
position: fixed;
right: 1px;
bottom: 50%;
z-index: 99;
border-radius: 5px;
height: 90px;
width: 180px;
background-color: #e52027;
line-height: 35px;
font-size: 20px;
color: #fff;
font-weight: 800;
text-shadow: rgba(0,0,0,0.4) 5px 5px 2px;
text-align: center;
cursor: pointer;
padding-top:10px;
}
.dlbtn:hover {
font-size: 22px;
font-weight: 900;
padding-top:10px;
}
.dlbody{
z-index:99;
height:100%;
width:100%;
display:none;
position:fixed;
margin:0;
padding:0;
top:0;
left:0;
background-color:rgba(0,0,0,0.2);
}
.dlcon {
z-index: 999;
position: absolute;
width: 500px;
height: 620px;
background-image:url(images/daili.png);
top: 50%;
left: 50%;
transform: translate(-250px,-200px);
-ms-transform: translate(-250px,-200px); /* IE 9 */
-moz-transform: translate(-250px,-200px); /* Firefox */
-webkit-transform: translate(-250px,-200px); /* Safari 和 Chrome */
-o-transform: translate(-250px,-200px);
border-radius: 5px;
box-shadow: rgba(0,0,0,0.4) 10px 10px 10px;
padding: 10px;
text-align:center;
}
.dlcon .close{
position:absolute;
top:5px;
right:10px;
font-size:larger;
cursor:pointer;
}
.dlcon .close:hover{
color:#999;
}
.dlcon h3 {
text-align: center;
font-size: 24px;
margin-top: 20px;
}
.dlcon p{
font-size:16px;
text-indent:2em;
margin-top:1em;
margin-
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin-top: 1em;
margin-bottom: 1em;
margin-right: 0px;
margin-left: 0px;
}
