/* 閸樺娅庣敮姝岊潌閺嶅洨顒锋妯款吇閻拷 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 {
  text-decoration: none;
  color: #333;
}

/* 鐠佸墽鐤唅mg閻ㄥ嫬鐎惄鏉戭嚠姒绘劖鏌熷蹇庤礋鐏炲懍鑵戠€靛綊缍堥敍灞藉箵闂勵槒mg姒涙顓绘稉瀣？闂咃拷 */
img {
  vertical-align: middle;
}

/* 閸樺娅巌nput姒涙顓婚弽宄扮础 */
input {
  border: none;
  outline: none;
  color: #333;
}

/* 瀹革附璇為崝锟 */
.fl {
  float: left;
}

/* 閸欒櫕璇為崝锟 */
.fr {
  float: right;
}

/* 閸欏奔鍚夐崗鍐濞撳懘娅庡▔锟 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}