* {
  outline: none;
  font-family: Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif, Helvetica, sans-serif, "microsoft yahei", "PingFang SC", SimHei, Verdana;
  -webkit-overflow-scrolling: touch;
  outline: none !important;
  -webkit-font-smoothing: antialiased;
}
html {
  overflow-x: hidden;
}
body {
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
  padding: 0; /* background: #f8f8f8; */
}

@font-face {
  font-family: mont;
  src: url(../font/MontserratBold.ttf);
}
@font-face {
  font-family: gotham;
  src: url(../font/GothamPro-Bold.ttf);
}
@font-face {
  font-family: futura;
  src: url(../font/FUTURA-LIGHT-3_0.TTF);
}
@font-face {
  font-family: din;
  src: url(../font/DINCOND-BOLD.OTF);
}
@font-face {
  font-family: gothicb;
  src: url(../font/GOTHICB.TTF);
}
@font-face {
  font-family: gothic;
  src: url(../font/GOTHIC.TTF);
}
@media screen and (min-width: 1921px) {
  html {
    position: relative;
  }
  html:before,
  html:after {
    content: "";
    display: block;
    height: 100%;
    z-index: -3;
    position: absolute;
    left: 50%;
    top: 0;
    width: 197rem;
    background: #fff;
    margin-left: -98.5rem;
    box-shadow: 0 0 1.7rem rgb(205 228 252 / 37%);
  }
  html:before {
    z-index: -5;
    background: #f3f3f3;
    width: 100vw;
    margin: 0 auto;
    left: 0;
  }

  body {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
  }
  body:before {
    content: ""; /* background: red; */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body.bggray1:before {
    /* background: #f5f5f5; */
  }
}
a {
  transition: color, 0.3s;
  color: #333;
}
video {
  object-fit: fill;
  max-width: 100%;
}
a:link {
  /* color: #333; */
}
a:visited {
  color: #333;
}
a:active {
  outline: none;
}
a:focus {
  outline: none;
}
a:hover {
  text-decoration: none;
  color: var(--color1);
}
[v-cloak] {
  opacity: 0;
}
.op0 {
  opacity: 0;
}
.waponly {
  display: none;
}
.wow {
  visibility: hidden;
}
.kai {
  font-family: kaiti;
  font-weight: 500;
}
.inherit *{
    font:inherit;
    color:inherit
}
.finherit *{
    font:inherit;
}
.cinherit *{
    color:inherit;
}

.button:active,
button:active,
.button:focus,
button:focus,
.button:hover,
button:hover {
  outline: none !important;
}
.container-fluid {
  padding: 0;
}
.elem_ani {
  visibility: hidden;
}
img {
  max-width: 100%;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a:focus,
a:active,
a {
  outline: none;
  text-decoration: none;
}
.dflex {
  display: flex !important;
}
.fl {
  float: left;
  transition: 0.8s;
}
.fr {
  float: right;
}
.nail {
  display: block;
}
p.nail {
  margin-bottom: 0;
}
.nailr {
  display: block;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.f26 {
  font-size: 2.6rem;
}
.f72 {
  font-size: 7.2rem;
}
.flex {
  display: flex;
  align-items: center;
}
.jcc {
  justify-content: center;
}
.jcb {
  justify-content: space-between;
}
.jcs {
  justify-content: flex-start;
}
.jce {
  justify-content: flex-end;
}

.grid {
  display: grid;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}

.maxlines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.maxlines1 {
  -webkit-line-clamp: 1;
}
.maxlines2 {
  -webkit-line-clamp: 2;
}

.maxlines3 {
  -webkit-line-clamp: 3;
}
.maxlines4 {
  -webkit-line-clamp: 4;
}
.maxlines5 {
  -webkit-line-clamp: 5;
}
.maxlines2 {
  -webkit-line-clamp: 2;
}

.pointer {
  cursor: pointer;
}
.block {
  display: block;
}
.a_img {
  display: block;
}
.p_img {
  display: block;
  overflow: hidden;
}
.p_img img {
  display: none;
}
.nail img {
  display: none;
}
.nailr img {
  display: none;
}
.nailthumb-title {
  display: none !important;
}
.nailthumb-container img {
  max-width: none;
}
.nowrap {
  white-space: nowrap;
}
.hei1 {
  color: #222;
}
.hui1 {
  color: #292929;
}
.zi1 {
  color: #1b3e83;
}
.zi2 {
  color: #4e4f81;
}
.zi3 {
  color: #f3f3fd;
}
.red1 {
  color: #e62129;
}
.red2 {
  color: #fe7a15;
}
.gold {
  color: #fe7a15;
}
.orange {
  color: #f57f1d;
}
.txto {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.txtl {
  text-align: left;
}
.txtr {
  text-align: right;
}
.txtc {
  text-align: center;
}
.posr {
  position: relative;
}
.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}
.section {
  padding: 5rem 0;
  background: #f7f8fa;
}
.ttlline {
  padding-bottom: 3.5rem;
}
.ttlline:after {
  content: "";
  display: block;
  position: relative;
  width: 4rem;
  height: 0.2rem;
  left: 50%;
  margin-left: -2.5rem;
  background: #01acd8;
  top: 3.5rem;
}
.mttl {
  font-size: 4.8rem;
  margin: 6rem auto 4.5rem;
}
.mttl strong {
}
.pline1 {
}
.pline1:after {
  content: "";
  display: block;
  position: relative;
  width: 4rem;
  height: 0.2rem;
  top: 1.5rem;
  left: 50%;
  margin-left: -2rem;
  background: #d3d3d3;
  margin-bottom: 2.5rem;
}
.cl_yellow {
  color: #fff60c;
}
.dinline {
  display: inline;
}
.blk {
  display: block;
}
.se1 {
  color: #ea5613;
}
.se2 {
  color: #b8aa9b;
}
.se3 {
  color: #666666;
}
.se4 {
  color: #f5efe9;
}
.bgse1 {
  background-color: #ea5613;
}
.bgse2 {
  background-color: #b8aa9b;
}
.bgse3 {
  background-color: #666666;
}
.bgse4 {
  background-color: #f5efe9;
}
.red {
  color: #e62129;
}
.cl1 {
  color: #693418;
}
.c222 {
  color: #222;
}
.c333 {
  color: #333;
}
.c444 {
  color: #444;
}
.c555 {
  color: #555;
}
.c666 {
  color: #666;
}
.cfff {
  color: #fff;
}
.cccc {
  color: #ccc;
}
.c888 {
  color: #888;
}
.c999 {
  color: #999;
}
.cgray1 {
  color: #555555;
}
.blue {
  color: #142d66;
}
.cblue {
  color: var(--color1);
}
.cgreen {
  color: #3a5b2e;
}
.green {
  color: var(--color1);
}
.bgreen {
  background-color: #3a5b2e;
}
.cblue1 {
  color: #01acd8;
}
.cblue2 {
  color: #0070c0;
}
.bggray {
  background: #f0f2f5;
}
.bgc1 {
  background: var(--color1);
}

.snav_float + #maincontent,
.snav_float + .maincontent {
  margin-top: -6rem;
  padding-top: 9rem;
}
.search_list {
  padding-bottom: 6rem;
}
.research {
  color: var(--color1);
}
.bggray1 {
  background: #f5f5f5;
}
.bggray2 {
  background: #f5f5f5;
}
.bgdark {
  background: #333;
}
.bgdark * {
  color: #fff;
}
.pma {
  margin-top: auto;
  margin-bottom: auto;
}
.fb {
  font-weight: bold;
}
.ti2 {
  text-indent: 2em;
}
.w100 {
  width: 100%;
}
.w50 {
  width: 50%;
}
.sinfo {
  font-size: 1.4rem;
  color: #666;
  line-height: 2.4rem;
}
.sinfo16 {
  font-size: 1.6rem;
  line-height: 3rem;
  color: #666;
}
.bor_eee {
  border: 0.1rem solid #eeeeee;
}
.bor_b_eee {
  border-bottom: 0.1rem solid #eeeeee;
}
.bor_b_eee_dashed {
  border-bottom: 0.1rem dashed #eeeeee;
}
.fw400 {
  font-weight: 400 !important;
}
.bgfff {
  background: #fff;
}
.daxie {
  text-transform: uppercase;
}
.lrline {
  text-align: center;
}
.lrline span {
  display: inline-block;
  padding: 0 2.8rem;
  font-size: 4rem;
}
.lrline:before {
  content: "";
  display: inline-block;
  width: 18rem;
  height: 0.1rem;
  background: #989898;
  position: relative;
  top: -0.6rem;
  left: -1rem;
  width: 6.2rem;
  height: 0.4rem;
  background: #1270d4;
  z-index: 33;
}
.lrline:after {
  content: "";
  display: inline-block;
  width: 18rem;
  height: 0.1rem;
  background: #989898;
  position: relative;
  top: -0.6rem;
  right: -1rem;
  width: 6.2rem;
  height: 0.4rem;
  background: #1270d4;
  z-index: 33;
}
.lrline2 {
  text-align: center;
}
.lrline2 span {
}
.lrline2:before {
  content: url("../images/l1.png");
  display: inline-block;
  position: relative;
  top: -0.6rem;
  left: -3rem;
}
.lrline2:after {
  content: url("../images/l2.png");
  display: inline-block;
  position: relative;
  top: -0.6rem;
  right: -3rem;
}
.fbt {
  text-align: center;
  font-size: 3.6rem;
  font-family: mywfont;
  color: #b41017;
  font-weight: bolder;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
  display: block;
}
.fbt:after {
  content: "";
  display: block;
  position: absolute;
  width: 5rem;
  height: 0.5rem;
  top: 100%;
  left: 50%;
  background: #0072bd;
  margin-left: -2.5rem;
  display: none;
}
.btn1 {
  border: 0.1rem solid #2f318b;
  color: #2f318b;
  border-radius: 0;
  line-height: 3.4rem;
  display: inline-block;
  padding: 0 2rem;
  transition: all 0.3s;
  margin-top: 1rem;
}
.btn1:hover {
  background: #2f318b;
  color: #fff;
  border-radius: 0;
}
.linkmore {
  color: #325dcd;
  border: 0.1rem solid #325dcd;
  font-size: 1.6rem;
  line-height: 3.5rem;
  display: inline-block;
  padding: 0 3.5rem;
  border-radius: 10rem;
  transition: all 0.1s;
}
.linkmore2 {
  font-size: 2rem;
  line-height: 5rem;
  display: inline-block;
  padding: 0 4.5rem;
  border-radius: 10rem;
  transition: all 0.1s;
  color: #fff;
  background: #960006;
  border-color: #960006;
}
.dblborder {
  position: relative;
  display: inline-block;
}
.dblborder:before,
.dblborder:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 66px);
  height: 6rem;
  top: -1.5rem;
  left: -3.8rem;
  border: 0.1rem solid #dcdcdc;
}
.dblborder:before {
  width: calc(100% + 76px);
  height: 7rem;
  left: -4.3rem;
  top: -2rem;
}
.dblborder i {
  display: inline-block;
  width: 3.5rem;
  height: 2.8rem;
  vertical-align: -0.5rem;
  background: url("../images/ic1.png") no-repeat;
  margin-right: 4.5rem;
}
.linkmore:hover {
  color: #fff;
  background: #960006;
  border-color: #960006;
}
.linkmore2:hover {
  background-color: #b41017;
  color: #fff;
}
.linkmore3 {
  position: absolute;
  bottom: 3rem;
  left: 0;
  display: inline-block;
  width: 100%;
  margin: 1.5rem auto 0;
  text-align: center;
  color: #0061bf;
}
.linkmore4 {
  line-height: 3.7rem;
  display: inline-block;
  width: 13rem;
  margin: 1.5rem auto 2rem;
  text-align: center;
  color: #0061bf;
  border: 0.1rem solid #0061bf;
}
.linkmore1 {
  display: inline-block;
  padding-right: 12.5rem;
  background: url("../images/ar1.png") no-repeat right center;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.ittl {
}
.ittl h2 {
  text-align: center;
}
.ittl .s1 {
}
.ittl .s2 {
  font-size: 6rem;
  font-family: Times New Roman;
  font-weight: 400;
  color: #dcd9d9;
  line-height: 6rem;
  margin-left: 2rem;
  position: relative;
  top: 0.4rem;
}
.ittl h2 {
  font-size: 3.6rem;
  font-weight: 400;
  margin: 0;
}
.ittl .p2 {
  font-size: 1.6rem;
  margin: 3rem 0 3.6rem;
  color: #333;
  opacity: 0.7;
}
.hdl1 h3:after {
  content: "";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1.8rem;
  top: 0.6rem;
  right: -0.7rem;
  background: url("../images/fg.png") no-repeat;
}
.hdl1 h3:first-child {
  padding-left: 0;
}
.hdl1 h3:last-child:after {
  background-image: none;
}
.hdl1 h3 {
  position: relative;
}
.hdl1 h3.on {
}
.hdl1 h3.on a {
  color: #e62129;
  position: relative;
  padding-bottom: 1.4rem;
}
.hdl1 h3.on a:after {
  content: "";
  display: block;
  position: absolute;
  width: 1.1rem;
  height: 0.6rem;
  bottom: 0;
  left: 50%;
  background: url("../images/ar.png") no-repeat;
  margin-left: -0.5rem;
}
.hdl1 h3 {
  display: inline-block;
  font-weight: 400;
  padding: 0 2.3rem;
}
.h2ttl {
  text-align: center;
  line-height: 6rem;
  font-size: 4rem;
  color: #222;
  position: relative;
  padding-bottom: 1.7rem;
  margin-bottom: 4rem;
  margin-top: 3rem;
}
.bline:after {
  content: "";
  display: block;
  position: absolute;
  width: 4rem;
  height: 0.3rem;
  bottom: 0;
  left: 50%;
  background: #222;
  margin-left: -2rem;
}
.bline_red:after {
  background: #ce241b;
}
.right_arr {
  border: 0.1rem solid #fff;
  border-radius: 50rem;
  display: inline-block;
  width: 2.7rem;
  height: 2.7rem;
  position: relative;
  font-style: normal;
  font-size: 1.4rem;
  font-family: simsun;
  vertical-align: middle;
  margin-left: 0.6rem;
  position: relative;
  top: -0.2rem;
}
.right_arr:after {
  content: ">";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0.3rem;
  left: 0.7rem;
  color: #fff;
}
.roundlinks a,
a.rounds {
  display: inline-block;
  line-height: 2.8rem;
  border: 0.1rem solid #e0e0e0;
  border-radius: 10rem;
  padding: 0 2rem;
  color: #979797;
  margin-right: 1rem;
  margin-bottom: 1rem;
  transition: all 0.1s;
}
.roundlinks a:hover,
a.rounds:hover {
  border: 0.1rem solid #e62129;
  background-color: #e62129;
  color: #fff;
}
.navbar-inverse .navbar-nav > li.dropdown > a:hover:after {
  display: none;
}
#topnav .dropdown {
  position: relative;
}
#topnav .dropdown-menu {
  right: auto;
  left: 0;
  margin-left: -2.4rem;
  width: 100%;
  overflow: hidden;
  min-width: 0;
  text-align: center;
  margin-top: 0;
  border: none;
  background: #f3f3fd;
  border-radius: 0;
}
#topnav .dropdown-menu li {
}
#topnav .dropdown-menu li a {
  font-size: 1.4rem !important;
  line-height: 3.9rem !important;
  display: inline-block;
  height: 100%;
}
#topnav .dropdown-menu li a:after {
  content: none !important;
  display: none;
}
#topnav .dropdown-menu a {
  line-height: 4rem;
  white-space: nowrap;
  position: relative;
  padding: 0 1rem;
}
#topnav .dropdown-menu a:hover {
  color: #e3232a;
  background: transparent;
}
#topnav .dropdown-menu a:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 50px);
  height: 0.1rem;
  bottom: 0;
  left: 2.5rem;
  border-bottom: 0.1rem solid #dadada;
}
#topnav .dropdown-menu li:last-child a:after {
  content: none;
}
.d_m_23 {
  display: none !important;
}
.fb {
  font-weight: bold;
}
.f8 {
  font-size: 0.8rem;
}
.f9 {
  font-size: 0.9rem;
}
.f10 {
  font-size: 1rem;
}
.f11 {
  font-size: 1.1rem;
}
.f12 {
  font-size: 1.2rem;
}
.f13 {
  font-size: 1.3rem;
}
.f14 {
  font-size: 1.4rem;
}
.f15 {
  font-size: 1.5rem;
}
.f16 {
  font-size: 1.6rem;
}
.f17 {
  font-size: 1.7rem;
}
.f18 {
  font-size: 1.8rem;
}
.f19 {
  font-size: 1.9rem;
}
.f20 {
  font-size: 2rem;
}
.f21 {
  font-size: 2.1rem;
}
.f22 {
  font-size: 2.2rem;
}
.f23 {
  font-size: 2.3rem;
}
.f24 {
  font-size: 2.4rem;
}
.f25 {
  font-size: 2.5rem;
}
.f26 {
  font-size: 2.6rem;
}
.f27 {
  font-size: 2.7rem;
}
.f28 {
  font-size: 2.8rem;
}
.f29 {
  font-size: 2.9rem;
}
.f30 {
  font-size: 3rem;
}
.f31 {
  font-size: 3.1rem;
}
.f32 {
  font-size: 3.2rem;
}
.f33 {
  font-size: 3.3rem;
}
.f34 {
  font-size: 3.4rem;
}
.f35 {
  font-size: 3.5rem;
}
.f36 {
  font-size: 3.6rem;
}
.f37 {
  font-size: 3.7rem;
}
.f38 {
  font-size: 3.8rem;
}
.f39 {
  font-size: 3.9rem;
}
.f40 {
  font-size: 4rem;
}
.f41 {
  font-size: 4.1rem;
}
.f42 {
  font-size: 4.2rem;
}
.f43 {
  font-size: 4.3rem;
}
.f44 {
  font-size: 4.4rem;
}
.f45 {
  font-size: 4.5rem;
}
.f46 {
  font-size: 4.6rem;
}
.f47 {
  font-size: 4.7rem;
}
.f48 {
  font-size: 4.8rem;
}
.f49 {
  font-size: 4.9rem;
}
.f50 {
  font-size: 5rem;
}
.f51 {
  font-size: 5.1rem;
}
.f52 {
  font-size: 5.2rem;
}
.f53 {
  font-size: 5.3rem;
}
.f54 {
  font-size: 5.4rem;
}
.f55 {
  font-size: 5.5rem;
}
.f56 {
  font-size: 5.6rem;
}
.f57 {
  font-size: 5.7rem;
}
.f58 {
  font-size: 5.8rem;
}
.f59 {
  font-size: 5.9rem;
}
.f60 {
  font-size: 6rem;
}
.f61 {
  font-size: 6.1rem;
}
.f62 {
  font-size: 6.2rem;
}
.f63 {
  font-size: 6.3rem;
}
.f64 {
  font-size: 6.4rem;
}
.f65 {
  font-size: 6.5rem;
}
.f66 {
  font-size: 6.6rem;
}
.f67 {
  font-size: 6.7rem;
}
.f68 {
  font-size: 6.8rem;
}
.f69 {
  font-size: 6.9rem;
}
.f70 {
  font-size: 7rem;
}
.f71 {
  font-size: 7.1rem;
}
.f72 {
  font-size: 7.2rem;
}
.f73 {
  font-size: 7.3rem;
}
.f74 {
  font-size: 7.4rem;
}
.f75 {
  font-size: 7.5rem;
}
.f76 {
  font-size: 7.6rem;
}
.f77 {
  font-size: 7.7rem;
}
.f78 {
  font-size: 7.8rem;
}
.f79 {
  font-size: 7.9rem;
}
.f80 {
  font-size: 8rem;
}
.f81 {
  font-size: 8.1rem;
}
.f82 {
  font-size: 8.2rem;
}
.f83 {
  font-size: 8.3rem;
}
.f84 {
  font-size: 8.4rem;
}
.f85 {
  font-size: 8.5rem;
}
.f86 {
  font-size: 8.6rem;
}
.f87 {
  font-size: 8.7rem;
}
.f88 {
  font-size: 8.8rem;
}
.f89 {
  font-size: 8.9rem;
}
.f90 {
  font-size: 9rem;
}
.f91 {
  font-size: 9.1rem;
}
.f92 {
  font-size: 9.2rem;
}
.f93 {
  font-size: 9.3rem;
}
.f94 {
  font-size: 9.4rem;
}
.f95 {
  font-size: 9.5rem;
}
.f96 {
  font-size: 9.6rem;
}
.f97 {
  font-size: 9.7rem;
}
.f98 {
  font-size: 9.8rem;
}
.f100 {
  font-size: 10rem;
}
.lh11 {
  line-height: 1.1;
}
.lh15 {
  line-height: 1.5;
}
.lh18 {
  line-height: 1.8;
}
.lhx2 {
  line-height: 2;
}
.ma {
  margin-left: auto;
  margin-right: auto;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 0.5rem !important;
}
.mb50 {
  margin-bottom: 5rem;
}
.mb8 {
  margin-bottom: 0.8rem;
}
.mb10 {
  margin-bottom: 1rem;
}
.mb15 {
  margin-bottom: 1.5rem;
}
.mb20 {
  margin-bottom: 2rem;
}
.mb25 {
  margin-bottom: 2.5rem;
}
.mb30 {
  margin-bottom: 3rem;
}
.mb35 {
  margin-bottom: 3.5rem;
}
.mb40 {
  margin-bottom: 4rem;
}
.mb45 {
  margin-bottom: 4.5rem;
}
.mb50 {
  margin-bottom: 5rem;
}
.mb60 {
  margin-bottom: 6rem;
}
.mb65 {
  margin-bottom: 6.5rem;
}
.mb70 {
  margin-bottom: 7rem;
}
.mb72 {
  margin-bottom: 7.2rem;
}
.mt0 {
  margin-top: 0;
}
.mt10 {
  margin-top: 1rem;
}
.mt15 {
  margin-top: 1.5rem;
}
.mt20 {
  margin-top: 2rem;
}
.mt30 {
  margin-top: 3rem;
}
.mt25 {
  margin-top: 2.5rem;
}
.mt35 {
  margin-top: 3.5rem;
}
.mt40 {
  margin-top: 4rem;
}
.mt45 {
  margin-top: 4.5rem;
}
.mt50 {
  margin-top: 5rem;
}
.mt60 {
  margin-top: 6rem;
}
.mt65 {
  margin-top: 6.5rem;
}
.mt70 {
  margin-top: 7rem;
}
.mt72 {
  margin-top: 7.2rem;
}
.mt100 {
  margin-top: 10rem;
}
.mt130 {
  margin-top: 13rem;
}
.mr30{
    margin-right: 3rem;
}
.mr40{
    margin-right: 4rem;
}

.mt-10 {
  margin-top: -1rem !important;
}
.ml10 {
  margin-left: 1rem;
}
.py0{padding-top: 0rem;padding-bottom: 0rem;}
.py10{padding-top: 1rem;padding-bottom: 1rem;}
.py20{padding-top: 2rem;padding-bottom: 2rem;}
.py30{padding-top: 3rem;padding-bottom: 3rem;}
.py40{padding-top: 4rem;padding-bottom: 4rem;}
.py50{padding-top: 5rem;padding-bottom: 5rem;}
.py60{padding-top: 6rem;padding-bottom: 6rem;}
.py70{padding-top: 7rem;padding-bottom: 7rem;}
.py80{padding-top: 8rem;padding-bottom: 8rem;}
.py90{padding-top: 9rem;padding-bottom: 9rem;}
.py100{padding-top: 10rem;padding-bottom: 10rem;}
.py110{padding-top: 11rem;padding-bottom: 11rem;}
.py120{padding-top: 12rem;padding-bottom: 12rem;}

.px0{padding-left: 0rem;padding-right: 0rem;}
.px10{padding-left: 1rem;padding-right: 1rem;}
.px20{padding-left: 2rem;padding-right: 2rem;}
.px30{padding-left: 3rem;padding-right: 3rem;}
.px40{padding-left: 4rem;padding-right: 4rem;}
.px50{padding-left: 5rem;padding-right: 5rem;}
.px60{padding-left: 6rem;padding-right: 6rem;}
.px70{padding-left: 7rem;padding-right: 7rem;}
.px80{padding-left: 8rem;padding-right: 8rem;}
.px90{padding-left: 9rem;padding-right: 9rem;}
.px100{padding-left: 10rem;padding-right: 10rem;}
.px110{padding-left: 11rem;padding-right: 11rem;}
.px120{padding-left: 12rem;padding-right: 12rem;}


.pad0 {
  padding: 0 !important;
}
.pad30_0 {
  padding: 3rem 0;
}
.pad40_0 {
  padding: 4rem 0;
}
.pad50_0 {
  padding: 5rem 0;
}
.pad60_0 {
  padding: 6rem 0;
}
.pad30 {
  padding: 3rem;
}
.pad50 {
  padding: 5rem;
}
.pad40 {
  padding: 4rem;
}
.pad20 {
  padding: 2rem;
}
.pad10 {
  padding: 1rem;
}
.pad2030 {
  padding: 2rem 3rem;
}
.pad3020 {
  padding: 3rem 2rem;
}
.pdt40 {
  padding-top: 4rem;
}
.pdt0 {
  padding-top: 0;
}
.pdt1 {
  padding-top: 0.1rem;
}
.pdt10 {
  padding-top: 1rem;
}
.pdt20 {
  padding-top: 2rem;
}
.pdt30 {
  padding-top: 3rem;
}
.pdt40 {
  padding-top: 4rem;
}
.pdt50 {
  padding-top: 5rem;
}
.pdt60 {
  padding-top: 6rem;
}
.pdt70 {
  padding-top: 7rem;
}
.pdt80 {
  padding-top: 8rem;
}
.pdt90 {
  padding-top: 9rem;
}
.pdt100 {
  padding-top: 10rem;
}
.pdl0 {
  padding-left: 0;
}
.pdl1 {
  padding-left: 0.1rem;
}
.pdl10 {
  padding-left: 1rem;
}
.pdl20 {
  padding-left: 2rem;
}
.pdl30 {
  padding-left: 3rem;
}
.pdl40 {
  padding-left: 4rem;
}
.pdl50 {
  padding-left: 5rem;
}
.pdl60 {
  padding-left: 6rem;
}
.pdl70 {
  padding-left: 7rem;
}
.pdl80 {
  padding-left: 8rem;
}
.pdl90 {
  padding-left: 9rem;
}
.pdl100 {
  padding-left: 10rem;
}
.pdr0 {
  padding-right: 0;
}
.pdr1 {
  padding-right: 0.1rem;
}
.pdr10 {
  padding-right: 1rem;
}
.pdr20 {
  padding-right: 2rem;
}
.pdr30 {
  padding-right: 3rem;
}
.pdr40 {
  padding-right: 4rem;
}
.pdr50 {
  padding-right: 5rem;
}
.pdr60 {
  padding-right: 6rem;
}
.pdr70 {
  padding-right: 7rem;
}
.pdr80 {
  padding-right: 8rem;
}
.pdr90 {
  padding-right: 9rem;
}
.pdr100 {
  padding-right: 10rem;
}
.pdb0 {
  padding-bottom: 0;
}
.pdb1 {
  padding-bottom: 0.1rem;
}
.pdb10 {
  padding-bottom: 1rem;
}
.pdb20 {
  padding-bottom: 2rem;
}
.pdb30 {
  padding-bottom: 3rem;
}
.pdb40 {
  padding-bottom: 4rem;
}
.pdb50 {
  padding-bottom: 5rem;
}
.pdb60 {
  padding-bottom: 6rem;
}
.pdb70 {
  padding-bottom: 7rem;
}
.pdb80 {
  padding-bottom: 8rem;
}
.pdb90 {
  padding-bottom: 9rem;
}
.pdb100 {
  padding-bottom: 10rem;
}
.wp10 {
  width: 10%;
}
.wp20 {
  width: 20%;
}
.wp30 {
  width: 30%;
}
.wp40 {
  width: 40%;
}
.wp50 {
  width: 50%;
}
.wp60 {
  width: 60%;
}
.wp70 {
  width: 70%;
}
.wp80 {
  width: 80%;
}
.wp90 {
  width: 90%;
}
.wp100 {
  width: 100%;
}
.bline1 {padding-bottom: 1.6rem;}
.bline1:after {
  content: "";
  display: block;
  position: absolute;
  width: 4rem;
  height: 0.4rem;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color3);
}
.abtn1:after,
.abtn1:before {
  border-radius: 10.6rem;
}
.abtn1 {
  display: inline-block;
  padding: 0 6rem;
  font-size: 1.8rem;
  position: relative;
  line-height: 5rem;
  border-radius: 10.6rem;
  color: #fff;
  height: 5rem;
}
.abtn1 i {
  display: inline-block;
  background: url("../images/arr.png") no-repeat left;
  width: 4.7rem;
  height: 0.5rem;
  margin-left: 2rem;
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
}
.abtn1:hover {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.abtn2 {
  width: 15rem;
  height: 5rem;
}
.blk_center_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sct_dark * {
  color: #fff;
}
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
[class^="hvr-"] {
  margin: 0.4em;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  color: #666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(197, 0, 7, 0.7);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 10rem;
}
.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.bg_jb {
  transition: background 1.13s;
  background: rgb(24, 128, 218);
  background: -moz-linear-gradient(left, rgba(102, 56, 138, 1) 0%, rgba(133, 40, 154, 1) 56%, rgba(133, 40, 154, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102, 56, 138, 1)), color-stop(56%, rgba(133, 40, 154, 1)), color-stop(100%, rgba(133, 40, 154, 1)));
  background: linear-gradient(to right, #47b2ea 0%, #167dd9 56%, #0661cc 100%);
  background: -o-linear-gradient(left, rgba(102, 56, 138, 1) 0%, rgba(133, 40, 154, 1) 56%, rgba(133, 40, 154, 1) 100%);
  background: -ms-linear-gradient(left, rgba(102, 56, 138, 1) 0%, rgba(133, 40, 154, 1) 56%, rgba(133, 40, 154, 1) 100%);
  background: linear-gradient(to right, #47b2ea 0%, #167dd9 56%, #0661cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66388a', endColorstr='#85289a', GradientType=1);
}
.bg_jb:hover {
  background: rgba(133, 40, 154, 1);
  background: -moz-linear-gradient(left, rgba(133, 40, 154, 1) 0%, rgba(133, 40, 154, 1) 44%, rgba(102, 56, 138, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(133, 40, 154, 1)), color-stop(44%, rgba(133, 40, 154, 1)), color-stop(100%, rgba(102, 56, 138, 1)));
  background: linear-gradient(to right, rgb(9, 101, 206) 0%, rgb(20, 122, 215) 44%, rgb(66, 172, 232) 100%);
  background: -o-linear-gradient(left, rgba(133, 40, 154, 1) 0%, rgba(133, 40, 154, 1) 44%, rgba(102, 56, 138, 1) 100%);
  background: -ms-linear-gradient(left, rgba(133, 40, 154, 1) 0%, rgba(133, 40, 154, 1) 44%, rgba(102, 56, 138, 1) 100%);
  background: linear-gradient(to right, rgb(9, 101, 206) 0%, rgb(20, 122, 215) 44%, rgb(66, 172, 232) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85289a', endColorstr='#66388a', GradientType=1);
}
.bg_jb2 {
  background: rgba(102, 56, 138, 0.88);
  background: -moz-linear-gradient(left, rgba(102, 56, 138, 0.88) 0%, rgba(133, 40, 154, 0.89) 56%, rgba(133, 40, 154, 0.9) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102, 56, 138, 0.88)), color-stop(56%, rgba(133, 40, 154, 0.89)), color-stop(100%, rgba(133, 40, 154, 0.9)));
  background: -webkit-linear-gradient(left, rgba(102, 56, 138, 0.88) 0%, rgba(133, 40, 154, 0.89) 56%, rgba(133, 40, 154, 0.9) 100%);
  background: -o-linear-gradient(left, rgba(102, 56, 138, 0.88) 0%, rgba(133, 40, 154, 0.89) 56%, rgba(133, 40, 154, 0.9) 100%);
  background: -ms-linear-gradient(left, rgba(102, 56, 138, 0.88) 0%, rgba(133, 40, 154, 0.89) 56%, rgba(133, 40, 154, 0.9) 100%);
  background: linear-gradient(to right, rgba(102, 56, 138, 0.88) 0%, rgba(133, 40, 154, 0.89) 56%, rgba(133, 40, 154, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66388a', endColorstr='#85289a', GradientType=1);
}
.lblueline {
}
.lblueline:after {
  content: "";
  display: block;
  width: 5rem;
  height: 0.6rem;
  margin-top: 2.5rem;
  background: #1175d8;
}
.lblueline2:after {
  margin: 3rem auto auto;
}
.btn_gray {
  background: #e4e4e4;
  color: #333;
}
.blk_ct {
  display: inline-block;
  margin-left: auto;
  line-height: 5rem;
  margin-right: auto;
  border-radius: 0.3rem;
}
.btn-bg-blue {
  color: #fff;
  background: #ea5613;
  line-height: 4.6rem;
  display: inline-block;
  font-size: 1.6rem;
  width: 14rem;
  text-align: center;
  border: none;
}
.btn-bg-blue:hover {
  color: #fff;
  background: #22a0c0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.gutter-20.row {
  margin-right: -1rem;
  margin-left: -1rem;
}
.gutter-20 > [class*="col-"],
.gutter-20 > [class*=" col-"] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.gutter-22.row {
  margin-right: -1.1rem;
  margin-left: -1.1rem;
}
.gutter-22 > [class*="col-"],
.gutter-22 > [class*=" col-"] {
  padding-right: 1.1rem;
  padding-left: 1.1rem;
}
.gutter-24.row {
  margin-right: -1.2rem;
  margin-left: -1.2rem;
}
.gutter-24 > [class*="col-"],
.gutter-24 > [class*=" col-"] {
  padding-right: 1.2rem;
  padding-left: 1.2rem;
}
.gutter-10.row {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.gutter-10 > [class*="col-"],
.gutter-10 > [class*=" col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.gutter-12.row {
  margin-right: -0.6rem;
  margin-left: -0.6rem;
}
.gutter-12 > [class*="col-"],
.gutter-12 > [class*=" col-"] {
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.gutter-0.row {
  margin-right: -0rem;
  margin-left: -0rem;
}
.gutter-0 > [class*="col-"],
.gutter-0 > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.gutter-40.row {
  margin-right: -2rem;
  margin-left: -2rem;
}
.gutter-40 > [class*="col-"],
.gutter-40 > [class*=" col-"] {
  padding-right: 2rem;
  padding-left: 2rem;
}
.gutter-28.row {
  margin-right: -1.4rem;
  margin-left: -1.4rem;
}
.gutter-28 > [class*="col-"],
.gutter-28 > [class*=" col-"] {
  padding-right: 1.4rem;
  padding-left: 1.4rem;
}
.gutter-30.row {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.gutter-30 > [class*="col-"],
.gutter-30 > [class*=" col-"] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.gutter-70.row {
  margin-right: -3.5rem;
  margin-left: -3.5rem;
}
.gutter-70 > [class*="col-"],
.gutter-70 > [class*=" col-"] {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}
.gutter-80.row {
  margin-right: -4rem;
  margin-left: -4rem;
}
.gutter-80 > [class*="col-"],
.gutter-80 > [class*=" col-"] {
  padding-right: 4rem;
  padding-left: 4rem;
}
.gutter-60.row {
  margin-right: -3rem;
  margin-left: -3rem;
}
.gutter-60 > [class*="col-"],
.gutter-60 > [class*=" col-"] {
  padding-right: 3rem;
  padding-left: 3rem;
}
.gutter-50.row {
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}
.gutter-50 > [class*="col-"],
.gutter-50 > [class*=" col-"] {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
.gutter-94.row {
  margin-right: -4.7rem;
  margin-left: -4.7rem;
}
.gutter-94 > [class*="col-"],
.gutter-94 > [class*=" col-"] {
  padding-right: 4.7rem;
  padding-left: 4.7rem;
}
.gutter-0.row {
}
.gutter-0 > [class*="col-"],
.gutter-0 > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-c5,
.col-sm-c5,
.col-md-c5,
.col-lg-c5 {
  position: relative;
  min-height: 0.1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.col-xs-c5 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-c5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-c5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-c5 {
    width: 20%;
    float: left;
  }
}
@media (max-width: 1441px) {
  .gutter-22.row {
    margin-right: -0.6rem;
    margin-left: -0.6rem;
  }
  .gutter-22 > [class^="col-"],
  .gutter-22 > [class^=" col-"] {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
  }
}
.shadow1 {
  box-shadow: 0 0.4rem 1.1rem 0 rgb(0 0 0 / 10%);
}
.shadow1:hover {
  box-shadow: 0 0.4rem 1.6rem 0 rgb(187 217 255 / 19%);
}
.shadow3:hover * {
}
.shadow3:hover {
  border: 0.1rem solid rgba(147, 20, 199, 0.86);
  -webkit-box-shadow: 0 0.6rem 0.8rem -0.1rem rgb(238, 238, 238);
  box-shadow: 0 0.6rem 0.8rem -0.1rem rgb(238, 238, 238);
}
.shadow3 {
  border: 0.1rem solid #d4d4d4;
  -webkit-box-shadow: 0 0.6rem 0.8rem -0.1rem rgba(0, 0, 0, 0.09);
  box-shadow: 0 0.6rem 0.8rem -0.1rem rgba(0, 0, 0, 0.09);
}
.shadow5 {
  -webkit-box-shadow: 0 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
}
.shadow10 {
  position: relative;
}
.shadow10:after {
  transition: all 0.3s;
  z-index: 0;
  position: absolute;
  content: "";
  -webkit-box-shadow: 0 0 0.5rem 0.2rem rgba(186, 186, 186, 0.29);
  -moz-box-shadow: 0 0 0.5rem 0.2rem rgba(186, 186, 186, 0.29);
  box-shadow: 0 0 0.5rem 0.2rem rgba(186, 186, 186, 0.29);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.shadow10:hover:after {
  -webkit-box-shadow: 0 0 0.5rem 0.3rem rgba(186, 186, 186, 0.66);
  -moz-box-shadow: 0 0 0.5rem 0.3rem rgba(186, 186, 186, 0.66);
  box-shadow: 0 0 0.5rem 0.3rem rgba(186, 186, 186, 0.66);
}
.line_left {
  position: relative;
}
.line_left:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.3rem;
  height: 2rem;
  top: 50%;
  left: 0;
  background: #693418;
  margin-top: -1.7rem;
}
.btn_1 {
  display: inline-block;
  padding: 1.8rem 5rem;
  background: #555555;
  color: #fff;
  line-height: 1.1;
  font-size: 1.6rem;
  margin-right: 2rem;
  margin-top: 4rem;
  transition: all 0.2s;
}
.btn_1:hover,
.btn_1.on {
  background: #6b3318;
  color: #fff;
}
.fttl {
  font-size: 2.4rem;
  color: #222;
  text-align: center;
  line-height: 5rem;
  margin-bottom: 4rem;
  font-weight: 400;
}
.line_b {
}
.line_b:after {
  content: "";
  display: block;
  width: 5rem;
  height: 0.3rem;
  top: 0;
  left: 0;
  background-color: #693418;
  margin: 1.8rem auto 0;
}
::placeholder {
  color: #bbb;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #bbb;
}
::-ms-input-placeholder {
  color: #bbb;
}
TEXTAREA::-webkit-scrollbar {
  width: 1rem;
  padding-right: 2rem;
  margin-left: -1rem;
  position: relative;
  left: -2rem;
}
TEXTAREA::-webkit-scrollbar-track {
  background: #d1c5b2;
}
TEXTAREA::-webkit-scrollbar-thumb {
  background: #888;
}
TEXTAREA::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.bar2::-webkit-scrollbar {
  width: 1rem;
  padding-right: 2rem;
  margin-left: -1rem;
  position: relative;
  left: -2rem;
}
.bar2::-webkit-scrollbar-track {
  background: #d1c5b2;
}
.bar2::-webkit-scrollbar-thumb {
  background: #7d2c2c;
}
.bar2::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.bar::-webkit-scrollbar {
  width: 1rem;
  background-color: #f5f5f5;
}
.bar::-webkit-scrollbar-thumb {
  background-color: #e3484e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
}
h3.ittl {
  text-align: center;
}
.more_1 {
  position: relative;
  display: block;
  margin: auto;
  width: 18.6rem;
  height: 5.4rem;
  color: #fff;
  background: #7d2c2c;
  padding: 0;
  text-align: center;
  line-height: 5.4rem;
}
.more_1:before {
  content: "";
  display: block;
  position: absolute;
  width: 18.4rem;
  height: 5.2rem;
  top: 0.1rem;
  left: 0.1rem;
  border: 0.3rem solid #f6f0e7;
  transition: all 0.2s;
}
.more_1:focus {
  color: #fff;
}
.more_1:active {
  color: #fff;
}
.more_1:hover {
  color: #fff;
}
.more_1:hover:before {
  border: 0.5rem solid #f6f0e7;
}
.more_2 {
  line-height: 3.8rem;
  height: 4rem;
  width: 15.2rem;
  display: block;
  margin: auto;
  text-align: center;
  border-bottom: 0.2rem solid #c5c5c5;
  border-top: 0.2rem solid #c5c5c5;
  transition: all 0.2s;
}
.more_2:focus,
.more_2:active,
.more_2:hover {
  background: #7d2c2c;
  border-color: #7d2c2c;
  color: #fff;
}
.jb1 {
  background: #f06e70;
  background: -moz-linear-gradient(-45deg, #f06e70 50%, #f06e70 50%, #ff8183 100%);
  background: -webkit-linear-gradient(-45deg, #f06e70 50%, #f06e70 50%, #ff8183 100%);
  background: linear-gradient(135deg, #f06e70 50%, #f06e70 50%, #ff8183 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06e70', endColorstr='#ff8183', GradientType=1);
}
.jb2 {
  background: #ffaf1c;
  background: -moz-linear-gradient(-45deg, #ffaf1c 50%, #fed03b 100%);
  background: -webkit-linear-gradient(-45deg, #ffaf1c 50%, #fed03b 100%);
  background: linear-gradient(135deg, #ffaf1c 50%, #fed03b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf1c', endColorstr='#fed03b', GradientType=1);
}
.jb3 {
  background: #18c8e2;
  background: -moz-linear-gradient(-45deg, #18c8e2 60%, #31d8f1 100%);
  background: -webkit-linear-gradient(-45deg, #18c8e2 60%, #31d8f1 100%);
  background: linear-gradient(135deg, #18c8e2 60%, #31d8f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18c8e2', endColorstr='#31d8f1', GradientType=1);
}
.jb4 {
  background: #0cdab6;
  background: -moz-linear-gradient(-45deg, #0cdab6 60%, #31f1cf 100%);
  background: -webkit-linear-gradient(-45deg, #0cdab6 60%, #31f1cf 100%);
  background: linear-gradient(135deg, #0cdab6 60%, #31f1cf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cdab6', endColorstr='#31f1cf', GradientType=1);
}
.jbdark {
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30000000', endColorstr='#00000000', GradientType=1);
}
.feny {
  background: #fff;
  padding: 3rem 0;
}
.feny ul {
  text-align: center;
  position: relative;
}
.feny ul li {
  display: inline-block;
  float: none;
  border: 0.1rem solid #67b822;
  transition: all 0.3s;
}
.feny ul li:hover {
  background: #67b822;
}
.feny ul li:hover a {
  color: #fff;
}
.feny ul li a {
}
.feny ul li.pages_hollow {
  padding: 0.5rem 1rem;
  margin: 1rem;
}
.feny ul li.pages_solid {
  padding: 0.5rem 1rem;
  margin: 1rem;
  background: #68b822;
  color: #fff;
}
.feny ul li:last-child {
  border: none;
}
.feny ul li:last-child:hover {
  background: #fff;
  cursor: not-allowed;
}
.feny ul li:last-child a {
}
.feny ul li:last-child span {
}
.jb5 {
  background: linear-gradient(169deg, #2eaee5 0%, #b5da4b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bgjb01 {
  background: linear-gradient(121deg, #2eaee5, #b5da4b);
}
@keyframes ripple {
  0% {
    transform: scale(0.79);
    opacity: 0.5;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0.5;
    transform: scale(0.79);
  }
}

.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  -moz-animation-name: fadeInUp50;
  -ms-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
@-webkit-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft50 {
  -webkit-animation-name: fadeInLeft50;
  -moz-animation-name: fadeInLeft50;
  -ms-animation-name: fadeInLeft50;
  animation-name: fadeInLeft50;
}
@-webkit-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight50 {
  -webkit-animation-name: fadeInRight50;
  -moz-animation-name: fadeInRight50;
  -ms-animation-name: fadeInRight50;
  animation-name: fadeInRight50;
}
@-webkit-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}