html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display: block; } body { line-height: 1; font-size: 12px; font-family: Microsoft YaHei } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } .w-100 { width: 100%; } .h-100 { height: 100%; } .w-1920 { width: 1920px; } .w-1600 { width: 1600px; } .w-1520 { width: 1520px; } .w-1400 { width: 1400px; } .w-1420 { width: 1420px; } .w-1280 { width: 1280px; } .w-1220 { width: 1220px; } .w-1200 { width: 1200px; } .w-1140 { width: 1140px; } .w-1000 { width: 1000px; } .m-0-a { margin: 0 auto; } .mt-10 { margin-top: 10px; } .mt-30 { margin-top: 30px; } .mt-20 { margin-top: 20px; } .flex { display: flex; } .flex-1 { flex: 1; } .grid { display: grid; } /* 水平居中 */ .jc-c { justify-content: center; } /* 垂直居中 */ .ai-c { align-items: center; } /* 水平 垂直 居中 */ .jc-ai-c { justify-content: center; align-items: center; } /* 两端对齐 */ .jc-sb { justify-content: space-between; } /* 分配相同空间 */ .jc-sa { justify-content: space-around; } /* 靠右 */ .jc-fe { justify-content: flex-end; } /* 靠左 */ .jc-fs { justify-content: flex-start; } /* 靠右 垂直居中 */ .jc-fe-ai-c { justify-content: flex-end; align-items: center; } /* 靠左 垂直居中 */ .jc-fs-ai-c { justify-content: flex-start; align-items: center; } /* 靠右 */ .jc-fe { justify-content: flex-end; } /* 靠下 */ .ai-fe { align-items: flex-end; } /* 靠上 */ .ai-fs { align-items: flex-start; } /* 改变主轴方向 向下 */ .fd-c { flex-direction: column; } /* 等分间距 */ .jc-se { justify-content: space-evenly; } /* 换行显示 */ .fw-w { flex-wrap: wrap; } /* 上内边距 10px */ .pt-10 {padding-top: 10px;} /* 上内边距 20px */ .pt-20 {padding-top: 20px;} /* 上内边距 30px */ .pt-30 {padding-top: 30px;} /* 上内边距 40px */ .pt-40 {padding-top: 40px;} /* 上内边距 50px */ .pt-50 {padding-top: 50px;} /* 上内边距 60px */ .pt-60 {padding-top: 60px;} /* 上内边距 70px */ .pt-70 {padding-top: 70px;} /* 上内边距 80px */ .pt-80 {padding-top: 80px;} /* 上内边距 90px */ .pt-90 {padding-top: 90px;} /* 上内边距 100px */ .pt-100 {padding-top: 100px;} /* 下内边距 10px */ .pb-10 {padding-bottom: 10px;} /* 下内边距 20px */ .pb-20 {padding-bottom: 20px;} /* 下内边距 30px */ .pb-30 {padding-bottom: 30px;} /* 下内边距 40px */ .pb-40 {padding-bottom: 40px;} /* 下内边距 50px */ .pb-50 {padding-bottom: 50px;} /* 下内边距 60px */ .pb-60 {padding-bottom: 60px;} /* 下内边距 70px */ .pb-70 {padding-bottom: 70px;} /* 下内边距 80px */ .pb-80 {padding-bottom: 80px;} /* 下内边距 90px */ .pb-90 {padding-bottom: 90px;} /* 下内边距 100px */ .pb-100 {padding-bottom: 100px;} /* 左内边距 10px */ .pl-10 {padding-left: 10px;} /* 左内边距 20px */ .pl-20 {padding-left: 20px;} /* 左内边距 30px */ .pl-30 {padding-left: 30px;} /* 左内边距 40px */ .pl-40 {padding-left: 40px;} /* 左内边距 50px */ .pl-50 {padding-left: 50px;} /* 左内边距 60px */ .pl-60 {padding-left: 60px;} /* 左内边距 70px */ .pl-70 {padding-left: 70px;} /* 左内边距 80px */ .pl-80 {padding-left: 80px;} /* 左内边距 90px */ .pl-90 {padding-left: 90px;} /* 左内边距 100px */ .pl-100 {padding-left: 100px;} /* 右内边距 10px */ .pr-10 {padding-right: 10px;} /* 右内边距 20px */ .pr-20 {padding-right: 20px;} /* 右内边距 30px */ .pr-30 {padding-right: 30px;} /* 右内边距 40px */ .pr-40 {padding-right: 40px;} /* 右内边距 50px */ .pr-50 {padding-right: 50px;} /* 右内边距 60px */ .pr-60 {padding-right: 60px;} /* 右内边距 70px */ .pr-70 {padding-right: 70px;} /* 右内边距 80px */ .pr-80 {padding-right: 80px;} /* 右内边距 90px */ .pr-90 {padding-right: 90px;} /* 右内边距 100px */ .pr-100 {padding-right: 100px;} /* 上外边距 10px */ .mt-10 {margin-top: 10px;} /* 上外边距 20px */ .mt-20 {margin-top: 20px;} /* 上外边距 30px */ .mt-30 {margin-top: 30px;} /* 上外边距 40px */ .mt-40 {margin-top: 40px;} /* 上外边距 50px */ .mt-50 {margin-top: 50px;} /* 上外边距 60px */ .mt-60 {margin-top: 60px;} /* 上外边距 70px */ .mt-70 {margin-top: 70px;} /* 上外边距 80px */ .mt-80 {margin-top: 80px;} /* 上外边距 90px */ .mt-90 {margin-top: 90px;} /* 上外边距 100px */ .mt-100 {margin-top: 100px;} /* 下外边距 10px */ .mb-10 {margin-bottom: 10px;} /* 下外边距 20px */ .mb-20 {margin-bottom: 20px;} /* 下外边距 30px */ .mb-30 {margin-bottom: 30px;} /* 下外边距 40px */ .mb-40 {margin-bottom: 40px;} /* 下外边距 50px */ .mb-50 {margin-bottom: 50px;} /* 下外边距 60px */ .mb-60 {margin-bottom: 60px;} /* 下外边距 70px */ .mb-70 {margin-bottom: 70px;} /* 下外边距 80px */ .mb-80 {margin-bottom: 80px;} /* 下外边距 90px */ .mb-90 {margin-bottom: 90px;} /* 下外边距 100px */ .mb-100 {margin-bottom: 100px;} /* 左外边距 10px */ .ml-10 {margin-left: 10px;} /* 左外边距 20px */ .ml-20 {margin-left: 20px;} /* 左外边距 30px */ .ml-30 {margin-left: 30px;} /* 左外边距 40px */ .ml-40 {margin-left: 40px;} /* 左外边距 50px */ .ml-50 {margin-left: 50px;} /* 左外边距 60px */ .ml-60 {margin-left: 60px;} /* 左外边距 70px */ .ml-70 {margin-left: 70px;} /* 左外边距 80px */ .ml-80 {margin-left: 80px;} /* 左外边距 90px */ .ml-90 {margin-left: 90px;} /* 左外边距 100px */ .ml-100 {margin-left: 100px;} /* 右外边距 10px */ .mr-10 {margin-right: 10px;} /* 右外边距 20px */ .mr-20 {margin-right: 20px;} /* 右外边距 30px */ .mr-30 {margin-right: 30px;} /* 右外边距 40px */ .mr-40 {margin-right: 40px;} /* 右外边距 50px */ .mr-50 {margin-right: 50px;} /* 右外边距 60px */ .mr-60 {margin-right: 60px;} /* 右外边距 70px */ .mr-70 {margin-right: 70px;} /* 右外边距 80px */ .mr-80 {margin-right: 80px;} /* 右外边距 90px */ .mr-90 {margin-right: 90px;} /* 右外边距 100px */ .mr-100 {margin-right: 100px;} /* 背景色 */ .bj_F7F8F9 {background: #F7F8F9;}