style.css

@charset "UTF-8";

/**

 * 

 * @authors 

 * @date    

 * @version 0.1

 */

*,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,tr,td,img,div { margin: 0; padding: 0; }

li { list-style: none; }

img { border: 0 none; }

a,a:hover,a:visited,a:focus,a:active,a:link { text-decoration: none; }

 /*文本对齐*/

.tal { text-align: left; }

.tar { text-align: right; }

.tac { text-align: center; }

 /*鼠标样式*/

.pointer { cursor: pointer; }

 /*强制换行/不换行*/

.break { word-break: break-all; word-wrap: break-word; }

.nobreak { word-break: keep-all; word-wrap: normal; }

 /*通用容器*/

.wrapper { clear: both; overflow: hidden; }

 /*隐藏元素*/

.hidden { display: none; }

.block { display: block; }

/*圆*/

.circle { border-radius: 50%; }

/*多于文字...*/

.txteps { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

 /*浮动*/

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

 /*行高*/

.lh1 { line-height: 1px; }

.lh5 { line-height: 5px; }

.lh10 { line-height: 10px; }

.lh15 { line-height: 15px; }

.lh20 { line-height: 20px; }

.lh25 { line-height: 25px; }

.lh30 { line-height: 30px; }

.lh35 { line-height: 35px; }

.lh40 { line-height: 40px; }

 /*div占位高度*/

.divh1,.divh5,.divh10,.divh15,.divh20,.divh25,.divh30,.divh40 { width: 100%; overflow: hidden; }

.divh1 { height: 1px; }

.divh5 { height: 5px; }

.divh10 { height: 10px; }

.divh15 { height: 15px; }

.divh20 { height: 20px; }

.divh25 { height: 25px; }

.divh30 { height: 30px; }

.divh40 { height: 40px; }

/*字体样式*/

.ffmic { font-family: "微软雅黑"; }

.fsi { font-style: italic; }

.fwb { font-weight: bold; }

.fwn { font-weight: normal; }

/*字体大小*/

.fs10 { font-size: 10px; }

.fs11 { font-size: 11px; }

.fs12 { font-size: 12px; }

.fs13 { font-size: 13px; }

.fs14 { font-size: 14px; }

.fs15 { font-size: 15px; }

.fs16 { font-size: 16px; }

.fs17 { font-size: 17px; }

.fs18 { font-size: 18px; }

/*字体颜色*/

.crd { color: red; }

.cwe { color: white; }

.cgn { color: green; }

.cgy { color: gray; }

.cbe { color: blue; }

.cbk { color: black; }

/*全局宽度*/

.w1024,.w786,.w975,.w972,.w968 { width: 968px; margin: 0 auto; }

.w1024 { width: 1024px; }

.w786 { width: 786px; }

.w975 { width: 975px; }

.w972 { width: 972px; }

/*边框色彩*/

.bcrd { border-color: red;/*红*/ }

.bcoe { border-color: orange;/*橙*/ }

.bcyw { border-color: yellow;/*黄*/ }

.bcgn { border-color: green;/*绿*/ }

.bcbe { border-color: blue;/*蓝*/ }

.bcpe { border-color: purple;/*紫*/ }

.bcgy { border-color: gray;/*灰*/ }

.bcwe { border-color: white;/*白*/ }

.bcbk { border-color: black;/*黑*/ }

/*边框样式*/

.bssl { border-style: solid; }

.bsds { border-style: dashed; }

.bsdt { border-style: dotted; }

.bsdb { border-style: double; }

.bsrg { border-style: ridge; }

/*边框宽度*/

.bw0 { border-width: 0px; }

.bw1 { border-width: 1px; }

.bw2 { border-width: 2px; }

.bw3 { border-width: 3px; }

.bw4 { border-width: 4px; }

.bw5 { border-width: 5px; }

/*单向边框宽度*/

.btw0 { border-top-width: 0px; }

.bbw0 { border-bottom-width: 0px; }

.blw0 { border-left-width: 0px; }

.brw0 { border-right-width: 0px; }

.btw1 { border-top-width: 1px; }

.bbw1 { border-bottom-width: 1px; }

.blw1 { border-left-width: 1px; }

.brw1 { border-right-width: 1px; }

.btw2 { border-top-width: 2px; }

.bbw2 { border-bottom-width: 2px; }

.blw2 { border-left-width: 2px; }

.brw2 { border-right-width: 2px; }

.btw3 { border-top-width: 3px; }

.bbw3 { border-bottom-width: 3px; }

.blw3 { border-left-width: 3px; }

.brw3 { border-right-width: 3px; }

.btw4 { border-top-width: 4px; }

.bbw4 { border-bottom-width: 4px; }

.blw4 { border-left-width: 4px; }

.brw4 { border-right-width: 4px; }

.btw5 { border-top-width: 5px; }

.bbw5 { border-bottom-width: 5px; }

.blw5 { border-left-width: 5px; }

.brw5 { border-right-width: 5px; }