125 lines
2.9 KiB
CSS
125 lines
2.9 KiB
CSS
/*
|
||
* @Author: Archen
|
||
* @Date: 2016-04-08 10:29:03
|
||
* @Last Modified by: Archen
|
||
* @Last Modified time: 2016-04-22 13:24:16
|
||
*/
|
||
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
|
||
/* 酌情修改 */
|
||
body {
|
||
font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-font-smoothing: antialiased;
|
||
font-smoothing: antialiased;
|
||
font-smooth: always;
|
||
}
|
||
body {
|
||
font-size: 14px;
|
||
line-height: 1.42857143;
|
||
color: #333;
|
||
}
|
||
|
||
/* 短引用的内容可取值：''或"" */
|
||
q:before,q:after {content:”;}
|
||
|
||
/* 缩写，图片等无边框 */
|
||
fieldset,img,abbr,acronym {border: 0 none;}
|
||
abbr,acronym {font-variant: normal;}
|
||
legend {color:#000;}
|
||
|
||
/* 清除特殊标记的字体和字号 */
|
||
address,caption,cite,code,dfn,em,strong,th,var {
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
}
|
||
|
||
/* 上下标 */
|
||
sup {vertical-align: text-top;}
|
||
sub {vertical-align: text-bottom;}
|
||
|
||
/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/
|
||
table {
|
||
border-collapse: collapse;
|
||
border-spacing: 0;
|
||
}
|
||
|
||
/* 表格标题及内容居左显示 */
|
||
caption,th {text-align: left;}
|
||
input,img,select,button {vertical-align:middle; border:none; text-decoration: none; outline:none;}
|
||
|
||
/* 清除列表样式 */
|
||
ol,ul {list-style: none;}
|
||
|
||
/* 输入控件字体 */
|
||
input,button,textarea,select,optgroup,option {
|
||
font-family:inherit;
|
||
font-size:inherit;
|
||
font-style:inherit;
|
||
font-weight:inherit;
|
||
}
|
||
|
||
/* 标题元素样式清除 */
|
||
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;
|
||
}
|
||
|
||
/* 链接样式，颜色可酌情修改 */
|
||
del,ins,a {text-decoration:none; color: #555;}
|
||
|
||
a:hover,a:active{color:#6DD1C1; text-decoration:none;}
|
||
|
||
/* 鼠标样式 */
|
||
input[type="submit"] {cursor: pointer;}
|
||
button {cursor: pointer;}
|
||
input::-moz-focus-inner { border: 0; padding: 0;}
|
||
|
||
.clearfix{zoom:1;}
|
||
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
|
||
|
||
.fl{float:left;}
|
||
.fr{float:right;}
|
||
|
||
.box-sizing{
|
||
box-sizing:border-box;
|
||
-moz-box-sizing:border-box;
|
||
-webkit-box-sizing:border-box;
|
||
}
|
||
|
||
img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
width:auto\9; /* ie8 */
|
||
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
|
||
}
|
||
.transition{
|
||
-webkit-transition: all 1s;
|
||
-moz-transition: all 1s;
|
||
-ms-transition: all 1s;
|
||
-o-transition: all 1s;
|
||
transition: all 1s;
|
||
}
|
||
|
||
strong,h2{font-weight: normal;}
|
||
em,i{font-style:normal;}
|
||
|
||
.table-box{
|
||
display: table;
|
||
width: 100%;
|
||
}
|
||
.table-box .cell{
|
||
display: table-cell;
|
||
}
|
||
|
||
.noselect{
|
||
-webkit-touch-callout: none;
|
||
-webkit-user-select: none;
|
||
-khtml-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
}
|
||
|
||
|
||
|
||
|
||
|