@font-face {
  font-family: 'SourceHanSansCN-Normal';
  src: url(http://www.miaow.net.cn/assets/static/font/SourceHanSansCN-Normal.otf), url(../font/SourceHanSansCN-Normal.ttf);
  font-weight: 500;
  font-style: normal;
}

/* url(/assets/static/font/SourceHanSansCN-Normal.otf)  */

@font-face {
  font-family: 'Archivo';
  src: url(http://www.miaow.net.cn/assets/static/font/Archivo.otf), url(../font/Archivo.ttf);
  font-weight: 500;
  font-style: normal;
}

/* url(/assets/static/font/Archivo.woff) */

/************ style reset ************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, form, label, legend, caption, tbody, tfoot, thead, tr, th, figure, section, menu {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  word-wrap: break-word;
  box-sizing: border-box;
}

/*body{*/

/*font-family:"Hiragino Sans GB","Microsoft YaHei", "微软雅黑","Helvetica Neue";
}*/

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

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;
  display: block;
}

:focus {
  outline: none;
}

/*@purpose To enable resizing for IE */

/*@branch For IE6-Win, IE7-Win */

input, button, textarea, select {
  *font-size: 100%;
}

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

/************ global style ************/

html {
  -webkit-text-size-adjust: none;
}

body {
  background: #fff/*url(../images/bg.gif)*/
  repeat-x center -20px;
  color: #7A6B48;
  /* font: 12px/1.8 "Microsoft YaHei", 'arial', 'tahoma', 'simsun', 'sans-serif'; */
  font: 12px/1.8 'Archivo', 'SourceHanSansCN-Normal', 'tahoma', 'simsun', 'sans-serif' ;
}

body.active {
  height: 100vh;
  overflow: hidden;
}

select, input, textarea {
  color: #7C796F;
  font: 12px/1.6 'SourceHanSansCN-Normal', 'Archivo', "tahoma", simsun, sans-serif !important;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: none;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease
}

a:link, a:active, a:visited {
  color: #555;
}

a:hover {
  color: #555555;
  text-decoration: none;
}

/*p { !*word-break:break-all;word-wrap:break-word;*! margin:0 auto; padding:0; text-align:justify; }*/

img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
  vertical-align: middle;
}

.clearfix {
  zoom: 1;
}

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

.back {
  clear: both;
  text-align: center;
  margin-top: 20px;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.animate {
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

.w1100 {
  width: 1100px;
  margin: 0 auto;
}

.w1200 {
  width: 1200px;
}

/********************* color style ***************************/

.red, a.red, .red a {
  color: red!important;
}

.blue {
  color: #039;
}

.orange, a.orange, .orange a:link {
  color: #f47920;
}

.pink, a.pink, .pink a {
  color: #fb78ca;
}

.green, a.green, .green a {
  color: #079100;
}

.big_red, a.big_red, .big_red a {
  color: red!important;
  font-size: 14px;
}

.deep_red, a.deep_red, .deep_red a {
  color: #dd6c3f!important;
}

.read-only {
  color: gray!important;
}

.yellow, a.yellow, .yellow a {
  color: #f8fc35!important;
}

.white, a.white, .white a {
  color: white!important;
}

.fs14 {
  font-size: 14px;
}

.fs18 {
  font-size: 18px;
}

.b {
  font-weight: bold;
}

.b14 {
  font-size: 14px;
  font-weight: bold;
}

.b20 {
  font-size: 20px;
  font-weight: bold;
}

.mt5 {
  margin-top: 5px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt0 {
  margin-top: 0!important;
}

.hand {
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

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

.ti2em {
  text-indent: 2em;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.fn-left, .fl {
  float: left;
}

.fn-right, .fr {
  float: right;
  position: relative;
}

.fn-clear, .clearboth {
  zoom: 1;
}

.fn-clear:after, .clearboth:after {
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
  clear: both;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.mar-top {
  margin-top: 80px;
}

/*遮罩*/

.div-mask {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  background: url("../image/p-mask.png") no-repeat center center;
  background-size: cover;
  /*display: none;*/
}