html {
  overflow-y: scroll;
}
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
:root body {
  position: absolute;
}
body {
  width: 100vw;
  overflow: hidden;
}
/* 閸掑棙鏆庣€靛綊缍堝鈧慨锟 */
.jpJustifyBox {
  font-size: 0;
  width: 100%;
  text-align-last: justify;
  /* 閸忕厧顔恌irefox */
  -moz-text-align-last: justify;
  text-align: justify;
  /* 閸忕厧顔恑e */
  text-justify: distribute-all-lines;
  /* ie娑撳娓剁拋鍙ヨ礋block */
  display: block;
}
.jpJustify {
  display: inline-block;
  vertical-align: top;
  text-align-last: left;
}
.jpLastJustify {
  width: 100%;
}
/* 閸掑棙鏆庣€靛綊缍堢紒鎾存将 */
.yx_ani * {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari 姘撻垾娅拷 Chrome */
  -o-transition: all 0.5s;
  /* Opera */
}
.yx_ani *:before {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari 姘撻垾娅拷 Chrome */
  -o-transition: all 0.5s;
  /* Opera */
}
.yx_ani *:after {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari 姘撻垾娅拷 Chrome */
  -o-transition: all 0.5s;
  /* Opera */
}
.jpTransition1{
  transition:all 1s;
  -ms-transition:all 1s;
  /* IE 9 */
  -moz-transition:all 1s;
  /* Firefox */
  -webkit-transition:all 1s;
  /* Safari 閸滐拷 Chrome */
  -o-transition:all 1s;
  /* Opera */
}
.jpClear::before,.jpClear::after{
  content: '';
  clear: both;
  display: block;
}
.jpActive{
  background:#e06938;
}
.jpActive > a{
  color: #fff;
}
.jpAbsolute{
  position: absolute;
}
.jpRelative{
  position: relative;
}
.jpLeft{
  text-align: left;
  text-align-last: left;
}
.jpCenter{
  text-align: center;
  text-align-last: center;
}
.jpRight{
  text-align: right;
  text-align-last: right;
}
.jpOverFlowHid{
  overflow: hidden;
}
.jpTransition{
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari & Chrome */
  -o-transition:all 0.5s;
  /* Opera */
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a0a0a0;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: MicrosoftYaHei;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #a0a0a0;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: MicrosoftYaHei;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0a0a0;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: MicrosoftYaHei;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0a0a0;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: MicrosoftYaHei;
}
@media screen and (max-width: 768px){
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a0a0a0;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: MicrosoftYaHei;
  }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #a0a0a0;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: MicrosoftYaHei;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a0a0a0;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: MicrosoftYaHei;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a0a0a0;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: MicrosoftYaHei;
  }
}
/* Grid Start */
.jpCol_1 {
  display: inline-block;
  width: 10%;
}
.jpCol_2 {
  display: inline-block;
  width: 20%;
}
.jpCol_3 {
  display: inline-block;
  width: 30%;
}
.jpCol_4 {
  display: inline-block;
  width: 40%;
}
.jpCol_5 {
  display: inline-block;
  width: 50%;
}
.jpCol_6 {
  display: inline-block;
  width: 60%;
}
.jpCol_7 {
  display: inline-block;
  width: 70%;
}
.jpCol_8 {
  display: inline-block;
  width: 80%;
}
.jpCol_9 {
  display: inline-block;
  width: 90%;
}
@media only screen and (max-width: 768px){
  div[class*="jpCol_"]{
    width: 100%;
  }
}
/* Grid End */
:root{
  --main-color:#ee4b51;
}