@font-face {
  font-family: "MontserratBold";
  src: url("../font/Montserrat-Bold.ttf"); }

@font-face {
  font-family: "MontserratRegular";
  src: url("../font/Montserrat-Regular.ttf"); }

@font-face {
  font-family: "MontserratLight";
  src: url("../font/Montserrat-Light.ttf"); }

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body {
  font-family: MontserratRegular, Helvetica Neue, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #000000;
  background: #fff;
  overflow-x: hidden; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
a {
  margin: 0;
  padding: 0; }

input,
button,
select,
textarea {
  outline: none;
  font-family: "microsoft yahei";
  -webkit-appearance: none; }

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  color: #000000;
  transition: all 0.25s; }

img {
  border: none;
  display: inline-block; }

em,
i {
  font-style: normal;
  display: inline-block; }

.wrap {
  width: 1200px;
  margin: 0 auto; }

.wrap_1000 {
  width: 1000px;
  margin: 0 auto; }

.wrap_1400 {
  width: 1400px;
  margin: 0 auto; }

.wrap_1600 {
  width: 1600px;
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .wrap,
  .wrap_1400,
  .wrap_1600 {
    width: 90%; } }

@media screen and (min-width: 750px) {
  html {
    font-size: 100px; } }

@media screen and (min-width: 640px) and (max-width: 749px) {
  html {
    font-size: 85.333px; } }

@media screen and (min-width: 414px) and (max-width: 639px) {
  html {
    font-size: 61.333px; } }

@media screen and (min-width: 375px) and (max-width: 413px) {
  html {
    font-size: 50px; } }

@media screen and (min-width: 320px) and (max-width: 374px) {
  html {
    font-size: 42.6667px; } }

.medium-zoom-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 300ms;
  will-change: opacity;
  z-index: 98; }

.medium-zoom--opened .medium-zoom-overlay {
  cursor: pointer;
  cursor: zoom-out;
  opacity: 1; }

.medium-zoom-image {
  cursor: pointer;
  cursor: zoom-in;
  /*
    The `transition` is marked as "!important" for the animation to happen
    even though it's overriden by another inline `transition` style attribute.

    This is problematic with frameworks that generate inline styles on their
    images (e.g. Gatsby).

    See https://github.com/francoischalifour/medium-zoom/issues/110
   */
  transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important; }

.medium-zoom-image--hidden {
  visibility: hidden; }

.medium-zoom-image--opened {
  position: relative;
  cursor: pointer;
  cursor: zoom-out;
  will-change: transform;
  z-index: 99; }

.dx {
  text-transform: uppercase; }

.bg_cover {
  background-size: cover !important; }

.fit_cover {
  object-fit: cover !important; }

.fit_contain {
  object-fit: contain !important; }

/* |–––––––––––[ Overflow Styles ]–––––––––––| */
.overflow-hidden,
.no-scroll {
  overflow: hidden !important; }

.overflow-auto {
  overflow: auto !important; }

.overflow-scroll {
  overflow: scroll !important; }

.overflow-visible {
  overflow: visible !important; }

.is_block {
  display: block !important; }

.is_inline_block {
  display: inline-block !important; }

.is_inline {
  display: inline !important; }

.is_hidden {
  display: none !important; }

.is_table {
  display: table !important; }

.pos_r {
  position: relative !important; }

.pos_a {
  position: absolute !important; }

.pos_f {
  position: fixed !important;
  backface-visibility: hidden !important; }

.pos_center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.pos_tb_center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.pos_rl_center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.clear {
  height: 0;
  clear: both;
  zoom: 1; }

.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

.wd_100 {
  width: 100%; }

/* |––––––––––––[ Padding & Margin ]–––––––––––| */
.p_0 {
  padding: 0 !important; }

.p_5 {
  padding: 5px !important; }

.p_10 {
  padding: 10px !important; }

.p_15 {
  padding: 15px !important; }

.p_20 {
  padding: 20px !important; }

.p_30 {
  padding: 30px !important; }

.p_40 {
  padding: 40px !important; }

@media (max-width: 768px) {
  .p_sm_0 {
    padding: 0 !important; }
  .p_sm_5 {
    padding: 5px !important; }
  .p_sm_10 {
    padding: 10px !important; }
  .p_sm_15 {
    padding: 15px !important; }
  .p_sm_20 {
    padding: 20px !important; }
  .p_sm_30 {
    padding: 25px !important; }
  .p_sm_40 {
    padding: 30px !important; } }

@media (max-width: 992px) {
  .p_md_0 {
    padding: 0 !important; }
  .p_md_5 {
    padding: 5px !important; }
  .p_md_10 {
    padding: 10px !important; }
  .p_md_15 {
    padding: 15px !important; }
  .p_md_20 {
    padding: 20px !important; }
  .p_md_30 {
    padding: 25px !important; }
  .p_md_40 {
    padding: 30px !important; } }

@media (max-width: 1200px) {
  .p_lg_0 {
    padding: 0 !important; }
  .p_lg_5 {
    padding: 5px !important; }
  .p_lg_10 {
    padding: 10px !important; }
  .p_lg_15 {
    padding: 15px !important; }
  .p_lg_20 {
    padding: 20px !important; }
  .p_lg_30 {
    padding: 25px !important; }
  .p_lg_40 {
    padding: 30px !important; } }

.pt_0 {
  padding-top: 0 !important; }

.pt_5 {
  padding-top: 5px !important; }

.pt_10 {
  padding-top: 10px !important; }

.pt_15 {
  padding-top: 15px !important; }

.pt_20 {
  padding-top: 20px !important; }

.pt_30 {
  padding-top: 30px !important; }

.pt_40 {
  padding-top: 40px !important; }

.pt_50 {
  padding-top: 50px !important; }

.pt_60 {
  padding-top: 60px !important; }

.pt_70 {
  padding-top: 70px !important; }

.pt_80 {
  padding-top: 80px !important; }

.pt_90 {
  padding-top: 90px !important; }

.pt_100 {
  padding-top: 100px !important; }

@media (max-width: 768px) {
  .pt_sm_0 {
    padding-top: 0 !important; }
  .pt_sm_5 {
    padding-top: 5px !important; }
  .pt_sm_10 {
    padding-top: 10px !important; }
  .pt_sm_15 {
    padding-top: 15px !important; }
  .pt_sm_20 {
    padding-top: 20px !important; }
  .pt_sm_30 {
    padding-top: 30px !important; }
  .pt_sm_40 {
    padding-top: 40px !important; }
  .pt_sm_50 {
    padding-top: 50px !important; }
  .pt_sm_60 {
    padding-top: 60px !important; }
  .pt_sm_70 {
    padding-top: 70px !important; }
  .pt_sm_80 {
    padding-top: 80px !important; }
  .pt_sm_90 {
    padding-top: 90px !important; }
  .pt_sm_100 {
    padding-top: 100px !important; } }

@media (max-width: 992px) {
  .pt_md_0 {
    padding-top: 0 !important; }
  .pt_md_5 {
    padding-top: 5px !important; }
  .pt_md_10 {
    padding-top: 10px !important; }
  .pt_md_15 {
    padding-top: 15px !important; }
  .pt_md_20 {
    padding-top: 20px !important; }
  .pt_md_30 {
    padding-top: 30px !important; }
  .pt_md_40 {
    padding-top: 40px !important; }
  .pt_md_50 {
    padding-top: 50px !important; }
  .pt_md_60 {
    padding-top: 60px !important; }
  .pt_md_70 {
    padding-top: 70px !important; }
  .pt_md_80 {
    padding-top: 80px !important; }
  .pt_md_90 {
    padding-top: 90px !important; }
  .pt_md_100 {
    padding-top: 100px !important; } }

@media (max-width: 1200px) {
  .pt_lg_0 {
    padding-top: 0 !important; }
  .pt_lg_5 {
    padding-top: 5px !important; }
  .pt_lg_10 {
    padding-top: 10px !important; }
  .pt_lg_15 {
    padding-top: 15px !important; }
  .pt_lg_20 {
    padding-top: 20px !important; }
  .pt_lg_30 {
    padding-top: 30px !important; }
  .pt_lg_40 {
    padding-top: 40px !important; }
  .pt_lg_50 {
    padding-top: 50px !important; }
  .pt_lg_60 {
    padding-top: 60px !important; }
  .pt_lg_70 {
    padding-top: 70px !important; }
  .pt_lg_80 {
    padding-top: 80px !important; }
  .pt_lg_90 {
    padding-top: 90px !important; }
  .pt_lg_100 {
    padding-top: 100px !important; } }

.pb_0 {
  padding-bottom: 0 !important; }

.pb_5 {
  padding-bottom: 5px !important; }

.pb_10 {
  padding-bottom: 10px !important; }

.pb_15 {
  padding-bottom: 15px !important; }

.pb_20 {
  padding-bottom: 20px !important; }

.pb_30 {
  padding-bottom: 30px !important; }

.pb_40 {
  padding-bottom: 40px !important; }

.pb_50 {
  padding-bottom: 50px !important; }

.pb_60 {
  padding-bottom: 60px !important; }

.pb_70 {
  padding-bottom: 70px !important; }

.pb_80 {
  padding-bottom: 80px !important; }

.pb_90 {
  padding-bottom: 90px !important; }

.pb_100 {
  padding-bottom: 100px !important; }

@media (max-width: 768px) {
  .pb_sm_0 {
    padding-bottom: 0 !important; }
  .pb_sm_5 {
    padding-bottom: 5px !important; }
  .pb_sm_10 {
    padding-bottom: 10px !important; }
  .pb_sm_15 {
    padding-bottom: 15px !important; }
  .pb_sm_20 {
    padding-bottom: 20px !important; }
  .pb_sm_30 {
    padding-bottom: 30px !important; }
  .pb_sm_40 {
    padding-bottom: 40px !important; }
  .pb_sm_50 {
    padding-bottom: 50px !important; }
  .pb_sm_60 {
    padding-bottom: 60px !important; }
  .pb_sm_70 {
    padding-bottom: 70px !important; }
  .pb_sm_80 {
    padding-bottom: 80px !important; }
  .pb_sm_90 {
    padding-bottom: 90px !important; }
  .pb_sm_100 {
    padding-bottom: 100px !important; } }

@media (max-width: 992px) {
  .pb_md_0 {
    padding-bottom: 0 !important; }
  .pb_md_5 {
    padding-bottom: 5px !important; }
  .pb_md_10 {
    padding-bottom: 10px !important; }
  .pb_md_15 {
    padding-bottom: 15px !important; }
  .pb_md_20 {
    padding-bottom: 20px !important; }
  .pb_md_30 {
    padding-bottom: 30px !important; }
  .pb_md_40 {
    padding-bottom: 40px !important; }
  .pb_md_50 {
    padding-bottom: 50px !important; }
  .pb_md_60 {
    padding-bottom: 60px !important; }
  .pb_md_70 {
    padding-bottom: 70px !important; }
  .pb_md_80 {
    padding-bottom: 80px !important; }
  .pb_md_90 {
    padding-bottom: 90px !important; }
  .pb_md_100 {
    padding-bottom: 100px !important; } }

@media (max-width: 1200px) {
  .pb_lg_0 {
    padding-bottom: 0 !important; }
  .pb_lg_5 {
    padding-bottom: 5px !important; }
  .pb_lg_10 {
    padding-bottom: 10px !important; }
  .pb_lg_15 {
    padding-bottom: 15px !important; }
  .pb_lg_20 {
    padding-bottom: 20px !important; }
  .pb_lg_30 {
    padding-bottom: 30px !important; }
  .pb_lg_40 {
    padding-bottom: 40px !important; }
  .pb_lg_50 {
    padding-bottom: 50px !important; }
  .pb_lg_60 {
    padding-bottom: 60px !important; }
  .pb_lg_70 {
    padding-bottom: 70px !important; }
  .pb_lg_80 {
    padding-bottom: 80px !important; }
  .pb_lg_90 {
    padding-bottom: 90px !important; }
  .pb_lg_100 {
    padding-bottom: 100px !important; } }

.pl_0 {
  padding-left: 0 !important; }

.pl_5 {
  padding-left: 5px !important; }

.pl_10 {
  padding-left: 10px !important; }

.pl_15 {
  padding-left: 15px !important; }

.pl_20 {
  padding-left: 20px !important; }

.pl_30 {
  padding-left: 30px !important; }

.pl_40 {
  padding-left: 40px !important; }

.pl_50 {
  padding-left: 50px !important; }

.pl_60 {
  padding-left: 60px !important; }

.pl_70 {
  padding-left: 70px !important; }

.pl_80 {
  padding-left: 80px !important; }

.pl_90 {
  padding-left: 90px !important; }

.pl_100 {
  padding-left: 100px !important; }

@media (max-width: 768px) {
  .pl_sm_0 {
    padding-left: 0 !important; }
  .pl_sm_5 {
    padding-left: 5px !important; }
  .pl_sm_10 {
    padding-left: 10px !important; }
  .pl_sm_15 {
    padding-left: 15px !important; }
  .pl_sm_20 {
    padding-left: 20px !important; }
  .pl_sm_30 {
    padding-left: 30px !important; }
  .pl_sm_40 {
    padding-left: 40px !important; }
  .pl_sm_50 {
    padding-left: 50px !important; }
  .pl_sm_60 {
    padding-left: 60px !important; }
  .pl_sm_70 {
    padding-left: 70px !important; }
  .pl_sm_80 {
    padding-left: 80px !important; }
  .pl_sm_90 {
    padding-left: 90px !important; }
  .pl_sm_100 {
    padding-left: 100px !important; } }

@media (max-width: 992px) {
  .pl_md_0 {
    padding-left: 0 !important; }
  .pl_md_5 {
    padding-left: 5px !important; }
  .pl_md_10 {
    padding-left: 10px !important; }
  .pl_md_15 {
    padding-left: 15px !important; }
  .pl_md_20 {
    padding-left: 20px !important; }
  .pl_md_30 {
    padding-left: 30px !important; }
  .pl_md_40 {
    padding-left: 40px !important; }
  .pl_md_50 {
    padding-left: 50px !important; }
  .pl_md_60 {
    padding-left: 60px !important; }
  .pl_md_70 {
    padding-left: 70px !important; }
  .pl_md_80 {
    padding-left: 80px !important; }
  .pl_md_90 {
    padding-left: 90px !important; }
  .pl_md_100 {
    padding-left: 100px !important; } }

@media (max-width: 1200px) {
  .pl_lg_0 {
    padding-left: 0 !important; }
  .pl_lg_5 {
    padding-left: 5px !important; }
  .pl_lg_10 {
    padding-left: 10px !important; }
  .pl_lg_15 {
    padding-left: 15px !important; }
  .pl_lg_20 {
    padding-left: 20px !important; }
  .pl_lg_30 {
    padding-left: 30px !important; }
  .pl_lg_40 {
    padding-left: 40px !important; }
  .pl_lg_50 {
    padding-left: 50px !important; }
  .pl_lg_60 {
    padding-left: 60px !important; }
  .pl_lg_70 {
    padding-left: 70px !important; }
  .pl_lg_80 {
    padding-left: 80px !important; }
  .pl_lg_90 {
    padding-left: 90px !important; }
  .pl_lg_100 {
    padding-left: 100px !important; } }

.pr_0 {
  padding-right: 0 !important; }

.pr_5 {
  padding-right: 5px !important; }

.pr_10 {
  padding-right: 10px !important; }

.pr_15 {
  padding-right: 15px !important; }

.pr_20 {
  padding-right: 20px !important; }

.pr_30 {
  padding-right: 30px !important; }

.pr_40 {
  padding-right: 40px !important; }

.pr_50 {
  padding-right: 50px !important; }

.pr_60 {
  padding-right: 60px !important; }

.pr_70 {
  padding-right: 70px !important; }

.pr_80 {
  padding-right: 80px !important; }

.pr_90 {
  padding-right: 90px !important; }

.pr_100 {
  padding-right: 100px !important; }

@media (max-width: 768px) {
  .pr_sm_0 {
    padding-right: 0 !important; }
  .pr_sm_5 {
    padding-right: 5px !important; }
  .pr_sm_10 {
    padding-right: 10px !important; }
  .pr_sm_15 {
    padding-right: 15px !important; }
  .pr_sm_20 {
    padding-right: 20px !important; }
  .pr_sm_30 {
    padding-right: 30px !important; }
  .pr_sm_40 {
    padding-right: 40px !important; }
  .pr_sm_50 {
    padding-right: 50px !important; }
  .pr_sm_60 {
    padding-right: 60px !important; }
  .pr_sm_70 {
    padding-right: 70px !important; }
  .pr_sm_80 {
    padding-right: 80px !important; }
  .pr_sm_90 {
    padding-right: 90px !important; }
  .pr_sm_100 {
    padding-right: 100px !important; } }

@media (max-width: 992px) {
  .pr_md_0 {
    padding-right: 0 !important; }
  .pr_md_5 {
    padding-right: 5px !important; }
  .pr_md_10 {
    padding-right: 10px !important; }
  .pr_md_15 {
    padding-right: 15px !important; }
  .pr_md_20 {
    padding-right: 20px !important; }
  .pr_md_30 {
    padding-right: 30px !important; }
  .pr_md_40 {
    padding-right: 40px !important; }
  .pr_md_50 {
    padding-right: 50px !important; }
  .pr_md_60 {
    padding-right: 60px !important; }
  .pr_md_70 {
    padding-right: 70px !important; }
  .pr_md_80 {
    padding-right: 80px !important; }
  .pr_md_90 {
    padding-right: 90px !important; }
  .pr_md_100 {
    padding-right: 100px !important; } }

@media (max-width: 1200px) {
  .pr_lg_0 {
    padding-right: 0 !important; }
  .pr_lg_5 {
    padding-right: 5px !important; }
  .pr_lg_10 {
    padding-right: 10px !important; }
  .pr_lg_15 {
    padding-right: 15px !important; }
  .pr_lg_20 {
    padding-right: 20px !important; }
  .pr_lg_30 {
    padding-right: 25px !important; }
  .pr_lg_40 {
    padding-right: 30px !important; } }

.ptb_0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.ptb_5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.ptb_10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.ptb_15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.ptb_20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.ptb_30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.ptb_40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.ptb_50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.ptb_60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.ptb_70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important; }

.ptb_80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.ptb_90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important; }

.ptb_100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important; }

@media (max-width: 768px) {
  .ptb_sm_0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .ptb_sm_5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
  .ptb_sm_10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .ptb_sm_15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }
  .ptb_sm_20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }
  .ptb_sm_30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
  .ptb_sm_40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }
  .ptb_sm_50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }
  .ptb_sm_60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }
  .ptb_sm_70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important; }
  .ptb_sm_80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }
  .ptb_sm_90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important; }
  .ptb_sm_100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important; } }

@media (max-width: 992px) {
  .ptb_md_0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .ptb_md_5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
  .ptb_md_10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .ptb_md_15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }
  .ptb_md_20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }
  .ptb_md_30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
  .ptb_md_40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }
  .ptb_md_50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }
  .ptb_md_60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }
  .ptb_md_70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important; }
  .ptb_md_80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }
  .ptb_md_90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important; }
  .ptb_md_100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important; } }

@media (max-width: 1200px) {
  .ptb_lg_0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .ptb_lg_5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
  .ptb_lg_10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .ptb_lg_15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }
  .ptb_lg_20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }
  .ptb_lg_30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
  .ptb_lg_40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }
  .ptb_lg_50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }
  .ptb_lg_60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }
  .ptb_lg_70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important; }
  .ptb_lg_80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }
  .ptb_lg_90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important; }
  .ptb_lg_100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important; } }

.prl_0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.prl_5 {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.prl_10 {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.prl_15 {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.prl_20 {
  padding-right: 20px !important;
  padding-left: 20px !important; }

.prl_30 {
  padding-right: 30px !important;
  padding-left: 30px !important; }

.prl_40 {
  padding-right: 40px !important;
  padding-left: 40px !important; }

.prl_50 {
  padding-right: 50px !important;
  padding-left: 50px !important; }

.prl_60 {
  padding-right: 60px !important;
  padding-left: 60px !important; }

.prl_70 {
  padding-right: 70px !important;
  padding-left: 70px !important; }

.prl_80 {
  padding-right: 80px !important;
  padding-left: 80px !important; }

.prl_90 {
  padding-right: 90px !important;
  padding-left: 90px !important; }

@media (max-width: 768px) {
  .prl_sm_0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .prl_sm_5 {
    padding-right: 5px !important;
    padding-left: 5px !important; }
  .prl_sm_10 {
    padding-right: 10px !important;
    padding-left: 10px !important; }
  .prl_sm_15 {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  .prl_sm_20 {
    padding-right: 20px !important;
    padding-left: 20px !important; }
  .prl_sm_30 {
    padding-right: 30px !important;
    padding-left: 30px !important; }
  .prl_sm_40 {
    padding-right: 40px !important;
    padding-left: 40px !important; } }

@media (max-width: 992px) {
  .prl_md_0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .prl_md_5 {
    padding-right: 5px !important;
    padding-left: 5px !important; }
  .prl_md_10 {
    padding-right: 10px !important;
    padding-left: 10px !important; }
  .prl_md_15 {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  .prl_md_20 {
    padding-right: 20px !important;
    padding-left: 20px !important; }
  .prl_md_30 {
    padding-right: 30px !important;
    padding-left: 30px !important; }
  .prl_md_40 {
    padding-right: 40px !important;
    padding-left: 40px !important; } }

@media (max-width: 1200px) {
  .prl_lg_0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .prl_lg_5 {
    padding-right: 5px !important;
    padding-left: 5px !important; }
  .prl_lg_10 {
    padding-right: 10px !important;
    padding-left: 10px !important; }
  .prl_lg_15 {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  .prl_lg_20 {
    padding-right: 20px !important;
    padding-left: 20px !important; }
  .prl_lg_30 {
    padding-right: 30px !important;
    padding-left: 30px !important; }
  .prl_lg_40 {
    padding-right: 40px !important;
    padding-left: 40px !important; } }

.m_0 {
  margin: 0 !important; }

.m_5 {
  margin: 5px !important; }

.m_10 {
  margin: 10px !important; }

.m_15 {
  margin: 15px !important; }

.m_20 {
  margin: 20px !important; }

.m_30 {
  margin: 30px !important; }

.m_40 {
  margin: 40px !important; }

@media (mmax-width: 768px) {
  .m_sm_0 {
    margin: 0 !important; }
  .m_sm_5 {
    margin: 5px !important; }
  .m_sm_10 {
    margin: 10px !important; }
  .m_sm_15 {
    margin: 15px !important; }
  .m_sm_20 {
    margin: 20px !important; }
  .m_sm_30 {
    margin: 30px !important; }
  .m_sm_40 {
    margin: 40px !important; } }

@media (max-width: 992px) {
  .m_md_0 {
    margin: 0 !important; }
  .m_md_5 {
    margin: 5px !important; }
  .m_md_10 {
    margin: 10px !important; }
  .m_md_15 {
    margin: 15px !important; }
  .m_md_20 {
    margin: 20px !important; }
  .m_md_30 {
    margin: 30px !important; }
  .m_md_40 {
    margin: 40px !important; } }

@media (mmax-width: 1200px) {
  .m_lg_0 {
    margin: 0 !important; }
  .m_lg_5 {
    margin: 5px !important; }
  .m_lg_10 {
    margin: 10px !important; }
  .m_lg_15 {
    margin: 15px !important; }
  .m_lg_20 {
    margin: 20px !important; }
  .m_lg_30 {
    margin: 30px !important; }
  .m_lg_40 {
    margin: 40px !important; } }

.mt_0 {
  margin-top: 0 !important; }

.mt_5 {
  margin-top: 5px !important; }

.mt_10 {
  margin-top: 10px !important; }

.mt_15 {
  margin-top: 15px !important; }

.mt_20 {
  margin-top: 20px !important; }

.mt_30 {
  margin-top: 30px !important; }

.mt_40 {
  margin-top: 40px !important; }

.mt_100 {
  margin-top: 100px !important; }

@media (max-width: 768px) {
  .mt_sm_0 {
    margin-top: 0 !important; }
  .mt_sm_5 {
    margin-top: 5px !important; }
  .mt_sm_10 {
    margin-top: 10px !important; }
  .mt_sm_15 {
    margin-top: 15px !important; }
  .mt_sm_20 {
    margin-top: 20px !important; }
  .mt_sm_30 {
    margin-top: 30px !important; }
  .mt_sm_40 {
    margin-top: 40px !important; } }

@media (max-width: 992px) {
  .mt_md_0 {
    margin-top: 0 !important; }
  .mt_md_5 {
    margin-top: 5px !important; }
  .mt_md_10 {
    margin-top: 10px !important; }
  .mt_md_15 {
    margin-top: 15px !important; }
  .mt_md_20 {
    margin-top: 20px !important; }
  .mt_md_30 {
    margin-top: 30px !important; }
  .mt_md_40 {
    margin-top: 40px !important; } }

@media (max-width: 1200px) {
  .mt_lg_0 {
    margin-top: 0 !important; }
  .mt_lg_5 {
    margin-top: 5px !important; }
  .mt_lg_10 {
    margin-top: 10px !important; }
  .mt_lg_15 {
    margin-top: 15px !important; }
  .mt_lg_20 {
    margin-top: 20px !important; }
  .mt_lg_30 {
    margin-top: 30px !important; }
  .mt_lg_40 {
    margin-top: 40px !important; } }

.mb_0 {
  margin-bottom: 0 !important; }

.mb_5 {
  margin-bottom: 5px !important; }

.mb_10 {
  margin-bottom: 10px !important; }

.mb_15 {
  margin-bottom: 15px !important; }

.mb_20 {
  margin-bottom: 20px !important; }

.mb_30 {
  margin-bottom: 30px !important; }

.mb_40 {
  margin-bottom: 40px !important; }

@media (max-width: 768px) {
  .mb_sm_0 {
    margin-bottom: 0 !important; }
  .mb_sm_5 {
    margin-bottom: 5px !important; }
  .mb_sm_10 {
    margin-bottom: 10px !important; }
  .mb_sm_15 {
    margin-bottom: 15px !important; }
  .mb_sm_20 {
    margin-bottom: 20px !important; }
  .mb_sm_30 {
    margin-bottom: 30px !important; }
  .mb_sm_40 {
    margin-bottom: 40px !important; } }

@media (max-width: 992px) {
  .mb_md_0 {
    margin-bottom: 0 !important; }
  .mb_md_5 {
    margin-bottom: 5px !important; }
  .mb_md_10 {
    margin-bottom: 10px !important; }
  .mb_md_15 {
    margin-bottom: 15px !important; }
  .mb_md_20 {
    margin-bottom: 20px !important; }
  .mb_md_30 {
    margin-bottom: 30px !important; }
  .mb_md_40 {
    margin-bottom: 40px !important; } }

@media (max-width: 1200px) {
  .mb_lg_0 {
    margin-bottom: 0 !important; }
  .mb_lg_5 {
    margin-bottom: 5px !important; }
  .mb_lg_10 {
    margin-bottom: 10px !important; }
  .mb_lg_15 {
    margin-bottom: 15px !important; }
  .mb_lg_20 {
    margin-bottom: 20px !important; }
  .mb_lg_30 {
    margin-bottom: 30px !important; }
  .mb_lg_40 {
    margin-bottom: 40px !important; } }

.ml_0 {
  margin-left: 0 !important; }

.ml_5 {
  margin-left: 5px !important; }

.ml_10 {
  margin-left: 10px !important; }

.ml_15 {
  margin-left: 15px !important; }

.ml_20 {
  margin-left: 20px !important; }

.ml_30 {
  margin-left: 30px !important; }

.ml_40 {
  margin-left: 40px !important; }

@media (mmax-width: 768px) {
  .ml_sm_0 {
    margin-left: 0 !important; }
  .ml_sm_5 {
    margin-left: 5px !important; }
  .ml_sm_10 {
    margin-left: 10px !important; }
  .ml_sm_15 {
    margin-left: 15px !important; }
  .ml_sm_20 {
    margin-left: 20px !important; }
  .ml_sm_30 {
    margin-left: 30px !important; }
  .ml_sm_40 {
    margin-left: 40px !important; } }

@media (max-width: 992px) {
  .ml_md_0 {
    margin-left: 0 !important; }
  .ml_md_5 {
    margin-left: 5px !important; }
  .ml_md_10 {
    margin-left: 10px !important; }
  .ml_md_15 {
    margin-left: 15px !important; }
  .ml_md_20 {
    margin-left: 20px !important; }
  .ml_md_30 {
    margin-left: 30px !important; }
  .ml_md_40 {
    margin-left: 40px !important; } }

@media (mmax-width: 1200px) {
  .ml_lg_0 {
    margin-left: 0 !important; }
  .ml_lg_5 {
    margin-left: 5px !important; }
  .ml_lg_10 {
    margin-left: 10px !important; }
  .ml_lg_15 {
    margin-left: 15px !important; }
  .ml_lg_20 {
    margin-left: 20px !important; }
  .ml_lg_30 {
    margin-left: 30px !important; }
  .ml_lg_40 {
    margin-left: 40px !important; } }

.mr_0 {
  margin-right: 0 !important; }

.mr_5 {
  margin-right: 5px !important; }

.mr_10 {
  margin-right: 10px !important; }

.mr_15 {
  margin-right: 15px !important; }

.mr_20 {
  margin-right: 20px !important; }

.mr_30 {
  margin-right: 30px !important; }

.mr_40 {
  margin-right: 40px !important; }

@media (max-width: 768px) {
  .mr_sm_0 {
    margin-right: 0 !important; }
  .mr_sm_5 {
    margin-right: 5px !important; }
  .mr_sm_10 {
    margin-right: 10px !important; }
  .mr_sm_15 {
    margin-right: 15px !important; }
  .mr_sm_20 {
    margin-right: 20px !important; }
  .mr_sm_30 {
    margin-right: 30px !important; }
  .mr_sm_40 {
    margin-right: 40px !important; } }

@media (max-width: 992px) {
  .mr_md_0 {
    margin-right: 0 !important; }
  .mr_md_5 {
    margin-right: 5px !important; }
  .mr_md_10 {
    margin-right: 10px !important; }
  .mr_md_15 {
    margin-right: 15px !important; }
  .mr_md_20 {
    margin-right: 20px !important; }
  .mr_md_30 {
    margin-right: 30px !important; }
  .mr_md_40 {
    margin-right: 40px !important; } }

@media (max-width: 1200px) {
  .mr_lg_0 {
    margin-right: 0 !important; }
  .mr_lg_5 {
    margin-right: 5px !important; }
  .mr_lg_10 {
    margin-right: 10px !important; }
  .mr_lg_15 {
    margin-right: 15px !important; }
  .mr_lg_20 {
    margin-right: 20px !important; }
  .mr_lg_30 {
    margin-right: 30px !important; }
  .mr_lg_40 {
    margin-right: 40px !important; } }

.mtb_0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.mtb_5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.mtb_10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mtb_15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.mtb_20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mtb_30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.mtb_40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.mtb_50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.mtb_60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.mtb_70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important; }

.mtb_80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

.mtb_90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important; }

.mtb_100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }

@media (max-width: 768px) {
  .mtb_sm_0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mtb_sm_5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }
  .mtb_sm_10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
  .mtb_sm_15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }
  .mtb_sm_20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  .mtb_sm_30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }
  .mtb_sm_40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
  .mtb_sm_50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }
  .mtb_sm_60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }
  .mtb_sm_70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important; }
  .mtb_sm_80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }
  .mtb_sm_90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important; }
  .mtb_sm_100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important; } }

@media (max-width: 992px) {
  .mtb_md_0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mtb_md_5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }
  .mtb_md_10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
  .mtb_md_15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }
  .mtb_md_20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  .mtb_md_30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }
  .mtb_md_40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
  .mtb_md_50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }
  .mtb_md_60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }
  .mtb_md_70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important; }
  .mtb_md_80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }
  .mtb_md_90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important; }
  .mtb_md_100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important; } }

@media (max-width: 1200px) {
  .mtb_lg_0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mtb_lg_5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }
  .mtb_lg_10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
  .mtb_lg_15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }
  .mtb_lg_20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  .mtb_lg_30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }
  .mtb_lg_40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
  .mtb_lg_50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }
  .mtb_lg_60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }
  .mtb_lg_70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important; }
  .mtb_lg_80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }
  .mtb_lg_90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important; }
  .mtb_lg_100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important; } }

.mrl_0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mrl_5 {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.mrl_10 {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.mrl_15 {
  margin-right: 15px !important;
  margin-left: 15px !important; }

.mrl_20 {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.mrl_30 {
  margin-right: 30px !important;
  margin-left: 30px !important; }

.mrl_40 {
  margin-right: 40px !important;
  margin-left: 40px !important; }

.mrl_auto {
  margin-right: auto !important;
  margin-left: auto !important; }

@media (max-width: 768px) {
  .mrl_sm_0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mrl_sm_5 {
    margin-right: 5px !important;
    margin-left: 5px !important; }
  .mrl_sm_10 {
    margin-right: 10px !important;
    margin-left: 10px !important; }
  .mrl_sm_15 {
    margin-right: 15px !important;
    margin-left: 15px !important; }
  .mrl_sm_20 {
    margin-right: 20px !important;
    margin-left: 20px !important; }
  .mrl_sm_30 {
    margin-right: 30px !important;
    margin-left: 30px !important; }
  .mrl_sm_40 {
    margin-right: 40px !important;
    margin-left: 40px !important; }
  .mrl_sm_auto {
    margin-right: auto !important;
    margin-left: auto !important; } }

@media (max-width: 992px) {
  .mrl_md_0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mrl_md_5 {
    margin-right: 5px !important;
    margin-left: 5px !important; }
  .mrl_md_10 {
    margin-right: 10px !important;
    margin-left: 10px !important; }
  .mrl_md_15 {
    margin-right: 15px !important;
    margin-left: 15px !important; }
  .mrl_md_20 {
    margin-right: 20px !important;
    margin-left: 20px !important; }
  .mrl_md_30 {
    margin-right: 30px !important;
    margin-left: 30px !important; }
  .mrl_md_40 {
    margin-right: 40px !important;
    margin-left: 40px !important; }
  .mrl_md_auto {
    margin-right: auto !important;
    margin-left: auto !important; } }

@media (max-width: 1200px) {
  .mrl_lg_0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mrl_lg_5 {
    margin-right: 5px !important;
    margin-left: 5px !important; }
  .mrl_lg_10 {
    margin-right: 10px !important;
    margin-left: 10px !important; }
  .mrl_lg_15 {
    margin-right: 15px !important;
    margin-left: 15px !important; }
  .mrl_lg_20 {
    margin-right: 20px !important;
    margin-left: 20px !important; }
  .mrl_lg_30 {
    margin-right: 30px !important;
    margin-left: 30px !important; }
  .mrl_lg_40 {
    margin-right: 40px !important;
    margin-left: 40px !important; }
  .mrl_lg_auto {
    margin-right: auto !important;
    margin-left: auto !important; } }

::-webkit-scrollbar {
  width: 8px;
  height: 1px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: none;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background: rgba(33, 33, 33, 0.1);
  -webkit-box-shadow: none; }

.f_box {
  display: flex; }

.f_jsb {
  display: flex;
  justify-content: space-between; }

.f_asb {
  display: flex;
  align-content: space-between; }

.f_jc {
  display: flex;
  justify-content: center; }

.f_je {
  display: flex;
  justify-content: flex-end; }

.f_js {
  display: flex;
  justify-content: flex-start; }

.f_ac {
  display: flex;
  align-items: center; }

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

.f_dc {
  display: flex;
  flex-direction: column; }

.f_dac {
  display: flex;
  flex-direction: column;
  align-items: center; }

.f_das {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.f_dae {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.f_ae {
  display: flex;
  align-items: flex-end; }

.f_as {
  display: flex;
  align-items: flex-start; }

.f_w {
  flex-wrap: wrap !important; }

.f_1 {
  flex: 1; }

.f_auto {
  flex: auto; }

.p_r {
  position: relative; }

.p_ac {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.capital {
  text-transform: capitalize; }

.fs_12 {
  font-size: 0.12rem; }

.fs_14 {
  font-size: 0.14rem; }

.fs_15 {
  font-size: 0.15rem; }

.fs_16 {
  font-size: 0.16rem; }

.fs_18 {
  font-size: 0.18rem; }

.fs_20 {
  font-size: 0.20rem; }

.fs_22 {
  font-size: 0.22rem; }

.fs_24 {
  font-size: 0.24rem; }

.fs_26 {
  font-size: 0.26rem; }

.fs_30 {
  font-size: 0.30rem; }

.fs_32 {
  font-size: 0.32rem; }

.fs_36 {
  font-size: 0.36rem; }

.fs_40 {
  font-size: 0.40rem; }

.fs_42 {
  font-size: 0.42rem; }

.fs_48 {
  font-size: 0.48rem; }

.fs_64 {
  font-size: 0.64rem; }

@media screen and (max-width: 768px) {
  .fs_20 {
    font-size: 14px; } }

.c_blue {
  color: #5889ec; }
  .c_blue a {
    color: #5889ec; }
  .c_blue:hover {
    color: #5889ec; }
    .c_blue:hover a {
      color: #5889ec; }

.c_white {
  color: #fff; }
  .c_white a {
    color: #fff !important; }

.c_black {
  color: #000000; }
  .c_black a {
    color: #000000 !important; }

.c_purple {
  color: #a3a9e1; }
  .c_purple a {
    color: #a3a9e1; }

.c_666 {
  color: #666666; }
  .c_666 a {
    color: #666666; }

.c_999 {
  color: #999999; }
  .c_999 a {
    color: #999999; }

.c_ccc {
  color: #ccc; }
  .c_ccc a {
    color: #ccc; }
  .c_ccc:hover {
    color: #fff; }
    .c_ccc:hover a {
      color: #fff; }

.c_808 {
  color: #808080; }
  .c_808 a {
    color: #808080; }

.c_717 {
  color: #717787; }
  .c_717 a {
    color: #717787; }

.c_95b {
  color: #95b4c9; }

.c_9c9 {
  color: #9c9c9c; }
  .c_9c9 a {
    color: #9c9c9c; }

.c_4f4 {
  color: #4F4F4F; }
  .c_4f4 a {
    color: #4F4F4F; }

.c_676 {
  color: #676767; }
  .c_676 a {
    color: #676767; }

.c_434 {
  color: #434343; }
  .c_434 a {
    color: #434343; }

.c_363 {
  color: #363636; }
  .c_363 a {
    color: #363636; }

.bg_f3 {
  background-color: #f3f3f3; }

.h_bg_f3 {
  transition: background-color .5s; }
  .h_bg_f3:hover {
    background-color: #f3f3f3; }

.bg_f5 {
  background-color: #f5f5f5; }

.bg_f6 {
  background-color: #eef6ff; }

.bg_dfe {
  background-color: #dfe1e6; }

.bg_ea {
  background-color: #eaeaea; }

.bg_blue {
  background-color: #00adef; }

.bg_color {
  background-color: #2B5CFF; }

.bg_white {
  background-color: #fff; }

.lh_175 {
  line-height: 1.75; }

.lh_2 {
  line-height: 2; }

.lh_3 {
  line-height: 3; }

.line_1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

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

.line_3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line_4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line_5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line_6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.border_ddd {
  border: 1px solid #ddd; }

.border_ccc {
  border: 1px solid #ccc; }

.border_b {
  border-bottom: 1px solid #ddd; }

.border_t {
  border-top: 1px solid #ddd; }

.border_r0 {
  border-radius: 0 !important; }

.border_r30 {
  border-radius: 30px !important; }

.bold {
  font-weight: bold; }

.d_b {
  display: block; }

.img_br img {
  border-radius: 20px; }

.w_100 {
  width: 100% !important; }

.w_10 {
  width: 10% !important; }

.w_13 {
  width: 13% !important; }

.w_15 {
  width: 15% !important; }

.w_18 {
  width: 18% !important; }

.w_20 {
  width: 20% !important; }

.w_23 {
  width: 23% !important; }

.w_24 {
  width: 24% !important; }

.w_25 {
  width: 25% !important; }

.w_30 {
  width: 30% !important; }

.w_32 {
  width: 32% !important; }

.w_33 {
  width: 33% !important; }

.w_35 {
  width: 35% !important; }

.w_40 {
  width: 40% !important; }

.w_45 {
  width: 45% !important; }

.w_48 {
  width: 48% !important; }

.w_49 {
  width: 49% !important; }

.w_50 {
  width: 50% !important; }

.w_53 {
  width: 53% !important; }

.w_54 {
  width: 54% !important; }

.w_55 {
  width: 55% !important; }

.w_58 {
  width: 58% !important; }

.w_60 {
  width: 60% !important; }

.w_63 {
  width: 63% !important; }

.w_65 {
  width: 65% !important; }

.w_70 {
  width: 70% !important; }

.w_85 {
  width: 85% !important; }

@media screen and (max-width: 768px) {
  .w_sm_100 {
    width: 100% !important; }
  .w_sm_30 {
    width: 30% !important; }
  .w_sm_48 {
    width: 48% !important; }
  .w_sm_49 {
    width: 49% !important; }
  .w_sm_50 {
    width: 50% !important; }
  .w_sm_51 {
    width: 51% !important; }
  .w_sm_80 {
    width: 80% !important; }
  .h_sm_a {
    height: auto !important; }
  .h_sm_100 {
    height: 100% !important; } }

@media screen and (max-width: 768px) {
  .fw_sm {
    flex-wrap: wrap; }
  .fw_sm_rev {
    flex-wrap: wrap-reverse; }
  .f_dr_sm {
    flex-direction: row; }
  .f_jsb_sm {
    justify-content: space-between; }
  .f_ac_sm {
    align-items: center; }
  .f_jc_sm {
    align-items: center; }
  .dn_sm {
    display: none !important; } }

.h_25 {
  height: 25% !important; }

.h_48 {
  height: 48% !important; }

.h_49 {
  height: 49% !important; }

.h_100 {
  height: 100% !important; }

.max_h180 {
  max-height: 180px; }

.max_h300 {
  max-height: 300px; }

.max_h400 {
  max-height: 400px; }

.min_h200 {
  min-height: 200px; }

.min_h300 {
  min-height: 300px; }

.min_h500 {
  min-height: 500px; }

.h_a {
  height: auto !important; }

.t_c {
  text-align: center !important; }

.t_l {
  text-align: left !important; }

.t_r {
  text-align: right !important; }

@media screen and (max-width: 768px) {
  .t_sm_l {
    text-align: left !important; }
  .t_sm_c {
    text-align: center !important; }
  .t_sm_r {
    text-align: right !important; } }

.m_c {
  margin: 0 auto; }

.h_uline:hover {
  text-decoration: underline; }

.h_color {
  transition: color 0.3s; }
  .h_color:hover {
    color: #2B5CFF; }
    .h_color:hover a {
      color: #2B5CFF; }

.h_bold {
  transition: font-weight .3s; }
  .h_bold:hover {
    font-weight: bold; }

.color {
  color: #2B5CFF; }
  .color a {
    color: #2B5CFF; }

.img_circle {
  border-radius: 50%; }

.img_r20 {
  border-radius: .2rem !important;
  overflow: hidden; }

.img_box {
  overflow: hidden;
  width: 100%; }
  .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s; }
  .img_box:hover img {
    transform: scale(0.95); }

.img_beat img:hover {
  animation: beat .7s ease-in-out 1; }

@keyframes beat {
  0% {
    transform: translateY(0%); }
  20% {
    transform: translateY(-15%); }
  40% {
    transform: translateY(5%); }
  60% {
    transform: translateY(-10%); }
  80% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }

.img_e {
  overflow: hidden; }
  .img_e img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s; }
  .img_e:hover img {
    transform: scale(1.1); }

.img_n img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s; }

.img_n:hover img {
  transform: scale(0.95); }