/*================= base 类需在任何页面中引入，包括css reset和一些原子类 ===================*/ /* reset */ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;font-weight:normal;} html,body,fieldset,img,iframe,abbr{border:0;} i,cite,em,var,address,dfn{font-style:normal;} [hidefocus],summary{outline:0;} li{list-style:none;} h1,h2,h3,h4,h5,h6,small{font-size:100%;} sup,sub{font-size:83%;} pre,code,kbd,samp{font-family:inherit;} q:before,q:after{content:none;} textarea{overflow:auto;resize:none;} label,summary{cursor:default;} a,button{cursor:pointer;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} /* 文字排版 */ .fz12{font-size:12px;} .fz14{font-size:14px;} .fz16{font-size:16px;} .fz18{font-size:18px;} .fz20{font-size:20px;} .fb{font-weight:bold;} .fn{font-weight:normal;} .lh150{line-height:150%;} .lh180{line-height:180%;} .lh200{line-height:200%;} .unl{text-decoration:underline} .no_unl{text-decoration:none} /* 定位 */ .tl{text-align:left} .tr{text-align:right;} .tc{text-align:center;} .bc{margin-left:auto;margin-right:auto;} .fl{float:left;} .fr{float:right;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .vm{vertical-align:middle;} .pr{position:relative;} .pa{position:absolute;} .hidden{visibility:hidden} .dn{display:none;} /* 长度和宽度*/ .w10{width:10px} .w20{width:20px} .w30{width:30px} .w40{width:40px} .w50{width:50px} .w60{width:60px} .w70{width:70px} .w80{width:80px} .w90{width:90px} .w100{width:100px} .w200{width:200px} .w300{width:300px} .w400{width:400px} .w500{width:500px} .w600{width:600px} .w700{width:700px} .w800{width:800px} .w900{width:900px} .w1000{width:1000px} .h10{height:10px} .h20{height:20px} .h30{height:30px} .h40{height:40px} .h50{height:50px} .h60{height:60px} .h70{height:70px} .h80{height:80px} .h90{height:90px} .h100{height:100px} /*边距*/ .mt5{margin-top:5px} .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px} .mt45{margin-top:45px} .mt50{margin-top:50px} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml15{margin-left:15px} .ml20{margin-left:20px} .ml25{margin-left:25px} .ml30{margin-left:30px} .ml35{margin-left:35px} .ml40{margin-left:40px} .ml45{margin-left:45px} .ml50{margin-left:50px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb25{margin-bottom:25px} .mb30{margin-bottom:30px} .mb35{margin-bottom:35px} .mb40{margin-bottom:40px} .mb45{margin-bottom:45px} .mb50{margin-bottom:50px} .mr5{margin-right:5px} .mr10{margin-right:10px} .mr15{margin-right:15px} .mr20{margin-right:20px} .mr25{margin-right:25px} .mr30{margin-right:30px} .mr35{margin-right:35px} .mr40{margin-right:40px} .mr45{margin-right:45px} .mr50{margin-right:50px} .pl5{padding-left:5px} .pl10{padding-left:10px} .pl15{padding-left:15px} .pl20{padding-left:20px} .pl25{padding-left:25px} .pl30{padding-left:30px} .pl35{padding-left:35px} .pl40{padding-left:40px} .pl45{padding-left:45px} .pl50{padding-left:50px} .pt5{padding-top:5px} .pt10{padding-top:10px} .pt15{padding-top:15px} .pt20{padding-top:20px} .pt25{padding-top:25px} .pt30{padding-top:30px} .pt35{padding-top:35px} .pt40{padding-top:40px} .pt45{padding-top:45px} .pt50{padding-top:50px} .pr5{padding-right:5px} .pr10{padding-right:10px} .pr15{padding-right:15px} .pr20{padding-right:20px} .pr25{padding-right:25px} .pr30{padding-right:30px} .pr35{padding-right:35px} .pr40{padding-right:40px} .pr45{padding-right:45px} .pr50{padding-right:50px} .pb5{padding-bottom:5px} .pb10{padding-bottom:10px} .pb15{padding-bottom:15px} .pb20{padding-bottom:20px} .pb25{padding-bottom:25px} .pb30{padding-bottom:30px} .pb35{padding-bottom:35px} .pb40{padding-bottom:40px} .pb45{padding-bottom:45px} .pb50{padding-bottom:50px}