@charset "UTF-8";
@import url("//at.alicdn.com/t/font_216759_s0k0eqovu8c.css");
.sec-bg {
  background: #fff;
  padding: 0 0;
  margin-bottom: 40px;
  overflow: hidden; 
  margin: 40px auto;
  width: 100%;
  }

.sec-striped .sec-bg:nth-of-type(2n) {
  background: transparent; }
.mgb-fangan3{
	background:#F9F9F9;
}
.quote-mark {
  border: 0;
  position: relative;
  background: transparent; }

.quote-mark:before {
  font-family: "kiconfont";
  content: "\e60c";
  position: absolute;
  font-size: 40px;
  top: -9px;
  left: -45px;
  color: #eeeeee; }

.k-title {
  margin: 10px 10px 10px 0;
  color: #555;
  overflow: hidden; }

.k-title.bg-white {
  margin: 0;
  padding: 10px; }

.k-title h3 {
  line-height: initial;
  display: inline-block;
  border-left: 3px solid #ff4242;
  padding-left: 10px; }

.k-title h3,
.k-title h3 + span {
  font-size: 14px; }

.common-box {
  border: 1px solid #eeeeee;
  margin: 20px 0; }

.common-box .common-box-hd {
  border-bottom: 1px solid #eeeeee; }

.common-box .common-box-bd {
  padding: 20px; }

.kicon-1, .kicon-2, .kicon-3, .kicon-4, .kicon-5, .kicon-6 {
  font-weight: 700; }

.bk-overlay-tit .btn-small {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bk-overlay-tit .btn-small:hover {
  background-color: #ff4242; }

.kicon-loading {
  display: inline-block;
  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.img-center-v img {
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

.pointer,
.form-group-element label {
  cursor: pointer; }

.bk-form fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

.bk-form fieldset legend, .bk-form legend {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: inherit;
  color: #333333;
  border: 0;
  padding: 3px;
  border-bottom: 1px solid #e5e5e5;
  position: relative; }

.bk-form legend h3, .bk-form legend h4 {
  margin: 0; }

.bk-form.bd .form-group {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0;
  padding: 9px 0; }

.form-group {
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed; }

.form-group label,
.form-group-elemen label {
  width: 20%;
  margin-right: 2%;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle; }

.bk-form label {
  margin-bottom: 0;
  font-weight: normal; }

.form-group > label i {
  color: #de4535;
  line-height: 16px; }

.form-group .form-group-element {
  width: 100%;
  vertical-align: middle; }

.form-group label + .form-group-element {
  width: 77%;
  margin-right: 1%; }

.form-group {
  letter-spacing: -100px; }

.form-group p, .form-group i, .form-group span, .form-group em {
  letter-spacing: 0; }

.form-group label,
.form-group-element label,
.form-group .form-group-element {
  display: inline-block;
  letter-spacing: 0; }

.form-group span {
  letter-spacing: 0; }

.form-group .form-group-element label {
  width: auto;
  margin: 0; }

.form-group .form-group-element > span {
  padding: 0; }

.form-group .form-group-element > span.ellipsis,
.form-group .form-group-element > span.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.6rem;
  max-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial; }

.form-group .form-group-element > span.ellipsis2 {
  -webkit-line-clamp: 2;
  max-height: 3.2em; }

.form-group .form-group-element span.of-words {
  line-height: 18px;
  overflow: hidden;
  width: 60%\9;
  position: absolute; }

.form-group-element .bk-pic-box {
  display: inline;
  height: 100px;
  width: 100px;
  overflow: hidden;
  margin-right: 4px; }

.form-group-element .bk-pic-box img {
  width: 100px;
  height: auto; }

.no-bd {
  border: none; }

.form-group > label + .form-group-element + .form-tips {
  margin-left: 22%; }

.form-tips.no-bd {
  border: none;
  padding: 0 10px;
  line-height: 2; }

.bk-form select,
.bk-form textarea,
.bk-form input,
.bk-form-field,
.input-group-son-label {
  width: 37.5%;
  padding: 3px 6px;
  line-height: 1.4;
  height: 42px;
  color: #333333;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  font-size: 14px;
  margin: 0.25em 0;
  outline: 0;
  -webkit-appearance: none;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.bk-form select {
  -moz-appearance: none;
  background: #fff url("../images/common/unfold.png") no-repeat right;
  padding-right: 26px; }

.form-feedback select {
  background-image: none; }

.bk-form input[type="radio"],
.bk-form input[type="checkbox"] {
  width: auto;
  height: auto;
  padding: 0;
  -webkit-appearance: radio; }

.bk-form input[type="checkbox"] {
  -webkit-appearance: checkbox; }

.bk-form textarea,
textarea.bk-form-field {
  height: auto; }

.bk-form select:focus,
.bk-form textarea:focus,
.bk-form input:focus,
.bk-form-field:focus {
  border-color: #ff6b6b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 3px #ff6b6b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 3px #ff6b6b;
  position: relative;
  z-index: 2; }

.bk-form input[type="file"]:focus,
.bk-form input[type="radio"]:focus,
.bk-form input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: none; }

.bk-form input[disabled],
.bk-form select[disabled],
.bk-form textarea[disabled],
.bk-form fieldset[disabled] select,
.bk-form fieldset[disabled] textarea,
.bk-form fieldset[disabled] input,
.bk-form-field[disabled] {
  background-color: #eeeeee;
  cursor: not-allowed;
  color: #999; }

.bk-form select[readonly],
.bk-form textarea[readonly],
.bk-form input[readonly],
.bk-form-field[readonly] {
  background-color: #eeeeee; }

.form-group .form-group-element label {
  margin-right: 20px; }

.form-group-element label input[type="checkbox"],
.form-group-element label input[type="radio"] {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  display: inline;
  outline: none;
  border: 1px solid #dddddd; }

.form-group,
.form-group .form-checkbox-block label,
.form-group .form-radio-block label,
.form-group-element.form-checkbox-block label,
.form-group-element.form-radio-block label {
  margin-bottom: 1em;
  text-align: left; }

.form-group .form-checkbox-block label,
.form-group .form-radio-block label,
.form-group-element.form-checkbox-block label,
.form-group-element.form-radio-block label {
  display: block; }

.form-group .form-checkbox-block label:last-child,
.form-group .form-radio-block label:last-child {
  margin-bottom: 0; }

.bk-form.app-style.no-bd-input input[type="radio"].radio-icon,
.bk-form.app-style.no-bd-input input[type="checkbox"].checkbox-icon,
.bk-form input[type="radio"].radio-icon,
.bk-form input[type="checkbox"].checkbox-icon,
.radio-icon,
.checkbox-icon {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  outline: 0;
  cursor: pointer; }

.bk-form.app-style.no-bd-input input[type="checkbox"].checkbox-icon,
.bk-form input[type="checkbox"].checkbox-icon,
.checkbox-icon {
  border-radius: 3px; }

.bk-form input[type="radio"].radio-icon:checked,
.bk-form input[type="checkbox"].checkbox-icon:checked,
.radio-icon:checked,
.checkbox-icon:checked,
.radio-icon.check,
.checkbox-icon.check {
  color: #ff4242;
  border-color: #ff4242;
  background-color: #fff; }

.radio-icon:checked:after,
.checkbox-icon:checked:after,
.radio-icon.check:after,
.checkbox-icon.check:after {
  content: "\e729";
  font-size: 16px;
  font-family: "kiconfont";
  font-weight: bold;
  line-height: 19px; }

.radio-icon[disabled=true],
.checkbox-icon[disabled=true],
.radio-icon[disabled],
.checkbox-icon[disabled] {
  color: #ccc !important;
  border-color: #ddd !important;
  background: #eee !important; }

.bk-form input[type="radio"].radio-icon.fill:checked,
.bk-form input[type="checkbox"].checkbox-icon.fill:checked,
.radio-icon.fill:checked,
.checkbox-icon.fill:checked,
.radio-icon.fill.check,
.checkbox-icon.fill.check {
  background-color: #ff4242;
  border-color: #ff4242;
  color: #fff; }

/*圆形按钮选中状态和未选中状态 S*/
.unselected {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  border-radius: 100px;
  border: 1px solid #d9d8d8;
  background-color: #f9f9f9;
  position: relative; }

.unselected:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 12px;
  border-radius: 100px;
  background-color: #d8d8d8; }

.unselected.selected:before {
  background-color: #eb3e3e; }

.bk-form.radius input,
.bk-form.radius select,
.bk-form.radius textarea {
  border-radius: 3px; }

.bk-form.round input,
.bk-form.round select {
  border-radius: 1000px; }

.bk-form.round select[multiple=multiple] {
  border-radius: 0; }

.bk-form.strong input,
.bk-form input.strong,
.bk-form-field.strong {
  font-weight: 700;
  font-family: "Times New Roman", Georgia, Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; }

.bk-form.strong input::-webkit-input-placeholder,
.bk-form-field.strong::-webkit-input-placeholder {
  font-weight: 300;
  font-family: "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif; }

.form-file {
  position: relative;
  overflow: hidden; }

.form-file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  font-size: 50em;
  margin: 0;
  padding: 0; }

.form-left-width .form-group > label {
  display: table-cell; }

.form-left-width .form-group .form-group-element {
  width: 99%;
  margin-left: 0;
  padding-left: 10px; }

.form-group .form-radio-width > label,
.form-group .form-checkbox-width > label {
  text-align: left;
  margin-right: 2%; }

.form-group .form-radio-width > label input[type="checkbox"],
.form-group .form-radio-width > label input[type="radio"],
.form-group .form-checkbox-width > label input[type="checkbox"],
.form-group .form-checkbox-width > label input[type="radio"] {
  margin-left: 0; }

.form-left-width.label-80px .form-group > label,
.form-group .form-radio-width.label-80px label,
.form-group .form-checkbox-width.label-80px label {
  width: 80px; }

.form-left-width.label-100px .form-group > label,
.form-group .form-radio-width.label-100px label,
.form-group .form-checkbox-width.label-100px label {
  width: 100px; }

.form-left-width.label-150px .form-group > label,
.form-group .form-radio-width.label-150px label,
.form-group .form-checkbox-width.label-150px label {
  width: 150px; }

.form-left-width .form-icon [class*='kicon-'],
.form-left-width .form-icon.form-feedback i:first-child[class*='kicon-'] {
  left: 18px; }

.form-left-width.label-10 .form-group > label,
.form-group .form-radio-width.label-10 label,
.form-group .form-checkbox-width.label-10 label {
  width: 10%; }

.form-left-width.label-20 .form-group > label,
.form-group .form-radio-width.label-20 label,
.form-group .form-checkbox-width.label-20 label {
  width: 20%; }

.form-stacked select,
.form-stacked textarea,
.form-stacked input,
.form-stacked button {
  display: block; }

.form-stacked .form-group {
  padding: 5px; }

.form-stacked .form-group label {
  width: auto; }

.form-stacked .form-group span {
  color: #999; }

.form-stacked .input-group.input-8 {
  width: 100% !important;
  margin: 0 0 1em 0; }

.form-stacked .form-group .upload-pic-list li span {
  color: #de4535; }

.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
  margin-right: 10px; }

.form-inline label {
  width: auto;
  margin-right: 0;
  padding-right: 5px; }

.form-inline select,
.form-inline textarea,
.form-inline input {
  width: auto;
  min-width: 100px; }

.form-inline .bk-form-field {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.form-inline .input-group {
  display: inline-table;
  vertical-align: middle; }

.form-inline input.bk-form-field,
.form-inline .input-group > .bk-form-field {
  width: auto; }

.form-inline .form-group-element,
.form-inline .form-group label + .form-group-element {
  width: auto;
  margin-right: 0; }

.form-inline.row .form-group {
  margin-right: 0; }

.form-inline.flex .form-group label {
  width: 30%; }

.form-inline.flex .form-group label + .form-group-element {
  width: 69%; }

.form-inline.flex.flex-col-2 .form-group,
.form-inline.flex.flex-col-3 .form-group,
.form-inline.flex.flex-col-4 .form-group,
.form-inline.flex.flex-col-5 .form-group {
  margin-right: 0;
  padding-right: 10px; }

.form-inline.flex.flex-col-2 > * {
  width: 50%; }

.form-inline.flex.flex-col-3 > * {
  width: 33.33333333333333333%; }

.form-inline.flex.flex-col-4 > * {
  width: 25%; }

.form-inline.flex.flex-col-5 > * {
  width: 20%; }

.form-inline.flex select, .form-inline.flex textarea, .form-inline.flex input {
  width: 100%; }

.form-inline .col-lg-1.form-group,
.form-inline .col-lg-2.form-group,
.form-inline .col-lg-3.form-group,
.form-inline .col-lg-4.form-group,
.form-inline .col-lg-5.form-group,
.form-inline .col-lg-6.form-group,
.form-inline .col-lg-7.form-group,
.form-inline .col-lg-8.form-group,
.form-inline .col-lg-9.form-group,
.form-inline .col-lg-10.form-group,
.form-inline .col-lg-11.form-group,
.form-inline .col-lg-12.form-group {
  padding-left: 0; }

.multistep {
  position: relative;
  display: inline-block;
  min-width: 100px; }

.multistep select, .multistep input {
  width: 100%; }

.form-group .flex {
  display: inline-flex; }

.form-group .flex .multistep {
  margin-left: -1px; }

.form-group .flex.interval > * {
  margin-right: 10px; }

.form-group .flex.interval > .multistep:last-child {
  margin-right: 0; }

.form-set input {
  display: block;
  padding: 10px;
  margin: 0 !important;
  border-radius: 0;
  position: relative;
  top: -1px; }

.form-set input:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0; }

.form-set input:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px; }

.form-set > input:focus {
  z-index: 2; }

.bk-form input.form-danger {
  border: 1px solid #de4535; }

.bk-form input.form-warning {
  border: 1px solid #fb7e00; }

.bk-form input.form-success {
  border: 1px solid #5ed125; }

.form-group .msg-danger,
.form-group .msg-warning,
.form-group .msg-success {
  letter-spacing: 0; }

.form-icon,
.form-feedback {
  position: relative; }

.form-icon .form-field,
.form-icon input,
.form-icon select {
  padding-left: 26px !important; }

.form-feedback .form-field,
.form-feedback input,
.form-feedback select {
  padding-right: 26px !important; }

.form-icon [class*='kicon-'],
.form-feedback [class*='kicon-'] {
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -0.5em;
  line-height: 1;
  z-index: 3;
  color: #999; }

.form-icon [class*='kicon-'] {
  left: 10px;
  right: initial; }

.form-feedback [class*='kicon-'] {
  left: initial;
  right: 10px; }

.form-icon.icon-top [class*='kicon-'],
.form-feedback.icon-top [class*='kicon-'] {
  top: 2em; }

.form-icon.form-feedback i:first-child[class*='kicon-'] {
  left: 10px;
  right: initial; }

.form-icon-medium i {
  font-size: 2em; }

.form-icon-medium.form-feedback .form-field,
.form-icon-medium.form-feedback input,
.form-icon-medium.form-feedback select {
  padding-right: 40px !important; }

.form-icon-medium.form-icon .form-field,
.form-icon-medium.form-icon input,
.form-icon-medium.form-icon select {
  padding-left: 40px !important; }

.form-icon.pin {
  display: table; }

.form-icon.pin input,
.form-icon.pin .pin-pic,
.form-icon.pin .table-cell {
  display: table-cell;
  vertical-align: middle; }

.form-icon.pin input {
  width: 100%; }

.form-icon.pin .pin-pic {
  padding: 3px 0 0 10px;
  vertical-align: top;
  line-height: 1;
  cursor: pointer; }

.form-icon.pin .pin-pic img {
  height: 40px;
  width: auto;
  vertical-align: middle; }

.form-icon.pin.pic-inside .pin-pic {
  position: absolute;
  right: 1px;
  top: 1px;
  margin: 0;
  z-index: 5;
  line-height: 1.2; }

.form-icon.pin.pic-inside .pin-pic img {
  height: 38px; }

.form-icon.pin .pin-pic i {
  font-size: 1.5em;
  color: #ccc;
  top: 50%;
  right: 0;
  left: inherit; }

.form-icon.pin .pin-pic em {
  font-size: 10px; }

.form-icon.pin.pic-inside input {
  padding-right: 80px; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 1em;
  width: 100%; }

.input-group .bk-form-field {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin: 0; }

.input-group select,
.input-group textarea,
.input-group input,
.input-group .bk-form-field {
  margin: 0;
  width: 100%; }

.input-group label,
.input-group-label,
.input-group-btn,
.input-group .bk-form-field {
  display: table-cell; }

.input-group-label,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle; }

.input-group .input-group-label {
  text-align: center; }

.input-group.left {
  margin-left: 10px; }

.input-group.auto {
  width: auto; }

.input-group input + input, .input-group-son + .input-group-son {
  margin-top: -1px !important; }

.input-group-label, .input-group label {
  padding: 0.625em 1em;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  width: 45px !important;
  color: #999;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #dddddd; }

.input-group-son-label {
  position: absolute;
  width: 30%;
  min-width: 60px;
  overflow: hidden;
  border: none;
  background: none;
  margin: 0;
  z-index: 3;
  height: auto;
  min-height: 40px; }

.input-group-head {
  display: table-caption;
  letter-spacing: normal;
  border: 1px solid #eeeeee;
  border-bottom: 0;
  min-height: 40px; }

.input-group-son-label + input,
.input-group-son-label + select,
.input-group-son-label + textarea,
.input-group-son-label + p {
  padding-left: 33% !important; }

.input-group-son {
  display: table;
  width: 100%; }

.input-group-son input {
  display: table-cell; }

.input-group-label:first-child,
.input-group-btn:first-child .btn-small {
  border-right: 0; }

.input-group-label:last-child,
.input-group-btn:last-child .btn-small {
  border-left: 0; }

.input-group-btn {
  width: 45px;
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn .btn-small {
  position: relative;
  padding: 0.625em 1em;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  min-width: 45px;
  height: 40px; }

.input-group-btn .btn-small:before {
  content: "";
  display: block;
  min-width: 100%;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.3; }

.input-group-btn .btn-small:hover:before {
  opacity: 0.5; }

.input-group-btn .btn-small:active:before {
  opacity: 0.3; }

.input-group-btn .btn-gray {
  border-color: #dddddd; }

.input-group-btn .btn-gray:before {
  opacity: 0.5; }

.form-group .text,
.input-group-son .text {
  line-height: 1.4em;
  margin: 0;
  padding: 0.625em 0;
  vertical-align: middle; }

.input-group-son .text {
  border: 1px solid #dddddd;
  min-height: 40px; }

.form-key-value .form-key-value-itme {
  padding: 5px 10px 5px 0; }

.form-key-value .form-key-value-itme:first-child {
  padding-left: 0; }

.form-key-value .form-key-value-itme > * {
  border: 1px solid #ccc;
  padding-left: .3em;
  padding-right: .3em;
  border-radius: 3px; }

.form-key-value .multistep {
  min-width: 50px; }

.form-key-value select, .form-key-value input {
  height: 36px; }

.form-group .flex .flex-initial [class*='kicon-'] {
  position: relative;
  left: 0.15em;
  top: 0;
  margin: 0;
  line-height: 40px;
  color: inherit;
  padding: 0 3px; }

.bk-form select {
  background-image: none\0;
  padding-right: 3px\0; }

[type="date"] {
  position: relative\0;
  pointer-events: none\0;
  border-color: transparent\0;
  cursor: not-allowed\0;
  opacity: 0.45\0;
  box-shadow: none\0; }

.bk-form.form-black select,
.bk-form.form-black textarea,
.bk-form.form-black input,
.bk-form-field,
.input-group-son-label {
  height: 30px;
  border-radius: 4px;
  border-color: #959595;
  padding: 0 12px; }

.bk-form.form-black input {
  width: 150px; }

.bk-form.form-black input::-webkit-input-placeholder {
  color: #333; }

.bk-form.form-black input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333; }

.bk-form.form-black input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333; }

.bk-form.form-black input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333; }

.bk-form.form-black .form-group {
  margin-bottom: 18px; }

.bk-form.form-black.form-inline .form-group {
  margin-right: 50px; }

.bk-form.form-black input[type="date"] {
  padding-left: 8px; }

.bk-form.form-black select:focus,
.bk-form.form-black textarea:focus,
.bk-form.form-black input:focus,
.bk-form.form-black .bk-form-field:focus {
  border-color: #ff6b6b; }

.current[class*="btn-"],
.btn-theme, a.btn-theme, .btn-yellow, a.btn-yellow, .btn-gray, a.btn-gray, .btn-white, a.btn-white, .btn-black, a.btn-black, .btn-double {
  display: inline-block;
  vertical-align: middle;
  font-family: "Microsoft YaHei";
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  color: white;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  padding: 0 20px; }

*[class*="btn-"]:hover {
  text-decoration: none;
  color: white;
  -webkit-transition: background-color 200ms ease-out,border-color 200ms ease-out;
  transition: background-color 200ms ease-out,border-color 200ms ease-out; }

.btn-gray:hover, a.btn-gray:hover, a.btn-gray:visited {
  color: #555; }

/*按钮颜色*/
[class*="btn-"].current,
.btn-theme, a.btn-theme {
  background-color: #ff4242;
  border-color: #ff2929; }
[class*="btn-"].current:hover,
.btn-theme:hover, a.btn-theme:hover {
  background-color: #ff6b6b;
  color: #fff; }
[class*="btn-"].current:active,
.btn-theme:active, a.btn-theme:active {
  background-color: #ff2929; }

.btn-yellow, a.btn-yellow {
  background-color: #ffab19;
  border-color: #ffa200; }
.btn-yellow:hover, a.btn-yellow:hover {
  background-color: #ffba42; }
.btn-yellow:active, a.btn-yellow:active {
  background-color: #ffa200; }

.btn-gray, a.btn-gray {
  color: #999;
  background-color: #eeeeee;
  border-color: #ccc; }
.btn-gray:hover, a.btn-gray:hover {
  background-color: #f9f9f9; }
.btn-gray:active, a.btn-gray:active {
  background-color: #dddddd; }

.btn-white, a.btn-white {
  color: #999;
  background-color: white;
  border-color: #dddddd; }
.btn-white:hover, a.btn-white:hover {
  color: #555; }
.btn-white:active, a.btn-white:active {
  background-color: #dddddd; }

.btn-black, a.btn-black {
  color: white;
  background-color: #333333;
  border-color: #222222; }
.btn-black:hover, a.btn-black:hover {
  background-color: #555; }
.btn-black:active, a.btn-black:active {
  background-color: #222222; }

.btn-double {
  color: #555;
  padding: 4px;
  border-color: #eeeeee; }
.btn-double:hover > span {
  background-color: #ccc; }
.btn-double:active > span {
  background-color: #999; }

.btn-double > span {
  display: block;
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
  line-height: 37px;
  padding: 0 20px; }

.btn-hollow, a.btn-hollow {
  background: none; }

.btn-hollow.btn-theme, a.btn-hollow.btn-theme {
  color: #ff2929; }

.btn-hollow.btn-orange, a.btn-hollow.btn-orange {
  color: #e27100; }

.btn-hollow.btn-blue, a.btn-hollow.btn-blue {
  color: #0099e6; }

.btn-hollow.btn-white, a.btn-hollow.btn-white {
  color: white; }

.btn-hollow.btn-black, a.btn-hollow.btn-black {
  color: #333333; }

.btn-hollow.btn-white:hover, a.btn-hollow.btn-white:hover {
  background: rgba(255, 255, 255, 0.1); }

.btn-hollow:hover, a.btn-hollow:hover {
  color: #fff; }

.btn-hollow.btn-gray:hover, a.btn-hollow.btn-gray:hover {
  color: #ccc; }

.hover-theme:hover, a.hover-theme:hover {
  border-color: #ff2929;
  background-color: #ff6b6b;
  color: #fff; }

.hover-theme:active, a.hover-theme:active {
  background-color: #ff2929; }

.btn-double.hover-theme:hover {
  background: transparent; }

.btn-double.hover-theme:hover > span {
  background-color: #ff6b6b; }

.btn-round, a.btn-round, button.btn-round {
  border-radius: 1000px; }

.btn-radius, a.btn-radius, button.btn-radius {
  border-radius: 3px; }

.btn-xsmall, a.btn-xsmall {
  padding: 2px 3px;
  font-size: 12px;
  line-height: 1;
  height: auto; }

.btn-small, a.btn-small {
  font-size: 12px;
  height: auto;
  line-height: 28px; }

.btn-medium, a.btn-medium {
  font-size: 14px; }

.btn-large, a.btn-large {
  font-size: 16px;
  line-height: 46px;
  padding: 0 20px; }

.btn-xlarge, a.btn-xlarge {
  font-size: 16px;
  line-height: 60px;
  padding: 0 50px; }

.btn-length, a.btn-length {
  padding: 0 50px; }

/*按钮大小-固定值*/
.btn-100x35, a.btn-100x35 {
  width: 110px;
  line-height: 35px; }

.btn-100x30, a.btn-100x30 {
  width: 100px;
  line-height: 30px; }

.btn-150x35, a.btn-150x35 {
  width: 150px;
  line-height: 35px; }

.btn-300x40, a.btn-300x40 {
  width: 300px;
  line-height: 40px; }

.btn-200x40, a.btn-200x40 {
  width: 200px;
  line-height: 40px; }

.btn-82x28, a.btn-82x28 {
  width: 82px;
  line-height: 28px;
  font-size: 12px; }

.btn-72x24, a.btn-72x24 {
  width: 72px;
  line-height: 24px; }

.btn-100x35, .btn-100x3, .btn-150x35, .btn-250x40, .btn-200x40, .btn-82x28, .btn-72x24 {
  overflow: hidden;
  white-space: nowrap; }

/*按钮大小-完全自适应*/
.btn-free, a.btn-free {
  width: 100%;
  height: 100%;
  display: block; }

.btn-free:before, a.btn-free:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.button-box {
  padding: 20px 10px;
  text-align: center; }

.button-box > * {
  margin-right: 10px; }

.button-box > *:last-child {
  margin-right: 0; }

.button-item p {
  margin: 10px 0; }

.button-item span {
  display: inline-block;
  margin: 0 14px 10px 0;
  vertical-align: top;
  text-align: center; }

.button-item span:last-child {
  margin-right: 0; }

.button-item span em {
  color: #999; }

.button-item [class*="btn-"] {
  width: 170px; }

.button-item p.fs16 a {
  text-decoration: underline; }
  
  .tips-wrap {
  margin: 30px 0;
  text-align: center; }

.tips-wrap h2 {
  margin: 10px 0;
  font-size: 24px; }

.tips-text {
  font-size: 20px;
  line-height: 2;
  margin: 10px auto;
  max-width: 500px;
  color: #999; }

.tips-pic {
  margin: 5px; }

.tips-icon {
  line-height: 1.2; }

.tips-icon i {
  color: #ccc;
  font-size: 150px; }

.file-camera {
  cursor: pointer;
  position: relative; }

.file-camera:before {
  content: "\e656";
  font-family: "kiconfont";
  font-size: 30px;
  line-height: 30px;
  position: absolute; }
.down-img img, .collect-img img {
  display: block;
  margin: 0 auto; }

.go-down, .go-collect {
  text-align: center;
  font-size: 20px;
  color: #999999;
  line-height: 1;
  padding-bottom: 46px; }

.go-down a, .go-collect a {
  font-size: 20px;
  color: #eb3e3e; }

.down-information, .collect-information {
  width: 500px;
  margin: 20px auto;
  border: 1px solid #eeeeee;
  background: #fff; }

.down-information p, .collect-information p {
  display: block;
  width: 460px;
  margin: 0 auto;
  border-top: 1px dashed #eeeeee;
  padding: 26px 0 24px 0;
  font-size: 14px;
  line-height: 1;
  text-align: center; }

.down-information p:first-child, .collect-information p:first-child {
  border-top: 0; }

.down-information .qq-tel, .collect-information .qq-tel {
  width: 395px;
  padding: 24px 0 20px 0;
  margin: 0 auto; }

.qq-tel .qq {
  width: 130px;
  height: 34px;
  background: #eb3e3e;
  margin-right: 24px;
  cursor: pointer; }

.qq-tel .tel {
  width: 236px;
  height: 34px;
  background: #333333;
  cursor: pointer; }

.qq-tel .tel, .qq-tel .qq {
  display: inline-block;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 4px 5px; }

.qq-tel .tel > i, .qq-tel .qq > i {
  font-size: 18px;
  color: #fff; }

.qq-tel .qq span {
  line-height: 1;
  font-size: 16px;
  display: inline-block; }

.qq-tel .tel span {
  line-height: 1;
  font-size: 16px;
  display: inline-block;
  letter-spacing: -1px; }
.text-minor {
  color: #ff5a00 !important; }

.text-theme,.text-theme a {
  color: #ff4242 !important; }

.text-gray-darken {
  color: #333333 !important; }

.text-gray {
  color: #555 !important; }

.text-gray-light {
  color: #999 !important; }

.text-gray-light-s {
  color: #ccc !important; }

.text-gray-light-sx {
  color: #b2b2b2 !important; }

.text-blue {
  color: #0af !important; }

.text-green {
  color: #5ed125 !important; }

.text-7c {
  color: #7C7C7C !important; }

.text-77 {
  color: #777777 !important; }

.text-55 {
  color: #555555 !important; }

.text-33 {
  color: #333333 !important; }

.text-3A {
  color: #3A3A3A !important; }

.text-66 {
  color: #666666 !important; }

.text-orange {
  color: #fb7e00 !important; }

.text-red {
  color: #de4535 !important; }

.text-pink {
  color: #f7518c !important; }

.text-white {
  color: white !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-left {
  text-align: left !important; }

.text-del {
  text-decoration: line-through !important; }

/*文字加粗*/
.text-strong {
  font-weight: 600; }

/*消除文字行高*/
.text-height {
  line-height: 1; }

/*字体间距*/
.text-letter {
  letter-spacing: 15px; }

.fs10 {
  font-size: 10px !important; }

.fs12 {
  font-size: 12px !important; }

.fs13 {
  font-size: 13px !important; }

.fs14 {
  font-size: 14px !important; }

.fs16 {
  font-size: 16px !important; }

.fs17 {
  font-size: 17px !important; }

.fs18 {
  font-size: 18px !important; }

.fs20 {
  #font-size: 20px !important; 
 }

.fs24 {
  font-size: 24px !important; }

.fs28 {
  font-size: 28px !important; }

.fs30 {
  font-size: 30px !important; }

.fs32 {
  font-size: 32px !important; }

*[class*=kicon-] {
    font-family: "kiconfont", "Lantinghei SC", "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Segoe UI", "Lucida Grande", Helvetica, "SimHei", sans-serif;
    font-weight: 300;
}
  em, i, cite, var {
    font-style: normal;
}
.kicon-search:before{
	
	content: "\f52a";
}