@charset "UTF-8";
/*作者(Author): 李潇喃    Website: www.shanmuzhi.com   QQ: 854378082*/
*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
  display: block; }

table, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  margin: 0;
  padding: 0; }

nav, ul {
  list-style: none; }

ol {
  list-style: decimal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid #ccc;
  overflow: hidden;
  line-height: 0px; }

input, select, a img {
  vertical-align: middle;
  outline: none; }

input[type="text"], input[type=button], input[type=submit], input[type=reset] {
  -webkit-appearance: none;
  outline: none; }

em, i {
  font-style: normal; }

a {
  color: #313131;
  text-decoration: none; }

a:hover, a:active, a:link {
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

html {
  width: 100vw;
  height: 100%;
  overflow-x: hidden;
  font-size: 16px; }

@media screen and (min-width: 375px) {
  html {
    /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
    font-size: calc(100% + 2 * (100vw - 375px) / 39);
    font-size: calc(16px + 2 * (100vw - 375px) / 39); } }

@media screen and (min-width: 414px) {
  html {
    /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
    font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
    font-size: calc(18px + 4 * (100vw - 414px) / 586); } }

@media screen and (min-width: 600px) {
  html {
    /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
    font-size: calc(125% + 4 * (100vw - 600px) / 400);
    font-size: calc(20px + 4 * (100vw - 600px) / 400); } }

@media screen and (min-width: 1000px) {
  html {
    /* 1000px往后是每100像素0.5px增加 */
    font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
    font-size: calc(22px + 6 * (100vw - 1000px) / 1000); } }

body {
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif;
  overflow-x: hidden;
  width: 100vw;
  padding: 1vh 2vw;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6; }

.ps {
  position: absolute; }

.pr {
  position: relative; }

.clearfix:after {
  content: "";
  clear: both;
  height: 0px;
  overflow: hidden;
  display: block;
  visibility: hidden; }

.clearfix {
  *zoom: 1; }

.f-l {
  float: left; }

.f-r {
  float: right; }

.pd5 {
  padding: 0.07rem; }

.pd10 {
  padding: 0.13rem; }

.pd15 {
  padding: 0.2rem; }

.pd20 {
  padding: 0.27rem; }

.pt5 {
  padding-top: 0.07rem; }

.pt10 {
  padding-top: 0.13rem; }

.pt15 {
  padding-top: 0.2rem; }

.pt20 {
  padding-top: 0.27rem; }

.pb5 {
  padding-bottom: 0.07rem; }

.pb10 {
  padding-bottom: 0.13rem; }

.pb15 {
  padding-bottom: 0.2rem; }

.pb20 {
  padding-bottom: 0.27rem; }

.pl5 {
  padding-left: 0.07rem; }

.pl10 {
  padding-left: 0.13rem; }

.pl15 {
  padding-left: 0.2rem; }

.pl20 {
  padding-left: 0.27rem; }

.pr5 {
  padding-right: 0.07rem; }

.pr10 {
  padding-right: 0.13rem; }

.pr15 {
  padding-right: 0.2rem; }

.pr20 {
  padding-right: 0.27rem; }

.mg5 {
  margin: 0.07rem; }

.mg10 {
  margin: 0.13rem; }

.mg15 {
  margin: 0.2rem; }

.mg20 {
  margin: 0.27rem; }

.mt5 {
  margin-top: 0.07rem; }

.mt10 {
  margin-top: 0.13rem; }

.mt15 {
  margin-top: 0.2rem; }

.mt20 {
  margin-top: 0.27rem; }

.mb5 {
  margin-bottom: 0.07rem; }

.mb10 {
  margin-bottom: 0.13rem; }

.mb15 {
  margin-bottom: 0.2rem; }

.mb20 {
  margin-bottom: 0.27rem; }

.ml5 {
  margin-left: 0.07rem; }

.ml10 {
  margin-left: 0.13rem; }

.ml15 {
  margin-left: 0.2rem; }

.ml20 {
  margin-left: 0.27rem; }

.mr5 {
  margin-right: 0.07rem; }

.mr10 {
  margin-right: 0.13rem; }

.mr15 {
  margin-right: 0.2rem; }

.mr20 {
  margin-right: 0.27rem; }

.color_f {
  color: #fff; }

.color_f8 {
  color: #F8F8F8; }

.color_e {
  color: #eee; }

.color_9 {
  color: #999; }

.color_6 {
  color: #666; }

.color_3 {
  color: #333; }

.slh {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.overh {
  overflow: hidden; }

.hidden {
  display: none; }

.m_a {
  margin: 0 auto; }