html通用样式表|平面-UI-网页|观点|芝麻开车 - 原创文章 - 站酷 (ZCOOL)

@charset "utf-8";

/* CSS Document */

/* CSS reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{ border:0;}

label{margin:0px;padding:0px;}

address,caption,cite,code,dfn,em,th,var{ font-style:normal;font-weight:normal;}

ol,ul{ list-style:none;}

caption,th { text-align:left;}

h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal;}

q:before,q:after{content:''}

abbr,acronym{ border:0;}

/*a{text-decoration:none;}*/

li{list-style:none;}

body{/*background:#fff;*/font-family:Arial,宋体，黑体；line-height:20px;}

.en_ff{ font-family:Impact,Arial,"\5FAE\8F6F\96C5\9ED1",微软雅黑；}

.cn_ff{font-family:Arial,Verdana, sans-serif , 宋体, "Microsoft Yahei",微软雅黑；}

.tf{font-family:"\5FAE\8F6F\96C5\9ED1",微软雅黑,"Microsoft Yahei",雅黑\9,Arial;}

.b0{border:0px;}

*{outline:none;}

a{ cursor:pointer;blr:expression(this.onFocus=this.blur());}

a{text-decoration:none;}

.tdu{text-decoration: underline;}

.cp{cursor:pointer;}

/* 文字排版 */

.f12{ font-size:12px;}

.f13{ font-size:13px;}

.f14{ font-size:14px;}

.f16{ font-size:16px;}

.f18{ font-size:18px;}

.f20{ font-size:20px;}

.f22{ font-size:22px;}

.f24{ font-size:24px;}

.f26{ font-size:26px;}

.f30{ font-size:30px;}

.f36{ font-size:36px;}

.f40{ font-size:40px;}

.f46{ font-size:46px;}

.f50{ font-size:50px;}

.fb{ font-weight:bold;}

.fn{ font-weight:normal;}

.t2{ text-indent:2em;}

.lh150{line-height:150%;}

.lh180{line-height:180%;}

.lh200{line-height:200%;}

.lh14{line-height:14px;}

.lh18{line-height:18px;}

.lh20{line-height:20px;}

.lh22{line-height:22px;}

.lh24{line-height:24px;}

.lh25{line-height:25px;}

.lh27{line-height:27px;}

.lh28{line-height:28px;}

.lh30{line-height:30px;}

.lh32{line-height:32px;}

.lh36{line-height:36px;}

.lh40{line-height:40px;}

.lh46{line-height:46px;}

.lh48{line-height:48px;}

.lh50{line-height:50px;}

.lh100{line-height:100px;}

.unl{text-decoration:underline;}

.no_unl{text-decoration:none;}

.c_green{color:#66ad1e;}

.c_gray{color:#ababab;}

.c_999{color:#999999;}

.c_666{color:#666666;}

.c_black{color:#333333;}

.c_white{color:#FFF;}

.c_red{color:#EC2000;}

.c_pink{color:#ff7f7a;}

.c_blue{color:#3d88d5;}

.dBlock{display:block;}

/* 定位 */

.tl{text-align:left;}

.tc{text-align:center;}

.tr{text-align:right;}

.bc{margin-left:auto;margin-right:auto;}

.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

.jfl{float:left;}

.jfr{float:right;}

.cb{clear:both;}

.cl{clear:left;}

.cr{clear:right;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.clearfix { display: inline-table; zoom:1;}

* html .clearfix { height: 1%;}

.clearfix { display: block; }

.vm{vertical-align:middle;}

.pr{ position:relative;}

.pa{ position:absolute;}

.abs-right{ position:absolute;right:0;}

.zoom{zoom:1;}

.z99{z-index:99;}

.z1{z-index:1;}

.hidden{ visibility:hidden;}

.none{ display:none;}

.db{display:block;}

.dib{display:inline-block;}

.of{overflow:hidden;}

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

/*图片圆角*/

.yuan{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.yuan3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/*图片大小*/

.x160{height:160px;width:160px;}

.x80{height:80px;width:80px;}

.x60{height:60px;width:60px;}

.x50{height:50px;width:50px;}

.x45{height:45px;width:45px;}

.x30{height:30px;width:30px;}

/* 长度高度 */

.w10{ width:10px;}

.w20{ width:20px;}

.w25{ width:25px;}

.w30{ width:30px;}

.w40{ width:40px;}

.w50{ width:50px;}

.w52{ width:2px;}

.w60{ width:60px;}

.w65{ width:65px;}

.w70{ width:70px;}

.w75{ width:75px;}

.w80{ width:80px;}

.w90{ width:90px;}

.w100{ width:100px;}

.w110{ width:110px;}

.w120{ width:120px;}

.w130{ width:130px;}

.w140{ width:140px;}

.w150{ width:150px;}

.w160{ width:160px;}

.w170{ width:170px;}

.w180{ width:180px;}

.w190{ width:190px;}

.w199{ width:199px;}

.w200{ width:200px;}

.w210{ width:210px;}

.w230{ width:230px;}

.w219{ width:219px;}

.w243{width:243px;}

.w250{ width:250px;}

.w280{ width:280px;}

.w300{ width:300px;}

.w310{ width:310px;}

.w313{ width:313px;}

.w314{ width:314px;}

.w330{ width:330px;}

.w350{ width:350px;}

.w360{ width:360px;}

.w370{ width:370px;}

.w383{ width:383px;}

.w385{ width:385px;}

.w390{ width:390px;}

.w400{ width:400px;}

.w440{ width:440px;}

.w445{ width:440px;}

.w450{ width:450px;}

.w455{ width:455px;}

.w460{ width:460px;}

.w500{ width:500px;}

.w530{ width:530px;}

.w540{ width:540px;}

.w570{ width:570px;}

.w600{ width:600px;}

.w650{ width:650px;}

.w680{ width:680px;}

.w700{ width:700px;}

.w800{ width:800px;}

.w900{ width:900px;}

.w1000{ width:1000px;}

.w{ width:100%;}

.h20{height:20px;}

.h24{height:24px;}

.h25{height:25px;}

.h26{height:26px;}

.h28{height:28px;}

.h30{height:30px;}

.h35{height:35px;}

.h36{height:36px;}

.h40{height:40px;}

.h43{height:43px;}

.h48{height:48px;}

.h50{ height:50px;}

.h60{height:60px;}

.h70{height:70px;}

.h80{ height:80px;}

.h100{ height:100px;}

.h106{ height:106px;}

.h120{height:120px;}

.h130{height:130px;}

.h139{height:139px;}

.h150{height:150px;}

.h200{ height:200px;}

.h220{ height:220px;}

.h250{ height:250px;}

.h286{ height:286px;}

.h360{ height:360px;}

.h620{ height:620px;}

.h{ height:100%;}

/*背景色*/

.bc_999{background:#999;}

.bc_gray{background:#F6F6F6;}

.bc_yel{background:#fffecd;}

.bc_lv{background:#66AD1E;}

.bc_qlv{background:#d7e5c8;}

.bc_hs{background:#f5e8c2;}

.bc_qhs{background:#f4efdf;}

/*边框*/

.bt_gray{border-top:1px solid #e8e8e8;}

.bb2_gray{border-bottom:2px dotted #e8e8e8;}

.bb_gray{border-bottom:1px solid #e8e8e8;}

.bbd_gray{border-bottom:1px dotted #999;}

.bt2_gray{border-top:2px dotted #e8e8e8;}

.bb3_gray{border-bottom:2px dotted #b3b3b3;}

.bt_green{border-top:1px solid #66AD1E;}

.br_green{border-right:1px solid #66AD1E;}

.br_gray{border-right:1px solid #999;}

.bb_green{border-bottom:1px solid #66AD1E;}

.bb_gredot{border-bottom:1px dotted #66AD1E;}

.b_gray{border:1px solid #999;}

.b_gray2{border:1px solid #cfcfcf;}

/*定位*/

.t10{top:10px;}

.t20{top:20px;}

.t22{top:22px;}

.t30{top:30px;}

.t40{top:40px;}

.t50{top:50px;}

.t60{top:60px;}

.t80{top:80px;}

.t100{top:100px;}

.l10{left:10px;}

.l20{left:20px;}

.l22{left:22px;}

.l30{left:30px;}

.l40{left:40px;}

.l50{left:50px;}

.l60{left:60px;}

.l80{left:80px;}

.l100{left:100px;}

/* 边距 */

.m0{margin:0 auto;}

.m10{ margin:10px;}

.m20{ margin:20px;}

.m15{ margin:15px;}

.m30{ margin:30px;}

.mt5{ margin-top:5px;}

.mt10{ margin-top:10px;}

.mt15{ margin-top:15px;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.mt50{ margin-top:50px;}

.mt80{ margin-top:80px;}

.mt100{ margin-top:100px;}

.mb5{ margin-bottom:5px;}

.mb10{ margin-bottom:10px;}

.mb15{ margin-bottom:15px;}

.mb20{ margin-bottom:20px;}

.mb30{ margin-bottom:30px;}

.mb50{ margin-bottom:50px;}

.mb100{ margin-bottom:100px;}

.ml5{ margin-left:5px;}

.ml10{ margin-left:10px;}

.ml15{ margin-left:15px;}

.ml20{ margin-left:20px;}

.ml30{ margin-left:30px;}

.ml50{ margin-left:50px;}

.ml100{ margin-left:100px;}

.mr5{ margin-right:5px;}

.mr10{ margin-right:10px;}

.mr15{ margin-right:15px;}

.mr20{ margin-right:20px;}

.mr30{ margin-right:30px;}

.mr50{ margin-right:50px;}

.mr100{ margin-right:100px;}

.p2{padding:2px;}

.p3{padding:3px;}

.p5{padding:5px;}

.p10{padding:10px;}

.p15{padding:15px;}

.p18{padding:18px;}

.p20{padding:20px;}

.p30{padding:30px;}

.pt2{padding-top:2px;}

.pt4{padding-top:4px;}

.pt5{padding-top:5px;}

.pt7{padding-top:7px;}

.pt8{padding-top:8px;}

.pt10{padding-top:10px;}

.pt15{padding-top:15px;}

.pt18{padding-top:18px;}

.pt20{padding-top:20px;}

.pt25{padding-top:25px;}

.pt30{padding-top:30px;}

.pt40{padding-top:40px;}

.pt50{padding-top:50px;}

.pt65{padding-top:65px;}

.pt60{padding-top:60px;}

.pt70{padding-top:70px;}

.pt85{padding-top:85px;}

.pt100{padding-top:100px;}

.pt120{padding-top:120px;}

.pt130{padding-top:130px;}

.pt180{padding-top:180px;}

.pb5{padding-bottom:5px;}

.pb7{padding-bottom:7px;}

.pb10{padding-bottom:10px;}

.pb15{padding-bottom:15px;}

.pb18{padding-bottom:18px;}

.pb20{padding-bottom:20px;}

.pb30{padding-bottom:30px;}

.pb40{padding-bottom:40px;}

.pb50{padding-bottom:50px;}

.pb100{padding-bottom:100px;}

.pl3{padding-left:3px;}

.pl4{padding-left:4px;}

.pl5{padding-left:5px;}

.pl6{padding-left:6px;}

.pl7{padding-left:7px;}

.pl8{padding-left:8px;}

.pl10{padding-left:10px;}

.pl12{padding-left:12px;}

.pl13{padding-left:13px;}

.pl14{padding-left:14px;}

.pl15{padding-left:15px;}

.pl18{padding-left:18px;}

.pl20{padding-left:20px;}

.pl22{padding-left:22px;}

.pl25{padding-left:25px;}

.pl30{padding-left:30px;}

.pl35{padding-left:35px;}

.pl40{padding-left:40px;}

.pl50{padding-left:50px;}

.pl58{padding-left:58px;}

.pl60{padding-left:60px;}

.pl70{padding-left:70px;}

.pl76{padding-left:76px;}

.pl80{padding-left:80px;}

.pl90{padding-left:90px;}

.pl100{padding-left:100px;}

.pl140{padding-left:140px;}

.pl150{padding-left:150px;}

.pl160{padding-left:160px;}

.pl170{padding-left:170px;}

.pl180{padding-left:180px;}

.pl190{padding-left:190px;}

.pl200{padding-left:200px;}

.pl250{padding-left:250px;}

.pl280{padding-left:280px;}

.pl320{padding-left:320px;}

.pl380{padding-left:380px;}

.pl400{padding-left:400px;}

.pl420{padding-left:420px;}

.pl450{padding-left:450px;}

.pl480{padding-left:480px;}

.pl560{padding-left:560px;}

.pl585{padding-left:585px;}

.pr1{padding-right:1px;}

.pr2{padding-right:2px;}

.pr5{padding-right:5px;}

.pr6{padding-right:6px;}

.pr7{padding-right:7px;}

.pr8{padding-right:8px;}

.pr10{padding-right:10px;}

.pr13{padding-right:13px;}

.pr15{padding-right:15px;}

.pr16{padding-right:16px;}

.pr17{padding-right:17px;}

.pr18{padding-right:18px;}

.pr20{padding-right:20px;}

.pr22{padding-right:22px;}

.pr24{padding-right:24px;}

.pr34{padding-right:34px;}

.pr30{padding-right:30px;}

.pr50{padding-right:50px;}

.pr55{padding-right:55px;}

.pr100{padding-right:100px;}

.pr130{padding-right:130px;}