*{ padding:0; margin:0; list-style:none; border:none;}
body a,body  a:hover,p,img,ul,li,span,strong,em,table,div:hover,p:hover,img:hover,li:hover,span:hover,strong:hover,em:hover,dd,dd:hover{-webkit-transition:background 0.2s ease-in,color 0.2s ease-out; transition:background 0.2s ease-in,color 0.2s ease-out;  }
body{ overflow-x:hidden;}
.section { text-align:left; font:16px/1.5em "Microsoft Yahei"; color: #555;}
.fp-tableCell{ display:block;}
a{ text-decoration:none;}

.main{ width:620px; margin:0 auto; padding-right:400px; position:relative;}
.wwwmain{ width:1020px; margin:0 auto;}
.area1{ background:#fff; padding-bottom:10px; }
.area1 h1{ font-size:48px; line-height:2em; }
.area1 .site{ padding:20px 0 60px; clear:both; overflow:hidden; color:#959595; line-height:22px; text-shadow:none;}
.area1 .site a{ color:#DCDCDC; display:inline-block; }
.area1 .site a img{ width:18px; padding-right:10px; vertical-align:middle;}
.area1 .site span{ padding:0 10px; font-family:"宋体";}
.area1 .site b{ font-weight:400;}
.area1 .site .p1{ float:left;}
.area1 .site .p2{ float:right;}
.area1 .bg{ background:url(../img/download/bg_pc.png) #fff center center no-repeat; background-size:cover;}
.area1 .title{ color:#fff; text-shadow:rgba(0,0,0,.5) 0 1px 2px; text-align:center; padding:0 0 80px; background:rgba(0,0,0,.5);; }
.area1 .title p{ font-size:18px;}
.area1 .title .sign{font-size: 18px; color:#EEEEEE;}
.area1 .title .logo{width:200px; height:200px; margin:0 auto;}
.area1 .title .logo img{ width:100%;}
.area1 .down{ clear:both; overflow:hidden; width:500px; margin:40px auto; }
.area1 .down ul{ float:left; margin-right:20px;}
.area1 .down ul li{ padding:10px 0; clear:both; overflow:hidden;}
.area1 .down ul li a{ line-height:36px; color:#DF422D; border:1px solid #DF422D; border-radius:23px; float:left; padding:5px 10px; width:180px; text-decoration:none;}
.area1 .down ul li a:hover{ background:#DF422D; color:#FFF;}
.area1 .down ul li a strong{ margin-left:20px; font-weight:400; display:block; text-align:center;}
.area1 .down ul li a span{ width:24px; height:24px; float:left; margin-top:5px;  }
.area1 .down ul li.iphone a span{  background:url(../img/download/pc_ios_default.png) center center no-repeat;}
.area1 .down ul li.android a span{  background:url(../img/download/pc_android_default.png) center center no-repeat;}
.area1 .down ul li.iphone a:hover span{  background:url(../img/download/pc_ios_on.png) center center no-repeat;}
.area1 .down ul li.android a:hover span{  background:url(../img/download/pc_android_ob.png) center center no-repeat;}
.area1 .down ul li.ipad a{ border-color:#B5B5B5; color:#B5B5B5; cursor:pointer;}
.area1 .down ul li.ipad a:hover{ border-color:#DF422D; color:#DF422D;background:transparent; }
.area1 .down .qr{width:180px; float:right; margin:10px; line-height:1.2em; }
.area1 .down .qr img{ width:100%; border-radius:5px; box-shadow:rgba(0,0,0,.15) 0 1px 5px;  }
.area1 .down .qr p{ text-align:center; font-size:12px; color:#999; line-height:2em;}
.area1 .ad{ position:absolute; right:10px; bottom:20px;}

.area{ padding:80px 0 100px; color:#333;}
.area .mian{ position:relative; }
.area h2, .area p, .area .down{ margin-left:30px; color:#333333;}
.area p{font-size: 18px;}
.area h2{ font-size:40px; line-height:2em;  }
.area blockquote{ margin:20px 10px 40px;  font-size:16px; padding:10px; color:#707070;}
.area blockquote b{ font-size:20px; line-height:30px; }
.area .down{ height:45px;}
.area .down a{ display:inline-block; margin-right:20px; border:1px solid #B5B5B5; padding:8px 16px; border-radius:4px; color:#B5B5B5;}
.area .down a:hover{ background:#DF422D; color:#FFF;border-color:#DF422D;}
.area .down span{ display:none;}
.area .down span a.apple{ background:url(../img/download/pc_ios_on.png) #DF422D 10px center no-repeat;}
.area .down span a.android{background:url(../img/download/pc_android_ob.png) #DF422D 10px center no-repeat;}
.area .down span a{ color:#FFF; padding-left:40px;}
.area .down span a:hover{ opacity:.7;}
.area .down a.minidown{ cursor:pointer;}
.area .ad{ position:absolute; line-height:0;}

.area2{ background:#F5F5F5;}
.area2 .ad{ right:40px; bottom:-100px; width:500px;}
.area2 .ad img{ width:620px;}

.area3 .main{ padding-left:580px; padding-right:0; width:440px;}
.area3 .ad{ left:-60px; top:-80px; width:500px;}
.area3 .ad img{ width:620px;}

.area4{ background:#F5F5F5; }
.area4 .wwwmain{ position:relative; height:247px; color:#555; }
.area4 .ad{ width:800px; position:absolute; right:-150px; top:-80px;}
.area4 .ad img{ width:100%;}
.area4 h3{ font-size:28px; line-height:5em; padding-left:100px; background:url(../img/download/app-store.png) left center no-repeat;}
.area4 ul{ }
.area4 ul li{ padding:10px; line-height:26px;}
.area4 ul li span{ width:26px; height:26px; margin-right:10px; text-align:center; display:inline-block;  color:#333; }

.foot{ background:#fff; text-align:center;}
.foot p{ padding:20px; font-size:18px;}
.foot p a{ color:#707070; margin-right:10px;}


@media screen and ( max-width : 1024px ){
    html, body, .section{ width:1010px; overflow-x:hidden; margin:0 auto;}
    .section{overflow:hidden;}
}