@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;list-style:none;}
html{font-size:50px;}
body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;color:#666;line-height:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;/*width:100%*/}
em,address,i{font-style:normal}
a{color:#666;text-decoration:none;cursor: pointer;}
a:visited,
a:active{color: #666;}
a img{border:none;}
table{border-collapse:collapse;border-spacing:0; width:100%;}
input:focus,
textarea:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
    outline: none;
}
input::-webkit-input-placeholder{color: #b6b6b6;}
input:-moz-placeholder{color: #b6b6b6;}
input::-moz-placeholder{color: #b6b6b6;}
input:-ms-input-placeholder{color: #b6b6b6;} 
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input[type=button]{
    /* 重置iPhone上的safari解析input按钮时的默认UI渲染 */
	-webkit-appearance:none;
}
pre{white-space: inherit;}/*修复带预格式标签文字样式显示异常问题*/
*{
    /*清除点击之后出现蓝色的边框*/
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}
button{background:none;border: none;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
/*  width: 5px;
  height: 8px;
  background-color: #D9D9D9; */
  width: 0;
  height: 0;
display: none;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  background-color: #D9D9D9;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #D02627;
}
/* 动效 */
#animat {
  animation: mymove 5s infinite;
  /*Safari and Chrome*/
  animation-direction: alternate;
  /*轮流反向播放动画。*/
  animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  /* Safari 和 Chrome */
  -webkit-animation: mymove 3s infinite;
  -webkit-animation-direction: alternate;
  /*轮流反向播放动画。*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
}
@keyframes mymove {
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes mymove {
  /*Safari and Chrome*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}

img{
	font-size: 0;
	vertical-align: middle;
}
@-webkit-keyframes load {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes load {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

/* 加载层样式 */
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: load 1.2s infinite ease-in-out;
  animation: load 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.fc-left{
	float: left;
}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height:0; height:0}
.fc-elip-1{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.fc-elip-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fc-elip-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* flex 布局 */
.fc-flex{display:flex;}
.fc-rows{display:flex; flex-direction:row;}
.fc-columns{display:flex; flex-direction:column;}
.fc-wrap{display:flex;  flex-direction:row; flex-wrap:wrap;}
.fc-nowrap{display:flex; flex-direction:row; flex-wrap:nowrap;}
.fc-space-between{display:flex; flex-direction:row; justify-content:space-between;}
.fc-flex-center{display:flex; flex-direction:row; justify-content:center;}
.fc-flex-end{display:flex; flex-direction:row; justify-content:flex-end;}
.fc-flex-vtop{align-items:flex-start;}
.fc-flex-vcenter{align-items:center;}
.fc-flex-vbottom{align-items:flex-end;}
.fc-no-scale{flex-shrink:0;}
.fc-flex1{flex:1;}

[v-cloak] {
  display: none;
}
.fc-text-center{
	text-align: center;
}

@font-face {
	font-family: 'dfont';
	src: url('../font/DIN_Alternate_Bold.ttf')
}