div#top-bar {
  font-family:Microsoft Yahei;
  height:110px;
  background-color:#3d8ee1;
  width:100%
}
div#top-bar div.top-wrap {
  width:1100px;
  height:100%;
  margin:0 auto;
}
div#top-bar div.top-wrap div.page-logo { height:110px; }
div#top-bar div.top-wrap div.page-logo a {
  display:block;
  margin-top:15px;
}
div#top-bar div.top-wrap div.page-logo img { margin:0; }
div#top-bar div.top-wrap div.search-nav {
  display:inline-block;
  height:110px;
}
div#top-bar div.top-wrap div.search-nav div.search-right {
  width:190px;
  height:27px;
  float:right;
  margin-top:18px;
  border-radius:4px;
  background-color:#1e3142;
}
div#top-bar div.top-wrap div.search-nav div.search-right form input {
  color:#EFEFEF;
  height:12px;
  width:150px;
  vertical-align:middle;
  border:none;
  box-shadow:none;
  background-color:#1e3142;
}
div#top-bar div.top-wrap div.search-nav div.search-right form a.search-btn {
  vertical-align:middle;
  display:inline-block;
  width:20px;
  height:17px;
  background:url("/static/image/home/search.png");
  float:right;
  margin-top:5px;
}
div#top-bar div.top-wrap div.search-nav div.search-right form span { z-index:999; }
div#top-bar div.top-wrap div.search-nav div.navbar {
  margin-top:60px;
  position:relative;
}
div#top-bar div.top-wrap div.search-nav div.navbar ul.nav li.active a {
  color:#fff;
  border-bottom:2px solid #37afe4;
}
div#top-bar div.top-wrap div.search-nav div.navbar ul.nav li a {
  font-size:15px;
  color:#fff;
  text-shadow:none;
  background-color:#3d8ee1;
  box-shadow:none;
  padding:0;
  margin-right:25px;
}
div#top-bar div.top-wrap div.search-nav div.navbar ul.nav li.last a { margin-right:0px; }
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu { width:200px; }
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu ul.dropdown-submenu {
  margin:0;
  list-style:none;
  float:left;
}
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu ul.dropdown-submenu li {
  margin:4px 10px 0;
  clear:left;
  font-size:12px;
  width:180px;
  float:left;
}
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu ul.dropdown-submenu li span.left { float:left; }
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu ul.dropdown-submenu li span.left a.icon-setting {
  background:url(/static/image/v2/common/icon-setting.png) no-repeat 1px 2px;
  display:block;
  width:auto;
  height:auto;
  padding-left:18px;
  font-size:12px;
  padding:4px 0 2px 16px;
}
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu ul.dropdown-submenu li span.right { float:right; }
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu ul.dropdown-submenu li span.right a.icon-quit {
  background:url(/static/image/v2/common/icon-quit.png) no-repeat 1px 1px;
  display:block;
  width:auto;
  height:auto;
  padding-left:18px;
  font-size:12px;
  padding:4px 0 2px 16px;
}
div#top-bar div.top-wrap div.search-nav div.navbar div.dropdown-menu ul.dropdown-submenu li span.right span.icon-beans {
  background:url(/static/image/bean_pic_18_18.png) no-repeat 2px 0;
  display:block;
  width:auto;
  height:auto;
  padding-left:18px;
}
div#top-bar div.top-wrap div.search-nav div.login {
  display:inline-block;
  float:right;
  max-width:115px;
}
div#top-bar div.top-wrap div.search-nav div.login a {
  font-size:12px;
  font-weight:bold;
  color:#37afe4;
  text-decoration:none;
}
div#top-bar div.top-wrap div.search-nav div.login a span.user-mail {
  line-height:22px;
  text-align:right;
  float:left;
  display:block;
  width:102px;
  overflow:hidden;
}
div#top-bar div.top-wrap div.search-nav div.login a b.caret { border-top:4px solid #4285E9; }
div#top-bar div.top-wrap div.search-nav div.login a.active { color:#fff; }
div#top-bar div.top-wrap div.search-nav div.login span.divider { color:#37afe4; }
div#top-bar div.top-wrap div.search-nav a.message {
  display:inline-block;
  width:19px;
  height:14px;
  background:url(/static/image/email-box.png) no-repeat;
  position:relative;
  float:right;
  margin-top:5px;
  margin-left:10px;
}
div#top-bar div.top-wrap div.search-nav a.message b.red {
  position:absolute;
  top:-3px;
  right:-2px;
  display:inline-block;
  width:8px;
  height:8px;
  background:url(/static/image/red-point.png) no-repeat;
}
div#top-bar div.top-wrap div.search-nav span.blur-message {
  z-index:999;
  position:absolute;
  right:0px;
  top:50px;
  width:145px;
  font-size:12px;
  padding:5px;
  border:1px solid #000;
  background-color:#ffffff;
}
div#top-bar div.top-wrap div.search-nav span.blur-message a.close-msg {
  float:right;
  cursor:pointer;
  text-decoration:none;
  position:absolute;
  top:0px;
  right:5px;
  color:#333;
}
div#top-bar span.tt-dropdown-menu {
  width:422px;
  margin-top:5px;
  padding:8px 0;
  background-color:#fff;
  border:1px solid #ccc;
  border:1px solid rgba(0,0,0,0.2);
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
}
div#top-bar .tt-suggestion {
  padding:3px 20px;
  font-size:16px;
  line-height:22px;
}
div#top-bar .tt-suggestion.tt-is-under-cursor {
  color:#fff;
  background-color:#0097cf;
}
div#top-bar .tt-suggestion { padding:8px 20px; }
div#top-bar .tt-suggestion p { margin:0; }
div#top-bar .tt-suggestion .repo-language {
  float:right;
  font-style:italic;
}
div#top-bar .tt-suggestion .repo-name { font-weight:bold; }
div#top-bar .tt-suggestion .repo-description {
  font-size:12px;
  line-height:18px;
}
div#top-bar .tt-suggestion + .tt-suggestion { border-top:1px solid #ccc; }
div#banner {
  width:100%;
  height:300px;
  position:absolute;
  z-index:9;
  left:0;
  background-color:#F3F3F3;
  -webkit-user-select:none;
}
div#banner div.banner-ul {
  position:absolute;
  z-index:10;
  bottom:5px;
  left:0;
  right:0;
  height:20px;
  text-align:center;
}
div#banner div.banner-ul span.banner-li {
  display:inline-block;
  width:15px;
  height:15px;
  background:url('/static/image/banner-li.png') no-repeat;
  margin:0 2px;
  cursor:pointer;
}
div#banner div.banner-ul span.banner-li-active { background:url('/static/image/banner-li-active.png') no-repeat; }
div#banner div.feature-image {
  width:990px;
  height:100%;
  margin:0 auto;
}
div#banner div.feature-image img {
  width:100%;
  height:300px;
  display:none;
}
div.service-wrap {

  font-family:Microsoft Yahei;
  width:990px;
  height:100%;
  margin:0 auto;
}
div.service-wrap div.service-tab ul.nav-tabs {
  height:132px;
  margin-bottom:0;
  border-bottom:0px solid #3cace7;
}
div.service-wrap div.service-tab ul.nav-tabs li.item {
  width:93px;
  height:131px;
  margin-right:30px;
}
div.service-wrap div.service-tab ul.nav-tabs li.item a {
  padding-left:10px;
  padding-right:10px;
  border:1px solid #ddd;
  border-radius:4px;
}
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon {
  display:block;
  width:70px;
  height:62px;
}
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon1 { background:url("../images/cache.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon2 { background:url("../images/webserver.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon3 { background:url("../images/database.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon4 { background:url("../images/taskshedule.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon5 { background:url("../images/security.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon6 { background:url("../images/storage.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon7 { background:url("../images/loadbalance.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.service-icon8 { background:url("../images/extension.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item a span.zh {
  display:block;
  width:70px;
  font-size:13px;
  color:#666;
  text-align:center;
}
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon1 { background:url("../images/cache_hover.png") no-repeat; } 
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon2 { background:url("../images/webserver_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon3 { background:url("../images/database_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon4 { background:url("../images/taskshedule_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon5 { background:url("../images/security_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon6 { background:url("../images/storage_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon7 { background:url("../images/loadbalance_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.item:hover a span.service-icon8 { background:url("../images/extension_hover.png") no-repeat; }

div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon1 { background:url("../images/cache_hover.png") no-repeat; } 
div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon2 { background:url("../images/webserver_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon3 { background:url("../images/database_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon4 { background:url("../images/taskshedule_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon5 { background:url("../images/security_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon6 { background:url("../images/storage_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon7 { background:url("../images/loadbalance_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active a span.service-icon8 { background:url("../images/extension_hover.png") no-repeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active {
  border:1px solid #3cace7;
  border-bottom-color:#FFF;
  border-radius:4px 4px 0 0;
  background-color:#FFF;
}
div.service-wrap div.service-tab ul.nav-tabs li.active a { border:none; }
direpeat; }
div.service-wrap div.service-tab ul.nav-tabs li.active {
  border:1px solid #3cace7;
  border-bottom-color:#FFF;
  border-radius:4px 4px 0 0;
  background-color:#FFF;
}
div.service-wrap div.service-tab ul.nav-tabs li.active a { border:none; }
div.service-wrap div.service-tab div.service-inner {
  padding-left:20px;
  padding-bottom:50px;
  border:1px solid #3cace7;
  border-radius:0 0 4px 4px;
}
div.service-wrap div.service-tab div.service-inner div.item div.text-area h5 {
  margin-top:40px;
  margin-bottom:19px;
}
div.service-wrap div.service-tab div.service-inner div.item div.text-area h5 a {
  font-size:16px;
  color:#3cace7;
  letter-spacing:1px;
  text-decoration:none;
}
div.service-wrap div.service-tab div.service-inner div.item div.text-area h5.data-safe { margin-top:0; }
div.service-wrap div.service-tab div.service-inner div.item div.text-area p {
  font-size:13px;
  color:#666;
  letter-spacing:1px;
}
div.service-wrap div.service-tab div.service-inner div.item div.text-area ul.storage-list { list-style-type:none; }
div.service-wrap div.service-tab div.service-inner div.item div.text-area ul.storage-list li {
  font-size:13px;
  color:#666;
  letter-spacing:1px;
  line-height:30px;
}
div.service-wrap div.service-tab div.service-inner div.item div.image-area {
  margin-top:20px;
  margin-left:60px;
}
div.service-wrap div.service-tab div.service-inner div.item ul.sandbox-list { list-style-type:none; }
div.service-wrap div.service-tab div.service-inner div.item ul.sandbox-list li {
  font-size:13px;
  color:#666;
  letter-spacing:1px;
  line-height:40px;
}
div.service-wrap div.service-tab div.service-inner div.item div.lang-area { margin-bottom:50px; }
div.service-wrap div.service-tab div.service-inner div.item div.lang-area h5 {
  margin-top:40px;
  margin-bottom:19px;
  font-size:16px;
  color:#3cace7;
  letter-spacing:1px;
  text-decoration:none;
}
div.service-wrap div.service-tab div.service-inner div.item div.lang-area ul.lang-list { list-style-type:none; }
div.service-wrap div.service-tab div.service-inner div.item div.lang-area ul.lang-list li {
  float:left;
  width:300px;
  text-align:center;
}
div.service-wrap div.service-tab div.service-inner div.item div.mem-area h5 {
  color:#666;
  letter-spacing:1px;
}
div.service-wrap div.service-tab div.service-inner div.item div.mem-area p {
  font-size:13px;
  color:#666;
  letter-spacing:1px;
}
div.service-wrap div.service-tab div.service-inner div.item div.mini-icon-area { margin-top:40px; }
div.service-wrap div.sae-use { margin-bottom:50px; }
div.service-wrap div.sae-use div.auth-icon {
  text-align:center;
  margin:20px 0;
}
div.service-wrap div.sae-use p {
  font-size:20px;
  color:#666;
  letter-spacing:1px;
  text-align:center;
}
div.service-wrap div.sae-use p a {
  color:#37b2e9;
  text-decoration:none;
}
div.service-wrap div.start-use { margin-bottom:60px; }
div.service-wrap div.start-use .use-button {
  text-align:center;
  background:url("/static/image/home/start_now.png") no-repeat center;
}
div.service-wrap div.start-use .use-button a {
  font-size:20px;
  color:#fff;
  letter-spacing:1px;
  text-decoration:none;
  line-height:53px;
}
div.footer-links {
  font-family:Microsoft Yahei;
  background-color:#efefef;
}
div.footer-links h3 {
  font-weight:normal;
  font-size:15px;
  color:#000;
  margin:0;
  line-height:24px;
}
div.footer-links div.footer-wrap {
  width:990px;
  height:100%;
  margin:0 auto;
  padding-bottom:10px;
}
div.footer-links div.footer-wrap ul {
  margin-left:60px;
  margin-top:20px;
  list-style-type:none;
}
div.footer-links div.footer-wrap ul li.links-item {
  float:left;
  margin-right:60px;
}
div.footer-links div.footer-wrap ul li.links-item ul.links-item-url {
  list-style-type:none;
  margin:0;
  max-width:150px;
  word-break:break-all;
}
div.footer-links div.footer-wrap ul li.links-item ul.links-item-url li a {
  font-size:13px;
  color:#666666;
  text-decoration:none;
}
div.footer-links div.footer-wrap ul li.links-item ul.links-item-url li a:hover { text-decoration:underline; }
div.footer-links div.footer-wrap ul li.links-item h3 { border-bottom:0px; }
div.footer-links div.footer-wrap div.follow-us {
  margin-top:20px;
  float:right;
}
div.footer-links div.footer-wrap div.follow-us span.weibo {
  display:inline-block;
  margin-top:5px;
  margin-right:15px;
}
div.footer-links div.footer-wrap div.follow-us span.qr-code {
  display:inline-block;
  position:relative;
  cursor:pointer;
}
div.footer-links div.footer-wrap div.follow-us span.qr-code .weixin {
  position:absolute;
  top:-10px;
  left:0;
  max-width:none;
  z-index:99;
}
div.footer-links div.footer-wrap div.follow-us h3 { border-bottom:0px; }
div.copyright {
  height:82px;
  background-color:#375069;
  text-align:center;
}
div.copyright div.copyright-logo { padding-top:20px; }
div.copyright p {
  font-size:12px;
  color:#b0b8bd;
}
div.copyright div#page-go-top {
  position:fixed;
  background-image:url("/static/image/v2/common/gotop.png");
  width:26px;
  height:80px;
  z-index:10;
  white-space:nowrap;
  text-indent:100%;
  overflow:hidden;
}
div.copyright div#page-go-top a.page-let-go-to-top {
  width:100%;
  height:100%;
  display:block;
}