.grecaptcha-badge {
  display: none !important;
}
@font-face {
  font-family: 'SFPro';
  font-weight: 300;
  src: url("../fonts/SFProDisplay-Thin.woff2"); }
@font-face {
  font-family: 'SFPro';
  font-weight: 400;
  src: url("../fonts/SFProDisplay-Light.woff2"); }
@font-face {
  font-family: 'SFPro';
  font-weight: 500;
  src: url("../fonts/SFProDisplay-Regular.woff2"); }
@font-face {
  font-family: 'SFPro';
  font-weight: 600;
  src: url("../fonts/SFProDisplay-Medium.woff2"); }
@font-face {
  font-family: 'SFPro';
  font-weight: 700;
  src: url("../fonts/SFProDisplay-Semibold.woff2"); }
@font-face {
  font-family: 'SFPro';
  font-weight: 800;
  src: url("../fonts/SFProDisplay-Bold.woff2"); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

img, fieldset, a img {
  border: none; }

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none; }

input[type="submit"],
button {
  cursor: pointer; }
  input[type="submit"]::-moz-focus-inner,
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }

textarea {
  overflow: auto; }

input, button {
  margin: 0;
  padding: 0;
  border: 0; }

button:disabled {
  background: #242424; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.5em; }

a {
  text-decoration: none; }

div, input, textarea, select, button, img, li,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
  outline: none !important;
  -webkit-tap-highlight-color: transparent; }

div, section {
  display: block; }

ul, ol {
  list-style-type: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  color: rgba(0, 0, 0, 0.5); }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  color: rgba(0, 0, 0, 0.5); }

input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  color: rgba(0, 0, 0, 0.5); }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  color: rgba(0, 0, 0, 0.5); }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, textarea::-webkit-outer-spin-button, textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; } }

@media screen and (max-width: 767px) {
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } }

button, input, textarea {
  font-family: 'SFPro', sans-serif;
  background: transparent; }

b, strong {
  font-weight: 600; }

body {
  width: 100%;
  overflow-x: hidden;
  font-family: 'SFPro', sans-serif;
  font-weight: 400;
  color: #000;
  background: #fff;
  position: relative;
  line-height: 1.2;
  padding-top: 210px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600; }

h1 {
  font-size: 48px;
  line-height: 57px; }

h2 {
  font-size: 40px;
  line-height: 48px; }

h3 {
  font-size: 28px;
  line-height: 33px; }

h4 {
  font-size: 20px;
  line-height: 24px; }

h5 {
  font-size: 18px;
  line-height: 21px; }

h6 {
  font-size: 16px;
  line-height: 19px; }

img:not([src]):not([srcset]) {
  visibility: hidden;
}

.row {
  width: 100%;
  max-width: 1440px;
  padding: 0 70px;
  margin: 0 auto; }
  .row > .tt {
    margin-top: 47px; }

.mfp-close {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 25px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 25px;
  z-index: 1;
  cursor: pointer;
  font-size: 0;
  background: #FAFAFA url(../image/md-close.svg) center no-repeat;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s; }

.link {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  background-color: #F19FCA;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: background-color .25s;
  -o-transition: background-color .25s;
  transition: background-color .25s; }
.link.load {
  color: rgb(234 143 191 / 0%);
  background-image: url(../image/three-dots.svg);
  background-size: 50px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.link.invisible {
  pointer-events: none;
}

.link-s {
  display: inline-block;
  height: 50px;
  line-height: 48px;
  border: 1px solid #000;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  font-size: 16px;
  color: #000;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: border .25s;
  -o-transition: border .25s;
  transition: border .25s; }

.link-s.upload, .link.upload {
  position: relative;
}
.link-s.upload u, .link.upload u {
  text-decoration: none;
}
.link-s.upload input[type=file], .link.upload input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}

.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ov {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 98;
  background: rgba(0, 0, 0, 0.3);
  display: none; }

.head {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transition: -webkit-transform .5s, -webkit-box-shadow .5s;
  transition: -webkit-transform .5s, -webkit-box-shadow .5s;
  -o-transition: transform .5s, box-shadow .5s;
  transition: transform .5s, box-shadow .5s;
  transition: transform .5s, box-shadow .5s, -webkit-transform .5s, -webkit-box-shadow .5s; }
  .head.fix {
    -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1); }
    .head.fix.fopen {
      -webkit-transform: translateY(-127px);
          -ms-transform: translateY(-127px);
              transform: translateY(-127px); }
      .head.fix.fopen .head-crt {
        transform: translateY(72px);
      }
      .head.fix.fopen .head-logo {
        transform: translateY(85px);
        width: 93px;
      }
      .head.fix.fopen .head-mn {
        padding-left: 130px;
        padding-right: 130px;
      }
      .head.fix.fopen .head-cn {
        z-index: 4;
      }
      .head.fix.fopen .head-mn > ul > li {
        margin-right: 25px;
      }
      .lang_ru .head.fix.fopen .head-mn > ul > li {
        margin-right: 16px;
      }
      .lang_ru .head-mn > ul > li > a {
        font-size: 14px;
      }
      .lang_ru .head.fix.fopen .head-mn {
        padding-left: 120px;
      }
      .lang_ru .head-mn > ul > li:has(>ul) > a {
        padding-right: 16px;
      }
      .lang_ru .head-mn > ul > li > a img {
        margin-right: 5px;
      }
  .head .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .head-alert {
    width: 100%;
    display: flex;
    height: 20px;
    position: relative;
    z-index: 1;
    transition: height .5s, transform .5s;
  }
  .head.fix.fopen .head-alert {
    height: 0;
  }
  .head-alert div {
    margin: 0 auto;
    background: #F19FCA;
    border-radius: 0px 0px 70px 70px;
    padding: 0 47px;
    height: 18px;
    line-height: 18px;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
  }
  .head-alert div b {
    font-weight: 600;
  }
  .head-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding: 15px 0 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .head-mob, .head-mm {
    display: none; }
  .head-nv {
    float: left; }
    .head-nv ul {
      float: left; }
      .head-nv ul li {
        float: left;
        display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
        margin-right: 30px;
        font-size: 13px;
          line-height: 16px;
        -webkit-transition: margin .3s, color .25s;
        -o-transition: margin .3s, color .25s;
        transition: margin .3s, color .25s; }
        .head-nv ul li:last-child {
          margin-right: 0; }
        .head-nv ul li a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          color: #000;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .head-nv ul li i {
            float: left;
            width: auto;
            height: 16px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row wrap;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            margin-right: 6px; }
            .head-nv ul li i img, .head-nv ul li i svg {
              display: block;
              width: auto;
              height: auto;
              margin: auto; }
              .head-nv ul li i img path, .head-nv ul li i svg path {
                fill: #DCDCDC;
                -webkit-transition: fill .25s;
                -o-transition: fill .25s;
                transition: fill .25s; }
  .head-tm {
    float: right;
    margin-left: auto;
    position: relative;
    z-index: 12; }
    .head-tm.active div {
	    min-width: 400px;
      visibility: visible;
      opacity: 1; }
    .head-tm > p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      font-size: 13px;
      line-height: 16px;
      color: #000;
      cursor: pointer;
      position: relative;
      z-index: 6; }
      .head-tm > p i {
        float: left;
        width: auto;
        height: 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        margin-right: 6px; }
        .head-tm > p i img {
          display: block;
          width: auto;
          height: auto;
          margin: auto; }
    .head-tm div {
      position: absolute;
      width: auto;
      z-index: 5;
      background: #fff;
      top: -36px;
      right: -31px;
      -webkit-border-radius: 7px;
              border-radius: 7px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
      padding-top: 29px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity .25s, visibility .25s;
      -o-transition: opacity .25s, visibility .25s;
      transition: opacity .25s, visibility .25s; }
      .head-tm div h4 {
        display: block;
        padding: 0 31px;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #000; }
      .head-tm div ul {
        display: block;
        margin-top: 11px;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        padding: 12px 32px; }
        .head-tm div ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          padding: 12px 0;
          border-top: 1px solid rgba(0, 0, 0, 0.05); }
          .head-tm div ul li:first-child {
            border: 0; }
          .head-tm div ul li p {
            float: left;
            font-size: 14px;
            line-height: 18px;
            color: #000;
            white-space: nowrap; }
            .head-tm div ul li p:first-child {
              padding-right: 45px; }
            .head-tm div ul li p:last-child {
              float: right;
              margin-left: auto; }
  .head-bx {
    float: right;
    margin-left: 25px; }
    .head-bx > p {
      display: none; }
    .head-bx div {
      float: left;
      margin-right: 25px;
      position: relative;
      z-index: 11; }
      .head-bx div:last-child {
        margin: 0; }
      .head-bx div.active > a {
        color: #F19FCA; }
        .head-bx div.active > a svg {
          -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
              -ms-transform: matrix(1, 0, 0, -1, 0, 0);
                  transform: matrix(1, 0, 0, -1, 0, 0);
          opacity: 1; }
          .head-bx div.active > a svg path {
            fill: #F19FCA; }
      .head-bx div.active ul {
        visibility: visible;
        opacity: 1; }
      .head-bx div > a, .head-bx div > p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        font-size: 13px;
        line-height: 16px;
        color: #000;
        padding-right: 13px;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .head-bx div > a::before, .head-bx div > p::before {
          content: '';
          position: absolute;
          width: -webkit-calc(100% + 10px);
          width: calc(100% + 10px);
          height: -webkit-calc(100% + 10px);
          height: calc(100% + 10px);
          top: -5px;
          left: -5px;
          right: -5px;
          bottom: -5px; }
        .head-bx div > a img, .head-bx div > a svg, .head-bx div > p img, .head-bx div > p svg {
          position: absolute;
          width: 8px;
          height: auto;
          right: 0;
          top: -webkit-calc(50% - 3px);
          top: calc(50% - 3px);
          opacity: .15;
          -webkit-transition: opacity .25s, -webkit-transform .25s;
          transition: opacity .25s, -webkit-transform .25s;
          -o-transition: opacity .25s, transform .25s;
          transition: opacity .25s, transform .25s;
          transition: opacity .25s, transform .25s, -webkit-transform .25s; }
          .head-bx div > a img path, .head-bx div > a svg path, .head-bx div > p img path, .head-bx div > p svg path {
            fill: #000;
            -webkit-transition: fill .25s;
            -o-transition: fill .25s;
            transition: fill .25s; }
      .head-bx div ul {
        position: absolute;
        min-width: 80px;
        top: 22px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        padding: 4px 12px;
        background: #fff;
        -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 7px;
                border-radius: 7px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        visibility: hidden;
        opacity: 0;
        z-index: 6;
        -webkit-transition: opacity .25s, visibility .25s;
        -o-transition: opacity .25s, visibility .25s;
        transition: opacity .25s, visibility .25s; }
        .head-bx div ul li {
          display: block;
          position: relative; }
          .head-bx div ul li:last-child a,  .head-bx div ul li:last-child p {
            border-bottom: 0; }
          .head-bx div ul li.active a, .head-bx div ul li.active p {
            color: rgba(0, 0, 0, 0.5);
            cursor: default; }
          .head-bx div ul li a, .head-bx div ul li p {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding: 9px 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            font-size: 14px;
            line-height: 18px;
            color: #000;
            white-space: nowrap;
            position: relative;
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
            .head-bx div ul li a img, .head-bx div ul li p img {
              width: auto;
              float: left;
              height: 12px;
              margin: 3px 7px 0 0; }
  .head-cn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .head-logo {
    position: absolute;
    width: 176px;
    height: auto;
    top: 10px;
    left: 0; 
    transition: transform .5s, width .5s;
  }
    .head-logo img {
      display: block;
      width: 100%;
      height: auto; }
  .head-sh {
    float: left;
    width: 25%;
    position: absolute;
    top: 0;
    border: 1px solid #ddd;
    background: #FAFAFA url(../image/sh.svg) 27px 18px no-repeat;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    left: 244px;
    margin-top: 15px;
    z-index: 5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s; }
    .head-sh.active {
      width: 64%; }
      .head-sh.active + .head-zl {
        opacity: 0; }
      .head-sh.active p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
      .head-sh.active input {
        opacity: 1;
        -webkit-transition: .25s opacity .25s;
        -o-transition: .25s opacity .25s;
        transition: .25s opacity .25s; }
      .head-sh.active i {
        opacity: 1; }
    .head-sh p {
      position: absolute;
      z-index: 3;
      width: 100%;
      height: 100%;
      font-size: 14px;
      left: 0;
      top: 0;
      line-height: 50px;
      font-size: 14px;
      padding-left: 50px;
      cursor: pointer;
      -webkit-transition: .25s opacity .25s;
      -o-transition: .25s opacity .25s;
      transition: .25s opacity .25s; }
    .head-sh input {
      display: block;
      width: 100%;
      height: 50px;
      background: transparent;
      -webkit-border-radius: 50px;
              border-radius: 50px;
      padding-left: 50px;
      font-size: 14px;
      line-height: 50px;
      font-size: 14px;
      z-index: 1;
      opacity: 0;
      -webkit-transition: opacity .25s;
      -o-transition: opacity .25s;
      transition: opacity .25s; }
    .head-sh i {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 0;
      right: 5px;
      z-index: 2;
      cursor: pointer;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      opacity: 0;
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s; }
      .head-sh i::before, .head-sh i::after {
        content: '';
        position: absolute;
        width: 14px;
        height: 1px;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        background: #000;
        top: 50%;
        left: -webkit-calc(50% - 10px);
        left: calc(50% - 10px);
        -webkit-transition: background .25s;
        -o-transition: background .25s;
        transition: background .25s; }
      .head-sh i::before {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
  .head-zl {
    float: left;
    margin-left: auto;
    width: -webkit-calc(75% - 516px);
    width: calc(75% - 516px);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
    .head-zl a {
      float: left;
      width: -webkit-calc(50% - 20px);
      width: calc(50% - 20px);
      margin-right: 40px; }
      .head-zl a:last-child {
        margin: 0; }
      .head-zl a i {
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        background: #F19FCA;
        margin-right: 16px; }
        .head-zl a i img {
          width: auto;
          height: auto;
          margin: auto;
          display: block; }
      .head-zl a b {
        display: block;
        font-size: 20px;
        line-height: 24px;
        margin-top: 2px;
        font-weight: 400;
        color: #000;
        white-space: nowrap; }
      .head-zl a p {
        display: block;
        margin-top: 2px;
        font-size: 12px;
        line-height: 14px;
        color: #000;
        white-space: nowrap; }
      .head-zl a:first-child p:before {
        background: #2ad26e;
        width: 7px;
        height: 7px;
        display: inline-block;
        margin-right: 4px;
        border-radius: 100px;
        content: '';
        animation: backgroundInOut 3s infinite ease-in-out;
      } 
      @keyframes backgroundInOut {
        0%, 100% {
          background: green;
        }
        50% {
          background: #2ad26e;
        }
      }

  .head-crt {
    float: right;
    width: 162px;
    margin-left: 70px;
    transition: transform .5s;
    position: relative; }
    .head-crt.active .head-crt-bc {
      visibility: visible;
      opacity: 1; }
    .head-crt-but {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 50px;
      line-height: 50px;
      background: #F19FCA;
      -webkit-border-radius: 50px;
              border-radius: 50px;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      position: relative;
      z-index: 10;
      -webkit-transition: background .25s;
      -o-transition: background .25s;
      transition: background .25s; }
      .head-crt-but span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      .head-crt-but p {
        display: block;
        margin: 14px 0 0 10px;
        height: 20px;
        line-height: 20px;
        padding: 0 8px;
        background: #fff;
        -webkit-border-radius: 20px;
                border-radius: 20px;
        font-weight: 600;
        font-size: 13px;
        color: #F19FCA; }
      .head-crt-but img {
        display: block;
        width: 16px;
        height: auto;
        margin: 0 10px 0 0; }
    .head-crt-bc {
      position: absolute;
      width: 393px;
      height: auto;
      -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 7px;
              border-radius: 7px;
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.1);
      right: -25px;
      top: -66px;
      z-index: 6;
      padding: 26px 0 0;
      visibility: hidden;
      opacity: 0;
      z-index: 20;
      -webkit-transition: opacity .25s, visibility .25s;
      -o-transition: opacity .25s, visibility .25s;
      transition: opacity .25s, visibility .25s; }
    .head-crt-tt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0 25px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%; }
      .head-crt-tt h4 {
        float: left;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #000; }
      .head-crt-tt b {
        float: right;
        margin-left: auto;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #000; }
      .head-crt-tt a {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 50px;
        line-height: 50px;
        background: #F19FCA;
        -webkit-border-radius: 50px;
                border-radius: 50px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        margin-top: 16px;
        -webkit-transition: background .25s;
        -o-transition: background .25s;
        transition: background .25s; }
        .head-crt-tt a p {
          display: block;
          margin: 14px 0 0 10px;
          height: 20px;
          line-height: 20px;
          padding: 0 8px;
          background: #fff;
          -webkit-border-radius: 20px;
                  border-radius: 20px;
          font-weight: 600;
          font-size: 13px;
          color: #F19FCA; }
        .head-crt-tt a img {
          display: block;
          width: 16px;
          height: auto;
          margin: 0 10px 0 0; }
    .head-crt-xc {
      display: block;
      padding: 0 25px 25px;
      max-height: 80vh;
      overflow-x: hidden;
      overflow-y: auto;
      margin-top: 3px; }
      .head-crt-xc::-webkit-scrollbar {
        width: 4px;
      }
      .head-crt-xc::-webkit-scrollbar-track {
        box-shadow: none;
      }
      .head-crt-xc::-webkit-scrollbar-thumb {
        background-color: #F19FCA;
        outline: 0;
      }
      .head-crt-xc div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        position: relative; }
        .head-crt-xc div:first-child {
          border-top: 0;
          margin-top: 0; }
        .head-crt-xc div i {
          float: left;
          width: 80px;
          height: 80px;
          background-color: #f1f0f0;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          margin-right: 15px; }
        .head-crt-xc div > p {
          width: 170px;
          float: left;
          font-size: 14px;
          padding-bottom: 26px;
          line-height: 18px; }
          .head-crt-xc div > p a {
            display: block;
            color: #000; }
          .head-crt-xc div > p small {
            display: block;
            color: rgba(0, 0, 0, 0.4);
            line-height: 14px;
            font-size: 11px;
          }
          .head-crt-xc div > p small u {
            text-decoration: underline;
          }
          .head-crt-xc div > p small u:last-child {
            display: none;
          }
        .head-crt-xc div b {
          position: absolute;
          font-weight: 600;
          font-size: 16px;
          letter-spacing: 0.03em;
          color: #000;
          bottom: 5px;
          left: 95px; }
        .head-crt-xc div s {
          position: absolute;
          width: 20px;
          height: 20px;
          background: url(../image/like.svg) center no-repeat;
          right: 14px;
          top: 18px;
          opacity: .2;
          cursor: pointer;
          -webkit-transition: opacity .25s, background .25s;
          -o-transition: opacity .25s, background .25s;
          transition: opacity .25s, background .25s; }
          .head-crt-xc div s.active {
            opacity: 1;
            background: url(../image/like-a.svg) center no-repeat; }
        .head-crt-xc div button {
          position: absolute;
          width: 20px;
          height: 20px;
          background: url(../image/close.svg) center no-repeat;
          top: 19px;
          right: -7px;
          opacity: .2;
          cursor: pointer;
          -webkit-transition: opacity .25s;
          -o-transition: opacity .25s;
          transition: opacity .25s; }
        .head-crt-xc div span {
          position: absolute;
          width: 73px;
          right: -7px;
          bottom: 5px;
          height: 22px; }
          .head-crt-xc div span input {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 18px;
            line-height: 22px;
            color: #000;
            text-align: center; }
          .head-crt-xc div span a {
            position: absolute;
            width: 20px;
            height: 22px;
            top: 0;
            z-index: 1;
            cursor: pointer; }
            .head-crt-xc div span a.plus {
              right: 0;
              background: url(../image/plus.svg) center no-repeat; }
            .head-crt-xc div span a.minus {
              left: 0;
              background: url(../image/minus.svg) center no-repeat; }
    .head-crt-all {
      display: block;
      width: -webkit-calc(100% + 50px);
      width: calc(100% + 50px);
      margin: 0 -25px;
      background: #FAFAFA;
      -webkit-border-radius: 0 0 7px 7px;
              border-radius: 0 0 7px 7px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 16px;
      color: #000;
      margin-top: 20px; }
  .head-sgn {
    display: none;
    background: #fff;
    position: absolute;
    width: 100%;
    height: auto;
    max-height: -webkit-calc(100vh - 125px);
    max-height: calc(100vh - 125px);
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    right: 0;
    top: 147px;
    z-index: 10;
    padding-bottom: 50px; }
    .head-sgn mark {
      color: #959595;
      background: transparent;
    }
    .head-sgn-row {
      max-width: 1440px;
      padding: 0 70px;
      margin: 0 auto; }
    .head-sgn-rs {
      display: none;
      width: 64%;
      margin-left: 244px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .head-sgn-rs.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .head-sgn-rs a {
        float: left;
        margin-right: 10px;
        margin-top: 10px;
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        background: #FAFAFA;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        font-size: 16px;
        color: #000;
        cursor: pointer;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .head-sgn-rs a p {
          display: inline-block;
          color: #959595; }
    .head-sgn-bc {
      display: none;
      width: 64%;
      margin: 30px 0 0 244px; }
      .head-sgn-bc.active {
        display: block;
      }
      .head-sgn-bc > p {
        display: none; }
      .head-sgn-bc > b {
        display: block;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #000; }
    .head-sgn-pd {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: -webkit-calc(100% + 10px);
      width: calc(100% + 10px);
      margin: 21px -5px 0; }
      .head-sgn-pd .pd {
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px);
        margin: 0 5px 20px;
        padding: 0; }
        .head-sgn-pd .pd-t {
          margin-top: 16px;
          padding: 0; }
          .head-sgn-pd .pd-t a {
            font-size: 14px;
            line-height: 18px; }
          .head-sgn-pd .pd-t span {
            margin-top: 4px; }
            .head-sgn-pd .pd-t span b {
              font-size: 16px;
              line-height: 20px; }
            .head-sgn-pd .pd-t span s {
              font-size: 12px;
              padding-top: 3px; }
    .head-sgn-all {
      display: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin: 24px 0 0; }
      .head-sgn-all.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .head-sgn-all p {
        display: block;
        margin: 0 auto;
        padding: 0 40px; }
      .head-sgn-no-found {
      display: none;
      width: 100%;
      max-width: 820px;
      margin: 0 auto;
      padding: 40px 0 20px; }
      .head-sgn-no-found.active {
        display: block; }
       .head-sgn-no-found_name {
        font-size: 32px;
        display: block;
        font-weight: 600;
       }
       .head-sgn-no-found_desc {
        font-size: 16px;
        display: block;
        margin-top: 10px;
        line-height: 140%;
       }
       .head-sgn-no-found_desc a {
        white-space: nowrap;
        color: #F19FCA;
        text-decoration: underline;
       }


    .head-sgn-no-found_product {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: -webkit-calc(100% + 10px);
      width: calc(100% + 10px);
      margin: 21px -5px 0; }
      .head-sgn-no-found_product .pd {
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px);
        margin: 0 5px 20px;
        padding: 0; }
        .head-sgn-no-found_product .pd-t {
          margin-top: 16px;
          padding: 0; }
          .head-sgn-no-found_product .pd-t a {
            font-size: 14px;
            line-height: 18px; }
          .head-sgn-no-found_product .pd-t span {
            margin-top: 4px; }
            .head-sgn-no-found_product .pd-t span b {
              font-size: 16px;
              line-height: 20px; }
            .head-sgn-no-found_product .pd-t span s {
              font-size: 12px;
              padding-top: 3px; }
  .head-mn {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: padding .5s; }
    .head-mn > a {
      display: none; }
    .head-mn > ul {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: justify; }
      .head-mn > ul > li {
	      margin-right: 50px;
        float: left;
        width: auto;
        position: relative;
        transition: margin .5s; }
        .head-mn > ul > li:last-child > ul {
          left: auto;
          right: -7px; }
          .head-mn > ul > li:last-child > ul > li > ul {
            left: auto;
            right: 100%;
            top: -5px; }
        .head-mn > ul > li:nth-last-child(2) > ul > li > ul {
          left: auto;
          right: 100%;
          top: -5px; }
        .head-mn > ul > li::before {
          content: '';
          position: absolute;
          width: -webkit-calc(100% + 20px);
          width: calc(100% + 20px);
          height: -webkit-calc(100% + 25px);
          height: calc(100% + 25px);
          top: -10px;
          left: -10px;
          right: -10px;
          bottom: -15px; }
        .head-mn > ul > li > a {
          display: flex;
          font-size: 16px;
          line-height: 22px;
          color: #000;
          position: relative;
          z-index: 3;
          -webkit-transition: color .25s, font-size .3s;
          -o-transition: color .25s, font-size .3s;
          transition: color .25s, font-size .3s; }
          .head-mn > ul > li > a img {
            float: left;
            width: 16px;
            height: auto;
            max-width: 16px;
            max-height: 16px;
            margin: auto 6px auto 0;
          }
          .head-mn > ul > li:has(>ul) > a {
            padding-right: 19px;
          }
          .head-mn > ul > li:has(>ul) > a::before, .head-mn > ul > li:has(>ul) > a::after {
            content: '';
            position: absolute;
            width: 7px;
            height: 1px;
            top: 11px;
            background: rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .head-mn > ul > li > a::before {
            right: 0;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .head-mn > ul > li > a::after {
            right: 5px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
        .head-mn > ul > li > ul {
          position: absolute;
          top: 36px;
          left: -9px;
          padding: 7px 20px;
          background: #fff;
          -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
                  box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
          -webkit-border-radius: 7px;
                  border-radius: 7px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          visibility: hidden;
          opacity: 0;
          -webkit-transition: opacity .25s, visibility .25s;
          -o-transition: opacity .25s, visibility .25s;
          transition: opacity .25s, visibility .25s; }
          .head-mn > ul > li > ul > li {
            display: block;
            position: relative; }
            .head-mn > ul > li > ul > li:last-child > a {
              border-bottom: 0; }
            .head-mn > ul > li > ul > li.drop > a::before, .head-mn > ul > li > ul > li.drop > a::after {
              content: '';
              position: absolute;
              width: 7px;
              height: 1px;
              right: 1px;
              background: rgba(0, 0, 0, 0.3);
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              -webkit-transition: -webkit-transform .25s;
              transition: -webkit-transform .25s;
              -o-transition: transform .25s;
              transition: transform .25s;
              transition: transform .25s, -webkit-transform .25s; }
            .head-mn > ul > li > ul > li.drop > a::before {
              top: 15px;
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
            .head-mn > ul > li > ul > li.drop > a::after {
              top: 20px;
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
            .head-mn > ul > li > ul > li > a {
              display: block;
              padding: 7px 20px 7px 0;
              border-bottom: 1px solid rgba(0, 0, 0, 0.05);
              font-size: 14px;
              line-height: 20px;
              color: #000;
              white-space: nowrap;
              position: relative;
              -webkit-transition: color .25s;
              -o-transition: color .25s;
              transition: color .25s; }
            .head-mn > ul > li > ul > li ul {
              position: absolute;
              top: -1px;
              left: -webkit-calc(100% - 30px);
              left: calc(100% - 30px);
              padding: 9px 24px;
              background: #fff;
              -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
                      box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
              -webkit-border-radius: 7px;
                      border-radius: 7px;
              border: 1px solid rgba(0, 0, 0, 0.1);
              visibility: hidden;
              opacity: 0;
              z-index: 2;
              -webkit-transition: opacity .25s, visibility .25s;
              -o-transition: opacity .25s, visibility .25s;
              transition: opacity .25s, visibility .25s; }
              .head-mn > ul > li > ul > li ul li {
                display: block;
                position: relative; }
                .head-mn > ul > li > ul > li ul li:last-child a {
                  border-bottom: 0; }
                .head-mn > ul > li > ul > li ul li a {
                  display: block;
                  padding: 9px 0;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
                  font-size: 14px;
                  line-height: 18px;
                  color: #000;
                  white-space: nowrap;
                  position: relative;
                  -webkit-transition: color .25s;
                  -o-transition: color .25s;
                  transition: color .25s; }
                  .head-mn--all {
                    position: relative;
                  }
                  .head-mn--all a {
                    position: relative;
                    z-index: 1;
                    color: #F19FCA !important;
                  }
                  .head-mn--all a::before {
                    content: '';
                    position: absolute;
                    width: calc(100% + 40px);
                    height: 100%;
                    left: -20px;
                    bottom: 0;
                    border-radius: 0 0 7px 7px;
                    background: rgba(0, 0, 0, 0.02);
                  }



				  .banner404{width:1300px;position:relative;height:100px;-webkit-border-radius:3px;border-radius:3px;-webkit-background-size:cover;background-size:cover;background-position:center;margin-top:24px;display:flex;background-color:#f1f0f0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}

.tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%; }
  .tab ul {
    display: block;
    margin: auto;
    padding: 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .tab ul li {
      float: left;
      width: auto;
      padding: 0 10px 20px;
      margin-right: 30px;
      position: relative;
      font-size: 18px;
      cursor: pointer;
      line-height: 22px;
      color: #000;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s; }
      .tab ul li a {
        color: #000;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s;
      }
      .tab ul li a::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
      }
      .tab ul li:last-child {
        margin: 0; }
      .tab ul li.active::before {
        opacity: 1; }
      .tab ul li::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #F19FCA;
        left: 0;
        bottom: -1px;
        right: 0;
        opacity: 0;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }

.tooltip {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px; }
  .tooltip.t-black s i {
    background: #000;
    color: #fff; }
    .tooltip.t-black s i::before {
      background: #000; }
  .tooltip s {
    position: absolute;
    left: 0;
    top: -webkit-calc(50% - 7px);
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: url(../image/tool.svg) center/contain no-repeat;
    cursor: pointer;
    z-index: 3; }
    .tooltip s:hover i {
      visibility: visible;
      opacity: 1; }
    .tooltip s i:hover {
      visibility: hidden;
      opacity: 0; }
    .tooltip s i {
      position: absolute;
      padding: 8px 15px;
      background: #F19FCA;
      bottom: 26px;
      left: 50%;
      text-align: left;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      font-style: normal;
      white-space: nowrap;
      color: #fff;
      font-size: 13px;
      line-height: 16px;
      z-index: 2;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity .25s, visibility .25s;
      -o-transition: opacity .25s, visibility .25s;
      transition: opacity .25s, visibility .25s; }
      .tooltip s i::before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        bottom: -4px;
        left: -webkit-calc(50% - 4px);
        left: calc(50% - 4px);
        background: #F19FCA;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }

.cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%; }

.slider {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .slider .slick-list {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .slider .slick-track {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .slider .slick-arrow {
    position: absolute;
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    z-index: 3;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    font-size: 0;
    -webkit-transition: background .25s;
    -o-transition: background .25s;
    transition: background .25s; }
    .slider .slick-arrow::before, .slider .slick-arrow::after {
      content: '';
      position: absolute;
      width: 10px;
      height: 1px;
      left: 19px;
      background: #9f9999;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: background .25s;
      -o-transition: background .25s;
      transition: background .25s; }
    .slider .slick-arrow::before {
      top: 21px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .slider .slick-arrow::after {
      top: 28px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
  .slider .slick-prev {
    left: 50px; }
  .slider .slick-next {
    right: 50px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .slider .slick-dots {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 3; }
    .slider .slick-dots li {
      float: left;
      width: 60px;
      height: 1px;
      margin: 0 10px;
      background: #fff;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      opacity: .5;
      -webkit-transition: opacity .25s;
      -o-transition: opacity .25s;
      transition: opacity .25s; }
      .slider .slick-dots li button {
        display: none; }
      .slider .slick-dots li.slick-active {
        opacity: 1;
        height: 2px; }

.jmn {
  width: 100%;
  margin-top: 30px;
  position: relative; }
  .jmn-sl {
    width: 100%;
    height: 550px;
    position: relative;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    overflow: hidden; }
    .jmn-sl .slick-dots li {
      background: rgba(255, 255, 255, 0.5);
      opacity: 1;
      height: 1px !important; }
      .jmn-sl .slick-dots li button {
        display: block;
        font-size: 0;
        float: left;
        width: auto;
        height: 2px;
        margin-top: -1px;
        background: #fff; }
    .jmn-sl a {
      float: left;
      width: 100%;
      height: 100%;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: #f1f0f0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      transition: transform 500ms ease-in-out;
      transition-delay: 300ms;
      position: relative; }
      .jmn-sl a img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        object-fit:cover; }
      .jmn-sl a::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
      .jmn-sl a span, .jmn-sl a div {
        display: block;
        margin: auto;
        position: relative;
        z-index: 2; }
        .jmn-sl a span h2, .jmn-sl a div h2 {
          display: block;
          text-align: center;
          font-weight: 600;
          font-size: 48px;
          line-height: 57px;
          color: #fff; }
        .jmn-sl a span p, .jmn-sl a div p {
          display: block;
          margin-top: 6px;
          text-align: center;
          font-size: 20px;
          line-height: 24px;
          color: #fff; }
  .jmn-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    gap: 16px; }
    .jmn-bc a {
      float: left;
      width: -webkit-calc(50% - 8px);
      width: calc(50% - 8px);
      height: auto;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: #f1f0f0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      position: relative; }
      .jmn-bc a img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 3px;
        bottom: 0;
        object-fit:cover; }
      .jmn-bc a::before {
        content: '';
        display: block;
        padding-top: 50%;
        width: 100%;
        background: #000;
        opacity: 0;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
      .jmn-bc a span, .jmn-bc a div {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: auto;
        min-width: 280px;
        background: rgba(159, 159, 159, 0.2);
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        -webkit-border-radius: 3px 3px 0 0;
                border-radius: 3px 3px 0 0;
        padding: 16px 25px 20px;
        z-index: 2; }
        .jmn-bc a span h4, .jmn-bc a div h4 {
          display: block;
          text-align: center;
          font-weight: 600;
          font-size: 28px;
          line-height: 33px;
          color: #fff; }
        .jmn-bc a span p, .jmn-bc a div p {
          display: block;
          margin-top: 2px;
          text-align: center;
          font-size: 16px;
          line-height: 20px;
          color: #fff; }

.tt {
  width: 100%; }
  .tt + .text {
    max-width: 990px;
    margin: 30px auto 0;
  }
  .tt h1.min {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
  .tt h2 {
    display: block;
    text-align: center;
    color: #000; }
  .tt p {
    display: block;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #000; }
  .tt ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .tt ul li {
      float: left;
      width: auto;
      position: relative;
      padding-right: 32px; }
      .tt ul li:last-child {
        padding: 0; }
        .tt ul li:last-child::before, .tt ul li:last-child::after {
          display: none; }
      .tt ul li::before, .tt ul li::after {
        content: '';
        position: absolute;
        width: 5px;
        height: 1px;
        right: 14px;
        background: #999;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        -o-transition: transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s; }
      .tt ul li::before {
        top: 6px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .tt ul li::after {
        top: 9px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .tt ul li a, .tt ul li span {
        display: block;
        font-size: 13px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.4);
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
  .tt h1 {
    display: block;
    text-align: center;
    margin-top: 6px; }

.ocs {
  width: 100%;
  margin-top: 70px; }
  .ocs-all {
    display: none; }
  .ocs-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% + 4px);
    width: calc(100% + 4px);
    margin: 36px -2px -4px; }
    .ocs-bc a {
      float: left;
      width: -webkit-calc(20% - 4px);
      width: calc(20% - 4px);
      margin: 0 2px 4px;
      height: 130px;
      background: #FAFAFA;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      position: relative;
      -webkit-transition: background .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
      transition: background .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
      -o-transition: transform .25s, background .25s, box-shadow .25s;
      transition: transform .25s, background .25s, box-shadow .25s;
      transition: transform .25s, background .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s; }
      .ocs-bc a::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: background .25s, -webkit-transform .25s;
        transition: background .25s, -webkit-transform .25s;
        -o-transition: transform .25s, background .25s;
        transition: transform .25s, background .25s;
        transition: transform .25s, background .25s, -webkit-transform .25s;
      }
      .ocs-bc a span {
        top: 10px;
        background: #F19FCA;
        position: absolute;
        color: #fff;
        border-radius: 100px;
        padding: 5px 10px;
        font-size: 12px;
        right: 10px;
        border: 1px solid #F19FCA;
        transition: border .25s; }
      .ocs-bc a i {
        display: block;
        margin-top: 30px; }
        .ocs-bc a i img, .ocs-bc a i svg {
          display: block;
          width: auto;
          height: 42px;
          margin: 0 auto; }
          .ocs-bc a i img path, .ocs-bc a i svg path {
            fill: #000;
            -webkit-transition: fill .25s;
            -o-transition: fill .25s;
            transition: fill .25s; }
      .ocs-bc a p {
        display: block;
        margin-top: 20px;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
        color: #000;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
  .ocs-fo {
    margin-top: 45px; }
    .ocs-fo a {
      float: left;
      width: -webkit-calc(25% - 4px);
      width: calc(25% - 4px);
      margin: 0 2px 4px;
      height: 160px; }
      .ocs-fo a i {
        margin-top: 36px; }
        .ocs-fo a i img, .ocs-fo a i svg {
          height: 51px; }
      .ocs-fo a p {
        margin-top: 24px; }

.cgs {
  width: 100%;
  margin-top: 70px; }
  .cgs-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% + 6px);
    width: calc(100% + 6px);
    margin: 38px -3px 0; }
    .cgs-bc.slider {
      margin-bottom: -6px;
    }
    .cgs-bc a {
      float: left;
      width: -webkit-calc(33.3333% - 6px);
      width: calc(33.3333% - 6px);
      margin: 0 3px 6px;
      height: 560px;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: #f1f0f0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      background-color: #f1f0f0;
      position: relative; }
      .cgs-bc a img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        object-fit: cover;
      }
      .cgs-bc a::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0;
        z-index: 1;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
      .cgs-bc a span, .cgs-bc a div {
        display: block;
        width: 280px;
        margin: 0 auto auto;
        background: rgba(255, 255, 255, 0.2);
        -webkit-backdrop-filter: blur(64px);
                backdrop-filter: blur(64px);
        -webkit-border-radius: 0 0 3px 3px;
                border-radius: 0 0 3px 3px;
        padding: 27px;
        color: #fff;
        position: relative;
        z-index: 2; }
        .cgs-bc a span h3, .cgs-bc a div h3 {
          display: block;
          text-align: center; }
        .cgs-bc a span p, .cgs-bc a div p {
          display: block;
          margin-top: 6px;
          font-size: 14px;
          line-height: 18px;
          text-align: center; }
        .cgs-bc a span b, .cgs-bc a div b {
          display: block;
          margin-top: 8px;
          text-align: center;
          font-size: 28px;
          line-height: 33px;
          letter-spacing: 0.03em;
          font-weight: 400; }
  .cgs-pm {
    width: 100%;
    height: 500px;
    margin-top: 64px;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .cgs-fm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    height: -webkit-calc(100% - 160px);
    height: calc(100% - 160px);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background: #fff;
    margin: 80px; }
  .cgs-pa {
    float: left;
    padding-left: 80px;
    width: 40%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .cgs-pa span {
      display: block; }
      .cgs-pa span h2 {
        color: #000;
        display: block; }
      .cgs-pa span p {
        display: block;
        margin-top: 6px;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        color: #000; }
    .cgs-pa div {
      width: 100%;
      margin-top: 18px; }
      .cgs-pa div input {
        padding-left: 30px; }
      .cgs-pa div p {
        left: 25px; }
      .cgs-pa div button {
        width: 121px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5; }
    .cgs-pa b {
      display: block;
      margin-top: 31px;
      font-size: 11px;
      line-height: 14px;
      text-align: center;
      color: rgba(0, 0, 0, 0.2);
      white-space: nowrap; }
  .cgs-cb {
    float: right;
    height: 100%;
    width: 60%;
    padding: 10px 15px 0 0;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .cgs-cb div {
      width: 100%;
      margin: auto 0; }
      .cgs-cb div span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        width: 100%; }
        .cgs-cb div span:nth-child(1) {
          padding-right: 55px; }
        .cgs-cb div span:nth-child(3) {
          padding-right: 50px; }
        .cgs-cb div span:nth-child(4) {
          padding-right: 20px; }
        .cgs-cb div span label {
          float: left;
          width: auto;
          height: 35px;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          background: #FAFAFA;
          position: relative;
          margin: 0 0 10px 10px; }
          .cgs-cb div span label:first-child {
            margin-left: 0; }
          .cgs-cb div span label input {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
            opacity: 0; }
            .cgs-cb div span label input:checked ~ p::before {
              background: #F19FCA;
              border-color: #F19FCA;
              -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
                      box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
            .cgs-cb div span label input:checked ~ p::after {
              opacity: 1; }
          .cgs-cb div span label p {
            display: block;
            padding: 0 15px 0 38px;
            font-size: 16px;
            line-height: 35px;
            color: #000; }
            .cgs-cb div span label p::before {
              content: '';
              position: absolute;
              width: 16px;
              height: 16px;
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              border: 1px solid rgba(0, 0, 0, 0.2);
              top: 10px;
              left: 15px;
              -webkit-transition: background .25s, border .25s, -webkit-box-shadow .25s;
              transition: background .25s, border .25s, -webkit-box-shadow .25s;
              -o-transition: background .25s, border .25s, box-shadow .25s;
              transition: background .25s, border .25s, box-shadow .25s;
              transition: background .25s, border .25s, box-shadow .25s, -webkit-box-shadow .25s; }
            .cgs-cb div span label p::after {
              content: '';
              position: absolute;
              width: 16px;
              height: 16px;
              background: url(../image/ok.svg) center no-repeat;
              top: 10px;
              left: 15px;
              z-index: 1;
              opacity: 0;
              -webkit-transition: opacity .25s;
              -o-transition: opacity .25s;
              transition: opacity .25s; }

.wai {
  width: 100%;
  margin-top: 70px; }
  .wai-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% + 6px);
    width: calc(100% + 6px);
    margin: 38px -3px 0; }
    .wai-bc a {
      float: left;
      width: -webkit-calc(25% - 6px);
      width: calc(25% - 6px);
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      margin: 0 3px 6px; }
      .wai-bc a::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
  .wai-bt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    position: relative;
    width: 100%;
    margin-top: 36px; }
    .wai-bt p {
      float: left;
      font-size: 16px;
      line-height: 50px;
      color: #000; }
      .wai-bt p:last-child {
        float: right;
        margin-left: auto; }
    .wai-bt a {
      width: 240px;
      position: absolute;
      top: 0;
      left: -webkit-calc(50% - 120px);
      left: calc(50% - 120px); }

.oag {
  width: 100%;
  margin-top: 70px; }
  .oag-tab {
    width: 100%;
    margin-top: 49px; }
    .oag-tab .slick-list {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    .oag-tab .slick-track {
      width: auto !important;
      -webkit-transform: translate3d(0px, 0px, 0px) !important;
              transform: translate3d(0px, 0px, 0px) !important;
      margin: auto;
      padding: 0 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .oag-tab a, .oag-tab p {
      float: left;
      width: auto !important;
      padding: 0 10px 20px;
      margin-right: 30px;
      position: relative;
      font-size: 18px;
      cursor: pointer;
      line-height: 22px;
      color: #000;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s; }
      .oag-tab a:last-child, .oag-tab p:last-child {
        margin: 0; }
      .oag-tab a.slick-current::before, .oag-tab p.slick-current::before {
        opacity: 1; }
      .oag-tab a::before, .oag-tab p::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #F19FCA;
        left: 0;
        bottom: -1px;
        right: 0;
        opacity: 0;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
  .oag-sl {
    margin-top: 49px;
    height: 450px; }
  .oag-im {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f1f0f0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
          transition: transform 500ms ease-in-out;
      transition-delay: 300ms;}
    .oag-im img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: cover;
    }
    .oag-im div {
      display: block;
      position: relative;
      z-index: 1;
      width: 37%;
      background: rgba(159, 159, 159, 0.2);
      -webkit-backdrop-filter: blur(124px);
              backdrop-filter: blur(124px);
      -webkit-border-radius: 3px;
              border-radius: 3px;
      margin: auto auto auto 13%;
      padding: 44px 40px; }
      .oag-im div b {
        display: block;
        font-weight: 600;
        font-size: 28px;
        line-height: 33px;
        color: #fff; }
      .oag-im div span {
        display: block;
        margin-top: 13px; }
        .oag-im div span p {
          margin-top: 0; }
        .oag-im div p {
          margin-top: 13px;
          display: block;
          font-size: 18px;
          line-height: 29px;
          color: #fff; }

.seo {
  width: 100%;
  margin-top: 70px; }

.des {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  margin-top: 70px; }
  .des div {
    float: left;
    overflow: hidden;
    width: 66.5%; }
    .des div.full {
      width: 100%;
    }
    .des div h1,
    .des div h3 {
      font-size: 28px;
      line-height: 33px;
      display: block;
      color: #000; }
    .des div span {
      display: block;
      margin-top: 13px; }
      .des div span:first-child {
        margin-top: 0;
      }
      .des div p {
        font-size: 16px;
        line-height: 26px;
        display: block;
        color: #000;
        margin-top: 20px; }
        .des div p:first-child {
          margin: 0; }
  .des ul {
    float: left;
    width: 30%;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .des ul li {
      float: left;
      width: 100%;
      height: 100%;
      background-color: #f1f0f0;
      margin-right: 6px;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center; }
      .des ul li:last-child {
        margin: 0; }
      .des ul li img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.foot {
  width: 100%;
  margin-top: 70px;
  border-top: 6px solid #F19FCA;
  padding-bottom: 140px;
  background: url(../image/foot1.webp) left bottom/auto 299px no-repeat, url(../image/foot2.webp) right bottom/auto 299px no-repeat; }
  .foot-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 35px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .foot-logo {
    float: left;
    width: 40%;
    position: relative; }
    .foot-logo img {
      position: absolute;
      width: 220px;
      height: auto;
      left: 0;
      top: -14px; }
    .foot-logo p {
      float: right;
      width: 50%;
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 14px;
        line-height: 20px;
        color: #000; }
        .foot-logo p b {
          font-weight: 600;
          display: block; }
  .foot-cm {
    float: left;
    width: 41%; }
    .foot-cm > .link-s {
      float: left;
      width: 260px;
      border-color: rgba(0, 0, 0, 0.1); }
    .foot-cm span {
      float: left;
      margin: 2px 0 0 25px; }
      .foot-cm span a {
        float: left;
        width: 45px;
        height: 45px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 50%;
                border-radius: 50%;
        margin-right: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-transition: border .25s;
        -o-transition: border .25s;
        transition: border .25s; }
        .foot-cm span a:last-child {
          margin: 0; }
        .foot-cm span a img {
          display: block;
          width: auto;
          height: auto;
          margin: auto; }
  .foot-pn {
    float: left;
    width: 19%;
    height: 50px; }
    .foot-pn a {
      display: block;
      width: 100%;
      white-space: nowrap;
      font-size: 20px;
      line-height: 24px;
      color: #000;
      margin-top: 2px; }
    .foot-pn p {
      display: block;
      margin-top: 2px;
      font-size: 12px;
      line-height: 14px;
      color: #000; }
  .foot-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 42px; }
  .foot-ul {
    float: left;
    width: 17%;
    padding-right: 40px; }
    .foot-ul:nth-child(2) {
      width: 20%; }    
    .foot-ul:nth-child(3) {
      width: 17%; }
    .foot-ul:nth-child(4) {
      width: 29%; }
    .foot-ul:nth-child(5) {
      width: 17%; }
    .foot-ul h4 {
      display: block;
      width: 100%;
      color: #000; }
    .foot-ul div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin-top: 16px; }
      .foot-ul div ul {
        float: left;
        width: 100%; }
        .foot-ul div ul li {
          display: block;
          margin-top: 10px; }
          .foot-ul div ul li:first-child {
            margin: 0; }
          .foot-ul div ul li a {
            display: inline-block;
            position: relative;
            font-size: 13px;
            line-height: 16px;
            color: #000;
            padding-left: 20px;
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
            .foot-ul div ul li a::before {
              content: '';
              position: absolute;
              width: 10px;
              height: 1px;
              background: rgba(0, 0, 0, 0.4);
              left: 0;
              top: 8px;
              -webkit-transition: background .25s;
              -o-transition: background .25s;
              transition: background .25s; }
  .foot-cp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 50px; }
    .foot-cp div {
      margin: auto; }
      .foot-cp div p {
        float: left;
        font-size: 11px;
        line-height: 15px;
        color: #000; }
        .foot-cp div p:first-child::before {
          content: '|';
          float: right;
          font-size: 11px;
          line-height: 15px;
          color: #000;
          margin: 0 15px; }
        .foot-cp div p a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          color: #000; }
          .foot-cp div p a img {
            float: left;
            margin: -4px 0 0 8px;
            height: 20px;
            width: auto; }

.container__sitemap {
  margin-top: 40px;
}
.page_item {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px 0 25px;
  font-weight: 400;
}
.page_item::before {
  display: none;
}
.text .page_item > a {
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}
.text .page_item ul li a {
  text-decoration: none;
  transition: color 0.3s;
}
.text .page_item ul li::before {
  content: "—";
  position: absolute;
  width: 0;
  height: 0;
  left: -2px;
  top: 0px;
}
.text .page_item ul li ul li::before {
  content: "—";
  position: absolute;
  width: 0;
  height: 0;
  left: -2px;
  top: 0px;
}
.subchildren {
  margin: 5px 0 20px !important;
}
.children {
  margin-top: 5px !important;
}

.modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 115;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  -o-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
}
.modal.hide {
  visibility: hidden;
  opacity: 0;
}
.modal.hide .modal__cot {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}
.modal.hide .modal__cart {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.modal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(28, 42, 54, 0.4);
}
.modal__cot {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.modal__cot.image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 98vw;
  max-height: 98vh;
}
.modal__close {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 25px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 25px;
  z-index: 1;
  cursor: pointer;
  font-size: 0;
  background: #FAFAFA url(../image/md-close.svg) center no-repeat;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
.modal__block {
  width: 100vw;
  height: auto;
  max-width: 650px;
  background: #fff;
  border-radius: 15px;
  position: relative;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.md-rates {
  width: 100%;
}
.md-rates .dte-th div:first-child, .md-rates .dte-td div:first-child {
  width: 12%;
  padding-left: 8px;
}
.md-rates .dte-td div, .md-rates .dte-th div {
  width: 11%;
}
.md-rates .dte-td:last-child div {
  padding-bottom: 0;
  height: 82px;
}
.md-rates .dte-th div {
  height: 110px;
}
.md-rates .dte-td {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.md-rates .dte-th div {
  padding-top: 20px;
}
.md-rates .dte-th div span {
  color: #000;
}
.md-rates .dte-th div:first-child span { display: none; }
.md-rates .dte-th div span b {
  font-size: 12px;
}
.md-rates .dte-th div span p {
  font-size: 16px;
}
.md-rates .dte-td div p, .md-rates .dte-td div b {
  font-size: 14px;
  color: #000;
}

.md {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: auto;
  position: relative;
  width: 100vw;
  max-width: 650px; }
  .md-ov {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
  .md-bg {
    width: 100%;
    background: url(../image/md1.webp) left bottom/auto 152px no-repeat, url(../image/md2.webp) right bottom/auto 104px no-repeat;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
  .md-tt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .md-tt h2 {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 40px;
      line-height: 48px;
      color: #000; }
    .md-tt p {
      display: block;
      width: 100%;
      margin: 20px auto 0;
      text-align: center;
      font-size: 16px;
      line-height: 26px;
      color: #000;
/*      max-width: 410px;*/ 
  }
   .md-tt p a {
      white-space: nowrap;
      color: #000;
      text-decoration: underline;
  }
  .md-tt p .coupon {
      color: #fff;
      background: #F19FCA;
      padding: 1px 4px;
      border-radius: 3px;
      cursor: pointer;
  }
    .md-tt .link {
      width: auto;
      margin: 22px auto 0;
      min-width: 138px;
      padding: 0 25px; }
  .md-bc {
    display: block;
    padding: 45px 40px 89px; }
  .md-city {
    display: block;
    margin-top: 19px; }
    .md-city div {
      display: block;
      margin-top: 26px; }
      .md-city div:first-child {
        margin: 0; }
      .md-city div h4 {
        display: block;
        text-align: center;
        color: #000; }
      .md-city div span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        margin-top: 20px; }
        .md-city div span a {
          float: left;
          width: -webkit-calc(33.3333% - 4px);
          width: calc(33.3333% - 4px);
          margin: 0 2px 4px;
          height: 70px;
          background: #FAFAFA;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          line-height: 70px;
          text-align: center;
          font-size: 16px;
          color: #000;
          cursor: pointer;
          position: relative;
          -webkit-transition: color .25s, background .25s, -webkit-box-shadow .25s;
          transition: color .25s, background .25s, -webkit-box-shadow .25s;
          -o-transition: color .25s, background .25s, box-shadow .25s;
          transition: color .25s, background .25s, box-shadow .25s;
          transition: color .25s, background .25s, box-shadow .25s, -webkit-box-shadow .25s; }
          .md-city div span a.active {
            background: #F19FCA;
            color: #fff !important;
            z-index: 1;
            -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
                    box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
  .md-lg {
    width: 100%;
    max-width: 414px;
    margin: 18px auto 0; }
    .md-lg .md-plc {
      margin-top: 35px; }
    .md-lg-fm {
      margin-top: 36px; }
      .md-lg-fm:first-child {
        margin-top: 30px; }
      .md-lg-fm .qi {
        margin-top: 20px; }
      .md-lg-fm .qs {
        margin-top: 20px; }
      .md-lg-fm .qt {
        margin-top: 20px;
        height: 102px; }
      .md-lg-fm > button {
        width: 100%;
        margin-top: 19px;
        -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
                box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
    .md-lg-but {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 20px; }
      .md-lg-but span {
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        height: 50px;
        padding-left: 20px; }
        .md-lg-but span a {
          display: block;
          color: rgba(0, 0, 0, 0.5);
          font-size: 14px;
          line-height: 18px;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .md-lg-but span a s {
            background-image: url(../image/tool-l.svg); }
      .md-lg-but button {
        float: right;
        margin-left: auto;
        width: 176px; }
    .md-lg-bo {
      width: 100%;
      margin-top: 28px;
      position: relative; }
      .md-lg-bo button {
        position: absolute;
        width: 115px;
        top: 0;
        right: 0;
        z-index: 1; }
    .md-lg-ix {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 36px;
      padding-bottom: 23px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      position: relative; }
      .md-lg-ix:first-child {
        border-top: 0;
        margin-top: 0; }
      .md-lg-ix i {
        float: left;
        width: 95px;
        height: 95px;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        margin-right: 18px; }
      .md-lg-ix > p {
        width: 190px;
        padding-bottom: 30px;
        float: left;
        font-size: 16px;
        line-height: 22px;
        color: #000; }
      .md-lg-ix b {
        position: absolute;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 0.03em;
        color: #000;
        bottom: 29px;
        direction: ltr;
        left: 114px; }
      .md-lg-ix b s {
        padding-left: 12px;
        font-size: 15px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.3);
        text-decoration: line-through;
        font-weight: 300;
      }
      .md-lg-ix span {
        position: absolute;
        width: 73px;
        right: 0;
        bottom: 31px;
        height: 22px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .md-lg-ix span input {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 18px;
          line-height: 22px;
          color: #000;
          text-align: center; }
        .md-lg-ix span a {
          position: absolute;
          width: 20px;
          height: 22px;
          top: 0;
          z-index: 1;
          cursor: pointer; }
          .md-lg-ix span a.plus {
            right: 0;
            background: url(../image/plus.svg) center no-repeat; }
          .md-lg-ix span a.minus {
            left: 0;
            background: url(../image/minus.svg) center no-repeat; }
  .md-plc {
    width: 100%; }
    .md-plc p {
      display: block;
      text-align: center;
      font-size: 11px;
      line-height: 14px;
      color: rgba(0, 0, 0, 0.4); }
    .md-plc p a {
      color: rgba(0, 0, 0, 0.4);
      text-decoration: underline;
    }
  .md-soc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .md-soc + .md-lg-fm {
      margin-top: 28px; }
    .md-soc a {
      float: left;
      width: 32px;
      height: 32px;
      margin: 0 6px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 50%;
              border-radius: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      cursor: pointer;
      -webkit-transition: border .25s;
      -o-transition: border .25s;
      transition: border .25s; }
      .md-soc a img {
        width: auto;
        height: auto;
        margin: auto;
        display: block; }
  .md-tab {
    margin-top: 36px; }
  .md-xc {
    display: block;
    width: 100%;
    margin-top: 20px;
    background: #fff;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
    .md-xc a {
      display: block;
      width: 100%;
      padding: 20px 44px;
      position: relative;
      font-size: 16px;
      line-height: 20px;
      color: #000;
      -webkit-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s; }
      .md-xc a::before, .md-xc a::after {
        content: '';
        position: absolute;
        width: 11px;
        height: 1px;
        right: 25px;
        background: #000;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-transition: background .25s;
        -o-transition: background .25s;
        transition: background .25s; }
      .md-xc a::before {
        top: 25px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .md-xc a::after {
        top: 32px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .md-xc a i {
        position: absolute;
        width: 14px;
        height: 100%;
        left: 23px;
        top: 0;
        background: url(../image/xc.svg) center no-repeat; }
  .md-mr {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative; }
    .md-mr.active i::before {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .md-mr.active i::after {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .md-mr i {
      float: right;
      width: 26px;
      height: 100%;
      position: relative; }
      .md-mr i::before, .md-mr i::after {
        content: '';
        position: absolute;
        width: 9px;
        height: 1px;
        top: 23px;
        background: rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        -o-transition: transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s; }
      .md-mr i::before {
        right: 6px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .md-mr i::after {
        right: 0;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .md-mr-bc {
      margin-top: 20px; }
    .md-mr-duo {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: -webkit-calc(100% + 20px);
      width: calc(100% + 20px);
      margin: 0 -10px; }
      .md-mr-duo > div {
        float: left;
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
        margin: 0 10px !important; }
  .md-pd {
    max-width: 810px;
    background: #fff;
    -webkit-border-radius: 7px;
            border-radius: 7px;
    padding: 30px 40px; }
    .md-pd-tt {
      width: 100%; }
      .md-pd-tt h2 {
        display: block;
        margin-top: 6px;
        padding: 0 30px;
        text-align: center; }
      .md-pd-tt h2:first-child {
        margin-top: 0;
      }
      .md-pd-tt span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%; }
        .md-pd-tt span a {
          float: left;
          width: auto;
          margin: auto;
          font-size: 13px;
          line-height: 16px;
          color: rgba(0, 0, 0, 0.4);
          padding-left: 18px;
          position: relative;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .md-pd-tt span a::before, .md-pd-tt span a::after {
            content: '';
            position: absolute;
            width: 5px;
            height: 1px;
            left: 0;
            background: #999;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: background .25s;
            -o-transition: background .25s;
            transition: background .25s; }
          .md-pd-tt span a::before {
            top: 6px;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .md-pd-tt span a::after {
            top: 9px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
    .md-pd-bc {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 25px; }
    .md-pd-img {
      float: left;
      width: 58%;
      height: auto; }
      .md-pd-img .slick-arrow {
        width: 32px;
        height: 32px; }
        .md-pd-img .slick-arrow::before, .md-pd-img .slick-arrow::after {
          width: 7px;
          left: 12px; }
        .md-pd-img .slick-arrow::before {
          top: 14px; }
        .md-pd-img .slick-arrow::after {
          top: 18px; }
      .md-pd-img .slick-prev {
        left: 20px; }
      .md-pd-img .slick-next {
        right: 20px; }
      .md-pd-img .slick-dots {
        bottom: 23px; }
        .md-pd-img .slick-dots li {
          float: left;
          width: 8px;
          height: 8px !important;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          margin: 0 4px; }
      .md-pd-img i {
        float: left;
        width: 100%;
        height: auto;
        position: relative;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        overflow: hidden;
        background-color: #f1f0f0;
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center; }
        .md-pd-img i::before {
          content: '';
          display: block;
          width: 100%;
          padding-top: 100%; }
        .md-pd-img i video {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          -o-object-fit: cover;
             object-fit: cover;
          -webkit-border-radius: 3px;
                  border-radius: 3px; }
    .md-pd-tn {
      width: 38.5%;
      float: right;
      margin-left: auto; }
      .md-pd-tn .prd-dp {
        margin-top: 0; }
    .md-pd-ifo {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 34px; }
      .md-pd-ifo .prd-ts {
        width: 38.5%;
        float: right;
        margin: 0 0 0 auto; }
    .md-pd-agc {
      float: left;
      width: 58%; }
      .md-pd-agc h4 {
        display: block; }
      .md-pd-agc span {
        display: block;
        margin-top: 8px; }
        .md-pd-agc span p {
          display: block;
          margin-top: 15px;
          font-size: 14px;
          line-height: 25px; }
          .md-pd-agc span p:first-child {
            margin: 0; }
      .md-pd-agc ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        margin-top: 20px; }
        .md-pd-agc ul p {
          float: left;
          font-size: 14px;
          line-height: 35px;
          color: #000;
          margin-right: 10px; }
        .md-pd-agc ul li {
          float: left;
          background: #FAFAFA;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          padding: 0 9px;
          font-size: 13px;
          line-height: 35px;
          color: #000;
          margin-right: 10px; }
          .md-pd-agc ul li a {
            color: #000;
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
            .md-pd-agc ul li a:hover {
              color: #F19FCA; }
          .md-pd-agc ul li:last-child {
            margin: 0; }
  .md-map {
    max-width: 810px;
    background: #fff;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
    .md-map-bc {
      display: block;
      width: 100%;
      -webkit-border-radius: 7px;
              border-radius: 7px;
      height: 595px; }
    .md-map-fm {
      position: absolute;
      width: 506px;
      top: 40px;
      left: 40px;
      z-index: 2; }
      .md-map-fm button {
        position: absolute;
        width: 110px;
        top: 0;
        right: 0;
        z-index: 3;
        -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
                box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
      .md-map-fm .qq {
        width: 100%; }
        .md-map-fm .qq a {
          position: absolute;
          z-index: 3;
          top: 18px;
          right: 137px;
          font-size: 13px;
          line-height: 14px;
          color: #000;
          cursor: pointer;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .md-map-fm .qq a img, .md-map-fm .qq a svg {
            float: right;
            height: 14px;
            width: auto;
            margin-left: 7px; }
            .md-map-fm .qq a img path, .md-map-fm .qq a svg path {
              fill: #000;
              -webkit-transition: fill .25s;
              -o-transition: fill .25s;
              transition: fill .25s; }
  .md-sc {
    max-width: 490px;
    background: #fff;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
    .md-sc .md-bg {
      padding: 45px 60px 75px; }
  .md-pj {
    max-width: 976px;
    -webkit-border-radius: 7px;
            border-radius: 7px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .md-pj-aw {
      position: absolute;
      width: 100%;
      top: -webkit-calc(50% - 25px);
      top: calc(50% - 25px);
      left: 0;
      right: 0; }
      .md-pj-aw a {
        position: absolute;
        top: 0;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        z-index: 3;
        background: rgba(255, 255, 255, 0.8);
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        font-size: 0;
        -webkit-transition: background .25s;
        -o-transition: background .25s;
        transition: background .25s; }
        .md-pj-aw a::before, .md-pj-aw a::after {
          content: '';
          position: absolute;
          width: 10px;
          height: 1px;
          left: 19px;
          background: rgba(0, 0, 0, 0.5);
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: background .25s;
          -o-transition: background .25s;
          transition: background .25s; }
        .md-pj-aw a::before {
          top: 22px;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .md-pj-aw a::after {
          top: 28px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .md-pj-aw a:first-child {
          left: -112px; }
        .md-pj-aw a:last-child {
          right: -112px;
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
    .md-pj-img {
      float: left;
      width: 41%;
      -webkit-border-radius: 3px 0 0 3px;
              border-radius: 3px 0 0 3px;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center; }
    .md-pj-bc {
      float: left;
      width: 59%;
      padding: 45px 50px 55px; }
      .md-pj-bc h2 {
        display: block;
        padding-right: 30px; }
      .md-pj-bc span {
        display: block;
        margin-top: 14px; }
        .md-pj-bc span p {
          display: block;
          font-size: 16px;
          line-height: 27px;
          margin-top: 20px; }
          .md-pj-bc span p:first-child {
            margin: 0; }
      .md-pj-bc a {
        min-width: 275px;
        padding: 0 40px;
        margin-top: 29px; }
  .md-his {
    width: 100%;
    max-width: 510px;
    margin: 32px auto 0; }
    .md-his div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0 15px 28px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      margin-bottom: 28px; }
      .md-his div:last-child {
        padding-bottom: 0;
        border: 0;
        margin: 0; }
      .md-his div ul {
        float: left;
        width: 100%; }
        .md-his div ul li {
          display: block;
          width: 100%;
          margin-top: 18px;
          font-size: 16px;
          line-height: 20px;
          padding-left: 20px;
          position: relative; }
          .md-his div ul li:first-child {
            margin: 0; }
          .md-his div ul li::before {
            content: '';
            position: absolute;
            width: 10px;
            height: 1px;
            top: 10px;
            left: 0;
            background: rgba(0, 0, 0, 0.2); }
  .md-dt {
    max-width: 812px;
    padding: 43px 0 39px;
    background: #fff;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
    .md-dt .md-tt {
      width: 100%; }
      .md-dt .md-tt p {
        font-size: 20px;
        line-height: 24px;
        margin-top: 5px; }
    .md-dt-bc {
      margin-top: 58px;
      width: 100%; }
    .md-dt-th {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      padding-bottom: 31px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-right: 15px; }
      .md-dt-th div {
        float: left;
        width: 12%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .md-dt-th div:first-child {
          width: 16%; }
        .md-dt-th div span {
          display: block;
          width: 100%;
          margin: auto; }
          .md-dt-th div span b {
            display: block;
            text-align: center;
            font-weight: 600;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.03em; }
          .md-dt-th div span p {
            display: block;
            margin-top: 6px;
            font-size: 16px;
            line-height: 20px;
            text-align: center; }
    .md-dt-td {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-right: 15px; }
      .md-dt-td div {
        float: left;
        width: 12%;
        height: 82px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .md-dt-td div:first-child {
          width: 16%;
          padding-left: 28px; }
          .md-dt-td div:first-child p {
            text-align: left;
            letter-spacing: 0; }
        .md-dt-td div p, .md-dt-td div b {
          display: block;
          width: 100%;
          margin: auto;
          text-align: center;
          font-size: 16px;
          line-height: 20px;
          letter-spacing: 0.03em; }

.qi {
  width: 100%;
  display: block;
  height: 50px;
  position: relative;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  background: #FAFAFA; }
  .qi:first-child {
    margin: 0; }
  .qi input::placeholder {
    font-size: 0;
  }
  .qi input {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    font-size: 16px;
    color: #000;
    position: relative;
    z-index: 1;
    background: transparent; }
    .qi input:focus ~ p {
      font-size: 11px;
      color: #fff;
      background: #F19FCA;
      margin-top: -6px; }
      .qi input:not(:placeholder-shown) ~ p {
        font-size: 11px;
      color: #000;
      background: #eee;
      margin-top: -6px;
      }
  .qi p {
    position: absolute;
    left: 15px;
    top: 0;
    margin-top: 16px;
    font-size: 16px;
    height: 15px;
    line-height: 16px;
    padding: 0 5px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background: #FAFAFA;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: margin .25s, font-size .25s, color .25s, background .25s;
    -o-transition: margin .25s, font-size .25s, color .25s, background .25s;
    transition: margin .25s, font-size .25s, color .25s, background .25s; }

.qt {
  width: 100%;
  display: block;
  height: 50px;
  position: relative;
  -webkit-border-radius: 25px;
          border-radius: 25px;
  background: #FAFAFA; }
  .qt:first-child {
    margin: 0; }
    .qt textarea::placeholder {
      font-size: 0;
    }
  .qt textarea {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 20px;
    padding: 15px 20px;
    -webkit-border-radius: 25px;
            border-radius: 25px;
    font-size: 16px;
    color: #000;
    position: relative;
    z-index: 1;
    border: 0;
    background: transparent; }
    .qt textarea:focus ~ p {
      font-size: 11px;
      color: #fff;
      background: #F19FCA;
      margin-top: -6px; }
    .qt textarea:not(:placeholder-shown) ~ p {
        font-size: 11px;
      color: #000;
      background: #eee;
      margin-top: -6px;
      }
  .qt p {
    position: absolute;
    left: 15px;
    top: 0;
    margin-top: 16px;
    font-size: 16px;
    height: 15px;
    line-height: 16px;
    padding: 0 5px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background: #FAFAFA;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: margin .25s, font-size .25s, color .25s, background .25s;
    -o-transition: margin .25s, font-size .25s, color .25s, background .25s;
    transition: margin .25s, font-size .25s, color .25s, background .25s; }

.qd {
  width: 100%;
  display: block;
  height: 50px;
  position: relative;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  background: #FAFAFA; }
  .qd:first-child {
    margin: 0; }
  .qd.active p {
    font-size: 11px;
    color: #000;
    background: #eee;
    margin-top: -6px; }
  .qd input {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    font-size: 16px;
    color: #000;
    position: relative;
    z-index: 1;
    background: transparent; }
    .qd input::placeholder {
      font-size: 0;
    }
    .qd input:not(:placeholder-shown) ~ p {
        font-size: 11px;
      color: #fff;
      background: #F19FCA;
      margin-top: -6px;
      }
  .qd p {
    position: absolute;
    left: 15px;
    top: 0;
    margin-top: 16px;
    font-size: 16px;
    height: 15px;
    line-height: 16px;
    padding: 0 5px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background: #FAFAFA;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: margin .25s, font-size .25s, color .25s, background .25s;
    -o-transition: margin .25s, font-size .25s, color .25s, background .25s;
    transition: margin .25s, font-size .25s, color .25s, background .25s; }
  .qd > i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    cursor: pointer; }
    .qd > i::before, .qd > i::after {
      content: '';
      position: absolute;
      width: 9px;
      height: 1px;
      top: 23px;
      background: rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: -webkit-transform .25s;
      transition: -webkit-transform .25s;
      -o-transition: transform .25s;
      transition: transform .25s;
      transition: transform .25s, -webkit-transform .25s; }
    .qd > i::before {
      right: 26px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .qd > i::after {
      right: 32px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }

.qs {
  width: 100%;
  display: block;
  height: 50px;
  position: relative;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  background: #FAFAFA;
  -webkit-transition: .25s border-radius .25s;
  -o-transition: .25s border-radius .25s;
  transition: .25s border-radius .25s; }
  .qs:first-child {
    margin: 0; }
  .qs.active p {
    font-size: 11px;
    color: #000;
    background: #eee;
    margin-top: -6px; }
  .qs.open {
    -webkit-border-radius: 7px 7px 0 0;
            border-radius: 7px 7px 0 0;
    -webkit-transition: -webkit-border-radius .05s;
    transition: -webkit-border-radius .05s;
    -o-transition: border-radius .05s;
    transition: border-radius .05s;
    transition: border-radius .05s, -webkit-border-radius .05s; }
    .qs.open i::before {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .qs.open i::after {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .qs input {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 45px 0 20px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    font-size: 16px;
    color: #000;
    position: relative;
    z-index: 1;
    background: transparent; }
    .qs input:read-only {
      cursor: default;
    }
    .qs input::placeholder {
      font-size: 0;
    }
    .qs input:focus ~ p {
        font-size: 11px;
      color: #fff;
      background: #F19FCA;
      margin-top: -6px;
      }
    .qs input:not(:placeholder-shown) ~ p {
        font-size: 11px;
      color: #fff;
      background: #F19FCA;
      margin-top: -6px;
      }
  .qs p {
    position: absolute;
    left: 15px;
    top: 0;
    margin-top: 16px;
    font-size: 16px;
    height: 15px;
    line-height: 16px;
    padding: 0 5px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background: #FAFAFA;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: margin .25s, font-size .25s, color .25s, background .25s;
    -o-transition: margin .25s, font-size .25s, color .25s, background .25s;
    transition: margin .25s, font-size .25s, color .25s, background .25s; }
  .qs i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer; }
    .qs i::before, .qs i::after {
      content: '';
      position: absolute;
      width: 9px;
      height: 1px;
      top: 23px;
      background: rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: -webkit-transform .25s;
      transition: -webkit-transform .25s;
      -o-transition: transform .25s;
      transition: transform .25s;
      transition: transform .25s, -webkit-transform .25s; }
    .qs i::before {
      right: 26px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .qs i::after {
      right: 32px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
  .qs ul {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    right: 0;
    display: none;
    background: #FAFAFA;
    -webkit-border-radius: 0 0 7px 7px;
            border-radius: 0 0 7px 7px;
    -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 14px 24px rgba(0, 0, 0, 0.05);
    z-index: 5;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    max-height: 200px;
    overflow-y: auto; }
    .qs ul::-webkit-scrollbar {
      width: 5px;
      position: absolute; }
    .qs ul::-webkit-scrollbar-track {
      background: transparent; }
    .qs ul::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.2); }
    .qs ul li {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding: 0 24px;
      font-size: 16px;
      color: #000;
      cursor: pointer;
      border-top: 1px solid rgba(0, 0, 0, 0.05);
      -webkit-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s; }
      .qs ul li:first-child {
        border: 0; }
      .qs ul li.active {
        color: rgba(0, 0, 0, 0.2);
        cursor: default; }
  .qs-p i {
    width: 75px;
    left: auto; }
  .qs-p u {
    position: absolute;
    z-index: 2;
    width: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 50px; }
    .qs-p u img {
      display: block;
      width: 16px;
      height: auto; }
  .qs-p ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    position: relative; }
    .qs-p ul li b {
      float: left;
      width: 50px;
      text-align: right;
      font-weight: 400;
      padding-right: 6px;
      color: rgba(0, 0, 0, 0.5); }
    .qs-p ul li img {
      position: absolute;
      width: auto;
      height: 20px;
      right: 30px;
      top: -webkit-calc(50% - 10px);
      top: calc(50% - 10px); }
  .qs-c > b {
    position: absolute;
    left: 20px;
    top: 16px;
    font-size: 14px;
    font-weight: 400;
    height: 15px;
    line-height: 16px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    color: #000;
    -webkit-transition: margin .25s, font-size .25s, color .25s, background .25s;
    -o-transition: margin .25s, font-size .25s, color .25s, background .25s;
    transition: margin .25s, font-size .25s, color .25s, background .25s; }
  .qs-c p {
    font-size: 14px;
    left: 32px; }
  .qs-c i {
    width: 50px;
    left: auto; }
  .qs-c input {
    padding-left: 37px; }
  .qs-c u {
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    top: 19px;
    right: 38px;
    z-index: 2; }
  .qs-c i::before, .qs-c i::after {
    width: 7px;
    top: 24px; }
  .qs-c i::before {
    right: 18px; }
  .qs-c i::after {
    right: 23px; }
  .qs-c ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    position: relative; }
    .qs-c ul li b {
      float: left;
      width: 16px;
      height: 16px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      margin: 17px 7px 0 0; }
  .qs-a {
    padding-right: 80px; }
    .qs-a i {
      width: 80px;
      left: auto; }
      .qs-a i::before {
        right: 20px; }
      .qs-a i::after {
        right: 26px; }
    .qs-a b {
      position: absolute;
      top: 15px;
      right: 43px;
      font-size: 16px;
      line-height: 20px;
      color: #000;
      font-weight: 400; }

.qf {
  width: 100%;
  display: block;
  height: 50px;
  position: relative; }
  .qf.active p {
    padding: 0 40px 0 10px; }
  .qf.active i {
    visibility: visible;
    opacity: 1; }
  .qf input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0; }
  .qf p {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #000;
    line-height: 48px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    border: 1px solid #000;
    -webkit-transition: border .25s;
    -o-transition: border .25s;
    transition: border .25s; }
  .qf i {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    z-index: 3;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    cursor: pointer;
    font-size: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .25s, visibility .25s;
    -o-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s; }
    .qf i::before, .qf i::after {
      content: '';
      position: absolute;
      width: 17px;
      height: 1px;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      background: #000;
      top: 50%;
      left: -webkit-calc(50% - 10px);
      left: calc(50% - 10px);
      -webkit-transition: background .25s;
      -o-transition: background .25s;
      transition: background .25s; }
    .qf i::before {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }

.qq s {
  position: absolute;
  width: 14px;
  height: 14px;
  z-index: 3;
  top: 0;
  right: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%; }
  .qq s i {
    position: absolute;
    width: auto;
    height: auto;
    padding: 8px 15px;
    background: #000;
    top: auto;
    right: auto;
    bottom: 26px;
    left: 50%;
    text-align: left;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-style: normal;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    z-index: 2;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s, visibility .25s;
    -o-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s; }
    .qq s i::before {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      bottom: -4px;
      left: -webkit-calc(50% - 4px);
      left: calc(50% - 4px);
      right: auto;
      top: auto;
      background: #000;
      border-radius: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .qq s i::after {
      display: none;
    }

.qq.requred s {
  background: #F19FCA url(../image/req.svg) center no-repeat; }

.qq.good s {
  background: #5DDE91 url(../image/ok.svg) center/6px auto no-repeat; }

p.error {
  display: block;
  width: 100%;
  text-align: center;
  color: #DE0A36;
  font-size: 14px;
}

.qq.error input:not(:placeholder-shown) ~ p, .qq.error input:focus ~ p {
  background: #DE0A36;
  color: #fff; }

.qq.error s {
  z-index: 5;
  background: #DE0A36 url(../image/error.svg) center no-repeat; }

.lbn {
  width: 100%;
  position: relative;
  height: 350px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f1f0f0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .lbn span {
    display: block;
    width: 100%;
    margin: auto 0; }
    .lbn span h2 {
      font-size: 72px;
      line-height: 86px;
      color: #fff;
      display: block;
      text-align: center; }
    .lbn span p {
      display: block;
      margin-top: 3px;
      font-weight: 300;
      font-size: 48px;
      line-height: 57px;
      color: #fff;
      text-align: center; }
  .lbn div {
    display: block;
    width: auto;
    margin: auto; }
    .lbn div p {
      float: left;
      width: auto;
      font-size: 96px;
      line-height: 180px;
      font-weight: 400;
      color: #fff; }
      .lbn div p i {
        font-weight: 300;
        font-style: normal; }
      .lbn div p b {
        font-weight: 600; }
    .lbn div a {
      float: left;
      width: 180px;
      height: 180px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      margin-left: 120px;
      background: rgba(255, 255, 255, 0.12);
      -webkit-backdrop-filter: blur(44px);
              backdrop-filter: blur(44px);
      position: relative; }
      .lbn div a::before {
        content: '';
        position: absolute;
        width: 57px;
        height: 66px;
        background: url(../image/lbn.svg) center no-repeat;
        top: 57px;
        left: 69px;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        -o-transition: transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s; }

.cag {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 52px; }
  .cag-load {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    background: rgb(255 255 255 / 75%);
    display: none;
  }
  .cag-load img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: auto;
    margin: auto;
    transform: translate(-50%,-50%);
  }
  .cag-ov {
    padding-bottom: 15px;
  }
  .cag-nav {
    float: left;
    width: 19%; }
  .cag-mn-mob {
    display: none;
  }
  .cag-mn h3 {
    display: block;
    color: #000; }
  .cag-mn h4 {
    display: block; }
    .cag-mn h4 a {
      display: block;
      color: #000;
      padding-left: 20px;
      position: relative;
      -webkit-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s; }
      .cag-mn h4 a::before, .cag-mn h4 a::after {
        content: '';
        position: absolute;
        width: 7px;
        height: 1px;
        left: 0;
        background: #000;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-transition: background .25s;
        -o-transition: background .25s;
        transition: background .25s; }
      .cag-mn h4 a::before {
        top: 10px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .cag-mn h4 a::after {
        top: 15px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
  .cag-mn > ul {
    display: block;
    margin-top: 33px; }
    .cag-mn > ul > li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 15px; }
      .cag-mn > ul > li:first-child {
        margin: 0; }
      .cag-mn > ul > li.active > a {
        font-weight: 600;
        letter-spacing: 0; }
        .cag-mn > ul > li.arrow.active > a::after {
          -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
              -ms-transform: matrix(1, 0, 0, -1, 0, 0);
                  transform: matrix(1, 0, 0, -1, 0, 0);
          border-top: 6px solid #000;
          margin-top: 4px; }
      .cag-mn > ul > li > a {
        float: left;
        width: auto;
        font-size: 16px;
        line-height: 20px;
        color: #000;
        letter-spacing: .5px;
        position: relative;
        padding-right: 13px;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .cag-mn > ul > li.arrow > a::after {
          content: '';
          position: absolute;
          width: auto;
          top: 0;
          right: 0;
          margin-top: 7px;
          border: 4px solid transparent;
          border-top: 6px solid rgba(0, 0, 0, 0.15);
          -webkit-transition: border .3s, margin .3s, -webkit-transform .3s;
          transition: border .3s, margin .3s, -webkit-transform .3s;
          -o-transition: transform .3s, border .3s, margin .3s;
          transition: transform .3s, border .3s, margin .3s;
          transition: transform .3s, border .3s, margin .3s, -webkit-transform .3s; }
      .cag-mn > ul > li ul {
        display: none;
        width: 100%;
        margin-top: 9px;
        padding-left: 10px; }
        .cag-mn > ul > li ul li {
          display: block;
          margin-top: 13px; }
          .cag-mn > ul > li ul li:first-child {
            margin: 0; }
          .cag-mn > ul > li ul li a {
            display: block;
            font-size: 14px;
            line-height: 18px;
            color: #000;
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
            .cag-mn > ul > li ul li a p {
              display: inline-block;
              color: #D5D5D5;
              padding-left: 3px;
              font-size: 13px; }
  .cag-fl {
    width: 100%;
    margin-top: 46px; }
    .cag-fl:first-child {
      margin-top: 0;
    }
    .cag-fl h3 {
      display: block;
      color: #000; }
      .cag-fl h3 + div {
        margin-top: 21px; }
    .cag-fl nav {
      display: block;
      width: 100%; }
    .cag-fl_item {
      margin-top: 38px; }
      .cag-fl_item:first-child {
        margin: 0; }
      .cag-fl_item h6 {
        display: block;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #000; }
        .cag-fl_item h6 b {
          display: none; }
      .cag-fl_item-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        margin-top: 14px; }
        .cag-fl_item-box s {
          display: none; }
          .cag-fl_item-box s + .cag-fl_item-input {
            margin: 0; }
        .cag-fl_item-input {
          display: none;
          float: left;
          width: 100%;
          position: relative;
          margin-top: 11px; }
          .cag-fl_item-input:first-child {
            margin: 0; }
          .cag-fl_item-input:nth-child(1), .cag-fl_item-input:nth-child(2), .cag-fl_item-input:nth-child(3), .cag-fl_item-input:nth-child(4), .cag-fl_item-input:nth-child(5), .cag-fl_item-input:nth-child(6) {
            display: block; }
          .cag-fl_item-input input {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
            opacity: 0;
            cursor: pointer; }
            .cag-fl_item-input input:checked ~ p::before {
              background: #F19FCA;
              border-color: #F19FCA; }
            .cag-fl_item-input input:checked ~ p::after {
              opacity: 1; }
            .cag-fl_item-input input:disabled {
              cursor: default; }
              .cag-fl_item-input input:disabled ~ p {
                color: rgba(0, 0, 0, 0.4); }
                .cag-fl_item-input input:disabled ~ p b {
                  color: rgba(212, 212, 212, 0.4); }
          .cag-fl_item-input p {
            display: block;
            padding: 0 0 0 28px;
            font-size: 14px;
            line-height: 22px;
            color: #000; }
            .cag-fl_item-input p i {
              float: left;
              width: 10px;
              height: 10px;
              -webkit-border-radius: 50%;
                      border-radius: 50%;
              background-size: cover;
              margin: 6px 7px 0 0; }
            .cag-fl_item-input p b {
              display: inline-block;
              padding-left: 2px;
              font-weight: 400;
              color: #D4D4D4; }
            .cag-fl_item-input p::before {
              content: '';
              position: absolute;
              width: 18px;
              height: 18px;
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              border: 1px solid #000;
              top: 2px;
              left: 0;
              -webkit-transition: background .25s, border .25s;
              -o-transition: background .25s, border .25s;
              transition: background .25s, border .25s; }
            .cag-fl_item-input p::after {
              content: '';
              position: absolute;
              width: 18px;
              height: 18px;
              background: url(../image/ok.svg) center/10px auto no-repeat;
              top: 2px;
              left: 0;
              z-index: 1;
              opacity: 0;
              -webkit-transition: opacity .25s;
              -o-transition: opacity .25s;
              transition: opacity .25s; }
      .cag-fl_item a {
        display: inline-block;
        margin-top: 17px;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #000;
        position: relative;
        cursor: pointer;
        padding-right: 18px;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .cag-fl_item a::before, .cag-fl_item a::after {
          content: '';
          position: absolute;
          width: 7px;
          height: 1px;
          top: 7px;
          background: #000;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: background .25s;
          -o-transition: background .25s;
          transition: background .25s; }
        .cag-fl_item a::before {
          right: 0;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .cag-fl_item a::after {
          right: 5px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
    .cag-fl button, .cag-fl a {
      display: block;
      width: 150px;
      margin-top: 33px; }
      .cag-fl button b, .cag-fl a b {
        font-weight: 400; }
      .cag-fl button.link, .cag-fl a.link {
        display: none; }
  .cag-bc {
    float: left;
    width: 81%; }
    .cag-bc .pg {
      margin-top: 20px; }
  .cag-st {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding-top: 7px; }
    .cag-st > a {
      display: none; }
    .ag-st-sort {
      float: left; }
      .ag-st-sort p {
        display: none; }
       .ag-st-sort ul li {
        float: left;
        margin-right: 30px; }
      .ag-st-sort ul li a {
        display: block;
        font-size: 16px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.4);
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .ag-st-sort ul li:last-child {
          margin: 0; }
        .ag-st-sort ul li a.active {
          color: #000; }
    .ag-st-amount {
      float: right;
      margin-left: auto; }
      .ag-st-amount p {
        float: left;
        font-size: 16px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.4);
        margin-right: 25px; }
      .ag-st-amount a {
        float: left;
        font-size: 16px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.4);
        margin-right: 25px;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .ag-st-amount a:last-child {
          margin: 0; }
        .ag-st-amount a.active {
          color: #000; }
  .cag-pd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% + 16px);
    width: calc(100% + 16px);
    margin: 40px -8px 0; }
    .cag-pd:first-child {
      margin-top: 0;
    }

.pd {
  float: left;
  width: -webkit-calc(33.3333% - 16px);
  width: calc(33.3333% - 16px);
  margin: 0 8px 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 23px;
  z-index: 1; }
  .pd.index {
    z-index: 2; }
  .pd > i {
    content: '';
    position: absolute;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    height: -webkit-calc(100% + 50px);
    height: calc(100% + 50px);
    top: -25px;
    left: -25px;
    right: -25px;
    bottom: -25px;
    background: #fff;
    -webkit-box-shadow: 0 10px 34px rgba(0, 0, 0, 0.25);
            box-shadow: 0 10px 34px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 7px;
            border-radius: 7px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
  .pd-i {
    width: 100%;
    position: relative;
    z-index: 2; }
    .pd-i b {
      position: absolute;
      top: 10px;
      left: 10px;
      width: auto;
      padding: 0 12px;
      height: 25px;
      line-height: 25px;
      -webkit-border-radius: 25px;
              border-radius: 25px;
      font-size: 11px;
      letter-spacing: 0.05em;
      color: #fff;
      font-weight: 700;
      z-index: 2;
      text-transform: uppercase; }
    .pd-i b + b {
      transform: translateY(30px);
    }
    .pd-i b.status--New {
      background: #87DE5D;
    }
    .pd-i b.status--Sale {
      background: #b1ded5;
    }
    .pd-i b.status--Hot {
      background: #e3a3cc;
    }
    .pd-i a {
      display: block;
      width: 100%;
      height: auto;
      position: relative;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center; }
      .pd-i img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #f1f0f0;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      font-size: 0;
      object-fit: cover;
    }
      .pd-i a::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
    .pd-i div {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 50px;
      -webkit-border-radius: 0 0 3px 3px;
              border-radius: 0 0 3px 3px;
      background: rgba(140, 140, 140, 0.2);
      -webkit-backdrop-filter: blur(20px);
              backdrop-filter: blur(20px);
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      padding: 0 9px 0 23px;
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s; }
      .pd-i div p {
        float: left;
        margin-top: 16px;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px;
        color: #fff;
        cursor: pointer;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .pd-i div p s {
          position: absolute;
          left: 0;
          top: -webkit-calc(50% - 7px);
          top: calc(50% - 7px);
          width: 14px;
          height: 14px;
          background: url(../image/tool-w.svg) center/contain no-repeat;
          cursor: pointer;
          z-index: 3; }
    .pd-i span {
      position: absolute;
      right: 9px;
      bottom: 9px;
      font-size: 16px;
      line-height: 32px;
      color: rgba(255, 255, 255, 0);
      -webkit-transition: color .3s;
      -o-transition: color .3s;
      transition: color .3s;
      z-index: 2;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .pd-i span.active s {
        background: #F19FCA url(../image/ws-w.svg) 8px 10px no-repeat; }
      .pd-i span s {
        float: right;
        margin-left: 9px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        background: #fff url(../image/ws-r.svg) 8px 10px no-repeat;
        -webkit-transition: background .25s;
        -o-transition: background .25s;
        transition: background .25s; }
  .pd-t {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 17px;
    padding-right: 55px;
    z-index: 2; }
    .pd-t a {
      display: block;
      width: 100%;
      font-size: 16px;
      line-height: 22px;
      color: #000;
      -webkit-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s; }
    .pd-t span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      padding-top: 8px;
      margin-top: auto; }
      .pd-t span b {
        float: left;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.03em;
        direction: ltr;
        color: #000; }
      .pd-t span s {
        float: left;
        padding: 4px 0 0 9px;
        font-size: 14px;
        color: #B7B7B7;
        text-decoration: line-through; }
    .pd-t button {
      position: absolute;
      width: 50px;
      height: 50px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      background: #FAFAFA url(../image/ct-b.svg) center/18px auto no-repeat;
      z-index: 2;
      top: 0;
      right: 0;
      overflow: hidden;
      -o-transition: background .3s, box-shadow .3s;
      transition: background .3s, box-shadow .3s;
      transition: background .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s; }
      .pd-t button::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(../image/icon-prod-check.svg) center no-repeat;
        top: 0;
        transform: translateY(-100%);
        transition: transform .3s;
      }
      .pd-t button.active {
        background-size: 20px auto;
        background-color: #F19FCA;
        background-image: url(../image/ct-w.svg); }
      .pd-t button.active::before {
        transform: translate(1px,2px);
      }
      .pd-t button.added {
        background-color: #5DDE91; }
  .pd-d {
    position: absolute;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    height: auto;
    top: -webkit-calc(100% + 2px);
    top: calc(100% + 2px);
    left: -25px;
    right: -25px;
    background: #fff;
    -webkit-box-shadow: 0 10px 34px rgba(0, 0, 0, 0.25);
            box-shadow: 0 10px 34px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 0 0 7px 7px;
            border-radius: 0 0 7px 7px;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s; }
    .pd-d::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 20px;
      top: -20px;
      left: 0;
      right: 0;
      background: #fff; }
    .pd-d p {
      width: -webkit-calc(100% - 50px);
      width: calc(100% - 50px);
      display: block;
      margin: 0 25px;
      padding-top: 21px;
      font-size: 13px;
      line-height: 18px;
      color: #000;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .pd-d a {
      width: 100%;
      margin-top: 22px;
      -webkit-border-radius: 0 0 7px 7px;
              border-radius: 0 0 7px 7px; }

.pg {
  width: 100%; }
  .pg div {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .pg div p {
      width: 100%;
      display: block;
      text-align: center;
      font-size: 14px;
      line-height: 17px;
      color: #000; }
    .pg div span {
      width: 100%;
      margin-top: 20px; }
      .pg div span b {
        display: block;
        width: 245px;
        height: 3px;
        background: #E9E9E9;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        margin: 0 auto; }
        .pg div span b i {
          float: left;
          height: 100%;
          max-width: 100%;
          background: #F19FCA;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          transition: width .3s; }
    .pg div a {
      display: block;
      margin: 25px auto 0;
      padding: 0 40px; }

.prd {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 44px; }
  .prd-img {
    float: left;
    width: 44%; }
    .prd-img-cot {
      display: block;
      width: 100%;
      position: relative; }
      .prd-img-cot span {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }
    .prd-img-slider {
      width: 100%;
      height: auto;
      display: flex;
      flex-flow: row wrap;
    }
    .prd-img-slider .slick-list, .prd-img-slider .slick-track {
      float: left;
      width: 100%;
      height: auto;
    }
    .prd-img-slider-im {
      float: left;
      width: 100%;
      height: auto;
      position: relative;
    }
    .prd-img-slider-im::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
      .prd-img-slider-im video {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-border-radius: 3px;
                border-radius: 3px; }
      .prd-img-slider-im img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f1f0f0;
        object-fit: cover;
        -webkit-border-radius: 3px;
                border-radius: 3px;
      }
      .prd-img-slider-im a {
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 5;
        width: 32px;
        height: 32px;
        cursor: pointer;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #F19FCA url(../image/icon-full.svg) center/12px auto no-repeat;
        opacity: 0;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s;
      }
      .prd-img-slider-im:hover a {
        opacity: 1;
      }

    .prd-img-nw {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 15px; }
      .prd-img-nw a {
        float: left;
        width: 120px;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        background-color: #f1f0f0;
        margin-right: 15px;
        cursor: pointer;
        position: relative;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
        .prd-img-nw a:last-child {
          margin: 0; }
        .prd-img-nw a::before {
          content: '';
          display: block;
          padding-top: 100%; }
        .prd-img-nw a.active {
          opacity: .5; }
        .prd-img-nw a video {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: none;
          -o-object-fit: cover;
             object-fit: cover;
          -webkit-border-radius: 3px;
                  border-radius: 3px; }
  .prd-tn {
    float: left;
    width: 21%;
    margin-left: 4%; }
    .prd-tn h2 {
      display: none; }
  .prd-dp {
    display: block;
    margin-top: 9px; }
    .prd-dp h3, .prd-dp h4 {
      display: block; }
    .prd-dp ul {
      display: block;
      margin-top: 9px; }
      .prd-dp ul li {
        display: block;
        margin-top: 8px;
        position: relative;
        font-size: 13px;
        line-height: 13px;
        color: #000;
        padding-left: 22px;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .prd-dp ul li a {
          color: #000;
          text-decoration: underline;
        }
        .prd-dp ul li:first-child {
          margin: 0; }
        .prd-dp ul li::before {
          content: '';
          position: absolute;
          width: 10px;
          height: 1px;
          background: rgba(0, 0, 0, 0.1);
          left: 0;
          top: 5px;
          -webkit-transition: background .25s;
          -o-transition: background .25s;
          transition: background .25s; }
  .prd-ts {
    display: block;
    margin-top: 22px; }
    .prd-ts h6, .prd-ts h4 {
      display: block; }
    .prd-ts ul {
      display: block;
      margin-top: 9px; }
      .prd-ts ul li {
        display: block;
        margin-top: 9px;
        position: relative;
        font-size: 13px;
        line-height: 19px;
        color: #000;
        padding-left: 22px;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .prd-ts ul li:first-child {
          margin: 0; }
        .prd-ts ul li::before {
          content: '';
          position: absolute;
          width: 10px;
          height: 1px;
          background: rgba(0, 0, 0, 0.1);
          left: 0;
          top: 10px;
          -webkit-transition: background .25s;
          -o-transition: background .25s;
          transition: background .25s; }
  .prd-pa {
    display: block;
    padding: 15px 23px 15px;
    background: #FAFAFA;
    -webkit-border-radius: 7px;
            border-radius: 7px;
    margin-top: 24px; }
    .prd-pa b {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      font-size: 14px;
      line-height: 20px; }
      .prd-pa b::before {
        content: '';
        float: left;
        width: 13px;
        height: 12px;
        background: url(../image/pa.svg) center no-repeat;
        margin: 4px 6px 0 0; }
    .prd-pa p {
      display: block;
      margin-top: 6px;
      font-size: 13px;
      line-height: 20px; }
  .prd-cs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 32px; }
    .prd-cs:empty {
      display: none;
    }
    .prd-cs-block {
      float: left;
      margin-right: 32px; }
      .prd-cs-block:last-child {
        margin: 0; }
      .prd-cs-name {
        display: block;
        font-size: 16px;
        line-height: 20px;
        text-transform: lowercase;
        color: #000; }
      .prd-cs-name::first-letter {
        text-transform: uppercase;
      }
      .prd-cs-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        margin-top: 9px; }
        .prd-cs-input {
          float: left;
          position: relative; }
          .prd-cs-input:last-child p {
            margin: 0; }
          .prd-cs-input:last-child i {
            margin: 0; }
          .prd-cs-input input {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            opacity: 0;
            cursor: pointer; }
            .prd-cs-input input:checked + p {
              color: #000; }
            .prd-cs-input input:checked + i::before {
              opacity: 1; }
            .prd-cs-input input.wt + i {
              border: 1px solid rgba(0, 0, 0, 0.1); }
              .prd-cs-input input.wt + i::before {
                background: rgba(0, 0, 0, 0.1);
                top: 5px;
                left: 5px; }
          .prd-cs-input p {
            display: block;
            font-size: 16px;
            line-height: 23px;
            margin-right: 18px;
            color: rgba(0, 0, 0, 0.4);
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
          .prd-cs-input i {
            display: block;
            width: 24px;
            height: 24px;
            margin-right: 12px;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            background-size: cover;
            background-position: center;
            position: relative; }
            .prd-cs-input i::before {
              content: '';
              position: absolute;
              width: 12px;
              height: 12px;
              -webkit-border-radius: 50%;
                      border-radius: 50%;
              background: #fff;
              top: 6px;
              left: 6px;
              z-index: 1;
              opacity: 0;
              -webkit-transition: opacity .25s;
              -o-transition: opacity .25s;
              transition: opacity .25s; }
  .prd-ps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 22px; }
    .prd-ps div {
      float: left; }
      .prd-ps div p {
        float: left;
        font-size: 24px;
        line-height: 30px;
        direction: ltr;
        color: #000; }
      .prd-ps div s {
        float: left;
        margin: 7px 0 0 10px;
        font-size: 16px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.3);
        text-decoration: line-through; }
    .prd-ps span {
      float: right;
      margin: 3px 0 0 auto;
      width: 73px;
      height: 22px;
      position: relative;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .prd-ps span input {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 20px;
        line-height: 24px;
        color: #000;
        text-align: center; }
      .prd-ps span a {
        position: absolute;
        width: 20px;
        height: 24px;
        top: 0;
        z-index: 1;
        cursor: pointer; }
        .prd-ps span a.plus {
          right: 0;
          background: url(../image/plus.svg) center no-repeat; }
        .prd-ps span a.minus {
          left: 0;
          background: url(../image/minus.svg) center no-repeat; }
  .prd-bt {
    width: 100%;
    margin-top: 15px; }
    .prd-bt button {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
              box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
      .prd-bt button img {
        display: block;
        width: 16px;
        height: auto;
        margin: auto 10px auto 0; }
      .prd-bt button.added {
        background-color: #5DDE91 !important; }
    .prd-bt a {
      width: 100%;
      margin-top: 16px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 1px solid #F19FCA; }
      .prd-bt a img {
        display: block;
        width: 16px;
        height: auto;
        margin: 0 8px 0 0; }

  .prd-share {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 25px; }
  .prd-share__name {
    float: left;
    width: auto;
    font-size: 14px;
    margin: auto 0;
  }
  .prd-share__list {
    float: right;
    margin: auto 0 auto auto;
  }
  .prd-share__list li {
    float: left;
    margin-right: 5px;
  }
  .prd-share__list li:last-child {
    margin: 0;
  }
  .prd-share__list li a {
    float: left;
    width: 26px;
    height: 26px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-transition: border .25s;
    -o-transition: border .25s;
    transition: border .25s;
  }
  .prd-share__list li a::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
  }
  .prd-share__list li a:hover {
    border-color: #F19FCA;
  }
  .prd-share__list li a img {
    display: block;
    width: auto;
    height: auto;
    margin: auto;
    max-width: 12px;
    max-height: 12px;
  }

  .prd-pya {
    float: left;
    width: 26%;
    margin-left: 5%; }
  .prd-info {
    width: 100%;
  }
  .prd-info__item {
    width: 100%;
    margin-top: 12px;
    padding: 18px 26px;
    display: flex;
    flex-direction: column;
    background: #FAFAFA;
    -webkit-border-radius: 7px;
            border-radius: 7px;
  }
  .prd-info__item.open .prd-info__name::before {
    background: url(../image/minus.svg) center no-repeat;
  }
  .prd-info__name {
    display: block;
    font-size: 18px;
    font-weight: 600;
    user-select: none;
    line-height: 22px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
  }
  .prd-info__name::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 24px;
    top: calc(50% - 12px);
    right: 0;
    background: url(../image/plus.svg) center no-repeat;
    z-index: 1;
    transition: background .5s;
  }
  .prd-info__item:first-child {
    margin-top: 0;
  }
  .prd-info__desc {
    display: none;
    width: 100%;
    padding: 10px 0 0;
  }
  .prd-info__desc p {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    line-height: 150%;
  }
  .prd-info__desc p:first-child {
    margin-top: 0;
  }
  .prd-info__desc p a {
    color: #F19FCA;
    text-decoration: underline;
  }
  .prd-pn {
    display: block;
    margin-top: 25px;
    padding: 18px 26px;
    background: #FAFAFA;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
    .prd-pn:first-child {
      margin: 0;
    }
    .prd-pn b {
      display: block;
      font-size: 18px;
      line-height: 22px; }
    .prd-pn p {
      display: block;
      margin-top: 7px;
      font-size: 16px;
      line-height: 24px; }
  .prd-ai {
    width: 100%;
    padding: 20px 20px 34px;
    background: url(../image/ai.webp) center/cover no-repeat;
    -webkit-border-radius: 7px;
            border-radius: 7px;
    margin-top: 19px; }
    .prd-ai-tt {
      width: 100%; }
      .prd-ai-tt h4 {
        display: block;
        text-align: center;
        color: #fff; }
      .prd-ai-tt p {
        display: block;
        margin-top: 6px;
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        color: #fff; }
    .prd-ai-fm {
      width: 100%;
      margin-top: 21px; }
      .prd-ai-fm .qs {
        margin-top: 12px; }
    .prd-ai-des {
      width: 100%;
      margin-top: 16px;
      font-size: 14px;
      line-height: 18px;
      text-align: center;
      color: #fff; }

.ui-datepicker {
  z-index: 1050 !important;
  background: #fff;
  padding: 15px 12px;
  -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 7px;
          border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: none; }
  .ui-datepicker-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    position: relative;
    padding: 0 20px; }
  .ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    font-size: 0;
    cursor: pointer; }
    .ui-datepicker-prev::before, .ui-datepicker-prev::after, .ui-datepicker-next::before, .ui-datepicker-next::after {
      content: '';
      position: absolute;
      width: 8px;
      height: 1px;
      left: 5px;
      background: #9f9999;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: background .25s;
      -o-transition: background .25s;
      transition: background .25s; }
    .ui-datepicker-prev::before, .ui-datepicker-next::before {
      top: 7px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .ui-datepicker-prev::after, .ui-datepicker-next::after {
      top: 12px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
  .ui-datepicker-next {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .ui-datepicker-title {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: block; }
  .ui-datepicker-calendar {
    width: 100%;
    margin-top: 10px; }
    .ui-datepicker-calendar thead {
      background: rgba(0, 0, 0, 0.05); }
      .ui-datepicker-calendar thead tr th {
        padding: 7px;
        font-weight: 600;
        font-size: 14px;
        text-align: center; }
        .ui-datepicker-calendar thead tr th:first-child {
          padding-left: 10px; }
        .ui-datepicker-calendar thead tr th:last-child {
          padding-right: 10px; }
    .ui-datepicker-calendar tbody tr td {
      padding: 7px 0;
      width: 30px;
      font-weight: 400;
      font-size: 14px;
      text-align: center; }
      .ui-datepicker-calendar tbody tr td:first-child {
        padding-left: 10px; }
      .ui-datepicker-calendar tbody tr td:last-child {
        padding-right: 10px; }

.ui-state-disabled span {
  color: rgba(0, 0, 0, 0.2) !important;
  text-decoration: line-through; }

.ui-state-default {
  color: #000;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s; }

.ui-datepicker-today {
  padding: 0 !important; }
  .ui-datepicker-today a {
    display: block;
    position: relative;
    background: #F19FCA;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    padding: 7px 0;
    width: 30px;
    text-align: center;
    color: #fff !important; }

.ofo {
  width: 100%;
  margin-top: 70px; }
  .ofo-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 37px; }
  .ofo-im {
    float: left;
    width: 33.3333%;
    margin-top: 50px;
    position: relative; }
    .ofo-im:nth-child(1), .ofo-im:nth-child(2), .ofo-im:nth-child(3) {
      margin-top: 0; }
    .ofo-im i {
      float: left;
      width: 162px;
      height: auto;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-color: #f1f0f0;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      margin-right: 18px; }
      .ofo-im i a {
        display: block;
        padding-top: 100%; }
    .ofo-im span, .ofo-im div {
      float: left;
      width: -webkit-calc(90% - 122px);
      width: calc(90% - 122px);
      padding-bottom: 42px;}
      .ofo-im span a, .ofo-im div a {
        display: block;
        font-size: 18px;
        line-height: 22px;
        color: #000; }
      .ofo-im span b, .ofo-im div b {
        display: block;
        margin-top: 7px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.03em; }
    .ofo-im button {
      width: 150px;
      position: absolute;
      left: 180px;
      bottom: 7px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 38px;
      line-height: 38px;
      font-size: 14px; }
      .ofo-im button.added {
        background-color: #5DDE91 !important; }
      .ofo-im button::before {
        content: '';
        float: left;
        width: 16px;
        height: 16px;
        margin: 11px 10px 0 0;
        background: url(../image/cart.svg) center/contain no-repeat; }
      .ofo-im button.active {
        background: #FAFAFA;
        color: #000; }
        .ofo-im button.active::before {
          background: url(../image/ok-b.svg) center no-repeat;
          margin-right: 5px; }

.agc {
  width: 100%;
  margin-top: 70px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-color: #f1f0f0;
  padding: 80px; }
  .tt + .agc {
    margin-top: 35px;
  }
  .agc-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background: #fff; }
  .agc-ifo {
    padding: 55px 80px 66px; }
    .agc-ifo h2 {
      display: block; }
    .agc-ifo span, .agc-ifo div {
      display: block;
      margin-top: 16px; }
      .agc-ifo span:first-child, .agc-ifo div:first-child {
        margin-top: 0;
      }
      .agc-ifo span p, .agc-ifo div p {
        display: block;
        margin-top: 20px;
        font-size: 20px;
        line-height: 36px; }
        .agc-ifo span p:first-child, .agc-ifo div p:first-child {
          margin: 0; }
        .agc-ifo span p a, .agc-ifo div p a {
          color: #E5A3C8;
        }
    .agc-ifo ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      margin-top: 20px; }
      .agc-ifo ul p {
        float: left;
        font-size: 20px;
        line-height: 35px;
        color: #000;
        margin-right: 16px; }
      .agc-ifo ul li {
        float: left;
        margin-right: 15px; }
        .agc-ifo ul li:last-child {
          margin: 0; }
        .agc-ifo ul li a {
          display: block;
          color: #000;
          background: #FAFAFA;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          padding: 0 10px;
          font-size: 20px;
          line-height: 35px;
          font-size: 16px;
          color: #000;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
  .agc-ctn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding: 56px 0;
    background: url(../image/agc3.webp) center/cover no-repeat; }
    .agc-ctn div {
      display: block;
      width: auto;
      margin: auto; }
      .agc-ctn div h2 {
        display: block;
        text-align: center; }
      .agc-ctn div p {
        display: block;
        width: 100%;
        max-width: 335px;
        margin: 12px auto 0;
        font-size: 14px;
        line-height: 21px;
        text-align: center; }
      .agc-ctn div a {
        display: block;
        width: 250px;
        -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
                box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
        margin: 19px auto 0; }
      .agc-ctn div span {
        display: block;
        text-align: center;
        margin: 27px auto 0;
        font-size: 11px;
        line-height: 14px;
        color: rgba(0, 0, 0, 0.4);
        width: 100%;
        max-width: 250px; }

.rdp {
  width: 100%;
  margin-top: 70px; }
  .rdp-block {
    width: -webkit-calc(100% + 16px);
    width: calc(100% + 16px);
    display: flex;
    flex-flow: wrap;
    margin: 36px -8px 0; }
    .rdp-block .pd {
      width: -webkit-calc(25% - 16px);
      width: calc(25% - 16px);
    }
    .rdp-block-home {
      margin-bottom: -48px;
    }
  .rdp-sl {
    width: -webkit-calc(100% + 16px);
    width: calc(100% + 16px);
    margin: 36px -8px 0; }
    .rdp-sl .slick-arrow {
      top: 133px;
      background: #FAFAFA; }
      .rdp-sl .slick-arrow::before, .rdp-sl .slick-arrow::after {
        background: #000; }
    .rdp-sl .slick-prev {
      left: -15px; }
    .rdp-sl .slick-next {
      right: -15px; }
    .rdp-sl .pd {
      padding-bottom: 0;
      margin-bottom: 0; }

.cct {
  width: 100%;
  margin-top: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .cct-tq, .cct-lox {
    display: none; }
  .cct-bc {
    float: left;
    width: 69%; }
  .cct-ov {
    float: right;
    margin-left: auto;
    width: 25%; }
  .cct-nw {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 7px;
            border-radius: 7px;
      transition: transform .5s;
    }
    .cct-nw.is_stuck.top:not(.bottom) {
      transform: translateY(120px);
    }
    .cct-nw-tt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      padding: 25px 30px 17px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .cct-nw-tt h3 {
        float: left; }
      .cct-nw-tt p {
        float: right;
        margin: 10px 0 0 auto;
        font-size: 14px;
        line-height: 20px; }
    .cct-nw-min {
      width: 100%;
      font-size: 15px;
      text-align: center;
      color: #ff0000;
      padding: 25px 30px 0; }
    .cct-nw-ds {
      width: 100%;
      padding: 28px 30px 0; }
      .cct-nw-ds ul {
        display: block;
        margin-top: 18px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .cct-nw-ds ul:first-child {
          margin: 0;
          padding-bottom: 19px; }
        .cct-nw-ds ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          margin-top: 9px; }
          .cct-nw-ds ul li:first-child {
            margin: 0; }
          .cct-nw-ds ul li p {
            float: left;
            white-space: nowrap;
            font-size: 14px;
            line-height: 20px; }
            .cct-nw-ds ul li p:last-child {
              padding-left: 10px;
              float: right;
              text-overflow: ellipsis;
              overflow: hidden;
              margin-left: auto; }
      .cct-nw-ds span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        margin-top: 20px; }
        .cct-nw-ds span:first-child {
          margin: 0; }
        .cct-nw-ds span p {
          float: left;
          font-size: 24px;
          line-height: 30px; }
          .cct-nw-ds span p:last-child {
            float: right;
            margin-left: auto; }
    .cct-nw-ta {
      width: 100%;
      padding: 20px 30px 27px; }
      .cct-nw-ta .link-s {
        display: none;
        width: 100%; }
      .cct-nw-ta .link-s.active {
        display: block;
      }
      .cct-nw-ta button {
        width: 100%;
        margin-top: 16px;
        -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
                box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
      .cct-nw-ta button:first-child {
        margin: 0;
      }
      .cct-nw-ta button.disabled {
        background: #eaeaea;
        pointer-events: none;
        box-shadow: none;
      }
      .cct-nw-ta span {
        display: block;
        margin-top: 24px;
        font-size: 10px;
        line-height: 15px;
        color: rgba(0, 0, 0, 0.5);
        text-align: center; }
        .cct-nw-ta span a {
          text-decoration: underline;
          color: rgba(0, 0, 0, 0.5);
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
  .cct-tt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .cct-tt:has(+.cct-tab) {
      border: 0;
    }
    .cct-tt:first-child {
      margin-top: 50px; }
    .cct-tt h3 {
      float: left;
      line-height: 40px;
      color: #000; }
    .cct-tt h3 + .cct-tt-lg {
      margin-left: auto;
    }
    .open-modal {
      cursor: pointer;
    }
    .cct-tt-ct {
      float: right;
      margin-left: auto;
      padding-top: 16px; }
      .cct-tt-ct button, .cct-tt-ct a {
        float: left;
        font-size: 14px;
        line-height: 14px;
        color: #000;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .cct-tt-ct button img, .cct-tt-ct button svg, .cct-tt-ct a img, .cct-tt-ct a svg {
          float: left;
          width: 14px;
          height: auto;
          margin-right: 9px; }
          .cct-tt-ct button img path, .cct-tt-ct button svg path, .cct-tt-ct a img path, .cct-tt-ct a svg path {
            fill: #000;
            -webkit-transition: fill .25s;
            -o-transition: fill .25s;
            transition: fill .25s; }
      .cct-tt-ct button {
        margin-right: 25px; }
    .cct-tt-soc {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: auto; }
      .cct-tt-soc a {
        float: left;
        width: 40px;
        height: 40px;
        margin-right: 15px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 50%;
                border-radius: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        cursor: pointer;
        -webkit-transition: border .25s;
        -o-transition: border .25s;
        transition: border .25s; }
        .cct-tt-soc a:last-child {
          margin: 0; }
        .cct-tt-soc a img {
          width: auto;
          height: auto;
          margin: auto;
          display: block; }
    .cct-tt-io {
      float: right;
      margin-left: auto;
      padding-top: 17px; }
      .cct-tt-io a {
        display: block;
        font-size: 16px;
        color: #000; }
        .cct-tt-io a s {
          background-image: url(../image/tool-l.svg); }
    .cct-tt-lg {
      float: right;
      margin-left: 35px;
      padding-top: 13px; }
      .cct-tt-lg a {
        float: left;
        font-size: 16px;
        line-height: 16px;
        color: #000;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .cct-tt-lg a:first-child {
          margin-right: 30px; }
        .cct-tt-lg a img, .cct-tt-lg a svg {
          float: left;
          height: 16px;
          width: auto;
          height: auto;
          margin-right: 9px; }
          .cct-tt-lg a img path, .cct-tt-lg a svg path {
            fill: #000;
            -webkit-transition: fill .25s;
            -o-transition: fill .25s;
            transition: fill .25s; }
  .cct-oo1 .cct-tt {
    margin: 15px 0 0; }
  .cct-crt {
    width: 100%;
    margin-top: 38px; }
    .cct-crt-im {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 30px;
      position: relative; }
      .cct-crt-im:first-child {
        margin: 0; }
      .cct-crt-im::before {
        content: '';
        position: absolute;
        width: -webkit-calc(100% - 130px);
        width: calc(100% - 130px);
        height: 1px;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.1); }
    .cct-crt-img {
      float: left;
      width: 100px;
      height: auto;
      background-color: #f1f0f0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      -webkit-border-radius: 3px;
              border-radius: 3px; }
      .cct-crt-img::before {
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%; }
    .cct-crt-dt {
      width: 100%;
      float: left;
      width: -webkit-calc(100% - 130px);
      width: calc(100% - 130px);
      margin: 6px 0 0 30px; }
      .cct-crt-dt p {
        display: block;
        font-size: 12px;
        line-height: 14px;
        color: rgba(0, 0, 0, 0.4); }
      .cct-crt-dt a {
        display: inline-block;
        margin-top: 7px;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #000;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
    .cct-crt-sc {
      position: absolute;
      left: 130px;
      top: 58px; }
    .cct-crt-is {
      float: left;
      margin-right: 30px;
      position: relative;
      z-index: 1; }
      .cct-crt-is.not span p {
        padding: 0;
        cursor: default;
        color: #000 !important; }
        .cct-crt-is.not span p::before, .cct-crt-is.not span p::after {
          display: none; }
      .cct-crt-is:last-child {
        margin: 0; }
      .cct-crt-is.index {
        z-index: 2; }
      .cct-crt-is span {
        display: block; }
        .cct-crt-is span p {
          display: block;
          position: relative;
          padding-right: 14px;
          font-size: 13px;
          line-height: 16px;
          color: #000;
          cursor: pointer;
          z-index: 3;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .cct-crt-is span p b {
            font-weight: 400; }
          .cct-crt-is span p::before, .cct-crt-is span p::after {
            content: '';
            position: absolute;
            width: 5px;
            height: 0.5px;
            top: 7px;
            background: #000;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: background .25s, -webkit-transform .25s;
            transition: background .25s, -webkit-transform .25s;
            -o-transition: transform .25s, background .25s;
            transition: transform .25s, background .25s;
            transition: transform .25s, background .25s, -webkit-transform .25s; }
          .cct-crt-is span p::before {
            right: 0;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .cct-crt-is span p::after {
            right: 3px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
      .cct-crt-is > ul {
        display: none;
        position: absolute;
        background: #FAFAFA;
        padding: 54px 25px 35px;
        -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
                box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
        -webkit-border-radius: 7px;
                border-radius: 7px;
        min-width: -webkit-calc(100% + 50px);
        min-width: calc(100% + 50px);
        z-index: 2;
        top: -21px;
        left: -25px; }
        .cct-crt-is > ul .qs {
          background: #fff;
          width: 300px;
          margin-top: 12px; }
          .cct-crt-is > ul .qs:first-child {
            margin: 0; }
          .cct-crt-is > ul .qs p {
            background: #fff; }
        .cct-crt-is > ul > li {
          display: block;
          font-size: 14px;
          line-height: 20px;
          color: #000;
          padding: 5px 0;
          cursor: pointer;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .cct-crt-is > ul > li.active {
            color: rgba(0, 0, 0, 0.2); }
            .cct-crt-is > ul > li.active i::before {
              opacity: 1; }
          .cct-crt-is > ul > li.wt i {
            border: 1px solid rgba(0, 0, 0, 0.1); }
            .cct-crt-is > ul > li.wt i::before {
              background: rgba(0, 0, 0, 0.1);
              top: 3px;
              left: 3px; }
          .cct-crt-is > ul > li p {
            display: inline-block;
            margin-left: 4px; }
          .cct-crt-is > ul > li i {
            float: left;
            width: 15px;
            height: 15px;
            margin: 2px 8px 0 0;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            position: relative; }
            .cct-crt-is > ul > li i::before {
              content: '';
              position: absolute;
              width: 7px;
              height: 7px;
              -webkit-border-radius: 50%;
                      border-radius: 50%;
              background: #fff;
              top: 4px;
              left: 4px;
              z-index: 1;
              opacity: 0;
              -webkit-transition: opacity .25s;
              -o-transition: opacity .25s;
              transition: opacity .25s; }
    .cct-crt-cl {
      position: absolute;
      top: 0;
      right: 0; }
      .cct-crt-cl p {
        display: none; }
      .cct-crt-cl b {
        position: absolute;
        width: 83px;
        font-weight: 400;
        font-size: 18px;
        color: #000;
        right: 0;
        direction: ltr;
        top: 29px; }
      .cct-crt-cl s {
        position: absolute;
        width: 83px;
        font-size: 13px;
        color: rgba(0, 0, 0, 0.3);
        text-decoration: line-through;
        right: 0;
        top: 58px; }
      .cct-crt-cl i {
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../image/like.svg) center/11px no-repeat;
        right: 14px;
        top: 0;
        opacity: .2;
        cursor: pointer;
        -webkit-transition: opacity .25s, background .25s;
        -o-transition: opacity .25s, background .25s;
        transition: opacity .25s, background .25s; }
        .cct-crt-cl i.active {
          opacity: 1;
          background: url(../image/like-a.svg) center/11px auto no-repeat; }
      .cct-crt-cl button {
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../image/close.svg) center/9px auto no-repeat;
        top: 0;
        right: -7px;
        opacity: .2;
        cursor: pointer;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
        .cct-crt-cl button u {
          display: none; }
      .cct-crt-cl span {
        position: absolute;
        width: 73px;
        right: 149px;
        top: 28px;
        height: 22px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .cct-crt-cl span input {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 18px;
          line-height: 22px;
          color: #000;
          text-align: center; }
        .cct-crt-cl span a {
          position: absolute;
          width: 20px;
          height: 22px;
          top: 0;
          z-index: 1;
          cursor: pointer; }
          .cct-crt-cl span a.plus {
            right: 0;
            background: url(../image/plus.svg) center no-repeat; }
          .cct-crt-cl span a.minus {
            left: 0;
            background: url(../image/minus.svg) center no-repeat; }
  .cct-ofo {
    margin-top: 30px; }
    .cct-ofo + .cct-tt {
      margin-top: 50px; }
    .cct-ofo h4 {
      display: block; }
    .cct-ofo-im {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 18px; }
      .cct-ofo-im i {
        width: 122px; }
      .cct-ofo-im span {
        margin: 0;
        width: -webkit-calc(100% - 155px);
        width: calc(100% - 155px); }
        .cct-ofo-im span a {
          font-size: 13px;
          line-height: 17px; }
        .cct-ofo-im span b {
          margin-top: 5px;
          font-size: 16px; }
        .cct-ofo-im span b s {
          padding-left: 7px;
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.3);
          text-decoration: line-through;
        }
      .cct-ofo-im button {
        left: 140px;
        bottom: 0;
        width: 130px; }
  .cct-fa {
    width: 100%;
    margin-top: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .cct-fa + .cct-tt {
      margin-top: 45px; }
    .cct-fa-ifo {
      float: right;
      margin-left: auto;
      width: 27%; }
      .cct-fa-ifo h5 {
        display: block;
        font-weight: 400; }
      .cct-fa-ifo > span {
        display: block;
        margin-top: 10px; }
        .cct-fa-ifo > span p {
          display: block;
          font-size: 13px;
          line-height: 22px;
          color: #000;
          margin-top: 15px; }
          .cct-fa-ifo > span p:first-child {
            margin: 0; }
      .cct-fa-ifo > a {
        width: 100%;
        margin-top: 14px;
        height: 40px;
        line-height: 38px; }
      .cct-fa-ifo--check {
        margin-top: 24px; }
        .cct-fa-ifo--check .qi {
          margin-top: 20px; }
        .cct-fa-ifo--check .qt {
          margin-top: 20px;
          height: 102px; }
        .cct-fa-ifo--check > p {
          display: block;
          margin-top: 9px;
          font-size: 13px;
          line-height: 21px; }
        .cct-fa-ifo--check label {
          display: block;
          width: 100%;
          position: relative;
          margin-top: 11px; }
          .cct-fa-ifo--check label:first-child {
            margin: 0; }
          .cct-fa-ifo--check label input {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
            opacity: 0;
            cursor: pointer; }
            .cct-fa-ifo--check label input:checked ~ b::after {
              opacity: 1; }
          .cct-fa-ifo--check label b {
            display: block;
            padding: 0 0 0 28px;
            font-size: 18px;
            line-height: 22px;
            color: #000;
            font-weight: 400; }
            .cct-fa-ifo--check label b::before {
              content: '';
              position: absolute;
              width: 16px;
              height: 16px;
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              border: 1px solid #000;
              top: 3px;
              left: 0;
              -webkit-transition: background .25s, border .25s;
              -o-transition: background .25s, border .25s;
              transition: background .25s, border .25s; }
            .cct-fa-ifo--check label b::after {
              content: '';
              position: absolute;
              width: 16px;
              height: 16px;
              background: url(../image/ok-b.svg) center/8px auto no-repeat;
              top: 3px;
              left: 0;
              z-index: 1;
              opacity: 0;
              -webkit-transition: opacity .25s;
              -o-transition: opacity .25s;
              transition: opacity .25s; }
    .cct-fa-aa {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px);
      margin: 20px 10px 0;
      background: #FAFAFA;
      -webkit-border-radius: 50px;
              border-radius: 50px;
      position: relative; }
      .cct-fa-aa label p span {
        display: contents;
      }
      .cct-fa-aa::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 20px;
        top: 15px;
        background: rgba(0, 0, 0, 0.1);
        left: 50%; }
      .cct-fa-aa label {
        float: left;
        width: 50%;
        position: relative; }
        .cct-fa-aa label input {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          cursor: pointer;
          opacity: 0; }
          .cct-fa-aa label input:checked + p::before {
            opacity: 1; }
        .cct-fa-aa label p {
          width: 100%;
          height: 50px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 100%;
          font-size: 16px;
          line-height: 50px; }
          .cct-fa-aa label p::before {
            content: '';
            float: left;
            width: 14px;
            height: 100%;
            background: url(../image/cct2.svg) center/contain no-repeat;
            margin-right: 5px;
            opacity: 0; }
    .cct-fa-ab {
      width: 100%;
      margin-top: 20px; }
    .cct-fa-rz {
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px);
      margin: 0 10px;
      background: #FAFAFA;
      -webkit-border-radius: 25px;
              border-radius: 25px; }
      .cct-fa-rz label {
        display: block;
        width: 100%;
        height: 50px;
        position: relative;
        border-top: 1px solid rgba(0, 0, 0, 0.05); }
        .cct-fa-rz label:first-child {
          border: 0; }
        .cct-fa-rz label input {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 2;
          opacity: 0;
          cursor: pointer; }
          .cct-fa-rz label input:checked ~ p::before {
            background: #F19FCA;
            border-color: #F19FCA; }
          .cct-fa-rz label input:checked ~ p::after {
            opacity: 1; }
        .cct-fa-rz label a {
          position: absolute;
          z-index: 3;
          top: 0;
          right: 10px;
          width: 50px;
          height: 50px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
          .cct-fa-rz label a img, .cct-fa-rz label a svg {
            display: block;
            width: auto;
            height: 16px;
            margin: auto; }
            .cct-fa-rz label a img path, .cct-fa-rz label a svg path {
              fill: #000;
              -webkit-transition: fill .25s;
              -o-transition: fill .25s;
              transition: fill .25s; }
        .cct-fa-rz label p {
          display: block;
          padding: 15px 0 0 24px;
          font-size: 16px;
          line-height: 20px;
          color: #000; }
    .cct-fa-fm {
      float: left;
      width: 69%; }
      .cct-fa-fm h5 {
        display: block;
        font-weight: 400; }
      .cct-fa-fm form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        margin: 26px -10px 0; }
        .cct-fa-fm form .qq {
          float: left;
          width: -webkit-calc(50% - 20px);
          width: calc(50% - 20px);
          margin: 20px 10px 0; }
          .cct-fa-fm form .qq:nth-child(1), .cct-fa-fm form .qq:nth-child(2) {
            margin-top: 0; }
          .cct-fa-fm form .qq.full {
            width: -webkit-calc(100% - 20px);
            width: calc(100% - 20px); }
        .cct-fa-fm form .qt {
          width: -webkit-calc(100% - 20px);
          width: calc(100% - 20px);
          height: 102px; }
        .cct-fa-fm form .qi > a {
          position: absolute;
          z-index: 3;
          top: 17px;
          right: 25px;
          font-size: 13px;
          line-height: 16px;
          color: #000;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .cct-fa-fm form .qi > a img, .cct-fa-fm form .qi > a svg {
            float: left;
            width: auto;
            height: 16px;
            margin-right: 7px; }
            .cct-fa-fm form .qi > a img path, .cct-fa-fm form .qi > a svg path {
              fill: #000;
              -webkit-transition: fill .25s;
              -o-transition: fill .25s;
              transition: fill .25s; }
    .cct-fa-pon {
      width: 100%;
      margin-top: 20px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 7px;
              border-radius: 7px;
      padding: 18px 26px; }
      .cct-fa-pon h5 {
        display: block;
        font-weight: 600; }
      .cct-fa-pon span {
        display: block;
        margin-top: 7px; }
        .cct-fa-pon span p {
          display: block;
          margin-top: 15px;
          font-size: 16px;
          line-height: 24px; }
          .cct-fa-pon span p:first-child {
            margin: 0; }
  .cct-tab {
    width: 100%;
    /*margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;*/ }
    .cct-tab-bc {
      float: left;
      width: 65%; }
    .cct-tab-im {
      display: none;
      position: relative; }
      .cct-tab-im.active {
        display: block; }
      .cct-tab-im > span {
        display: block;
        width: 100%; }
        .cct-tab-im > span.min {
          width: -webkit-calc(100% - 230px);
          width: calc(100% - 230px); }
          .cct-tab-im > span.min + .qs {
            position: absolute;
            width: 222px;
            right: 0;
            bottom: 0; }
        .cct-tab-im > span h4 {
          display: block; }
        .cct-tab-im > span p {
          display: block;
          margin-top: 10px;
          font-size: 16px;
          line-height: 27px; }
        .cct-tab-im > span ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          width: 100%;
          margin-top: 16px; }
          .cct-tab-im > span ul img {
            float: left;
            width: auto;
            height: auto;
            max-width: 48px;
            max-height: 24px;
            margin-left: 10px; }
            .cct-tab-im > span ul img:first-child {
              margin: 2px 0 auto; }
    .cct-tab-fm {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 16px; }
      .cct-tab-fm .qq:first-child {
        width: 100%; }
      .cct-tab-fm .qq:nth-child(2) {
        margin: 20px 0 0; }
      .cct-tab-fm a {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 20px 0 0 20px;
        position: relative; }
        .cct-tab-fm a.active i::before {
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .cct-tab-fm a.active i::after {
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .cct-tab-fm a i {
          float: right;
          width: 26px;
          height: 100%;
          position: relative; }
          .cct-tab-fm a i::before, .cct-tab-fm a i::after {
            content: '';
            position: absolute;
            width: 9px;
            height: 1px;
            top: 23px;
            background: #000;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .cct-tab-fm a i::before {
            right: 6px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
          .cct-tab-fm a i::after {
            right: 0;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
    .cct-tab-list {
      float: right;
      width: 32%;
      margin: 0 0 auto auto;
      border-left: 1px solid rgba(0, 0, 0, 0.1); }
      .cct-tab-list p {
        display: none; }
      .cct-tab-list ul {
        width: 100%; }
        .cct-tab-list ul li {
          display: block;
          margin-top: 10px;
          position: relative;
          width: 100%; }
          .cct-tab-list ul li:first-child {
            margin: 0; }
          .cct-tab-list ul li input {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            z-index: 1;
            cursor: pointer;
          }
          .cct-tab-list ul li label {
            display: block;
            width: 100%;
            padding-left: 18px;
            min-height: 26px;
            line-height: 26px;
            font-size: 16px;
            color: #000;
            cursor: pointer;
            position: relative;
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s;
          }
          .cct-tab-list ul li label::before {
            content: '';
            position: absolute;
            width: 2px;
            height: 100%;
            top: 0;
            left: -1px;
            bottom: 0;
            opacity: 0;
            background: #F19FCA;
            -webkit-transition: opacity .25s;
            -o-transition: opacity .25s;
            transition: opacity .25s; }
          .cct-tab-list ul li input:checked + label {
            color: #f19fca;
            cursor: default; }
            .cct-tab-list ul li input:checked + label::before {
              opacity: 1; }

.cct__pay {
  width: 100%;
  border-radius: 7px;
/*  background: #FAFAFA;*/
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cct__pay-item {
  width: 100%;
  position: relative;
}
.cct__pay-item::before {
  content: '';
  position: absolute;
  width: calc(100% - 40px);
  height: 1px;
  top: 0;
  left: 20px;
  background: rgba(0, 0, 0, 0.1);
}
.cct__pay-item:first-child::before {
  display: none;
}
.cct__pay-item input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.cct__pay-item input:checked + .cct__pay-box .cct__pay-name::after {
  opacity: 1;
}
.cct__pay-item input:checked + .cct__pay-box .cct__pay-name::before {
  border-color: #f19fca !important;
  background: #f19fca;
  transition: border 0s;
}
.cct__pay-item input:checked + .cct__pay-box .cct__pay-desc {
  display: block;
}
.cct__pay-box {
  position: relative;
  width: 100%;
  padding: 18px 20px;
  z-index: 0;
}
.cct__pay-name {
  display: block;
  padding-left: 30px;
  font-size: 18px;
  line-height: 140%;
  position: relative;
}
.cct__pay-name::before, .cct__pay-name::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 2px;
  left: 0;
}
.cct__pay-name::before {
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: border .3s;
}
.cct__pay-name::after {
  opacity: 0;
  background: url(../image/check-white.svg) center/15px auto no-repeat;
}
.cct__pay-desc {
  display: none;
  margin-top: 6px;
  font-size: 14px;
  line-height: 140%;
}
.cct__pay-item:hover .cct__pay-name::before {
  border-color: #000;
}

.omi {
  width: 100%;
  padding-top: 81px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  position: relative; }
  .omi-img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .omi-img i {
      position: absolute;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
      .omi-img i::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
      .omi-img i:nth-child(1) {
        width: 176px;
        top: -14px;
        left: 23px; }
      .omi-img i:nth-child(2) {
        width: 78px;
        top: 282px;
        left: 160px; }
      .omi-img i:nth-child(3) {
        width: 114px;
        top: -30px;
        right: 130px; }
      .omi-img i:nth-child(4) {
        width: 163px;
        top: 141px;
        right: 0; }
      .omi-img i:nth-child(5) {
        width: 78px;
        top: 297px;
        right: 180px; }
  .omi-bc {
    display: block;
    width: 100%;
    max-width: 760px;
    margin: 0 auto; }
    .omi-bc-text {
      display: block;
      font-weight: 300;
      font-size: 48px;
      line-height: 67px;
      text-align: center; }
    .omi-bc q {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 300px;
      margin: 26px auto 0;
      position: relative; }
      .omi-bc q::before, .omi-bc q::after {
        display: none; }
      .omi-bc q i {
        float: left;
        width: 145px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .omi-bc q i img {
          width: auto;
          height: auto;
          max-width: 100%;
          display: block;
          margin: auto; }
      .omi-bc-author {
        position: absolute;
        width: -webkit-calc(100% - 160px);
        width: calc(100% - 160px);
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
        .omi-bc-author b {
          display: block;
          width: 100%;
          font-weight: 600;
          font-size: 20px;
          line-height: 24px; }
        .omi-bc-author p {
          display: block;
          width: 100%;
          margin-top: 2px;
          font-size: 13px;
          line-height: 16px; }

.pcv {
  width: 100%;
  margin-top: 54px; }
  .pcv-im {
    width: 100%;
    height: 500px;
    margin-top: 50px;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f1f0f0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .pcv-im:first-child {
      margin: 0; }
    .pcv-im div {
      float: left;
      width: 50%;
      margin: auto 0 auto auto;
      padding: 55px 65px 65px 81px;
      background: rgba(255, 255, 255, 0.2);
      -webkit-backdrop-filter: blur(64px);
              backdrop-filter: blur(64px);
      -webkit-border-radius: 3px 0 0 3px;
              border-radius: 3px 0 0 3px; }
      .pcv-im div h2 {
        display: block;
        color: #fff; }
      .pcv-im div span {
        display: block;
        margin-top: 15px; }
        .pcv-im div p {
          display: block;
          font-size: 20px;
          line-height: 32px;
          color: #fff;
          margin-top: 15px; }
          .pcv-im div p:first-child {
            margin: 0; }
          .pcv-im div p a {
            color: #E5A3C8;
          }
    .pcv-im:nth-child(2n) div {
      float: right;
      margin: auto auto auto 0; }

.brn {
  width: 100%;
  margin-top: 30px; }
  .brn .tt + .brn-bc {
    margin-top: 36px; }
  .brn-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% + 6px);
    width: calc(100% + 6px);
    margin: 0 -3px; }
    .brn-bc a {
      float: left;
      width: -webkit-calc(20% - 6px);
      width: calc(20% - 6px);
      margin: 0 3px 21px; }
      .brn-bc a i {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        height: 130px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 3px;
                border-radius: 3px;
        -webkit-transition: -webkit-transform .25s, -webkit-box-shadow .25s;
        transition: -webkit-transform .25s, -webkit-box-shadow .25s;
        -o-transition: transform .25s, box-shadow .25s;
        transition: transform .25s, box-shadow .25s;
        transition: transform .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s; }
        .brn-bc a i img {
          display: block;
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 100%;
          margin: auto; }
      .brn-bc a p {
        display: block;
        margin-top: 10px;
        font-size: 16px;
        line-height: 20px;
        color: #000;
        text-align: center;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }

.gty {
  width: 100%;
  margin-top: 47px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 60px; }
  .gty-bc {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    max-width: 980px;
    margin: 0 auto; }
  .gty-tt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .gty-tt h3 {
      float: left;
      line-height: 34px; }
    .gty-tt p {
      float: right;
      margin: 8px 0 0 auto;
      font-size: 16px;
      line-height: 20px; }
    .gty-tt a {
      float: right;
      margin: 11px 0 0 auto;
      font-size: 16px;
      line-height: 16px;
      color: #000;
      -webkit-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s; }
      .gty-tt a img, .gty-tt a svg {
        float: left;
        height: 14px;
        width: auto;
        height: auto;
        margin: 1px 9px 0 0; }
        .gty-tt a img path, .gty-tt a svg path {
          fill: #DCDCDC;
          -webkit-transition: fill .25s;
          -o-transition: fill .25s;
          transition: fill .25s; }
  .gty-ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 42px; }
    .gty-ol + .gty-tt {
      margin-top: 65px; }
    .gty-ol-t {
      float: left;
      width: 56%; }
      .gty-ol-t span {
        display: block; }
        .gty-ol-t span p {
          display: block;
          margin-top: 15px;
          font-size: 16px;
          line-height: 29px; }
          .gty-ol-t span p:first-child {
            margin: 0; }
      .gty-ol-t div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        margin-top: 28px; }
        .gty-ol-t div a {
          float: left;
          margin-right: 20px;
          width: -webkit-calc(50% - 10px);
          width: calc(50% - 10px); }
          .gty-ol-t div a:last-child {
            margin-right: 0; }
    .gty-ol-n {
      float: right;
      margin-left: auto;
      width: 35%;
      height: 180px;
      position: relative;
      -webkit-border-radius: 7px;
              border-radius: 7px;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: #cc1475;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center; }
      .gty-ol-n video {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -o-object-fit: cover;
           object-fit: cover; }
      .gty-ol-n span {
        display: block;
        margin: auto;
        position: relative;
        z-index: 1; }
        .gty-ol-n span b {
          display: block;
          width: 100%;
          text-align: center;
          font-size: 72px;
          line-height: 86px;
          font-weight: 600;
          color: #fff; }
        .gty-ol-n span p {
          display: block;
          width: 100%;
          text-align: center;
          margin-top: 6px;
          font-size: 24px;
          line-height: 30px;
          color: #fff; }
  .gty-crt {
    width: 100%;
    margin-top: 49px; }
    .gty-crt + .gty-tt {
      margin-top: 70px; }
    .gty-crt .cct-crt-cl span::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3; }
    .gty-crt .cct-crt-cl span a {
      opacity: .3; }
    .gty-crt-total {
      width: 100%;
      margin-top: 22px; }
      .gty-crt-total p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      font-weight: 400;
      font-size: 14px;
      color: #7e7e7e; }
      .gty-crt-total p span {
        float: right;
        margin-left: auto;
      }
      .gty-crt-total + .gty-crt-t {
        margin-top: 0;
      }
    .gty-crt-t {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      margin-top: 22px; }
      .gty-crt-t p {
        float: left;
        font-size: 24px;
        line-height: 30px;
        color: #000; }
      .gty-crt-t ul {
        float: right;
        margin-left: auto; }
        .gty-crt-t ul li {
          float: left;
          font-size: 24px;
          line-height: 30px;
          position: relative;
          color: #000; }
          .gty-crt-t ul li:first-child {
            min-width: 135px; }
          .gty-crt-t ul li:last-child {
            min-width: 80px; }
          .gty-crt-t ul li b {
            display: block;
            font-weight: 400;
            font-size: 14px;
            color: #7e7e7e;
          }
  .gty-gt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 34px; }
    .gty-gt ul {
      float: left;
      width: 33.3333%;
      padding-right: 3%; }
      .gty-gt ul li {
        display: block;
        margin-top: 15px;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        position: relative;
        padding-left: 20px; }
        .gty-gt ul li:first-child {
          margin: 0; }
        .gty-gt ul li::before {
          content: '';
          position: absolute;
          width: 10px;
          height: 1px;
          background: rgba(0, 0, 0, 0.1);
          left: 0;
          top: 11px; }

.shq {
  width: 100%;
  margin-top: 70px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-color: #f1f0f0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 80px; }
  .shq-bc {
    width: 100%;
    background: #fff;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    padding: 48px 60px 75px; }
    .shq-bc .tt {
      margin: 0; }
  .shq-fm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    max-width: 895px;
    margin: 35px auto 0; }
    .shq-fm .qt {
      float: left;
      width: -webkit-calc(67% - 28px);
      width: calc(67% - 28px);
      margin-left: 28px;
      height: 260px; }
    .shq-fm.min .qt {
      height: 190px; }
  .shq-lt {
    float: left;
    width: 33%; }
    .shq-lt .qq {
      width: 100%;
      margin-top: 20px; }
      .shq-lt .qq:first-child {
        margin: 0; }
  .shq-bt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 26px; }
    .shq-bt span {
      float: left;
      width: 33%;
      height: 50px;
      text-align: center;
      font-size: 12px;
      line-height: 14px;
      color: rgba(0, 0, 0, 0.3); }
    .shq-bt span a {
      color: rgba(0, 0, 0, 0.8);
      text-decoration: underline; }
    .shq-bt .qf {
      float: left;
      width: -webkit-calc(26% - 28px);
      width: calc(26% - 28px);
      margin-left: 28px; }
    .shq-bt button {
      float: left;
      width: -webkit-calc(41% - 28px);
      width: calc(41% - 28px);
      margin-left: 28px; }

.faq {
  width: 100%;
  margin-top: 34px; }
  .faq_other {
    margin-top: 70px;
  }
  .faq_other .faq-bc {
    max-width: 990px;
    margin-top: 30px;
  }
  .faq-tab {
    width: 100%; }
  .faq-bc {
    width: 100%;
    max-width: 810px;
    margin: 68px auto 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .faq__item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
      .faq__item.active .faq__item-name::before {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        background: rgba(0, 0, 0, 0.2); }
      .faq__item.active .faq__item-name::after {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        background: rgba(0, 0, 0, 0.2); }
      .faq__item-name {
        display: block;
        width: 100%;
        padding: 28px 50px 28px 0;
        font-weight: 400;
        position: relative;
        cursor: pointer;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
        .faq__item-name::before, .faq__item-name::after {
          content: '';
          position: absolute;
          width: 9px;
          height: 1px;
          top: 39px;
          background: #000;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: background .25s, -webkit-transform .25s;
          transition: background .25s, -webkit-transform .25s;
          -o-transition: transform .25s, background .25s;
          transition: transform .25s, background .25s;
          transition: transform .25s, background .25s, -webkit-transform .25s; }
        .faq__item-name::before {
          right: 17px;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .faq__item-name::after {
          right: 23px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
      .faq__item-desc {
        display: none;
        width: 100%;
        padding-bottom: 40px; }
        .faq__item-desc p {
          display: block;
          margin-top: 15px;
          font-size: 16px;
          line-height: 26px; }
          .faq__item-desc p:first-child {
            margin: 0; }
          .faq__item-desc p a {
            color: #000;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          }
        .faq__item-desc img {
          width: auto;
          height: auto;
          max-width: 100%;
          display: block;
          margin-top: 21px; }

.mct {
  width: 100%;
  margin-top: 70px; }
  .mct-os {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 7px;
            border-radius: 7px;
    overflow: hidden;
    margin-top: 43px; }
    .mct-os a {
      display: block !important;
      float: left;
      width: 33.3333%;
      padding: 43px 55px;
      -webkit-transition: background .25s;
      -o-transition: background .25s;
      transition: background .25s; }
      .mct-os a:nth-child(2) {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1); }
      .mct-os a p {
        display: block;
        font-size: 13px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.4);
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
      .mct-os a span {
        display: block;
        margin-top: 13px;
        font-weight: 300;
        font-size: 32px;
        line-height: 38px;
        color: #000; }
      .mct-os a b {
        display: block;
        margin-top: 9px;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #000;
        -webkit-transition: color .25s;
        -o-transition: color .25s;
        transition: color .25s; }
  .mct-map {
    width: 100%;
    margin-top: 70px;
    height: 550px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 7px;
            border-radius: 7px; }
  .mct-ifo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 70px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 7px;
            border-radius: 7px; }
    .mct-ifo div {
      float: left;
      width: 31%;
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      padding: 38px 48px; }
      .mct-ifo div h3 {
        display: block; }
      .mct-ifo div {
        display: block;
        margin-top: 18px; }
        .mct-ifo div p {
          display: block;
          margin-top: 15px;
          font-size: 16px;
          line-height: 27px; }
          .mct-ifo div p:first-child {
            margin-top: 0; }
      .mct-ifo div a {
        margin-top: 24px;
        padding: 0 40px; }
    .mct-ifo ul {
      float: left;
      width: 69%;
      padding: 10px 0 10px 68px; }
      .mct-ifo ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        position: relative;
        padding: 20px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .mct-ifo ul li:last-child {
          border: 0; }
        .mct-ifo ul li p {
          float: left;
          width: 41%;
          font-size: 16px;
          line-height: 21px; }
          .mct-ifo ul li p:first-child {
            width: 31%;
            padding-right: 50px;
            color: rgba(0, 0, 0, 0.4); }
        .mct-ifo ul li p a {
          color: #000;
        }
        .mct-ifo ul li > a {
          position: absolute;
          top: -webkit-calc(50% - 8px);
          top: calc(50% - 8px);
          right: 26px;
          font-size: 13px;
          line-height: 16px;
          color: #F19FCA;
          opacity: 0;
          cursor: pointer;
          -webkit-transition: color .25s, opacity .25s;
          -o-transition: color .25s, opacity .25s;
          transition: color .25s, opacity .25s; }
          .mct-ifo ul li > a img, .mct-ifo ul li > a svg {
            float: right;
            margin-left: 8px;
            width: auto;
            height: 16px; }
            .mct-ifo ul li > a img path, .mct-ifo ul li > a svg path {
              fill: #F19FCA;
              -webkit-transition: fill .25s;
              -o-transition: fill .25s;
              transition: fill .25s; }

.whs {
  width: 100%;
  padding-top: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative; }
  .whs div {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 42px;
    line-height: 60px;
    text-align: center; }
    .whs div p {
/*      color: #F19FCA;*/
      display: inline-block; }
      .whs div a {
        color: #F19FCA;
      }
  .whs q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 300px;
    margin: 26px auto 0;
    position: relative; }
    .whs q::before, .whs q::after {
      display: none; }
    .whs q i {
      float: left;
      width: 145px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .whs q i img {
        width: auto;
        height: auto;
        max-width: 100%;
        display: block;
        margin: auto; }
    .whs q span {
      position: absolute;
      width: -webkit-calc(100% - 160px);
      width: calc(100% - 160px);
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      .whs q span b {
        display: block;
        width: 100%;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px; }
      .whs q span p {
        display: block;
        width: 100%;
        margin-top: 2px;
        font-size: 13px;
        line-height: 16px; }

.dte {
  width: 100%;
  margin-top: 70px;
  height: auto;
  background: url(../image/dte.webp) center/cover no-repeat;
  -webkit-border-radius: 7px;
          border-radius: 7px; }
  .dte-th {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .dte-th div {
      float: left;
      width: 10%;
      height: 140px;
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      padding-top: 37px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .dte-th div:last-child {
        border: 0; }
      .dte-th div:first-child {
        width: 20%;
        padding-left: 40px;
        padding-top: 28px; }
        .dte-th div:first-child p {
          text-align: left;
          margin-top: 4px; }
      .dte-th div span {
        display: block;
        width: 100%;
        margin: auto;
        color: #fff; }
        .dte-th div span h3 {
          display: block; }
        .dte-th div span b {
          display: block;
          text-align: center;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          letter-spacing: 0.03em; }
        .dte-th div span p {
          display: block;
          margin-top: 6px;
          font-size: 20px;
          line-height: 24px;
          text-align: center; }
  .dte-td {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .dte-td:last-child div {
      height: 136px;
      padding-bottom: 54px;
      position: relative; }
      .dte-td:last-child div::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.1);
        left: 0;
        right: 0;
        bottom: 54px; }
    .dte-td div {
      float: left;
      width: 10%;
      height: 82px;
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .dte-td div:last-child {
        border: 0; }
      .dte-td div:first-child {
        width: 20%;
        padding-left: 46px; }
        .dte-td div:first-child p {
          text-align: left; }
      .dte-td div p, .dte-td div b {
        display: block;
        width: 100%;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.03em; }

.sps {
  width: 100%;
  margin-top: 86px; }
  .sps-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% + 14px);
    width: calc(100% + 14px);
    margin: 36px -7px 0; }
  .sps-ps {
      margin: 36px -7px 0;
    }  
    .sps-bc .pd {
      width: -webkit-calc(25% - 14px);
      width: calc(25% - 14px);
      margin: 0 7px 5px; }
    .sps-ps .pd a {
      text-decoration: none;
    }  
    .sps-ps .pd a.link {
      color: #fff;
    }

.pos {
  width: 100%;
  margin-top: 70px; }
  .pos-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    position: relative;
    margin-top: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
            border-radius: 3px; }
  .pos-tf {
    margin-top: 50px;
    font-size: 20px;
    line-height: 24px;
  }  
  .pos-tf-table {
    overflow-x: scroll;
  }
  .pos-tf table {
    width: 100%;
    background: url(../image/dte.webp) center/cover no-repeat;
    -webkit-border-radius: 7px;
    border-radius: 7px;
  }
  .pos-tf table td {
    padding: 20px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.03em;
  }        
  .pos-tf > p,
  .pos-tf > span,
  .pos-tf > a,
  .pos-tf > div {
    margin-top: 20px
  }
  .pos-im {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    padding: 28px 0 40px; }
  .pos-1 .pos-im {
    width: 100%;
    padding: 30px 70px 50px; }
  .pos-1 .pos-ls {
    width: 100%;
    border: 0; }
    .pos-1 .pos-ls ul {
      float: left;
      position: relative;
      width: 100%; }
      .pos-1 .pos-ls ul::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        left: 0;
        bottom: -2px;
        background: #fff;
      }
      .pos-1 .pos-ls ul li {
        float: left;
        width: 33.3333%;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        padding-left: 30px; }
        .pos-1 .pos-ls ul li:nth-child(3n) {
          border-right: 0;
        }
        .pos-1 .pos-ls ul li b {
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
        .pos-1 .pos-ls ul li p {
          text-align: left; }


  .pos-2 .pos-im {
    width: 50%; }
    .pos-2 .pos-im:nth-child(1) {
      border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .pos-2 .pos-bt a {
    min-width: 315px; }
  .pos-3 {
    border: 0;
    box-shadow: none;
    border-radius: 0;
  }
  .pos-3 .pos-im {
    margin: auto 0;
    width: 35%; }
    .pos-3 .pos-im:nth-child(1) {
      float: left; }
    .pos-3 .pos-im:nth-child(1), .pos-3 .pos-im:nth-child(3) {
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 4px 24px rgb(0 0 0 / 10%);
      box-shadow: 0px 4px 24px rgb(0 0 0 / 10%);
      -webkit-border-radius: 3px;
      border-radius: 3px;
    }
    .pos-3 .pos-im:nth-child(2) {
      margin-left: -2.5%;
      margin-right: -2.5%;
      background: #F19FCA;
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 3px;
              border-radius: 3px;
      z-index: 1; }
      .pos-3 .pos-im:nth-child(2) .pos-tt h2, .pos-3 .pos-im:nth-child(2) .pos-tt b, .pos-3 .pos-im:nth-child(2) .pos-tt p {
        color: #fff; }
      .pos-3 .pos-im:nth-child(2) .pos-ls ul li b {
        color: #fff; }
        .pos-3 .pos-im:nth-child(2) .pos-ls ul li b svg path {
          fill: #fff; }
      .pos-3 .pos-im:nth-child(2) .pos-ls ul li p {
        color: #fff; }
      .pos-3 .pos-im:nth-child(2) .pos-bt b {
        color: #fff; }
      .pos-3 .pos-im:nth-child(2) .pos-bt a {
        background: #fff;
        color: #000; }
    .pos-3 .pos-im:nth-child(3) {
      float: right;
      margin-left: auto; }
  .pos-tt {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .pos-tt h2 {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 48px;
      line-height: 58px;
      color: #F19FCA; }
    .pos-tt b {
      display: block;
      width: 100%;
      margin-top: 2px;
      font-size: 20px;
      line-height: 24px;
      text-align: center;
      color: #000; }
    .pos-tt p {
      display: block;
      margin: 22px auto 0;
      width: 100%;
      max-width: 320px;
      text-align: center;
      font-size: 18px;
      line-height: 25px; }
  .pos-ls {
    width: 74%;
    margin: 27px auto 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .pos-ls ul {
      display: block; }
      .pos-ls ul li {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
        .pos-ls ul li b {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          width: 100%;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          font-size: 16px;
          line-height: 20px;
          color: #F19FCA; }
          .pos-ls ul li b img, .pos-ls ul li b svg {
            float: left;
            width: 14px;
            height: 14px;
            margin: 3px 7px 0 0; }
            .pos-ls ul li b img path, .pos-ls ul li b svg path {
              fill: #F19FCA; }
        .pos-ls ul li p {
          display: block;
          margin-top: 5px;
          font-size: 20px;
          line-height: 28px;
          text-align: center;
          color: #000; }
  .pos-bt {
    width: 100%;
    margin-top: 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .pos-bt b {
      display: block;
      width: 100%;
      font-weight: 600;
      font-size: 28px;
      line-height: 34px;
      color: #000;
      text-align: center; }
    .pos-bt a {
      display: block;
      width: auto;
      padding: 0 40px;
      margin: 17px auto 0; }

.spo {
  width: 100%;
  margin-top: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .spo + .brn {
    margin-top: 80px; }
  .spo-bc {
    width: 100%;
    margin-top: 53px;
    float: left; }
    .spo-bc img {
      float: left;
      width: auto;
      height: auto;
      margin: 0 34px 18px 0;
      -webkit-border-radius: 6px;
              border-radius: 6px; }
      .spo-bc img + p {
        margin-top: 0; }
    .spo-bc p {
      display: block;
      font-size: 20px;
      line-height: 36px;
      margin-top: 10px; }
      .spo-bc p:first-child {
        margin: 0; }
  .spo-i {
    float: left;
    width: 100%;
    margin-top: 27px; }
    .spo-i img {
      float: left;
      width: -webkit-calc(50% - 15px);
      width: calc(50% - 15px);
      height: auto;
      -webkit-border-radius: 6px;
              border-radius: 6px; }
      .spo-i img:first-child {
        margin-right: 30px; }
  .spo-v {
    float: left;
    width: 100%;
    margin-top: 27px; }
    .spo-v a {
      float: left;
      width: -webkit-calc(50% - 15px);
      width: calc(50% - 15px);
      height: 393px;
      -webkit-border-radius: 6px;
              border-radius: 6px;
      position: relative; }
      .spo-v a:first-child {
        margin-right: 30px; }
      .spo-v a::before {
        content: '';
        position: absolute;
        width: 108px;
        height: 76px;
        top: -webkit-calc(50% - 38px);
        top: calc(50% - 38px);
        left: -webkit-calc(50% - 54px);
        left: calc(50% - 54px);
        background: url(../image/spo.webp) center/contain no-repeat;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        -o-transition: transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s; }

.ttu {
  width: 100%;
  margin-top: 36px; }
  .ttu-bc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: -webkit-calc(100% + 6px);
    width: calc(100% + 6px);
    margin: 36px -3px 0; }
    .ttu-bc a {
      float: left;
      width: -webkit-calc(20% - 6px);
      width: calc(20% - 6px);
      margin: 0 3px 6px;
      height: 130px;
      padding: 20px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: border .25s, -webkit-box-shadow .25s;
      transition: border .25s, -webkit-box-shadow .25s;
      -o-transition: border .25s, box-shadow .25s;
      transition: border .25s, box-shadow .25s;
      transition: border .25s, box-shadow .25s, -webkit-box-shadow .25s; }
      .ttu-bc a img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin: auto; }

.ppl {
  width: 100%;
  margin-top: 19px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .ppl-bc {
    float: left;
    width: 69%;
    margin-top: 23px; }
  .ppl-ov {
    float: right;
    margin-left: auto;
    width: 25%; }
  .ppl-sc {
    width: 100%; }
  .ppl-bat {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    height: auto;
    padding: 18px 0 24px;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: cener;
    -webkit-border-radius: 7px;
            border-radius: 7px; }
    .ppl-bat span {
      display: block;
      margin: auto; }
    .ppl-bat b {
      display: block;
      width: 100%;
      text-align: center;
      font-weight: 400;
      font-size: 64px;
      line-height: 76px;
      color: #fff; }
    .ppl-bat p {
      display: block;
      width: 100%;
      max-width: 185px;
      font-size: 18px;
      line-height: 24px;
      color: #fff;
      text-align: center; }
  .ppl-nw {
    width: 100%;
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 7px;
            border-radius: 7px;
    padding: 29px 37px 20px; }
    .ppl-nw h3 {
      display: block; }
    .ppl-nw ul {
      display: block;
      margin-top: 5px; }
      .ppl-nw ul li {
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
        .ppl-nw ul li:last-child {
          border: 0; }
        .ppl-nw ul li a, .ppl-nw ul li span {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          font-size: 16px;
          line-height: 20px;
          padding: 14px 0; }
          .ppl-nw ul li a img, .ppl-nw ul li span img {
            float: right;
            margin: 4px 0 auto 6px; }
        .ppl-nw ul li span {
          color: #F19FCA; }
        .ppl-nw ul li a {
          color: #000;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
  .ppl-tt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 16px; }
    .ppl-tt h3 {
      float: left;
      line-height: 40px; }
    .ppl-tt > span {
      float: right;
      margin-left: auto; }
      .ppl-tt > span .link {
        height: 40px;
        line-height: 40px;
        float: left;
        padding: 0 25px;
        font-size: 14px; }
      .ppl-tt > span .link-s {
        height: 40px;
        line-height: 38px;
        float: left;
        padding: 0 25px;
        font-size: 14px;
        margin-right: 15px; }
  .ppl-soc {
    float: right;
    margin-left: auto; }
    .ppl-soc span {
      float: left;
      margin-left: 26px; }
      .ppl-soc span a {
        float: left;
        width: auto;
        height: 38px;
        margin-top: 1px;
        border: 1px solid #000;
        -webkit-transition: border .25s;
        -o-transition: border .25s;
        transition: border .25s;
        padding: 0 25px;
        line-height: 36px;
        font-size: 14px;
        color: #000;
        -webkit-border-radius: 25px;
                border-radius: 25px; }
        .ppl-soc span a img {
          float: left;
          width: auto;
          height: 16px;
          margin: 11px 7px 0 0; }
    .ppl-soc div {
      float: left; }
      .ppl-soc div a {
        float: left;
        width: 40px;
        height: 40px;
        margin-right: 15px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 50%;
                border-radius: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        cursor: pointer;
        -webkit-transition: border .25s;
        -o-transition: border .25s;
        transition: border .25s; }
        .ppl-soc div a:last-child {
          margin: 0; }
        .ppl-soc div a img {
          width: auto;
          height: auto;
          margin: auto;
          display: block; }
  .ppl-os {
    width: 100%;
    margin-top: 50px; }
  .ppl-jn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 20px; }
    .ppl-jn:first-child {
      margin: 0; }
    .ppl-jn div {
      float: left;
      width: 36%; }
      .ppl-jn div i {
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 40px;
        height: 40px;
        background: #fff;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        position: relative;
        z-index: 2;
        border: 1px solid rgba(0, 0, 0, 0.1); }
        .ppl-jn div i img {
          display: block;
          width: auto;
          height: auto;
          margin: auto; }
      .ppl-jn div p {
        float: left;
        line-height: 40px;
        font-size: 16px;
        color: #000;
        margin-left: 18px; }
    .ppl-jn span {
      float: left;
      width: 64%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      padding: 7px 0 19px;
      position: relative; }
      .ppl-jn span p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        line-height: 22px;
        min-height: 22px;
        color: #000; }
        .ppl-jn span p i {
          float: left;
          width: 8px;
          height: 8px;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          margin: 10px 7px 0 0;
          background: #000; }
          .ppl-jn span p i:last-child {
            margin-right: 0; }
      .ppl-jn span a {
        position: absolute;
        right: 0;
        top: 14px;
        font-size: 13px;
        line-height: 16px;
        color: #000; }
        .ppl-jn span a::after {
          content: '';
          float: right;
          width: 16px;
          height: 16px;
          margin-left: 8px;
          background: url(../image/ppl11.svg) center/contain no-repeat; }
  .ppl-jr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin-top: 20px; }
    .ppl-jr:first-child {
      margin: 0; }
    .ppl-jr-a {
      float: left;
      width: 35%; }
      .ppl-jr-a s, .ppl-jn div s {
        float: left;
        width: 40px;
        height: 40px;
        position: relative; }
        .ppl-jr-a s::before, .ppl-jn div s::before {
          content: '';
          position: absolute;
          width: 12px;
          height: 12px;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          top: 14px;
          left: 14px;
          background: #DCDCDC; }
        .ppl-jr-a s::after, .ppl-jn div s::after {
          content: '';
          position: absolute;
          width: 1px;
          height: 60px;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          top: -45px;
          left: 19px;
          background: #DCDCDC; }
      .ppl-jr-a i {
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        background: #DCDCDC;
        position: relative;
        z-index: 1; }
        .ppl-jr-a i img, .ppl-jr-a i svg {
          display: block;
          width: auto;
          height: auto;
          margin: auto; }
          .ppl-jr-a i img path, .ppl-jr-a i svg path {
            fill: #fff; }
      .ppl-jr-a p {
        float: left;
        line-height: 40px;
        font-size: 16px;
        color: #000;
        margin-left: 18px; }
    .ppl-jr-b {
      float: left;
      width: 65%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      position: relative; }
      .ppl-jr-b .cct-fa-aa {
        width: 100%;
        margin: 0;
      }
      .ppl-jr-b.duo .qi {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px); }
        .ppl-jr-b.duo .qi:last-child {
          margin-left: 20px; }
      .ppl-jr-b.trio {
        width: calc(65% + 20px);
        margin-left: -10px;
        margin-right: -10px;
      }
      .ppl-jr-b.trio .qi, .ppl-jr-b.trio .qs {
        margin: 0 10px;
        width: -webkit-calc(33.3333% - 20px);
        width: calc(33.3333% - 20px);
      }
      .ppl-jr-b .qi {
        width: 100%; }
      .ppl-jr-b .link-s {
        height: 40px;
        line-height: 38px;
        padding: 0 38px; }
      .ppl-jr-b button {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        right: 7px;
        background: url(../image/md-close.svg) center no-repeat;
        z-index: 4; }
  .ppl-his {
    width: 100%;
    margin-top: 43px; }
    .ppl-his-bc {
      width: 100%;
      margin-top: 40px; }
      .ppl-his-bc:first-child {
        margin: 0; }
    .ppl-his-t {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%; }
      .ppl-his-t span {
        float: right;
        margin-left: auto; }
        .ppl-his-t span .tooltip {
          float: left;
          font-size: 14px;
          line-height: 20px;
          color: #000;
          padding-left: 22px;
          margin-top: 9px; }
          .ppl-his-t span .tooltip s {
            background-image: url(../image/tool-l.svg);
            width: 16px;
            height: 16px;
            top: -webkit-calc(50% - 8px);
            top: calc(50% - 8px); }
        .ppl-his-t span .link {
          float: left;
          height: 38px;
          line-height: 38px;
          padding: 0 25px;
          margin-left: 40px; }
      .ppl-his-t div {
        float: left; }
        .ppl-his-t div i {
          float: left;
          height: 38px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          margin-right: 10px; }
          .ppl-his-t div i img {
            display: block;
            width: auto;
            height: auto;
            margin: auto; }
        .ppl-his-t div b {
          float: left;
          line-height: 38px;
          font-size: 20px;
          color: #000;
          font-weight: 600; }
        .ppl-his-t div p {
          float: left;
          margin-left: 5px;
          color: #CDCDCD;
          font-size: 20px;
          line-height: 38px; }
    .ppl-his-c {
      width: 100%;
      margin-top: 14px; }
      .ppl-his-c .cct-crt-im {
        margin-top: 20px; }
        .ppl-his-c .cct-crt-im:first-child {
          margin: 0; }
      .ppl-his-c .cct-crt-cl span::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3; }
      .ppl-his-c .cct-crt-cl span a {
        opacity: .3; }

.mob {
  display: none; }

.up {
  position: fixed;
  left: 35px;
  bottom: 30px;
  z-index: 99;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 3;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transform: rotate(90deg);
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: background .25s, visibility .3s, opacity .3s;
  -o-transition: background .25s, visibility .3s, opacity .3s;
  transition: background .25s, visibility .3s, opacity .3s;
}
.up.open {
  visibility: visible;
  opacity: 1;
}
.up::before, .up::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 1px;
  left: 19px;
  background: #9f9999;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s; }
.up::before {
  top: 21px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
.up::after {
  top: 28px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
.up:hover::before, .up:hover::after {
  background: #F19FCA;
}

.phone {
  position: fixed;
  right: 35px;
  bottom: 30px;
  z-index: 99;
}
.phone:not(.open) .phone__link a, .phone:not(.open) .phone__link p {
  margin: 0 !important;
}
.phone.open .phone__info {
  opacity: 0;
  visibility: hidden;
}
.phone.open .phone__but::before {
  background: rgba(89, 89, 89, 0.3);
  -webkit-box-shadow: 0px 4px 20px rgba(89, 89, 89, 0.3);
          box-shadow: 0px 4px 20px rgba(89, 89, 89, 0.3);
}
.phone.open .phone__but div {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.phone.open .phone__but s {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.phone.open .phone__link {
  opacity: 1;
}
.phone:not(.open)::before, .phone:not(.open)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: rgba(90, 219, 142, 0.6);
  z-index: 0;
}
.phone:not(.open)::before {
  -webkit-animation: 3s pulse 0s linear infinite;
          animation: 3s pulse 0s linear infinite;
}
.phone:not(.open)::after {
  -webkit-animation: 3s pulse 1.5s linear infinite;
          animation: 3s pulse 1.5s linear infinite;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}

.phone__info {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  right: calc(100% + 14px);
  transform: translateY(-50%);
  background: #29D26D;
  border-radius: 4px;
  line-height: 25px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 11px;
  color: #fff;
  pointer-events: none;
  transition: opacity .5s, visibility .5s;
}
.phone__info::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: #29D26D;
  top: calc(50% - 4px);
  right: -4px;
}
.phone__info span {
  display: block;
  position: relative;
  z-index: 1;
  padding: 0 7px;
  overflow: hidden;
}
.phone__info span::before {
  content: '';
  position: absolute;
  width: 21px;
  height: 40px;
  top: calc(50% - 20px);
  left: -30px;
  background: #fff;
  opacity: 0.4;
  filter: blur(12px);
  -webkit-animation: 3s phone_info 0s linear infinite;
          animation: 3s phone_info 0s linear infinite;
}
@-webkit-keyframes phone_info {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(200px);
  }
}
@keyframes phone_info {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(200px);
  }
}

.phone__but {
  display: block;
  width: 60px;
  height: 60px;
  position: relative;
  cursor: pointer;
  z-index: 1;
  user-select: none;
}
.phone__but::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: #29D26D;
  -webkit-box-shadow: 0px 4px 40px rgba(90, 219, 142, 0.2);
          box-shadow: 0px 4px 40px rgba(90, 219, 142, 0.2);
  z-index: 0;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
  transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
  transition: background 0.3s, transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.phone__but div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  overflow: hidden;
  transition: transform .5s, opacity .5s;
}
.phone__but div span {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: 6s phone 0s linear infinite;
          animation: 6s phone 0s linear infinite;
}
.phone__but div span i {
  display: flex;
  width: 100%;
  height: 100%;
}
.phone__but div span i img {
  display: block;
  width: auto;
  height: auto;
  margin: auto;
}
.phone__but s {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  display: flex;
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  transition: transform .5s, opacity .5s;
}
.phone__but s img {
  display: block;
  width: auto;
  height: auto;
  margin: auto;
}

/*@-webkit-keyframes phone {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}*/

@keyframes phone {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(-100%);
  }
  55% {
    transform: translateY(-200%);
  }
  75% {
    transform: translateY(-200%);
  }
  80% {
    transform: translateY(-300%);
  }
  100% {
    transform: translateY(-300%);
  }
}

.phone__link {
  position: absolute;
  z-index: 0;
  width: 50px;
  height: 50px;
  top: 0;
  left: calc(50% - 25px);
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.phone__link a, .phone__link p {
  position: absolute;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 4px 20px rgba(152, 152, 152, 0.15);
          box-shadow: 0px 4px 20px rgba(152, 152, 152, 0.15);
  border-radius: 50%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.5s, margin 0.5s;
  -o-transition: opacity 0.5s, margin 0.5s;
  transition: opacity 0.5s, margin 0.5s;
}
.phone__link a:nth-child(1), .phone__link p:nth-child(1) {
  margin-top: -63px;
  z-index: 3;
}
.phone__link a:nth-child(2), .phone__link p:nth-child(2) {
  margin-top: -121px;
  z-index: 2;
}
.phone__link a:nth-child(3), .phone__link p:nth-child(3) {
  margin-top: -179px;
  z-index: 1;
}
.phone__link a:nth-child(4), .phone__link p:nth-child(4) {
  margin-top: -237px;
  z-index: 0;
}
.phone__link a:nth-child(5), .phone__link p:nth-child(5) {
  margin-top: -295px;
  z-index: 4;
}
.phone__link a img, .phone__link p img {
  display: block;
  width: auto;
  height: auto;
  margin: auto;
}
.phone__link a.phone__link-max svg {
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  color: #fff;
}
.phone__link a span, .phone__link p span {
  position: absolute;
  padding: 0 7px;
  background: #000;
  top: 50%;
  right: calc(100% + 14px);
  text-align: left;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-style: normal;
  white-space: nowrap;
  color: #fff;
  font-size: 11px;
  line-height: 25px;
  z-index: 2;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .25s, visibility .25s;
  -o-transition: opacity .25s, visibility .25s;
  transition: opacity .25s, visibility .25s; }
  .phone__link a span::before, .phone__link p span::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    right: -3px;
    top: -webkit-calc(50% - 4px);
    top: calc(50% - 4px);
    background: #000;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

#confettiCanvas {
  pointer-events: none;
  position: fixed !important;
}

.ui-tooltip {
  position: absolute;
  z-index: 9999;
  background: #000;
  border-radius: 4px;
  padding: 3px 7px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  pointer-events: none;
}
.ui-tooltip .arrow {
  width: 6px;
  height: 6px;
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #000;
}
.ui-tooltip .arrow.top {
  top: -2px;
  left: calc(50% - 3px);
}
.ui-tooltip .arrow.bottom {
  bottom: -2px;
  left: calc(50% - 3px);
}
.ui-tooltip .arrow.left {
  left: -2px;
  top: calc(50% - 3px);
}
.ui-tooltip .arrow.right {
  right: -2px;
  top: calc(50% - 3px);
}

.text:not(.seo) {
  margin-top: 30px;
}
.text > *:first-child {
  margin-top: 0;
}
.text > h1, .text > h2, .text > h3, .text > h4, .text > h5, .text > h6 {
  display: block;
  font-weight: 500;
  margin-top: 30px;
  color: #000;
}
.text > h1 {
  font-size: 40px;
}
.text > h2 {
  font-size: 32px;
}
.text > h3 {
  font-size: 24px;
}
.text > h4 {
  font-size: 18px;
}
.text > h5 {
  font-size: 16px;
}
.text > h6 {
  font-size: 12px;
  color: #C2C2CF;
}
.text > p a,
.text > a {
  color: #000;
  text-decoration: underline;
}
.text > p > img,
.text > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin-top: 20px;
  border-radius: 8px;
}
.text > p {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  line-height: 160%;
  color: #000;
}
.text > p:empty {
  display: none;
}
.text > ul {
  display: block;
  margin-top: 15px;
}
.text > ul li {
  display: block;
  padding-left: 20px;
  font-size: 16px;
  line-height: 160%;
  position: relative;
  color: #000;
}
.text > ul li:first-child {
  margin: 0;
}
.text > ul li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 6px;
  top: 11px;
  background: #000;
}
.text > ol {
  display: block;
  width: calc(100% - 15px);
  margin-top: 15px;
  margin-left: 15px;
}
.text > ol li {
  font-size: 16px;
  line-height: 160%;
  margin-top: 4px;
  position: relative;
  color: #000;
}
.text > ol li:first-child {
  margin: 0;
}
.text > ol ol, .text ol ul {
  margin-top: 10px !important;
}

.lazy.loaded {
  background-color: transparent;
}
.prd-img-cot i img.loaded {
  background-color: #fff;
}

.eapps-widget-toolbar {
  display: none !important;
  pointer-events: none !important;
}

.reviews {
  width: 100%;
  margin-top: 50px;
}
.reviews__block {
  width: 100%;
  margin-top: 35px;
}
.reviews__box {
  display: none;
}
.reviews__box.active {
  display: block;
}
.reviews__cot {
  display: flex;
  flex-flow: wrap;
  width: calc(100% + 10px);
  margin: -50px -5px 0;
}
.reviews__item {
  float: left;
  width: calc(20% - 10px);
  margin: 50px 5px 0;
}
.reviews__item-image {
  display: block;
  width: 100%;
  position: relative;
}
.reviews__item-image img {
  display: block;
  width: 100%;
  height: auto;
}
.reviews__item-date {
  display: block;
  margin-top: 15px;
  color: #878787;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
}
.reviews__item-name {
  display: block;
  margin-top: 3px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}
.reviews__item-name a {
  color: #000;
}
.reviews__item-price {
  display: block;
  margin-top: 5px;
  font-weight: 600;
  font-size: 21px;
}
.blog {
  width: 100%;
  margin-top: -20px;
}
.blog__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  margin: 0 -10px;
}
.blog__item {
  margin: 50px 10px 0;
  float: left;
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
.blog__item.index {
    z-index: 2; }
.blog__item.hover .blog__item-border {
    opacity: 1; }
.blog__item-title a:hover {
    color: #F19FCA; }
.blog__item-border {
  content: '';
  position: absolute;
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  height: -webkit-calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  background: #fff;
  -webkit-box-shadow: 0 10px 34px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 7px;
  border-radius: 7px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.blog__item-image {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.blog__item-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
  transition: opacity 0.3s;
}
.blog__item-title {
  display: block;
  margin-top: 17px;
  font-size: 18px;
  line-height: 140%;
  font-weight: 500;
  color: #000;
  position: relative;
  z-index: 2;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.blog__item-title a {
  color: #000;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.blog__item-short {
  margin-top: 10px;
  display: block;
  font-size: 14px;
  line-height: 140%;
  color: #000;
  position: relative;
  z-index: 2;
}
.blog__item-info {
  width: 100%;
  margin-top: auto;
  padding-top: 15px;
  display: flex;
  flex-flow: wrap;
  font-size: 13px;
  position: relative;
  z-index: 2;
}
.blog__item-info_cat {
  float: left;
  margin: auto 0;
  color: #000;
}
.blog__item-info_view {
  float: right;
  margin-left: auto;
  color: #b5b5b5;
  display: flex;
}
.blog__item-info_view::before {
  content: '';
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url(../image/icon-post-views.svg) center/contain no-repeat;
}
.blog__item-info_date {
  margin-left: 10px;
  color: #b5b5b5;
}
.blog__item-info_date::before {
  content: '';
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url(../image/icon-post-date.svg) center/contain no-repeat;
}
.blog__text,
.blog__text > p {
  font-size: 20px;
}
.blog__info {
  width: 100%;
  max-width: 990px;
  padding-top: 25px;
  border-top: 1px solid rgb(0, 0, 0, 0.1);
  margin: 25px auto 0;
  display: flex;
  flex-flow: wrap;
}
.blog__info + .blog {
    margin-top: 60px;
  }
.blog__info-list {
  float: left;
  margin: auto 0;
  font-size: 14px;
  margin-left: 20px;
}
.blog__info-list b {
  font-weight: 500;
}
.blog__info-list:first-child {
  margin-left: 0;
}
.blog__info .prd-share {
  margin: 0 0 0 auto;
  width: auto;
}
.blog__info .prd-share__name {
  padding-right: 10px;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination {
  float: left;
}
.pagination li {
  float: left;
  margin-right: 8px;
}
.pagination li.active a, .pagination li.active span {
  border-color: #F19FCA;
  color: #fff;
  background: #F19FCA;
}
.pagination li:last-child {
  margin: 0;
}
.pagination li a, .pagination li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--black);
}
.pagination li a {
  -webkit-transition: background 0.3s, border 0.3s, color 0.3s;
  -o-transition: background 0.3s, border 0.3s, color 0.3s;
  transition: background 0.3s, border 0.3s, color 0.3s;
}

@media screen and (max-width: 1400px) and (min-width: 1024px) {
  .row {
    padding: 0 25px; }
  .head-nv ul li {
    margin-right: 25px; }
  .head-logo {
    width: 140px;
    top: 16px; }
  .head-sh {
    left: 180px; }
    .head-sh.active {
      width: 69%; }
  .head-sgn-row {
    padding: 0 25px; }
  .head-sgn-rs {
    width: 69%;
    margin-left: 180px; }
  .head-sgn-bc {
    width: 69%;
    margin-left: 180px; }
  .head-crt {
    margin-left: 40px; }
  .head-zl {
    width: -webkit-calc(75% - 412px);
    width: calc(75% - 412px); }
  .cgs-pa {
    width: 37%;
    padding-left: 40px; }
  .cgs-cb {
    width: 63%; }
    .cgs-cb div span label p {
      font-size: 14px;
      padding: 0 10px 0 30px; }
      .cgs-cb div span label p::before, .cgs-cb div span label p::after {
        left: 7px; }
  .foot-cm > .link-s {
    width: 230px; }
  .foot-cm span {
    margin-left: 10px; }
    .foot-cm span a {
      margin-right: 10px; }
  .ofo-im span a, .ofo-im div a {
    font-size: 14px;
    line-height: 20px; }
  .cct-ofo-im .ofo-im {
    padding-bottom: 45px; }
  .cct-ofo-im button {
    left: 0;
    bottom: 0; }
  .cct-ofo-im i {
    width: 100px;
    margin-right: 10px; }
  .cct-ofo-im span {
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px); }
    .cct-ofo-im span a {
      font-size: 12px;
      line-height: 16px; }
  .mct-os a {
    padding: 38px 35px; }
    .mct-os a span {
      font-size: 26px;
      line-height: 34px; }
  .whs div br {
    display: none; }
     }

@media screen and (max-width: 1200px) and (min-width: 1024px) {
  .head-zl {
    width: -webkit-calc(75% - 372px);
    width: calc(75% - 372px); }
    .head-zl a i {
      margin-right: 8px; }
    .head-zl a b {
      font-size: 16px; }
  .head-crt {
    margin-left: 30px; }
  .head-sh {
    left: 160px; }
    .head-sh.active {
      width: 65%; }
  .head-sgn-rs {
    width: 65%;
    margin-left: 160px; }
  .head-sgn-bc {
    width: 65%;
    margin-left: 160px; }
  .head-nv ul li {
    margin-right: 20px; }
  .head-bx {
    margin-left: 20px; }
    .head-bx div {
      margin-right: 20px; }
  .cgs-cb div span:nth-child(1) {
    padding-right: 25px; }
  .cgs-cb div span:nth-child(3) {
    padding-right: 20px; }
  .cgs-cb div span:nth-child(4) {
    padding-right: 5px; }
  .cgs-cb div span label {
    margin: 0 0 5px 5px; }
  .foot-logo img {
    width: 165px;
    top: 0; }
  .foot-cm > .link-s {
    display: none; }
  .foot-cm span {
    margin-left: 0; }
  .cct-crt-cl span {
    right: 100px; }
  .cct-crt-cl b {
    width: 60px;
    text-align: right; }
  .cct-crt-cl s {
    width: 60px;
    text-align: right; } 
  .reviews__item {
    float: left;
    width: calc(25% - 10px);
  }
  }

@media screen and (min-width: 1024px) {
  .cag-bc.full {
    width: 100%;
  }
  .cag-bc.full .cag-pd .pd {
    width: -webkit-calc(25% - 16px);
    width: calc(25% - 16px);
  }
  .mfp-close:hover, .modal__close:hover {
    background-color: #F19FCA; }
  .mfp-arrow:hover {
    background: #fff; }
    .mfp-arrow:hover::before, .mfp-arrow:hover::after {
      background: #F19FCA; }
  .cag-mn h4 a:hover {
    color: #F19FCA; }
    .cag-mn h4 a:hover::before, .cag-mn h4 a:hover::after {
      background: #F19FCA; }
  .link:hover {
    background-color: #EA8FBF; }
  .link-s:hover {
    border-color: #F19FCA; }
  .head-nv ul li:hover a, .head-nv ul li:hover {
    color: #F19FCA; }
    .head-nv ul li:hover i svg path {
      fill: #F19FCA; }
  .head-bx div:hover > a {
    color: #F19FCA; }
    .head-bx div:hover > a svg {
      -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
          -ms-transform: matrix(1, 0, 0, -1, 0, 0);
              transform: matrix(1, 0, 0, -1, 0, 0);
      opacity: 1; }
      .head-bx div:hover > a svg path {
        fill: #F19FCA; }
  .head-bx div:hover ul {
    visibility: visible;
    opacity: 1; }
  .head-bx div > a:hover, .head-bx div > p:hover {
    color: #F19FCA; }
    .head-bx div > a:hover svg, .head-bx div > p:hover svg {
      opacity: 1; }
      .head-bx div > a:hover svg path, .head-bx div > p:hover svg path {
        fill: #F19FCA; }
  .head-bx div ul li:hover a, .head-bx div ul li:hover p {
    color: #F19FCA; }
  .head-sh i:hover::before, .head-sh i:hover::after {
    background: #F19FCA; }
  .head-crt-but:hover {
    background: #EA8FBF; }
  .head-crt-tt a:hover {
    background: #EA8FBF; }
  .head-crt-xc div s:hover {
    opacity: 1; }
  .head-crt-xc div s.active {
    opacity: 1;
    background: url(../image/like-a.svg) center no-repeat; }
  .head-crt-xc div button:hover {
    opacity: 1; }
  .head-sgn-rs a:hover {
    color: #F19FCA; }
  .head-mn > ul > li:hover > a {
    color: #F19FCA; }
    .head-mn > ul > li:hover > a::before, .head-mn > ul > li:hover > a::after {
      background: #F19FCA; }
    .head-mn > ul > li:hover > a::before {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .head-mn > ul > li:hover > a::after {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .head-mn > ul > li:hover > ul {
    visibility: visible;
    opacity: 1; }
  .head-mn > ul > li > ul > li:hover > a {
    color: #F19FCA; }
  .head-mn > ul > li > ul > li.drop:hover > a {
    color: #F19FCA; }
    .head-mn > ul > li > ul > li.drop:hover > a::before, .head-mn > ul > li > ul > li.drop:hover > a::after {
      background: #F19FCA; }
  .head-mn > ul > li > ul > li.drop:hover > ul {
    visibility: visible;
    opacity: 1; }
  .head-mn > ul > li > ul > li ul li:hover a {
    color: #F19FCA; }
  .agc-ifo ul li a:hover {
    color: #F19FCA; }
  .slider .slick-arrow:hover {
    background: #fff; }
    .slider .slick-arrow:hover::before, .slider .slick-arrow:hover::after {
      background: #F19FCA; }
  .jmn-sl a:hover::before {
    opacity: .15; }
  .jmn-bc a:hover::before {
    opacity: .15; }
  .tt ul li a:hover {
    color: #F19FCA; }
  .ocs-bc a:hover {
    background: #F19FCA;
    -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
            box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px); }
    .ocs-bc a:hover::before {
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px); }
    .ocs-bc a:hover i svg path {
      fill: #fff;
      stroke: #fff; }
     .ocs-bc a:hover span {
       border: 1px solid #fff; }
    .ocs-bc a:hover p {
      color: #fff; }
  .cgs-bc a:hover::before {
    opacity: .15; }
  .oag-tab a:hover, .oag-tab p:hover {
    color: #F19FCA; }
  .foot-cm span a:hover {
    border-color: #F19FCA; }
  .foot-ul div ul li a:hover {
    color: #F19FCA; }
    .foot-ul div ul li a:hover::before {
      background: #F19FCA; }
  .md-city div span a:hover {
    color: #F19FCA; }
  .md-lg-but span a:hover {
    color: #000; }
  .md-soc a:hover {
    border-color: #F19FCA; }
  .md-xc a:hover {
    color: #F19FCA; }
    .md-xc a:hover::before, .md-xc a:hover::after {
      background: #F19FCA; }
  .md-pd-tt span a:hover {
    color: #F19FCA; }
    .md-pd-tt span a:hover::before, .md-pd-tt span a:hover::after {
      background: #F19FCA; }
  .md-map-fm a:hover {
    color: #F19FCA; }
    .md-map-fm a:hover svg path {
      fill: #F19FCA; }
  .md-pj-aw a:hover {
    background: #fff; }
    .md-pj-aw a:hover::before, .md-pj-aw a:hover::after {
      background: #F19FCA; }
  .tab ul li:hover {
    color: #F19FCA; }
  .tab ul li a:hover {
    color: #F19FCA; }
  .qs ul li:hover {
    color: #F19FCA; }
  .qf:hover p {
    border-color: #F19FCA; }
  .qf i:hover::before, .qf i:hover::after {
    background: #F19FCA; }
  .qq s:hover i {
    visibility: visible;
    opacity: 1; }
  .qq s i:hover {
    visibility: hidden;
    opacity: 0; }
  .lbn div a:hover::before {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
  .cag-mn > ul > li > a:hover {
    color: #F19FCA; }
    .cag-mn > ul > li > a:hover::after {
      border-top: 6px solid #F19FCA; }
  .cag-mn > ul > li ul li a:hover {
    color: #F19FCA; }
  .cag-fl_item a:hover {
    color: #F19FCA; }
    .cag-fl_item a:hover::before, .cag-fl_item a:hover::after {
      background: #F19FCA; }
  .ag-st-sort a:hover {
    color: #F19FCA; }
  .ag-st-amount a:hover {
    color: #F19FCA; }
  .pd.hover {
    z-index: 3; }
    .pd.hover > i {
      opacity: 1; }
    .pd.hover .pd-i div {
      opacity: 1; }
    .pd.hover .pd-i span {
      color: #fff; }
    .pd.hover .pd-d {
      visibility: visible;
      opacity: 1; }
  .pd-t a:hover {
    color: #F19FCA; }
  .pd-i span s:hover {
    background-color: #f1f1f1; }
  .pd-t button:hover {
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);}
  .ui-datepicker-prev:hover::before, .ui-datepicker-prev:hover::after, .ui-datepicker-next:hover::before, .ui-datepicker-next:hover::after {
    background: #F19FCA; }
  .ui-state-default:hover {
    color: #F19FCA; }
  .cct-nw-ta span a:hover {
    color: #F19FCA; }
  .cct-tt-ct button:hover, .cct-tt-ct a:hover {
    color: #F19FCA; }
    .cct-tt-ct button:hover svg path, .cct-tt-ct a:hover svg path {
      fill: #F19FCA; }
  .cct-tt-soc a:hover {
    border-color: #F19FCA; }
  .cct-tt-lg a:hover {
    color: #F19FCA; }
    .cct-tt-lg a:hover svg path {
      fill: #F19FCA; }
  .cct-crt-dt a:hover {
    color: #F19FCA; }
  .cct-crt-is.hover span p::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .cct-crt-is.hover span p::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .cct-crt-is span p:hover {
    color: #F19FCA; }
    .cct-crt-is span p:hover::before, .cct-crt-is span p:hover::after {
      background: #F19FCA; }
  .cct-crt-is > ul > li:hover {
    color: #F19FCA; }
  .cct-crt-cl i:hover {
    opacity: 1; }
  .cct-crt-cl button:hover {
    opacity: 1; }
  .cct-fa-rz label a:hover svg path {
    fill: #F19FCA; }
  .cct-fa-fm form .qi > a:hover {
    color: #F19FCA; }
    .cct-fa-fm form .qi > a:hover svg path {
      fill: #F19FCA; }
  .cct-tab-list li:hover {
    color: #F19FCA; }
  .brn-bc a:hover i {
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05); }
  .brn-bc a:hover p {
    color: #F19FCA; }
  .gty-tt a:hover {
    color: #F19FCA; }
    .gty-tt a:hover svg path {
      fill: #F19FCA; }
  .faq__item-name:hover {
    color: #F19FCA; }
  .mct-os a:hover {
    background: #FAFAFA; }
    .mct-os a:hover p {
      color: #000; }
    .mct-os a:hover b {
      color: #F19FCA; }
  .mct-ifo ul li:hover a {
    opacity: 1; }
  .mct-ifo ul li > a:hover {
    color: #000; }
    .mct-ifo ul li > a:hover svg path {
      fill: #000; }
  .spo-v a:hover::before {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
  .ttu-bc a[href]:hover {
    border-color: #F19FCA;
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05); }
  .ppl-nw ul li a:hover {
    color: #F19FCA; }
  .ppl-soc span a:hover {
    border-color: #F19FCA; }
  .ppl-soc div a:hover {
    border-color: #F19FCA; } 
   .phone__but div:hover::before {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .phone div a:hover span {
    visibility: visible;
    opacity: 1;
  }
  .text .page_item > a:hover {
    color: #F19FCA;
  }
  .text .page_item ul li a:hover {
    color: #F19FCA;
  }
}

@media screen and (max-width: 1023px) {
  .dt {
    display: none; }
  .mob {
    display: block; }
  body {
    padding-top: 84px; }
  .row {
    padding: 0 15px; }
    .row > .tt {
      margin-top: 41px; }
  h1 {
    font-size: 40px;
    line-height: 40px; }
  h2 {
    font-size: 36px;
    line-height: 36px; }
  h3 {
    font-size: 24px;
    line-height: 30px; }
  h4 {
    font-size: 18px;
    line-height: 20px; }
  h5 {
    font-size: 16px;
    line-height: 20px; }
  h6 {
    font-size: 14px;
    line-height: 18px; }
  .head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    .head.fix.fopen {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .head.fix .head-mob {
      padding: 7px 0 0;
      height: 64px; }
      .head.fix .head-mob-l {
        margin-top: 10px; }
    .head.fix .head-top {
      margin-top: 63px; }
    .head.fix .head-mm {
      margin-top: 65px;
      height: -webkit-calc(100vh - 65px);
      height: calc(100vh - 65px); }
    .head.fix .head-crt {
      margin-top: 85px;
      height: -webkit-calc(100vh - 85px);
      height: calc(100vh - 85px); }
    .head .row {
      padding: 0; }
    .head-alert {
      height: 0;
    }
    .head-alert div {
      padding: 0 20px;
    }
    .head.fix .head-alert {
      transform: translateY(-20px);
    }
    .head-mob {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: 100%;
      height: 84px;
      position: relative;
      padding-top: 22px;
      -webkit-transition: padding .3s, height .3s;
      -o-transition: padding .3s, height .3s;
      transition: padding .3s, height .3s; }
      .head-mob-s {
        float: left;
        width: 50px;
        height: 50px;
        background: url(../image/mob1.svg) center no-repeat; }
      .head-mob-p {
        float: left;
        width: 50px;
        height: 50px;
        margin-left: auto;
        background: url(../image/mob2.svg) center no-repeat; }
      .head-mob-c {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        position: relative;
        background: url(../image/mob3.svg) center no-repeat; }
        .head-mob-c p {
          position: absolute;
          width: 16px;
          height: 16px;
          text-align: center;
          line-height: 16px;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          background: #F19FCA;
          font-weight: 600;
          font-size: 9px;
          color: #fff;
          top: 11px;
          right: 9px; }
      .head-mob-l {
        position: absolute;
        top: 0;
        margin-top: 23px;
        width: auto;
        height: 44px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-transition: margin .3s;
        -o-transition: margin .3s;
        transition: margin .3s; }
        .head-mob-l img {
          display: block;
          width: auto;
          height: 100%; }
      .head-mob-h {
        display: block;
        width: 50px;
        height: 50px;
        float: left;
        position: relative;
        z-index: 4;
        margin: 0 0 0 10px; }
        .head-mob-h.open i {
          background: rgba(255, 255, 255, 0); }
          .head-mob-h.open i::before {
            -webkit-transform: translateY(7px) rotate(45deg);
                -ms-transform: translateY(7px) rotate(45deg);
                    transform: translateY(7px) rotate(45deg); }
          .head-mob-h.open i::after {
            -webkit-transform: translateY(-7px) rotate(-45deg);
                -ms-transform: translateY(-7px) rotate(-45deg);
                    transform: translateY(-7px) rotate(-45deg); }
        .head-mob-h i {
          float: left;
          position: relative;
          width: 20px;
          height: 1px;
          background: #000;
          margin: 24px 0 0 15px;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          -webkit-transition: background .3s, width .4s;
          -o-transition: background .3s, width .4s;
          transition: background .3s, width .4s; }
          .head-mob-h i::before {
            content: '';
            position: absolute;
            width: 20px;
            height: 1px;
            background: #000;
            -webkit-border-radius: 5px;
                    border-radius: 5px;
            top: -7px;
            left: 0;
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            -o-transition: transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s; }
          .head-mob-h i::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 1px;
            background: #000;
            -webkit-border-radius: 5px;
                    border-radius: 5px;
            top: 7px;
            left: 0;
            -webkit-transition: width .2s, -webkit-transform .3s;
            transition: width .2s, -webkit-transform .3s;
            -o-transition: transform .3s, width .2s;
            transition: transform .3s, width .2s;
            transition: transform .3s, width .2s, -webkit-transform .3s; }
    .head-top {
      display: none;
      position: absolute;
      background: #fff;
      top: 0;
      margin-top: 83px;
      left: 0;
      right: 0;
      z-index: 2;
      padding: 0;
      border: 0;
      padding-bottom: 10px;
      -webkit-transition: margin .3s;
      -o-transition: margin .3s;
      transition: margin .3s; }
    .head-nv {
      display: none; }
    .head-tm {
      width: 100%;
      height: 50px;
      background: #FAFAFA;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      border-top: 1px solid rgba(0, 0, 0, 0.05); }
      .head-tm.hide a {
        opacity: 0; }
      .head-tm.active a {
	      opacity: 0;
        width: auto;
/*         margin-top: 20px; */
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .head-tm > p {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%;
        padding: 17px 30px 0;
        -webkit-transition: opacity .25s;
        -o-transition: opacity .25s;
        transition: opacity .25s; }
      .head-tm.active > p  {
        -webkit-box-pack: right;
        -webkit-justify-content: right;
            -ms-flex-pack: right;
                justify-content: right;
      }
      .head-tm div {
        top: 0;
        left: 0;
        right: 0;
        padding-top: 13px;
        height: -webkit-calc(100vh - 84px);
        height: calc(100vh - 84px);
        border: 0;
        -webkit-border-radius: 0;
                border-radius: 0;
        background: #FAFAFA; }
        .head-tm.active div {
	        min-width: inherit; }
        .head-tm div ul li p:first-child {
          padding-right: 20px; }
        .head-tm div h4 {
          position: relative;
          padding-left: 50px; }
          .head-tm div h4::before, .head-tm div h4::after {
            content: '';
            position: absolute;
            width: 7px;
            height: 1px;
            left: 30px;
            background: #000;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .head-tm div h4::before {
            top: 9px;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .head-tm div h4::after {
            top: 14px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
    .head-bx {
      margin: 10px 0 0 50%;
      float: left;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .head-bx > a {
        display: block;
        float: left;
        width: auto;
        padding: 0 10px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
        color: #000;
        background: #FAFAFA; }
      .head-bx div {
        margin: 0 0 0 9px !important; }
        .head-bx div > a, .head-bx div > p {
          display: block;
          float: left;
          width: auto;
          padding: 0 21px 0 10px;
          height: 25px;
          line-height: 25px;
          font-size: 14px;
          color: #000;
          background: #FAFAFA; }
          .head-bx div > a img, .head-bx div > a svg, .head-bx div > p img, .head-bx div > p svg {
            right: 8px; }
        .head-bx div ul {
          top: 28px; }
    .head-cn {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 0;
      padding: 0;
      border: 0; }
    .head-mn, .head-logo, .head-zl {
      display: none; }
    .head-mn--all a::before {
      display: none;
    }
    .head-crt {
      display: none;
      position: absolute;
      width: 100%;
      height: -webkit-calc(100vh - 85px);
      height: calc(100vh - 85px);
      left: 0;
      right: 0;
      top: 0;
      margin: 85px 0 0;
      background: #fff;
      -webkit-transition: height .3s, margin .3s;
      -o-transition: height .3s, margin .3s;
      transition: height .3s, margin .3s; }
      .head-crt-but {
        display: none; }
      .head-crt-all {
        display: none; }
      .head-crt-bc {
        visibility: visible;
        opacity: 1;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 32px 25px 55px;
        border: 0;
        -webkit-border-radius: 0;
                border-radius: 0;
        overflow: auto; }
      .head-crt-xc {
        margin-top: 12px; }
      .head-crt-tt h4 {
        position: relative;
        padding-left: 20px; }
        .head-crt-tt h4::before, .head-crt-tt h4::after {
          content: '';
          position: absolute;
          width: 7px;
          height: 1px;
          left: 0;
          background: #000;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: -webkit-transform .25s;
          transition: -webkit-transform .25s;
          -o-transition: transform .25s;
          transition: transform .25s;
          transition: transform .25s, -webkit-transform .25s; }
        .head-crt-tt h4::before {
          top: 9px;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .head-crt-tt h4::after {
          top: 14px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
    .head-sh {
      display: none;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      margin: 0;
      background: #fff;
      padding: 22px 15px 10px;
      -webkit-border-radius: 0;
              border-radius: 0;
      z-index: 24; }
      .head-sh p {
        display: none; }
      .head-sh input {
        opacity: 1;
        font-size: 16px;
        background: #FAFAFA url(../image/sh.svg) 27px 18px no-repeat; }
      .head-sh i {
        opacity: 1;
        top: 22px;
        right: 18px; }
    .head-sgn {
      display: none;
      height: -webkit-calc(100vh - 80px);
      height: calc(100vh - 80px);
      max-height: -webkit-calc(100vh - 80px);
      max-height: calc(100vh - 80px);
      top: 80px;
      padding-bottom: 80px; }
      .head-sgn-row {
        padding: 0 15px; }
      .head-sgn-rs {
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 10px 0;
        white-space: nowrap;
        overflow-x: auto; }
      .head-sgn-rs.active {
        display: block; }
        .head-sgn-rs a {
          float: none;
          display: inline-block;
          height: 25px;
          line-height: 25px;
          font-size: 14px;
          margin-right: 11px; }
          .head-sgn-rs a:first-child {
            margin-left: 15px; }
          .head-sgn-rs a:last-child {
            margin-right: 0; }
      .head-sgn-bc {
        width: 100%;
        padding: 0;
        margin: 22px 0 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
      .head-sgn-bc.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .head-sgn-bc > b {
          float: right;
          margin-left: auto;
          line-height: 24px; }
        .head-sgn-bc > p {
          display: block;
          float: left;
          position: relative;
          font-weight: 600;
          font-size: 20px;
          line-height: 24px;
          color: #000;
          padding-left: 20px; }
          .head-sgn-bc > p::before, .head-sgn-bc > p::after {
            content: '';
            position: absolute;
            width: 7px;
            height: 1px;
            left: 0;
            background: #000;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .head-sgn-bc > p::before {
            top: 9px;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .head-sgn-bc > p::after {
            top: 14px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
    .head-mm {
      display: none;
      position: absolute;
      top: 0;
      margin-top: 100px;
      height: -webkit-calc(100vh - 85px);
      height: calc(100vh - 85px);
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      padding: 25px 0 133px;
      overflow: hidden;
      -webkit-transition: padding .3s, height .3s, margin .3s;
      -o-transition: padding .3s, height .3s, margin .3s;
      transition: padding .3s, height .3s, margin .3s; }
    .head-mm.top {
      padding: 10px 0 133px;
      margin-top: 85px; }  
      .head-mm > .link {
        position: absolute;
        width: 292px;
        bottom: 66px;
        left: -webkit-calc(50% - 146px);
        left: calc(50% - 146px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .head-mm > .link i {
          margin-right: 10px;
          padding-top: 2px; }
      .head-mm nav {
        width: 100%;
        height: 100%;
        overflow: auto; }
      .head-mm div {
        width: calc(100% - 60px);
        margin: 0 30px;
        overflow: hidden;
        padding-top: 57px; }
        .head-mm div > ul {
          display: block;
          width: 100%;
          position: relative;
          -webkit-transition: -webkit-transform .5s;
          transition: -webkit-transform .5s;
          -o-transition: transform .5s;
          transition: transform .5s;
          transition: transform .5s, -webkit-transform .5s; }
          /* .head-mm div > ul > li > a::before, .head-mm div > ul > li > a::after {
            content: '';
            position: absolute;
            width: 7px;
            height: 1px;
            right: 8px;
            background: rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .head-mm div > ul > li > a::before {
            top: 26px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
          .head-mm div > ul > li > a::after {
            top: 31px;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); } */
          .head-mm div > ul .head-mm-prev {
            position: absolute;
            left: 0;
            top: -57px;
            width: 100%;
            height: 58px;
            line-height: 58px;
            font-style: normal;
            display: inline-block;
            padding-left: 17px;
            font-weight: 600;
            font-size: 20px;
            color: #000; }
            .head-mm div > ul .head-mm-prev.main-cat {
              position: relative;
              height: 45px;
              line-height: 45px;
              display: inline-block;
              margin-top: 20px;
              padding-left: 0px;  
              top: 0;
              margin-top: 20px;
            }
            .head-mm div > ul .head-mm-prev::before, .head-mm div > ul .head-mm-prev::after {
              content: '';
              position: absolute;
              width: 7px;
              height: 1px;
              left: 0;
              background: #000;
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              -webkit-transition: -webkit-transform .25s;
              transition: -webkit-transform .25s;
              -o-transition: transform .25s;
              transition: transform .25s;
              transition: transform .25s, -webkit-transform .25s; }
            .head-mm div > ul .head-mm-prev::before {
              top: 26px;
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
            .head-mm div > ul .head-mm-prev::after {
              top: 31px;
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
            .head-mm div > ul .head-mm-prev.main-cat:before,
            .head-mm div > ul .head-mm-prev.main-cat:after {
              display: none;
            }
            .head-mm div>ul.information-menu li p,
            .head-mm div>ul.information-menu li a {
              font-size: 14px;
            }
            .head-mm div>ul.information-menu li p:before,
            .head-mm div>ul.information-menu li p:after {
              display: none !important;
            }
          .head-mm div > ul li {
            display: block;
            width: 100%;
/*            position: relative;*/
            border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
            .head-mm div > ul li:last-child {
              border: 0; }
            .head-mm div > ul li a, .head-mm div > ul li b, .head-mm div > ul li p {
              display: flex;
              align-items: center;
              width: 100%;
              height: auto;
              line-height: 1.4;
              position: relative;
              font-size: 18px;
              padding: 12px 0;
              color: #000; }
              .head-mm div > ul > li > p > img, .head-mm div > ul > li > a > img {
                display: block;
                width: auto;
                height: auto;
                max-width: 18px;
                max-height: 18px;
                margin: auto 6px auto 0;
              }
              .head-mm div > ul li b {
                font-weight: 400;
              }
              .head-mm div > ul li p > i {
                position: absolute;
                width: 70px;
                height: 100%;
                top: 0;
                right: 0;
                z-index: 1;
              }
              .head-mm div > ul li p > a {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 0;
              }
            .head-mm div > ul li ul + i:last-child {
              float: right;
              width: 70px;
              height: 100%;
              z-index: 5;
            }
            .head-mm div > ul li b::before, .head-mm div > ul li b::after, .head-mm div > ul li p::before, .head-mm div > ul li p::after {
              content: '';
              position: absolute;
              width: 7px;
              height: 1px;
              right: 8px;
              background: rgba(0, 0, 0, 0.3);
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              -webkit-transition: -webkit-transform .25s;
              transition: -webkit-transform .25s;
              -o-transition: transform .25s;
              transition: transform .25s;
              transition: transform .25s, -webkit-transform .25s; }
            .head-mm div > ul li b::before, .head-mm div > ul li p::before {
              top: 21px;
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
            .head-mm div > ul li b::after, .head-mm div > ul li p::after {
              top: 26px;
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
            .head-mm div > ul li ul {
              display: none;
              position: absolute;
              width: 100%;
              top: 0;
              left: 100%;
              background: #fff; }
  .jmn {
    margin-top: 27px; }
    .jmn-sl {
      height: 300px; }
      .jmn-sl .slick-arrow {
        display: none !important; }
      .jmn-sl .slick-dots {
        bottom: 21px; }
        .jmn-sl .slick-dots li {
          width: 35px;
          margin: 0 6px; }
      .jmn-sl a {
        padding: 0 30px; }
        .jmn-sl a span h2, .jmn-sl a div h2 {
          font-size: 40px;
          line-height: 45px; }
        .jmn-sl a span p, jmn-sl a div p {
          font-size: 18px;
          line-height: 22px;
          margin-top: 21px; }
      .jmn-bc a span, .jmn-bc a div {
        min-width: 233px;
        padding: 12px 20px 17px; }
        .jmn-bc a span h4, .jmn-bc a div h4 {
          font-size: 24px;
          line-height: 30px; }
        .jmn-bc a span p, .jmn-bc a div p {
          margin-top: 1px;
          font-size: 13px;
          line-height: 16px; }
  .tt h1 {
    margin-top: 11px; }
  .tt h2 {
    font-size: 36px;
    line-height: 36px; }
  .tt p {
    font-size: 18px;
    line-height: 20px;
    margin-top: 6px; }
  .tt ul li {
    display: none;
    padding: 0; }
    .tt ul li:nth-last-child(2) {
      display: block; }
    .tt ul li::before, .tt ul li::after {
      display: none;
      right: auto;
      left: 0; }
    .tt ul li::before {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .tt ul li::after {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .tt ul li a {
      padding: 0 0 0 18px;
    }
    .tt ul li a::before,
    .tt ul li a::after {
      content: '';
      position: absolute;
      width: 5px;
      height: 1px;
      background: #999;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -webkit-transition: -webkit-transform .25s;
      transition: -webkit-transform .25s;
      -o-transition: transform .25s;
      transition: transform .25s;
      transition: transform .25s, -webkit-transform .25s;
      left: 0;
    }         
    .tt ul li a::before {
      top: 7px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .tt ul li a::after {
      top: 10px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); } 
  .ocs {
    margin-top: 58px; }
    .ocs-bc {
      margin: 31px -2px 0; }
      .ocs-bc a {
        width: -webkit-calc(25% - 4px);
        width: calc(25% - 4px); }
      .ocs-bc a span {
        top: 7px;
        padding: 3px 7px;
        font-size: 10px;
        right: 7px; }
  .cgs {
    margin-top: 53px; }
    .cgs-bc {
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px);
      margin: 33px -15px 0;
      padding: 0 35px;
      overflow: hidden; }
      .cgs-bc .slick-list {
        overflow: visible !important; }
      .cgs-bc a {
        height: 400px;
        -webkit-transform: scale(0.9, 0.9);
            -ms-transform: scale(0.9, 0.9);
                transform: scale(0.9, 0.9);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s; }
        .cgs-bc a.slick-active {
          -webkit-transform: scale(1, 1);
              -ms-transform: scale(1, 1);
                  transform: scale(1, 1); }
        .cgs-bc a span, .cgs-bc a div {
          width: 80%;
          padding: 17px 15px; }
          .cgs-bc a span h3, .cgs-bc a div h3 {
            font-size: 20px;
            line-height: 24px; }
          .cgs-bc a span p, .cgs-bc a div p {
            font-size: 14px;
            line-height: 18px;
            margin-top: 5px; }
          .cgs-bc a span b, .cgs-bc a div b {
            font-size: 24px;
            line-height: 30px;
            margin-top: 5px; }
    .cgs-pm {
      height: auto;
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px);
      margin: 56px -15px 0;
      padding: 18px 15px 20px;
      -webkit-border-radius: 0;
              border-radius: 0; }
    .cgs-fm {
      width: 100%;
      margin: 0;
      height: auto;
      position: relative; }
    .cgs-pa {
      width: 100%;
      padding: 35px 20px; }
      .cgs-pa span h2 {
        font-size: 36px;
        line-height: 36px;
        text-align: center; }
      .cgs-pa span p {
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        margin-top: 18px; }
      .cgs-pa b {
        margin: 88px auto 0;
        padding: 0 20px;
        font-size: 11px;
        line-height: 14px;
        color: rgba(0, 0, 0, 0.4);
        max-width: 250px;
        white-space: normal; }
      .cgs-pa div {
        margin: 289px auto 0;
        height: auto;
        width: 100%;
        max-width: 281px; }
        .cgs-pa div button {
          width: 100%;
          top: 64px; }
    .cgs-cb {
      width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 229px;
      height: auto;
      padding: 0;
      overflow-x: auto;
      overflow-y: hidden; }
      .cgs-cb div {
        width: auto;
        margin: auto;
        min-width: 630px; }
        .cgs-cb div span {
          -webkit-flex-flow: wrap;
              -ms-flex-flow: wrap;
                  flex-flow: wrap; }
  .wai-bt {
    margin-top: 24px;
    height: 50px; }
    .wai-bt p {
      display: none; }
  .oag {
    margin-top: 60px; }
    .oag-tab {
      margin-top: 34px; }
      .oag-tab .slick-list {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
        margin: 0 -15px; }
      .oag-tab .slick-track {
        white-space: nowrap;
        padding: 0 15px; }
      .oag-tab a, .oag-tab p {
        font-size: 16px;
        line-height: 20px;
        margin-right: 32px;
        padding: 0 0 20px;
        float: none;
        display: inline-block; }
    .oag-sl {
      margin: 30px -15px 0;
      height: 500px;
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px); }
      .oag-sl .slick-arrow {
        display: none !important; }
    .oag-im {
      -webkit-border-radius: 0;
              border-radius: 0; }
      .oag-im div {
        height: auto;
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 40px 15px auto;
        padding: 26px 40px 30px; }
        .oag-im div b {
          font-size: 24px;
          line-height: 30px; }
        .oag-im div span {
          margin-top: 8px; }
          .oag-im div p {
            margin-top: 8px;
            font-size: 14px;
            line-height: 22px; }
  .seo {
    margin-top: 60px; }
  .des {
    margin-top: 60px; }
    .des div {
      width: 100%; }
      .des div span {
        margin-top: 17px; }
        .des div p {
          font-size: 16px;
          line-height: 26px;
          margin-top: 15px; }
    .des ul {
      width: 100%;
      margin: 30px 0 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .des ul li {
        height: 345px;
        margin: 0 0 6px; }
        .des ul li:last-child {
          margin: 0; }
  .foot {
    margin-top: 58px;
    background: #fff;
    padding-bottom: 28px; }
    .foot-top {
      padding: 26px 0;
      position: relative; }
      .foot-top .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .foot-logo {
      width: 73px;
      height: 50px;
      background: url(../image/foot-logo.png) center/contain no-repeat; }
      .foot-logo img, .foot-logo p {
        display: none; }
    .foot-cm {
      position: absolute;
      width: auto;
      top: 129px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
      .foot-cm > .link-s {
        display: none; }
      .foot-cm span {
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
    .foot-pn {
      margin-left: 35px;
      width: 160px; }
    .foot-nav {
      display: none; }
    .foot-cp {
      margin-top: 100px; }
      .foot-cp div p:first-child {
        display: none; }
  .lbn {
    margin-top: 31px;
    height: 300px; }
    .lbn span {
      padding: 0 20px; }
      .lbn span h2 {
        font-size: 40px;
        line-height: 45px; }
      .lbn span p {
        font-size: 18px;
        line-height: 22px;
        margin-top: 10px; }
    .lbn div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      max-width: 80%; }
      .lbn div p {
        font-size: 40px;
        line-height: 45px;
        text-align: center;
        width: 100%; }
      .lbn div a {
        width: 106px;
        height: 106px;
        margin: 43px auto 0; }
        .lbn div a::before {
          width: 33px;
          height: 38px;
          top: 34px;
          left: 41px;
          -webkit-background-size: contain;
                  background-size: contain; }
  .cag {
    margin-top: 42px; }
    .cag-nav {
      display: none;
      position: fixed;
      width: 100%;
      height: 100vh;
      z-index: 30;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: #fff;
      padding: 135px 0 135px;
      overflow: auto; }
    .cag-mn {
      display: none; }
    .cag-mn.show {
      display: block;
    }
    .cag-mn {
      display: block;
      width: 100%;
      margin: -20px 0 10px;
    }
    .cag-mn h3, .cag-mn h4 {
      display: none;
    }
    .cag-mn-mob {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 30px;
      line-height: 30px;
      background: #FAFAFA;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      font-size: 14px;
      position: relative;
      color: #000;
    }
    .cag-mn-mob::after {
        content: "";
        width: 10px;
        height: 8px;
        margin: auto 0 auto 7px;
        background: url(../image/arrow-catalog.svg) center bottom/contain no-repeat;
        opacity: 1;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
    }
    .cag-mn-mob.open::after {
      -webkit-transform: scale(1, -1);
     -ms-transform: scale(1, -1);
      transform: scale(1, -1);
    }

    .cag-mn > ul {
      padding: 14px 15px;
      margin: 0;
      display: none;
    }
    .cag-fl {
      width: 100%;
      max-width: 276px;
      margin: 0 auto;
      overflow: hidden; }
      .cag-fl.active button, .cag-fl.active a {
        width: 127px; }
        .cag-fl.active button b, .cag-fl.active a b {
          display: none; }
        .cag-fl.active a.link-s {
          bottom: 40px;
          left: -webkit-calc(50% - 137px);
          left: calc(50% - 137px); }
        .cag-fl.active button.link {
          bottom: 40px;
          left: -webkit-calc(50% + 10px);
          left: calc(50% + 10px);
          -webkit-transition: left .3s, bottom .5s, width .3s;
          -o-transition: left .3s, bottom .5s, width .3s;
          transition: left .3s, bottom .5s, width .3s; }
      .cag-fl h3 {
        position: relative;
        font-size: 20px;
        line-height: 24px;
        padding-left: 20px; }
        .cag-fl h3 + div {
          border: 0;
          margin-top: 16px; }
        .cag-fl h3::before, .cag-fl h3::after {
          content: '';
          position: absolute;
          width: 7px;
          height: 1px;
          left: 0;
          background: #000;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: -webkit-transform .25s;
          transition: -webkit-transform .25s;
          -o-transition: transform .25s;
          transition: transform .25s;
          transition: transform .25s, -webkit-transform .25s; }
        .cag-fl h3::before {
          top: 9px;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .cag-fl h3::after {
          top: 14px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
      .cag-fl section {
        overflow: hidden; }
      .cag-fl nav {
        position: relative;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s; }
      .cag-fl_item {
        margin: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.05); }
        .cag-fl_item a {
          display: none; }
        .cag-fl_item-box {
          position: absolute;
          display: none;
          top: 0;
          left: 100%;
          margin: 0; }
          .cag-fl_item-input {
            border-top: 1px solid rgba(0, 0, 0, 0.05);
            margin: 0;
            display: block; }
            .cag-fl_item-input p {
              padding: 18px 0 18px 30px;
              font-size: 16px;
              line-height: 22px; }
              .cag-fl_item-input p::before, .cag-fl_item-input p::after {
                width: 18px;
                height: 18px;
                top: 19px; }
              .cag-fl_item-input p b {
                padding-left: 5px; }
          .cag-fl_item-box s {
            display: block;
            position: relative;
            font-size: 20px;
            line-height: 24px;
            padding-left: 20px;
            font-weight: 600;
            text-decoration: none; }
            .cag-fl_item-box s + .cag-fl_item-input {
              border: 0;
              margin-top: 16px; }
            .cag-fl_item-box s::before, .cag-fl_item-box s::after {
              content: '';
              position: absolute;
              width: 7px;
              height: 1px;
              left: 0;
              background: #000;
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              -webkit-transition: -webkit-transform .25s;
              transition: -webkit-transform .25s;
              -o-transition: transform .25s;
              transition: transform .25s;
              transition: transform .25s, -webkit-transform .25s; }
            .cag-fl_item-box s::before {
              top: 9px;
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
            .cag-fl_item-box s::after {
              top: 14px;
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
        .cag-fl_item h6 {
          width: 100%;
          height: 57px;
          line-height: 57px;
          position: relative;
          font-size: 18px;
          font-weight: 400;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .cag-fl_item h6 b {
            display: inline-block;
            width: 24px;
            height: 24px;
            background: #F19FCA;
            text-align: center;
            line-height: 24px;
            color: #fff;
            font-weight: 400;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            font-size: 14px;
            margin: 16px 0 0 7px; }
          .cag-fl_item h6::before, .cag-fl_item h6::after {
            content: '';
            position: absolute;
            width: 7px;
            height: 1px;
            right: 8px;
            background: rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .cag-fl_item h6::before {
            top: 26px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
          .cag-fl_item h6::after {
            top: 31px;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
      .cag-fl button, .cag-fl a {
        position: fixed;
        bottom: 100px;
        width: 240px;
        left: -webkit-calc(50% - 120px);
        left: calc(50% - 120px); }
        .cag-fl button.link, .cag-fl a.link {
          bottom: 140px;
          display: block;
          -webkit-transition: left .3s, bottom .2s, width .3s;
          -o-transition: left .3s, bottom .2s, width .3s;
          transition: left .3s, bottom .2s, width .3s; }
        .cag-fl button.link-s, .cag-fl a.link-s {
          bottom: 75px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          background: #fff;
          -webkit-transition: left .3s, bottom .3s, width .3s;
          -o-transition: left .3s, bottom .3s, width .3s;
          transition: left .3s, bottom .3s, width .3s; }
    .cag-bc {
      width: 100%; }
    .cag-st {
      padding: 0; }
      .ag-st-amount {
        display: none; }
      .cag-st > a {
        margin-left: auto;
        display: block;
        height: 25px;
        line-height: 25px;
        background: #FAFAFA;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        padding: 0 27px 0 10px;
        font-size: 14px;
        color: #000;
        position: relative; }
        .cag-st > a::before, .cag-st > a::after {
          content: '';
          position: absolute;
          width: 7px;
          height: 1px;
          top: 12px;
          background: #000;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: -webkit-transform .25s;
          transition: -webkit-transform .25s;
          -o-transition: transform .25s;
          transition: transform .25s;
          transition: transform .25s, -webkit-transform .25s; }
        .cag-st > a::before {
          right: 8px;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .cag-st > a::after {
          right: 13px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
      .ag-st-sort {
        position: relative; }
        .ag-st-sort.active ul {
          opacity: 1;
          visibility: visible; }
        .ag-st-sort ul {
          position: absolute;
          min-width: 80px;
          top: 26px;
          left: 0;
          padding: 4px 12px;
          background: #fff;
          -webkit-box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
                  box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.1);
          -webkit-border-radius: 7px;
                  border-radius: 7px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          visibility: hidden;
          opacity: 0;
          z-index: 6;
          -webkit-transition: opacity .25s, visibility .25s;
          -o-transition: opacity .25s, visibility .25s;
          transition: opacity .25s, visibility .25s; }
          .ag-st-sort ul li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            margin: 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
          .ag-st-sort ul li a {
            padding: 9px 0;
            font-size: 14px;
            line-height: 18px;
            color: #000;
            white-space: nowrap;
            position: relative;
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
            .ag-st-sort ul li:last-child {
              border-bottom: 0; }
            .ag-st-sort ul li a.active {
              color: rgba(0, 0, 0, 0.5);
              cursor: default; }
        .ag-st-sort p {
          display: block;
          height: 25px;
          line-height: 25px;
          background: #FAFAFA;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          padding: 0 27px 0 10px;
          font-size: 14px;
          position: relative;
          color: #000; }
          .ag-st-sort p::before, .ag-st-sort p::after {
            content: '';
            position: absolute;
            width: 7px;
            height: 1px;
            top: 12px;
            background: #000;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .ag-st-sort p::before {
            right: 8px;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .ag-st-sort p::after {
            right: 13px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
    .cag-pd {
      margin-top: 20px; }
  .pd {
    padding-bottom: 0; }
    .pd > i {
      display: none; }
    .pd-i b {
      height: 20px;
      line-height: 20px;
      padding: 0 9px;
      font-size: 10px;
      top: 8px;
      left: 8px; }
    .pd-i div, .pd-i span {
      display: none; }
    .pd-d {
      display: none; }
    .pd-t {
      margin-top: 12px;
      padding: 0 !important; }
      .pd-t a {
        font-size: 14px;
        line-height: 18px; }
      .pd-t button {
        width: 30px;
        height: 40px;
        top: auto;
        right: -5px;
        bottom: -9px;
        background-color: transparent !important;
        background-size: 16px auto; 
        will-change: background-image;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: none;
      }

        .pd-t button::before {
          transition: transform .3s;
          background-image: url(../image/icon-prod-check-a.svg);
        }
        .pd-t button.active {
        background-image: url(../image/ct-a.svg);
        background-size: 16px auto; }
      .pd-t button.active::before {
        transform: translate(1px,2px);
      }
      .pd-t button.added {
        background-image: url(../image/ct-g.svg);
        background-size: 16px auto; }
      .pd-t button.added::before {
        background-image: url(../image/icon-prod-check-green.svg); }

        .pd-t span b {
          font-size: 16px;
          line-height: 20px; }
        .pd-t span s {
          font-size: 12px;
          padding-top: 3px; }
  .tt-pd {
    margin-top: 20px !important;
    padding: 0 10px; }
    .tt-pd ul {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .tt-pd ul li::before, .tt-pd ul li::after {
        background: #000; }
      .tt-pd ul li a {
        color: #000; }
    .tt-pd h1 {
      display: none; }
  .prd {
    margin-top: 20px; }
    .prd-img {
      width: 100%; }
      .prd-img-nw {
        display: none; }
      .prd-img-slider {
        margin: 0; }
        .prd-img-slider .slick-dots {
          bottom: 24px; }
          .prd-img-slider .slick-dots li {
            width: 8px;
            height: 8px !important;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            margin: 0 4px; }
        .prd-img-nw a {
          width: 100%;
          margin: 0;
          opacity: 1 !important; }
          .prd-img-nw a video {
            display: block; }
    .prd-tn {
      width: 100%;
      margin: 32px 0 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      padding: 0 10px; }
      .prd-tn h2 {
        display: block;
        font-size: 24px;
        line-height: 30px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
            -ms-flex-order: 0;
                order: 0;
        width: 100%; }
    .prd-ps {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-top: 15px; }
    .prd-cs {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 26px; }
      .prd-cs-block {
        width: 100%;
        margin: 0 0 30px; }
    .prd-dp {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      width: 100%;
      margin-top: 30px; }
      .prd-dp h3 {
        font-size: 16px;
        line-height: 20px; }
    .prd-ts {
      -webkit-box-ordinal-group: 5;
      -webkit-order: 4;
          -ms-flex-order: 4;
              order: 4;
      margin-top: 40px; }
      .prd-ts h3 {
        font-size: 16px;
        line-height: 20px; }
      .prd-ts ul li {
        margin-top: 8px; }
    .prd-bt {
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
          -ms-flex-order: 5;
              order: 5;
      margin-top: 26px; }

      .prd-bt a {
        margin: 0; }
      .prd-bt button {
        position: fixed;
        width: -webkit-calc(100vw - 100px);
        width: calc(100vw - 100px);
        left: 50px;
        bottom: 25px;
        right: 50px;
        z-index: 20; }
    .prd-share {
      margin-top: 25px;
      -webkit-box-ordinal-group: 8;
      -webkit-order: 7;
          -ms-flex-order: 7;
              order: 7;
    }
    .prd-pa {
      -webkit-box-ordinal-group: 7;
      -webkit-order: 6;
          -ms-flex-order: 6;
              order: 6; }
    .prd-pya {
      width: 100%;
      margin: 21px 0 0; }
    .prd-pn {
      display: none; }
    .prd-ai {
      margin: 0; }
  .ofo {
    overflow: hidden;
    margin-top: 43px; }
    .ofo-bc {
      margin-top: 32px; }
    .ofo-im {
      width: 100%;
      margin: 10px 0 0 !important; }
      .ofo-im:first-child {
        margin: 0 !important; }
      .ofo-im i {
        width: 110px;
        margin-right: 20px; }
      .ofo-im span, .ofo-im div {
        margin: 0;
        width: -webkit-calc(100% - 134px);
        width: calc(100% - 134px); }
        .ofo-im span a, .ofo-im div a {
          font-size: 14px;
          line-height: 20px; }
        .ofo-im span b, .ofo-im div b {
          font-size: 16px;
          line-height: 20px;
          margin-top: 5px; }
      .ofo-im button {
        left: 134px;
        bottom: 3px; }
  .agc {
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    margin: 25px -15px 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    padding: 15px; }
    .agc-ifo {
      padding: 27px 30px 17px; }
      .agc-ifo h2 {
        font-size: 24px;
        line-height: 30px; }
      .agc-ifo span, .agc-ifo div {
        margin-top: 15px; }
        .agc-ifo span p, .agc-ifo div p {
          font-size: 16px;
          line-height: 26px;
          margin-top: 9px; }
      .agc-ifo ul {
        margin-top: 9px; }
        .agc-ifo ul p {
          font-size: 16px;
          line-height: 35px; }
        .agc-ifo ul li {
          margin: 0 15px 10px 0; }
    .agc-ctn {
      padding: 36px 45px 45px; }
  .rdp {
    margin-top: 50px;
    overflow: hidden; }
    .rdp-sl {
      margin-top: 31px; }
      .rdp-sl .slick-arrow {
        display: none !important; }
  .mfp-content {
    padding: 0; }
  .mfp-close, .modal__close {
    top: 15px;
    right: 15px; }
  .md {
    min-height: 100vh; }
  .md.min-mobile {
    min-height: 0; }
    .md-bc {
      padding: 35px 30px; }
    .md-ov {
      -webkit-border-radius: 0;
              border-radius: 0; }
    .md-bg {
      background: #fff; }
    .md-lg-ix > p {
      width: -webkit-calc(100% - 115px);
      width: calc(100% - 115px); }
    .md-tt h2 {
      font-size: 26px;
      line-height: 30px; }
    .md-tt p br {
      display: none; }
    .md-city div span a {
      height: 60px;
      line-height: 20px;
      font-size: 14px;
      padding: 0 7px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .md-xc {
      margin: 0;
      -webkit-border-radius: 0;
              border-radius: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.05); }
      .md-xc a {
        font-size: 14px; }
    .md-dt {
      -webkit-border-radius: 0;
              border-radius: 0;
      display: block; }
      .md-dt .md-tt {
        display: block; }
        .md-dt .md-tt p {
          font-size: 14px;
          line-height: 20px;
          height: auto; }
      .md-dt-bc {
        margin-top: 40px;
        overflow-x: auto;
        overflow-y: hidden; }
      .md-dt-th, .md-dt-td {
        min-width: 800px; }
    .md-map {
      -webkit-border-radius: 0;
              border-radius: 0; }
      .md-map-bc {
        height: 100vh;
        -webkit-border-radius: 0;
                border-radius: 0; }
      .md-map-fm {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        top: 60px;
        left: 15px; }
    .md-pj {
      -webkit-border-radius: 0;
              border-radius: 0; }
      .md-pj-aw {
        display: none; }
      .md-pj-img {
        width: 100%;
        height: 250px;
        -webkit-border-radius: 0;
                border-radius: 0; }
      .md-pj-bc {
        padding: 25px 20px 55px;
        width: 100%; }
  .cct {
    margin-top: 29px; }
    .cct-lox {
      width: 300px;
      position: fixed;
      display: block;
      left: -webkit-calc(50% - 150px);
      left: calc(50% - 150px);
      bottom: 30px;
      z-index: 22;
      -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
              box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
    .cct-tq {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px);
      margin: 0 -15px; }
      .cct-tq ul li {
        font-size: 14px;
        line-height: 20px;
        padding: 0 3px 14px;
        margin-right: 19px; }
    .cct-bc {
      width: 100%;
      margin-top: 31px; }
    .cct-tt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 0;
      padding-bottom: 0; }
      .cct-tt.dt {
        display: none; }
      .cct-tt:first-child {
        margin: 0; }
      .cct-tt > p {
        float: right;
        margin-left: auto;
        line-height: 40px;
        font-size: 16px; }
      .cct-tt-soc a {
        margin-right: 10px; }
      .cct-tt-io {
        padding-top: 9px; }
      .cct-tt-lg {
        margin-left: 12px;
        padding: 0; }
        .cct-tt-lg a {
          font-size: 0;
          width: 40px;
          height: 40px;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          border: 1px solid rgba(0, 0, 0, 0.1);
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          margin: 0 !important; }
          .cct-tt-lg a img, .cct-tt-lg a svg {
            margin: auto; }
          .cct-tt-lg a:last-child {
            display: none; }
    .cct-oo1 .cct-tt {
      margin: 0;
      border-bottom: 0; }
    .cct-crt {
      margin: 0 -15px;
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px); }
      .cct-crt + .cct-tt {
        margin-top: 20px; }
        .cct-crt + .cct-tt h3 {
          font-weight: 400;
          font-size: 24px;
          line-height: 30px; }
        .cct-crt + .cct-tt span {
          float: right;
          margin-left: auto; }
          .cct-crt + .cct-tt span p {
            float: left;
            font-size: 24px;
            line-height: 30px;
            color: rgba(0, 0, 0, 0.3); }
          .cct-crt + .cct-tt span b {
            float: left;
            margin-left: 15px;
            font-weight: 600;
            font-size: 24px;
            line-height: 30px; }
      .cct-crt-im {
        padding: 15px 266px 15px 15px;
        width: -webkit-calc(100% + 318px);
        width: calc(100% + 318px);
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        margin-top: 15px;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s; }
        .cct-crt-im.active {
          -webkit-transform: translateX(-318px);
              -ms-transform: translateX(-318px);
                  transform: translateX(-318px); }
          .cct-crt-im.active .cct-crt-s {
            background: url(../image/mob6.svg) center no-repeat; }
        .cct-crt-im.remove {
          -webkit-transform: translateX(52px);
              -ms-transform: translateX(52px);
                  transform: translateX(52px); }
        .cct-crt-im.index {
          z-index: 5; }
        .cct-crt-im::before {
          display: none; }
      .cct-crt-s {
        position: absolute;
        width: 64px;
        right: 318px;
        left: auto;
        top: 0;
        bottom: 0;
        height: 100%;
        background: url(../image/mob5.svg) center no-repeat; }
      .cct-crt-img {
        width: 87px; }
      .cct-crt-dt {
        width: -webkit-calc(100% - 155px);
        width: calc(100% - 155px);
        margin: 3px 0 0 14px;
        padding-right: 45px; }
        .cct-crt-dt p {
          display: none; }
        .cct-crt-dt a {
          margin: 0;
          font-size: 18px;
          line-height: 22px;
          max-height: 44px;
          overflow: hidden; }
      .cct-crt-cl {
        width: -webkit-calc(100% - 116px);
        width: calc(100% - 116px);
        top: 73px;
        right: auto;
        left: 116px; }
        .cct-crt-cl button {
          top: -73px;
          right: auto;
          left: -168px;
          opacity: 1;
          width: 52px;
          height: 118px;
          background: #BE1723; }
          .cct-crt-cl button u {
            position: absolute;
            left: 50%;
            display: block;
            width: 70px;
            font-size: 13px;
            line-height: 16px;
            color: #fff;
            text-decoration: none;
            padding-right: 27px;
            position: relative;
            -webkit-transform: translateX(-50%) rotate(-90deg);
                -ms-transform: translateX(-50%) rotate(-90deg);
                    transform: translateX(-50%) rotate(-90deg); }
            .cct-crt-cl button u::before {
              position: absolute;
              content: '';
              width: 16px;
              height: 16px;
              top: 0;
              right: 0;
              background: url(../image/cl.svg) center no-repeat; }
        .cct-crt-cl span {
          width: 52px;
          height: 118px;
          background: #F2F2F2;
          top: -73px;
          right: 0;
          z-index: 3; }
          .cct-crt-cl span input {
            line-height: 118px; }
          .cct-crt-cl span a {
            width: 100%;
            height: 42px;
            line-height: 42px; }
            .cct-crt-cl span a.minus {
              top: auto;
              bottom: 0; }
        .cct-crt-cl b {
          float: left;
          position: relative;
          right: auto;
          top: auto;
          width: auto;
          font-size: 20px;
          line-height: 24px; }
        .cct-crt-cl s {
          float: left;
          position: relative;
          top: auto;
          right: auto;
          width: auto;
          line-height: 24px;
          margin-left: 15px; }
        .cct-crt-cl p {
          display: block;
          float: left;
          margin-left: 20px;
          font-size: 13px;
          line-height: 24px;
          color: rgba(0, 0, 0, 0.3); }
        .cct-crt-cl i {
          float: left;
          position: relative;
          top: auto;
          right: auto;
          margin-left: 17px;
          -webkit-background-size: 14px auto !important;
                  background-size: 14px auto !important; }
      .cct-crt-sc {
        width: 318px;
        left: auto;
        right: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.01); }
      .cct-crt-is {
        width: 100%;
        margin: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        padding: 9px 76px 9px 19px;
        display: none; }
        .cct-crt-is:first-child {
          border-top: 0; }
        .cct-crt-is:nth-child(1), .cct-crt-is:nth-child(2), .cct-crt-is:nth-child(3) {
          display: block; }
        .cct-crt-is.som {
          display: none; }
        .cct-crt-is span {
          float: left; }
          .cct-crt-is span p {
            line-height: 20px; }
            .cct-crt-is span p::before, .cct-crt-is span p::after {
              display: none; }
        .cct-crt-is > ul {
          float: right;
          display: block;
          padding: 0;
          position: relative;
          top: auto;
          left: auto;
          min-width: 0;
          -webkit-box-shadow: none;
                  box-shadow: none; }
          .cct-crt-is > ul > li {
            float: left;
            padding: 0;
            margin-right: 10px; }
            .cct-crt-is > ul > li:last-child {
              margin: 0; }
            .cct-crt-is > ul > li i {
              margin-right: 0; }
            .cct-crt-is > ul > li p {
              display: none; }
        .cct-crt-is.ag {
          padding: 0; }
          .cct-crt-is.ag span {
            padding: 9px 76px 9px 19px;
            width: 100%;
            position: relative; }
            .cct-crt-is.ag span::before, .cct-crt-is.ag span::after {
              content: '';
              position: absolute;
              width: 7px;
              height: 1px;
              left: 237px;
              background: #999;
              -webkit-border-radius: 3px;
                      border-radius: 3px;
              -webkit-transition: -webkit-transform .25s;
              transition: -webkit-transform .25s;
              -o-transition: transform .25s;
              transition: transform .25s;
              transition: transform .25s, -webkit-transform .25s; }
            .cct-crt-is.ag span::before {
              top: 16px;
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
            .cct-crt-is.ag span::after {
              top: 21px;
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
          .cct-crt-is.ag.index {
            z-index: 22;
            width: -webkit-calc(100% - 52px);
            width: calc(100% - 52px); }
          .cct-crt-is.ag > ul {
            display: none;
            position: absolute;
            z-index: 22;
            left: 0;
            top: 40px;
            padding: 15px; }
            .cct-crt-is.ag > ul .qs {
              width: 288px; }
    .cct-oo {
      display: none;
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px);
      padding: 0 15px;
      margin: 0 -15px;
      overflow: hidden; }
    .cct-oo1 {
      display: block; }
    .cct-oo4 {
      overflow: unset; }
    .cct-ov {
      width: 100%; }
    .cct-fa {
      margin-top: 20px; }
      .cct-fa-fm {
        width: 100%; }
        .cct-fa-fm > h5 {
          display: none; }
        .cct-fa-fm form {
          margin-top: 0; }
      .cct-fa-ifo {
        width: 100%;
        margin: 20px 0 0;
        padding: 0 10px; }
    .cct-tab {
      margin-top: 15px; }
      .cct-tab-list {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        width: 100%;
        border: 0;
        position: relative; }
        .cct-tab-list.active p {
          -webkit-border-radius: 7px 7px 0 0;
                  border-radius: 7px 7px 0 0;
          -webkit-transition: -webkit-border-radius .05s;
          transition: -webkit-border-radius .05s;
          -o-transition: border-radius .05s;
          transition: border-radius .05s;
          transition: border-radius .05s, -webkit-border-radius .05s; }
          .cct-tab-list.active p::before {
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
          .cct-tab-list.active p::after {
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
        .cct-tab-list p {
          display: block;
          width: 100%;
          max-width: 400px;
          position: relative;
          height: 50px;
          line-height: 50px;
          padding-left: 20px;
          background: #FAFAFA;
          -webkit-border-radius: 50px;
                  border-radius: 50px;
          -webkit-transition: .25s border-radius .25s;
          -o-transition: .25s border-radius .25s;
          transition: .25s border-radius .25s; }
          .cct-tab-list p::before, .cct-tab-list p::after {
            content: '';
            position: absolute;
            width: 9px;
            height: 1px;
            top: 23px;
            background: #000;
            -webkit-border-radius: 3px;
                    border-radius: 3px;
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            -o-transition: transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s; }
          .cct-tab-list p::before {
            right: 26px;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .cct-tab-list p::after {
            right: 32px;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
        .cct-tab-list ul {
          position: absolute;
          width: 100%;
          top: 50px;
          left: 0;
          right: 0;
          display: none;
          background: #FAFAFA;
          -webkit-border-radius: 0 0 7px 7px;
                  border-radius: 0 0 7px 7px;
          -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.05);
                  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.05);
          z-index: 5;
          border-top: 1px solid rgba(0, 0, 0, 0.05); }
          .cct-tab-list ul li {
            border-top: 1px solid rgba(0, 0, 0, 0.05);
            margin-top: 0;
          }
          .cct-tab-list ul li label {
            display: block;
            width: 100%;
            height: 36px;
            line-height: 36px;
            padding: 0 20px;
            font-size: 16px;
            color: #000;
            margin: 0;
            -webkit-transition: color .25s;
            -o-transition: color .25s;
            transition: color .25s; }
            .cct-tab-list ul li label::before {
              display: none; }
            .cct-tab-list ul li:first-child {
              border: 0; }
            .cct-tab-list ul li input:checked + label {
              color: rgba(0, 0, 0, 0.2); }
      .cct__pay-box {
        padding: 15px 18px;
      }
      .cct__pay-name {
        font-size: 16px;
        padding-left: 28px;
      }
      .cct__pay-name::before, .cct__pay-name::after {
        top: 2px;
        width: 18px;
        height: 18px;
      }
      .cct__pay-desc {
        font-size: 14px;
      }
      .cct-tab-bc {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin-top: 20px; }
      .cct-tab-im > span.min {
        width: 100%; }
        .cct-tab-im > span.min + .qs {
          position: relative;
          right: auto;
          bottom: auto;
          margin-top: 15px; }
    .cct-nw {
      border: 0;
      -webkit-border-radius: 0;
              border-radius: 0; }
      .cct-nw-tt {
        padding: 0;
        border: 0; }
        .cct-nw-tt p {
          margin-top: 5px; }
      .cct-nw-ds {
        padding: 20px 10px 0; }
      .cct-nw-ta {
        padding: 20px 10px 27px; }
  .gty {
    margin-top: 37px;
    padding: 0;
    border: 0;
    margin-top: 30px; }
    .gty-ol + .gty-tt {
      margin-top: 56px; }
    .gty-tt {
      padding: 0;
      border: 0; }
      .gty-tt:first-child {
        display: none; }
      .gty-tt h3 {
        font-size: 20px; }
      .gty-tt p {
        font-size: 0; }
        .gty-tt p b {
          font-size: 14px;
          font-weight: 400; }
    .gty-ol {
      margin: 0; }
      .gty-ol-t {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin-top: 18px; }
      .gty-ol-n {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
    .gty-crt {
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px);
      margin: 15px -15px 0;
      overflow: hidden; }
      .gty-crt-t {
        padding: 0 15px }
      .gty-crt-t p {
        font-size: 16px;
        line-height: 20px;
      }
      .gty-crt-t ul li b {
        font-size: 12px;
      }
      .gty-crt-t ul li {
        min-width: 0 !important;
        font-size: 18px;
        line-height: 20px;
      }
      .gty-crt-t ul li:last-child {
        padding-left: 12px;
      }
      .gty-crt .cct-crt-im.remove {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); }
      .gty-crt .cct-crt-cl span {
        display: none; }
    .gty-gt {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 21px;
      padding-top: 35px; }
      .gty-gt ul {
        width: 100%;
        padding: 0;
        margin-top: 15px; }
        .gty-gt ul:first-child {
          margin: 0; }
  .shq {
    margin: 40px -15px 0;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    -webkit-border-radius: 0;
            border-radius: 0;
    padding: 15px; }
    .shq-bc {
      padding: 40px 24px 56px; }
    .shq-fm {
      margin-top: 30px; }
      .shq-fm .qt {
        width: 100%;
        margin: 20px 0 0;
        height: 102px !important; }
    .shq-lt {
      width: 100%; }
    .shq-bt {
      margin-top: 20px; }
      .shq-bt .qf {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        width: 100%;
        margin: 0; }
      .shq-bt button {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin: 20px 0 0; }
      .shq-bt span {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3;
        width: 100%;
        height: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 20px; }
  .omi {
    padding-top: 41px; }
    .omi-img {
      display: none; }
    .omi-bc-text {
      font-size: 32px;
      line-height: 45px; }
  .pcv {
    margin: 32px -15px 0;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px); }
    .pcv-im {
      margin-top: 32px; }
      .pcv-im div {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 39px auto auto !important;
        padding: 26px 40px 31px;
        height: auto; }
        .pcv-im div h2 {
          font-size: 24px;
          line-height: 30px; }
        .pcv-im div span {
          margin-top: 8px; }
          .pcv-im div p {
            margin-top: 8px;
            font-size: 14px;
            line-height: 22px; }
  .tab {
    padding-bottom: 5px;
    overflow-y: hidden;
    overflow-x: auto;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px; }
    .tab ul {
      white-space: nowrap;
      padding: 0; }
      .tab ul li {
        font-size: 16px;
        line-height: 20px;
        padding: 0 1px 21px;
        margin-right: 18px;
        float: none;
        display: inline-block; }
  .faq {
    margin-top: 28px; }
    .faq-bc {
      margin-top: 36px; }
      .faq__item-name {
        padding: 28px 70px 20px 0; }
      .faq__item-desc {
        padding-bottom: 36px; }
  .brn-bc a {
    width: -webkit-calc(25% - 14px);
    width: calc(25% - 14px);
    margin: 0 7px 16px; }
    .brn-bc a i {
      height: 85px; }
    .brn-bc a p {
      margin-top: 7px; }
  .mct {
    margin-top: 41px; }
    .mct-os {
      margin-top: 37px; }
      .mct-os a {
        width: 100%;
        padding: 40px 0; }
        .mct-os a:nth-child(2) {
          border-left: 0;
          border-right: 0;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          border-top: 1px solid rgba(0, 0, 0, 0.1); }
        .mct-os a p {
          text-align: center; }
        .mct-os a span {
          text-align: center; }
        .mct-os a b {
          text-align: center;
          color: #F19FCA; }
    .mct-map {
      margin-top: 28px; }
    .mct-ifo {
      margin-top: 40px; }
      .mct-ifo div {
        width: 100%;
        padding: 30px 30px 37px;
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .mct-ifo div a {
          margin-top: 18px; }
      .mct-ifo ul {
        width: 100%;
        padding: 37px 30px 50px; }
        .mct-ifo ul li {
          padding: 0;
          margin-top: 21px;
          border: 0; }
          .mct-ifo ul li:first-child {
            margin: 0; }
          .mct-ifo ul li p {
            width: 100% !important;
            padding: 0 !important; }
            .mct-ifo ul li p:nth-child(2) {
              margin-top: 4px; }
          .mct-ifo ul li > a {
            display: none; }
  .whs {
    padding-top: 41px; }
    .whs div {
      width: 100%;
      font-size: 24px;
      line-height: 40px; }
      .whs div br {
        display: none; }
  .dte {
    margin: 46px -15px 0;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    -webkit-border-radius: 0;
            border-radius: 0;
    overflow-y: hidden;
    overflow-x: auto; }
    .dte-tb {
      min-width: 950px; }
    .dte-th div:first-child {
      padding-left: 30px; }
    .dte-th div span h3 {
      font-size: 20px;
      line-height: 26px; }
    .dte-th div span p {
      font-size: 18px;
      line-height: 22px; }
    .dte-td div:first-child {
      padding-left: 30px; }
    .dte-td div p {
      font-size: 18px;
      line-height: 22px; }
    .dte-td div b {
      font-size: 18px;
      line-height: 22px; }
  .sps {
    margin-top: 48px; }
  .pos {
    overflow: hidden; }
    .pos-bc {
      margin-top: 33px;
      border: 0;
      -webkit-border-radius: 0;
              border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .pos-im {
      background: #fff !important;
      width: 100% !important;
      position: relative !important;
      top: auto !important;
      left: auto !important;
      -webkit-transform: translateY(0) !important;
          -ms-transform: translateY(0) !important;
              transform: translateY(0) !important;
      margin-top: 20px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
      .pos-im:first-child {
        margin: 0; }
    .pos-tt h2 {
      color: #F19FCA !important; }
    .pos-tt b, .pos-tt p {
      color: #000 !important; }
    .pos-ls ul li b {
      color: #F19FCA !important; }
      .pos-ls ul li b svg path {
        fill: #F19FCA !important; }
    .pos-ls ul li p {
      color: #000 !important; }
    .pos-bt b {
      color: #000 !important; }
    .pos-bt a {
      background: #F19FCA !important;
      color: #fff !important; }
    .pos-1 .pos-im {
      padding: 15px 10px;
    }
    .pos-1 .pos-ls ul li {
      border-right: 0;
      width: 100%;
    }
    .pos-1 .pos-ls ul li b {
      -webkit-box-pack: start;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .pos-1 .pos-ls ul li p {
      text-align: center;
    }
    .pos-1 .pos-ls ul li {
      padding-left: 0;
    }
  .spo {
    margin-top: 60px; }
    .spo-bc {
      margin-top: 24px; }
      .spo-bc img {
        width: 100% !important;
        margin: 0 0 15px; }
      .spo-bc p {
        font-size: 16px;
        line-height: 30px; }
    .spo-i, .spo-v {
      display: none; }
  .ppl {
    margin-top: 30px; }
    .ppl-ov {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      width: 100%; }
    .ppl-bc {
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
    .ppl-sc {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    .ppl-bat {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 43px; }
      .ppl-bat.not {
        display: none; }
    .ppl-nw {
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
          -ms-flex-order: 0;
              order: 0;
      margin: 0;
      border: 0;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px);
      margin: 0 -15px;
      padding: 0 15px;
      overflow-y: hidden;
      overflow-x: auto; }
      .ppl-nw h3 {
        display: none; }
      .ppl-nw ul {
        display: block;
        margin: auto;
        padding: 0 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        white-space: nowrap;
        padding: 0; }
        .ppl-nw ul li {
          display: inline-block;
          width: auto;
          margin-right: 18px;
          border-bottom: 0;
          -webkit-transition: color .25s;
          -o-transition: color .25s;
          transition: color .25s; }
          .ppl-nw ul li:last-child {
            margin: 0; }
          .ppl-nw ul li a, .ppl-nw ul li span {
            padding: 0;
            padding: 0 1px 14px;
            font-size: 14px;
            line-height: 18px;
            position: relative; }
            .ppl-nw ul li a img, .ppl-nw ul li span img {
              display: none; }
          .ppl-nw ul li span::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            background: #F19FCA;
            left: 0;
            bottom: -1px;
            right: 0;
            -webkit-transition: opacity .25s;
            -o-transition: opacity .25s;
            transition: opacity .25s; }
    .ppl-soc div {
      display: none; }
    .ppl-tt {
      padding-bottom: 0;
      border-bottom: 0; }
      .ppl-tt > span {
        width: 100%;
        margin-top: 12px; }
        .ppl-tt > span a {
          float: left;
          width: -webkit-calc(50% - 10px);
          width: calc(50% - 10px); }
          .ppl-tt > span a.link-s {
            margin-right: 20px; }
    .ppl-os {
      margin-top: 11px; }
    .ppl-jn {
      position: relative;
      margin-top: 36px; }
      .ppl-jn div {
        width: 100%; }
        .ppl-jn div p {
          line-height: 16px;
          font-size: 13px;
          color: rgba(0, 0, 0, 0.5);
          margin-top: 2px; }
      .ppl-jn span {
        position: absolute;
        padding: 0;
        width: -webkit-calc(100% - 58px);
        width: calc(100% - 58px);
        left: 58px;
        top: 20px;
        border-bottom: 0; }
        .ppl-jn span a {
          top: -14px; }
    .ppl-jr {
      margin-top: 25px; }
      .ppl-jr:first-child {
        margin-top: 28px; }
      .ppl-jr-a {
        display: none; }
      .ppl-jr-b {
        width: 100%; }
        .ppl-jr-b.trio {
          width: calc(100% + 20px);
        }
        .ppl-jr-b.duo .qi {
          width: 100%;
          margin: 25px 0 0 !important; }
          .ppl-jr-b.duo .qi:first-child {
            margin: 0 !important; }
        .ppl-jr-b .link-s {
          width: 100%;
          max-width: 400px; }
    .ppl-his-c {
      overflow: hidden;
      width: -webkit-calc(100% + 30px);
      width: calc(100% + 30px);
      margin: 34px -15px 0; }
      .ppl-his-c .cct-crt-im.remove {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); }
      .ppl-his-c .cct-crt-cl span {
        display: none; }
    .ppl-his-t div {
      position: relative; }
      .ppl-his-t div b {
        font-size: 18px; }
      .ppl-his-t div p {
        position: absolute;
        font-size: 18px;
        line-height: 20px;
        left: 27px;
        top: 33px;
        white-space: nowrap;
        margin: 0; }
    .ppl-his-t span .link {
      display: none; }
  .mfp-arrow {
    display: none; } 
  .phone {
    right: 15px;
    bottom: 15px;
  }
  .phone__but::before {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
  .phone__info {
    display: none;
  }
  .up {
    display: none;
  }
  .prd-img-slider-im a {
    opacity: 1;
  }
  .gty-crt-total.pad {
    padding:0 15px; }
  .reviews__item {
    width: calc(33.3333% - 10px);
  }
  .reviews__item-date {
    font-size: 11px;
    margin-top: 10px;
  }
  .reviews__item-name {
    font-size: 14px;
    margin-top: 2px;
  }
  .reviews__item-price {
    font-size: 18px;
    margin-top: 4px;
  }
  .blog__block {
    width: calc(100% + 10px);
    margin: 0 -5px;
    overflow: hidden;
  }
  .blog__item {
    margin: 40px 5px 0;
    width: calc(50% - 10px);
  }
  .blog__item-title {
    margin-top: 15px;
    font-size: 16px;
  }
  .blog__item-short {
    margin-top: 9px;
    font-size: 12px;
    line-height: 16px;
  }
  .blog__item-info {
    padding-top: 14px;
    font-size: 11px;
  }
  .blog__info {
    justify-content: center;
  }
  .blog__info-list {
    margin-left: 12px;
    font-size: 12px;
  }
  .blog__info .prd-share {
    width: 100%;
    margin: 25px 0 0;
    justify-content: center;
  }
  .blog__info .prd-share__list {
    margin: 0;
  }

}

@media screen and (max-width: 767px) {
  .head-sgn-pd .pd {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px); }
  .head-sgn-no-found_product .pd {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px); }
  .pd {
    width: -webkit-calc(50% - 16px);
    width: calc(50% - 16px); }
  .ocs {
    margin-top: 58px; }
    .ocs-bc a {
      width: -webkit-calc(50% - 4px);
      width: calc(50% - 4px);
      display: none;
      height: 100px; }
      .ocs-bc a:nth-child(1), .ocs-bc a:nth-child(2), .ocs-bc a:nth-child(3), .ocs-bc a:nth-child(4), .ocs-bc a:nth-child(5), .ocs-bc a:nth-child(6) {
        display: block; }
      .ocs-bc a i {
        margin-top: 22px; }
        .ocs-bc a i img, .ocs-bc a i svg {
          height: 32px; }
      .ocs-bc a p {
        font-size: 14px;
        line-height: 16px;
        margin-top: 14px; }
    .ocs-all {
      display: block;
      width: 100%;
      margin: 24px auto 0;
      width: 100%;
      max-width: 295px;
      -webkit-box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6);
              box-shadow: 0px 6px 24px rgba(241, 159, 202, 0.6); }
  .cgs-bc a {
    width: 100%;
    margin: 0; }
  .wai-bc a {
    width: -webkit-calc(50% - 6px);
    width: calc(50% - 6px); }
  .cct-fa-aa {
    width: 100%;
    margin: 20px 0 0; }
  .cct-fa-aa label p span {
    display: none;
  }
  .cct-fa-rz {
    width: 100%;
    margin: 0;
    font-size: 14px; }
    .cct-fa-rz label p {
      height: 100%;
      padding: 0 50px 0 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px;
      line-height: 18px; }
  .cct-fa-fm form {
    width: 100%;
    margin: 0; }
    .cct-fa-fm form .qq {
      width: 100%;
      margin: 20px 0 0; }
      .cct-fa-fm form .qq:nth-child(2) {
        margin-top: 20px; }
      .cct-fa-fm form .qq.full {
        width: 100%; }
  .gty-ol-t div a {
    width: 100%; }
    .gty-ol-t div a:last-child {
      margin: 15px 0 0; }
  .brn-bc a {
    width: -webkit-calc(50% - 14px);
    width: calc(50% - 14px); }
  .sps-bc .pd {
    width: -webkit-calc(50% - 14px);
    width: calc(50% - 14px); }
  .ttu-bc a {
    width: -webkit-calc(50% - 6px);
    width: calc(50% - 6px);
    height: 95px; }
  .reviews__item {
    width: calc(50% - 10px);
  }
  .blog__item {
    width: calc(100% - 10px);
  }

     }


.sitemap {
  width: 100%;
  padding-top: 70px;
  columns: 3;
}
.sitemap__item {
  display: block;
  padding-bottom: 50px;
}
.sitemap__title {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.sitemap__title a {
  color: #000;
}
.sitemap__block {
  display: block;
  padding-top: 20px;
}
.sitemap__block li {
  display: block;
  padding-left: 18px;
  font-size: 16px;
  line-height: 160%;
  position: relative;
  margin-top: 4px;
}
.sitemap__block li a {
  color: #000;
}
.sitemap__block li:first-child {
  margin: 0;
}
.sitemap__block li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: 0;
  top: 11px;
  background: #000;
  border-radius: 50%;
}
.sitemap__block li li {
  font-size: 15px;
}
.sitemap__block li ul {
  padding: 5px;
}
.sitemap__block li li::before {
  top: 10px;
}
.sitemap__block li li li {
  font-size: 14px;
}
.sitemap__block li li li::before {
  top: 7px;
  width: 4px;
  height: 4px;
}
.full-bone {
  width: 100vw;
  height: auto;
  margin-left: calc(50% - 50vw);
  margin-top: 70px;
}
.full-bone img {
  display: block;
  width: 100%;
  height: auto;
}
.full-bone img:nth-child(2) {
  display: none;
}

@media screen and (max-width: 1023px) {
  .head-sgn-no-found {
    font-size: 16px;
  }
  .full-bone {
    margin-top: 50px;
  }
  .full-bone img {
    display: none;
  }
  .full-bone img:last-child {
    display: block;
  }
.sitemap {
    columns: 2;
    padding-top: 50px;
  }
  .sitemap__item {
    padding-bottom: 40px;
  }
  .rdp-block .pd{width:-webkit-calc(50% - 16px);width:calc(50% - 16px)}
  .cct-fa-ifo--check {
    float: left;
    width: 100%;
    }
    .cct-fa-ifo {
      padding: 0;
    }
    .md-rates {
      overflow-x: auto;
      overflow-y: hidden;
    }
  }
  @media screen and (max-width: 767px) {
    .sitemap {
    columns: 1;
  }
      .jmn-bc a {
      width: 100%;
      margin-top: 16px; }
      .jmn-bc a:first-child {
        margin: 0; }
}
.frm-error {
  border: 1px solid #ccc;
  width: 100%;
  padding: 10px;
  text-align: center;
  margin-top: 20px;
  border-radius: 50px;
}