.fadeins {
  width: 5rem;
  height: 100vh;
  background: #F5F5F5;
  position: fixed;
  transition: all .5s;
  right: -5rem;
  top: 0;
  z-index: 99999999;
  padding: .5rem .3rem; }
  .fadeins.on {
    right: 0;
    top: 0; }
  .fadeins .close {
    width: .5rem;
    display: block;
    margin: 0 auto;
    cursor: pointer; }
  .fadeins ul {
    overflow: hidden;
    margin-top: .5rem; }
    .fadeins ul li {
      font-size: .26rem;
      line-height: .8rem;
      color: #333;
      text-align: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .fadeins ul li a {
        color: #333; }

.content {
  overflow: hidden;
  width: 100%; }
  .content .m {
    width: 100%;
    margin: 0 auto; }
  .content .footer_link {
    width: 100%;
    height: 4.08rem;
    background-image: url(../images/addhome_39.jpg);
    background-size: 100% 100%;
    position: relative;
    padding: .86rem 0 0 0; }
    .content .footer_link p {
      text-align: center;
      font-size: .36rem;
      color: #fff;
      font-weight: bold;
      letter-spacing: .03rem; }
    .content .footer_link span {
      display: block;
      text-align: center;
      font-size: .26rem;
      margin-top: .26rem;
      color: #fff; }
    .content .footer_link .btn {
      overflow: hidden;
      width: 3.2rem;
      height: .85rem;
      border-radius: .6rem;
      margin: 0 auto;
      margin-top: .63rem;
      background: linear-gradient(to right, #FFD052, #FFE8A9); }
      .content .footer_link .btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .28rem;
        color: #000000;
        font-weight: bold;
        width: 100%;
        height: 100%; }
  .content .main_find {
    width: 100%;
    padding: 0 .3rem; }
    .content .main_find .pic {
      width: 100%;
      overflow: hidden;
      border-radius: .2rem; }
      .content .main_find .pic img {
        display: block;
        width: 100%; }
    .content .main_find .head {
      overflow: hidden;
      padding: .45rem .15rem; }
      .content .main_find .head p {
        font-size: .36rem;
        color: #000000;
        font-weight: bold;
        margin-bottom: .14rem;
        letter-spacing: .01rem; }
      .content .main_find .head span {
        display: block;
        font-size: .24rem;
        color: #999999;
        letter-spacing: .02rem; }
    .content .main_find ul {
      width: 100%;
      padding-bottom: .6rem; }
      .content .main_find ul li {
        width: 100%;
        overflow: hidden;
        border-radius: .2rem;
        background: linear-gradient(to right, #fff, #FEFBF7);
        padding: .37rem .46rem .32rem .36rem;
        display: flex;
        align-items: flex-start;
        box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06);
        margin-bottom: .4rem;
        justify-content: space-between; }
        .content .main_find ul li:last-child {
          margin-bottom: 0; }
        .content .main_find ul li img {
          width: .75rem; }
        .content .main_find ul li div {
          overflow: hidden;
          width: calc(100% - .75rem);
          padding-left: .26rem; }
          .content .main_find ul li div p {
            font-size: .28rem;
            letter-spacing: 2px;
            color: #000000;
            margin-bottom: .12rem; }
          .content .main_find ul li div span {
            display: block;
            font-size: .24rem;
            color: #999999;
            line-height: .36rem; }
  .content .main_case {
    width: 100%;
    padding: .7rem 0; }
    .content .main_case .label {
      overflow: hidden;
      width: 6.9rem;
      margin: 0 auto;
      background: #fff;
      border-radius: .2rem;
      box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
      .content .main_case .label .pic {
        width: 100%;
        overflow: hidden; }
        .content .main_case .label .pic img {
          display: block;
          width: 100%; }
      .content .main_case .label .info {
        overflow: hidden;
        width: 100%;
        padding: .4rem 0 .47rem 0; }
        .content .main_case .label .info p {
          font-size: .36rem;
          color: #333333;
          text-align: center;
          letter-spacing: .03rem;
          font-weight: bold; }
        .content .main_case .label .info span {
          display: flex;
          align-items: center;
          justify-content: center;
          letter-spacing: .02rem;
          margin-top: .2rem;
          font-size: .26rem;
          color: #999999; }
          .content .main_case .label .info span em {
            display: inline-block;
            font-size: .34rem;
            color: #000000;
            margin-left: .12rem;
            font-weight: bold; }
        .content .main_case .label .info .btn {
          overflow: hidden;
          width: 6.2rem;
          height: 1.08rem;
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(to right, #FFD052, #FFE8AA);
          border-radius: .7rem;
          letter-spacing: .03rem;
          margin: 0 auto;
          margin-top: .5rem;
          font-size: .36rem;
          font-weight: bold;
          color: #000000; }
  .content .main_space {
    width: 100%;
    padding-left: .3rem;
    margin-top: .83rem; }
    .content .main_space .title {
      display: block;
      font-size: .36rem;
      color: #000000;
      font-weight: bold;
      padding-left: .12rem;
      letter-spacing: .02rem; }
    .content .main_space .box {
      width: 100%;
      margin-top: .22rem;
      position: relative; }
      .content .main_space .box .swiper {
        width: 100%;
        overflow: hidden; }
        .content .main_space .box .swiper .swiper-slide {
          width: 6.16rem;
          margin-right: .3rem; }
      .content .main_space .box .label {
        width: 100%;
        overflow: hidden;
        border-radius: .2rem; }
        .content .main_space .box .label .pic {
          overflow: hidden;
          width: 100%;
          border-radius: .2rem; }
          .content .main_space .box .label .pic img {
            display: block;
            width: 100%; }
        .content .main_space .box .label .info {
          overflow: hidden;
          width: 100%;
          padding: .2rem .12rem; }
          .content .main_space .box .label .info span {
            display: block;
            font-size: .24rem;
            color: #999999;
            margin-top: .14rem;
            letter-spacing: .01rem; }
          .content .main_space .box .label .info div {
            display: flex;
            align-items: center; }
            .content .main_space .box .label .info div p {
              font-size: .26rem;
              padding-right: .54rem;
              position: relative;
              color: #333333;
              position: relative;
              letter-spacing: .01rem; }
              .content .main_space .box .label .info div p:last-child::after {
                display: none; }
              .content .main_space .box .label .info div p::after {
                content: '';
                width: 1px;
                height: .23rem;
                background: #E6E6E6;
                position: absolute;
                right: .27rem;
                top: 50%;
                transform: translateY(-50%); }
  .content .main_form {
    width: 6.9rem;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    margin-top: -2.35rem;
    border-radius: .15rem;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
    background: linear-gradient(rgba(255, 255, 255, 0.92), #fff);
    z-index: 9; }
    .content .main_form .button {
      overflow: hidden;
      width: calc(100% - .35rem);
      height: 1.08rem;
      border-radius: .7rem;
      font-weight: bold;
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      background: linear-gradient(to right, #FFD052, #FFE8AA);
      margin-top: .47rem;
      font-size: .36rem;
      color: #000000; }
    .content .main_form .fade {
      overflow: hidden;
      width: 100%;
      padding: 0 0 .5rem .35rem; }
      .content .main_form .fade .item {
        overflow: hidden;
        width: 100%; }
        .content .main_form .fade .item .usernumber {
          overflow: hidden;
          width: calc(100% - .35rem);
          padding-left: .36rem;
          height: .8rem;
          border-radius: .5rem;
          cursor: pointer;
          background: #F8F8F8;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .content .main_form .fade .item .usernumber p {
            font-size: .24rem;
            color: #999999;
            letter-spacing: .01rem; }
          .content .main_form .fade .item .usernumber div {
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 .35rem; }
            .content .main_form .fade .item .usernumber div span {
              font-size: .28rem;
              font-weight: bold;
              margin-right: .15rem;
              color: #000000; }
            .content .main_form .fade .item .usernumber div img {
              width: .19rem; }
            .content .main_form .fade .item .usernumber div select {
                width: 100%;
                height: 100%;
                font-size: .26rem;
                color: #000000;
                border: none;
                outline: none;
                font-weight: bold;
                background: none;
                text-align: right;
                padding-right: 0.20rem;
                padding-left: 0.50rem;
                direction: rtl;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                background: url("../images/pt-img5.png") no-repeat 100% center;
                background-size: 0.19rem auto;
                padding-right: 7%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box; }
        .content .main_form .fade .item .date {
          overflow: hidden;
          width: 100%;
          height: 1.16rem;
          display: flex;
          cursor: pointer;
          align-items: center;
          justify-content: space-between;
          padding-right: .35rem; }
          .content .main_form .fade .item .date p {
            font-size: .24rem;
            color: #999999;
            letter-spacing: .01rem; }
          .content .main_form .fade .item .date div {
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 .35rem; }
            .content .main_form .fade .item .date div span {
              font-size: .28rem;
              font-weight: bold;
              margin-right: .15rem;
              color: #000000; }
            .content .main_form .fade .item .date div img {
              width: .19rem; }
        .content .main_form .fade .item .address {
          overflow: hidden;
          height: 1.23rem;
          border-bottom: 1px solid #F0F0F0;
          display: flex;
          align-items: center;
          font-size: 12px; }
          .content .main_form .fade .item .address .change {
            width: calc(100% - 1.66rem);
            height: 100%;
            font-size: 12px;
            position: relative;
            display: flex;
            align-items: center; }
            .content .main_form .fade .item .address .change input {
              width: 100%;
              height: 100%;
              font-size: .24rem;
              color: #999999;
              padding-left: .52rem;
              border: none;
              background: none;
              outline: none; }
              .content .main_form .fade .item .address .change input::placeholder {
                color: #999999; }
            .content .main_form .fade .item .address .change div {
              height: 100%;
              position: absolute;
              right: .6rem;
              top: 0;
              display: flex;
              align-items: center; }
              .content .main_form .fade .item .address .change div img {
                width: .33rem; }
              .content .main_form .fade .item .address .change div span {
                font-size: .24rem;
                color: #efbf3f; }
          .content .main_form .fade .item .address .select {
            width: 1.66rem;
            height: 100%;
            font-size: 12px;
            position: relative; }
            .content .main_form .fade .item .address .select select {
              width: 100%;
              height: 100%;
              border: none;
              outline: none;
              background: none;
              font-size: .36rem;
              font-weight: bold;
              color: #000000; }
    .content .main_form .tab {
      overflow: hidden;
      display: flex;
      border-bottom: 1px solid #F0F0F0;
      align-items: flex-end;
      padding: .3rem 0 .7rem .45rem; }
      .content .main_form .tab li {
        font-size: .38rem;
        color: #999999;
        cursor: pointer;
        letter-spacing: .03rem;
        line-height: 1;
        margin-right: .65rem;
        position: relative; }
        .content .main_form .tab li.on {
          font-size: .5rem;
          color: #000;
          font-weight: bold; }
          .content .main_form .tab li.on::after {
            content: '';
            width: .55rem;
            height: .16rem;
            background: #FFD052;
            border-radius: .4rem;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -.35rem;
            box-shadow: 1px 8px 11px 0px #e3cd91; }
  .content .banner {
    overflow: hidden;
    width: 100%;
    height: 6.96rem;
    position: relative;
    padding: 2.45rem .45rem 0 .45rem; }
    .content .banner .swiper-pagination {
      font-size: 12px;
      width: 100%;
      left: .44rem;
      top: 4.1rem;
      height: .4rem;
      z-index: 999;
      display: flex;
      justify-content: flex-start;
      transition: all .1s;
      align-items: center; }
    .content .banner .swiper-pagination-bullet {
      width: .1rem;
      height: .1rem;
      background: rgba(255, 255, 255, 0.6); }
    .content .banner .swiper-pagination-bullet-active {
      background: #fff;
      border-radius: .3rem;
      width: .25rem; }
    .content .banner .swiper {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      height: 100%; }
      .content .banner .swiper .swiper-slide {
        width: 100%;
        height: 100%; }
        .content .banner .swiper .swiper-slide img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .content .banner .font {
      overflow: hidden;
      width: 100%;
      position: relative;
      z-index: 9; }
      .content .banner .font p {
        font-size: .5rem;
        color: #fff;
        margin-bottom: .2rem;
        letter-spacing: .03rem; }
      .content .banner .font span {
        display: block;
        font-size: .26rem;
        color: #fff;
        letter-spacing: .03rem;
        font-weight: 100; }
    .content .banner .header {
      width: 100%;
      height: 1.1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 .35rem 0 .2rem;
      transition: all .3s;
      position: fixed;
      left: 50%;
      transform: translateX(-50%);
      z-index: 9999;
      top: 0; }
      .content .banner .header .m {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%; }
      .content .banner .header.on {
        background: #FFFCF8; }
        .content .banner .header.on .logo {
          background-image: url(../images/addhome_42.png); }
        .content .banner .header.on .icon {
          background: #F8F8F8; }
      .content .banner .header .logo {
        display: block;
        width: 3.33rem;
        height: .62rem;
        background-size: 100% 100%;
        background-image: url(../images/addhome_03.png); }
      .content .banner .header .icon {
        width: 1.27rem;
        height: .63rem;
        display: flex;
        align-items: center;
        border-radius: .5rem;
        background: rgba(255, 255, 255, 0.6); }
        .content .banner .header .icon div {
          width: 50%;
          height: 100%;
          background-size: .32rem;
          background-repeat: no-repeat;
          background-position: center center; }
          .content .banner .header .icon div.menu {
            background-image: url(../images/addhome_06.png); }
          .content .banner .header .icon div.user {
            background-image: url(../images/addhome_452.png); }
          .content .banner .header .icon div a {
            display: block;
            width: 100%;
            height: 100%; }

.footer {
  overflow: hidden;
  width: 100%;
  background: #FEF9EC;
  padding: .47rem 0 1rem 0; }
  .footer footer {
    width: 100%;
    padding-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #D9C99F; }
    .footer footer p {
      font-size: .26rem;
      font-weight: 100;
      color: #333333;
      padding: 0 .2rem;
      position: relative; }
      .footer footer p::after {
        content: '';
        width: 1px;
        height: .27rem;
        background: #000;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .footer footer p:last-child::after {
        display: none; }
  .footer .top {
    overflow: hidden;
    padding: .44rem .3rem .44rem .2rem;
    border-top: 1px solid #D9C99F; }
    .footer .top > ul {
      display: flex;
      align-items: center;
      justify-content: center; }
      .footer .top > ul li {
        font-size: .26rem;
        position: relative;
        color: #000000;
        margin-top: .4rem; }
        .footer .top > ul li::after {
          content: '';
          width: 1px;
          height: .27rem;
          background: #000;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
        .footer .top > ul li:last-child::after {
          display: none; }
        .footer .top > ul li a {
          color: #000000;
          font-weight: bold;
          padding: 0 .1rem;
          box-sizing: border-box;
          display: block; }
    .footer .top .icon {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .footer .top .icon .fotlogo {
        display: block;
        width: 3.33rem; }
      .footer .top .icon ul {
        display: flex;
        align-items: center; }
        .footer .top .icon ul li {
          width: .52rem;
          margin-left: .11rem; }
          .footer .top .icon ul li img {
            width: 100%; }
  .footer .icon {
    display: flex;
    align-items: center;
    justify-content: space-between; }

@media (max-width: 1025px) {
  body {
    max-width: 100%; } }
@media (min-width: 1025px) {
  body {
    max-width: 100%; }

  html {
    font-size: 60px !important; }

  .content .banner .header {
    width: 100%;
    background: #FFFCF8;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    .content .banner .header .m {
      width: 1000px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
      margin: 0 auto; }
      .content .banner .header .m .logo {
        background-image: url(../images/addhome_42.png); }
      .content .banner .header .m .icon {
        background: #F8F8F8; }

  .content .banner .swiper-pagination {
    top: 6rem; }

  .footer {
    margin-top: .6rem; }

  .footer .top .icon {
    justify-content: center; }

  .footer .top .icon .fotlogo {
    margin: 0 .3rem; }

  .content .main_form {
    width: 70%; }

  .content .m {
    width: 1000px; }

  .content .main_case .label {
    width: 97%; }

  .content .main_case .label .pic {
    height: 4rem; }
    .content .main_case .label .pic img {
      object-fit: cover;
      height: 100%; } }

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