flashsale/frontend/static/css/base/base.css

/*** 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;
}