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;
}