*{ padding:0; margin:0; list-style:none; border:none;}
body{ background:#333;  text-align:left; font-size:16px; font-family:"Microsoft Yahei"; line-height:1.5em; color:#555;}
a{ text-decoration:none;}
.warp{ max-width:768px; margin:0 auto; box-shadow:rgba(0,0,0,0.5) 0 0 5px; position:relative; z-index:999;}
.area, .area1, .title{ height:100%}
.area .main, .area1 .main{ padding:100px 0 60px;}
.area1 p{font-size: 18px; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#FFF;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ border-color:#FFF;}

.area1{ background:#f7f5eb;  }
.area1 h1{ font-size:36px; line-height:2.6em; }
.area1 .title{ text-shadow:rgba(0,0,0,.5) 0 1px 2px; position:relative; color:#FFF;  text-align:center;  background:url(../img/download/1.png) #fff center center no-repeat; background-size:cover; }
.area1 .title .logo{width:130px; height:130px; margin:0 auto;}
.area1 .title .logo img{ width:100%;}
.area1 .title .wxlogo{ display:none;}
.area1 .title p{ font-size:14px;}

#appdown{ position:fixed; bottom:20px; z-index:9999; width:100%;   }
#appdown ul{ padding:50px 0 10px; max-width:768px; margin:0 auto; }
#appdown ul li{ padding:10px 60px; }
#appdown ul li a{box-shadow:rgba(0,0,0,.4) 0 1px 4px; display:block; clear:both; overflow:hidden; line-height:36px;  border-radius:23px; padding:5px 10px; background:rgba(230,47,23,.8); color:#fff; }
#appdown ul li a strong{ margin-left:20px; font-weight:400; display:block; text-align:center;}
#appdown ul li a span{ width:24px; height:30px; float:left; margin-top:5px;  }
#appdown ul li.iphone span{  background:url(../img/download/m_ios.png) center top no-repeat;}
#appdown ul li.android span{  background:url(../img/download/m_android.png) center center no-repeat;}

#wxshare{ display:none; width:100%; height:42px; line-height:42px; top:-42px;  position:fixed;  z-index:999999;}
#wxshare p{ color:#CCC; font-size:14px; text-align:right; }
#wxshare p span{ position:relative; top:-10px; margin-right:10px;}
#wxshare p img{ width:22px; padding:0 5px; vertical-align:middle;}
#wxshare em{ width:18px; right:10px; position:absolute; border-bottom:-52px; }
#wxshare em img{ width:100%;}
/*#wxshare{ display:block; top:0; }*/
/*html{ padding-top:42px;}*/
.code-box{width:120px;height:120px;margin:10% auto 0 auto;}
.code-box img{width:100%;height:100%;}
.area{ color:#333; text-shadow:rgba(0,0,0,.5) 0 1px 2px;}
.area .mian{ position:relative; }
.area h2, .area p, .area .down, .area blockquote{ margin:0 30px; color:#FFF;}
.area h2{ font-size:42px; line-height:2.6em;  }
.area p{ font-weight:bold;}
.area blockquote{ margin:20px 10px 20px;  font-size:14px; padding:10px 36px; position:relative; }
.area blockquote b{ font-size:36px; line-height:30px; position:relative; top:10px;}
.area blockquote b.b1{ position:absolute; left:0; }
.area2{ background:url(../img/download/2.png) #e9a44b center 0 no-repeat; background-size:cover;}
.area3{ background:url(../img/download/3.png) #8b4fab center 0 no-repeat; background-size:cover;}
.area5 { background:#FFF;}
.area5 .ad{ width:100%; margin:0 auto;}
.area5 .ad img{ width:100%;}
#fp-nav{ z-index:9999999;}
#fp-nav.right{  right:5px}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:4px; height:4px;}
#fp-nav ul li, .fp-slidesNav ul li{ margin:0;}
/*header*/
.ui-header {  position:absolute; top:0; height:45px; opacity:.6; width:100%; }
.ui-header {  background:linear-gradient(top, rgba(0,0,0,0.5),rgba(0,0,0,0)); background:-webkit-linear-gradient(top, rgba(0,0,0,0.5),rgba(0,0,0,0));}
.ui-header h1 { text-align:center; font-size:18px; line-height:45px;}
.ui-header .ui-icon-return { position:absolute; left:0;}
.ui-header h1 a{ color:#fff;font-size:18px;padding-left:30px;background:url(../img/download/header_logo.png) left center no-repeat;display:inline-block;background-size:24px;font-weight:700;}
.ui-header .back2{ width:45px; height:45px; padding:0 5px; left:0; background: url(../img/download/icon-back.png) no-repeat 15px center/12px 17px; }
@media screen and ( max-height : 400px ){
    #appdown{ bottom:0;}
    #appdown ul, #appdown ul li{ padding:0;}
    #appdown ul li a{ background:#FFF; border-radius:0;}
    .area .main{ padding:20px 0;}
    .area1 .main{ padding-top:40px;}
    .ui-header{ display:none;}
    #appdown ul, .warp{ max-width:100%;}
}
.guideContainer{display:none;position: fixed;top:0;left:0;width:100%;height:100%;z-index: 99999;background: url('../img/android_guide.png') #fff no-repeat center top/cover;}
.guideContainer a{display: block;position:absolute;left:10px;top:20px;color: #666;font-size: 16px; }
.guideContainer img{width:9px;height:16px;vertical-align:top;margin:4px 7px 0 0;}