@charset "UTF-8";
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
input,
textarea,
select,
button,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: initial;
  vertical-align: baseline;
  background: transparent;
  font-family: "pf_r";
  -webkit-tap-highlight-color: transparent;
}
/*html5设置*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
body {
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #333;
  min-width: 320px;
  width: 100%;
  zoom: 1;
  background: #fff;
  font-family: "";
  /*禁用Webkit内核浏览器的文字大小调整功能*/
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制文本可选性*/
  /*设置字体的抗锯齿或者说光滑度*/
  -webkit-font-smoothing: antialiased;
}
* {
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
p,
span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /* font-size:initial; */
  vertical-align: baseline;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
i {
  font-weight: normal;
  font-style: normal;
  line-height: 1;
}
ul,
ol,
li {
  list-style-type: none;
}
a {
  text-decoration: none;
  outline: none;
  color: #333;
  cursor: pointer;
}
a:focus {
  outline: none;
  -moz-outline: none;
}
a img {
  border: none;
}
/*强制去除表单自带的样式*/
select,
input,
textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
input:focus {
  outline: none;
}
input,
button,
select,
textarea {
  outline: none;
  /*-webkit-appearance:none;*/
}
textarea {
  resize: none;
  /*-webkit-appearance:none;*/
}
textarea,
input,
select {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 0.75em;
  width: 100%;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  box-sizing: border-box;
}
table th {
  background-color: #f9f9f9;
  text-align: center;
  box-sizing: border-box;
}
table td,
table th {
  padding: 5px 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
main,
footer {
  display: block;
}
input[type="button"],
input[type="submit"],
input[type="file"],
button {
  cursor: pointer;
  -webkit-appearance: none;
}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
  height: 0;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/* 空数据模板 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* font-size: 0.14rem; */
  /* color: #333; */
}
.hh_w1600 {
  width: 16rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .hh_w1600 {
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.hh_w1680 {
  width: 16.8rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .hh_w1680 {
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.hh_w1400 {
  width: 14rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .hh_w1400 {
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.hh_w1440 {
  width: 14.4rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .hh_w1440 {
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.hh_w1200 {
  width: 12rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .hh_w1200 {
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.hh_w1560 {
  width: 15.6rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .hh_w1560 {
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
/* 文本 */
.hh_text_right,
.hh_text_r {
  text-align: right;
}
.hh_text_left,
.hh_text_l {
  text-align: left;
}
.hh_text_center,
.hh_text_c {
  text-align: center;
}
.hh_text_bold {
  font-weight: bold;
}
.hh_text_normal {
  font-weight: normal;
}
.hh_text_bolder {
  font-weight: bolder;
}
.hh_text_del {
  text-decoration: line-through;
}
/* 浮动方向 */
.hh_float_right,
.hh_float_r {
  float: right;
}
.hh_float_left,
.hh_float_l {
  float: left;
}
.hh_clearboth {
  clear: both;
}
/* 定位 */
.hh_static {
  position: static;
}
.hh_fixed {
  position: fixed;
}
.hh_relative {
  position: relative;
}
.hh_absolute {
  position: absolute;
}
.hh_sticky {
  position: sticky;
}
/* 缩进两个字符 */
.hh_indent {
  text-indent: 2em;
}
/* 宽度 */
.hh_w_5 {
  width: 0.05rem;
}
.hh_w_10 {
  width: 0.1rem;
}
.hh_w_15 {
  width: 0.15rem;
}
.hh_w_20 {
  width: 0.2rem;
}
.hh_w_25 {
  width: 0.25rem;
}
.hh_w_30 {
  width: 0.3rem;
}
.hh_w_35 {
  width: 0.35rem;
}
.hh_w_40 {
  width: 0.4rem;
}
.hh_w_45 {
  width: 0.45rem;
}
.hh_w_50 {
  width: 0.5rem;
}
.hh_w_55 {
  width: 0.55rem;
}
.hh_w_60 {
  width: 0.6rem;
}
.hh_w_65 {
  width: 0.65rem;
}
.hh_w_70 {
  width: 0.7rem;
}
.hh_w_75 {
  width: 0.75rem;
}
.hh_w_80 {
  width: 0.8rem;
}
.hh_w_85 {
  width: 0.85rem;
}
.hh_w_90 {
  width: 0.9rem;
}
.hh_w_95 {
  width: 0.95rem;
}
.hh_w_100 {
  width: 1rem;
}
.hh_w_110 {
  width: 1.1rem;
}
.hh_w_120 {
  width: 1.2rem;
}
.hh_w_130 {
  width: 1.3rem;
}
.hh_w_140 {
  width: 1.4rem;
}
.hh_w_150 {
  width: 1.5rem;
}
.hh_w_160 {
  width: 1.6rem;
}
.hh_w_170 {
  width: 1.7rem;
}
.hh_w_180 {
  width: 1.8rem;
}
.hh_w_190 {
  width: 1.9rem;
}
.hh_w_200 {
  width: 2rem;
}
.hh_w_250 {
  width: 2.5rem;
}
.hh_w_300 {
  width: 3rem;
}
.hh_w_350 {
  width: 3.5rem;
}
.hh_w_400 {
  width: 4rem;
}
.hh_w_500 {
  width: 5rem;
}
/* 宽度百分比 */
.hh_w_100p {
  width: 100%;
}
.hh_w_95p {
  width: 95%;
}
.hh_w_90p {
  width: 90%;
}
.hh_w_85p {
  width: 85%;
}
.hh_w_80p {
  width: 80%;
}
.hh_w_75p {
  width: 75%;
}
.hh_w_70p {
  width: 70%;
}
.hh_w_65p {
  width: 65%;
}
.hh_w_60p {
  width: 60%;
}
.hh_w_55p {
  width: 55%;
}
.hh_w_50p {
  width: 50%;
}
.hh_w_45p {
  width: 45%;
}
.hh_w_40p {
  width: 40%;
}
.hh_w_35p {
  width: 35%;
}
.hh_w_3333p {
  width: 33.33%;
}
.hh_w_30p {
  width: 30%;
}
.hh_w_25p {
  width: 25%;
}
.hh_w_20p {
  width: 20%;
}
.hh_w_15p {
  width: 15%;
}
.hh_w_10p {
  width: 10%;
}
.hh_w_88p {
  width: 88%;
}
.hh_w_auto {
  width: auto !important;
}
/* 高度 */
.hh_h_5 {
  height: 0.05rem;
}
.hh_h_10 {
  height: 0.1rem;
}
.hh_h_15 {
  height: 0.15rem;
}
.hh_h_20 {
  height: 0.2rem;
}
.hh_h_25 {
  height: 0.25rem;
}
.hh_h_30 {
  height: 0.3rem;
}
.hh_h_35 {
  height: 0.35rem;
}
.hh_h_40 {
  height: 0.4rem;
}
.hh_h_45 {
  height: 0.45rem;
}
.hh_h_50 {
  height: 0.5rem;
}
.hh_h_55 {
  height: 0.55rem;
}
.hh_h_60 {
  height: 0.6rem;
}
.hh_h_65 {
  height: 0.65rem;
}
.hh_h_70 {
  height: 0.7rem;
}
.hh_h_75 {
  height: 0.75rem;
}
.hh_h_80 {
  height: 0.8rem;
}
.hh_h_85 {
  height: 0.85rem;
}
.hh_h_90 {
  height: 0.9rem;
}
.hh_h_95 {
  height: 0.95rem;
}
.hh_h_100 {
  height: 1rem;
}
.hh_h_110 {
  height: 1.1rem;
}
.hh_h_120 {
  height: 1.2rem;
}
.hh_h_130 {
  height: 1.3rem;
}
.hh_h_140 {
  height: 1.4rem;
}
.hh_h_150 {
  height: 1.5rem;
}
.hh_h_160 {
  height: 1.6rem;
}
.hh_h_170 {
  height: 1.7rem;
}
.hh_h_180 {
  height: 1.8rem;
}
.hh_h_190 {
  height: 1.9rem;
}
.hh_h_200 {
  height: 2rem;
}
.hh_h_auto {
  height: auto;
}
/* 高度百分比 */
.hh_h_100p {
  height: 100%;
}
.hh_h_95p {
  height: 95%;
}
.hh_h_90p {
  height: 90%;
}
.hh_h_85p {
  height: 85%;
}
.hh_h_80p {
  height: 80%;
}
.hh_h_75p {
  height: 75%;
}
.hh_h_70p {
  height: 70%;
}
.hh_h_65p {
  height: 65%;
}
.hh_h_60p {
  height: 60%;
}
.hh_h_55p {
  height: 55%;
}
.hh_h_50p {
  height: 50%;
}
.hh_h_45p {
  height: 45%;
}
.hh_h_40p {
  height: 40%;
}
.hh_h_35p {
  height: 35%;
}
.hh_h_30p {
  height: 30%;
}
.hh_h_25p {
  height: 20%;
}
.hh_h_20p {
  height: 20%;
}
.hh_h_15p {
  height: 15%;
}
.hh_h_10p {
  height: 10%;
}
.hh_h_3333p {
  height: 33.33%;
}
/* 字体大小 */
.hh_text_8 {
  font-size: 0.08rem;
}
.hh_text_9 {
  font-size: 0.09rem;
}
.hh_text_10 {
  font-size: 0.1rem;
}
.hh_text_11 {
  font-size: 0.11rem;
}
.hh_text_12 {
  font-size: 0.12rem;
}
.hh_text_13 {
  font-size: 0.13rem;
}
.hh_text_14 {
  font-size: 0.14rem;
}
.hh_text_15 {
  font-size: 0.15rem;
}
.hh_text_16 {
  font-size: 0.16rem;
}
.hh_text_17 {
  font-size: 0.17rem;
}
.hh_text_18 {
  font-size: 0.18rem;
}
.hh_text_20 {
  font-size: 0.2rem;
}
.hh_text_22 {
  font-size: 0.22rem;
}
.hh_text_24 {
  font-size: 0.24rem;
}
.hh_text_26 {
  font-size: 0.26rem;
}
.hh_text_28 {
  font-size: 0.28rem;
}
.hh_text_30 {
  font-size: 0.3rem;
}
.hh_text_32 {
  font-size: 0.32rem;
}
.hh_text_34 {
  font-size: 0.34rem;
}
.hh_text_36 {
  font-size: 0.36rem;
}
.hh_text_38 {
  font-size: 0.38rem;
}
.hh_text_40 {
  font-size: 0.4rem;
}
.text_bold {
  font-weight: bold;
}
.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}
/* 字体颜色 */
.hh_c_eee {
  color: #eee !important;
}
.hh_c_aaa {
  color: #aaa !important;
}
.hh_c_bbb {
  color: #bbb !important;
}
.hh_c_ccc {
  color: #ccc !important;
}
.hh_c_ddd {
  color: #ddd !important;
}
.hh_c_999,
.hh_c_grey {
  color: #999;
}
.hh_c_666 {
  color: #666;
}
.hh_c_000,
.hh_c_black {
  color: #000;
}
.hh_c_fff,
.hh_c_white {
  color: #fff;
}
.hh_c_f30 {
  color: #f30 !important;
}
.hh_c_f90 {
  color: #f90 !important;
}
.hh_c_blue {
  color: #0f9ae0 !important;
}
.hh_c_red,
.hh_c_c00 {
  color: #c00 !important;
}
.hh_c_green {
  color: green !important;
}
.hh_c_orange,
.hh_c_f60 {
  color: #f60 !important;
}
.hh_c_yellow {
  color: #ffd900 !important;
}
.hh_c_333 {
  color: #333;
}
.hh_c_444 {
  color: #444;
}
.hh_c_555 {
  color: #555;
}
.hh_c_777 {
  color: #777;
}
.hh_c_888 {
  color: #888;
}
.hh_c_999 {
  color: #999;
}
.text_red,
.line_red,
.lines_red {
  color: #e54d42;
}
.text_orange,
.line_orange,
.lines_orange {
  color: #f37b1d;
}
.text_yellow,
.line_yellow,
.lines_yellow {
  color: #fbbd08;
}
.text_olive,
.line_olive,
.lines_olive {
  color: #8dc63f;
}
.text_green,
.line_green,
.lines_green {
  color: #39b54a;
}
.text_cyan,
.line_cyan,
.lines_cyan {
  color: #1cbbb4;
}
.text_blue,
.line_blue,
.lines_blue {
  color: #0081ff;
}
.text_purple,
.line_purple,
.lines_purple {
  color: #6739b6;
}
.text_mauve,
.line_mauve,
.lines_mauve {
  color: #9c26b0;
}
.text_pink,
.line_pink,
.lines_pink {
  color: #e03997;
}
.text_brown,
.line_brown,
.lines_brown {
  color: #a5673f;
}
.text_grey,
.line_grey,
.lines_grey {
  color: #8799a3;
}
.text_gray,
.line_gray,
.lines_gray {
  color: #aaaaaa;
}
.text_black,
.line_black,
.lines_black {
  color: #333333;
}
.text_white,
.line_white,
.lines_white {
  color: #ffffff;
}
/* 背景颜色 */
.hh_bg_999 {
  background-color: #999;
}
.hh_bg_666 {
  background-color: #666;
}
.hh_bg_333 {
  background-color: #333;
}
.hh_bg_000,
.hh_bg_black {
  background-color: #000;
}
.hh_bg_fff,
.hh_bg_white {
  background-color: #fff;
}
.hh_bg_f1f1f1 {
  background: #f1f1f1;
}
.hh_bg_red,
.hh_bg_c00 {
  background-color: #c00;
}
.hh_bg_f60 {
  background-color: #f60 !important;
}
.hh_bg_f90 {
  background-color: #f90 !important;
}
.hh_bg_yellow {
  background-color: #ffd900 !important;
}
.hh_bg_gray {
  background-color: #fafafa !important;
}
.hh_bg_ddd {
  background-color: #ddd !important;
}
.hh_bg_eee {
  background-color: #eee !important;
}
.hh_bg_green {
  background-color: #5eb95e !important;
}
.hh_bg_blue {
  background-color: #3bb4f2 !important;
}
.hh_bg_blue_light {
  background-color: #0f9ae0 !important;
}
.hh_bg_orange {
  background-color: #ff6600 !important;
}
.hh_bg_orange_light {
  background-color: #ff9900 !important;
}
.hh_bg_transparent {
  background-color: transparent;
}
.hh_link {
  width: 100%;
  height: 10rem;
  background: #f1f1f1;
}
/* 内外边距 */
.hh_margin_5 {
  margin: 0.05rem;
}
.hh_margin_10,
.hh_margin {
  margin: 0.1rem;
}
.hh_margin_15 {
  margin: 0.15rem;
}
.hh_margin_20 {
  margin: 0.2rem;
}
.hh_margin_25 {
  margin: 0.25rem;
}
.hh_margin_30 {
  margin: 0.3rem;
}
.hh_margin_35 {
  margin: 0.35rem;
}
.hh_margin_40 {
  margin: 0.4rem;
}
.hh_margin_45 {
  margin: 0.45rem;
}
.hh_margin_50 {
  margin: 0.5rem;
}
.hh_margin_55 {
  margin: 0.55rem;
}
.hh_margin_60 {
  margin: 0.6rem;
}
.hh_margin_65 {
  margin: 0.65rem;
}
.hh_margin_70 {
  margin: 0.7rem;
}
.hh_margin_75 {
  margin: 0.75rem;
}
.hh_margin_80 {
  margin: 0.8rem;
}
.hh_margin_85 {
  margin: 0.85rem;
}
.hh_margin_90 {
  margin: 0.9rem;
}
.hh_margin_95 {
  margin: 0.95rem;
}
.hh_margin_100 {
  margin: 1rem;
}
.hh_margin_lr_5 {
  margin-left: 0.05rem;
  margin-right: 0.05rem;
}
.hh_margin_lr_10,
.hh_margin_lr {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
.hh_margin_lr_15 {
  margin-left: 0.15rem;
  margin-right: 0.15rem;
}
.hh_margin_lr_20 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
.hh_margin_lr_25 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.hh_margin_lr_30 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.hh_margin_lr_35 {
  margin-left: 0.35rem;
  margin-right: 0.35rem;
}
.hh_margin_lr_40 {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.hh_margin_lr_45 {
  margin-left: 0.45rem;
  margin-right: 0.45rem;
}
.hh_margin_lr_50 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.hh_margin_lr_55 {
  margin-left: 0.55rem;
  margin-right: 0.55rem;
}
.hh_margin_lr_60 {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}
.hh_margin_lr_65 {
  margin-left: 0.65rem;
  margin-right: 0.65rem;
}
.hh_margin_lr_70 {
  margin-left: 0.7rem;
  margin-right: 0.7rem;
}
.hh_margin_lr_75 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.hh_margin_lr_80 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.hh_margin_tb_5 {
  margin-top: 0.05rem;
  margin-bottom: 0.5rem;
}
.hh_margin_tb_10,
.hh_margin-tb {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.hh_margin_tb_15 {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}
.hh_margin_tb_20 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.hh_margin_tb_25 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.hh_margin_tb_30 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.hh_margin_tb_35 {
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
.hh_margin_tb_40 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.hh_margin_tb_50 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.hh_margin_t_5 {
  margin-top: 0.05rem;
}
.hh_margin_t_10,
.hh_margin-t {
  margin-top: 0.1rem;
}
.hh_margin_t_15 {
  margin-top: 0.15rem;
}
.hh_margin_t_20 {
  margin-top: 0.2rem;
}
.hh_margin_t_25 {
  margin-top: 0.25rem;
}
.hh_margin_t_30 {
  margin-top: 0.3rem;
}
.hh_margin_t_35 {
  margin-top: 0.35rem;
}
.hh_margin_t_40 {
  margin-top: 0.4rem;
}
.hh_margin_t_45 {
  margin-top: 0.45rem;
}
.hh_margin_t_50 {
  margin-top: 0.5rem;
}
.hh_margin_t_55 {
  margin-top: 0.55rem;
}
.hh_margin_t_60 {
  margin-top: 0.6rem;
}
.hh_margin_t_65 {
  margin-top: 0.65rem;
}
.hh_margin_t_70 {
  margin-top: 0.7rem;
}
.hh_margin_t_75 {
  margin-top: 0.75rem;
}
.hh_margin_t_80 {
  margin-top: 0.8rem;
}
.hh_margin_t_85 {
  margin-top: 0.85rem;
}
.hh_margin_t_90 {
  margin-top: 0.9rem;
}
.hh_margin_t_100 {
  margin-top: 1rem;
}
.hh_margin_t_110 {
  margin-top: 1.1rem;
}
.hh_margin_t_115 {
  margin-top: 1.15rem;
}
.hh_margin_b_5 {
  margin-bottom: 0.05rem;
}
.hh_margin_b_10,
.hh_margin-b {
  margin-bottom: 0.1rem;
}
.hh_margin_b_15 {
  margin-bottom: 0.15rem;
}
.hh_margin_b_20 {
  margin-bottom: 0.2rem;
}
.hh_margin_b_25 {
  margin-bottom: 0.25rem;
}
.hh_margin_b_30 {
  margin-bottom: 0.3rem;
}
.hh_margin_b_35 {
  margin-bottom: 0.35rem;
}
.hh_margin_b_40 {
  margin-bottom: 0.4rem;
}
.hh_margin_b_45 {
  margin-bottom: 0.45rem;
}
.hh_margin_b_50 {
  margin-bottom: 0.5rem;
}
.hh_margin_b_55 {
  margin-bottom: 0.55rem;
}
.hh_margin_b_60 {
  margin-bottom: 0.6rem;
}
.hh_margin_b_65 {
  margin-bottom: 0.65rem;
}
.hh_margin_b_70 {
  margin-bottom: 0.7rem;
}
.hh_margin_b_75 {
  margin-bottom: 0.75rem;
}
.hh_margin_b_80 {
  margin-bottom: 0.8rem;
}
.hh_margin_b_90 {
  margin-bottom: 0.9rem;
}
.hh_margin_b_110 {
  margin-bottom: 1.1rem;
}
.hh_margin_b_120 {
  margin-bottom: 1.2rem;
}
.hh_margin_l_5 {
  margin-left: 0.05rem;
}
.hh_margin_l_10,
.hh_margin-l {
  margin-left: 0.1rem;
}
.hh_margin_l_15 {
  margin-left: 0.15rem;
}
.hh_margin_l_20 {
  margin-left: 0.2rem;
}
.hh_margin_l_25 {
  margin-left: 0.25rem;
}
.hh_margin_l_30 {
  margin-left: 0.3rem;
}
.hh_margin_l_40 {
  margin-left: 0.4rem;
}
.hh_margin_l_50 {
  margin-left: 0.5rem;
}
.hh_margin_l_55 {
  margin-left: 0.55rem;
}
.hh_margin_l_60 {
  margin-left: 0.6rem;
}
.hh_margin_l_70 {
  margin-left: 0.7rem;
}
.hh_margin_l_90 {
  margin-left: 0.9rem;
}
.hh_margin_r_5 {
  margin-right: 0.05rem;
}
.hh_margin_r_10,
.hh_margin-r {
  margin-right: 0.1rem;
}
.hh_margin_r_15 {
  margin-right: 0.15rem;
}
.hh_margin_r_20 {
  margin-right: 0.2rem;
}
.hh_margin_r_25 {
  margin-right: 0.25rem;
}
.hh_margin_r_30 {
  margin-right: 0.3rem;
}
.hh_margin_r_40 {
  margin-right: 0.4rem;
}
.hh_margin_r_45 {
  margin-right: 0.45rem;
}
.hh_margin_r_50 {
  margin-right: 0.5rem;
}
.hh_margin_r_65 {
  margin-right: 0.65rem;
}
.hh_margin_r_75 {
  margin-right: 0.75rem;
}
.hh_margin_r_100 {
  margin-right: 1rem;
}
.hh_margin_r_200 {
  margin-right: 2rem;
}
.hh_padding_5 {
  padding: 0.05rem;
}
.hh_padding_10,
.hh_padding {
  padding: 0.1rem;
}
.hh_padding_15 {
  padding: 0.15rem;
}
.hh_padding_20 {
  padding: 0.2rem;
}
.hh_padding_30 {
  padding: 0.3rem;
}
.hh_padding_40 {
  padding: 0.4rem;
}
.hh_padding_50 {
  padding: 0.5rem;
}
.hh_padding_lr_5 {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}
.hh_padding_lr_10,
.hh_padding_lr {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.hh_padding_lr_15 {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}
.hh_padding_lr_20 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.hh_padding_lr_25 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.hh_padding_lr_30 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.hh_padding_lr_35 {
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}
.hh_padding_lr_40 {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.hh_padding_lr_45 {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}
.hh_padding_lr_50 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.hh_padding_lr_55 {
  padding-left: 0.55rem;
  padding-right: 0.55rem;
}
.hh_padding_lr_70 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.hh_padding_lr_80 {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.hh_padding_tb_5 {
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}
.hh_padding_tb_10,
.hh_padding_tb {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.hh_padding_tb_15 {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}
.hh_padding_tb_20 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.hh_padding_tb_25 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.hh_padding_tb_30 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.hh_padding_tb_40 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.hh_padding_tb_45 {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.hh_padding_tb_50 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.hh_padding_tb_60 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.hh_padding_tb_70 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.hh_padding_tb_75 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.hh_padding_t_5 {
  padding-top: 0.05rem;
}
.hh_padding_t_10,
.hh_padding_t {
  padding-top: 0.1rem;
}
.hh_padding_t_15 {
  padding-top: 0.15rem;
}
.hh_padding_t_20 {
  padding-top: 0.2rem;
}
.hh_padding_t_25 {
  padding-top: 0.25rem;
}
.hh_padding_t_30 {
  padding-top: 0.3rem;
}
.hh_padding_t_35 {
  padding-top: 0.35rem;
}
.hh_padding_t_40 {
  padding-top: 0.4rem;
}
.hh_padding_t_45 {
  padding-top: 0.45rem;
}
.hh_padding_t_55 {
  padding-top: 0.5rem;
}
.hh_padding_t_50 {
  padding-top: 0.55rem;
}
.hh_padding_t_60 {
  padding-top: 0.6rem;
}
.hh_padding_t_75 {
  padding-top: 0.75rem;
}
.hh_padding_t_110 {
  padding-top: 1.1rem;
}
.hh_padding_b_5 {
  padding-bottom: 0.05rem;
}
.hh_padding_b_10,
.hh_padding_b {
  padding-bottom: 0.1rem;
}
.hh_padding_b_15 {
  padding-bottom: 0.15rem;
}
.hh_padding_b_20 {
  padding-bottom: 0.2rem;
}
.hh_padding_b_25 {
  padding-bottom: 0.25rem;
}
.hh_padding_b_30 {
  padding-bottom: 0.3rem;
}
.hh_padding_b_40 {
  padding-bottom: 0.4rem;
}
.hh_padding_b_45 {
  padding-bottom: 0.45rem;
}
.hh_padding_b_50 {
  padding-bottom: 0.5rem;
}
.hh_padding_b_55 {
  padding-bottom: 0.55rem;
}
.hh_padding_b_60 {
  padding-bottom: 0.6rem;
}
.hh_padding_b_65 {
  padding-bottom: 0.65rem;
}
.hh_padding_b_70 {
  padding-bottom: 0.7rem;
}
.hh_padding_b_75 {
  padding-bottom: 0.75rem;
}
.hh_padding_b_80 {
  padding-bottom: 0.8rem;
}
.hh_padding_l_5 {
  padding-left: 0.05rem;
}
.hh_padding_l_10,
.hh_padding_l {
  padding-left: 0.1rem;
}
.hh_padding_l_15 {
  padding-left: 0.15rem;
}
.hh_padding_l_20 {
  padding-left: 0.2rem;
}
.hh_padding_l_25 {
  padding-left: 0.25rem;
}
.hh_padding_l_30 {
  padding-left: 0.3rem;
}
.hh_padding_l_40 {
  padding-left: 0.4rem;
}
.hh_padding_l_45 {
  padding-left: 0.45rem;
}
.hh_padding_l_50 {
  padding-left: 0.5rem;
}
.hh_padding_l_70 {
  padding-left: 0.7rem;
}
.hh_padding_r_5 {
  padding-right: 0.05rem;
}
.hh_padding_r_10,
.hh_padding_r {
  padding-right: 0.1rem;
}
.hh_padding_r_15 {
  padding-right: 0.15rem;
}
.hh_padding_r_20 {
  padding-right: 0.2rem;
}
.hh_padding_r_25 {
  padding-right: 0.25rem;
}
.hh_padding_r_30 {
  padding-right: 0.3rem;
}
.hh_padding_r_40 {
  padding-right: 0.4rem;
}
.hh_padding_r_50 {
  padding-right: 0.5rem;
}
.hh_padding_r_60 {
  padding-right: 0.6rem;
}
.hh_padding_r_75 {
  padding-right: 0.75rem;
}
/* 图片比例, 放置图片外的div标签 */
.hh_img_2_1 {
  background-position: center center;
  width: 100%;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
  position: relative;
}
.hh_img_1_1 {
  background-position: center center;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
}
.hh_img_3_1 {
  background-position: center center;
  width: 100%;
  padding-bottom: 33%;
  height: 0;
  overflow: hidden;
  position: relative;
}
.hh_img_3_1 img,
.hh_img_2_1 img,
.hh_img_1_1 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/*自动省略号文字*/
.hh_text-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hh_text_cut_1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hh_text_cut_2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hh_text_cut_3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* 边框 */
.hh_border {
  border: 1px solid #ddd !important;
}
.hh_borders {
  border: 2px solid #ddd !important;
}
.hh_border_left,
.hh_border_l {
  border-left: 1px solid #eee;
}
.hh_border_right,
.hh_border_r {
  border-right: 1px solid #eee;
}
.hh_border_top,
.hh_border_t {
  border-top: 1px solid #eee;
}
.hh_border_bottom,
.hh_border_b {
  border-bottom: 1px solid #eee;
}
.hh_borders_left {
  border-left: 2px solid #ddd;
}
.hh_borders_right {
  border-right: 2px solid #ddd;
}
.hh_borders_top {
  border-top: 2px solid #ddd;
}
.hh_borders_bottom {
  border-bottom: 2px solid #ddd;
}
/* 圆角 */
.hh_radius,
.hh_radius_10 {
  border-radius: 0.1rem;
}
.hh_radius_5 {
  border-radius: 0.05rem;
}
.hh_radius_15 {
  border-radius: 0.15rem;
}
.hh_radius_20 {
  border-radius: 0.2rem;
}
.hh_radius_25 {
  border-radius: 0.25rem;
}
.hh_radius_30 {
  border-radius: 0.3rem;
}
.hh_radius_50 {
  border-radius: 0.5rem;
}
.hh_radius_100 {
  border-radius: 1rem;
}
.hh_radius_1000,
.hh_round {
  border-radius: 10rem;
}
/* flex布局 */
.hh_flex {
  display: flex;
}
.hh_flex_row_left {
  justify-content: flex-start;
}
.hh_flex_row_center {
  justify-content: center;
}
.hh_flex_row_right {
  justify-content: flex-end;
}
.hh_flex_row_between {
  justify-content: space-between;
}
.hh_flex_row_around {
  justify-content: space-around;
}
.hh_flex_column,
.hh_flex_col {
  flex-direction: column;
}
.hh_flex_col_top {
  align-items: flex-start;
}
.hh_flex_col_middle,
.hh_flex_col_center {
  align-items: center;
}
.hh_flex_col_bottom {
  align-items: flex-end;
}
.hh_flex_wrap {
  flex-wrap: wrap;
}
.hh_flex_1 {
  flex: 1;
}
.hh_flex_2 {
  flex: 2;
}
.hh_flex_3 {
  flex: 3;
}
.hh_flex_4 {
  flex: 4;
}
.hh_flex_5 {
  flex: 5;
}
.hh_flex_6 {
  flex: 6;
}
.flex {
  display: flex;
}
.basis_xs {
  flex-basis: 20%;
}
.basis_sm {
  flex-basis: 40%;
}
.basis_df {
  flex-basis: 50%;
}
.basis_lg {
  flex-basis: 60%;
}
.basis_xl {
  flex-basis: 80%;
}
.basis_70 {
  flex-basis: 70%;
}
.basis_30 {
  flex-basis: 30%;
}
.basis_3333 {
  flex-basis: 33.33%;
}
.flex_sub {
  flex: 1;
}
.flex_twice {
  flex: 2;
}
.flex_treble {
  flex: 3;
}
.flex_direction {
  flex-direction: column;
}
.flex_wrap {
  flex-wrap: wrap;
}
.align_start {
  align-items: flex-start;
}
.align_end {
  align-items: flex-end;
}
.align_center {
  align-items: center;
}
.align_stretch {
  align-items: stretch;
}
.self_start {
  align-self: flex-start;
}
.self_center {
  align-self: flex-center;
}
.self_end {
  align-self: flex-end;
}
.self_stretch {
  align-self: stretch;
}
.alignStretch {
  align-items: stretch;
}
.justify_start {
  justify-content: flex-start;
}
.justify_end {
  justify-content: flex-end;
}
.justify_center {
  justify-content: center;
}
.justify_between {
  justify-content: space-between;
}
.justify_around {
  justify-content: space-around;
}
/*  公共按钮 */
a.hh_btn,
.hh_btn {
  background-color: #ffffff;
  border: 1px solid #ccc;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.14rem;
  color: #333;
  text-align: center;
  border-radius: 0.4rem;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  box-sizing: border-box;
  padding: 0 10px;
}
a.hh_btn:hover,
.hh_btn:hover {
  border: 1px solid #ddd;
}
.hh_btn i {
  font-size: 0.16rem;
  line-height: 120%;
}
a.hh_btn.hh_btn_radius,
.hh_btn.hh_btn_radius {
  border-radius: 1rem;
}
a.hh_btn.hh_btn_sm,
.hh_btn.hh_btn_sm {
  font-size: 0.12rem;
  height: 0.3rem;
  line-height: 0.3rem;
}
a.hh_btn.hh_btn_big,
.hh_btn.hh_btn_big {
  font-size: 0.18rem;
  height: 0.6rem;
  line-height: 0.6rem;
}
a.hh_btn.hh_btn_block,
.hh_btn.hh_btn_block {
  display: block;
  width: 100%;
}
/* 纯色背景按钮 */
a.hh_btn.hh_btn_primary,
.hh_btn.hh_btn_primary {
  background-color: #a02312;
  border: 1px solid #a02312;
  color: #fff;
}
a.hh_btn.hh_btn_primary:hover,
.hh_btn.hh_btn_primary:hover {
  background-color: #ba2814;
  border: 1px solid #ba2814;
  color: #fff;
}
a.hh_btn.hh_btn_second,
.hh_btn.hh_btn_second {
  background-color: #c89670;
  border: 1px solid #c89670;
  color: #fff;
}
a.hh_btn.hh_btn_second:hover,
.hh_btn.hh_btn_second:hover {
  background-color: #d39e75;
  border: 1px solid #d39e75;
  color: #fff;
}
a.hh_btn.hh_btn_green,
.hh_btn.hh_btn_green {
  background-color: #5eb95e;
  border: 1px solid #5eb95e;
  color: #fff;
}
a.hh_btn.hh_btn_green:hover,
.hh_btn.hh_btn_green:hover {
  background-color: #5eb95e;
  border: 1px solid #5eb95e;
  color: #fff;
}
a.hh_btn.hh_btn_blue,
.hh_btn.hh_btn_blue {
  background-color: #3bb4f2;
  color: #fff;
  border: 1px solid #3bb4f2;
}
a.hh_btn.hh_btn_blue:hover,
.hh_btn.hh_btn_blue:hover {
  background-color: #0f9ae0;
  color: #fff;
  border: 1px solid #0f9ae0;
}
a.hh_btn.hh_btn_red,
.hh_btn.hh_btn_red {
  background-color: #cc0000;
  color: #fff;
  border: 1px solid #cc0000;
}
a.hh_btn.hh_btn_red:hover,
.hh_btn.hh_btn_red:hover {
  background-color: #ee0000;
  color: #fff;
  border: 1px solid #ee0000;
}
a.hh_btn.hh_btn_orange,
.hh_btn.hh_btn_orange {
  background-color: #ff6600;
  color: #fff;
  border: 1px solid #ff6600;
}
a.hh_btn.hh_btn_orange:hover,
.hh_btn.hh_btn_orange:hover {
  background-color: #ff9900;
  color: #fff;
  border: 1px solid #ff9900;
}
a.hh_btn.hh_btn_f90,
.hh_btn.hh_btn_f90 {
  background-color: #ff9900;
  color: #fff;
  border: 1px solid #ff9900;
}
a.hh_btn.hh_btn_f90:hover,
.hh_btn.hh_btn_f90:hover {
  background-color: #ffcc00;
  color: #fff;
  border: 1px solid #ffcc00;
}
/* 线框按钮 */
a.hh_btn.hh_btn_grey_outline,
.hh_btn.hh_btn_grey_outline {
  border: 1px solid #ccc;
  color: #ccc;
}
a.hh_btn.hh_btn_grey_outline:hover,
.hh_btn.hh_btn_grey_outline:hover {
  background-color: #ddd;
  border: 1px solid #ddd;
  color: #ddd;
}
a.hh_btn.hh_btn_green-outline,
.hh_btn.hh_btn_green_outline {
  border: 1px solid #5eb95e;
  color: #5eb95e;
}
a.hh_btn.hh_btn_green_outline:hover,
.hh_btn.hh_btn_green_outline:hover {
  background-color: #5eb95e;
  border: 1px solid #5eb95e;
  color: #fff;
}
a.hh_btn.hh_btn_blue_outline,
.hh_btn.hh_btn_blue_outline {
  color: #3bb4f2;
  border: 1px solid #3bb4f2;
}
a.hh_btn.hh_btn_blue_outline:hover,
.hh_btn.hh_btn_blue_outline:hover {
  color: #0f9ae0;
  border: 1px solid #0f9ae0;
}
a.hh_btn.hh_btn_red_outline,
.hh_btn.hh_btn_red_outline {
  color: #ff0000;
  border: 1px solid #ff0000;
}
a.hh_btn.hh_btn_red_outline:hover,
.hh_btn.hh_btn_red_outline:hover {
  color: #cc0000;
  border: 1px solid #cc0000;
}
a.hh_btn.hh_btn_orange_outline,
.hh_btn.hh_btn_orange_outline {
  color: #ff6600;
  border: 1px solid #ff6600;
}
a.hh_btn.hh_btn_orange_outline:hover,
.hh_btn.hh_btn_orange_outline:hover {
  color: #ff9900;
  border: 1px solid #ff9900;
}
/* 按钮组 ========  */
.hh_btn_group .hh_btn {
  border-radius: 0;
  display: inline-block;
}
.hh_btn_group .hh_btn:first-child {
  border-radius: 5px 0 0 5px;
}
.hh_btn_group .hh_btn:last-child {
  border-radius: 0 5px 5px 0;
}
/* 复选框和单选框 */
.hh_radio:checked,
.hh_radio.hh_checked,
.hh_checkbox:checked,
.hh_checkbox.hh_checked {
  background-color: #376bb4;
  border: solid 1px #376bb4;
  text-align: center;
  background-clip: padding-box;
}
.hhRadio,
.hhCheckbox {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #ffffff;
  border: solid 1px #b4b4b4;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  font-size: 0.08rem;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-appearance: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: background-color ease 0.1s;
  transition: background-color ease 0.1s;
}
.hh_radio:checked:before,
.hh_radio.hh_checked:before,
.hh_checkbox:checked:before,
.hh_checkbox.hh_checked:before,
.hh_radio:checked:after,
.hh_radio.hh_checked:after,
.hh_checkbox:checked:after,
.hh_checkbox.hh_checked:after {
  content: "";
  width: 0.05rem;
  height: 0.03rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.25rem;
  margin-top: -0.25rem;
  background: transparent;
  border: 1px solid #ffffff;
  border-top: none;
  border-right: none;
  z-index: 2;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 各方向弹窗 */
.hh_mask {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.hh_mask.active {
  display: block;
}
.hh_window_full {
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  position: fixed;
  z-index: 99999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.hh_window_bottom {
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  position: fixed;
  z-index: 99999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.hh_window_left {
  width: 80%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: fixed;
  z-index: 99999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.hh_window_right {
  width: 80%;
  height: 100%;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  position: fixed;
  z-index: 99999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.hh_window_top {
  width: 100%;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  position: fixed;
  z-index: 99999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.hh_window_middle {
  width: 80%;
  height: 30%;
  left: 10%;
  top: 20%;
  -webkit-transform: scale(0, 0);
  border-radius: 0.1rem;
  position: fixed;
  z-index: 99999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.hh_window_bottom.active {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-backface-visibility: inherit;
  backface-visibility: inherit;
}
.hh_window_left.active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-backface-visibility: inherit;
  backface-visibility: inherit;
}
.hh_window_right.active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-backface-visibility: inherit;
  backface-visibility: inherit;
}
.hh_window_top.active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-backface-visibility: inherit;
  backface-visibility: inherit;
}
.hh_window_middle_active {
  -webkit-transform: scale(1, 1) !important;
  -webkit-backface-visibility: inherit !important;
  backface-visibility: inherit !important;
}
.hh_window_full.active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-backface-visibility: inherit;
  backface-visibility: inherit;
}
.hh_window_head_close {
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  text-align: center;
  display: block;
  right: 0.1rem;
  top: 0.1rem;
  line-height: 0.2rem;
  font-size: 0.18rem;
}
.hh_window_head {
  padding: 0.1rem;
  border-bottom: 1px solid #ddd;
}
.hh_window_container {
  position: relative;
  overflow: hidden;
}
/*顶部菜单*/
.hh_header {
  color: #fff;
  background-color: #bd5424;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.18rem;
  text-align: center;
  display: table;
}
.hh_header a {
  color: #fff;
}
.hh_header .hh_header_left,
.hh_header .hh_header_right {
  padding: 0 0.1rem;
  font-size: 0.16rem;
  font-weight: 400;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.hh_header .hh_header_left {
  float: left !important;
}
.hh_header .hh_header_right {
  float: right !important;
}
.hh_header .hh_header_title {
  font-size: 0.16rem;
  color: #fff;
  height: 0.5rem;
  line-height: 0.5rem;
  position: absolute;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  right: 1rem;
  left: 1rem;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}
/* 顶部图标导航 */
.hh_header_nav {
  padding: 0.1rem;
  overflow: hidden;
}
.hh_header_nav .hh_header_nav_item {
  text-align: center;
  width: 25%;
  padding: 0.1rem;
  float: left;
  position: relative;
}
.hh_header_nav .hh_header_nav_item .hh_header_nav_item_img {
  width: 0.5rem;
  height: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.hh_header_nav .hh_header_nav_item .hh_header_nav_item_img img {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.02rem;
}
.hh_header_nav .hh_header_nav_item .hh_header_nav_item_label {
  font-size: 0.14rem;
}
.hh_badge {
  display: inline-block;
  width: auto;
  text-align: center;
  min-width: 0.16rem;
  height: 0.16rem;
  line-height: 0.16rem;
  padding: 0 0.04rem;
  font-size: 0.12rem;
  color: #ffffff;
  background-color: #ff2600;
  border-radius: 0.08rem;
  position: absolute;
  top: 0rem;
  right: 0;
  z-index: 99;
}
/* 底部菜单 */
.hh_footer {
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  border-top: 1px solid #eee;
  z-index: 30;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
}
.hh_footer .iconfont {
  font-size: 0.24rem;
}
.hh_footer a {
  color: #848484;
  flex: 1;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  padding: 0.02rem;
  flex-direction: column;
}
.hh_footer a.active {
  color: #a02312;
}
.hh_footer_item .img {
  width: 0.25rem;
  height: 0.25rem;
}
.hh_footer_item {
  margin-bottom: 3px;
}
.foot_fixed .foot_item {
  width: 33.3%;
}
/* 搜索框 */
.hh_search_bg {
  min-height: 0.45rem;
  position: absolute;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  right: 0.8rem;
  left: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}
/* 宫格布局 */
/* .hh_grid, .hh_grid_2, .hh_grid_3, .hh_grid_4, .hh_grid_5 {
    display: flex;
    flex-wrap: wrap;
} */
.hh_grid {
  display: flex;
  flex-wrap: wrap;
}
/* .hh_grid>.hh_grid_item, .hh_grid_2>.hh_grid_item, .hh_grid_3>.hh_grid_item, .hh_grid_4>.hh_grid_item, .hh_grid_5>.hh_grid_item {
    display: block;
} */
.hh_grid_item_2 {
  flex: 0 0 50%;
}
.hh_grid_item_3 {
  flex: 0 0 33.33%;
}
.hh_grid_item_4 {
  flex: 0 0 25%;
}
.hh_grid_item_5 {
  flex: 0 0 20%;
}
.hh_grid_border {
  border: none;
}
.hh_grid_item_border {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.hh_grid_item_2:nth-child(2n) {
  margin-right: 0;
  border-right: none;
}
.hh_grid_item_3:nth-child(3n) {
  margin-right: 0;
  border-right: none;
}
.hh_grid_item_4:nth-child(4n) {
  margin-right: 0;
  border-right: none;
}
.hh_grid_item_5:nth-child(5n) {
  margin-right: 0;
  border-right: none;
}
/* 通用标题 */
.hh_title_bar {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hh_title_bar .title {
  position: relative;
  display: inline-block;
  font-size: 0.14rem;
  font-weight: bold;
}
/* .hh_title-bar{ background-color: #fff; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding:10rem; align-items: center; }
.hh_title-bar .title{ position: relative; display: inline-block; padding-left: 26rrem; font-size: 32rrem; font-weight: bold; }
.hh_title-bar .title::before{ content: ""; width: 6rrem; height: 32rrem; margin-top:-16rrem; background-color: #376bb4; position: absolute; left:0; top:50%;} */
.hh_bottom_bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 6;
}
/* 展示内容 */
.hh_card {
  position: relative;
  background-color: #fff;
}
.hh_card + .hh_card {
  margin-top: 10px;
}
.hh_card .hh_card_header {
  position: relative;
  padding: 0.1rem;
  text-align: right;
  line-height: 0.02em;
}
.hh_card .hh_card_header:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
  transform-origin: 0 100%;
  transform: scaleY(0.5);
  left: 0.1rem;
}
.hh_card .hh_card_header .label {
  float: left;
  margin-right: 1em;
  min-width: 4em;
  color: rgba(0, 0, 0, 0.5);
  text-align: justify;
  text-align-last: justify;
}
.hh_card .hh_card_header .text {
  display: block;
  overflow: hidden;
  word-break: normal;
  word-wrap: break-word;
}
.hh_card .hh_card_body {
  padding: 0.1rem;
  font-size: 0.14rem;
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  line-height: 2;
}
.hh_card .hh_card_body .hh_card_item {
  overflow: hidden;
}
.hh_card .hh_card_body .hh_card_item .label {
  float: left;
  margin-right: 1em;
  min-width: 4em;
  color: rgba(0, 0, 0, 0.5);
  text-align: justify;
  text-align-last: justify;
}
.hh_card .hh_card_body .hh_card_item .text {
  display: block;
  overflow: hidden;
  word-break: normal;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.9);
}
.hh_card .hh_card_footer {
  position: relative;
  padding: 0.1rem;
  justify-content: flex-end;
  line-height: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.hh_card .hh_card_footer::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.01rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.hh_card .hh_card_footer button + button {
  margin-left: 0.1rem;
}
/* 勾选项 */
.hh_mu_item {
  border: 1px solid #fff;
  background-color: #ffffff;
  position: relative;
}
.hh_mu_item.active {
  border: 1px solid #f90 !important;
  background: #ffffff url(/static/images/ic_charge_corner_gou.png) no-repeat right bottom;
  background-size: 15rem;
  color: #f90 !important;
}
/* 标题栏背景色 */
.bg-yellow {
  background-color: #f4bc27;
}
/* 透明度 */
.opacity_5 {
  opacity: 0.5;
}
.opacity_6 {
  opacity: 0.6;
}
.opacity_7 {
  opacity: 0.7;
}
.opacity_8 {
  opacity: 0.8;
}
.opacity_9 {
  opacity: 0.9;
}
/* 行高 */
.lh_120 {
  line-height: 120%;
}
.lh_130 {
  line-height: 130%;
}
.lh_140 {
  line-height: 140%;
}
.lh_150 {
  line-height: 150%;
}
.lh_170 {
  line-height: 170%;
}
/* 渐变背景 */
.bg_gradual_red {
  background-image: linear-gradient(45deg, #f43f3b, #ec008c);
  color: #ffffff;
}
.bg_gradual_orange {
  background-image: linear-gradient(45deg, #f3791a, #c0da2e);
  color: #ffffff;
}
.bg_gradual_green {
  background-image: linear-gradient(45deg, #2eb941, #a8dc63);
  color: #ffffff;
}
.bg_gradual_purple {
  background-image: linear-gradient(45deg, #9000ff, #5e00ff);
  color: #ffffff;
}
.bg_gradual_pink {
  background-image: linear-gradient(45deg, #ec229a, #ce9b9b);
  color: #ffffff;
}
.bg_gradual_blue {
  background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
  color: #ffffff;
}
/* 换行 */
.hh_break {
  word-break: break-all;
  white-space: normal;
}
/* 鼠标经过动画放大 */
.img_scale {
  overflow: hidden;
}
.img_scale img {
  transition: all 0.5s;
}
.img_scale:hover img {
  transform: scale(1.05);
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fleximportant {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.inlineflex {
  display: inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
}
.d_flex > * {
  display: block;
}
/*伸缩流方向*/
.f_direction_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_direction_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
/*主轴对齐*/
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/*侧轴对齐*/
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
/*伸缩性*/
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.flex_auto {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}
.flex_1 {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
/*显示顺序*/
.order_2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.order_3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
/*单行溢出*/
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.text4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.dh {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.dh1 {
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.dh2 {
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}
.dh5 {
  -webkit-transition: all 5s;
  -o-transition: all 5s;
  transition: all 5s;
}
.fda {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.imgfd {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.xz45 {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
}
.xz90 {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(90deg);
}
.xz180 {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
}
.xzx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xzy {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.scrollbar::-webkit-scrollbar {
  width: 3px;
  height: 2px;
  background-color: #ccc;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #005fe5;
  border-radius: 10px;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.w1400,
.wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
img {
  max-width: 100%;
  max-height: 100%;
}
.pc {
  display: block;
}
.wap {
  display: none;
}
.w1800 {
  max-width: 100%;
  padding: 0 60px;
}
@media (max-width: 1720px) {
  .w1600 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 1560px) {
  .w1400,
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 1520px) {
  .w1400,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  .w1800,
  .w1400,
  .wrap,
  .w1440,
  .w1600 {
    padding: 0 30px;
  }
}
@media (max-width: 990px) {
  .w1800,
  .w1400,
  .wrap,
  .w1440,
  .w1600 {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .wap {
    display: block;
  }
}
@media (min-width: 768px) {
  .pc {
    display: block !important;
  }
  .app {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .app {
    display: block !important;
  }
}
/*# sourceMappingURL=./reset.css.map */