body{ font-family: Microsoft Yahei; } a:active, a:hover, a:focus{ color: inherit; text-decoration: none; } /* 鍒嗘暎瀵归綈寮€濮 */ .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; } .jpPic{ overflow: hidden; } .jpPic img{ width: 100%; height: auto; transform: scale(1); } .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; } .jpActive{ background:#ca2929 !important; color: #fff !important; border: 1px solid #ca2929 !important; } .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 ease; -moz-transition: all 0.5s ease; /* Firefox 4 */ -webkit-transition: all 0.5s ease; /* Safari & Chrome */ -o-transition:all 0.5s ease; /* 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 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }