@charset "utf-8";
/*basic - reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, i, img, strong, b, table, th, td, dl, ol, ul, li, dt, dd, form, fieldset, label, input, button, select, textarea {
  margin: 0;
  padding: 0;
  outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  font-family:'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1.42857143;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  /*字体抗锯齿渲染*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*, *:before, *:after {
  box-sizing: border-box;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

/**
 * Add the correct display in IE 9-.
 */

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul, ol, li {
  list-style: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  display: inline;
  border: 0 none
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 * 3.a:hover, a:active, a:visited, a:link, a:focus
 */

a {
  color: inherit;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  /*去除移动端点击显示的蓝色背景*/
  -webkit-tap-highlight-color: transparent;
  /*禁止用户选择文本*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-decoration-skip: objects;
}

a, area, button, input, label, select, summary, textarea {
  cursor: pointer;
  /*移动端300ms延迟*/
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

em, i, ins {
  font-style: normal;
  text-decoration: none;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

hr {
  box-sizing: content-box;
  /* correct box sizing in Firefox */
  height: 0;
  /* correct box sizing in Firefox */
  overflow: visible;
  /* Edge and IE */
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999;
}

button, input, select, textarea {
  border: none;
  outline: none;
}

/* IE后面叉号 */

input::-ms-clear, input::-ms-reveal {
  display: none;
}

/* 去掉input自动填充的黄色背景 */

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  box-shadow: 0 0 0px 1000px white inset;
}

textarea {
  overflow: auto;
  /* IE 10+ */
  resize: none
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button, html [type='button'], [type='reset'], [type='submit'] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the default vertical scrollbar in IE.
 */

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* flex */

.center-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex {
  display: -ms-flexbox;
  display: flex;
}

.flex-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-1 {
  -ms-flex: 1;
  flex: 1;
}

.flex-auto {
  -ms-flex: auto;
  flex: auto;
  /* 1 1 auto */
}

.flex-none {
  -ms-flex: none;
  flex: none;
  /* 0 0 auto */
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.direction-row {
  flex-direction: row;
  -ms-flex-direction: row;
}

.direction-row-reverse {
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
}

.direction-column {
  flex-direction: column;
  -ms-flex-direction: column;
}

.direction-column-reverse {
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
}

.justify-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.space-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-stretch {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-start {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-end {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-middle {
  -ms-flex-align: center!important;
  align-items: center!important;
}

.content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

.content-space-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.content-space-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.align-self-middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.flex-first {
  -ms-flex-order: -1;
  order: -1;
}

/* 弹性盒对象元素的顺序 值 1-n都可以*/

.flex-last {
  -ms-flex-order: 1;
  order: 1;
}

/* 常用 */

.box-w {
  width: 100%;
}

.box-h {
  height: 100%;
}

.pull-right {
  display: inline;
  float: right;
}

.pull-left {
  display: inline;
  float: left;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
}

.clearfix {
  zoom: 1;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-line2-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
}

.text-bold {
  font-weight: bold
}

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-line-through {
  text-decoration: line-through;
}

.text-underline {
  text-decoration: underline
}

.text-linedotted {
  text-decoration: underline dotted;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
  /*每个单词以大写字母开头*/
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.has-padding-sm {
  padding: 10px
}

.has-padding {
  padding: 15px 10px
}

.has-padding-lg {
  padding: 15px
}

.p-w-sm {
  padding-left: 5px;
  padding-right: 5px
}

.p-w {
  padding-left: 10px;
  padding-right: 10px
}

.p-w-lg {
  padding-left: 15px;
  padding-right: 15px
}

.p-v-sm {
  padding-top: 5px;
  padding-bottom: 5px
}

.p-v {
  padding-top: 10px;
  padding-bottom: 10px
}

.p-v-lg {
  padding-top: 15px;
  padding-bottom: 15px
}

.p-t5 {
  padding-top: 5px
}

.p-t10 {
  padding-top: 10px
}

.p-t15 {
  padding-top: 15px
}

.p-l5 {
  padding-left: 5px
}

.p-l10 {
  padding-left: 10px
}

.p-l15 {
  padding-left: 15px
}

.p-b5 {
  padding-bottom: 5px
}

.p-b10 {
  padding-bottom: 10px
}

.p-b15 {
  padding-bottom: 15px
}

.p-r5 {
  padding-right: 5px
}

.p-r10 {
  padding-right: 10px
}

.p-r15 {
  padding-right: 15px
}

.m-t5 {
  margin-top: 5px
}

.m-t10 {
  margin-top: 10px
}

.m-t15 {
  margin-top: 15px
}

.m-t20 {
  margin-top: 20px
}

.m-t30 {
  margin-top: 30px
}

.m-t40 {
  margin-top: 40px
}

.m-l5 {
  margin-left: 5px
}

.m-l10 {
  margin-left: 10px
}

.m-l15 {
  margin-left: 15px
}

.m-l20 {
  margin-left: 20px
}

.m-l30 {
  margin-left: 30px
}

.m-l40 {
  margin-left: 40px
}

.m-b5 {
  margin-bottom: 5px
}

.m-b10 {
  margin-bottom: 10px
}

.m-b15 {
  margin-bottom: 15px
}

.m-b20 {
  margin-bottom: 20px
}

.m-b30 {
  margin-bottom: 30px
}

.m-b40 {
  margin-bottom: 40px
}

.m-r5 {
  margin-right: 5px
}

.m-r10 {
  margin-right: 10px
}

.m-r15 {
  margin-right: 15px
}

.m-r20 {
  margin-right: 20px
}

.m-r30 {
  margin-right: 30px
}

.m-r40 {
  margin-right: 40px
}

.f12 {font-size: 12px}
.f13 {font-size: 13px}
.f14 {font-size: 14px}
.f15 {font-size: 15px}
.f16 {font-size: 16px}
.f18 {font-size: 18px}
.f20 { font-size: 20px}
.f21 { font-size: 21px}
.f22 { font-size: 22px }
.f23 { font-size: 23px }
.f24 { font-size: 24px }

.c3 {
  color: #333333
}

.c6 {
  color: #666666
}

.c9 {
  color: #999999
}

.cf {
  color: #ffffff
}

.cmain {
  color: #c8aa7d
}

.bg-main {
  background: #c8aa7d
}

.bg-white {
  background: #ffffff
}

.bg-body {
  background: #f0f2f5
}

.shadow-1 {
  box-shadow: rgba(0, 0, 0, .05) 0 1px 4px, rgba(0, 0, 0, .12) 0 1px 2px;
}

.shadow-2 {
  box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .15) 0 1px 4px;
}

.shadow-3 {
  box-shadow: rgba(0, 0, 0, .15) 0 3px 10px, rgba(0, 0, 0, .25) 0 3px 10px;
}

/* 浮动hover状态 */

.state:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  transition: .2s cubic-bezier(.175, .885, .32, 1);
  transform: scale(.6);
  pointer-events: none;
  opacity: 0;
  background-color: transparent;
  box-shadow: 0 0 0 .05rem rgba(0, 0, 0, .09);
}

.state:hover:after {
  transform: scale(1);
  opacity: 1;
  background-color: rgba(0, 0, 0, .07);
  box-shadow: 0 0 0 .05rem rgba(0, 0, 0, .07);
}

.state:focus {
  outline: none;
}

.state.focus:after {
  transform: scale(1);
  opacity: 1;
  background-color: rgba(0, 0, 0, .07);
  box-shadow: none;
}

.state.active:after {
  transform: scale(1);
  opacity: 1;
  background-color: rgba(0, 0, 0, .07);
  box-shadow: none;
}

.state:active:after {
  transform: scale(.95);
  background-color: rgba(0, 0, 0, .09);
  box-shadow: inset 0 0 0 .05rem rgba(33, 150, 243, .2), 0 0 0 .1rem rgba(33, 150, 243, .2);
}

.p-relative{ position: relative; }
.container {
  margin-right: auto;
  margin-left: auto;
  width: 1200px;
}

/* @media (min-width:320px){
  
}

@media (min-width:479px){
  
}

@media (min-width: 768px){
  .container {
    width: 750px;
  }
}

@media (min-width: 992px){
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px){
  .container {
    width: 1170px;
  }    
}

@media (min-width: 1240px){
  .container {
    width: 1200px;
  }
} */