/*通用样式*/
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  outline: none;
  color: rgb(37,37,37);
  font-weight: normal;
  box-sizing: border-box;
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing: antialiased;
}
body:hover, div:hover, span:hover, header:hover, footer:hover, nav:hover, section:hover, aside:hover, article:hover, ul:hover, dl:hover, dt:hover, dd:hover, li:hover, a:hover, p:hover, h1:hover, h2:hover, h3:hover, h4:hover,h5:hover, h6:hover, i:hover, b:hover, textarea:hover, button:hover, input:hover, select:hover, figure:hover, figcaption:hover{
  outline: none;
}
*, :after, :before {
  box-sizing: border-box;
}
img{
  vertical-align: bottom;
  border: 0;
}

/*清除默认a标签的样式*/
a {
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
  background-color: transparent;
  display: inline-block;
}
a:hover{color:rgb(2, 126, 179);}
a:hover, a:active, a:visited, a:link {
  text-decoration: none;
  outline: none;
}

/*清除默认列表样式*/
li {
  display: list-item;
  text-align: -webkit-match-parent;
}
ul,li,ol{
  list-style:none;
}

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
  -webkit-appearance: none;
}

textarea { -webkit-appearance: none;}

html,body{
  height: 100%;
  width: 100%;
  min-width: 1100px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  /*font-family:"%u65B9%u6B63%u5170%u4EAD%u9ED1","FZLantinghei","Lantinghei","Lantinghei SC","Microsoft Yahei",sans-serif;*/
  font-family: "Microsoft Yahei",sans-serif;
}

/*清除浮动带来的影响*/
.whb-clear:after{
  content: '';
  display: block;
  clear: both;
}

.whb-clear{
  zoom:1;
}

.back_img{
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.margin{
  margin: 0 auto;
}

.left{
  float: left;
}

.right{
  float: right;
}

.hide{
  display: none;
}

.show{
  display: block;
}

.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

@keyframes backOpacity{
  0%   { opacity: 1 }
  25%  { opacity: .5 }
  50%  { opacity: 1 }
  75%  { opacity: .5 }
  100% { opacity: 1 }
}

.animation_opactiy{
  animation: backOpacity 2s ease-in-out infinite;
}
/*鼠标移入鼠标显示图标*/
.pointer {
  cursor: pointer;
}

/*弹性框布局，及其兼容性问题*/
.flex-layout{
  display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  flex-wrap: nowrap;
}
/*横向排列*/
.flex-hrz{
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
/*纵向列*/
.flex-vrtc{
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
/*换行*/
.flex-w{
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex-hrz-center {
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
/*无伸长*/
.no-flex{
  flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -webkit-flex-grow: 0;
}
.have-flex{
  flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
}
/*有无压缩*/
.no-shink{
  flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.have-shink{
  flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-shrink: 1;
  -webkit-flex-shrink: 1;
}
/*解决外边距溢出问题*/
.mt_overflow:before {
  content: '';
  display: table;
}
/*解决外边距溢出问题*/
.mb_overflow:after {
  content: '';
  display: table;
}
/*加载动画*/
.loading-modal{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0);
  z-index: 40000;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.loading-modal-dialog{
  position: fixed;
  z-index: 50000;
  width: 80%;
  max-width: 300px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.loading-modal-dialog img{
  -webkit-animation:spin 1.5s linear infinite;
  -moz-animation:spin 1.5s linear infinite;
  animation:spin 1.5s linear infinite;
  width:30px;
  height:30px;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.loading_more{
  display: block;
  height: 1.5em;
  width: 100%;
}
.loading_more:before {
  display: inline-block; vertical-align: text-bottom;
  content: ' '; height: 16px; width: 16px; margin-right: 6px;
  background: url(../images/loading_more.gif) no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
}
.loading_more:after {
  content: '加载更多';
}
/*字体颜色*/
.text-white{color: #fff;}
.text-black{color: #000;}