@charset "gb2312";
/*
@广西新闻网设计部 统一样式库
@文件名：base.css
@版本号：1.0.3 ayoux
@更新日期：2020年4月13日
@引用地址：
@引用方法：请把本样式库放在页面样式前面
@例：
@子：
*/
/*
@常用样式
*/
/* 基本字体和字体大小 */
body {
font-family: 宋体;
font-size: 12px;
}
/* 微软雅黑 */
.MSYH {
font-family: 微软雅黑;
}
/* 文字加粗 */
.bold {
font-weight: bold;
}
/* 文本左对齐 */
.text-left {
text-align: left;
}
/* 文本居中对齐 */
.text-center {
text-align: center;
}
/* 文本右对齐 */
.text-right {
text-align: right;
}
/* 隐藏DIV等 */
.hide {
display: none;
}
/* 常用字体大小 */
.fs12 { font-size: 12px; }
.fs13 { font-size: 13.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs20 { font-size: 20.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs22 { font-size: 22.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs24 { font-size: 24.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs26 { font-size: 26.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs28 { font-size: 28.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs30 { font-size: 30.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs32 { font-size: 32.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs34 { font-size: 34.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
.fs36 { font-size: 36.4px; font-family: Verdana, PingFang SC, Microsoft Yahei; }
/* 常用行距 */
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh25 { line-height: 25px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh34 { line-height: 34px; }
.lh36 { line-height: 36px; }
.lh38 { line-height: 38px; }
.lh40 { line-height: 40px; }
.lh50 { line-height: 50px; }
.lh120 { line-height: 120%; }
.lh150 { line-height: 150%; }
/* 统一链接样式 */
a { color: #000; text-decoration:none}
a:hover{ text-decoration:underline}
/* 常用颜色 */
.white { color: #FFF; }
.white a{ color: #FFF; }
.black { color: #000; }
.black a{ color: #000; }
.red { color: #FF0000; }
.red a{ color: #FF0000 !important; }
.gray { color: #DDD; }
.gray a{ color: #DDD; }
.orange { color: #FF8000; }
.orange a{ color: #FF8000; }
.green { color: #00FF00; }
.green a{ color: #00FF00; }
.blue { color: #006699; }
.blue a{ color: #006699; }
.yellow { color: #FFFF00; }
.yellow a{ color: #FFFF00; }
/*
@名称: base
@功能: 重设浏览器默认样式
*/
/* 防止用户自定义背景颜色对网页的影响 */
html{
color:#000;background:#fff;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0;padding:0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}
/* 要注意表单元素并不继承父级 font 的问题 */
input,select,textarea{
font-size:100%;
}
/* 去掉各Table cell 的边距并让其边重合 */
table{
border-collapse:collapse;border-spacing:0;
}
/* IE bug fixed: th 不继承 text-align*/
th{
text-align:inherit;
}
/* 去除默认边框 */
fieldset,img{
border:0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
border:0;font-variant:normal;
}
/* 一致的 del 样式 */
del {
text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:500;
}
/* 去掉列表前的标识, li 会继承 */
ol,ul {
list-style:none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
text-align:left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:500;
}
q:before,q:after {
content:'';
}
/* 统一上标和下标 */
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
text-decoration:underline;
}
/* 默认不显示下划线，保持页面简洁 */
ins,a {
text-decoration:none;
}
/* 清理浮动 */
.fn-clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.fn-clear {
zoom:1; /* for IE6 IE7 */
}
/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
display:none;
}
/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
display:inline;
}
.fn-left {
float:left;
}
.fn-right {
float:right;
}
.m0 {
margin: 0
}
.m10 {
margin: 10px 0
}
.m15 {
margin: 15px 0
}
.m20 {
margin: 20px 0
}
.mr5 {
margin-right: 5px
}
.mr10 {
margin-right: 10px
}
.mr15 {
margin-right: 15px
}
.mr20 {
margin-right: 20px
}
.mr25 {
margin-right: 25px
}
.mr30 {
margin-right: 30px
}
.mb0 {
margin-bottom: 0
}
.mb5 {
margin-bottom: 5px
}
.mb10 {
margin-bottom: 10px
}
.mb15 {
margin-bottom: 15px
}
.mb20 {
margin-bottom: 20px
}
.mb25 {
margin-bottom: 25px
}
.mb30 {
margin-bottom: 30px
}
.mb40 {
margin-bottom: 40px
}
.mt0 {
margin-top: 0!important
}
.mt5 {
margin-top: 5px
}
.mt8 {
margin-top: 8px
}
.mt10 {
margin-top: 10px
}
.mt12 {
margin-top: 12px
}
.mt15 {
margin-top: 15px
}
.mt20 {
margin-top: 20px
}
.mt25 {
margin-top: 25px
}
.mt30 {
margin-top: 30px
}
.mt35 {
margin-top: 35px
}
.ml5 {
margin-left: 5px
}
.ml10 {
margin-left: 10px
}
.ml15 {
margin-left: 15px
}
.ml20 {
margin-left: 20px
}
.ml25 {
margin-left: 25px
}
.ml30 {
margin-left: 30px
}
.mr5 {
margin-right: 5px
}
.mr10 {
margin-right: 10px
}
.mr15 {
margin-right: 15px
}
.mr20 {
margin-right: 20px
}
.mr25 {
margin-right: 25px
}
.mr30 {
margin-right: 30px
}
.pb0 {
padding-bottom: 0!important
}
.pb5 {
padding-bottom: 5px
}
.pb10 {
padding-bottom: 10px
}
.pb15 {
padding-bottom: 15px
}
.pb20 {
padding-bottom: 20px
}
.pb25 {
padding-bottom: 25px
}
.pb30 {
padding-bottom: 30px
}
.pt0 {
padding-top: 0
}
.pt5 {
padding-top: 5px
}
.pt10 {
padding-top: 10px
}
.pt15 {
padding-top: 15px
}
.pt20 {
padding-top: 20px
}
.pt25 {
padding-top: 25px
}
.pt30 {
padding-top: 30px
}
.pl5 {
padding-left: 5px
}
.pl10 {
padding-left: 10px
}
.pl15 {
padding-left: 15px
}
.pl20 {
padding-left: 20px
}
.pl25 {
padding-left: 25px
}
.pl30 {
padding-left: 30px
}
.pd0 {
padding: 0
}
.pd5 {
padding: 5px
}
.pd10 {
padding: 10px
}
.pd15 {
padding: 15px
}
.pd20 {
padding: 20px
}
.pd25 {
padding: 25px
}
.pd30 {
padding: 30px
}
.w100 {
width: 100%
}
.tac {
text-align: center!important
}
.tal {
text-align: left!important
}
.tar {
text-align: right!important
}
.dbk {
display: block;
}
.dwb, .dwb>.dwb {
display:box!important;
display:-webkit-box!important;
display:-ms-box!important;
display:-moz-box!important;
display:-khtml-box!important;
}
.wbac {
box-align:center;
-webkit-box-align:center;
-ms-box-align:center;
-moz-box-align:center;
-khtml-box-align:center;
}
.wbpc {
box-pack:center;
-webkit-box-pack:center;
-ms-box-pack:center;
-moz-box-pack:center;
-khtml-box-pack:center;
}
.wbov {
box-orient: vertical;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-moz-box-orient: vertical;
-khtml-box-orient: vertical;
}
.dwb>* {
float:none!important;
display:block!important;
}
.wbf {
box-flex:1;
-webkit-box-flex:1;
-ms-box-flex:1;
-moz-box-flex:1;
-khtml-box-flex:1;
}
.b {font-weight:bold;}
.bdb {border-bottom:1px solid #eee;}