/* 鍘婚櫎甯歌鏍囩榛樿鐨� margin 鍜� padding */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
  margin: 0;
  padding: 0;
}

/* 璁剧疆缃戦〉缁熶竴鐨勫瓧浣撳ぇ灏忋€佽楂樸€佸瓧浣撶郴鍒楃浉鍏冲睘鎬� */
body {
  font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei",
    "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
}

/* 鍘婚櫎鍒楄〃榛樿鏍峰紡 */
ul,
ol {
  list-style: none;
}

/* 鍘婚櫎榛樿鐨勫€炬枩鏁堟灉 */
em,
i {
  font-style: normal;
}

/* 鍘婚櫎a鏍囩榛樿涓嬪垝绾匡紝骞惰缃粯璁ゆ枃瀛楅鑹� */
a {
  text-decoration: none;
  color: #333;
}

/* 璁剧疆img鐨勫瀭鐩村榻愭柟寮忎负灞呬腑瀵归綈锛屽幓闄mg榛樿涓嬮棿闅� */
img {
  vertical-align: middle;
}

/* 鍘婚櫎input榛樿鏍峰紡 */
input {
  border: none;
  outline: none;
  color: #333;
}

/* 宸︽诞鍔� */
.fl {
  float: left;
}

/* 鍙虫诞鍔� */
.fr {
  float: right;
}

/* 鍙屼吉鍏冪礌娓呴櫎娉� */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}