css公共默认常用样式

/* 
 *默认通用
 */
*{margin:0;padding:0;font-family:"微软雅黑";color:#333; font-size: 14px; }
body{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
a{text-decoration:none;outline:none;color:#333;}
a:active,a:focus{outline: none; border:0; border:none;}
img{border:none;margin: 0;padding: 0;}
form,fieldset,legend{margin:0;padding:0; list-style:none;border:0; border:none;}
input,button,textarea,select{font-size:100%;outline: none;resize: none; font-family:"微软雅黑";margin:0;padding:0; list-style:none;border:0; border:none; }
ul li,ol dl{list-style: none;}

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

.fl{float: left;}
.fr{float: right;}

/* 外|内阴影 card效果 */
.cardDiv1{box-shadow: #f7f7f7 0px 0px 30px 5px;}
.cardDiv2{box-shadow: #f7f7f7 0px 0px 30px 5px inset;}
.cardDiv3{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.cardDiv4:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}

/* 溢出... */
.m_text_overflow1 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.m_text_overflow2 {overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*强制文本两端对齐*/
.m_text_justify{text-align:justify;text-justify:inter-ideograph}