168 lines
2.3 KiB
168 lines
2.3 KiB
3 years ago
|
*{
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
list-style: none;
|
||
|
border: 0;
|
||
|
vertical-align: top;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
html{
|
||
|
font-size:62.5%;
|
||
|
}
|
||
|
body {
|
||
|
-webkit-text-size-adjust: 100%;
|
||
|
max-width: 100%;
|
||
|
min-width: 1200px;
|
||
|
overflow-x: hidden;
|
||
|
-webkit-transition: all 0.3s ease;
|
||
|
-moz-transition: all 0.3s ease;
|
||
|
transition: all 0.3s ease;
|
||
|
font-size:14px;
|
||
|
font-weight: normal;
|
||
|
font-family: "微软雅黑";
|
||
|
font-family:"Microsoft YaHei";
|
||
|
color: #868686;
|
||
|
}
|
||
|
|
||
|
body::-webkit-scrollbar {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
table {
|
||
|
border-collapse: collapse;
|
||
|
}
|
||
|
|
||
|
img {
|
||
|
height: auto;
|
||
|
border: none;
|
||
|
display: inline-block;
|
||
|
}
|
||
|
|
||
|
img,
|
||
|
input,
|
||
|
textarea,
|
||
|
select,
|
||
|
span,
|
||
|
button{
|
||
|
outline: none;
|
||
|
}
|
||
|
|
||
|
button {
|
||
|
font-family: 'Microsoft YaHei';
|
||
|
}
|
||
|
|
||
|
textarea {
|
||
|
resize: none;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
display: block;
|
||
|
color: #868686;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
a:focus {
|
||
|
outline-offset: -2px;
|
||
|
}
|
||
|
|
||
|
li {
|
||
|
list-style: none;
|
||
|
}
|
||
|
|
||
|
h1,
|
||
|
h2,
|
||
|
h3,
|
||
|
h4,
|
||
|
h5,
|
||
|
h6 {
|
||
|
font-weight: normal;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
em,i{
|
||
|
font-style: normal;
|
||
|
}
|
||
|
|
||
|
.clearfix:after {
|
||
|
content: ".";
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
clear: both;
|
||
|
font-size: 0;
|
||
|
visibility: hidden
|
||
|
}
|
||
|
|
||
|
article,
|
||
|
aside,
|
||
|
details,
|
||
|
figcaption,
|
||
|
figure,
|
||
|
footer,
|
||
|
header,
|
||
|
main,
|
||
|
menu,
|
||
|
nav,
|
||
|
section,
|
||
|
summary {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
input::-webkit-input-placeholder { /* WebKit browsers */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
input::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
input:-ms-input-placeholder { /* Internet Explorer 10+ */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
textarea::-webkit-input-placeholder { /* WebKit browsers */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
|
||
|
color: #868686;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.fl{
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
.fr{
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
.table{
|
||
|
width: 100%;
|
||
|
display: table;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.table-cell{
|
||
|
display: table-cell;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.width100{
|
||
|
width: 100%;
|
||
|
}
|