@charset "utf-8";
*{ padding:0px; margin:0px;}
body{ background:#7c7c7c; font-family:微软雅黑;padding:0; position:relative;overflow:scroll; min-width:320px;}
.header{ background:url(images/logo_bg.jpg) left top repeat-x; width:100%; height:68px; margin-bottom:0px;}
.header h1{ font-size:18px; text-shadow:0px 1px 3px #555; line-height:64px; height:64px; color:#fff; float:left; padding:0 3px;}
.header a{ background:url(images/logo3.jpg) no-repeat; width:330px;float:left; height:64px; background-size:320px; margin-right:10px;background-color:white; background-position-x:5px; text-indent:-9999px; overflow:hidden; display:block;}
.wrap{ padding:15px 9px; background-color:#efefef;}
.clear{ clear:both;}
#filter{ position:absolute; top:8px; right:10px; padding:10px 4px; width:100px;  border-radius:3px;}
.main{ overflow:hidden;  margin-bottom:10px; padding:10px; background-color:#fff; border-radius:3px; box-shadow:0 1px 5px #bbb;}
.main .logo{width:96px;height:96px; float:left;}
.main .logo img{ width:96px; height:96px;}
.main .content{ margin-left:106px;}
.main .content .cont-title{ font-size:24px; line-height:36px; font-weight:bold; color:#2a2a2a;}
.main .cont-text{ font-size:16px; line-height:20px; margin-top:5px; color:#898989;}
.main .btn-box{ height:50px; margin-top:10px; position:relative;}
.main .btn-box a{display:block; float:left;background:url(images/download.png) left top no-repeat; text-indent:-9999px; overflow:hidden;}
.main .btn-box .ios-down{}
.main .btn-box .android-down{ background-position:0 bottom;}
.main .btn-box a{ width:180px; height:60px; background-size:180px;}
.footer{ float:none; line-height:18px; font-size:16px; line-height:24px; color:#5e5e5e; text-align:center; padding:0 0 10px 0;}
.tabs{ width:100%; position:relative; border-top:solid 1px #666; display:block; height:40px;}
.tabs li{ display:block; float:left; height:43px; line-height:43px; text-align:center; color:#fff; background-color:#c2c2c2;border-bottom:solid 1px #999;}
.tabs li span{color:#5e5e5e; display:block; border-left:solid 1px #d0d0d0; border-right:solid 1px #999;}
.tabs-3 li{width:33.33%}
.tabs li.current{ background-color:#efefef; border-bottom-color:#efefef; }
.tabs-4 li{width:25%}
.tabs-5 li{width:20%}


@media screen and (max-width: 480px) {
.header{ height:43px; background-size:auto 40px; }
#filter{ position:absolute; top:5px; right:10px; padding:3px; width:100px;  border-radius:3px;}
.header a{ background-size:180px auto; height:38px; width:190px;}
.main .content{ margin-left:76px;}
.header h1{ height:36px;  padding:0 10px;line-height:36px; font-size:16px; fong-weight:bold;}
.main .logo{width:64px; height:64px; float:left; margin-right:15px; background-size:64px;}
.main .logo img{ width:64px; height:64px;}
.main .content .cont-title{ font-size:18px; line-height:25px;}
.main .cont-text{ font-size:12px; line-height:18px; margin-top:0;}
.main .btn-box a{ width:140px; height:46px; background-size:140px;}
.footer{ font-size:12px; line-height:16px;}
}