@charset "gb2312";
/* CSS Document */
/*命名规则*/
/*名称-属?属性?/
/*名称：中?英文*/
body{margin:0px;padding:0px;font-size:12px;font-family:Tahoma,"微软雅黑", "宋体";text-align:center;}
div,p,h1,h2,h3,h4,h5,h6,img,a,ul,li,ol,dl.dd,table,tr,td,th,form{padding:0px;margin:0px;border:0px;}
/*表格*/

table{ border-collapse:collapse;}
table th,table td{ text-align:left;}
.text-decoration{
text-decoration:none;}

/*整体宽度*/

 /*整体-宽度大小*/
.whole{width:960px;margin:0px auto;}
.whole-950{width:950px;margin:0 auto;}
/*页面里的宽度*/
.whole-12{width:12px;margin:0 auto;}
.whole-50{width:50px;margin:0 auto;}
.whole-100{width:100px;margin:0 auto;}
.whole-110{width:110px;margin:0 auto;}
.whole-120{width:120px;margin:0 auto;}
.whole-150{width:150px;margin:0 auto;}
.whole-200{width:200px;margin:0 auto;}
.whole-210{width:210px;margin:0 auto;}
.whole-220{width:220px;margin:0 auto;}
.whole-240{width:240px;margin:0 auto;}
.whole-250{width:250px;margin:0 auto;}
.whole-270{width:270px;margin:0 auto;}
.whole-300{width:300px;margin:0 auto;}
.whole-370{width:370px;margin:0 auto;}
.whole-350{width:350px;margin:0 auto;}
.whole-400{width:400px;margin:0 auto;}
.whole-430{width:430px;margin:0 auto;}
.whole-450{width:450px;margin:0 auto;}
.whole-470{width:470px;margin:0 auto;}
.whole-480{width:480px;margin:0 auto;}
.whole-500{width:500px;margin:0 auto;}
.whole-530{width:530px;margin:0 auto;}
.whole-580{width:580px;margin:0 auto;}
.whole-600{width:600px;margin:0 auto;}
.whole-630{width:630px;margin:0 auto;}
.whole-650{width:650px;margin:0 auto;}
.whole-690{width:690px;margin:0 auto;}
.whole-700{width:700px;margin:0 auto;}
.whole-720{width:720px;margin:0 auto;}
.whole-750{width:750px;margin:0 auto;}
.whole-800{width:800px;margin:0 auto;}
.whole-850{width:850px;margin:0 auto;}
.whole-940{width:940px;margin:0 auto;}
.whole-960{width:960px;margin:0 auto;} 
.whole-980{width:980px;margin:0 auto;} 
/*自动居中*/
.auto{margin:0 auto;}
.zf{
float:left;}
.yf{
float:right;}


/*边距  距上下左右的距离*/


/*margin ?/       /*margin-属?大小*/
.margin-0{margin:0px;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-13{margin-top:13px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-25{margin-top:25px;}
.margin-top-30{margin-top:30px;}
.margin-top-35{margin-top:35px;}
.margin-top-37{margin-top:37px;}
.margin-top-40{margin-top:40px;}
.margin-top-45{margin-top:45px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-top-55{margin-top:55px;}
.margin-top-100{margin-top:100px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-35{margin-bottom:35px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-45{margin-bottom:45px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-bottom-150{margin-bottom:150px;}
.margin-left-5{margin-left:5px;}
.margin-left-10{margin-left:10px;}
.margin-left-15{margin-left:15px;}
.margin-left-20{margin-left:20px;}
.margin-left-25{margin-left:25px;}
.margin-left-30{margin-left:30px;}
.margin-left-35{margin-left:35px;}
.margin-left-40{margin-left:40px;}
.margin-left-45{margin-left:45px;}
.margin-left-50{margin-left:50px;}
.margin-left-70{margin-left:70px;}
.margin-left-80{margin-left:80px;}
.margin-left-100{margin-left:100px;}
.margin-left-130{margin-left:130px;}
.margin-left-150{margin-left:150px;}
.margin-left-400{margin-left:400px;}
.margin-left-430{margin-left:430px;}
.margin-left-480{margin-left:480px;}
.margin-left-510{margin-left:510px;}
.margin-left-560{margin-left:560px;}
.margin-left-580{margin-left:580px;}
.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-15{margin-right:15px;}
.margin-right-20{margin-right:20px;}
.margin-right-25{margin-right:25px;}
.margin-right-30{margin-right:30px;}
.margin-right-35{margin-right:35px;}
.margin-right-40{margin-right:40px;}
.margin-right-45{margin-right:45px;}
.margin-right-50{margin-right:50px;}
.margin-right-200{margin-right:200px;}
.margin-right-280{margin-right:280px;}
/*padding ?/         /*padding-属?大小*/
.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-9{padding-top:9px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-35{padding-top:35px;}
.padding-top-40{padding-top:40px;}
.padding-top-45{padding-top:45px;}
.padding-top-50{padding-top:50px;}
.padding-top-100{padding-top:100px;}
.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-35{padding-bottom:35px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-45{padding-bottom:45px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-150{padding-bottom:150px;}
.padding-left-5{padding-left:5px;}
.padding-left-10{padding-left:10px;}
.padding-left-15{padding-left:15px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-left-35{padding-left:35px;}
.padding-left-40{padding-left:40px;}
.padding-left-45{padding-left:45px;}
.padding-left-50{padding-left:50px;}
.padding-right-5{padding-right:5px;}
.padding-right-10{padding-right:10px;}
.padding-right-15{padding-right:15px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-right-35{padding-right:35px;}
.padding-right-40{padding-right:40px;}
.padding-right-45{padding-right:45px;}
.padding-right-50{padding-right:50px;}


/*字体的设?/


/*字体*/      /*font-字体中文首字?/
.font-s{font-family:"宋体";}
.font-w{font-family:"微软雅黑";}
.font-h{font-family:"黑体";}
/*字体大小*/  /*font-属?大小*/
.font-size_12{font-size:12px;}
.font-size_13{font-size:13px;}
.font-size_14{font-size:14px;}
.font-size_15{font-size:15px;}
.font-size_16{font-size:16px;}
.font-size_17{font-size:17px;}
.font-size_18{font-size:18px;}
.font-size_19{font-size:19px;}
.font-size_20{font-size:20px;}
.font-size_22{font-size:22px;}
.font-size_24{font-size:24px;}
.font-size_26{font-size:26px;}
.font-size_28{font-size:28px;}
.font-size_30{font-size:30px;}
.font-size_48{font-size:48px;}
/*字体颜色*/    /*font-属?颜色中文*/
.font-color-bai{color:#FFFFFF;}
.font-color-hui{color:#999999;}
.font-color-cheng{color:#fc7e2c;}
.font-color-lan{color:#2a61a8;}
.font-color-hei{color:#000000;}
..font-color-hong{color:#FF0000;}
/*首行缩进*/    /*indent-字号大小*/
.indent-12{text-indent:24px;}
.indent-13{text-indent:26px;}
.indent-14{text-indent:28px;}
.indent-15{text-indent:30px;}
.indent-16{text-indent:32px;}
.indent-17{text-indent:34px;}
.indent-18{text-indent:36px;}
.indent-19{text-indent:38px;}
.indent-20{text-indent:40px;}
.text-align-left{text-align:left;}
.text-inden-28{ text-indent:28px;}
.text-inden-26{ text-indent:26px;}
.text-inden-24{ text-indent:24px;}
.text-align-right{text-align:right;}
/*对齐方式*/   /*文本-属?属性?/


.text-align-center{text-align:center;}
.vertical-align-middle{vertical-align:middle;}
/*字体倾斜*/   /*font-字体倾斜的简?/
.font-i{font-style:italic;}
/*字体加粗*/    /*font-加粗属?属性?/
.font-weight-600{font-weight:600;}
.font-weight-700{font-weight:700;}
.font-weight-800{font-weight:800;}
.font-weight-900{font-weight:900;}
/*行高*/
.line-height-20{line-height:20px}
.line-height-22{line-height:22px}
.line-height-24{line-height:24px}
.line-height-25{line-height:25px}
.line-height-26{line-height:26px}
.line-height-28{line-height:28px}
.line-height-30{line-height:30px}
.line-height-32{line-height:32px}
.line-height-34{line-height:34px}
.line-height-36{line-height:36px}
.line-height-38{line-height:38px}
.line-height-40{line-height:40px}
.line-height-44{line-height:44px}
.line-height-54{line-height:54px}
/*字体间距*/
.spacing-16{letter-spacing:16px;}


/*边框的设?/

/*边框全线*/
.border-lan{border:1px solid #dbeffc;}
.border-hui{border:1px solid #e3e3e3;}
.border-hei{border:1px solid #000000;}
/*边框上边?/
.border-top-hui{border-top:1px solid #999999;}
/*给边框加下线 虚线*/
.border-bottom-dashed{border-bottom:1px #999999 dashed;}
/*边框下边?/
.border-bottom-lan{border-bottom:1px solid #dbeffc;}
.border-bottom-hui{border-bottom:1px solid #999999;}
.border-bottom-hei{border-bottom:1px solid #000000;}


/*浮动*/

/*左浮?右浮?/
.zf{float:left;}
.yf{float:right;}
/*浮动ie产生双倍距?/
.fd-2{display:inline;}

/*ul  li*/


/*去掉ul li前面的符?/
ul,li{list-style:none;}
/*li 下的向左浮动*/
.li-zf{float:left;}


/*超链?/


/*鼠标经过显示下划?/
a:hover{text-decoration:underline;}
/*下划?/
.text-decoration-none{text-decoration:none;}
.text-decoration-underlin{text-decoration:underline;}





/*背景为白?/
.bg-bai{background:#FFFFFF;}
/*背景为蓝?/
.bg-lan{background:#24a0fa;}
/*背景色为灰色*/
.bg-hui{ background:#f3f3f3;}
.bg-f4{ background:#f4f4f4;}
/*测试背景?/
.cs-bg{background:#FF3366;}



/*以块儿的形式显示*/
.display{display:block;}
/*自适应高度*/
.clear{zoom:1;}
.clear:after{display:block;height:0;clear:both;content:'';}
/*溢出隐藏*/
.overflow{overflow:hidden;}


/*

主要?master.css
布局，版?layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css



class的命?
(1)颜色:使用颜色的名称或?6进制代码,?
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
?）字体大?直接使用”font+字体大小”作为名??
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名??
.left { float:left; }
.bottom { float:bottom; }
(4)标题栏样?使用”类?功能”的方式命名,?
.barnews { }
.barproduct { }
注意事项:
1.一律小?
2.尽量用英?
3.不加中杠和下划线;
4.尽量不缩写，除非一看就明白的单?
主要?master.css
模块 module.css
基本共用 base.css
布局，版?layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css



