*{margin: 0; padding: 0; font: 12px Helvetica,'Microsoft Yahei'; color: #333; outline: none;}
img{max-width: 100%; border: 0;}
a{text-decoration: none;}
html,body{height: 100%; background-color: #eee;}
/*边距*/
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.width{width: 1100px; margin-left: auto; margin-right: auto;}
/*首页*/
.index{position: relative; height: 100%;}
.index .mobile{position: absolute; height: 80%; width: auto; max-width: 550px; max-height: 670px; top: 10%; left: 50%;}
.index .copyright{position: absolute; left: 0; bottom: 0; font-size: 14px; color: #9f9f9f; text-align: center;}
.index .banner{background: url(../images/banner.jpg) no-repeat; background-size: cover; width: 100%; height: 50%;}
.index .banner .logo{display: block; padding-top: 5%;}
.index .banner .title{display: block; margin-top: 10%;}
.index .download{background: url(../images/bg.jpg) center no-repeat; background-size: cover; width: 100%; height: 50%;}
.index .download .linkBox{display: inline-block; width: 180px; margin-top: 50px; vertical-align: top; margin-right: 50px;}
.index .download .linkBox .item{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: #444; margin-bottom: 40px; border-radius: 8px;}
.index .download .linkBox .item img{vertical-align: middle; margin-right: 10px;}
.index .download .linkBox .item span{color: #fff; font-size: 16px; vertical-align: middle;}
.index .download .codeBox{display: inline-block; vertical-align: top; margin-top: 40px; text-align: center;}
.index .download .codeBox img{vertical-align: top; width: 120px;}
.index .download .codeBox p{color: #666; font-size: 16px; margin-top: 10px;}