heading-second-item topbarnav-current/* #reset */
html {*overflow-y:auto;/* 去掉IE7下默认出现的滚动条 */}
body {color:#333;font:14px/1.5 "Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;background-color:#464646;}
body,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend {margin: 0;}
ul,ol,fieldset {margin:0;padding:0;}
table {font-size: inherit;}
fieldset,img {border: none;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
abbr,acronym {border: none;font-variant: normal;}
sup {/*vertical-align: text-top;*/line-height:0;margin-right:4px;*position:relative;*top:-6px;*vertical-align:baseline;}
sub {vertical-align: text-bottom;}
input,button,textarea,select {font-family:"Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;font-size:inherit;line-height:inherit;}
textarea {vertical-align:top;overflow: auto;/* 移除IE下的纵向滚动条 */}
a {color: #1e5494;text-decoration: none;}
a:hover {text-decoration: underline;}
abbr,acronym {border-bottom: 1px dotted;cursor: help;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* html5 tag */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {display: block;}
audio,
canvas,
video {display:inline-block;*zoom:1;}

/* #common */
.container {width:980px;margin-left:auto;margin-right:auto;*zoom:1;}
.container:before {display:table;content:"";}
.container:after {display:table;content:"";clear:both;}
.logo {display:inline-block;width:180px;height:80px;outline:0;background-image:url(../images/logo.png);background-image:-webkit-image-set(url(../images/logo.png) 1x);background-repeat:no-repeat;}

/* #icons */
/* #icon */
.icon {display:inline-block;width:16px;height:16px;background-image:url(../images/icon.png);_background-image:url(../images/icon_ie6.png);background-image:-webkit-image-set(url(../images/icon.png) 1x);background-repeat:no-repeat;*zoom:1;}
.icon-arrow-up {background-position:0 0;}
.icon-arrow-down {background-position:-16px 0;}

/* #logo-snip */
.logo-snip {display:inline-block;width:20px;height:20px;background-image:url(../images/logo_snip.png);_background-image:url(../images/logo_snip.png);background-image:-webkit-image-set(url(../images/logo_snip.png) 1x);background-repeat:no-repeat;opacity:.4;_filter:alpha(opacity=40);}
.logo-snip:hover {opacity:1;_filter:alpha(opacity=100);text-decoration:none;}

/* #button */
.btn-red,.btn-black {display:inline-block;*zoom:1;padding:4px 16px 5px;text-align:center;color:#fff;font-size:12px;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),1px 1px 2px rgba(0,0,0,.1);outline:none;}
.btn-red:hover,.btn-black:hover {text-decoration:none;}
.btn-red:active,.btn-black:active {box-shadow:none;}
/* #btn-red */
.btn-red {border:none;background-image:-webkit-linear-gradient(top,#d65c5c,#d34f4f);background-image:-moz-linear-gradient(top,#d65c5c,#d34f4f);background-image:linear-gradient(top,#d65c5c,#d34f4f);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d65c5c",endColorstr="#d34f4f",GradientType=1);}
.btn-red:hover,.btn-red:focus {background-image:-webkit-linear-gradient(top,#e77272,#d85a5a);background-image:-moz-linear-gradient(top,#e77272,#d85a5a);background-image:linear-gradient(top,#e77272,#d85a5a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e77272",endColorstr="#d85a5a",GradientType=1);}
.btn-red:active {background-image:-webkit-linear-gradient(bottom,#d65c5c,#d34f4f);background-image:-moz-linear-gradient(bottom,#d65c5c,#d34f4f);background-image:linear-gradient(bottom,#d65c5c,#d34f4f);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d65c5c",endColorstr="#d34f4f",GradientType=3);}
/* #btn-black */
.btn-black {border:1px solid #121212;background-color:#242424;}
.btn-black:hover,.btn-black:focus {background-color:#353535;color:#c2c2c2;}
.btn-black:active {background-color:#191919;color:#b3b3b3;}
/* #btn-download */
.btn-download-pc,
.btn-download-applynew,
.btn-download-app{display:inline-block;width:171px;height:54px;margin-left:20px;margin-top:-80px;background-image:url(../images/btn_applications_0124.png);background-image:-webkit-image-set(url(../images/btn_applications_0124.png) 1x, 
url(../images/btn_applications_0124.png) 1x);background-repeat:no-repeat;outline:none;}
.btn-download-pc:hover,
.btn-download-pc:focus{background-position:0 -64px;}
.btn-download-applynew{background-position:-576px 0;}
.btn-download-applynew:hover,
.btn-download-applynew:focus{background-position:-576px -64px;}
.btn-download-pc:active {background-position:0 -128px;}
.btn-download-applynew:active {background-position:-576px -128px;}
.btn-download-app{background-position:-384px 0;}
.btn-download-app:hover,.btn-download-app:focus {background-position:-384px -64px;}
.btn-download-app:active {background-position:-384px -128px;}


/* #btn-download */
.btn-download1-pc,
.btn-download1-applynew,
.btn-download1-app{display:inline-block;width:171px;height:54px;margin-left:20px;background-image:url(../images/btn_applications_0123.png);background-image:-webkit-image-set(url(../images/btn_applications_0123.png) 1x, 
url(../images/btn_applications_0123.png) 1x);background-repeat:no-repeat;outline:none;}
.btn-download1-pc:hover,
.btn-download1-pc:focus{background-position:0 -64px;}
.btn-download1-applynew{background-position:-576px 0;}
.btn-download1-applynew:hover,
.btn-download1-applynew:focus{background-position:-576px -64px;}
.btn-download1-pc:active {background-position:0 -128px;}
.btn-download1-applynew:active {background-position:-576px -128px;}
.btn-download1-app{background-position:-384px 0;}
.btn-download1-app:hover,.btn-download-app:focus {background-position:-384px -64px;}
.btn-download1-app:active {background-position:-384px -128px;}

/**
 * #menubox 用于页脚的RTX、Snip导航
 * @html ul.menubox > li.menubox-item > a.menubox-toggle
 */
.menubox {
  display:inline-block;
  *display:inline;
  *zoom:1;
  list-style:none;
  text-align:left;
  overflow:hidden;
  background-color:#3e3e3e;
  border:1px solid #393939;
  border-radius:3px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(84,87,90,.65);
}
.menubox-item:first-child .menubox-toggle,
.menubox-item-first .menubox-toggle {
  border-top-color:transparent;
}
.menubox-item:last-child .menubox-toggle,
.menubox-item-last .menubox-toggle {
  border-bottom-color:transparent;
}
.menubox-toggle {
  display:block;
  padding:10px 1em;
  color:#fff;
  border-top:1px solid #414141;
  border-bottom:1px solid #343434;
  opacity:.6;
  filter:alpha(opacity=60);
  *zoom:1;
}
.menubox-toggle:hover {
  text-decoration:none;
  opacity:1;
  filter:alpha(opacity=100);
}
.menubox .logo-snip {
  margin-left:7px;
  margin-right:5px;
  vertical-align:-6px;
  *vertical-align:-2px;
  opacity:1;
  filter:alpha(opacity=100);
}

/**
 * #topbar 顶部导航栏
 * @html header.topbar[.topbar-fixed] > 
 * @param .topbar-fixed 固定顶部导航栏
 */
.topbar {
  min-width:1000px;
  height:90px;
  background-color:#1a1a1a;
  border-bottom:1px solid #0b0b0b;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.07),0 1px 3px rgba(0,0,0,.1);
}
.topbar a {
  color:#7c7c7c;
}

.topbar-fixed {
  position:fixed;
  top:0;
  left:0;
  right:0;
  _width:100%;
  z-index:10px;
}
.topbar .logo {
  float:left;
  margin-top:2px;
  margin-left:10px;
  text-indent:-9999em;
}
.topbar-lang {
  margin-top:14px;
}

/**
 * #topbarnav 顶部导航
 * @html .topbarnav > .topbarnav-item[.topbarnav-current] > a.topbarnav-toggle
 */
.topbarnav {
  float:left;
  margin-top:18px;
  margin-left:40px;
}
.topbarnav-item {
  float:left;
  _display:inline;
  margin-left:-6px;
}
.topbarnav-toggle {
  display:block;
  width:120px;
  height:50px;
  line-height:50px;
  font-size:16px;
  text-align:center;
  margin-left:60px;
  margin-right:10px;
  border:1px solid transparent;
  _border-color:tomato;
  _filter:chroma(color=tomato);
  border-radius:3px;
  font-weight:500;
  outline:none;
}
.topbarnav-toggle:hover,.topbarnav-toggle:focus {
  color:#e7e7e7;
  text-decoration:none;
}
.topbarnav-current .topbarnav-toggle {
  color:white;
  background-color:#151515;
  border-color:#0d0d0d;
  border-bottom-color:#2b2b2b\9;/* IE9-用边框颜色模拟底部高光 */
  box-shadow:0 1px 0 rgba(255,255,255,.1);
}
:root .topbarnav-current .topbarnav-toggle {
  border-bottom-color:#0d0d0d;
}

/**
 * #footer 底部页脚
 */
.footer {
  min-width:1000px;
  padding-top:6px;
  padding-bottom:20px;
  line-height:2;
  font-size:12px;
  text-align:center;
  color:#ababab;
  background-color:#464646;
  border-top:1px solid #383a3d;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.1);
}
.footer a {
  color:#ababab;
}
.footer-links {
  padding-top:5px;
}
.footer-link {
  margin:0 10px;
}
.footer .menubox {
  margin-bottom:10px;
}
.footer .menubox-toggle {
  color:#fff;
}

/**
 * #mainbanner 头部深色背景大banner
 */
.content{
  min-width:1000px;
  padding-bottom:150px;
  background:#f7f7f7;
}
.mainbanner {
  background:#292929 url(../images/mainbanner_bg.png) repeat 0 0;
  background-image:-webkit-image-set(url(../images/mainbanner_bg.png) 1x, url(../images/mainbanner_bg.png) 1x);
  border-bottom:1px solid #c5c5c5;
}
.mainbanner-inner {
  padding-bottom:260px;
  background-repeat:no-repeat;
  background-position:center bottom;
}
.mainbanner-title {
  margin-top:50px;
  font-size:40px;
  font-weight:normal;
  color:#fff;
  transition: all 0.3s;
}
.mainbanner-intro {
  margin-bottom:30px;
  font-size:12px;
  color:#999;
}
.mainbanner-intro a {
	color:#999;
}
.mainbanner-action {
  margin-top:50px;
  margin-bottom:16px;
}
.mainbanner .btn-download-app {
  margin-left:18px;
}
.mainbanner .btn-download-applynew {
  margin-left:18px;
}
.locale-en .mainbanner-title {font-size:36px;}
.locale-zh .os-pc .mainbanner-inner {background-image:url(../images/arpro.png);_background-image:url(../images/mainbanner_content_ie6.png);}

/**
 * #showcase 三列的大展示模块，参考首页
 * @html .showcase > .showcase-item > .showcase-title + .showcase-intro
 */
.showcase {margin-left:-40px;font-size:0;}
.showcase-item {display:inline-block;*display:inline;*zoom:1;width:300px;margin-left:40px;margin-bottom:60px;padding-top:240px;background-repeat:no-repeat;vertical-align:top;font-size:14px;}
.showcase-title {display:block;font-size:18px;font-weight:normal;color:#000;_vertical-align:baseline;}
.showcase-intro {display:block;margin-top:18px;color:#575757;font-size:14px;_vertical-align:baseline;}
.showcase-list {margin-top:40px;}
.showcase-note {margin-top:-44px;margin-bottom:48px;color:#575757;font-size:12px;_vertical-align:baseline;}

/* showcase(pc) */
.os-pc .showcase-multi {background-image:url(../images/feature_multi.jpg);}
.os-pc .showcase-bigattach {background-image:url(../images/feature_bigattach.jpg);}
.os-pc .showcase-exchange {background-image:url(../images/feature_exchange.jpg);}
.os-pc .showcase-fulltext {background-image:url(../images/feature_fulltext.jpg);}
.os-pc .showcase-quickly {background-image:url(../images/feature_quickly.jpg);}
.os-pc .showcase-calendar {background-image:url(../images/feature_calendar.jpg);}
.os-pc .showcase-allnew {background-image:url(../images/feature_allnew.png);}
.os-pc .showcase-easy {background-image:url(../images/see.png);}
.os-pc .showcase-performance {background-image:url(../images/touch.png);}
.os-pc .showcase-conversation {background-image:url(../images/feature_conversation.png);}
.os-pc .showcase-notepad {background-image:url(../images/tech.png);}
.os-pc .showcase-yszc {background-image:url(../images/yszc-en-logo.png);}
.locale-en .os-pc .showcase-multi {background-image:url(../images/pc/en/feature_multi.jpg);}
.locale-en .os-pc .showcase-bigattach {background-image:url(../images/pc/en/feature_bigattach.jpg);}
.locale-en .os-pc .showcase-exchange {background-image:url(../images/pc/en/feature_exchange.jpg);}
.locale-en .os-pc .showcase-fulltext {background-image:url(../images/pc/en/feature_fulltext.jpg);}
.locale-en .os-pc .showcase-quickly {background-image:url(../images/pc/en/feature_quickly.jpg);}
.locale-en .os-pc .showcase-calendar {background-image:url(../images/pc/en/feature_calendar.jpg);}
.locale-en .os-pc .showcase-yszc {background-image:url(../images/yszc-en-logo.png);}

/**
 * #whiteboard 白色带阴影板块，如更新日志
 */
.whiteboard {position:relative;background-color:#fff;border:1px solid #e1e1e1;}
.whiteboard:after {position:absolute;right:1px;bottom:4px;width:240px;height:50%;content:" ";z-index:-1;box-shadow:0 5px 10px rgba(0,0,0,.16);-webkit-transform:skew(1deg) rotate(1deg);-moz-transform:skew(1deg) rotate(1deg);transform:skew(1deg) rotate(1deg);}


/* #page */
.heading-second {margin-bottom:1em;font-size:24px;font-weight:normal;}
/*.changelog-list {margin-bottom:10em;}*/
.changelog-list .icon-arrow-up,
.changelog-list .icon-arrow-down {vertical-align:-4px;*vertical-align:0;}

/**
 * #changelog 更新日志列表
 * @html div.changelog[.changelog-unfold] > (.changelog-title > span.float-left + span.changelog-date) + (ol.changelog-detail > li.changelog)
 */
.changelog {padding:.7em 2em;border-bottom:1px solid #ebebeb;cursor:pointer;overflow:hidden;-webkit-transition:background-color .15s ease-out;-moz-transition:background-color .15s ease-out;transition:background-color .15s ease-out;}
.changelog:hover {background-color:#fcfcfc;}
.changelog-unfold:hover {background-color:transparent;}
.changelog-title {font-size:16px;text-align:right;_zoom:1;overflow:hidden;/* 避免高度塌陷引起的其他元素布局错位 */}
.changelog-date {margin-right:4px;font-size:14px;font-weight:normal;font-style:italic;color:#999;}
.changelog-detail {margin-top:10px;margin-left:2em;line-height:2;list-style-position:outside;cursor:auto;cursor:text\9;}
.changelog-toggleolder {display:block;padding:10px 2em;color:#575757;}
/* 展开/收起的控制 */
.changelog-detail-outer {display:none;}
.changelog-unfold .changelog-detail-outer {display:block;}

/* #p-index 首页 */
.p-index .icon-contact-space {margin-left:28px;}

/* #os-pc PC版 */
/* #locale-zh */

/* #new-win overwrite */
.new-win .content{position:relative;}
.new-win .mainbanner{height: 340px;}
.new-win .mainbanner .container{_position:absolute;_left:50%;_margin-left:-490px;}
.new-win .mainbanner-title{text-indent:-9999em;*font-size:0;color:#ecf1f5;font-family:"Microsoft YaHei";font-size:32px;margin-top:66px;margin-right:70px;padding-top:48px;line-height:58px;margin-left:80px;height:334px;background:url(../images/banner_bg.png) bottom right no-repeat;_background-image:url(../images/banner_bg_ie6.png);background-image:-webkit-image-set(url(../images/banner_bg.png) 1x, url(../images/banner_bg_2x.png) 2x);}
.locale-en .new-win .mainbanner-title{background:url(../images/pc/en/banner_bg.png) bottom right no-repeat;_background-image:url(../images/pc/en/banner_bg_ie6.png);background-image:-webkit-image-set(url(../images/pc/en/banner_bg.png) 1x, url(../images/pc/en/banner_bg_2x.png) 2x);}
.new-win .mainbanner-title .point{vertical-align:3px;}
.new-win .tahoma{font-family:Tahoma;}

.locale-zh .new-win .btn_apply{width:162px;height:52px;display:block;text-indent:-9999em;position:absolute;top:228px;left:50%;margin-left:-406px;background:url(../images/btn_new_win.png) -140px 0 no-repeat;background-image:-webkit-image-set(url(../images/btn_new_win.png) 1x, url(../images/btn_new_win_2x.png) 2x);}
.locale-zh .new-win .btn_apply:hover {background-position:-140px -52px;}
.locale-zh .new-win .btn_apply:active {background-position:-140px -104px;}

.new-win .showcase-list{margin-top:170px;}
.new-win .detail{width:838px;height:88px;margin:0 auto;border:1px solid #dddddd;border-radius:3px;box-shadow:0 1px 1px 0 #fff,inset 0 1px 2px 0px #ededed;background-color:#f5f5f5;}
.new-win .contact{float:left;height:36px;line-height:1.5;padding:26px 50px 26px 40px;border-right:1px solid #e5e5e5;}
.new-win .old-version{float:left;height:32px;line-height:32px;padding:30px 0 26px 100px;font-size:12px;}
.locale-en .new-win .old-version{padding-left:40px;}
.new-win .old-version .title{color:#666;}
.new-win .old-version a{color:#457cb2;display:inline-block;line-height:1.5;margin:0 16px;cursor:pointer;}
.new-win .old-version a:hover{text-decoration:underline;}
.new-win .icon-contact{width:36px;height:36px;background-image:url(../images/icon_contact_new_win.png);background-image:-webkit-image-set(url(../images/icon_contact_new_win.png) 1x, url(../images/icon_contact_new_win_2x.png) 2x);}
.new-win .icon-contact:hover,
.new-win .icon-contact:focus {opacity:1;_filter:alpha(opacity=100);}
.new-win .icon-contact-email {background-position:0 0;}
.new-win .icon-contact-tqq {background-position:0 -36px;}
.new-win .icon-contact-weibo {background-position:0 -72px;}
.new-win .icon-contact-service {background-position:0 -108px;}
.new-win.p-index .icon-contact-space{margin-left:24px;}
.new-win .btn-download-pc{vertical-align:middle;width:140px;height:32px;background:url(../images/btn_new_win.png) 0 0 no-repeat;background-image:-webkit-image-set(url(../images/btn_new_win.png) 1x, url(../images/btn_new_win.png) 1x);}
.new-win .btn-download-pc:hover{background-position:0 -32px;}
.new-win .btn-download-pc:active {background-position:0 -64px;}

/* #function 放在文件最末尾，尽量提高规则的优先级 */
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font24 {font-size:24px;}

.font-normal {font-weight:normal;font-style:normal;}
.font-bold {font-weight:bold;}
.font-italic {font-style:italic;}

.font-tahoma {font-family:Tahoma;}

.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-hide {text-indent:-9999em;*text-indent:0;*font-size:0;_overflow:hidden;}

.color-text {color:#333;/* 默认字体颜色 */}
.color-black {color:#000;}
.color-gray {color:#575757;}
.color-graylight {color:#999;}
.color-white {color:#fff;}
.color-red {color:#c00;}

.border-none {border:none;}

.float-left {float:left;}
.float-right {float:right;}

.hide {display:none;}
.show {display:block;}
.show-block {display:block;}
.show-inlineblock {display:inline-block;}
.show-inline {display:inline;}

.nolist {list-style:none;}

.underline {text-decoration:underline;}
.underline-hover {text-decoration:none;}
.underline-hover:hover {text-decoration:underline;}

.nomargin {margin:0;}
.nopadding {padding:0;}

.clearfix {*zoom:1;}
.clearfix:before {display:table;content:"";}
.clearfix:after {display:table;content:"";clear:both;}

.inline-block {display:inline-block;*display:inline;*zoom:1;}
.anim-all {-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out;}
.anim-opacity {-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;transition:opacity .15s ease-out;}

