a, a:focus, a:active, a:hover{ color: inherit; } /* 鍒嗘暎瀵归綈寮€濮 */ .jpJustifyBox { font-size: 0; width: 100%; text-align-last: justify; /* 鍏煎firefox */ -moz-text-align-last: justify; text-align: justify; /* 鍏煎ie */ text-justify: distribute-all-lines; /* ie涓嬮渶璁句负block */ display: block; } .jpJustify { display: inline-block; vertical-align: top; text-align-last: left; } .jpLastJustify { width: 100%; } /* 鍒嗘暎瀵归綈缁撴潫 */ .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; } .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: #666; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-moz-placeholder, textarea:-moz-placeholder { color: #666; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input::-moz-placeholder, textarea::-moz-placeholder { color: #666; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } @media screen and (max-width: 768px){ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; font-size: 14px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-moz-placeholder, textarea:-moz-placeholder { color: #666; font-size: 14px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input::-moz-placeholder, textarea::-moz-placeholder { color: #666; font-size: 14px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; 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 */ html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow: hidden; } /* 鍥剧墖澶勭悊 */ .jpPic { overflow: hidden; } .jpPic img { width: 80px; height: auto; transform: scale(1); }