@charset "UTF-8";
/* www.lytsing.org */
/* line 9, ../../app/assets/stylesheets/home.css.scss */
* {
  padding: 0;
  margin: 0;
  border: none;
}

/* line 10, ../../app/assets/stylesheets/home.css.scss */
body, p, table, tr, td, th, dl, dt, dd, ol, ul, li, input, button, select, textarea {
  font-family: Helvitica,Verdana,Arial,san-serif;
  font-family: "微软雅黑",Helvitica,Verdana,Arial,san-serif\9;
  font-size: 14px;
  line-height: 1.5;
}

/* line 11, ../../app/assets/stylesheets/home.css.scss */
body {
  background: #ebedf0 url(/assets/bg.png) repeat-x 0 -33px;
  text-align: center;
}

/* line 14, ../../app/assets/stylesheets/home.css.scss */
a {
  text-decoration: none;
  color: #1B97F2;
}

/* line 15, ../../app/assets/stylesheets/home.css.scss */
a:link, a:visited {
  text-decoration: none;
  color: #1B97F2;
}

/* line 16, ../../app/assets/stylesheets/home.css.scss */
a:hover, a:active {
  text-decoration: underline;
  color: #1B97F2;
}

/* line 18, ../../app/assets/stylesheets/home.css.scss */
.container {
  width: 960px;
  margin: 0 auto;
}

/* line 19, ../../app/assets/stylesheets/home.css.scss */
.clr {
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* line 20, ../../app/assets/stylesheets/home.css.scss */
.hr {
  border-bottom: 1px solid #eee;
  height: 1px;
  overflow: hidden;
}

/* line 23, ../../app/assets/stylesheets/home.css.scss */
h1, h2, h3, h4 {
  font-family: "微软雅黑",Helvitica,Verdana,Arial,san-serif;
  font-family: Helvitica,Verdana,Arial,san-serif\9;
}

/* line 25, ../../app/assets/stylesheets/home.css.scss */
input, textarea {
  background: #fff;
}

/* line 27, ../../app/assets/stylesheets/home.css.scss */
textarea {
  resize: vertical;
  height: 130px;
}

/* line 29, ../../app/assets/stylesheets/home.css.scss */
.container {
  width: 960px;
  margin: 0 auto;
}

/* line 31, ../../app/assets/stylesheets/home.css.scss */
.header {
  height: 80px;
}

/* line 33, ../../app/assets/stylesheets/home.css.scss */
.header .logo {
  font-size: 20px;
  float: left;
  margin: 10px 0 0;
}

/* line 34, ../../app/assets/stylesheets/home.css.scss */
.header .logo img {
  width: 50px;
  height: 50px;
}

/* line 35, ../../app/assets/stylesheets/home.css.scss */
.header .navigator {
  float: right;
  margin: 10px 20px 0;
}

/* line 36, ../../app/assets/stylesheets/home.css.scss */
.header .navigator li {
  float: left;
  list-style-type: none;
}

/* line 37, ../../app/assets/stylesheets/home.css.scss */
.header .navigator a {
  color: #ccc;
  text-decoration: none;
  display: block;
  border-bottom: none;
  height: 60px;
  line-height: 60px;
  font-size: 17px;
  text-align: center;
  padding: 0 15px;
}

/* line 38, ../../app/assets/stylesheets/home.css.scss */
.header .navigator a.current {
  color: #fff;
  font-size: 18px;
}

/* line 41, ../../app/assets/stylesheets/home.css.scss */
.footer {
  text-align: center;
  padding: 20px 50px;
}

/* line 42, ../../app/assets/stylesheets/home.css.scss */
.footer .navigator {
  display: block;
}

/* line 43, ../../app/assets/stylesheets/home.css.scss */
.footer .navigator li {
  display: inline;
  margin: 0 10px;
  list-style-type: none;
}

/* line 44, ../../app/assets/stylesheets/home.css.scss */
.footer .navigator a {
  text-decoration: none;
}

/* line 46, ../../app/assets/stylesheets/home.css.scss */
.footer .navigator a:hover,
.footer .navigator a:active {
  border-bottom: 1px dashed #a3a4a5;
  text-decoration: none;
}

/* line 47, ../../app/assets/stylesheets/home.css.scss */
.footer .copyright {
  font-size: 12px;
  text-shadow: 0px 1px 1px #fff;
}

/* line 50, ../../app/assets/stylesheets/home.css.scss */
body.home {
  background: #ebedf0 url(../images/bg03_home.png) repeat-x;
}

/*.home .introQuickLink { height:126px; }*/
/* line 53, ../../app/assets/stylesheets/home.css.scss */
.home .featureList {
  margin: 20px 0 0;
}

/* line 54, ../../app/assets/stylesheets/home.css.scss */
.home .featureList .feature {
  margin: 10px;
  border: 1px solid #c7cdd6;
  border-radius: 8px;
  background: #eff1f3;
  box-shadow: 0px 1px 3px #ccc;
  width: 290px;
  height: 240px;
  float: left;
}

/* line 55, ../../app/assets/stylesheets/home.css.scss */
.home .featureList .featureContent {
  border-top: 1px solid #fff;
  border-radius: 8px;
  padding: 15px;
  text-shadow: 0 1px 1px #fff;
  text-align: left;
}

/* line 56, ../../app/assets/stylesheets/home.css.scss */
.home .featureContent h3 {
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 10px 0;
}

/* line 59, ../../app/assets/stylesheets/home.css.scss */
.home .container {
  background-image: url(../images/bg.home.title.min.jpg);
  background-repeat: repeat-x;
  background-position: 2px 0;
}

/* line 61, ../../app/assets/stylesheets/home.css.scss */
.content {
  text-align: left;
}

/* Basic Layout Element */
/* line 67, ../../app/assets/stylesheets/home.css.scss */
.article, .intro, .download, .document, .developer {
  margin: 40px 20px 10px;
  border: 1px solid #c7cdd6;
  /*border-radius:8px;*/
  background: #f5f6f7;
  box-shadow: 0px 1px 3px #ccc;
}

/* line 70, ../../app/assets/stylesheets/home.css.scss */
.section {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

/* line 71, ../../app/assets/stylesheets/home.css.scss */
.lastSection {
  border: none;
  margin-bottom: 0px;
}

/* line 75, ../../app/assets/stylesheets/home.css.scss */
.sectionDesc {
  color: #aaa;
  /*margin-top:-22px;*/
  margin-bottom: 20px;
}

/* line 77, ../../app/assets/stylesheets/home.css.scss */
.noBorder {
  border-width: 0;
}

/* line 80, ../../app/assets/stylesheets/home.css.scss */
.normalTitle {
  border-bottom: 1px solid #d7dde6;
  border-radius: 10px 10px 0 0;
  /*border-top:1px solid #fff;*/
  padding: 20px 40px;
  text-shadow: 0 1px 1px #fff;
}

/* line 81, ../../app/assets/stylesheets/home.css.scss */
.normalContent {
  background: #fff;
  /*border-radius:0 0 10px 10px;*/
  padding: 40px;
}

/* line 84, ../../app/assets/stylesheets/home.css.scss */
.panelTitle {
  /*border-radius:10px 10px 0 0;border-top:1px solid #fff;*/
  padding: 20px 40px;
  text-shadow: 0 1px 1px #fff;
}

/* line 85, ../../app/assets/stylesheets/home.css.scss */
.panelContent {
  padding: 0 40px 80px;
}

/* line 88, ../../app/assets/stylesheets/home.css.scss */
.processTitle {
  border-bottom: 1px solid #d7dde6;
  border-radius: 10px 10px 0 0;
  padding: 20px 40px;
  text-shadow: 0 1px 1px #fff;
}

/* line 89, ../../app/assets/stylesheets/home.css.scss */
.processContent {
  background: #fff;
  padding: 20px 40px;
}

/* line 90, ../../app/assets/stylesheets/home.css.scss */
.processOperator {
  border-top: 1px solid #d7dde6;
  border-radius: 0 0 8px 8px;
}

/* line 91, ../../app/assets/stylesheets/home.css.scss */
.processOperator .operator {
  text-align: center;
  border-top: 1px solid #fff;
  padding: 15px 40px;
  border-radius: 0 0 8px 8px;
  background: #F5F6F7;
}

/* line 96, ../../app/assets/stylesheets/home.css.scss */
.normalTitle h2,
.panelTitle h2,
.processTitle h2 {
  font-size: 20px;
  font-weight: bold;
  font-family: '微软雅黑';
}

/* line 99, ../../app/assets/stylesheets/home.css.scss */
.panelTitle .desc,
.normalTitle .desc,
.processTitle .desc {
  color: #999;
  text-shadow: 0 1px 1px #fff;
}

/* line 102, ../../app/assets/stylesheets/home.css.scss */
.innerPanel {
  box-shadow: 0px 1px 3px #ccc;
  background: #fff;
  border-radius: 2px;
}

/* line 103, ../../app/assets/stylesheets/home.css.scss */
.innerPanel .title {
  padding: 20px 0 10px;
  border-bottom: 2px solid #eee;
  margin: 0 20px;
}

/* line 104, ../../app/assets/stylesheets/home.css.scss */
.innerPanel .title h3 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

/* line 105, ../../app/assets/stylesheets/home.css.scss */
.innerPanel .title p {
  font-size: 14px;
  color: #999;
  margin: 0;
}

/* line 106, ../../app/assets/stylesheets/home.css.scss */
.innerPanel .content {
  padding: 10px 20px;
}

/* line 107, ../../app/assets/stylesheets/home.css.scss */
.innerPanel .operator {
  padding: 10px 20px;
  border-top: 1px solid #d7dde6;
  border-radius: 0 0 2px 2px;
  background: #F0F1F2;
  overflow: hidden;
}

/* line 111, ../../app/assets/stylesheets/home.css.scss */
label {
  font-size: 16px;
  display: block;
  padding: 5px 0;
}

/* line 112, ../../app/assets/stylesheets/home.css.scss */
.form .desc {
  color: #999;
  font-size: 14px;
  display: block;
  font-weight: bold;
}

/* line 114, ../../app/assets/stylesheets/home.css.scss */
.form .column {
  margin: 10px 0;
}

/* line 115, ../../app/assets/stylesheets/home.css.scss */
.form .inputQ {
  width: 400px;
}

/* line 116, ../../app/assets/stylesheets/home.css.scss */
.form input.inputQ[type=checkbox] {
  width: 20px;
}

/* line 117, ../../app/assets/stylesheets/home.css.scss */
.form select {
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 16px;
  padding: 5px;
}

/* line 118, ../../app/assets/stylesheets/home.css.scss */
.form .splite {
  border-bottom: 1px solid #eee;
  height: 1px;
  overflow: hidden;
  margin: 30px 0;
}

/* line 119, ../../app/assets/stylesheets/home.css.scss */
.form .columnTip {
  float: right;
  width: 400px;
}

/* line 120, ../../app/assets/stylesheets/home.css.scss */
.form .columnTip .tip {
  float: left;
  border: 1px solid #f9f9f9;
  border-radius: 4px;
  padding: 7px 20px 10px;
  background: #f9f9f9 no-repeat 20px 12px;
  padding-left: 45px;
  font-size: 14px;
  color: #999;
  margin-bottom: 2px;
}

/* line 122, ../../app/assets/stylesheets/home.css.scss */
.form .columnTip .helpTip {
  background-image: url(../images/ico_infobar_msg.gif);
}

/* line 123, ../../app/assets/stylesheets/home.css.scss */
.form .columnTip .errorTip {
  height: 20px;
  background-image: url(../images/ico_infobar_alert.gif);
  color: #f66;
}

/* line 124, ../../app/assets/stylesheets/home.css.scss */
.form .columnTip .okTip {
  background-image: url(../images/open-api_10-05.png);
}

/* line 126, ../../app/assets/stylesheets/home.css.scss */
.columnTip {
  float: right;
  width: 400px;
}

/* line 127, ../../app/assets/stylesheets/home.css.scss */
.columnTip .tip {
  float: left;
  border: 1px solid #f9f9f9;
  border-radius: 4px;
  padding: 7px 20px 10px;
  background: #f9f9f9 no-repeat 20px 12px;
  padding-left: 45px;
  font-size: 14px;
  color: #999;
  margin-bottom: 2px;
}

/* line 129, ../../app/assets/stylesheets/home.css.scss */
.columnTip .helpTip {
  background-image: url(../images/ico_infobar_msg.gif);
}

/* line 130, ../../app/assets/stylesheets/home.css.scss */
.columnTip .errorTip {
  background-image: url(../images/ico_infobar_alert.gif);
  color: #f66;
}

/* line 132, ../../app/assets/stylesheets/home.css.scss */
.columnContent {
  color: #111;
  margin: 10px 0;
  font-size: 16px;
}

/* line 136, ../../app/assets/stylesheets/home.css.scss */
a.btn {
  -moz-transition: box-shadow 0.1s linear 0s;
  background: #67A00D;
  border-color: #fff #338904 #338904;
  border-radius: 6px;
  box-shadow: 1px 1px 4px #ccc;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

/* line 151, ../../app/assets/stylesheets/home.css.scss */
a.btn input {
  cursor: pionter;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 0 1px 1px #333;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#64cc24), to(#338904));
  background: -moz-linear-gradient(top, #64cc24, #338904);
}

/* line 155, ../../app/assets/stylesheets/home.css.scss */
a.btn:hover input {
  background: #000;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#74dc34), to(#439914));
  background: -moz-linear-gradient(top, #74dc34, #439914);
}

/* line 157, ../../app/assets/stylesheets/home.css.scss */
a.btn:active input {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#64cc24), to(#338904));
  background: -moz-linear-gradient(top, #64cc24, #338904);
}

/* line 160, ../../app/assets/stylesheets/home.css.scss */
a.btnMiddle input {
  padding: 4px 30px;
  font-size: 16px;
}

/* line 162, ../../app/assets/stylesheets/home.css.scss */
.text {
  border: 1px solid #ccc;
  border-radius: 2px;
}

/* line 163, ../../app/assets/stylesheets/home.css.scss */
.textMiddle {
  padding: 8px 10px;
  font-size: 16px;
}

/* line 164, ../../app/assets/stylesheets/home.css.scss */
.verifyCode {
  width: 110px;
}

/* line 165, ../../app/assets/stylesheets/home.css.scss */
.verifyImage {
  width: 130px;
  border: 1px solid #eee;
}

/* line 166, ../../app/assets/stylesheets/home.css.scss */
.verifyCodeContainer {
  margin: 6px 0 0;
}

/* line 168, ../../app/assets/stylesheets/home.css.scss */
.infoTipsLink {
  background: url(../images/ico_infobar_msg.gif) no-repeat 0 0;
  margin-left: 5px;
  padding-left: 20px;
  cursor: pointer;
}

/* Content Layout */
/* line 174, ../../app/assets/stylesheets/home.css.scss */
.articleContent P {
  margin: 15px 0;
}

/* line 175, ../../app/assets/stylesheets/home.css.scss */
.articleContent ul {
  margin: 0 0 20px;
}

/* line 176, ../../app/assets/stylesheets/home.css.scss */
.articleContent ul li {
  margin: 0 0 0 20px;
}

/* line 179, ../../app/assets/stylesheets/home.css.scss */
.listContent {
  background: #fff;
  border-radius: 0 0 10px 10px;
}

/* line 180, ../../app/assets/stylesheets/home.css.scss */
.article .list {
  float: left;
  width: 200px;
}

/* line 181, ../../app/assets/stylesheets/home.css.scss */
.article .list li {
  list-style-type: none;
}

/* line 182, ../../app/assets/stylesheets/home.css.scss */
.article .list li.selected {
  background: url(../images/icon_arrow4.gif) no-repeat 180px 18px;
}

/* line 183, ../../app/assets/stylesheets/home.css.scss */
.article .list li a {
  text-alignt: right;
  display: block;
  margin: 0;
  padding: 10px 10px 10px 40px;
  border-bottom: 1px solid #d7dde6;
}

/* line 185, ../../app/assets/stylesheets/home.css.scss */
.article .mainContent {
  margin-left: 200px;
  border-left: 1px solid #d7dde6;
  padding: 20px 40px;
}

/* line 189, ../../app/assets/stylesheets/home.css.scss */
.reference h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  font-weight: bold;
}

/* line 190, ../../app/assets/stylesheets/home.css.scss */
.reference label {
  font-size: 18px;
  display: block;
  padding: 0 0 10px 0;
}

/* line 191, ../../app/assets/stylesheets/home.css.scss */
.reference .column {
  padding: 10px 0 20px;
}

/* line 194, ../../app/assets/stylesheets/home.css.scss */
.reference .attribute p {
  padding: 20px 0;
}

/* line 195, ../../app/assets/stylesheets/home.css.scss */
.reference ol {
  padding: 0 0 0 25px;
}

/* line 196, ../../app/assets/stylesheets/home.css.scss */
.reference .attribute table {
  border: 1px solid #eee;
  border-collapse: collapse;
  border-left-width: 0;
  border-right-width: 0;
}

/* line 197, ../../app/assets/stylesheets/home.css.scss */
.reference .attribute th {
  border: 1px solid #eee;
  padding: 5px 20px;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  border-left-width: 0;
  border-right-width: 0;
}

/* line 198, ../../app/assets/stylesheets/home.css.scss */
.reference .attribute td {
  border: 1px solid #eee;
  padding: 5px 20px;
  text-align: left;
  vertical-align: top;
  border-left-width: 0;
  border-right-width: 0;
}

/* line 202, ../../app/assets/stylesheets/home.css.scss */
.catalogHome dl {
  margin: 20px 0;
}

/* line 203, ../../app/assets/stylesheets/home.css.scss */
.catalogHome dt {
  font-size: 24px;
}

/* line 204, ../../app/assets/stylesheets/home.css.scss */
.catalogHome dd {
  color: #999;
}

/*.home .introQuickLink { height:126px; }*/
/* line 207, ../../app/assets/stylesheets/home.css.scss */
.home .featureList {
  margin: 20px 0 0;
}

/* line 208, ../../app/assets/stylesheets/home.css.scss */
.home .featureList .feature {
  margin: 10px;
  border: 1px solid #c7cdd6;
  border-radius: 8px;
  background: #eff1f3;
  box-shadow: 0px 1px 3px #ccc;
  width: 290px;
  height: 240px;
  float: left;
}

/* line 209, ../../app/assets/stylesheets/home.css.scss */
.home .featureList .featureContent {
  border-top: 1px solid #fff;
  border-radius: 8px;
  padding: 15px;
  text-shadow: 0 1px 1px #fff;
  text-align: left;
}

/* line 210, ../../app/assets/stylesheets/home.css.scss */
.home .featureContent h3 {
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 10px 0;
}

/* line 214, ../../app/assets/stylesheets/home.css.scss */
.loginPanel {
  margin: 0 200px;
  border: 1px solid #d7dde6\9;
}

/* line 215, ../../app/assets/stylesheets/home.css.scss */
.loginPanel .inputQ {
  display: block;
  width: 376px;
}

/* line 216, ../../app/assets/stylesheets/home.css.scss */
.loginPanel .columnTip {
  float: none;
  margin: 0;
  margin: 5px 0 10px;
}

/* line 217, ../../app/assets/stylesheets/home.css.scss */
.loginPanel .columnTip .tip {
  float: none;
}

/* line 222, ../../app/assets/stylesheets/home.css.scss */
.appTitle h2 {
  float: left;
}

/* line 224, ../../app/assets/stylesheets/home.css.scss */
.accountInfo {
  margin: 0 0 0;
  float: right;
}

/* line 225, ../../app/assets/stylesheets/home.css.scss */
.accountInfo .avatar {
  float: left;
  margin-right: 20px;
}

/* line 226, ../../app/assets/stylesheets/home.css.scss */
.accountInfo .avatar img {
  width: 40px;
  height: 40px;
}

/* line 227, ../../app/assets/stylesheets/home.css.scss */
.accountInfo .info {
  float: left;
}

/* line 228, ../../app/assets/stylesheets/home.css.scss */
.accountInfo .name {
  font-weight: bold;
  line-height: 1.5;
  max-width: 200px;
  word-wrap: nowrap;
  overflow: hidden;
}

/* line 231, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* line 232, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .app {
  border-bottom: 1px solid #eee;
  padding: 15px 15px;
  display: block;
}

/* line 234, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList a.app:hover,
.appContent .appList a.app:active {
  background: #f9f9f9;
}

/* line 235, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .appInfo {
  margin-right: 300px;
}

/* line 236, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .icon {
  float: left;
  margin-right: 10px;
  border: 1px solid #f9f9f9;
  width: 75px;
  height: 75px;
  background: #f0f0f0;
}

/* line 237, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .icon img {
  width: 75px;
  height: 75px;
  border-raidus: 10px;
  box-shadow: 0 1px 2px #ccc;
  background: #fff;
}

/* line 239, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .info {
  margin-left: 60px;
}

/* line 240, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .info .title {
  font-size: 18px;
  font-weight: bold;
}

/* line 241, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .info .title span {
  display: block;
}

/* line 242, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .info .engName {
  font-weight: normal;
  font-size: 14px;
  width: 400px;
  overflow: hidden;
  word-wrap: word-break;
  word-break: break-all;
}

/* line 243, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .info .desc {
  height: 20px;
  overflow: hidden;
}

/* line 245, ../../app/assets/stylesheets/home.css.scss */
.appContent .appList .app .operator {
  float: right;
}

/* line 247, ../../app/assets/stylesheets/home.css.scss */
.appContent .appDetail .icon {
  float: right;
}

/* line 248, ../../app/assets/stylesheets/home.css.scss */
.appContent .appDetail .info {
  margin-right: 220px;
}

/* line 249, ../../app/assets/stylesheets/home.css.scss */
.appContent .appDetail .info .title {
  font-size: 24px;
}

/* line 250, ../../app/assets/stylesheets/home.css.scss */
.appContent .appDetail .info .title span {
  display: block;
  font-size: 16px;
}

/* line 251, ../../app/assets/stylesheets/home.css.scss */
.appContent .appDetail .info .metaData dl {
  clear: both;
}

/* line 252, ../../app/assets/stylesheets/home.css.scss */
.appContent .appDetail .info .metaData dt {
  padding: 5px 0;
  text-align: left;
  width: 100px;
  float: left;
}

/* line 253, ../../app/assets/stylesheets/home.css.scss */
.appContent .appDetail .info .metaData dd {
  padding: 5px 0;
  text-align: left;
  margin-left: 100px;
}

/* line 256, ../../app/assets/stylesheets/home.css.scss */
.appContent .appStatus {
  padding: 20px;
  background: #FFF9E3;
  border-radius: 3px;
  color: #999;
}

/* line 257, ../../app/assets/stylesheets/home.css.scss */
.appContent .appStatus .status {
  font-weight: bold;
  color: #444;
}

/* line 258, ../../app/assets/stylesheets/home.css.scss */
.appContent .appStatus label {
  color: #000;
}

/* line 260, ../../app/assets/stylesheets/home.css.scss */
.appContent .appInfoTab {
  border-bottom: 1px solid #eee;
  height: 39px;
  margin-bottom: 10px;
}

/* line 261, ../../app/assets/stylesheets/home.css.scss */
.appContent .appInfoTab li {
  float: left;
  list-style-type: none;
  margin-right: 2px;
  border: 1px solid #eee;
}

/* line 262, ../../app/assets/stylesheets/home.css.scss */
.appContent .appInfoTab li.current {
  border-bottom: 1px solid #fff;
}

/* line 263, ../../app/assets/stylesheets/home.css.scss */
.xbtnIntro {
  font-size: 16px;
  color: #111;
  font-weight: bold;
  width: 300px;
  margin: 20px auto 0;
  text-shaodw: 0 1px 0 #fff;
  padding: 5px 20px;
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #f9f9f9;
  box-shadow: 0 2px 2px #000;
}

/* line 264, ../../app/assets/stylesheets/home.css.scss */
.appContent .appInfoTab li a {
  display: block;
  padding: 0 20px;
  height: 38px;
  line-height: 40px;
}

/* line 266, ../../app/assets/stylesheets/home.css.scss */
.appContent .appInfoTab li a:link,
.appContent .appInfoTab li a:visited {
  background: #f4f4f4;
}

/* line 268, ../../app/assets/stylesheets/home.css.scss */
.appContent .appInfoTab li a:hover,
.appContent .appInfoTab li a:active {
  background: #efefef;
}

/* line 269, ../../app/assets/stylesheets/home.css.scss */
.appContent .appInfoTab li.current a {
  background: #fff;
}

/* line 271, ../../app/assets/stylesheets/home.css.scss */
.appContent .tabContentWrapper {
  position: relative;
}

/* line 272, ../../app/assets/stylesheets/home.css.scss */
.appContent .tabContentWrapper .tabContent {
  display: none;
  text-align: left;
  padding: 10px 0;
}

/* line 273, ../../app/assets/stylesheets/home.css.scss */
.appContent .tabContentWrapper .tabContent.current {
  display: block;
}

/* line 277, ../../app/assets/stylesheets/home.css.scss */
.login_btn_wrapper, .cancel_btn_wrapper {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-transition: box-shadow 0.1s linear 0s;
  background: #67A00D;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#add35e), to(#377100), color-stop(0.3, #88be18), color-stop(0.6, #71a911), color-stop(0.95, #67a10e));
  background-image: -moz-linear-gradient(0 0 90deg, #add35e 5%, #88be18 20%, #71a911 40%, #67a10e 100%);
  border-color: #6B9F11 #54850A #386601;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  /*display:inline-block;*/
  height: 30px;
  width: 90px;
  display: inline-block;
}

/* line 306, ../../app/assets/stylesheets/home.css.scss */
.cancel_btn_wrapper {
  background: #aaa;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#6d6d6d), color-stop(0.3, #969696), color-stop(0.6, #878787), color-stop(0.95, #727272));
  background-image: -moz-linear-gradient(0 0 90deg, #9b9b9b 5%, #787878 20%, #5e5e5e 40%, #5e5e5e 100%);
  border-color: #9b9b9b #5e5e5e #333;
}

/* line 326, ../../app/assets/stylesheets/home.css.scss */
.login_btn_wrapper_disabled {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #67A00D;
  border-color: #6B9F11 #54850A #386601;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  height: 30px;
  /*margin-top: 9px;*/
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 90px;
}

/* line 345, ../../app/assets/stylesheets/home.css.scss */
.login_btn_wrapper_disabled:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* line 350, ../../app/assets/stylesheets/home.css.scss */
.login_btn_wrapper:hover {
  text-decoration: none;
}

/* line 356, ../../app/assets/stylesheets/home.css.scss */
.login_btn, .cancel_btn {
  background: none repeat scroll 0 0 transparent;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 16px;
  /*font-weight: bold;*/
  height: 30px;
  line-height: 25px;
  text-align: center;
  width: 100%;
  /**width:90px;*/
  float: right;
}

/* line 372, ../../app/assets/stylesheets/home.css.scss */
.login_btn_wrapper_disabled .login_btn {
  opacity: 0.7;
}

/* line 376, ../../app/assets/stylesheets/home.css.scss */
.btnIntro {
  width: 300px;
  margin: 10px auto 0;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 2px 4px #111;
  border-radius: 3px;
}

/* line 377, ../../app/assets/stylesheets/home.css.scss */
.btnIntro .login_btn {
  font-size: 20px;
  text-shadow: 0 1px 1px #333;
  border-radius: 3px;
  display: block;
  width: 300px;
  height: 40px;
  line-height: 35px;
}

/* line 379, ../../app/assets/stylesheets/home.css.scss */
.featureIntro {
  margin: 20px 380px 40px 0;
}

/* line 380, ../../app/assets/stylesheets/home.css.scss */
.featureIntro ul {
  margin: 10px 0;
}

/* line 382, ../../app/assets/stylesheets/home.css.scss */
.featureIntro dt {
  font-weight: bold;
  font-size: 20px;
  margin: 10px 0;
  color: #000;
}

/* line 383, ../../app/assets/stylesheets/home.css.scss */
.featureIntro dt .sub {
  display: block;
  font-size: 14px;
}

/* line 384, ../../app/assets/stylesheets/home.css.scss */
.featureIntro dd {
  color: #666;
}

/* line 385, ../../app/assets/stylesheets/home.css.scss */
.featureIntro dd p {
  margin: 8px;
}

/* line 387, ../../app/assets/stylesheets/home.css.scss */
.xapp2app {
  background: url(../images/open_api_image_01.png) no-repeat left 0;
}

/* line 388, ../../app/assets/stylesheets/home.css.scss */
.xapp2server {
  background: url(../images/open_api_image_00.png) no-repeat left 0;
}

/* line 390, ../../app/assets/stylesheets/home.css.scss */
.intro p {
  color: #666;
}

/* line 393, ../../app/assets/stylesheets/home.css.scss */
.document dt {
  font-size: 20px;
}

/* line 394, ../../app/assets/stylesheets/home.css.scss */
.document dt .sub {
  display: block;
  font-size: 14px;
}

/* line 397, ../../app/assets/stylesheets/home.css.scss */
.download dt {
  font-weight: normal;
  font-size: 20px;
}

/* line 398, ../../app/assets/stylesheets/home.css.scss */
.download dt .sub {
  display: block;
  font-size: 14px;
}

/* line 401, ../../app/assets/stylesheets/home.css.scss */
h3 {
  font-size: 18px;
  color: #aaa;
  font-weight: normal;
  font-weight: bold\9;
  margin: 0 0 20px 0;
}

/* line 402, ../../app/assets/stylesheets/home.css.scss */
h4 {
  font-size: 16px;
  margin: 40px 0 20px;
  font-weight: normal;
}

/* line 404, ../../app/assets/stylesheets/home.css.scss */
.code {
  font-family: Courier New;
  word-wrap: break-word;
}

/* line 405, ../../app/assets/stylesheets/home.css.scss */
p.code {
  padding: 0 20px;
}

/* line 406, ../../app/assets/stylesheets/home.css.scss */
.appCode {
  font-family: Courier New;
  font-size: 16px;
  display: block;
  color: #000;
}

/* line 408, ../../app/assets/stylesheets/home.css.scss */
pre {
  font-family: Courier New;
  padding: 10px 20px;
  background: #f9f9f9;
  border-radius: 8px;
}

/* line 410, ../../app/assets/stylesheets/home.css.scss */
.define {
  padding: 10px 20px;
  background: #f9f9f9;
  border-radius: 8px;
}

/* line 411, ../../app/assets/stylesheets/home.css.scss */
.define dt {
  font-size: 16px;
  font-weight: normal;
}

/* line 413, ../../app/assets/stylesheets/home.css.scss */
.normalTitle h2 .sub {
  font-size: 14px;
  display: block;
  color: #999;
}

/* line 417, ../../app/assets/stylesheets/home.css.scss */
.columnDisplay label {
  color: #999;
  font-size: 14px;
}

/*div.messagelist { padding:10px; margin:5px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:absolute; z-index:9999; font-size:30px; text-align:center; opacity:100;  border-bottom:1px solid #ddd; color:#666; background:#000; display:none;}

div.messagelist .tips {background:#0F0; width:100%;}*/
/* line 423, ../../app/assets/stylesheets/home.css.scss */
div.messagelist {
  position: absolute;
  font-size: 25px;
  text-align: center;
  opacity: 100;
  display: none;
}

/* line 425, ../../app/assets/stylesheets/home.css.scss */
div.messagelist .tips {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background: #ccc;
  padding: 20px;
  background: #fff7c9;
  border: 1px solid #ddd;
  border-top: 0;
  border-bottom: 1px solid #ccc;
}

/* line 427, ../../app/assets/stylesheets/home.css.scss */
.minorLink {
  float: right;
  line-height: 32px;
  margin-left: 20px;
}

/* line 428, ../../app/assets/stylesheets/home.css.scss */
.changeLoginMethod {
  float: right;
  line-height: 32px;
}

/* line 429, ../../app/assets/stylesheets/home.css.scss */
.login_box_msg {
  padding: 10px 20px 0px;
  color: red;
}

/* line 431, ../../app/assets/stylesheets/home.css.scss */
.lineright {
  padding: 10px 20px;
}

/* line 433, ../../app/assets/stylesheets/home.css.scss */
#qlogin {
  padding-top: 10px;
}

/* line 435, ../../app/assets/stylesheets/home.css.scss */
.editappicon {
  display: none;
  line-height: 40px;
}

/* line 437, ../../app/assets/stylesheets/home.css.scss */
.sectionRightBox {
  width: 48%;
  float: right;
  padding: 0 0 0 1%;
  /*border-left:1px solid #eee;*/
  margin-left: -1px;
  padding-bottom: 32767px!important;
  margin-bottom: -32767px !important;
}

/* line 439, ../../app/assets/stylesheets/home.css.scss */
.sectionLeftBox {
  width: 48%;
  float: left;
  padding: 0 1% 0 0;
  border-right: 1px solid #eee;
  padding-bottom: 32767px!important;
  margin-bottom: -32767px !important;
}

/* line 441, ../../app/assets/stylesheets/home.css.scss */
.sectionLeftBox .infoBox, .sectionRightBox .infoBox {
  margin: 5px 0 0  0;
  border: 1px solid #eee;
  padding: 10px;
}

/* line 443, ../../app/assets/stylesheets/home.css.scss */
a.operatorBtnGreen, a.operatorBtnOrange {
  padding: 2px 8px;
  border-radius: 5px;
  background: #88be18;
  color: #fff;
  font-size: 17px;
}

/* line 444, ../../app/assets/stylesheets/home.css.scss */
a.operatorBtnGreen {
  background: #ddd;
}

/* line 445, ../../app/assets/stylesheets/home.css.scss */
a.operatorBtnGreen:hover {
  background: #88be18;
  color: #fff;
}

/* line 446, ../../app/assets/stylesheets/home.css.scss */
a.operatorBtnOrange {
  background: #e2981c;
}

/* line 447, ../../app/assets/stylesheets/home.css.scss */
a.operatorBtnOrange:hover {
  background: #e2a51c;
  color: #fff;
}

/* line 449, ../../app/assets/stylesheets/home.css.scss */
.login_btn_wrapper.submit {
  background: #E8B749;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc30f), to(#ac7915), color-stop(0.3, #e8b349), color-stop(0.6, #e4a82e), color-stop(0.95, #d0981a));
  background-image: -moz-linear-gradient(0 0 90deg, #ffc30f 5%, #e8b349 20%, #e2a01c 40%, #efb300 100%);
  border-color: #E8B749 #e3a925 #d0981a;
}

/* line 459, ../../app/assets/stylesheets/home.css.scss */
.alertBox {
  display: none;
  position: absolute;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 1px 10px #ccc;
  width: 350px;
}

/* line 461, ../../app/assets/stylesheets/home.css.scss */
.alertBox h5 {
  height: 30px;
  background: #ddf4ad;
  border-radius: 10px 10px 0 0;
}

/* line 462, ../../app/assets/stylesheets/home.css.scss */
.alertBox .alertContent {
  padding: 30px;
  overflow: hidden;
}

/* line 463, ../../app/assets/stylesheets/home.css.scss */
.alertBox .alertContent .iconWrap {
  float: left;
  margin: 15px;
}

/* line 464, ../../app/assets/stylesheets/home.css.scss */
.alertBox p {
  float: left;
}

/* line 465, ../../app/assets/stylesheets/home.css.scss */
.alertBox .closeBtn {
  margin-bottom: 20px;
  display: inline-block;
  background: #ddf4ad;
  width: 60px;
  padding: 4px 10px;
  border-radius: 5px;
  border-bottom: 1px solid #b4e849;
}

/* line 466, ../../app/assets/stylesheets/home.css.scss */
.alertBox .closeBtn:hover {
  background: #c7ee76;
}

/* line 468, ../../app/assets/stylesheets/home.css.scss */
.alertBox .cancelBtn {
  margin-bottom: 20px;
  margin-left: 20px;
  display: inline-block;
  background: #ddf4ad;
  width: 60px;
  padding: 4px 10px;
  border-radius: 5px;
  border-bottom: 1px solid #b4e849;
}

/* line 469, ../../app/assets/stylesheets/home.css.scss */
.alertBox .cancelBtn:hover {
  background: #c7ee76;
}

/* line 471, ../../app/assets/stylesheets/home.css.scss */
.textDarkGray {
  color: #444;
}

/* line 472, ../../app/assets/stylesheets/home.css.scss */
.textGray {
  color: #999;
}

/* line 473, ../../app/assets/stylesheets/home.css.scss */
.strong {
  font-size: 16px;
}

/* line 474, ../../app/assets/stylesheets/home.css.scss */
.textOrange {
  color: #f48a00;
}

/* line 475, ../../app/assets/stylesheets/home.css.scss */
a.delAppBtn {
  padding: 2px 8px;
  border-radius: 5px;
  background: #88BE18;
  color: white;
  font-size: 17px;
  margin: 10px 0 0 0;
  text-shadow: none;
  float: right;
  background: #c0c0c0;
  color: #fff;
}

/* line 476, ../../app/assets/stylesheets/home.css.scss */
a.delAppBtn:hover {
  background: #C41200;
}

/* line 478, ../../app/assets/stylesheets/home.css.scss */
.faq li {
  margin-bottom: 16px;
}

/* line 479, ../../app/assets/stylesheets/home.css.scss */
.faq dt {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 5px;
  color: #636B89;
}

/* line 480, ../../app/assets/stylesheets/home.css.scss */
.faq dd {
  font-size: 14px;
  line-height: 1.6em;
  color: #777;
}

/* line 482, ../../app/assets/stylesheets/home.css.scss */
.sectionDesc {
  display: block;
  width: 400px;
  margin-top: 10px;
  padding: 10px 20px;
  background: #f0f4f5;
  position: relative;
  border-radius: 5px;
}

/* line 483, ../../app/assets/stylesheets/home.css.scss */
.sectionDesc:before {
  position: absolute;
  content: ",";
  text-indent: -9999px;
  display: block;
  height: 24px;
  width: 24px;
  background: url(../images/appinfo_icons.png) -32px -32px no-repeat;
  top: -7px;
  left: 10px;
}

/* line 484, ../../app/assets/stylesheets/home.css.scss */
.columnContent:before {
  margin: 5px 10px 0 0;
  float: left;
  content: ".";
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 15px;
  background: url(../images/appinfo_icons.png) -2px -32px no-repeat;
}

/* line 485, ../../app/assets/stylesheets/home.css.scss */
.appinfo_readonly label {
  font-weight: bold;
}

/* line 487, ../../app/assets/stylesheets/home.css.scss */
.contect_us {
  display: block;
  display: block;
  height: 30px;
  width: 30px;
  float: left;
  background: url(../images/appinfo_icons.png) no-repeat -64px -28px;
}

/* line 490, ../../app/assets/stylesheets/home.css.scss */
.baseinfo_title:before {
  display: block;
  height: 30px;
  width: 30px;
  content: ".";
  text-indent: -9999px;
  background: url(../images/appinfo_icons.png) no-repeat -4px 0px;
  float: left;
}

/* line 492, ../../app/assets/stylesheets/home.css.scss */
.appicon label {
  font-weight: bold;
}

/* line 495, ../../app/assets/stylesheets/home.css.scss */
.shadow {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* line 499, ../../app/assets/stylesheets/home.css.scss */
img.right {
  float: right;
  margin: 2px 0 16px 20px;
}