@charset "utf-8";
/* CSS Document */

/*字体大小
12px= font-size: 0.375rem;
14px= font-size: 0.4375rem;
15px= font-size: 0.46875rem;
16px= font-size: 0.5rem;
*/

/***  全局  ***/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none; /*解决chrome浏览器下字体不能小于12px*/
}
/*body,*/
input {
  letter-spacing: 0.1em;
} /*字符间距*/
body {
  position: relative;
  width: 100%;
  max-width: 10rem;
  line-height: 1.4;
  margin: 0 auto;
  color: #333333;
  font-size: 0.4375rem;
  font-family: 'Microsoft Yahei', '微软雅黑', 'SimHei', '黑体', sans-serif;
  overflow-x: hidden;
}
/*font-family: "Arial","Helvetica","Microsoft Yahei","微软雅黑","SimHei","黑体",sans-serif; overflow-x: hidden;*/

ul,
li,
dl,
dd,
dt {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 0.4375rem;
  font-weight: normal;
}

img {
  width: 100%;
  vertical-align: middle;
  border: none;
  -ms-interpolation-mode: bicubic;
}
b,
em,
i {
  font-weight: normal;
  font-style: normal;
}
a {
  display: inline-block;
  outline: none;
  text-decoration: none;
  color: #333333;
}
a:hover {
  /*text-decoration:underline;*/
}
a:active,
a:hover {
  outline: none;
}
a {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

/** 清除默认样式 **/
input {
  line-height: normal !important;
  outline: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
} /*纯色的阴影覆盖谷歌表单自动填充默认样式底色*/
input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='text'],
input[type='file'],
input[type='password'],
textarea,
button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none !important; /*去掉苹果的默认UI来渲染按钮*/
}
/*input[type="checkbox"]::-ms-check, input[type="radio"]::-ms-check{ display: none;}*/ /*清除IE浏览器选择icon*/

textarea {
  resize: none;
}
input,
button,
select,
option,
textarea {
  outline: none;
}
input[type='number'] {
  -moz-appearance: textfield;
} /**数字选择控件样式**/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*表单placeholder属性*/
/*
input:-moz-placeholder { color: #ffffff; opacity: 1;}
input::-moz-placeholder { color: #ffffff; opacity: 1;}
input:-ms-input-placeholder { color: #ffffff; opacity: 1;}
input::-webkit-input-placeholder { color: #ffffff; opacity: 1;}
*/

/*滚动条修改样式*/
/*
::-webkit-scrollbar-button { display: none;}
::-webkit-scrollbar { width: 6px; border-radius: 10px; background-color: rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #0c4685;}
*/

/*背景渐变*/
/*
background-color: #fdb3bd;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fdb3bd ), to( #feeaeb ));
background-image: -webkit-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -moz-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -ms-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -o-linear-gradient(90deg,#fdb3bd,#feeaeb);
background-image: linear-gradient(0deg,#fdb3bd,#feeaeb);
*/
/*字体渐变*/
/*
background: linear-gradient(to bottom, red, blue);
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
*/

/*清除浮动*/
.zoom:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.table {
  display: table;
  width: 100%;
}
.table_cell {
  display: table-cell;
}
.table_row {
  display: table-row;
}
.word_no {
  word-break: keep-all;
  word-wrap: normal;
  white-space: nowrap;
}
.word {
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
}
.table.child_top .table_cell,
table.child_top tr td {
  vertical-align: top;
}
.table.child_bottom .table_cell,
table.child_bottom tr td {
  vertical-align: bottom;
}
.table.child_midd .table_cell,
table.child_midd tr td {
  vertical-align: middle;
}

/*子级宽度*/
.suit_child:after,
.row_child:after,
.row_child1:after,
.row_child2:after,
.row_child3:after,
.row_child4:after,
.row_child5:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

ul.row_child li,
.row_child .item_child {
  display: inline-block;
  float: left;
  width: auto;
}
ul.row_child1 li,
.row_child1 .item_child {
  display: inline-block;
  float: left;
  width: 100%;
}
ul.row_child2 li,
.row_child2 .item_child {
  display: inline-block;
  float: left;
  width: 50%;
}
ul.row_child3 li,
.row_child3 .item_child {
  display: inline-block;
  float: left;
  width: 33.3333%;
}
ul.row_child4 li,
.row_child4 .item_child {
  display: inline-block;
  float: left;
  width: 25%;
}
ul.row_child5 li,
.row_child5 .item_child {
  display: inline-block;
  float: left;
  width: 20%;
}

.row_child.word_no,
.row_child2.word_no,
.row_child3.word_no,
.row_child4.word_no,
.row_child5.word_no {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

ul.row_child.word_no li,
.row_child.word_no .item_child,
ul.row_child2.word_no li,
.row_child2.word_no .item_child,
ul.row_child3.word_no li,
.row_child3.word_no .item_child,
ul.row_child4.word_no li,
.row_child4.word_no .item_child,
ul.row_child5.word_no li,
.row_child5.word_no .item_child {
  float: none;
}

ul.row_child2.word_no li,
.row_child2.word_no .item_child {
  width: auto;
  min-width: 50% !important;
}
ul.row_child3.word_no li,
.row_child3.word_no .item_child {
  width: auto;
  min-width: 33.3333% !important;
}
ul.row_child4.word_no li,
.row_child4.word_no .item_child {
  width: auto;
  min-width: 25% !important;
}
ul.row_child5.word_no li,
.row_child5.word_no .item_child {
  width: auto;
  min-width: 20% !important;
}

.suit_child li {
  float: left;
}
.suit_child li:first-child:nth-last-child(1),
.suit_child li:first-child:nth-last-child(1) ~ li {
  width: 100%;
}
.suit_child li:first-child:nth-last-child(2),
.suit_child li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.suit_child li:first-child:nth-last-child(3),
.suit_child li:first-child:nth-last-child(3) ~ li {
  width: 33.3%;
}
.suit_child li:first-child:nth-last-child(4),
.suit_child li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.suit_child li:first-child:nth-last-child(5),
.suit_child li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}

/*大写字母*/
.capital {
  text-transform: uppercase !important;
}
/*隐藏*/
.hide {
  opacity: 0;
  visibility: hidden;
  display: none;
}

/*文字超出隐藏*/
.w_break {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 文字溢出虚点显示*/
.text_vert {
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.lc2 {
  -webkit-line-clamp: 2;
}
.lc3 {
  -webkit-line-clamp: 3;
}
.lc4 {
  -webkit-line-clamp: 4;
}

/* 定位居中 */
.cente_c {
  /*居中*/
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cente_l {
  /*水平居中*/
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.cente_v {
  /*垂直居中*/
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* width */
.wa {
  width: auto;
}
/* percent width value */
.pct10 {
  width: 10%;
}
.pct15 {
  width: 15%;
}
.pct16 {
  width: 16.66666667%;
}
.pct20 {
  width: 20%;
}
.pct25 {
  width: 25%;
}
.pct30 {
  width: 30%;
}
.pct33 {
  width: 33.33333333%;
}
.pct40 {
  width: 40%;
}
.pct48 {
  width: 48%;
}
.pct50 {
  width: 50%;
}
.pct60 {
  width: 60%;
}
.pct66 {
  width: 66.66666667%;
}
.pct70 {
  width: 70%;
}
.pct75 {
  width: 75%;
}
.pct80 {
  width: 80%;
}
.pct90 {
  width: 90%;
}
.pct100 {
  width: 100% !important;
}

.pre2 {
  padding-right: 2.5em !important;
}
.pre3 {
  padding-right: 3.5em !important;
}
.pre4 {
  padding-right: 4.5em !important;
}
.pre5 {
  padding-right: 5.5em !important;
}
.pre6 {
  padding-right: 6.5em !important;
}

/* 块状元素水平居中 */
.ma {
  margin-left: auto;
  margin-right: auto;
}

.mle1 {
  margin-left: 1em !important;
}
.mle2 {
  margin-left: 2em !important;
}
.mle3 {
  margin-left: 3em !important;
}
.mre1 {
  margin-right: 1em !important;
}
.mre2 {
  margin-right: 2em !important;
}
.mre3 {
  margin-right: 3em !important;
}

/* border-color */
.bdc {
  border: 1px solid #ccc;
}
.blc {
  border-left: 1px solid #ccc;
}
.brc {
  border-right: 1px solid #ccc;
}
.btc {
  border-top: 1px solid #ccc;
}
.bbc {
  border-bottom: 1px solid #ccc;
}
.bdd {
  border: 1px solid #ddd;
}
.bld {
  border-left: 1px solid #ddd;
}
.brd {
  border-right: 1px solid #ddd;
}
.btd {
  border-top: 1px solid #ddd;
}
.bbd {
  border-bottom: 1px solid #ddd;
}
.bde {
  border: 1px solid #eee;
}
.ble {
  border-left: 1px solid #eee;
}
.bre {
  border-right: 1px solid #eee;
}
.bte {
  border-top: 1px solid #eee;
}
.bbe {
  border-bottom: 1px solid #eee;
}
/* border-radius */
.br0 {
  border-radius: 0;
}
.br2 {
  border-radius: 2px;
}
.br4 {
  border-radius: 4px;
}
.br6 {
  border-radius: 6px;
}
.br10 {
  border-radius: 10px;
}
.br12 {
  border-radius: 12px;
}
.br14 {
  border-radius: 14px;
}
.br15 {
  border-radius: 15px;
}
.brpct50 {
  border-radius: 50%;
}
.brpct100 {
  border-radius: 100%;
}

/* none */
.bd0 {
  border: none !important;
}
.bs0 {
  box-shadow: none;
}
.bg0 {
  background: none !important;
}
.bgt {
  background: transparent !important;
}
/* float */
.float_l {
  float: left !important;
}
.float_r {
  float: right !important;
}
.float_n {
  clear: both !important;
  float: none !important;
}
/* position */
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
/*z-index*/
.zx1 {
  z-index: 1;
}
.zx2 {
  z-index: 2;
}
/* cursor 鼠标光标 */
.def {
  cursor: default;
} /* 默认鼠标光标 */
.poi {
  cursor: pointer;
} /* 指示链接的指针（一只手） */

/* display */
/* .dn { display: none !important; } */
.di {
  display: inline;
}
.db {
  display: block !important;
}
.dib {
  display: inline-block;
}

.dflex {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
}
.wrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
} /*一行一个元素*/

.jc_fs {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
} /*子元素左对齐*/
.jc_c {
  justify-content: center;
  -webkit-justify-content: center;
} /*子元素水平居中*/
.jc_fe {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
} /*子元素右对齐*/
.jc_sb {
  justify-content: space-between;
  -webkit-justify-content: space-between;
} /*子元素两端对齐*/
.jc_sa {
  justify-content: space-around;
  -webkit-justify-content: space-around;
} /*子元素分散对齐*/

.ac_s {
  align-content: stretch;
  -webkit-align-content: stretch;
} /*子元素顶部对齐-拉伸空余位置*/
.ac_fs {
  align-content: flex-start;
  -webkit-align-content: flex-start;
} /*子元素顶部对齐*/
.ac_c {
  align-content: center;
  -webkit-align-content: center;
} /*子元素垂直居中*/
.ac_fe {
  align-content: flex-end;
  -webkit-align-content: flex-end;
} /*子元素底部对齐*/
.ac_sb {
  align-content: space-between;
  -webkit-align-content: space-between;
} /*子元素上下对齐*/
.ac_sa {
  align-content: space-around;
  -webkit-align-content: space-around;
} /*子元素分散对齐*/

.ai_c {
  align-items: center;
  -webkit-align-items: center;
} /*子元素垂直居中*/

/* overflow */
.ovh {
  overflow: hidden;
}
.ova {
  overflow: auto;
}
.ova_x {
  overflow-x: auto;
}
.ova_y {
  overflow-y: auto;
}
.ovh_x {
  overflow-x: hidden !important;
}
.ovh_y {
  overflow-y: hidden !important;
}
/* visibility */
.vh {
  visibility: hidden;
} /* 元素不可见 */
.vv {
  visibility: visible;
} /* 默认，元素可见 */
/* vertical-align属性设置元素的垂直对齐方式。 */
.va_m {
  vertical-align: middle;
}
.va_tb {
  vertical-align: text-bottom;
}
.va_b {
  vertical-align: bottom;
}
.va_t {
  vertical-align: top;
}
.vt-1 {
  vertical-align: -1px;
}
.vt-2 {
  vertical-align: -2px;
}
.vt-3 {
  vertical-align: -3px;
}
.vt-4 {
  vertical-align: -4px;
}

/* font-style */
.weight_n {
  font-weight: normal;
  font-style: normal;
}
.weight_b {
  font-weight: 700;
}
.style_i {
  font-style: italic;
}
/* safe color */
.color_0 {
  color: #000000 !important;
}
.color_3 {
  color: #333333 !important;
}
.color_6 {
  color: #666666 !important;
}
.color_9 {
  color: #999999 !important;
}
.color_c {
  color: #cccccc !important;
}
.color_f {
  color: #ffffff !important;
}
/* font-size */
.f0 {
  font-size: 0 !important;
}

/* text-align */
.text_c {
  text-align: center !important;
}
.text_r {
  text-align: right !important;
}
.text_l {
  text-align: left !important;
}
.text_j {
  text-align: justify !important;
}
/* text-decoration */
.tdu {
  text-decoration: underline;
} /* 文本下的一条线 */
.tdl {
  text-decoration: line-through;
} /* 删除线 */
.tdn,
.tdn:hover,
.tdn a:hover,
a.tdl:hover {
  text-decoration: none;
}

/* css3过渡动画效果 */
.trans {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}