.form-control {
  display: block;
  width: 100%;
  height: 0.34rem;
  padding: 0.6rem 0.12rem;
  font-size: 0.28rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.04rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0.08rem rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0.08rem rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {color: #999;opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control::-ms-expand {background-color: transparent;border: 0;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #eee;opacity: 1;}
.form-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed;}


.form-group {margin-bottom: 0.02rem;}
.city-picker-input { opacity: 0 !important; top: -9999px; left: -9999px; position: absolute; }
.city-picker-span {padding:0.24rem 0; position: relative; display: block; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius:0.05rem; background-color: #fff; color: #ccc; cursor: pointer; }
.city-picker-span > .placeholder { color: #aaa; }
.city-picker-span > .arrow { position: absolute; top: 50%; right: 0.08rem; width: 0.3rem; margin-top: -0.1rem; height: 0.2rem; background: url(../images/drop-arrow.png) 0 -0.2rem no-repeat; }
.city-picker-span.focus,.city-picker-span.open { border-bottom-color: #333; }
.city-picker-span.open > .arrow { background-position: 0 0; }
.city-picker-span > .title > span { color: #333; padding: 0.05rem; border-radius: 0.03rem; }
.city-picker-span > .title > span:hover { background-color: #f1f8ff; }
.city-picker-dropdown { position: absolute; left: -9999px; top: -9999px; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 999999; display: none; min-width: 2.9rem; margin-bottom: 0.2rem; }
.city-select-wrap { box-shadow: 0 1px 0.05rem rgba(0, 0, 0, 0.5); height: auto;}
.city-select-tab { border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; background: #f0f0f0; font-size: 0.28rem; }
.city-select-tab > a { display: inline-block; padding: 0.2rem 0.4rem; border-left: 1px solid #ccc; border-bottom: 1px solid transparent; color: #4D4D4D; text-align: center; outline: 0; text-decoration: none; cursor: pointer; font-size: 0.28rem; margin-bottom: -1px; }
.city-select-tab > a.active { background: #fff; border-bottom: 1px solid #fff; color: #333; }
.city-select-tab > a:first-child { border-left: none; }
.city-select-tab > a:last-child.active { border-right: 1px solid #ccc; }
.city-select-content { width: 100%; min-height:0.1rem;background-color: #fff; padding: 0.1rem 0.15rem; }
.city-select { font-size: 0.28rem; }
.city-select dl { line-height: 2; clear: both; padding: 0.03rem 0; margin: 0; }
.city-select dt { position: absolute; width: 2.5em; font-weight: 500; text-align: right; line-height: 2; }
.city-select dd { margin-left: 0; line-height: 2; }
.city-select.province dd { margin-left: 3em; }
.city-select a { display: inline-block; padding: 0.03rem 0.2rem; outline: 0; text-decoration: none; white-space: nowrap; margin-right: 0.05rem; text-decoration: none; color: #333; cursor: pointer; }
.city-select a:hover,.city-select a:focus { background-color: #f1f8ff; border-radius: 0.02rem; color: #333; }
.city-select a.active { background-color: #f19149; color: #fff; border-radius: 0.02rem; }

/* Header */
.docs-header { margin-bottom: 0; }
.navbar-toggle:hover,.navbar-toggle:focus { border-color: #333; }
.navbar-toggle .icon-bar { background-color: #333; }
/* Jumbotron */
.docs-jumbotron { background-color: #3f51b5; color: #fff; }
.docs-jumbotron .version { font-size: 0.28rem; color: #fff; filter: alpha(opacity=50); opacity: 0.5; }
.docs-carbonads-container { position: relative; }
.docs-carbonads { max-width: 3.5rem; padding: 0.15rem; border: 1px solid #ccc; border-radius: 0.04rem; overflow: hidden; }
.carbon-wrap { overflow: hidden; }
.carbon-img { clear: left; float: left; display: block; }
.carbon-text,.carbon-poweredby { display: block; margin-left: 1.4rem; }
.carbon-text,.carbon-text:hover,.carbon-text:focus { color: #fff; text-decoration: none; }
.carbon-poweredby,.carbon-poweredby:hover,.carbon-poweredby:focus { color: #ddd; text-decoration: none; }
@media (min-width: 9.92rem) { .docs-carbonads { position: absolute; right: 0; bottom: 0.05rem; }
.dropzone { padding: 1.5rem 0.15rem; border: 1px dashed #eee; background-color: #fcfcfc; text-align: center; }
.dropzone > input { display: inline-block; vertical-align: top; }
.logs { height: 3.2rem; padding: 0.1rem 0.15rem; border: 1px solid #eee; background-color: #fcfcfc; overflow-x: hidden; overflow-y: auto; }
.logs > p { margin-bottom: 0.05rem; color: #666; }
/* Footer */
.docs-footer { overflow: hidden; margin-bottom: 3rem; }
.hearts { position: relative; display: block; width: 100%; height: 0.3rem; margin-top: 0.2rem; margin-bottom: 0.2rem; color: #ddd; font-size: 0.28rem; line-height: 0.3rem; text-align: center; }
.hearts:hover { color: #ff4136; }
.hearts:before { position: absolute; top: 50%; right: 0; left: 0; display: block; height: 0; border-top: 1px solid #eee; content: " "; }
.hearts:after { position: relative; z-index: 1; padding-left: 0.08rem; padding-right: 0.08rem; background-color: #fff; content: "♥"; }
.prettyprint { margin-bottom: 0; padding: 0.15rem !important; border: 1px solid #ddd !important; }