@charset "utf-8";

/*
@Description:移动官方下载页V3.0
@author: zhuzp
@update: 2012-08-06
*/

/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {margin:0;padding:0;}
body {font:12px/1.5 Arial; color:#000; background: url(../images3.0/body-bg.jpg)}
select,input,button {vertical-align:middle;font-size:100%;}
ul,ol {list-style:none;}
fieldset,img {border:0;}
em {font-style:normal;}
.clearfix:after {content:"."; display: block; visibility: hidden; clear: both; height:0; font-size:0}
.clearfix {*zoom:1}

/* public-background-image */
.top-bar-box,.tip-bot,.means-order dt em,.means-list li.arrow,.btn-follow,.news-list li,.download-btn,.appstore-download-btn,.nine-one-download-btn,.ipa-download-btn,.v3-download-btn,.v5-download-btn,.enter-btn{ background-image: url(../images3.0/other-bg.png)}
.menu,.menu .current,.banner-text .prev,.banner-text .next,.banner-text-nav-lt,.banner-text-nav-rt,.new-icon,.mod-head-small h3,.mod-head-long h3,.wap-title{ background-image: url(../images3.0/content-bg-one.png)}

/* global */
.wrapper,.top-bar,.header,.banner-text,.banner-text-nav,.footer{margin: 0 auto; width:960px;}

.no-bg{ background:none; height: 28px;}
/* top-bar-box */
.top-bar-box{ padding: 14px 0 0 0; height:28px; background-position: 0 0 }
.top-bar-box a{ color:#333; text-decoration: none}
.top-bar-box a:hover{ color:#f60; text-decoration: underline;}
.loginer{ float: right}
.top-menu-list li,.loginer li{ height: 14px; line-height: 14px; padding:0 15px; float: left; display: inline; border-left: 1px solid #cbcbcb;}
.top-menu-list .first,.loginer .first{ border: 0 none}

.top-menu-list li.top-bar-more{ position: relative;*zoom:1; height: auto; z-index:15;}
.tip-bot{ position: absolute; left: 43px; top: 5px; width: 8px; height: 6px; background-position:-326px -200px; }

.more-list{ position: absolute; left: 0; top: 13px; ;padding:1px;width: 82px; text-align: center; border:1px solid #ccc; background:#fff; display: none; z-index: 15}
.more-list li{ height: 24px; line-height: 24px; padding:0;  float: none; border: 0 none; overflow: hidden}
.more-list li a{ display: block;height: 24px; line-height: 24px; overflow: hidden}
.more-list li a:hover{ background:#0d5481; text-decoration: none; color:#fff}

/* header */

.header{ height: 67px; overflow: hidden;*zoom:1}
.menu{ position: relative;*zoom:1; margin-top: 15px; width: 488px; height:42px; float: right; background-position:0 0; }
.logo-title{ margin-top: 9px; background: url(../images3.0/logo-title.png) no-repeat; height: 52px; padding-left: 190px; font:400 18px/52px "Microsoft YaHei";}

.menu li{position: relative; float: left; display: inline; width:122px; height: 42px; font:400 16px/34px "Microsoft YaHei"; text-align: center;z-index: 11}
.menu li.current{ position: absolute; left:0;width:122px; height: 42px; background-position:-262px -140px; z-index: 10}
.menu li.current a{ color:#fff}
.menu li a{ text-decoration: none; color:#333; display: block;}
.menu li a:hover{ color:#fff}

/* banner-text-box */
.banner-text-box{ height:500px;background: url(../images3.0/part-bg.jpg) center 0 no-repeat;}
.banner-text{ position: relative;*zoom:1; width:960px; height:500px; overflow:hidden}
.banner-text .prev,.banner-text .next{ position: absolute; top: 250px; width:25px; height:45px; display: block; text-indent: -9999em; cursor: pointer; z-index: 10}
.banner-text .prev{ left: 10px; background-position:-113px -139px }
.banner-text .next{ right:10px;background-position:-152px -139px}

/* banner-text-nav-box */
.banner-text-nav-box{ position: relative; padding-right:60px; height: 56px; *zoom:1; overflow: hidden}
.banner-text-nav-lt{ margin-right: 74px; height: 56px; background-position: 0 -66px}
.banner-text-nav-rt{ position: absolute; right: 60px;width:74px; height: 56px;background-position: 0 -134px;display: block; overflow: hidden;}

.banner-text-nav li{ position: relative;float: left; display: inline; width: 192px; text-align: center; font: 400 15px/52px "Microsoft YaHei";color:#535d61;*zoom:1; cursor: pointer;}
.banner-text-nav li a,.banner-text-nav li a:hover{ font: 700 15px/52px "Microsoft YaHei"; color:#535d61; text-decoration: none}
.banner-text-nav .cur a,.banner-text-nav .cur a:hover{ padding-bottom: 14px; border-bottom:2px solid #2faefb; color:#2faefb}
.new-icon{ position: absolute; top: 8px; right: 45px; width:27px; height:16px; background-position: -207px -145px}

/* banner-text-main */
.banner-text-main li{position: relative; float:left; display: inline; width:910px;padding:1px 0 0 50px; *zoom:1}
.banner-text-ragion{ position: absolute; top:16px ; right:40px; padding:35px 30px 0 49px; width:310px; height:437px; background: url(../images3.0/flied-text-bg.png) no-repeat; overflow: hidden}

.banner-text-ragion .product-function-list{ padding-top: 20px;}
.banner-text-ragion .product-function-list li{padding:0 0 0 90px; height:70px;width:200px; *float: none;}
.banner-text-ragion .product-function-list h4{font-size: 14px; line-height: 14px;}
.banner-text-ragion .product-function-list p{margin-top:5px;  font: 12px/22px Arial; color:#4e4e4e}

.banner-text-ragion h3{ margin-bottom: 12px; height: 44px; font: 400 24px/44px "Microsoft YaHei"; text-align:center}
.wap-title{position: absolute; left:13px; top:13px; width: 320px; height: 45px; background-position: 0 -305px; text-indent: -9999em}

.banner-text-ragion .title-android,.banner-text-ragion .title-iphone{ margin-right:15px; width:32px; height:44px;background-repeat: no-repeat;display: inline-block; vertical-align: middle}
.banner-text-ragion .title-android{ background:url(../images3.0/content-bg-one.png) -400px -141px no-repeat; _background:url(../images3.0/other-bg.png) -301px -46px no-repeat;}
.banner-text-ragion .title-iphone{background:url(../images3.0/content-bg-one.png) -441px -141px no-repeat;_background-position:url(../images3.0/other-bg.png) -301px -92px no-repeat;}

.btr-model{ margin-bottom:22px;}
.btr-model p{ line-height: 22px;}
.btr-model .part{ text-indent: 24px;}
.btr-model .f-rt {float: right;margin-right: 16px;}

.download-btn,.appstore-download-btn,.nine-one-download-btn,.ipa-download-btn,.v3-download-btn,.v5-download-btn{width:149px; height:53px;display: block; text-indent: -9999em;}
.download-btn{ margin: 0 auto;background-position: -84px -96px; }
.appstore-download-btn{margin-left:-14px;background-position: 0 -156px;}
.nine-one-download-btn{margin-right:4px; float:right;background-position: -151px -209px;}
.ipa-download-btn{margin-right:4px;float:right;background-position: 0 -209px;}
.v3-download-btn{margin-right:4px;float:right;background-position: -152px -156px;}
.v5-download-btn{margin-left:-14px;background-position: -84px -43px;}

/* module */
.module{ padding:26px 10px 35px;  background: url(../images3.0/dottod-bg.png) center bottom no-repeat; overflow: hidden;*zoom:1}
.mod-rt{ float: right; width: 350px;}
.no-border{ background: none; padding-bottom: 20px}

.mod-head{ height: 35px; overflow: hidden;*zoom:1}
.mod-head-small h3{ height: 35px; font: 400 20px/20px "Microsoft YaHei" ; background-repeat: no-repeat ; background-position: 0 -210px}
.mod-head-long h3{height: 35px; font: 400 20px/20px "Microsoft YaHei" ; background-repeat: no-repeat ; background-position: 0 -270px}
.product-news{ padding-top: 10px;}
.product-news p{ font:400 16px/34px "Microsoft YaHei"; color:#555}
.product-news p em{ color:#2fa3e9} 

/* product-function-list */
.product-function-list li{ position:relative; margin:25px 0 0 0; padding-left: 100px; height: 55px;*zoom:1}
.product-function-list li .pic{ position: absolute; left:0; top:-2px;}
.product-function-list h4{ font:400 20px/20px "Microsoft YaHei";}
.product-function-list p{ margin-top:15px;  font: 16px/16px "Microsoft YaHei"; color: #565656}

/* web-download */
.web-download{ overflow: hidden;*zoom:1}
.web-download img{ float: right; margin-right: 200px;vertical-align: middle}

/* means-order */
.means-order{ padding:0 0 0 15px;}
.means-order dl{margin:20px 0 0;}
.means-order dt{ font: 16px/27px "Microsoft YaHei"}
.means-order dt em{ margin-right: 10px; padding-right: 8px; width: 54px; height: 27px; font:400 14px/24px "Microsoft YaHei";text-align: center; color:#fff; background-position:-2px -43px; display: inline-block; vertical-align: middle}

.means-list{ margin-top:25px;padding:0 40px;}
.means-list li{ padding:0 6px; width:170px; float: left; display: inline; text-align: center}
.means-list img{ vertical-align: top;}

.means-list li.arrow{ margin-top: 30px; padding:0; width: 30px; height: 28px; background-position:0 -126px}
.means-list p{ margin-top: 10px; color:#5c5c5c}

.web-download{ padding-left: 70px; font-size: 14px;}
.web-download a{ color:#4ab3fd}

/* twerter */
.twerter{margin-top: 22px; padding-bottom:29px;  width: 553px; height: 249px; border-bottom:0 none; background:url(../images3.0/twerter-bg.png) 0 bottom no-repeat;}
.twerter-main{ height:553px; height: 250px; background: #fff; border:1px solid #ededed;border-bottom:0 none}
.btn-follow{ margin-left: 20px; width: 71px; height: 22px; line-height: 21px; font-size: 0; background-position: 0 -103px; display: inline-block; vertical-align: middle}

/* news-list */
.news-list{ margin-top:19px;}
.news-list li{ padding-left: 10px; height: 26px; line-height: 26px; font-size: 14px; background-position:-328px -140px ; background-repeat: no-repeat; overflow: hidden;*zoom:1}
.news-list li span{ float:right; color:#a7a7a7}
.news-list li a{ color:#4f4f4f}
.news-list li a:hover{ color: #f60}
.news-list .most a{ color:#333}

/* app-store */
.app-store-box{ margin-top:-20px;}
.app-store-nav{position: relative; top: 35px; margin:0 auto; width: 670px;}
.app-store-nav li{ margin-right:35px; float: left; width: 188px; height: 70px; display: inline; background-image: url(../images3.0/os-select-bg.png); text-indent: -9999em; cursor: pointer}

#tit-iphone{ background-position: 0 0}
#tit-iphone.cur{ background-position:-190px 0}
#tit-ipad{background-position:0 -72px}
#tit-ipad.cur{background-position:-190px -72px}
#tit-android{margin-right:0;background-position:0 -144px}
#tit-android.cur{background-position:-190px -144px}
#tit-iphone.cur,#tit-ipad.cur,#tit-android.cur{position:relative;top:-17px;}

.app-store-tip-top{position: relative; z-index:10; width:966px; height:10px;background: url(../images3.0/zol-opacity-bg-z.png) 0 -6px no-repeat;}
.app-store-tip-middle{position: relative; z-index:10; padding:0 15px;width:936px;background: url(../images3.0/zol-opacity-m-bg.png);}
.app-store-tip-bottom{width:966px; height:15px;background: url(../images3.0/zol-opacity-bg-z.png) 1px -38px no-repeat;}

.app-store{position: relative; z-index:10; padding:6px 0 0; min-height: 375px; _height: 375px; overflow: visible; background: url(../images3.0/zol-opacity-zol-bg.png) right bottom no-repeat;}
.app-store li{ padding:1px 0; height: 122px; overflow: hidden; border-bottom:1px dashed #dcdcdc}
.app-store .first{ border-top:0 none}
.app-store ul { overflow: hidden;*zoom:1}
.app-store ul li{margin: 20px 0 0 0;padding: 0 0 0 105px; height: auto; float: left; display: inline;width: 125px; overflow: hidden; position: relative;*zoom:1;border-bottom: 0 none}
.app-store .app-icon{ position: absolute; left: 20px; top: 0; }
.app-store .app-icon img{vertical-align: top} 
.app-store h3 a{ font:400 16px/22px "Microsoft YaHei"; text-decoration: none; color:#333}
.app-store h3 a:hover{ text-decoration: underline; color:#f60}
.app-store p{ font:12px/22px "Microsoft YaHei"; color:#777}
.app-store .enter-btn{ margin-top:5px; width: 75px; height: 29px; background-position:0 -72px; text-indent: -9999em; display: block;}
.long-bg{ height:515px;background: url(../images3.0/zol-opacity-bg.png) 0 -7px no-repeat;}

/* footer */
.footer{ padding:0 0 30px;}
.footer p{ text-align: center; line-height: 22px;}
.footer p,.footer a{ color:#6c6c6c;}
.footer a{ padding:0 5px; text-decoration: none}
.footer a:hover{ text-decoration: underline; color: #f60}