<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{margin: 0;padding: 0;list-style: none;}
/*
KISSY CSS Reset
ç†å¿µï¼š1. reset çš„ç›®çš„ä¸æ˜¯æ¸…é™¤æµè§ˆå™¨çš„é»˜è®¤æ&nbsp;·å¼ï¼Œè¿™ä»…æ˜¯éƒ¨åˆ†å·¥ä½œã€‚æ¸…é™¤å’Œé‡ç½®æ˜¯ç´§å¯†ä¸å¯åˆ†çš„ã€‚
2. reset çš„ç›®çš„ä¸æ˜¯è®©é»˜è®¤æ&nbsp;·å¼åœ¨æ‰€æœ‰æµè§ˆå™¨ä¸‹ä¸€è‡´ï¼Œè€Œæ˜¯å‡å°‘é»˜è®¤æ&nbsp;·å¼æœ‰å¯èƒ½å¸¦æ¥çš„é—®é¢˜ã€‚
3. reset æœŸæœ›æä¾›ä¸€å¥—æ™®é€‚é€šç”¨çš„åŸºç¡€æ&nbsp;·å¼ã€‚ä½†æ²¡æœ‰é“¶å¼¹ï¼ŒæŽ¨èæ&nbsp;¹æ®å…·ä½“éœ€æ±‚ï¼Œè£å‰ªå’Œä¿®æ”¹åŽå†ä½¿ç”¨ã€‚
ç‰¹è‰²ï¼š1. é€‚åº”ä¸­æ–‡ï¼›2. åŸºäºŽæœ€æ–°ä¸»æµæµè§ˆå™¨ã€‚
ç»´æŠ¤ï¼šçŽ‰ä¼¯&lt;lifesinger@gmail.com&gt;, æ­£æ·³&lt;ragecarrier@gmail.com&gt;
 */

/** æ¸…é™¤å†…å¤–è¾¹è· **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ç»“æž„å…ƒç´&nbsp; */
dl, dt, dd, ul, ol, li, /* list elements åˆ—è¡¨å…ƒç´&nbsp; */
pre, /* text formatting elements æ–‡æœ¬æ&nbsp;¼å¼å…ƒç´&nbsp; */
form, fieldset, legend, button, input, textarea, /* form elements è¡¨å•å…ƒç´&nbsp; */
th, td /* table elements è¡¨æ&nbsp;¼å…ƒç´&nbsp; */ {
  margin: 0;
  padding: 0;
}

/** è®¾ç½®é»˜è®¤å­—ä½“ **/
body,
button, input, select, textarea /* for ie */ {
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* å°†æ–œä½“æ‰¶æ­£ */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* ç»Ÿä¸€ç­‰å®½å­—ä½“ */
small { font-size: 12px; } /* å°äºŽ 12px çš„ä¸­æ–‡å¾ˆéš¾é˜…è¯»ï¼Œè®© small æ­£å¸¸åŒ– */

/** é‡ç½®åˆ—è¡¨å…ƒç´&nbsp; **/
ul, ol { list-style: none; }

/** é‡ç½®æ–‡æœ¬æ&nbsp;¼å¼å…ƒç´&nbsp; **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }


/** é‡ç½®è¡¨å•å…ƒç´&nbsp; **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img æ­è½¦ï¼šè®©é“¾æŽ¥é‡Œçš„ img æ—&nbsp;è¾¹æ¡† */
button, input, select, textarea { font-size: 100%; } /* ä½¿å¾—è¡¨å•å…ƒç´&nbsp;åœ¨ ie ä¸‹èƒ½ç»§æ‰¿å­—ä½“å¤§å° */
/* æ³¨ï¼šoptgroup æ—&nbsp;æ³•æ‰¶æ­£ */

/** é‡ç½®è¡¨æ&nbsp;¼å…ƒç´&nbsp; **/
table { border-collapse: collapse; border-spacing: 0; }

/* æ¸…é™¤æµ®åŠ¨ */
.ks-clear:after, .clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.ks-clear, .clear {
  *zoom: 1;
}

.main {padding: 30px 100px;}
.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}

.helps{margin-top:40px;}
.helps pre{
  padding:20px;
  margin:10px 0;
  border:solid 1px #e7e1cd;
  background-color: #fffdef;
  overflow: auto;
}

.icon_lists li{
  float:left;
  width: 100px;
  height:180px;
  text-align: center;
}
.icon_lists .icon{
  font-size: 42px;
  line-height: 100px;
  margin: 10px 0;
  color:#333;
  -webkit-transition: font-size 0.25s ease-out 0s;
  -moz-transition: font-size 0.25s ease-out 0s;
  transition: font-size 0.25s ease-out 0s;

}
.icon_lists .icon:hover{
  font-size: 100px;
}
</pre></body></html>