@charset "utf-8";
/*base*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 24px '微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif; }
a { text-decoration: none; outline: none; }
img { max-width: 100%; }
ul, ol, li { list-style: none; }
/*public*/
body { position: relative; width: 640px; max-width: 640px; min-width: 640px; height: 100%; margin: 0 auto; overflow: hidden; }
.mod-tip{position:fixed;top:0;left:0;width: 100%;padding:10px 0;background: rgba(0,0,0,.7);-webkit-animation: fadeInDown .6s .5s ease both;  z-index: 100; }
.mod-tip .logo{ float: left;}
.mod-tip p{padding:10px 20px; text-align:right;color: #fff;}
.mod-tip + .mod-top .app-info{padding-top:100px;}
.mod-top{position:relative;overflow: hidden;}
.app-info{position:relative;text-align: center;padding:40; background: rgba(0,0,0,.6) ;z-index: 50; }
.app-info .app-icon{ display: inline-block;width:114px;height:114px;border:3px solid #fff; background: #fff; border-radius: 20px;margin-bottom:30px; overflow: hidden;}
.app-info .app-name{ font-size: 44px; text-align: center; color:#fff;margin-bottom:30px; }
.app-info .app-des{margin-bottom:40px; padding:30px 0;border-color:#95dafe;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);}
.app-info .app-des p{color:#fff; font-size: 24px; line-height: 1.6;}
.app-link .a-link,.app-link .i-link{ position: relative; display: none;}
.app-link a{  display: inline-block;*display:inline;zoom:1;line-height:40px;height:40px;padding:24px;border:2px solid #fff; background: rgba(255,255,255,.1);border-radius: 10px;font-size:32px;color:#fff; vertical-align: middle;  }
.app-link a:hover{ background: rgba(255,255,255,.3)}
.icon-a-link,.icon-i-link{display:inline-block;width:48px;height:48px; background: url(../images/icon_download@2x.png) no-repeat; vertical-align: middle;}
.icon-i-link{ background-position: 0 -48px;}
.mod-top .bg{ position: absolute;left:-5%;top:-5%; width: 110%;-webkit-filter: blur(15px);/*-webkit-animation: bg 40s linear infinite;*/z-index: 30;}
.mod-top .bg img{width:100%;}
.mod-gallery{ padding:40px 0;}
.mod-gallery h3{ font-size: 32px;margin:0 0 30px 10px; font-weight: bold;color:#333;border-left:3px solid #35b8fc;padding-left:10px;}
.mod-slider{ position: relative;width: 600px; height: 497px;margin:0 20px;overflow: hidden; }
.mod-slider ul { width: 5000px; height: 497px; position: absolute; left: 0; top: 0; }
.mod-slider ul li { width: 280px; height: 497px;margin:0 10px; float: left; overflow:hidden; text-align: center;  background: #ececec;  }
.mod-slider ul li img { width:278px; vertical-align: middle; }
.mod-slider ul li::after,.mod-slider ul li::before{content:"";display: inline-block;width:1px;height: 100%;vertical-align: middle;}
.mod-slider .slider-ctrl a { position: absolute; top: 50%;margin-top:-44px; display: block; height: 88px; width: 40px; background:  url(images/icon_control.png) no-repeat; opacity: .8; }
.mod-slider .slider-ctrl a:hover { opacity: 1; }
.mod-slider .slider-ctrl a.prev { left: 20px; }
.mod-slider .slider-ctrl a.next { right: 20px; background-position: -40px 0; }
.mod-footer {height:48px; background: #bfbfbf;  }
.mod-footer p{ line-height: 24px; padding:12px; text-align: center;color:#888;}

.backdrop{display: none; position: fixed;top:0;left:0;height:100%;width: 100%; background: rgba(0,0,0,.7); z-index: 200;}
.download-tip{ display: none; position: fixed;top:10px;right:35px;width:550px;height: 454px; z-index: 220;}

@-webkit-keyframes bg {
    0% {
        -webkit-transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(-200px)
    }
    100% {
        -webkit-transform:translateY(0)
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(-20px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}