@charset 'utf-8';
/*remove the gray background color from tap, default value is inherit*/
html{min-height:100%;-webkit-tap-highlight-color: transparent;}
body{min-height:100%; font-size:14px; color: #000; -webkit-overflow-scrolling: touch; font-family: system-ui, -apple-system, Segoe UI,Helvetica, Arial, sans-serif; }
/*dt,li没有margin和padding*/
body,h1,h2,h3,h4,h5,h6,dl,dd,p,th,td,form,figure{ margin:0; }
*{box-sizing: border-box;}
*:focus { outline: none; }
ul,ol,menu{ margin:0;padding:0; }
ul{list-style-type: none;}
img{ vertical-align: middle; border:0; }
table{ border-collapse: collapse; border-spacing: 0; }
a  { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;color:#000; transition:all 300ms ease 0s;}
i  { font-style:normal; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h1,h2,h3,h4,h5,h6{ line-height: 2; font-weight: normal; }
button,input,optgroup,select,textarea{border:0;}
button,input{border-radius:0;padding:0; outline: none; margin:0;}
textarea,input{ -webkit-appearance: none;-webkit-user-modify: read-write-plaintext-only;/*Android 下 input focus 消除高亮外框*/}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
 -webkit-appearance: none;
}
::-webkit-input-placeholder { color: #999;  } 
:-moz-placeholder { color: #999;} 
::-moz-placeholder { color: #999; } 
:-ms-input-placeholder { color: #999;} 
img{ max-width: 100%;}
/**********常用类简写***********/
.w100{ width:100%;}
.h100{ height:100%;}
.w50{ width:50%;}
.ma{ margin-left: auto; margin-right: auto;}
.clr{ display:block; clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:"";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.ofhidden{overflow:hidden;}
.ovh{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ovh2{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ovh3{-webkit-line-clamp: 3;}
.fa{ font-family: "Arial";}
.fs{ font-family: "宋体";}
.z9{ z-index: 9;}
.overhidden{ overflow:hidden;}
.img100{width: 100%; height: 100%;}
.imgw100{ width:100%; height:auto;}
.imgh100{ width:auto; height:100%}
.imgam{ width:auto; max-width:100%; height:auto;max-height:100%;}
.imgvt{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; max-height: 100%; max-width: 100%; width:auto; height:auto;}
.imgvt85{ max-height: 85%; max-width: 85%;}
.vt{ vertical-align:top;}
.vm{ vertical-align:middle;}
.db{ display:block;}
.dib{ display:inline-block; *zoom:1; *display:inline;}
.tb{ display:table;}
.tb_cell{ display:table-cell; vertical-align: middle;}
.dn{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.fb{ font-weight:bold;}
.rel{ position:relative;}
.abs{ position:absolute;}
.tac{ text-align:center;}
.tal{ text-align:left;}
.tar{ text-align:right;}
.taj{ text-align: justify;}
.cf{ color:#fff;}
.c3{ color:#333;}
.c9{ color:#999;}
.c6{ color:#666;}
.c0{ color:#000;}
.mc{ color:#0068b7;}
.red{ color:#ff0000;}
.cgrey{ color:#7f7e7e;}
.cd4{ color:#d4d4d4;}
.bgcf{ background-color: #fff;}



