:root {
    --color-text: #333333;
    --color-high-text: #ff5777;
    --color-tint: #ff8198;
    --color-background: #fff;
    --font-size: 14px;
    --line-height: 1.5;
    --primiary-color:#FF7420;
  }
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,body{
    width: 100%;
    font-family: 'Microsoft YaHei-Regular', 'PingFangSC-Regular', 'Pingfang-SC', 'Pingfang-SC-semibold', 'Microsoft YaHei-Bold';
    user-select: none; /* 禁止用户鼠标在页面上选中文字/图片等 */
    -webkit-tap-highlight-color: transparent; /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
    background: var(--color-background);
    color: var(--color-text);
}
a {
    text-decoration: none;
  }
  ol,
  ul {
    list-style: none;
  }
  input {
    background: none;
    outline: none;
  }
  input:focus {
    border-color: transparent;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
  }
  input[type='number'] {
    appearance: textfield;
    -moz-appearance: textfield;
  }
.pos-r {
	position: relative;
}
.d-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-direction: row;
}
.d-flex-column {
	flex-direction: column;
}
.d-flex-wrap {
	flex-wrap: wrap;
}
.d-flex-1 {
	flex: 1;
}
.d-flex-2 {
	flex: 2;
}
.d-flex-middle {
	align-items: center;
}
.d-flex-bottom {
	align-items: flex-end;
}
.d-flex-top {
	align-items: flex-start;
}
.d-flex-center {
	justify-content: center;
}
.d-flex-end {
	justify-content: flex-end;
}
.d-flex-between {
	justify-content: space-between;
}
.clearfix::after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
.fadeInDown{
    -webkit-animation: fadeInDown 1s ease-in-out forwards;
    -moz-animation: fadeInDown 1s ease-in-out forwards;
    -ms-animation: fadeInDown 1s ease-in-out forwards;
    animation: fadeInDown 1s ease-in-out forwards;
  }
.fadeInUp{
    -webkit-animation: fadeInUp 1s ease-in-out forwards;
    -moz-animation: fadeInUp 1s ease-in-out forwards;
    -ms-animation: fadeInUp 1s ease-in-out forwards;
    animation: fadeInUp 1s ease-in-out forwards;
  }
  .fadeInUp-1{
    animation: fadeInUp 1.2s ease-in-out forwards;
  }
  .fadeInUp-2{
    animation: fadeInUp 1.4s ease-in-out forwards;
  }
  .fadeInUp-3{
    animation: fadeInUp 1.5s ease-in-out forwards;
  }
  .fadeInLeft1{
    -webkit-animation: fadeInLeft 0.3s ease-in-out forwards;
    -moz-animation: fadeInLeft 0.3s ease-in-out forwards;
    -ms-animation: fadeInLeft 0.3s ease-in-out forwards;
    animation: fadeInLeft 0.3s ease-in-out forwards;
  }
  .fadeInLeft2{
    -webkit-animation: fadeInLeft 0.5s ease-in-out forwards;
    -moz-animation: fadeInLeft 0.5s ease-in-out forwards;
    -ms-animation: fadeInLeft 0.5s ease-in-out forwards;
    animation: fadeInLeft 0.5s ease-in-out forwards;
  }
  .fadeInLeft3{
    -webkit-animation: fadeInLeft 0.7s ease-in-out forwards;
    -moz-animation: fadeInLeft 0.7s ease-in-out forwards;
    -ms-animation: fadeInLeft 0.7s ease-in-out forwards;
    animation: fadeInLeft 0.7s ease-in-out forwards;
  }
  .fadeInRight1{
    -webkit-animation: fadeInRight 0.3s ease-in-out forwards;
    -moz-animation: fadeInRight 0.3s ease-in-out forwards;
    -ms-animation: fadeInRight 0.3s ease-in-out forwards;
    animation: fadeInRight 0.3s ease-in-out forwards;
  }
  .fadeInRight2{
    -webkit-animation: fadeInRight 0.5s ease-in-out forwards;
    -moz-animation: fadeInRight 0.5s ease-in-out forwards;
    -ms-animation: fadeInRight 0.5s ease-in-out forwards;
    animation: fadeInRight 0.5s ease-in-out forwards;
  }
  .fadeInRight3{
    -webkit-animation: fadeInRight 0.7s ease-in-out forwards;
    -moz-animation: fadeInRight 0.7s ease-in-out forwards;
    -ms-animation: fadeInRight 0.7s ease-in-out forwards;
    animation: fadeInRight 0.7s ease-in-out forwards;
  }
  .fadeOpacityIn{
        animation: fadeOpacityIn .5s ease-in-out forwards;
  }
  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%,0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0,0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @-webkit-keyframes fadeOpacityIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }