@charset "UTF-8";
/* CSS Document */
/*清除格式*/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, dl, dt, dd, ul, ol, li, pre,
form, fieldset, button, input,legend,div,
img{
  border:medium none;
  margin: 0;
  padding: 0;
}
/*h5新标签*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}

/* 重置表格元素 */
table { border-collapse: collapse; border-spacing: 0;}
em,i{font-style: normal;}

img{ border:none;}
/* 重置列表元素 */
ul, ol,li{ list-style: none; }

body{color:#333;font-family: "Microsoft Yahei";font-size: 14px;max-width: 500px;margin: 0 auto; }

a{ text-decoration:none;cursor: pointer;color: #2e2e2e;}
/*a:hover{text-decoration:underline;}*/
a:focus{outline: none;}

/*边距*/
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.w100{ width:100%;}

.text-align{ text-align:center;}
/*display*/
.hidden{display:none;}
.show{display:block;}
.overflow{overflow:hidden;}
/*定位*/
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
/*线*/
.line{height: 0;width: 100%;border-bottom: 1px dashed #ccc;margin: 0;}

.flex{display: flex;}


/*解决手机右边空白*/
html{
  width:100%;
  overflow-x:hidden;
}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer!important; -webkit-appearance: none!important; }
.flex_start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex_col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex_col_between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.flex_col_around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.flex_around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* PC端展示效果 */
@media screen and (min-width: 768px) {
  html {
    font-size: 110px !important;
  }
}

/* @media screen and (max-width:768px) {
  html {
    font-size: 100px !important;
  }
} */
/* 控制文字在一行之内，多余部分显示... */

.oneLine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 控制文字在两行之内，多余部分显示... */

.twoLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}

/* 控制文字在三行之内，多余部分显示... */

.threeLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}