@charset "UTF-8";
#Footer {
  /*help部分*/
  /*footer部分*/ }
  #Footer .footer-top {
    font-size: 18px;
    text-align: center;
    color: #323232;
    background: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 50px; }
    #Footer .footer-top .footer-title {
      font-size: 48px;
      font-weight: bold;
      margin-bottom: 10px; }
    #Footer .footer-top .help-content {
      margin-top: 50px;
      display: flex;
      justify-content: space-around;
      margin-bottom: 50px; }
      #Footer .footer-top .help-content .help-item {
        width: 30%;
        position: relative;
        cursor: pointer; }
        #Footer .footer-top .help-content .help-item a {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
      #Footer .footer-top .help-content .help-txt-2 {
        font-size: 13px; }
  #Footer .footer-bottom {
    background: #323232;
    padding: 50px 0; }
    #Footer .footer-bottom .type-area {
      display: flex;
      justify-content: center; }
      #Footer .footer-bottom .type-area ul {
        width: 33%;
        text-align: center; }
      #Footer .footer-bottom .type-area li {
        line-height: 32px; }
        #Footer .footer-bottom .type-area li a {
          font-size: 18px;
          color: #999999; }
      #Footer .footer-bottom .type-area .li-title {
        margin-bottom: 20px;
        color: #fff;
        font-weight: bold;
        font-size: 24px; }

@media screen and (max-width: 1201px) and (min-width: 200px) {
  #Footer .footer-top .help-txt-2 {
    display: none; }
  #Footer .footer-bottom .type-area {
    max-width: 90%;
    display: unset; }
    #Footer .footer-bottom .type-area ul {
      padding-left: 20px;
      text-align:left;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 40px; }
    #Footer .footer-bottom .type-area .li-item {
      display: none;
      padding-left: 30px; }
  #Footer .footer-bottom .li-title {
    position: relative; }
    #Footer .footer-bottom .li-title::after {
      position: absolute;
      width: 20px;
      height: 3px;
      background: #fff;
      content: "";
      right: 40px;
      top: 16px; }
    #Footer .footer-bottom .li-title::before {
      position: absolute;
      width: 3px;
      height: 20px;
      background: #fff;
      content: "";
      right: 48px;
      top: 8px;
      transition: all ease .2s; }
  #Footer .footer-bottom li.active::before {
    transform: rotate(90deg); } }

/*# sourceMappingURL=footer.css.map */