@charset "utf-8";
*{margin:0;padding:0}
body{width:100%;height:100%;-webkit-font-smoothing:antialiased;font-size:10px;font-family:"Open Sans",PingFang,"PingFang SC","PingFang HK","PingFang TC","Microsoft YaHei","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif; color:#444;background:#fff;}
input:focus,a:focus{outline:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none;margin:0;}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:baseline}sub{vertical-align:baseline}
button,input,textarea,select{font-family:"Open Sans",PingFang,"PingFang SC","PingFang HK","PingFang TC","Microsoft YaHei","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif; font-size:inherit;font-weight:inherit;line-height:1.5;vertical-align:middle}
button,input,textarea,select{*font-size:100%}textarea{resize:none}legend{color:#000}a{vertical-align:baseline;}a{color:#5d5d5d;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}.clear{clear:both;overflow:hidden;visibility:hidden;width:0;height:0;border:0;font-size:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{zoom:1}.pull-left{float:left;display:inline}.pull-right{float:right;display:inline}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box;}
html{height:100%;font-size:16px;}img{display:block;}
input{border:0;margin:0;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}

body {
    font-size: 62.5%;
    font-family: 'PingFangSC-Regular';
}

@media only screen and (max-width:2731) {
    html {
        font-size: 54.61px;
    }
}

@media only screen and (max-width:2047px) {
    html {
        font-size: 40.96px;
    }
}

@media only screen and (max-width:1535px) {
    html {
        font-size: 33.12px;
    }
}

@media only screen and (max-width:1241px) {
    html {
        font-size: 28.8px;
    }
}

@media only screen and (max-width:1079px) {
    html {
        font-size: 18px;
    }
}

@media only screen and (max-width:1024px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width:827px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (max-width:749px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width:719px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width:639px) {
    html {
        font-size: 14.4px;
    }
}

@media only screen and (max-width:539px) {
    html {
        font-size: 12.8px;
    }
}

@media only screen and (max-width:479px) {
    html {
        font-size: 11.04px;
    }
}

@media only screen and (max-width:413px) {
    html {
        font-size: 10px;
    }
}

@media only screen and (max-width:374px) {
    html {
        font-size: 9.6px;
    }
}

@media only screen and (max-width:359px) {
    html {
        font-size: 8.5333px;
    }
}

@media only screen and (min-width:2732px) {
    html {
        font-size: 72.85px;
    }
}

 body{
    background: url(../images/bg.jpg) repeat top center #000;
    background-size:100% auto; 
    padding-bottom:4rem;
 }
.download{
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../images/bg.jpg) repeat top center #000;
}
.download-bg{
    width: 100%;
    position: absolute; 
    background: rgba(0,0,0,0.6);
    padding-bottom:4rem;
    left: 0;
    top: 0;
}
.download-bg p{
    font-size: 180%;
    color: #fff;
    text-align: center;
    margin: 2.44% 0 27.6% 0;
}
.download-bg h2{
    text-align: center;
    color:#fff;
    font-size:2.5rem;
    padding:2rem 0;
}
.download-bg .imgin{
    width:60%;
    margin:auto;
}
.download-bg .imgin img{
    width:100%;
}
.download-bg a.btn{
    display: block;
    width: 60%;
    padding: 1rem 0;
    margin: 2rem auto;
    background-color: #f9f9f9;
    color: #030303;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 5px;
    font-size: 2rem;
    text-align: center;
    position:relative;
    z-index: 2;
}
.download-img{
    margin: 0 auto;
    margin-top: 4rem;
    width: 6rem;
}
.download-img img{
    width: 100%;
}
/**/
.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}
.wxtip img{width: 90%;margin: 0 auto}