html {
  /*鏍囧噯瀛椾綋澶у皬璁剧疆 14 鍍忕礌銆宺em 鍙傜収瀵硅薄銆?/
  font-size: 14px;
  /*婊氬姩浜嬩欢鍙戠敓鍦 html 鍏冪礌涓婏紱JS 涓彲浠ョ洃鍚 html 鐨勬粴鍔?/
  overflow-y: auto;
  /*璁 html 鍜屾祻瑙堝櫒绐楀彛楂樺害涓€鑷?/
  height: 100%;
  /*灏戞暟娴忚鍣ㄩ粯璁よ儗鏅壊涓烘祬鐏拌壊锛屾墍浠ヨ缃粯璁よ儗鏅鑹蹭负绾櫧*/
  background-color: #fff;
}
html,
body {
  /*body 瀹藉害澶 html 搴︽椂锛屾煇浜涙祻瑙堝櫒浼氬嚭鐜板唴閮ㄦ粴鍔ㄦ潯锛涙墍浠ヨ缃€宧tml銆乥ody銆嶅搴︾浉鍚屼笖銆宱verflow-x: hidden銆?/
  overflow-x: hidden;
  width: 100%;
  /*鍙栨秷閮ㄥ垎娴忚鍣ㄧ偣鍑绘湁闃村奖*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*浼樺寲绉诲姩绔粴鍔ㄤ簨浠?/
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
body {
  /*璁剧疆鍩烘湰瀛椾綋閰嶇疆*/
  font: 1rem 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
  /*璁╃粷瀵瑰畾浣嶅厓绱狅紝鏍规嵁 body 瀹氫綅*/
  position: relative;
  /*璁剧疆缃戦〉鍩烘湰瀛椾綋棰滆壊涓烘祬鐏拌壊*/
  color: #666;
  /*浣垮瓧浣撴覆鏌撴洿椤烘粦*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
/**
   * 绉婚櫎甯哥敤鏍囩鐨勬祻瑙堝櫒榛樿鐨勩€宮argin銆乸adding銆
   * pre銆乧ode銆乴egend銆乫ieldset銆乥lockquote 鈥 绛夋爣绛句笉鏄緢甯哥敤锛屾墍浠ュ氨涓嶄竴涓€鍒椾妇锛屽鏋滈」鐩腑浣跨敤鍒帮紝鍙互鑷繁鍗曠嫭鍐
   */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ul,
ol,
th,
td,
button,
figure,
input,
textarea,
form {
  margin: 0;
  padding: 0;
}
/**
   * 涓嶅悓娴忚鍣ㄧ殑 input銆乻elect銆乼extarea 鐨勭洅瀛愭ā鍨嬪搴﹁绠楁柟寮忎笉鍚岋紝缁熶竴涓烘渶甯歌鐨 content-box
   */
input,
select,
textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table {
  /*table 鐩搁偦鍗曞厓鏍肩殑杈规闂寸殑璺濈璁剧疆涓 0*/
  border-spacing: 0;
  /*榛樿鎯呭喌涓嬬粰 tr 璁剧疆 border 娌℃湁鏁堟灉锛屽鏋 table 璁剧疆浜嗚竟妗嗕负鍚堝苟妯″紡锛氥€宐order-collapse: collapse;銆嶅氨鍙互浜?/
  border-collapse: collapse;
}
/**
   * 绉婚櫎娴忚鍣ㄩ儴鍒嗗厓绱犵殑榛樿杈规
   * acronym銆乫ieldset 鈥 绛夊叾浠栨爣绛句笉鏄緢甯哥敤锛屽氨涓嶄細涓€涓€鍒椾妇锛涘鏋滈」鐩腑鐢ㄥ埌锛屽彲浠ヨ嚜宸卞崟鐙啓
   */
img,
input,
button,
textarea {
  border: none;
  -webkit-appearance: none;
}
input {
  /*鐢变簬 input 榛樿涓嶇户鎵跨埗鍏冪礌鐨勫眳涓牱寮忥紝鎵€浠ヨ缃細銆宼ext-align: inherit銆?/
  text-align: inherit;
}
textarea {
  /*textarea 榛樿涓嶅彲浠ユ斁缂?/
  resize: none;
}
/**
   * 鐢变簬浠ヤ笅鍏冪礌鐨勯儴鍒嗗睘鎬ф病鏈夌户鎵跨埗鑺傜偣鏍峰紡锛屾墍浠ュ０鏄庤繖浜涘厓绱犵殑杩欎簺灞炴€т负鐖跺厓绱犵殑灞炴€
   * 鍙栨秷杩欎簺鍏冪礌 `outline` 鏍峰紡
   */
a,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
button,
option,
textarea,
optgroup {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;
  outline: none;
}
/**
   * 鍙栨秷瓒呴摼鎺ュ厓绱犵殑榛樿鏂囧瓧瑁呴グ
   * 鍙﹀ del銆乮ns 鏍囩鐨勪腑鍒掔嚎銆佷笅鍒掔嚎杩樻槸鎸哄ソ鐨勶紝灏变笉鍘绘帀
   */
a {
  text-decoration: none;
}
ol,
ul {
  /*寮€鍙戜腑 UI 璁捐鐨勫垪琛ㄩ兘鏄拰鍘熺敓鐨勬牱寮忓樊澶锛屾墍浠ョ洿鎺ョ粰鍙栨秷 ol锛寀l 榛樿鍒楄〃鏍峰紡*/
  list-style: none;
}
button,
input[type='submit'],
input[type='button'] {
  /*榧犳爣缁忚繃鏄€屽皬鎵嬨€嶅舰鐘惰〃绀哄彲鐐瑰嚮*/
  cursor: pointer;
}
input::-moz-focus-inner {
  /*鍙栨秷鐏嫄娴忚鍣ㄩ儴鍒嗙増鏈 input 鑱氱劍鏃堕粯璁ょ殑銆宲adding銆乥order銆?/
  padding: 0;
  border: 0;
}
/*鍙栨秷閮ㄥ垎娴忚鍣ㄦ暟瀛楄緭鍏ユ帶浠剁殑鎿嶄綔鎸夐挳*/
input[type='number'] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
/*杈撳叆鎺т欢 placeholder 鑹茶缃 #999*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}
template {
  /*鐢变簬閮ㄥ垎娴忚 template 浼氭樉绀哄嚭鏉ワ紝鎵€浠ヨ闅?/
  display: none;
}