@charset "utf-8"; /* CSS Document */ /* Theme Name: YANLICHEN Theme URI: Description: Template:15840605502 */ /* CSS Reset */ /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; } /* 设置默认字体 */ body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 12px/1 "微软雅黑",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */ } body{ background: url(../images/a_bg.png) repeat-x top #fff;} h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 14px; } h3 { font-size: 12px; } h4, h5, h6 { font-size: 100%; } 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; } /* 重置文本格式元素 */ a { text-decoration: none; color:#676767;} a:hover { text-decoration: none;color:#cc0000;} abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 让链接里的 img 无边框 */ /* 注:optgroup 无法扶正 */ img{ margin:0px; padding:0px;} button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } /*占位符*/ .placeholder{ height:10px; overflow:hidden; clear:both} /* 清理浮动 */ .clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;} /* 推荐使用的元素 1. 结构元素:blockquote, body, br, div, h1 - h6, head, hr, html, p 2. 头部元素:base, link, meta, script, style, title 3. 列表元素:ul, ol, li, dl, dt, dd 4. 文本格式元素:a, abbr, acronym, address, bdo, cite, code, del, dfn, em, ins, kbd, noscript, pre, q, samp, small, span, strong, sub, sup, var 5. 表单元素:button, fieldset, legend, form, input, label, optgroup, option, select, textarea 6. 多媒体元素:area, img, map, object, param 7. 表格元素:caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr 8. 窗体元素:iframe 不推荐使用的元素 1. 结构元素:无 2. 头部元素:无 3. 列表元素:dir, menu 4. 文本格式元素:b, basefont, big, blink, center, comment, font, i, marquee, nobr, plaintext, ruby, s, strike, u, wbr, xmp 5. 表单元素:isindex 6. 多媒体元素:applet, bgsound, embed, noembed 7. 表格元素:无 8. 窗体元素:frame, frameset, noframes 转世重生的元素 1. s - 表示 sprite, 可以用 来做 icon 的占位元素 2. b - 表示 border, 可以用来作为圆角的占位元素 3. i - 预留,尚未想到合理的复活理由*/ /* 1.布局通用样式设置 开始 */ textarea{ overflow:auto; } .fl{ float:left; } .fr{ float:right; } .tl{ text-align:left;}.tr{ text-align:right;}.tc{ text-align:center;}.fb{ font-weight:bold;}.nobg { background:none; } .noborder { border:none; } .last { margin-left:0px; margin-right:0px; border-left:none; border-right:none; margin-left:0px !important; margin-right:0px !important; border-left:none !important; border-right:none !important; } .cb{ clear:both; font-size:0px; height:0px; line-height:0px; display:block; border:0px; width:0px; } .f10 { font-size:10px;} .f12 { font-size:12px;} .f13 { font-size:13px;} .f14 { font-size:14px;} .f15 { font-size:15px;} .f16 { font-size:16px;} .f17 { font-size:17px;} .f18 { font-size:18px;} .f20 { font-size:20px;} .f22 { font-size:22px;} .f24 { font-size:24px;} .f26 { font-size:26px;} .f28 { font-size:28px;} .f30 { font-size:30px;} .f32 { font-size:32px;} .f34 { font-size:34px;} .f36 { font-size:36px;} .f38 { font-size:38px;} .f40 { font-size:40px;} .f42 { font-size:42px;} .f44 { font-size:44px;} .f46 { font-size:46px;} .f48 { font-size:48px;} .f50 { font-size:50px;} .f52 { font-size:52px;} .lh_15{ line-height:15px;} .lh_20{ line-height:20px;} .lh_25{ line-height:25px;} .lh_30{ line-height:30px;} .lh_15per{ line-height:150%;} .lh_20per{ line-height:200%;} .mt_5{ margin-top:5px;} .mt_8{ margin-top:8px;} .mt_10{ margin-top:10px;} .mt_15{ margin-top:15px;} .mt_20{ margin-top:20px;} .mt_25{ margin-top:25px;} .mt_30{ margin-top:30px;} .mt_f30{ margin-top:-30px;} .mb_5 { margin-bottom:5px; } .mb_8 { margin-bottom:8px; } .mb_10 { margin-bottom:10px; } .mb_15 { margin-bottom:15px; } .mb_20 { margin-bottom:20px; } .mb_30 { margin-bottom:30px; } .mb_f30 { margin-bottom:-30px; } .color_ffffff { color:#ffffff; } .color_187cb7 { color:#187cb7; } .color_4b4b4b { color:#4b4b4b; } /* 1.布局通用样式设置 结束 */ /* 2.横纵布局样式设置 开始 */ .div_1000 {margin-left:auto;margin-right:auto; width:1000px; height:auto; overflow: hidden; } .div_1200 {margin-left:auto;margin-right:auto; width:1200px; height:auto; overflow: hidden; } .div_100per {margin-left:auto;margin-right:auto; width:100%; height:auto; overflow: hidden; } .wid_100per { width:100% ; } .wid_95per { width:95% ; } .wid_90per { width:90% ; } .wid_85per { width:85% ; } .wid_80per { width:80% ; } .wid_20 { width:20px;} .wid_50 { width:50px;} .wid_60 { width:60px;} .wid_70 { width:70px;} .wid_80 { width:80px;} .wid_90 { width:90px;} .wid_100 { width:100px;} .wid_120 { width:120px;} .wid_150 { width:150px;} .wid_170 { width:170px;} .wid_200 { width:200px;} .wid_220 { width:220px;} .wid_250 { width:250px;} .wid_270 { width:270px;} .wid_300 { width:300px;} .wid_320 { width:320px;} .wid_350 { width:350px;} .wid_380 { width:380px;} .wid_400 { width:400px;} .wid_430 { width:430px;} .wid_460 { width:460px;} .wid_500 { width:500px;} /* 2.横纵布局样式设置 结束 */