/** * CSS格式化 */ html{min-height: 100%;} body{font-family:"微软雅黑",arial;font-size: 14px; color: #333;background-color: #fec850;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td{margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6{font-weight:normal;} button, input, select, textarea{ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;outline:none} img{display:block;margin:0;border:0; border:none; padding:0;} address, cite, dfn, em, var{font-style: normal; } code, kbd, pre, samp, tt{font-family: "Courier New", Courier, monospace; } small {font-size:12px;} /* 小于 12px 的中文很难阅读,让 small 正常化 */ ul, ol{list-style: none; } legend{color: #000; } fieldset, img{border: none;} button, input, select, textarea{font-size: 100%;appearance: none;-webkit-appearance: none;-moz-appearance: none;} /* 注:optgroup 无法扶正 */ table{border-collapse: collapse; border-spacing: 0;} /* 重置表格元素 */ hr{border: none; height: 1px;} /* 重置 hr */ /* 公共类 */ /* 清理浮动 */ .clear{clear:both!important; height:0!important; font-size:0!important; line-height:0!important; width:100%!important; float:none!important;} /* 重置文本格式元素 */ a{text-decoration:none; color:inherit;} hr{ box-sizing: content-box; height: 0; margin: 7px 0; border: 0; border-top: 1px solid #ddd; } a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);} input,textarea{font-family:"微软雅黑",Arial, Helvetica, sans-serif;} /* 浮动居中 */ .cl{clear:both;} .fl{float:left;} .fr{float:right;} /* 间距填充 10 像素*/ .ov{overflow:hidden;} .m0{margin:0;} .ma{margin:0 auto;} .m{margin:10px;} .mt{margin-top:15px;} .mt2{ margin-top: 10px;} .mr{margin-right:10px;} .mb{margin-bottom:10px;} .ml{margin-left:10px;} .p{padding:10px;} .pt{padding-top:10px;} .pb{padding-bottom:10px;} .pl{padding-left:10px;} .mt20{margin-top: 20px;} .mb20{margin-bottom: 20px;} .ml20{margin-left: 20px;} .mr20{margin-right: 20px;} /* 块控制 */ .show{display:block;} .hide{display:none;} .noshow{visibility:hidden;} .ishow{visibility:visible;} .inshow{display:inline-block;} /* 定位 */ .pa{position:absolute;} .pr{position:relative;} .pf{position:fixed;} .ps{position:static;} /*文字对齐*/ .text-r{text-align: right;} .text-l{text-align: left;}