/* 通用重置 */
 * {
   margin    : 0;
   padding   : 0;
   box-sizing: border-box;
 }

 /* 基本样式 */
 body {
   font-family: Arial, sans-serif;
   background : #f2f2f2;
   color      : #333;
   line-height: 1.6;
 }

 a {
   text-decoration: none;
   color          : #007bff;
 }

 a:hover {
   text-decoration: none;
 }

 p {
   margin: 0;
 }


 /* 列表样式 */
 ul,
 ol {
   list-style: none;
   margin    : 0;
   padding   : 0;
   /* 取消列表样式 */
 }

 /* 表格样式 */
 table {
   border-collapse: collapse;
   /* 合并边框 */
   width          : 100%;
   /* 表格宽度 */
 }

 th,
 td {
   border    : 1px solid #ddd;
   /* 设置边框 */
   padding   : 8px;
   /* 内边距 */
   text-align: left;
   /* 左对齐 */
 }

 th {
   background-color: #f4f4f4;
   /* 表头背景颜色 */
 }

 /* input[type="text"],
 textarea,
 select {
   border          : none !important;
   outline         : none !important;
   background-color: transparent !important;
   appearance      : none;
   box-shadow      : none !important;
   margin          : 0;
 } */

 /* 表单元素样式 */
 input,
 button,
 select,
 textarea {
   font-family: inherit;
   /* 继承字体 */
   font-size  : inherit;
 }

 button {
   cursor          : pointer;
   background-color: #007bff;
   color           : white;
   border          : none;
 }

 input::after {
   content: "";
   display: block;
   clear  : both;
 }

 /* input[type="text"]:focus {
   outline         : none;
   box-shadow      : none;
   border          : 1px solid #ccc;
   background-color: white;
 }

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin            : 0;
 }

 input[type="number"] {
   -moz-appearance: textfield;
 } */