@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; border: 0; list-style: none; word-wrap: break-word;}
html {}
body { font: 20px/1.75 Arial, "微软雅黑"; color: #3e3e3e; background: url(../../img/download/bg.jpg) top center no-repeat #fff;}
input, select, button, textarea {font-size: 100%;font-family: inherit; outline: none; color: #3e3e3e;}
table { border-collapse: collapse;}
img { vertical-align: middle;}
a { color: inherit; text-decoration: none;}

.top { height: 772px; position: relative;}
.logo { height: 146px; padding-top: 70px; text-align: center;}
.down { display: flex; justify-content: center;}
.down a { width: 180px; height: 60px; margin: 0 15px; display: inline-block; border: solid 1px #3e3e3e; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.down a:hover { background: #f5f5f5;}
.down a img { margin-right: 5px;}
.ma { width: 130px; height: 150px; padding: 10px; text-align: center; font-size: 15px; border-radius: 10px; background: #fff; position: absolute; right: 0; bottom: 20px;}
.ma img { width: 130px; height: 130px;}

.foot { height: 210px; text-align: center;}
.foot h1 { padding-top: 50px; font-size: 39px; font-weight: bold;}
.foot h3 { font-size: 20px; font-weight: normal; letter-spacing: 7px;}

.shade{
    display: none;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index:99;
}
.dialog{
    display: none;
    position: fixed;
    left:50%;
    top:50%;
    min-width: 200px;
    min-height: 200px;
    /*background: #fff;*/
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    z-index:100;
    overflow: hidden;
}
.dialog .inner{
    border-radius:20px;
    overflow: hidden;
}
.dialog .close{
    position: absolute;
    right:5px;
    top:5px;
    z-index:10;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 0;
    color:red;
    border-radius:50%;
    cursor: pointer;
    user-select: none;
}