body{margin:0; padding: 0; background-color:#fff; font-size:14px; font-family:arial; font:normal 14px/20px; color: #333;}
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height:100%;}
li{list-style-type:none ;}
a,a:hover{text-decoration: none; color: #333;}
a:hover{}
p{margin: 0; padding: 0;}
ul,li{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{margin:0 ; padding: 0; font-weight: normal;}
button,input{outline: none; -webkit-appearance:none; box-shadow:inset 0 0 0 rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-app-region:none;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0;}
.downLoadBox{background:url(../img/downLoadBg.jpg?v=5)no-repeat right bottom; min-height:100%; width:100%; background-size:100% auto;}
.android{background:url(../img/android.png?v=5) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.iphone{background:url(../img/iphone.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.downLoadCont{padding:2.0rem 0.0rem 0 0.0rem;}
.downLoadTitle{color:#fff; text-align:center; margin-bottom:3.5rem;}
.downLoadTitle h1{font-size:1.0rem; font-weight:bold;}
.downLoadTitle h3{font-size:0.5rem; opacity:0.9; margin-top:0.25rem;}
.downLoadBtn{text-align:center; margin-right:1.0rem;}
.downLoadBtn button{background:#fff; font-weight:bold; cursor:pointer; box-shadow:0 0.125rem 0.25rem rgba(13,39,104,0.1); display:block; margin:0 auto 0.875rem auto; color:#e60012; width:4.0rem; display:flex; align-items:center; justify-content:center; border:0; padding:0; height:1.125rem; border-radius:1.0rem; font-size:0.375rem;}
.downLoadBtn button:hover{background:#eaf0ff;}
.downLoadBtn button:last-child{margin:0;}
.downLoadBtn span{padding-left:0.125rem;}
.downLoadCode{ margin:0; box-shadow:0 0.125rem 0.25rem rgba(13,39,104,0.1); border-radius:0.125rem; background:#fff; padding:0.125rem;}
.downLoadCode i{display:block; width:2.75rem; height:2.75rem; }
.downLoadCode span{display:block; font-size:0.3125rem; margin-top:0.125rem; text-align:center;}
.downLoadCode img{width:100%; display:block;}
.downLoadBot{display:flex; justify-content:center; align-items:center;}
.company{display:flex; align-items:center; color:#fff; font-size:0.375rem; padding:0.5rem 0.3125rem 0 0.3125rem;}
.company i{margin-right:0.1625rem;}
.company i img{width:1.0rem; display:block; border-radius:0.125rem;}
.company span{opacity:0.9;}
.downloadFooter{position:absolute; bottom:0; left:0; right:0; color:#fff; font-size:0.34375rem; text-align:center; line-height:1.25rem;}
@media only screen and (min-width: 100px) and (max-width:768px) {
	.downLoadCont{padding-top:2.25rem;}
	.downLoadBox{background:#eb6a40 url(../img/downLoadBg2.jpg?v=5)no-repeat right bottom; min-height:100%; width:100%; background-size:100% auto;}
	.downLoadTitle{margin-bottom:2.75rem;}
	.downLoadTitle h1{font-size:0.8125rem; font-weight:bold;}
	.downLoadTitle h3{font-size:0.40375rem; opacity:0.9; margin-top:0.25rem;}
	.downLoadBtn{margin-right:0.75rem;}
	.company{display:flex; align-items:center; justify-content:center; color:#fff; font-size:0.375rem; padding:0.5rem 0 0 0;}
	.company i img{width:0.75rem; display:block;}
}


.downloadTips{position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; opacity:0; pointer-events:none; transition: all 0.3s ease-in-out 0s; display:flex; }
.downloadTips.show{opacity:1.0; pointer-events:auto;}
.downloadTips::after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.75);}
.downloadTipsCont{position:relative; z-index:99; width:100%; padding-top:0.5rem;}
.downloadTipsImg img{width:100%; display:block;}
.downloadTipsBtn{display:flex; align-items:center; justify-content:center; margin:1.5rem 0 0 0;}
.downloadTipsBtn button{color:#fff; height:1.0rem; font-size:0.375rem; background:transparent; border:0.015625rem #fff solid; border-radius:0.125rem; width:3.0rem;}