@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"微软雅黑",Verdana;-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.dis{display:block;}.undis{display:none;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}



/*导航条样式*/
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}



/*头部区域*/
.header,.mainBody,.copyright{width:960px;margin:0 auto;}
.header{height:90px;border-bottom:1px solid #d4d4d4;}
.header .logo{width:227px;height:74px;background:url(../images/bodyBg.png) no-repeat right top;float:left;margin-top:12px;overflow:hidden;text-indent:-800px;}
.header .yaLogo{width:82px;height:26px;background:url(../images/yaanLogo.png) no-repeat;float:left;margin:34px 0 0 20px;overflow:hidden;text-indent:-999px;}
.header .nav{float:right;margin-right:46px;}
.header .nav li{width:80px;height:90px;float:left;position:relative;}
.header .nav li a{display:block;width:80px;height:90px;background-image:url(../images/bodyBg.png);background-repeat:no-repeat;}
.header .nav li a{-moz-transition:background 0.1s linear;-o-transition:background 0.1s linear;-webkit-transition:background 0.1s linear;transition:background 0.1s linear;}
.header .nav li.home a{background-position:0 -90px;}
.header .nav li.home a:hover{background-position:0 0;}
.header .nav li.home a.on{background-position:0 0;}
.header .nav li.func a{background-position:-81px -90px;}
.header .nav li.func a:hover{background-position:-81px 0;}
.header .nav li.func a.on{background-position:-81px 0;}
.header .nav li.buy a{background-position:-162px -90px;}
.header .nav li.buy a:hover{background-position:-162px 0;}
.header .nav li.buy a.on{background-position:-162px 0;}
.header .nav li.about a{background-position:-243px -90px;}
.header .nav li.about a.on{background-position:-243px 0;}
.header .nav li.about a:hover{background-position:-243px 0;}
.header .nav li.help a{background-position:-324px -90px;}
.header .nav li.help a.on{background-position:-324px 0;}
.header .nav li.help a:hover{background-position:-324px 0;}
.header .nav li.bbs a{background-position:-405px -90px;}
.header .nav li.bbs a.on{background-position:-405px 0;}
.header .nav li.bbs a:hover{background-position:-405px 0;}
.header .nav li a span{display:block;width:80px;height:90px;background:url(../images/bodyBg.png) no-repeat right -197px;font-size:0;text-indent:-999px;overflow:hidden;}
.header .nav li a.on span{background:none;}
.header .nav li.bbs span{background:none;}
.header .nav li a:hover span{background:none;}



/*主要区域*/
.mainBody .mainTop{height:360px;padding-top:100px;}
.mainBody .mainTop .txtArea{float:left;width:400px;}
.mainBody .mainTop .txtArea .txt{width:380px;height:130px;background:url(../images/bodyTxt.png) no-repeat top left;margin:25px 0 50px;text-indent:-999px;font-size:0;overflow:hidden;}
.mainBody .mainTop .txtArea .dl a.btn{margin-left:-90px;float:left;display:block;width:257px;height:72px;background:url(../images/bodyBg.png) no-repeat -1px -192px;}
.mainBody .mainTop .txtArea .dl a:hover.btn{background:url(../images/bodyBg.png) no-repeat -1px -189px;}
.mainBody .mainTop .txtArea .dl p.ver{float:left;margin:13px 0 0 20px;font:12px Verdana;}
.mainBody .mainTop .txtArea .dl p.ver i{display:block;height:14px;line-height:14px;background-image:url(../images/bodyTxt.png);background-repeat:no-repeat;padding-left:65px;}
.mainBody .mainTop .txtArea .dl p.ver .version{background-position:0 -210px;margin-bottom:6px;font-size:14px;color:#50b000;}
.mainBody .mainTop .txtArea .dl p.ver .time{background-position:0 -233px;color:#ff930a;}
.mainBody .mainTop .imgArea{float:right;width:500px;height:302px;background:url(../images/apple.gif) no-repeat;}



/*功能亮点*/
.mainBody .mainFunc .title{margin-bottom:50px;padding-bottom:5px;border-bottom:1px solid #efefef;}
.mainBody .mainFunc .title span{display:block;width:82px;height:25px;text-indent:-999px;overflow:hidden;background:url(../images/bodyTxt.png) no-repeat 15px -257px #f7f7f7;}
.mainBody .mainFunc .funBox{margin-bottom:100px;}
.mainBody .mainFunc .funBox li{float:left;width:260px;padding-left:60px;margin-right:0px;position:relative;}
.mainBody .mainFunc .funBox li span{display:block;width:52px;height:48px;position:absolute;top:0;left:0;background-image:url(../images/bodyBg.png);}
.mainBody .mainFunc .funBox li.kown span{background-position:-512px -139px;}
.mainBody .mainFunc .funBox li.work span{background-position:-563px -137px;}
.mainBody .mainFunc .funBox li.habit span{background-position:-619px -137px;}
.mainBody .mainFunc .funBox li:hover.kown span{background-position:-512px -90px;}
.mainBody .mainFunc .funBox li:hover.work span{background-position:-563px -88px;}
.mainBody .mainFunc .funBox li:hover.habit span{background-position:-619px -88px;}
.mainBody .mainFunc .funBox li h3{margin-bottom:3px;background-image:url(../images/bodyTxt.png);text-indent:-999px;overflow:hidden;}
.mainBody .mainFunc .funBox li.kown h3{background-position:0 -132px;}
.mainBody .mainFunc .funBox li.work h3{background-position:0 -160px;}
.mainBody .mainFunc .funBox li.habit h3{background-position:0 -187px;}
.mainBody .mainFunc .funBox li p{color:#999;}
.mainBody .mainFunc .funBox li span{-moz-transition:background 0.1s linear;-o-transition:background 0.1s linear;-webkit-transition:background 0.1s linear;transition:background 0.1s linear;}



/*底部菜单*/
.bottomArea{background:#f6f6f6;border-top:1px solid #ededed;}
.bottomArea .nav{width:960px;height:160px;padding-top:90px;margin:0 auto;}
.bottomArea .nav dl{width:240px;float:left;background:url(../images/bodyBg.png) no-repeat -85px -275px;}
.bottomArea .nav dl dt{height:14px;margin-bottom:18px;background-image:url(../images/bodyTxt.png);background-repeat:no-repeat;text-indent:-999px;overflow:hidden;}
.bottomArea .nav dl dd{line-height:24px;color:#888;}
.bottomArea .nav dl dd a{color:#888;}
.bottomArea .nav dl dd a:hover{text-decoration:none;color:#F90;}
.bottomArea .nav dl dd a.qqgroup{color:#f90;}
.bottomArea .nav dl dd a.qqgroup:hover{text-decoration:underline;}
.bottomArea .nav .followUs dd a:hover.weibo{background:url(../images/bodyBg.png) no-repeat -710px -140px;}
.bottomArea .nav .followUs dd a:hover.tqq{background:url(../images/bodyBg.png) no-repeat -710px -161px;}
.bottomArea .nav .devHelp dt{background-position:0 -290px;}
.bottomArea .nav .updateLog dt{background-position:0 -314px;}
.bottomArea .nav .updateLog dd a.version{font-family:Verdana;}
.bottomArea .nav .followUs dt{background-position:0 -338px;}
.bottomArea .nav .contactUs dt{background-position:0 -362px;}



/*页脚区域*/
.footer{height:52px;line-height:52px;background:#252525;text-align:center;color:#969595;}
.footer .copyright{position:relative;font-family:Verdana;}
.footer .copyright #bdshare{position:absolute;line-height:normal;top:13px;right:0;}



/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:54px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:54px;height:54px;background:url(../images/icon.png) no-repeat 0 0;display:block;}



/*当前位置*/
.position{width:960px;margin:0 auto;color:#999;padding-top:10px;}
.position a{color:#999;}
.position a:hover{color:#F90;}
.position span{color:#333;}



/*功能页面*/
.funcBody{padding-top:50px;}
.funcBody h1{margin-bottom:20px;text-align:center;font-weight:normal;font-size:36px;color:#222;}
.funcBody h1 span{padding:0 5px;font-weight:bold;}
.funcBody p.txt{margin-bottom:25px;text-align:center;font-size:14px;font-family:Verdana;font-style:italic;}
.funcBody h3{margin-bottom:25px;padding-bottom:5px;line-height:32px;font-size:15px;color:#607280;border-bottom:1px solid #e5e5e5;}
.funcBody .dl{color:#36F;}
.funcBody  em{padding:0 3px;font-family:Verdana;font-style:normal;font-weight:bold;font-size:12px;}
.funcBody .funcList{margin-bottom:20px;}
.funcBody .funcList li{float:left;width:200px;height:140px;display:block;margin-right:50px;padding-left:70px;position:relative;}
.funcBody .funcList li h4{margin-bottom:5px;font-size:14px;color:#000;}
.funcBody .funcList li span{position:absolute;display:block;width:45px;height:45px;top:0;left:0;background:#8ebf2f;color:#fff;font-size:30px;text-align:center;line-height:45px;font-family:Verdana;font-style:italic;}
.funcBody .funcList li span{-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;}
.funcBody .funcList li:hover span{background:#666;color:#fff;}
.funcBody .funcList li p{color:#b2b2b2;}

.funcBody .previewBox{width:960px;height:154px;position:relative;margin-bottom:80px;}
.funcBody .prevBtn,.funcBody .nextBtn{display:block;position:absolute;top:-63px;width:23px;height:25px;cursor:pointer;}
.funcBody .prevBtn{right:24px;background:#f7f7f7 url(../images/carouselArrows.png) no-repeat 0 -26px;}
.funcBody .nextBtn{right:0;background:#f7f7f7 url(../images/carouselArrows.png) no-repeat -48px 0;}
.funcBody .prevBtn:hover{background:#666 url(../images/carouselArrows.png) no-repeat -24px -26px;}
.funcBody .nextBtn:hover{background:#666 url(../images/carouselArrows.png) no-repeat -24px 0;}
.funcBody .previewList{width:961px;height:154px;position:absolute;top:0;overflow:hidden;}
.funcBody .previewList ul li{float:left;width:327px;height:154px;overflow:hidden;position:relative;}
.funcBody .previewList ul li a div{display:none;}
.funcBody .previewList ul li a img,.funcBody .previewList li a span{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.funcBody .previewList ul li a img{border:1px solid #e5e5e5;}
.funcBody .previewList ul li a span{display:block;width:305px;height:152px;border:1px solid #000;position:absolute;top:0;bottom:0;z-index:999;background:#333;opacity:.75;filter:alpha(opacity=75);-ms-filter:"alpha(opacity=75)";-khtml-opacity:.75;-moz-opacity:.75;}
.funcBody .previewList ul li a i{display:block;width:40px;height:40px;position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-20px;background:url(../images/linkIcon.png) no-repeat center center #F90;z-index:1000;}



/*购买页面*/
.buyBody{padding-top:50px;}
.buyBody h1{margin-bottom:20px;text-align:center;font-weight:normal;font-size:36px;color:#222;}
.buyBody h1 span{padding:0 5px;font-weight:bold;}
.buyBody p.txt{margin-bottom:25px;text-align:center;font-size:14px;font-family:Verdana;font-style:italic;}
.buyBody h3{margin-bottom:25px;padding-bottom:5px;line-height:32px;font-size:15px;color:#607280;border-bottom:1px solid #e5e5e5;}
.buyBody .dl{color:#36F;}
.buyBody  em{padding:0 3px;font-family:Verdana;font-style:normal;font-weight:bold;font-size:12px;}
.buyBody .buyList{margin-bottom:20px;}
.buyBody .buyList li{float:left;width:200px;height:140px;display:block;margin-right:50px;padding-left:70px;position:relative;}
.buyBody .buyList li h4{margin-bottom:5px;font-size:14px;color:#000;}
.buyBody .buyList li span{position:absolute;display:block;width:45px;height:45px;top:0;left:0;background:#8ebf2f;color:#fff;font-size:30px;text-align:center;line-height:45px;font-family:Verdana;font-style:italic;}
.buyBody .buyList li span{-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;}
.buyBody .buyList li:hover span{background:#666;color:#fff;}
.buyBody .buyList li p{color:#b2b2b2;}

.buyBody .previewBox{width:960px;height:154px;position:relative;margin-bottom:80px;}
.buyBody .prevBtn,.buyBody .nextBtn{display:block;position:absolute;top:-63px;width:23px;height:25px;cursor:pointer;}
.buyBody .prevBtn{right:24px;background:#f7f7f7 url(../images/carouselArrows.png) no-repeat 0 -26px;}
.buyBody .nextBtn{right:0;background:#f7f7f7 url(../images/carouselArrows.png) no-repeat -48px 0;}
.buyBody .prevBtn:hover{background:#666 url(../images/carouselArrows.png) no-repeat -24px -26px;}
.buyBody .nextBtn:hover{background:#666 url(../images/carouselArrows.png) no-repeat -24px 0;}
.buyBody .previewList{width:961px;height:154px;position:absolute;top:0;overflow:hidden;}
.buyBody .previewList ul li{float:left;width:327px;height:154px;overflow:hidden;position:relative;}
.buyBody .previewList ul li a div{display:none;}
.buyBody .previewList ul li a img,.buyBody .previewList li a span{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.buyBody .previewList ul li a img{border:1px solid #e5e5e5;}
.buyBody .previewList ul li a span{display:block;width:305px;height:152px;border:1px solid #000;position:absolute;top:0;bottom:0;z-index:999;background:#333;opacity:.75;filter:alpha(opacity=75);-ms-filter:"alpha(opacity=75)";-khtml-opacity:.75;-moz-opacity:.75;}
.buyBody .previewList ul li a i{display:block;width:40px;height:40px;position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-20px;background:url(../images/linkIcon.png) no-repeat center center #F90;z-index:1000;}




/*关于页面*/
.aboutBody{padding:32px 0 10px;}
.aboutBody h3{margin-bottom:10px;line-height:32px;font-size:15px;color:#607280;}
.aboutBody h3.t5{color:#333;}
.aboutBody p{margin-bottom:30px;padding:0 12px 30px;line-height:30px;font-size:14px;}
.aboutBody .dl{color:#36F;}
.aboutBody .dropcap1{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#666666;float:left;font-size:36px;margin:4px 10px 2px 0;padding:12px 12px;text-shadow:0 1px 0 #fff;color:#fff;font-family:Verdana;}
.aboutBody .showMore{float:right;padding-right:20px;background:url(../images/arrorDown.png) no-repeat right center;line-height:1.5;font-size:14px;color:#666;}
.aboutBody .quote{margin-top:8px;display:block;font-size:12px;color:#666;}
.aboutBody .quote a{margin-right:5px;padding:3px 5px;background:#d9ecef;color:#52878f;cursor:default;}
.aboutBody .quote a{-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;}
.aboutBody .quote a:hover{background:#e9eaea;text-decoration:none;color:#999;}
.aboutBody .nb{border:none;}
.aboutBody  em{padding:0 3px;font-family:Verdana;font-style:normal;font-weight:bold;font-size:12px;}
.aboutBody .aboutMore{display:none;}
.aboutBody .author_t,.aboutBody .author_b{text-indent:26px;font-size:12px;color:#83b3d6;}
.aboutBody .author_t{margin:15px 0 0;padding-top:24px;background:url(../images/iconQuote_s.gif) no-repeat;}
.aboutBody .author_b{background:url(../images/iconQuote_e.gif) right bottom no-repeat;}



/*帮助页面*/
.helpBody .subNav{height:40px;margin:40px 0 20px;background:#f5f5f5;}
.helpBody .subNav li{float:left;width:25%;text-align:center;font-size:16px;}
.helpBody .subNav li a{display:block;height:38px;line-height:38px;color:#666;border-right:1px solid #e5e5e5;}
.helpBody .subNav li a.on{border:1px solid #e5e5e5;border-bottom:0;background:#fff;border-top:2px solid #6a8fb5;}
.helpBody .threeNav{border-bottom:1px solid #e5e5e5;padding-bottom:20px;_padding-bottom:60px;*padding-bottom:60px!important;}
.helpBody .threeNav li{float:left;}
.helpBody .threeNav li a{display:block;line-height:14px;font-size:14px;padding:10px 20px;color:#999;}
.helpBody .threeNav li a:hover{text-decoration:none;color:#F90;}
.helpBody .threeNav li a.on{color:#900;background:#f5efa8;}
.helpBody .threeNav li a.nb{border:0;}
.helpBody .listArea{width:960px;overflow:hidden;}
.helpBody .useBox{height:4830px;}
.helpBody .useList{margin-top:20px;}
.helpBody .useList p{white-space:normal;word-break:break-all;}
.helpBody .useList p strong{color:#00F;font-weight:normal;}
.helpBody .useList .preline{height:10px;font-size:1px;line-height:1px;clear:both;_overflow:hidden;}



/*使用帮助*/
.helpBody .useList{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
.helpBody .useList div strong{color:#00F;font-weight:normal;}
.helpBody .useList h2{margin:20px 0 10px;font-size:15px;color:#607280;}
.helpBody .useList h3{margin:10px 0 3px;font-size:12px;padding-left:6px;font-weight:normal;}
.helpBody .useList em{color:red;font-style:normal;font-family:Verdana;}
.helpBody .sdir{width:145px;display:inline-block;}



/*新手指南*/
.helpBody .guideList{margin-bottom:60px;line-height:30px;}
.helpBody .guideList li{width:49.99%;float:left;list-style:inside;}



/*常见问题*/
.helpBody .question{margin-bottom:60px;}
.helpBody .question dl{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.helpBody .question dl dt{color:#5F9BCD;font-weight:bold;}



/*更新历史*/
.helpBody .hisBox{height:6100px;}
.helpBody .hisList{margin-bottom:20px;border-bottom:1px solid #e5e5e5;}
.helpBody .hisList h2{margin:20px 0 10px;font-size:15px;color:#607280;}
.helpBody .hisList ul li{width:33.3%;float:left;margin-bottom:20px;}
.helpBody .hisList ul li strong{font-size:12px;font-family:Verdana;}