/*mixin*/
.form-wrapper .sub-title {
  line-height: 3;
  font-weight: bold;
  color: #666;
  border-bottom: 1px dotted #ccc; }

.form-wrapper .chk-wrap {
  display: block;
  *zoom: 1; }
  .form-wrapper .chk-wrap:after {
    content: '';
    display: block;
    line-height: 0;
    clear: both;
    visibility: hidden; }
  .form-wrapper .chk-wrap .chk-item {
    display: block;
    float: left;
    width: 33.3%;
    padding: 6px 0; }

.form-wrapper .row-wrap {
  margin: 15px 0; }
  .form-wrapper .row-wrap dt.label {
    margin-right: 1em;
    line-height: 36px;
    display: block; }

.form-wrapper .inp, .form-wrapper textarea, .form-wrapper select {
  border: 1px solid #ccc;
  outline: none;
  border-radius: 3px;
  transition: all .3s;
  padding: 6px 8px;
  font-size: 14px; }

.form-wrapper select {
  height: 36px;
  background-color: #fff; }

.form-wrapper .inp {
  vertical-align: middle; }

.form-wrapper .inp-chk {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 16px;
  height: 16px; }

.form-wrapper textarea {
  resize: none;
  vertical-align: bottom; }

.form-wrapper .inp:focus,
.form-wrapper .textarea:focus {
  box-shadow: inset 1px 1px 2px #f2f2f2; }

.form-wrapper .tip-inp {
  color: #999;
  margin-left: 5px; }

.form-wrapper .tip-required,
.form-wrapper .tip-error {
  color: #f20;
  margin-left: 5px; }

.form-wrapper .row {
  margin: 15px 0; }
  .form-wrapper .row dt {
    color: #666;
    line-height: 2; }

.form-wrapper .row:first-child {
  margin-top: 0; }

.form-wrapper .row-avg {
  float: left;
  width: 50%;
  margin: 0; }

.form-wrapper .btn, .form-wrapper [class*=" btn-"], .form-wrapper [class^="btn-"] {
  border: 1px solid #08f;
  background-color: #09f;
  font-size: 14px;
  line-height: 2;
  padding: 0 16px;
  border-radius: 3px;
  box-shadow: inset 1px 1px 1px #0af;
  color: #fff;
  outline: none;
  cursor: pointer; }

.form-wrapper .btn-reset {
  border: 1px solid #ccc;
  background-color: #c2c2c2;
  font-size: 14px;
  line-height: 2;
  padding: 0 16px;
  border-radius: 3px;
  box-shadow: inset 1px 1px 1px #d2d2d2;
  color: #fff;
  outline: none;
  cursor: pointer;
  margin-left: 20px; }

.form-wrapper .captcha-code {
  vertical-align: middle;
  margin: 0 10px;
  cursor: pointer; }

.form-wrapper .sub-status {
  margin-top: 6px; }
  .form-wrapper .sub-status.suc {
    color: #080; }
  .form-wrapper .sub-status.fail {
    color: #f00; }
  .form-wrapper .sub-status.loading {
    color: #999; }

.form-wrapper .row-done {
  margin-top: 25px; }

.form-wrapper {
  padding: 22px 22px 12px;
  border: 1px solid #ccc; }

.reply-wrapper {
  margin-top: 15px; }
  .reply-wrapper .title-bar {
    font-weight: bold;
    line-height: 36px;
    border-bottom: 1px solid #ccc; }
  .reply-wrapper .reply-list .item {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc; }
  .reply-wrapper .reply-list .info {
    font-size: 12px;
    color: #666; }
  .reply-wrapper .reply-list .content,
  .reply-wrapper .reply-list .reply {
    margin: 5px 0;
    color: #666; }
    .reply-wrapper .reply-list .content .label,
    .reply-wrapper .reply-list .reply .label {
      font-size: 12px;
      font-weight: bold;
      color: #999; }