body{font-family:  "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; background:#000;}
*{margin:0; padding:0; box-sizing: border-box;}
img{vertical-align: top; border:0; max-width: 100%;}
/** banner部分 **/
.banner{width:100%; overflow: hidden; position: absolute; top:0; z-index: 1;}
.banner img{width:100%;}
.banner li{width:100%; position: absolute; top:0; opacity: 0; transition: opacity 1s;}
.mask{width:100%; background:#000; opacity:0.6; position: absolute; top: 0; z-index: 2;}
.banner li.active{opacity:1;}

/** 头部部分 **/
.app-info{display: table; width:100%; position: relative; z-index: 3;}
.app-info .center{display: table-cell; vertical-align: middle; text-align: center;}
.app-info .logo{animation: logo .5s;}
.app-info .txt{animation: txt .5s;}
.app-info .logo img{width:70px;}
.app-info .title{font-size:20px; margin-top:15px; color:#fff;}
.app-info .line{width:40px; border-bottom:2px solid #fff; margin:10px auto 10px;}
.app-info .desc{color:#cbcaca; line-height: 24px;}
.app-info .download{margin-top:30px;}
.app-info .download a{display: block; width:170px; margin:15px auto 0;}
.app-desc img{width:100%;}
.is-wechat{position: absolute; display: none; background:#000; padding:10px 15px; border-radius: 5px; z-index: 3; right:10px; top:20px; color:#fff;}
.is-wechat:after{content:" "; display: block; position: absolute; border:10px solid transparent; border-bottom-color:#000; top:-18px; right:15px;}

/** 底部部分 **/
.footer{background:#323337; padding:20px 0; text-align: center; color:#6f6f6f;}
.footer p{line-height: 24px;}

/** 动画部分 **/
@keyframes logo
{
    0% {transform: translateY(-30px); opacity: 0;}
    100% {transform: translateY(0px); opacity: 1;}
}
@keyframes txt
{
    0% {transform: translateY(30px); opacity: 0;}
    100% {transform: translateY(0px); opacity: 1;}
}