/*** base reset ***/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,code,form,fieldset,legend,input, button,textarea,p,blockquote,th,td{ margin: 0; padding: 0; } fieldset,img{ border: 0; } :focus{ outline:none; } address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style: normal; font-weight: normal; } abbr,acronym{ border: 0; font-variant: normal; } code,kbd,samp,tt{ font-size: 100%; } input,button,textarea,select{ *font-size: 100%; border:none; outline: none; } ol,ul{ list-style: none; } table{ border-collapse: collapse; border-spacing: 0; } caption,th{ text-align: left; } sup,sub{ font-size: 100%; vertical-align: baseline; } :link, :visited, ins{ text-decoration: none; } blockquote,q{ quotes: none; } blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; } html{ font-size: 100%;/*浏览器默认16px*/ height: 100%; } body,input,button{ font: 1rem/1.1rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-weight: 100; } body{ background:#fff; color:#666; height: 100%; margin: 0; display: block; } .wrapper{ position: relative; min-height: 100%; padding-bottom: 20rem; } /**--placeholder--**/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ font: 0.875rem/1.45rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-weight: 100; color: #ddd; } input:-moz-placeholder, textarea:-moz-placeholder{ font: 0.875rem/1.45rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-weight: 100; color: #ddd; } input:-ms-input-placeholder, textarea:-ms-input-placeholder{ font: 0.875rem/1.45rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-weight: 100; color: #ddd; } /**--h1~~h6--**/ h1,h2,h3,h4,h5,h6,span{ font-weight: 100; } h1{ font-size: 2.25rem;/*36px*/ line-height: 2.475rem; } h2{ font-size: 1.875rem;/*30px*/ line-height: 2.0625rem; } h3{ font-size: 1.5rem;/*24px*/ line-height: 1.65rem; } h4{ font-size: 1.25rem;/*20px*/ line-height: 1.375rem; } h5{ font-size: 1rem;/*16px*/ line-height: 1.1rem; } h6{ font-size: 0.875rem;/*14px*/ line-height: 0.825rem; } /*** common ***/ /*link style*/ a:link, a:visited{ color: #4c4c4c; } a:hover { color: #86d48d; } a:active { color: #4c4c4c; } /*float*/ .fl{ float:left; } .fr{ float:right; } /*clear float*/ .clearfix:after{ content:'\0020'; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ *zoom:1; } .clear{ height:0; overflow:hidden; clear:both; } /*border && padding*/ .border{ border: 1px solid #eeeeee; } .border-btn{ border: 1px solid #cfcfcf; } .bl{ border-left: 1px solid #eeeeee; } .bb{ border-bottom: 1px solid #eeeeee; } .p0_15{ padding: 0 0.9375rem; } .p20_0{ padding:1.25rem 0; } .p23_0{ padding:1.4375rem 0; } .p16_0{ padding: 1rem 0; } .p34_0{ padding: 2.125rem 0; } .p50_0{ padding: 3.125rem 0; } .p0_30{ padding:0 1.875rem; } .p0_32{ padding:0 2rem; } .p20_32{ padding:1.25rem 2rem; } .p8_32{ padding:.5rem 2rem !important; } .pt4{ padding-top:0.25rem; } .pt20{ padding-top:1.25rem; } .pt78{ padding-top:4.875rem; } /*颜色定义*/ /*theme color*/ .dark-green{ color:#86d48d; } .bg-dark-green{ background:#86d48d; } .dark-gray{ color: #666; } .light-gray{ color: #acacac; } .white{ color: white !important; } .bold{ font-weight: bold; } /*inline-block*/ .inline-block{ display: inline-block; } /*text-align*/ .text-align-left{ text-align: left; } .text-align-center{ text-align: center; } .text-align-right{ text-align: right; } .text-overflow{ display:block; /*内联对象需加*/ word-break:keep-all; /* 不换行 */ white-space:nowrap; /* 不换行 */ overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ padding-bottom: 1px; }