/* ::selection {
  background: #ff3c3c;
  color: white;
} */

html,body{
	width: 100%;
	height: 100%;
}

[v-cloak] {
  display: none;
}
/*左浮动*/
.floatLeft {
  float: left !important;
}

/*右浮动*/
.floatRight {
  float: right !important;
}

/*去除margin*/
.marginNone {
  margin: 0 !important;
}

.marginLeft0 {
  margin-left: 0 !important;
}

.marginRight0 {
  margin-right: 0 !important;
}

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

.marginBottom0 {
  margin-bottom: 0 !important;
}

/*去除padding*/
.padding0 {
  padding: 0 !important;
}

.paddingLeft0 {
  padding-left: 0 !important;
}

.paddingRight0 {
  padding-right: 0 !important;
}

.paddingTop0 {
  padding-top: 0 !important;
}

.paddingBottom0 {
  padding-bottom: 0 !important;
}

/*显示隐藏*/
.displayBlock {
  display: block !important;
}

.displayNone {
  display: none !important;
}

/*文本位置*/
.textAlignCenter {
  text-align: center !important;
}

.textAlignLeft {
  text-align: left !important;
}

.textAlignRight {
  text-align: right !important;
}

/*溢出隐藏*/
.overflowHidden {
  overflow: hidden !important;
}

/*清浮动*/
.clearFloat:after {
  clear: both;
  content: ".";
  width: 0px;
  height: 0px;
  display: block;
  overflow: hidden;
  visibility: hidden;
}

/*去除border*/
.border0 {
  border: 0 !important;
}

.borderTop0 {
  border-top: 0 !important;
}

.borderbottom0 {
  border-bottom: 0 !important;
}

.borderLeft0 {
  border-left: 0 !important;
}

.borderRight0 {
  border-right: 0 !important;
}

body {
  position: relative;
}

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

.dot1row {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dot2row {
  width: 100%;
  overflow: hidden; /*必须结合的属性,当内容溢出元素框时发生的事情*/
  text-overflow: ellipsis; /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: 2; /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.dot3row {
  width: 100%;
  overflow: hidden; /*必须结合的属性,当内容溢出元素框时发生的事情*/
  text-overflow: ellipsis; /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: 3; /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.fontBold {
  font-weight: bold;
}

.animateDurationHalf {
  animation-duration: 1s !important;
  -ms-animation-duration: 1s !important;
}

.animateDuration2s {
  animation-duration: 1.5s !important;
  -ms-animation-duration: 1.5s !important;
}

.animateDuration3s {
  animation-duration: 3s !important;
  -ms-animation-duration: 3s !important;
}

.animateDuration4s {
  animation-duration: 4s !important;
  -ms-animation-duration: 4s !important;
}

.animateDuration4s {
  animation-duration: 5s !important;
  -ms-animation-duration: 5s !important;
}

.animate__delay-01s {
  animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
}

.animate__delay-02s {
  animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
}

.animate__delay-03s {
  animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
}

.animate__delay-04s {
  animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
}

.animate__delay-05s {
  animation-delay: 0.5s;
  -ms-animation-delay: 0.6s;
}

.animate__delay-06s {
  animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
}

.animate__delay-07s {
  animation-delay: 0.7s;
  -ms-animation-delay: 0.7s;
}

.animate__delay-08s {
  animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
}

.animate__delay-09s {
  animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
}

.animate__delay-12s {
  animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
}

.animate__delay-15s {
  animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
}

.animate__delay-16s {
  animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
}

.animate__delay-17s {
  animation-delay: 1.7s;
  -ms-animation-delay: 1.7s;
}

.animate__delay-18s {
  animation-delay: 1.8s;
  -ms-animation-delay: 1.8s;
}

.animate__delay-19s {
  animation-delay: 1.9s;
  -ms-animation-delay: 1.9s;
}

.animate__delay-05s {
  animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
}

.animate__delay-2s {
  animation-delay: 2s;
  -ms-animation-delay: 2s;
}

.animate__delay-21s {
  animation-delay: 2.1s;
  -ms-animation-delay: 2.1s;
}

.animate__delay-22s {
  animation-delay: 2.2s;
  -ms-animation-delay: 2.2s;
}

.animate__delay-23s {
  animation-delay: 2.3s;
  -ms-animation-delay: 2.3s;
}

.animate__delay-24s {
  animation-delay: 2.4s;
  -ms-animation-delay: 2.4s;
}

.animate__delay-25s {
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
}

.animate__delay-26s {
  animation-delay: 2.6s;
  -ms-animation-delay: 2.6s;
}

.animate__delay-28s {
  animation-delay: 2.8s;
  -ms-animation-delay: 2.8s;
}

.animate__delay-29s {
  animation-delay: 2.9s;
  -ms-animation-delay: 2.9s;
}

.animate__delay-3s {
  animation-delay: 3s;
  -ms-animation-delay: 3s;
}

.animate__delay-31s {
  animation-delay: 3.1s;
  -ms-animation-delay: 3.1s;
}

.animate__delay-33s {
  animation-delay: 3.3s;
  -ms-animation-delay: 3.3s;
}

.animate__delay-35s {
  animation-delay: 3.5s;
  -ms-animation-delay: 3.5s;
}

@keyframes swiperLine {
  from {
    width: 0;
  }

  /* 50% {
		opacity: 1;
		z-index: 99;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
	} */

  to {
    width: 100%;
  }
}

@-webkit-keyframes swiperLine {
  from {
    width: 0;
  }

  /* 50% {
		opacity: 1;
		z-index: 99;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
	} */

  to {
    width: 100%;
  }
}

/* 图片通用
 ********************************************************/
.box-img {
  display: block;
  width: 100%;
  height: 100%;
}

.FFF1E6{
	background-color: #FFF1E6!important;
}