/* 页面布局样式 */
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,?font,?img,?ins,?kbd,?q,?s,?samp,?small,?strike,?strong,?sub,?sup,?tt,?var,?dl,?dt,?dd,?ol,?ul,?li,?fieldset,?form,?label,?legend,?table,?caption,?tbody,?tfoot,?thead,?tr,?th,?td?{??margin:?0;??padding:?0;??border:?0;??outline:?0;??font-weight:?inherit;??font-style:?inherit;??font-size:?100%;??font-family:?inherit;??vertical-align:?baseline;??text-decoration:none;?}?
:focus?{??outline:?0;?}?
table?{??border-collapse:?separate;??border-spacing:?0;?}?
caption,?th,?td?{??height:30px;??font-weight:?normal;?}?
a?img,?iframe?{??border:?none;?}?
ol,?ul?{??list-style:?none;?}?
input,?textarea,?select,?button?{??font-size:?100%;??font-family:?inherit;?}?
select?{??margin:?inherit;?}?
body?{??font-size:12px;?}??????
*{padding:0;margin:0;}?
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}?img,input{border:none;vertical-align:middle;}?
?html{overflow-y:scroll;}?ul,ol{list-style-type:none;}?th,td,input{font-size:12px;}?h3{font-size:14px;}?
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}?select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}?.clear{clear:both;font-size:0px;height:0;visibility:hidden;line-height:0;}?.clearfix:after{content:"";display:block;clear:both;}?.clearfix{zoom:1;}?
@charset "utf-8";
/*
* 将具有默认margin和padding的标记置零
* @overlay *
* @desc 所有标记的margin、padding都在使用时具体定义
*/
*{margin:0;padding:0;}
/*
* 修正IE5.x和IE6的斜体溢出bug
* @bugfix
* @css-for IE 5.x/Win, IE6
*/
* html iframe, * html frame{
overflow: auto;/* 高度自动延伸 */
}
body{color:#000;font-size:14px; font-family:"微软雅黑",verdana, arial, helvetica, sans-serif, "宋体";text-align:center; -webkit-text-size-adjust: none;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
/*
* 设置内容左对齐
* @overlay div
* @desc 恢复因BODY设置剧中产生的继承
*/
body div{text-align:left;}
/*
* 标签属性
* @overlay textarea,input
* @desc 强制输入时内容超出时换行
*/
textarea,input{ word-wrap:break-word;word-break:break-all;padding:0px;}
/*
* 清除ul列表标记的样式
* @overlay li
* @desc ul列表更多的用在不需要列表前置符号的样式里
*/
li{list-style-type:none;}
/*
* 定义图片边框
* @overlay img
* @desc 当图片作为链接内容被填充时,会有默认边框出现,重定义掉
*/
img{border:0 none;}
/*
* 定义默认的链接样式
* @overlay a
* @desc 仅仅是作为默认样式提供,可以在各自的实例中覆盖掉
*/
a:link{
color:#333;
text-decoration: none;
}
a:hover{
color:#002275;
text-decoration: none;
}
a:visited{
color:#333;
text-decoration: none;
}
/* 去掉链接的虚线框 */
a {outline: none; text-decoration: none; }
a {star:expression(this.onFocus=this.blur());}
/*
* 定义H系列标签
* @overlay HN
* @desc 覆盖H系列标签默认属性
*/
h1{ font-size:36px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
/* @end */
/* @group 通用属性定义 */
/* 鼠标样式 */
.pointer{cursor:pointer;}
/* 取消边框 */
.NoBorder{border:0 none;}
/* 文本对齐方式 */
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
/*
* 字母和单词换行设置
* @class Break 强制内容换行
* @class Nobreak 强制内容不换行
*/
.Break{word-break:break-all;word-wrap:break-word;}
.Nobreak{word-break:keep-all;word-wrap:normal;}
/* 浮动定义 */
.FL{float:left;}
.FR{float:right;}
/* 定义文本下划线 */
.UnLine{text-decoration:underline;}
.DisunLine{text-decoration:none;}
/* 定位关系 */
.absolute{position:absolute;}
.relative{position:relative;}
/* 下划点线 */
.dotLine{ border-bottom-style: dotted;border-bottom-width: 1px;border-bottom-color: #666;}
/* 下划虚线 */
.dotLine{ border-bottom-style: dashed;border-bottom-width: 1px;border-bottom-color: #666;}
/* 下划实线 */
.dotLine{ border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #666;}
/* 下划双实线 */
.dotLine{ border-bottom-style: double;border-bottom-width: 1px;border-bottom-color: #666;}
/* ul列表*/
.ul-fl li{
float:left; height:24px; line-height:24px;
}
.ul-fl-d li{
float:left; height:24px; line-height:24px; background:url(/*../images/dot3-3.jpg 前导图地址*/ ) no-repeat center center; padding-left:20px;
}
/* 响应式或手机网站 ul列表*/
.ul-no-f li{
height:24px; width:100%; overflow:hidden; line-height:24px; background:url(/*../images/dot3-3.jpg 前导图地址*/) no-repeat center center; padding-left:20px;
}
/* @end */
/* 通用容器 */
.wrapper{
clear: both;
overflow: hidden;
}
/* @group 隐藏元素 */
/*
* 隐藏元素
* @class o-hidden
* @desc 当元素内容内容超出元素height 或 width 时,隐藏之
*/
.o-hidden{overflow:hidden;}
/*
* 隐藏元素
* @class invisible
* @desc visibility可以隐藏元素,但是还是会在布局中占位
*/
.invisible{
visibility:hidden;
}
/*
* 从页面布局上隐藏元素
* @class hidden
* @desc 从布局上隐藏元素
*/
.hidden{
display: none;
}
/* 转为块元素 */
.block {display:block;}
/* @end */
/*
* 清理元素
* @class clear
* @desc 清理浮动元素,当浮动换行时后面元素不希望浮动,添加此属性,防止IE BUG
*/
.clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
/* 常用样式定义 */
/*
* 边框定义
* @Pro 由大写B开头,表示系统公用边框样式
* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
*/
.BTW{ border-top-width:1px;}
.BRW{ border-right-width:1px;}
.BLW{ border-left-width:1px;}
.BBW{ border:0px; border-bottom-width:1px;}
.Bord1{border:1px solid #ccc;}
.Bord2{border:2px solid #999;}
.bg_w{background:#ffffff;}
.bg_g{background:#fafafa; padding:10px;}
/* 边框宽度 (BW开头) */
.BW1{ border-width:1px;}
.BW2{ border-width:2px;}
.BW3{ border-width:3px;}
.BW4{ border-width:4px;}
.BW5{ border-width:5px;}
/* 边框样式 (Bs开头) */
.BsS{ border-style:solid;}
.BsD{ border-style:dotted;}
/* 边框颜色 (Bc开头) */
.Bcgray{ border:1px solid #cfcfcf;}
.BcBlack{ border-color: #999;}
/* 下划线 */
.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}
.BotDotLine01{ width:95%; margin:0 auto; background: url(/*../images/dot3-3.jpg 下划线图地址*/) repeat-x; height:1px; line-height:1px; overflow:hidden;}
.W1200,.W1180,.W1150,.W786,.W975,.W972{margin:0 auto;}
.W1150{width:1150px;}
.W270{width:270px;}
.W590{width:590px;}
.W925{width:925px;}
.W1200{width:1200px;}
.W910{width:910px;}
.W540{width:540px;}
.W575{width:575px;}
.W786{width:886px;}
/*
* 颜色功能定义
* @Pro 由小写C开头,表示color
* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
*/
.cRed{color: #F00;}
.cWhite{color: #FFF;}
.cGreen{color:#0F0;}
.fafafa{color: #fafafa;}
.cBlue{ color: #00F;}
.cblack{ color:#000;}
/* 定义某个项目常用颜色 */
.c001{color:#663;}
/*
* 定义字体样式
* @Pro 由大写字母F开头,表示FONT
* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
*/
/* 字体样式 */
.FB{font-weight:bold;}/* 加粗 */
.FN{ font-weight:normal;}/* 不加粗 *
.FI{font-style:italic;}
/* 字体大小 */
.F9{font-size:9px;}
.F10{font-size:10px;}
.F11{font-size:11px;}
.F12{font-size:12px;}
.F13{font-size:13px;}
.F14{font-size:14px;}
.F16{font-size:16px;}
.F18{font-size:18px;}
/*
* 定义间距,上下2个DIV间距
* @Pro 使用DIVH开头.
* @desc 上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG,
* 使用下面属性可兼容大多浏览器.
*/
.DivH5,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,DivH1,.DivH40{width:100%;overflow:hidden; clear:both;}
.DivH1{ height:1px;}
.DivH5{height:5px;}
.DivH10{height:10px;}
.DivH15{height:15px;}
.DivH20{height:20px;}
.DivH25{height:25px;}
.DivH30{height:30px;}
.DivH40{height:40px;}
/*
* 定义行高
* @class LH
* @desc 使用较少,主要定义line-height属性
*/
.LH1{ line-height:1px; }
.LH10{ line-height:10px; }
.LH15{ line-height:15px; }
.LH18{ line-height:18px; }
.LH20{ line-height:20px; }
.LH25{ line-height:25px;}
.LH30{ line-height:30px;}
.LH35{ line-height:35px;}
/*
* 标题样式定义
* @Pro PTit
* @desc 在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中.
*/
.PTit25,.PTit20,.PTit18,.PTit30,.PTit,.PTit1,.PTit22{ width:100%; overflow:hidden;}
.PTit30{line-height:30px;height:30px;}
.PTit25{line-height:25px;height:25px;}
.PTit22{line-height:22px;height:22px;}
.PTit20{line-height:20px;height:20px;}
.PTit18{line-height:18px;height:18px;}
.PTit15{line-height:15px;height:15px;}
.PTit10{line-height:10px;height:10px;}
.PTit1{line-height:1px;height:1px;}
/*
* MORE更多样式设计
* @Pro MORE
* @desc 显示在右侧更多/MORE样式,可根据需求扩展
*/
.More{text-align:right;position:absolute; top:0; right:3px;}
.MoreR5{ position:absolute; top:0px; right:3px; font:12px normal; }
.MoreR15{ position:absolute; top:0px; right:15px; font:12px normal;}
/*
* 普通列表样式定义
* @desc 文章列表样
* @use 一般列表使用,ul li列表
*/
.ArtList,.ArtList25,.ArtList22,.ArtList24{ width:100%; overflow:hidden; margin:0 auto;}
.ArtList li{ width:100%; height:20px; line-height:20px; overflow:hidden;}
.ArtList25 li{ width:100%; height:25px; line-height:25px; overflow:hidden;}
.ArtList24 li{ width:100%; height:24px; line-height:24px; overflow:hidden;}
.ArtList22 li{ width:100%; height:22px; line-height:22px; overflow:hidden;}
/* @end */
/* 备注 */
/*在终极页面中调用该通用样式时,应该注意显示效果的不同,因为后台上传信息时编辑器里面样式并没有调用本默认样式表.
*
*所以在编辑器中标签会有默认的属性,用户在添加信息时,这些信息都是附带默认样式的.
*如果用我们在终极页面也调用本默认CSS文件的话,许多标签如:p,td,li......标签默认样式都被取消,因此显示效不同.
*
*解决办法:
* 在终极页面显示内容区域还原这些标签的默认属性.
*
*/
/*
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:auto; padding:inherit;}
input,select{ font-size:inherit;}
img{border: inherit;}
ul,li{margin:auto; padding:inherit;}
li{
list-style-type:disc;
}
*