/**
 * @desc 鍏叡鏍峰紡 - common.css
 * @author typeofNaN
 */

 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html {
    margin:  0 auto;
    max-width: 600px;
  }
  body {
    font-family: "MicrosoftYaHei", helvetica, arial, sans-serif;
  }
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
  h1, h2, h3, h4, h5, h6, p {
    margin: 0;
  }
  input {
    border: none;
    outline: none;
    /*-webkit-appearance: none;*/
  }
  
  /* 鐗堝績璁剧疆 */
  .container-box {
    margin: 0 auto;
    width: 96%;
  }
  
  /* 甯冨眬 */
  .block            { display: block; }
  .inline-block     { display: inline-block; }
  
  /* flex甯冨眬 */
  .flex             { display: flex; }
  .flex-column      { flex-direction: column; }
  .flex-wrap        { flex-wrap: wrap; }
  .justify-around   { justify-content: space-around; }
  .justify-between  { justify-content: space-between; }
  .items-center     { align-items: center; }
   /* 娴姩 */
  .fl               { float: left; }
  .fr               { float: right; }
  .clear-f          { clear: both; }
  
  /* 瀹介珮 */
  .w-100            { width: 100%; }
  .w-half           { width: 50%; }
  .w-one-three      { width: 33.3333%; }
  .w-one-quarter    { width: 25%; }
  
  .h-half           { height: 50%; }
  
  /* 杈硅窛 */
  .margin-8         { margin: 8px; }
  .m-b-10           { margin-bottom: 10px; }
  
  .padding-10       { padding: 10px; }
  .p-r-10           { padding-right: 10px; }
  .p-l-10           { padding-left: 10px; }
  
  /* 瀛椾綋棰滆壊 */
  .color-white      { color: white; }
  .color-999        { color: #999; }
  
  /* 鑳屾櫙棰滆壊 */
  .bg-white         { background-color: #fff; }
  .bg-black         { background-color: #000; }
  
  /* 鍦嗚 */
  .radius-8         { border-radius: 8px; }
  .radius-10        { border-radius: 10px; }
  
  /* 涓嶆崲琛� */
  .text-nowrap-1    {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }