.addfooter {
   position: relative;
   background-color: #272727;
}

.addfooter .topBox {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 90px 0 60px;
}

.search_nav {
   float: left;
}

.footer_search {
   position: relative;
   margin-bottom: 80px;
   max-width: 500px
}

.footer_search button {
   position: absolute;
   right: 0;
   bottom: 10px;
}

.footer_search h2 {
   color: #fff;
   font-size: 18px;
   margin-bottom: 15px;
}

.footer_search input {
   border: 0;
   background: none;
   height: 50px;
   width: 100%;
   color: #fff;
   font-size: 16px;
   border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer_search input:focus {
   border-bottom: 1px solid #e2c494
}

.footer_search button {
   background: none;
   color: #fff;
   font-size: 24px;
}

.addfooter .navBox {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;

}

.addfooter .navBox .item {
   padding-right: 40px;
}

.addfooter .navBox .h1 {
   color: rgba(255, 255, 255, 0.9);
   line-height: 1.6;
   text-align: left;
   margin-bottom: 20px;
   font-size: 16px
}

.addfooter .navBox .h1 a {
   font-size: 18px;
   color: #fff
}

.addfooter .navBox a {
   display: block;
   color: rgba(255, 255, 255, 0.3);

   font-size: 16px;
   line-height: 1.7;
   transition: all 0.5s;
   margin-bottom: 10px;
}

.addfooter .navBox a:hover {
   color: #e2c494;
}

.addfooter .codeBox {
   max-width: 390px;
   width: 100%;
   text-align: right;
}

.addfooter .codeBox .number {
   font-size: 30px;
   color: #ec6900;
   line-height: 36px;
   font-weight: bold;
   margin-bottom: 5px;
}

.addfooter .codeBox .time {
   font-size: 16px;
   color: #f9f9f9;
   line-height: 36px;
   margin-bottom: 10px;
   font-family: OPPOSans-L;
}

.addfooter .codeBox .code {
   display: inline-block;
   width: 110px;
}

.addfooter .codeBox .name {
   font-size: 14px;
   color: #bbbbbb;
   line-height: 36px;
   text-align: center;
   margin-top: 5px;
   font-family: OPPOSans-L;
}

.addfooter .shareBox {
   float: right;
   max-width: 30%;
   color: rgba(255, 255, 255, .4)
}

.addfooter .shareBox a {
   color: rgba(255, 255, 255, .4)
}

.addfooter .shareBox a:hover {
   color: #e2c494
}

.footer_address {
   margin: 30px 0;
   line-height: 34px;
}

.footer_tel_mail {
   line-height: 34px;
   font-size: 16px;
}

.footer_tel_mail i {
   margin-right: 8px;
}

.addfooter .shareBox h1 {
   font-size: 30px;
   color: #fff;
   font-weight: bold;
}

.addfooter .timeBox {
   text-align: right;
}

.addfooter .phone {
   font-size: 20px;
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.9);

}

.addfooter .time {
   font-size: 16px;
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.3);

}

.addfooter .qrCode {
   margin-top: 60px;
}

.addfooter .qrCode span {
   display: inline-block;
   margin-right: 20px;
}

.addfooter .qrCode span em {
   display: block;
   text-align: center;
   font-style: normal;
   margin-top: 10px;
}

.addfooter .qrCode img {
   filter: grayscale(100%) !important;
   /*max-width: 100%;*/
   width: 90px;
   opacity: 0.5;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
}

.addfooter .qrCode img:hover {
   filter: grayscale(0) !important;
   opacity: 1;
}

/* .addfooter .qrCode img.ic2 { */
/* display: none; */
/* } */

/* .addfooter .qrCode span:hover img.ic1 { */
/* display: none; */
/* } */

/* .addfooter .qrCode span:hover img.ic2 { */
/* display: inline-block; */
/* } */

.addfooter .share {
   margin-top: 50px;
}

.addfooter .share>span {
   display: inline-block;
   padding: 10px 0px;
   text-align: center;
}

.addfooter .share a {
   position: relative;
   display: inline-block;
   vertical-align: top;
   font-size: 24px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 16px;
   transition: all 0.3s ease;
}



.addfooter .share a:last-child {
   width: 31px;
   text-align: right;
}


.addfooter .share a .ic2 {
   display: none;
}

.addfooter .share a:hover .ic1 {
   display: none;
}

.addfooter .share a:hover .ic2 {
   display: inline-block;
}

.addfooter .share a>img {
   max-width: 21px;
}

.addfooter .code {
   position: absolute;
   top: -120px;
   right: 0;
   width: 100px;
   padding: 5px;
   background-color: #fff;
   border-radius: 5px;
   display: none;
   box-sizing: border-box;
}

.addfooter .code::before {
   position: absolute;
   content: "";
   bottom: -8px;
   right: 10px;
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 8px solid #fff;
}

.addfooter .code img {
   width: 100%;
}

.addfooter .infoBox {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   padding: 40px 0;
   border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.share_kefu {
   display: inline-block;
   margin-right: 15px;
}

.share_kefu a {
   padding: 3px 24px;
   width: auto !important;
   background: #fff;
   height: auto !important;
   color: #e2c494 !important;
   border-radius: 30px !important;
   font-size: 20px !important;
   display: inline-block
}

.share_kefu a i {
   margin-right: 8px;
}

.share_kefu a:hover {
   background: #e2c494;
   color: #333 !important
}

.addfooter .text {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   color: rgba(255, 255, 255, 0.3);

   font-size: 16px;
   line-height: 1.7;
}

.addfooter .text a {
   color: rgba(255, 255, 255, 0.3);
   margin-right: 8px;
   display: inline-block;
}

.addfooter .backTop {
   color: rgba(255, 255, 255, 0.3);

   font-size: 16px;
   line-height: 1.7;
   /*padding-left: 27px;
	background-image: url(../images/icon15.png);
	background-repeat: no-repeat;
	background-position: left center;*/
}

.addfooter .backTop a {
   color: rgba(255, 255, 255, 0.3);
}

.addfooter .backTop a:hover,
.addfooter .text a:hover {
   color: #e2c494
}

.addfooter .color {
   margin-right: 10px;
}

@media only screen and (max-width: 1024px) {
   .addfooter .wrap {
      width: 100%;
   }

   .search_nav {
      float: none;
      width: 100%;
      max-width: 100%
   }

   .footer_search {
      width: 90%;
      margin: 0 auto 40px;
      max-width: 100%
   }

   .footer_search input {
      font-size: 12px;
   }

   .footer_search button {
      font-size: 16px;
   }

   .addfooter .shareBox h1 {
      font-size: 24px;
   }

   .footer_search input {
      height: 40px;
   }

   .footer_address {
      margin: 20px 0;
   }

   .footer_search input {
      max-width: 100%
   }

   .addfooter .topBox {
      padding: 40px 0 30px;
   }

   .addfooter .navBox {
      width: 100%;
      max-width: 100%;
   }

   .addfooter .navBox .h1 {
      line-height: 40px;
      border-bottom: 1px solid #333;
   }

   .addfooter .navBox .item {
      width: 100%;
      padding-right: 0
   }

   .addfooter .shareBox {
      float: none;
      width: 100%;
      max-width: 100%;
      padding: 0 5%;
      box-sizing: border-box;
      margin-top: 30px;
   }

   .addfooter .timeBox {
      float: left;
      width: 70%;
      text-align: left;
   }

   .addfooter .qrCode {
      float: right;
      width: 25%;
      margin-top: 0;
      display: none;
   }

   .addfooter .share {
      margin-top: 0.3rem;
   }

   .addfooter .share>span {
      padding: 0.1rem 0;
   }

   .addfooter .share a {
      width: 0.4rem;
      height: 0.4rem;
      line-height: 0.4rem;
   }

   .addfooter .backTop {
      text-align: center
   }

   .addfooter .navBox {
      /*border-top: 1px solid #333333;*/
   }

   .addfooter .navBox .h1 {
      position: relative;
      width: 90%;
      margin: 0 auto;
      font-size: 16px;
   }

   .share_kefu a {
      padding: 0 15px;
      font-size: 16px !important
   }


   .addfooter .share a {
      font-size: 22px;
   }

   .addfooter .navBox .nav {
      padding: 0.1rem 5%;
      background-color: #333333;
   }

   .addfooter .navBox .h1::after {
      position: absolute;
      content: "";
      top: 50%;
      right: 0;
      margin-top: -0.02rem;
      width: 0.2rem;
      height: 0.04rem;
      background-color: #fff;
   }

   .addfooter .navBox .h1::before {
      position: absolute;
      content: "";
      top: 50%;
      right: 0.08rem;
      margin-top: -0.1rem;
      width: 0.04rem;
      height: 0.2rem;
      background-color: #fff;
      transition: all 0.5s ease;
   }

   .addfooter .botBox {
      padding: 0 5%;
   }

   .addfooter .navBox .h1.on::before {
      transform: rotate(90deg);
   }

   .addfooter .navBox a {
      padding: 5px 0;
      font-size: 14px;
      margin-bottom: 0;
   }

   .addfooter .phone {
      font-size: 0.2rem;
   }

   .addfooter .time {
      font-size: 0.18rem;
   }

   .addfooter .infoBox {
      padding: 0.2rem 0 0.4rem;
   }

   .addfooter .text {
      margin-bottom: 10px;
   }

   .addfooter .qrCode img {
      width: 1.2rem;
   }

   .addfooter .code {
      opacity: 0;
   }
}

@media only screen and (max-width: 767px) {

   .addfooter .backTop,
   .addfooter .text,
   .footer_search input,
   .footer_address,
   .footer_tel_mail {
      font-size: 14px
   }

   .footer_address,
   .footer_tel_mail {
      line-height: 30px;
   }

   .footer_search h2 {
      font-size: 18px;
   }

   .addfooter .shareBox h1 {
      font-size: 20px;
   }
}

@media only screen and (max-width: 580px) {
   .addfooter .share a {
      width: 36px;
      height: 36px;
      line-height: 36px;
   }

   .addfooter .infoBox {
      display: block;
      width: 100%;
   }

   .addfooter .text {
      display: block;
      margin-bottom: 10px;
   }

   .addfooter .qrCode img {
      width: 1.4rem;
   }

   .addfooter .backTop {
      bottom: 1.8rem;
   }
}

@media only screen and (max-width: 414px) {
   .addfooter .backTop {
      bottom: 2rem;
   }
}

@media only screen and (max-width: 375px) {
   .addfooter .share a {
      width: 32px;
      height: 32px;
      line-height: 32px;
   }

   .addfooter .share a img {
      max-width: 18px;
   }

   .addfooter .qrCode img {
      width: 1.5rem;
   }

}